#ap-core-port {
    display: flex;
    flex-direction: column;
    height: 100vh;
}
.row{
    --bs-gutter-x: 0 !important;
}
.disabled{
    display:none;
    visibility:hidden;
    width:0px;
    height:0px;
}
.hidden {
    display: none !important;
    visibility: hidden !important;
    width: 0px !important;
    height: 0px !important;
}

body {
    overflow-x: hidden;
}
.text-left {
    text-align: left;
}
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}
.text-small {
    font-size: small;
}
.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: .3rem;
}

.core-wrapper {
    width: 100%;
}

.nav-page-overlay {
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    position: fixed;
    z-index: 70000;
}

.gbnav-wrapper {
    z-index: 50000;
    position: fixed;
    left: 250px;
    width: 250px;
    height: Calc(100vh - 68px);
    margin-left: -250px;
    overflow-y: auto;
    overflow-x: hidden;
    background: #000;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

    .gbnav-wrapper::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        background-color: #F5F5F5;
    }

    .gbnav-wrapper::-webkit-scrollbar {
        width: 10px;
        background-color: #F5F5F5;
    }

    .gbnav-wrapper::-webkit-scrollbar-thumb {
        background-color: grey;
        background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent)
    }

.gbnav-nav {
    position: absolute;
    top: 0;
    width: 250px;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 68px;
    z-index: 80000;
    max-height: calc(100vh - 68px);
    overflow-y: auto;
    overflow-x: hidden;
}

    .gbnav-nav li {
        text-indent: 20px;
        line-height: 40px;
    }

        .gbnav-nav li a {
            display: block;
            text-decoration: none;
            color: #999999;
        }

            .gbnav-nav li a:hover {
                text-decoration: none;
                color: #fff;
                background: rgba(255, 255, 255, 0.2);
            }

            .gbnav-nav li a:active, .sidebar-nav li a:focus {
                text-decoration: none;
            }

    .gbnav-nav > .sidebar-brand {
        height: 65px;
        font-size: 18px;
        line-height: 60px;
        color: lightgrey;
        font-weight: bold
    }

        .gbnav-nav > .sidebar-brand a {
            color: lightgrey;
            font-weight: bold
        }

            .gbnav-nav > .sidebar-brand a:hover {
                color: #fff;
                background: none;
            }

.gbdropdown {
    padding-left: 20px
}

.content-wrapper {
    width: 100%;
}

@media(min-width:768px) {
    #gbnav-wrapper {
        width: 250px;
    }
}

.completionList::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

.completionList::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
}

.completionList::-webkit-scrollbar-thumb {
    background-color: grey;
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent)
}

.completionList {
    border: 1px solid #ff9700;
    margin: 0px;
    padding: 2px;
    max-height: 220px;
    overflow: auto;
    background-color: #FFFFFF;
}

.listItem {
    color: #1C1C1C;
    padding: 9px;
}

.itemHighlighted {
    background-color: #ffc0c0;
    font-weight: bold;
    padding: 9px;
}

.paddingleft {
    padding-left: 25%;
    display: inline-block
}

@media only screen and (max-width: 992px) and (min-width: 567px) {
    .paddingleft {
        padding-left: 10%
    }
}

@media only screen and (max-width: 567px) {
    .paddingleft {
        padding-left: 0%
    }
}

.parent {
    /*display: flex;*/
    flex-direction: column
}

.parentcenter {
    align-self: center
}

.box {
    width: 100%;
}

.bgcolor {
    background-color: #F7F6F3;
}

.circle-progress {
    height: 100px;
    width: 100px;
    display: table-cell;
    vertical-align: middle;
    border-radius: 50%; /* may require vendor prefixes */
    background: #1d7fe5;
    display: inline-block;
}

@media only screen and (max-width: 992px) and (min-width: 567px) {
    .circle-progress {
        height: 60px;
        width: 60px;
        display: table-cell;
        vertical-align: middle;
        border-radius: 50%; /* may require vendor prefixes */
        background: #1d7fe5;
        display: inline-block;
    }
}

@media only screen and (max-width: 567px) {
    .circle-progress {
        height: 60px;
        width: 60px;
        display: table-cell;
        vertical-align: middle;
        border-radius: 50%; /* may require vendor prefixes */
        background: #1d7fe5;
        display: inline-block;
    }
}

.circle-completing {
    height: 100px;
    width: 100px;
    display: table-cell;
    vertical-align: middle;
    border-radius: 50%; /* may require vendor prefixes */
    background: #f6ad10;
    display: inline-block;
}

@media only screen and (max-width: 992px) and (min-width: 567px) {
    .circle-completing {
        height: 60px;
        width: 60px;
        display: table-cell;
        vertical-align: middle;
        border-radius: 50%; /* may require vendor prefixes */
        background: #f6ad10;
        display: inline-block;
    }
}

@media only screen and (max-width: 567px) {
    .circle-completing {
        height: 60px;
        width: 60px;
        display: table-cell;
        vertical-align: middle;
        border-radius: 50%; /* may require vendor prefixes */
        background: #f6ad10;
        display: inline-block;
    }
}

.circle-complete {
    height: 100px;
    width: 100px;
    display: table-cell;
    vertical-align: middle;
    border-radius: 50%; /* may require vendor prefixes */
    background: #39d951;
    display: inline-block;
}

@media only screen and (max-width: 992px) and (min-width: 567px) {
    .circle-complete {
        height: 60px;
        width: 60px;
        display: table-cell;
        vertical-align: middle;
        border-radius: 50%; /* may require vendor prefixes */
        background: #39d951;
        display: inline-block;
    }
}

@media only screen and (max-width: 567px) {
    .circle-complete {
        height: 60px;
        width: 60px;
        display: table-cell;
        vertical-align: middle;
        border-radius: 50%; /* may require vendor prefixes */
        background: #39d951;
        display: inline-block;
    }
}

.circle-text {
    text-align: center;
    vertical-align: middle;
    color: #F7F6F3;
    font: bold;
    height: 50px;
    font-size: 15px;
    line-height: 0.4em;
    padding-top: 28%;
}

@media only screen and (max-width: 992px) and (min-width: 567px) {
    .circle-text {
        text-align: center;
        vertical-align: middle;
        color: #F7F6F3;
        font: bold;
        font-size: 9.5px;
        line-height: 0.4em;
        padding-top: 28%;
    }
}

@media only screen and (max-width: 567px) {
    .circle-text {
        text-align: center;
        vertical-align: middle;
        color: #F7F6F3;
        font: bold;
        font-size: 8px;
        line-height: 0.4em;
        padding-top: 28%;
    }
}

.padding-all-15 {
    padding: 15px;
}

.padding-all-25 {
    padding: 25px;
}

.bold {
    font-weight: bold;
}

.LightGreyBackdrop {
    background-color: #F4F4F4;
    width: 100%;
    height: 130%;
}

.btnmargin {
    margin-left: 10px;
    margin-right: 10px;
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.6);
    z-index: 11000;
    width: 100%;
    height: 100%;
}

.popupbox {
    z-index: 11100;
    position: absolute;
    background-color: white;
    margin: 2%;
    min-height: 80vh;
    width: 96%;
    padding: 5px;
    overflow: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.Logo {
    width: 100%;
    height: auto;
    max-width: 300px
}

.Login {
    position: relative;
    margin-top: 10vh;
    margin-bottom: 10vh;
    height: 80vh;
    overflow-y: auto;
    padding: 15px;
}

.copyright {
    position: relative;
    bottom: 0
}

@media only screen and (max-height: 765px) and (min-height: 1px) {
    .Login {
        position: unset;
    }

    .copyright {
        position: unset;
        bottom: unset
    }
}

.amlActive {
    background-color: #ccc;
    color: #fff;
}

.amH {
    height: calc(100vh - 67px) !important;
    width: 100%;
    overflow: hidden;
    margin-top: -1px;
}

    .amH td {
        vertical-align: top;
    }

    .amH table {
        width: 100%
    }

.amA {
    background-color: #333;
}

.AreaSubPages {
    max-height: calc(100vh - 68px) !important;
    width: 100%;
    overflow-y: auto;
}

.AreaMenu {
    background-color: #333;
    height: calc(100vh - 68px);
    overflow-y: auto;
    padding: 0;
    margin-left: -0.25rem;
    max-width:fit-content;
}

    .AreaMenu ul {
        display: block;
        margin-bottom: 8px;
        padding-left: 0;
        list-style: none;
        max-width: fit-content;
    }

    .AreaMenu li {
        white-space: nowrap;
        margin-bottom: 0;
        color: #fff;
        padding-left: 5px;
        padding-right: 5px;
    }

        .AreaMenu li:hover {
            background-color: #ccc;
            color: #fff;
        }

        .AreaMenu li .amlActive, AreaMenu li .amlActive:hover {
            background-color: #ccc;
            color: #fff;
        }

            .AreaMenu li .amlActive a {
                color: #404040 !important;
            }

                .AreaMenu li .amlActive a:hover {
                    color: #fff;
                }

    .AreaMenu a {
        color: #fff;
        display: block;
        text-decoration: none;
        cursor: pointer;
        width: 100%;
        height: 48px;
        text-align: left;
        padding: 12px;
    }

        .AreaMenu a:hover {
            color: #404040 !important;
        }

.AreaSubMenu ul {
    display: block;
    margin-bottom: 8px;
    padding-left: 12px;
    list-style: none;
}

.AreaSubMenu:hover {
    background-color: unset !important;
    color: #fff;
}

.AreaSubMenu li {
    white-space: nowrap;
    margin-bottom: 0;
    color: #fff;
    padding-left: 5px;
    padding-right: 5px;
}

    .AreaSubMenu li:hover {
        background-color: #828282;
        color: #fff;
    }

    .AreaSubMenu li .amlActive, AreaSubMenu li .amlActive:hover {
        background-color: #828282;
        color: #fff;
    }

        .AreaSubMenu li .amlActive a {
            color: #fff;
        }

            .AreaSubMenu li .amlActive a:hover {
                color: #fff;
            }

.AreaSubMenu a {
    color: #fff;
    display: block;
    text-decoration: none;
    cursor: pointer;
    width: 100%;
    height: 48px;
    text-align: left;
    padding-top: 12px;
}

    .AreaSubMenu a:hover {
        color: #fff;
    }

@media only screen and (max-width: 767px) {
    .amHsm {
        width: 100% !important;
        float: left !important;
        text-align: left !important;
        padding: 0 !important;
    }

    .AreaSubMenu {
        height: fit-content !important;
        max-height: fit-content !important;
    }

    .AreaSubMenuUL {
        height: fit-content !important;
        max-height: fit-content !important;
    }

    .AreaMenu {
        max-width: 100% !important;
        width: 100% !important;
        height: fit-content !important;
        max-height: 15vh !important;
        overflow-x: auto;
    }

        .AreaMenu ul {
            width: 100% !important;
            max-width: 100% !important;
            height: fit-content !important;
            max-height: 18vh !important;
        }

        .AreaMenu li {
            width: 100% !important;
            text-wrap: normal;
        }
}

.width-percent-1 {
    width: 1%
}

.width-percent-2 {
    width: 2%
}

.width-percent-3 {
    width: 3%
}

.width-percent-4 {
    width: 4%
}

.width-percent-5 {
    width: 5%
}

.width-percent-6 {
    width: 6%
}

.width-percent-7 {
    width: 7%
}

.width-percent-8 {
    width: 8%
}

.width-percent-9 {
    width: 9%
}

.width-percent-10 {
    width: 10%
}

.width-percent-11 {
    width: 11%
}

.width-percent-12 {
    width: 12%
}

.width-percent-13 {
    width: 13%
}

.width-percent-14 {
    width: 14%
}

.width-percent-15 {
    width: 15%
}

.width-percent-16 {
    width: 16%
}

.width-percent-17 {
    width: 17%
}

.width-percent-18 {
    width: 18%
}

.width-percent-19 {
    width: 19%
}

.width-percent-20 {
    width: 20%
}

.width-percent-21 {
    width: 21%
}

.width-percent-22 {
    width: 22%
}

.width-percent-23 {
    width: 23%
}

.width-percent-24 {
    width: 24%
}

.width-percent-25 {
    width: 25%
}

.width-percent-26 {
    width: 26%
}

.width-percent-27 {
    width: 27%
}

.width-percent-28 {
    width: 28%
}

.width-percent-29 {
    width: 29%
}

.width-percent-30 {
    width: 30%
}

.width-percent-31 {
    width: 31%
}

.width-percent-32 {
    width: 32%
}

.width-percent-33 {
    width: 33%
}

.width-percent-34 {
    width: 34%
}

.width-percent-35 {
    width: 35%
}

.width-percent-36 {
    width: 36%
}

.width-percent-37 {
    width: 37%
}

.width-percent-38 {
    width: 38%
}

.width-percent-39 {
    width: 39%
}

.width-percent-40 {
    width: 40%
}

.width-percent-41 {
    width: 41%
}

.width-percent-42 {
    width: 42%
}

.width-percent-43 {
    width: 43%
}

.width-percent-44 {
    width: 44%
}

.width-percent-45 {
    width: 45%
}

.width-percent-46 {
    width: 46%
}

.width-percent-47 {
    width: 47%
}

.width-percent-48 {
    width: 48%
}

.width-percent-49 {
    width: 49%
}

.width-percent-50 {
    width: 50%
}

.width-percent-51 {
    width: 51%
}

.width-percent-52 {
    width: 52%
}

.width-percent-53 {
    width: 53%
}

.width-percent-54 {
    width: 54%
}

.width-percent-55 {
    width: 55%
}

.width-percent-56 {
    width: 56%
}

.width-percent-57 {
    width: 57%
}

.width-percent-58 {
    width: 58%
}

.width-percent-59 {
    width: 59%
}

.width-percent-60 {
    width: 60%
}

.width-percent-61 {
    width: 61%
}

.width-percent-62 {
    width: 62%
}

.width-percent-63 {
    width: 63%
}

.width-percent-64 {
    width: 64%
}

.width-percent-65 {
    width: 65%
}

.width-percent-66 {
    width: 66%
}

.width-percent-67 {
    width: 67%
}

.width-percent-68 {
    width: 68%
}

.width-percent-69 {
    width: 69%
}

.width-percent-70 {
    width: 70%
}

.width-percent-71 {
    width: 71%
}

.width-percent-72 {
    width: 72%
}

.width-percent-73 {
    width: 73%
}

.width-percent-74 {
    width: 74%
}

.width-percent-75 {
    width: 75%
}

.width-percent-76 {
    width: 76%
}

.width-percent-77 {
    width: 77%
}

.width-percent-78 {
    width: 78%
}

.width-percent-79 {
    width: 79%
}

.width-percent-80 {
    width: 80%
}

.width-percent-81 {
    width: 81%
}

.width-percent-82 {
    width: 82%
}

.width-percent-83 {
    width: 83%
}

.width-percent-84 {
    width: 84%
}

.width-percent-85 {
    width: 85%
}

.width-percent-86 {
    width: 86%
}

.width-percent-87 {
    width: 87%
}

.width-percent-88 {
    width: 88%
}

.width-percent-89 {
    width: 89%
}

.width-percent-90 {
    width: 90%
}

.width-percent-91 {
    width: 91%
}

.width-percent-92 {
    width: 92%
}

.width-percent-93 {
    width: 93%
}

.width-percent-94 {
    width: 94%
}

.width-percent-95 {
    width: 95%
}

.width-percent-96 {
    width: 96%
}

.width-percent-97 {
    width: 97%
}

.width-percent-98 {
    width: 98%
}

.width-percent-99 {
    width: 99%
}

.width-percent-100 {
    width: 100%
}

.true:after {
    content: "\2713";
}

.True:after {
    content: "\2713";
}

.div-oc {
    font-size: 0pc;
    height: 0;
    width: 0;
    display: none;
    visibility: hidden;
    color: white;
}

.swait {
    width: 0;
    height: 0;
    display: none;
    visibility: hidden;
}

#GBLoading {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    display: block;
    opacity: 1;
    background-color: #c1c1c1;
    z-index: 20000;
    text-align: center;
    padding-top: 40vh;
}

.GBLoader,
.GBLoader:before,
.GBLoader:after {
    background: #c1c1c1;
    -webkit-animation: load1 1s infinite ease-in-out;
    animation: load1 1s infinite ease-in-out;
    width: 1em;
    height: 4em;
}

.GBLoader {
    color: #343a40;
    text-indent: -9999em;
    margin: 88px auto;
    position: relative;
    font-size: 50px;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

    .GBLoader:before, .GBLoader:after {
        position: absolute;
        top: 0;
        content: '';
    }

    .GBLoader:before {
        left: -1.5em;
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
    }

    .GBLoader:after {
        left: 1.5em;
    }

@-webkit-keyframes load1 {
    0%, 80%, 100% {
        box-shadow: 0 0;
        height: 4em;
    }

    40% {
        box-shadow: 0 -2em;
        height: 5em;
    }
}

@keyframes load1 {
    0%, 80%, 100% {
        box-shadow: 0 0;
        height: 4em;
    }

    40% {
        box-shadow: 0 -2em;
        height: 5em;
    }
}

.o-pu {
    z-index: 12000 !important;
}

.modal-header .btn-close {
    margin: 0 !important;
}
/*! CSS Used from: https://getbootstrap.com/docs/5.0/dist/css/bootstrap.min.css */
.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: #000;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    border-radius: .25rem;
    opacity: .5;
}

    .btn-close:hover {
        color: #000;
        text-decoration: none;
        opacity: .75;
    }

    .btn-close:focus {
        outline: 0;
        box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
        opacity: 1;
    }

    .btn-close:disabled {
        pointer-events: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        opacity: .25;
    }

.modal-header .btn-close {
    padding: .5rem .5rem;
    margin: -.5rem -.5rem -.5rem auto;
}
/*! END CSS Used from: https://getbootstrap.com/docs/5.0/dist/css/bootstrap.min.css */
.autocomplete {
    position: relative;
    display: inline-block;
}

.autocomplete-items {
    position: relative;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 20000;
}

    .autocomplete-items div {
        padding: 10px;
        cursor: pointer;
        background-color: #fff;
        border-bottom: 1px solid #d4d4d4;
    }

        .autocomplete-items div:hover {
            background-color: #e9e9e9;
        }

.autocomplete-active {
    background-color: #e9e9e9 !important;
}

.pointer {
    cursor: pointer;
}

.gbitemsort-placeholder {
    background-color: slategrey;
    color: white;
    font-size: 40px;
    width: 100%;
    height: 80px
}
.hiderLabel {
    padding: 5px 10px 5px 10px;
    background-color: #ddd;
    cursor: pointer;
}

.hiderData {
    display: none;
    visibility: hidden;
}
.ctooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

    .ctooltip .ctooltiptext {
        visibility: hidden;
        width: 120px;
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
    }

    .ctooltip:hover .ctooltiptext {
        visibility: visible;
    }

.SearchPageTile {
    width: calc(33.333% - 20px);
    flex: 0 0 auto;
}

@media (max-width: 950px) {
    .SearchPageTile {
        width: calc(50% - 20px);
        flex: 0 0 auto;
    }
}

@media (max-width: 750px) {
    .SearchPageTile {
        width: calc(100% - 20px);
        flex: 0 0 auto;
    }
}

.SearchPageTileSub {
    width: calc(17% - 16px);
    margin-left: 8px;
    margin-right: 8px;
}

@media (max-width: 780px) {
    .SearchPageTileSub {
        width: calc(25% - 10px);
        margin-left: 5px;
        margin-right: 5px;
    }
}

.jumbotron {
    padding: 1rem;
    background-color: #e9ecef;
    border-radius: 0.5rem;
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.6);
    z-index: 11000;
    width: 100%;
    height: 100%;
}

.popupbox {
    z-index: 11100;
    position: absolute;
    background-color: white;
    margin: 2%;
    min-height: 80vh;
    width: 96%;
    padding: 5px;
    overflow: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.availableTrue {
    color: green;
}

.availableFalse {
    color: orangered
}

.table-header-rotated th.row-header {
    width: auto;
}

.table-header-rotated td {
    border-top: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    vertical-align: middle;
    text-align: center;
}

.table-header-rotated th.rotate-45 {
    height: 80px;
    width: 40px;
    min-width: 40px;
    max-width: 40px;
    position: relative;
    vertical-align: bottom;
    padding: 0;
    font-size: 12px;
    line-height: 0.8;
}

    .table-header-rotated th.rotate-45 > div {
        position: relative;
        top: 0px;
        left: 40px;
        height: 100%;
        -ms-transform: skew(-45deg,0deg);
        -moz-transform: skew(-45deg,0deg);
        -webkit-transform: skew(-45deg,0deg);
        -o-transform: skew(-45deg,0deg);
        transform: skew(-45deg,0deg);
        overflow: hidden;
        border-left: 1px solid #dddddd;
        border-right: 1px solid #dddddd;
        border-top: 1px solid #dddddd;
    }

    .table-header-rotated th.rotate-45 span {
        -ms-transform: skew(45deg,0deg) rotate(315deg);
        -moz-transform: skew(45deg,0deg) rotate(315deg);
        -webkit-transform: skew(45deg,0deg) rotate(315deg);
        -o-transform: skew(45deg,0deg) rotate(315deg);
        transform: skew(45deg,0deg) rotate(315deg);
        position: absolute;
        bottom: 30px;
        left: -25px;
        display: inline-block;
        width: 85px;
        text-align: left;
    }

.future-c {
    display: none;
    visibility: hidden;
    width: 0;
    height: 0;
}

.attd {
    border: 0.5px solid black;
}

@media print {
    .hop {
        display: none;
        visibility: hidden;
        width: 0px;
        height: 0px;
    }

    input, select, .btn {
        display: none;
        visibility: hidden;
        width: 0px;
        height: 0px;
    }

    .container {
        width: 100% !important;
        min-width: 100%;
        max-width: unset;
    }

    h1 {
        font-size: 25px;
    }

    h2 {
        font-size: 22px;
    }

    h3 {
        font-size: 20px;
    }

    h4 {
        font-size: 18px;
    }

    h5 {
        font-size: 15px;
    }

    h6 {
        font-size: 13px;
    }
}

.selector {
    cursor: pointer;
}

.modal-header .btn-close {
    margin: 0 !important;
}
/*! CSS Used from: https://getbootstrap.com/docs/5.0/dist/css/bootstrap.min.css */
.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: #000;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    border-radius: .25rem;
    opacity: .5;
}

    .btn-close:hover {
        color: #000;
        text-decoration: none;
        opacity: .75;
    }

    .btn-close:focus {
        outline: 0;
        box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
        opacity: 1;
    }

    .btn-close:disabled {
        pointer-events: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        opacity: .25;
    }

.modal-header .btn-close {
    padding: .5rem .5rem;
    margin: -.5rem -.5rem -.5rem auto;
}

.aspOXH {
    overflow-x: hidden;
}

.Message {
    border-top: 1px solid #e9ecef;
    border-bottom: 1px solid #e9ecef;
    border-right: 1px solid #e9ecef;
}

    .Message:hover {
        cursor: pointer;
        background-color: #e9ecef6b;
    }

.Selected {
    background-color: #e9ecef6b;
}

.MessagesList-Parent {
    border-right: 1px solid #e9ecef;
}

.Message-Content {
    padding-right: 35px;
}

.Message-Subject {
    font-size: small;
}

.Unread {
    font-weight: bold;
    border-left: 4px solid #0257d5;
}
.Recipients {
    display: flex;
    max-height: 100px;
    flex-wrap: wrap;
    overflow-y: auto;
}

    .Recipients div {
        margin: 5px 8px 2px 0px;
        display: flex;
        background-color: #e9ecef;
        padding: 2px 4px 2px 4px;
        border: 0.75px solid #cecdcd;
    }

    .Recipients span {
    }

    .Recipients b {
        margin-left: 10px;
        padding: 0 4px 0 4px;
        border: 0.75px solid #cecdcd;
        cursor: pointer;
    }

.Attachments {
    display: flex;
    max-height: 100px;
    flex-wrap: wrap;
    overflow-y: auto;
}

    .Attachments div {
        margin: 5px 8px 2px 0px;
        display: flex;
        background-color: #e9ecef;
        padding: 2px 4px 2px 4px;
        border: 0.75px solid #cecdcd;
    }

    .Attachments span {
    }

    .Attachments b {
        margin-left: 10px;
        padding: 0 4px 0 4px;
        border: 0.75px solid #cecdcd;
        cursor: pointer;
    }

.m-0 {
    margin: 0 !important;
}

.m-1 {
    margin: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.m-auto {
    margin: auto !important;
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.mx-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
}

.mx-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
}

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
}

.mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
}

.my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mt-1 {
    margin-top: 0.25rem !important;
}

.mt-2 {
    margin-top: 0.5rem !important;
}

.mt-3 {
    margin-top: 1rem !important;
}

.mt-4 {
    margin-top: 1.5rem !important;
}

.mt-5 {
    margin-top: 3rem !important;
}

.mt-auto {
    margin-top: auto !important;
}

.mr-0 {
    margin-right: 0 !important;
}

.mr-1 {
    margin-right: 0.25rem !important;
}

.mr-2 {
    margin-right: 0.5rem !important;
}

.mr-3 {
    margin-right: 1rem !important;
}

.mr-4 {
    margin-right: 1.5rem !important;
}

.mr-5 {
    margin-right: 3rem !important;
}

.mr-auto {
    margin-right: auto !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-1 {
    margin-bottom: 0.25rem !important;
}

.mb-2 {
    margin-bottom: 0.5rem !important;
}

.mb-3 {
    margin-bottom: 1rem !important;
}

.mb-4 {
    margin-bottom: 1.5rem !important;
}

.mb-5 {
    margin-bottom: 3rem !important;
}

.mb-auto {
    margin-bottom: auto !important;
}

.ml-0 {
    margin-left: 0 !important;
}

.ml-1 {
    margin-left: 0.25rem !important;
}

.ml-2 {
    margin-left: 0.5rem !important;
}

.ml-3 {
    margin-left: 1rem !important;
}

.ml-4 {
    margin-left: 1.5rem !important;
}

.ml-5 {
    margin-left: 3rem !important;
}

.ml-auto {
    margin-left: auto !important;
}

.p-0 {
    padding: 0 !important;
}

.p-1 {
    padding: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.p-5 {
    padding: 3rem !important;
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.px-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
}

.px-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
}

.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}

.py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

.pt-0 {
    padding-top: 0 !important;
}

.pt-1 {
    padding-top: 0.25rem !important;
}

.pt-2 {
    padding-top: 0.5rem !important;
}

.pt-3 {
    padding-top: 1rem !important;
}

.pt-4 {
    padding-top: 1.5rem !important;
}

.pt-5 {
    padding-top: 3rem !important;
}

.pr-0 {
    padding-right: 0 !important;
}

.pr-1 {
    padding-right: 0.25rem !important;
}

.pr-2 {
    padding-right: 0.5rem !important;
}

.pr-3 {
    padding-right: 1rem !important;
}

.pr-4 {
    padding-right: 1.5rem !important;
}

.pr-5 {
    padding-right: 3rem !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.pb-1 {
    padding-bottom: 0.25rem !important;
}

.pb-2 {
    padding-bottom: 0.5rem !important;
}

.pb-3 {
    padding-bottom: 1rem !important;
}

.pb-4 {
    padding-bottom: 1.5rem !important;
}

.pb-5 {
    padding-bottom: 3rem !important;
}

.pl-0 {
    padding-left: 0 !important;
}

.pl-1 {
    padding-left: 0.25rem !important;
}

.pl-2 {
    padding-left: 0.5rem !important;
}

.pl-3 {
    padding-left: 1rem !important;
}

.pl-4 {
    padding-left: 1.5rem !important;
}

.pl-5 {
    padding-left: 3rem !important;
}
@media (min-width: 576px) {
    .float-sm-left {
        float: left !important;
    }

    .float-sm-right {
        float: right !important;
    }

    .float-sm-none {
        float: none !important;
    }
}

.navActionButtons {
    max-width: 260px;
    width: 130px;
}

    .navActionButtons a {
        width: 118px;
        margin: 0 10px 0 0;
    }

@media only screen and (max-width: 991px) {
    .navActionButtons {
        width: 100%;
    }

        .navActionButtons a {
            width: 100%;
            margin: 10px;
        }
}
.ImagePreviewer {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1rem !important;
}

    .ImagePreviewer img {
        height: 150px;
        max-height: 15vh;
        max-width: 100px;
        width: auto;
        margin: 0.5rem !important;
        cursor: pointer;
    }

        .ImagePreviewer img:hover {
            opacity: 0.7;
        }

.ImageViewer {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 11000;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.9);
}

.FullImageView {
    margin: auto;
    padding: 20px 0px 20px 0px;
    display: block;
    width: 80%;
    max-width: 700px;
    max-height: calc(100vh - 40px);
    animation-name: zoom;
    animation-duration: 0.6s;
}

@keyframes zoom {
    from {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

@media only screen and (max-width: 700px) {
    .FullImageView {
        width: 100%;
    }
}

.cancelled {
    text-decoration: line-through;
}
.sortable-ghost {
    background-color: darkgray;
    height: 50px;
    width: 100%;
}
.gbitemrow-handle {
    opacity: 0.5;
    height: 30px;
}
.gbitemrow-handle-parent {
    text-align: center;
    align-self: center;
}
.btn[disabled=disabled] {
    border-color: grey;
    background-color: grey;
    color: orangered;
}

    .btn[disabled=disabled]:hover {
        border-color: grey;
        background-color: grey;
        color: orangered;
    }
.mh-40 {
    max-height: 40vh;
    overflow-y: auto;
}

.mh-50 {
    max-height: 50vh;
    overflow-y: auto;
}

.mh-60 {
    max-height: 60vh;
    overflow-y: auto;
}

.mh-70 {
    max-height: 70vh;
    overflow-y: auto;
}

.mh-80 {
    max-height: 80vh;
    overflow-y: auto;
}
.txt-sm-grey{
    font-size:small;
    color:grey;
    font-weight:400;
}

.tailwind .schedule-overview .overview-content .right-panel .control-panel {
    background-color: #f3f4f6;
}

.tailwind-dark .schedule-overview .overview-content .right-panel .control-panel {
    background-color: #374151;
    color: #fff;
}

.material .schedule-overview .overview-content .right-panel .control-panel {
    background-color: #fafafa;
}

.material-dark .schedule-overview .overview-content .right-panel .control-panel {
    background-color: #2a2a2a;
    color: #ffff;
}

.fabric .schedule-overview .overview-content .right-panel .control-panel {
    background-color: #ffffff;
}

.fabric-dark .schedule-overview .overview-content .right-panel .control-panel {
    background-color: #333232;
    color: #fff;
}

.fluent .schedule-overview .overview-content .right-panel .control-panel {
    background-color: #f3f2f1;
}

.fluent-dark .schedule-overview .overview-content .right-panel .control-panel {
    background-color: #252423;
    border-color: #c1c1c1;
    color: #fff;
}

.bootstrap .schedule-overview .overview-content .right-panel .control-panel {
    background-color: #f8f8f8;
}

.bootstrap-dark .schedule-overview .overview-content .right-panel .control-panel {
    background-color: #2a2a2a;
    color: #fff;
}

.bootstrap5 .schedule-overview .overview-content .right-panel .control-panel {
    background-color: #f8f9fa;
    color: #212529;
}

.bootstrap5-dark .schedule-overview .overview-content .right-panel .control-panel {
    background-color: #343a40;
    color: #fff;
}

.highcontrast .schedule-overview .overview-content .right-panel .control-panel {
    background-color: #000000;
    color: #ffffff;
}

.material3 .schedule-overview .overview-content .right-panel .control-panel {
    background-color: #f3f1f8;
}

.material3-dark .schedule-overview .overview-content .right-panel .control-panel {
    background-color: #2a2731;
}

.schedule-overview .overview-toolbar.e-rtl + * {
    flex-direction: row-reverse;
}

.schedule-overview .overview-toolbar.e-toolbar {
    border-radius: 0;
}

    .schedule-overview .overview-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-tbtn-txt {
        display: inline-grid;
    }

.material .schedule-overview .overview-toolbar.e-toolbar {
    border-style: solid;
}

.schedule-overview .overview-toolbar.e-toolbar .e-toolbar-item:not(.e-separator) {
    padding: 3.5px;
}

.schedule-overview .overview-toolbar.e-toolbar .e-toolbar-item .e-btn.e-tbar-btn .e-icons.e-btn-icon,
.schedule-overview .overview-toolbar.e-toolbar .e-toolbar-item .e-btn.e-tbar-btn .e-tbar-btn-text {
    line-height: 23px !important;
    min-height: 23px !important;
    padding: 0px !important;
}

.schedule-overview .overview-toolbar.e-toolbar .e-toolbar-item.e-template {
    margin: 0 5px;
}

.schedule-overview .overview-content {
    display: flex;
}

    .schedule-overview .overview-content .left-panel {
        height: 700px;
        width: 100%;
    }

    .schedule-overview .overview-content .right-panel {
        display: block;
        height: 700px;
        transform: translateX(0%);
        transition: transform .5s ease, width 500ms;
        width: 500px;
    }

        .schedule-overview .overview-content .right-panel.hide {
            display: none;
            transform: translateX(100%);
            transition: transform .5s ease, width 500ms;
            width: 0;
        }

        .schedule-overview .overview-content .right-panel .control-panel {
            background: #f8f9fa;
            font-size: 14px;
            height: 100%;
            overflow: auto;
            padding: 15px;
            width: 100%;
        }

            .schedule-overview .overview-content .right-panel .control-panel .col-row {
                display: flex;
                flex-wrap: wrap;
            }

            .schedule-overview .overview-content .right-panel .control-panel label {
                font-weight: 500;
            }

            .schedule-overview .overview-content .right-panel .control-panel .col-left {
                flex: 0 0 41.666667%;
                max-width: 41.666667%;
                margin-bottom: 1rem;
            }

            .schedule-overview .overview-content .right-panel .control-panel .col-right {
                flex: 0 0 58.333333%;
                max-width: 58.333333%;
                margin-bottom: 1rem;
            }

.schedule-overview .overview-scheduler {
    height: 100%;
    width: 100%;
}

.schedule-overview .e-schedule-toolbar .e-views,
.schedule-overview .e-schedule-toolbar .e-schedule-seperator,
.schedule-workweek.e-multi-select-list-wrapper.e-checkbox .e-filter-parent,
.schedule-resource.e-multi-select-list-wrapper.e-checkbox .e-filter-parent {
    display: none;
}

.schedule-overview .e-timeline-view .e-resource-left-td,
.schedule-overview .e-timeline-month-view .e-resource-left-td {
    width: 120px;
}

.schedule-resource.e-multi-select-list-wrapper.e-checkbox .e-list-parent:first-child li:first-child {
    background-image: none;
    opacity: .5;
    pointer-events: none;
    user-select: none;
}

.schedule-overview .calendar-import.e-upload {
    border: 0;
    padding-left: 0 !important;
}

    .schedule-overview .calendar-import.e-upload .e-btn-icon {
        margin-left: initial;
    }

    .schedule-overview .calendar-import.e-upload .e-file-select-wrap {
        padding: 0
    }

        .schedule-overview .calendar-import.e-upload .e-file-select-wrap .e-file-drop,
        .calendar-import .e-upload-files {
            display: none;
        }

.e-bigger .schedule-context-menu ul .e-menu-item .e-menu-icon {
    font-size: 14px;
}

.schedule-context-menu ul .e-menu-item .e-menu-icon {
    font-size: 12px;
}

.schedule-overview.e-schedule .e-vertical-view .e-header-cells,
.schedule-overview.e-schedule .e-timeline-month-view .e-header-cells {
    padding: 0;
    text-align: center !important;
}

.schedule-overview.e-schedule .date-text {
    font-size: 14px;
}

.schedule-overview.e-schedule.e-device .date-text {
    font-size: 12px;
}

.fluent .e-appbar .e-btn-icon.e-icons,
.fluent-dark .e-appbar .e-btn-icon.e-icons {
    margin-top: -2px;
}

.fluent .e-toolbar-item .e-checkbox-wrapper .e-icons.e-frame,
.fluent-dark .e-toolbar-item .e-checkbox-wrapper .e-icons.e-frame {
    height: 17px;
    line-height: 17px;
    width: 17px;
}

    .fluent .e-toolbar-item .e-checkbox-wrapper .e-icons.e-frame.e-check,
    .fluent-dark .e-toolbar-item .e-checkbox-wrapper .e-icons.e-frame.e-check {
        font-size: 15px;
        line-height: 16px;
    }

.e-toolbar .e-toolbar-item .e-tbar-btn {
    padding-top: 2px;
    padding-bottom: 2px;
}

#exportBtn {
    white-space: nowrap;
}

.time {
    display: flex;
    gap: 5px;
    align-items: center;
    padding: 0 5px;
}

.template {
    height: 46px;
    line-height: 23px;
}

    .template .icon-child {
        text-align: center;
        height: 23px !important;
    }

    .template .text-child {
        font-size: 14px;
        line-height: 23px !important;
    }

@media (max-width: 481px) {
    .schedule-overview .overview-content .right-panel {
        position: absolute;
        width: 90%;
    }
}

@media (max-width: 1024px) {
    .schedule-overview .overview-content .right-panel .control-panel .col-row {
        display: initial;
    }

    .schedule-overview .overview-content .right-panel .control-panel .col-left {
        flex: initial;
        max-width: initial;
        margin-bottom: initial;
    }

    .schedule-overview .overview-content .right-panel .control-panel .col-right {
        flex: initial;
        max-width: initial;
    }
}
.bookingnotes {
    margin-bottom: 0.25rem;
    padding: 0;
    padding-left: 5px;
    padding-right: 5px;
}
.cancelled-appointment {
    background-color: dimgrey !important;
    text-decoration: line-through !important;
}
.notification-bubble {
    position: absolute;
    top: -10px;
    right: -7px;
    width: 20px;
    height: 20px;
    background-color: red;
    color: white;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    font-weight: bold;
}
.position-relative {
    position: relative;
}
#HomeActions {
    text-align: center;
}

.btnHomeActions {
    border-radius: .3rem;
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
    padding: 15px 30px 15px 30px;
    text-decoration: none;
    margin: 5px
}

@media only screen and (max-width: 770px) and (min-width: 400px) {
    .btnHomeActions {
        margin: 5px;
        padding: 7px 14px 7px 14px;
    }
}

@media only screen and (max-width: 700px) {
    #HomeActions {
        display: none
    }
}
.sumybox {
    border: 1px solid black;
    border-radius: 5px;
    padding: 5px;
}
#ap-core-port {
    height: calc(100vh - var(--deduction, 68px));
    overflow-y: auto;
}
.ap-core-port-navbar-top {
    margin-top:68px;
}
.ap-core-port-navbar-left {
    height: calc(100vh - 75px);
    margin-left: 75px;
}
.ap-core-port-navbar-right {
    height: calc(100vh - 75px);
    margin-right: 75px;
}

/* Navbar styling */
.navbar {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #1f1f1f;
    border-top: 2px solid #333;
    height: 68px;
    z-index: 1000;
    margin: 0;
    padding: 0 0 3px 0;
}

.navbar-left {
    width: 75px;
    height: 100vh;
    padding: 0 3px 0 0;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
}
.navbar-right {
    width: 75px;
    height: 100vh;
    padding: 0 0 0 3px;
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
}

.admin-nav .autocomplete-items {
    position: relative;
    margin-top: 0;
}

.admin-nav ul {
    list-style: none;
    display: flex;
    align-items: flex-end;
    gap: 20px;
    padding: 0;
    margin: 0;
}

.admin-nav-left ul {
    flex-direction: column;
    flex-wrap: nowrap;
}
.admin-nav-right ul {
    flex-direction: column;
    flex-wrap: nowrap;
}

/* Navbar items */
.admin-nav li {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 70px; /* Fixed space for each item */
    height: 100%;
    position: relative;
    cursor: pointer;
    padding-top: 8px;
}

    .admin-nav li button {
        background: none;
        border: none;
        outline: none;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: transform 0.1s ease-in-out;
    }

        .admin-nav li button:hover {
            transform: scale(2);
        }

        .admin-nav-top li button:hover {
            transform: scale(1.4);
        }

    /* Bubble-like icon styling */
    .admin-nav li img {
        width: 28px;
        height: 28px;
        border-radius: 50%;
        background-color: #b7b7b7; /* Background bubble color */
        padding: 5px;
        object-fit: cover;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
        margin-bottom: 5px;
    }

    /* Text below icons */
    .admin-nav li span {
        color: #ffffff;
        font-size: 10px; /* Reduced font size */
        text-align: center;
        white-space: normal;
        line-height: 1.2;
        height: 26px; /* Fixed height for text to align icons */
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2; /* Limit text to 2 lines */
        overflow: hidden;
    }

    /* Top Submenu Adjusting submenu for 3-column layout */
    .admin-nav li ul {
        display: none; /* Hidden by default */
        grid-template-columns: repeat(3, 1fr); /* 3 columns */
        gap: 10px;
        position: absolute;
        bottom: 70px;
        left: 50%;
        transform: translateX(-50%);
        background-color: rgba(var(--bs-dark-rgb), 1);
        border-radius: 8px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        padding: 10px;
        z-index: 1001;
        min-width: 240px;
        box-sizing: border-box;
    }

.admin-nav-top li ul {
    top: 70px;
    left: 50%;
    bottom:unset;
}
.admin-nav-left li ul {
    left: 195px;
    top: 0%;
    bottom: unset;
}
.admin-nav-right li ul {
    right: 195px;
    top: 0%;
    bottom: unset;
    left: unset;
}

    /* Show top-level submenu on hover */
    .admin-nav li:hover > ul {
        display: grid; /* Show submenu on hover */
    }

    /* Nested submenu styling with 3 columns */
    .admin-nav li ul li ul {
        display: none; /* Hidden by default */
        grid-template-columns: repeat(3, 1fr); /* 3 columns */
        gap: 10px;
        position: absolute;
        top: auto;
        bottom: 0;
        left: 100%;
        transform: translateX(-5px);
        background-color: rgb(64 69 73);
        border-radius: 8px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        padding: 10px;
        z-index: 1002;
        min-width: 240px;
        max-height: calc(100vh - 20px);
        overflow: hidden;
        box-sizing: border-box;
    }
.admin-nav-top li ul li ul {
    bottom: auto;
    top: 0;
    left: 100%;
}

.admin-nav-left li ul li ul {
    right: unset;
    left: 70px;
    top: 0%;
    bottom: unset;
}

.admin-nav-right li ul li ul {
    right: 70px;
    left: unset;
    top: 0%;
    bottom: unset;
}

    /* Show nested submenu on hover */
    .admin-nav li ul li:hover > ul {
        display: grid; /* Show nested submenu on hover */
    }


    /* Ensure submenu items align properly */
    .admin-nav li ul li {
        display: flex;
        align-items: center;
        gap: 5px;
        height: auto;
        position: relative;
        padding: 5px;
        width: 100%;
        box-sizing: border-box;
    }

        /* Buttons inside submenus */
        .admin-nav li ul li button {
            background: none;
            border: none;
            padding: 5px;
            cursor: pointer;
            display: flex;
            align-items: center;
            width: 100%;
            text-align: left;
            box-sizing: border-box;
        }

        /* Icons inside submenus */
        .admin-nav li ul li img {
            width: 24px;
            height: 24px;
            border-radius: 50%;
        }

    .admin-nav li button:hover .nbacnb {
        transform: scale(1.1);
        top: 0px !important;
        right: 0px !important;
    }

.nbacnb {
    position: absolute !important;
    top: 4px !important;
    right: 15px !important;
    background-color: #ff3b30 !important;
    color: #ffffff !important;
    font-size: 10px !important;
    min-width: 14px !important;
    height: 14px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
    z-index: 1002 !important;
    pointer-events: none !important;
    padding: 3px !important;
}

.admin-nav li ul li input.form-control {
    grid-column: span 3; /* Make the input field take up 3 columns */
    width: 100%; /* Ensure it takes the full width */
    margin: 5px 0;
    padding: 8px;
    box-sizing: border-box;
}

/* Responsive adjustments */
@media (max-width: 1875px) {
    .admin-nav ul {
        gap: 10px;
    }
}
@media (max-height: 1875px) {
    .admin-nav-left ul {
        gap: 10px;
    }
    .admin-nav-right ul {
        gap: 10px;
    }
}
@media (max-width: 1670px) {
    .admin-nav ul {
        gap: 0px;
    }
}
@media (max-height: 1670px) {
    .admin-nav-left ul {
        gap: 0px;
    }

    .admin-nav-right ul {
        gap: 0px;
    }
}
@media (max-width: 1500px) {
    .nbacnr {
        display:none !important;
    }
}
@media (max-height: 1500px) {
    .admin-nav-left .nbacnr {
        display: none !important;
    }
    .admin-nav-right .nbacnr {
        display: none !important;
    }
}
@media (max-width: 1120px) {
    .nbacnr-t2 {
        display: none !important;
    }
}
@media (max-height: 1120px) {
    .admin-nav-left .nbacnr-t2 {
        display: none !important;
    }

    .admin-nav-right .nbacnr-t2 {
        display: none !important;
    }
}
@media (max-width: 700px) {
    .nbacnr-t3 {
        display: none !important;
    }
}
@media (max-height: 750px) {
    .nbacnr {
        display: none !important;
    }
    .nbacnr-t2 {
        display: none !important;
    }
    .nbacnr-t3 {
        display: none !important;
    }
}
.appcentre-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.85);
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    z-index: 2000;
    padding: 50px 30px 30px 30px;
}

.nav-search-input {
    height: 50px;
    width: calc(100% - 40px);
    margin: 0 20px;
    padding: 10px;
    border: none;
    border-radius: 8px;
    font-size: 18px;
    outline: none;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    z-index: 2001;
}
.appcentre-overlay .autocomplete-items {
    position: absolute;
    top: calc(100% + 10px);
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 60px);
    background-color: #fff;
    border: 1px solid #d4d4d4;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    z-index: 2001;
    overflow-y: auto;
    max-height: 300px;
}

    .appcentre-overlay .autocomplete-items div {
        padding: 12px 15px;
        cursor: pointer;
        background-color: #fff;
        border-bottom: 1px solid #f0f0f0;
        transition: background-color 0.2s ease-in-out;
    }

        .appcentre-overlay .autocomplete-items div:hover {
            background-color: #f7f7f7;
        }

        .appcentre-overlay .autocomplete-items div strong {
            font-weight: bold;
            color: #007bff;
        }
/* Container for the app items */
.appcentre-apps {
    display: flex;
    align-items: flex-end;
    gap: 20px;
    flex-wrap: wrap; /* Allow items to wrap to the next line if needed */
    padding: 0;
    margin: 20px auto;
    justify-content: center;
    max-width: 1200px;
    max-height: calc(100vh - 300px);
    overflow-y: auto;
}

/* Individual app items, similar to .admin-nav li */
.appcentre-app {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 100px; /* Adjusted width */
    height: 100px;
    position: relative;
    cursor: pointer;
    padding-top: 8px;
    margin-bottom: 20px;
    transition: transform 0.1s ease-in-out;
}

    .appcentre-app:hover {
        transform: scale(1.1);
    }

    /* App buttons */
    .appcentre-app button {
        background: none;
        border: none;
        outline: none;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /* App icons */
    .appcentre-app img {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background-color: #b7b7b7;
        padding: 5px;
        object-fit: cover;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
        margin-bottom: 8px;
    }

    /* App titles */
    .appcentre-app span {
        color: #ffffff;
        font-size: 12px;
        text-align: center;
        white-space: normal;
        line-height: 1.2;
        height: 26px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }

/* Notification bubble styling */
.nbacnb {
    position: absolute !important;
    top: 4px !important;
    right: 15px !important;
    background-color: #ff3b30 !important;
    color: #ffffff !important;
    font-size: 10px !important;
    min-width: 14px !important;
    height: 14px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
    z-index: 1002 !important;
    pointer-events: none !important;
    padding: 3px !important;
}
.appcentre-details {
    position: fixed;
    bottom: 0;
    right: 0;
    padding: 20px;
    color: white;
    text-align: right;
}
.nbac-active{
    background-color: white !important;
}
/*Scroll*/
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

::-webkit-scrollbar-thumb {
    background-color: var(--pageheader-end);
    border-radius: 4px;
}

::-webkit-scrollbar-track {
    background-color: transparent;
}

* {
    scrollbar-width: thin;
    scrollbar-color: var(--pageheader-end) transparent;
}

.BigButton {
    border-radius: .3rem;
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
    padding: 50px 75px 50px 75px;
    text-decoration: none;
    margin: 10px
}

@media only screen and (max-width: 770px) and (min-width: 400px) {
    .BigButton {
        margin: 5px;
        padding: 30px 45px 30px 45px;
    }
}

@media only screen and (max-width: 400px) {
    .BigButton {
        margin: 2px;
        padding: 15px;
        width: 100%
    }
}
/**
        * ej2 Context Menu styles
        */
@font-face {
    font-family: 'e-context-menu';
    src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype');
    font-weight: normal;
    font-style: normal;
}

.e-cm-icons {
    font-family: 'e-context-menu';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-transform: none;
}

.e-menu-item .e-cut::before {
    content: '\e264';
}

.e-menu-item .e-paste::before {
    content: '\e959';
}

.e-menu-item .e-font::before {
    content: '\e262';
}

.e-menu-item .e-copy::before {
    content: '\e263';
}

.e-menu-item .e-link::before {
    content: '\e265';
}

.e-menu-item .e-comment::before {
    content: '\e267';
}

.e-menu-item .e-pastetext::before {
    content: '\e261';
}

.e-menu-item .e-pastespecial::before {
    content: '\e260';
}

.fabric .e-menu-item .e-cut::before {
    content: '\e251';
}

.fabric .e-menu-item .e-paste::before {
    content: '\e940';
}

.fabric .e-menu-item .e-font::before {
    content: '\e252';
}

.fabric .e-menu-item .e-copy::before {
    content: '\e255';
}

.fabric .e-menu-item .e-link::before {
    content: '\e254';
}

.fabric .e-menu-item .e-comment::before {
    content: '\e253';
}

.fabric .e-menu-item .e-pastetext::before {
    content: '\e258';
}

.fabric .e-menu-item .e-pastespecial::before {
    content: '\e256';
}

.bootstrap .e-menu-item .e-cut::before {
    content: '\e248';
}

.bootstrap .e-menu-item .e-paste::before {
    content: '\e95a';
}

.bootstrap .e-menu-item .e-font::before {
    content: '\e247';
}

.bootstrap .e-menu-item .e-copy::before {
    content: '\e249';
}

.bootstrap .e-menu-item .e-link::before {
    content: '\e245';
}

.bootstrap .e-menu-item .e-comment::before {
    content: '\e246';
}

.bootstrap .e-menu-item .e-pastetext::before {
    content: '\e257';
}

.bootstrap .e-menu-item .e-pastespecial::before {
    content: '\e259';
}

.e-contextmenu-wrapper ul.e-contextmenu {
    width: 176px;
}

.e-bigger .e-contextmenu-wrapper ul.e-contextmenu {
    width: 186px;
}
/***/
:root {
    --pageheader-start: rgb(44 48 53);
    --pageheader-void-start: #ff0018;
    --pageheader-end: rgb(44 48 53);
    --pageheader-void-end: #dc3545;
    --pageheader-colour: white;
}
.pageheader-sticky {
    width: 100%;
    min-height: 60px;
    background: linear-gradient(var(--pageheader-start),var(--pageheader-end));
    border-bottom: 1px solid #cecdcd;
    padding: 5px;
    position: sticky;
    top: 0;
    color: var(--pageheader-colour);
}
.pageheader-void-sticky {
    width: 100%;
    min-height: 60px;
    background: linear-gradient(var(--pageheader-void-start),var(--pageheader-void-end));
    border-bottom: 1px solid #cecdcd;
    padding: 5px;
    position: sticky;
    top: 0;
    color: var(--pageheader-colour);
}
.pageheader {
    width: 100%;
    min-height: 60px;
    background: linear-gradient(var(--pageheader-start)),var(--pageheader-end);
    border-bottom: 1px solid #cecdcd;
    padding: 5px;
    color: var(--pageheader-colour);
}
.pageheader-void {
    width: 100%;
    min-height: 60px;
    background: linear-gradient(var(--pageheader-void-start),var(--pageheader-void-end));
    border-bottom: 1px solid #cecdcd;
    padding: 5px;
    color: var(--pageheader-colour);
}
/***/
.e-altrow {
    background-color: var(--pageheader-end);
}
:root {
    --ejtb-btn-hover-background: #5c636a;
    --ejtb-btn-hover-border-color: #282d31;
    --ejtb-btn-hover-color: #adb5bd;
    --ejtb-btn-background: #282d31;
    --ejtb-btn-color: #fff;
}
.e-toolbar .e-toolbar-item .e-tbar-btn:hover {
    background: var(--ejtb-btn-hover-background) !important;
    border-color: var(--ejtb-btn-hover-border-color) !important;
    color: var(--ejtb-btn-hover-color) !important;
    border: 1px solid var(--ejtb-btn-hover-border-color) !important;
}
.e-toolbar .e-toolbar-item .e-tbar-btn {
    background: var(--ejtb-btn-background) !important;
    color: var(--ejtb-btn-color) !important;
}
    .e-toolbar .e-toolbar-item .e-tbar-btn:hover .e-tbar-btn-text {
        color: var(--ejtb-btn-hover-color) !important;
    }
    .e-toolbar .e-toolbar-item .e-tbar-btn .e-tbar-btn-text {
        color: var(--ejtb-btn-color) !important;
    }
    .e-toolbar .e-toolbar-item .e-tbar-btn .e-icons {
        color: var(--ejtb-btn-color) !important;
    }
    .e-toolbar .e-toolbar-item .e-tbar-btn:hover .e-icons {
        color: var(--ejtb-btn-hover-color) !important;
    }

.Grid-StatusSummary {
    background-color: #ff3b30;
    color: #ffffff;
    font-size: 10px;
    min-width: 19px;
    height: 19px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    pointer-events: none;
    padding: 3px 5px 3px 3px;
}

.GridActiveStatus {
    background-color: var(--ejtb-btn-hover-background) !important;
    border-color: white !important;
    color: var(--ejtb-btn-hover-color) !important;
    border: 1px solid white !important;
}
    .GridActiveStatus .e-tbar-btn-text {
        color: var(--ejtb-btn-hover-color) !important;
    }
    .GridActiveStatus .e-icons {
        color: var(--ejtb-btn-hover-color) !important;
    }

.btnindocolouronly{
    background-color: rgb(13, 202, 240) !important;
}
    .btnindocolouronly:hover{
        background-color: rgb(49, 210, 242) !important;
    }

.e-toolbar .e-toolbar-item .e-tbar-btn:where(.btnredalertonly) {
    background-color: rgb(255, 59, 56) !important;
}
.e-toolbar .e-toolbar-item .e-tbar-btn:where(.btnredalertonly):hover {
    background-color: rgb(255, 84, 82) !important;
}

.e-schedule td.e-header-cells {
    place-items: center;
}

.e-grid td.e-updatedtd {
    background-color: #002111 !important;
    color: #a8ffd7 !important;
}
.modal-fullbody {
    height: calc(100vh - var(--bs-modal-margin) - var(--bs-modal-margin) - 65px - 71px);
}
.flexcontainer-row {
    display: flex;
    flex-direction: row;
    height: 100%;
}
.flexcontainer-column {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.flexcontainer-content-1 {
     flex: 1;
     overflow: auto;
 }
.flexcontainer-content-1-nooverflow {
     flex: 1;
     overflow: hidden;
 }
.row > div {
    padding: 4px;
}
.e-groupcaptionrow > td{
    border-top: 5px solid #484848 !important;
}
.rmlinkcss {
    color: unset !important;
    text-decoration: none !important;
}

.rmlinkcss.Order_DBID {
    color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1)) !important;
    text-decoration: underline !important;
}
.cp-status-label {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 40px; /* Adjust based on your tallest label */
}
.dash-card {
    background: #fff;
    padding: 1rem;
    border-radius: 0.5rem;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.04);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    height: 100%;
}

.dash-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}
.onhover-up:hover {
    /*margin-top: -5px;*/
}