:root {
   --primary-color: #14133b;
   --primary-color-hover: #232166;
   --light-grey: #b3b3b3;
   --red: #dc3545;
}

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


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

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


/** Dropdown **/
.dropdown-item.active,
.dropdown-item:active {
   color: #000000 !important;
}

.dropdown-item.link-primary.active,
.dropdown-item.link-primary:active {
   color: #ffffff !important;
}

.dropdown-item.link-danger.active,
.dropdown-item.link-danger:active {
   color: #ffffff !important;
   background-color: var(--red);
}
/** END Dropdown **/


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


body.request-dashboard {
   margin-bottom: 100px;
}

/** Logo **/
header .logo {
   width: 120px;
   max-width: 100%;
}

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

/** Header **/
.status-filter-nav .nav-status-link {
   font-size: .9rem;
}
/** END Header **/

.signin-page .form-container,
.forgot-password-page .form-container,
.signup-page .form-container,
.change-password-page .form-container {
  width: 420px;
  max-width: 100%;
  padding: 32px;
  border-radius: 8px;
}

.forget-password-link {
  font-size: 0.9em;
}

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


/* Notes */
.edit-note-btn {
   font-size: .8rem;
}

.wrapper-note {
   padding: 5px 10px;
   border-radius: 2px;
   border: 1px solid #bfbfbf;
   margin-bottom: 5px;
   font-size: 0.9em;
}

.wrapper-note:nth-child(odd) {
   background: #fffefe;
   margin-left: 10px;
}

.wrapper-note:nth-child(even) {
   background: #f3f0f0;
   margin-right: 10px;
}

.wrapper-note .note-details {
   display: block;
   font-size: .8rem;
   border-top: 1px solid #b0b0b0;
   margin-top: 5px;
   padding-top: 2px;
}

.delete-note-dropdown {
   width: 200px;
}
/* END Notes */


/** Status **/
.request-status-label,
.nav-status-link .status-text {
   padding: 5px 10px;
   border-radius: 2px;
   line-height: normal;
}
/** END Status **/


/** Datatable **/
table.fixedHeader-floating {
   margin-top: 0 !important;
}

thead .filters select {
   padding: 4px;
}
/** END Datatable **/


/** Add manual request btn **/
.add-request-btn-wrapper {
   z-index: 5;
}

.add-request-btn-wrapper i:before {
   font-size: 3.5rem;
   background: #fff;
   border-radius: 99px;
}

.dropdown-menu-success {
   background: rgb(25,135,84);
}

.dropdown-menu-success button {
   color: #ffffff;
}

.dropdown-menu-success button:hover {
   background: rgb(29, 153, 95);
   color: #ffffff;
}
/** END Add manual request btn **/


/** 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 **/



/** Stats **/
   .light-blue-bg {
      background: #f2f6fc;
   }
   
   .canvas-wrapper:not(.full-height) {
      max-height: 400px;
   }

   #map {
      height: 400px;
   }
/** END Stats **/


/** WhatsApp **/
.whatsapp-link {
   text-decoration: none;
   color: #075E54;
}

.whatsapp-link:hover,
.whatsapp-link:active {
   text-decoration: none;
   color: #128C7E;
}
/** END WhatsApp **/


/** Email link **/
.email-link {
   text-decoration: none;
   color: #0049b4;
}

.email-link:hover,
.email-link:active {
   text-decoration: none;
   color: #0d6efd;
}
/** END Email link **/


/** Label giorni di ritardo **/
.request-delay-days {
   padding: 2px 8px;
   display: block;
   margin-top: 0.5em;
   font-size: 0.9em;
   line-height: normal;
}
.request-delay-days.low {
   border-left: 3px solid #28a745;
   color: #28a745;
   background: #f7fff9;
}

.request-delay-days.med {
   border-left: 3px solid #efb813;
   color: #c7a02b;
   background: #fffdf6;
}

.request-delay-days.high {
   border-left: 3px solid #dc3545;
   color: #dc3545;
   background: #fff6f6;;
}
/** END Label giorni di ritardo **/


/** Price **/
.final-price {
   font-size: 1.1em;
}
/** END Price **/


/** Select2 **/
.select2-container .select2-selection--single {
   height: auto;
}

.select2-container .select2-selection--single .select2-selection__rendered {
   padding: 0.3rem 2.25rem 0.3rem 0.75rem;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
   top: 8px;
}
/** END Select2 **/