:root {
    --blue: #27509b;
    --blueActive: #247BB3;
    --selection: #247BB3;
    --yellow: #fce500;
    --yellowActive: #E6BD0B;
    --whiteSmoke: #f5f5f5;
    --color-default: var(--blue);
    --base-title: var(--blue);
    --link-default: var(--blue);
    --link-hover-default: var(--blue);
    --scroll-thumb: var(--blue);
    --scroll-track: #C8D5EC;
    --btn-success: #27509b;
    --btn-success-hover: #27509b;
    --btn-signin: var(--yellow);
    --btn-signin-border: var(--yellow);
    --btn-signin-hover: var(--yellowActive);
    --btn-signin-border-hover: var(--yellowActive);
    --ag-icon: var(--blue);
    --cb-color: var(--blue);
    --modal-header-color: var(--blue);
    --modal-header-text: #ffffff;
}

/*********************** main ************************/
.panel-change-company a, .panel-change-company h5 {
    color: var(--blue) !important;
}
.success-checkmark .check-icon .icon-line {
    background-color: var(--blue) !important;
}
.success-checkmark .check-icon .icon-circle {
    border: 2px solid var(--blue) !important;
}
/*********************** main ************************/


/*********************** button ************************/
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
    border-color: #aaaaaa;
}

.btn-success {
    background-color: var(--blue);
    border-color: var(--blue);
}
    .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success:disabled {
        background-color: var(--blueActive);
        border-color: var(--blueActive);
        color: #ffffff;
    }

.btn-theme-inverse, fieldset[disabled] .btn-theme-inverse {
    background-color: #0090d9;
    border-color: #0090d9;
}

.btn-add {
    background-color: var(--blue);
    border-color: var(--blue);
}
    .btn-add:hover, .btn-add:focus, .btn-add:active, .btn-add:disabled {
        background-color: var(--blueActive);
        border-color: var(--blueActive);
        color: #ffffff;
    }

.btn-save {
    background-color: var(--blue);
    border-color: var(--blue);
}
    .btn-save:hover, .btn-save:focus, .btn-save:active, .btn-save:disabled {
        background-color: var(--blueActive);
        border-color: var(--blueActive);
        color: #ffffff;
    }

.btn-collapse i {
    color: var(--blue);
}

.signin-button {
    border: 1px solid var(--yellow);
    background-color: var(--yellow);
    color: var(--blue) !important;
}
    
    .signin-button:hover, .signin-button:focus, .signin-button:active {
        border: 1px solid var(--yellowActive);
        background-color: var(--yellowActive);
        color: var(--blue);
    }

.btn-language {
    border: 1px solid var(--yellow) !important;
    background-color: transparent !important;
}
    .btn-language:hover, .btn-language:focus, .btn-language:active {
        border: 1px solid var(--blueActive) !important;
        background-color: var(--blueActive) !important;
    }

.lang-button {
    border: 1px solid var(--yellow) !important;
    background-color: var(--yellow) !important;
}
    .lang-button:hover, .lang-button:focus, .lang-button:active {
        border: 1px solid var(--yellowActive) !important;
        background-color: var(--yellowActive) !important;
    }
/*********************** button ************************/


/*********************** form ************************/
.form-control:focus {
    border-color: var(--blue) !important;
    -webkit-box-shadow: inset 0 0 8px var(--blue) !important;
    box-shadow: inset 0 0 8px var(--blue) !important;
}

input[type=text]:focus, input[type=password]:focus {
    -webkit-box-shadow: inset 0 0 8px var(--blue) !important;
    box-shadow: inset 0 0 8px var(--blue) !important;
}

input::selection {
    background-color: var(--selection);
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: var(--blue) !important;
}

.custom-checkbox-input:checked + .custom-checkbox-label {
    background-color: #46a6eb;
}

.label-success {
    background-color: #46a6eb;
}

.label-save-me {
    color: #cecccc !important;
}
/*********************** form ************************/


/*********************** datepicker ************************/
.datepicker table thead tr:nth-child(2) {
    background-color: var(--blue);
}

.datepicker table thead tr:nth-child(2) .prev:hover, .datepicker table thead tr:nth-child(2) .datepicker-switch:hover, .datepicker table thead tr:nth-child(2) .next:hover {
    background-color: var(--blue);
}

.datepicker tfoot tr th.today {
    background: var(--blue);
}

    .datepicker tfoot tr th.today:hover {
        background: var(--blue);
    }
/*********************** datepicker ************************/


/*********************** magic ************************/
/* .magic-checkbox + label:before {
    border: 1px solid var(--blue);
}

.magic-checkbox + label:after {
    border: 2px solid var(--blue);
    border-top: 0;
    border-left: 0;
}

.magic-checkbox:checked + label:before {
    border: 1px solid white;
    background: var(--blue);
}

.formlogin-signin .magic-checkbox:checked + label:before {
    background: var(--yellow);
} */
.magic-checkbox:checked + label:before {
    border: 1px solid #d7dcde;
}

/* .magic-radio:checked + label:before {
    border: 3px solid var(--blue);
}

.magic-radio + label:after {
    background: var(--blue);
} */

fieldset[disabled] .custom-checkbox-input:checked + .custom-checkbox-label {
    background-color: #bfcbe1;
}
fieldset[disabled] .magic-checkbox:checked + label:before {
    background: #bfcbe1;
}
/*********************** magic ************************/


/*********************** scroll bar ************************/
/* *::-webkit-scrollbar-thumb {
    background: var(--blue) !important;
}

*::-webkit-scrollbar-track {
    background: #C8D5EC;
}

#content.after-mail-box::-webkit-scrollbar-thumb, #main::-webkit-scrollbar-thumb, #nav-scroll::-webkit-scrollbar-thumb, #mailbox #nav-scroll::-webkit-scrollbar-thumb, .mm-menu > .mm-panel::-webkit-scrollbar-thumb, .ms-list::-webkit-scrollbar-thumb {
    background: var(--blue) !important;
} */
/*********************** scroll bar ************************/


/*********************** header ************************/
#header .tools-bar a.icon-toolsbar, ol.breadcrumb > li > a, #text-cp-header {
    color: var(--blue);
}

    #header .tools-bar a.icon-toolsbar:hover {
        color: var(--blue) !important;
    }
/*********************** header ************************/


/*********************** workflow ************************/
a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {
    background-color: var(--blue);
    border-color: var(--blue);
}

.modal-workflow .modal-header {
    background-color: var(--blue) !important;
}

    .modal-workflow .modal-header h4 {
        color: #ffffff;
    }

    .modal-workflow .modal-header button.close {
        color: #ffffff;
        opacity: 0.5;
    }

.a-role {
    color: #247BB3 !important;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: var(--blue);
    border-color: #D0E6F7 !important;
}
/*********************** workflow ************************/


/*********************** Grid ************************/
/* div.ui-grid-icon-ok:before {
    color: var(--blue) !important;
} */
.btn-primary.btn-transparent {
    color: var(--blue) !important;
}
.ui-grid-cell-contents.ng-binding.ng-scope.cs-button-hover:hover {
    background-color: var(--blueActive) !important;
    /* color: #ffffff !important; */
}
.ui-grid-row.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell {
    background-color: #D0E6F7;
}
.gird-qryright .ui-grid-top-panel {
    background: #D0E6F7 !important;
}
/*********************** Grid ************************/