/* BACKGROUND */
.bg-light { background-color: #f8f8f8 !important; }
.bg-primary { background-color: #279bd4 !important; }
.bg-primary-dark { background-color: #1c7dad !important; }
.bg-danger { background-color: #e21f1d !important; }


/* TEXT */
.text-primary { color: #279bd4 !important; }
.text-danger { color: #e21f1d !important; }
.text-dark { color: #626262 !important; }

/* INPUT */
.input-group > *, .input-group-text { border-radius: 0 !important; }
/*.form-control:disabled, .form-control[readonly] { background-color: inherit; }*/
.form-control { font-size: 12px; border-radius: 0; border: 1px solid #e9ecef; }
    .form-control:focus { outline: none; -webkit-box-shadow: none; box-shadow: none; border-color: #dcdcdc; }
.input-group.disabled { opacity: 0.5; filter: alpha(50); cursor: not-allowed !important; }
.input-group-text { border: 1px solid #e9ecef; }

.custom-radio label, custom-checkbox label { cursor: pointer; }

/* BUTTON */
.btn { border-radius: 0 !important; outline: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; cursor: pointer; /*padding: .25rem .5rem; font-size: .875rem; line-height: 1.5; */ }
.btn-primary, .btn-primary:disabled { color: #fff; background-color: #279bd4; border-color: #279bd4; }
    .btn-primary:hover, .btn-primary:active, .btn-primary:focus { background-color: #0079b4 !important; border-color: #0079b4 !important; }
    .btn-primary:disabled:hover { cursor: not-allowed !important; }

/* MODAL */
.modal { background-color: rgba(0, 0, 0, 0.3); background: rgba(0, 0, 0, 0.3); }
    .modal .modal-header { padding: 0.8rem; }
        .modal .modal-header .modal-title { margin-bottom: 0; line-height: 1; font-size: 1.3rem; text-transform: uppercase; }
    .modal .modal-content { border-radius: 0; border: none; }
    .modal .modal-footer { padding: 0.6rem; }

.list-group .list-group-item:first-child { border-radius: 0; }
.list-group .list-group-item { background-color: #F5F5F5; margin-bottom: 2px; font-size: 12px; text-decoration: none; }
    .list-group .list-group-item:hover { background-color: #dcdcdc; color: #555; }
    .list-group .list-group-item > .list-group { display: none; margin-bottom: 0; }
.list-group-item a { text-decoration: none; cursor: pointer; }
.list-group-item:focus-within > .list-group { display: block !important; padding-left: 5px; }
.list-group > .list-group > .list-group-item { padding-left: 10px; }


/* TOOLBAR */
.toolbar { list-style: none; padding: 0; margin-bottom: 0; z-index: 1; }
    .toolbar > li { display: inline-block; position: relative; padding: 0 10px; cursor: pointer; line-height: 30px; margin-right: 25px; }
    .container-section:nth-child(odd) .box .toolbar li, .toolbar ul { background-color: #fff; color: #444; }
    .container-section:nth-child(even) .box .toolbar li, .toolbar ul { background-color: #f5f5f5; color: #444; }
    .toolbar li ul { position: absolute; display: block; left: -1000px; padding: 5px 0px; list-style: none; opacity: 0; filter: alpha(0); border-radius: 0 !important; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; }
    .toolbar li:hover > ul { opacity: 1; filter: alpha(100); left: 0; }
        .toolbar li:hover > ul.sub-menu { left: 100%; top: 0; }
    .toolbar li ul li { cursor: pointer; position: relative; }
    .toolbar li ul > li:hover > a { background-color: #2970AD !important; color: #fff; }
    .toolbar a { color: inherit; }
    .toolbar li ul li a { padding: 0px 20px 0px 10px; display: block; line-height: 35px; white-space: nowrap; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

/* NAV TAB */
.nav-tabs .nav-link { border-top-left-radius: 0; border-top-right-radius: 0; }
    .nav-tabs .nav-link.active { color: inherit !important; }

.nav-link { border-radius: 0 !important; }
    .nav-link.active { background-color: #279bd4 !important; }

/* CARD */
.card { background-color: #f9f9f9; border: none; border-radius: 0; }
    .card .card-img { border-radius: 0; }
    .card .card-header { padding: .5rem; border-bottom: none; }
    .card .card-footer { padding: .5rem; border-top: none; }
    .card .card-title { margin-bottom: 0; font-weight: 300; }
.card-header, .card-footer { background-color: rgba(0,0,0,.1); }

.shadow { box-shadow: 0 .125rem .25rem rgba(0,0,0,.075); }

.opacity-5 { opacity: 0.5; filter: alpha(50); }
.opacity-8 { opacity: 0.8; filter: alpha(80); }
.opacity-9 { opacity: 0.9; filter: alpha(90); }
.opacity-10 { opacity: 1; filter: alpha(100); }

/* TOOLTIP */
.tooltip .tooltip-inner { background-color: #8c8c8c; border-radius: 3px; }
.tooltip .arrow { left: 40%; }
    .tooltip .arrow::before { border-top-color: #8c8c8c; }

/* TABLE*/
.table-hover tbody tr { cursor: pointer; }

.custom-checkbox label { cursor: pointer; }

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) { .shadow-sm { box-shadow: 0 .125rem .25rem rgba(0,0,0,.075); }
    .modal-xl { max-width: 95%; }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .shadow-md { box-shadow: 0 .125rem .25rem rgba(0,0,0,.075); }
    .modal-xl { max-width: 90%; }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .shadow-lg { box-shadow: 0 .125rem .25rem rgba(0,0,0,.075); }
    .modal-xl { max-width: 75%; }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .shadow-xl { box-shadow: 0 .125rem .25rem rgba(0,0,0,.075); }
    .modal-xl { max-width: 1000px; }
}