:root {
   --primary-color: #dd3333;
   --primary-color-hover: #b12929;
   --light-grey: #b3b3b3;
   --green: #00ae57;
   --green2: #038745;
}

* {
   font-family: 'Lato', sans-serif;
}


/** Btn **/
/* .btn-primary {
   background-color: var(--green);
   border-color: var(--green);
}

.btn-primary:hover,
.btn-primary:active {
   background-color: var(--green2);
   border-color: var(--green2);
} */
/** END Btn **/



/** Form fields **/
.form-control,
.form-select,
.form-check-input {
   border-color: var(--light-grey);
}
/** END Form fields **/


body.email-signature-details-page {
   margin-bottom: 100px;
}

/** Logo **/
.boxed-logo {
   width: 200px;
   max-width: 100%;
}
/** END Logo **/



.email-signature-details-page .form-container {
  width: 680px;
  max-width: 100%;
  padding: 32px;
  border-radius: 8px;
}

.modal-content,
.modal-body {
   overflow: visible !important;
}


/** Form **/
   form .h5 {
      font-size: 1.1rem;
      margin-bottom: 0;
   }

   .form-check-wrapper {
      display: flex;
      flex-wrap: wrap;
   }

   .form-check-wrapper .form-check {
      flex: 1 0 46%;
   }
/** END Form **/