@import url(typology.css);
body {
    font-family: "Inter", sans-serif;
    font-size: 14px;
    color: #303030;
    height: 100%;
    background: #f4f5f7;
    padding: 0px !important;
}
.wordbreak {
    word-break: break-word !important;
    min-width: 80px;
}
.content-wrapper {
    border-top: none;
    padding-top: 0px;
    padding: 0 20px;
    margin-top: 0px;
}
#bgDiv {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.18);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    opacity: 1;
    z-index: 9999;
}
    #bgDiv ~ .Progress {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 15px;
        width: 130px;
        height: 130px;
        left: calc(50% - 65px) !important;
        top: calc(50% - 65px) !important;
        position: absolute;
        z-index: 999999;
    }
        #bgDiv ~ .Progress .progress-spin {
            width: 46px;
            height: 46px;
            min-width: 46px;
            min-height: 46px;
            border: 4px solid #ffffff;
            border-radius: 50%;
            border-top-color: var(--blue);
            animation: spin 0.85s linear infinite;
        }
@keyframes spin {
    100% {
        transform: rotate(360deg);
    }
}
.wrapper > .aside,
.wrapper > .aside .aside-inner {
    width: 300px;
}
.wrapper > section {
    margin-left: 300px;
}
.wrap {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 100%;
}
body .wrapper {
    position: static;
}
iframe {
    border: none;
    width: 100%;
}
footer {
    display: flex;
    justify-content: space-between;
    padding: 0;
    height: 35px;
    align-items: center;
    padding: 10px 30px;
    border-top: 1px solid var(--neutral-200);
}
    footer div,
    footer span {
        position: relative;
        margin: 0 !important;
        padding: 0 !important;
        font-size: 12px !important;
        color: var(--neutral-500) !important;
        width: fit-content !important;
        font-weight: 500;
        height: fit-content;
        font-family: inherit;
    }
    footer > div {
        display: flex;
        justify-content: space-between;
        flex-grow: 1;
        gap: 0.33rem;
    }
        footer > div > div {
            display: flex;
            gap: 20px;
        }
            footer > div > div:last-of-type {
                justify-content: flex-end;
            }
                footer > div > div:last-of-type span::before {
                    content: "";
                    position: absolute;
                    height: 11px;
                    background: currentColor;
                    width: 1px;
                    left: -10px;
                    top: 0;
                    bottom: 0;
                    margin: auto;
                }
                footer > div > div:last-of-type span:first-of-type:before {
                    display: none;
                }
div:has(footer) footer {
    left: 0 !important;
    position: relative;
}
footer > div > div span:empty {
    display: none;
}
.login {
    display: flex;
    justify-content: center;
    align-items: stretch;
    background: radial-gradient(circle at top left, #ffffff 0%, #f4f7fc 35%, #e8f0fe 70%, #dce6f9 100%);
}
    .login .login-left {
        width: 60%;
        flex-shrink: 0;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        padding: 50px 0px 30px 30px;
        z-index: 10;
    }
        .login .login-left .left-logo {
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-bottom: 50px;
            flex-shrink: 0;
        }
            .login .login-left .left-logo img {
                height: 44px;
            }
            .login .login-left .left-logo h1 {
                font-size: 14px;
                font-weight: 600;
                color: var(--neutral-600);
                margin: 36px 0 0;
                letter-spacing: 0.5px;
                padding: 8px 20px;
                border: 1px solid var(--border);
                border-radius: 100px;
                background: rgba(255, 255, 255, 0.6);
                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
                backdrop-filter: blur(8px);
                -webkit-backdrop-filter: blur(8px);
            }
        .login .login-left .banner-img {
            width: 100%;
            height: 36vh;
            min-height: 180px;
            max-height: 340px;
            border-radius: 14px;
            background: linear-gradient(135deg, #1a2e5e 0%, #2d4a8a 55%, #3d6ab5 100%);
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 30px;
            box-shadow: 0 8px 28px rgba(0, 0, 0, 0.14);
            overflow: hidden;
            transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.4s ease;
            cursor: pointer;
            max-width: 930px;
        }
            .login .login-left .banner-img:hover {
                transform: translateY(-6px);
                box-shadow: 0 18px 48px rgba(30, 60, 130, 0.25), 0 8px 24px rgba(0, 0, 0, 0.12);
            }
            .login .login-left .banner-img img {
                max-width: 100%;
                object-fit: cover;
                display: block;
                border-radius: 14px;
                transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275), filter 0.6s ease;
            }
            .login .login-left .banner-img:hover img {
                transform: scale(1.06);
                filter: brightness(1.08) contrast(1.02);
            }
        .login .login-left .login-content {
            display: flex;
            gap: 22px;
            width: 100%;
            max-width: 930px;
        }
            .login .login-left .login-content .login-copy {
                flex: 1;
                overflow: hidden;
            }
                .login .login-left .login-content .login-copy :is(span, ul, li, p) {
                    font-size: 14px;
                    color: var(--neutral-600);
                    line-height: 1.9;
                }
                .login .login-left .login-content .login-copy strong {
                    font-size: 16px;
                    color: var(--neutral-900);
                }
            .login .login-left .login-content .login-contact {
                background: var(--white);
                border: 1px solid var(--border);
                border-radius: 12px;
                padding: 18px 20px;
                min-width: 280px;
                max-width: 320px;
                box-shadow: 0 2px 12px rgba(0, 0, 0, 0.07);
                height: fit-content;
                flex-shrink: 0;
                transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
                margin-top: 10px;
            }
                .login .login-left .login-content .login-contact:hover {
                    transform: translateY(-3px);
                    border-color: #b3c6f2;
                    box-shadow: 0 12px 28px rgba(30, 60, 130, 0.12), 0 4px 12px rgba(0, 0, 0, 0.06);
                }
                .login .login-left .login-content .login-contact h3 {
                    font-size: 14px;
                    font-weight: 700;
                    color: var(--neutral-900);
                    margin: 0px 0px 13px;
                }
                .login .login-left .login-content .login-contact .contact-row {
                    display: flex;
                    align-items: center;
                    gap: 9px;
                    margin-bottom: 10px;
                    font-size: 13px;
                    color: var(--neutral-600);
                }
                    .login .login-left .login-content .login-contact .contact-row span:empty {
                        display: none;
                    }
                    .login .login-left .login-content .login-contact .contact-row i {
                        font-size: 14px;
                        color: var(--neutral-500);
                    }
                    .login .login-left .login-content .login-contact .contact-row a {
                        color: var(--blue);
                        text-decoration: none;
                        font-weight: 500;
                    }
                        .login .login-left .login-content .login-contact .contact-row a:hover {
                            text-decoration: underline;
                        }
    .login .login-right {
        width: 35%;
        flex-shrink: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 20px 0;
        min-height: calc(100vh - 40px);
    }
        .login .login-right .login-panel {
            width: 100%;
            max-width: 460px;
            background: var(--white);
            border-radius: 18px;
            border: 1px solid var(--border);
            box-shadow: 0 24px 76px rgba(30, 60, 130, 0.34), 0 10px 28px rgba(0, 0, 0, 0.17), 0 2px 7px rgba(0, 0, 0, 0.10);
            padding: 10px 36px 24px;
            display: flex;
            flex-direction: column;
        }
            .login .login-right .login-panel:hover {
                border-color: #a5bcf0;
                box-shadow: 0 34px 96px rgba(30, 60, 130, 0.41), 0 12px 38px rgba(0, 0, 0, 0.19), 0 2px 7px rgba(0, 0, 0, 0.10);
            }
        .login .login-right .btn-secondary {
            font-size: 15px;
            font-weight: 600;
        }
            .login .login-right .btn-secondary:hover {
                background: #f5f8ff;
                border-color: var(--blue);
            }
.login-panel .panel-logo {
    display: flex;
    justify-content: center;
    border-bottom: 1px solid var(--border);
    flex-shrink: 0;
    padding: 15px 0;
    margin-bottom: 15px;
}
    .login-panel .panel-logo img {
        max-height: 90px;
        object-fit: contain;
    }
.login-panel :is(.login-form, .login-sso, .login-form-container, .login-public) {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    width: 100%;
}
.login-panel .login-form {
    margin-bottom: 15px;
}
.login-panel h2 {
    font-size: 16px;
    font-weight: 700;
    color: var(--neutral-900);
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
    flex-shrink: 0;
    margin: 0px;
}
.login-panel .login-sso {
    position: relative;
    font-size: 11px;
    font-weight: 600;
    color: var(--neutral-500);
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.8px;
}
    .login-panel .login-sso :is(div, span) {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 15px;
    }
.login-panel .or-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    line-height: 14px;
    font-weight: 500;
    letter-spacing: 0px;
    color: var(--neutral-900);
    background: var(--white);
    padding: 0 12px;
    position: relative;
    z-index: 1;
    text-transform: capitalize;
}
    .login-panel .or-divider:before {
        position: absolute;
        content: '';
        width: 100%;
        height: 1px;
        background: var(--neutral-200);
        z-index: -1
    }
    .login-panel .or-divider:after {
        position: absolute;
        content: '';
        width: 30px;
        height: 20px;
        background: var(--white);
        left: calc(50% - 15px);
        top: calc(50% - 10px);
        z-index: -1;
    }
.login-panel .login-form-container .form-group {
    margin-bottom: 0px;
    width: 100%;
}
    .login-panel .login-form-container .form-group:empty {
        display: none;
    }
.login-panel .login-form-container .form-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    flex-wrap: nowrap;
    flex-shrink: 0;
    width: 100%;
}
    .login-panel .login-form-container .form-row :is(span, a) {
        font-size: 13px;
        font-weight: 500;
    }
.login-panel .login-form-container .btn-primary {
    text-align: center;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 22px;
}
.login-panel .login-form-container .btn {
    text-align: center;
    width: 100%;
}
.login-panel .login-registation {
    align-items: center;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    display: flex;
    font-size: 13px;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--border);
    flex-shrink: 0;
    column-gap: 5px;
    width: 100%;
    line-height: normal;
}
.login-panel .login-public .login-public-heading {
    display: flex;
    align-items: center;
    width: 100%;
    font-size: 11px;
    font-weight: 700;
    color: var(--neutral-500);
    letter-spacing: 0.8px;
    text-transform: uppercase;
    justify-content: center;
    gap: 6px;
}
.login-panel .login-public .login-public-actions {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
    .login-panel .login-public .login-public-actions > :is(a, button) {
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 6px 10px;
        border-radius: 9px;
        border: 1px solid var(--border);
        cursor: pointer;
        text-decoration: none;
        transition: background 0.15s, border-color 0.15s;
        font-size: 12.5px;
        color: var(--neutral-900);
        font-weight: 500;
        line-height: normal;
        background: var(--white);
        position: relative;
        text-align: left;
    }
    .login-panel .login-public .login-public-actions > :is(a:hover, button:hover) {
        background: var(--neutral-100);
        border-color: var(--blue);
    }
    .login-panel .login-public .login-public-actions > :is(a, button)::after {
        content: "\e13a";
        font-size: 14px;
        color: var(--blue);
        position: absolute;
        top: calc(50% - 7px);
        right: 10px;
        font-family: "Phosphor" !important;
        font-weight: bold;
    }
    .login-panel .login-public .login-public-actions > :is(a, button) i {
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        background: var(--neutral-50);
        border-radius: 7px;
        font-size: 15px;
        color: var(--blue);
    }
body:has(.login) footer {
    position: relative;
    height: fit-content;
}
form:has(.self-signup) .aside-menu {
    pointer-events: none !important;
}
form:has(.self-signup) .header .right-nav-list {
    display: none;
}
.self-signup .form-instructions:empty {
    display: none;
}
.self-signup .row {
    --bs-gutter-x: 20px;
}
.self-signup-pfp {
    padding: 16px;
    border: 1px solid var(--neutral-200);
    background: var(--neutral-50);
    border-radius: 8px;
    width: fit-content;
}
    .self-signup-pfp img {
        border-radius: 100vmax;
    }
@media only screen and (max-width: 767px) {
    .wrapper > .aside,
    .wrapper > section {
        position: static;
    }
        .wrapper > .aside,
        .wrapper > .aside .aside-inner {
            width: auto !important;
            padding-top: 0px !important;
            overflow: visible;
            margin-top: 0px !important;
        }
}
@media only screen and (max-width: 1300px) {
    .content-to-hide {
        display: none;
    }
}
.wrapper > .aside .aside-inner {
    padding-top: 0;
}
.btn.disabled,
.btn[disabled] {
    opacity: 0.5;
}
input[type="button"]:disabled {
    color: #fff !important;
}
.btn-sm,
.btn-xs {
    font-size: 12px;
}
.table > thead > tr > th {
    color: #303030;
    padding: 8px;
}
table td a {
    color: var(--blue);
    font-size: 12px;
    font-weight: 700;
    line-height: normal;
}
    table td a:hover {
        text-decoration: underline;
    }
table th a, table th, table td table th a {
    color: var(--neutral-600);
    font-size: 12px;
    font-weight: 700;
    line-height: normal;
}

.search-explore-collapsed .aside,
.search-explore-collapsed .aside .aside-inner {
    width: 0px !important;
}
.search-explore-collapsed section {
    margin-left: 0px !important;
}
.activitypage-leftmenu .sidebar {
    overflow: hidden !important;
}
.tree table td.tree-node {
    width: 100%;
}
.action-panel {
    float: left;
}
    .action-panel a {
        vertical-align: middle;
        margin-left: 10px;
        margin-right: 10px;
        white-space: nowrap;
        display: inline-block;
    }
        .action-panel a:first-child {
            margin-left: 0px;
        }
        .action-panel a:last-child {
            margin-right: 0px;
        }
.search-panel .action-button-container .dropdown.open .dropdown-menu {
    display: block;
    margin-left: 5px;
}
    .search-panel .action-button-container .dropdown.open .dropdown-menu li input {
        margin-left: 0;
    }
.search-panel .action-button-container {
    display: flex;
    margin-top: 0px;
    margin-bottom: 0px;
    list-style: none;
    align-items: center;
    padding: 0px 0px 0px 12px;
    gap: 12px;
}
    .search-panel .action-button-container:empty {
        display: none;
    }
.search-panel ol.action-button-container > li {
    list-style: none;
    margin: 0;
    padding: 0;
    white-space: nowrap;
}
@media (max-width: 1200px) {
    .action-panel {
        padding-bottom: 1em;
    }
}
#cloud-details-button > a {
    box-shadow: 0 -3px 0 #222 inset;
    height: 55px;
}
    #cloud-details-button > a,
    #cloud-details-button > a:hover {
        color: white;
    }
#cloud-details-button > ul.dropdown-menu {
    background: white;
}
#cloud-details-button .dropdown-menu {
    border: none;
}
#user-details-button > a {
    box-shadow: 0 -3px 0 #222 inset;
    height: 55px;
}
    #user-details-button > a,
    #user-details-button > a:hover {
        color: white;
    }
#user-details-button > ul.dropdown-menu {
    background: white;
}
#user-details-button .dropdown-menu {
    border: none;
}
.img-profile-small {
    height: 20px;
    width: auto;
}
.img-profile {
    width: 80px;
    height: auto;
}
#divLoginMenu {
    min-width: 320px;
    padding: 5px;
}
#divCloudMenu {
    min-width: 320px;
    padding: 5px;
}
.border {
    border: 1px solid #ddd;
}
.border-right {
    border-right: 1px solid #ddd;
}
.border-left {
    border-left: 1px solid #ddd;
}
.border-top {
    border-top: 1px solid #ddd;
}
.border-bottom {
    border-bottom: 1px solid #ddd;
}
.soap-scoring-template {
    margin-bottom: 0px;
}
.filler-form-control {
    width: 100%;
    height: 35px;
    margin-bottom: 0px;
}
.form-label {
    font-weight: 600;
}
.form-instructions {
    color: #303030;
}
.checkbox input[type="checkbox"],
.radio input[type="radio"] {
    margin-left: 0px;
}
.checkbox,
.radio {
    margin-top: 5px;
    margin-bottom: 5px;
}
    .radio[disabled="disabled"],
    .checkbox[disabled="disabled"] {
        opacity: 0.5;
        cursor: not-allowed;
    }
        .radio[disabled="disabled"] > *,
        .checkbox[disabled="disabled"] > * {
            user-select: none;
            pointer-events: none;
        }
.input-group input[disabled="disabled"] + .input-group-addon {
    opacity: 0.5;
    cursor: not-allowed;
    background: var(--neutral-50);
    border: 1px solid var(--neutral-300);
}
.itemChecklist {
    padding: 2px;
    display: flex;
    align-items: center;
}
tr:has(>.itemChecklist) td:empty {
    display: none;
}
.choiceInput {
    display: flex;
    align-items: center;
}
.checkbox-inline label,
.radio-inline label {
    font-weight: normal;
}
.Default.reDropDownBody {
    z-index: 210990 !important;
}
.RadWindow.RadWindow_Default.rwNormalWindow.rwTransparentWindow {
    z-index: 110000 !important;
}
    .RadWindow.RadWindow_Default.rwNormalWindow.rwTransparentWindow.rwInactiveWindow {
        z-index: 10990 !important;
    }
.reContentArea {
    background-color: none !important;
    background-image: none !important;
    min-height: 97% !important;
    padding: 0px !important;
    padding-bottom: 1px !important;
    margin: 0px !important;
    text-align: left !important;
    border: 0 !important;
    border-color: White !important;
    font-family: Verdana !important;
    font-size: 12px !important;
    color: #000000 !important;
    width: 98% !important;
}
    .reContentArea P {
        margin: 0;
        font-size: 12px;
        width: 98% !important;
    }
.reContentAreaToggle {
    min-height: 97% !important;
    width: 100% !important;
    padding: 15px !important;
}
.form-inline .checkbox label,
.form-inline .radio label {
    padding-left: 8px;
}
.multiple .option {
    max-width: 100%;
    word-wrap: break-word;
}
.modal-backdrop,
.ui-widget-overlay {
    z-index: 1051 !important;
    height: 100vh !important;
}
.modal,
.ui-dialog {
    z-index: 1052 !important;
    height: 100vh !important;
}
.modal-center {
    text-align: center;
    padding: 0 !important;
}
    .modal-center:before {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }
    .modal-center .modal-dialog {
        display: inline-block;
        text-align: left;
        vertical-align: middle;
    }
.modal-xl {
    width: 1200px;
}
.modal-xxl {
    width: 1500px;
}
@media (max-width: 768px) {
    .wd-xxxl {
        width: 320px;
    }
}
.wd-xxxl {
    width: 450px;
}
.tab-content {
    background-color: var(--white);
    padding: 20px;
    border: 1px solid var(--border);
    border-top: 0px;
    border-radius: 0px 0px 8px 8px;
}
    .tab-content .panel.panel-default, .panel.panel-default .panel.panel-default {
        border: 0px solid var(--border);
        box-shadow: none;
        padding: 0px;
        border-radius: 0px;
        background: var(--white);
    }
        .tab-content .panel.panel-default:hover, .panel.panel-default .panel.panel-default:hover {
            border: 0px solid var(--border);
            padding: 0px;
            box-shadow: none;
        }
.aside-collapsed .wrapper > .aside,
.sidebar-collapsed .wrapper > .aside {
    width: 20px;
}
    .aside-collapsed .wrapper > .aside > .aside-inner .sidebar {
        display: none;
    }
@media only screen and (min-width: 768px) {
    .wrapper .aside .aside-toggle {
        position: absolute;
    }
}
@media only screen and (min-width: 768px) {
    .aside-collapsed .wrapper > section {
        margin-left: 20px;
    }
}
.arrow-img,
.bookmark-img {
    height: 30px;
    width: 30px;
}
    .arrow-img:hover {
        cursor: pointer;
    }
.parent_li > div {
    display: inline-block;
}
.debrief-container {
    color: #303030;
    margin-top: 0px;
}
    .debrief-container > a {
        color: #303030;
    }
.hide-vid:hover,
.show-vid:hover {
    cursor: pointer;
}
#control-side .panel-body {
    position: relative;
    top: 0px;
    left: 0px;
}
#control-side.docked {
    position: relative;
    left: 50px;
}
#control-side.docked-playback {
    position: relative;
    left: 35px;
}
div[id$="divPlayerControl"] .vxgplayer {
    margin: 0px;
    border: 0px;
    background-color: transparent;
    box-shadow: none;
}
.pointer-right {
    background: url("../img/font-awesome_angle-right_16.png") no-repeat !important;
    background-position: 0px 5px !important;
    padding-left: 10px;
    margin-bottom: 5px;
}
.pointer-down {
    background: url("../img/font-awesome_angle-down_16.png") no-repeat !important;
    background-position: 0px 5px !important;
    padding-left: 10px;
    margin-bottom: 5px;
}
    .pointer-down:hover,
    .pointer-right:hover {
        cursor: pointer;
        background: #d3d3d3;
    }
#videoRowContainer {
    position: relative;
    z-index: 1;
}
input[id$="btnDetail"] {
    margin-top: 30px;
    margin-bottom: 8px;
}
.video-card-filter {
    position: relative;
    z-index: 2;
}
.note-textbox {
    font-family: Verdana;
    font-size: 11px;
    border: 1px solid #75787b;
    min-height: 70px;
    width: 500px;
    overflow: auto;
    resize: both;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .note-textbox {
        width: 100%;
    }
}
input[type="text"].form-control.date-input {
    display: inline;
    height: 30px;
    width: 90px;
    padding: 0px;
}
input[type="text"].form-control.time-input {
    display: inline;
    height: 30px;
    width: 70px;
}
.SectionHeader > a {
    color: white;
}
.comment-container {
    margin: 5px;
    padding: 5px;
}
    .comment-container > a {
        font-size: 11px;
    }
.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.video-card-container {
    margin-top: 5px;
    padding: 0 25px 5px;
}
    .video-card-container .thumbnail {
        padding: 0 5px 20px;
        background-color: #fff;
        margin-bottom: 0px;
        border-width: 0px;
        width: 20%;
    }
        .video-card-container .thumbnail > span {
            width: 100%;
            border: 1px solid #888888;
            border-radius: 3px;
            float: left;
        }
            .video-card-container .thumbnail > span:hover {
                border: 1px solid #ed8b00;
                transition: all ease 0.5s;
                -o-transition: all ease 0.5s;
                -webkit-transition: all ease 0.5s;
            }
div[id$="pnlParticipants"] > div > .col-md-12 {
    padding: 0px;
}
div[id$="pnlLearners"] .col-md-7 {
    padding-right: 0px;
}
div[id$="pnlLearners"] .col-md-5 {
    padding-left: 0px;
}
.card-view-group:hover {
    cursor: pointer;
}
.detailContainer .thumbnail .row a {
    color: #303030;
}
    .detailContainer .thumbnail .row a.text-muted {
        color: #748690;
    }
        .detailContainer .thumbnail .row a.text-muted:hover {
            text-decoration: none;
            cursor: default;
        }
#cardview-video-action-button {
    z-index: 1000;
}
    #cardview-video-action-button a {
        position: relative;
        z-index: 3;
    }
        #cardview-video-action-button a:hover {
            text-decoration: none;
        }
    #cardview-video-action-button img {
        vertical-align: inherit;
    }
.action-button-container .fa.fa-th-list,
.action-button-container .fa.fa-th {
    color: orange;
    font-size: 25px;
    position: relative;
    top: 5px;
    text-decoration: none;
}
    .action-button-container .fa.fa-th-list:hover,
    .action-button-container .fa.fa-th:hover {
        color: #1b72e2;
    }
.action-button-container .fa.fa-refresh {
    color: orange;
    text-decoration: none;
}
    .action-button-container .fa.fa-refresh:hover {
        color: #1b72e2;
    }
#cardview-video-action-button .fa.fa-refresh {
    position: relative;
    top: 1px;
}
.room-control-link {
    color: #909fa7;
}
    .room-control-link:hover {
        color: #909fa7;
        text-decoration: none;
        cursor: pointer;
    }
.expandAll {
    margin-left: 5px;
}
.row.border-top {
    margin-left: 0px;
    margin-right: 0px;
}
.legend {
    margin-top: 10px;
    display: block;
    clear: both;
    overflow: hidden;
}
    .legend .eval-num {
        vertical-align: bottom;
        margin-left: 20px;
        margin-right: 5px;
    }
.eval-num.inprogress {
    border-color: blue;
}
.eval-num.completed {
    border-color: green;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    div[id$="pnlEncounter"] div.row.pb {
        margin-left: 0px;
        margin-right: 0px;
    }
        div[id$="pnlEncounter"] div.row.pb > .col-md-3 {
            padding-left: 0px;
            padding-right: 0px;
        }
    a[id$="lnkRoom"] {
        font-size: 14px;
    }
    span[id$="lblSchedule"] {
        font-size: 11px;
    }
    span[id$="lblScheduleTime"] {
        font-size: 12px;
    }
    span[id$="lblCase"] {
        font-size: 12px;
    }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .video-card-container .thumbnail {
        width: 50%;
    }
    input[id$="btnFilter"] {
        padding: 6px 9px;
    }
}
.rec {
    position: relative;
    left: 5px;
    top: 5px;
}
    .rec::after {
        content: " REC";
        font-family: "San Francisco", "Segoe UI", sans-serif;
    }
.right-info {
    position: relative;
    right: 5px;
    top: 2px;
}
.fa.text-danger {
    color: #f05050;
}
.fa.text-muted {
    color: #909fa7;
}
.fa.expandAll.fa-plus-square-o,
.fa.expandAll.fa-minus-square-o {
    font-size: 25px;
}
    .fa.expandAll.fa-plus-square-o:hover,
    .fa.expandAll.fa-minus-square-o:hover,
    .fa.fa-refresh:hover {
        text-decoration: none;
    }
.live-refresh {
    position: relative;
    top: 0px;
    margin-left: 5px;
    color: var(--neutral-900);
    font-size: 20px;
}
.room-title {
    font-size: 20px;
    text-transform: uppercase;
    color: #303030;
}
.fa.fa-info-circle {
    font-size: 20px;
}
    .fa.fa-info-circle:hover {
        text-decoration: none;
    }
.room-subtitle {
    font-size: 15px;
    display: block;
    margin-bottom: 2px;
}
.room-case {
    color: #777777;
    text-transform: uppercase;
}
.room-img {
    width: 100%;
}
.detailContainer .thumbnail .row.border-top {
    padding: 6px 5px;
}
.lpcaption {
    padding: 2px !important;
}
.fa.text-success {
    color: rgb(39, 194, 76);
}
.font-8 {
    font-size: 8px !important;
}
.margin_right5 {
    margin-right: 5px !important;
}
.fa.fa-chevron-down,
.fa.fa-chevron-up {
    color: rgb(27, 114, 226);
}
    .fa.fa-chevron-down:hover,
    .fa.fa-chevron-up:hover {
        cursor: pointer;
    }
    .fa.fa-chevron-down.disabled,
    .fa.fa-chevron-up.disabled {
        color: #748690;
    }
        .fa.fa-chevron-down.disabled:hover,
        .fa.fa-chevron-up.hover {
            cursor: default;
        }
.eval-num {
    display: inline-block;
    font-size: 12px;
    width: 20px;
    height: 20px;
    color: #cccccc;
    border: 1px solid #cccccc;
    font-weight: bold;
    border-radius: 2px;
}
#multimedia-library-pager{
    display: flex;
    align-items: center;
    justify-content: end;
    padding: 8px 0;
    border-top: 1px solid var(--border);
    margin-top: 10px;
}
#multimedia-library-pager table tr td{
    border: 0px;
    outline: none;
    padding: 0px;
}
#multimedia-library-pager a[disabled="disabled"],
#multimedia-library-pager a[disabled="disabled"]:hover,
#multimedia-library-pager a[disabled="disabled"]:focus {
    padding: 4px 8px;
    background-color: #f3f3f3;  
    text-decoration: none;
    color: #aea79f !important;
    cursor: not-allowed;
}
#multimedia-library-pager table tbody tr td a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    width: 32px;
    height: 32px;
    color: var(--neutral-600);
    border: 1px solid var(--border);
    border-right: 0px;
    text-decoration: none;
}
#multimedia-library-pager table tbody tr td:first-child a {
    border-radius: 6px 0 0 6px;
}
#multimedia-library-pager table tbody tr td:last-child a {
    border-right: 1px solid var(--border);
    border-radius: 0 6px 6px 0;
}
    #multimedia-library-pager table tbody tr td a:hover,
    #multimedia-library-pager table tbody tr td a:focus {
        background: #f3f3f3;
        color: var(--blue);  
    }
.fa {
    color: var(--brand-primary);
}
.multimedia-library table tr td .fw{
    font-size: 12px;
    font-weight: 500;
    color: var(--neutral-600);
}
.wrap .ui-widget-content a {
    color: #0275d8;
}
.wrap .ui-paginator {
    text-align: right;
    background: none;
    border: none;
}
.wrap .MainPanel .ui-paginator .ui-state-default {
    margin: 0px;
}
.content-wrapper .ui-dialog {
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    outline: 0;
}
    .content-wrapper .ui-dialog .ui-dialog-titlebar {
        padding: 10px 15px;
        border-bottom: 1px solid #e5e5e5;
    }
        .content-wrapper .ui-dialog .ui-dialog-titlebar a {
            border: none;
            background: none;
            color: #000;
        }
.wrap .ui-calendar .ui-datepicker {
    max-width: none;
}
.content-wrapper .ui-multiselect .ui-multiselect-label,
.content-wrapper ul.ui-multiselect-items li.ui-multiselect-item label {
    font-weight: normal;
    padding: 0 16px;
    margin-bottom: 0;
}
/*.evaluationSectionContainer .btn {
    margin: 0px 5px;
}*/
gridster gridster-item {
    z-index: auto !important;
    background: none;
    overflow: unset;
}
.gridster-item-inner .ems-dashboard-control > .panel:hover {
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
}
.gridster-item-inner .ems-dashboard-control > .panel {
    height: 100%;
    margin-bottom: 20px;
    background-color: none;
    border: 1px solid orange;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
    .gridster-item-inner .ems-dashboard-control > .panel > .panel-heading {
        background: none;
        border-bottom: 1px solid rgba(169, 169, 169, 0.5);
        cursor: move;
        height: 42px;
    }
    .gridster-item-inner .ems-dashboard-control > .panel > .panel-body {
        box-shadow: none;
        padding-top: 0px;
        cursor: default;
        color: #303030;
        height: calc(100% - (45px));
        padding: 16px;
        border-radius: 8px;
        background: transparent;
    }
        .gridster-item-inner
        .ems-dashboard-control > .panel > .panel-body
        .nav-tabs
        li
        a {
            padding: 5px 10px;
        }
.wrap .gridster-item-inner .ui-widget-content {
    color: #303030;
    border: none;
}
.boxborder {
    border: 1px solid var(--border);
    border-radius: 4px;
    padding: 8px;
    margin-top: 2px;
    box-shadow: none;
}
.overflow-x-auto {
    overflow-x: auto;
}
.overflow-x-scroll {
    overflow-x: scroll;
}
.overflow-y-auto {
    overflow-y: auto;
}
.hr-orange {
    border-top-color: orange;
    margin: 5px 0px 5px 0px;
}
.hr {
    margin: 5px 0px 5px 0px;
}
.gray-text {
    color: #303030;
}
.ems-dashboard-control .dashboard-widget-overflow {
    overflow: auto;
    padding: 10px 15px;
    box-shadow: none;
    border-radius: 0 0 8px 8px;
}
.font-weight-600 {
    font-weight: 600;
}
.box-background {
    background-color: #fff;
}
#quickAccessoffsidebar .offsidebar {
    width: 450px;
    position: fixed;
    overflow: auto;
    margin-right: 0px;
    border-top: 1px solid #cccccc;
    background-color: #f5f7fa;
}
.offsidebar {
    background-color: #f5f7fa;
}
#divFloatingBar .nav-tabs > li.active > a {
    color: var(--brand-primary);
}
#divFloatingBar .nav-tabs > li.active {
    border-left: 3px solid var(--brand-primary);
}
.ui-multiselect-panel.ui-widget.ui-widget-content {
    background-color: #fff;
    top: auto !important;
}
.vertical-line {
    width: 1px;
    background-color: #ddd;
    height: 100%;
    margin-left: 10px;
    margin-right: 10px;
    display: inline-block;
}
.word-break-break-all {
    word-break: break-all;
}
.pl-20 {
    padding-left: 20px;
}
.grid-align-top tbody > tr > td {
    vertical-align: top;
}
.background-fff {
    background-color: #fff;
}
#divActorGeneralInfoEdit a {
    color: #303030;
    text-decoration: underline;
}
.display-flex {
    display: flex;
}
.wrapper > section {
    z-index: auto;
}
.calendar {
    background-color: #ffffff;
    padding-bottom: 5px;
    border: 1px solid var(--neutral-400);
    border-radius: 8px !important;
    width: 205px;
    margin-top: 5px;
}
    .calendar .ajax__calendar_container {
        font-size: 14px;
        font-family: inherit;
        padding: 0px;
        padding-bottom: 10px;
        width: 100%;
    }
        .calendar .ajax__calendar_container .ajax__calendar_header {
            padding: 0.75em 1.25em;
            border-bottom: 1px solid var(--neutral-200);
            height: 40px;
        }
    .calendar .ajax__calendar_header .ajax__calendar_next,
    .ajax__calendar_header .ajax__calendar_prev {
        height: 20px;
    }
    .calendar .ajax__calendar_days,
    .calendar .ajax__calendar_months,
    .calendar .ajax__calendar_years {
        width: 100%;
        height: 155px;
    }
    .calendar .ajax__calendar_days {
        padding: 10px;
    }
    .calendar .ajax__calendar_container .ajax__calendar_body {
        width: 100%;
        height: 155px;
    }
        .calendar .ajax__calendar_container .ajax__calendar_body TD {
            padding: 2px;
            font-size: 12px;
        }
    .calendar .ajax__calendar_today {
        font-weight: bold;
        font-size: 12px;
    }
    .calendar .ajax__calendar_container TABLE {
        width: 100%;
        font-size: 12px;
        margin-left: 5px !important;
    }
    .calendar .ajax__calendar_days table thead tr:first-child {
        font-weight: bold;
    }
.overflowed-parent {
    overflow-y: auto;
    overflow-x: hidden;
    visibility: hidden;
}
    .overflowed-parent-child,
    .overflowed-parent:hover {
        visibility: visible;
    }
p-dialog .ui-dialog {
    margin: auto !important;
    right: 0 !important;
    left: 0 !important;
    -webkit-overflow-scrolling: touch;
}
    p-dialog .ui-dialog .ui-dialog-content {
        -webkit-overflow-scrolling: touch;
    }
.modal-auto-height .ui-dialog-content {
    height: auto;
}
.disableIframe {
    z-index: 10000 !important;
}
.ui-dialog .ui-dialog-title {
    margin: 0;
    line-height: 1.52857143;
    font-size: 18px;
    font-weight: bold;
}
.ui-widget {
    font-size: 14px !important;
}
camera-list li > div:hover {
    background-color: #ddd;
}
.modal-small {
    width: 650px;
}
.modal-xs {
    top: 50px;
    width: 85%;
    overflow-y: auto;
}
.activitypage-toolbar-icon {
    color: var(--blue);
    font-size: 60px;
    max-height: 75px;
}
.text-decoration-none,
.text-decoration-none:hover,
.text-decoration-none:focus {
    text-decoration: none;
}
.dashboard-text-color {
    color: #515253;
}
.modal-auto-height {
    height: auto !important;
}
.km-pane-wrapper {
    position: inherit !important;
}
@media (max-width: 1024px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }
        .navbar-collapse.collapse {
            display: none !important;
        }
    .navbar-nav {
        float: none !important;
        margin: 7.5px -15px;
    }
        .navbar-nav > li {
            float: none;
        }
            .navbar-nav > li > a {
                padding-top: 10px;
                padding-bottom: 10px;
            }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .collapsing {
        overflow: hidden !important;
    }
}
@media (max-width: 1250px) and (max-width: 1600px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }
        .navbar-collapse.collapse {
            display: none !important;
        }
    .navbar-nav {
        float: none !important;
        margin: 7.5px -15px;
    }
        .navbar-nav > li {
            float: none;
        }
            .navbar-nav > li > a {
                padding-top: 10px;
                padding-bottom: 10px;
            }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .collapsing {
        overflow: hidden !important;
    }
}
body.modal-open {
    overflow-y: auto;
    overflow-x: hidden;
}
    body.modal-open .wrapper {
        overflow: visible !important;
    }
.k-scheduler-views {
    z-index: 1000 !important;
}
.btn-link {
    font-weight: bold;
}
    .btn-link:hover {
        text-decoration: none;
    }
.pt-md {
    padding-top: 8px !important;
}
.ht-300 {
    height: 300px;
}
.switch input:checked + span {
    background-color: orange;
    border-color: orange;
    transition: all 0.5s;
}
.rows {
    float: left;
    width: 100%;
}
.block {
    display: block !important;
}
.my-items-dashboard p-paginator {
    display: block;
    text-align: center;
}
.favorites-dashboard .favorites-list {
    display: flex;
    width: 100%;
    margin: 0px;
    padding: 0px;
    list-style: none;
    gap: 4px;
    flex-direction: column;
}
    .favorites-dashboard .favorites-list li {
        display: flex;
        width: 100%;
        list-style: none;
        padding: 0 0px;
        margin: 0px;
    }
        .favorites-dashboard .favorites-list li a {
            float: left;
            width: 100%;
            font-size: 13px;
            cursor: pointer;
            text-decoration: none;
            font-weight: 500;
            padding: 3px 0 3px 24px;
            line-height: normal;
            -webkit-transition: ease-in-out all 0.5s;
            -o-transition: ease-in-out all 0.5s;
            transition: ease-in-out all 0.5s;
            position: relative;
        }
            .favorites-dashboard .favorites-list li a:before {
                position: absolute;
                content: "\e02e";
                left: 0;
                top: calc(50% - 8px);
                color: var(--blue);
                font-size: 16px;
                font-family: "Phosphor" !important;
            }
            .favorites-dashboard .favorites-list li a i {
                padding-right: 15px;
            }
.my-calendar-dashboard p-paginator {
    display: block;
    text-align: center;
}
.to-do-list-dashboard .nav-tabs li a {
    font-size: 14px;
    color: #303030;
    font-weight: normal;
}
.to-do-list-dashboard .tab-content {
    padding: 10px 15px;
    border-top: 0 !important;
}
.messages-dashboard .p-dataview {
    display: block;
    width: 100%;
}
    .messages-dashboard .p-dataview .p-dataview-content {
        display: block;
        position: relative;
    }
    .messages-dashboard .p-dataview .p-grid {
        display: block;
        position: relative;
        padding: 0px;
        margin: 0px;
        font-size: 14px;
    }
    .messages-dashboard .p-dataview .boxborder {
        padding: 5px;
        margin-top: 10px;
        -webkit-box-shadow: 0 0 0;
        box-shadow: 0 0 0;
        border-radius: 3px;
    }
.my-calendar-dashboard .p-dataview .p-grid {
    font-size: 14px;
    color: #303030;
}
.video-custom-player {
    display: block;
    position: relative;
    clear: both;
    overflow: hidden;
}
.top-2 {
    position: relative;
    top: 2px;
    display: inline-block;
}
.jw-controls .jw-controls-right .jw-dock {
    margin: 0px 5px 0 0;
}
    .jw-controls .jw-controls-right .jw-dock .jw-dock-button .jw-dock-image {
        border-radius: 50%;
        background-size: 28px;
        background-color: #484848;
    }
.panel.panel-default {
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--white);
    padding: 14px 16px 16px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.05);
}
    .panel.panel-default:hover {
        border-color: var(--neutral-300);
        box-shadow: 0 8px 28px rgba(0,0,0,0.10);
    }
.table .grid-header td {
    background-color: #f5f7fa;
}
.table .grid-header:hover td {
    background-color: #f5f7fa;
}
.table .grid-header th {
    background-color: #eaeaea;
}
.table .grid-header:hover th {
    background-color: #eaeaea;
}
.table .grid-header th {
    text-decoration: none;
    font-weight: 600;
    color: #303030;
}
    .table .grid-header th a {
        color: #303030;
        text-decoration: underline;
        font-weight: 600;
        position: relative;
    }
        .table .grid-header th a:hover {
            text-decoration: none;
        }
.table .grid-header td .action-panel {
    margin-top: 5px;
    color: #cccccc;
}
    .table .grid-header td .action-panel a {
        text-decoration: none;
        color: #303030;
    }
        .table .grid-header td .action-panel a:hover {
            color: #6b6b6b;
        }
.table tbody tr td a {
    color: #5d9cec;
    text-decoration: none;
}
    .table tbody tr td a:hover,
    .table tbody tr td a:focus {
        color: #1b72e2;
    }
.grid-pager td table tr td select {
    float: right;
    margin-right: 15px;
    margin-top: 1px;
    border-radius: 3px;
}
.wrapper .aside .search-explore.aside-inner .tab-content {
    padding: 10px 5px;
    height: auto;
    border-radius: 0px;
    border: 0px;
}
body .ui-dialog .ui-dialog-titlebar .ui-dialog-title {
    font-size: 16px !important;
    color: #303030;
}
body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon {
    margin-right: 10px;
}
    body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .fa-close {
        color: #303030;
        font-weight: normal;
    }
.navbar-nav li.dropdown .dropdown-menu li #divLoginMenu {
    min-width: 230px;
    padding: 0px;
    position: relative;
}
    .navbar-nav li.dropdown .dropdown-menu li #divLoginMenu .close {
        position: absolute;
        right: 0px;
        top: 0px;
        opacity: 1;
        font-size: 20px;
        width: 24px;
    }
        .navbar-nav li.dropdown .dropdown-menu li #divLoginMenu .close:hover {
            opacity: 0.6;
        }
    .navbar-nav li.dropdown .dropdown-menu li #divLoginMenu .profile-group {
        display: block;
        width: 100%;
        text-align: center;
    }
        .navbar-nav
        li.dropdown
        .dropdown-menu
        li
        #divLoginMenu
        .profile-group
        .image-row {
            display: block;
            width: 100%;
            text-align: center;
            padding: 20px 0 10px;
        }
            .navbar-nav
            li.dropdown
            .dropdown-menu
            li
            #divLoginMenu
            .profile-group
            .image-row
            img {
                display: inline-block;
                width: 60px;
                height: 60px;
                border: 1px solid #aaaaaa !important;
                padding: 2px;
                background: #ffffff;
                border-radius: 50%;
                overflow: hidden;
                vertical-align: middle;
            }
        .navbar-nav
        li.dropdown
        .dropdown-menu
        li
        #divLoginMenu
        .profile-group
        .details-row {
            display: block;
            width: 100%;
            text-align: center;
        }
            .navbar-nav
            li.dropdown
            .dropdown-menu
            li
            #divLoginMenu
            .profile-group
            .details-row
            p {
                display: block;
                margin-bottom: 9px;
                text-align: center;
                border-top: 1px solid #e9e9e9;
                padding-top: 8px;
                padding-left: 10px;
                padding-right: 10px;
                overflow: hidden;
            }
                .navbar-nav
                li.dropdown
                .dropdown-menu
                li
                #divLoginMenu
                .profile-group
                .details-row
                p
                a {
                    font-size: 14px;
                    color: #ffffff;
                    font-weight: normal;
                    padding: 8px 0;
                    text-align: center;
                    width: 50%;
                    border-right: 1px solid #ffa92e;
                    background: #ed8b00;
                }
                    .navbar-nav
                    li.dropdown
                    .dropdown-menu
                    li
                    #divLoginMenu
                    .profile-group
                    .details-row
                    p
                    a:hover {
                        text-decoration: none;
                        opacity: 0.9;
                    }
                    .navbar-nav
                    li.dropdown
                    .dropdown-menu
                    li
                    #divLoginMenu
                    .profile-group
                    .details-row
                    p
                    a.pull-right {
                        border-right: 0px solid #ffffff;
                        background: #888888;
                    }
.tab-content session-calendar-component .content-wrapper {
    padding: 0;
}
body .ui-multiselect {
    white-space: nowrap;
    max-width: 200px;
}
.content-wrapper .ui-multiselect .ui-multiselect-label {
    padding-left: 0px;
}
body .ui-multiselect .ui-multiselect-item.ui-state-highlight {
    background-color: #fdecd5 !important;
    color: #303030 !important;
}
    body .ui-multiselect .ui-multiselect-item.ui-state-highlight .ui-chkbox {
        border-color: #aaaaaa !important;
    }
body .ui-chkbox .ui-chkbox-box.ui-state-active {
    border: 1px solid #ffffff !important;
    background-color: #ffffff !important;
    color: #ffffff;
}
    body .ui-chkbox .ui-chkbox-box.ui-state-active .fa {
        color: #303030 !important;
    }
.k-current-time,
.k-current-time.k-current-time-arrow-right {
    border-left: 4px solid #ed8b00;
}
.table-responsive.top-row-edit > div > .table > tbody > .grid-header
td > div
.search-panel.search-panel-no-border.form-inline {
    width: 100%;
}
    .table-responsive.top-row-edit > div > .table > tbody > .grid-header
    td > div
    .search-panel.search-panel-no-border.form-inline > span {
        float: left;
        margin-top: 9px;
        margin-right: 5px;
    }
    .table-responsive.top-row-edit > div > .table > tbody > .grid-header
    td > div
    .search-panel.search-panel-no-border.form-inline
    .form-control {
        float: left;
        width: 30%;
        margin: 3px 5px;
    }
    .table-responsive.top-row-edit > div > .table > tbody > .grid-header
    td > div
    .search-panel.search-panel-no-border.form-inline
    input[type="button"] {
        float: left;
        margin: 4px 5px 3px;
    }
label {
    font-weight: 600 !important;
    font-size: 13px;
}
body
.tab-content
.tab-pane
.col-md-9
.overflow-y-auto.ht-300
.form-inline
.ui-multiselect.ui-widget.ui-state-default.ui-corner-all {
    width: 100%;
    max-width: 100%;
}
    body
    .tab-content
    .tab-pane
    .col-md-9
    .overflow-y-auto.ht-300
    .form-inline
    .ui-multiselect.ui-widget.ui-state-default.ui-corner-all
    .ui-multiselect-panel.ui-widget {
        width: 100%;
        max-width: 100%;
        top: 33px !important;
    }
        body
        .tab-content
        .tab-pane
        .col-md-9
        .overflow-y-auto.ht-300
        .form-inline
        .ui-multiselect.ui-widget.ui-state-default.ui-corner-all
        .ui-multiselect-panel.ui-widget
        .ui-multiselect-items-wrapper {
            width: 100%;
            max-width: 100%;
        }
            body
            .tab-content
            .tab-pane
            .col-md-9
            .overflow-y-auto.ht-300
            .form-inline
            .ui-multiselect.ui-widget.ui-state-default.ui-corner-all
            .ui-multiselect-panel.ui-widget
            .ui-multiselect-items-wrapper
            .ui-multiselect-items {
                width: 100%;
                max-width: 100%;
                max-height: 170px !important;
                overflow-x: hidden;
            }
                body
                .tab-content
                .tab-pane
                .col-md-9
                .overflow-y-auto.ht-300
                .form-inline
                .ui-multiselect.ui-widget.ui-state-default.ui-corner-all
                .ui-multiselect-panel.ui-widget
                .ui-multiselect-items-wrapper
                .ui-multiselect-items
                .ui-multiselect-item
                label {
                    padding-left: 3px;
                    white-space: normal;
                }
.content-wrapper .panel .table {
    margin-bottom: 15px;
}
.panel.panel-default .panel-body div[id] .video-card-filter {
    float: left;
    width: 60%;
}
.panel.panel-default .panel-body div[id] #cardview-video-action-button {
    float: right;
    width: 40%;
}
.panel.panel-default .panel-body div[id] #playback-panel {
    padding: 15px 0 0;
    display: block;
    clear: both;
}
    .panel.panel-default .panel-body div[id] #playback-panel .nav.nav-tabs,
    .panel.panel-default .panel-body div[id] #playback-panel .tab-content {
        top: 0px;
    }
.video-card-container .detailContainer .thumbnail > span {
    border-color: #dddddd;
    -webkit-transition: ease-in-out all 0.5s;
    -o-transition: ease-in-out all 0.5s;
    transition: ease-in-out all 0.5s;
    overflow: hidden;
}
.video-card-container .detailContainer .thumbnail:hover > span {
    border-color: #dddddd;
    -webkit-box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.1);
}
.video-card-container .detailContainer .thumbnail span .room-title {
    display: block;
    width: 100%;
    padding: 5px 15px;
    background: #585656;
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
    color: #ffffff;
    -webkit-transition: ease-in-out all 0.5s;
    -o-transition: ease-in-out all 0.5s;
    transition: ease-in-out all 0.5s;
    margin-bottom: 5px;
}
.video-card-container .detailContainer .thumbnail:hover span .room-title {
    background: #ed8b00;
    color: #ffffff;
}
.video-card-container .detailContainer .thumbnail span .room-title:hover {
    text-decoration: none;
}
.video-card-container .detailContainer .thumbnail span .fa.fa-chevron-down,
.video-card-container .detailContainer .thumbnail span .fa.fa-chevron-up {
    color: #ed8b00;
    margin-bottom: 10px;
}
.settingLandingPage {
    display: block;
}
    .settingLandingPage #landing-page-instruction .col-md-12 span.pb-lg {
        background: #f5f7fa;
        border: 1px solid #cccccc;
        border-left: 5px solid #cccccc;
        border-radius: 3px;
        padding: 10px 10px 10px 15px !important;
        margin-bottom: 15px;
        display: block;
        margin-top: 5px;
    }
    .settingLandingPage #landing-page-instruction ~ .row .col-md-6 h4 {
        font-size: 16px;
        font-weight: 600;
        color: #303030;
    }
    .settingLandingPage
    #landing-page-instruction ~ .row
    .col-md-6
    ul.list-group
    .list-group-item
    a {
        text-decoration: none;
        font-size: 14px;
        padding-left: 22px;
        position: relative;
        display: inline-block;
        -webkit-transition: ease-in-out all 0.5s;
        -o-transition: ease-in-out all 0.5s;
        transition: ease-in-out all 0.5s;
    }
        .settingLandingPage
        #landing-page-instruction ~ .row
        .col-md-6
        ul.list-group
        .list-group-item
        a:before {
            position: absolute;
            left: 0px;
            top: 2px;
            content: "\f18e";
            font: normal normal normal 14px/1 FontAwesome;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            color: #ed8b00;
            -webkit-transition: ease-in-out all 0.5s;
            -o-transition: ease-in-out all 0.5s;
            transition: ease-in-out all 0.5s;
        }
        .settingLandingPage
        #landing-page-instruction ~ .row
        .col-md-6
        ul.list-group
        .list-group-item
        a:hover {
            color: #ed8b00;
            text-decoration: underline;
        }
.score-reporting header {
    display: flex;
    justify-content: space-between;
    gap: 12px;
}
@media (max-width: 1000px) {
    .score-reporting header {
        flex-wrap: wrap;
    }
}
.score-reporting header div:has(h2) {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.score-reporting header :is(h2, h2 span) {
    font-weight: 700;
    font-size: 14px;
    line-height: 100%;
    margin: 0 0 5px;
    color: var(--neutral-900);
}
.score-reporting header span {
    font-weight: 500;
    font-size: 12px;
    line-height: 120%;
    color: var(--neutral-600);
}
.score-reporting [exporter] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 300px;
}
    .score-reporting [exporter] > div:has(button + i) {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }
        .score-reporting [exporter] > div:has(button + i) button {
            padding-right: 40px;
            transition: all ease 300ms;
        }
    .score-reporting [exporter] button + i {
        position: absolute;
        right: 16px;
        font-size: 16px;
        pointer-events: none;
        color: var(--white);
        transition: all ease 300ms;
        z-index: 1;
    }
    .score-reporting [exporter] > div:has([formats]):not(:focus-within) [formats] {
        display: none;
    }
    .score-reporting [exporter] [formats] {
        display: flex;
        flex-direction: column;
        gap: 3px;
        position: absolute;
        top: calc(100% + 8px);
        background: var(--background);
        box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.12);
        border-radius: 7px;
        padding: 8px;
        list-style: none;
        z-index: 11;
    }
        .score-reporting [exporter] [formats] li a {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 4px 8px;
            font-size: 14px;
            font-weight: 500;
            line-height: 100%;
            color: var(--neutral-600);
            border-radius: 6px;
        }
            .score-reporting [exporter] [formats] li a:is(:focus, :focus-visible, :hover) {
                background: var(--neutral-100);
            }
            .score-reporting [exporter] [formats] li a[format]::before {
                font-family: "Phosphor";
                font-size: 20px;
            }
            .score-reporting [exporter] [formats] li a[format="PDF"]::before {
                color: #e00034;
                content: "\E702";
            }
            .score-reporting [exporter] [formats] li a[format="CSV"]::before {
                color: #16a34a;
                content: "\EB22";
            }
            .score-reporting [exporter] [formats] li a[format="HTML"]::before {
                color: #ed8b00;
                content: "\EB38";
            }
            .score-reporting [exporter] [formats] li a[format]::after {
                content: attr(format);
                line-height: 120%;
            }
.score-reporting .report-container {
    position: relative;
    display: flex;
    gap: 16px;
    display: grid;
    grid-template-columns: minmax(400px, 75%) minmax(300px, 25%);
    overflow-x: auto;
}
.report-view {
    position: relative;
    display: flex;
    flex-grow: 1;
    flex-direction: column;
}
.report-filter {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 12px;
}
    .report-filter :is(.report-filter-current, .report-filter-reset) {
        display: flex;
        align-items: center;
        gap: 8px;
    }
    .report-filter [advanced] input {
        border: 1px solid var(--brand-primary);
    }
    .report-filter a[reset] {
        white-space: nowrap;
        color: var(--brand-primary);
        font-size: 12px;
        font-weight: 600 !important;
        line-height: 100%;
    }
    .report-filter :is([advanced], a[reset]) {
        position: relative;
        display: flex;
        align-items: center;
        margin-right: 16px;
    }
        .report-filter :is([advanced], a[reset])::after {
            position: absolute;
            content: "";
            right: -12px;
            height: 24px;
            width: 1px;
            background: var(--neutral-200);
        }
    .report-filter a[reset]:last-child::after {
        display: none;
    }
    .report-filter :is([edit], [save], [delete]) {
        width: 32px;
        height: 32px;
        font-size: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 8px;
        border: 1px solid var(--neutral-200);
        color: var(--neutral-500);
    }
.report-options {
    position: relative;
    min-width: 300px;
    display: flex;
    flex-direction: column;
}
    .report-options label {
        font-size: 13px;
        font-weight: 500 !important;
        color: var(--neutral-600);
        line-height: 100%;
    }
    /*.report-options .form-group {
        margin: 0;
    }*/
    .report-options:not(:has(> .report-options-container)) {
        display: none;
    }
.report-container:not(:has(> .report-options > .report-options-container)) {
    grid-template-columns: 100%;
}
.report-options-container {
    padding: 12px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    flex-grow: 1;
    border: 1px solid var(--neutral-200);
}
    .report-options-container :is(fieldset, details) {
        border-bottom: var(--neutral-200) 1.5px dashed;
        padding: 12px 0;
    }
    .report-options-container > :is(fieldset, details):first-child {
        padding-top: 0;
    }
    .report-options-container > :is(fieldset, details):last-child {
        margin-bottom: 12px;
    }
    .report-options-container hr {
        display: none;
    }
.report-options .report-options-heading {
    border: 1px solid var(--neutral-200);
    padding: 16px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    color: var(--neutral-900);
    font-weight: 700;
    font-size: 14px;
    line-height: 100%;
    margin: 0;
    width: 100%;
    border-bottom: 0;
}
.RadListBox_Bootstrap {
    font-family: var(--font);
}
    .RadListBox_Bootstrap :is(.rlbItem, .rlbActive, .rlbSelected, .rlbGroup, .rlbTemplateContainer) {
        padding: 0 !important;
        border: 0 !important;
        background: none;
        color: var(--neutral-900) !important;
        background-color: transparent !important;
    }
.RadListBox .rlbList {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
    .RadListBox .rlbList label {
        display: flex;
        align-items: center;
        gap: 4px;
    }
.RadListBox .rlbText {
    font-size: 13px;
    font-weight: 500 !important;
    color: var(--neutral-600);
    line-height: 100%;
}
.RadComboBox_Bootstrap {
    border-radius: 8px;
    overflow: hidden;
    width: 100% !important;
    position: relative;
    border: var(--wcag-border);
    height: 34px;
}
    .RadComboBox_Bootstrap:hover, .RadComboBox_Bootstrap:focus-visible {
        border-color: var(--blue);
    }
    .RadComboBox_Bootstrap .rcbInputCell input:focus, .RadComboBox_Bootstrap .rcbInputCell input:focus-visible {
        border: 0px !important;
        outline: none !important;
        box-shadow: none !important;
    }
    .RadComboBox_Bootstrap table {
        border-collapse: collapse !important;
        border: 0;
    }
        .RadComboBox_Bootstrap table :is(tbody, tr, td) {
            border: 0 !important;
        }
        .RadComboBox_Bootstrap table td:is(.rcbInputCellLeft, .rcbArrowCellRight) {
            padding: 0 !important;
        }
        .RadComboBox_Bootstrap table td.rcbArrowCellRight a {
            background: none;
            display: flex !important;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            min-width: 40px;
            height: 30px;
        }
            .RadComboBox_Bootstrap :is(.rcbFocused, .rcbHovered) .rcbArrowCell,
            .RadComboBox_Bootstrap table td.rcbArrowCellRight:hover,
            .RadComboBox_Bootstrap table td.rcbArrowCellRight a:hover {
                background-color: var(--neutral-50) !important;
            }
            .RadComboBox_Bootstrap table td.rcbArrowCellRight a::after {
                content: "\E136";
                position: absolute;
                font-family: "Phosphor";
                text-indent: 0;
                line-height: 100%;
                font-size: 14px;
                color: #525252;
            }
    .RadComboBox_Bootstrap .rcbInputCell {
        border-radius: 0;
        box-shadow: none;
    }
        .RadComboBox_Bootstrap .rcbInputCell input {
            font-size: 13px;
            font-weight: 500;
            color: var(--neutral-900);
            padding: 5px 15px;
            font-family: var(--font);
        }
.RadComboBoxDropDown_Bootstrap .rcbList li {
    font-family: var(--font);
    padding: 6px 1em;
    font-weight: 500;
}
.RadComboBoxDropDown_Bootstrap .rcbList li label {
    cursor: pointer;
}
.RadComboBoxDropDown_Bootstrap .rcbHovered {
    background-color: var(--neutral-100) !important;
}
.report-options hr {
    width: 94%;
    margin: auto;
    border-top: var(--neutral-400) 1.5px dashed;
}
    .report-options hr + hr {
        display: none;
    }
.report-options :is(.radio, .checkbox) label {
    font-weight: 500 !important;
    line-height: 100%;
}
.report-options :is(fieldset, details) {
    display: flex;
    flex-direction: column;
    padding: 12px;
}
.report-options > div:has(> :is(details, fieldset)),
.report-options :is(details, fieldset)[open] {
    gap: 8px;
}
.report-options :is(details, fieldset) > div > div[id],
.report-options :is(details, fieldset) > div {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.report-options :is(details, fieldset)[open] > div {
    max-height: 500px;
}
.report-options :is(details, fieldset):not([open]) > div {
    max-height: 0px;
    overflow: hidden;
}
.report-options :is(details, fieldset) :is(summary, legend) {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    cursor: pointer;
}
.report-options details summary::marker {
    display: none;
}
.report-options :is(details, fieldset) :is(summary, legend)::after {
    content: "\E13C";
    font-family: "Phosphor";
    font-size: 16px;
}
.report-options :is(details, fieldset)[open] :is(summary, legend)::after {
    transform: scaleY(-1);
}
/* Hide dropdown functionality - Begin */
.report-options :is(details, fieldset) :is(summary, legend) {
    cursor: inherit !important;
    pointer-events: none !important;
    user-select: none !important;
}
.report-options :is(details, fieldset) :is(summary, legend) > * {
    user-select: all !important;
}
.report-options :is(details, fieldset):not([open]) > div {
    max-height: 500px !important;
}
.report-options :is(details, fieldset) :is(summary, legend)::after {
    visibility: hidden;
}
/* Hide dropdown functionality - End */
.report-options :is(details, fieldset) :is(summary, legend) span {
    margin: 0;
    color: var(--neutral-600);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.report-options :is(details, fieldset):has(> :is(summary, legend):only-child),
.report-options details:has(> summary:only-child) {
    display: none;
}
.report-options :is(input, select),
.report-options :is(.checkbox, .radio) ~ :is(.checkbox, .radio) {
    margin: 0 !important;
}
.report-options select {
    cursor: pointer;
}
.report-options select:hover {
  background-color: var(--neutral-50);
}
/*.report-options input {
  border: 1.5px solid var(--neutral-400);
  width: 12px;
  height: 12px;
}*/
.report-options :is(.radio, .checkbox) {
    display: flex;
    align-items: center;
    gap: 4px;
}
    .report-options :is(.radio, .checkbox) label {
        font-size: 13px;
        font-weight: 500 !important;
        color: var(--neutral-600);
        line-height: 100%;
    }
.report-options .ActionHyperlink {
    position: relative;
    display: flex;
    align-items: center;
    gap: 6px;
    color: var(--brand-primary);
    font-weight: 500;
    font-size: 13px;
    line-height: 100%;
    margin: 0 !important;
    font-family: var(--font);
    text-decoration: none;
}
    .report-options .ActionHyperlink::after {
        content: "\E13A";
        font-family: "Phosphor";
        font-size: 16px;
        transition: all ease 300ms;
    }
    .report-options .ActionHyperlink:hover::after {
        translate: 5px 0;
    }
.report-container:has(.report-options .calendar) {
    overflow: visible;
}
.report-options .calendar {
    top: calc(100% + 6px) !important;
    z-index: 1000;
    margin: auto !important;
    left: 0 !important;
    right: 0;
}
.report-view div:has(> .report-filter-table) {
    overflow: auto;
    max-height: 650px;
    margin-bottom: 15px;
}
.report-filter-table tbody tr th:first-child {
    border-radius: 8px 0 0 0;
}
.report-filter-table tbody tr th:last-child {
    border-radius: 0 8px 0 0;
}
:is(.report-publisher.checkbox, .report-scheduler) {
    padding: 16px !important;
    border-radius: 8px;
    border: 1px solid var(--neutral-200);
    width: fit-content;
}
.score-reporting .score-reporting-container {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.score-reporting-container:has(.report-publisher + .report-scheduler) .report-publisher {
    border-bottom: 0;
    margin-bottom: -1px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background: var(--background);
}
.score-reporting-container:has(.report-publisher + .report-scheduler) .report-scheduler {
    border-top-left-radius: 0;
}
.report-scheduler .form-instructions {
    margin-bottom: 6px;
}
.report-scheduler .row {
    margin-bottom: 6px;
}
.report-scheduler :is(.radio, .checkbox) input {
    margin-right: 8px;
}
.report-scheduler :is(.form-control, textarea) {
    border: var(--wcag-border);
}
.report-scheduler .form-label {
    width: 100%;
    margin-bottom: 6px;
}
.report-scheduler .form-inline .form-label {
    width: fit-content;
}
.report-scheduler .form-group {
    margin-bottom: 8px;
}
.report-scheduler .form-inline {
    display: flex;
    position: relative;
    align-items: center;
    gap: 8px;
}
    .report-scheduler .form-inline .form-label {
        margin: 0;
    }
.report-scheduler :is(.radio, .checkbox) ~ :is(.radio, .checkbox) {
    margin: 0 !important;
}
.report-scheduler div:has(> :is(.radio, .checkbox) ~ :is(.radio, .checkbox)) {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}
:is(.report-options, .report-scheduler) .ImageButtonEnabled {
    position: absolute;
    top: auto;
    right: 10px;
    width: 20px;
    height: 20px;
}
:is(.report-options, .report-scheduler) div:has(> .ImageButtonEnabled) {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: row;
}
.report-scheduler .form-inline .form-control ~ .form-control {
    margin: 0;
}
/*form:has(.score-reporting):has(.action-button-container > li) :is(.action-button-container, .main-inner-section > section) {
    padding-top: 8px;
}*/
/*form:has(.score-reporting) .action-button-container {
    padding-right: 16px;
    margin-right: 16px;
}*/
    /*form:has(.score-reporting) .action-button-container li:last-child {
        padding-right: 0;
    }*/
    /*form:has(.score-reporting) .action-button-container .btn {
        padding: 8px 8px;
        font-weight: 500;
    }*/
table.reports-dashboard {
    border-spacing: 5px !important;
}
table.reports-dashboard .row:is(:after, :before) {
  display: none;
}
table.reports-dashboard tbody tr td h4 {
  padding: 3px 0 7px 5px;
  margin-bottom: 0;
}
table.reports-dashboard tbody tr td a {
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;
  padding-left: 22px;
  position: relative;
  display: inline-block;
  -webkit-transition: ease-in-out all 0.5s;
  -o-transition: ease-in-out all 0.5s;
  transition: ease-in-out all 0.5s;
  margin-left: 0px !important;
  color: var(--neutral-900);
}
table.reports-dashboard tbody tr td a:hover {
  color: var(--blue);
}
table.reports-dashboard tbody tr td h5 a:before {
  position: absolute;
  left: 0px;
  top: 1px;
  content: "\f18e";
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--brand-primary);
  -webkit-transition: ease-in-out all 0.5s;
  -o-transition: ease-in-out all 0.5s;
  transition: ease-in-out all 0.5s;
}
table.reports-dashboard tbody tr td h5 a:hover {
  color: var(--brand-primary);
  text-decoration: underline;
}
table.reports-dashboard tbody tr td > table tbody tr td a {
  text-decoration: none;
  font-size: 12px;
  padding-left: 5px;
  position: relative;
  display: inline-block;
  -webkit-transition: ease-in-out all 0.5s;
  -o-transition: ease-in-out all 0.5s;
  transition: ease-in-out all 0.5s;
}
table.reports-dashboard tbody tr td > table tbody tr td a:before {
  position: absolute;
  left: -20px;
  top: -2px;
  content: "\f111";
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--brand-primary);
  -webkit-transition: ease-in-out all 0.5s;
  -o-transition: ease-in-out all 0.5s;
  transition: ease-in-out all 0.5s;
  font-size: 8px;
}
table.reports-dashboard tbody tr td > table tbody tr td a:hover {
  color: var(--brand-primary);
  text-decoration: underline;
}
.RadComboBoxDropDown {
    font-family: var(--font) !important;
}
.checkbox-inline {
    display: inline-flex;
    align-items: center;
    margin-right: 10px;
}
.navbar-nav li#user-details-button a img {
    float: left;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    padding: 0px !important;
    margin-right: 10px;
    margin-top: -4px;
}
form:has(.sessions-courses-calendar):has(.action-button-container > li) :is(._breadcrumb) {
    position: relative;
    z-index: 12;
}
form:has(.sessions-courses-calendar):has(.action-button-container > li) :is(.action-button-container) {
    padding-top: 10px;
    padding-bottom: 4px;
    position: absolute;
    display: inline-flex;
    right: 0;
    top: -56px;
    width: auto;
}
form:has(.sessions-courses-calendar):has(.action-button-container > li) :is(.main-inner-section > section) {
    padding-top: 8px;
    padding-bottom: 4px;
}
form:has(.sessions-courses-calendar) .text-right {
    text-align: right;
}
form:has(.sessions-courses-calendar) .action-button-container {
    padding-right: 26px;
}
    form:has(.sessions-courses-calendar) .action-button-container li:last-child {
        padding-right: 0;
    }
    form:has(.sessions-courses-calendar) .action-button-container .btn {
        padding: 8px 8px;
        font-weight: 500;
    }
.sessions-courses-calendar {
    width: 100%;
    margin-bottom: 65px;
    margin-top: 20px;
    border: 0 !important;
    overflow-x: auto;
}
    .sessions-courses-calendar .container-fluid {
        width: 100%;
        display: flex;
        gap: 20px;
    }
@media (max-width: 768px) {
    .sessions-courses-calendar .container-fluid {
        flex-direction: column;
        flex-wrap: wrap;
        gap: 0;
        padding: 0;
    }
}
.sessions-courses-calendar .btn-default {
    color: var(--neutral-900) !important;
    font-weight: 500;
    background: var(--background) !important;
    border: 1px solid var(--neutral-400);
}
    .sessions-courses-calendar .btn-default:hover {
        background: var(--neutral-50);
        color: var(--neutral-900);
        border: 1px solid var(--neutral-300);
    }
.sessions-courses-calendar .left-calendar {
    text-align: center;
    width: 25%;
    max-width: 275px;
}
@media (max-width: 768px) {
    .sessions-courses-calendar .left-calendar {
        width: auto;
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: center;
        max-width: none;
    }
        .sessions-courses-calendar .left-calendar:has(.navigator_main ~ table:only-of-type) {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            align-items: center;
        }
}
.sessions-courses-calendar .left-calendar .navigator_main {
    border: 1px solid #dddddd !important;
    padding: 8px 15px;
    display: inline-flex;
    width: 100% !important;
    height: auto !important;
    border-radius: 5px;
    margin: 0 auto 20px;
    aspect-ratio: 1 / 1;
    font-family: "Inter";
}
@media (max-width: 768px) {
    .sessions-courses-calendar .left-calendar .navigator_main {
        max-width: 51%;
        margin: 0 auto;
        min-width: 350px;
    }
}
@media (max-width: 768px) {
    .sessions-courses-calendar .left-calendar .navigator_main {
        min-width: 210px;
    }
}
.sessions-courses-calendar .left-calendar .navigator_main .navigator_select {
    background-color: var(--brand-primary);
    border: 1px solid #ffffff;
    border-radius: 8px;
    color: #ffffff;
}
.sessions-courses-calendar .left-calendar .navigator_main div {
    text-align: center !important;
    line-height: 18px !important;
    margin: auto;
}
.sessions-courses-calendar .left-calendar .navigator_main .navigator_month {
    scale: var(--calendar-scale, 1);
}
.sessions-courses-calendar .left-calendar .navigator_main .navigator_day :is(.navigator_daybox, .navigator_todaybox) {
    border: 1px solid var(--neutral-100);
    border-radius: 6px;
    z-index: -1;
    transition: all ease 300ms;
}
.sessions-courses-calendar .left-calendar .navigator_main .navigator_day:hover :is(.navigator_daybox, .navigator_todaybox) {
    background: var(--neutral-100);
}
.sessions-courses-calendar .left-calendar .navigator_main div span {
    margin-right: 1.5px !important;
    font-size: 9px;
}
.sessions-courses-calendar .left-calendar .navigator_main ~ table {
    width: auto;
    margin: 0 auto;
    margin-bottom: 20px;
    border: 1px solid var(--neutral-200);
    border-radius: 8px;
    display: flex;
    padding: 1rem;
}
@media (max-width: 768px) {
    .sessions-courses-calendar .left-calendar .navigator_main ~ table {
        margin: auto;
        width: 50%;
        border: none;
        margin-top: 0;
        min-width: 210px;
    }
        .sessions-courses-calendar .left-calendar .navigator_main ~ table:only-of-type {
            width: auto;
        }
}
.sessions-courses-calendar .left-calendar .navigator_main ~ table tbody {
    margin: auto;
}
.sessions-courses-calendar .left-calendar .navigator_main ~ table tr td {
    padding: 3px 6px;
    font-size: 14px;
}
.sessions-courses-calendar .left-calendar .FormLabelBold {
    font-family: "Inter";
    font-size: 14px;
    font-weight: 600;
    color: var(--neutral-800);
}
.sessions-courses-calendar .left-calendar [status] img {
    border-radius: 8px;
}
.sessions-courses-calendar .right-calendar {
    width: 75%;
    flex-grow: 1;
}
@media (max-width: 768px) {
    .sessions-courses-calendar .right-calendar {
        width: auto;
    }
}
.sessions-courses-calendar .right-calendar .hide {
    display: none;
}
.sessions-courses-calendar .right-calendar > .row {
    display: flex;
    gap: 16px;
    margin-bottom: 16px;
}
.sessions-courses-calendar .right-calendar .form-inline {
    gap: 8px;
    align-items: center;
    margin: 0;
}
    .sessions-courses-calendar .right-calendar .form-inline:not(:has(*)) {
        display: none;
    }
.sessions-courses-calendar .calendar-heading {
    float: left;
    width: 100%;
    border: 1px solid #dddddd;
    border-radius: 8px 8px 0 0;
    border-bottom: 0px;
    background: #e8f1ff;
    padding: 8px;
    padding-bottom: 0px;
}
    .sessions-courses-calendar .calendar-heading .form-group {
        margin-bottom: 8px;
    }
.sessions-courses-calendar .calendar-inner-details {
    float: left;
    width: 100%;
    border: 1px solid #dddddd;
    border-radius: 0 0 8px 8px;
    background: #ffffff;
}
    .sessions-courses-calendar .calendar-inner-details :is(table, table td) {
        border-color: #e8e8e8 !important;
    }
    .sessions-courses-calendar .calendar-inner-details table {
        border-color: transparent !important;
    }
    .sessions-courses-calendar .calendar-inner-details :is(div, table td div) {
        border-color: #e8e8e8 !important;
    }
    .sessions-courses-calendar .calendar-inner-details [style*="rgb(49, 106, 197)"] {
        background: var(--brand-primary) !important;
    }
    .sessions-courses-calendar .calendar-inner-details [style*="rgb(236, 233, 216)"] {
        background: #e8f1ff !important;
        background: transparent !important;
        font-family: "Inter" !important;
    }
        .sessions-courses-calendar .calendar-inner-details [style*="rgb(236, 233, 216)"] > div {
            border-top: none !important;
        }
    .sessions-courses-calendar .calendar-inner-details
    table:not(:has(table))
    tbody
    tr > td > div:has([unselectable="on"])
    [unselectable="on"]:has([unselectable="on"]) {
        font-size: 13px !important;
        display: flex;
        align-items: flex-start;
        margin: 0;
        width: 100%;
        font-weight: 500;
        font-family: "Inter" !important;
        margin-top: 1px;
    }
        .sessions-courses-calendar .calendar-inner-details
        table:not(:has(table))
        tbody
        tr > td > div:has([unselectable="on"])
        [unselectable="on"]:has([unselectable="on"]):has(> span) {
            font-size: 12px !important;
            display: flex;
            align-items: flex-start;
            justify-content: center;
            color: var(--neutral-600) !important;
        }
        .sessions-courses-calendar .calendar-inner-details
        table:not(:has(table))
        tbody
        tr > td > div:has([unselectable="on"])
        [unselectable="on"]:has([unselectable="on"]) > span {
            font-size: 12px !important;
        }
    .sessions-courses-calendar .calendar-inner-details
    table:not(:has(table))
    tbody
    tr > td > div:has([unselectable="on"])
    div[unselectable="on"]:not(:has([unselectable="on"])):not(:empty) {
        height: fit-content;
        margin: auto;
        font-weight: 500;
    }
    .sessions-courses-calendar .calendar-inner-details :is( [style*="background-color:#D3D3D3"], [style*="background-color:#FF0000"], [style*="background-color:#FFA500"], [style*="background-color:#CBD3DB"], [style*="background-color:#FFE0F7"], [style*="background-color:#B2F0FF"], [style*="background-color:#FFFF00"]) {
        padding: 6px !important;
        border-radius: 8px;
    }
    .sessions-courses-calendar .calendar-inner-details div:has(> :is( [style*="background-color:#D3D3D3"], [style*="background-color:#FF0000"], [style*="background-color:#FFA500"], [style*="background-color:#CBD3DB"], [style*="background-color:#FFE0F7"], [style*="background-color:#B2F0FF"], [style*="background-color:#FFFF00"] )) {
        background: none !important;
    }
.login-right .right-login-section .panel .panel-body .img-responsive {
    max-height: 100px;
    max-width: 200px;
    width: auto !important;
}
.login-right .right-login-section .panel .panel-body hr {
    margin-top: 10px;
    margin-bottom: 10px;
}
.login-right .right-login-section .panel .panel-body h4 {
    font-weight: 600;
}
.login-right .right-login-section .panel .panel-body .login-bottom .fa {
    float: left;
    font-size: 16px;
    margin-right: 12px;
    margin-top: 0px;
    width: 16px;
}
.login-right .right-login-section .panel .panel-body .login-bottom a {
    display: block;
    overflow: hidden;
    text-align: left;
    line-height: 16px;
    font-size: 12px;
}
.ui-datepicker .ui-datepicker-title,
.ui-datepicker th {
    font-weight: 600;
}
body,
html {
    -ms-overflow-style: scrollbar;
}
#video-side .border > div {
    overflow: hidden;
}
    #video-side .border > div > div {
        overflow: hidden;
    }
.rubric-table {
    width: 100%;
    position: relative;
    overflow-x: auto;
}
    .rubric-table table {
        width: 100%;
    }
        .rubric-table table tr td,
        .rubric-table table tr th {
            padding: 8px;
            border: 1px solid #ddd !important;
            vertical-align: top;
        }
            .rubric-table table tr td:first-child,
            .rubric-table table tr th:first-child {
                width: 70px;
                max-width: 70px;
                min-width: 70px;
            }
                .rubric-table table tr td:first-child table tr td,
                .rubric-table table tr th:first-child table tr td {
                    width: auto;
                    min-width: inherit;
                    background: transparent;
                }
            .rubric-table table tr td:last-child,
            .rubric-table table tr th:last-child {
                min-width: 80px;
                max-width: 80px;
            }
                .rubric-table table tr td:last-child table tr td,
                .rubric-table table tr th:last-child table tr td {
                    width: auto;
                    min-width: inherit;
                    background: transparent !important;
                }
            .rubric-table table tr td:nth-child(4),
            .rubric-table table tr th:nth-child(4) {
                min-width: 100px;
                width: 100px;
                max-width: 100px;
            }
            .rubric-table table tr td.BlankTd:nth-child(4),
            .rubric-table table tr th.BlankTd:nth-child(4) {
                min-width: 0px;
                width: 0px;
                max-width: 0px;
                padding: 0px;
            }
            .rubric-table table tr td.BlankTd,
            .rubric-table table tr th.BlankTd {
                min-width: 0px;
                width: 0px !important;
                max-width: 0px;
                padding: 0px !important;
            }
            .rubric-table table tr td:nth-child(3) table tr td,
            .rubric-table table tr th:nth-child(3) table tr td {
                width: auto;
                min-width: inherit;
                background: transparent !important;
            }
            .rubric-table table tr td table tr td,
            .rubric-table table tr th table tr td {
                width: auto;
                min-width: inherit;
                background: transparent !important;
            }
        .rubric-table table tr td,
        .rubric-table table tr th {
            min-width: 160px;
            max-width: 160px;
        }
        .rubric-table table tr.grid-header td .inputgroup {
            position: relative;
            display: table;
            border-collapse: separate;
            margin-bottom: 15px;
        }
            .rubric-table table tr.grid-header td .inputgroup input[type="text"] {
                display: table-cell;
                padding: 2px 6px;
                border: 1px solid #dde6e9;
                background: #ffffff;
                border-radius: 3px;
                font-size: 13px;
                color: #303030;
                width: 150px;
            }
        .rubric-table table tr.bg-light-2 td .inputgroup input[readonly] {
            border: 1px solid transparent !important;
            background: transparent !important;
        }
        .rubric-table table tr td .level-group input[readonly] {
            border: 1px solid transparent !important;
            background: transparent !important;
        }
        .rubric-table table tr.grid-header td .groupicon {
            display: table-cell;
            width: 1%;
            white-space: nowrap;
            vertical-align: middle;
            text-align: center;
        }
        .rubric-table table tr.grid-header td .inputgroup input[type="image"] {
            display: inline-block;
            padding: 2px 6px;
        }
        .rubric-table table tr td .form-control {
            padding: 10px;
            border: 1px solid #dde6e9;
            border-radius: 3px;
            font-size: 13px;
            color: #303030;
        }
        .rubric-table table tr td .weight-group {
            position: relative;
            display: table;
            border-collapse: separate;
            width: 80px;
        }
            .rubric-table table tr td .weight-group input[type="text"] {
                display: table-cell;
                padding: 2px 6px;
                border: 1px solid #dde6e9;
                background: #ffffff;
                border-radius: 3px;
                font-size: 13px;
                color: #303030;
                width: 40px;
                text-align: center;
            }
            .rubric-table table tr td .weight-group span {
                display: table-cell;
                width: 50%;
                text-align: center;
                font-size: 13px;
                color: #303030;
            }
        .rubric-table table tr td .level-group {
            position: relative;
            display: table;
            border-collapse: separate;
        }
            .rubric-table table tr td .level-group input[type="text"] {
                display: table-cell;
                padding: 0 6px;
                border: 1px solid #dde6e9;
                background: #ffffff;
                border-radius: 3px;
                font-size: 13px;
                color: #303030;
                width: 40px;
                text-align: center;
                margin-left: 10px;
                height: 28px;
            }
            .rubric-table table tr td .level-group span {
                width: auto;
                text-align: center;
                font-size: 13px;
                color: #303030;
                display: table-cell;
                vertical-align: middle;
            }
        .rubric-table table tr.bg-light-2 td {
            background: #dadada;
        }
            .rubric-table table tr.bg-light-2 td:last-child {
                background: none !important;
            }
            .rubric-table table tr.bg-light-2 td:first-child,
            .rubric-table table tr.bg-light-2 td:nth-child(2),
            .rubric-table table tr.bg-light-2 td:nth-child(3),
            .rubric-table table tr.bg-light-2 td:nth-child(4) {
                background: none;
            }
    .rubric-table div.inputgroup {
        display: block;
        position: relative;
    }
        .rubric-table div.inputgroup input[type="text"] {
            padding: 0px 4px;
            height: 23px;
            font-size: 12px;
            width: 123px;
        }
    .rubric-table .weight-level {
        display: table;
        border: 1px dotted #cccccc;
        width: 100%;
        vertical-align: middle;
    }
        .rubric-table .weight-level .txt-weight {
            display: inline-block;
            padding: 0px 5px;
            width: 34px;
            height: 28px;
            border: 1px solid #dde6e9;
            background: #ffffff;
            border-radius: 3px;
            font-size: 13px;
            color: #303030;
            line-height: normal;
        }
        .rubric-table .weight-level span {
            display: table-cell;
            padding: 3px 5px;
            background: #ffffff;
            text-align: center;
            vertical-align: middle;
        }
    .rubric-table table .bg-grey {
        background: #dadada !important;
        background: #ffffff;
        text-align: center;
        width: 40px;
    }
    .rubric-table table tr:nth-child(3) td {
        background: #f5f7f7;
        background-color: #f5f7f7;
    }
    .rubric-table .table-criteria tr td:nth-child(1),
    .rubric-table .table-criteria tr td:nth-child(2) {
        background: #fffdd7;
    }
.rubric-footer {
    float: left;
    width: 100%;
    text-align: right;
    padding: 10px 0;
}
.custom-modal-width {
    max-width: 100%;
    width: 1300px;
}
.rubric-table textarea,
.minheight {
    min-height: 42px;
}
.session-modal-popup {
    position: fixed !important;
    z-index: 9999;
    left: 0px;
    top: 0px;
}
.maxheight200 {
    max-height: 200px;
}
.clsTable ul {
    margin: 0;
    padding-left: 15px;
}
    .clsTable ul li {
        word-break: break-word;
        margin-bottom: 10px;
    }
.custom-footer-fix {
    position: absolute;
    bottom: 4px;
    left: 1px;
    right: 1px;
    border-top: 1px solid #ddd;
    background: #fff;
    padding: 10px 15px;
}
    .custom-footer-fix a {
        text-decoration: none;
        font-size: 14px;
        color: #ed8b00;
    }
        .custom-footer-fix a:hover {
            text-decoration: none;
            font-size: 14px;
            color: #ed8b00;
        }
.gridster-item-inner .ems-dashboard-control .panel-body.custom-h-cal {
    height: calc(100% - 40px);
}
.minhight {
    min-height: 350px;
}
.validation-alert {
    font-weight: 500;
    color: red;
}
.copysession-div {
    font-size: 14px;
    padding-bottom: 10px;
}
.duration-instructions {
    font-weight: bold;
    font-size: 14px;
}
.text-black {
    color: #303030 !important;
}
.note-block {
    padding: 0px;
    margin: 0px 0px 15px;
    display: block;
    background: none;
    border-left: 0px solid #a0a0a0;
    color: var(--neutral-600);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.form-instructions {
    margin: 0px 0 15px;
    display: block;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: var(--grey);
}
.modal-body .form-instructions {
    margin: 0px 0 10px;
}
body:has(.modal-responsive) .modal-dialog {
    max-width: 99vw;
    min-width: 0;
}
.profile-user-image img {
    background: #f6f7f8 !important;
    background-color: #f6f7f8 !important;
    border: 1px solid #e9e9e9 !important;
    border-radius: 4px;
}
.form-group .text-control {
    display: block;
    min-height: 35px;
}
.evaluation-user-image {
    border-radius: 8px;
    width: 58px;
    overflow: hidden;
    aspect-ratio: 1 / 1;
}
    .evaluation-user-image img {
        margin: auto;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
#quickAccessoffsidebar.quick-access-sidebar .offsidebar {
    background: #ffffff;
    position: relative;
    margin-top: 0;
    border: 0px;
    right: 0;
    width: 100% !important;
}
.aside-main-div .close-sidebar {
    background: var(--brand-primary);
    position: absolute;
    right: 100%;
    width: 35px;
    height: 35px;
    top: -1px;
    border-radius: 6px 0 0 6px;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 20px;
    text-decoration: none;
}
[is-telemed="true"] .aside-main-div .close-sidebar {
    top: 35px;
}
#quickAccessoffsidebar.quick-access-sidebar .offsidebar .nav-tabs > li.active {
    border-left: 0px;
}
#quickAccessoffsidebar.quick-access-sidebar .offsidebar .nav-tabs > li a {
    border-radius: 4px 4px 0 0;
}
#quickAccessoffsidebar.quick-access-sidebar
.offsidebar
.nav-tabs > li.active
a:focus,
#quickAccessoffsidebar.quick-access-sidebar
.offsidebar
.nav-tabs > li.active
a:hover {
    background-color: rgba(0, 0, 0, 0);
}
#quickAccessoffsidebar.quick-access-sidebar
.offsidebar
.tab-content {
    padding: 10px;
}
    #quickAccessoffsidebar.quick-access-sidebar
    .offsidebar
    .tab-content > .tab-pane {
        margin: 0px !important;
    }
#quickAccessoffsidebar.quick-access-sidebar .offsidebar .respond-label {
    float: left;
    margin-bottom: 10px;
    display: block;
    width: 100%;
    font-weight: 500;
    color: var(--neutral-500);
}
#quickAccessoffsidebar.quick-access-sidebar .offsidebar .bottom-label {
    float: left;
    margin-top: 5px;
    width: 100%;
    text-align: center;
}
#quickAccessoffsidebar.quick-access-sidebar .offsidebar .table.table-no-bg {
    background: #ffffff;
}
#quickAccessoffsidebar.quick-access-sidebar table:not(.emsgrid) tr {
    border: 0px;
}
#quickAccessoffsidebar.quick-access-sidebar table:not(.emsgrid) td {
    display: flex;
    margin-bottom: 0px;
    padding: 8px 6px;
    align-items: center;
    gap: 2px;
}
    #quickAccessoffsidebar.quick-access-sidebar table:not(.emsgrid) td a {
        font-weight: 600;
        font-size: 13px;
    }
#quickAccessoffsidebar .checklist-timer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    padding: 4px 10px;
    gap: 6px;
}
    #quickAccessoffsidebar .checklist-timer .checklist-timer-toggle {
        width: fit-content;
    }
        #quickAccessoffsidebar .checklist-timer .checklist-timer-toggle a {
            font-size: 13px;
            cursor: pointer;
        }
            #quickAccessoffsidebar .checklist-timer .checklist-timer-toggle a:hover {
                text-decoration: underline !important;
            }
    #quickAccessoffsidebar .checklist-timer .emsTimerControl[hidden] {
        display: flex !important;
    }
    #quickAccessoffsidebar .checklist-timer .emsTimerControl .evaluation-timer::before,
    #quickAccessoffsidebar .checklist-timer .emsTimerControl .evaluation-timer > span {
        transition: all ease 300ms;
    }
    #quickAccessoffsidebar .checklist-timer .emsTimerControl[hidden] .evaluation-timer > span {
        max-width: 0;
        overflow: hidden;
        position: absolute;
    }
    #quickAccessoffsidebar .checklist-timer .emsTimerControl,
    #quickAccessoffsidebar .checklist-timer .emsTimerControl > div {
        width: fit-content;
    }
        #quickAccessoffsidebar .checklist-timer .emsTimerControl > div > span,
        #quickAccessoffsidebar .checklist-timer .emsTimerControl .evaluation-timer {
            color: var(--neutral-900);
            font-size: 14px;
            font-weight: 500;
            background: var(--neutral-50);
            border: 1px solid var(--neutral-200);
            border-radius: 100vmax;
            padding: 5px 15px;
            transition: all ease 300ms;
            cursor: pointer;
        }
            #quickAccessoffsidebar .checklist-timer .emsTimerControl > div > span:hover,
            #quickAccessoffsidebar .checklist-timer .emsTimerControl .evaluation-timer:hover {
                background: var(--neutral-100);
            }
        #quickAccessoffsidebar .checklist-timer .emsTimerControl[hidden] .evaluation-timer {
            padding: 5px 10px;
        }
        #quickAccessoffsidebar .checklist-timer .emsTimerControl > div > span:empty {
            display: none;
        }
    #quickAccessoffsidebar .checklist-timer:not(:has(.evaluation-timer)) {
        display: none;
    }
.bookmark-control-container {
    margin-left: 0px;
    margin-right: 0px;
    max-width: 100%;
}
    .bookmark-control-container .prev-btn,
    .bookmark-control-container .next-btn {
        position: relative;
    }
        .bookmark-control-container .prev-btn .arrow-img,
        .bookmark-control-container .next-btn .arrow-img {
            position: absolute;
            width: 21px;
            height: auto;
            left: 50%;
            margin-left: -10.5px;
            top: 5px;
        }
.esc-table > div > table {
    width: 100% !important;
}
.table-responsive .table tr td.questions-td {
    border-right: 1px solid #eeeeee;
    border-left: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
}
.aside-main-div {
    position: absolute;
    z-index: 9999;
    float: left;
    width: 600px;
    top: 0;
    bottom: 0;
    background: #ffffff;
    padding: 10px;
    border: 1px solid #cccccc;
    border-bottom: 0;
}
    .aside-main-div.fixed {
        position: fixed;
        top: 0px;
        bottom: 0px;
    }
    .aside-main-div .sidebar-td {
        padding: 0px;
        border: 0px;
    }
        .aside-main-div .sidebar-td .evaluationSectionControls {
            width: 600px !important;
        }
            .aside-main-div .sidebar-td .evaluationSectionControls .quick-access-sidebar {
                width: 100% !important;
                height: calc(100vh - 65px);
                overflow-y: auto;
            }
#EvaluationPanel {
    border: 0;
    height: calc(100vh - 30px);
}
[is-telemed="true"] #EvaluationPanel.hide-aside #bodyContent {
    padding-right: 32px;
    width: 100%;
}
/*body:has(#EvaluationPanel) > div:has(footer) > form {
    overflow-y: hidden;
}*/
#EvaluationPanel #bodyContent {
    padding: 16px;
    overflow-y: auto;
    transition: all ease 300ms;
    height: 100%;
    scrollbar-gutter: stable;
    scroll-behavior: smooth;
    padding-bottom: 40px;
}
#EvaluationPanel:not(.hide-aside) #bodyContent {
    margin-right: 33%;
    flex-grow: 1;
}
#EvaluationPanel.hide-aside #bodyContent {
    margin-right: 0;
}
.aside-main-div .sidebar-td .evaluationSectionControls .quick-access-sidebar {
    width: 100% !important;
    height: calc(100vh - 65px);
    overflow-y: auto;
}
#EvaluationPanel #bodyContent > .table-responsive {
    overflow: visible;
}
#EvaluationPanel.hide-aside .aside-main-div {
    translate: 100% 0;
}
#EvaluationPanel .aside-main-div {
    position: absolute;
    right: 0px;
    top: 0;
    padding: 0;
    border: 0;
    border-left: 1px solid var(--neutral-200);
    width: 33%;
    transition: translate ease 300ms;
    z-index: 0;
    border-top: 1px solid var(--neutral-200);
}
    #EvaluationPanel .aside-main-div > div {
        overflow: auto;
        height: 100%;
    }
body:has(#EvaluationPanel) footer {
    background: var(--background);
}
#EvaluationPanel:not(.hide-aside) .aside-main-div .close-sidebar i {
    transform: rotate(180deg);
}
#EvaluationPanel .nav-tabs {
    gap: 0;
    justify-content: flex-start;
}
    #EvaluationPanel .nav-tabs li > a {
        padding: 16px 10px;
        transition: all ease 300ms;
        text-align: center;
    }
#EvaluationPanel .aside-main-div .nav-tabs li > a {
    min-width: 128px;
}
#EvaluationPanel .nav-tabs li:hover > a {
    text-decoration: none;
}
#EvaluationPanel .nav-tabs li > a::before {
    position: absolute;
    content: "";
    opacity: 0;
    bottom: 0;
    left: 0;
    transition: all ease 300ms;
}
#EvaluationPanel .nav-tabs li:hover > a::before {
    opacity: 1;
}
#EvaluationPanel .nav-tabs li,
#EvaluationPanel .nav-tabs li > a,
#EvaluationPanel .nav-tabs li.active,
#EvaluationPanel .nav-tabs li.active > a {
    background-color: transparent !important;
    text-decoration: none !important;
}
    #EvaluationPanel .nav-tabs li.active > a {
        font-weight: 700;
    }
        #EvaluationPanel .nav-tabs li.active > a::before {
            opacity: 1;
        }
#EvaluationPanel .video-player-container .container-fluid {
    padding: 0;
}
body:has([is-telemed="true"] #EvaluationPanel) #EvaluationPanel,
body:has([is-telemed="true"] #EvaluationPanel) [is-telemed="true"],
body:has([is-telemed="true"] #EvaluationPanel) .ContentPanel,
body:has([is-telemed="true"] #EvaluationPanel) #ctl00_UpdatePanel,
body:has([is-telemed="true"] #EvaluationPanel) .MainPanel,
body:has([is-telemed="true"] #EvaluationPanel) form,
body:has([is-telemed="true"] #EvaluationPanel) #wrap {
    display: flex;
    flex-grow: 1;
}
/*.evaluationSectionContainer .tab-content {
    padding: 10px 0;
}*/
.evaluationSectionContainer .question-categories {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 6px;
}
    .evaluationSectionContainer
    .question-categories > a:not(:hover, :active, :focus) {
        text-decoration: none;
    }
:is(.evaluationSectionContainer, .evaluationSectionContainer table .tab-content, .evaluationSectionContainer [cloneid="bottomRow"]) > :is(div, td) > table,
:is(.evaluationSectionContainer, .evaluationSectionContainer table .tab-content, .evaluationSectionContainer [cloneid="bottomRow"]) > :is(div, td) > table > tbody,
:is(.evaluationSectionContainer, .evaluationSectionContainer table .tab-content, .evaluationSectionContainer [cloneid="bottomRow"]) > :is(div, td) > table > tbody > tr,
:is(.evaluationSectionContainer, .evaluationSectionContainer table .tab-content, .evaluationSectionContainer [cloneid="bottomRow"]) > :is(div, td) > table > tbody > tr > td {
    display: block;
}
.evaluationSectionContainer [cloneid="bottomRow"] {
    display: block;
}
    .evaluationSectionContainer [cloneid="bottomRow"] tr {
        display: flex !important;
        flex-wrap: wrap;
        gap: 10px;
        justify-content: flex-end;
    }
    .evaluationSectionContainer [cloneid="bottomRow"] > :is(td, td table) {
        width: 100% !important;
    }
    .evaluationSectionContainer [cloneid="bottomRow"] > td,
    .evaluationSectionContainer [cloneid="bottomRow"] > td table {
        width: 100% !important;
    }
    .evaluationSectionContainer [cloneid="bottomRow"] td {
        display: flex !important;
        width: fit-content;
        padding: 5px 0;
    }
        .evaluationSectionContainer [cloneid="bottomRow"] td input {
            margin: 0;
        }
.evaluationSectionContainer > div > table > tbody
[cloneid="bottomRow"]:not(:last-of-type) {
    display: none;
}
.evaluationSectionContainer .toggleSectionHeader {
    align-items: center;
    gap: 4px;
}
.questionContainer .question-comments {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-top: 5px;
}
    .questionContainer .question-comments > a {
        font-weight: 600;
        font-size: 13px;
        display: inline-block;
        text-decoration: none;
    }
        .questionContainer .question-comments > a:hover {
            text-decoration: underline;
        }
    .questionContainer .question-comments > div {
        width: 100%;
    }
.questionContainer :is(.question-comments-chars, .question-comments-lines),
.questionContainer :is(.question-comments-chars, .question-comments-lines) > div {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    font-size: 13px;
}
.questionContainer :is(.question-comments-chars, .question-comments-lines) {
    gap: 4px;
}
.questionContainer .question-choice {
    flex-grow: 1;
}
@media (max-width: 1000px) {
    #EvaluationPanel #bodyContent {
        margin-right: 0 !important;
    }
    #EvaluationPanel .aside-main-div {
        width: fit-content;
        min-width: 33%;
        max-width: 50%;
    }
}
.detail-card {
    position: relative;
    width: 100%;
    border: 1px solid var(--neutral-200);
    border-radius: 8px;
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.detail-card-subject {
    display: flex;
    gap: 12px;
}
.detail-card-subject-info {
    display: flex;
    flex-direction: column;
    gap: 4px;
    justify-content: center;
}
    .detail-card-subject-info h2 {
        font-weight: 700;
        font-size: 16px;
        line-height: 100%;
        margin: 0;
    }
    .detail-card-subject-info > div {
        display: flex;
        gap: 4px;
    }
        .detail-card-subject-info > div > span {
            font-weight: 500;
            font-size: 14px;
            color: var(--neutral-500);
        }
            .detail-card-subject-info > div > span:empty {
                display: none;
            }
            .detail-card-subject-info > div > span:not(:empty) + span::before {
                content: "•";
                font-weight: 700;
                margin-right: 4px;
            }
.detail-card-more {
    display: flex;
    align-items: center;
    gap: 8px;
}
    .detail-card-more > div {
        display: flex;
        flex-direction: column;
        gap: 4px;
        font-size: 12px;
        font-weight: 500;
        line-height: 100%;
        text-align: right;
        color: var(--neutral-900);
    }
        .detail-card-more > div > span:nth-child(1) {
            color: var(--neutral-500);
        }
        .detail-card-more > div:has(span:only-child) {
            display: none;
        }
.esc-table table .radio {
    margin-bottom: 0px;
}
.table-responsive .table .esc-table table tr td hr {
    margin-top: 10px;
    margin-bottom: 10px;
}
textarea.form-control.min-height35 {
    min-height: 35px;
}
.esc-table > div > table tr td div br ~ br {
    display: none;
}
.esc-table .check-relative .radio input,
.esc-table .check-relative .checkbox input {
    position: relative;
}
.top-players-icons {
    position: relative;
    top: -2px;
    display: inline-block;
    margin-right: 10px;
}
.btn.btn-labeled .btn-label .fa {
    color: inherit;
}
.rooms-cameras-list {
    padding: 0 15px;
    display: block;
}
    .rooms-cameras-list li {
        list-style: none;
        padding-bottom: 10px;
    }
        .rooms-cameras-list li.parent_li {
            list-style: none;
            list-style: none;
            padding: 0;
        }
            .rooms-cameras-list li.parent_li:last-child {
                border-bottom: 1px solid #e9e9e9;
            }
            .rooms-cameras-list li.parent_li > div {
                width: 100%;
                position: relative;
                display: block;
            }
            .rooms-cameras-list li.parent_li .pointer-down {
                display: block;
                margin-bottom: 0;
                padding: 8px 15px 8px 40px;
                border: 1px solid #e9e9e9;
                background-position: 12px 50% !important;
                background-color: rgba(241, 242, 243, 0.2) !important;
            }
            .rooms-cameras-list li.parent_li .pointer-right {
                display: block;
                margin-bottom: 0;
                padding: 8px 15px 8px 40px;
                border: 1px solid #e9e9e9;
                border-bottom: 0;
                background-position: 12px 50% !important;
                background-color: rgba(241, 242, 243, 0.2) !important;
            }
            .rooms-cameras-list li.parent_li ul {
                display: block;
                padding-left: 0;
                margin: 0;
                border-left: 1px solid #e9e9e9;
                border-right: 1px solid #e9e9e9;
                overflow: hidden;
            }
                .rooms-cameras-list li.parent_li ul .tree-div {
                    padding: 5px 5px 0;
                    margin: 0;
                }
                .rooms-cameras-list li.parent_li ul li.cam-link-container {
                    margin: 0 5px 5px 0;
                    padding: 5px 10px;
                }
.video-card-container.video-card-custom .detailContainer .thumbnail {
    border: 0px;
    background: transparent;
    padding: 0 10px 20px;
}
    .video-card-container.video-card-custom
    .detailContainer
    .thumbnail
    span
    .room-title {
        min-height: 32px;
    }
    .video-card-container.video-card-custom
    .detailContainer
    .thumbnail
    .room-subtitle {
        width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding: 0 25px;
    }
    .video-card-container.video-card-custom
    .detailContainer
    .thumbnail
    .row.pb
    .text-center
    span {
        width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        display: block;
        padding: 0 25px;
    }
    .video-card-container.video-card-custom
    .detailContainer
    .thumbnail
    .row.pb
    .col-md-3.col-sm-3
    .text-center
    span {
        width: 20px;
        text-overflow: unset;
        overflow: unset;
        white-space: unset;
        padding: 0;
        display: inline-block;
    }
.video-card-container.video-card-custom .card-view-group {
    margin-bottom: 5px;
}
.table-layout-unset .k-scheduler-content .k-scheduler-table {
    table-layout: unset;
}
.datepicker input[type="text"].form-control.date-input {
    display: inline;
    height: 35px;
    width: 100%;
    padding: 4px 10px;
}
.timepicker input[type="text"].form-control.time-input {
    display: inline;
    height: 35px;
    width: 100%;
}
.parent-cameras-list {
    list-style: none;
    list-style: none;
    padding: 0 5px 5px;
    margin: 0px;
}
    .parent-cameras-list li.parent_li {
        list-style: none;
        list-style: none;
        padding: 0;
    }
        .parent-cameras-list li.parent_li:last-child {
            border-bottom: 1px solid #e9e9e9;
        }
        .parent-cameras-list li.parent_li .fw {
            display: block;
            margin-bottom: 0;
            padding: 8px 10px 8px 10px;
            border: 1px solid #e9e9e9;
            background-color: rgba(241, 242, 243, 0.2) !important;
        }
            .parent-cameras-list li.parent_li .fw .fa {
                font-size: 18px;
                color: #303030;
            }
        .parent-cameras-list li.parent_li ul {
            display: block;
            padding-left: 0;
            margin: 0;
            border-left: 1px solid #e9e9e9;
            border-right: 1px solid #e9e9e9;
            overflow: hidden;
            padding: 8px 10px 0;
        }
            .parent-cameras-list li.parent_li ul li.cam-link-container {
                margin: 0 8px 8px 0;
                padding: 0;
            }
                .parent-cameras-list li.parent_li ul li.cam-link-container .cameraText {
                    padding: 2px 7px;
                }
.display-inline {
    display: inline-block;
}
.cursor-pointer {
    cursor: pointer;
}
.td-space-none {
    margin: -10px;
    display: block;
}
.advance-table-div .row.cursor-pointer .panel.panel-default {
    margin-bottom: 0px;
    border: 0px solid var(--border);
    box-shadow: none;
    padding: 0px;
}
    .advance-table-div .row.cursor-pointer .panel.panel-default:hover {
        border: 0px solid var(--border);
        box-shadow: none;
    }
    .advance-table-div .row.cursor-pointer .panel.panel-default .panel-heading {
        position: relative;
        background: #f6f7f8;
    }
        .advance-table-div
        .row.cursor-pointer
        .panel.panel-default
        .panel-heading:before {
            content: "\f147";
            display: inline-block;
            font: normal normal normal 14px/1 FontAwesome;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            float: right;
            margin-top: 4px;
            color: #666666;
        }
.advance-table-div
.row.cursor-pointer.collapsed
.panel.panel-default
.panel-heading:before {
    content: "\f196";
}
.advance-table-div .row .col-xs-12 .content-wrapper {
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 20px;
}
.table.table-bordered.soap-scoring-template tr td {
    padding: 0px;
}
.scoring-template-ui {
    display: block;
    margin: 0;
    position: relative;
}
    .scoring-template-ui .heading {
        width: 100%;
        float: left;
        display: block;
        padding: 10px;
        background: #f7f8f9;
        border-bottom: 1px solid #eeeeee;
        min-height: 42px;
    }
        .scoring-template-ui .heading .top-icons {
            display: inline-block;
            float: right;
            margin-top: -3px;
        }
            .scoring-template-ui .heading .top-icons input {
                margin-left: 10px;
                display: inline-block;
                vertical-align: middle;
            }
            .scoring-template-ui .heading .top-icons .add-icon {
                max-width: 50px;
                position: absolute;
                top: 50px;
                left: 50%;
                margin-left: -25px;
            }
    .scoring-template-ui .description {
        width: 100%;
        float: left;
        padding: 10px;
        position: relative;
        padding-right: 35px;
    }
        .scoring-template-ui .description .edit-2-icon {
            float: right;
            position: absolute;
            right: 0;
            top: 0;
            padding: 5px 8px;
            border: 1px solid #eeeeee !important;
            border-top: 0 !important;
            border-right: 0 !important;
            background: #ffffff;
        }
.col-md-12.even-div {
    padding: 8px 15px;
    background: #fafbfc;
    border-top: 1px solid #eeeeee;
}
.col-md-12.odd-div {
    padding: 8px 15px;
    background: #ffffff;
    border-top: 1px solid #eeeeee;
}
    .col-md-12.even-div .form-group,
    .col-md-12.odd-div .form-group {
        margin-bottom: 0px;
    }
.m-lr-10 {
    margin-left: -10px !important;
    margin-right: -10px !important;
}
.radio-choice-block {
    width: 100%;
    float: left;
}
    .radio-choice-block #divVerticalLine {
        display: none !important;
    }
    .radio-choice-block .questionChoiceContainer {
        float: none !important;
        width: 100% !important;
    }
        .radio-choice-block .questionChoiceContainer tbody tr td {
            vertical-align: top !important;
        }
    .radio-choice-block .radio label,
    .radio-choice-block .checkbox label {
        font-weight: normal !important;
        line-height: 18px;
    }
.textarea-min-height textarea.form-control {
    min-height: 35px;
}
.p.pl0 {
    padding-left: 0px !important;
}
.heading-block {
    padding: 8px 10px;
    margin: 5px 0 10px;
    display: block;
    background: #f9fcff;
    border: 1px solid #f6f7f8;
}
@media only screen and (max-width: 1440px) {
    .video-card-container.video-card-custom .detailContainer .thumbnail {
        width: 25%;
    }
}
@media only screen and (max-width: 1200px) {
    .video-card-container.video-card-custom .detailContainer .thumbnail {
        width: 33.3%;
    }
}
@media only screen and (max-width: 991px) {
    .video-card-container.video-card-custom .detailContainer .thumbnail {
        width: 50%;
    }
}
.custom-nav-tabs .nav-tabs > li.active {
    border-left: 0px;
}
.custom-nav-tabs .nav-tabs > li a {
    border-radius: 4px 4px 0 0;
    color: #303030;
}
.custom-nav-tabs .nav-tabs > li.active a:focus,
.custom-nav-tabs .nav-tabs > li.active a:hover {
    background-color: rgba(0, 0, 0, 0);
}
.custom-nav-tabs .tab-content > .tab-pane {
    margin: 0px !important;
}
.tab-content .table.v-align-m tr td {
    vertical-align: middle !important;
}
    .tab-content .table.v-align-m tr td .default-img {
        display: inline-block;
        width: 90px;
        border: 1px solid #e9e9e9;
        border-radius: 5px;
    }
    .tab-content .table.v-align-m tr td .btn {
        color: #ffffff;
        text-decoration: none;
    }
        .tab-content .table.v-align-m tr td .btn .fa {
            color: #ffffff;
        }
.custom-timer {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 100vmax;
    background: #ffffff;
    border: 1px solid var(--neutral-300) !important;
    margin: 0px !important;
}
    .custom-timer span {
        display: inline-block;
        font-size: 14px;
        font-weight: normal;
        color: var(--neutral-900);
        margin: 0;
    }
    .custom-timer i {
        display: inline-block;
        font-size: 20px;
        color: var(--brand-primary);
    }
.evaluation-timer {
    padding: 5px 15px;
    border-radius: 5px;
    border: 1px solid var(--brand-primary);
    font-size: 14px;
    font-weight: 500;
    color: var(--neutral-900);
    position: relative;
    display: inline-flex;
    gap: 8px;
    align-items: center;
}
    .evaluation-timer:before {
        content: "\E19A";
        font-size: 16px;
        color: var(--brand-primary);
        font-family: "Phosphor";
    }
.table tr td .btn.btn-text-white {
    color: #ffffff;
}
    .table tr td .btn.btn-text-white .fa {
        color: #ffffff;
    }
#ctl00_breadcrumb_actionButtonContainer
.action-button-container
.custom-timer.timer-2 {
    position: absolute;
    right: 77%;
}
#ctl00_breadcrumb_actionButtonContainer.timer-align
.action-button-container
.custom-timer.timer-2 {
    margin-right: 30px !important;
    position: absolute;
    right: 15px;
}
#EvaluationPanel.hide-aside .aside-main-div .evaluation-timer {
    position: relative;
    right: 0;
    top: 0;
}
body.chat-popup-open .modal-dialog {
    margin-top: 60px;
}
.custom-timer.mr-lg {
    margin-right: 30px !important;
}
.space-timer-right .custom-timer.mr-lg {
    margin-right: 576px !important;
}
.table-responsive .table-text-break tr th {
    width: 78px;
    word-break: break-all;
    padding: 3px;
    text-align: center !important;
}
.table-responsive .table-text-break tr td {
    padding: 3px;
}
.learner-login-body .login-screen-background {
    position: fixed;
}
.learner-login-body .form-group {
    position: relative;
}
    .learner-login-body .form-group .fa {
        position: absolute;
        right: 10px;
        top: 11px;
        font-size: 14px;
        color: #cccccc;
    }
    .learner-login-body .form-group .form-control {
        width: 100%;
        background: #ffffff;
        border: 0px;
        border-bottom: 1px solid #e9e9e9;
        border-radius: 0px;
        -webkit-box-shadow: 0 0 0 0;
        box-shadow: 0 0 0 0;
        height: 38px;
        padding-left: 0px;
    }
.main-verify-wrapper {
    position: fixed;
    top: 96px;
    bottom: 50px;
    left: 250px;
    right: 0px;
    background: #ffffff;
}
    .main-verify-wrapper iframe {
        width: 100%;
        height: 100%;
        border: 0px;
        outline: none;
    }
    .main-verify-wrapper .verify-right-panel {
        float: left;
        width: 100%;
        height: 100%;
        padding: 10px;
        position: relative;
    }
    .main-verify-wrapper .zoom-meeting-panel {
        float: left;
        width: 50%;
        height: 100%;
        padding: 0;
        background: #000000;
        position: relative;
    }
    .main-verify-wrapper.hide-left-zoompanel .verify-right-panel {
        display: none;
    }
    .main-verify-wrapper .close-zoom-btn {
        display: inline-block;
        width: 34px;
        height: 28px;
        font-size: 20px;
        color: #ffffff !important;
        text-decoration: none !important;
        border: 1px solid #ed8b00;
        text-align: center;
        line-height: 20px;
        outline: none;
        position: absolute;
        right: -1px;
        top: 0px;
        background: #ed8b00;
        cursor: pointer;
    }
    .main-verify-wrapper .left-user-panel {
        float: left;
        width: 250px;
        border: 1px solid #cccccc;
        padding: 15px;
        background: #ffffff;
        position: fixed;
        top: 96px;
        bottom: 0px;
        z-index: 2;
        left: 0;
    }
        .main-verify-wrapper .left-user-panel .left-user-panel-inner {
            float: left;
            width: 100%;
            max-height: 100%;
            overflow-y: auto;
            text-align: center;
            position: relative;
        }
            .main-verify-wrapper .left-user-panel .left-user-panel-inner .user-image {
                display: inline-block;
                width: 80px;
                height: 80px;
                border-radius: 50%;
                border: 2px solid #e9e9e9;
                vertical-align: middle;
                overflow: hidden;
                margin-bottom: 15px;
            }
                .main-verify-wrapper .left-user-panel .left-user-panel-inner .user-image img {
                    display: inline-block;
                    max-width: 100%;
                    max-height: 100%;
                }
            .main-verify-wrapper .left-user-panel .left-user-panel-inner .user-title {
                display: block;
                font-size: 16px;
                font-weight: bold;
                margin-bottom: 5px;
            }
            .main-verify-wrapper .left-user-panel .left-user-panel-inner .user-description {
                display: block;
                font-size: 14px;
                font-weight: normal;
                margin-bottom: 5px;
            }
        .main-verify-wrapper .left-user-panel .collapse-link {
            top: -1px;
            height: 40px;
            right: -1px;
            width: 30px;
            background: #ed8b00;
            text-align: center;
            -webkit-transition: ease-in-out all 0.1s;
            -o-transition: ease-in-out all 0.1s;
            transition: ease-in-out all 0.1s;
            font-size: 14px;
            color: #ffffff;
            line-height: 40px;
            position: absolute;
            text-decoration: none;
            z-index: 9;
            cursor: pointer;
        }
        .main-verify-wrapper .left-user-panel .video-panel-link {
            top: 42px;
            height: 40px;
            right: -1px;
            width: 30px;
            background: #ed8b00;
            text-align: center;
            -webkit-transition: ease-in-out all 0.1s;
            -o-transition: ease-in-out all 0.1s;
            transition: ease-in-out all 0.1s;
            font-size: 14px;
            color: #ffffff;
            line-height: 40px;
            position: absolute;
            text-decoration: none;
            z-index: 9;
            cursor: pointer;
        }
    .main-verify-wrapper.hide-user-verify {
        left: 30px;
    }
        .main-verify-wrapper.hide-user-verify .left-user-panel {
            left: -250px;
        }
            .main-verify-wrapper.hide-user-verify .left-user-panel .collapse-link {
                right: -30px;
            }
            .main-verify-wrapper.hide-user-verify .left-user-panel .video-panel-link {
                right: -30px;
            }
            .main-verify-wrapper.hide-user-verify
            .left-user-panel
            .collapse-link.fa-chevron-left:before {
                content: "\f054";
            }
.fixed-section {
    float: left;
    width: 100%;
    position: fixed;
    left: 0px;
    top: 96px;
    background: #ffffff;
    bottom: 50px;
    z-index: 2;
}
    .fixed-section .camera {
        display: block;
        width: 100%;
        height: 100%;
    }
    .fixed-section .canvas-image {
        display: block;
        position: absolute;
        top: 0px;
        width: 100%;
        height: 100%;
        left: 0px;
        right: 0px;
    }
.capture-block {
    display: block;
    position: relative;
    height: 100%;
    width: calc(100% - 500px);
    background: #000000;
    text-align: center;
    z-index: 1;
}
    .capture-block video {
        width: auto;
        height: 100%;
        display: inline-block;
        position: relative;
        z-index: 1;
    }
    .capture-block canvas {
        display: inline-block;
        position: relative;
        z-index: 2;
        width: auto;
        height: 100%;
    }
.controls-block {
    position: absolute;
    right: 0px;
    width: 500px;
    background: #ffffff;
    top: 0px;
    height: 100%;
    padding: 15px;
    border-left: 1px solid #cccccc;
    overflow-y: auto;
    z-index: 2;
}
    .controls-block h3 {
        display: block;
        margin-top: 0px;
        margin-bottom: 20px;
    }
    .controls-block .bottom-row-btns {
        position: absolute;
        left: 0px;
        bottom: 0px;
        padding: 8px 15px;
        width: 100%;
        background: #f6f7f8;
        border-top: 1px solid #cccccc;
        text-align: right;
    }
.main-verify-wrapper.hide-user-verify.left-user-panel-hide .left-user-panel {
    display: none;
}
.capture-block .pdf-viewer-block {
    display: block;
    width: 100%;
    height: calc(100% - 0px);
    text-align: center;
}
.controls-block .table > tbody > tr > td {
    word-break: break-all;
}
.wrapper section .verification-details-panel {
    position: fixed;
    left: 315px;
    right: 500px;
    width: auto;
    overflow-y: auto;
    top: 108px;
    bottom: 50px;
}
.aside-collapsed .wrapper section .verification-details-panel {
    left: 35px;
}
.verification-zoom-panel {
    position: fixed;
    left: auto;
    right: 0;
    width: 485px;
    overflow-y: auto;
    top: 96px;
    bottom: 50px;
    background: #ffffff;
    padding: 0;
    border-left: 1px solid #e9e9e9;
}
    .verification-zoom-panel .telemed-wrapper {
        z-index: 9;
        background: #ffffff;
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
    }
        .verification-zoom-panel .telemed-wrapper .process-zoom-panel {
            float: left;
            width: 100%;
            top: 0;
            bottom: 0;
            right: 0;
            background: #000000;
            left: 0px;
            height: 100%;
        }
            .verification-zoom-panel .telemed-wrapper .process-zoom-panel .open-zoom-btn {
                position: absolute;
                top: 5px;
                left: 0px;
                width: 100%;
                text-align: center;
                height: 0px;
            }
.zoom-verification-meeting-fix {
    position: fixed;
    left: 0;
    top: 96px;
    right: 0;
    bottom: 50px;
    overflow-y: auto;
}
    .zoom-verification-meeting-fix iframe {
        border: 0px;
        outline: 0px;
        vertical-align: middle;
    }
    .zoom-verification-meeting-fix .user-zvm-panel {
        float: left;
        width: 250px;
        border: 1px solid #cccccc;
        padding: 15px;
        background: #ffffff;
        position: fixed;
        top: 96px;
        bottom: 50px;
        z-index: 2;
        left: 0;
    }
.user-zvm-panel .user-panel-inner {
    float: left;
    width: 100%;
    max-height: 100%;
    overflow-y: auto;
    text-align: center;
    position: relative;
}
    .user-zvm-panel .user-panel-inner .user-image {
        display: inline-block;
        width: 80px;
        height: 80px;
        border-radius: 50%;
        border: 2px solid #e9e9e9;
        vertical-align: middle;
        overflow: hidden;
        margin-bottom: 15px;
    }
        .user-zvm-panel .user-panel-inner .user-image img {
            display: inline-block;
            max-width: 100%;
            max-height: 100%;
        }
    .user-zvm-panel .user-panel-inner .user-title {
        display: block;
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 5px;
    }
    .user-zvm-panel .user-panel-inner .user-description {
        display: block;
        font-size: 14px;
        font-weight: normal;
        margin-bottom: 5px;
    }
.user-zvm-panel .collapse-link {
    top: -1px;
    height: 40px;
    right: -1px;
    width: 30px;
    background: #ed8b00;
    text-align: center;
    -webkit-transition: ease-in-out all 0.1s;
    -o-transition: ease-in-out all 0.1s;
    transition: ease-in-out all 0.1s;
    font-size: 14px;
    color: #ffffff;
    line-height: 40px;
    position: absolute;
    text-decoration: none;
    z-index: 9;
    cursor: pointer;
}
.user-zvm-panel .video-panel-link {
    top: 42px;
    height: 40px;
    right: -1px;
    width: 30px;
    background: #ed8b00;
    text-align: center;
    -webkit-transition: ease-in-out all 0.1s;
    -o-transition: ease-in-out all 0.1s;
    transition: ease-in-out all 0.1s;
    font-size: 14px;
    color: #ffffff;
    line-height: 40px;
    position: absolute;
    text-decoration: none;
    z-index: 9;
    cursor: pointer;
}
.zoom-verification-meeting-fix.hide-user-zvm-panel {
    left: 30px;
}
    .zoom-verification-meeting-fix.hide-user-zvm-panel .user-zvm-panel {
        left: -250px;
    }
        .zoom-verification-meeting-fix.hide-user-zvm-panel
        .user-zvm-panel
        .collapse-link {
            right: -30px;
        }
        .zoom-verification-meeting-fix.hide-user-zvm-panel
        .user-zvm-panel
        .video-panel-link {
            right: -30px;
        }
        .zoom-verification-meeting-fix.hide-user-zvm-panel
        .user-zvm-panel
        .collapse-link.fa-chevron-left:before {
            content: "\f054";
        }
.zoom-verification-meeting-fix .zoom-verification-meeting-fix-panel {
    position: fixed;
    top: 96px;
    bottom: 50px;
    z-index: 1;
    left: 250px;
    right: 0px;
}
.zoom-verification-meeting-fix.hide-user-zvm-panel
.zoom-verification-meeting-fix-panel {
    left: 30px;
}
.zoom-verification-meeting-fix
.zoom-verification-meeting-fix-panel
.open-zoom-btn {
    position: absolute;
    top: 5px;
    left: 0px;
    width: 100%;
    text-align: center;
    height: 0px;
}
.learner-login-body .form-group.country-form-group .form-control {
    width: 90px;
    margin-right: 10px;
    display: inline-block;
    float: left;
}
.learner-login-body .form-group.country-form-group .form-block {
    display: block;
    overflow: hidden;
}
    .learner-login-body .form-group.country-form-group .form-block .form-control {
        width: 100%;
        margin-right: 0;
        display: block;
        float: none;
    }
.fullview {
    width: 90%;
    border: solid 1px #e9e9e9;
}
.featureblock {
    display: inline;
}
.text-white {
    color: #ffffff !important;
}
.img-viewer-block {
    overflow: auto;
    min-height: 400px;
    text-align: center !important;
}
.custom-timer.timer-left-position {
    position: absolute;
    left: calc(-100% + 168px);
}
.ul-list {
    padding-left: 20px;
    margin-bottom: 15px;
}
    .ul-list li {
        font-size: 16px;
        margin-bottom: 10px;
        color: #303030;
    }
@media only screen and (max-width: 840px) {
    .main-zoom-wrapper,
    .telemed-wrapper {
        top: 97px !important;
    }
    .space-timer-right .custom-timer.mr-lg {
        margin-right: 0px !important;
    }
}
.notes-btn-fixed {
    position: fixed;
    width: 60px;
    height: 60px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    border: 1px solid #ee8a00;
    background: #ffffff;
    border-radius: 50%;
    right: 10px;
    top: 50%;
    z-index: 9999999;
    font-size: 20px;
    color: #ee8a00;
    cursor: pointer;
    margin-top: -30px;
}
    .notes-btn-fixed:hover {
        color: #ee8a00;
    }
.notepad-block {
    display: block;
    width: 590px;
    bottom: 60px;
    border: 1px solid #bdbdbd;
    position: fixed;
    right: 0px;
    height: 410px;
    background: #ffffff;
    z-index: 99999;
}
    .notepad-block .header-notepad {
        display: block;
        width: 100%;
        position: relative;
        font-size: 16px;
        color: #ffffff;
        background: #ee8a00;
        padding: 10px 15px;
        padding-right: 50px;
    }
        .notepad-block .header-notepad .cross-notepad {
            position: absolute;
            right: 0px;
            top: 0px;
            bottom: 0px;
            width: 46px;
            text-align: center;
            color: #ffffff;
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flex;
            display: -o-flex;
            display: flex;
            -ms-align-items: center;
            align-items: center;
            justify-content: center;
            -webkit-transition: ease-in-out all 0.5s;
            -o-transition: ease-in-out all 0.5s;
            transition: ease-in-out all 0.5s;
        }
            .notepad-block .header-notepad .cross-notepad:hover {
                background: rgba(255, 255, 255, 0.2);
            }
    .notepad-block .notepad-details {
        display: block;
        width: 100%;
        height: calc(100% - 44px);
        position: relative;
        overflow-y: auto;
        padding: 10px 15px 0;
    }
        .notepad-block .notepad-details textarea.form-control {
            height: auto !important;
        }
#main-navbar-container {
    z-index: 999999;
}
.modal-dialog {
    margin: 65px auto !important;
}
@media (max-width: 1590px) {
    .nav > li > a {
        padding-left: 10px;
        padding-right: 10px;
    }
    #user-details-button > a .content-to-hide {
        display: inline-block;
        max-width: 80px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
}
@media (max-width: 1440px) {
    .nav > li > a {
        padding-left: 8px;
        padding-right: 8px;
    }
    #user-details-button > a .content-to-hide {
        display: none;
    }
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }
        .navbar-collapse.collapse {
            display: none !important;
        }
    .navbar-nav {
        float: none !important;
        margin: 7.5px -15px;
    }
        .navbar-nav > li {
            float: none;
        }
            .navbar-nav > li > a {
                padding-top: 10px;
                padding-bottom: 10px;
            }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .collapsing {
        overflow: hidden !important;
    }
}
.zoom-body-bg {
    background-image: linear-gradient( rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8) ), url(../../Images/login-bg.jpg);
    background-size: 100% 100%;
    height: 100%;
    background-attachment: fixed;
}
.zoom-fixed-panel {
    display: block;
    position: fixed;
    top: 95px;
    bottom: 0px;
    left: 0px;
    padding: 15px;
    width: 100%;
}
    .zoom-fixed-panel .left-panel-box {
        float: left;
        width: 50%;
        margin-right: 15px;
        max-height: 100%;
        overflow-y: auto;
    }
    .zoom-fixed-panel .test-zoom-section {
        position: relative;
        overflow: hidden;
        text-align: center;
        height: calc(100vh - 127px);
        background: #000000;
        padding: 15px 0;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -ms-align-items: center;
        align-items: center;
    }
.radio-input-space input {
    float: left;
    margin-right: 6px;
    margin-top: 5px;
}
.registration-progress-loader {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.18);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0;
    top: 0px;
}
    .registration-progress-loader .position-center {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 15px;
        width: 130px;
        height: 130px;
        left: calc(50% - 65px) !important;
        top: calc(50% - 65px) !important;
    }
        .registration-progress-loader .position-center .progress-spin {
            width: 46px;
            height: 46px;
            max-width: 46px;
            max-height: 46px;
            border: 4px solid #ffffff;
            border-radius: 50%;
            border-top-color: var(--blue);
            animation: spin 0.85s linear infinite;
            animation: spin 0.85s linear infinite;
        }
.load-text {
    display: none;
    width: 100%;
    color: #4a5568;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.2px;
}
.popup-loader {
    min-height: 200px;
    display: block;
}
    .popup-loader .registration-progress-loader {
        position: absolute;
    }
.form-inline-flex {
    display: inline-flex;
    -ms-align-items: center;
    align-items: center;
}
.min-width-160,
.min-width-160 .ui-multiselect {
    min-width: 160px;
}
    .min-width-160 .ui-multiselect .ui-multiselect-label {
        text-align: left !important;
    }
@media (max-width: 1200px) {
    .modal-xl {
        width: 900px;
    }
}
.space-timer-right .custom-timer.timer-left-position {
    position: absolute;
    left: auto;
    top: 4px;
    right: calc(100% - 50px);
    min-width: 110px;
}
.timer-align .custom-timer.timer-left-position {
    position: absolute;
    left: auto;
    top: 4px;
    right: 50px;
    min-width: 110px;
}
.ag-theme-alpine .ag-header {
    background: #eaeaea !important;
    background-color: #eaeaea !important;
}
.ag-theme-alpine .ag-row-hover {
    background: #fafbfc !important;
    background-color: #fafbfc !important;
}
.table.v-align-middle > tbody > tr > td {
    vertical-align: middle !important;
}
.Default.RadEditor .reContentCell.reNoBorder {
    border: 1px solid var(--neutral-400) !important;
    border-radius: 8px !important;
}
@media (max-width: 1366px) {
    .video-card-container .thumbnail {
        width: 33.33%;
    }
}
@media (max-width: 1270px) {
    .video-card-container .thumbnail {
        width: 50%;
    }
    .aside-collapsed .wrapper > .aside > .aside-inner {
        width: 35px;
    }
}
@media (max-width: 991px) {
    .video-card-container .thumbnail {
        width: 100%;
    }
}
@media (max-width: 767px) {
    .telemed-wrapper {
        position: relative !important;
        top: 0 !important;
        left: 0;
        bottom: unset !important;
        float: left;
        width: 100%;
    }
        .telemed-wrapper .process-panel {
            width: 100% !important;
            height: calc(50vh - 55px) !important;
            top: 0 !important;
            position: relative !important;
        }
        .telemed-wrapper .process-zoom-panel {
            width: 100% !important;
            height: calc(50vh - 55px) !important;
            top: 0 !important;
            position: relative !important;
        }
        .telemed-wrapper.hide-process-zoom .process-zoom-panel {
            display: none !important;
        }
    #EvaluationPanel.hide-aside {
        margin-right: 0px !important;
    }
    #EvaluationPanel .aside-main-div .sidebar-td .evaluationSectionControls {
        position: relative !important;
        width: 100% !important;
        top: 0 !important;
    }
    .table-responsive .table tr td.questions-td .divComments {
        float: left;
        width: 100%;
    }
    .custom-timer.timer-left-position {
        position: relative;
        left: 0;
    }
}
.adhoc-report-page {
    float: left;
    width: 100%;
    padding: 20px 20px 50px;
}
.video-usage {
    display: block;
    width: 100%;
    float: left;
}
    .video-usage .icon-left {
        width: 46px;
        height: 46px;
        padding: 13px;
        border-radius: 5px;
        background-color: #f9f8f9;
        -webkit-box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0%);
        box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0%);
        margin-bottom: 10px;
        float: left;
        margin-right: 10px;
    }
    .video-usage .details-block {
        display: block;
        overflow: hidden;
        position: relative;
    }
        .video-usage .details-block .video-title {
            display: block;
            font-size: 14px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            letter-spacing: normal;
            color: #303030;
        }
        .video-usage .details-block .sub-title {
            display: block;
            font-size: 13px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            letter-spacing: normal;
            color: #666666;
        }
        .video-usage .details-block .usd-title {
            display: block;
            font-size: 14px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            letter-spacing: normal;
            color: #303030;
        }
.btn-default.view-btn {
    background-image: url(../../Images/View.png) !important;
    background-repeat: no-repeat !important;
    background-position: 50% 50% !important;;
}
.text-overflow {
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    padding: 0 10px;
}
@media (max-width: 991px) {
    .calendar {
        right: 0;
        left: auto !important;
    }
}
@media (max-width: 1366px) {
    .calendar {
        right: 0;
        left: auto !important;
    }
}
.nav-tabs .dropdown-menu {
    z-index: 999;
}
span.tdSpan {
    white-space: break-spaces;
}
.esc-table > div > table tr td span.tdSpan br ~ br {
    display: block !important;
}
.refresh-link {
    display: inline-block !important;
    border: 0px !important;
    background: none !important;
    padding: 0px !important;
    margin: 0px !important;
    font-size: 14px !important;
    color: #303030 !important;
    text-decoration: none !important;
}
p-paginator {
    display: block;
    clear: both;
    padding-top: 10px;
    text-align: center;
}
    p-paginator .ui-paginator {
        display: inline-block;
        border: 1px solid #e9e9e9;
    }
        p-paginator .ui-paginator a {
            display: inline-block;
            width: 32px;
            text-align: center;
            height: 30px;
            line-height: 14px;
            font-weight: normal;
            color: rgb(48, 48, 48) !important;
            border: 1px solid rgb(204, 204, 204);
            border-radius: 3px;
            background: rgb(255, 255, 255);
            transition: 0.5s ease-in-out;
            padding: 7px 5px !important;
            margin: 0px !important;
        }
body .ui-paginator .ui-paginator-pages .ui-paginator-page:hover.ui-state-active,
body .ui-paginator .ui-paginator-pages .ui-paginator-page:hover {
    background: rgb(237, 139, 0) !important;
    color: #ffffff;
}
.color-dropdown {
    position: relative;
    width: 100%;
    padding-top: 0px;
    font-family: sans-serif;
}
    .color-dropdown .dropdown-header.form-control {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 4px 7px;
        cursor: pointer;
        width: 60px;
    }
.color-preview {
    width: 24px;
    height: 24px;
    border: 1px solid #ccc;
    background-color: transparent;
    border-radius: 4px;
    display: inline-block;
}
.dropdown-arrow {
    font-size: 14px;
}
.dropdown-content {
    display: none;
    position: absolute;
    background: white;
    border: 1px solid #ccc;
    max-height: 160px;
    overflow-y: auto;
    width: 302px;
    border-radius: 5px;
    padding: 10px;
    z-index: 1000;
}
.dropdown-content-calender {
    position: absolute;
    background: white;
    border: 1px solid #ccc;
    max-height: 175px;
    overflow-y: auto;
    width: 222px;
    border-radius: 5px;
    padding: 10px;
    z-index: 1000;
}
.color-item {
    display: inline-block;
    margin: 3px;
}
.color-checkbox {
    width: 25px;
    height: 25px;
    appearance: none;
    -webkit-appearance: none;
    border: 2px solid #666;
    border-radius: 4px;
    cursor: pointer;
}
    .color-checkbox:checked {
        outline: 3px solid #000;
    }
.p-dialog .p-dialog-header {
    border-bottom: 0 none;
    background: #ffffff;
    color: #343a40;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    font-size: medium;
    font-weight: bold;
    border-bottom: 1px solid var(--neutral-200);
    padding: 10px 16px;
}
    .p-dialog .p-dialog-header .p-dialog-header-icons {
        display: flex;
        align-items: center;
        gap: 12px;
    }
    .p-dialog .p-dialog-header .p-dialog-header-icon {
        width: 2rem;
        height: 2rem;
        color: var(--surface-d);
        border: 0 none;
        background: var(--brand-primary);
        border-radius: 50%;
        transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
        font-size: medium;
    }
    .p-dialog .p-dialog-header .p-dialog-header-close {
        font-size: 30px;
        color: var(--neutral-500);
        width: 30px;
        aspect-ratio: 1 / 1;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all ease 300ms;
        background: transparent;
    }
        .p-dialog .p-dialog-header .p-dialog-header-close:hover {
            color: #dc2626;
        }
        /* Hide to replace with our own icon */
        .p-dialog .p-dialog-header .p-dialog-header-close > .p-icon-wrapper {
            display: none;
        }
        .p-dialog .p-dialog-header .p-dialog-header-close::before {
            content: "\e4f8";
            font-family: "Phosphor";
        }
.p-dialog .p-dialog-content {
    padding: 8px 16px 16px;
    min-height: 30vh;
    min-width: 60vw;
    display: flex;
    flex-direction: column;
}
    .p-dialog .p-dialog-content .iframeParent {
        flex-grow: 1;
    }
        .p-dialog .p-dialog-content .iframeParent .emsLoader {
            position: absolute;
            top: 0px;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            border-radius: 0 0 8px 8px;
        }
.p-element.min-width-160 .p-multiselect {
    min-width: 160px;
}
.p-element .p-overlay.p-component {
    left: auto !important;
    right: 0px !important;
    max-width: 300px !important;
}
.p-multiselect .p-multiselect-label-container .p-multiselect-label {
    font-size: 14px;
    line-height: normal;
    color: #222222;
    max-width: 146px;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item {
    color: #222222;
    font-size: 14px !important;
}
.p-multiselect-filter-container .p-multiselect-filter.p-inputtext {
    color: #222222;
    font-size: 14px !important;
}
.overflow-y-auto.ht-300 .p-multiselect {
    width: 100%;
}
.p-dialog.p-element.p-dialog-draggable.p-dialog-resizable {
    margin-top: 40px;
}
.overflow-y-auto.ht-300 .p-element .p-overlay.p-component {
    max-width: 100% !important;
}
.p-datepicker table thead th {
    text-align: center;
    font-size: 13px;
    background: var(--neutral-100);
}
.p-element .p-dataview.p-component.p-dataview-list {
    font-size: 14px;
}
.p-dataview.p-dataview-list .p-dataview-content > .p-grid > .row {
    border: 0px solid;
}
.p-dataview.p-dataview-list .p-dataview-content > .p-grid > .panel {
    border: 1px solid rgb(221, 221, 221);
}
.k-scheduler .k-scheduler-layout .k-scheduler-content {
    height: auto !important;
}
.tab-content .toggleActivitySection {
    display: block;
}
.nav.nav-tabs {
    display: flex;
    align-items: center;
    gap: 30px;
    border-bottom: 1px solid var(--border);
}
    .nav.nav-tabs li a {
        color: var(--grey);
        font-size: 13px;
        font-style: normal;
        font-weight: 510;
        line-height: normal;
        padding: 0 0 10px 0;
        display: inline-block;
        position: relative;
    }
        .nav.nav-tabs li a:before {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            height: 3px;
            width: 100%;
            background: var(--blue);
            opacity: 0;
            transition: opacity ease 300ms;
        }
    .nav.nav-tabs li.active a {
        color: var(--blue);
        font-weight: 590;
    }
        .nav.nav-tabs li.active a:before, .nav.nav-tabs li:hover a:before {
            opacity: 1;
        }
    .nav.nav-tabs li:hover a {
        color: var(--blue);
    }
    .nav.nav-tabs li a[data-toggle="dropdown"] {
        position: relative;
    }
        .nav.nav-tabs li a[data-toggle="dropdown"]:before {
            position: absolute;
            right: -20px;
            top: 15px;
            content: "";
            background: var(--white) url(../../Images/theme/chevron-down.svg) no-repeat 50% 50%;
            height: 18px;
            width: 18px;
        }
.nav-tabs li .dropdown-menu {
    border-radius: 7px;
    background: var(--white);
    box-shadow: 0 20px 24.7px 0 rgba(0, 0, 0, 0.11);
    min-width: 210px;
    margin: 0px;
    list-style: none;
    position: absolute;
    right: -16px;
    margin: 0px;
}
.nav-tabs li.open {
    position: relative;
}
    .nav-tabs li.open .dropdown-menu {
        display: block;
    }
.nav.nav-tabs li .dropdown-menu li a {
    display: flex;
    width: 100%;
    padding: 5px 20px;
    margin: 0px;
    color: var(--black);
    text-decoration: none;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    cursor: pointer;
}
.nav.nav-tabs li.open li a:before {
    display: none;
}
.nav.nav-tabs li .dropdown-menu li a:focus-visible,
.nav.nav-tabs li .dropdown-menu li a:hover {
    color: var(--blue);
}
.activitypage-leftmenu .sidebar .nav {
    position: relative;
    display: flex;
    flex-direction: column;
    height: auto;
    list-style: none;
    padding: 0;
    margin: 0;
}
    .activitypage-leftmenu .sidebar .nav li {
        display: inline-flex;
        transition: border-left-color 0.4s;
        margin-bottom: 5px;
        border-bottom: 0 !important;
        overflow: hidden;
    }
        .activitypage-leftmenu .sidebar .nav li.active {
            background-color: transparent;
        }
        .activitypage-leftmenu .sidebar .nav li a {
            font-size: 12px;
            font-weight: 500;
            width: 100%;
            padding: 6px 8px;
            border-radius: 8px;
            background-color: var(--neutral-50);
            color: var(--neutral-900) !important;
        }
        .activitypage-leftmenu .sidebar .nav li.active a {
            color: var(--blue) !important;
            background-color: var(--neutral-50);
        }
        .activitypage-leftmenu .sidebar .nav li a:hover {
            color: var(--blue) !important;
        }
.aside .tab-content .form-group {
    margin-bottom: 5px;
}
    .aside .tab-content .form-group .form-inline,
    .aside .tab-content .form-group .form-control {
        margin-bottom: 10px;
    }
    .aside .tab-content .form-group .input-group .form-inline,
    .aside .tab-content .form-group .input-group .form-control {
        margin-bottom: 0px;
    }
.aside .tab-content .radio,
.aside .tab-content .checkbox {
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
}
    .aside .tab-content .radio label,
    .aside .tab-content .checkbox label {
        line-height: 24px;
    }
    .aside .tab-content .radio input,
    .aside .tab-content .checkbox input {
        margin-top: 4px;
    }
.aside .tab-content .text-right input.btn {
    margin-top: 10px;
}
.aside .tab-content .text-right .btn.btn-default {
    margin-right: 6px;
}
.aside .tab-content .calendar {
    left: auto !important;
    right: 0 !important;
}
.activity-item-container .collapse.in:not(.show) {
    display: block;
}
body:has(.aside-menu) {
    overflow: hidden;
}
    body:has(.aside-menu) > div {
        overflow-y: scroll;
        overflow-x: hidden;
        height: calc(100vh - 35px);
        min-height: 0px;
    }
    body:has(.aside-menu) main,
    body:has(.aside-menu) footer {
        position: relative;
        width: calc(100% - 60px);
        margin-left: 60px;
    }
    body:has(.aside-menu) footer {
        display: flex;
        justify-content: space-between;
        padding: 0;
        height: 35px;
        align-items: center;
        padding: 6px 20px;
        border-top: 1px solid #e6e6e6;
    }
        body:has(.aside-menu) footer div,
        body:has(.aside-menu) footer span {
            position: relative;
            margin: 0;
            padding: 0;
            font-size: 11px;
            font-weight: 500;
            height: fit-content;
            color: #acacac;
            font-family: inherit;
            width: fit-content;
        }
        body:has(.aside-menu) footer > div {
            display: flex;
            justify-content: space-between;
            flex-grow: 1;
        }
            body:has(.aside-menu) footer > div > div {
                display: flex;
                gap: 20px;
            }
                body:has(.aside-menu) footer > div > div:last-of-type {
                    justify-content: flex-end;
                }
                    body:has(.aside-menu) footer > div > div:last-of-type span::before {
                        content: "";
                        position: absolute;
                        height: 11px;
                        background: currentColor;
                        width: 1px;
                        left: -10px;
                        top: 0;
                        bottom: 0;
                        margin: auto;
                    }
                    body:has(.aside-menu)
                    footer > div > div:last-of-type
                    span:first-of-type:before {
                        display: none;
                    }
    body:has(.aside-menu) > div:has(footer) {
        height: 100vh;
        stroke-width: 0;
    }
        body:has(.aside-menu) > div:has(footer)::-webkit-scrollbar {
            display: none;
        }
        body:has(.aside-menu) > div:has(footer) > form {
            height: calc(100vh - 35px);
            overflow-y: auto;
            overflow-x: hidden;
        }
        body:has(.aside-menu) > div:has(footer) footer {
            left: 0 !important;
        }
    body:has(.aside-menu) #bgDiv {
        height: 100vh !important;
        position: fixed;
    }
@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}
main[content="live"],
main[content="playback"] {
    display: flex;
    padding-left: 0px;
    /*  min-height: 100vh;*/
}
.video-floating-container {
    display: flex;
    flex-direction: column;
}
/*section[feed]:has([options] [actions] [pin][pinned])
.video-floating-container {
  max-width: calc(60% - 70px);
  width: 100% !important;
}*/
.video-feed {
    aspect-ratio: 16 / 9;
    padding: 10px;
    max-width: 70%;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
    .video-feed .cam-link-container {
        cursor: pointer;
    }
.settingLandingPage .collapse.in:not(.show) {
    display: block;
}
.video-panel {
    max-width: 30%;
    width: 100%;
    padding-right: 10px;
    padding-bottom: 10px;
}

@media (max-width: 768px) {
    .video-panel-tabs {
        justify-content: flex-start;
        padding: 0 10px;
    }
        .video-panel-tabs li a {
            padding: 1rem 1rem;
            font-size: 12px;
        }
}
.video-panel-tabs {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    gap: 0;
    list-style: none;
    padding: 0;
    border-bottom: 1px solid var(--border);
    margin: 0;
    overflow-x: scroll;
    scrollbar-width: none;
}
    .video-panel-tabs::-webkit-scrollbar {
        display: none;
    }
    .video-panel-tabs li {
        position: relative;
        display: flex;
        height: fit-content;
        list-style: none;
        list-style-type: none;
        width: 100%;
    }
        .video-panel-tabs li::before {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            height: 2px;
            width: 100%;
            background: transparent;
            transition: all ease 300ms;
        }
        .video-panel-tabs li.active::before,
        .video-panel-tabs li:hover::before {
            background: var(--brand-primary);
        }
        .video-panel-tabs li a {
            position: relative;
            padding: 1rem 1.5rem;
            font-size: 13px;
            transition: all ease 300ms;
            font-weight: 500;
            color: #6e6e6e;
            white-space: nowrap;
            flex-grow: 1;
            text-align: center;
        }
        .video-panel-tabs li:hover a,
        .video-panel-tabs li.active a {
            color: var(--brand-primary);
        }
.video-panel [ptz] {
    --font: "Inter";
    position: relative;
    width: fit-content;
    height: fit-content;
    margin: auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 100%;
    font-family: var(--font);
}
    .video-panel [ptz] [glass] {
        background: rgba(230, 229, 229, 0.13);
        border-radius: 16px;
        backdrop-filter: blur(9.9px);
        border: 1px solid rgba(255, 255, 255, 0.3);
    }
    .video-panel [ptz] [background] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(230, 229, 229, 0.18);
        box-shadow: inset 0 0px 8px rgba(0, 0, 0, 0.03);
    }
    .video-panel [ptz] [controls] {
        position: relative;
        border-radius: 12px;
        padding: 16px;
        width: fit-content;
        height: fit-content;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5%;
        width: 100%;
        box-sizing: border-box;
        margin: 0 auto;
        width: 100%;
    }
        .video-panel [ptz] [controls] [axis] {
            position: relative;
            width: 256px;
            display: flex;
            align-items: center;
            justify-content: center;
            aspect-ratio: 1 / 1;
        }
            .video-panel [ptz] [controls] [axis] [label] {
                --color1: rgba(230, 229, 229, 0.13);
                --color2: rgba(230, 229, 229, 0.13);
                position: absolute;
                display: flex;
                width: 94px;
                height: 94px;
                padding: 10px;
                box-sizing: border-box;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                gap: 10px;
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;
                margin: auto;
                text-align: center;
                border-radius: 100px;
                background: rgba(255, 255, 255, 0.2);
                box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12);
                backdrop-filter: blur(10px);
                border: 1px solid rgba(255, 255, 255, 0.3);
                box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
                color: var(--Gray, #6e6e6e);
                text-align: center;
                font-family: var(--font);
                font-size: 13px;
                font-style: normal;
                font-weight: 590;
                text-transform: uppercase;
                background: linear-gradient(180deg, var(--color1) 0%, var(--color2) 100%);
                transition: --color1 ease 500ms, --color2 ease 500ms, --color ease 500ms;
                user-select: none;
                line-height: 14px;
            }
                .video-panel [ptz] [controls] [axis] [label]:hover {
                    --color1: rgba(52, 126, 239, 1);
                    --color2: rgba(142, 184, 246, 1);
                    color: #fff;
                }
            .video-panel [ptz] [controls] [axis] [thumb] {
                --color1: rgba(52, 126, 239, 0);
                --color2: rgba(142, 184, 246, 0);
                position: absolute;
                display: flex;
                width: 68px;
                height: 94px;
                justify-content: center;
                align-items: center;
                gap: 10px;
                border-radius: 100px 100px 0 0;
                background: rgba(246, 246, 246, 0.2);
                box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12);
                color: var(--Gray, #6e6e6e);
                transition: all ease 500ms;
                background: linear-gradient(180deg, var(--color1) 0%, var(--color2) 100%);
                transition: --color1 ease 500ms, --color2 ease 500ms;
                cursor: pointer;
                border: 1px solid rgba(255, 255, 255, 0.3);
                backdrop-filter: blur(10px);
            }
                .video-panel [ptz] [controls] [axis] [thumb]:hover {
                    --color1: rgba(52, 126, 239, 1);
                    --color2: rgba(142, 184, 246, 1);
                    border-radius: 100px 100px 0 0;
                    color: #fff;
                }
                .video-panel [ptz] [controls] [axis] [thumb]:active {
                    filter: brightness(1.1);
                }
                .video-panel [ptz] [controls] [axis] [thumb] svg {
                    transition: all ease 500ms;
                }
                .video-panel [ptz] [controls] [axis] [thumb][up] {
                    translate: 0 -80px;
                }
                .video-panel [ptz] [controls] [axis] [thumb][down] {
                    rotate: 180deg;
                    translate: 0 80px;
                }
                .video-panel [ptz] [controls] [axis] [thumb][left] {
                    rotate: -90deg;
                    translate: -80px 0;
                }
                .video-panel [ptz] [controls] [axis] [thumb][right] {
                    rotate: 90deg;
                    translate: 80px 0;
                }
        .video-panel [ptz] [controls] [zoom] {
            display: flex;
            height: 256px;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12);
            border-radius: 100vmax;
        }
            .video-panel [ptz] [controls] [zoom] [label] {
                position: absolute;
                display: flex;
                justify-content: center;
                align-items: center;
                gap: 10px;
                color: var(--Gray, #6e6e6e);
                text-align: center;
                font-family: var(--font);
                font-size: 13px;
                font-style: normal;
                font-weight: 590;
                text-transform: uppercase;
                width: 68px;
                height: 2rem;
                backdrop-filter: blur(10px);
                border: 1px solid rgba(255, 255, 255, 0.3);
                box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
                border-radius: 100vmax;
                z-index: 2;
                background: rgba(230, 229, 229, 0.13);
                user-select: none;
            }
            .video-panel [ptz] [controls] [zoom] [thumb] {
                --color1: rgba(52, 126, 239, 0);
                --color2: rgba(142, 184, 246, 0);
                border-radius: 100px;
                display: flex;
                width: 68px;
                padding-top: 16px;
                justify-content: center;
                align-items: center;
                gap: 10px;
                flex: 1 0 0;
                transition: all ease 500ms;
                z-index: 1;
                color: var(--Gray, #6e6e6e);
                background: linear-gradient(180deg, var(--color1) 0%, var(--color2) 100%);
                transition: --color1 ease 500ms, --color2 ease 500ms;
                cursor: pointer;
                border: 1px solid rgba(255, 255, 255, 0.3);
                backdrop-filter: blur(10px);
                box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12);
            }
                .video-panel [ptz] [controls] [zoom] [thumb]:hover {
                    --color1: rgba(52, 126, 239, 1);
                    --color2: rgba(142, 184, 246, 1);
                    border-radius: 100px 100px 0 0;
                    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12);
                    color: #fff;
                }
                .video-panel [ptz] [controls] [zoom] [thumb]:active {
                    filter: brightness(1.1);
                }
                .video-panel [ptz] [controls] [zoom] [thumb] svg {
                    transition: all ease 500ms;
                }
                .video-panel [ptz] [controls] [zoom] [thumb][inc] {
                    border-radius: 100px 100px 0 0;
                }
                .video-panel [ptz] [controls] [zoom] [thumb][dec] {
                    border-radius: 100px 100px 0 0;
                    rotate: 180deg;
                }
    .video-panel [ptz] [presets] {
        display: flex;
        gap: 12px;
        justify-content: space-evenly;
        padding: 0;
        flex-wrap: wrap;
    }
        .video-panel [ptz] [presets] button,
        .video-panel [ptz] [presets] input[type="button"] {
            position: relative;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 0px 10px;
            font-size: 12px;
            font-weight: 500;
            height: 36px;
            min-width: 100px;
        }
            .video-panel [ptz] [presets] button:active,
            .video-panel [ptz] [presets] input[type="button"]:active {
                filter: brightness(0.97);
            }
    .video-panel [ptz] [instructions] {
        padding: 1rem;
        border-top: 1px solid #00000033;
        text-align: left;
    }
        .video-panel [ptz] [instructions] h3 {
            color: #151515;
            margin: 0;
            font-size: 13px;
            font-weight: 600;
            margin-bottom: 12px;
        }
        .video-panel [ptz] [instructions] div {
            display: flex;
            flex-direction: column;
            gap: 8px;
            font-size: 12px;
            font-weight: 500;
            color: #6e6e6e;
        }
        .video-panel [ptz] [instructions] p {
            font-size: 12px;
            margin: 0;
        }
.bookmark-item {
    width: fit-content;
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 6px 12px;
    border-radius: 100vmax;
    color: var(--neutral-600);
    font-weight: 500;
    font-size: 12px;
    background: var(--neutral-100);
    transition: all ease 300ms;
    cursor: pointer;
    white-space: nowrap;
}
    .bookmark-item:hover {
        color: var(--brand-primary);
    }
    .bookmark-item:active {
        filter: brightness(0.93);
    }
    .bookmark-item svg {
        width: 16px;
        height: 16px;
    }
.bookmark-group-select {
    color: var(--neutral-900);
    font-size: 16px;
    font-weight: 500;
}
div:has(> .room-list-select),
div:has(> .bookmark-group-select) {
    position: relative;
    display: flex;
    align-items: center;
    color: var(--neutral-900);
}
    div:has(> .room-list-select) i,
    div:has(> .bookmark-group-select) i {
        position: absolute;
        font-size: 15px;
        left: 12px;
        color: var(--neutral-500);
    }
.block-video-subpanel div:has(> i):not(:has(i + select)) i {
    display: none;
}
.block-video-subpanel:has(> .subpanel-room-list:only-child):not( :has(i + select) ) {
    display: none;
}
div:has(> i + :is(.bookmark-group-select, .room-list-select)) :is(.bookmark-group-select, .room-list-select) {
    padding-left: 36px;
}
.bookmark-control-container [scroll] {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
    width: 30px;
    aspect-ratio: 1 / 1;
    background: var(--neutral-100);
    border-radius: 100vmax;
    font-size: 16px;
}
.bookmark-control-container [controls] {
    padding: 0;
    flex: 1;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    scroll-behavior: smooth;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
    .bookmark-control-container [controls] > span {
        display: flex;
        gap: 8px;
        flex-wrap: nowrap;
        min-width: min-content;
    }
        .bookmark-control-container [controls] > span > span {
            display: contents;
        }
.bookmark-control-container {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
}
    .bookmark-control-container > div {
        display: inline-block;
        vertical-align: bottom;
    }
.video-bookmarks .bookmark-groups {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 1rem 0px;
}
.video-bookmarks [scroll] {
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.video-bookmarks .bookmark-groups .bookmark-control-container {
    margin: 0;
    display: flex !important;
    align-items: center;
    flex-wrap: nowrap;
    gap: 4px;
}
.video-bookmarks h3 {
    display: none;
}
.block-video-subpanel {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 10px 15px;
    border-top: 1px solid var(--border);
}
    .block-video-subpanel > div {
        width: fit-content;
    }
    .block-video-subpanel select {
        width: 216px !important;
    }
.block-player-recording {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    font-weight: 500;
    font-size: 13px;
}
    .block-player-recording .btn {
        white-space: nowrap;
        font-weight: 500;
    }
    .block-player-recording .btn-danger {
        background: var(--error-text);
    }
    .block-player-recording span:not(.recording-timer):only-child {
        display: none;
    }
    .block-player-recording span:not(.recording-timer) {
        color: var(--neutral-600);
        white-space: nowrap;
    }
@media (max-width: 768px) {
    .block-player-recording span:not(.recording-timer) {
        display: none;
    }
}
.video-bookmark-horizontal {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    padding: 8px 15px;
    border-top: 1px solid var(--border);
}
    .video-bookmark-horizontal > div,
    .video-bookmark-horizontal > div > div {
        display: flex !important;
        align-items: center;
        gap: 12px;
    }
    .video-bookmark-horizontal .video-bookmark-actions .btn {
        font-weight: 500;
        font-size: 14px;
        padding: 10px 12px;
    }
    .video-bookmark-horizontal :is(.bookmark-groups, > div .bookmark-groups) {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 12px;
        padding: 0rem;
        max-width: 100%;
        box-sizing: border-box;
        flex-wrap: nowrap;
        overflow: visible;
        flex: 1 1 auto;
        min-width: 0;
    }
    .video-bookmark-horizontal [scroll] {
        display: flex !important;
        align-items: center;
        justify-content: center;
    }
    .video-bookmark-horizontal .bookmark-groups select {
        width: 216px !important;
    }
    .video-bookmark-horizontal .bookmark-groups .bookmark-control-container {
        flex: 1 1 auto;
        min-width: 0;
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        gap: 8px;
        overflow: visible;
        margin: 0;
    }
@media (max-width: 1200px) {
    .video-bookmark-horizontal > div,
    .video-bookmark-horizontal .bookmark-groups {
        flex-direction: column !important;
    }
    .video-bookmark-horizontal :is(.video-bookmark-actions, .video-bookmark-actions .btn, .bookmark-groups > div, .bookmark-groups select) {
        width: 100% !important;
    }
    .video-bookmark-horizontal .bookmark-groups .bookmark-control-container {
        gap: 6px;
    }
}
.recording-timer {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--error-text) !important;
    font-weight: 500;
    font-size: 13px;
    border-radius: 100vmax;
    background: var(--neutral-50);
    padding: 4px 12px;
}
    .recording-timer:empty {
        background: var(--error-bg);
    }
        .recording-timer:empty::after {
            content: 'Not Recording';
        }
.video-rooms {
    box-sizing: border-box;
    position: relative;
    max-width: 100%;
    padding: 5px 0px 0px;
    font-family: var(--font);
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.video-rooms-header {
    display: flex;
    align-items: center;
    gap: 8px;
}
.video-rooms-search {
    position: relative;
    display: flex;
    align-items: center;
}
    .video-rooms-search input {
        padding-left: 40px;
        height: 100%;
        width: 100%;
    }
    .video-rooms-search:has(input:focus-within) {
        border: 1px solid rgba(0, 0, 0, 0.5);
    }
    .video-rooms-search input::placeholder {
        font-weight: 500;
    }
    .video-rooms-search svg {
        position: absolute;
        left: 1rem;
    }
.video-rooms-header :is(button, [type="button"]) {
    gap: 7px;
    white-space: nowrap;
}
.video-rooms-header .video-rooms-refresh {
    aspect-ratio: 1 / 1;
    padding: 8px;
    justify-content: center;
}
.video-rooms-refresh svg {
    transition: all ease 300ms;
}
.video-rooms-refresh:is(:hover, :focus-visible) svg {
    transform: rotate(36deg);
}
.video-rooms-refresh:active svg {
    animation: spin 300ms;
}
.video-rooms-expand svg {
    rotate: 180deg;
}
.video-rooms-list {
    border-radius: 8px;
    border: 1px solid #e6e6e6ee;
}
.video-rooms ul {
    list-style: none;
    padding: 0;
}
.video-rooms details {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0px;
    transition: all ease 300ms;
    border-bottom: 1px solid #e6e6e6ee;
}
    .video-rooms details:last-of-type {
        border-bottom: none;
    }
    .video-rooms details[open] {
        gap: 8px;
    }
    .video-rooms details summary {
        padding: 1rem;
        user-select: none;
        cursor: pointer;
        transition: all ease 300ms;
        color: #151515;
        font-size: 13px;
        font-weight: 500;
        line-height: 18px;
        letter-spacing: calc(13px * 0.02);
        display: flex;
        align-items: center;
        justify-content: space-between;
        outline: 0;
    }
    .video-rooms details:has(summary:focus-visible) {
        outline: 2px solid rgba(0, 0, 0, 0.3);
    }
    .video-rooms details summary svg {
        transition: all ease 300ms;
        scale: -1;
    }
    .video-rooms details[open] summary {
        padding-bottom: 0px;
    }
        .video-rooms details[open] summary svg {
            scale: 1;
        }
    .video-rooms details > div {
        position: relative;
        display: flex;
        gap: 12px;
        flex-wrap: wrap;
        transition: all ease 300ms;
        max-height: 0px;
        padding: 1rem;
        padding-top: 0;
    }
    .video-rooms details[open] > div {
        max-height: 300px;
    }
.video-rooms .room-camera {
    color: var(--brand-primary);
    border: 1px solid var(--neutral-300);
    padding: 5px 12px;
}
    .video-rooms .room-camera[feed] {
        padding: 3px 12px;
        padding-left: 4px;
    }
        .video-rooms .room-camera[feed]::before {
            content: 'S'attr(feed);
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            background: #ffffff;
            border: 1px solid var(--neutral-200);
            border-radius: 100vmax;
            min-width: 24px;
            font-weight: 500;
            font-size: 11px;
            padding: 2px 4px;
            color: var(--neutral-900);
        }
/*.section-grid-identifier {
    border: 1px solid var(--neutral-400);
    padding: 10px;
    border-radius: 8px;
}*/
.content-group-section .panel.panel-default {
  margin-bottom: 20px;
  height: calc(100% - 20px);
  padding: 0px;
}
.content-group-section .panel.panel-default.card {
  border: 1px solid var(--border) !important;
  border-radius: 12px !important;
}
.content-group-section .panel-header {
  display: flex;
  gap: 12px;
  padding: 10px 16px;
  border-bottom: 1px solid var(--neutral-200);
}
.content-group-section span {
    width: 49px;
    height: 49px;
    border-radius: 8px;
    background: var(--neutral-100);
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
}
.content-group-section span i {
  color: var(--blue);
  font-size: 24px;
}
.content-group-section .panel-header .list-group-title h4 {
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: var(--neutral-900);
  margin: 0 0 2px;
  text-transform: capitalize;
}
.content-group-section .panel-header .list-group-title p {
  color: var(--neutral-600);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 0;
}
.content-group-section .list-group {
  margin-bottom: 0px;
  border: 0px solid var(--neutral-200);
  border-radius: 0px;
}
.content-group-section .list-group .list-group-item {
  padding: 0px;
  border: 0;
  border-bottom: 1px dashed var(--neutral-200);
  background: none;
}
.content-group-section .list-group .list-group-item:last-child {
  border-bottom: none;
}
.content-group-section .list-group .list-group-item a {
  display: block;
  text-decoration: none;
  padding: 10px 16px;
  position: relative;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: var(--neutral-900);
}
.content-group-section .list-group .list-group-item a:hover,
.content-group-section .list-group .list-group-item a:focus {
  color: var(--blue-hover);
  background: var(--neutral-50);
}
.content-group-section .list-group .list-group-item a:before {
  content: "\e06c";
  position: absolute;
  top: calc(50% - 8px);
  right: 16px;
  font-size: 16px;
  font-family: "Phosphor" !important;
  color: var(--blue);
}
.score-report-list table td.border {
    border: none !important;
}
.score-report-list table tbody tr td h4 .form-label {
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: var(--neutral-900);
    margin: 0 0 2px;
    text-transform: capitalize;
}
.score-report-list table td.border .col-md-12 > table {
    border: 1px solid var(--neutral-200);
    border-radius: 8px;
    padding: 8px 16px;
}
.score-report-list table tbody tr td h5 a:before {
  content: "\e06c";
  position: absolute;
  top: 0;
  left: inherit;
  right: 0px !important;
  font-size: 16px;
  font-family: "Phosphor" !important;
  color: var(--blue);
}
.score-report-list table td.border > table tbody tr td a:before {
    content: "\ece0";
    position: absolute;
    top: -2px;
    left: -20px;
    font-size: 20px;
    font-family: "Phosphor" !important;
    color: var(--blue);
}
.score-report-list table tbody tr td h5{
  margin-bottom: 0px;
}
.score-report-list table tbody tr td h5 a {
    display: block;
    padding-left: 0;
}
.score-report-list table tbody > tr {
    border-bottom: 1px dashed var(--neutral-200);
}
    .score-report-list table tbody > tr:last-child {
        border-bottom: 0px;
    }
    /*.score-report-list table tbody > tr:first-child {
        border-top: 1px solid var(--neutral-200);
    }*/
.score-report-list table td.border > table > tbody > tr > td {
    padding: 5px 0;
}
.score-report-list table tbody tr td > table tbody tr td a:hover,
table.reports-dashboard tbody tr td > table tbody tr td a:focus,
table.reports-dashboard tbody tr td h5 a:hover,
table.reports-dashboard tbody tr td h5 a:focus {
    color: var(--blue-hover);
    text-decoration: none;
}
.score-report-list table tr:nth-child(2) td .row .col-md-12 table tr td {
  border: 1px solid var(--neutral-200) !important;
  border-radius: 8px;
  padding: 8px 16px;
}
.score-report-list
  table
  tr:nth-child(2)
  td
  .row
  .col-md-12
  table
  tr
  td
  table
  tr
  td {
  border: 0px !important;
}
/*.score-report-list table tr:nth-child(2) td .row .col-md-12 table tr td h5 a {
  padding: 8px 16px 4px;
  color: var(--neutral-900);
}*/
.score-report-list
  table
  tr:nth-child(2)
  td
  .row
  .col-md-12
  table
  tr
  td
  h5
  a:hover,
.score-report-list
  table
  tr:nth-child(2)
  td
  .row
  .col-md-12
  table
  tr
  td
  h5
  a:focus {
  color: var(--blue-hover);
}
.score-report-list table tr:nth-child(1) td .row .col-md-12 table tr td {
    border-bottom: 1px dashed var(--neutral-200);
    padding: 7px 16px;
}
.score-report-list
table
tr:nth-child(1)
td
.row
.col-md-12
table
tr:last-child
td {
    border-bottom: 0px;
}
.score-report-list table tr:nth-child(1) td .row .col-md-12 table {
    padding: 0;
}
    .score-report-list table tr:nth-child(1) td .row .col-md-12 table tr td h5 {
        margin-bottom: 0;
    }
        .score-report-list table tr:nth-child(1) td .row .col-md-12 table tr td h5 a {
            padding: 0;
        }
            .score-report-list
            table
            tr:nth-child(1)
            td
            .row
            .col-md-12
            table
            tr
            td
            h5
            a:before {
                right: 0px !important;
            }
.score-report-list table tr:nth-child(1) td .row .col-md-12 table {
    border-spacing: 0px !important;
}
.score-report-list table tr:nth-child(2) td .row .col-md-12 table {
    padding: 0;
    border-spacing: 15px !important;
}
.score-report-list table tr:nth-child(1) td:first-child .row {
    margin-right: -5px;
}
.score-report-list table tr:nth-child(1) td:last-child .row {
    margin-right: -5px;
}
.score-report-list
table
tr:nth-child(2)
td
.row
.col-md-12
table
tr
td:first-child {
    border-radius: 8px !important;
}
.score-report-list
table
tr:nth-child(2)
td
.row
.col-md-12
table
tr
td:last-child {
    border-radius: 8px !important;
}
.score-report-list table tr:nth-child(2) td .row .col-md-12 h4 {
    padding-bottom: 0;
    margin-bottom: 7px;
    margin-top: 3px;
}
    .score-report-list table tr:nth-child(2) td .row .col-md-12 h4 span {
        margin-bottom: 0;
    }
.score-report-list table tr:nth-child(3) td .row .col-md-12 table {
    border-spacing: 0px !important;
    padding: 0;
}
    .score-report-list table tr:nth-child(3) td .row .col-md-12 table tr td {
        border-bottom: 1px dashed var(--neutral-200);
        height: 33px !important;
        vertical-align: middle;
        padding: 0 0px 0 16px;
    }
    .score-report-list
    table
    tr:nth-child(3)
    td
    .row
    .col-md-12
    table
    tr:last-child
    td {
        border-bottom: 0px;
    }
    .score-report-list table tr:nth-child(3) td .row .col-md-12 table tr td h5 {
        margin-bottom: 0;
    }
.score-report-list table tr:nth-child(1) td:first-child {
    padding-right: 0.15625rem;
}
.score-report-list table tr:nth-child(1) td:nth-child(2) {
    padding-left: 0.15625rem;
}
.score-report-list table tr:nth-child(1) td:nth-child(1) .col-md-12 {
    padding-left: 10px;
}
.score-report-list table tr:nth-child(1) td:nth-child(2) .col-md-12 {
    padding-right: 5px;
}
.table tbody tr.grid-header:nth-child(1) th:nth-child(1) {
    border-radius: 10px 0px 0 0;
    border-left: 0px solid var(--border);
    box-shadow: inset 1px 1px 0px var(--border);
}
.wrapper .aside .aside-toggle a {
    font-size: 16px;
    font-weight: bold;
    color: var(--blue);
}
    .wrapper .aside .aside-toggle a:hover {
        color: var(--neutral-900);
    }
.activitypage-leftmenu .sidebar .text-center span {
    font-size: 14px !important;
    color: var(--neutral-600) !important;
    font-weight: 600;
}
.main-inner-section
.content-wrapper
.tab-content
.col-lg-8.col-md-12
.form-group
input {
    margin: 10px 0;
}
.main-inner-section
.content-wrapper
.tab-content
.row
.col-xs-12
.row.border-t {
    padding-top: 10px;
}
.main-inner-section
.content-wrapper
.tab-content
.row
.col-xs-12
.row
.col-sm-6.text-right {
    padding-bottom: 10px;
}
.main-inner-section
.content-wrapper
.tab-content
.row
.col-xs-12
.row
.col-sm-6
span.form-label.block {
    padding-top: 10px;
}
form:has(gridster)
.MainPanel
.ContentPanel > section > div
app-dashboard
.grid-section,
form:has(gridster)
.MainPanel
.ContentPanel > section > div
app-dashboard
.dashboard-wrapper,
form:has(gridster) .MainPanel .ContentPanel > section > div app-dashboard,
form:has(gridster)
.MainPanel
.ContentPanel > section > div
ems-enterprise-app-v7,
form:has(gridster) .MainPanel .ContentPanel > section > div,
form:has(gridster) .MainPanel .ContentPanel > section,
form:has(gridster) .MainPanel .ContentPanel,
form:has(gridster) .MainPanel,
form:has(gridster) {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}
.widget:has(.right-icons > a) .videos-widget-heading:not([tucked]) {
    margin-right: 32px;
}
.flashing-message {
    animation: flash 1s infinite;
    color: #fff;
    font-weight: bold;
    margin-left: 25px;
}
@keyframes flash {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
#loadingMessageRow {
    height: 35px;
    display: flex;
    justify-content: left;
    align-items: center;
    background-color: #f1f5f9;
    border-radius: 8px;
    color: #0f172a;
    font-size: 12px;
    font-weight: 500;
}
.btn-icon-wrapper {
    display: inline-flex;
    align-items: center;
    position: relative;
}
    .btn-icon-wrapper > i {
        position: absolute;
        left: 12px;
        z-index: 1;
        pointer-events: none;
    }
    .btn-icon-wrapper:has(i) > input[type="submit"],
    .btn-icon-wrapper:has(i) > button,
    .btn-icon-wrapper:has(i) > .btn {
        padding-left: 38px !important;
        padding-right: 16px !important;
    }
    .btn-icon-wrapper:has(i) > i.ph-play-circle,
    .btn-icon-wrapper:has(i) > i.ph-stop-circle {
        font-size: 16px;
        color: #ffffff !important;
    }
/* User Profile + Related Components */
.user-profile {
    padding: 16px;
}
.user-profile-container {
    border-radius: 12px;
    border: 1px solid var(--neutral-200);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
    background: var(--white);
}
    .user-profile-container:hover {
        box-shadow: 0 4px 18px rgba(0, 0, 0, 0.09);
        border-color: #c9cdd4;
    }
.user-profile [user] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 8px 16px;
    border-bottom: 1px solid var(--neutral-200);
}
    .user-profile [user] > div {
        position: relative;
        width: fit-content;
    }
.user-profile [card] {
    width: fit-content;
    display: flex;
    gap: 12px;
    align-items: center;
}
    .user-profile [card] > div {
        position: relative;
        width: fit-content;
        height: fit-content;
        display: flex;
        flex-direction: column;
        gap: 4px;
    }
.user-profile [pfp] > div {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100vmax;
    overflow: hidden;
    height: 44px;
    width: 44px;
    aspect-ratio: 1/1;
    font-size: 44px;
    color: var(--brand-primary);
}
    .user-profile [pfp] > div > * {
        position: absolute;
        flex-grow: 1;
        min-width: 100%;
        min-height: 100%;
        object-fit: cover;
    }
.user-profile [pfp] img[src=""],
.user-profile [pfp] img:not([src]) {
    display: none;
}
.user-profile [pfp] :is(a, button) {
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    aspect-ratio: 1/1;
    color: var(--brand-primary);
    font-size: 16px;
    border-radius: 100vmax;
    padding: 0;
    border: none;
    background: var(--background);
}
    .user-profile [pfp] :is(a, button)::after {
        content: '\E10E';
        font-family: 'Phosphor';
    }
.user-profile [card] :is(.name, [name]) {
    font-weight: 700;
    font-size: 14px;
    margin: 0;
    line-height: 100%;
}
.user-profile [card] :is(.role, [role]) {
    font-size: 12px;
    color: var(--neutral-500);
    font-weight: 500;
    line-height: 100%;
}
.user-profile [card] :is(.status, [status]) {
    font-size: 12px;
    font-weight: 500;
    line-height: 100%;
}
.user-profile [card] [status="active"]::after {
    content: attr(title, 'Active');
    color: var(--success-text);
}
.user-profile [card] [status="retired"]::after {
    content: attr(title, 'Retired');
    color: var(--neutral-500);
}
.user-profile [card] [status="pending"]::after {
    content: attr(title, 'Pending');
    color: var(--warning-text);
}
.user-profile [card] [status="rejected"]::after {
    content: attr(title, 'Rejected');
    color: var(--error-text);
}
.user-profile [additional] {
    position: relative;
    padding: 5px 12px;
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
    justify-content: flex-end;
}
    .user-profile [additional] > *:not(:last-child)::after {
        content: '';
        width: 1px;
        height: 100%;
        height: 60px;
        background: var(--neutral-200);
        position: absolute;
        left: calc(100% + 12px);
    }
    .user-profile [additional]:has([id]:empty) > *::after {
        display: none;
    }
    .user-profile [additional] > div {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        justify-content: center;
        gap: 4px;
        font-weight: 500;
        line-height: 100%;
        font-size: 12px;
        color: var(--neutral-600);
    }
        .user-profile [additional] > div:has([id]:empty) {
            display: none;
        }
    .user-profile [additional] span {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 4px;
    }
        .user-profile [additional] span:has(i) {
            font-size: 14px;
            color: var(--neutral-900);
        }
    .user-profile [additional] i {
        font-size: 20px;
        color: var(--neutral-500);
    }
    .user-profile [additional] b {
        font-size: 12px;
        font-weight: 700;
        color: var(--neutral-900);
    }
.user-profile .nav-tabs {
    justify-content: flex-start;
    gap: 0;
}
    .user-profile .nav-tabs li > a {
        padding: 10px 16px;
        transition: all ease 300ms;
    }
    .user-profile .nav-tabs li:hover > a::before {
        opacity: 1;
    }
    .user-profile .nav-tabs :is(li, li.active),
    .user-profile .nav-tabs :is(li, li.active) > a {
        background-color: transparent !important;
    }
    .user-profile .nav-tabs li.active > a::before {
        opacity: 1;
    }
.user-profile:has(.user-info) .tab-content {
    display: grid;
    grid-template-columns: 66% 33%;
    gap: 20px;
    border: 0px;
}
.user-profile .tab-content {
    border-radius: 12px;
    border: 0px;
}
@media (max-width: 850px) {
    .user-profile:has(.user-info) .tab-content {
        display: grid;
        grid-template-columns: 60% 40%;
    }
}
@media (max-width: 600px) {
    .user-profile:has(.user-info) .tab-content {
        display: flex;
        flex-direction: column;
    }
}
.user-profile:has(.user-info) .tab-content :is([primary], [aux]) {
    display: grid;
    grid-auto-rows: min-content;
    gap: 5px;
}
    .user-profile:has(.user-info) .tab-content :is([primary], [aux]) > div {
        margin: 0;
    }
        .user-profile:has(.user-info) .tab-content :is([primary], [aux]) > div:last-child {
            border-bottom: none;
        }
.user-profile:has(.user-info) .tab-content .row > * {
    padding: 0;
    margin: 0;
}
.user-profile:has(.user-info) .tab-content .content-wrapper {
    padding: 0;
}
.user-profile .row:has(.user-summary) {
    order: 0;
}
.user-profile .row:has(.user-personal) {
    order: 1;
}
.user-profile .row:has(.user-history) {
    order: 2;
}
.user-profile .row:has(.user-medical) {
    order: 3;
}
.user-profile .row:has(.user-habits) {
    order: 4;
}
.user-profile .row:has(.user-exp) {
    order: 5;
}
.user-profile .row:has(.user-notes) {
    order: 6;
    border-bottom: none;
}
.user-profile .row:has(.user-contact) {
    order: 1;
}
.user-profile .row:has(.user-avail) {
    order: 2;
}
.user-profile .row:has(.user-permissions) {
    order: 0;
}
.user-info {
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    border: 1px solid var(--border);
    border-radius: 12px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
    background: var(--white);
}
    .user-info:hover {
        box-shadow: 0 4px 18px rgba(0, 0, 0, 0.09);
        border-color: #c9cdd4;
    }
    .user-info[address] {
        margin-bottom: 20px;
    }
    .user-info label,
    .user-info .form-label {
        font-size: 12px;
        margin: 0;
        line-height: 100%;
        font-weight: 500 !important;
        color: var(--neutral-600);
    }
    .user-info header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }
    .user-info h3 {
        font-weight: 700;
        font-size: 14px;
        margin: 0;
        line-height: 100%;
        color: var(--neutral-900);
    }
    .user-info h4 {
        font-weight: 700;
        font-size: 12px;
        margin: 0;
        line-height: 100%;
        color: var(--neutral-600);
    }
    .user-info a {
        font-weight: 500;
        font-size: 12px;
        color: var(--brand-primary);
        line-height: 100%;
    }
        .user-info a:hover {
            text-decoration: underline;
            color: var(--blue-hover);
        }
        .user-info a:active {
            text-decoration: underline;
            color: var(--blue-active);
        }
.user-info-form {
    display: grid;
    row-gap: 16px;
    column-gap: 16px;
    width: 100%;
}
    .user-info-form > div {
        display: flex;
        flex-direction: column;
        gap: 6px;
    }
        .user-info-form > div:not(:has(>*)) {
            display: none;
        }
        .user-info-form > div span {
            font-weight: 500;
            font-size: 14px;
            line-height: 100%;
            color: var(--neutral-900);
            display: flex;
            align-items: center;
            gap: 0px;
        }
            .user-info-form > div span:empty::after {
                content: '-';
            }
    .user-info-form i {
        color: var(--neutral-500);
        font-size: 18px;
    }
:is(.user-summary, .user-personal) .user-info-form {
    grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 1200px) {
    :is(.user-summary, .user-personal) .user-info-form {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 850px) {
    :is(.user-summary, .user-personal) .user-info-form {
        grid-template-columns: repeat(1, 1fr);
    }
}
.user-summary [value="active"] {
    color: var(--success-text);
}
.user-summary [value="retired"] {
    color: var(--neutral-500);
}
.user-summary [value="pending"] {
    color: var(--warning-text);
}
.user-summary [value="rejected"] {
    color: var(--error-text);
}
.user-summary [expiry] {
    border: 1px solid var(--neutral-200);
    border-radius: 8px;
    padding: 12px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}
@media (max-width: 1200px) {
    .user-summary [expiry] {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
}
@media (max-width: 850px) {
    .user-summary [expiry] {
        grid-template-columns: repeat(1, 1fr);
    }
}
.user-summary [expiry] > div {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.user-summary [expiry] a {
    font-weight: 700;
}
.user-summary [expiry] > div span {
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    color: var(--neutral-900);
}
    .user-summary [expiry] > div span.form-label {
        font-size: 12px;
        color: var(--neutral-600);
    }
.user-summary [expiry] > div:nth-child(1) {
    grid-column: span 2;
}
@media (max-width: 1200px) {
    .user-summary [expiry] > div:nth-child(1) {
        grid-column: span 1;
    }
}
.user-contact:not(:last-child),
.user-contact .user-info-form:not(:last-child) {
    border-bottom: 1px solid var(--neutral-200);
}
.user-contact .user-info-form {
    grid-template-columns: repeat(2, minmax(130px, 1fr));
    padding-bottom: 16px;
}
@media (max-width: 1200px) {
    .user-contact .user-info-form {
        grid-template-columns: repeat(1, 1fr);
        gap: 16px;
    }
}
.user-contact[address] header {
    margin-bottom: 4px;
}
.user-contact-edit .form-label.group-label {
    font-size: 14px;
    font-weight: 700;
    color: var(--neutral-900);
    width: fit-content;
    margin-bottom: 0;
}
@media (max-width: 768px) {
    .user-contact-edit .row:nth-of-type(2) {
        gap: 12px;
    }
}
.user-contact-edit .row:nth-last-of-type(2) {
    margin-bottom: 12px;
}
.user-history {
    counter-reset: history;
}
    .user-history .form-group {
        margin: 0;
        font-weight: 500;
        line-height: 100%;
        color: var(--neutral-600);
        font-size: 12px;
        display: flex;
        flex-direction: column;
        gap: 6px;
    }
        .user-history .form-group:has(div span:not(:empty)) {
            counter-increment: history;
        }
        .user-history .form-group:has(div span:empty) {
            display: none;
        }
    .user-history:not(:has(.form-group > div span:not(:empty)))::after {
        content: "-";
    }
    .user-history .form-group > span {
        display: flex;
        gap: 4px;
        line-height: normal;
    }
        .user-history .form-group > span::before {
            content: "Q" counter(history);
            display: inline-flex;
        }
    .user-history .form-group:has(div span:not(:empty)) > span::before {
        content: "Q" counter(history);
        display: inline-flex;
    }
    .user-history .form-group span:empty {
        display: none;
    }
    .user-history .form-group div {
        color: var(--neutral-900);
    }
        .user-history .form-group div:has(span:empty) {
            display: none;
        }
:is(.user-permissions, .user-exp, .user-medical, .user-habits) table {
    width: fit-content !important;
    border: 0 !important;
    margin: 0;
}
:is(.user-permissions, .user-exp, .user-medical, .user-habits) tr {
    border: 0 !important;
}
    :is(.user-permissions, .user-exp, .user-medical, .user-habits) tr:has(th) {
        display: none;
    }
    :is(.user-permissions, .user-exp, .user-medical, .user-habits) tr td {
        padding: 0 !important;
        border: 0 !important;
        width: fit-content !important;
        padding-bottom: 16px !important;
        color: var(--neutral-900) !important;
        line-height: 100%;
    }
:is(.user-exp-edit, .user-medical-edit, .user-habits-edit) .form-label {
    font-size: 14px;
    font-weight: 700;
    color: var(--neutral-900);
    width: fit-content;
    margin-bottom: 8px;
}
:is(.user-exp-edit, .user-medical-edit, .user-habits-edit) .search-panel {
    float: left;
    padding-left: 0;
}
:is(.user-exp-edit, .user-medical-edit, .user-habits-edit) .grid-header td {
    padding-bottom: 8px !important;
}
.user-medical tr {
    display: flex;
}
    .user-medical tr td {
        padding: 0 11px !important;
        padding-bottom: 16px !important;
    }
        .user-medical tr td:first-child {
            position: relative;
            padding-left: 0px !important;
            padding-right: 16px !important;
        }
            .user-medical tr td:first-child::before {
                content: '';
                position: absolute;
                left: calc(100% - 7px);
                top: 0;
                bottom: 16px;
                margin: auto;
                height: 1px;
                width: 10px;
                background: currentColor;
            }
.user-habits {
    counter-reset: habits;
}
    .user-habits table:not(:has(td:nth-child(2):not(:empty)))::after {
        content: '-';
        color: var(--neutral-600);
    }
    .user-habits table:not(:has(tr:not(:first-child) td:nth-child(2):not(:has(>*)))) {
        display: none;
    }
    .user-habits table:not(:has(td:nth-child(2):not(:empty))) tbody {
        display: none;
    }
    .user-habits tr {
        display: flex;
        flex-direction: column;
        counter-increment: habits;
        gap: 4px;
        margin-bottom: 12px;
    }
        .user-habits tr td {
            padding-bottom: 0px !important;
            display: flex;
            gap: 4px;
            line-height: normal;
        }
            .user-habits tr td:empty {
                background: red;
            }
        .user-habits tr:has(td:empty) {
            display: none;
        }
        .user-habits tr:not(:first-child) td:nth-child(2):empty {
            display: none;
        }
        .user-habits tr td:first-child {
            color: var(--neutral-600) !important;
        }
            .user-habits tr td:first-child:before {
                content: "Q"counter(habits);
                display: inline-flex;
            }
.user-exp tr td {
    padding-bottom: 6px !important;
}
    .user-exp tr td:first-child {
        position: relative;
    }
        .user-exp tr td:first-child::before {
            content: '\2022';
            position: relative;
            margin-right: 8px !important;
            padding-left: 4px;
        }
.user-exp ul {
    padding-left: 20px;
    font-size: 12px;
    font-weight: 500;
}
.user-notes {
    font-size: 12px;
    font-weight: 500;
}
.user-avail div:has(>table) {
    display: none;
}
.user-avail-preview {
    gap: 0 !important;
    overflow-x: auto;
    border: 1px solid var(--border);
    border-radius: 8px;
}
    .user-avail-preview > div {
        display: grid;
        grid-template-columns: 80px repeat(7, 50px);
        grid-template-columns: minmax(80px, 17.5%) repeat(7, minmax(50px, 12%));
    }
        .user-avail-preview > div:first-child {
            background: var(--neutral-100);
        }
        .user-avail-preview > div :is(span, div) {
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 8px 0;
            border-left: 1px solid var(--neutral-200);
            border-bottom: 1px solid var(--neutral-200);
        }
        .user-avail-preview > div span:first-child {
            justify-content: flex-start;
            border-left: 0;
            padding-left: 10px;
        }
        .user-avail-preview > div:last-child > :is(span, div) {
            border-bottom: none;
        }
        .user-avail-preview > div > div::after {
            content: '';
            width: 13px;
            height: 13px;
            background: var(--neutral-300);
            border-radius: 2px;
        }
        .user-avail-preview > div > div:is([selected], .selected)::after {
            width: 13px;
            height: 13px;
            background: var(--background);
            background-image: url(../../Images/theme/checkbox-check.svg);
            background-repeat: no-repeat;
            background-position: center;
            border-radius: 2px;
        }
.user-permissions {
    gap: 16px;
    padding-bottom: 0;
}
    .user-permissions .user-info-form {
        row-gap: 14px;
        overflow-x: auto;
    }
        .user-permissions:not(:last-child),
        .user-permissions .user-info-form:not(:last-child) {
            border-bottom: 1px solid var(--neutral-200);
        }
        .user-permissions .user-info-form[auth] {
            border-bottom: 0;
        }
        .user-permissions .user-info-form:not([organizational]) tr td {
            display: flex;
            font-size: 14px !important;
        }
    .user-permissions tr td:first-child {
        position: relative;
    }
    .user-permissions .user-info-form:not([organizational]) tr td:not(:first-child) {
        display: none;
    }
    .user-permissions .user-info-form:not([organizational], [learner_groups]) tr td:first-child::before {
        content: '';
        position: relative;
        margin-right: 8px !important;
        margin-left: 2px;
        display: flex;
        width: 13px;
        height: 13px;
        background: var(--background);
        background-image: url(../../Images/theme/check-square-disabled.svg);
        background-repeat: no-repeat;
        background-position: center;
        border-radius: 2px;
    }
    .user-permissions .user-info-form[organizational] > div {
        gap: 0px;
    }
    .user-permissions .user-info-form[organizational] span:empty {
        display: none;
    }
    .user-permissions table:has(.search-panel) {
        display: none;
    }
    .user-permissions .user-info-form[organizational] tr td {
        border: 0;
        padding: 0 !important;
    }
    .user-permissions .user-info-form[organizational] tr:not(:has(> table)) td:has(> span) {
        margin-bottom: 8px !important;
    }
    .user-permissions .user-info-form[organizational] tr td:has(> table) tr td:first-child {
        display: none;
    }
    .user-permissions .user-info-form[organizational] tr:not(:has(th)) {
        display: flex;
        flex-direction: column;
    }
    .user-permissions .user-info-form[organizational] tr td table td::after {
        display: none;
    }
    .user-permissions .user-info-form[organizational] .table-responsive > div > table > tbody > tr > td:not(:first-child) {
        display: flex;
        align-items: center;
    }
        .user-permissions .user-info-form[organizational] .table-responsive > div > table > tbody > tr > td:not(:first-child)::before {
            content: '';
            position: relative;
            margin-right: 8px !important;
            margin-left: 2px;
            display: flex;
            width: 13px;
            height: 13px;
        }
    .user-permissions .user-info-form[organizational] .table-responsive > div > table > tbody > tr > td:has(span[value="False"])::before {
        background-image: none;
        background: var(--neutral-300);
    }
    .user-permissions .user-info-form[organizational] .table-responsive > div > table > tbody > tr > td:has(span[value="True"])::before {
        background: var(--background);
        background-repeat: no-repeat;
        background-position: center;
        background-image: url(../../Images/theme/checkbox-check.svg);
    }
    .user-permissions .user-info-form[organizational] .table-responsive > div > table > tbody > tr > td:has(span[value]) span {
        color: transparent;
    }
    .user-permissions .user-info-form[organizational] tr td span[column]::before {
        content: attr(column);
        color: var(--neutral-900) !important;
    }
    .user-permissions .user-info-form[organizational] .table-responsive > div > table > tbody > tr > td:has(span[value="False"]) {
        display: none;
    }
.user-permissions-edit div:has(>.form-group>:only-child:empty) {
    display: none;
}
.user-permissions-edit .form-instructions {
    margin-bottom: 8px;
}
.user-permissions-edit .form-label {
    font-size: 14px;
    font-weight: 700;
    color: var(--neutral-900);
    width: fit-content;
    margin-bottom: 8px;
}
.user-permissions-edit .form-inline {
    flex-wrap: wrap;
    gap: 12px;
    min-height: 24px !important;
}
.user-permissions-edit .form-group:has(+ .user-permissions-edit-roles):not(:has(.form-inline .checkbox)) {
    display: none;
}
.user-permissions-edit .checkbox ~ .checkbox {
    margin-left: 0;
}
.user-permissions-edit .row:has( .form-inline:not(:has(>.checkbox))) {
    display: none;
}
.user-permissions-edit-roles .row {
    display: flex;
    align-content: center;
    justify-content: space-between;
}
    .user-permissions-edit-roles .row:first-of-type {
        align-items: center;
        margin-bottom: 12px;
    }
        .user-permissions-edit-roles .row:first-of-type > * {
            width: fit-content;
            height: fit-content;
            align-items: center;
        }
        .user-permissions-edit-roles .row:first-of-type .form-label {
            margin-bottom: 0;
        }
.user-permissions-edit-org .form-group > table {
    margin: 0;
}
.user-permissions-edit-org .form-group > table td {
  padding: 0;
}
/*.user-permissions-edit-org .form-group > table .grid-contant {
  flex-direction: row-reverse;
}*/
.user-permissions-edit-org .form-group > table .action-button-container {
  display: none;
}
.user-permissions-edit-org .form-group > table .search-panel {
  padding: 0;
}
.user-permissions-edit-org .form-group > table .search-panel .form-control {
  margin: 0;
}
.user-permissions-edit-lg:not(:has(.table-responsive table)) {
    display: none;
}
.user-permissions
.user-info-form[organizational]
.table-responsive > div > table:not( :has(> tbody > tr:nth-child(3) > td:not(:first-child) > span[value="True"]) ) {
    margin-bottom: 8px;
}
    .user-permissions
    .user-info-form[organizational]
    .table-responsive > div > table:not(:has(> tbody > tr:nth-child(3) > td:not(:first-child) > span[value="True"]))::after {
        content: '-';
    }
.user-permissions
.user-info-form[organizational]
.table-responsive > div > table > tbody:not( :has( > tr:nth-child(3) > td:not(:first-child) > span[value="True"]) ) {
    display: none !important;
}
.user-info-form:is([roles], [app_access], [auth], [learner_groups]) > div:not(:has(> *)) {
    margin-bottom: 8px;
    display: flex;
}
:is(.user-notes, .user-medical, .user-exp) .user-info-form > div:not(:has(>*)) {
    display: flex;
}
:is(.user-notes, .user-medical, .user-exp) .user-info-form > :is(div, span):has(>br:only-child)::after,
:is(.user-notes, .user-medical, .user-exp) .user-info-form > :is(div, span):not(:has(> *), :has(> table))::after,
.user-info-form:is([roles], [app_access], [auth], [learner_groups]) > :is(div, span):not(:has(> *))::after {
    content: '-';
}
:is(.user-notes, .user-medical, .user-exp) .user-info-form > :is(div, span) > br:only-child {
    display: none;
}
.user-profile .content-wrapper:has(.video-summary, .user-timesheet, .session-schedule) {
    padding: 0 !important;
}
.user-profile :is(.session-schedule, .video-summary, .user-timesheet) table {
    margin: 0;
}
.user-profile :is(.session-schedule, .video-summary, .user-timesheet) .grid-header h2 {
    display: block !important;
    margin: 0 !important;
    margin-right: 12px !important;
}
.user-profile :is(.session-schedule, .video-summary, .user-timesheet) .grid-header td {
    width: 100%;
}
.user-profile .session-schedule .table-left-panel .dropdown-group {
    display: none !important;
}
.user-profile .session-schedule .table tbody tr.grid-header th:nth-child(1) {
    border-radius: 8px 0px 0 0;
}
.user-profile .session-schedule .table tbody tr.grid-header th:last-child {
    border-radius: 0px 8px 0 0;
}
.user-profile :is(.session-schedule, .video-summary, .user-timesheet) .search-panel input {
    width: 160px !important;
}
    .user-profile :is(.session-schedule, .video-summary, .user-timesheet) .search-panel input::placeholder {
        color: var(--neutral-400) !important;
        font-weight: 500 !important;
        font-size: 16px;
    }
.user-profile :is(.session-schedule, .video-summary, .user-timesheet) table {
    margin: 0;
}
.user-summary-edit :is([password], [password_confirm]) {
    position: relative;
    display: flex;
    align-items: center;
}
    .user-summary-edit :is([password], [password_confirm]) i {
        cursor: pointer;
        position: absolute;
        right: 12px;
    }
    .user-summary-edit :is([password], [password_confirm]) input {
        padding-right: 34px;
    }
    .user-summary-edit :is([password], [password_confirm]):has(input[type="text"]) i::before {
        content: '\E220';
    }
/* Active */
.user-summary-edit-status:has(option[value="1"][selected]),
.user-summary-edit-status option[value="1"] {
    color: var(--success-text);
}
/* Retired */
.user-summary-edit-status:has(option[value="0"][selected]),
.user-summary-edit-status option[value="0"] {
    color: var(--neutral-500);
}
/* Pending */
.user-summary-edit-status:has(option[value="4"][selected]),
.user-summary-edit-status option[value="4"] {
    color: var(--warning-text);
}
/* Rejected */
.user-summary-edit-status:has(option[value="5"][selected]),
.user-summary-edit-status option[value="5"] {
    color: var(--error-text);
}
.user-summary-edit-status option {
    color: var(--neutral-900);
}
.user-timesheet td[column="Payment"][value="Unpaid"] {
    color: var(--neutral-400);
}
.user-timesheet td[column="Status"][value="Pending"] {
    color: var(--warning-text);
}
.user-timesheet td[column="Status"][value="Approved"] {
    color: var(--success-text);
}
.user-timesheet td[column="Status"][value="Out of Stock"] {
    color: var(--brand-primary);
}
/* End of User Profile components */
.video-summary-container {
    display: flex;
    justify-content: center;
    gap: 20px;
}
    .video-summary-container > div {
        width: 50%;
    }
@media (max-width: 1100px) {
    .video-summary-container {
        flex-direction: column-reverse;
    }
        .video-summary-container > div {
            width: 100%;
        }
        .video-summary .video-summary-container > panel, .video-summary .video-summary-container > video{
            width: 100% !important;
        }
}
.video-summary-container [panel] {
    overflow: auto;
}
.video-summary-container [video] h2 {
    display: block;
    font-weight: 700;
    font-size: 14px;
    line-height: 100%;
    margin-bottom: 12px;
    color: var(--neutral-900);
}
@media (max-width: 1100px) {
    .video-summary-container [video] h2 {
        display: none;
    }
}
.video-summary-container .video-player-actions {
    display: none;
}
.video-player [player] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    padding: 15px;
    background: #f4f5f7;
    overflow-y: auto;
}
.video-player .container-fluid {
    display: flex;
    flex-direction: column;
    padding: 0;
}
    .video-player .container-fluid > :is(div,span):empty {
        display: none;
    }
.video-player[mode="grid"] [player] {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    overflow-y: auto;
}
.video-player[mode="row"] [player] {
    display: grid !important;
    gap: 1rem;
    grid-template-columns: repeat(3, 1fr);
    width: 100%;
}
:is(.video-player-header, .video-player-options) {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}
.video-player-list {
    padding: 0;
    width: fit-content;
    display: flex;
    flex-direction: column;
}
    .video-player-list > div > span {
        display: flex;
        gap: 3px;
        /*flex-wrap: wrap;*/
    }
    .video-player-list a {
        display: inline-flex;
        gap: 8px;
        padding: 6px 12px;
        color: var(--neutral-600);
        font-size: 12px;
        font-weight: 500;
        background: var(--neutral-100);
        border-radius: 100vmax;
        border: 1px solid var(--neutral-100);
        line-height: 100%;
        align-items: center;
        cursor: pointer;
    }
        .video-player-list a:is(:hover, :focus, :focus-visible) {
            background: var(--neutral-50);
            border: 1px solid var(--neutral-300);
        }
        .video-player-list a:active {
            background: var(--neutral-100);
            color: var(--blue);
            border: 1px solid var(--neutral-300);
        }
        .video-player-list a.selected:is(:hover, :focus-visible) {
            border: 1px solid var(--blue);
            color: var(--blue);
        }
        .video-player-list a.selected {
            border: 1px solid #3B6fDD;
            border-color: #3B6FDD;
            color: #3B6FDD;
            background: #eff4ff;
        }
        .video-player-list a .speaker-icon {
            display: none;
            width: 15px;
            height: 15px;
            fill: currentColor;
        }
            .video-player-list a .speaker-icon.selected {
                display: inline-block;
            }
/* .video-player-list a.selected .speaker-icon {
            width: 15px;
            height: 15px;
            fill: #386fdd;
            display: inline-block;
        }*/
.video-player-options .btn {
    padding: 6px 12px;
}
.video-player-options {
    display: flex;
    gap: 1rem;
    align-items: center;
    width: fit-content;
    padding: 0;
}
.video-player-views {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--neutral-500);
}
    .video-player-views :is(button,span) {
        position: relative;
        display: flex;
        align-items: center;
        gap: 1rem;
        cursor: pointer;
        transition: all ease 300ms;
        /* border-radius: 5px;*/
        padding: 0px;
        /* border: 0;*/
        color: #b0b8c8;
        background: none;
    }
        .video-player-views :is(button,span):is(:hover, :focus-visible) {
            color: #eef0f4;
            background: #6b7280;
        }
        .video-player-views :is(button,span):active {
            filter: brightness(0.97);
        }
    .video-player-views i {
        font-size: 20px;
    }
    .video-player-views svg {
        width: 20px;
        height: 20px;
    }
.video-player[mode="single"] .video-player-views [single],
.video-player[mode="dual"] .video-player-views [dual],
.video-player[mode="triple"] .video-player-views [triple],
.video-player[mode="grid"] .video-player-views [grid],
.video-player[mode="row"] .video-player-views [row],
.video-player[mode="column"] .video-player-views [column] {
    background: #eff4ff;
    border-color: #bfdbfe;
    color: #3B6FDD;
}
.video-player-views {
    display: flex;
    align-items: center;
    gap: 2px;
    color: var(--neutral-500);
}
    .video-player-views i {
        font-size: 20px;
    }
.video-player-actions {
    display: flex;
    align-items: center;
    gap: 5px;
}
    .video-player-actions :is(button, a, span) {
        color: #9ca3af;
        width: clamp(12px,2vw,32px);
        height: clamp(12px,2vw,32px);
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid var(--neutral-400);
        border-radius: 7px;
        transition: all ease 300ms;
        background: transparent;
        cursor: pointer;
    }
        .video-player-actions :is(button, a, span):empty {
            display: none;
        }
        .video-player-actions :is(button, a, span):is(:hover, :focus-visible) {
            color: var(--brand-primary);
            border: 1px solid var(--brand-primary);
            background: #f1f5f9;
        }
        .video-player-actions :is(button, a, span):focus {
            outline: auto !important;
        }
    .video-player-actions [pin][pinned] {
        color: var(--brand-primary);
        background: #f1f5f9;
    }
.video-player .vid-container > div:not(.vid-title-container) > span {
    width: min-content;
    height: fit-content;
    margin: auto;
    font-size: 13px;
    color: var(--background);
    padding: 10px;
}
.video-player .vid-container {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    width: min-content;
   /* height: fit-content !important;*/
    margin: 0 !important;
    flex-grow: 1;
    background: black;
}
    .video-player .vid-container > div:not(.vid-title-container) {
        aspect-ratio: 16 / 9;
    }
    .video-player .vid-container > div {
        display: flex;
        height: fit-content !important;
        margin: 0 !important;
        max-height: 100%;
        width: 100%;
    }
.video-player .vid-title-container {
    display: none !important;
}
.video-player .video-js video {
    height: fit-content !important;
    max-height: 100%;
    height: 100% !important;
}
.video-player .vjs-control-bar {
    bottom: 0 !important;
}
.video-player .cloudplayer .vjs-control-bar {
    display: none !important;
}
.video-player .vjs-poster img {
    object-fit: cover;
}
.video-player #loadingMessageRow {
    background-color: var(--brand-primary);
}
.video-player .debrief-container:not(:has(> *)) {
    display: none;
}
.video-player .vid-container > div:not(.vid-title-container) > span {
    width: fit-content;
    height: fit-content;
    margin: auto;
    font-size: 13px;
}
.video-player .vid-title-container {
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    padding: 6px;
    border-radius: 6.45px;
    background: #3d3d3d80;
    backdrop-filter: blur(1.5px);
    width: fit-content;
    display: flex;
    top: 4%;
    left: 4%;
    position: absolute;
    z-index: 5;
}
    .video-player .vid-title-container div {
        background: none;
        padding: 0 !important;
        margin: 0 !important;
        width: fit-content;
        height: fit-content;
    }
    .video-player .vid-title-container :is(.eval-num, .hide-vid) {
        display: none;
    }
    .video-player .vid-title-container .vid-title {
        color: #fff;
        font-size: 13px;
        line-height: 13px;
    }
.video-player[mode="row"] [player] .vid-container:first-of-type {
    grid-column: 1 / -1;
    width: 100%;
    max-height: 50vh;
    max-height: 45vh;
    aspect-ratio: 16 / 9;
    display: flex;
}
    .video-player[mode="row"] [player] .vid-container:first-of-type :is(> div:not(.vid-title-container), .cloudplayer) {
        display: flex;
        aspect-ratio: auto;
        flex-grow: 1;
        height: auto !important;
    }
.video-player[mode="column"] [player] {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    overflow-y: auto;
}
    .video-player[mode="column"] [player] > .vid-container:first-of-type {
        grid-row: 1 / -1;
        grid-column: 1 / 3;
        width: 100%;
        margin: auto !important;
        height: 100% !important;
        display: flex;
        align-items: center;
    }
    .video-player[mode="column"] [player] #right-vid-container {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        width: 100%;
        grid-row: 1 / -1;
        display: grid;
        grid-template-rows: repeat(3, 1fr);
    }
.video-player[mode="single"] [player] .vid-container:first-of-type {
    flex-grow: 1;
    width: 100%;
    height: fit-content !important;
}
.video-player[mode="grid"] .vid-container {
    flex-grow: 1;
    width: 100%;
    height: 100% !important;
    display: flex;
}
.video-player:is([mode="column"], [mode="row"]) .vid-container {
    width: auto;
}
.video-player:is([mode="column"], [mode="row"]) .video-js {
    height: 100% !important;
}
.video-player .cloudplayer {
    margin: auto;
    margin: 0 !important;
    height: fit-content !important;
    width: 100% !important;
    aspect-ratio: 16 / 9;
    max-width: 100%;
}
.video-player .video-js {
    margin: 0 !important;
    height: fit-content !important;
    max-height: 100%;
    height: 100% !important;
}
    .video-player .video-js .vjs-tech {
        position: relative;
        width: fit-content;
        max-width: 100%;
        max-height: 100%;
        height: 100% !important;
    }
.video-player .cloudplayer-controls {
    gap: 1rem;
    height: fit-content;
    padding: 0.33rem 1rem;
    align-items: center;
    margin: 0;
}
.video-player .cloudplayer-pause {
    background-size: 16px 16px;
    margin: 0;
}
.video-player .video-js .vjs-control-bar {
    height: auto;
    background-color: transparent;
    grid-template-rows: repeat(2, auto);
    grid-template-columns: repeat(20, 1fr) repeat(3, auto);
    padding: 0 20px;
    padding-bottom: 8px;
    grid-row-gap: 8px;
}
.video-player :is(.vjs-has-started, .vjs-ended) .vjs-control-bar {
    opacity: 1 !important;
    pointer-events: all !important;
    display: grid !important;
}
.video-player .cloudplayer :is(.vjs-has-started, .vjs-ended) .vjs-control-bar {
    display: none !important;
}
.video-player .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    opacity: 0 !important;
    pointer-events: none !important;
    transition: all ease 300ms !important;
}
.video-player .video-js::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, black, transparent 26%);
    z-index: 1;
    opacity: 0;
    pointer-events: none;
    transition: all ease 300ms;
}
.video-player .vjs-has-started.vjs-user-inactive.vjs-playing::after {
    opacity: 0;
}
.video-player .vjs-has-started.vjs-ended::after,
.video-player .vjs-has-started.vjs-playing:not(.vjs-user-inactive)::after {
    opacity: 1;
}
.video-player .video-js .vjs-control {
    z-index: 2;
    height: 30px;
}
.video-player .video-js :is(.vjs-mute-control, .vjs-skip-backward-10, .vjs-skip-forward-10, .vjs-fullscreen-control) .vjs-icon-placeholder:before {
    content: '' !important;
}
.video-player .video-js .vjs-icon-placeholder {
    background-repeat: no-repeat;
    background-position: center center;
    height: 30px;
}
.video-player .video-js :is(.vjs-skip-backward-10, .vjs-skip-forward-10) .vjs-icon-placeholder {
    background-image: url('data:image/svg+xml,<svg width="16" height="15" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.56761 9.48556C3.22746 8.62015 3.22746 6.37985 4.56762 5.51444L12.6594 0.289107C13.9619 -0.551983 15.5625 0.542762 15.5625 2.27467V12.7253C15.5625 14.4572 13.9619 15.552 12.6594 14.7109L4.56761 9.48556Z" fill="white"/><path d="M0 2.25C0 1.93934 0.25184 1.6875 0.5625 1.6875C0.87316 1.6875 1.125 1.93934 1.125 2.25V12.75C1.125 13.0607 0.87316 13.3125 0.5625 13.3125C0.25184 13.3125 0 13.0607 0 12.75V2.25Z" fill="white"/></svg>') !important;
}
.video-player .video-js .vjs-skip-backward-10 .vjs-icon-placeholder {
    rotate: 0.1deg; /*  Leave to avoid jittering */
    translate: 0 -1px;
}
.video-player .video-js :is(.vjs-skip-forward-10) .vjs-icon-placeholder {
    rotate: 180deg;
}
.video-player .video-js .vjs-mute-control:not(.vjs-vol-0) .vjs-icon-placeholder,
.video-player .cloudplayer-volume-mute {
    background-image: url('data:image/svg+xml,<svg width="12" height="10" viewBox="0 0 12 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.00171071 4.41391C0.023071 3.36 0.0337512 2.83305 0.383829 2.38195C0.447726 2.29961 0.541476 2.20178 0.620055 2.13544C1.05057 1.77198 1.61897 1.77198 2.75577 1.77198C3.16191 1.77198 3.36499 1.77198 3.55857 1.71884C3.59879 1.7078 3.63859 1.69506 3.67788 1.68067C3.86692 1.61142 4.03648 1.49221 4.3756 1.25379C5.71351 0.313148 6.38247 -0.157172 6.94395 0.0471428C7.0516 0.0863155 7.1558 0.14286 7.24887 0.2126C7.73426 0.576343 7.77114 1.42263 7.8449 3.11521C7.87221 3.74193 7.89081 4.27832 7.89081 4.57668C7.89081 4.87503 7.87221 5.41142 7.8449 6.03814C7.77114 7.73072 7.73426 8.57701 7.24887 8.94075C7.1558 9.01049 7.0516 9.06704 6.94395 9.10621C6.38247 9.31052 5.71351 8.8402 4.3756 7.89956C4.03648 7.66114 3.86692 7.54194 3.67788 7.47268C3.63859 7.45829 3.59879 7.44556 3.55857 7.43451C3.36499 7.38137 3.16191 7.38137 2.75577 7.38137C1.61897 7.38137 1.05057 7.38137 0.620055 7.01791C0.541476 6.95157 0.447726 6.85374 0.383829 6.7714C0.0337512 6.3203 0.0230711 5.79335 0.00171072 4.73945C0.000588813 4.68409 0 4.62976 0 4.57668C0 4.5236 0.00058881 4.46926 0.00171071 4.41391Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M10.0055 0.887984C10.1729 0.739238 10.4217 0.763355 10.5612 0.94185L10.2581 1.21118C10.5612 0.94185 10.561 0.941661 10.5612 0.94185L10.5618 0.942622L10.5624 0.94349L10.564 0.945513L10.5679 0.950713C10.5709 0.954694 10.5747 0.959705 10.5791 0.965756C10.5878 0.977859 10.5993 0.994124 10.613 1.01464C10.6405 1.05566 10.6771 1.11366 10.7197 1.1893C10.8048 1.34065 10.9137 1.56232 11.0209 1.85949C11.2356 2.45485 11.4417 3.34747 11.4417 4.57681C11.4417 5.80614 11.2356 6.69877 11.0209 7.29413C10.9137 7.5913 10.8048 7.81297 10.7197 7.96432C10.6771 8.03996 10.6405 8.09796 10.613 8.13898C10.5993 8.1595 10.5878 8.17576 10.5791 8.18786C10.5747 8.19391 10.5709 8.19893 10.5679 8.20291L10.564 8.20811L10.5624 8.21013L10.5618 8.211C10.5616 8.21119 10.5612 8.21177 10.2581 7.94244L10.5612 8.21177C10.4217 8.39026 10.1729 8.41438 10.0055 8.26563C9.8389 8.1176 9.8157 7.85415 9.95298 7.67569C9.9533 7.67525 9.95391 7.67442 9.95481 7.67319C9.95759 7.66935 9.96309 7.66162 9.97092 7.64993C9.98659 7.62653 10.0116 7.58724 10.043 7.53141C10.1058 7.41983 10.1943 7.24182 10.2844 6.99208C10.4642 6.49361 10.6526 5.70342 10.6526 4.57681C10.6526 3.4502 10.4642 2.66001 10.2844 2.16154C10.1943 1.9118 10.1058 1.73379 10.043 1.6222C10.0116 1.56638 9.98659 1.52709 9.97092 1.50369C9.96309 1.49199 9.95759 1.48427 9.95481 1.48043C9.95391 1.47919 9.95329 1.47836 9.95297 1.47792C9.95297 1.47792 9.95297 1.47793 9.95297 1.47792" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M9.01442 2.5263C9.20489 2.41346 9.44509 2.48664 9.55091 2.68975L9.20602 2.89406C9.55091 2.68975 9.55082 2.68957 9.55091 2.68975L9.55129 2.69048L9.5517 2.69127L9.55258 2.69298L9.5546 2.69697L9.55967 2.70726C9.56348 2.71515 9.56815 2.72511 9.57354 2.73718C9.58432 2.76131 9.59797 2.79385 9.61344 2.8351C9.64441 2.91765 9.68259 3.03485 9.71971 3.18924C9.79403 3.49828 9.86359 3.95417 9.86359 4.57688C9.86359 5.19958 9.79403 5.65547 9.71971 5.96452C9.68259 6.1189 9.64441 6.2361 9.61344 6.31865C9.59797 6.3599 9.58432 6.39244 9.57354 6.41657C9.56815 6.42864 9.56348 6.4386 9.55967 6.44649L9.5546 6.45678L9.55258 6.46078L9.5517 6.46249L9.55129 6.46327C9.5512 6.46345 9.55091 6.464 9.20602 6.25969L9.55091 6.464C9.44509 6.66711 9.20489 6.74029 9.01442 6.62745C8.82556 6.51557 8.75648 6.26283 8.85847 6.06057L8.86111 6.05482C8.86471 6.04675 8.87161 6.03064 8.8808 6.00616C8.89915 5.95724 8.92672 5.87461 8.95536 5.75553C9.01256 5.51766 9.07451 5.13214 9.07451 4.57688C9.07451 4.02161 9.01256 3.63609 8.95536 3.39822C8.92672 3.27915 8.89915 3.19651 8.8808 3.14759C8.87161 3.12311 8.86471 3.107 8.86111 3.09893L8.85847 3.09319C8.75648 2.89092 8.82555 2.63818 9.01442 2.5263Z" fill="white"/></svg>') !important;
    background-size: 21px 16px;
    margin: 0;
}
    .video-player .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder,
    .video-player .cloudplayer-volume-mute.unmute {
        background-image: url('data:image/svg+xml,<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.920927 2.58766C0.591811 3.01175 0.581771 3.50715 0.56169 4.49795C0.560635 4.54999 0.560081 4.60107 0.560081 4.65097C0.560081 4.70087 0.560635 4.75195 0.56169 4.80399C0.581771 5.79479 0.591811 6.29019 0.920927 6.71428C0.980998 6.79169 1.06914 6.88366 1.14301 6.94603C1.54774 7.28773 2.08212 7.28773 3.15085 7.28773C3.53267 7.28773 3.72358 7.28773 3.90557 7.33769C3.94339 7.34807 3.98081 7.36004 4.01774 7.37357C4.19546 7.43868 4.35487 7.55075 4.67368 7.77489C5.93148 8.65921 6.56038 9.10137 7.08824 8.90929C7.18945 8.87246 7.28741 8.8193 7.37491 8.75374C7.70875 8.50356 7.81692 8.01058 7.87808 7.14089C7.809 7.14089 6.6862 6.11572 2.7476 2.01505C1.9407 2.0204 1.4933 2.06018 1.14301 2.35591C1.06914 2.41828 0.980998 2.51025 0.920927 2.58766Z" fill="white"/><path d="M3.90554 1.96427C3.72355 2.01423 3.74054 2.01423 3.35871 2.01423L7.90627 6.45915C7.9161 6.26322 7.9253 6.25237 7.93521 6.02494C7.96089 5.43575 7.97838 4.93147 7.97838 4.65098C7.97838 4.37049 7.96089 3.86622 7.93521 3.27703C7.86587 1.6858 7.8312 0.890179 7.37487 0.548216C7.28738 0.482652 7.18941 0.429493 7.08821 0.392666C6.56035 0.200586 5.93145 0.642744 4.67364 1.52706C4.35483 1.7512 4.19543 1.86327 4.0177 1.92839C3.98077 1.94191 3.94335 1.95388 3.90554 1.96427Z" fill="white"/><path d="M0.730769 0L9.5 8.76923L8.76923 9.5L0 0.730769L0.730769 0Z" fill="white"/></svg>') !important;
        background-size: 21px 16px;
    }
    .video-player .cloudplayer-volume-mute.unmute {
        translate: -5px -.4px;
    }
.video-player .cloudplayer-pause.play {
    background-image: url('data:image/svg+xml,<svg width="10" height="11" viewBox="0 0 10 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.75055 3.69583C9.81714 4.27584 9.81714 5.77731 8.75055 6.35732L2.31052 9.85939C1.27391 10.4231 -5.18348e-08 9.68939 0 8.52864L3.1278e-07 1.52451C3.64615e-07 0.363765 1.27391 -0.369944 2.31052 0.193762L8.75055 3.69583Z" fill="white"/></svg>');
    background-size: 14px 15px;
    margin: 0;
}
.video-player .video-js .vjs-fullscreen-control .vjs-icon-placeholder,
.video-player .cloudplayer-fullscreen {
    background-image: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_4402_15650)"><path d="M16.2986 10.3721C16.2986 13.1659 16.2986 14.5628 15.4307 15.4307C14.5628 16.2986 13.1659 16.2986 10.3721 16.2986" stroke="white" stroke-width="2.08166" stroke-linecap="round"/><path d="M7.40797 16.2986C4.61418 16.2986 3.21728 16.2986 2.34936 15.4307C1.48145 14.5628 1.48145 13.1659 1.48145 10.3721" stroke="white" stroke-width="2.08166" stroke-linecap="round"/><path d="M7.40797 1.48242C4.61418 1.48242 3.21728 1.48242 2.34936 2.35034C1.48145 3.21826 1.48145 4.61516 1.48145 7.40895" stroke="white" stroke-width="2.08166" stroke-linecap="round"/><path d="M10.3721 1.48242C13.1659 1.48242 14.5628 1.48242 15.4307 2.35034C16.2986 3.21826 16.2986 4.61516 16.2986 7.40895" stroke="white" stroke-width="2.08166" stroke-linecap="round"/></g><defs><clipPath id="clip0_4402_15650"><rect width="17.7796" height="17.7796" fill="white"/></clipPath></defs></svg>');
    background-size: 18px 18px;
    margin: 0;
}
.video-player .vjs-playback-rate-value {
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.video-player .vjs-remaining-time {
    display: none;
}
.video-player .vjs-control-bar :not(.vjs-progress-control, .vjs-time-control) {
    grid-row: 2;
}
.video-player .vjs-control-bar :is(.vjs-progress-control, .vjs-time-control) {
    grid-row: 1;
    height: 1rem;
}
.video-player .vjs-control-bar :is(.vjs-time-control) {
    min-width: 0;
    width: fit-content;
    padding: 0;
    font-size: 14px;
    line-height: 1;
}
.video-player .vjs-control-bar .vjs-duration {
    grid-column: -1;
    margin-left: 3px;
}
.video-player .vjs-control-bar .vjs-time-divider {
    grid-column: -2;
}
.video-player .vjs-control-bar .vjs-current-time {
    grid-column: -3;
    margin-right: 3px;
}
.video-player .vjs-control-bar .vjs-progress-control {
    grid-column: 1 / -4;
    width: 100%;
}
.video-player .vjs-control-bar .vjs-progress-holder {
    margin: 0 !important;
    margin-right: 16px !important;
}
.video-player .vjs-control-bar .vjs-fullscreen-control {
    grid-column: -1;
    height: 30px;
}
.video-player .vjs-control-bar .vjs-playback-rate {
    grid-column: -2;
    position: absolute;
    right: calc(40px + 40px / 2);
    height: 30px;
}
    .video-player .vjs-control-bar .vjs-playback-rate .vjs-menu-content {
        backdrop-filter: blur(5px);
        background-color: rgba(43, 51, 63, .3);
        border-radius: 8px;
    }
.video-player .vjs-control-bar .vjs-subs-caps-button {
    display: none;
}
/* Show when captions exist */
.video-player.has-captions .vjs-control-bar .vjs-subs-caps-button {
    display: block;
}
.video-player .rangeSlider__horizontal {
    width: 50px;
    height: 3px;
    background: rgba(255, 255, 255, 0.45);
    cursor: pointer;
}
    .video-player .rangeSlider__horizontal::after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 100%;
        height: 10px;
        display: block;
    }
.video-player .rangeSlider__fill {
    background: rgba(255, 255, 255, 1);
    cursor: pointer;
}
.video-player .rangeSlider__handle {
    background: rgba(255, 255, 255, 0);
    box-shadow: none;
}
.video-player .cloudplayer-volume-container {
    margin-left: -1rem;
}
    .video-player .cloudplayer-volume-container output {
        font-family: inherit;
        display: none;
    }
.video-player .video-js {
    container-type: inline-size;
    container-name: video-player;
}
@container video-player (max-width: 400px) {
    .video-player .video-js .vjs-control-bar {
        grid-template-columns: repeat(8, 1fr) repeat(3, auto);
        grid-row-gap: 4px;
        padding: 0 8px;
        padding-bottom: 4px;
    }
    .video-player .vjs-control-bar .vjs-progress-control {
        grid-column: 1 / -3;
        padding-left: 10px;
    }
    .video-player .vjs-control-bar .vjs-play-progress .vjs-time-tooltip {
        display: none !important;
    }
    .video-player .video-js .vjs-fullscreen-control {
        justify-self: end;
    }
}
@container video-player (max-width: 320px) {
    .video-player .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover {
        width: 32px;
    }
    .video-player .video-js .vjs-button > .vjs-icon-placeholder {
        background-size: 12px;
    }
        .video-player .video-js .vjs-button > .vjs-icon-placeholder:before {
            font-size: 14px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
    .video-player .video-js .vjs-control:not(.vjs-progress-control, .vjs-time-control) {
        width: 32px;
    }
    .video-player .vjs-control-bar .vjs-playback-rate {
        right: calc(22px + 40px / 2);
    }
    .video-player .video-js .vjs-mute-control:not(.vjs-vol-0) .vjs-icon-placeholder,
    .video-player .cloudplayer-volume-mute,
    .video-player .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder,
    .video-player .cloudplayer-volume-mute.unmute {
        background-size: 14px 12px;
    }
    .video-player .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
        translate: -1px -.7px;
    }
    .video-player .cloudplayer-volume-mute.unmute {
        translate: -1px 1px;
    }
    .video-player .video-js .vjs-skip-forward-10 .vjs-icon-placeholder {
        translate: 0px -2px;
    }
    .video-player .video-js :is(.vjs-current-time-display, .vjs-duration-display) {
        font-size: 11px;
    }
    .video-player .video-js .vjs-current-time {
        margin-right: 2px;
        justify-self: end;
    }
    .video-player .video-js .vjs-menu li {
        line-height: 1.1;
        font-size: 10px;
    }
    .video-player .vjs-control-bar .vjs-progress-control {
        grid-column: 1 / -5;
    }
}
@container video-player (max-width: 280px) {
    .video-player .video-js .vjs-control-bar {
        padding: 0 4px;
        grid-row-gap: 0px;
    }
    .video-player .vjs-control-bar .vjs-progress-holder {
        margin-right: 0 !important;
    }
    .video-player .vjs-control-bar .vjs-progress-control {
        grid-column: 1 / -5;
    }
    .video-player .video-js :is(.vjs-skip-backward-10, .vjs-skip-forward-10, .vjs-playback-rate) {
        display: none !important;
    }
    .video-player .video-js .vjs-control:not(.vjs-progress-control, .vjs-time-control) {
        width: 28px;
        height: 28px;
        translate: 0 -1px;
    }
    .video-player .video-js .vjs-icon-placeholder {
        height: 28px;
    }
    .video-player .video-js .vjs-mute-control:not(.vjs-vol-0) .vjs-icon-placeholder,
    .video-player .cloudplayer-volume-mute,
    .video-player .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder,
    .video-player .cloudplayer-volume-mute.unmute {
        background-size: 12px 10px;
        translate: -1px 1px;
    }
    .video-player .video-js .vjs-playback-rate .vjs-playback-rate-value {
        font-size: 10px;
    }
    .video-player .video-js .vjs-volume-horizontal .vjs-mouse-display {
        display: none !important;
    }
}
@container video-player (max-width: 200px) {
    .video-player .vjs-control-bar .vjs-progress-control {
        grid-column: 1 / -7;
    }
}
@container video-player (max-width: 150px) {
    .video-player .vjs-control-bar .vjs-progress-control {
        grid-column: 1 / -9;
    }
    .video-player .video-js .vjs-volume-panel .vjs-volume-horizontal {
        display: none;
    }
}
@container video-player (max-width: 125px) {
    .video-player .vjs-control-bar .vjs-progress-control {
        grid-column: 1 / -10;
    }
}
@container video-player (max-width: 110px) {
    .video-player .vjs-control-bar .vjs-progress-control {
        grid-column: 1 / -11;
    }
}
.video-player {
    container-type: inline-size;
    container-name: video-player-wrapper;
}
@container video-player-wrapper (max-width: 420px) {
    .video-player [player] {
        gap: 8px;
    }
}
.video-player .cloudcameratimeline {
    margin: 0;
}
.video-player .ktimepicker-container {
    translate: 0 -16px;
    margin: 15px auto 0 !important;
    flex: 0 0 100% !important;
    padding: 0;
}
.video-player:is([mode="column"], [mode="row"]) .vid-container:not(#vid0) .ktimepicker-container {
   /* display: none !important;*/
}
.video-player:is([mode="column"], [mode="row"]) .vid-container:not(#vid0) :is(.vjs-progress-control, .vjs-current-time, .vjs-time-control, .vjs-duration) {
   /* display: none !important;*/
}
.video-summary-dialog {
    width: 90vw;
    height: 85vh;
    padding: 0 !important;
}
    .video-summary-dialog .iframeParent {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .video-summary-dialog iframe {
        flex-grow: 1;
        height: 100% !important;
        align-self: flex-start;
    }
.user-timesheet td[column="Payment"][value="Unpaid"] {
    color: var(--neutral-400);
}
.user-timesheet td[column="Status"][value="Pending"] {
    color: var(--warning-text);
}
.user-timesheet td[column="Status"][value="Approved"] {
    color: var(--success-text);
}
.user-timesheet td[column="Status"][value="Out of Stock"] {
    color: var(--brand-primary);
}
.modal-content .form-group .form-control ~ .ImageButtonEnabled {
    top: calc(50% - 10px);
}
.modal-body .form-instructions table {
    border-radius: 8px;
    margin-bottom: 15px;
}
    .modal-body .form-instructions table td {
        border: 1px solid var(--border);
        color: var(--black);
        font-weight: 500;
        font-size: 12px;
        padding: 10px;
    }
.grid-section .widget-header {
    border-bottom: 1px solid var(--border);
    background: var(--white);
    padding: 6px 15px !important;
}
.grid-section .widget .widget-body {
    border: 0;
}
.grid-section .widget {
    border: 1px solid var(--border);
    background: var(--white);
    box-shadow: 0 1px 4px rgba(0,0,0,0.05);
    transition: ease-in-out all 0.5s;
    position: relative;
}
    .grid-section .widget:hover {
        box-shadow: 0 8px 28px rgba(0,0,0,0.10);
    }
.quantum-dashboard-wrapper .my-items-dashboard .widget-body {
    border: none;
    overflow: visible;
}
.quantum-dashboard-wrapper .grid-section .widget .widget-body .tab-content {
    border: 0px;
}
.p-element .p-paginator {
    margin: 0px;
    text-align: center;
}
    .p-element .p-paginator .p-paginator-pages {
        display: flex;
        gap: 0;
        margin: 0;
    }
    .p-element .p-paginator .p-paginator-page,
    .p-element .p-paginator .p-paginator-element {
        display: inline-block;
        min-width: 34px;
        height: 34px;
        line-height: 34px;
        font-size: 14px;
        color: var(--secondary-font);
        border: 1px solid var(--border);
        border-radius: 0;
        background: var(--white);
        font-weight: 500;
        margin: 0;
        text-align: center;
        transition: 0.3s;
    }
        .p-element .p-paginator .p-paginator-element.p-paginator-first {
            border-right: 0;
            border-radius: 8px 0 0 8px;
        }
        .p-element .p-paginator .p-paginator-element.p-paginator-last {
            border-left: 0;
            border-radius: 0 8px 8px 0;
        }
    .p-element .p-paginator .p-paginator-pages > * {
        border-right: 1px solid #e2e8f0;
    }
    .p-element .p-paginator .p-paginator-page.p-highlight,
    .p-element .p-paginator .p-paginator-page:hover,
    .p-element .p-paginator .p-paginator-element:hover:not(.p-disabled) {
        background: #f3f3f3 !important;
        color: var(--brand-primary) !important;
    }
    .p-element .p-paginator .p-paginator-page.p-highlight {
        border-top: 1px solid var(--border) !important;
        border-bottom: 1px solid var(--border) !important;
    }
    .p-element .p-paginator .p-paginator-element.p-disabled {
        cursor: not-allowed !important;
        background: #f3f3f3 !important;
        border-color: var(--border);
        color: #aea79f !important;
        opacity: 0.6;
    }
.my-items-dashboard .panel-body .p-grid {
    padding: 0 !important;
}
form:has(.activitypage-header-box) .secondary-top-nav-container {
    justify-content: flex-end;
}
.activitypage-header-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 16px;
    border: 1px solid var(--neutral-200);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    gap: 8px;
    background: var(--white);
}
    .activitypage-header-box .header-action-buttons {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        flex-wrap: wrap;
        gap: 12px;
    }
    .activitypage-header-box .header-icon-btn {
        color: var(--neutral-500);
        border-radius: 8px;
        font-size: 20px;
        aspect-ratio: 1 / 1;
        border: 0;
        width: auto;
    }
        /*.activitypage-header-box .header-icon-btn:not(:first-of-type) {
            margin-left: -12px;
        }*/
    .activitypage-header-box .btn-advance-view {
        padding: 10px;
        color: var(--brand-primary);
    }
.activitypage-header-text {
    display: flex;
    flex-direction: column;
}
    .activitypage-header-text .activity-title, .blueprint-header-box .header-text .blueprint-title {
        font-weight: 700;
        font-size: 14px;
        color: var(--neutral-900);
    }
    .activitypage-header-text .activity-subtitle {
        font-weight: 500;
        font-size: 14px;
        color: var(--neutral-500);
    }
.activitypage-tabs-container {
    display: flex;
    align-items: flex-start;
    border: 1px solid var(--neutral-200);
    border-top: 0;
    height: 51px;
    background: var(--white);
}
.activitypage-tab-menu {
    height: 100%;
}
.activitypage-tabs-container .nav-tabs {
    flex-grow: 1;
    justify-content: flex-start;
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 0;
    border-bottom: 0;
}
.activitypage-tabs-container:not(:has(>.activitypage-tab-menu)) .activitypage-tabs .nav-tabs {
    border-bottom-left-radius: 8px;
    border-radius: 8px;
}
.activitypage-tabs-container .nav-tabs li a {
    padding: 16px;
    white-space: nowrap;
    border-bottom: 2px solid transparent;
}
.activitypage-tabs-container .nav-tabs li > a::before {
    display: none;
}
.activitypage-tabs-container .nav-tabs > li > a:focus-visible,
.activitypage-tabs-container .nav-tabs > li:is(:hover, .active) > a {
    border-bottom: 2px solid var(--brand-primary);
    color: var(--brand-primary);
}
.activitypage-tabs-container .nav-tabs > li a:focus-visible {
    outline: currentColor 2px solid !important;
}
.activitypage-tabs-container .nav-tabs li a[data-toggle="dropdown"] {
    aspect-ratio: 1 / 1;
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0;
}
    .activitypage-tabs-container .nav-tabs li a[data-toggle="dropdown"]:before {
        font-family: "Phosphor";
        display: inline-block;
        background: none;
        content: "\E136";
        position: relative;
        top: auto;
        right: auto;
        width: auto;
        height: auto;
    }
    .activitypage-tabs-container .nav-tabs li a[data-toggle="dropdown"] span::after {
        line-height: 0;
        position: relative;
        top: unset;
        right: unset;
        height: 10px;
        display: block;
    }
.activitypage-tabs-container:has(.nav-tabs li a[aria-expanded="true"]),
.activitypage-tabs-container .nav-tabs:has(li a[aria-expanded="true"]) {
    overflow: visible;
}
.activitypage-tabs-container .nav-tabs li:has(> ul:empty) {
    display: none;
}
.activitypage-tabs-container:has(.nav-tabs li.open),
.activitypage-tabs-container .nav-tabs:has(li.open) {
    overflow: visible;
}
.activitypage-gear-wrapper,
.activitypage-gear-wrapper a {
    display: flex;
    align-items: center;
    justify-content: center;
}
.activitypage-gear-wrapper {
    width: 49px;
    height: 49px;
    margin-left: auto;
    border-left: 1px solid var(--neutral-200);
    aspect-ratio: 1/1;
}
    .activitypage-gear-wrapper a {
        width: 40px;
        height: 40px;
        font-size: 20px;
        border-radius: 8px;
        color: var(--neutral-500);
    }
        .activitypage-gear-wrapper a:is(:focus-visible, :hover,[aria-expanded="true"]) {
            color: var(--brand-primary);
            background: var(--neutral-100);
        }
    .activitypage-gear-wrapper :is(.dropdown-item, .dropdown-item label) {
        display: flex;
        align-items: center;
        gap: 12px;
    }
    .activitypage-gear-wrapper .dropdown-item label {
        font-size: 14px;
        font-weight: 500 !important;
        flex-direction: row-reverse;
    }
    .activitypage-gear-wrapper .dropdown-item:hover {
        background: none;
    }
.activitypage-tabs-container .dropdown-item:is(.active, :active) {
    color: currentColor;
}
.activitypage-gear-wrapper .form-check-input,
.activitypage-gear-wrapper .form-check-input:checked {
    margin: 0;
}
.main-inner-section > .tab-content {
    padding: 20px;
    border-radius: 0 0 8px 8px;
    border: 1px solid var(--border);
}
.table.th-left-align tbody tr.grid-header:nth-child(1) th:nth-child(1) {
    text-align: left !important;
}
.tab-content .form-control[type=file], .form-control[type=file] {
    line-height: 33px !important;
    padding: 0 10px;
}
.Default .reToolbar li {
    background-image: none !important;
    background-color: var(--neutral-200);
}
.Default .reToolbar .reTool.reTool_selected {
    background-image: none !important;
}
.reToolbar {
    border: 1px solid var(----neutral-300)
}
.text-natural-900 {
    color: var(--neutral-900) !important;
}
.text-brand-primary {
    color: var(--brand-primary) !important;
}
.RadComboBox_Bootstrap .rcbInputCell, .RadComboBox_Bootstrap .rcbArrowCell {
    border-color: var(--neutral-400) !important;
    background: transparent !important;
    box-shadow: none !important;
}
.RadComboBox_Bootstrap .rcbInputCell {
    border-radius: 8px 0 0 8px !important;
    padding: 7px !important;
}
.RadComboBox_Bootstrap .rcbArrowCell {
    border-radius: 0 8px 8px 0 !important;
}
.RadComboBox .rcbInput {
    padding: 9px;
}
.modal-content .form-group {
    position: relative;
}
    /*.modal-content .form-group .form-control ~ .ImageButtonEnabled {
        position: absolute;
        right: 10px;
    }*/
.addon-manager-container {
    padding: 0px;
    background-color: #fff;
}
    .addon-manager-container .addon-header {
        margin-bottom: 15px;
        border-bottom: 1px solid #e9ecef;
        padding-bottom: 15px;
    }
    .addon-manager-container .addon-header h3{
        margin-bottom: 0px;
        font-size: 14px;
        font-weight: 700;
    }
    .addon-manager-container .list-group-item {
        border: 0 !important;
        padding: 8px 16px !important;
        border-bottom: 1px solid var(--border) !important;
    }
        .addon-manager-container .list-group-item:last-child {
            border-bottom: 0 !important;
            border-radius: 0 0 12px 12px;
        }
    .addon-manager-container .form-check.form-switch {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding-left: 0 !important;
        min-height: auto !important;
        position: relative !important;
        flex-direction: row !important;
        gap: 12px !important;
    }
        .addon-manager-container .form-check.form-switch .form-check-label {
            order: 1 !important;
            flex: 1 !important;
            color: var(--black) !important;
            font-size: 13px !important;
            font-weight: 500 !important;
            margin-bottom: 0 !important;
            cursor: pointer !important;
            padding-left: 0 !important;
        }
        .addon-manager-container .form-check.form-switch .form-check-input {
            order: 2 !important;
        }
        /* Arrow button styling */
        .addon-manager-container .form-check.form-switch .addon-arrow-btn {
            order: 3 !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            color: var(--blue) !important;
            font-size: 20px !important;
            font-weight: 600 !important;
            cursor: pointer !important;
            text-decoration: none !important;
            transition: color 0.2s ease !important;
            padding: 0 !important;
            margin: 0 !important;
            margin-left: 16px !important;
            background: none !important;
            border: none !important;
            min-width: 24px !important;
            height: 24px !important;
            flex-shrink: 0 !important;
            outline: none !important;
        }
    .addon-manager-container .list-group .list-group-item a:before {
        right: 0px !important;
    }
    .addon-manager-container .form-check.form-switch .addon-arrow-btn:hover {
        color: var(--blue-hover) !important;
        text-decoration: none !important;
    }
    .addon-manager-container .addon-actions {
        display: flex;
        justify-content: flex-end;
        gap: 10px;
    }
    .addon-manager-container .edition-management-section {
        margin-bottom: 30px;
    }
.inline-wrap {
    flex-wrap: wrap;
    gap: 8px;
}
    .inline-wrap .checkbox ~ .checkbox {
        margin-left: 0;
    }
.add-question .mr-xl {
    margin-right: 8px;
}
.add-question .form-group {
    margin-bottom: 10px;
}
.add-question .form-inline {
    flex-wrap: wrap;
    gap: 12px;
    min-height: 30px !important;
    margin-bottom: 8px;
}
    .add-question .form-inline .form-group {
        margin-bottom: 0;
    }
    .add-question .form-inline .form-control ~ .btn {
        margin-left: 0px;
    }
.checkbox.m-label label,
.add-question .checkbox label {
    font-weight: 500 !important;
    color: var(--neutral-600);
}
.add-question .table-responsive {
    display: contents;
}
.add-question .add-question-status:not(:has(>*)) {
    display: none !important;
}
.add-question div:has(> .add-question-status:only-child) {
    min-height: 0 !important;
    margin: 0;
}
.add-question .add-question-status:only-child > div:not(:first-child) {
    margin-bottom: 8px;
}
.add-question .add-min-choices {
    margin-top: 3.5px;
}
.add-question .add-to-category > div {
    display: flex;
    gap: 12px;
}
@media (max-width: 768px) {
    .add-question .form-inline .add-to-category select.form-control {
        width: 50vw !important;
    }
}
.add-question div:has(>table) {
    height: fit-content !important;
}
.add-question table tbody tr.grid-header td {
    padding-bottom: 12px !important;
}
.add-question .copy-question-text {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.add-question .copy-question-text > * {
  width: auto;
}
.add-question .copy-question-text [type="button"][disabled] {
  display: none;
}
.add-question .question-instructions > div:first-child > .col-12 {
    margin-bottom: 6px;
}
.add-question .copy-question-text:has(span) {
    margin-bottom: 10px;
}
.add-question .question-instructions .checkbox {
    min-height: 30px;
}
.add-question .question-instructions > div:last-child {
    margin-bottom: 10px;
}
.add-question .question-instructions > div:only-child {
    margin-bottom: 0px;
}
.add-question .question-weight {
    margin-top: 4px;
}
    .add-question .question-weight .form-group:has(> div:not(:has(>*))) {
        display: none;
    }
    .add-question .question-weight:has(.form-group:not(:has(>*))) {
        display: none;
    }
    .add-question .question-weight:not(:has(.form-group > * )) {
        display: none;
    }
@media (max-width: 768px) {
    .add-question .question-weight .col-4 {
        max-width: 50%;
        min-width: 150px;
        width: 100%;
    }
}
.add-question .question-mustpass {
    display: flex;
    flex-direction: column;
}
    .add-question .question-mustpass .form-inline {
        flex-grow: 1;
        margin: 0;
    }
    .add-question .question-mustpass .form-group {
        display: inline-flex;
        align-items: center;
        gap: 8px;
    }
.add-question .question-min-required > div {
    display: flex;
    align-items: center;
    gap: 8px;
}
.add-question .question-min-required:not(:has(> div >*)) {
    display: none !important;
}
.add-question :is(.question-multimedia, .add-question-na, .add-question-labreport, .add-question-optional, .add-to-library) .form-group:has(>*) {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-height: 30px;
    margin-bottom: 0;
}
.add-question .add-question-labreport .form-group {
    flex-direction: column;
    gap: 0;
    align-items: flex-start;
}
.add-question .add-question-labreport .col-6 .form-group {
    margin-top: 6px;
}
.add-question :is(.add-question-labreport, .add-question-addToSection, .add-custom-choices) .checkbox {
    min-height: 30px;
}
.add-question .add-custom-choices .form-group:not(:has(>*)) {
    display: none;
}
.add-question .add-question-addToSection .form-group {
    margin-bottom: 0px;
}
.add-question .add-question-addToSection .col-12:last-child .form-group {
    margin-top: .25rem;
}
.add-question .add-question-addToSection .col-12:only-child .form-group {
    margin-top: 0;
}
.add-question .add-question-lrnSearchCrit {
    margin-top: 4px;
}
.add-question .category-choices {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 16px;
    z-index: 2;
}
    .add-question .category-choices > div {
        width: fit-content;
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
    }
.add-question .response-choices .table-responsive {
    width: 100%;
}
.add-question .response-choices table {
    margin-bottom: 0;
}
    .add-question .response-choices table .grid-header td {
        background: transparent !important;
    }
.add-question .response-choices .action-filter-block,
.add-question .response-choices .dropdown-group:has(.ph-columns) {
    display: none !important;
}
.add-category .checkbox {
    width: fit-content;
    padding-left: calc(var(--bs-gutter-x) * .5) !important;
}
    .add-category .checkbox ~ .checkbox {
        margin-left: 0;
    }
.add-category .category-type-inputs {
    min-height: 40px;
    display: flex;
    gap: 8px;
}
.add-category-group-categories .form-group > div:first-child {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
    .add-category-group-categories .form-group > div:first-child .form-label {
        margin-bottom: 0;
    }
.add-from-choicegroup table tr td input[type="button"] {
    background: none;
    border: 1px solid var(--neutral-400);
    border-radius: 6px;
    aspect-ratio: 1 / 1;
    width: 20px;
    height: 20px;
    line-height: 14px;
    text-align: center;
    padding: 0;
}
.add-from-choicegroup table tr > td > .row > .col-10 {
    display: flex;
    align-items: center;
    padding: 0;
}
.add-from-choicegroup table table {
    margin-top: 10px !important;
}
    .add-from-choicegroup table table > tbody > tr > td .row:first-of-type {
        padding-left: 20px;
    }
    .add-from-choicegroup table table tr :is(td, th):first-child {
        position: relative;
        text-align: right !important;
    }
    .add-from-choicegroup table table tr:has(>[scope="col"]) th {
        border-top: 1px solid var(--border) !important;
    }
    .add-from-choicegroup table table tr :is(td, th):nth-of-type(3),
    .add-from-choicegroup table table tr :is(td, th):nth-of-type(4) {
        text-align: center;
    }
    .add-from-choicegroup table table tr :is(td, th) input[type="checkbox"] {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
    }
.add-labreport-definedfor .col-1 {
    width: 90px;
    align-items: center;
    display: flex;
}
@media (max-width: 768px) {
    .add-labreport-definedfor {
        overflow-x: auto;
    }
        .add-labreport-definedfor > .row {
            min-width: 750px;
        }
}
.multimedia-library .form-label {
    margin-bottom: 8px;
}
.multimedia-library .form-group {
    margin-bottom: 0;
}
.multimedia-library .search-panel .action-button-container {
    padding-left: 10px;
}
    .multimedia-library .search-panel .action-button-container:empty {
        display: none;
    }
    .multimedia-library .search-panel .action-button-container .btn {
        margin: 0;
        height: 40px;
    }
.multimedia-library-filters {
    padding-left: 0;
}
    .multimedia-library-filters .checkbox label {
        font-weight: 500 !important;
        color: var(--neutral-600);
    }
    .multimedia-library-filters .form-group {
        display: flex;
        justify-content: space-evenly;
        gap: 10px;
    }
        .multimedia-library-filters .form-group input[type="button"] {
            flex-grow: 1;
        }
.multimedia-library-folders .TreeView {
    font-family: var(--font);
    font-size: 13px;
}
.multimedia-library-folders .TreeNode:not(tr) {
    padding: 3px !important;
}
.multimedia-library-folders :is(.TreeNode, tr) {
    background-color: transparent;
    border: 1px solid transparent;
}
.multimedia-library-folders input[type="checkbox"] {
    margin-right: 6px;
}
.multimedia-library-folders a {
    display: inline-flex;
    align-items: center;
    overflow: hidden;
}
    .multimedia-library-folders a > img {
        margin-top: -3px;
        translate: 2px;
    }
.multimedia-library-treeview {
    border: 1px solid var(--neutral-300);
    border-radius: 8px;
    padding: 8px;
    margin-bottom: 12px;
    overflow-x: auto;
    max-height: 300px;
}
    .multimedia-library-treeview table tr {
        display: flex;
        border: 1px solid transparent;
    }
    .multimedia-library-treeview table :is(.SelectedNode, .HoverNode) {
        padding: 0;
        background-color: var(--neutral-50);
        border: 1px solid var(--neutral-400);
        border-radius: 8px;
        color: var(--brand-primary) !important;
    }
    .multimedia-library-treeview table tr.SelectedNode td.SelectedNode {
        border: 1px solid var(--neutral-50);
    }
    .multimedia-library-treeview table td {
        display: inline-flex;
        align-items: center;
        min-width: 16px;
    }
        .multimedia-library-treeview table td > img {
            display: none;
        }
.multimedia-library .emsgrid .emsgrid-pager-custom .emsgrid-pager-left-section span {
    white-space: nowrap;
}
.multimedia-library .emsgrid .emsgrid-pager-custom .emsgrid-pager-right-section {
    flex-wrap: wrap;
    justify-content: flex-end;
}
.multimedia .TabContent {
    border-radius: 8px;
}
.multimedia .multimedia-library-treeview {
    border: 1px solid var(--neutral-400);
}
.add-file .col-md-8 > .row > .col-md-2,
.add-file .col-md-12 .col-md-2 {
    width: fit-content;
    display: flex;
    align-items: center;
}
.add-file .row:has(> .col-md-8 [type="file"]) {
    display: grid;
    grid-template-columns: repeat(2, auto);
}
.add-file .row:has(> .col-md-8 .col-md-12[style*="display:none"]) {
    display: grid;
    grid-template-columns: repeat(1, auto);
}
.add-file .col-md-8 {
    width: auto;
}
.add-file .col-md-10:has(> input) {
    display: flex;
    gap: 10px;
    width: 100%;
}
.add-file .col-md-12:has( > .col-md-10),
.add-file .row:has(>.col-md-10 > input) {
    display: grid;
    grid-template-columns: auto auto;
}
.add-file .row:has(>.col-md-10 > a[style*="display:none"]) {
    grid-template-columns: auto;
}
.add-file .col-md-2:has(> input[style*="display:none"]),
.add-file .col-md-10:has(> a[style*="display:none"]) {
    display: none;
}
@media(max-width: 768px) {
    .add-file .col-md-12:has(> .col-md-10),
    .add-file .row:has(> .col-md-8) {
        grid-template-columns: minmax(auto, 90%) auto;
    }
}
.add-file .col-md-10:has(> input) a {
    width: 100%;
    border: 1px solid var(--neutral-400);
    border-radius: 8px;
    display: flex !important;
    align-items: center;
    padding: 7px 8px 8px;
}
.add-file .col-md-2 {
    width: 16%;
}
.heading-space-between {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}
    .heading-space-between > div {
        display: flex;
        align-items: center;
    }
        .heading-space-between > div:last-child {
            justify-content: flex-end;
        }
.textarea .row:not(:has(>div > :not(br))) {
    display: none;
}
.textarea .reToolCell {
    display: flex;
    overflow: hidden;
    width: fit-content !important;
    width: 100% !important;
    margin-bottom: 0;
    background: var(--neutral-50);
    border: 1px solid var(--neutral-200) !important;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding: 8px !important;
}
.textarea .RadEditor {
    display: contents;
}
    .textarea .RadEditor .reContentCell.reNoBorder {
        border: 0 !important;
    }
.textarea .reContentArea {
    border-radius: 8px;
    border: 1px solid var(--neutral-200) !important;
    width: 100% !important;
    padding: 12px 16px !important;
    font-family: var(--font) !important;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
    .textarea .reContentArea:hover {
        border-color: var(--brand-primary) !important;
    }
    .textarea .reContentArea:focus-within {
        outline: 1px solid var(--brand-primary) !important;
        border: 1px solid var(--brand-primary) !important;
    }
.textarea td:has(.reContentArea) {
    border: 0 !important;
}
.textarea :is(table, tbody, tr, td:has(.reContentArea)) {
    max-width: 100%;
}
.textarea :is(.reLeftVerticalSide, .reRightVerticalSide, .grip_first, .grip_last) {
    display: none;
}
.textarea .reToolbarWrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 8px
}
    .textarea .reToolbarWrapper .reToolbar {
        display: contents;
        border: 0px;
        margin: 0 !important;
    }
        .textarea .reToolbarWrapper .reToolbar li {
            background-color: transparent;
            cursor: pointer;
            border-radius: 8px;
            min-height: 28px;
        }
            .textarea .reToolbarWrapper .reToolbar li:hover {
                background-color: var(--neutral-50);
                background-color: var(--neutral-100);
            }
    .textarea .reToolbarWrapper .reTool {
        background-image: none !important;
        cursor: pointer;
    }
        .textarea .reToolbarWrapper .reTool span {
            cursor: pointer;
        }
    .textarea .reToolbarWrapper .reDropdown {
        display: flex;
        align-items: center;
        border-radius: 4px;
        padding: 2px 8px;
        background-image: none;
        border: 1px solid var(--neutral-200);
    }
        .textarea .reToolbarWrapper .reDropdown::after {
            content: '\E136';
            font-family: 'Phosphor';
            display: inline-block;
        }
        .textarea .reToolbarWrapper .reDropdown:hover {
            background-image: none;
        }
body:has(.textarea) .Default.reDropDownBody .reItemOver {
    background: var(--neutral-100);
    color: var(--neutral-900) !important;
}
body:has(.textarea) .reDropDownBody td {
    padding: 2px 4px;
}
body:has(.textarea) .Default.reDropDownBody {
    border: 1.5px solid var(--neutral-200);
    border-radius: 8px;
}
.textarea li:has(>.reTool) {
    display: flex;
    align-items: center;
    justify-content: center;
}
.textarea .reTool :is( .Undo, .Redo, .Bold, .Italic, .Underline, .ForeColor, .BackColor, .Indent, .Outdent, .JustifyLeft, .JustifyNone, .InsertOrderedList, .InsertUnorderedList ) {
    background-position: center;
}
.textarea .reTool .Undo {
    background-image: url('data:image/svg+xml,<svg width="19" height="7" viewBox="0 0 19 7" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.4 0.9C5.7 1.2 4.2 1.8 2.8 2.9L0 0V7H7L4.3 4.3C8 1.7 13.1 2.5 15.8 6.2C16 6.5 16.2 6.7 16.3 7L18.1 6.1C15.9 2.3 11.7 0.2 7.4 0.9Z" fill="currentColor"/></svg>');
}
.textarea .reTool .Redo {
    background-image: url('data:image/svg+xml,<svg width="18" height="7" viewBox="0 0 18 7" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.6 0.9C12.3 1.2 13.8 1.8 15.2 2.9L18 0V7H11L13.7 4.3C10 1.6 4.9 2.5 2.3 6.2C2.1 6.5 1.9 6.7 1.8 7L0 6.1C2.1 2.3 6.3 0.2 10.6 0.9Z" fill="currentColor"/></svg>');
}
.textarea .reTool .Bold {
    background-image: url('data:image/svg+xml,<svg width="11" height="14" viewBox="0 0 11 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.6 6.8C9.08963 6.50184 9.50283 6.09342 9.80666 5.60729C10.1105 5.12116 10.2966 4.57077 10.35 4C10.3593 3.48388 10.2668 2.971 10.0778 2.49063C9.88882 2.01027 9.60706 1.57184 9.24861 1.20039C8.89016 0.828938 8.46205 0.531741 7.98872 0.325776C7.51539 0.119811 7.00612 0.00911107 6.49 0H0V14H7C7.49115 13.9948 7.97646 13.8929 8.42822 13.7001C8.87998 13.5073 9.28934 13.2274 9.63293 12.8764C9.97651 12.5253 10.2476 12.1101 10.4307 11.6543C10.6138 11.1985 10.7053 10.7112 10.7 10.22V10.1C10.7003 9.40711 10.5029 8.72852 10.1309 8.14395C9.75893 7.55939 9.22782 7.09315 8.6 6.8ZM2 2H6.2C6.62617 1.98681 7.04618 2.10428 7.40368 2.33665C7.76117 2.56902 8.03904 2.90517 8.2 3.3C8.36287 3.82779 8.3102 4.39859 8.05348 4.88765C7.79677 5.37672 7.3569 5.74428 6.83 5.91C6.62538 5.96996 6.41322 6.00027 6.2 6H2V2ZM6.6 12H2V8H6.6C7.02617 7.98681 7.44618 8.10428 7.80368 8.33665C8.16117 8.56902 8.43904 8.90517 8.6 9.3C8.76287 9.82779 8.7102 10.3986 8.45349 10.8877C8.19677 11.3767 7.7569 11.7443 7.23 11.91C7.02538 11.97 6.81322 12.0003 6.6 12Z" fill="currentColor"/></svg>');
}
.textarea .reTool .Italic {
    background-image: url('data:image/svg+xml,<svg width="5" height="14" viewBox="0 0 5 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.2 4H4.2L2 14H0L2.2 4ZM3.88 0C3.68222 0 3.48888 0.0586491 3.32443 0.16853C3.15998 0.278412 3.03181 0.434591 2.95612 0.617317C2.88043 0.800043 2.86063 1.00111 2.89921 1.19509C2.9378 1.38907 3.03304 1.56725 3.17289 1.70711C3.31275 1.84696 3.49093 1.9422 3.68491 1.98079C3.87889 2.01937 4.07996 1.99957 4.26268 1.92388C4.44541 1.84819 4.60159 1.72002 4.71147 1.55557C4.82135 1.39112 4.88 1.19778 4.88 1C4.88 0.734784 4.77464 0.48043 4.58711 0.292893C4.39957 0.105357 4.14522 0 3.88 0Z" fill="currentColor"/></svg>');
}
.textarea .reTool .Underline {
    background-image: url('data:image/svg+xml,<svg width="14" height="17" viewBox="0 0 14 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14 14.9951V16.9951H0V14.9951H14ZM11 8.21012C10.9671 8.8701 10.7711 9.51165 10.4297 10.0774C10.0883 10.6432 9.61207 11.1156 9.04352 11.4524C8.47497 11.7891 7.83184 11.9798 7.17161 12.0073C6.51138 12.0349 5.85461 11.8984 5.26 11.6101C4.57464 11.3136 3.99341 10.8192 3.59077 10.1903C3.18813 9.56145 2.98242 8.82666 3 8.08012V0.000117302H1V8.21012C1.03383 9.15153 1.28885 10.0717 1.74442 10.8963C2.19998 11.7208 2.84329 12.4265 3.62227 12.9562C4.40125 13.4859 5.294 13.8247 6.22827 13.9453C7.16254 14.0659 8.11207 13.9647 9 13.6501C10.1811 13.2564 11.2059 12.4963 11.9252 11.4801C12.6446 10.464 13.0211 9.24493 13 8.00012V0.000117302H11V8.21012Z" fill="currentColor"/></svg>');
}
.textarea .reTool .ForeColor {
    background-image: url('data:image/svg+xml,<svg width="14" height="19" viewBox="0 0 14 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.1 8.494C10.1 8.494 6.5 12.394 6.5 14.794C6.49343 15.2733 6.58134 15.7492 6.75871 16.1946C6.93607 16.64 7.19941 17.046 7.53371 17.3896C8.20884 18.0835 9.13196 18.4807 10.1 18.494C11.068 18.5073 12.0017 18.1354 12.6956 17.4603C13.0392 17.126 13.3135 16.7273 13.503 16.287C13.6925 15.8467 13.7934 15.3733 13.8 14.894V14.794C13.8 12.394 10.1 8.494 10.1 8.494ZM8.63 7.137L9.299 6.413L7 0H5L0 14H2L3.43 10H6.373C7.05168 8.99091 7.80478 8.03392 8.626 7.137H8.63ZM6 2.8L7.86 8H4.144L6 2.8Z" fill="currentColor"/></svg>');
}
.textarea .reTool .BackColor {
    background-image: url('data:image/svg+xml,<svg width="19" height="15" viewBox="0 0 19 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.12362 7.74239L14.8715 2.35222L16.051 3.64813L9.95695 10.8556L7.12362 7.74239ZM4.79351 8.15357L9.32884 13.1368C9.42273 13.2298 9.53529 13.3019 9.65908 13.3482C9.78287 13.3944 9.91507 13.4139 10.0469 13.4053C10.1788 13.3967 10.3074 13.3603 10.4241 13.2983C10.5409 13.2364 10.6431 13.1503 10.7241 13.0459L18.1755 4.23297C18.324 4.06986 18.408 3.85831 18.4119 3.63779C18.4159 3.41727 18.3394 3.20286 18.1968 3.03457L15.6839 0.273413C15.5297 0.115689 15.3234 0.0194451 15.1035 0.00264146C14.8836 -0.0141622 14.6651 0.0496229 14.4888 0.182093L5.0151 6.77292C4.90354 6.84379 4.80829 6.93752 4.73563 7.04792C4.66298 7.15833 4.61459 7.28289 4.59364 7.41339C4.5727 7.54388 4.57968 7.67734 4.61414 7.80493C4.64859 7.93253 4.70973 8.05136 4.79351 8.15357ZM0 14.0293L5.61736 15.0016L7.09649 13.6554L4.0676 10.3274L0 14.0293Z" fill="currentColor"/></svg>');
}
.textarea .reTool .Indent {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 9V15L6 12L3 9ZM3 19H21V17H3V19ZM3 7H21V5H3V7ZM9 11H21V9H9V11ZM9 15H21V13H9V15Z" fill="currentColor"/></svg>');
}
.textarea .reTool .Outdent {
    background-image: url('data:image/svg+xml,<svg width="18" height="14" viewBox="0 0 18 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 7L3 10V4L0 7ZM0 14H18V12H0V14ZM0 2H18V0H0V2ZM6 6H18V4H6V6ZM6 10H18V8H6V10Z" fill="currentColor"/></svg>');
}
.textarea .reTool .JustifyLeft {
    background-image: url('data:image/svg+xml,<svg width="18" height="12" viewBox="0 0 18 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 12H6V10H0V12ZM0 5V7H12V5H0ZM0 0V2H18V0H0Z" fill="currentColor"/></svg>');
}
.textarea .reTool .JustifyNone {
    background-image: url('data:image/svg+xml,<svg width="18" height="12" viewBox="0 0 18 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 12H18V10H0V12ZM0 5V7H18V5H0ZM0 0V2H18V0H0Z" fill="currentColor"/></svg>');
}
.textarea .reTool .InsertOrderedList {
    background-image: url('data:image/svg+xml,<svg width="19" height="14" viewBox="0 0 19 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 11H2V11.5H1V12.5H2V13H0V14H3V10H0V11ZM1 4H2V0H0V1H1V4ZM0 6H1.8L0 8.1V9H3V8H1.2L3 5.9V5H0V6ZM5 1V3H19V1H5ZM5 13H19V11H5V13ZM5 8H19V6H5V8Z" fill="currentColor"/></svg>');
}
.textarea .reTool .InsertUnorderedList {
    background-image: url('data:image/svg+xml,<svg width="19" height="13" viewBox="0 0 19 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.5 5C0.7 5 0 5.7 0 6.5C0 7.3 0.7 8 1.5 8C2.3 8 3 7.3 3 6.5C3 5.7 2.3 5 1.5 5ZM1.5 0C0.7 0 0 0.7 0 1.5C0 2.3 0.7 3 1.5 3C2.3 3 3 2.3 3 1.5C3 0.7 2.3 0 1.5 0ZM1.5 10C0.7 10 0 10.7 0 11.5C0 12.3 0.7 13 1.5 13C2.3 13 3 12.3 3 11.5C3 10.7 2.3 10 1.5 10ZM5 0.5V2.5H19V0.5H5ZM5 12.5H19V10.5H5V12.5ZM5 7.5H19V5.5H5V7.5Z" fill="currentColor"/></svg>');
}
.textarea .reTool:hover {
    color: var(--brand-primary) !important;
}
.textarea .reDropdown span.RealFontSize {
    width: fit-content;
    margin-right: 4px;
}
.textarea .RadWindow .rwControlButtons a {
    transition: none;
}
.gzoomwrap .imageViewerControl {
    object-fit: contain;
    margin: auto;
}
.gzoomwrap .fa::before {
    font-family: 'Phosphor';
    color: var(--brand-primary)
}
.gzoomwrap .fa-minus::before {
    content: '\E32A'
}
.gzoomwrap .fa-plus::before {
    content: '\E3D4'
}
.gzoomwrap .fa-rotate-90::before {
    content: '\E08C'
}
.gzoomwrap .fa-rotate-270::before {
    content: '\E08A'
}
.gzoomwrap .fa-flip-vertical::before {
    content: '\ED6C'
}
.gzoomwrap .fa-flip-horizontal::before {
    content: '\ED6A'
}
.gzoomwrap .minizoompan,
.gzoomwrap .row:has(> div > a) {
    margin: auto;
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.gzoomwrap .row:has(> div > a) {
    border: 1px solid var(--neutral-300);
    border-radius: 100vmax;
    width: fit-content !important;
    padding: 4px 6px;
    margin-top: 10px;
}
@media(max-width: 768px) {
    .gzoomwrap .row:has(> div > a) {
        border-radius: 8px;
    }
}
.gzoomwrap div:has(>a) {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 11px !important;
    width: fit-content;
    cursor: pointer;
    border-radius: 100vmax;
    padding: 4px 10px;
}
    .gzoomwrap div:has(>a):hover {
        background: var(--neutral-100)
    }
    .gzoomwrap div:has(>a):nth-of-type(2) {
        margin: 0 -10px;
    }
        .gzoomwrap div:has(>a):nth-of-type(2) > a {
            color: var(--neutral-900);
            font-size: 11px;
            padding: 0;
        }
    .gzoomwrap div:has(>a) br {
        display: none;
    }
.gzoomwrap div:has(>a.fa-minus) {
    margin-right: -8px;
}
.gzoomwrap div:has(>a.fa-plus) {
    margin-left: -8px;
}
.gzoomwrap div > a {
    text-decoration: none !important;
    color: var(--brand-primary);
    font-size: 13px;
}
.btn.btn-slim {
    padding: 8px !important;
}
.btn.btn-sqr {
    aspect-ratio: 1 / 1;
}
.label-bold {
    font-size: 14px !important;
    font-weight: 700 !important;
}
.label-medium {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: var(--neutral-900) !important;
}
.gap-8 {
    display: flex;
    gap: 8px !important;
}
.gap-10 {
    display: flex;
    gap: 10px !important;
}
.gap-12 {
    display: flex;
    gap: 12px !important;
}
.text-right {
    justify-content: flex-end;
}
:is(.table-required table, table.table-required) .grid-header h2 {
    position: relative;
    margin-right: 16px !important;
}
    :is(.table-required table, table.table-required) .grid-header h2::after {
        position: absolute;
        top: 0;
        left: 100%;
        font-size: 12px;
        line-height: normal;
        color: red;
        content: '*';
        margin: 0;
    }
.percentage-input {
    display: flex;
    align-items: center;
    gap: 8px;
}
#widget1_3_16 .p-grid {
    display: grid;
    grid-template-columns: 1fr 1fr; /* 2 equal columns */
    gap: 10px;
}
#widget1_3_2 .videos-widget-heading {
    bottom: unset;
    top: 0px;
}
#widget1_3_2 .card-scroll-container, #widget1_3_16 .card-scroll-container {
    position: relative;
    top: 0px;
}
#widget1_3_16 .ems-dashboard-control .videos-widget-heading, #widget1_3_1 .ems-dashboard-control .videos-widget-heading, #widget1_3_2 .ems-dashboard-control .videos-widget-heading {
    display: inline-flex;
    top: -54px;
    width: auto;
    position: absolute;
    border-bottom: 0px !important;
    padding-right: 0px;
    right: 15px;
}
#widget1_3_16 .widget .widget-body .ems-dashboard-control, #widget1_3_1 .widget .widget-body .ems-dashboard-control, #widget1_3_2 .widget .widget-body .ems-dashboard-control {
    height: calc(100% - 0px) !important;
}
.card-scroll-container .p-grid {
    display: grid;
    grid-template-columns: repeat(4, 25%);
    gap: 10px;
    padding: 15px;
}
.card-scroll-container .p-dataview .p-dataview-content {
    background: transparent;
}
.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
    border: 0px;
}
.activitypage-header-actions {
    margin-left: auto; /* pushes this section to the right */
}
.header-actions-panel {
    display: flex;
    align-items: center; /* vertically align button, link, label */
    justify-content: flex-end;
    gap: 12px; /* space between items */
    flex-wrap: wrap;
}
.header-info-label {
    margin-bottom: 0;
    line-height: 34px; /* helps align with bootstrap button height */
}
#pills-tab.nav-pills {
    gap: 8px;
    flex-wrap: wrap;
}
#pills-tab .nav-link {
    background: var(--neutral-100);
    border: 1px solid transparent;
    color: var(--neutral-600);
    border-radius: 999px;
    font-size: 13px;
    font-weight: 500;
    padding: 6px 14px;
    transition: all 0.15s ease;
}
    #pills-tab .nav-link:not(.active):hover {
        color: var(--brand-primary);
    }
    #pills-tab .nav-link.active {
        color: var(--brand-primary);
    }
    #pills-tab .nav-link.active {
        border-color: var(--neutral-400) !important;
    }
.text-right {
    text-align: right;
}
.text-left {
    text-align: left;
}
.text-center {
    text-align: center;
}
.blueprint-header-box {
    padding: 16px;
    align-items: center;
    display: flex;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border: 1px solid var(--neutral-200);
    margin-top: 20px;
    background: var(--white);
}
    .blueprint-header-box .header-labels-container {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: right;
        margin-left: auto;
        gap: 20px;
        order: 1;
    }
    .blueprint-header-box .header-labels {
        display: flex;
        flex-direction: column;
        align-items: self-start;
        position: relative;
    }
    .blueprint-header-box .header-labels-container > *:not(:last-child)::after {
        content: '';
        width: 1px;
        height: 100%;
        background: var(--neutral-200);
        position: absolute;
        left: calc(100% + 10px);
    }
    .blueprint-header-box .header-labels .header-action-row {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 8px;
    }
    .blueprint-header-box .header-text .blueprint-sub-title {
        font-weight: 500;
        font-size: 12px;
        color: var(--neutral-500);
    }
    .blueprint-header-box .header-labels .header-action-row.sub-label {
        color: var(--neutral-500);
    }
.cursor-pointer.collapsed .accordion-toggle::before {
    font-family: "Phosphor";
    font-size: 16px;
    margin-right: 8px;
}
.cursor-pointer:not(.collapsed) .accordion-toggle::before {
    font-family: "Phosphor";
    font-size: 16px;
    margin-right: 8px;
}
.toggleActivitySection.collapse {
    display: none;
}
    .toggleActivitySection.collapse.in {
        display: block;
    }
.toggleActivitySection :is(.tab-geninfo, .tab-recurring)[collapsed] {
    display: grid;
    grid-template-rows: 0fr;
    overflow-y: hidden;
}
    .toggleActivitySection :is(.tab-geninfo, .tab-recurring)[collapsed] > div:not(.tab-recurring) {
        display: grid;
        grid-template-rows: 0fr;
    }
.toggleActivitySection :is(.tab-geninfo, .tab-recurring) {
    display: grid;
    grid-template-rows: 1fr;
    transition: 250ms grid-template-rows ease;
    overflow-x: hidden;
}
    .toggleActivitySection :is(.tab-geninfo, .tab-recurring) > div:not(.tab-recurring-toggle) {
        transition: all ease 250ms;
        overflow: hidden;
        padding: 0 2px;
    }
.toggleActivitySection :is(.tab-geninfo-toggle, .tab-recurring-toggle) .panel-heading {
    color: var(--neutral-900);
    line-height: 100%;
    border: 1px solid var(--neutral-200);
    border-radius: 8px;
    padding: 8px 16px;
    margin-bottom: 10px;
    font-size: 13px;
}
.toggleActivitySection :is(.tab-geninfo-toggle, .tab-recurring-toggle) :is(.panel-heading, .accordion-toggle) {
    display: flex;
    align-items: center;
    gap: 8px;
}
    .toggleActivitySection :is(.tab-geninfo-toggle, .tab-recurring-toggle) :is(.panel-heading, .accordion-toggle) label {
        font-size: 14px;
        font-weight: 700;
    }
.toggleActivitySection :is(.tab-geninfo-toggle, .tab-recurring-toggle) .accordion-toggle::before {
    content: '\E13C';
}
.toggleActivitySection:has(.tab-geninfo:not([collapsed])) .tab-geninfo-toggle .accordion-toggle::before,
.toggleActivitySection:has(.tab-recurring:not([collapsed])) .tab-recurring-toggle .accordion-toggle::before {
    transform: scaleY(-1);
}
.toggleActivitySection .geninfo-recurring {
    padding: 16px;
    border-radius: 8px;
}
:is(.toggleActivitySection .tab-recurring, .add-session.tab-recurring) .row {
    --bs-gutter-x: 20px;
}
    :is(.toggleActivitySection .tab-recurring, .add-session.tab-recurring) .form-inline span {
        color: var(--neutral-600);
        font-size: 12px;
        font-weight: 500;
    }
:is(.toggleActivitySection .tab-recurring, .add-session.tab-recurring) :is(.form-inline, .form-group) span:empty {
    display: none !important;
}
:is(.toggleActivitySection .tab-recurring, .add-session.tab-recurring) .form-group input[type="checkbox"] {
    vertical-align: middle;
}
:is(.toggleActivitySection .tab-recurring, .add-session.tab-recurring) .add-recurring-session .btn {
    min-height: 40px;
}
.advance-view-container .advance-view-header {
    border-bottom: 1px solid var(--neutral-200);
    align-items: center;
    padding-top: 8px;
    padding-bottom: 8px;
}
.advance-view-container .advance-view-content {
    padding-top: 8px;
    padding-bottom: 8px;
}
.advance-view-container .advance-view-content {
    padding-top: 8px;
    padding-bottom: 8px;
}
    .advance-view-container .advance-view-content .row {
        margin-bottom: 5px;
    }
    .advance-view-container .advance-view-content .swap-learner {
        font-size: 16px;
        color: var(--neutral-500)
    }
        .advance-view-container .advance-view-content .swap-learner:hover {
            text-decoration: none;
            color: var(--neutral-500)
        }
    .advance-view-container .advance-view-content td {
        padding: 0px;
    }
    .advance-view-container .advance-view-content hr {
        margin: 8px 0px;
        color: var(--bs-border-color);
        opacity: 1;
    }
.advance-view-container .advance-view-header .advance-view-header-text {
    font-weight: bold;
    height: 18px;
}
.advance-view-container .advance-view-header .advance-view-header-action > a {
    font-size: 18px;
}
    .advance-view-container .advance-view-header .advance-view-header-action > a:hover {
        text-decoration: none;
        color: var(--brand-primary)
    }
.advance-view-container {
    font-size: 12px;
}
.main-inner-section.advance-view-wrapper > section {
    padding-top: 0px;
}
.advance-view-container a {
    color: var(--brand-primary);
    line-height: 100%;
    text-decoration: none;
    font-size: 12px;
}
.advance-view-rotation-cell {
    width: 25%;
}
.advance-view-wrapper .blueprint-details-wrapper {
    border-radius: 12px;
    border: 1px solid var(--neutral-200);
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-top: 0px;
    padding: 16px;
    background: var(--white);
}
.blueprint-details-wrapper {
    font-weight: 500;
}
    .blueprint-details-wrapper .advance-table-div .row.cursor-pointer .panel.panel-default .panel-heading:before {
        content: "\E13C";
        display: inline-block;
        font-family: "Phosphor" !important;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        float: right;
        color: #666666;
        font-size: 20px;
        font-weight: 100;
        margin-top: 0px;
        translate: 0px -2px;
    }
    .blueprint-details-wrapper .advance-table-div .row.cursor-pointer.collapsed .panel.panel-default .panel-heading:before {
        content: "\E136";
    }
    .blueprint-details-wrapper .advance-table-div .form-label {
        margin-bottom: 0px;
        display: block;
    }
    .blueprint-details-wrapper .advance-table-div .row.cursor-pointer .panel.panel-default .panel-heading,
    .blueprint-details-wrapper .blueprint-encounter-header {
        position: relative;
        background: var(--neutral-100);
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        padding: 11px 12px;
        font-weight: 700;
        border-bottom: 0px;
        border: 1px solid var(--neutral-200);
    }
    .blueprint-details-wrapper .blueprint-encounter-header {
        margin-left: -0.5px;
        margin-right: -0.5px;
        display: block;
    }
.blueprint-details-action-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px;
    padding-bottom: 16px;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 20px;
}
.tab-content .blueprint-details-action-container {
    padding-top: 6px;
}
.blueprint-details-action-container .left-container {
    display: flex;
    align-items: center;
    gap: 10px;
}
.blueprint-details-action-container .blueprint-status-container {
    display: flex;
    align-items: center;
    gap: 16px;
}
    .blueprint-details-action-container .blueprint-status-container div {
        display: flex;
        align-items: center;
    }
    .blueprint-details-action-container .blueprint-status-container span {
        font-size: 14px;
    }
        .blueprint-details-action-container .blueprint-status-container span.text-pending,
        .advance-view-content .text-pending {
            color: var(--error-text);
        }
        .blueprint-details-action-container .blueprint-status-container span.text-progress,
        .advance-view-content .text-progress {
            color: var(--warning-text);
        }
        .blueprint-details-action-container .blueprint-status-container span.text-completed,
        .advance-view-content .text-completed {
            color: var(--success-text);
        }
.blueprint-details-action-container .right-container {
    display: flex;
    align-items: center;
    margin-left: auto;
    gap: 12px;
}
.blueprint-details-action-container .form-check-input {
    height: 18px;
    width: 30px;
}
.blueprint-details-action-container .form-check-label {
    font-weight: 500 !important;
    font-size: 14px;
    margin-top: 2px;
}
.btn-advance-view {
    color: var(--blue);
    text-decoration: none;
    border: 0px;
}
    .btn-advance-view:hover,
    .btn-advance-view:active,
    .btn-advance-view:focus {
        color: var(--blue) !important;
        text-decoration: none;
    }
.right-align-refresh {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
    margin-left: auto;
    padding-right: 15px;
}
    .right-align-refresh .ph {
        cursor: pointer;
        margin-left: 5px;
        color: var(--neutral-600);
        font-size: 20px;
    }
        .right-align-refresh .ph:hover {
            color: var(--blue);
        }
.more-ellipsis {
    position: relative;
}
    .more-ellipsis::before {
        content: none !important;
    }
    .more-ellipsis span::after {
        content: "...";
        font-size: 22px;
        font-weight: bold;
        position: absolute;
        top: -2px;
        right: -4px;
    }
.file-support-container {
    border: 1px solid var(--neutral-400);
    border-radius: 8px;
    overflow: hidden;
    width: 730px;
}
.file-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
}
    .file-item:not(:last-child) {
        border-bottom: 1px solid var(--neutral-400);
    }
@media (max-width: 991px) {
    .file-support-container {
        width: 100%;
    }
}
.activity-box {
    display: block;
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 15px;
}
    .activity-box .text-natural-900, .activity-box .question-link {
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 5px;
        display: inline-block;
        color: var(--neutral-900);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .activity-box .form-label {
        display: block;
    }
    .activity-box .format-type {
        display: inline-flex;
        align-items: center;
        gap: 8px
    }
        .activity-box .format-type .ph {
            display: inline-grid;
            place-items: center;
        }
    .activity-box .activity-box {
        border: 0px;
        padding: 10px 0 0 15px;
        margin: 0px;
    }
        .activity-box .activity-box .row {
            padding: 0 0;
            margin: 0px 0px 5px;
            transition: ease-in-out all 0.5s;
        }
            .activity-box .activity-box .row .checkbox {
                display: none;
            }
._breadcrumb:has(.action-button-container:empty) {
    display: none;
}
.btn-next {
    --offset: 18px;
    --gap: 4px;
    --size: 20px;
    padding-right: calc(var(--offset) + var(--size) + var(--gap)) !important;
    gap: var(--gap);
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23000000" viewBox="0 0 256 256"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg>') !important;
    background-repeat: no-repeat !important;
    background-position: calc(100% - var(--offset)) !important;
    background-size: var(--size) !important;
}
    .btn-next.btn-primary {
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23FFFFFF" viewBox="0 0 256 256"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg>') !important;
    }
.eval-dashboard-page {
    padding: 16px;
    margin-bottom: 3rem;
}
    /*.eval-dashboard-page .eval-dashboard {
        margin: auto;
        max-width: 1000px;
    }
.eval-dashboard table tr:not(:has(.grid-contant)) :is(td, th) {
    text-align: center !important;
}*/
.eval-dashboard table td img {
    object-fit: cover;
    border-radius: 4px;
}
.eval-page {
    flex-direction: column;
    align-items: center;
    padding: 16px;
}
    .eval-page .recording-status-room :is(.form-label, a),
    .eval-recording-status .row:not(.recording-status-state, .recording-status-room, .recording-status-privacy, .row-group) {
        display: none;
    }
.eval-recording-status {
    display: flex;
    justify-content: end;
    margin-bottom: 10px;
    width: 100%;
    padding: 0;
}
.sp-dashboard-page .eval-recording-status {
    padding: 0 !important;
}
.eval-page .eval-recording-status {
    padding: 0 16px;
}
/*.admin-eval-page > :is(div, header),
.prepost-eval-page > div {
    max-width: 1000px;
    margin: auto;
}*/
.admin-eval-page .grid-header > td {
    padding-right: 0 !important;
}
.prepost-eval-page .eval-recording-status {
    margin-bottom: 10px;
}
.prepost-eval-page .no-sessions {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 60vh;
    gap: 6px;
}
.eval-recording-status > div {
    width: 100%;
}
.eval-recording-status :is(.panel-body, .form-group, .row, .col-md-12, .form-inline, .form-label) {
    width: fit-content;
    display: flex;
    align-items: center;
    gap: 12px;
    white-space: nowrap;
    margin: 0;
    padding: 0;
    justify-content: space-between;
}
.eval-recording-status .panel {
    border: 0 !important;
}
.eval-recording-status .panel-body {
    width: 100%;
    flex-direction: column;
}
    .eval-recording-status .panel-body > div:nth-child(2) {
        display: flex;
        justify-content: space-between;
        flex-wrap: nowrap;
        gap: 10px;
        width: 100%;
    }
.eval-recording-status .recording-status-state .form-label {
    font-size: 14px;
}
.eval-recording-status .recording-status-state:has([style*="rgb(255, 0, 0)"]) [type="button"] {
    background-color: var(--error-text) !important;
    border-color: var(--error-text) !important;
}
.eval-recording-status select {
    width: 200px !important;
}
.eval-recording-status .row-group {
    flex-wrap: nowrap;
}
.eval-recording-status .recording-status-room a {
    display: none;
}
.eval-recording-status .recording-status-room .form-label {
    font-size: 14px;
    font-weight: 700;
    color: var(--neutral-900);
    display: block;
}
.eval-recording-status .recording-status-privacy {
    position: relative;
}
    .eval-recording-status .recording-status-privacy .form-group {
        flex-direction: column;
        gap: 0;
        max-height: 40px;
    }
        .eval-recording-status .recording-status-privacy .form-group > span {
            line-height: 1;
        }
        .eval-recording-status .recording-status-privacy .form-group > .form-inline {
            position: revert;
        }
    .eval-recording-status .recording-status-privacy > .col-md-12 {
        height: 40px;
    }
    .eval-recording-status .recording-status-privacy .form-inline span {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        font-size: 12px;
        font-weight: 500;
        color: var(--neutral-600);
        text-align: center;
        line-height: 1;
        gap: 1px;
        margin-bottom: 10px;
    }
        .eval-recording-status .recording-status-privacy .form-inline span::before {
            font-family: 'Phosphor';
            font-size: 20px;
            line-height: .6;
        }
        .eval-recording-status .recording-status-privacy .form-inline span[status="false"]::before {
            content: '\E220';
        }
        .eval-recording-status .recording-status-privacy .form-inline span[status="true"]::before {
            content: '\E224';
        }
    .eval-recording-status .recording-status-privacy .form-inline[status="true"] span::before {
        content: '\E224';
    }
    .eval-recording-status .recording-status-privacy input {
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: 0;
        min-width: 0;
        top: 0;
        left: 0;
        width: 40px;
    }
.header-island {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid var(--neutral-300);
    border-radius: 8px;
    padding: 16px;
    gap: 10px;
    flex-wrap: wrap;
}
    .header-island > div {
        display: flex;
        align-items: center;
        gap: 12px;
        max-width: 50%;
    }
@media (max-width: 1000px) {
    .header-island > div {
        max-width: none;
    }
}
.header-island > div:last-of-type {
    justify-content: flex-end;
}
.header-island-subject {
    display: flex;
    gap: 4px;
}
.header-island-subject-details {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.header-island-subject-details h3 {
    font-size: 14px;
    font-weight: 700;
    margin: 0px;
}
.header-island-subject :is(h1, p, span) {
    width: fit-content;
    margin: 0;
    text-align: left;
}
.header-island-subject h1 {
    font-size: 14px;
    font-weight: 700;
}
.header-island .btn {
    white-space: nowrap;
}
.eval-page .eval-controls {
    position: relative;
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 16px;
}
    .eval-page .eval-controls .eval-recording-status {
        margin-bottom: 0px;
        justify-content: flex-end;
        width: fit-content;
    }
.eval-page .eval-simple-session {
    margin-bottom: 10px;
}
.eval-page :is(.eval-simple-session, .eval-session > div, .eval-session-name) {
    width: fit-content;
    display: flex;
    align-items: center;
    gap: 12px;
    white-space: nowrap;
}
.eval-page :is(.eval-simple-session, .eval-session) :is(select, input[type="text"]) {
    width: 200px !important;
}
.eval-page .eval-session {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
    flex-direction: row;
    justify-content: space-between;
}
    .eval-page .eval-session .eval-session-date {
        position: relative;
        width: fit-content;
        display: flex;
        align-items: center;
        gap: 10px;
    }
        .eval-page .eval-session .eval-session-date:not(:first-of-type) {
            margin-left: 6px;
        }
        .eval-page .eval-session .eval-session-date input[type="text"] {
            padding-right: 30px;
        }
        .eval-page .eval-session .eval-session-date img {
            margin-left: -40px;
        }
    .eval-page .eval-session > div {
        flex-wrap: wrap;
    }
@media (max-width: 768px) {
    .eval-page .eval-session > div {
        gap: 4px;
    }
        .eval-page .eval-session > div > span {
            width: 100%;
        }
    .eval-page .eval-session input[type="text"] {
        width: 150px !important;
    }
    .eval-page .eval-session .eval-session-date {
        flex-wrap: wrap;
        gap: 4px;
    }
        .eval-page .eval-session .eval-session-date > span {
            width: 100%;
        }
}
/*.eval-page section[card] {
    position: relative;
    padding: 18px 48px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    width: fit-content;
    margin: auto;
}
    .eval-page section[card] h2 {
        font-size: 18px;
        color: var(--neutral-900);
        font-weight: 700;
        line-height: 1;
    }
    .eval-page section[card] [subject] {
        display: flex;
        flex-direction: column;
        gap: 8px;
        align-items: center;
    }
        .eval-page section[card] [subject] [img] {
            position: relative;
            width: 200px;
            height: 200px;
            aspect-ratio: 1/1;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
            border-radius: 100vmax;
        }
            .eval-page section[card] [subject] [img] :is(img, input[type="image"]) {
                position: absolute;
                width: 100%;
                height: 100%;
                object-fit: cover;
                z-index: 2;
            }
            .eval-page section[card] [subject] [img] i {
                position: absolute;
                font-size: 198px;
                color: var(--brand-primary);
                z-index: 1;
                border: 1px solid var(--neutral-200);
                display: block;
                border-radius: 100vmax;
            }
        .eval-page section[card] [subject] h3 {
            font-size: 20px;
            font-weight: 700;
            color: var(--neutral-900);
            margin: 0;
            line-height: 1;
        }
        .eval-page section[card] [subject] > div:not([img]) {
            display: flex;
            justify-content: center;
            gap: 4px;
            color: var(--neutral-500);
            font-weight: 500;
            font-size: 16px;
        }
    .eval-page section[card] [details] {
        display: flex;
        align-items: flex-start;
        gap: 16px;
    }
@media (max-width: 1000px) {
    .eval-page section[card] [details]:has(> :last-child:nth-child(even)) {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 16px;
    }
    .eval-page section[card] [details]:not(:has(> :last-child:nth-child(even))) {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }
    .eval-page section[card] [details] > div::after {
        display: none;
    }
    .eval-page section[card] [details] > div {
        margin-right: 0;
        margin-bottom: 10px;
    }
}
.eval-page section[card] [details] > div {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-width: 175px;
}
    .eval-page section[card] [details] > div:not(:has(>span:nth-of-type(2))) {
        display: none;
    }
    .eval-page section[card] [details] > div :is(span, p) {
        font-weight: 500;
        font-size: 16px;
        line-height: 1;
        color: var(--neutral-900);
    }
    .eval-page section[card] [details] > div span:first-child {
        color: var(--neutral-500);
        font-size: 14px;
    }
    .eval-page section[card] [details] > div:not(:last-child) {
        margin-right: 12px;
    }
        .eval-page section[card] [details] > div:not(:last-child)::after {
            content: '';
            width: 1px;
            height: 42px;
            background: var(--neutral-200);
            position: absolute;
            left: calc(100% + 12px);
        }*/
.eval-page div[hint] {
    text-align: center;
    margin: auto;
}
.eval-page div[actions] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}
    .eval-page div[actions] input:disabled {
        display: none;
    }
.telemed-lobby .header-island {
    margin: auto;
    background: var(--white);
}
.telemed-lobby .emsTimerControl {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 10px;
}
.telemed-lobby .telemed-lobby-caution {
    font-size: 14px;
    font-weight: 600;
    color: red;
}
.telemed-lobby .custom-timer {
    width: fit-content;
    padding: 4px 12px;
}
    .telemed-lobby .custom-timer span {
        font-size: 14px;
        font-weight: 600;
    }
body:has(.telemed-call, .telemed-wrapper) .wrapper > section {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    min-height: 80vh;
    margin: 0;
}
body:has(.telemed-call, .telemed-wrapper) .action-button-container {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px;
    justify-content: flex-end;
    margin: 0;
    list-style: none;
}
.telemed-call {
    margin: 0;
    width: 100%;
    flex-grow: 1;
    display: flex;
    flex-direction: row;
    align-items: normal;
    padding-top: 0;
}
    .telemed-call.hide-user-panel {
        padding: 0;
    }
@media (max-width: 1000px) {
    .telemed-call {
    }
}
.telemed-call .zoom-meeting-panel {
    flex-grow: 1;
    border-radius: 8px;
    overflow: hidden;
    max-width: 715px;
    width: 715px;
}
.telemed-call.hide-user-panel .zoom-meeting-panel {
    max-width: 0;
    width: 100%;
    min-width: 100%
}
.telemed-call iframe {
    width: 100%;
    height: 100%;
    border: 0px;
    outline: none;
}
.telemed-call .user-panel {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding: 16px;
    z-index: 2;
    transition: all ease 300ms;
}
.telemed-call.hide-user-panel .user-panel {
    max-width: 0;
    padding: 0;
}
    .telemed-call.hide-user-panel .user-panel > :not(a) {
        opacity: 0;
        pointer-events: none;
    }
.telemed-call .user-panel > a {
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    position: absolute;
    top: 0;
    left: 100%;
    color: var(--background);
    background: var(--brand-primary);
    border-radius: 6px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.telemed-call:not(.hide-user-panel) .user-panel > a {
    left: calc(100% - 40px - 16px) !important;
    color: var(--brand-primary);
    background: none !important;
    font-weight: 500;
    font-size: 16px;
    top: 16px;
    z-index: 2;
}
    .telemed-call:not(.hide-user-panel) .user-panel > a::before {
        content: '\E4F8';
    }
@media (max-width: 1000px) {
    .telemed-call .user-panel {
        position: fixed;
        background: var(--background);
        max-width: calc(100% - 96px);
        transition: translate ease 300ms;
        margin-left: 0 !important;
    }
    .telemed-call.hide-user-panel .user-panel {
        translate: calc(-100% - 16px) 0;
    }
}
.telemed-call .user-panel section[card] {
    max-width: 100%;
    padding: 16px;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    border-radius: 8px;
    gap: 10px;
    margin-bottom: 16px;
}
    .telemed-call .user-panel section[card] [details] > div {
        margin-right: 0;
        min-width: 0;
        white-space: nowrap;
    }
        .telemed-call .user-panel section[card] [details] > div::after {
            display: none;
        }
        .telemed-call .user-panel section[card] [details] > div :is(span, p) {
            font-size: 13px;
        }
    .telemed-call .user-panel section[card] [subject] {
        flex-direction: row;
    }
        .telemed-call .user-panel section[card] [subject] > div:not([img]) {
            font-size: 13px;
            flex-direction: column;
        }
        .telemed-call .user-panel section[card] [subject] [img] {
            width: 80px;
            height: 80px;
            width: 58px;
            height: 58px;
        }
            .telemed-call .user-panel section[card] [subject] [img] i {
                font-size: 80px;
                font-size: 58px;
            }
        .telemed-call .user-panel section[card] [subject] h3 {
            font-size: 16px;
        }
.telemed-call .user-panel details {
    display: flex;
    flex-direction: column;
    padding: 12px;
    border: 1px solid var(--neutral-300);
    border-radius: 8px;
}
.telemed-call .user-panel fieldset[open] {
    gap: 8px;
}
.telemed-call .user-panel details[open] > div {
    max-height: 500px;
}
.telemed-call .user-panel details:not([open]) > div {
    max-height: 0px;
    overflow: hidden;
}
.telemed-call .user-panel details summary {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    cursor: pointer;
}
.telemed-call .user-panel details[open] summary {
    padding-bottom: 12px;
}
.telemed-call .user-panel details summary::marker {
    display: none;
}
.telemed-call .user-panel details summary::after {
    content: "\E13C";
    font-family: "Phosphor";
    font-size: 16px;
}
.telemed-call .user-panel details[open] summary::after {
    transform: scaleY(-1);
}
.telemed-call .user-panel details summary span {
    margin: 0;
    color: var(--neutral-900);
    font-weight: 700;
    font-size: 13px;
    line-height: 100%;
}
.telemed-call .zoom-video-panel {
    border: 1px solid var(--neutral-300);
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    flex-grow: 1;
}
    .telemed-call .zoom-video-panel iframe {
        flex-grow: 1;
    }
.telemed-wrapper {
    margin: 0;
    width: 100%;
    flex-grow: 1;
    display: flex;
    flex-direction: row;
    align-items: normal;
    padding-top: 0;
    border-top: 1px solid var(--neutral-200);
}
    .telemed-wrapper .process-panel {
        flex-grow: 1
    }
    .telemed-wrapper .process-zoom-panel {
        --zoom-panel-width: 47vw;
        border-left: 1px solid var(--neutral-200);
        min-width: var(--zoom-panel-width);
        position: relative;
        transition: margin-right ease 300ms;
    }
    .telemed-wrapper.hide-process-zoom .process-zoom-panel {
        margin-right: calc(var(--zoom-panel-width) * -1);
    }
    .telemed-wrapper .process-zoom-panel .zoom-collapse-link {
        position: absolute;
        top: 0px;
        right: 100%;
        height: 35px;
        width: 35px;
        background: var(--brand-primary);
        transition: ease-in-out all 0.1s;
        font-size: 20px;
        color: #ffffff;
        text-decoration: none;
        cursor: pointer;
        border-radius: 6px 0 0 6px;
        z-index: 9;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .telemed-wrapper.hide-process-zoom .process-zoom-panel .zoom-collapse-link.ph-caret-right:before {
        content: "\e138";
    }
    .telemed-wrapper .process-zoom-panel .open-zoom-btn {
        position: absolute;
        top: 5px;
        left: 0px;
        width: 100%;
        text-align: center;
        height: 0px;
    }
.receive-file .form-instructions:empty {
    display: none;
}
/*.multimedia-viewer .clsTable .form-group {
    margin-bottom: 0px;
}*/
.receive-file .multimedia-viewer .multimedia-media-viewer {
    display: flex;
    justify-content: center;
    align-items: center;
}
    .receive-file .multimedia-viewer .multimedia-media-viewer .clsTable {
        padding: 0 !important;
    }
    .receive-file .multimedia-viewer .multimedia-media-viewer .form-control {
        height: auto;
        border: 0;
        padding: 0;
        margin-top: 10px;
    }
.multimedia-viewer .multimedia-pdf-viewer {
    position: relative;
    display: flex;
    flex-direction: column;
}
.receive-file .multimedia-viewer .multimedia-pdf-viewer {
    height: 100vh;
}
.multimedia-pdf-viewer .multimedia-pdf-viewer-container {
    max-width: 100%;
    overflow: auto;
    height: 100%;
    width: 100%;
}
.multimedia-pdf-viewer .multimedia-pdf-viewer-tools {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 4px;
    position: absolute;
    width: 100%;
}
.multimedia-pdf-viewer :is(.pdf-page, .pdf-zoom, .pdf-other) {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: nowrap;
    font-weight: 500;
    justify-content: space-between;
    background: var(--background);
    border-radius: 100vmax;
    padding: 4px;
    border: 1px solid var(--neutral-200);
}
    .multimedia-pdf-viewer :is(.pdf-page, .pdf-zoom, .pdf-other) a {
        display: flex;
        gap: 4px;
        width: 20px;
        font-size: 13px;
        color: transparent;
        overflow: hidden;
        white-space: nowrap;
    }
        .multimedia-pdf-viewer :is(.pdf-page, .pdf-zoom, .pdf-other) a::before {
            font-family: 'Phosphor';
            font-size: 20px;
            color: var(--brand-primary);
        }
.multimedia-pdf-viewer .pdf-other {
    visibility: hidden;
}
.multimedia-pdf-viewer .pdf-page {
    position: absolute;
    left: 0;
    right: 0;
    width: fit-content;
    margin: auto;
    gap: 4px;
}
    .multimedia-pdf-viewer .pdf-page > span {
        padding: 4px;
        border-radius: 100vmax;
    }
.multimedia-pdf-viewer .pdf-page-prev::before {
    content: '\E42E';
}
.multimedia-pdf-viewer .pdf-page-next::before {
    content: '\E430';
}
.multimedia-pdf-viewer .pdf-zoom {
    flex-direction: column;
}
.multimedia-pdf-viewer .pdf-zoom-in::before {
    content: '\E310';
}
.multimedia-pdf-viewer .pdf-zoom-out::before {
    content: '\E30E';
}
.multimedia-pdf-viewer .pdf-print::before {
    content: '\E3DC';
}
.scheduler-scroll-container {
    overflow-x: auto !important;
    overflow-y: hidden;
    width: 100%;
    position: relative;
}
.my-event-wrapper {
    padding: 4px;
    border-radius: 6px;
    color: #000;
    font-size: 13px;
    font-weight: 500;
    overflow: hidden;
}
.custom-event {
    background: none;
    padding: 4px;
    border-radius: 6px;
    padding: 10px;
    color: #000;
}
.k-scheduler .k-event.k-selected,
.k-scheduler .k-event:focus,
.k-scheduler .k-event.k-focus {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}
.k-scheduler .k-event * {
    outline: none !important;
}
.k-scheduler .k-event .k-event-delete,
.k-scheduler .k-event .k-i-close {
    display: none !important;
}
.k-scheduler .k-event {
    background-color: transparent !important;
    border-color: none;
    color: #000;
}
.emsgrid-header-right-section {
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.search-panel:empty {
    display: none;
}
.inline-percentage {
    display: flex;
    align-items: center;
    gap: 8px;
}
:is(.inline-calendar, .inline-time) {
    display: flex;
    position: relative;
    align-items: center;
}
    :is(.inline-calendar, .inline-time) [type="text"] {
        padding-right: 40px;
    }
    :is(.inline-calendar, .inline-time) :is([type="image"], .ImageButtonEnabled, i, div:has(> i)) {
        position: absolute;
        right: 12px;
    }
    :is(.inline-calendar, .inline-time):not(:has(> input)) :is([type="image"], .ImageButtonEnabled, i) {
        display: none;
    }
    :is(.inline-calendar, .inline-time) :is([type="image"], .ImageButtonEnabled, i) {
        right: 10px;
        font-size: 20px;
        color: var(--neutral-500);
    }
.toggle-button {
    background: none;
    border: 1px solid var(--neutral-400);
    border-radius: 6px;
    aspect-ratio: 1 / 1;
    width: 25px;
    height: 25px;
}
.fc-600 {
    color: var(--neutral-600);
}
.w-content {
    width: fit-content !important;
}
.text-danger {
    color: var(--error-text) !important;
    font-weight: 500;
}
.not-allowed {
    cursor: not-allowed !important;
}
.master-landing .content-wrapper .panel-body > .nav.nav-tabs {
    justify-content: flex-start;
}
    .master-landing .content-wrapper .panel-body > .nav.nav-tabs li.active a {
        min-height: 40px;
        display: flex;
        align-items: center;
        padding: 10px 16px;
    }
.access-permission table {
    margin-bottom: 0 !important;
}
    .access-permission table .grid-header td {
        padding-bottom: 10px !important;
    }
    .access-permission table table > tbody > tr > td > a, .tree-grid .emsgrid tbody table > tbody > tr > td > a {
        background: none;
        aspect-ratio: 1 / 1;
        width: 25px;
        height: 25px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 400;
        font-size: 20px;
        line-height: 0;
        padding-bottom: 1px;
        margin-right: 16px;
    }
        .access-permission table table > tbody > tr > td > a:hover, .tree-grid .emsgrid tbody table > tbody > tr > td > a:hover {
            text-decoration: none !important;
        }
    .access-permission table table > tbody > tr:only-child > td > a img, .tree-grid .emsgrid tbody table > tbody > tr > td > a img {
        display: none;
    }
    .access-permission table table > tbody > tr:only-child > td > a::after, .tree-grid .emsgrid tbody table > tbody > tr > td > a::after {
        font-family: 'Phosphor';
        content: '\ED4A';
        color: var(--brand-primary);
    }
    .access-permission table table > tbody > tr:only-child > td > a:has([alt*="Collapse"])::after, .tree-grid .emsgrid tbody table > tbody > tr > td > a:has([alt*="Collapse"])::after {
        font-family: 'Phosphor';
        content: '\ED4C';
        color: var(--neutral-600);
    }
.access-permission .emsgrid tr:last-child td:last-child {
    border-right: 0;
}
.access-permission .emsgrid td [type="checkbox"] {
    margin: 0;
}
.userAccessList .form-label:empty {
    display: none;
}
.export-grade-canvas table .grid-header td {
    padding-right: 0px !important;
}
.nbome,
.export-grade-canvas-filters {
    max-width: 800px;
}
@media (min-width: 768px) {
    .export-grade-canvas-filters > .row:last-of-type > div {
        padding-right: 32px;
    }
}
.competency-assessment-upload {
    display: flex;
    flex-wrap: wrap;
}
    .competency-assessment-upload .session-assessment {
        width: calc(50% - 13px);
    }
        .competency-assessment-upload .session-assessment .form-group {
            padding-right: 10px;
        }
            .competency-assessment-upload .session-assessment .form-group:not(:has(>*)) {
                display: none;
            }
    .competency-assessment-upload .competency-assessment-upload-section.lower-section {
        width: 50%;
        padding-left: 13px
    }
        .competency-assessment-upload .competency-assessment-upload-section.lower-section .col-md-6 {
            width: 100%;
        }
@media (max-width: 768px) {
    .competency-assessment-upload .competency-assessment-upload-section,
    .competency-assessment-upload .session-assessment {
        min-width: 100% !important;
    }
    .competency-assessment-upload .competency-assessment-upload-section {
        padding-left: 0 !important;
    }
        .competency-assessment-upload .competency-assessment-upload-section.lower-section .col-md-6 {
            padding: 0 !important;
        }
    .competency-assessment-upload .session-assessment .form-group {
        padding-right: 0 !important;
    }
}
.competency-assessment-upload .ca-right-checkbox {
    display: flex;
    align-items: center;
    gap: 6px;
    translate: -3px 3px;
}
    .competency-assessment-upload .ca-right-checkbox input[type=checkbox] {
        margin: 0;
    }
    .competency-assessment-upload .ca-right-checkbox label {
        font-weight: 500 !important;
        line-height: 1;
    }
.competency-assessment-upload .assessment-config :is(.form-label, .checkbox) {
    width: 100%;
}
.competency-assessment-upload .assessment-config .checkbox {
    flex-direction: row-reverse;
    justify-content: space-between;
}
    .competency-assessment-upload .assessment-config .checkbox label {
        font-size: 12px;
        font-weight: 500 !important;
    }
    .competency-assessment-upload .assessment-config .checkbox input {
        margin: 0;
    }
.competency-assessment-upload .assessments-table {
    border-radius: 8px;
    border: 1px solid var(--neutral-300);
    overflow: hidden;
}
    .competency-assessment-upload .assessments-table table {
        border: 0;
    }
        .competency-assessment-upload .assessments-table table tr:first-of-type th {
            border-top: 0;
        }
        .competency-assessment-upload .assessments-table table tr:last-of-type td {
            border-bottom: 0;
        }
        .competency-assessment-upload .assessments-table table :is(td, th):nth-of-type(2) {
            border-left: 0;
        }
        .competency-assessment-upload .assessments-table table :is(td, th):last-of-type {
            border-right: 0;
        }
.session-learner-survery .survery-checklist:has(.form-group > div > span:empty) {
    display: none;
}
:is(.session-info, .add-session) .row {
    --bs-gutter-x: 12px;
}
:is(.session-info, .add-session) .color-dropdown .color-preview {
    width: 26px;
    height: 26px;
    border: 0;
}
:is(.session-info, .add-session) .color-dropdown .dropdown-header {
    width: fit-content !important;
    gap: 4px;
}
:is(.session-info, .add-session) .color-dropdown .dropdown-arrow i {
    font-size: 20px;
}
:is(.session-info, .add-session) div.form-control:empty {
    display: none;
}
:is(.session-info, .add-session) .calendar {
    z-index: 5 !important;
}
    :is(.session-info, .add-session) .calendar.pull-right {
        right: auto !important;
    }
:is(.session-info, .add-session) .col-lg-4.col-md-6:has(br:only-child) {
    display: none;
}
:is(.session-info, .add-session) .row:has(>.col-md-12 > .form-group:only-child:empty),
:is(.session-info, .add-session) .row:has(>.col-md-12 > .form-group:only-child:not(:has(>*))),
:is(.session-info, .add-session) .row:has(>.col-md-12 > .form-group:not(:has(>*))) {
    display: none;
}
:is(.session-info, .add-session) .row:has(> .col-md-12 > .form-group:only-child:empty) {
    display: none;
}
:is(.session-info, .add-session) .col-md-4:has(> .form-label:only-child) {
    display: none;
}
:is(.session-info, .add-session) .col-md-4:has(> .form-label + div:empty) {
    display: none;
}
/*:is(.session-info, .add-session) div:has(> input + .input-group-addon) input {
    border-right: 0 !important;
}*/
:is(.session-info, .add-session) .input-group-addon {
    border-left: 0 !important;
}
:is(.session-info, .add-session) .tab-geninfo div:has(> :is(.radio, .checkbox)) {
    min-height: 30px;
    gap: 4px;
}
:is(.session-info, .add-session) .session-option .d-flex.flex-wrap.gap-2 {
    gap: 12px !important;
}
:is(.session-info, .add-session) .session-options:not(:has(.checkbox)) {
    display: none;
}
:is(.session-info, .add-session) :is(.session-chat-option, .session-proctor-option) {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-direction: row;
    flex-wrap: nowrap;
}
    :is(.session-info, .add-session) :is(.session-chat-option, .session-proctor-option) div {
        height: fit-content;
        width: fit-content;
        min-height: 0px !important;
    }
:is(.session-info, .add-session) .session-proctor-option:has(.radio, .checkbox) {
    width: 100%;
}
:is(.session-info, .add-session) .session-proctor-option:not(:has(.radio, .checkbox)) {
    display: none;
}
:is(.session-info, .add-session) .session-proctor-option > div {
    display: flex;
}
:is(.session-info, .add-session) .checkbox ~ .checkbox {
    margin-left: 0;
}
:is(.session-info, .add-session) :is(.radio, .checkbox) label {
    font-weight: 500 !important;
    font-size: 12px;
    line-height: 1;
    color: var(--neutral-900);
    margin-right: 8px;
}
:is(.session-info, .add-session) input[type="checkbox"] {
    margin-right: 8px;
}
:is(.session-info, .add-session) :is(#colorDropdown, #colorDropdownRec) {
    width: 230px;
    display: flex !important;
    flex-wrap: wrap;
    gap: 10px;
    border-radius: 8px;
    margin-top: 10px;
}
    :is(.session-info, .add-session) :is(#colorDropdown, #colorDropdownRec):not([style*="display: block"]) {
        display: none !important;
    }
    :is(.session-info, .add-session) :is(#colorDropdown, #colorDropdownRec) [type="checkbox"] {
        margin-right: 0px;
        width: 26px;
        height: 26px;
        border-radius: 5px;
        border: 0;
    }
:is(.session-info, .add-session) .session-instructors .form-group > .form-label {
    line-height: 1;
}
:is(.session-info, .add-session) .session-instructors .form-group:has(> input[type="button"]):has(.form-group > a) input[type="button"] {
    display: none;
}
:is(.session-info, .add-session) .session-instructors .form-group:has(> a) {
    display: flex;
    align-items: end;
    font-weight: 500;
    font-size: 14px;
    gap: 10px;
}
:is(.session-info, .add-session) .session-instructors a i {
    font-size: 16px;
    color: var(--error-text);
}
:is(.session-info, .add-session) .add-recurring-session .row {
    --bs-gutter-x: 10px;
}
.session-info:has(.session-save-recurring) div:has(>.session-save-current) {
    padding: 0 16px;
}
.session-caselist {
    display: flex;
    flex-direction: column;
}
    .session-caselist #loader {
        position: relative;
        flex-grow: 1;
    }
    .session-caselist :is(.session-blueprint, .existing-case-collection) .checkbox label {
        font-size: 12px !important;
    }
    .session-caselist:has(#loader:not([style])) > *:not(#loader),
    .session-caselist:has(#loader[style=""]) > *:not(#loader),
    .session-caselist:has(#loader[style*="block"]) > *:not(#loader) {
        opacity: 0.0 !important;
        pointer-events: none;
    }
    .session-caselist #loader #bgDiv {
        position: absolute;
        background: none;
    }
    .session-caselist #loader .Progress {
        top: 160px !important;
    }
    .session-caselist [id="rdoapplyall"] + [for="rdoapplyall"] {
        max-width: 90%;
    }
    .session-caselist [id="rdoapplythis"] + [for="rdoapplythis"] {
        max-width: 90%;
    }
    .session-caselist :is([for="rdoapplythis"], [for="rdoapplyall"]) {
        margin-bottom: 6px;
    }
    .session-caselist [name="reccapply"] {
        aspect-ratio: 1 / 1;
        min-height: 16px;
        min-width: 16px;
        margin-top: 4px;
        margin-right: 6px;
    }
    .session-caselist :is(#BluePrintControls, .blueprint-controls, .case-collection-controls) {
        display: flex;
        align-items: center;
        gap: 12px;
    }
        .session-caselist :is(#BluePrintControls, .blueprint-controls, .case-collection-controls):has(select) {
            margin-top: 6px;
        }
        .session-caselist :is(#BluePrintControls, .blueprint-controls, .case-collection-controls) :is(input, select) {
            height: 40px;
        }
    .session-caselist :is(h2,.form-label) {
        white-space: nowrap;
    }
    .session-caselist #casecollectiondetails {
        min-width: 185px;
    }
    .session-caselist #cmbRoomGroup {
        min-width: 216px;
    }
    .session-caselist .checkbox {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 0px;
    }
        .session-caselist .checkbox input {
            margin: 0;
        }
        .session-caselist .checkbox ~ .checkbox {
            margin-left: 0;
        }
        .session-caselist .checkbox.form-switch:has(>[style*="display: none"]) {
            display: none;
        }
    .session-caselist .table-wrapper {
        border-radius: 8px;
        overflow: hidden;
        display: inline-flex;
        width: 100%;
        margin-bottom: 15px;
        border: 1px solid var(--neutral-200) !important;
    }
        .session-caselist .table-wrapper table:has(table) {
            margin-bottom: 0 !important;
        }
    .session-caselist .table .grid-header {
        border: 0;
        border-bottom: 0;
    }
    .session-caselist .table tbody tr {
        border-left: 0;
        border-right: 0;
    }
    .session-caselist :is(.table, .emsgrid) .grid-header th {
        background-color: var(--neutral-100);
        font-size: 12px;
        font-weight: 700;
        line-height: 1;
        vertical-align: middle !important;
        border: 0 !important;
        padding: 16px 8px;
        color: var(--neutral-600);
    }
    .session-caselist .table :is(.btn[disabled], button.btn[disabled]) {
        background: none !important;
        border: 0;
        opacity: .5;
    }
    .session-caselist .ph:not(.progress-spin) {
        font-size: 20px;
        color: var(--neutral-400);
        margin: 0;
    }
    .session-caselist #CaseRow > td:first-of-type {
        vertical-align: middle !important;
    }
        .session-caselist #CaseRow > td:first-of-type button {
            padding: 0;
        }
    .session-caselist #CaseRow > td:is(:first-of-type, :nth-of-type(2)) .form-control[disabled] {
        text-align: center;
    }
    .session-caselist #CaseRow > td:has( > [type="checkbox"]) {
        text-align: center;
        vertical-align: middle !important;
    }
    .session-caselist #CaseRow .blueprint-toggle {
        display: flex;
        align-items: center;
        justify-content: center;
    }
        .session-caselist #CaseRow .blueprint-toggle :is(.ph-plus-square, .ph-minus-square) {
            color: var(--brand-primary);
        }
    .session-caselist #EncounterRow:has(.accordian-body.collapse:not(.in)) {
        display: none;
    }
    .session-caselist #EncounterRow .accordian-body.collapse:not(.show) {
        display: flex;
        flex-wrap: wrap;
    }
    .session-caselist #EncounterRow .ph {
        color: var(--neutral-500);
    }
    .session-caselist #EncounterRow > td {
        padding: 0px;
    }
        .session-caselist #EncounterRow > td > div {
            padding: 0 16px;
        }
    .session-caselist #EncounterRow table tr {
        border: 0;
        border-bottom: 1px solid var(--neutral-200);
    }
        .session-caselist #EncounterRow table tr th {
            text-transform: uppercase;
            color: var(--neutral-600);
            background: none;
            font-size: 12px;
            font-weight: 700;
            line-height: 1;
            vertical-align: middle !important;
            border: 0;
        }
        .session-caselist #EncounterRow table tr :is(th, td):first-of-type {
            text-align: center;
            font-weight: 700;
            line-height: 1;
            color: var(--neutral-600);
        }
        .session-caselist #EncounterRow table tr :is(th, td) {
            padding: 16px 8px;
        }
        .session-caselist #EncounterRow table tr td:first-of-type {
            font-size: 14px;
        }
        .session-caselist #EncounterRow table tr th:last-of-type {
            text-align: center;
        }
        .session-caselist #EncounterRow table tr td:last-of-type > div {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 6px;
        }
            .session-caselist #EncounterRow table tr td:last-of-type > div button {
                padding: 0;
            }
    .session-caselist #EncounterRow .accordian-body > div label {
        font-size: 14px;
        font-weight: 500;
        line-height: 1;
        color: var(--neutral-900);
    }
    .session-caselist #EncounterRow .accordian-body > .form-group {
        order: 2;
        width: fit-content;
        display: inline-flex;
        margin-right: 24px;
    }
    .session-caselist #EncounterRow div:has(> .footer-controls) {
        order: 3;
        display: inline-flex;
    }
        .session-caselist #EncounterRow div:has(> .footer-controls) > div {
            width: fit-content;
        }
    .session-caselist #EncounterRow .footer-controls {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 16px;
        width: fit-content;
    }
        .session-caselist #EncounterRow .footer-controls div {
            padding: 0;
            width: fit-content;
        }
        .session-caselist #EncounterRow .footer-controls .inline-time [type="text"] {
            width: 280px;
        }
        .session-caselist #EncounterRow .footer-controls .inline-time i {
            color: var(--neutral-500);
        }
        .session-caselist #EncounterRow .footer-controls button {
            padding: 0;
        }
:is(.session-caselist, .session-participants) .modal-header {
    border: 0;
}
:is(.session-caselist, .session-participants) .modal-body ul {
    list-style: none;
    padding-left: 0 !important;
}
.session-participants :is(strong, b) {
    font-weight: 800;
}
.session-participants .panel {
    flex-direction: column;
}
.session-participants .panel-heading {
    border-bottom: 0 !important;
    padding: 8px 0;
}
.session-participants #divuserlist {
    border-radius: 8px;
    border: 1px solid var(--neutral-300);
}
    .session-participants #divuserlist table tr {
        border: 0;
    }
    .session-participants #divuserlist table th {
        font-weight: 700;
        text-transform: uppercase;
        color: var(--neutral-600) !important;
        font-size: 12px;
        background: var(--neutral-50);
        height: 48px;
        vertical-align: middle !important;
        border: 0 !important;
    }
    .session-participants #divuserlist table :is(th, td) {
        padding: 16px 10px !important;
    }
    .session-participants #divuserlist table td:has(>.multiselect) {
        padding: 5px 10px !important;
    }
    .session-participants #divuserlist table .multiselect .selectBox select {
        min-height: 40px;
        border: 1px solid var(--neutral-300);
        border-radius: 8px;
        padding: 6px;
    }
    .session-participants #divuserlist table .multiselect .overSelect {
        padding: 6px;
        display: flex;
        align-items: center;
    }
    .session-participants #divuserlist table .multiselect .dropdown-div {
        translate: 0 -1px;
        padding: 6px;
        border: 1px solid var(--neutral-300);
        border-radius: 8px;
        box-shadow: 0 1px 16px rgba(0,0,0,0.1);
    }
        .session-participants #divuserlist table .multiselect .dropdown-div > label {
            display: flex;
            align-items: center;
            gap: 6px;
            padding: 4px 8px;
        }
            .session-participants #divuserlist table .multiselect .dropdown-div > label:hover {
                background: var(--neutral-100);
                border-radius: 8px;
            }
    .session-participants #divuserlist table:has(tr th[id="ColRole"][style*="display: none"]) .Profile + td {
        display: none;
    }
.session-participants > hr {
    margin: 1rem auto;
    margin-bottom: 2rem;
    border-color: var(--neutral-300);
}
.session-participants .ag-theme-alpine {
    font-family: var(--font) !important;
}
    .session-participants div:has(>#tbllearnermsg),
    .session-participants .ag-theme-alpine .ag-root-wrapper {
        border-radius: 8px;
        overflow: hidden;
        border-color: var(--neutral-300);
    }
    .session-participants #tbllearnermsg tr:has(>th),
    .session-participants .ag-theme-alpine .ag-header {
        background: var(--neutral-100) !important;
        background-color: var(--neutral-100) !important;
        font-family: var(--font) !important;
        font-size: 12px;
        font-weight: 700;
        line-height: 1;
        vertical-align: middle !important;
        border: 0 !important;
        color: var(--neutral-600);
    }
        .session-participants #tbllearnermsg tr th,
        .session-participants .ag-theme-alpine .ag-header .ag-header-cell-text {
            color: var(--neutral-600) !important;
            border: 0 !important;
        }
    .session-participants .ag-theme-alpine :not(.ag-row-focus, .ag-row-selected, .ag-row-editing) .ag-cell {
        border-right: 0 !important;
    }
    .session-participants .ag-theme-alpine :not(.ag-row-focus, .ag-row-selected, .ag-row-editing) .ag-cell a{
        font-size: 12px;
    }
    .session-participants .ag-theme-alpine .ag-cell-value {
        font-size: 12px;
        font-weight: 500;
        color: var(--neutral-600);
    }
        .session-participants .ag-theme-alpine .ag-cell-value[col-id="Profileid"] {
            color: var(--neutral-900);
        }
    .session-participants .ag-theme-alpine :is([col-id="Order"], [col-id="Checkin"], [col-id="Mark"], [col-id="action"]) .ag-header-cell-label,
    .session-participants .ag-theme-alpine :is([col-id="Order"], [col-id="Checkin"], [col-id="Mark"], [col-id="action"], [col-id="action"] > div) {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
    }
    .session-participants .ag-theme-alpine [col-id="action"] button {
        padding: 0;
        font-size: 20px;
        color: var(--neutral-500);
        border: 0;
        background: transparent;
    }
        .session-participants .ag-theme-alpine [col-id="action"] button:disabled {
            display: none !important;
        }
    .session-participants .ag-theme-alpine .ag-popup-editor {
        background: none;
        border: 0;
        box-shadow: none !important;
    }
    .session-participants .ag-theme-alpine .search-bar {
        min-height: 38px;
        border-radius: 8px;
        margin-top: 2px;
    }
    .session-participants .ag-theme-alpine .rich-select-container {
        border-radius: 8px;
        translate: 0 4px;
    }
    .session-participants .ag-theme-alpine .rich-select-option {
        padding: 4px 8px !important;
    }
    .session-participants .ag-theme-alpine .ag-checkbox-input-wrapper input {
        opacity: 1;
        width: 14px;
        height: 14px;
    }
    .session-participants .ag-theme-alpine .ag-checkbox-input-wrapper:after {
        display: none !important;
    }
    .session-participants .ag-theme-alpine :is(.ag-header-cell, .ag-header-group-cell, .ag-cell, .ag-full-width-row .ag-cell-wrapper.ag-row-group) {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
.session-participants #tbllearnermsg .modal-dialog .modal-content {
    max-height: 85vh;
}
.session-participants div:has(>#tbllearnermsg) {
    height: auto !important;
    max-height: 50vh;
    border: 1px solid var(--neutral-300);
}
.session-participants .session-participants-learner-header {
    margin-bottom: 12px;
    justify-content: space-between;
}
.session-participants :is(.session-participants-learner-header, .session-participants-learner-filter),
.session-participants :is(.session-participants-learner-header, .session-participants-learner-filter) > div {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0;
}
.session-participants .session-participants-learner-filter .form-inline .form-control ~ :is(.form-control, .btn) {
    margin-left: 0;
}
.session-participants .action-panel {
    padding: 0 !important;
}
    .session-participants .action-panel a.btn {
        line-height: 1;
        font-size: 16px;
        color: var(--neutral-600);
        padding: 0;
        height: 30px;
        aspect-ratio: 1 / 1;
        display: flex;
        align-items: center;
        justify-content: center;
    }
        .session-participants .action-panel a.btn i {
            margin: 0;
        }
.session-participants #tbllearnermsg tr :is(td, th) {
    padding: 12px 16px;
}
.session-participants #tbllearnermsg tr th a {
    color: var(--neutral-600);
    text-transform: none;
    font-size: 12px;
    font-weight: var(--header-font);
}
    .session-participants #tbllearnermsg tr th a:not(:hover) {
        text-decoration: none;
    }
.session-participants .ag-rich-select {
    background: none !important;
}
    .session-participants .ag-rich-select .ag-rich-select-value {
        display: none;
    }
.session-participants .header-controls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}
.session-participants :is(.footer-controls, .footer-controls > div) {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.session-participants .footer-controls {
    gap: 12px;
    padding: 4px 0;
}
    .session-participants .footer-controls span {
        font-size: 12px;
        font-weight: 500;
        color: var(--neutral-600);
    }
    .session-participants .footer-controls button {
        padding: 4px;
        font-size: 14px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        height: 34px;
        aspect-ratio: 1 / 1;
        color: var(--neutral-600);
    }
        .session-participants .footer-controls button:not(:first-of-type, :last-of-type) {
            border-radius: 0;
            border-right: 0 !important;
        }
        .session-participants .footer-controls button:first-of-type {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
            border-right: 0 !important;
        }
        .session-participants .footer-controls button:last-of-type {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }
    .session-participants .footer-controls select {
        min-height: 34px;
        min-width: 55px;
        width: fit-content !important;
        padding: 6px 10px;
        padding-right: 24px;
    }
.session-participants .btn-generate {
    width: fit-content;
}
.session-participants .ag-theme-alpine .ag-ltr :is(.ag-selection-checkbox, .ag-header-select-all) {
    margin-right: 0;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: fit-content;
}
:is(.session-learner-survery, .session-evaluation, .case-follow-up, .case-scripts, .case-events, .case-debrief) .assignment-actions {
    position: relative;
    margin-bottom: -34px;
    margin-top: 10px;
    z-index: 2;
    display: flex;
    width: 100%;
    justify-content: flex-end;
    padding: 0;
    pointer-events: none;
}
:is(.session-learner-survery, .session-evaluation, .case-follow-up, .case-scripts, .case-events, .case-debrief) .assignment-actions > div {
    pointer-events: all;
    width: fit-content;
    max-width: calc(100% - 350px);
}
.session-sp-invite-list .row:has(.form-instructions:empty) {
    display: none;
}
.tab-content:has(.session-sp-invite-list) {
    padding-top: 16px;
}
.session-evaluation .assignment-issues ul {
    list-style: none;
    margin-top: 6px;
}
.session-evaluation .assignment-issues li {
    list-style: none;
}
.tab-content:has(.session-equipments-list) {
    padding-top: 0;
}
.session-equipments-list .nav-pills {
    padding: 12px 0;
    border-bottom: 1px solid var(--neutral-200);
}
.session-equipments .emsgrid .search-panel {
    display: flex;
    align-items: center;
    gap: 12px;
}
.session-equipments .emsgrid .RadComboBox_Bootstrap {
    border: 1px solid var(--neutral-400);
    border-radius: 8px;
}
.session-equipments .emsgrid .RadComboBox_Bootstrap:hover {
    border-color: var(--blue);
}
.session-equipments .emsgrid :is(.rcbInputCell, .rcbArrowCell) {
    border: 0 !important;
}
.sp-search-list-options:not(:has(.checkbox)) {
    display: none;
}
.sp-search-list-table div:has(>table) {
    overflow-x: auto;
}
.add-user .form-group > span:empty {
    display: none;
}
.case-summary .form-label {
    color: var(--neutral-900);
}
:is(#divAccreditationsEdit, .participant-details, .manage-incidents) .emsgrid .search-panel {
    display: flex;
    align-items: center;
    gap: 12px;
}
:is(#divAccreditationsEdit, .participant-details, .cases-scenario-landing, .session-schedule) .emsgrid :is(th, td) input[type="checkbox"] {
    vertical-align: middle;
}
    :is(#divAccreditationsEdit, .participant-details, .cases-scenario-landing, .session-schedule) .emsgrid :is(th, td) input[type="checkbox"]:only-child {
        margin: 0;
    }
:is(#divAccreditationsEdit, .participant-details, .av-schedule, .session-caselist) .emsgrid :is(th, td)[align="center"] {
    text-align: center !important;
}
:is(#divAccreditationsEdit, .participant-details, .av-schedule, .session-caselist) .emsgrid :is(th, td)[align="left"] {
    text-align: left !important;
}
:is(#divAccreditationsEdit, .participant-details, .av-schedule, .session-caselist) .emsgrid :is(th, td)[align="right"] {
    text-align: right !important;
}
.participant-details .RadComboBox {
    border-radius: 8px;
    border: 1px solid var(--neutral-400);
}
.participant-details .RadComboBox:hover {
    border-color: var(--blue);
}
.participant-details .RadComboBox:is(:focus, :focus-visible) {
  outline: var(--brand-primary) 0px solid !important;
  box-shadow: inset 0px 0px 1px 1px var(--brand-primary) !important;
  border-color: var(--brand-primary) !important;
}
    .participant-details .RadComboBox td {
        border: 0 !important;
    }
.notes-details .checkbox.ms-2 {
    margin-left: 10px !important;
}
.notes-details .form-inline.mx-2 {
    margin-right: 10px !important;
    margin-left: 10px !important;
}
:is( .notes-details, .specialists-details, .case-room-details, .session-evaluation, .case-room-details-addEval, .av-schedule) :is(.checkbox, .radio) ~ :is(.checkbox, .radio) {
    margin-left: 0;
}
.notes-details .note-details-weblinks .form-inline input[type="text"]::placeholder {
    font-weight: 500;
    font-size: 14px;
}
.add-support-file-multimedia .browse-file .row {
    --bs-gutter-x: 12px
}
.add-support-file-multimedia .browse-file .gap-2 {
    gap: 12px;
}
.add-support-file-multimedia .browse-file .col-md-8 > .row > .col-md-2, .browse-file .col-md-12 .col-md-2 {
    width: fit-content;
    display: flex;
    align-items: center
}
.incidence-report .checkbox.ms-3 {
    margin-left: 10px !important;
}
:is( .notes-details, .incidence-report, .specialists-details, .case-room-details, .sp-search-list-advanceFilters, .sp-search-list-options, .session-caselist, .session-evaluation, .case-room-details-addEval, .av-schedule) :is(.checkbox, .radio) label {
    font-size: 12px;
    font-weight: 600 !important;
    color: var(--neutral-600);
    white-space: nowrap;
}
:is(.manage-incidents, .add-new-incident) .form-instructions:empty {
    display: none;
}
.refresh-casedata .form-group span:empty {
    display: none;
}
.case-room-details-addEval .avail-eval .form-group .form-inline:not(:has(.checkbox)) {
    display: none;
}
.case-room-details-addEval .catagory-list {
    padding: 8px;
    border-radius: 8px;
}
:is(.av-schedule, .case-room-details-addEval) table input[type="checkbox"] {
    vertical-align: middle;
}
.av-schedule table .checkboxlist input {
    margin-right: 5px !important;
    margin-left: 0px !important;
}
.av-schedule .emsgrid :is(th, td:first-of-type):has(>input[type="checkbox"]:only-child) {
    text-align: center !important;
}
.av-schedule .emsgrid :is(th, td:first-of-type) input[type="checkbox"] {
    margin: 0;
}
.av-schedule .emsgrid td[align="center"] {
    text-align: center !important;
}
.av-schedule .emsgrid td[align="left"] {
    text-align: left !important;
}
.av-schedule .emsgrid td[align="right"] {
    text-align: right !important;
}
:is(.case-room-details-addEval, .av-schedule) span[disabled="disabled"] {
    opacity: 0.5;
}
:is(.specialists-details, .case-room-details-addEval, .av-schedule) .form-group .form-inline {
    min-height: 25px;
    gap: 12px;
}
.specialists-details .form-inline .form-control ~ .btn {
    margin-left: 0;
}
.specialists-details .row {
    --bs-gutter-x: 12px;
}
:is(.quick-room-setup, .av-schedule) .d-flex.md-3 {
    margin-bottom: 12px !important;
}
.quick-room-setup .row.mb-3 {
    margin-bottom: 12px;
}
.quick-room-setup .col-md-3 {
    display: flex;
    align-items: center;
}
    .quick-room-setup .col-md-3 .form-group {
        margin-bottom: 0 !important;
    }
:is(.add-new-case, .case-room-details, .session-caselist, .course-particpants, .change-prime-score, .session-evaluation, .case-room-details-addEval) .form-inline.gap-3 {
    gap: 12px !important;
}
.course-particpants .form-inline.mb-3 {
    margin-bottom: 12px !important;
}
.session-caselist .table-responsive {
    overflow-x: auto;
}
/* License Upload Page Styles - Scoped to prevent bleeding */
.license-upload-page .upload-container {
    max-width: 600px;
    margin: 0 auto;
    background: white;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
.license-upload-page .upload-header {
    text-align: center;
    margin-bottom: 30px;
}
    .license-upload-page .upload-header h2 {
        color: #333;
        margin-bottom: 10px;
    }
    .license-upload-page .upload-header p {
        color: #666;
        font-size: 14px;
    }
.license-upload-page .form-group {
    margin-bottom: 20px;
}
.license-upload-page .form-label {
    display: block;
    margin-bottom: 8px;
    font-weight: bold;
    color: #333;
}
.license-upload-page .file-upload {
    width: 100%;
    padding: 10px;
    border: 2px dashed #ccc;
    border-radius: 4px;
    cursor: pointer;
}
.license-upload-page .btn-upload {
    background-color: #007bff;
    color: white;
    padding: 10px 30px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    width: 100%;
}
    .license-upload-page .btn-upload:hover {
        background-color: #0056b3;
    }
    .license-upload-page .btn-upload:disabled {
        background-color: #ccc;
        cursor: not-allowed;
    }
.license-upload-page .message {
    padding: 15px;
    margin-top: 20px;
    border-radius: 4px;
    display: none;
}
    .license-upload-page .message.success {
        background-color: #d4edda;
        color: #155724;
        border: 1px solid #c3e6cb;
    }
    .license-upload-page .message.error {
        background-color: #f8d7da;
        color: #721c24;
        border: 1px solid #f5c6cb;
    }
.license-upload-page .file-info {
    margin-top: 10px;
    padding: 10px;
    background-color: #f8f9fa;
    border-radius: 4px;
    font-size: 14px;
}
.calendar-menu-dropdown.open .dropdown-menu {
    display: block !important;
}
.calendar-menu-dropdown .dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    background-color: var(--background);
    border: 1px solid var(--border);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    background-clip: padding-box;
}
.calendar-menu-dropdown {
    position: relative;
    display: inline-block;
}
    .calendar-menu-dropdown .dropdown-menu li {
        list-style: none;
        margin: 0;
    }
        .calendar-menu-dropdown .dropdown-menu li .btn {
            display: block;
            width: 100%;
            text-align: left;
            border: none;
            background: transparent;
            padding: 3px 20px;
            clear: both;
            font-weight: normal;
            line-height: 1.42857143;
            color: #333;
            white-space: nowrap;
        }
            .calendar-menu-dropdown .dropdown-menu li .btn:hover {
                background-color: #f5f5f5;
                color: #262626;
                text-decoration: none;
            }
.soap-scoring-editor .note-block:empty {
    display: none;
}
:is(.soap-scoring-editor, .checklist-scoring, .incidence-report, .session-video-permission, .quick-room-setup) .gap-3 {
    gap: 12px !important;
}
:is(.soap-scoring-editor, .checklist-scoring) .mb-3 {
    margin-bottom: 12px !important;
}
.soap-section {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    transition: all ease 300ms;
    border: 1px solid var(--neutral-200);
}
    .soap-section summary {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 0;
        cursor: pointer;
        background: var(--neutral-100);
        padding: 14px 12px;
    }
        .soap-section summary:focus-visible {
            outline: 1.5px solid var(--brand-primary);
        }
        .soap-section summary::marker {
            display: none;
        }
        .soap-section summary::after {
            content: "\E13C";
            font-family: "Phosphor";
            font-size: 17px;
            color: var(--neutral-400);
            line-height: 1;
        }
    .soap-section[open] summary::after {
        transform: scaleY(-1);
    }
    .soap-section summary > div {
        display: flex;
        align-items: center;
        gap: 4px;
    }
    .soap-section summary :is(h3, span) {
        margin: 0;
        padding: 0;
        font-size: 14px;
        line-height: 1;
    }
    .soap-section summary > div > h3 span {
        color: var(--neutral-900);
        text-transform: uppercase;
        font-weight: 700;
    }
    .soap-section summary > div > span {
        color: var(--neutral-500);
        font-weight: 500;
    }
    .soap-section > div {
        display: grid;
        grid-template-rows: 0fr;
        transition: all ease 300ms;
    }
    .soap-section[open] > div {
        grid-template-rows: 1fr;
    }
        .soap-section[open] > div > * {
            overflow: hidden;
        }
.soap-section-question:not(:has(.form-label)) {
    display: none;
}
.soap-section .table tbody tr {
    border: 0;
}
.soap-section table:is(.soap-scoring-template, .soap-scoring-items, .soap-scoring-question-item) tr > td {
    border: 0;
    border-bottom: 1px solid var(--neutral-200);
}
.soap-section table.soap-scoring-template tr > td:not(:last-child, :last-of-type) {
    border-right: 1px solid var(--neutral-200);
}
.soap-section a.ph {
    line-height: 1;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--brand-primary);
    border-radius: 4px;
    font-weight: 500;
    border: 1px solid transparent;
    padding: 1px;
    transition: all ease 300ms;
}
    .soap-section a.ph:hover {
        color: var(--brand-primary);
        background: var(--neutral-50);
        border: 1px solid var(--neutral-200);
        text-decoration: none;
    }
.soap-section .scoring-template-ui .heading {
    background: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 8px;
    border-bottom: 1px solid var(--neutral-200);
    min-height: 36px;
}
    .soap-section .scoring-template-ui .heading span {
        margin: 0;
        line-height: 1;
        height: fit-content;
        font-size: 12px;
        font-weight: 700;
        color: var(--neutral-900);
    }
    .soap-section .scoring-template-ui .heading .top-icons {
        display: flex;
        align-items: center;
        gap: 4px;
    }
.soap-section .scoring-template-ui .description {
    position: relative;
    padding: 8px;
    padding-right: 24px;
}
    .soap-section .scoring-template-ui .description span {
        font-size: 12px;
        color: var(--neutral-500);
    }
        .soap-section .scoring-template-ui .description span :is(b, strong, h1, h2, h3, h4, h5, h6) {
            color: var(--neutral-900) !important;
        }
    .soap-section .scoring-template-ui .description .edit-2-icon {
        position: absolute;
        right: 0;
        top: 0;
        padding: 4px;
        font-size: 14px;
        border-top-left-radius: 0;
        border-bottom-right-radius: 0;
    }
.soap-section .scoring-template-ui:has(.top-icons .add-icon) :is(.heading) {
    border-bottom: 0;
}
.soap-section .scoring-template-ui:has(.top-icons .add-icon) :is(.heading > span, .description) {
    display: none;
}
.soap-section .scoring-template-ui:has(.top-icons .add-icon) .top-icons .add-icon::before {
    font-family: "Phosphor" !important;
    font-size: 32px;
    color: var(--brand-primary);
}
.soap-section .scoring-template-ui:has(.top-icons .add-icon) .top-icons .add-icon {
    font-family: var(--font) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
    font-size: 12px;
    font-weight: 500;
    color: var(--neutral-500);
    white-space: nowrap;
    border: 0;
}
    .soap-section .scoring-template-ui:has(.top-icons .add-icon) .top-icons .add-icon:hover {
        text-decoration: none;
        background: none !important;
        border: 0;
    }
        .soap-section .scoring-template-ui:has(.top-icons .add-icon) .top-icons .add-icon:hover::after {
            position: absolute;
            width: 230%;
            top: calc(100% + 4px);
            height: 1px;
            content: '';
            display: block;
            background: var(--neutral-300);
        }
.soap-section .soap-scoring-items {
    display: flex;
    flex-direction: column;
    counter-reset: question;
}
.soap-section .soap-scoring-question-item {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
    .soap-section .soap-scoring-question-item > td {
        grid-column: span 1;
        display: flex;
        width: 100%;
    }
.soap-section .soap-scoring-question-item-desc {
    grid-column: 1 / 4 !important;
    width: 100%;
    padding: 8px;
    counter-increment: question;
}
    .soap-section .soap-scoring-question-item-desc table tbody {
        display: flex;
        align-self: center;
        justify-content: space-between;
    }
        .soap-section .soap-scoring-question-item-desc table tbody tr {
            display: flex;
            width: fit-content;
        }
            .soap-section .soap-scoring-question-item-desc table tbody tr td {
                display: flex;
                align-items: flex-start;
            }
    .soap-section .soap-scoring-question-item-desc .soap-scoring-question-item-desc-text {
        font-size: 12px;
        font-weight: 700;
        margin-top: 1px;
        border: 0;
    }
        .soap-section .soap-scoring-question-item-desc .soap-scoring-question-item-desc-text::before {
            content: "Q" counter(question);
            display: inline-flex;
            margin-right: 8px;
        }
    .soap-section .soap-scoring-question-item-desc .soap-scoring-question-item-desc-edit {
        display: flex;
        align-items: center;
        gap: 8px;
    }
        .soap-section .soap-scoring-question-item-desc .soap-scoring-question-item-desc-edit td {
            padding: 0;
            margin: 0;
        }
.soap-section .soap-scoring-question-choices {
    padding: 8px 0;
    font-size: 12px;
    font-weight: 700;
}
    .soap-section .soap-scoring-question-choices:not(:last-child, :last-of-type) {
        border-right: 1px solid var(--neutral-200);
    }
    .soap-section .soap-scoring-question-choices tbody {
        position: relative;
        display: flex;
        align-items: center;
    }
        .soap-section .soap-scoring-question-choices tbody > tr {
            display: flex;
            justify-content: space-around;
            width: 100%;
            padding-right: 10px;
        }
            .soap-section .soap-scoring-question-choices tbody > tr > td {
                display: flex;
                align-items: center;
                gap: 4px;
            }
    .soap-section .soap-scoring-question-choices :is(.radio, .radio input, .radio + span) {
        margin: 0;
        padding: 0;
    }
.soap-section .soap-scoring-question-choices-edit {
    width: fit-content !important;
    position: absolute;
    right: 0px;
}
    .soap-section .soap-scoring-question-choices-edit a {
        color: var(--brand-primary);
        font-size: 14px;
    }
    .soap-section .soap-scoring-question-choices-edit a .ph{
        color: var(--brand-primary);
    }
.soap-section .soap-scoring-add-question {
    color: var(--brand-primary);
}
    .soap-section .soap-scoring-add-question::before {
        font-family: "Phosphor" !important;
        font-size: 18px !important;
        color: var(--brand-primary);
    }
.soap-section .soap-scoring-add-question {
    font-family: var(--font) !important;
    gap: 8px;
    font-size: 12px !important;
    font-weight: 500;
    white-space: nowrap;
    text-decoration: none;
    padding: 8px !important;
    height: auto !important;
    width: 100%;
    margin: auto;
}
.soap-section div:has(>.soap-scoring-add-question) {
    border-bottom: 1px solid var(--neutral-200);
}
.soap-section .soap-scoring-add-question:hover {
    text-decoration: none !important;
    background: var(--neutral-50) !important;
    border: 1px solid transparent !important;
}
    .soap-section .soap-scoring-add-question:hover::after {
        position: absolute;
        width: 100%;
        top: calc(100% + 4px);
        height: 1px;
        content: '';
        display: block;
        background: var(--neutral-300);
    }
.soap-section .soap-scoring-comments .form-group {
    padding: 8px;
}
.soap-section .soap-scoring-comments:not(:has(.form-group > span)) {
    display: none;
}
.soap-section:not(:has(.soap-scoring-comments .form-group > span)) div:has(> .soap-scoring-add-question) {
    border-bottom: 0;
}
.soap-scoring-choices-edit .emsgrid :is(th, td)[align="center"] {
    text-align: center !important;
}
.soap-scoring-choices-edit .emsgrid :is(th, td)[align="left"] {
    text-align: left !important;
}
.soap-scoring-choices-edit .emsgrid :is(th, td)[align="right"] {
    text-align: right !important;
}
.soap-printable > table {
    margin: auto;
}
.soap-printable .soap-scoring-editor {
    padding: 0 12px;
}
.soap-printable .soap-section :is(.top-icons, .edit-2-icon, .soap-scoring-question-item-desc-edit, .soap-scoring-question-choices-edit) {
    display: none !important;
}
.soap-printable .soap-section .soap-scoring-items {
    margin-bottom: 0px !important;
}
.soap-printable .soap-scoring-add-question {
    display: none !important;
}
.soap-printable .soap-scoring-question-choices {
    border-bottom: 0 !important;
}
.soap-printable .soap-scoring-question-item + .soap-scoring-question-item {
    border-top: 1px solid var(--neutral-200) !important;
}
.soap-printable .soap-section .soap-scoring-question-choices tbody > tr > td {
    gap: 6px !important;
}
.soap-printable .soap-section .soap-scoring-question-choices :is(.radio, .radio input, .radio + span) {
    min-width: 14px !important;
}
.soap-printable .CopyrightText {
    padding: 12px;
}
.ai-comparison-header {
    display: flex;
    justify-content: flex-end;
}
    .ai-comparison-header .btn-accept-all {
        color: var(--brand-primary);
        border: none;
        padding: 8px;
        font-size: 12px;
        font-weight: 500;
        border-radius: 4px;
        cursor: pointer;
        background-color: transparent;
        transition: background-color 0.2s;
    }
        .ai-comparison-header .btn-accept-all:hover {
            background-color: var(--neutral-50);
        }
.ai-question-comparison .category-header {
    font-weight: 700;
    font-size: 16px;
    margin-top: 12px;
    color: var(--neutral-900);
}
.ai-question-comparison .ai-comparison-header + .category-header {
    margin-top: 0;
}
.ai-question-comparison .category-header + .soap-question-card {
    margin-top: 8px;
}
.ai-question-comparison .question-card {
    border-bottom: 1px solid var(--neutral-200);
    padding: 16px 0;
}
.ai-question-comparison .question-header {
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.ai-question-comparison .question-text {
    flex: 0 1 auto;
    font-weight: 700;
    font-size: 13px;
    color: var(--neutral-900);
}
.ai-question-comparison .toggle-icon {
    font-size: 16px;
    color: var(--neutral-500);
    line-height: 1;
}
    .ai-question-comparison .toggle-icon:hover {
        background: var(--neutral-50);
        border-radius: 3px;
    }
.ai-question-comparison .choices-container {
    display: none;
    flex-direction: column;
    margin-bottom: 6px;
}
    .ai-question-comparison .choices-container.show {
        display: flex;
    }
.ai-question-comparison .response-text-container {
    display: none;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid var(--neutral-200);
    border-radius: 8px;
}
    .ai-question-comparison .response-text-container.show {
        display: block;
    }
.ai-question-comparison .response-text-label {
    font-weight: 600;
    color: #666;
    margin-bottom: 5px;
    font-size: 13px;
}
    .ai-question-comparison .response-text-label:empty {
        display: none;
    }
.ai-question-comparison .response-text-value {
    font-size: 13px;
    color: var(--neutral-600);
    font-weight: 500;
    white-space: pre-wrap;
}
.ai-question-comparison .choice-row {
    display: flex;
    gap: 8px;
    margin-bottom: 4px;
}
.ai-question-comparison .choice-column {
    flex: 1;
    padding: 4px;
    min-width: 0;
}
.ai-question-comparison .choice-item {
    padding: 2px 0;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
}
    .ai-question-comparison .choice-item input[type="radio"],
    .ai-question-comparison .choice-item input[type="checkbox"] {
        margin: 0;
        flex-shrink: 0;
    }
    .ai-question-comparison .choice-item label {
        flex: 1;
        margin: 0;
        cursor: default;
        font-weight: 500;
    }
.ai-question-comparison .panel-row {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 1px;
}
    .ai-question-comparison .panel-row .panel {
        border: 1px solid var(--neutral-200);
        border-radius: 8px;
        padding: 8px;
    }
    .ai-question-comparison .panel-row > .panel:nth-child(1) {
        flex: 0 0 36%;
    }
    .ai-question-comparison .panel-row > .panel:nth-child(2) {
        flex: 0 0 36%;
    }
    .ai-question-comparison .panel-row > .panel:nth-child(3) {
        flex: 0 0 25%;
    }
.ai-question-comparison .panel-title {
    font-weight: 500;
    font-size: 14px;
    color: var(--neutral-600);
    margin-bottom: 4px;
}
.ai-question-comparison .response-value {
    font-weight: 700;
    font-size: 13px;
    margin-bottom: 4px;
}
    .ai-question-comparison .response-value:last-child {
        margin-bottom: 0;
    }
.ai-question-comparison .evidence {
    font-size: 13px;
    color: var(--neutral-600);
    font-weight: 500;
}
    .ai-question-comparison .evidence a {
        color: var(--brand-primary);
        text-decoration: none;
        font-weight: 500;
        font-size: 13px;
    }
        .ai-question-comparison .evidence a:hover {
            text-decoration: underline;
            color: var(--brand-primary);
        }
.ai-question-comparison .panel-action {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
/* New Action Links Styles */
.ai-question-comparison .action-links-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-height: 60px;
}
.ai-question-comparison .action-links {
    font-size: 14px;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin: 0;
}
.ai-question-comparison .action-link {
    text-decoration: none;
    font-weight: 500;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 8px;
    border-radius: 6px;
    transition: background-color 0.2s;
}
    .ai-question-comparison .action-link.reject {
        color: var(--error-text);
    }
        .ai-question-comparison .action-link.reject::before {
            content: '\E3D6';
            font-family: "Phosphor" !important;
            font-size: 18px;
            rotate: 45deg;
        }
    .ai-question-comparison .action-link.accept {
        color: var(--success-text);
    }
        .ai-question-comparison .action-link.accept::before {
            content: '\E184';
            font-family: "Phosphor" !important;
            font-size: 18px;
        }
        .ai-question-comparison .action-link.accept:hover {
            background-color: var(--success-bg);
            text-decoration: none;
        }
    .ai-question-comparison .action-link.reject:hover {
        background-color: var(--error-bg);
        text-decoration: none;
    }
.ai-question-comparison .divider {
    color: #999;
    margin: 0 4px;
    font-size: 14px;
}
.ai-question-comparison .status-accepted {
    color: var(--success-text);
    font-weight: 500;
}
.ai-question-comparison .status-rejected {
    color: var(--error-text);
    font-weight: 500;
}
.ai-question-comparison .status-pending {
    display: none;
}
.ai-question-comparison .final-response-value {
    font-weight: 500;
    font-size: 13px;
    text-align: left;
}
.ai-question-comparison .final-decision-container {
    text-align: left;
}
/* SOAP Question Specific Styles */
.ai-question-comparison .soap-question-card {
    border: 1px solid var(--neutral-200);
    border-radius: 8px;
    margin-bottom: 15px;
    padding: 12px;
}
    .ai-question-comparison .soap-question-card .response-text-container {
        border: 0;
        padding: 0;
    }
.ai-question-comparison .competency-card {
    margin-bottom: 1px;
    padding: 8px 0 0;
}
.ai-question-comparison .competency-header {
    display: block;
    font-weight: 600;
    font-size: 12px;
    margin-bottom: 13px;
    padding: 6px;
    background: #e7f3ff;
    border-left: 3px solid #0d6efd;
    color: #084298;
}
.ai-question-comparison .competencies-section {
    margin-top: 1px;
}
/* Scale Section Styles */
.ai-question-comparison .scale-section {
    margin-bottom: 5px;
}
.ai-question-comparison .scale-header {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    margin-bottom: 8px;
}
.ai-question-comparison .scale-text {
    font-size: 13px;
    color: var(--neutral-900);
}
.ai-question-comparison .scale-header:hover .scale-text {
    text-decoration: underline;
}
.ai-question-comparison .division-headers-container {
    padding: 1px;
}
.ai-question-comparison .division-headers-row {
    display: flex;
    padding: 0;
    border: 1px solid var(--neutral-200);
    border-radius: 8px;
}
.ai-question-comparison .division-column {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 12px;
}
.ai-question-comparison .division-headers-row .division-column:not(:first-child) {
    border-left: 1px solid var(--neutral-200);
}
.ai-question-comparison .division-column .division-header {
    color: var(--neutral-600);
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 4px;
}
.ai-question-comparison .division-column .division-description {
    font-size: 13px;
    font-weight: 500;
    color: var(--neutral-600);
    min-height: 50px;
}
/* Hide empty panel rows (for non-GradingId 11 questions) */
.ai-question-comparison .panel-row:empty {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* Alternative: Hide panel-row if all child panels are empty */
.ai-question-comparison .question-card:has(.panel-row .panel:empty) .panel-row {
    display: none !important;
}
/* Hide panel-row when all children are hidden (for GradingId != 11) */
.ai-question-comparison .panel-row:has(.panel:empty, .panel > div[style*="display:none"]:only-child) {
    display: none !important;
}
/* Fallback for browsers that don't support :has() */
.ai-question-comparison .question-card .panel-row .panel:empty {
    display: none;
}
.ai-question-comparison .question-card .panel-row:has(.panel[style*="display:none"]) {
    display: none !important;
}
/* Hide panels for questions with GradingId != 11 */
.ai-question-comparison .question-card.hide-panels .panel-row {
    display: none !important;
}
/* Hide questionnaire panels for selected grading IDs */
.ai-question-comparison .question-card.hide-questionnaire-panels .panel-row {
    display: none !important;
}
.w-fit {
    width: fit-content !important;
}
.mt-16 {
    margin-top: 16px !important;
}
.mb-16 {
    margin-bottom: 16px !important;
}
.pt-16 {
    padding-top: 16px !important;
}
.pb-16 {
    padding-bottom: 16px !important;
}
.session-schedule .emsgrid-header-right-section .btn-primary {
    order: 1;
}
.session-schedule :is(.is-recurring, .is-av).ph {
    font-size: 18px;
    color: var(--neutral-500);
    line-height: 1;
    transform: scaleY(1.2);
    display: table-cell;
    vertical-align: middle;
}

.session-schedule td:has(> :is(.is-recurring, .is-av).ph) {
    display: inline-flex;
    gap: 4px;
    height: 100%;
    width: 100% !important;
    justify-content: center;
    align-items: center;
    padding: 10px 2px; 
}

/* Firefox specific styles */
@supports (-moz-appearance: none) {
    .session-schedule td:has(> :is(.is-recurring, .is-av).ph) {
        display: inline-table;
    }
}

.self-signup .activitypage-gear-wrapper {
    display: none;
}
.self-signup-uploadPic .browse-file :is(.col-md-10, .col-md-2) {
    width: fit-content;
    display: flex;
    align-items: center
}
.px-16 {
    padding-left: 16px !important;
    padding-right: 16px !important;
}
.form-switch.emsgrid-toggle {
    padding-left: 0;
}
.message-container .clsTable {
    padding-top: 8px;
}
.portrait-warning {
    position: fixed;
    inset: 0;
    z-index: 999999;
    background: #7a7a7780;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
}
.portrait-warning-box {
    max-width: 420px;
    text-align: center;
    border-radius: 12px;
    padding: 24px;
    background: #fff;
    border: 1px solid #e5e7eb;
    box-shadow: 0 8px 24px rgba(0,0,0,0.12);
}
.portrait-warning-icon {
    font-size: 42px;
    margin-bottom: 12px;
}
.portrait-warning-title {
    font-size: 18px;
    font-weight: 600;
    color: #111827;
    margin-bottom: 8px;
}
.portrait-warning-text {
    font-size: 14px;
    color: #6b7280;
}
/* iPad / tablets */
}
@media (min-width: 768px) and (max-width: 1023px) and (orientation: portrait) {
    main[content="live"], main[content="playback"] {
        flex-direction: column;
    }
    .video-feed {
        width: 100%;
        max-width: 100%;
        aspect-ratio: unset;
    }
    .video-panel {
        width: 100%;
        border: 0px;
        max-width: 100%;
    }
}
/* iPad / tablets */
@media (min-width: 768px) and (max-width: 1023px) and (orientation: landscape) {
    .video-feed {
        max-width: 60%;
    }
    .video-panel {
        max-width: 40%;
    }
}
/* Laptops */
@media (min-width: 1024px) and (max-width: 1439px) {
    /* laptop styles */
    .video-feed {
        max-width: 65%;
    }
    .video-panel {
        max-width: 35%;
    }
}
/* Large monitors */
@media (min-width: 1440px) {
    /* large desktop styles */
    .video-feed {
        max-width: 70%;
    }
    .video-panel {
        max-width: 30%;
    }
}
@media (max-width: 768px) {
    .video-player-header {
        flex-direction: column-reverse;
        gap: 1rem;
    }
    .video-player-options {
        width: 100% !important;
    }
}
@media (max-width: 1280px) {
    :is(.video-player-header, .video-player-options) {
        gap: 2px;
    }
    .video-player-options {
        gap: 2px;
    }
}
.camera-list-container {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(200px, 1fr);
    width: 100%;
}
    .camera-list-container > span {
        min-width: 0;
    }
    .camera-list-container span,
    .camera-list-container div,
    .camera-list-container a {
        min-width: 0;
    }
    .camera-list-container a {
        display: inline-flex;
        width: 100%;
    }
        .camera-list-container a > svg {
            flex-shrink: 0;
        }
.camera-link-text {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}
.split-view-left {
    display: block;
    width: 100%;
    max-width: 100%;
    float: none;
    clear: both;
    order: 1;
    aspect-ratio: auto;
    padding-bottom: 0;
}
.split-view-right {
    display: block;
    width: 100%;
    max-width: 100%;
    float: none;
    clear: both;
    order: 2;
    margin-top: 0;
}
.video-view-mode {
    width: clamp(18px, 2vw, 32px);
    height: clamp(18px, 2vw, 32px);
    border-radius: clamp(5px, 0.5vw, 7px);
    border: 1.5px solid transparent;
    background: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.13s, border-color 0.13s;
    flex-shrink: 0;
    position: relative;
    color: #b0b8c8;
}
    .video-view-mode::before {
        content: "";
        position: absolute;
        inset: 0;
        margin: auto;
        width: clamp(8px, 1.2vw, 20px);
        height: clamp(8px, 1.2vw, 20px);
        background-color: currentColor;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        -webkit-mask-size: contain;
        mask-repeat: no-repeat;
        mask-position: center;
        mask-size: contain;
    }
.video-view-mode--single:before {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='1.5' y='1.5' width='17' height='17' rx='2.5' fill='black'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='1.5' y='1.5' width='17' height='17' rx='2.5' fill='black'/%3E%3C/svg%3E") center/contain no-repeat;
}
.video-view-mode--grid:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='1.5' y='1.5' width='7.5' height='7.5' rx='1.5' fill='black'/%3E%3Crect x='11' y='1.5' width='7.5' height='7.5' rx='1.5' fill='black'/%3E%3Crect x='1.5' y='11' width='7.5' height='7.5' rx='1.5' fill='black'/%3E%3Crect x='11' y='11' width='7.5' height='7.5' rx='1.5' fill='black'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='1.5' y='1.5' width='7.5' height='7.5' rx='1.5' fill='black'/%3E%3Crect x='11' y='1.5' width='7.5' height='7.5' rx='1.5' fill='black'/%3E%3Crect x='1.5' y='11' width='7.5' height='7.5' rx='1.5' fill='black'/%3E%3Crect x='11' y='11' width='7.5' height='7.5' rx='1.5' fill='black'/%3E%3C/svg%3E");
}
.video-view-mode--column:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='1.5' y='1.5' width='9.5' height='17' rx='1.5' fill='black'/%3E%3Crect x='13' y='1.5' width='5.5' height='4.5' rx='1.2' fill='black'/%3E%3Crect x='13' y='7.8' width='5.5' height='4.5' rx='1.2' fill='black'/%3E%3Crect x='13' y='14' width='5.5' height='4.5' rx='1.2' fill='black'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='1.5' y='1.5' width='9.5' height='17' rx='1.5' fill='black'/%3E%3Crect x='13' y='1.5' width='5.5' height='4.5' rx='1.2' fill='black'/%3E%3Crect x='13' y='7.8' width='5.5' height='4.5' rx='1.2' fill='black'/%3E%3Crect x='13' y='14' width='5.5' height='4.5' rx='1.2' fill='black'/%3E%3C/svg%3E");
}
.video-view-mode--row:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='1.5' y='1.5' width='17' height='10.5' rx='1.5' fill='black'/%3E%3Crect x='1.5' y='14' width='4.5' height='4.5' rx='1.2' fill='black'/%3E%3Crect x='7.8' y='14' width='4.5' height='4.5' rx='1.2' fill='black'/%3E%3Crect x='14' y='14' width='4.5' height='4.5' rx='1.2' fill='black'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='1.5' y='1.5' width='17' height='10.5' rx='1.5' fill='black'/%3E%3Crect x='1.5' y='14' width='4.5' height='4.5' rx='1.2' fill='black'/%3E%3Crect x='7.8' y='14' width='4.5' height='4.5' rx='1.2' fill='black'/%3E%3Crect x='14' y='14' width='4.5' height='4.5' rx='1.2' fill='black'/%3E%3C/svg%3E");
}
.video-view-mode--dual:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='1.5' y='1.5' width='7.5' height='17' rx='1.5' fill='black'/%3E%3Crect x='11' y='1.5' width='7.5' height='17' rx='1.5' fill='black'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='1.5' y='1.5' width='7.5' height='17' rx='1.5' fill='black'/%3E%3Crect x='11' y='1.5' width='7.5' height='17' rx='1.5' fill='black'/%3E%3C/svg%3E");
}
.video-view-mode--triple:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='1.5' y='1.5' width='4.5' height='17' rx='1.2' fill='black'/%3E%3Crect x='7.8' y='1.5' width='4.5' height='17' rx='1.2' fill='black'/%3E%3Crect x='14' y='1.5' width='4.5' height='17' rx='1.2' fill='black'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='1.5' y='1.5' width='4.5' height='17' rx='1.2' fill='black'/%3E%3Crect x='7.8' y='1.5' width='4.5' height='17' rx='1.2' fill='black'/%3E%3Crect x='14' y='1.5' width='4.5' height='17' rx='1.2' fill='black'/%3E%3C/svg%3E");
}
.video-fullscreen-btn {
    position: relative;
    width: clamp(12px,2vw,32px);
    height: clamp(12px,2vw,32px);
    color: currentColor;
}
    .video-fullscreen-btn::before {
        content: "";
        position: absolute;
        inset: 0;
        margin: auto;
        width: clamp(4px,2vw,18px);
        height: clamp(4px,2vw,18px);
        background-color: currentColor;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        -webkit-mask-size: contain;
        mask-repeat: no-repeat;
        mask-position: center;
        mask-size: contain;
    }
    .video-fullscreen-btn::before {
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='15 3 21 3 21 9'/%3E%3Cpolyline points='9 21 3 21 3 15'/%3E%3Cline x1='21' y1='3' x2='14' y2='10'/%3E%3Cline x1='3' y1='21' x2='10' y2='14'/%3E%3C/svg%3E");
        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='15 3 21 3 21 9'/%3E%3Cpolyline points='9 21 3 21 3 15'/%3E%3Cline x1='21' y1='3' x2='14' y2='10'/%3E%3Cline x1='3' y1='21' x2='10' y2='14'/%3E%3C/svg%3E");
    }
    .video-fullscreen-btn.fullscreen-active::before {
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='4 14 10 14 10 20'/%3E%3Cpolyline points='20 10 14 10 14 4'/%3E%3Cline x1='14' y1='10' x2='21' y2='3'/%3E%3Cline x1='3' y1='21' x2='10' y2='14'/%3E%3C/svg%3E");
        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='4 14 10 14 10 20'/%3E%3Cpolyline points='20 10 14 10 14 4'/%3E%3Cline x1='14' y1='10' x2='21' y2='3'/%3E%3Cline x1='3' y1='21' x2='10' y2='14'/%3E%3C/svg%3E");
    }

    .emsgrid .emsgrid-pager-custom .emsgrid-pager-right-section .style-switcher-select {
        background-color: #fff;
    }

    .reg-editor {
        margin-bottom: 10px;
    }

.chip.room-camera[displayed][selected] {
    border: 1px solid var(--blue);
    color: var(--blue);
}
.video-player .vid-container.selected {
    border-radius: 8px;
    /*border: 1px solid #4D82FF;*/
    /*  box-shadow: 0 0 0 4px rgba(0, 163, 255, 0.25), 0 10px 25px rgba(0,0,0,0.45);*/
    box-shadow: 0 0 0 3px #4D82FF, 0 0 20px 4px rgba(77,130,255,0.6);
}
@media (max-width: 1200px) {
    main[content="live"],
    main[content="playback"] {
        flex-direction: column;
    }
    .video-floating-container {
        position: relative !important;
        max-width: none !important;
    }
    .video-feed {
        width: 100%;
        max-width: 100%;
        aspect-ratio: unset;
        flex-grow: inherit;
    }
    .video-panel {
        width: 100%;
        max-width: 100%;
        border: 0px;
        border-top: 1px solid var(--border);
    }
}