@import url('https://fonts.googleapis.com/css2?family=Anek+Gujarati:wght@300;400;500;600;700&family=Hind+Vadodara:wght@600&display=swap');
/* font-family: 'Hind Vadodara', sans-serif; */
body{background: #f2f6ff; font-family: 'Anek Gujarati', sans-serif; font-weight: 400;}

.form-control:focus{-webkit-box-shadow: 0px 0px 0px 4px rgba(16,151,92,1) !important; -moz-box-shadow: 0px 0px 0px 4px rgba(16,151,92,1) !important; box-shadow: 0px 0px 0px 4px rgba(16,151,92,1) !important; border: #10975c 1px solid !important;}
.select2-container--default.select2-container--open .select2-selection--single{-webkit-box-shadow: 0px 0px 0px 4px rgba(16,151,92,1) !important; -moz-box-shadow: 0px 0px 0px 4px rgba(16,151,92,1) !important; box-shadow: 0px 0px 0px 4px rgba(16,151,92,1) !important; border: #10975c 1px solid !important;}
.select2-container--default.select2-container--focus .select2-selection--single{-webkit-box-shadow: 0px 0px 0px 4px rgba(16,151,92,1) !important; -moz-box-shadow: 0px 0px 0px 4px rgba(16,151,92,1) !important; box-shadow: 0px 0px 0px 4px rgba(16,151,92,1) !important; border: #10975c 1px solid !important;}
.header.header-fixed{left: 0px !important}
.pd-5{padding: 0 5px}
.md-5{margin: 0 -5px}



.header-fixed .wrapper{padding-top: 90px}
.header{background: #f2f6ff; border: none; height: auto !important; padding: 10px 0}
.header .logo-sticky{background: #fff; padding: 10px 20px 10px 10px; border-radius: 35px; -webkit-box-shadow: 0px 0px 11px 0px rgba(7,54,159,0.05); -moz-box-shadow: 0px 0px 11px 0px rgba(7,54,159,0.05); box-shadow: 0px 0px 11px 0px rgba(7,54,159,0.05);}
.header .logo-sticky .mobile-logo{display: none}
.header .user-dropdown{background: #fff; border-radius: 35px; text-align: left; border:none; position: relative; padding: 10px 40px 10px 70px; font-size: 16px; color: #848484; line-height: 25px; -webkit-box-shadow: 0px 0px 11px 0px rgba(7,54,159,0.05); -moz-box-shadow: 0px 0px 11px 0px rgba(7,54,159,0.05); box-shadow: 0px 0px 11px 0px rgba(7,54,159,0.05);}
.header .user-dropdown span{display: block; font-size: 20px; font-weight: 700; color: #272727}
.header .user-dropdown .user-photo{position: absolute; top: 10px; left: 10px; width: 50px; height: 50px; border-radius: 50%; overflow: hidden;}
.header .user-dropdown .user-photo img{width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; object-fit: cover;}
.header .user-dropdown::after {color: #10975c !important;font-weight: 700; font-size: 12px; position: absolute; top: 30px; right: 15px}
.header .time-box{background: #fff; border-radius: 35px; text-align: left; border:none; position: relative; padding: 10px 40px 10px 70px; font-size: 16px; color: #848484; line-height: 25px; margin-right: 20px; -webkit-box-shadow: 0px 0px 11px 0px rgba(7,54,159,0.05); -moz-box-shadow: 0px 0px 11px 0px rgba(7,54,159,0.05); box-shadow: 0px 0px 11px 0px rgba(7,54,159,0.05);}
.header .time-box span{display: block; font-size: 20px; font-weight: 700; color: #272727}
.header .time-box i{position: absolute; top: 10px; left: 10px; width: 50px; color: #10975c; height: 50px; font-size: 50px; text-align: center; line-height: 50px}
.content{padding: 10px 0 30px 0}
.card.card-custom{background: #fff; -webkit-box-shadow: 0px 0px 11px 0px rgba(7,54,159,0.05); -moz-box-shadow: 0px 0px 11px 0px rgba(7,54,159,0.05); box-shadow: 0px 0px 11px 0px rgba(7,54,159,0.05);}
.entry-form .card-header{min-height: auto !important; padding: 0px}
.entry-form .card-header .card-title{font-size: 24px !important;  font-weight: 700 !important; margin: 30px 30px 20px 30px !important}
.entry-form .card-header .receipt-number{color: #000; margin-right: 30px; font-size: 24px; font-weight: 400}
.entry-form .card-header .receipt-number span{color: #10975c; font-weight: 700}
.entry-form .card-body{margin: 0px;}
.entry-form .card-body .form-group{margin-bottom: 15px}
.entry-form .card-body .form-group .large-input .input-group-text{background:#10975c; color: #fff; border-radius: 8px 0 0 8px; font-size: 22px; font-weight: 700; border:#10975c 1px solid; padding: 4px 20px 0 20px}
.entry-form .card-body .form-group .large-input .form-control{border-radius: 0 8px 8px 0; height: 60px; border:#c5ccdd 1px solid; color: #000; font-size: 22px; letter-spacing: 1px; padding: 4px 0px 0px 16px}
.entry-form .card-body .form-group .radio-inline{display: flex; justify-content: space-between; margin: 0 -10px}
.entry-form .card-body .form-group .radio-inline .radio{width: 50.00%; margin: 0px; padding: 0 10px}
.entry-form .card-body .form-group .radio-inline .radio span{width: 100%; height: 100%; border-radius: 8px; border:#c5ccdd 1px solid; background: transparent; position: relative; padding: 14px 0}
.entry-form .card-body .form-group .radio-inline .radio > input:checked ~ span{border:#10975c 1px solid; -webkit-box-shadow: 0px 0px 0px 4px rgba(16,151,92,1) !important; -moz-box-shadow: 0px 0px 0px 4px rgba(16,151,92,1) !important; box-shadow: 0px 0px 0px 4px rgba(16,151,92,1) !important;}
.entry-form .card-body .form-group .radio-inline .radio > input:checked ~ span::after{width: 100%; border: #10975c 1px solid; position: absolute; height: 100%; border-radius: 6px !important; background: transparent;}
.entry-form .card-body .receipt-price{font-size: 50px; line-height: 60px; color: #06a260; font-weight: 600}
.entry-form .card-body .receipt-price span{color: #000}
.entry-form .card-body .btn-success{background:#10975c; border: #10975c 1px solid; }
.entry-form .card-body .btn-success:hover{background: #0b7f4c !important; border:#0b7f4c 1px solid !important}

.vehicle-list .card-header{min-height: auto !important; padding: 0px}
.vehicle-list .card-header .card-title{font-size: 24px !important;  font-weight: 700 !important; margin: 30px 30px 20px 30px !important}
.vehicle-list .card-header .card-toolbar{margin-right: 30px !important}
.front-table thead tr th{border:none !important; vertical-align: middle; background: #10975c; padding: 8px 10px 5px 15px !important; color: #fff !important; font-size: 16px !important; width: auto !important;}
.front-table thead tr th span{font-size: 16px; font-weight: 700 !important; color: #fff !important}
.front-table thead tr th:nth-child(1) {border-radius: 5px 0 0 5px;}
.front-table thead tr th:nth-last-child(1) {border-radius: 0 5px 5px 0;}
.front-table tbody tr td{border-top: none; border-left: none; border-right: none; vertical-align: middle; padding:7px 6px 7px 12px !important;  font-size: 16px !important;}
.front-table tbody tr td:nth-child(1) {border-radius: 5px 0 0 5px;}
.front-table tbody tr td:nth-last-child(1) {border-radius: 0 5px 5px 0;}
.striped-table tbody tr:nth-of-type(odd) td {background-color: #f3f3f3;}
.front-table tbody tr.pending td {background-color: #fccdd2; border-bottom: #fff 1px solid;}
.front-table tbody tr.complete td {background-color: #bfefed; border-bottom: #fff 1px solid;}
.front-table .btn-icon{width: 26px !important; height: 26px !important; background: #10975c !important; border:#10975c 1px solid; border-radius: 4px !important}
.front-table .btn-icon i{font-size: 14px !important}
.front-table .pending-label{width: 26px; height: 26px; background: #d51717; display: inline-block; border-radius: 20px !important; text-align: center; line-height: 28px; color: #fff; font-weight: 700;}
.front-table .complete-label{width: 26px; height: 26px; background: #10975c; display: inline-block;  border-radius: 20px !important; text-align: center; line-height: 28px; color: #fff; font-weight: 700;}
.front-table thead tr th.action-table-th{width: 165px !important;}

.front-table tfoot tr th {border: none !important;vertical-align: middle;padding: 7px 6px 7px 12px !important;font-size: 16px !important;width: auto !important;}

.datatable.datatable-default > .datatable-pager > .datatable-pager-nav > li > .datatable-pager-link.datatable-pager-link-active{background:#10975c }
.datatable.datatable-default > .datatable-pager > .datatable-pager-nav > li > .datatable-pager-link:hover:not(.datatable-pager-link-disabled){background:#10975c }
.datatable.datatable-default > .datatable-pager > .datatable-pager-info .datatable-pager-size .btn.dropdown-toggle:focus, .datatable.datatable-default > .datatable-pager > .datatable-pager-info .datatable-pager-size .btn.dropdown-toggle:hover, .datatable.datatable-default > .datatable-pager > .datatable-pager-info .datatable-pager-size.show > .btn.dropdown-toggle{background:#10975c }

.inner-title{font-size: 20px; font-weight: 700; color: #000; border-bottom: #e5e5e5 1px solid; line-height: 36px;position: relative; margin-bottom: 10px;}
.inner-title::before{content: ''; position: absolute; bottom: -1px; width: 80px; background: #06a260; left: 0px; height: 1px;}

.highlight-box{background: #fff; font-size: 16px; line-height: 24px; font-weight: 600; color: #000; padding: 14px 16px 14px 86px; overflow: hidden; -webkit-box-shadow: 0px 0px 11px 0px rgba(7,54,159,0.05); -moz-box-shadow: 0px 0px 11px 0px rgba(7,54,159,0.05); box-shadow: 0px 0px 11px 0px rgba(7,54,159,0.05); margin-bottom: 20px; border-radius: 8px; position: relative;}
.highlight-box::before{content: ''; position: absolute; left: -30px; top: -10px; width: 96px; height: 96px; background: #10975c; border-radius: 50%}
.highlight-box .icon{position: absolute; width: 66px; text-align: center; height: 76px; top: 0px; left: 0px;}
.highlight-box .icon i{font-size: 30px; line-height: 76px; color: #fff}
.highlight-box span{display: block; font-size: 32px; color: #10975c}

.highlight-without-icon-box{background: #fff; font-size: 22px; line-height: 24px; font-weight: 600; color: #000; padding: 16px 16px 14px 16px ; overflow: hidden; -webkit-box-shadow: 0px 0px 11px 0px rgba(7,54,159,0.05); -moz-box-shadow: 0px 0px 11px 0px rgba(7,54,159,0.05); box-shadow: 0px 0px 11px 0px rgba(7,54,159,0.05); margin-bottom: 20px; border-radius: 8px; position: relative;}
.highlight-without-icon-box span{font-size: 24px; color: #10975c; font-weight: 400}
.highlight-without-icon-box a.edit-btn{background: #10975c; width: 30px; display: block; height: 30px; text-align: center; line-height: 30px; border-radius: 50%;  color: #fff !important;position: absolute; right: 12px; top: 12px;}
.highlight-without-icon-box a.edit-btn i{font-size: 15px; color: #fff}

.highlight-without-icon-box-info{background: #fff; font-size: 22px; line-height: 24px; font-weight: 600; color: #000; padding: 16px 16px 14px 16px ; overflow: hidden; -webkit-box-shadow: 0px 0px 11px 0px rgba(7,54,159,0.05); -moz-box-shadow: 0px 0px 11px 0px rgba(7,54,159,0.05); box-shadow: 0px 0px 11px 0px rgba(7,54,159,0.05); margin-bottom: 20px; border-radius: 8px; position: relative;border: #10975c 1px solid;}
.highlight-without-icon-box-info span{font-size: 24px; color: #10975c; font-weight: 400}

.login-page{background: url(../../assets/image/login-bg.jpg) center center no-repeat}
.login-page .login-form{background: #fff; padding: 50px 30px 30px 30px;-webkit-box-shadow: 0px 0px 11px 0px rgba(7,54,159,0.05); -moz-box-shadow: 0px 0px 11px 0px rgba(7,54,159,0.05); box-shadow: 0px 0px 11px 0px rgba(7,54,159,0.05); border-radius: 15px; max-width: 300px; min-width: 420px}
.login-page .login-logo { border: #10975c 1px solid; position: absolute; top: -32px; width: 200px; left: 50%; margin-left: -100px; background: #f2f6ff; padding: 12px 15px; border-radius: 50px; -webkit-box-shadow: 0px 0px 11px 0px rgba(7,54,159,0.05); -moz-box-shadow: 0px 0px 11px 0px rgba(7,54,159,0.05); box-shadow: 0px 0px 11px 0px rgba(7,54,159,0.05);}
.login-page .login-logo img{width: 100%}

.login-page .login-form .login-input-area{position: relative; margin: 20px 0 10px 0}
.login-page .login-form .login-input-area label{background:#10975c; color: #fff; font-size: 14px; line-height: 24px; border-radius: 15px; padding: 0 16px; margin: 0px; position: absolute; top: -10px; left: 15px;}
.login-page .login-form .login-input-area .form-control{ border:#c5ccdd 1px solid; color: #000; font-size: 18px; letter-spacing: 1px; padding: 15px 0 5px 15px; height: auto;}
.login-page .login-form .btn-success{background:#10975c; border: #10975c 1px solid; border-radius: 8px; font-size: 18px; font-weight: 700; padding: 12px 30px 8px 30px}
.login-page .login-form .btn-success:hover{background: #0b7f4c !important; border:#0b7f4c 1px solid !important}
.btn.btn-success:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-success:focus:not(.btn-text), .btn.btn-success.focus:not(.btn-text){background: #0b7f4c !important; border:#0b7f4c 1px solid !important}

.general-page .general-form .general-input-area{position: relative; margin: 20px 0 10px 0}
.general-page .general-form .general-input-area label{background:#10975c; color: #fff; font-size: 14px; line-height: 24px; border-radius: 5px; padding: 0 12px; margin: 0px; position: absolute; top: -10px; left: 15px;}
.general-page .general-form .general-input-area .form-control{ border:#c5ccdd 1px solid; color: #000; font-size: 18px; letter-spacing: 1px; padding: 20px 0 7px 15px; height: auto;}
.general-page .general-form .general-input-area .select2-container{position: unset !important;}
.general-page .general-form .general-input-area .select2-container--default .select2-selection--single .select2-selection__rendered { font-size: 18px !important;padding: 18px 0 9px 15px !important;}

.large-input-area{position: relative; margin: 20px 0 10px 0}
.large-input-area label{background:#10975c; color: #fff; font-size: 14px; line-height: 24px; border-radius: 15px; padding: 0 16px; margin: 0px; position: absolute; top: -10px; left: 15px;}
.large-input-area .form-control{ border:#c5ccdd 1px solid; color: #000; font-size: 18px; letter-spacing: 1px; padding: 15px 0 5px 15px; height: auto;}

.select2-container--default .select2-selection--single .select2-selection__rendered{padding: 15px; font-size: 20px;}
.select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple{border:#c5ccdd 1px solid}

.info-box-block{border:#c5ccdd 1px solid; padding: 10px 15px 5px 15px; border-radius: 5px; background: #f9f9f9; font-size: 18px; font-weight: 400; color: #000; margin-bottom: 15px;}
.info-box-block span{display: block; font-size: 14px; font-weight: 700; color: #10975c;}

.screen-area{width: 100%; margin: 0 auto;}
.screen-area .card-header{min-height: auto !important; padding: 0px}
.screen-area .card-header .card-title{font-size: 24px !important;  font-weight: 700 !important; margin: 30px 30px 20px 30px !important}
.screen-area .card-header .type{background: #10975c; color: #fff; margin-right: 30px; font-size: 18px; font-weight: 700; padding: 10px 23px 7px 23px; border-radius: 25px;}
.screen-area .card-body{margin: 0px;}
.screen-area .card-body .form-group{margin-bottom: 15px}
.screen-area .card-body .btn-success{background:#10975c; border: #10975c 1px solid; }
.screen-area .card-body .btn-success:hover{background: #0b7f4c !important; border:#0b7f4c 1px solid !important}
.screen-area .card-body .receipt-number{font-size: 16px; line-height: 30px; font-weight: 600; color: #000;}
.screen-area .card-body .receipt-number span{display: block; font-size: 40px; color: #10975c;}
.custom-input-area{position: relative;}
.custom-input-area label{margin: 0px; line-height: 14px; font-size: 14px; font-weight: 700; color: #10975c;}
.custom-input-area .form-control{height: 60px !important; border:#c5ccdd 1px solid; color: #000; font-size: 20px;  padding: 4px 0px 0px 16px}
.custom-input-area .form-control:focus{border:#10975c 1px solid;}
.custom-input-area .input-group-text{background:#10975c; color: #fff; border-radius: 8px 0 0 8px; font-size: 20px !important; font-weight: 700; border:#10975c 1px solid; padding: 2px 12px 0 12px !important}

.modal .form-group{margin-bottom: 15px}
.modal .btn-success{background:#10975c; border: #10975c 1px solid; border-radius: 8px; font-size: 18px; font-weight: 700; padding: 12px 30px 8px 30px}
.modal .btn-default{border-radius: 8px; font-size: 18px; font-weight: 700; padding: 12px 30px 8px 30px}
.modal .btn-success:hover{background: #0b7f4c !important; border:#0b7f4c 1px solid !important}

.auction-area .card-header{min-height: auto !important; padding: 0px}
.auction-area .card-header .card-title{font-size: 24px !important;  font-weight: 700 !important; margin: 30px 30px 20px 30px !important}
.auction-area .card-header .btn-merchant{background: #10975c;color: #fff; margin-right: 30px; font-size: 18px; font-weight: 700; padding: 15px 23px 7px 23px; border-radius: 25px; line-height: 18px;}
.auction-area .card-body{margin: 0px;}
.auction-area .card-body ul.merchant-list{margin: 0px; padding: 0px; list-style: none; max-height: 212px; overflow-y: auto; overflow-x: hidden; scroll-behavior: smooth;}
.auction-area .card-body ul.merchant-list li{display: inline-block; margin-right: 5px; margin-bottom: 7px; font-size: 18px; padding: 16px 14px 10px 14px; background: #fff; color: #10975c; border:#10975c 1px solid; font-weight: 700; line-height: 18px; border-radius: 7px;}
.auction-area .card-body ul.merchant-list li:hover{background:#10975c; color: #fff; cursor: pointer;}

.general-ul ul.general-list{margin: 0px; padding: 0px; list-style: none; max-height: 212px; overflow-y: auto; overflow-x: hidden; scroll-behavior: smooth;}
.general-ul ul.general-list li{display: inline-block; margin-right: 5px; margin-bottom: 7px; font-size: 18px; padding: 16px 14px 10px 14px; background: #fff; color: #10975c; border:#10975c 1px solid; font-weight: 700; line-height: 18px; border-radius: 7px;}
.general-ul ul.general-list li:hover{background:#10975c; color: #fff; cursor: pointer;}

.md-top{margin-top: 20px}
.auction-area .card-body .btn-success{background:#10975c; border: #10975c 1px solid; border-radius: 8px; font-size: 18px; font-weight: 700; padding: 17px 20px 14px 20px}
.auction-area .card-body .btn.btn-clean{background: #f2f6ff}
.auction-area .card-body .btn-success:hover{background: #0b7f4c !important; border:#0b7f4c 1px solid !important}
.separator.separator-dashed {border-bottom: 1px dashed #000;}

/****admin****/
.aside{background-color: #10975c; }
.admin-side .header.header-fixed{ left: 265px !important;}
.admin-side.header-fixed .wrapper{padding-top: 75px}
.admin-side .admin-logo{background: #fff; display: block; padding: 10px; border-radius: 6px; margin: 15px auto 0 auto; width: 235px;}
.admin-side .aside-menu .menu-nav{padding: 15px}
.admin-side .aside-menu .menu-nav > .menu-item{margin-bottom: 5px; }
.admin-side .aside-menu .menu-nav > .menu-item > .menu-link{background: rgba(255, 255, 255, 0.1); color: #fff; padding: 10px 15px; border-radius: 5px}
.admin-side .aside-menu .menu-nav > .menu-item > .menu-link .menu-text{font-size: 16px; font-weight: 700}
.admin-side .aside-menu .menu-nav > .menu-item > .menu-link i{color: #fff}
.admin-side .aside-menu .menu-nav > .menu-item.menu-item-active > .menu-link,
.admin-side .aside-menu .menu-nav > .menu-item:hover > .menu-link{background:#fff; color:#10975c}
.admin-side .aside-menu .menu-nav > .menu-item.menu-item-active > .menu-link i{color: #10975c}
.admin-side .aside-menu .menu-nav > .menu-item:hover > .menu-link i{color: #10975c}
.admin-side .header{background: #fff; -webkit-box-shadow: 0px 0px 11px 0px rgba(7,54,159,0.05); -moz-box-shadow: 0px 0px 11px 0px rgba(7,54,159,0.05); box-shadow: 0px 0px 11px 0px rgba(7,54,159,0.05);}
.admin-side .header .date-time-box{background: #f2f6ff; text-align: left; border:none; position: relative; font-size: 16px; color: #272727; line-height: 24px; font-weight: 700; padding:12px 15px 9px 45px; border-radius: 5px}
.admin-side .header .date-time-box i{position: absolute; top: 0px; left: 0px; width: 45px; color: #10975c; height: 45px; font-size: 30px; text-align: center; line-height: 45px}
.admin-side .header .user-dropdown{background: #f2f6ff; border-radius:5px; text-align: left; border:none; position: relative; padding: 12px 40px 9px 50px; font-size: 16px; font-weight: 700; color: #272727; line-height: 24px; box-shadow: none}
.admin-side .header .user-dropdown .user-photo{position: absolute; top: 5px; left: 5px; width: 35px; height: 35px; border-radius: 5px; overflow: hidden;}
.admin-side .header .user-dropdown .user-photo img{width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; object-fit: cover;}
.admin-side .header .user-dropdown::after {color: #10975c !important;font-weight: 700; font-size: 12px; position: absolute; top: 15px; right: 15px}

.white-penal .card-header .card-title{margin: 0px !important; font-size: 24px !important; font-weight: 700 !important}
.white-penal .card-header .card-toolbar{margin: 0px !important}
.white-penal .card-header .btn-success{  background: #10975c; color: #fff;  font-size: 18px; font-weight: 700; padding: 15px 23px 9px 23px; border-radius: 0.42rem; line-height: 18px; border: #10975c 1px solid}
.white-penal .card-body{padding: 20px !important}
.white-penal .card-body.list-view .table-admin thead tr th{border:none !important; vertical-align: middle; background: #10975c; padding: 8px 10px 5px 20px !important; color: #fff}
.white-penal .card-body.list-view .table-admin tbody tr td{ vertical-align: middle; padding:7px 10px 7px 20px !important}
.white-penal .card-body.list-view .table-admin thead tr th:last-child,
.white-penal .card-body.list-view .table-admin tbody tr td:last-child{text-align: right;}

.input-new-group{margin-bottom: 15px}
.input-new-group label{color: #272727; font-weight: 700; font-size: 14px; margin: 0px}
.input-new-group .form-control{background-color: #eafff6; border-color: #c1ecd9; height: auto; padding: 10px 15px 8px 15px; font-size: 18px}
.input-new-group .form-control:focus{background:#fff; border-color: #c1ecd9}
.input-new-group .custom-file-label{background-color: #eafff6; border-color: #c1ecd9; height: auto; padding: 9px 15px 8px 15px; font-size: 18px}
.input-new-group .custom-file-label:focus{background:#fff; border-color: #c1ecd9}
.input-new-group .custom-file-label::after {background: #10975c; border:#10975c 1px solid; color: #fff; font-size: 18px}

.input-new-group .input-group-text{background: #10975c; border:#10975c 1px solid; color: #fff; font-size: 18px}
.input-new-group .input-group i{font-size: 18px; color: #fff}
.input-new-group label.checkbox{font-weight: 400 !important}
.input-new-group label.radio{font-weight: 400 !important}
.checkbox > input:checked ~ span,
.radio > input:checked ~ span{background: #10975c}
.btn.btn-success{background:#10975c; border-color:#10975c }

/**new style**/
  .admin-side .header .form-control{height: 45px; padding-left: 12px; margin-right: 15px; background: #f2f6ff; border:none}
  .breadcrumb{background: #fff}
  .breadcrumb .breadcrumb-item:hover a{color: #10975c !important}
  .aside-menu .menu-nav > .menu-item .menu-submenu .menu-subnav {margin: 0;  padding: 5px 10px 10px 10px; background: rgba(255, 255, 255, 0.1); margin-top: 2px; border-radius: 5px;}
  .aside-menu .menu-nav > .menu-item > .menu-submenu .menu-subnav > .menu-item > .menu-link{padding: 5px 10px; color: #fff; margin-top: 5px; min-height: auto; border-radius: 4px; background: rgba(255, 255, 255, 0.2);}
  .aside-menu .menu-nav > .menu-item > .menu-submenu .menu-subnav > .menu-item > .menu-link:hover{background: #fff; color: #10975c}

  .small-input .input-group-text{background:#10975c; color: #fff; border-radius: 8px 0 0 8px !important; font-size: 16px !important; font-weight: 700; border:#10975c 1px solid; padding: 4px 10px 0 10px !important}
  .small-input .form-control{border-radius: 0 8px 8px 0; height: 60px; border:#c5ccdd 1px solid; color: #000; font-size: 16px; letter-spacing: 1px; padding: 4px 0px 0px 16px}
  .btn-add{background: #000; border:none; border-radius: 8px; color: #fff; padding: 14px 10px 9px 10px; font-weight: 700; font-size: 16px; width: 100%}
  ul.entry-tab{margin-bottom: 10px; background: #fff; padding: 8px; border-radius: 10px; box-shadow: 0px 0px 11px 0px rgb(7 54 159 / 5%)}
  ul.entry-tab li a{border:none; background: #fff; padding: 10px 20px 6px 20px !important}
  ul.entry-tab li a .nav-text{ font-size: 18px !important; }
  ul.entry-tab li a.active{background: #10975c !important}
  ul.entry-tab li a:hover{background: #10975c !important; color: #fff !important}
  ul.entry-tab li a:hover .nav-text{ color: #fff !important}

/**End New style**/

.dataTables_length{margin: 0 0 10px 0;}
.dataTables_length select{margin: 0 10px;}
.dataTables_length label{width:40%; display: flex; margin: 0px !important; align-items: center;}

.dataTables_filter{margin: 0 0 10px 0;}
.dataTables_filter label{display: flex;margin: 0px !important; align-items: center; font-size: 0px;}
.dataTables_filter input{width: 100% !important;display: block;}

.dt-buttons {margin-left: 10px;}
.dt-buttons .buttons-excel {background: #10975c; color: #fff; border: none; padding: 0px 10px; line-height: 32px; margin-top: 4px;}
.dt-buttons .buttons-excel:hover{background: #10975c;}

.dataTables_wrapper .dataTables_paginate .pagination .page-item.active > .page-link,
.dataTables_wrapper .dataTables_paginate .pagination .page-item:hover > .page-link{background: #10975c !important;}

.input-righside-btn {display: flex; margin-top: 24px; text-align: right; justify-content: end;}
.input-leftside-btn {display: flex; margin-top: 24px; text-align: left; justify-content: start;}
.righside-btn {display: flex; margin-top: 25px; text-align: right;}
.btn-large{ border-radius: 8px; font-size: 22px; font-weight: 700; padding: 13px 30px 8px 30px}
.btn.btn-default:hover{color: #10975c !important;}
.btn.btn-default:hover i{color: #10975c !important;}
.btn i{margin-right: 8px;}
.remove-company-area {position: absolute; bottom: 16px; right: 16px;}

.product_repeat_div{background: #f2f6ff; border-radius: 8px; border: #dee2ed 1px solid; padding: 15px; position: relative; margin-bottom: 10px;}
.product_repeat_div .remove_product_btn {position: absolute; right: -5px; bottom: -5px; font-size: 10px; border-radius: 50%;}
.product_radio_btn{margin: 0px !important;}
.product_radio_btn label {font-size: 18px; margin: 0px !important; padding-left: 5px; font-weight: 700;}
.product_radio_btn .radio-inline{margin: 0px !important;}
.product_radio_btn .radio-inline .radio{width: 25% !important; padding: 0 5px !important; margin-top: 5px !important;}
.product_radio_btn .radio-inline .radio span{border: none !important; background: #fff !important; font-size: 16px; box-shadow: 0px 0px 11px 0px rgb(7 54 159 / 5%); padding: 12px 10px 7px 10px !important; font-weight: 700;}
.product_radio_btn .radio-inline .radio > input:checked ~ span::after{border:none !important; top: 0px;}
.product_radio_btn .radio-inline .radio > input:checked ~ span{border:none !important; background: #10975c !important; color: #fff;}

ul.mobile-menu-list {display: flex; margin: 0px -10px; padding: 0px; list-style: none; flex-wrap: wrap;}
ul.mobile-menu-list li{width: 25%; padding: 0 10px; margin-bottom: 20px; }
ul.mobile-menu-list li .menu-block {background: #fff; -webkit-box-shadow: 0px 0px 11px 0px rgba(7,54,159,0.05); -moz-box-shadow: 0px 0px 11px 0px rgba(7,54,159,0.05); box-shadow: 0px 0px 11px 0px rgba(7,54,159,0.05); text-align: center; padding: 15px; font-size: 20px; font-weight: 700; color: #000; border-radius: 10px;}
ul.mobile-menu-list li .menu-block .icon {width: 80px; height: 80px; background: #10975c; color: #fff; margin: 0 auto 10px auto; border-radius: 50%;}
ul.mobile-menu-list li .menu-block .icon i {line-height: 80px; font-size: 35px; color: #fff;}

.btn.btn-filter{display:none;}
.filter-title{display:none;}
.modal-backdrop{background: rgba(0, 0, 0, 0.70); backdrop-filter: blur(10px);}
.modal-backdrop.show {opacity: 1;}

.btn-back{background: #fff; border: none; display: flex; align-items: center; border-radius: 50px; padding: 0 20px; -webkit-box-shadow: 0px 0px 11px 0px rgba(7,54,159,0.05); -moz-box-shadow: 0px 0px 11px 0px rgba(7,54,159,0.05); box-shadow: 0px 0px 11px 0px rgba(7,54,159,0.05); margin-left: 10px; color: #272727; font-size: 16px; font-weight: 700;}
.btn-back i{margin-right:10px; color: #10975c;}
.btn-back.admin-black {border: #e4e6ef 1px solid; margin: 0px;}
.btn-tutorial{width: 70px; background: #fff; border: none; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 10px; -webkit-box-shadow: 0px 0px 11px 0px rgba(7,54,159,0.05); -moz-box-shadow: 0px 0px 11px 0px rgba(7,54,159,0.05); box-shadow: 0px 0px 11px 0px rgba(7,54,159,0.05);}
.btn-tutorial i{color: #10975c; font-size: 28px;}
.btn-tutorial.admin-black {width: 45px; border: #e4e6ef 1px solid;}


@media (max-width: 1366px) {
  .highlight-without-icon-box span{display: block; margin-top: 5px; font-size: 22px;}
  .btn-large{padding: 16px 20px 11px 20px; font-size: 18px;}
  .screen-area .card-header .card-title{margin: 20px 0px 16px 30px !important; font-size: 20px !important;}
  .screen-area .card-header .btn.btn-success{padding: 6px;}
  .screen-area .card-header .btn i{margin-right: 4px;}
}
/* Landscape */
@media (max-device-width: 1280px) and (orientation: landscape) { 
    .header-fixed .wrapper {padding-top: 70px;}
    .header .logo-sticky{width:180px;}
    .header .logo-sticky img{width:100%;}
    .header .time-box{padding:8px 30px 8px 60px; line-height: 20px; margin-right: 10px;}
    .header .time-box i{top: 8px; width: 40px; height: 40px; font-size: 40px; text-align: center; line-height: 40px;}
    .header .time-box span{font-size: 16px;}
    .header .user-dropdown{padding: 10px 40px 10px 60px; line-height: 18px;}
    .header .user-dropdown .user-photo{top: 8px;left: 10px; width: 40px; height: 40px;}
    .header .user-dropdown span{font-size:16px;}
    .highlight-without-icon-box{font-size: 18px; line-height: 20px; padding: 12px 16px 10px 16px;}
    .highlight-without-icon-box span{font-size: 20px;}
    
    .custom-flex-mobile {display: flex;}
    .kt_aside{left:-265px !important;} 
    #kt_aside{left:-265px !important;} 
    .kt_aside.active{left:0px !important;} 
    #kt_aside.active{left:0px !important;} 
    .aside-fixed .wrapper{padding-left: 0px;}
    /*.aside-fixed .wrapper.active{padding-left: 265px;}*/
    .admin-side .header.header-fixed{left:0px !important;}
    /*.admin-side .header.header-fixed.active{left:265px !important;}*/
    .btn.btn-filter{display:block;}
    .filter-title {display: flex; justify-content: space-between; align-items: center; border-bottom: #c5ccdd 1px solid; margin-bottom: 15px; font-size: 18px; color: #10975c; font-weight: 700;}
    .filter-title .btn-close-filter {padding: 0px; width: 40px; height: 40px;}
    .filter-title .btn-close-filter i {margin: 0px; padding: 0;}
    .select2-container{z-index:11111;}
    #custom_filter_form{width: 100%; position: fixed; background: #fff; left: 0px; z-index: 4; padding: 20px; top: -100%; overflow: scroll; height: 100%; z-index: 11111; transition: all 0.3s;}
    #custom_filter_form.active{top:0px; transition: all 0.3s;}
    #custom_filter_form .form-group {margin-bottom: 10px;}
    #custom_filter_form .custom-input-area .form-control{height: 40px !important;}
    #custom_filter_form .select2-container--default .select2-selection--single .select2-selection__rendered {padding: 10px 15px 6px 15px; font-size: 18px;}
    
    .custom_filter_form{width: 100%; position: fixed; background: #fff; left: 0px; z-index: 4; padding: 20px; top: -100%; overflow: scroll; height: 100%; z-index: 11111; transition: all 0.3s;}
    .custom_filter_form.active{top:0px; transition: all 0.3s;}
    .custom_filter_form .form-group {margin-bottom: 10px;}
    .custom_filter_form .custom-input-area .form-control{height: 40px !important;}
    .custom_filter_form .select2-container--default .select2-selection--single .select2-selection__rendered {padding: 10px 15px 6px 15px; font-size: 18px;}
    
    .white-penal .card-body.list-view .table-admin tbody tr td{padding:0px !important;}
    .dataTables_wrapper .dataTable{border-collapse: collapse !important;}
    .table-admin thead tr {position: absolute; top: -9999px; left: -9999px;}
    .table-admin tbody tr {border-bottom: #e9eef1 5px solid;}
    .table-admin tbody tr td {border: none !important; border-top: #e9eef1 1px solid !important; position: relative;  display: inline-block; width: 100%; padding: 10px 5px 10px 0px !important; letter-spacing: 0px; text-align: right; font-size: 20px !important; line-height: 40px; height: 40px;}
    .table-admin tbody tr td:after {position: absolute; top: 10px; left: 0px; width: 50%; white-space: nowrap; font-size: 20px; color: #10975C; font-weight: 700; line-height: 20px; text-align: left;}
    .table-admin tfoot tr th {border: none !important; border-top: #e9eef1 1px solid !important; position: relative;  display: inline-block; width: 100%; padding: 0px 10px !important; letter-spacing: 0px; text-align: right; font-size: 20px !important; line-height: 40px; height: 40px;}
    .table-admin tfoot tr th:after {position: absolute; top: 10px; left: 0px; width: 50%; white-space: nowrap; font-size: 20px; color: #10975C; font-weight: 700; line-height: 20px; text-align: left;}

    .front-table thead tr {position: absolute; top: -9999px; left: -9999px;}
    .front-table tbody tr {border-bottom: #e9eef1 5px solid;}
    .front-table tbody tr td {border: none !important; border-top: #e9eef1 1px solid !important; position: relative;  display: inline-block; width: 100%; padding: 0px 10px !important; letter-spacing: 0px; text-align: right; font-size: 20px !important; line-height: 40px; height: 40px;}
    .front-table tbody tr td:after {position: absolute; top: 10px; left: 0px; width: 50%; white-space: nowrap; font-size: 20px; color: #10975C; font-weight: 700; line-height: 20px; text-align: left;}
    .front-table tfoot tr th {border: none !important; border-top: #e9eef1 1px solid !important; position: relative;  display: inline-block; width: 100%; padding: 0px 10px !important; letter-spacing: 0px; text-align: right; font-size: 20px !important; line-height: 40px; height: 40px;}
    .front-table tfoot tr th:after {position: absolute; top: 10px; left: 0px; width: 50%; white-space: nowrap; font-size: 20px; color: #10975C; font-weight: 700; line-height: 20px; text-align: left;}
    .col-xl-6.tablet-full{flex: 0 0 100%; max-width: 100%;}
    .card.card-custom.entry-form {margin: 0 0 25px 0;}
    .general-page .general-form .general-input-area label{font-size: 20px; line-height: 24px; padding: 4px 12px 2px 12px; top: -15px; font-weight: 700;}
    .general-page .general-form .general-input-area .form-control{font-weight: 700; font-size:20px;}
     .add-gatepass-form .col-md-6 {flex: 0 0 33.33% !important; max-width: 33.33% !important;}
     .screen-area .card-body .btn-fixed-bottom{position: fixed; bottom: 0px; left: 0px; width: 50%; border-radius: 10px 10px 0 0; z-index: 222; padding: 13px 15px 8px 15px; font-size: 18px;}
    .screen-area .card-body .clear_btn{position: fixed; bottom: 0px; right: 0px; width: 50%; border-radius: 10px 10px 0 0; z-index: 222; padding: 13px 15px 8px 15px; font-size: 18px; margin-right: 0px !important; border-top:#F3F6F9 2px solid;}
    .screen-area .card-body .btn-success{border-top:#fff 2px solid;}
    .card.card-custom.entry-pass {margin-bottom: 20px;}
    #confirm_auction_preview_btn {position: fixed; bottom: 0px; left: 0px; width: 100%; border-radius: 10px 10px 0 0; z-index: 222; padding: 13px 15px 8px 15px; font-size: 18px;}
    .striped-table tbody tr:nth-of-type(2n+1) td{background-color: #fff;}
    .col-lg-6.col-md-6.col-sm-12.full-width {flex: 0 0 100%;max-width: 100%;}
    
    #gatepass_table tfoot tr th:nth-of-type(1),
    #gatepass_table tfoot tr th:nth-of-type(2),
    #gatepass_table tfoot tr th:nth-of-type(3),
    #gatepass_table tfoot tr th:nth-of-type(4),
    #gatepass_table tfoot tr th:nth-of-type(5),
    #gatepass_table tfoot tr th:nth-of-type(6),
    #gatepass_table tfoot tr th:nth-of-type(7),
    #gatepass_table tfoot tr th:nth-of-type(8),
    #gatepass_table tfoot tr th:nth-of-type(10),
    #gatepass_table tfoot tr th:nth-of-type(11){display: none;}
    #gatepass_table tfoot tr th:nth-of-type(9):after{content:'Quantity';}
    
    .card-body.room_list_preview{margin-top:15px; padding:0px !important;}
  .card-body.room_list_preview #myTabContent {overflow-x: scroll;}
  #btn_check_room_availability {width: 100%;}

   /*** Add 13-08-2025 ***/
    .guesthouse-room-table tbody tr td { padding: 35px 5px 35px 0px !important; text-align: unset !important; border-top: 0 !important; margin-bottom: 10px;}
    .table-admin tbody tr td:last-child { padding-bottom: 50px !important; }
    ul.floor-tab { display: flex; align-items: center; gap: 8px; }
    .guesthouse-room-table tbody tr td:after {font-size: 14px;}
    .guesthouse-room-table .form-control {font-size: 18px;}
    /*** Add 13-08-2025 ***/
}

/* Portrait */
@media (max-device-width: 800px) and (orientation: portrait) { 
.admin-side.header-fixed .wrapper{padding-top: 0px;}
    .custom-flex-mobile {display: flex;}
    .kt_aside{left:-300px !important;} 
    #kt_aside{left:-300px !important;} 
    .kt_aside.active{left:0px !important;} 
    #kt_aside.active{left:0px !important;} 
    
    .highlight-without-icon-box{font-size: 18px; line-height: 20px; padding: 12px 16px 10px 16px;}
    .highlight-without-icon-box span{font-size: 20px;}
    
    
    .card.card-custom > .card-header .card-toolbar{width:auto !important;}
    .btn.btn-filter{display:block;}
    .filter-title {display: flex; justify-content: space-between; align-items: center; border-bottom: #c5ccdd 1px solid; margin-bottom: 15px; font-size: 18px; color: #10975c; font-weight: 700;}
    .filter-title .btn-close-filter {padding: 0px; width: 40px; height: 40px;}
    .filter-title .btn-close-filter i {margin: 0px; padding: 0;}
    .select2-container{z-index:11111;}
    #custom_filter_form{width: 100%; position: fixed; background: #fff; left: -100%; z-index: 4; padding: 20px; top: 0; overflow: scroll; height: 100%; transition: all 0.3s;}
    #custom_filter_form.active{left:0px; transition: all 0.3s;}
    #custom_filter_form .form-group {margin-bottom: 10px;}
    #custom_filter_form .custom-input-area .form-control{height: 40px !important;}
    #custom_filter_form .select2-container--default .select2-selection--single .select2-selection__rendered {padding: 10px 15px 6px 15px; font-size: 18px;}
    
    .custom_filter_form{width: 100%; position: fixed; background: #fff; left: -100%; z-index: 4; padding: 20px; top: 0; overflow: scroll; height: 100%; transition: all 0.3s;}
    .custom_filter_form.active{left:0px; transition: all 0.3s;}
    .custom_filter_form .form-group {margin-bottom: 10px;}
    .custom_filter_form .custom-input-area .form-control{height: 40px !important;}
    .custom_filter_form .select2-container--default .select2-selection--single .select2-selection__rendered {padding: 10px 15px 6px 15px; font-size: 18px;}
    
    .white-penal .card-body.list-view .table-admin tbody tr td{padding:0px !important;}
    .dataTables_wrapper .dataTable{border-collapse: collapse !important;}
    
    .table-admin thead tr {position: absolute; top: -9999px; left: -9999px;}
    .table-admin tbody tr {border-bottom: #e9eef1 5px solid;}
    .table-admin tbody tr td {border: none !important; border-top: #e9eef1 1px solid !important; position: relative;  display: inline-block; width: 100%; padding: 10px 5px 10px 0px !important; letter-spacing: 0px; text-align: right; font-size: 20px !important; line-height: 40px; height: 40px;}
    .table-admin tbody tr td:after {position: absolute; top: 10px; left: 0px; width: 50%; white-space: nowrap; font-size: 20px; color: #10975C; font-weight: 700; line-height: 20px; text-align: left;}
    .table-admin tfoot tr th {border: none !important; border-top: #e9eef1 1px solid !important; position: relative;  display: inline-block; width: 100%; padding: 0px !important; letter-spacing: 0px; text-align: right; font-size: 20px !important; line-height: 40px; height: 40px;}
    .table-admin tfoot tr th:after {position: absolute; top: 10px; left: 0px; width: 50%; white-space: nowrap; font-size: 20px; color: #10975C; font-weight: 700; line-height: 20px; text-align: left;}
    
    #gatepass_table tfoot tr th:nth-of-type(1),
    #gatepass_table tfoot tr th:nth-of-type(2),
    #gatepass_table tfoot tr th:nth-of-type(3),
    #gatepass_table tfoot tr th:nth-of-type(4),
    #gatepass_table tfoot tr th:nth-of-type(5),
    #gatepass_table tfoot tr th:nth-of-type(6),
    #gatepass_table tfoot tr th:nth-of-type(7),
    #gatepass_table tfoot tr th:nth-of-type(8),
    #gatepass_table tfoot tr th:nth-of-type(10),
    #gatepass_table tfoot tr th:nth-of-type(11){display: none;}
    #gatepass_table tfoot tr th:nth-of-type(9):after{content:'Quantity';}
    
    
    .front-table thead tr {position: absolute; top: -9999px; left: -9999px;}
    .front-table tbody tr {border-bottom: #e9eef1 5px solid;}
    .front-table tbody tr td {border: none !important; border-top: #e9eef1 1px solid !important; position: relative;  display: inline-block; width: 100%; padding: 0px 10px !important; letter-spacing: 0px; text-align: right; font-size: 20px !important; line-height: 40px; height: 40px;}
    .front-table tbody tr td:after {position: absolute; top: 10px; left: 0px; width: 50%; white-space: nowrap; font-size: 20px; color: #10975C; font-weight: 700; line-height: 20px; text-align: left;}
    .front-table tfoot tr th {border: none !important; border-top: #e9eef1 1px solid !important; position: relative;  display: inline-block; width: 100%; padding: 0px 10px !important; letter-spacing: 0px; text-align: right; font-size: 20px !important; line-height: 40px; height: 40px;}
    .front-table tfoot tr th:after {position: absolute; top: 10px; left: 0px; width: 50%; white-space: nowrap; font-size: 20px; color: #10975C; font-weight: 700; line-height: 20px; text-align: left;}
    .col-xl-6.tablet-full{flex: 0 0 100%; max-width: 100%;}
    .card.card-custom.entry-form {margin: 0 0 25px 0;}
    .general-page .general-form .general-input-area label{font-size: 20px; line-height: 24px; padding: 4px 12px 2px 12px; top: -15px; font-weight: 700;}
    .general-page .general-form .general-input-area .form-control{font-weight: 700; font-size:20px;}
    .screen-area .card-body .btn-fixed-bottom{position: fixed; bottom: 0px; left: 0px; width: 50%; border-radius: 10px 10px 0 0; z-index: 222; padding: 13px 15px 8px 15px; font-size: 18px;}
    .screen-area .card-body .clear_btn{position: fixed; bottom: 0px; right: 0px; width: 50%; border-radius: 10px 10px 0 0; z-index: 222; padding: 13px 15px 8px 15px; font-size: 18px; margin-right: 0px !important; border-top:#F3F6F9 2px solid;}
    .screen-area .card-body .btn-success{border-top:#fff 2px solid;}
    .card.card-custom.entry-pass {margin-bottom: 20px;}
    #confirm_auction_preview_btn {position: fixed; bottom: 0px; left: 0px; width: 100%; border-radius: 10px 10px 0 0; z-index: 222; padding: 13px 15px 8px 15px; font-size: 18px;}
    .striped-table tbody tr:nth-of-type(2n+1) td{background-color: #fff;}
    .col-lg-6.col-md-6.col-sm-12.full-width {flex: 0 0 100%;max-width: 100%;}
    
    .card-body.room_list_preview{margin-top:15px; padding:0px !important;}
  .card-body.room_list_preview #myTabContent {overflow-x: scroll;}
  #btn_check_room_availability {width: 100%;}

   /*** Add 13-08-2025 ***/
    .guesthouse-room-table tbody tr td { padding: 35px 5px 35px 0px !important; text-align: unset !important; border-top: 0 !important; margin-bottom: 10px;}
    .table-admin tbody tr td:last-child { padding-bottom: 50px !important; }
    ul.floor-tab { display: flex; align-items: center; gap: 8px; }
    .guesthouse-room-table tbody tr td:after {font-size: 14px;}
    .guesthouse-room-table .form-control {font-size: 18px;}
    /*** Add 13-08-2025 ***/
   

}

@media (min-width: 768px) and (max-width: 1024px){
  .header .logo-sticky{padding: 5px 15px 5px 5px}
  .header .logo-sticky img {height: 40px;}
  .header .topbar{position: static; padding: 0; height: auto; background-color: transparent; border-bottom: none;}
  .header-fixed .wrapper{padding: 0px}
  .header .user-dropdown{font-size: 0px; padding: 5px; height: 50px}
  .header .user-dropdown span{font-size: 0px}
  .header .user-dropdown .user-photo{position: relative; top: 0px; left: 0px; width: 40px; height: 40px}
  .header .user-dropdown::after {content: none}
  .header .time-box{ padding: 9px 20px 5px 50px; font-size: 14px; line-height: 18px; margin-right: 10px}
  .header .time-box span{ font-size: 16px;}
  .header .time-box i {top: 5px; left: 5px; width: 40px; height: 40px; font-size: 40px; line-height: 40px;}
  .header .topbar .dropdown-menu{left: auto; right: 0px}

  .card.card-custom{margin-bottom: 20px}
  .card.card-custom > .card-body{padding: 25px}
  .card.card-custom > .card-header .card-toolbar{width: 50%; margin: 0px; text-align: right;}
  .entry-form .card-header{padding: 25px !important}
  .entry-form .card-header .receipt-number{margin-right: 0px;  text-align: right; width: 100%;}
  .entry-form .card-header .card-title{width: 50%; margin: 0px !important;}

  .vehicle-list .card-header{padding: 25px !important}
  .vehicle-list .card-header .card-title{ margin: 0px !important; }
  .vehicle-list .card-header .card-toolbar{margin: 5px 0px 0px 0px !important; width: 100% !important}
  .vehicle-list .card-header .card-toolbar .input-icon{width: 100%}

  .screen-area{width: 100%}
  .screen-area .card-header .card-title{width: 50%; }
  .screen-area .card.card-custom > .card-header .card-toolbar{width: auto;}
  .screen-area .card-header .type{margin-right: 15px; }
  
  .card-body.room_list_preview{margin-top:15px; padding:0px !important;}
  .card-body.room_list_preview #myTabContent {overflow-x: scroll;}
  #btn_check_room_availability {width: 100%;}
  
}
@media (max-width: 767px) {
  .header{padding: 45px 0 0 0}
  .admin-side .header{padding: 10px 0 !important;}
  .header .logo-sticky{padding: 5px 15px 5px 5px}
  .header .logo-sticky img {height: 30px;}
  .header .topbar{position: static; padding: 0; height: auto; background-color: transparent; border-bottom: none;}
  .header-fixed .wrapper{padding: 0px !important}
  .admin-side .header .date-time-box{display:none;}
  .admin-side .header .user-dropdown{padding: 0px 0px 0px 45px; height: 40px; font-size: 0;}
  .btn-tutorial{width:40px; height:40px; margin-right: 5px;}
  .btn-tutorial i{font-size: 18px;}
  .btn-back{margin-left: 5px; font-size: 0; padding: 0; width: 40px; justify-content: center;}
  .btn-back i {margin-right: 0; color: #10975c; font-size: 20px;}
  .header .user-dropdown{font-size: 0px; padding: 5px; height: 40px}
  .header .user-dropdown span{font-size: 0px; display: none}
  .header .user-dropdown .user-photo{position: relative; top: 0px; left: 0px; width: 30px; height: 30px}
  .header .user-dropdown::after {content: none}
  .header .time-box{position: absolute; top: 0px; left: 0px; width: 100%; padding: 7px 15px 3px 15px; border-radius: 0 0 10px 10px;}
  .header .time-box span{display: inline-block; font-size: 16px; font-weight: 700; color: #272727; margin-right: 5px;}
  .header .time-box i {position: relative; top: 0; left: 0;width: auto;height: auto; font-size: 16px; line-height: 16px; margin-right: 5px;}
  .header .topbar .dropdown-menu{left: auto; right: 0px}
  /* .highlight-box{padding: 10px; text-align: center; margin-bottom: 15px}
  .highlight-box::before {content: none}
  .highlight-box .icon{width: 40px; height: 40px; background:#10975c; position: relative; margin: 0 auto 10px auto; border-radius: 8px;}
  .highlight-box .icon i{line-height: 40px; font-size: 20px; }
  .highlight-box span{font-size: 24px} */
  ul.mobile-menu-list{margin: 0 -5px;}
  ul.mobile-menu-list li{width: 50%; padding:0 5px; margin-bottom:10px;}
  ul.mobile-menu-list li .menu-block{font-size:15px;}
  ul.mobile-menu-list li .menu-block .icon {width: 60px; height: 60px;}
  ul.mobile-menu-list li .menu-block .icon i {line-height: 60px; font-size: 24px;}
  .card.card-custom > .card-header{padding:15px 20px !important;}
  .white-penal .card-header .card-title{font-size:20px !important;}
  .select2-container{width:100% !important;}
  .input-leftside-btn{margin:0px;}
  .highlight-box{margin-bottom: 10px;}
  .card.card-custom{margin-bottom: 20px}
  .card.card-custom > .card-body{padding: 15px}
  .card.card-custom > .card-header .card-toolbar{width: 50%; margin: 0px; text-align: right;}
  .screen-area .card-header{padding: 15px !important}
  .entry-form .card-header{padding: 15px !important}
  .entry-form .card-header .receipt-number{margin-right: 0px; font-size: 20px; line-height: 25px; text-align: right; width: 100%;}
  .entry-form .card-header .card-title{width: 50%; margin: 0px !important; line-height: 25px; font-size: 20px !important}
  .entry-form .card-body .form-group{margin-bottom: 10px}
  .entry-form .card-body .form-group .radio-inline .radio {width: 50%; padding: 0 10px}
  .entry-form .card-body .form-group .radio-inline .radio span img{width:60px }
  .entry-form .card-body .form-group .large-input .form-control{font-size: 18px; height: 50px}
  .entry-form .card-body .form-group .large-input .input-group-text{font-size: 15px; padding: 4px 10px 0 10px}
  .entry-form .card-body .btn-success{padding: 13px 15px 8px 15px; font-size: 18px}
  .entry-form .card-body .receipt-price {font-size: 34px; line-height: 50px;}
  .entry-form .card-body .mt-8{margin-top: 1rem !important}
  .vehicle-list .card-header{padding: 15px !important}
  .vehicle-list .card-header .card-title{ margin: 0px !important; line-height: 25px; font-size: 20px !important}
  .vehicle-list .card-header .card-toolbar{margin: 5px 0px 0px 0px !important; width: 100% !important}
  .vehicle-list .card-header .card-toolbar .input-icon{width: 100%}
  .striped-table tbody tr:nth-of-type(2n+1) td{background-color: #fff;}
  table.vehicle-table thead tr {position: absolute; top: -9999px; left: -9999px;}
  table.vehicle-table tbody tr td {border: none;    position: relative;  line-height: 18px !important; display:inline-block; width:100%; padding: 10px 15px 10px 50% !important; text-align: right; font-size: 13px;}
  table.vehicle-table tr td:nth-child(1) {border-radius: 0px !important;}
  table.vehicle-table tr td:nth-last-child(1){border-radius:0px !important}
  table.vehicle-table tbody tr td:before{position: absolute; top: 10px; left: 15px; width: 50%; text-align: left; font-weight: 500;}
  /*table.vehicle-table tbody tr td:nth-of-type(1):before { content: "સમય"; }
  table.vehicle-table tbody tr td:nth-of-type(2):before { content: "રેસેઈપત નંબર"; }
  table.vehicle-table tbody tr td:nth-of-type(3):before { content: "વાહન નંબર"; }
  table.vehicle-table tbody tr td:nth-of-type(4):before { content: "ક્રિયા";}*/


  .login-page .login-form .form-group .input-group-text{min-width: 70px; font-size: 16px; padding: 18px 10px 12px 10px}
  /* .login-page .login-form .form-group .form-control{letter-spacing: 0px; font-size: 16px; padding: 4px 0px 0px 12px} */
  .login-page .login-form .form-group .form-control{letter-spacing: 0px; font-size: 16px; }
  .checkbox-inline .checkbox{font-weight: 700; font-size: 16px;}
  /*.general-page .general-form .form-group .input-group-text{min-width: 70px; font-size: 16px; padding: 18px 10px 12px 10px}
  .general-page .general-form .form-group .form-control{letter-spacing: 0px; font-size: 16px; padding: 4px 0px 0px 12px}*/

  



  

  .highlight-without-icon-box{font-size: 16px; padding: 12px 15px 10px 15px; line-height: 24px; margin-bottom: 10px}
  .highlight-without-icon-box span{display: block; font-size: 24px}
  .highlight-without-icon-box a.edit-btn{border-radius: 0 0 0 10px; top: 0px; right: 0px}
  .screen-area{width: 100%}
  .screen-area .card-header .card-title{padding: 0px 15px 15px 0 !important; width: auto !important;}
  .screen-area .card-header .card-title{width: 50%; margin: 0px !important; line-height: 25px; font-size: 20px !important}
  .screen-area .card.card-custom > .card-header .card-toolbar{width: 100%; justify-content: center;}
  .screen-area .card.card-custom > .card-header .card-toolbar .mr-5{margin: 0px !important;}
  .screen-area .card-header .type{margin-right: 15px; padding: 6px 23px 4px 23px; font-size: 15px}
  .screen-area .input-group{margin-bottom: 10px}
  .custom-input-area .form-control{font-size: 18px;letter-spacing: 0px; height: 50px !important; }
  .screen-area .card-body .btn-fixed-bottom{position: fixed; bottom: 0px; left: 0px; width: 50%; border-radius: 10px 10px 0 0; z-index: 222; padding: 13px 15px 8px 15px; font-size: 18px;}
  .btn-fixed-bottom{position: fixed; bottom: 0px; left: 0px; width: 100%; border-radius: 10px 10px 0 0; z-index: 222; padding: 13px 15px 8px 15px; font-size: 18px;}
  .entry-form .btn-area .mr-5 {margin: 0px !important;}
  .entry-pass .btn-area .mr-5 {margin: 0px !important;}
  .input-righside-btn{margin: 0px;}
  .input-righside-btn .mr-5{margin: 0px !important;}
  
  .righside-btn {margin: 0px;}
  .righside-btn .mr-5{margin: 0px !important;}

  .btn-large{width: 100%; padding: 13px 15px 8px 15px; font-size: 18px;}

  .auction-area .card-header .card-title{padding: 15px !important; margin: 0px !important; line-height: 25px; font-size: 20px !important}
  .auction-area .card-body ul.merchant-list{max-height: 100%}
  .auction-area .card-body ul.merchant-list li{font-size: 13px; padding: 10px 12px 8px 12px;}
  .auction-area .card-body .btn-success{padding: 13px 15px 8px 15px; font-size: 18px; width: 100%; margin-right: 0px}
  table.auction-table thead tr {position: absolute; top: -9999px; left: -9999px;}
  table.auction-table tbody tr td {border: none;    position: relative;  line-height: 18px !important; display:inline-block; width:100%; padding: 10px 15px 10px 50% !important; text-align: right; font-size: 13px;}
  table.auction-table tr td:nth-child(1) {border-radius: 0px !important;}
  table.auction-table tr td:nth-last-child(1){border-radius:0px !important}
  table.auction-table tbody tr td:before{position: absolute; top: 10px; left: 15px; width: 50%; text-align: left; font-weight: 500;}
  table.auction-table tbody tr td:nth-of-type(1):before { content: "સમય"; }
  table.auction-table tbody tr td:nth-of-type(2):before { content: "ક્રમાંક"; }
  table.auction-table tbody tr td:nth-of-type(3):before { content: "જથ્થો"; }
  table.auction-table tbody tr td:nth-of-type(4):before { content: "એજન્ટ";}
  table.auction-table tbody tr td:nth-of-type(5):before { content: "વેપારી";}
  table.auction-table tbody tr td:nth-of-type(6):before { content: "ભાવ";}
  table.auction-table tbody tr td:nth-of-type(7):before { content: "સ્થિતિ";}
  table.auction-table tbody tr td:nth-of-type(8):before { content: "ક્રિયા";}
  .md-top {margin-top: 0;}
  
  .admin-side .breadcrumb{display:none;}
  .dataTables_wrapper .dataTables_pager{text-align:center; display:block;}
  .dataTables_wrapper .dataTables_pager .dataTables_length {margin: 0 !important;}
  #filter_form{width: 290px; position: fixed; background: #fff; left: -400px; z-index: 4; padding: 20px; top: 0; overflow: scroll; height: 100%; -webkit-box-shadow: 10px 0px 44px 0px rgba(0,0,0,0.28); -moz-box-shadow: 10px 0px 44px 0px rgba(0,0,0,0.28); box-shadow: 10px 0px 44px 0px rgba(0,0,0,0.28); transition: all 0.3s;}
  #filter_form.active{left:0px; transition: all 0.3s;}
  #filter_form .form-group {margin-bottom: 10px;}
  #filter_form .custom-input-area .form-control{height: 40px !important;}
  #filter_form .select2-container--default .select2-selection--single .select2-selection__rendered {padding: 10px 15px 6px 15px; font-size: 18px;}
  
  .card-body.room_list_preview{margin-top:15px; padding:0px !important;}
  /*** Add 13-08-2025 ***/
  ul.floor-tab{width:100% !important; flex-wrap: nowrap;}
  ul.floor-tab li a {padding: 15px 8px !important;}
  .nav.nav-pills .nav-link .nav-text {font-size: 14px !important;}
  /*** Add 13-08-2025 ***/
  ul.floor-tab .nav-item{width:100%; margin:0 0 2px 0 !important; text-align: center;}
  ul.color-info{flex-wrap: wrap;}
  ul.color-info li{margin: 0 0 5px 0 !important; width: 50%;}
  .card-body.room_list_preview #myTabContent {overflow-x: scroll;}
  #btn_check_room_availability {width: 100%;}

}
@media (max-width: 520px) {

  .entry-form .card-body .form-group .radio-inline{margin: 0 -5px}
  .entry-form .card-body .form-group .radio-inline .radio{width: 50%; padding: 5px}
  .entry-form .card-body .form-group .radio-inline .radio span img{width: 50px}
  .entry-form .card-body .form-group .radio-inline{justify-content: flex-start;}
  .product_radio_btn .radio-inline .radio {width: 33.33% !important;}
}

@media (max-width: 420px) {
  .login-page .login-form{min-width: 300px; padding: 50px 20px 20px 20px}
  .card.card-custom > .card-header .card-toolbar{width: 110px;}
  .entry-form .card-header .card-title{width: 100px;}
}
.modal .front-table .btn-icon { padding: 0px;}
.form-group .invalid-feedback, .form-group .valid-feedback {
  font-size: 1.2rem !important;font-weight: 430 !important;
}
.validation_error{
  font-size: 1.2rem !important;font-weight: 430 !important;color:#F64E60 !important;
}
.form-control[readonly] {
  background-color: #F3F6F9 !important;
}
.inner-info-block{
  font-weight: 400 !important;color: #000 !important;font-size: 18px !important;
}
.custom-input-area>.custom-file label {height: 60px; padding: 23px 0px 23px 16px;font-size: 16px;font-weight:500;color: #000;}
.custom-input-area>.custom-file>.custom-file-label::after {height: 58px;padding: 17px 17px 17px 17px;font-weight:500;font-size: 16px;}
.form-group ,.invalid-feedback {font-size: 1.2rem !important;font-weight: 430 !important;}


ul.floor-tab {
  background: #f1f6ff;
  padding: 10px;
  border-radius: 10px;
  width: 450px;
  margin: 0 auto 30px auto;
}
ul.floor-tab li a{background: #fff; padding: 12px 25px 10px 25px}
ul.floor-tab li a .nav-text{ font-size: 18px !important; line-height: 18px}
ul.floor-tab li a.active{background: #10975c !important}
ul.floor-tab li a:hover{background: #10975c !important; color: #fff !important}
ul.floor-tab li a:hover .nav-text{ color: #fff !important}

ul.color-info{display: flex; justify-content: center; margin: 0px 0px 30px 0px; padding: 0px; list-style: none; align-items: center;}
ul.color-info li{color: #000; font-size: 14px; line-height: 20px; display: flex; align-items: center; margin: 0 15px}
ul.color-info li .box{background: #fff; border: #9e9e9e 1px solid; width: 20px; height: 20px; margin-right: 10px}
ul.color-info li .box.booked{background: #ff000075; border: rgb(255, 0, 0) 1px solid;}
ul.color-info li .box.selected{background: #bdffce; border: #048526 1px solid;}
ul.color-info li .box.acroom{background: #f4cff5; border: #a762c9 1px solid;}

.room-floor{border: #9e9e9e 1px solid; padding-left: 100px; width: 983px; margin:0 auto; border-right: none;}
.room-floor ul.floor-plan{margin: 0px; padding: 0px; list-style: none; display: flex; flex-wrap: wrap;}
.room-floor ul.floor-plan li{cursor: pointer;}
.room-floor ul.floor-plan li.floor-title {width: 100%; text-align: center; padding: 25px 0 14px 0; font-size: 46px; font-weight: 400; border-right: #9e9e9e 1px solid; text-transform: uppercase;}
.room-floor ul.floor-plan li.up{position: relative; margin-top: -1px}
.room-floor ul.floor-plan li.up .room-no {position: absolute; bottom: 10px; left: 15px; font-size: 15px; font-weight: 700; line-height: 15px;}
.room-floor ul.floor-plan li.groom.up .room-no{text-align: center; right: 10px; left: auto;}
.room-floor ul.floor-plan li.suiteroom.up .room-no{text-align: center; left: 78px;}

/*old css*/
/*.room-floor ul.floor-plan li.down{position: relative; transform: rotate(-180deg); margin-bottom: -1px;}*/
/*old css*/

.room-floor ul.floor-plan li.down{position: relative; transform: rotate(-180deg); margin-bottom: -1px;}
.room-floor ul.floor-plan li.down .room-no{position: absolute; transform: rotate(-180deg); left: 15px; bottom: 10px; font-size: 15px; line-height: 15px; font-weight: 700;}
.room-floor ul.floor-plan li.groom.down .room-no{text-align: center; right: 10px; left: auto;}
.room-floor ul.floor-plan li.suiteroom.down .room-no{text-align: center; left: 78px;}

.room-floor ul.floor-plan li ul.bad-list{display: flex; margin: 0px; padding: 0px 5px; list-style: none; flex-wrap: wrap;}
.room-floor ul.floor-plan li ul.bad-list li{width: 23px; margin: 0 5px; height: 49px;}
.room-floor ul.floor-plan li ul.bad-list li.down{margin-top: 14px;}
.room-floor ul.floor-plan li ul.bad-list li.up{margin-top: -1px;}
.room-floor ul.floor-plan li ul.bad-list li .bad-number{text-align: center; margin-top: 25px; font-weight: 700;}
.room-floor ul.floor-plan li ul.bad-list li.down .bad-number{transform: rotate(-180deg);}
.room-floor ul.floor-plan li.down ul.bad-list li .bad-number{transform: rotate(-180deg);}
.room-floor ul.floor-plan li.down ul.bad-list li.down .bad-number{transform: rotate(0deg);}
.room{background:url(../../assets/image/room-available.png) center center no-repeat; width: 112px; height: 112px;}
.room:hover{background:url(../../assets/image/room-selected.png) center center no-repeat; }
.room.booked{background:url(../../assets/image/room-booked.png) center center no-repeat; }
.room.acbooked{background:url(../../assets/image/room-ac.png) center center no-repeat; }
.room.selected{background:url(../../assets/image/room-selected.png) center center no-repeat; }

.bad{background:url(../../assets/image/bad-available.png) center center no-repeat; width: 23px; height: 49px;}
.bad:hover{background:url(../../assets/image/bad-selected.png) center center no-repeat; }
.bad.booked{background:url(../../assets/image/bad-booked.png) center center no-repeat; }
.bad.selected{background:url(../../assets/image/bad-selected.png) center center no-repeat; }

.groom{width: 210px; height: 112px; border:#9e9e9e 1px solid;}
/*.groom{background:url(../../assets/image/general-room-available.png) center center no-repeat; width: 210px; height: 112px;}*/
/*.groom:hover{background:url(../../assets/image/general-room-selected.png) center center no-repeat;}*/
/*.groom.booked{background:url(../../assets/image/general-room-booked.png) center center no-repeat;}*/
/*.groom.selected{background:url(../../assets/image/general-room-selected.png) center center no-repeat;}*/

.suiteroom{background:url(../../assets/image/suite-room-available.png) center center no-repeat; width: 210px; height: 112px;}
.suiteroom:hover{background:url(../../assets/image/suite-room-selected.png) center center no-repeat;}
.suiteroom.suite-booked{background:url(../../assets/image/suite-room-booked.png) center center no-repeat;}
.suiteroom.suite-acbooked{background:url(../../assets/image/suite-room-ac.png) center center no-repeat;}
.suiteroom.selected{background:url(../../assets/image/suite-room-selected.png) center center no-repeat;}

.second-floor{border: #9e9e9e 1px solid; padding-left: 100px; width: 983px; margin:0px auto; border-right: none; display: flex;}
.second-floor .conference-room{width: 658px; height: 342px; border-right: #9e9e9e 1px solid; text-align: center; display: flex; align-items: center; justify-content: center;}
.second-floor ul.floor-plan{margin: 0px; padding: 0px; list-style: none; display: flex; flex-wrap: wrap; width: 224px;}
.second-floor ul.floor-plan li{cursor: pointer;}
.second-floor ul.floor-plan li.floor-title {width: 100%; text-align: center; padding: 23px 0 13px 0; font-size: 46px; font-weight: 400; border-right: #9e9e9e 1px solid; text-transform: uppercase; line-height: 42px;}
.second-floor ul.floor-plan li.up{position: relative; margin-top: -1px}
.second-floor ul.floor-plan li.up .room-no {position: absolute; bottom: 10px; left: 15px; font-size: 15px; font-weight: 700; line-height: 15px;}
.second-floor ul.floor-plan li.down{position: relative; transform: rotate(-180deg); margin-bottom: -1px;}
.second-floor ul.floor-plan li.down .room-no{position: absolute; transform: rotate(-180deg); left: 15px; bottom: 10px; font-size: 15px; line-height: 15px; font-weight: 700;}


.room-floor ul.floor-plan li.down .booking-info {
  bottom: 100%;
  transform: rotate(-180deg);
  z-index: 3;

}

/*new css Utkarsh*/
.room-floor ul.floor-plan li ul.bad-list
{
	position: relative;
}
.room-floor  ul.floor-plan li.acbooked.down .booking-info {
	transform: rotate(180deg);
	bottom: unset;
	top: 100%;
}
.room-floor ul.floor-plan li.groom.up .down .booking-info {
	background-color: #fff;
	z-index: 2;
	bottom: unset;
}

.room-floor ul.floor-plan li.groom.up .down .booking-info {
	background-color: #fff;
	z-index: 2;
	bottom: unset;
}

.room-floor ul.floor-plan li.groom.down .up .booking-info
{
	bottom: unset;
}
.room-floor ul.floor-plan li.groom.down .down .booking-info
{
	bottom: 100%;
	transform: rotate(0deg);
	z-index: 2;
}
.room_list_preview .second-floor li.down .booking-info {
	transform: rotate(180deg);
    bottom: unset;
    top: 100%;
}

/*new css Utkarsh*/


.bad .booking-info{bottom: 55px;}
.booked:hover .booking-info{display:block;}
.acbooked:hover .booking-info{display:block;}
.suite-booked:hover .booking-info{display:block;}
.suite-acbooked:hover .booking-info{display:block;}
.booking-info{background: #fff; border: 1px solid #c2c2c2; width: 160px; padding: 12px 12px 6px 12px; font-size: 14px; font-weight: 400; border-radius: 6px; position: absolute; left: 50%; margin-left: -80px; bottom: 118px; display:none;}
.booking-info:after, .booking-info:before {top: 100%; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none;}
.booking-info:after{border-color: rgba(255, 255, 255, 0); border-top-color: #fff; border-width: 6px; margin-left: -6px;}
.booking-info:before{border-color: rgba(194, 194, 194, 0); border-top-color: #c2c2c2; border-width: 7px; margin-left: -7px;}

.booking-info p {font-size: 14px; margin: 0 0 6px 0; line-height: 16px; color: #5e5e5e; }
.booking-info p strong {font-size: 14px; color: #070707; display:block;}
.room-floor ul.floor-plan li INPUT {opacity: 0;position: absolute;}
.second-floor ul.floor-plan li INPUT {opacity: 0;position: absolute;}
.booking-info-2 p strong {font-size: 14px;color: #070707;}
.booking-info-2 p {margin-bottom: 0 !important;}


.checkbox-block input[type=checkbox].css-radio{position: absolute; z-index: -1000; left: -1000px; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0;}
.checkbox-block input[type=checkbox].css-radio + label.css-checkbtn {color: #000; font-size: 16px; font-weight: 700; line-height: 21px; text-transform: capitalize; position: relative; padding: 12px 12px 12px 50px; display: block; border: #c5ccdd 1px solid; border-radius: 8px;}
.checkbox-block input[type=checkbox].css-radio + label.css-checkbtn::before {content: ''; width: 21px; height: 21px; border-radius: 6px; background: #c5ccdd; position: absolute; top: 12px; left: 15px;}
.checkbox-block input[type=checkbox].css-radio:checked + label.css-checkbtn{border: 1px solid #10975c; background: #10975c; color: #fff;}
.checkbox-block input[type=checkbox].css-radio:checked + label.css-checkbtn::before {background: #fff;}
.checkbox-block input[type=checkbox].css-radio:checked + label.css-checkbtn::after {content: ''; position: absolute; top: 17px; left: 20px; width: 11px; height: 11px; background: #10975c; border-radius: 3px;}

ul.product-list{margin: 0px 0px 0px 0px; padding: 0px; list-style: none; }
ul.product-list li {display: inline-block; margin-right: 10px; margin-bottom: 5px;}
ul.product-list li input[type=radio].css-radiobox{position: absolute; z-index: -1000; left: -1000px; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0;}
ul.product-list li input[type=radio].css-radiobox + label.css-radiobtn {color: #000; font-size: 18px; font-weight: 700; line-height: 21px; text-transform: capitalize; position: relative; padding: 16px 20px 10px 20px; display: block; background: #fff;  border-radius: 8px; border: #10975c 1px solid;}
/* ul.product-list li input[type=radio].css-radiobox:checked + label.css-radiobtn{background: #10975c; color: #fff;} */
ul.product-list li input[type=radio].css-radiobox.active + label.css-radiobtn{background: #10975c; color: #fff;} 


/*** Start Datatable Sorting Color Changes 18-01-2024 ***/
.dataTables_wrapper .dataTable th.sorting_desc, .dataTables_wrapper .dataTable td.sorting_desc {
	color: #fff !important;
}
.dataTables_wrapper .dataTable th.sorting_asc, .dataTables_wrapper .dataTable td.sorting_asc {
    color: #fff !important;
}
.dataTables_wrapper .dataTable th.sorting_asc:before, .dataTables_wrapper .dataTable td.sorting_asc:before {
    color: #fff !important;
}
.dataTables_wrapper .dataTable th.sorting_desc:after, .dataTables_wrapper .dataTable td.sorting_desc:after {
    color: #fff !important;
}
/*** End Datatable Sorting Color Changes 18-01-2024 ***/
.aside-menu .menu-nav > .menu-item > .menu-submenu .menu-subnav > .menu-item > .menu-submenu .menu-subnav > .menu-item > .menu-link {
  padding-left: 30px !important;
}
.aside-menu .menu-nav > .menu-item > .menu-submenu .menu-subnav > .menu-item > .menu-link { 
  margin-top: 5px !important;min-height: 25px !important;  
}



/*** Start Not Desktop View ***/
@media (max-width: 1280px) {
	.booked:hover .booking-info{display:none;}
	.acbooked:hover .booking-info{display:none;}
	.suite-booked:hover .booking-info{display:none;}
	.suite-acbooked:hover .booking-info{display:none;}
}
/*** End Not Desktop View ***/