
.form-group.has-error .val-msg {
    font-size: 8pt;
    color: #f96868;
    margin-top: 3px;
}


.val-msg {
    font-size: 8pt;
    color: #f96868;
    margin-top: 3px;
}


.dataTable a:not(.dropdown-menu) > a {

    color: #005487 !important;
    font-weight: bold;

}

.dataTable .selected a {

    color: darkgray !important;
    color: darkgray !important;

}

.dataTable .font-bold {
    font-weight: bold;
}


.dataTable .badge-primary {

    background-color: #005487 !important;

}

.dataTable .selected .badge-primary {

    background-color: white !important;
    color: #005487 !important;
}



/*
#bo_professional_contract_list tr:first-child td,
#bo_professional_salary_tax_list tr:first-child td,
#bo_contract_salary_list tr:first-child td {
   font-weight: bold;
}

#bo_professional_contract_list tr:not(:first-child),
#bo_professional_salary_tax_list tr:not(:first-child),
#bo_contract_salary_list tr:not(:first-child) {
    color: #6c757d;
}
*/


#bo_professional_salary_tax_list tr:first-child td {
    font-weight: bold;
}

#bo_professional_salary_tax_list tr:not(:first-child) {
    color: #6c757d;
}

.table-bordered.dataTable > thead > tr > th {
    font-size: 12px;
}

.tableFixHead thead th {
    background-color: #6786b8 !important;
}


.text-custom-primary {
    color: #005487 !important;
}

.text-custom-secondary {
    color: #a4b368 !important;
}

.text-bold { font-weight: bold; }


table.dataTable tbody tr.selected, table.dataTable tbody th.selected, table.dataTable tbody td.selected {

    color: darkgray !important;

}


/**
Page Header overrides
 */

.breadcrumb-item a {
    color: black !important;

}

.breadcrumb-item.active a {
    color: #98a6ad !important;

}


/**
Drop Menu overrides
 */

.dropdown-menu a {

    color: #1c355e !important;
    margin: 10px !important;
    padding: 5px !important;

}


/**
   Input File
 */

.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}



/**
LOADING
*/

#page-loader {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(230, 232, 236, .9);
    z-index: 1050;
}

#page-loader.fade {
    display: none
}

#page-loader.fade.in {
    display: block
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(359deg)
    }
}

@-moz-keyframes rotation {
    from {
        -moz-transform: rotate(0deg)
    }
    to {
        -moz-transform: rotate(359deg)
    }
}

@-o-keyframes rotation {
    from {
        -o-transform: rotate(0deg)
    }
    to {
        -o-transform: rotate(359deg)
    }
}

@keyframes rotation {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(359deg)
    }
}

.spinner,
.spinner-small {
    height: 40px;
    width: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -20px -20px 0 0;
    border: 2px solid #fff;
    border-top: 2px solid #005487;
    border-radius: 100%
}

.fade.in .spinner,
.fade.in .spinner-small {
    -webkit-animation: rotation .6s infinite linear;
    -moz-animation: rotation .6s infinite linear;
    -o-animation: rotation .6s infinite linear;
    animation: rotation .6s infinite linear
}

.spinner-small {
    border: 2px solid rgba(0, 0, 0, .05);
    border-top: 2px solid #005487;
    height: 30px;
    width: 30px;
    margin: -15px -15px 0 0
}



/*Datatable*/
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus, .page-item.active .page-link {
    background: #005487 !important;
    border-color: #005487 !important;
}


/*DATATABLES*/
.dataTable td.check_col, .dataTable th.check_col {
    padding: 5px 15px;
    text-align: center;
    width: 1%;
    vertical-align: middle !important;
}

.display-table .display-table-cell.fit,
table.dataTable .fit {
    width: 1%;
}


table.dataTable thead th {
    white-space: nowrap;
    padding: 10px;
    padding-right: 17.5px;
    /*vertical-align: top !important;*/
}

table.dataTable tbody td {
    padding: 10px;
}

table.dataTable th small {
    font-size: 75%;
}

table.dataTable.withtrashed tr.highlight td,
table.dataTable.withtrashed tr.highlight td a:not(.btn),
table.dataTable.withtrashed tr.highlight td .text-primary,
table.dataTable.withtrashed tr.highlight td .text-success,
table.dataTable.withtrashed tr.highlight td .text-warning,
table.dataTable.withtrashed tr.highlight td .text-danger {
    color: #CACACA !important;
}

.table-responsive table.dataTable {
    width: 99.9% !important;
}

table.dataTable table.dataTable_detail {
    margin-bottom: 5px;
    background-color: transparent;
}

table.dataTable table.dataTable_detail td,
table.dataTable table.dataTable_detail th {
    padding: 5px;
}

table.dataTable td :not(.btn) small > i.fa {
    font-size: 65%;
}




/*Menu*/

#sidebar-menu > ul > li > a.active {

    color: #005487 !important;
    font-weight: bold !important;
}

.nav-second-level li.active > a {
    color: #005487 !important;
    font-weight: bold !important;
}

#sidebar-menu > ul > li > a:hover, #sidebar-menu > ul > li > a:focus, #sidebar-menu > ul > li > a:active {
    color: #005487 !important;
    font-weight: bold !important;
}


/**
Buttons
*/

.btn-primary {

    background-color: #1c355e !important;
    border-color: #1c355e !important;

}

.btn-link:hover {
    opacity: 0.5;
}


/**
SELECT PICKER
*/

.selectpicker {
    border: 1px solid #d9e3e9 !important;
    background-color: white !important;
}

/*.bootstrap-select > .dropdown-menu > .dropdown-menu li a {*/
    /*padding-left: 10px !important;*/
    /*margin-left: 0 !important;*/
/*}*/


.dropdown-menu a {
    padding-left: 10px !important;
    margin-left: 0 !important;
}


.bootstrap-select > .dropdown-menu {
   padding-bottom: 0 !important;
}



/*Checkboxes*/
.checkbox-custom input[type="checkbox"]:checked + label::before {
    background-color: #1c355e !important;
    border-color: #1c355e !important;
}


.padding-0 {

    padding: 0 !important;
}

.padding-left-0 {

    padding-left: 0 !important;
}

.padding-right-0 {

    padding-right: 0 !important;
}



.accordion li {
    background: #fbfbfb;

    border-width: 2px !important;
    border-style: solid !important;
    border-color: #f1f1f1 !important;
}

.accordion li:nth-child(odd) {
    background: #f5f5f5;
}


/**
DROPZONE
*/
.dropzone.dz-clickable .dz-message {
    font-size: 13pt;
    margin-bottom: 10px;
}


/*IMAGES*/
.bg_img_panel,
.img_fade{
    opacity: 0;
}


.disabled {
    background-color: #e9ecef;
}



/*LISTS*/

.color_rounded_square {
    height: 20px;
    width: 20px;
    border-style: solid;
    border-width: 1px;
    border-color: lightgrey;
}


.service-professionals-header {
    padding: 5px;
    color: white;
    font-weight: bold;
    background-color: #005487;
}

.service-professionals {
    padding: 0;
    margin: 0;
    width: 100%;
}

.service-professionals li {
    list-style-type: none;
    width: 100%;
    padding: 5px;
}

.service-time-blocks {
    display: flex;
    justify-content: flex-end;
}

.service-professionals li:nth-child(odd) {
    background-color: #f9f9f9;
}
.service-professionals li:nth-child(even) {
    background-color: #f3f3f3;
}


.bottom_separator {
    border-bottom: 1px solid rgba(0,0,0,.1);
}

.clockpicker-popover {
    z-index: 999999;
}



.bg-light-grey {
    background-color: #f9f9f9;
}

.bg-light-blue {
    background-color: #F4FAFC;
}


/*ALERTS*/
.alert_high {
    color: red;
}

.alert_low {
    color: orange;
}

.form-control {
    height: 35px;
}

.input-group-text {
    height: 35px;
}

.form-control:disabled, .form-control[readonly] {
    background-color: #F9F9F9;
    opacity: 1;
}

.form-image-dropzone.dropzone.profile {
    text-align: center;
}

.dropzone .dz-preview {
    padding-top: 15px;
}


/*Modal*/
.modal-header {
    color: white;
    background-color: #1c355e;
}



/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}