html, body {font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;}
a, .btn-link {color: #006bb7;}
.btn-primary {color: #fff;background-color: #1b6ec2; border-color: #1861ac;}
.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;}
.content {padding-top: 1.1rem;}
h1:focus {outline: none;}
.valid.modified:not([type=checkbox]) {outline: 1px solid #26b050;}
.invalid {outline: 1px solid #e50000;}
.validation-message {color: #e50000;}
.blazor-error-boundary {background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121; padding: 1rem 1rem 1rem 3.7rem; color: white;}
.blazor-error-boundary::after {content: "An error has occurred."}
.darker-border-checkbox.form-check-input {border-color: #929292;}
 
.form-label {font-weight: bold;}
.nav-item[b-4murq6jsbn] .nav-link{font-weight: bold;}
.table{table-layout:inherit !important}
.pull-left{float:left}
.pull-right{float:right}

.emplyHeader{padding:10px 0px;}
.emplyHeader h3{font-size:20px; padding-top:10px; font-weight:bold; margin-bottom:0px}
.emplyHeader {}

.logoutbutton {}
.logoutbutton  .btn-outline-danger{float:right; margin-bottom:10px; padding:3px 10px}
ul.btnListing{list-style:none; float:left; margin:0px; padding:0px}
ul.btnListing li{float:left; padding-right:15px; margin-bottom:0px !important}
ul.btnListing li label{color:#333333; cursor:pointer}
 
.redClose {background:#ff0000; border:none; box-shadow:none; color:#ffffff; font-weight:bold; font-size:24px; height:25px; line-height:22px; position:absolute; right:-10px; top:-13px; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; width:25px;}
.pnlClose{box-shadow:rgba(0, 0, 0, 0.35) 0px 5px 15px; text-decoration:none; line-height:26px; text-align:center;}
.pnlClose:hover{color:#ffffff}

.mainHeader{background:#f5f5f5; border:1px solid #dddddd; border-bottom:none; color:#000000; font-weight:bold; width:100%; float:left; padding:10px 0px 5px 10px; margin-bottom:0px; font-size:18px; border-radius: 4px 4px 0px 0px; -moz-border-radius: 4px 4px 0px 0px; -webkit-border-radius: 4px 4px 0px 0px; position:relative}
.mainHeader .headerLeft{float:left;}
.mainHeader .headerLeft h4{}
.mainHeader .headerRight{float:right}

.inrPage{/*margin-top:20px*/}
.inrPage h4{/*background:#d9d9d9; border:1px solid #dddddd; border-bottom:none; color:#000000; font-weight:bold; width:100%; float:left; padding:15px 12px 10px 12px; margin-bottom:0px; font-size:18px; border-radius: 4px 4px 0px 0px; -moz-border-radius: 4px 4px 0px 0px; -webkit-border-radius: 4px 4px 0px 0px;*/}
.inrPage .inrPageCon{background:#f2f2f2; float:left; width:100%; padding:12px}
 
.btn-select {background-color:#198754; border:1px solid transparent; border-radius:4px; box-shadow:rgba(255, 255, 255, .4) 0 1px 0 0 inset; box-sizing:border-box; color:#ffffff; cursor:pointer; display:inline-block; font-size:12px; font-weight:400; line-height:1.15385; margin:0; outline:none; padding:5px; position:relative; text-align:center; text-decoration:none; user-select:none; -webkit-user-select:none; touch-action:manipulation; vertical-align:baseline; white-space:nowrap;}
.btn-select:hover,.button-7:focus {background-color:#198754;}
.btn-select:focus {box-shadow:0 0 0 4px rgba(0, 149, 255, .15);}
.btn-select:active {background-color:#0064bd; box-shadow: none;}

.modal-header {background:#198754; color:#ffffff}
.redClose {background:#ff0000; border:none; box-shadow:none; color:#ffffff; font-weight:bold; font-size:24px; height:25px; line-height:24.5px; position:absolute; right:-13px;} 
/*.btn-select{top:-14px; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; width:25px;}*/
.maxHT5{max-height: 300px; overflow:auto}
.maxHTE5{max-height:880px; overflow:auto}
.modal-el {max-width: 95%}
 
.btn-primary{background:#198754; color:#ffffff; border-color:#198754; font-size:14px; padding:4px 8px; min-width:80px}
.btn-primary:hover{background:#000000; border-color:#000000; transition:0.3s;}

.btn-default{background-color: #ffffff !important; color:#636363 !important; border:1px solid #EDEDED !important}
.btn-default:hover,.btn-default:focus,.btn-select:active {background-color:#198754 !important; color:#ffffff !important}

.btn-assign{background-color:#1b6ec2 !important; color:#ffffff !important; border:1px solid #1b6ec2 !important}
.btn-assign:hover,.btn-assign:focus,.btn-assign:active {background-color:#198754 !important; color:#ffffff !important}
 
.input-group .btn-primary{min-width:45px; display:table; font-weight:bold}
.conBg{background:#f2f2f2}
.inrPage .inrPageCon{background:#ffffff; border:1px solid #dddddd; padding-top:20px}
.iconSetVisitEntry{top: -12px !important;font-size: 21px;}
.form-control{padding:3px}
.modal-body .table-responsive .table thead tr th:first-child, .modal-body .table-responsive .table tbody tr td:first-child {width:100px}
.modal-body .table-responsive .table thead tr th:nth-child(2), .modal-body .table-responsive .table tbody tr td:nth-child(2) {width:150px}

.top-row[b-4murq6jsbn]{background-color:#10623c !important}
.nav-scrollable[b-4murq6jsbn]{background:#198754}
.nav-item[b-4murq6jsbn] .nav-link{color:#ffffff}
.modal-md {max-width:740px !important;}
.nav-item[b-4murq6jsbn] .nav-link{line-height:18px !important; color:#ffffff !important}
.bi[b-4murq6jsbn]{font-size:20px; color:#ffffff}
.bi[b-4murq6jsbn] {font-size:20px; color: #fff; border:1px solid #fff;border-radius:100%; padding: 7px;width:35px !important;height:35px !important;line-height:0;background:#fff;background-size: auto;color: #1b734a;}

.revenueBox{float:left; width:100%; background:#40A2ED !important; padding:1.5rem; color:#ffffff; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
.revenueBox .h4{}
.revenueBox span{font-size:18px;}
.revenueBox .float-end{}
.revenueBox .float-end a{padding:3px 5px; font-size:12px; font-weight:bold; background:#F40001; border:none; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
.revenueBox p{font-size:30px; margin-top:30px; font-weight:bold}
.revenueBox .fs-16{font-size:16px;}

.ordersBox{float:left; width:100%; background:#25B5B5 !important; padding: 1.5rem; color:#ffffff; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
.ordersBox .h4{}
.ordersBox span{font-size:18px;}
.ordersBox .float-end{}
.ordersBox .float-end a{padding:3px 5px; font-size:12px; font-weight:bold; background:#F9C31E; border:none; box-shadow:rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
.ordersBox p{font-size:30px; margin-top:30px; font-weight:bold}
.ordersBox .fs-16{font-size:16px;}

.visitorsBox{float:left; width:100%; background:#8097B1 !important; padding:1.5rem; color:#ffffff; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
.visitorsBox .h4{}
.visitorsBox span{font-size:18px;}
.visitorsBox .float-end{}
.visitorsBox .float-end a{padding:3px 5px; font-size:12px; font-weight:bold; background:#168BE4; border:none; box-shadow:rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
.visitorsBox p{font-size:30px; margin-top:30px; font-weight:bold}
.visitorsBox .fs-16{font-size:16px;}

.CompRegBox{float:left; min-height:143px; width:100%; background:#FAD050 !important; padding: 1.5rem; color:#ffffff; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
.CompRegBox .h4{}
.CompRegBox span{font-size:18px;}
.CompRegBox .float-end{}
.CompRegBox .float-end a{padding:3px 5px; font-size:12px; font-weight:bold; background:#25b5b5; border:none; box-shadow:rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
.CompRegBox p{font-size:30px; margin-top:10px; margin-bottom:0px; font-weight:bold}
.CompRegBox .fs-16{font-size:16px;}

.totResolve{float:left; min-height:143px; width:100%; background:#AC3E31 !important; padding:1.5rem; color:#ffffff; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
.totResolve .h4{}
.totResolve span{font-size:18px;}
.totResolve .float-end{}
.totResolve .float-end a{padding:3px 5px; font-size:12px; font-weight:bold; background:#075f63; border:none; box-shadow:rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
.totResolve p{font-size:30px; margin-top:30px; margin-bottom:0px; font-weight:bold}
.totResolve .fs-16{font-size:16px;}

.undProcess{float:left; min-height:143px; width:100%; background:#B3C100 !important; padding:1.5rem; color:#ffffff; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
.undProcess .h4{}
.undProcess span{font-size:18px;}
.undProcess .float-end{}
.undProcess .float-end a{padding:3px 5px; font-size:12px; font-weight:bold; background:#50fafa; border:none; box-shadow:rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
.undProcess p{font-size:30px; margin-top:10px; margin-bottom:0px; font-weight:bold}
.undProcess .fs-16{font-size:16px;}

.totalLeft{float:left; min-height:143px; width:100%; background:#075F63 !important; padding:1.5rem; color:#ffffff; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
.totalLeft .h4{}
.totalLeft span{font-size:18px;}
.totalLeft .float-end{}
.totalLeft .float-end a{padding:3px 5px; font-size:12px; font-weight:bold; background:#F40001; border:none; box-shadow:rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
.totalLeft p{font-size:30px; margin-top:30px; margin-bottom:0px; font-weight:bold}
.totalLeft .fs-16{font-size:16px;}

.otpBtn{min-width:60px !important; text-align:center; display:block;}


.nav-link .bi-tree{background:#D89A00; border:1px solid #D89A00; color:#ffffff;}
.nav-link .bi-people{background:#D82B48; border:1px solid #D82B48; color:#ffffff;}
.nav-link .bi-exclamation-circle{background:#B3C100; border:1px solid #B3C100; color:#ffffff;}
.nav-link .bi-person-check{background:#3C3C99; border:1px solid #3C3C99; color:#ffffff;}
.nav-link .bi-person-check{background:#D879B4; border:1px solid #D879B4; color:#ffffff;}
.nav-link .bi-check-circle{background:#00CCA5; border:1px solid #00CCA5; color:#ffffff;}
.nav-link .bi-calendar-check{background:#AC3E31; border:1px solid #AC3E31; color:#ffffff;}
.nav-link .bi-person-badge{background:#0016bb; border:1px solid #0016bb; color:#ffffff;} 

.table-bordered > :not(caption) > * > *{font-size:15px;}


.dailyBox {background:#FAD050 !important; margin-bottom:20px; padding:20px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; color: #ffffff}
.dailyBox {overflow:hidden}
.dailyBox .box-header{}
.dailyBox .box-header .box-title{}
.dailyBox .box-body{}
.dailyBox .box-body .d-flex{float:left; }
.dailyBox .box-body .d-flexRight{float:right}
.dailyBox .box-body .d-flex h1{color:#ffffff !important} 
.dailyBox .box-body .d-flex h1{color:#ffffff !important} 
.dailyBox .box-body .bg-info{}

.weeklyBox{background:#33AC2E !important; margin-bottom:20px; padding:20px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; color:#ffffff}
.weeklyBox {overflow:hidden}
.weeklyBox .box-header{}
.weeklyBox .box-header .box-title{}
.weeklyBox .box-body{}
.weeklyBox .box-body .d-flex{float:left; }
.weeklyBox .box-body .d-flexRight{float:right}
.weeklyBox .box-body .d-flex h1{color:#ffffff !important} 
.weeklyBox .box-body .d-flex h1{color:#ffffff !important} 
.weeklyBox .box-body .bg-info{}

.monthlyBox{background:#82D9FF !important; margin-bottom:20px; padding:20px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; color:#ffffff}
.monthlyBox {overflow:hidden}
.monthlyBox .box-header{}
.monthlyBox .box-header .box-title{}
.monthlyBox .box-body{}
.monthlyBox .box-body .d-flex{float:left; }
.monthlyBox .box-body .d-flexRight{float:right}
.monthlyBox .box-body .d-flex h1{color:#ffffff !important} 
.monthlyBox .box-body .d-flex h1{color:#ffffff !important} 
.monthlyBox .box-body .bg-info{}

.yearlyBox{background:#FF2829 !important; margin-bottom:20px; padding:20px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; color:#ffffff}
.yearlyBox {overflow:hidden}
.yearlyBox .box-header{}
.yearlyBox .box-header .box-title{}
.yearlyBox .box-body{}
.yearlyBox .box-body .d-flex{float:left; }
.yearlyBox .box-body .d-flexRight{float:right}
.yearlyBox .box-body .d-flex h1{color:#ffffff !important} 
.yearlyBox .box-body .d-flex h1{color:#ffffff !important} 
.yearlyBox .box-body .bg-info{}
 

.btnCustom{background:#558423; color:#ffffff; border:none; padding:7px 8px; min-width: 120px; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;}
.btnCustom:hover{background:#76A246; color:#ffffff;}

/*login Page start*/
.loginBg{background:#7F9236 url(../images/login-bg.png); background-repeat:no-repeat; background-size:cover; background-size:100% 100%; min-height:100vh; font-size:16px; overflow:hidden }
.loginInner{background: #ffffff; padding:30px; border-radius: 10px; margin:15% auto; width:420px; overflow:auto; box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;}
.loginInner .logo {width:150px; margin:0px auto}
.loginInner .logo .icon{float:left; background:#4d7335; border-radius:100%; width:60px; height:60px; text-align:center; padding-top:5px; margin-left:45px;}
.loginInner .logo .icon .bi-tree{color:#ffffff; font-size:35px; padding-top:5px; padding-left:12px; line-height:0px; float:left}
.loginInner .logo .text {width:100%; float:left; font-weight:bold; margin:5px; margin-left:10px;}
.loginBody{float:left; width:100%; margin-top:30px}
.btnLogout{display:table; margin:0px auto}
.btnLogout{background:#558423; color:#ffffff; border:none; padding:7px 15px; min-width: 120px; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;}
.btnLogout:hover{background:#76A246; color:#ffffff;}
/*login Page End*/


.imgBox{float:left;width:100%}
.imgBox h3{padding:15px; margin-top:0px; font-size: 24px; font-weight: bold; margin-bottom: 0px; background:#198754; color:#ffffff; border-radius: 10px 10px 0px 0px;}
.imgBox .imgBoxInner{background:#f9fbfa; border:2px solid #cccccc; text-align:center; min-height:500px;}
.imgBox .imgBoxInner img{text-align:center; max-height:500px;}
.mtBtn{margin-top:13px;}

.btmTotalBox{}
.btmTotalBox p{float:left; margin-top:10px !important}
.btmTotalBox span{}

.noData{border: 1px solid #dddddd; padding:15px; text-align: center; color: #ff0000; font-weight: bold;}






.sidebar{z-index:1}
.btmFooter {background:#ffffff;}
.btmFooter .copyRight {float: left; position: absolute; bottom: 0px; right: 0; width: 100%; background:#ffffff; border-right:1px solid #dddddd}
.btmFooter .copyRight p{color:#7e7e7e; padding:10px 30px; text-align:right; margin-bottom:0px; font-size:14px}
.btmFooter .copyRight p a{color:#f14f00; text-decoration:underline}

@media (max-width: 1280px) {
.CompRegBox, .totResolve, .undProcess, .totalLeft{min-height:207px; margin-bottom:20px}
}
@media (max-width:768px) {
.inrPage .inrPageCon{max-height:500px; overflow:auto}
}
@media (max-width: 640.98px) {
.top-row[b-lwsefmgx4w] {display: none !important}
.btmFooter .copyRight{position:relative}
}
@media (max-width: 575px) {
.CompRegBox, .totResolve, .undProcess, .totalLeft {min-height:auto;}
.loginInner{width:100%}
.btmFooter .copyRight{bottom:-30px; position:relative }
.totResolve p{margin-top:0px}
.undProcess{padding: 10px 15px;}
.totalLeft p{margin-top:0px}
} 

/*
@media only screen and (max-width: 991px) {
.navbar-toggler {background: #ffffff;}
.navbar-nav {position: absolute; z-index: 1; background: #056C5F; padding:10px;}
}*/
.pagination-custom .page-item .page-link {
    color: #fff;
    background-color: #007bff;
    border: none;
    border-radius:10px;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin-left:5px
}

    .pagination-custom .page-item .page-link:hover {
        background-color: #0056b3;
        transform: scale(1.1);
    }

.pagination-custom .page-item.active .page-link {
    background-color: #28a745;
    color: #fff;
}

.pagination-custom .page-item.disabled .page-link {
    background-color: #e9ecef;
    color: #6c757d;
}