/*.navbar-expand-sm .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: inherit;
}*/

.toasts-z-index {
    z-index: 9999999999999999;
}

.usernavalign {
    float: right;
    margin-left: 10px;
}

.layout-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    outline: 0;
    z-index: 99999999999;
    padding-right: 17px;
    display: none;
    transition: opacity .15s linear;
    background-color: #000;
    opacity: .5;
}

.progress-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    outline: 0;
    z-index: 99999999999;
    padding-right: 17px;
    display: none;
    transition: opacity .15s linear;
    background-color: rgb(0 0 0 / 50%);
}

.layout-navbar .nav-item.site-item {
    text-decoration: none;
}

.layout-navbar li.nav-item, .layout-navbar .nav-item.site-item {
    font-size: 16px;
}

    .layout-navbar li.nav-item .nav-link, .layout-navbar .nav-item.site-item .nav-link {
        padding-top: 0;
        padding-bottom: 0;
    }

/*a.text-dark:hover, a.text-dark:focus {
    color: #678987 !important;
}*/

.footer {
    text-align: center;
}

.fa-bars:before {
    font-size: 22px;
}

.pull-right {
    float: right;
}

@media (max-width: 575.98px) {

    #Rejoin {
        display: none !important;
    }
}

/*Bootstrsp 5 custom styles*/
.ptb5 {
    padding: 5px 0 !important;
}

main.content {
    padding: 1.5rem 5rem;
}

@media (max-width: 767.98px) {
    main.content {
        padding: 1.5rem 2.5rem;
    }
}

button.btn {
    min-width: 70px;
}

.breadcrumb-item + .breadcrumb-item:before {
    content: '';
    padding-right: 0px;
}

.sidebar-brand.home-brand {
    text-align: left !important;
}

    .sidebar-brand.home-brand svg {
        fill: none !important;
        height: 18px !important;
        width: 18px !important;
        margin-right: .25rem !important;
    }

        .sidebar-brand.home-brand svg path:first-child {
            fill: none !important;
        }

.sidebar-nav.home-nav .sidebar-link svg, .sidebar-nav.home-nav .sidebar-link i {
    width: 20px;
    font-size: 16px;
    margin-right: 5px;
}

.form-check.form-switch .form-check-input {
    height: 1.1em !important;
}

.breadcrumb {
    font-size: 0.8rem;
    font-weight: bold;
    padding-bottom: 15px;
}

.genderlistcontainer .card {
    border: 0px !important;
}

.genderlistcontainer .card-header:first-child {
    border-radius: .25rem .25rem 0 0 !important;
}

.genderlistcontainer a {
    color: var(--bs-table-striped-color);
    font-weight: 600;
}

.action-icon {
    color: var(--bs-table-striped-color);
    cursor: pointer;
}

.genderlistcontainer .card-header-content {
    float: left;
    padding-right: 20px;
}

.genderlistcontainer .form-control {
    height: 28px !important;
}

.genderlistcontainer select.form-control {
    max-width: 105px;
    vertical-align: middle;
    line-height: 1;
}

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

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

/*theme colors*/
.roomsectioncontainer {
    border: 2px solid #fff;
}

body[data-theme="dark"] .roomsectioncontainer {
    border: 2px solid #293042;
}

body[data-theme="dark"] .navbar-bg {
    border-bottom: 2px solid #293042;
    background-color: #293042;
}

body[data-theme="dark"] .e-grid .form-switch .form-check-input {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%239fc0f5'/%3E%3C/svg%3E");
}

    body[data-theme="dark"] .e-grid .form-switch .form-check-input:checked {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23293042'/%3E%3C/svg%3E");
    }

body[data-theme="dark"] .e-input-group:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left),
body[data-theme="dark"] .e-input-group.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap,
body[data-theme="dark"] .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left),
body[data-theme="dark"] .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap,
body[data-theme="dark"] .e-float-input.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap,
body[data-theme="dark"] .e-float-input.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap,
body[data-theme="dark"] .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:first-child:focus,
body[data-theme="dark"] .e-input-group.e-input-focus.e-rtl:not(.e-success):not(.e-warning):not(.e-error) span:last-child.e-input-group-icon,
body[data-theme="dark"] .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:first-child:focus,
body[data-theme="dark"] .e-input-group.e-control-wrapper.e-input-focus.e-rtl:not(.e-success):not(.e-warning):not(.e-error) span:last-child.e-input-group-icon,
body[data-theme="dark"] .e-input-group .e-input-group-icon, body[data-theme="dark"] .e-input-group.e-control-wrapper .e-input-group-icon,
body[data-theme="dark"] .e-input-group, body[data-theme="dark"] .e-input-group.e-control-wrapper,
body[data-theme="dark"] .e-float-input, body[data-theme="dark"] .e-float-input.e-input-group,
body[data-theme="dark"] .e-float-input.e-control-wrapper, body[data-theme="dark"] .e-float-input.e-input-group.e-control-wrapper,
body[data-theme="dark"] .e-float-input input:valid ~ label.e-float-text, body[data-theme="dark"] .e-float-input input:focus ~ label.e-float-text,
body[data-theme="dark"] .e-float-input input:valid ~ label.e-float-text.e-label-top,
body[data-theme="dark"] .e-float-input input ~ label.e-float-text.e-label-top,
body[data-theme="dark"] .e-float-input .e-input-in-wrap input:valid ~ label.e-float-text,
body[data-theme="dark"] .e-float-input .e-input-in-wrap input:valid ~ label.e-float-text.e-label-top,
body[data-theme="dark"] .e-float-input .e-input-in-wrap input ~ label.e-float-text.e-label-top,
body[data-theme="dark"] .e-float-input.e-control-wrapper input:valid ~ label.e-float-text,
body[data-theme="dark"] .e-float-input.e-control-wrapper input:focus ~ label.e-float-text,
body[data-theme="dark"] .e-float-input.e-control-wrapper input:valid ~ label.e-float-text.e-label-top,
body[data-theme="dark"] .e-float-input.e-control-wrapper input ~ label.e-float-text.e-label-top,
body[data-theme="dark"] .e-float-input.e-control-wrapper .e-input-in-wrap input:valid ~ label.e-float-text,
body[data-theme="dark"] .e-float-input.e-control-wrapper .e-input-in-wrap input:valid ~ label.e-float-text.e-label-top,
body[data-theme="dark"] .e-float-input.e-control-wrapper .e-input-in-wrap input ~ label.e-float-text.e-label-top,
body[data-theme="dark"] .e-float-input.e-input-focus input ~ label.e-float-text,
body[data-theme="dark"] .e-float-input.e-control-wrapper.e-input-focus input ~ label.e-float-text,
body[data-theme="dark"] .e-float-input input, body[data-theme="dark"] .e-float-input textarea,
body[data-theme="dark"] .e-float-input.e-control-wrapper input, body[data-theme="dark"] .e-float-input.e-control-wrapper textarea,
body[data-theme="dark"] .e-multi-select-wrapper .e-delim-values, body[data-theme="dark"] .e-multi-select-wrapper .e-chips-close.e-close-hooker,
body[data-theme="dark"] .e-tab.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap, body[data-theme="dark"] .e-tab.e-fill .e-tab-header .e-toolbar-item:not(.e-separator),
body[data-theme="dark"] .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow, body[data-theme="dark"] .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow,
body[data-theme="dark"] .e-tab .e-tab-header.e-vertical .e-scroll-nav.e-scroll-up-nav, body[data-theme="dark"] .e-tab .e-tab-header.e-vertical .e-scroll-nav.e-scroll-down-nav {
    color: #bfc1c6 !important;
    -webkit-text-fill-color: #bfc1c6 !important;
    border-color: #7f838e !important;
}

body[data-theme="dark"] .e-checkbox-wrapper .e-checkbox:focus + .e-frame.e-check,
body[data-theme="dark"] .e-checkbox-wrapper .e-frame.e-check, body[data-theme="dark"] .e-chip-list.e-selection .e-chip.e-active,
body[data-theme="dark"] .e-css.e-checkbox-wrapper .e-checkbox:focus + .e-frame.e-check, body[data-theme="dark"] .e-css.e-checkbox-wrapper .e-frame.e-check,
body[data-theme="dark"] .e-float-input input::selection, body[data-theme="dark"] .e-float-input textarea::selection,
body[data-theme="dark"] .e-float-input.e-control-wrapper input::selection, body[data-theme="dark"] .e-float-input.e-control-wrapper textarea::selection,
body[data-theme="dark"] .e-float-input.e-control-wrapper:not(.e-input-group) .e-float-line::after, body[data-theme="dark"] .e-float-input.e-control-wrapper:not(.e-input-group) .e-float-line::before,
body[data-theme="dark"] .e-float-input:not(.e-input-group) .e-float-line::after,
body[data-theme="dark"] .e-float-input:not(.e-input-group) .e-float-line::before,
body[data-theme="dark"] .e-input-group input.e-input::selection, body[data-theme="dark"] .e-input-group textarea.e-input::selection,
body[data-theme="dark"] .e-input-group.e-control-wrapper input.e-input::selection,
body[data-theme="dark"] .e-input-group.e-control-wrapper textarea.e-input::selection,
body[data-theme="dark"] .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::after,
body[data-theme="dark"] .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::before,
body[data-theme="dark"] .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::after,
body[data-theme="dark"] .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::before,
body[data-theme="dark"] .e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::after,
body[data-theme="dark"] .e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::before,
body[data-theme="dark"] .e-input-group:not(.e-float-icon-left):not(.e-float-input)::after,
body[data-theme="dark"] .e-input-group:not(.e-float-icon-left):not(.e-float-input)::before,
body[data-theme="dark"] .e-pager .e-currentitem, body[data-theme="dark"] .e-pager .e-currentitem:hover,
body[data-theme="dark"] .e-radio:checked + label::after, body[data-theme="dark"] .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-wrap,
body[data-theme="dark"] input.e-input::selection, body[data-theme="dark"] textarea.e-input::selection {
    color: #bfc1c6 !important;
    background: #7f838e !important;
}

.e-grid .e-detailrowcollapse:not(.e-editedbatchcell):not(.e-updatedtd), 
.e-grid .e-detailrowexpand:not(.e-editedbatchcell):not(.e-updatedtd), .e-grid .e-gridcontent .e-rowdragdrop:not(.e-editedbatchcell):not(.e-updatedtd), 
.e-grid .e-gridheader .e-rowdragdrop:not(.e-editedbatchcell):not(.e-updatedtd), .e-grid .e-emptyrow:not(.e-editedbatchcell):not(.e-updatedtd) {
    color: inherit !important;
}

.e-grid .e-rowcell:not(.e-editedbatchcell):not(.e-updatedtd) {
    color: inherit;
}

body[data-theme="dark"] .e-control-wrapper.e-slider-container.e-horizontal .e-slider-track,
body[data-theme="dark"] .e-control-wrapper.e-slider-container .e-slider-button {
    background-color: #3f80ea !important;
}

.sidebar-item.active .sidebar-link:hover, .sidebar-item.active > .sidebar-link,
.sidebar-link:hover {
    color: #568fed !important;
    font-weight: 400 !important;
}

    .sidebar-item.active .sidebar-link:hover i, .sidebar-item.active .sidebar-link:hover svg, 
    .sidebar-item.active > .sidebar-link i, .sidebar-item.active > .sidebar-link svg, 
    .sidebar-link:hover i, .sidebar-link:hover svg {
        color: #568fed !important;
    }

@media (max-width: 980px) {

    .cookieConsentContainer {
        bottom: 0px !important;
        left: 0px !important;
        width: 100% !important;
    }
}

/*General side bar changes*/
@media (min-width: 1px) and (max-width: 991.98px) {
    body:not([data-sidebar-position=right]) .sidebar {
        margin-left: 0px !important;
    }

        body:not([data-sidebar-position=right]) .sidebar.collapsed {
            margin-left: -260px !important;
        }
}

.dispaly-table {
    display: table;
}

.dispaly-table-cell {
    display: table-cell;
}

.custom-tooltip {
    position: relative;
    display: inline-block;
    font-size: 10px;
}

    .custom-tooltip .tooltiptext {
        visibility: hidden;
        max-width: 350px;
        min-width: 150px;
        background-color: #616161;
        border: 1px solid #616161;
        color: #fff;
        font-family: "Roboto","Segoe UI","GeezaPro","DejaVu Serif","sans-serif","-apple-system","BlinkMacSystemFont";
        font-size: 11px;
        text-align: center;
        border-radius: 6px;
        padding: 5px 5px;
        position: absolute;
        z-index: 1;
        opacity: .9;
    }

        .custom-tooltip .tooltiptext::after {
            content: "";
            position: absolute;
            border-width: 5px;
            border-style: solid;
        }

    .custom-tooltip:hover .tooltiptext {
        visibility: visible;
    }

.tooltip-top .tooltiptext {
    bottom: 120%;
    left: 50%;
    margin-left: -70px;
}

.tooltip-left .tooltiptext {
    top: -5px;
    right: 110%;
}

.tooltip-right .tooltiptext {
    top: -20px;
    left: 200%;
}

.tooltip-bottom .tooltiptext {
    top: 150%;
    left: 50%;
    margin-left: -60px;
}

.tooltip-top .tooltiptext::after {
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-color: #616161 transparent transparent transparent;
}

.tooltip-left .tooltiptext::after {
    top: 50%;
    left: 100%;
    margin-top: -5px;
    border-color: transparent transparent transparent #616161;
}

.tooltip-right .tooltiptext::after {
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-color: transparent #616161 transparent transparent;
}

.tooltip-bottom .tooltiptext::after {
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-color: transparent transparent #616161 transparent;
}

.dragContainer {
    min-width: 175px !important;
    width: fit-content;
}

.dragList {
    border: 1px solid #b9b9b9;
    padding: 8px 5px;
    cursor: move;
    min-width: 75px;
    text-align: center;
    color: #6c757d;
    background: #fff;
}

[draggable] {
    user-select: none;
}
@font-face {
    font-family: 'Almo Heavy'; /* Choose a name for your font family */
    src: url('../webfonts/AlmaMono-Heavy.otf');
    src: url('../webfonts/AlmaMono-Heavy.otf') format('embedded-opentype'); /* Font file in WOFF format */
}
@font-face {
    font-family: 'Almo Regular'; /* Choose a name for your font family */
    src: url('../webfonts/AlmaMono-Regular.otf');
    src: url('../webfonts/AlmaMono-Regular.otf') format('embedded-opentype'); /* Font file in WOFF format */
}