/* FORM */
form {
	position: relative;
}


/* TABLE */
.table-striped tbody tr:nth-of-type(odd) {
    background-color: #fcfcfc;
}

/* THUMBNAIL */
.thumbnail-container .thumbnail.thumbnail-initials {
    background-color: #E9F2F8;
}

.thumbnail-container .thumbnail.thumbnail-initials span {
    color: #1294fc;
}

/* BADGE */
.badge-primary {
    color: #fff;
    background-color: #2b3a4a;
}

/* FORM CONTROL */
.form-control:focus {
	box-shadow: none;
	border-color: #122F3B;
}

.tooltip {
    pointer-events: none;
}

/*COLS*/
.col-1-5,
.col-lg-1-5,
.col-md-1-5,
.col-sm-1-5,
.col-xl-1-5,
.col-2-5,
.col-lg-2-5,
.col-md-2-5,
.col-sm-2-5,
.col-xl-2-5,
.col-3-5,
.col-lg-3-5,
.col-md-3-5,
.col-sm-3-5,
.col-xl-3-5,
.col-4-5,
.col-lg-4-5,
.col-md-4-5,
.col-sm-4-5,
.col-xl-4-5,
.col-lg-5-5,
.col-md-5-5,
.col-sm-5-5,
.col-xl-5-5 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.col-1-5 {
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%;
}

.col-2-5 {
    -ms-flex: 0 0 20.83%;
    flex: 0 0 20.83%;
    max-width: 20.83%;
}

.col-3-5 {
    -ms-flex: 0 0 29.166666%;
    flex: 0 0 29.166666%;
    max-width: 29.166666%
}

.col-4-5 {
    -ms-flex: 0 0 37.5%;
    flex: 0 0 37.5%;
    max-width: 37.5%
}

.col-5-5 {
    -ms-flex: 0 0 45.833333%;
    flex: 0 0 45.833333%;
    max-width: 45.833333%
}

@media (min-width:576px) {
    .col-sm-1-5 {
        flex: 0 0 12.5%;
        max-width: 12.5%;
        max-width: 12.5%
    }

    .col-sm-2-5 {
        flex: 0 0 20.83%;
        max-width: 20.83%;
        max-width: 20.83%
    }

    .col-sm-3-5 {
        flex: 0 0 29.166666%;
        max-width: 29.166666%;
        max-width: 29.166666%
    }

    .col-sm-4-5 {
        flex: 0 0 37.5%;
        max-width: 37.5%;
        max-width: 37.5%
    }

    .col-sm-5-5 {
        flex: 0 0 45.833333%;
        max-width: 45.833333%;
        max-width: 45.833333%
    }
}

@media (min-width:768px) {
    .col-md-1-5 {
        flex: 0 0 12.5%;
        max-width: 12.5%;
        max-width: 12.5%
    }

    .col-md-2-5 {
        flex: 0 0 20.83%;
        max-width: 20.83%;
        max-width: 20.83%
    }

    .col-md-3-5 {
        flex: 0 0 29.166666%;
        max-width: 29.166666%;
        max-width: 29.166666%
    }

    .col-md-4-5 {
        flex: 0 0 37.5%;
        max-width: 37.5%;
        max-width: 37.5%
    }

    .col-md-5-5 {
        flex: 0 0 45.833333%;
        max-width: 45.833333%;
        max-width: 45.833333%
    }
}

@media (min-width:992px) {
    .col-lg-1-5 {
        flex: 0 0 12.5%;
        max-width: 12.5%;
        max-width: 12.5%
    }

    .col-lg-2-5 {
        flex: 0 0 20.83%;
        max-width: 20.83%;
        max-width: 20.83%
    }

    .col-lg-3-5 {
        flex: 0 0 29.166666%;
        max-width: 29.166666%;
        max-width: 29.166666%
    }

    .col-lg-4-5 {
        flex: 0 0 37.5%;
        max-width: 37.5%;
        max-width: 37.5%
    }

    .col-lg-5-5 {
        flex: 0 0 45.833333%;
        max-width: 45.833333%;
        max-width: 45.833333%
    }
}

@media (min-width:1200px) {
    .col-xl-1-5 {
        flex: 0 0 12.5%;
        max-width: 12.5%;
        max-width: 12.5%
    }

    .col-xl-2-5 {
        flex: 0 0 20.83%;
        max-width: 20.83%;
        max-width: 20.83%
    }

    .col-xl-3-5 {
        flex: 0 0 29.166666%;
        max-width: 29.166666%;
        max-width: 29.166666%
    }

    .col-xl-4-5 {
        flex: 0 0 37.5%;
        max-width: 37.5%;
        max-width: 37.5%
    }

    .col-xl-5-5 {
        flex: 0 0 45.833333%;
        max-width: 45.833333%;
        max-width: 45.833333%
    }
}



/* SELECT 2*/
.select2-container--bootstrap4 .select2-results__option--highlighted, 
.select2-container--bootstrap4 .select2-results__option--highlighted.select2-results__option[aria-selected=true] {
    background-color: #1294fc;
    color: #FFFFFF;
    
}

.select2-results__option {
    border-radius: 0;
}

/* AUTOCOMPLETE */
.ui-menu .ui-menu-item:hover {
    background-color: #1294fc;
    color: #FFFFFF;
}

/* DATETIMEPICKER  */
.bootstrap-datetimepicker-widget table th {
    color: #1294fc;
}

.bootstrap-datetimepicker-widget table thead tr:first-child th {
    color: #2b3a4a;
}

.bootstrap-datetimepicker-widget table td span:hover {
    background: #1294fc;
}

.bootstrap-datetimepicker-widget table td span {
    background-color: #2b3a4a;
}

.bootstrap-datetimepicker-widget table td.day:hover, 
.bootstrap-datetimepicker-widget table td.hour:hover, 
.bootstrap-datetimepicker-widget table td.minute:hover, 
.bootstrap-datetimepicker-widget table td.second:hover {
    background: #1294fc;
    color: #ffffff;
}

.bootstrap-datetimepicker-widget table td.today:before {
    border-bottom-color: #2b3a4a;
}

/* DATERANGE PICKER */
.daterangepicker .ranges li.active {
    background-color: #2b3a4a;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #2b3a4a;
}

.daterangepicker .calendar-table th {
    color: #1294fc;
}

.daterangepicker .calendar-table th.month {
    color: #2b3a4a;
}

.daterangepicker .calendar-table .next span, 
.daterangepicker .calendar-table .prev span {
    border: solid #2b3a4a;
    border-width: 0 2px 2px 0;
}

/* INLINE DATERANGEPICKER */
.inline-picker i {
    color: #1294fc;
}

/* FILEINPUT */
.fileinput .fileinput-element {
    background: #e9f2f8;
}

.fileinput .img-thumbnail .fileinput-new.fileinput-element i,
.fileinput .fileinput-element .initials {
    color: #1294fc;
}

/* ABSOLUTE LOADER */
.circle-wrap .circle .mask .fill {
    clip: rect(0px, 20px, 40px, 0px);
    background-color: #1294fc;
}

.circle-wrap .preloader-spinner {
    border-top-color: #2b3a4a;
    border-left-color: #2b3a4a;
}

/* CHECCKBOX */
.custom-control-input:checked~.custom-control-label::before,
.custom-control-input.selectable-checked~.custom-control-label::before,
.custom-control-input.readonly-checked~.custom-control-label::before {
    color: #fff;
    border-color: #232e45;
    background-color: #232e45;
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
    border-color: #232e45;
    background-color: #232e45;
}

.custom-checkbox .custom-control-input.selectable-checked~.custom-control-label::after,
.custom-checkbox .custom-control-input.readonly-checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}


/* CUSTOM CHECK AND RADIO */
.custom-control {
    min-height: 1.75rem;
    padding-left: 2.25rem;
    line-height: 1.8;
}

.custom-control-label::before {
    top: 0;
    left: -2.25rem;
    width: 1.75rem;
    height: 1.75rem;
    background-color: transparent;
    border: #059EE9 solid 3px;
}

.custom-control-label::after {
    top: 0;
    left: -2.25rem;
    width: 1.75rem;
    height: 1.75rem;
}

.custom-control-input {
    width: 1.75rem;
    height: 1.75rem;
}


.custom-control-input:checked~.custom-control-label::before, 
.custom-control-input.selectable-checked~.custom-control-label::before, 
.custom-control-input.readonly-checked~.custom-control-label::before {
    color: #fff;
    border: 3px solid #D2EF2B;
    background-color: transparent;
}

.custom-switch .custom-control-label::after {
    background-color: #122F3B;
}

.custom-switch .custom-control-input:checked~.custom-control-label::after {
    background-color: #122F3B;
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23D2EF2B'/%3e%3c/svg%3e");
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23D2EF2B' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}
.custom-control-input:focus~.custom-control-label::before {
    box-shadow: none;
}

.custom-control-input:not(:disabled):active~.custom-control-label::before {
    color: #D2EF2B;
    background-color: transparent;
    border: 3px solid #D2EF2B;
}

/* MODAL */

@media (min-width: 576px) {
    .modal-xxl {
        max-width: 800px;
    }
}

@media (min-width: 992px) {
    .modal-xxl {
        max-width: 1000px;
    }
}

@media (min-width: 1200px) {
   .modal-xxl {
        max-width: 1340px;
    } 
}

/* INPUT GROUP */
.input-group-last-element {
    border-top-right-radius: .25rem!important;
    border-bottom-right-radius: .25rem!important;
}

/* TAB ANIMATION EFFECT */

/*.tab-pane.fade {
  transition: all 0.2s;
  transform: translateY(1rem);
}

.tab-pane.fade.show {
  transform: translateY(0rem);
}