body {
   font-family: 'Open Sans', sans-serif;
   font-size: 14px;
}

textarea:focus, 
textarea.form-control:focus, 
input.form-control:focus, 
button:focus, 
select:focus,
input[type=text]:focus, 
input[type=password]:focus, 
input[type=email]:focus, 
input[type=number]:focus, 
[type=text].form-control:focus, 
[type=password].form-control:focus, 
[type=email].form-control:focus, 
[type=tel].form-control:focus, 
[contenteditable].form-control:focus {
   outline: none !important;
   box-shadow: none !important;
}

input[type="text"].form-control, input[type="password"].form-control {
   height: 33px;
}

label, input, button, select, textarea {
   font-size: 13px;
}

a {
   text-decoration: none;
   color: inherit;
}

nav .nav-link {
   padding-top: 0.68rem;
   padding-bottom: 0.68rem;
}

.text-justify {
   text-align: justify !important;
}

.form-control,
.alert {
   border-radius: 0;
}

.form-select:focus {
   border-color: var(--primary);
}

.dropdown-menu {
   font-size: 14px;
   border-color: var(--primary);
}

.dropdown-item:focus, .dropdown-item:hover {
   color: var(--white);
   background-color: var(--primary-dark);
}

.dropdown-item.active, .dropdown-item:active {
   color: var(--white);
   background-color: var(--primary-darkest);
}

.no-arrow.dropdown-toggle::after {
   content: none;
}

.form-control {
   font-size: 13px;
}

.bg-primary {
   background-color: var(--primary) !important;
}

.bg-white {
   background-color: var(--white) !important;
}

.bg-red {
   background-color: var(--red) !important;
}

.color-white {
   color: var(--white) !important;
}

.vertical-wrapper {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -60%);
}

.btn {
   font-size: 13px;
   max-height: 33px;
}

.btn.btn-primary {
   background: var(--primary);
   border: 1px solid var(--primary-darkest);
}

.btn.btn-primary:hover {
   background: var(--primary-dark);
}

.btn.btn-primary:active {
   background: var(--primary-darkest);
}

.fs-7 {
   font-size: 14px;
}

.mt-6 {
   margin-top: 4rem!important;
}

.btn {
   border-radius: 0;
}

.overlay {
   height: 100%;
   width: 100%;
   position: fixed;
   z-index: 100000;
   left: 0;
   top: 0;
   background-color: black;
   background-color: rgba(0, 0, 0, 0.9);
   overflow-x: hidden;
   transition: 0.5s;
   display: none;
}

.overlay-content {
   position: relative;
   top: 40%;
   width: 100%;
   text-align: center;
   font-size: 1rem;
   color: #cbcbcb;
}

.overlay-content a, #helpModal a {
   color: var(--primary);
   text-decoration: underline;
}

@media screen and (max-height: 450px) {
   .overlay-content {
      font-size: 0.8rem;
   }
}

@media screen and (max-width: 450px) {
   .overlay-content {
      font-size: 0.9rem;
   }
}

.cursor-pointer {
   cursor: pointer;
}

.modal-content {
   border-radius: 0;
}

.bt-1px-primary-dark {
   border-top: 1px solid var(--primary-dark);
}

.bt-0 {
   border-top: 0;
}

.bb-0 {
   border-bottom: 0;
}

.card {
   border: 0 !important;
}

.card-header {
   background: inherit;
}

.input-group-text {
   border-radius: 0;
}

.form-control:disabled, .form-control[readonly] {
   background-color: var(--secondary-light);
   cursor: not-allowed;
}

.btn.disabled, .btn:disabled, fieldset:disabled .btn {
   opacity: 0.8;
}

.datepicker {
   padding: 5px !important;
}

.datepicker table {
   width: 100%;
}

.datepicker-dropdown:before {
   border-bottom-color: var(--primary-dark);
}

.dropdown-menu {
   z-index: 998;
}

.legend-box {
   width: 15px;
   height: 15px;
   display: inline-block;
   vertical-align: top;
   margin-top: 3px;
   border-radius: .2rem!important;
   margin-right: 5px;
   border: 1px solid #dee2e6;
}

.text-decoration-line-through {
   text-decoration: line-through;
}

.no-select {
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -o-user-select: none;
   user-select: none;
}

.accordion-button:not(.collapsed) {
   color: var(--primary);
   background-color: transparent;
}

.accordion-button:hover {
   color: var(--primary-dark);  
}

.accordion-button:focus {
   box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%) !important;
}

.accordion-button.collapsed:focus {
   box-shadow: none !important;
}

.min-width-10rem {
   min-width: 10rem !important;
}

.link-primary {
   color: var(--primary);
}

.link-primary:focus, .link-primary:hover {
   color: var(--primary-dark);
}

.debug_pre {
   font-size: 10px;
   line-height: 10px;
   background-color: indigo;
   color: white;
   border-radius: 5px;
   padding: 5px;
}

.select_filter_light .filter-option-inner-inner {
   font-size: 13px;
   white-space: nowrap;
   text-overflow: ellipsis;
}

.select_filter_light .btn {
   background-color: white;
   border: 1px solid var(--secondary);
   line-height: 22px;
}

.select_filter_light .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover,
.btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus,
.open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover {
   background-color: #fff;
   border-color: var(--secondary);
}

.select_filter_light .btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default {
   background-color: #fff;
   border-color: var(--secondary);
}

.select_filter_light .dropdown-menu {
   border: 1px solid var(--primary);
   min-width: 300px;
   max-width: 300px;
   padding: 0px !important;
}

.select_filter_light .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
   background-color:var(--primary);
   color:#fff
}

.select_filter_light .dropdown-menu > li > a {
   padding: 4px 10px;
}

.bootstrap-select .dropdown-menu li {
   margin: 5px;
}

.select_filter_light .bs-caret {
   color: #888;
}

.bootstrap-select > select.mobile-device:focus + .dropdown-toggle, .bootstrap-select .dropdown-toggle:focus {
   outline: 0 !important;
   outline-offset: 0;
}

.bootstrap-select .bs-ok-default:after {
   content: '';
   display: block;
   border-style: solid;
   border-width: 0 0.13em 0.13em 0;
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   transform: rotate(45deg);
   width: 6px;
   height: 12px;
   margin-top: 3px;
}

.input-group .bootstrap-select.form-control .dropdown-toggle {
   min-width: 300px;
   max-width: 300px;
}

.input-group .bootstrap-select.disabled .dropdown-toggle {
   background-color: var(--secondary-light);
}

.datepicker-dropdown:after, .datepicker-dropdown:before {
   content: none;
}

.bootstrap-select .dropdown-menu li a span.text {
   font-size: 13px;
   font-family: 'Open Sans';
   white-space: initial;
}