.sester-phone-flex{
    display:flex;
    flex-direction: column;
    flex-grow:1;
}

@media (max-width: 640.98px) {
    .sester-phone-collapse{
        display:none;
    }    
}

@media (min-width: 640.98px) {
    .sester-phone-collapse{
        display:flex;
        flex-direction: column;
        flex-grow:1;
    }
}


.pricing-import-bottom{
    
}

.full-screen-embed-container {
    position: relative;
    width: 100%;
    height: 100%;
}

.full-screen-embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* Scrollbar */
body:not(.rz-default-scrollbars) ::-webkit-scrollbar {
    background-color: #ffffff00;
    width:20px;
}
body:not(.rz-default-scrollbars) ::-webkit-scrollbar-thumb {
    background: #bbb;
    border: 3px solid #ffffff00;
    background-clip: padding-box;
    border-radius: 8px;
}

.sester-importbutton{
    height: 100%;
    width: 100%;
    position: absolute !important;
    outline:none !important;
    background-color: transparent !important;
    font-size: 0 !important;
    box-shadow: none !important;
    border:none !important;
    border-radius: 0 !important;
    top: 0;
    font-weight:0;
    left: 0;
}
.sester-importbutton::-webkit-file-upload-button {
    visibility: hidden;
}

/* Import Button */
.label-wrapper:hover {
    cursor: pointer;
}

.custom-input-hide {
    display: none;
    width: 0;
    height: 0;
    overflow: hidden;
}

.sester-tabs-content {
    flex-grow: 1;
    height: 0;
    display: flex;
    flex-direction: column;
    border-style: solid;
    border-color: rgb(222, 226, 230);
    border-width: 1px 1px 1px 1px;
    padding: 8px;
}

.sester-navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    column-gap:20px;
}

/* _content/Thrive.Portal/Components/MainLayout.razor.rz.scp.css */
.page-MainLayout {
    position: relative;
    display: flex;
    flex-direction: column;
}

.main-MainLayout {
    flex: 1;
}

.sidebar-main-layout {
    background-color: var(--sester-dark);
    display: flex;
    flex-shrink: 0;
    transition: width 0.5s;
}

.top-row a:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 640.98px) {
    .page-MainLayout {
        height: calc(var(--vh, 1vh) * 100);
    }
    
    .sidebar-MainLayout {
        width: 100vw;
    }

    .top-row-MainLayout a, .top-row .btn-link-MainLayout {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page-MainLayout {
        flex-direction: row;
    }

    .sidebar-main-layout {
        width: 240px;
        height: 100svh;
        position: sticky;
        top: 0;
    }

    .top-row-MainLayout {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .sidebar-main-layout-collapsed {
        width: 80px;
    }
}

@media (max-width: 640.98px) {
    .menu-collapse-button {
        display: none;
    }
}

.menu-collapse-button {
    width:33px;
    height:33px;
    padding:5px 8px;
    border-radius: 17px;
    margin-left: 8px;
    margin-right: 4px;
    align-items: center;
    align-content: center;
    transition: background-color 0.2s;
}

.menu-collapse-button:hover {
    background-color: rgba(255, 255, 255, 0.2);
}

.menu-collapse-button:active {
    background-color: rgba(255, 255, 255, 0.4);
}

/* _content/Thrive.Portal/Components/NavMenu.razor.rz.scp.css */
.navbar-toggler-MainNavBar {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row-MainNavBar {
    height: 64px;
    background-color: var(--sester-darker);
    border-bottom-color: rgb(218, 220, 224);
    border-bottom-style: solid;
    border-bottom-width: 0;
}

.navbar-brand-MainNavBar {
    font-size: 1.0rem;
    align-content: center;
}

.navbar-icon{
    margin-right: 0.25rem;
}

.oi-MainNavBar {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}


.sidebar-main-layout .nav-item {
    width: 100%;
    display: flex;
    overflow: clip;
    text-overflow: clip;
}

.sidebar-main-layout .nav-link {
    width: 0;
    flex-grow: 1;
    white-space: nowrap;
}

@media (min-width: 641px) {
    .sidebar-main-layout-collapsed .oi-MainNavBar {
        width: auto;
    }
}

.sidebar-row {
    display: flex;
}

.sidebar-row .dropdown{
    width:0;
    flex-grow: 1;
    overflow-x: clip
}

.nav-item-MainNavBar {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item-MainNavBar:first-of-type {
        padding-top: 1rem;
    }

    .nav-item-MainNavBar:last-of-type {
        padding-bottom: 1rem;
    }

    .nav-item-MainNavBar a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

        .nav-item-MainNavBar a.active {
            background-color: rgba(255,255,255,0.25);
            color: white;
        }

        .nav-item-MainNavBar a:hover {
            background-color: rgba(255,255,255,0.1);
            color: white;
        }

@media (min-width: 641px) {
    .navbar-toggler-MainNavBar {
        display:none;
    }
    
    .collapse-MainNavBar {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}


















    :root {
    --sester-blue: #02589A;
    --readonly-background: #e9ecef;
        
    /*light theme*/
    --main-background: #fff;
    --background: white;
    --background2: #d7d7d7;
    --widget: #f4f4f4;
    --font-color: black;
    --highlight: #f7f7f7;
    --highlight-2: #e2e3e5;
    --link: #0366d6;
    --sester-dark: #005999;
    --sester-darker: #00355c;
    --sester-darker-invert: #222222;
    --report-card: #F4F5F8;
    --report-card2: #cccccc;
    --profileborder: #f5f5f5;
    --form-control-bg: #fff;
    --form-control-color: #495057;
    --form-control-border: #dadfe2;
    --border-light: rgb(218, 220, 224);
    --button-delete: #f03929;
    --button-header: #e6ecef;
    --customgrid-cell-bg: fff;
    --customgrid-lockedcell-bg: #d8d8d8;
    --customgrid-selection-border: #0092ff;
    --customgrid-edit-bg: #62bcff;
    --customgrid-cell-dividers: #d4d4d4;
    --customgrid-selected-row-color: #ffd966;
}

.dark-mode {
    --main-background: #414648;
    --background: #2d2d2d;
    --background2: #818181;
    --widget: #5d717b;
    --font-color: white;
    --highlight: #393939;
    --highlight-2: #414648;
    --link: #3ca4ff;
    --sester-dark: #393939;
    --sester-darker: #222222;
    --sester-darker-invert: #00355c;
    --report-card: #5a5a5a;
    --report-card2: #222222;
    --profileborder: #2f3a3e;
    --form-control-bg: #323f45;
    --form-control-color: #dee2e6;
    --form-control-border: #2f3a40;
    --border-light: rgb(37, 35, 31);
    --button-delete: #f03929;
    --button-header: #005999;
    --customgrid-cell-bg: #323f45;
    --customgrid-lockedcell-bg: #1d2427;
    --customgrid-selection-border: #0092ff;
    --customgrid-edit-bg: #045694;
    --customgrid-cell-dividers: #d4d4d4;
    --customgrid-selected-row-color: #ffd966;
}

html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    background-color: var(--bs-body-bg);
}

a, .btn-link {
    color: var(--link)
}



.rz-button.btn-primary, .btn-primary.rz-paginator-element {
    background-color: #005999 !important;
    overflow: hidden;
}

.alert-secondary {
    background-color: var(--highlight-2);
    color: var(--font-color);
}



.table {
    color: var(--font-color);
}

.div.main {
    background-color: var(--background);
    color: var(--font-color);
}


.z-index-n2 {
    z-index: -2; !important;
}

.z-index-n1 {
    z-index: -1; !important;
}

.z-index-0 {
    z-index: 0; !important;
}

.z-index-1 {
    z-index: 1; !important;
}

.z-index-2 {
    z-index: 2; !important;
}


.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.btn-login {
    color: #fff;
    background-color: #439dde;
    border-color: #005999;
}

.content-flex{
    padding: 0.5rem 1.5rem 1.5rem 1.5rem;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    position:relative;
}

.content {
    padding-top: 1.1rem;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

.profilePic {
    position: relative;
    height: 180px;
    width: 180px;
    float: left;
    overflow: hidden;
    margin: 20px;
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }





@media (min-width: 768px) {
    app {
        flex-direction: row;
    }

    .sidebar {
        width: 100%;
        position: fixed;
        top: 0;
    }

    .main .top-row {
        position: sticky;
        top: 0;
    }

    .main > div {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }

    .navbar-toggler {
        /*display: none;*/
    }

    .sidebar .collapse {
        /*Never collapse the sidebar for wide screens*/
        /*display: block;*/
    }
}


/* Sester Multi Column Drop Down */
.smcd-group{
    position: relative;
    background-color: white;
    border: 1px solid #ced4da;
    border-radius: 4px;
}

.smcd-group:focus-within {
    outline: 2px solid #ced4da;
}

.smcd-container {
    position: relative;
    display: flex;
    flex-direction: row;
}

.smcd-input {
    background-color: transparent;
    border: none;
    width: 0;
    flex-grow:1;
    padding: 4px 0 4px 6px;
    outline: none;
}

.smcd-button{
    border-top: 1px solid #ced4da;
    border-right: 1px solid #ced4da;
    border-bottom: 1px solid #ced4da;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    
    background-color: white;
    padding: 0 9px;
    font-size: 10px;
    margin: -1px;
    display: inline-flex;
    align-items: center;
    top:0;
}

.smcd-button:hover {
    background-color: rgb(0,0,0,0.1);
}

.smcd-button:active {
    background-color: rgb(0,0,0,0.2);
}


@media (max-width: 640.98px) {
    .smcd-dropdown {
        position: fixed;
        top: 4px !important;
        left: 0 !important;
        bottom: 0 !important;
        right: 0 !important;
    }
}

@media (min-width: 641px) {
    .smcd-dropdown {
        top:0;
        max-height:400px;
    }
}

.smcd-dropdown{
    position: fixed;
    border: 1px solid #ced4da;
    background-color: white;
    margin-top:-4px;
    display:flex;
    flex-direction: column;
    font-size:14px;
    z-index: 1001;
}

.smcd-dropdown:focus{
    outline: none;
}

.smcd-dropdown-content{
    overflow-y: auto;
}

.smcd-dropdown-header-row{
    display: flex;
    flex-direction: column;
    position: sticky;
    top: 0;
    z-index: 100;
}

.smcd-dropdown-header-subrow{
    display: flex;
    flex-direction: row;
}

.smcd-dropdown-header-input {
    border: none;
    padding: 4px 8px;
    width: 100%;
    background-color: transparent;
}
.smcd-dropdown-header-input:focus {
    outline: none;
}

.smcd-dropdown-header-corner, .smcd-dropdown-header-input-corner, .smcd-dropdown-header-cell{
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
}

.smcd-dropdown-header-corner{
    background-color: #02589A;
    position: sticky;
    left: 0;
    top: 0;
    z-index: 10;
}

.smcd-dropdown-header-cell{
    font-weight: bold;
    background-color: #02589A;
    color: white;
    padding: 4px 8px;
}

.smcd-dropdown-header-input-corner{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #E6E6E6;
    position: sticky;
    left: 0;
    top: 0;
    z-index: 10;
}

.smcd-dropdown-header-input-cell{
    background-color: #E6E6E6;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
}

.smcd-dropdown-row{
    display: flex;
    flex-direction: row;
}

.smcd-dropdown-row-selected{
    background-color: #C6C6C6;
}

.smcd-dropdown-row-header, .smcd-dropdown-cell {
    border-right: 1px solid #D4D4D4;
    border-bottom: 1px solid #D4D4D4;
}

.smcd-dropdown-row-header{
    display: flex;
    justify-content: center;
    align-items: center;
    position: sticky;
    left: 0;
}

.smcd-dropdown-cell{
    padding: 4px 8px;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.no-text-wrap-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.no-text-wrap-clip {
    overflow: hidden;
    text-overflow: clip;
    white-space: nowrap;
}


.smcd-dropdown-button-group{
    display: flex;
    column-gap: 8px;
    padding: 8px;
    justify-content: end;
    border-top: 1px solid #D4D4D4;
}

.smcd-dropdown-accept{
    
}

.smcd-checkbox{
    height: 18px;
    width: 18px;
    background-color: white;
    border: 1px solid #D4D4D4;
    position: relative;
}


.smcd-checkbox-checked, .smcd-checkbox-indeterminate {
    background-color: #006BF8;
}

.smcd-checkbox-checked::after{
    content: "";
    display: block;
    position: absolute;
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.smcd-checkbox-indeterminate::after{
    content: "";
    display: block;
    position: absolute;
    left: 4px;
    top: 2px;
    width: 8px;
    height: 7px;
    border: solid white;
    border-width: 0 0 2px 0;
}

.smcd-clear-button{
    margin: auto 4px;
    cursor: default;
}

.smcd-clear-button:hover{
    color:red;
}

.smcd-blocker{
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: ' ';
    background: rgba(0,0,0,0);
    z-index: 1000;
}

.disable-select {
    user-select: none; /* supported by Chrome and Opera */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
}

/* Import Button */
.label-wrapper:hover {
    cursor: pointer;
}

/* Import Button */
.custom-input-hide {
    display: none;
    width: 0;
    height: 0;
    overflow: hidden;
}


@media (max-width: 640.98px) {
    .phone-only{
        
    }
    .desktop-only{
        display:none;
    }
}

@media (min-width: 641px) {
    .phone-only{
        display:none;
    }
    .desktop-only{
        
    }
}

/* Dashboard cards */
.dash-h1{
    height: 180px;
}
.dash-h2{
    height: 360px;
}
.dash-h3{
    height: 540px;
}
.dash-h4{
    height: 720px;
}

@media(min-width:576px){
    .dash-sm-h1{
        height: 180px;
    }
    .dash-sm-h2{
        height: 360px;
    }
    .dash-sm-h3{
        height: 540px;
    }
    .dash-sm-h4{
        height: 720px;
    }
}

@media(min-width:768px){
    .dash-md-h1{
        height: 180px;
    }
    .dash-md-h2{
        height: 360px;
    }
    .dash-md-h3{
        height: 540px;
    }
    .dash-md-h4{
        height: 720px;
    }
}

@media(min-width:992px){
    .dash-lg-h1{
        height: 180px;
    }
    .dash-lg-h2{
        height: 360px;
    }
    .dash-lg-h3{
        height: 540px;
    }
    .dash-lg-h4{
        height: 720px;
    }
}

@media(min-width:1200px){
    .dash-xl-h1{
        height: 180px;
    }
    .dash-xl-h2{
        height: 360px;
    }
    .dash-xl-h3{
        height: 540px;
    }
    .dash-xl-h4{
        height: 720px;
    }
}

@media(min-width:1400px){
    .dash-xxl-h1{
        height: 180px;
    }
    .dash-xxl-h2{
        height: 360px;
    }
    .dash-xxl-h3{
        height: 540px;
    }
    .dash-xxl-h4{
        height: 720px;
    }
    
}

.absolute-bl{
    position: absolute;
    bottom: 0;
    left: 0;
}

.absolute-br{
    position: absolute;
    bottom: 0;
    right: 0;
}

.absolute-tl{
    position: absolute;
    top: 0;
    left: 0;
}

.absolute-tr{
    position: absolute;
    top: 0;
    right: 0;
}

.absolute-center{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.absolute-center-x{
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
}

.absolute-center-y{
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
}

.absolute-left{
    position: absolute;
    left: 0;
}

.absolute-right{
    position: absolute;
    right: 0;
}

.absolute-top{
    position: absolute;
    top: 0;
}

.absolute-bottom{
    position: absolute;
    bottom: 0;
}

.br-tl{
    border-radius: 5px 0 0 0;
}

.br-tr{
    border-radius: 0 5px 0 0;
}

.br-bl{
    border-radius: 0 0 0 5px;
}

.br-br{
    border-radius: 0 0 5px 0;
}

.br-left{
    border-radius: 5px 0 0 5px;
}

.br-right{
    border-radius: 0 5px 5px 0;
}

.br-top{
    border-radius: 5px 5px 0 0;
}

.br-bottom{
    border-radius: 0 0 5px 5px;
}

.fade-img {
    transition: opacity 1s ease-in-out;
}

.img-overlay {
    position: absolute;
    padding: 5px;
    width: 100%;
    font-size: 18px;
    color: #fff;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

.top-overlay {
    top: 0;
    background-color: rgba(0, 0, 0, 0.8);
}

.bottom-overlay {
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6);
}

.w-100:hover .img-overlay {
    opacity: 1;
}

.max-vhm-80 {
    max-height: calc(var(--vh, 1vh) * 80) !important;
}

.max-vhw-80 {
    max-width: calc(var(--vh, 1vh) * 80) !important;
}

.sester-boolean-green {
    color: #146c43
}

.sester-boolean-red {
    color: #c42129
}

.sester-bg-red-muted {
    background-color: #ffcccb
}

.sester-bg-blue-muted {
    background-color: #cbfeff
}

.sester-bg-gray {
    background-color: #f2f2f2
}

.sester-bg-dark-gray {
    background-color: #d8d8d8
}

.animate-flex-grow-1 {
    flex-grow: 1;
    transition: flex .3s ease-in-out
}

.animate-flex-grow-0 {
    flex-grow: 0;
    transition: flex .3s ease-in-out
}

.animate-width-400 {
    width: min(410px, 100vw);
    opacity: 1;
    transition: width .3s ease-in-out, opacity 0s ease-in-out .3s;
    overflow-y: auto;
}

.animate-width-0 {
    width: 0;
    opacity: 0;
    transition: width .3s ease-in-out;
    overflow-y: hidden;
}

.no-scrollbar {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

.no-scrollbar::-webkit-scrollbar {
    display: none;  /* Chrome, Safari, Opera */
}

.sester-tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.sester-tooltip .sester-tooltip-text {
    visibility: hidden;
    background-color: lightgrey;
    color: black;
    text-align: center;
    text-wrap: balance;
    padding: 5px 0;
    border-radius: 6px;
    border: 1px solid black;
    
    position: fixed;
    opacity: 0;
    transition: opacity 0.2s ease-out;
}

.sester-tooltip .sester-tooltip-hovered {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.2s ease-out;
}

.sester-color-picker {
    border: 2px solid #007bff;
    border-radius: 0.25px;
}

.sester-color-picker[disabled] {
    border-color: #a9a9a9;
}

.ship-calendar-table {
    border: 1px solid #000;
    border-collapse: separate;
    border-spacing: 0;
}
.ship-calendar-table th,
.ship-calendar-table td {
    text-align: right;
    border: 1px solid #000;
    padding: 5px 5px;
}
.ship-calendar-table thead th {
    text-align: center;
}

.ship-calendar-week-wrapper {
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: auto;
    transition: flex 0.3s ease-in-out;
}

.ship-calendar-week-wrapper-expanded {
    flex: 1;
}

.ship-calendar-week-wrapper-collapsed {
    flex: 0;
}

.ship-calendar-week-row {
    flex: 1 1 auto;
    display: flex;
}

.ship-calendar-day-column {
    display: flex;
    flex-direction: column;
    border: 1px solid black;
    min-width: 100px;
}

.ship-calendar-header-cell {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: lightgray;
    padding: 0;
    font-size: 0.9rem;
    font-weight: bold;
    border-bottom: 1px solid black;
}

.ship-calendar-data-cell {
    flex-grow: 1;
    padding: 5px;
    overflow-y: auto;
    font-size: 0.9rem;
}

.bareroot-table {
    table-layout: auto;
    width: fit-content;
    border-collapse: separate;
    border-spacing: 0;
}

.bareroot-table thead th {
    border: 1px solid #000;
    font-weight: normal;
    text-align: right;
    padding: 4px 6px !important;
    min-width: 100px;
}

.bareroot-table tbody td,
.bareroot-table tfoot td {
    border: 1px solid #000000;
    font-weight: normal;
    text-align: right !important;;
    padding: 4px 4px !important;
}

.bareroot-table-transparent-cell {
    border: none !important;
    background-color: #e9ecef !important;
}

@keyframes ar-zero-pulse {
    0%, 100% { background-color: #f8d7da;}
    50% { background-color: #ffffff;}
}

.ar-zero-flash {
    animation: ar-zero-pulse 1.25s ease-in-out infinite;
}