@import '_content/Blazor.SignaturePad/Blazor.SignaturePad.bundle.scp.css';
@import '_content/BlazorColorPicker/BlazorColorPicker.bundle.scp.css';
@import '_content/Blazored.Modal/Blazored.Modal.bundle.scp.css';
@import '_content/Blazored.Toast/Blazored.Toast.bundle.scp.css';

/* /Pages/Dashboard/CycleDashboard.razor.rz.scp.css */
.table-responsive[b-b17ql4b4we] {
    font-size: small;
}

.table td[b-b17ql4b4we], .table th[b-b17ql4b4we] {
    padding: .25rem;
}

.tableFixHead[b-b17ql4b4we] {
    overflow: auto;
    height: 100px;
}

    .tableFixHead thead th[b-b17ql4b4we] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

.card-header[b-b17ql4b4we] {
    font-weight: bold;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
}



.showMobile[b-b17ql4b4we] {
    display: block;
}

.showDesktop[b-b17ql4b4we] {
    display: none;
}

.table td[b-b17ql4b4we], .table th[b-b17ql4b4we] {
    padding: .1rem;
}

.dashboardBottomRow[b-b17ql4b4we] {
    height: 340px;
}

.monthlyHaulageChart[b-b17ql4b4we] {
    height: 320px;
}

@media only screen and (min-device-width: 1400px) {
    .showMobile[b-b17ql4b4we] {
        display: none;
    }

    .showDesktop[b-b17ql4b4we] {
        display: block;
    }


    .table td[b-b17ql4b4we], .table th[b-b17ql4b4we] {
        padding: .25rem;
    }

    .monthlyHaulageChart[b-b17ql4b4we] {
        height: 300px;
    }

    .dashboardBottomRow[b-b17ql4b4we] {
        height: 350px;
    }
}
/* /Pages/Dashboard/HaulageDailyDashboardDemo.razor.rz.scp.css */
.table-responsive[b-l05ht4n4xt] {
    font-size: small;
}



.table td[b-l05ht4n4xt], .table th[b-l05ht4n4xt] {
    /* padding: .25rem;*/
}

.tableFixHead[b-l05ht4n4xt] {
    overflow: auto;
    height: 100px;
}

    .tableFixHead thead th[b-l05ht4n4xt] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

.card-header[b-l05ht4n4xt] {
    font-weight: bold;
    /*padding-top: 0.25em;
    padding-bottom: 0.25em;*/
}


.showMobile[b-l05ht4n4xt] {
    display: block;
}

.showDesktop[b-l05ht4n4xt] {
    display: none;
}

.table td[b-l05ht4n4xt], .table th[b-l05ht4n4xt] {
    /*    padding: .1rem;*/
}

/*.dashboardBottomRow {
    height: 340px;
}*/

/*.monthlyHaulageChart {
    height: 320px;
}*/

.container-dash[b-l05ht4n4xt] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 65px); /* Subtract padding from full viewport height */
    /* padding: 5px;*/ /* Add 5px white space around container */
    background-color: white;
    gap: 15px; /* Add 5px gap between divs */
}

.div1[b-l05ht4n4xt], .div3[b-l05ht4n4xt] {
    /*padding: 10px;*/
    /* These will be auto-sized */
}

.div2[b-l05ht4n4xt], .div4[b-l05ht4n4xt] {
    /*  padding: 10px;*/
    flex-grow: 1; /* These will take the remaining space equally */
}

@media only screen and (min-device-width: 1400px) {
    .showMobile[b-l05ht4n4xt] {
        display: none;
    }

    .showDesktop[b-l05ht4n4xt] {
        display: block;
    }


    .table td[b-l05ht4n4xt], .table th[b-l05ht4n4xt] {
        padding: .25rem;
    }

    /* .monthlyHaulageChart {
        height: 300px;
    }

    .dashboardBottomRow {
        height: 350px;
    }*/
}
/* /Pages/Dashboard/HaulageDashboard.razor.rz.scp.css */
.table-responsive[b-u74vjaa18c] {
    font-size: small;
}


.table td[b-u74vjaa18c], .table th[b-u74vjaa18c] {
    padding: .25rem;
}

.tableFixHead[b-u74vjaa18c] {
    overflow: auto;
    height: 100px;
}

    .tableFixHead thead th[b-u74vjaa18c] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

.card-header[b-u74vjaa18c] {
    font-weight: bold;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
}


.showMobile[b-u74vjaa18c] {
    display: block;
}

.showDesktop[b-u74vjaa18c] {
    display: none;
}

.table td[b-u74vjaa18c], .table th[b-u74vjaa18c] {
    padding: .1rem;
}

.dashboardBottomRow[b-u74vjaa18c] {
    height: 340px;
}

.monthlyHaulageChart[b-u74vjaa18c] {
    height: 320px;
}

@media only screen and (min-device-width: 1400px) {
    .showMobile[b-u74vjaa18c] {
        display: none;
    }

    .showDesktop[b-u74vjaa18c] {
        display: block;
    }


    .table td[b-u74vjaa18c], .table th[b-u74vjaa18c] {
        padding: .25rem;
    }

    .monthlyHaulageChart[b-u74vjaa18c] {
        height: 300px;
    }

    .dashboardBottomRow[b-u74vjaa18c] {
        height: 350px;
    }
}
/* /Pages/Dashboard/HaulageMonthlyDashboardDemo.razor.rz.scp.css */
.table-responsive[b-j857bvk6xp] {
    font-size: small;
}


.table td[b-j857bvk6xp], .table th[b-j857bvk6xp] {
   /* padding: .25rem;*/
}

.tableFixHead[b-j857bvk6xp] {
    overflow: auto;
    height: 100px;
}

    .tableFixHead thead th[b-j857bvk6xp] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

.card-header[b-j857bvk6xp] {
    font-weight: bold;
    /*padding-top: 0.25em;
    padding-bottom: 0.25em;*/
}


.showMobile[b-j857bvk6xp] {
    display: block;
}

.showDesktop[b-j857bvk6xp] {
    display: none;
}

.table td[b-j857bvk6xp], .table th[b-j857bvk6xp] {
/*    padding: .1rem;*/
}

/*.dashboardBottomRow {
    height: 340px;
}*/

/*.monthlyHaulageChart {
    height: 320px;
}*/

.container-dash[b-j857bvk6xp] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 65px); /* Subtract padding from full viewport height */
   /* padding: 5px;*/ /* Add 5px white space around container */
    background-color: white;
    gap: 15px; /* Add 5px gap between divs */
}

.div1[b-j857bvk6xp], .div3[b-j857bvk6xp] {
   
    /*padding: 10px;*/
    /* These will be auto-sized */
}

.div2[b-j857bvk6xp], .div4[b-j857bvk6xp] {
   
  /*  padding: 10px;*/
    flex-grow: 1; /* These will take the remaining space equally */
}

@media only screen and (min-device-width: 1400px) {
    .showMobile[b-j857bvk6xp] {
        display: none;
    }

    .showDesktop[b-j857bvk6xp] {
        display: block;
    }


    .table td[b-j857bvk6xp], .table th[b-j857bvk6xp] {
        padding: .25rem;
    }

   /* .monthlyHaulageChart {
        height: 300px;
    }

    .dashboardBottomRow {
        height: 350px;
    }*/
}
/* /Pages/Dashboard/MapDashboard.razor.rz.scp.css */
*[b-xsoo6g1oqk] {
    box-sizing: border-box;
}



@-webkit-keyframes ticker {
    0%{
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes ticker-b-xsoo6g1oqk {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}


body[b-xsoo6g1oqk] {
    padding-bottom: 5rem;
}

h1[b-xsoo6g1oqk],
h2[b-xsoo6g1oqk],
p[b-xsoo6g1oqk] {
    padding: 0 5%;
}
/* /Pages/Dashboard/MapDashboardDemo.razor.rz.scp.css */
*[b-twtsszhxgm] {
    box-sizing: border-box;
}



@-webkit-keyframes ticker {
    0%{
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes ticker-b-twtsszhxgm {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.ticker-wrap[b-twtsszhxgm] {
    position: fixed;
    bottom: 0;
    width: 100%;
    overflow: hidden;
    height: 135px;
  /*  background-color: #000;*/
    padding-left: 100%;
    box-sizing: content-box;
    
.ticker
{
    display: inline-block;
    height: 135px;
    
    white-space: nowrap;
    padding-right: 100%;
    box-sizing: content-box;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-name: ticker;
    animation-name: ticker-b-twtsszhxgm;
   
    .ticker__item
{
    background: #fff;
    border: solid;
    border-radius: 10px;
    border-width: 2px;
    border-color: #2f2f2f;
    margin-left: 8px;
    height: 130px;
    display: inline-block;
    width: 200px;
    color: #2f2f2f;
}

}
}

.ticker_item_header[b-twtsszhxgm] {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

.ticker_detail_line[b-twtsszhxgm] {
    font-size: 9pt;
    margin-left: 3px;
    width: 195px;
    overflow-x:  clip;
}

.ticker_status_bottom_box[b-twtsszhxgm] {
    height: 25px;
    width: 196px;
    position: fixed;
    bottom: 0;
    margin-bottom: 7px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

body[b-twtsszhxgm] {
    padding-bottom: 5rem;
}

h1[b-twtsszhxgm],
h2[b-twtsszhxgm],
p[b-twtsszhxgm] {
    padding: 0 5%;
}
/* /Pages/Dashboard/MultiCustomerMapDashboard.razor.rz.scp.css */
*[b-8ii5jer93x] {
    box-sizing: border-box;
}



@-webkit-keyframes ticker {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes ticker-b-8ii5jer93x {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.ticker-wrap[b-8ii5jer93x] {
    position: fixed;
    bottom: 0;
    width: 100%;
    overflow: hidden;
    height: 135px;
    /*  background-color: #000;*/
    padding-left: 100%;
    box-sizing: content-box;
    .ticker

{
    display: inline-block;
    height: 135px;
    white-space: nowrap;
    padding-right: 100%;
    box-sizing: content-box;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-name: ticker;
    animation-name: ticker-b-8ii5jer93x;
    .ticker__item

{
    background: #fff;
    border: solid;
    border-radius: 10px;
    border-width: 2px;
    border-color: #2f2f2f;
    margin-left: 8px;
    height: 130px;
    display: inline-block;
    width: 200px;
    color: #2f2f2f;
}

}
}

.ticker_item_header[b-8ii5jer93x] {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

.ticker_detail_line[b-8ii5jer93x] {
    font-size: 9pt;
    margin-left: 3px;
    width: 195px;
    overflow-x: clip;
}

.ticker_status_bottom_box[b-8ii5jer93x] {
    height: 25px;
    width: 196px;
    position: fixed;
    bottom: 0;
    margin-bottom: 7px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

body[b-8ii5jer93x] {
    padding-bottom: 5rem;
}

h1[b-8ii5jer93x],
h2[b-8ii5jer93x],
p[b-8ii5jer93x] {
    padding: 0 5%;
}
/* /Pages/Login.razor.rz.scp.css */
a[b-81pkketa38] {
    text-decoration: none;
}

.login-page[b-81pkketa38] {
    width: 100%;
    height: 100vh;
    display: inline-block;
    display: flex;
    align-items: center;
}

.form-right i[b-81pkketa38] {
    font-size: 100px;
}
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-b6zv49vne5] {
    position: relative;
    display: flex;
    flex-direction: column;
}

.main[b-b6zv49vne5] {
    flex: 1;
    width: 100%;
}


.sidebar[b-b6zv49vne5] {
    /*background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);*/
    background-color: #2f2f2f;
}

.top-row[b-b6zv49vne5] {
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
    background: #2f2f2f;
}

.top-row-header[b-b6zv49vne5] {
    color: #d7d7d7;
    font-size: 1.75em;
    font-weight: 100;
}

    .top-row[b-b6zv49vne5]  a, .top-row .btn-link[b-b6zv49vne5] {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

    .top-row a:first-child[b-b6zv49vne5] {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-b6zv49vne5] {
        display: none;
    }

    .top-row.auth[b-b6zv49vne5] {
        justify-content: space-between;
    }

    .top-row a[b-b6zv49vne5], .top-row .btn-link[b-b6zv49vne5] {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-b6zv49vne5] {
        flex-direction: row;
    }

    .sidebar[b-b6zv49vne5] {
        width: 100px;
        height: 100vh;
       
        top: 0;
    }

    .top-row[b-b6zv49vne5] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

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

@media only screen and (min-device-width: 1400px) {
    .sidebar[b-b6zv49vne5] {
        width: 250px;
        height: 100vh;
       
        top: 0;
        
    }
}
/* /Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-0sh8iz0hfl] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-0sh8iz0hfl] {
    height: 3.5rem;
}

.dropdown-menu[b-0sh8iz0hfl] {
    z-index: 2000 !important;
}

.navbar-brand[b-0sh8iz0hfl] {
    font-size: 1.1rem;
}

.oi[b-0sh8iz0hfl] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item[b-0sh8iz0hfl] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-0sh8iz0hfl] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-0sh8iz0hfl] {
        padding-bottom: 1rem;
    }

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

        .nav-item[b-0sh8iz0hfl]  a.active {
            background-color: rgba(255,255,255,0.25);
            color: white;
        }

        .nav-item[b-0sh8iz0hfl]  a:hover {
            background-color: rgba(255,255,255,0.1);
            color: white;
        }

@media (min-width: 641px) {
    .navbar-toggler[b-0sh8iz0hfl] {
        display: none;
    }

    .collapse[b-0sh8iz0hfl] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}

.navbar-brand[b-0sh8iz0hfl] {
    display: none;
}

.menu-text[b-0sh8iz0hfl] {
    display: none;
}

@media only screen and (min-device-width: 1400px) {
    .navbar-brand[b-0sh8iz0hfl] {
        display: block;
    }

    .menu-text[b-0sh8iz0hfl] {
        display: block;
    }
}