/* Minification failed. Returning unminified contents.
(54,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(59,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(79,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(199,17): run-time error CSS1039: Token not allowed after unary operator: '-data-width'
 */
@import "/Content/custom/custom-scrollbar.css";
@import "/Content/custom/custom-splitjs.css";
@import "/Content/custom/custom-videomonitor.css";
@import "/Content/custom/custom-dropdown-selectors.css";
@import "/Content/custom/custom-grid.css";
@import "/Content/custom/custom-videojs.css";
@import "/Content/custom/custom-datatables.css";
@import "/Content/custom/custom-icheck.css";
@import "/Content/custom/custom-dygraph.css";
@import "/Content/custom/custom-prettyprint.css";


.accordion-button {
    padding: .7rem 1rem !important;
}

.mv-control-bar {
    background-color: #fff !important;
}

.dark-mode .mv-control-bar {
    background-color: #343a40 !important;
}

.text-info {
    color: #5090ef !important;
}

.btn-info {
    background-color: #0d6efd !important;
    border-color: #0d6efd !important;
}

    .btn-info:hover {
        background-color: #1761cf !important;
        border-color: #1761cf !important;
    }


.dark-mode .form-control:disabled{
    background-color: #4f575e !important;
    opacity: 1 !important;
    cursor: not-allowed !important;
}

.dark-mode .form-control[readonly] {
    background-color: #4f575e !important;
    opacity: 1 !important;
    cursor: pointer !important;
}


.dark-mode .accordion {
    --bs-accordion-bg: #343a40 !important;
    border: none;
}

    .dark-mode .accordion.accordion-form-insert {
        --bs-accordion-bg: #2a3035 !important;
        border: none;
    }

    .dark-mode .accordion.form-insert .accordion-button:hover {
        background-color: #0d6efd !important;
        color: #fff;
    }

.dark-mode .accordion-button:not(.collapsed) {
    color: white !important;
    background-color: #252a2f;
}

.dark-mode .accordion-button:hover {
    background-color: #2a3035;
}


.accordion {
    --bs-accordion-bg: transparent !important;
    border: solid;
    border-width: 1px;
    border-color: #dee2e6;
}

.accordion-button:not(.collapsed) {
    color: #0d6efd;
    background-color: #e8e9eb;
}

.accordion-button:focus {
    z-index: 3;
    border-color: transparent;
    outline: 0;
    box-shadow: none;
}

.accordion-button:hover {
    background-color: #efefef;
}


.cursor-pointer {
    cursor: pointer;
}

.dark-mode input:-webkit-autofill,
.dark-mode input:-webkit-autofill:focus,
.dark-mode input:-webkit-autofill:hover,
.dark-mode select:-webkit-autofill,
.dark-mode select:-webkit-autofill:focus,
.dark-mode select:-webkit-autofill:hover,
.dark-mode textarea:-webkit-autofill,
.dark-mode textarea:-webkit-autofill:focus,
.dark-mode textarea:-webkit-autofill:hover {
    -webkit-text-fill-color: #fff !important;
}

/*#region---- Custom Nielsen Overlay ------------*/

.text-warning-nielsen {
    color: #e4b45f;
}


/*#region---- Fix for inline form labels ------------*/
.form-search-label {
    margin-right: 10px;
    align-self: center;
}


/*#region---- Fix for control sidebar and footer ------------*/
.control-sidebar-flush {
    top: 47px !important;
    bottom: 0 !important;
}

.dark-mode .control-sidebar {
    background-color: #343a40 !important;
}

/*#endregion---- Fix for control sidebar and footer ---------*/


/*#region ---------------Fix for bootstrap warning badge ------------*/
.badge-warning {
    color: #fff !important;
    background-color: #f39c12;
}

/*#endregion ------------Fix for bootstrap warning badge ------------*/

.blinking {
    animation: opacity 1s ease-in-out infinite;
    opacity: 1;
}

@keyframes opacity {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.5
    }

    100% {
        opacity: 1;
    }
}

.hidden {
    display: none !important;
}


/*#region ---------- Channel Guide ----------*/
.guide-wrapper {
    width: inherit;
    overflow-x: scroll;
    margin-left: 10em;
    padding-left: 10px;
    padding-right: 10px;
}

.guide-channel {
    position: absolute;
    width: 10em;
    left: 0;
    top: auto;
    margin-left: 10px;
}

div.channel div {
    display: inline-block;
}

div.program {
    width: var(--data-width);
    height: 100%;
    border: 1px solid #b4b4b4;
    border-radius: 5px;
    margin: 0px;
    padding: 15px;
    overflow: auto;
}

/*#endregion -----------------------------------*/


.dashboard-card-item {
    height: 100%;
    max-height: 180px;
}


/*#region ---------- Custom Divider ----------*/

.divider-vertical {
    border-left: 1px solid #dee2e6;
    margin: 0px 20px;
}

.dark-mode .divider-vertical {
    border-left: 1px solid #6c757d;
}

/*#endregion ---------- Custom Divider ----------*/


/*#region ---------- Border ----------*/

.card-border {
    border: 1px solid rgba(0, 0, 0, .125);
}

.dark-mode .card-border {
    border: 1px solid #6c757d;
}

/*#endregion ---------- Border ----------*/
/*#region ---------- Custom Colors ----------*/

.badge {
    padding: 0.4em 0.8em !important;
}

body:not(.dark-mode) .badge-warning {
    background-color: #fc9c03
}

body:not(.dark-mode) .badge-danger {
    background-color: #ff0000
}

body:not(.dark-mode) .badge-success {
    background-color: #03ab2a
}

body:not(.dark-mode) .text-acknowledged {
    color: #1f2d3d !important;
}

body:not(.dark-mode) .text-warning {
    color: #fc9c03 !important;
}

body:not(.dark-mode) .text-danger {
    color: #ff0000 !important;
}

body:not(.dark-mode) .text-success {
    color: #03ab2a !important;
}

.badge-acknowledged {
    background-color: #ff8a05;
}

a.badge-acknowledged:hover, a.badge-acknowledged:focus {
    color: #1f2d3d;
    background-color: #d39e00;
}

a.badge-acknowledged:focus, a.badge-acknowledged.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

/*#endregion ---------- Custom Colors ----------*/
.content-wrapper {
    background-color: #e1e3e5;
}

.vertical-scroll-list {
    overflow-x: hidden;
    overflow-y: scroll;
    display: grid;
    grid-gap: 5px;
    grid-template-columns: repeat(auto-fit, 130px);
    height: 270px;
    white-space: nowrap;
    justify-content: start;
}

    .vertical-scroll-list:after {
        content: "";
        flex: auto;
    }


/* Switch */
.switchery {
    width: 65px;
    color: #fff;
    height: 25px;
    margin-right: 10px;
    margin-top: 2px;
}

    .switchery > small {
        height: 25px;
        width: 25px;
    }

    .switchery:before {
        content: 'Off';
        position: absolute;
        left: 35px;
        top: 45%;
        transform: translateY(-50%) translateX(-10%);
    }

.js-switch:checked + .switchery:before {
    content: 'On';
    width: 50px;
    left: 20px;
}


.dark-mode .daterangepicker .drp-buttons,
.dark-mode .daterangepicker .all-buttons {
    border-color: #4b545c;
}

.dark-mode .daterangepicker input.ampmselect,
.dark-mode .daterangepicker input.hourselect,
.dark-mode .daterangepicker input.minuteselect,
.dark-mode .daterangepicker input.secondselect,
.dark-mode .daterangepicker select.hourrangeselect,
.dark-mode .daterangepicker select.minuterangeselect {
    background-color: #343a40;
    border-color: #4b545c;
    color: inherit;
}


.dark-mode hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.8);
}

.dark-mode .btn-group.show .btn-tool, .btn-tool:hover {
    color: #262b30 !important;
}

.modal-backdrop {
    visibility: hidden !important;
}

.modal.in {
    background-color: rgba(0, 0, 0, 0.5);
}
.overflow-text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* number of lines to show */
    -webkit-box-orient: vertical;
}

.dark-mode a {
    color: #58a9ff;
    text-decoration: none;
    background-color: transparent;
}

.dark-mode .btn-info {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
    box-shadow: none;
}


.dark-mode .card-info:not(.card-outline) > .card-header {
    background-color: #007bff !important;
}

.width9vw {
    width: 9vw;
}

/*#region ---------- Scroll Snap Container ----------*/

.scroll-snap-container {
    scroll-snap-type: y mandatory;
    scroll-snap-stop: always;
}

.scroll-snap-child {
    scroll-snap-align: start;
}

/*#endregion ---------- Scroll Snap Container ----------*/
/*#region ---------- Custom Bootstrap List Group Classes----------*/
.list-group-item-action.active {
    border-color: rgba(0,0,0,.125) !important;
}

.dark-mode .list-group-item-action {
    color: white !important;
}

    .dark-mode .list-group-item-action.active {
        background-color: #0d6efd !important;
        color: white !important
    }

.list-group-striped .list-group-item {
    background-color: #F7F7F7;
}
.dark-mode .list-group-striped .list-group-item {
    background-color: #343a40;
}
.list-group-striped .list-group-item:nth-child(odd) {
    background-color: #00000025;
}
.dark-mode .list-group-striped .list-group-item:nth-child(odd) {
    background-color: #00000045;
}
/*#endregion ---------- Custom Bootstrap List Group Classes----------*/
/*For multiselect-dropdowns*/
.multiselect-container .multiselect-option .form-check-label {
    width: 100%;
}
/*For draggable modals*/
.draggable-modal {
    position: relative;
}

    .draggable-modal .modal-dialog {
        position: fixed;
        width: 100%;
        margin: 0;
        padding: 10px;
    }
    .draggable-modal .modal-content {
        max-height: 95vh;
    }
    .draggable-modal .modal-body {
        overflow-y: auto;
    }


.fixed-right {
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 99999;
}

.front {
    z-index: 10000 !important;
}

.dashboard-view {
    border-radius: 5px;
}

    .dark-mode .dashboard-view:hover {
        background-color: #252a2f !important;
    }

    .dashboard-view:hover {
        background-color: #E8E9EB;
    }

    .dashboard-view .dashboard-view-name {
        cursor: pointer;
    }