/*
    Dark Skin CSS Styles
*/
body.dark {
    background: url(../img/cover_black_background.jpg) repeat top left fixed;
}

.dark .footer {
    background: #454d55;
}

.dark .navbar-header {
    background-color: #454d55 !important;
}

.dark .nav-link {
    background-color: #343a40;
}

    .dark .nav-link:hover,
    .dark .dropdown-skins .dropdown-toggle.show {
        background-color: #595959;
    }

.dark .dropdown-skins .dropdown-menu .dropdown-item:hover,
.dark .dropdown-skins .dropdown-menu .dropdown-item:focus {
    background-color: #595959;
}

.dark .card,
.dark .modal-content {
    background-color: #232527 !important;
    color: #fff;
}

.dark .card-body .list-group-item,
.dark .modal-body .list-group-item {
    background-color: transparent;
}

.dark .card-header,
.dark .modal-header {
    background-color: #232527 !important;
    color: #fff;
}

.dark table {
    border-color: #737373;
}

    .dark table thead {
        background-color: #454d55;
    }

    .dark table th {
        color: white;
    }

    .dark table td {
        color: white;
    }

    .dark table a {
        color: white;
        text-decoration: none;
    }

    .dark table .c-pointer a {
        color: white;
    }

    .dark .form-floating > label {
        color: #000 !important;
    }

.dark .page-link, .page-link {
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.dark .list-group-item {
    color: #fff;
    background-color: #232527;
    border: 1px solid rgba(0, 0, 0, 0.125);
}

.dark a.list-group-item:hover {
    color: #24b1f9;
}

.dark .list-group-item + .list-group-item {
    border-top-width: 0;
}

.dark .list-group-item.active {
    z-index: 2;
    color: #fff !important;
    background-color: #454d55;
    border-color: #6b6e71;
    border-top-width: thin;
}

.dark .breadcrumb-item {
    color: white;
}

.dark .breadcrumb-item a {
    color: black;
}

.dark .dropdown-toggle::after{
    color: white;
}

.dark .t-menu {
    background-color: #474A4E !important;
}

/* === CardTheme - Tema Oscuro === */
body.dark .card-theme {
    background-color: #343a40;
    color: #f8f9fa;
    border-color: #6c757d;
}

body.dark .card-theme .input-theme {
    background-color: #495057;
    color: #f8f9fa;
    border: 1px solid #6c757d;
}

body.dark .card-theme .label-theme {
    color: #f8f9fa;
}



/*
    Light Skin CSS Styles
*/
body.light {
    background: url(../img/custom-background.png) repeat top left #f6f6f6;
}

.light .footer {
    background: #f4f6f9;
    color: black;
}

.light .navbar-header {
    background-color: #f4f6f9 !important;
}

.light .nav-link {
    background-color: #b3b3b3;
}

    .light .nav-link:hover,
    .light .dropdown-skins .dropdown-toggle.show {
        background-color: #9d9d9d;
    }

.light .dropdown-skins .dropdown-menu .dropdown-item:hover,
.light .dropdown-skins .dropdown-menu .dropdown-item:focus {
    background-color: #9d9d9d;
}

.light .card,
.light .modal-content {
    background-color: #fff !important;
    color: #000;
}

.light .card-body .list-group-item,
.light .modal-body .list-group-item {
    background-color: transparent;
}

.light .card-header,
.light .modal-header {
    background-color: #f4f6f9 !important;
    color: #000;
}

.light table {
    border-color: #dee2e6;
}

    .light table thead {
        background-color: #adb5bd;
    }

    .light table th {
        color: black;
    }

.light table td {
    color: black;
}

.light table a {
    color: black;
    text-decoration: none;
}

.light .page-link, .page-link {
    box-shadow: rgb(229 232 233 / 30%) 0px 1px 2px 0px, rgb(224 226 227 / 15%) 0px 1px 3px 1px;
}

.light .list-group-item {
    color: #212529;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125);
}

.light a.list-group-item:hover {
    color: #0a58ca;
}

    .light .list-group-item + .list-group-item {
        border-top-width: 0;
    }

    .light .list-group-item.active {
        z-index: 2;
        color: #fff !important;
        background-color: #0d6efd;
        border-color: #0d6efd;
    }

.light .dropdown-toggle::after {
    color: black;
}

.light .t-menu {
    background-color: #FFFFFF !important;
}

/* === CardTheme - Tema Claro === */
body.light .card-theme {
    background-color: #ffffff;
    color: #212529;
    border-color: #ced4da;
}

body.light .card-theme .input-theme {
    background-color: #ffffff;
    color: #212529;
    border: 1px solid #ced4da;
}

body.light .card-theme .label-theme {
    color: #212529;
}


/*
    Button Search Custom Styles
*/
.btn-custom-search span {
    position: relative;
    display: table-caption;
    width: 60px;
    height: 50px;
    z-index: 2;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    cursor: pointer;
}

.dark .btn-search-custom span {
    /*background: url(../img/grid-icons/ls-search.png) no-repeat !important;*/
    background: url(../img/grid-icons/ls-search.png) no-repeat center / cover !important;
}

.dark .btn-clear-custom span {
    /*background: url(../img/grid-icons/ls-clear.png) no-repeat !important;*/
    background: url(../img/grid-icons/ls-clear.png) no-repeat center / cover !important;
}

.light .btn-search-custom span {
    /*background: url(../img/grid-icons/ds-search.png) no-repeat !important;*/
    background: url(../img/grid-icons/ds-search.png) no-repeat center / cover !important;
}

.light .btn-clear-custom span {
    /*background: url(../img/grid-icons/ds-clear.png) no-repeat !important;*/
    background: url(../img/grid-icons/ds-clear.png) no-repeat center / cover !important;
}

/*
    Button Grid Custom Styles
*/
.btn-custom-grid span {
    position: relative;
    display: table-caption;
    top: 4px;
    width: 24px;
    height: 22px;
    z-index: 2;
    cursor: pointer;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.dark .btn-report-p-custom span {
    background: url(../img/grid-icons/ls-report-p.png) no-repeat !important;
}

.dark .btn-report-b-custom span {
    background: url(../img/grid-icons/ls-report-b.png) no-repeat !important;
}

.dark .btn-report-f-custom span {
    background: url(../img/grid-icons/ls-report-f.png) no-repeat !important;
}

.dark .btn-report-l-custom span {
    background: url(../img/grid-icons/ls-report-l.png) no-repeat !important;
}

.dark .btn-report-na-custom span {
    background: url(../img/grid-icons/ls-report-na.png) no-repeat !important;
}

.dark .btn-share-custom span {
    background: url(../img/grid-icons/ls-share.png) no-repeat !important;
}

.dark .btn-comment-custom span {
    background: url(../img/grid-icons/ls-comment.png) no-repeat !important;
}

.dark .btn-comment-active-custom span {
    background: url(../img/grid-icons/ls-comment-active.png) no-repeat !important;
}

.dark .btn-download-custom span {
    background: url(../img/grid-icons/ls-donwload.png) no-repeat !important;
}

.dark .btn-edit-custom span {
    background: url(../img/grid-icons/ls-edit.png) no-repeat !important;
}

.dark .btn-delete-custom span {
    background: url(../img/grid-icons/ls-delete.png) no-repeat !important;
}

.dark .btn-study-ins-custom span {
    background: url(../img/grid-icons/ls-study-ins.png) no-repeat !important;
}

.dark .btn-study-reasign-custom span {
    background: url(../img/grid-icons/ls-reasing-study.png) no-repeat !important;
}

.light .btn-download-pdf span {
    background: url(../img/grid-icons/ds-report-p.png) no-repeat !important;
}

.light .btn-report-b-custom span {
    background: url(../img/grid-icons/ds-report-b.png) no-repeat !important;
}

.light .btn-report-f-custom span {
    background: url(../img/grid-icons/ds-report-f.png) no-repeat !important;
}

.light .btn-report-l-custom span {
    background: url(../img/grid-icons/ds-report-l.png) no-repeat !important;
}

.light .btn-report-na-custom span {
    background: url(../img/grid-icons/ds-report-na.png) no-repeat !important;
}

.light .btn-share-custom span {
    background: url(../img/grid-icons/ds-share.png) no-repeat !important;
}

.light .btn-comment-custom span {
    background: url(../img/grid-icons/ds-comment.png) no-repeat !important;
}

.light .btn-comment-active-custom span {
    background: url(../img/grid-icons/ds-comment-active.png) no-repeat !important;
}

.light .btn-download-custom span {
    background: url(../img/grid-icons/ds-download.png) no-repeat !important;
}

.light .btn-edit-custom span {
    background: url(../img/grid-icons/ds-edit.png) no-repeat !important;
}

.light .btn-delete-custom span {
    background: url(../img/grid-icons/ds-delete.png) no-repeat !important;
}

.light .btn-study-ins-custom span {
    background: url(../img/grid-icons/ds-study-ins.png) no-repeat !important;
}

.light .btn-study-reasign-custom span {
    background: url(../img/grid-icons/ds-reasing-study.png) no-repeat !important;
}

/*
    Button Custom Styles
*/

.btn-custom span {
    display: table-caption;
    width: 40px;
    height: 40px;
    z-index: 2;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.dark .btn-download-excel-custom span {
    background: url(../img/dashboard-icons/ls-excel.png) no-repeat !important;
}

.dark .btn-download-pdf-custom span {
    background: url(../img/dashboard-icons/ls-pdf.png) no-repeat !important;
}

.light .btn-download-excel-custom span {
    background: url(../img/dashboard-icons/ds-excel.png) no-repeat !important;
}

.light .btn-download-pdf-custom span {
    background: url(../img/dashboard-icons/ds-pdf.png) no-repeat !important;
}

/*
    Button Viewer Custom Styles
*/
.btn-custom-viewer span {
    position: relative;
    display: table-caption;
    top: 3px;
    left: 3px;
    width: 26px;
    height: 26px;
    z-index: 2;
    cursor: pointer !important;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

/* Dark Icons */

.dark .btn-split-one-custom span {
    background: url(../img/viewer-icons/ls-split-one.png) no-repeat !important;
}

.dark .btn-vsplit-two-custom span {
    background: url(../img/viewer-icons/ls-vsplit-two.png) no-repeat !important;
}

.dark .btn-hsplit-two-custom span {
    background: url(../img/viewer-icons/ls-hsplit-two.png) no-repeat !important;
}

.dark .btn-split-three-custom span {
    background: url(../img/viewer-icons/ls-split-three.png) no-repeat !important;
}

.dark .btn-split-four-custom span {
    background: url(../img/viewer-icons/ls-split-four.png) no-repeat !important;
}

.dark .btn-paneo-custom span {
    background: url(../img/viewer-icons/ls-paneo.png) no-repeat !important;
}

.dark .btn-rotate-flip-custom span {
    background: url(../img/viewer-icons/ls-rotate-flip.png) no-repeat !important;
}

.dark .btn-tools-custom span {
    background: url(../img/viewer-icons/ls-tools.png) no-repeat !important;
}

.dark .btn-scale-custom span {
    background: url(../img/viewer-icons/ls-scale.png) no-repeat !important;
}

.dark .btn-report-custom span {
    background: url(../img/viewer-icons/ls-report.png) no-repeat !important;
}

.dark .btn-vconfig-custom span {
    background: url(../img/viewer-icons/ls-config.png) no-repeat !important;
}

.dark .btn-h-reflex-custom span {
    background: url(../img/viewer-icons/ls-h-reflex.png) no-repeat !important;
}

.dark .btn-v-reflex-custom span {
    background: url(../img/viewer-icons/ls-v-reflex.png) no-repeat !important;
}

.dark .btn-turn-left-custom span {
    background: url(../img/viewer-icons/ls-turn-left.png) no-repeat !important;
}

.dark .btn-turn-right-custom span {
    background: url(../img/viewer-icons/ls-turn-right.png) no-repeat !important;
}

.dark .btn-clean-custom {
    background: url(../img/viewer-icons/ls-clean.png) no-repeat !important;
    background-size: contain!important;
    background-position: center;
}

.dark .btn-reference-point-custom span {
    background: url(../img/viewer-icons/ls-reference-point.png) no-repeat !important;
}

.dark .btn-elliptical-roi-custom span {
    background: url(../img/viewer-icons/ls-elliptical-roi.png) no-repeat !important;
}

.dark .btn-circule-roi-custom span {
    background: url(../img/viewer-icons/ls-circule-roi.png) no-repeat !important;
}

.dark .btn-rectangle-roi-custom span {
    background: url(../img/viewer-icons/ls-rectangle-roi.png) no-repeat !important;
}

.dark .btn-distance-custom {
    background: url(../img/viewer-icons/ls-distance.png) no-repeat !important;
    background-size: contain!important;
    background-position: center;
}

.dark .btn-angle-custom {
    background: url(../img/viewer-icons/ls-angle.png) no-repeat !important;
    background-size: contain!important;
    background-position: center;
}

.dark .btn-cobbs-custom {
    background: url(../img/viewer-icons/ls-cobbs.png) no-repeat !important;
    background-size: contain!important;
    background-position: center;
}

.dark .btn-annotation-custom span {
    background: url(../img/viewer-icons/ls-annotation.png) no-repeat !important;
}

.dark .btn-tracker-custom span {
    background: url(../img/viewer-icons/ls-tracker.png) no-repeat !important;
}

.dark .btn-ict-custom span {
    background: url(../img/viewer-icons/ls-ict.png) no-repeat !important;
}

.dark .btn-invert-custom {
    background: url(../img/viewer-icons/ds-invert.png) no-repeat !important;
    background-size: contain!important;
    background-position: center;
}

.dark .btn-custom-layout-icon span {
    background: url(../img/viewer-icons/ds-custom-layout-icon.png) no-repeat !important;
}


/* Light Icons */

.light .btn-split-one-custom span {
    background: url(../img/viewer-icons/ds-split-one.png) no-repeat !important;
}

.light .btn-vsplit-two-custom span {
    background: url(../img/viewer-icons/ds-vsplit-two.png) no-repeat !important;
}

.light .btn-hsplit-two-custom span {
    background: url(../img/viewer-icons/ds-hsplit-two.png) no-repeat !important;
}

.light .btn-split-three-custom span {
    background: url(../img/viewer-icons/ds-split-three.png) no-repeat !important;
}

.light .btn-split-four-custom span {
    background: url(../img/viewer-icons/ds-split-four.png) no-repeat !important;
}

.light .btn-paneo-custom span {
    background: url(../img/viewer-icons/ds-paneo.png) no-repeat !important;
}

.light .btn-rotate-flip-custom span {
    background: url(../img/viewer-icons/ds-rotate-flip.png) no-repeat !important;
}

.light .btn-tools-custom span {
    background: url(../img/viewer-icons/ds-tools.png) no-repeat !important;
}

.light .btn-scale-custom span {
    background: url(../img/viewer-icons/ds-scale.png) no-repeat !important;
}

.light .btn-report-custom span {
    background: url(../img/viewer-icons/ds-report.png) no-repeat !important;
}

.light .btn-vconfig-custom span {
    background: url(../img/viewer-icons/ds-config.png) no-repeat !important;
}

.light .btn-h-reflex-custom span {
    background: url(../img/viewer-icons/ds-h-reflex.png) no-repeat !important;
}

.light .btn-v-reflex-custom span {
    background: url(../img/viewer-icons/ds-v-reflex.png) no-repeat !important;
}

.light .btn-turn-left-custom span {
    background: url(../img/viewer-icons/ds-turn-left.png) no-repeat !important;
}

.light .btn-turn-right-custom span {
    background: url(../img/viewer-icons/ds-turn-right.png) no-repeat !important;
}

.light .btn-clean-custom span {
    background: url(../img/viewer-icons/ds-clean.png) no-repeat !important;
}

.light .btn-reference-point-custom span {
    background: url(../img/viewer-icons/ds-reference-point.png) no-repeat !important;
}

.light .btn-elliptical-roi-custom span {
    background: url(../img/viewer-icons/ds-elliptical-roi.png) no-repeat !important;
}

.light .btn-circule-roi-custom span {
    background: url(../img/viewer-icons/ds-circule-roi.png) no-repeat !important;
}

.light .btn-rectangle-roi-custom span {
    background: url(../img/viewer-icons/ds-rectangle-roi.png) no-repeat !important;
}

.light .btn-distance-custom span {
    background: url(../img/viewer-icons/ds-distance.png) no-repeat !important;
}

.light .btn-angle-custom span {
    background: url(../img/viewer-icons/ds-angle.png) no-repeat !important;
}

.light .btn-cobbs-custom span {
    background: url(../img/viewer-icons/ds-cobbs.png) no-repeat !important;
}

.light .btn-annotation-custom span {
    background: url(../img/viewer-icons/ds-annotation.png) no-repeat !important;
}

.light .btn-tracker-custom span {
    background: url(../img/viewer-icons/ds-tracker.png) no-repeat !important;
}

.light .btn-ict-custom span {
    background: url(../img/viewer-icons/ds-ict.png) no-repeat !important;
}

.light .btn-invert-custom span {
    background: url(../img/viewer-icons/ls-invert.png) no-repeat !important;
}

.light .btn-custom-layout-icon span {
    background: url(../img/viewer-icons/ls-custom-layout-icon.png) no-repeat !important;
}