body{margin: 0px;padding:0 ;font-family: "Roboto Slab", serif;}
.main_banner{background: url(../images/banner_bg.png);background-position: center;color: #fff;padding: 0px;}
.small{font-size:15px !important;}
.small_txt{font-size: 13px;}
.lblue{color: #b2cdff;}
section{padding: 50px 0px;}
.orangebg{background: #ff8d26;}
.bluebg{background:#3570dd ;}
.darkbg{background: #464b54;}
.radbox{border-radius: 20px;position:relative;}
.iconb{position: absolute;right: -30px;background: #fff;border-radius: 34px;padding: 12px;top: -30px;width: 100px;height: 100px;display: flex;justify-content: center;align-items: center;}
.greybg{background: #eef3fb;}
tbody#products td:first-child {width: 30%;}
tbody#products td:nth-child(6) {width: 15%;}
tbody#products td:nth-child(2),tbody#products td:nth-child(4),tbody#products td:nth-child(5) {width: 15%;}
tbody#products td:nth-child(3),.protab th:nth-child(3){width: 15%;}
.fittable{min-height: 65vh;}
.table-responsive{overflow-y:hidden !important;padding-bottom: 170px;}
.sline{white-space: nowrap;}
hr{margin: 10px 0px;}
.error{font-size: 13px; color: #ff5858;}
.boxbill > div {padding: 10px;border: 1px solid #ccc;}
/**ticker-css-start**/
.ticker{width: 100%;max-width: 100%;overflow: hidden;box-sizing: border-box;border-radius: 8px;padding: 8px;box-shadow: 0 6px 18px rgba(0,0,0,0.06);}
/* The moving track */
.ticker-track {display: inline-flex;gap: var(--gap);align-items: center;/* make it large enough to hold two copies */will-change: transform;animation: scroll linear infinite;animation-duration: var(--duration);}
/* Duplicate container so we can create the seamless effect */
.ticker-inner {display: inline-flex;gap: var(--gap);align-items: center;}
.ticker-item{flex: 0 0 auto;margin: 15px;padding: 12px;background: #fff;box-shadow: 0px 0px 15px 0px #9b9b9b47;position: relative;}
.curlink{cursor: pointer;}
.link{position: absolute;/* left: 0; */top: 0;background: #ffffffe6;padding: 8px;right: 0;display: none;}.detail{position: absolute;background: #000;width: 100%;bottom: 30px;left: 0;margin: -15px;display: none;}
.ticker-item:hover .link,.ticker-item:hover .detail{display: block;}
.ticker-item img {height: var(--height);width: auto;max-width: 330px;max-height: 330px;display: block;user-select: none;pointer-events: none;box-shadow: 0 3px 8px rgba(0,0,0,0.08);}
.ticker-item:hover{transform: scale(1.06);}/* Pause on hover/focus for accessibility */
.ticker:focus-within .ticker-track,.ticker:hover .ticker-track {animation-play-state: paused;}
.modal-xl{max-width: 98% !important;padding: 15px !important;}
#my_camera{    max-width: 300px;
    height: 250px;
    margin-top: 10px;
    margin-right: 10px;
    border: 2px dashed #b3b3b3;}
/**products**/
.productsbox {max-width: 14.5%;width: 100%;border: 1px solid #ccc;padding: 15px;margin: 1%;background: #fff;}
.propic {border-radius: 5px;padding: 12px;}
.proname {margin-top: 8px;margin-bottom: 5px;color: #000;}
.proprice{color: #ff8d26;}
.propic {border-radius: 5px;padding: 0px;height: 150px !important;border: 1px solid #ccc}
.propic img {/* max-height: 100%; */width: 100% !important;height: 100% !important;object-fit: contain !important;}
.navbar{border-bottom: 1px solid #d6dae3;}
.footersec{border-top: 1px solid #d6dae3}
.autosearch{position: relative;}
.autosearch ul{padding: 0;overflow: auto;max-height: 220px;width: auto !important;
    min-width: -webkit-fill-available !important;position: absolute;z-index: 9;}
.autosearch ul li{list-style: inside none;padding: 10px !important;background: #f1f1f1;border: 1px solid #ccc;}
.fullmodal{max-width:98%;}
.sitetabs button.nav-link{background: #393939;color: #fff;border: 0px;border-radius: 4px !important;}
.sitetabs button.nav-link.active{background: #ff8d26;color: #fff;}
.bill tr{border-bottom: 0px;}
.bill td{border-bottom: 0px;}
.sitetabs1{background: #3570dd;/* justify-content: flex-start; */padding: 10px;display:flex;padding: 10px;border-radius: 6px;}
.sitetabs1 button.nav-link{padding: 5px 10px !important;color: #fff;border: 0px !important;border-radius: 6px !important;}
.sitetabs1 button.nav-link.active {background: #13326b !important;color: #fff !important;}
.sitetabs1 button{margin-bottom: 0px;}
.abbtn{position: absolute;margin-top: 10px;}
.dataTables_wrapper{overflow: auto;}
th,td{white-space: nowrap;}
/**products-end**/
/* Keyframes: translate left by width of one set.
We use transform: translateX(calc(-50%)) because we duplicated the items */@keyframes scroll {from   { transform: translateX(0); }to     { transform: translateX(-50%); }}/* Small responsive tweak */
.sitec{max-width: 99%}
@media(max-width: 1400px){.productsbox{max-width: 18%}}
@media(max-width: 1200px){.productsbox{max-width: 23%}}
@media(max-width: 1100px){.productsbox{max-width: 31%}}
@media(max-width: 991px){.productsbox{max-width: 48%}.dataTables_wrapper{overflow: auto;}.dataTables_filter,.dataTables_info,.dataTables_paginate{position: sticky;left: 0}.table th,.table td{white-space: nowrap;font-size: 13px;}/*.table th:first-child,.table td:first-child{position: sticky;left: 0}.table th:nth-child(2),.table td:nth-child(2){position: sticky;left: 63px;box-shadow: 10px 0px 20px #04040417;}*/}
@media(max-width: 768px){.capturewhl{display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;margin-bottom: 10px;}#camera_section{display: flex; flex-direction: column;}#camera_section #my_camera{margin-bottom: 15px}}
@media(max-width: 650px){.abbtn{position: relative;margin: 0px auto;display: table; width: auto;}}
@media(max-width: 600px){.productsbox{max-width: 98%}}
@media (max-width: 420px) {:root { --height: 72px; --gap: 10px; --duration: 14s; }}
.ticker:nth-of-type(1) .ticker-track {animation-duration: 18s;}
.ticker:nth-of-type(2) .ticker-track {animation-duration: 25s;}
/**ticker-css-end**/
.detail {position: absolute;background: #000000d6;width: 92.5%;bottom: 0;left: 0;margin: 3.5%;color: #fff;padding: 10px;}
.borderbox{border: 1px solid;border-radius: 8px;}
.blueborder{border-color: #3570DD;} 
.blueborder .h2,.bluet{color: #3570dd;}
.orangeborder{border-color: #ff8d26;} 
.orangeborder .h2,.oranget{color: #ff8d26;}  
.mapcontentwhl{position: relative;display: flex;justify-content: center;align-items: center;padding: 0px;}
.mapcontentwhl::before {content: "";position: absolute;left: 0;top: 0;background: #000000c9;width: 100%;height: 100%;}
.map-content{position: absolute;color: #fff;}
.radbox:hover .iconb{box-shadow: 0px 0px 15px 0px #00000047;z-index: 99;}
.toolpic {height: 100%;box-shadow: 0px 0px 10px 0px #ccc;padding: 10px;border-radius: 10px;}
.toolpic img {width: 100%;height: 100%;object-fit: cover;border-radius: 5px;}
.navbar-nav .nav-link {text-transform: uppercase; font-size: 14px; font-weight: 600;}
.sitebtn{background: #3570dd;color: #fff !important;padding: 10px;border-radius: 4px;border: 1px solid #c3d8ff}
.sitebtn:hover {background: #ff8d26;}
.sitebtn.select{background: #000;color: #fff;}
.mbtn{min-width: 120px;text-align: center;}
.lbtn{background:#e9f0ff;padding: 10px;border-radius: 4px;border: 1px solid #c3d8ff}
.carousel-inner{max-width:100%;margin: 0px auto;}
.orline{background: #ff8d26;width: 20%;height: 3px;margin: 9px;}
.cenlinetxt{max-width: 50%;margin: 0px auto;}
.logbox{padding: 40px;background: #fff;border: 1px solid #b1ccfb;border-radius: 8px;max-width: 400px;width: 100%;}
.logform{display: flex;flex-direction: column;align-items: center;justify-content: center;min-height: 90vh;}
.btn{text-transform: uppercase;font-weight: 500;}
.itempic {height: 320px;width: 320px;}
.itempic img {object-fit: cover;width: 100%;height: 100%;}
.lefttable{width: 98%;border: 1px solid #ccc;padding: 10px;margin-right: 1%;}
.rightbox{max-width: 300px;width: 100%;border: 1px solid #ccc;padding: 10px;}
.site-table th{background: #000;color: #fff;}
.site-table th:first-child{border-top-left-radius: 10px;border-bottom-left-radius: 10px;}
.site-table th:last-child{border-top-right-radius: 10px;border-bottom-right-radius: 10px;}
table.dataTable tbody tr.odd td {background: #fff;}
table.dataTable tbody tr.even td {background: #dbedff;}
table tr{border-bottom: 1px solid #ccc;}
.table{width: 100% !important;border-bottom: 0px !important;}
.groupbtns a,.groupbtns button{background: #f7e5d4;color: #ff8d26;margin-bottom: 0px !important;}
.groupbtns{border: 1px solid #ff8d26}
.groupbtns a:hover,.groupbtns button:hover{background:#ff8d26 ;color: #fff;}
.billn td{vertical-align: middle;}
.sbtn{padding: 5px 10px;border-radius: 7px;font-size: 17px;}
.wf{font-weight: bold;}
.innerpage{min-height: 100vh;margin-top: -130px;padding-top: 130px;padding-bottom: 0px;margin-bottom: 5px;}
a.productsbox{text-decoration: none;}
.btn{font-size: 14px !important;}
input[type="search"]{border: 1px solid #abc0e7;border-radius: 4px;margin-left: 5px;}
.tabtns{}
.inner-bar{position: relative;}
.dataTables_filter{margin-bottom: 11px;}
.dataTables_wrapper .dataTables_paginate .paginate_button{    min-width: 28px !important;padding: 1px 4px !important;}
.dataTables_wrapper .dataTables_paginate{padding-top: 0.755em !important;}
body .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{background: linear-gradient(to bottom, #3570dd 0%, #1381ff 100%) !important;color: #fff !important;border: 1px solid #217bf2 !important;}
.groupdt{position: absolute;padding-bottom: 7px;height: 49px;top: 63px;z-index: 9;}
a,button{box-shadow: none !important;}
.sales_img .proname,.rental_img  .proname {text-align: left;margin: 0;padding: 5px;}
.sales_img  .propic,.rental_img  .propic{padding: 10px;background: #fff;}
.sales_img  .propic img,.rental_img  .propic img{max-height: 125px !important;}
#preview_container{background: #f9f9f9;border-radius: 8px;padding: 10px;min-height: 150px;border: 2px dashed #b7b7b7;display: flex;align-items: center;overflow: auto;}
#billImages{display: flex;}
#billImages .billedpic{width: 150px;height: 150px;padding: 10px; border: 1px dotted #ccc;text-align: center;}