@charset "utf-8";
/*body{overflow-y:scroll !important; -ms-touch-action:pan-y !important;}*/
p{line-height: 1rem !important;}
.btn-question,.btn-question:focus,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a:focus,a:hover{text-decoration:none}.btn,a{-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s}.container{width:94%}:focus{box-shadow:0 0 0 transparent}.calculator{background:#fff; border:1px solid #eee;}.displayBox{background:#fff;border-bottom:1px solid #e5e5e5;padding:0;min-height:80px;overflow:hidden}
.displayText{
  margin-top:0px !important;
  background:0 0;
  border:none;
  color:#000;
  font-size:32px;
  font-weight:100;
  padding-right:50px;
  float:right;
  display:inline-block;
  overflow:hidden;
  line-height:80px !important;
  margin-bottom:0;
}

/*.ps {height: 85%; position: relative;}*/

.btn-calc,.btn-calc:focus,.btn-operation,.clear,.clear:focus{font-size:25px !important;font-weight:100;box-shadow:0 0 0 transparent;outline:0}.operationSide{background:#FFF;margin-top:-14px;padding:10px 0 0;border-left:1px solid #E5E5E5}.numberPad{/*padding-top:14px*/}
.btn-calc,.btn-calc:focus{background:#fff;
  color:#A2A2A2;width:90px;max-width:90px;
  height:70px;
  border-radius:0 !important;/*border-top: 1px solid #eee;*/ padding:0px !important;/*border-right: 1px solid #eee;*/}.btn-calc:last-child{border-right: none !important;}.btn-calc:hover, .btn-calc.active{background:#0088eb;color:#fff}.btn-operation{background:0 0;color:#999;width:100%;height:80.8px;border-radius:0}.btn-operation:focus,.btn-operation:hover{background:#E8E8E8;color:#444}.btn-operation:focus{outline:0}.equals,.equals:focus,.equals:hover{background:#455A64;color:#FFF}.clear,.clear:focus{background:#455A64!important;color:#FFF;width:75px;height:75px;border-radius:100px;border:transparent}.clear:hover{background:#455A64;color:#FFF}.btn-question,.btn-question:focus{z-index:100;position:absolute;top:20px;right:20px;width:40px;height:40px;border-radius:40px;background:0 0;border:2px solid #FFF;padding-top:6px;color:#FFF;font-family:sans-serif;font-size:18px;outline:0}.btn-question:hover{background:rgba(255,255,255,.2);color:#FFF}.hvr-fade:before,.hvr-radial-out:before{background:#FFF!important;transition-duration:.5s}:focus{outline:0!important}::-moz-focus-inner{border:0!important}@media only screen and (max-width:768px){body{padding-top:1.3em}.calculator{height:590px;box-shadow:2px 3px 6px #888; border-radius:12px !important;}.displayBox{height:150px}.displayText{margin-top:80px;font-size:50px}.btn-calc,.btn-calc:focus{width:70px;height:70px;font-size:18px}.operationSide{padding:0}.btn-operation,.btn-operation:focus{width:60px;height:60px;font-size:18px}.clear,.clear:focus{width:70px;height:70px;font-size:18px}.equals,.equals:focus{width:62px;height:63px;margin-top:1px}.modal-dialog{width:100%}}@media only screen and (min-width:1440px){.container{width:85%}.btn-calc,.btn-calc:focus,.clear,.clear:focus{}.equals,.equals:focus{width:100%;height:96px}}.hvr-radial-out:before{border-radius:100%}.modal-size{max-width:350px !important;}.modal-ftr{padding:10px !important; margin:0 auto; width: 100%;}.btn-bordr-radus{border-radius: 4px !important;}
@media only screen and (max-width:1366px){.btn-calc,.btn-calc:focus{background:#fff;color:#A2A2A2;width:85px;height:60px;}
}
/* Pading */
.p-20{padding:20px !important;}
.p-075{padding:0.75em !important;}
.p-8-14{padding: 8px 14px !important;}
.pdng-all10{padding:10px !important;}
.pdng-all20{padding:20px;}
.pdng-top-btm14{padding:14px 0;}
.pdng-lr-5{padding-left: 5px !important; padding-right: 5px !important;}
/* End Pading */
/* Margin */
.mrgn-btm14{margin-bottom: 14px;}
.mrgn-lft20{margin-left:20px !important;}
.ml-10{margin-left: 10px;}
.mrgn-t29{margin-top: 29px;}
.mrgn-t30{margin-top: 30px;}
.mrgn-top70{margin-top:70px;}
.mrgn-all{margin:60px 20px 0 20px !important;}
.m-l38{margin-left: 38px;}
.mr-03{margin-right: 2px;}
/* End Margin */
/* Background Color */
.scroll{/*margin-right:-5px !important;*/}
.yl-clr{background:#ffba00;}
.m-clr{background:#986bac;}
.drk-blu-clr{background:#00639a;}
.grn-clr{background:#3ab54a;}
.lblu-clr{background:#36a8dc;}
.brdrall1{border:1px solid #bdbdbd;}
.cstmr-brdr1{border: 1px solid #f5f5f5;}
/* End Of Background Color */
.hr{width:100%; position:relative;}
.height45{height:45px !important;}
.height52{height:52px; color:#fff;}
.height100{height:100px;}
/*.hgt250{height:250px !important;}
.hgt290{height:290px !important;} */
.hgt454{height:454px !important;}
.width100{width: 100%;}
.width65{width: 65%;}
.sidebar-imgsize img, .h-f{height: 100% !important; width: 100%;}
.sidebar-imgsize50 img, .h-f50{height: 50px !important;}
.expresso-box span{top:-10px !important;right: -10px !important;color: #707070;background: #fff !important;border: 1px solid #b9b9b9;border-radius: 100%;padding: 5px 8px !important;font-size: 20px; font-weight: normal; width: 32px; height: 32px;}
.font-size12{font-size:12px !important;}
.font-size13{font-size:13px !important; line-height: 18px !important; font-weight:lighter;}
.font-size14{font-size: 14px;}
.font-size16{font-size: 16px !important;}
.font-size18{font-size: 18px;}
.font-size20{font-size:20px !important; margin-bottom:0;}
.font-size26{font-size:26px !important;}
.font-size32{font-size: 32px !important;}
.font-size40{font-size: 40px;}
.font-size70{font-size: 70px;}
.mrgn-b40{margin-bottom:40px;}
.off-white-bckgrnd{background:#ececec;}
.custom-row{width:100%; float:left;}
.font-lg{font-size: 150% !important;}
.font-xl{font-size: 200% !important;}
.m-lr6{margin-left:6px !important; margin-right:6px !important;}
.img-txt{left:0px; text-align:left;}
.font-nrml{font-weight: normal;}
.img-topbr{background:#36a8dc; color:#fff; position:absolute;width:100%;text-align:right; padding:10px; bottom:0;}
.fd-gry{color:#888888;}
.brdr0{border:none !important;}
.br-b{border-bottom:none !important;}
.br-b1{border-bottom:1px solid #b1b1b1 !important;}
.tab-fs{margin-right:10px;}
.tab-fs a{font-size:20px;}
.brdr-radus0{border-radius: 0px !important;}
.bdr-radus3{border-radius:3px !important;}
.bdr-radus6{border-radius:6px !important;}
.bdr-radus{border-radius:10px !important;}
.bdr-radus10{border-radius:10px !important;}
.bgcolr-gry{background: #d6d6d6;}
.srch-inpt input{border-radius:8px; border:none !important;}
.yl-str{color:#ffba00;}
.main-btn button{width:100%;}
#red-bckgrd{background:#fe0000;}
#blu-bckgrd{background:#01aef0;}
.dlt-div{padding:20px;}
.dlt-div p{color:#fff; font-size:16px; margin-bottom:0px;}
.w-40{width:40%; text-align:right;}
.calculation{width:44%; background:#fff; float:left;}
.calculation ul{padding: 10px 0; float:left; list-style:none; margin-bottom:0px;}
.calculation ul li{width:100%; float:left; margin-bottom:0; font-size:14px;}
.l-blue{color:#00aeef;}
.f-s-14{font-size: 14px;}
.txt-blue{color: #026698;}
.txt-blue-l{color: #00bbf2 !important;}
.brdr-t{border-top: 1px solid #bdbdbd;}
.b-b0{border-bottom: 0px !important;}
.b-l0{border-left: 0px !important;}
.b-r0{border-right: 0px !important;}
.b-r1{border-right: 1px solid #6c757d;}
.ltr-spcng{letter-spacing:0px !important;}
.bl-clr{
  background:#008aec;
  color:#fff;
  z-index: 99; width: 100%;
  position: relative;
  margin-top: -26px;
  padding: 5px 6px 5px 0; float: left;
}
.img-txt{text-align:left; font-size:16px; font-weight:bold; color:#000; left:0; text-shadow: 1px 1px 0px #fff; white-space:inherit !important; /*background: -webkit-linear-gradient(#333, #000); -webkit-background-clip:text; -webkit-text-fill-color:transparent;*/}
.img-sz{width:80%;}
.pdng-lr5{padding-left:5px; padding-right:5px;}
.pdng-lr-5{padding-left: 5px !important; padding-right: 5px !important;}
.pdng-lr10{padding-left:10px; padding-right:10px;}
.pdng-lr30{padding-left:30px; padding-right:30px;}
.comn-box{background:#fff; border:1px solid #f5f5f5; height:52px;}
.box-inr-br{width:100%; height:4px;}
.str-clr{padding:11px 5px; text-align:center;}
.str-clr p{font-size:14px; margin-bottom:5px;}
.str-clr i{color:#ffba00; font-size:20px;}
.catgry-lst-h{height:84px !important;}
.dashboard-list-with-thumbs .col-xl-3 {padding-left:5px; padding-right:5px;}
.dashboard-list-with-thumbs .row { margin-left:-5px; margin-right:-5px;}
.img-box-opcty a{opacity:0.6;}
.img-box-opcty a:hover{opacity:1;}
.nav-tabs .nav-item.show .nav-link:before, .nav-tabs .nav-link.active:before{background: none !important; border-radius:0px !important;}
.nav-tabs{border-bottom: none !important;}
.tabs-fnt-sze a{font-size:16px; font-weight:600;}
.extrs-box{background:#fff; border-radius:3px;}
.bl-cholate h4{ font-size:22px; color:#464646;}
.bl-cholate p{ font-size:16px; color:#898989;}
.disc-tab{ background:#0088eb; padding:10px;}
.disc-tab-table tr td{ font-size:20px; color:#fff;}
.amnt-tab{ background:#fff; padding:10px; border:1px solid #929292;}
.amnt-tab-table tr td{ font-size:20px; color:#484848;}
.item-nme th{ padding:8px; background:#d6d6d6;}
.item-nme td{ padding:8px; background:#fff;}
.itm-nme-tble td{ font-size:16px; color:#464646;}
.itm-nme-tble td:first-child{ font-weight:bold;}
.categry-tble{padding-left: 120px; padding-top: 20px; margin-bottom: 120px;}
.amnt-box h5, .tip-amnt{font-size:16px; color:#c4c4c4;}
.lrg-fnt-sz{font-size:40px;}
.cls-icn i, .cls-icon{font-size:20px; color:#e4e4e4;}
.add-tip-txt a, .add-tip-txt a:hover{font-size:14px; color:#0285ef;}
.cash-txt ul{list-style:none; margin:10px 0 0; padding:0;}
.cash-txt li{display:inline-block; float:left; font-size:18px; margin-right:10px; margin-left:10px; color:#0285ef;}
.cvm-boxes{border-radius:6px; border:1px solid #efefef; background: linear-gradient(#fff, #f1f1f1); padding: 8px 0;}
.cvm-boxes:hover, .cvm-boxes.active{border:1px solid #0088eb;}
.cvm-boxes span{font-size:18px !important; }
.dlt-txt{font-size:16px; text-align:center; padding:30px 20px; color:#fff;}
.str-icon i{font-size:18px; color:#ffb502;}
.men-st-r{position:absolute; right:20px; top:30px;}
.receipt-txt p{font-size:18px; color:#000;}
.discnt-txt h4{font-size:30px; color:#7b7b7b; font-weight:400;}
.discnt-txt p{font-size:22px; color:#7b7b7b; font-weight:400;}
.discnt-txt span{font-size:14px; color:#7b7b7b; font-weight:600;}
.clcltr-cls-icn{width:10%; margin-top:30px; color:gray; font-size:20px;}
.bck-arow{ position:absolute; right:14px;}
/*.custom-control{padding-left: 0rem !important;}*/
.text-green{color: #00a45b;}
.text-light-blue{color: #00c3ea;}
.font-blue{color: #1a3968 !important;}
.ck-disabled{display: none !important;}
.items-pdng-012{background: #000; color: red; width: 120px; height: 150px; text-align: center;}
.ordr-detil-mdl-title{width:97%; float:left; text-align:center; font-size: 14px; font-weight: normal; text-transform: uppercase;}
.mdl-bck{background: #f4f4f4 !important;}
.custom-switch-btn:after, .custom-switch-btn:before{width:25px !important; height:25px !important;}
.custom-switch-btn{padding: 0px !important;}
.steps-round span{border-radius: 50%; background: #e5eaee; padding: 12px 20px; font-size: 22px; color: #fff;}
.steps-round-txt:before{content: ""; background: #e5eaee; height:3px; width:26px; position:absolute; left:80px; top:16px;}
.select-frm{}
.select-frm input{background:#fbfaf6;  border:1px solid #e5eaee; padding:6px 12px; width:35%;}
.select-frm button{border-radius:4px !important;  border:1px solid #6c757d;  padding:6px 18px;}
.imprt-itm{overflow-x:auto; width:100%;overflow-y:scroll; height:65vh; border: 1px solid #eee !important;}
@media (max-width: 1600px) {
.imprt-itm{height:56vh;}
}
.imprt-itm table{border-collapse:collapse; border-spacing:0; width:100%;}
.imprt-itm table th, .imprt-itm table td{text-align:left; border:1px solid #ddd; padding:8px;}

.home-screen-welcm{height: 530px;}
.add-item-screen-icons i{font-size: 16px;}
.item-stands:hover, .item-stands.active{background: #eeffd3 !important;}
.custm-z-index jqxGrid div{z-index:1 !important;}
.jqx-grid-header{width: 100% !important;}
.custm-slct select{height: 33px !important; padding: 0 0 0 5px;}
.sale-txt-hdng{font-weight: 400; color: #1a3968; font-size: 24px;}
.sale-txt-detail{font-weight: normal; color: #1a3968; font-size: 17px; line-height: 24px !important;}
.apply-all-txt{font-size: 9px; text-align: right; float: right; cursor: pointer; color: #03c6f5;}
.cstm-hdr-ftr{height: 60px !important; padding: 16px !important;}
.pdng-r8{padding-right: 8px !important;}
main{margin-bottom: 0px !important;}
.sidebar .main-menu ul li a:hover, .sidebar .main-menu ul li a:focus, .sidebar .main-menu ul li a.active {color: #fff !important; background: #145388 !important;}
.sidebar .main-menu ul li.active:after {content: " "; background: #fff !important;}
.custom-frm-cntrol span input{
  outline: initial !important;
  box-shadow: initial !important;
  font-size: 0.8rem;
  padding: 0.75rem 0.75rem 0.5rem 0.75rem;
  line-height: 1.5;
  border: 1px solid #d7d7d7;
  background: white;
  color: #212121;
}
.custom-frm-cntrol span div ul{background: #fff !important;}
.cstm-item-input span input, .cstm-item-input span{width: 100% !important;}
.jqx-grid-header-jqx_metro{height: 86px !important;}
.jqx-widget-header-jqx_metro div span{color: #616161 !important;}
div.jqx-widget-header.jqx-widget-header-jqx_metro.jqx-grid-header.jqx-grid-header-jqx_metro{
  height: 70px !important;
}
div.jqx-widget-header.jqx-widget-header-jqx_metro.jqx-grid-header.jqx-grid-header-jqx_metro > div{
  height: 35px !important;
}
div.jqx-widget-header.jqx-widget-header-jqx_metro.jqx-grid-header.jqx-grid-header-jqx_metro > div > div.jqx-grid-column-header.jqx-grid-column-header-jqx_metro.jqx-widget-header.jqx-widget-header-jqx_metro > div > div {
  line-height: 35px !important;
}
.charges-div{position:absolute; right:6px; top:30px; text-align:left;}
.items-select{background:#fff; border:1px solid #d7d7d7; padding:2px 8px;}
.items-pagination{margin-top: 4px;}
.items-pagination i{font-size:18px; background:#e0e0e0; padding:4px 8px; color:#616161; margin-left: 10px; cursor: pointer;}
.items-pagination i:hover{background:#145388 !important; color:#fff;}

/* reports css */
.stiJsViewerPage{display: block !important; padding: 6px !important; overflow-x: auto !important;}
.stiJsViewerPage table{width: 100% !important;}
.stiJsViewerPage table tbody tr:first-child td:nth-child(2){font-size: 18px !important;}
.stiJsViewerPage {height: 100% !important;}
/* end reports css */

/* scroll bar */
.scrollbar-crtor{overflow-y: auto !important;}
#style-3::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 2px rgba(231,231,231,0.3); background-color: #eeeeee;}
#style-3::-webkit-scrollbar{width: 2px !important; background-color: #e7e7e7;}
#style-3::-webkit-scrollbar-thumb{background-color: #d4d4d4;}
.ps__rail-y, .ps__rail-x{display: none !important;}
/* end of scroll bar */
.jqx-listbox{height: 315px !important; overflow-y: auto !important;}
/*.stiJsViewerClearAllStyles img{display: none !important;}*/
#search-modal div input{height: 27px !important; top:4px !important; text-indent:8px !important; border-color: #dadada !important;}
#search-item div[id^='listBoxContentjqxWidget'] {top:40px !important;}
/*.jqx-grid-cell-pinned{background: #e3e4e5 !important;}*/
/*.jqx-widget-header{background: #c3c4c5 !important;}*/
/*.jqx-background-reset{border: 1px solid #145388 !important;}*/
/*.jqx-widget-header{border-left: 1px solid #203967 !important;}*/
/*.jqx-widget-header:first-child{border-left: 0px !important;}*/
/*#row0jqxWidget2dba667001e1{border-bottom: 1px solid #000 !important;}*/
/*.item_image img{border: 1px solid #ecebea !important;}*/
/*.jqx-item{border: 1px solid #ecebea !important;}*/
/*.jqx-grid-header{border: 0px !important;}*/
/*.jqx-input-widget {border: 1px solid #145388 !important; text-indent: 6px !important;}*/
/*.jqx-dropdownlist {border: 1px solid #145388 !important;}*/
/*.jqx-widget-content{z-index:1 !important;}*/

/* Start media Screens Queries*/
@media (min-width: 800px) and (max-width:1023px){
.col-sm-4 {-webkit-box-flex: 0;-ms-flex: 0 0 33.33333%; flex: 0 0 24.33333%; max-width: 24.33333%;}
.hgt260{height: 180px !important;}
.hgt290{height: 140px!important;}
.refund-left{height: 194px !important;}
.ltr-spcng{padding:.375rem .75rem !important;}
.sales-list-height700{height: 224px !important;}
.hold-list-height700{height: 340px !important;}
.custom-tabs .tab-content{height: 258px;}
.custom-tabs .nav-tabs li a{padding: 10px 12px !important;}
.btn-calc, .btn-calc:focus {width: 72px; height: 44px;}
/*.width-80{width: 100% !important;}*/
.extrs-itm-info{ height: 285px !important;}
.btn-lg, .btn-group-lg > .btn {padding: 0.75rem 1.6rem 0.6rem 1.6rem;}
.hgt365{height: 365px !important;}
.main-lft-item{height: 100px !important;}
.hgt362{height: 33px;}
.refund-list-hght{height: 308px !important;}
}

@media (min-width: 1024px) and (max-width: 1151px){
  main{margin-left: 120px !important; margin-top: 49px !important; margin-right: 20px !important;}
.hgt260{height: 374px !important;}
.home-screen-welcm{height:554px !important;}
/*.col-sm-4{max-width: 24.6%;}*/
.main-lft-item{height: 285px !important;}
.hgt290{height: 305px!important;}
.ltr-spcng{padding:.375rem .75rem !important;}
.sales-list-height700{height: 428px !important;}
.hold-list-height700{height: 530px !important;}
/*.custom-tabs .tab-content{height: 530px !important;}*/
/*.width-80{max-width: 74% !important;}*/
.extrs-itm-info{ height: 440px !important;}
/*.hr{width:74% !important;}*/
.hgt365{height: 520px !important;}
.hgt362{height: 188px;}
#calculator-size{max-width: 50% !important; flex: 0 0 50% !important;}
#reason-size{max-width: 50% !important; flex: 0 0 50% !important;}
.refund-list-hght{height: 512px !important;}
.floors-icons ul li{margin:6px 23px 6px 0 !important;}
.floors-icons ul li:last-child{margin:6px 0px 6px 0 !important;}
.cstmr-scrn505{height: 505px !important;}
.demo-chart{height:164px !important;}
.m-l38{margin-left:24px;}
.font-size20{font-size:17px !important; margin-bottom:0;}
.receive-invtry-h{height: 454px;}
.mrgn-lft-38{margin-left:-38px;}
}

@media (min-width: 1152px) and (max-width: 1279px){
 main{margin-left: 120px !important; margin-top: 49px !important; margin-right: 20px !important;}
.hgt260{height: 469px !important;}
.hgt290{height: 400px!important;}
.ltr-spcng{padding:.375rem .75rem !important;}
.sales-list-height700{height: 474px !important;}
.hold-list-height700{height: 552px !important;}
.dashboard-list-with-thumbs .col-xl-3{flex: 0 0 18% !important; max-width: 18% !important; margin-left: 10px !important; margin-right: 2px !important;}
/*.custom-tabs .tab-content{height: 545px !important;}*/
.main-lft-item{height: 377px !important;}
.hgt365{height: 612px !important;}
.hgt362{height: 283px;}
.extrs-itm-info{height: 496px !important;}
#calculator-size{max-width: 50% !important; flex: 0 0 50% !important;}
#reason-size{max-width: 50% !important; flex: 0 0 50% !important;}
.refund-list-hght{height: 558px !important;}
.home-screen-welcm {height:650px;}
.floors-icons ul li{margin:6px 30px 6px 0 !important;}
.floors-icons ul li:last-child{margin:6px 0px 6px 0 !important;}
.prodct-mrgn-top{margin-top: 5rem !important;}
.cstmr-scrn505{height: 600px !important;}
.demo-chart{height:220px !important;}
.m-l38{margin-left:30px;}
.receive-invtry-h{height: 550px;}
}

@media (min-width: 1280px) and (max-width: 1365px){
main{margin-left: 130px !important; margin-top: 49px !important; margin-right: 20px !important;}
.hgt260{height: 405px !important;}
.hgt290{height: 290px!important;}
.sales-list-height700{height: 424px !important;}
.hold-list-height700{height: 560px !important;}
/*.custom-tabs .tab-content{height: 440px !important;}*/
.main-lft-item{height: 302px !important;}
.hgt365{height: 550px !important;}
.hgt362{height: 190px;}
.extrs-itm-info{height: 471px !important;}
#calculator-size{max-width: 40% !important; flex: 0 0 40% !important;}
#reason-size{max-width: 60% !important; flex: 0 0 60% !important;}
.refund-list-hght{height: 768px !important;}
.floors-icons ul li{margin:6px 36px 6px 0 !important;}
.floors-icons ul li:last-child{margin:6px 0px 6px 0 !important;}
.home-screen-welcm{height:586px;}
.sidebar{padding-top:60px !important;}
.cstmr-scrn505{height: 537px !important;}
.demo-chart{height:185px !important;}
.receive-invtry-h{height: 486px;}
.pdng-top70{padding-top: 70px;}
.imprt-itm-height{height: 484px;}
}

@media (min-width: 1366px) and (max-width: 1399px){
main{margin-left: 130px !important; margin-top: 49px !important; margin-right: 20px !important;}
.dashboard-list-with-thumbs .col-xl-3{flex:0 0 18%; max-width:18%; margin-bottom:22px !important; margin-left:7px; margin-right: 7px;}
.autoheight{height:100%;}
/*.ltr-spcng{padding:.375rem .75rem !important;}*/
.hgt362{height: 228px;}
.sales-list-height700{height: 370px !important;}
.hold-list-height700{height: 528px !important;}
/*.custom-tabs .tab-content{height: 443px !important;}*/
.main-lft-item{height: 270px !important;}
.hgt365{height: 518px !important;}
.extrs-itm-info{height: 392px !important;}
.hgt260{height: 373px !important;}
#calculator-size{max-width: 40% !important; flex: 0 0 40% !important;}
#reason-size{max-width: 60% !important; flex: 0 0 60% !important;}
.hgt362{height: 180px;}
.refund-list-hght{height: 455px !important;}
.floors-icons ul li{margin:6px 39px 6px 0 !important;}
.floors-icons ul li:last-child{margin:6px 0px 6px 0 !important;}
.sidebar{padding-top:60px !important;}
.home-screen-welcm{height:554px;}
.cstmr-scrn505{height: 505px !important;}
.demo-chart{height:200px;}
.receive-invtry-h{height: 454px;}
}

@media (min-width:1400px) and (max-width: 1439px){
  main{margin-left: 130px !important; margin-top: 49px !important; margin-right: 20px !important;}
  .dashboard-list-with-thumbs .col-xl-3 {flex: 0 0 18%; max-width: 18%; margin-left: 7px; margin-right: 7px;}
  .hgt260{height: 656px !important;}
  .hgt290{height: 566px!important;}
  .ltr-spcng{padding:.375rem .75rem !important;}
  .sales-list-height700{height: 710px !important;}
  .hold-list-height700{height: 730px !important;}
  /*.custom-tabs .tab-content{height: 712px !important;}*/
  .main-lft-item{height: 562px !important;}
  #calculator-size{max-width: 40% !important; flex: 0 0 40% !important;}
  #reason-size{max-width: 60% !important; flex: 0 0 60% !important;}
  .extrs-itm-info{height: 675px !important;}
  .hgt365{height: 797px !important;}
  .hgt362{height: 464px;}
  .refund-list-hght{height: 768px !important;}
  .floors-icons ul li{margin:6px 42px 6px 0 !important;}
  .floors-icons ul li:last-child{margin:6px 0px 6px 0 !important;}
  .sidebar{padding-top:60px !important;}
  .home-screen-welcm{height:836px;}
  .prodct-mrgn-top{margin-top: 8rem !important;}
  .cstmr-scrn505{height: 785px !important;}
  .demo-chart{height:300px !important;}
  .receive-invtry-h{height: 730px;}
}

@media (min-width:1440px) and (max-width: 1599px){
  main{margin-left: 140px !important; margin-top: 49px !important; margin-right: 20px !important;}
  .dashboard-list-with-thumbs .col-xl-3 {flex: 0 0 18%; max-width: 18%; margin-left: 7px; margin-right: 7px;}
  .hgt260{height: 505px !important;}
  .hgt290{height: 435px!important;}
  .ltr-spcng{padding:.375rem .75rem !important;}
  .sales-list-height700{height: 558px !important;}
  .hold-list-height700{height: 655px !important;}
  /*.custom-tabs .tab-content{height: 580px !important;}*/
  .hgt365{height: 647px !important;}
  .main-lft-item{height: 412px !important;}
  .extrs-itm-info{height: 530px !important}
  #calculator-size{max-width: 40% !important; flex: 0 0 40% !important;}
  #reason-size{max-width: 60% !important; flex: 0 0 60% !important;}
  .hgt362{height: 318px;}
  .refund-list-hght{height: 768px !important;}
  .home-screen-welcm {height:635px;}
  .floors-icons ul li{margin:6px 44px 6px 0 !important;}
  .floors-icons ul li:last-child{margin:6px 0px 6px 0 !important;}
  .sidebar{padding-top:60px !important;}
  .home-screen-welcm{height:686px;}
  .prodct-mrgn-top{margin-top: 8rem !important;}
  .cstmr-scrn505{height: 637px !important;}
  .demo-chart{height:240px !important;}
  .m-l38{margin-left:43px;}
  .receive-invtry-h{height: 586px;}
}

@media (min-width:1600px) and (max-width: 1679px){
  main{margin-left: 140px !important; margin-top: 49px !important; margin-right: 20px !important;}
  .dashboard-list-with-thumbs .col-xl-3 {flex: 0 0 18%; max-width: 18%; margin-left: 8px; margin-right: 8px;}
  .hgt260{height: 505px !important;}
  .hgt290{height: 430px!important;}
  .ltr-spcng{padding:.375rem .75rem !important;}
  .sales-list-height700{height: 504px !important;}
  .hold-list-height700{height: 657px !important;}
  .hgt362 {height: 362px !important;}
  /*.custom-tabs .tab-content{height: 576px !important;}*/
  .main-lft-item{height: 412px !important;}
  .hgt365{height: 647px !important;}
  .extrs-itm-info{height: 525px !important;}
  .hgt362{height: 312px !important;}
  .refund-list-hght{height: 590px !important;}
  .home-screen-welcm {height:635px;}
  .floors-icons ul li{margin:6px 53px 6px 0 !important;}
  .floors-icons ul li:last-child{margin:6px 0px 6px 0 !important;}
  .sidebar{padding-top:60px !important;}
  .home-screen-welcm{height:686px;}
  .prodct-mrgn-top{margin-top: 6rem !important;}
  .demo-chart{height:240px !important;}
  .m-l38{margin-left:50px;}
  .cstmr-scrn505{height: 637px !important;}
  .receive-invtry-h{height: 586px;}
}

@media (min-width:1680px) and (max-width: 1799px){
  main{margin-left: 140px !important; margin-top: 49px !important; margin-right: 20px !important;}
  .dashboard-list-with-thumbs .col-xl-3 {flex: 0 0 18%; max-width: 18%; margin-left: 9px; margin-right: 9px;}
  .hgt260{height: 656px !important;}
  .hgt290{height: 565px!important;}
  .ltr-spcng{padding:.375rem .75rem !important;}
  .sales-list-height700{height: 654px !important;}
  .hold-list-height700{height: 806px !important;}
  /*.custom-tabs .tab-content{height: 710px !important;}*/
  .main-lft-item{height: 563px !important;}
  .extrs-itm-info{height: 717px !important;}
  .hgt365{height: 798px !important;}
  .hgt362{height: 463px;}
  .refund-list-hght{height: 740px !important;}
  .home-screen-welcm {height: 836px;}
  .floors-icons ul li{margin:6px 58px 6px 0 !important;}
  .floors-icons ul li:last-child{margin:6px 0px 6px 0 !important;}
  .home-hgt837{height:837px; max-height:100%;}
  .sidebar{padding-top:60px !important;}
  .home-screen-welcm{height:836px;}
  .prodct-mrgn-top{margin-top: 6rem !important;}
  .demo-chart{height:310px !important;}
  .m-l38{margin-left:58px;}
  .cstmr-scrn505{height: 796px !important;}
  .receive-invtry-h{height: 744px;}
  .pdng-top70{padding-top: 90px;}
  .home-top-pdng60{padding-top: 60px;}
}

@media (min-width:1800px) and (max-width: 1919px){
  .dashboard-list-with-thumbs .col-xl-3 {flex: 0 0 17%; max-width: 17%; margin-left: 12px; margin-right: 11px;}
  .hgt260{height: 690px !important;}
  .hgt290{height: 595px!important;}
  .ltr-spcng{padding:.375rem .75rem !important;}
  .refund-list-hght{height: 768px !important;}
  .demo-chart{height:310px !important;}
  .sidebar{padding-top:60px !important;}
  .pdng-top70{padding-top: 70px;}
  .home-top-pdng60{padding-top: 60px;}
}

@media (min-width:1920px) and (max-width: 2560px){
  main{margin-left: 140px !important; margin-top: 49px !important; margin-right: 20px !important;}
  .dashboard-list-with-thumbs .col-xl-3 {flex: 0 0 18%; max-width: 18%; margin-left: 10px; margin-right: 10px;}
  .hgt260{height: 686px !important;}
  .hgt290{height: 595px!important;}
  /*.custom-tabs .tab-content{height: 740px !important;}*/
  .main-lft-item{height: 582px !important;}
  .extrs-itm-info{height: 696px !important;}
  .hold-list-height700{height:840px !important;}
  .hgt365{height: 830px !important;}
  .hgt362{height: 492px;}
  .sales-list-height700{height: 740px;}
  .refund-list-hght{height: 768px !important;}
  /*.ltr-spcng{padding:.375rem .75rem !important;}*/
  .demo-chart{height:310px !important;}
  .cstmr-scrn505{height: 786px !important;}
  .receive-invtry-h{height: 744px;}
  .sidebar{padding-top:60px !important;}
  .pdng-top70{padding-top: 140px;}
  .home-top-pdng60{padding-top: 60px;}
  .home-screen-welcm{height:865px;}
}

/* End media Screens Queries*/
.img-fluid{
  min-height: 76px;
}
.modifire_block
{
  border-right: 1px solid #d7d7d7;
}

/*imported style css*/
/*custom tabs*/
/*.custom-tabs ul li a{
  border-bottom: none!important;
}*/

.custom-tabs .card {
  border: none;
  background: none; }

.custom-tabs .nav-tabs {
  border: 0;
  width: 100%;
  margin: 0 0 20px 0; }
.custom-tabs .nav-tabs li a {
  /*border-bottom: 2px solid #efefef;*/
  color: #464646;
  padding: 10px 15px;
  font-size: 18px; }
.custom-tabs .nav-tabs li a:hover {
  /*border-bottom: 2px solid #4285F4;*/
  text-decoration: none;
  color: #4285F4 !important; }
.custom-tabs .nav-tabs li a.active {
  border-bottom: 2px solid #4285F4;
  color: #4285F4 !important; }
.custom-tabs .nav-tabs li.active a {
  /*border-bottom: 2px solid #4285F4;*/ }

.custom-tabs .tab-content {
  padding: 0;
  float: left;
  width: 100%;
  margin: 10px 0 30px 0;
  height: 418px; }

.custom-tabs .tab-pane {padding: 15px 0; }
.displayBox[_ngcontent-c0] {border-radius: 12px 12px 0 0;}
.clcltr-brdr-rdus{border-radius:12px !important;}
.pdng-r50{padding-right: 50px !important;}
/*.modal .modal-content { border-radius: 12px;}*/
.black-txt{
  color: #000;
}

.chicken-tikka-img{
    width: 20%;
    max-width: 12% !important;
    height: 84px !important;
}
.burger-img{
  width: 100%;
  max-width: 14% !important;
  height: auto !important;
  max-height: 72px;
}
/*----------ng-step-----------*/

.ui-steps .ui-steps-item {
  width: 33%;
}

.ui-steps.steps-custom {
  /*margin-bottom: 30px;*/
}

.ui-steps.steps-custom .ui-steps-item .ui-menuitem-link {
  height: 10px;
  padding: 0 1em;
}

.ui-steps.steps-custom .ui-steps-item .ui-steps-number {
  background-color: #eeeeee;
  color: #FFFFFF;
  display: inline-block;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  margin-top: -8px;
  margin-bottom: -8px;
  float: left;
  line-height: 54px;
  font-size: 22px;
}

.ui-steps.steps-custom .ui-steps-item .ui-steps-title {
  color: #555555;
}
.ui-steps.steps-custom .ui-steps-item .ui-steps-title {
  color: #555555;
  float: left;
  padding-top: 10px;
  padding-left: 46px;
  font-weight: bold;
}
.ui-steps-title:after {
  content: "";
  background: #e5eaee;
  width: 24px;
  height: 3px;
  top: 16px;
  position: absolute;
  left: 80px;
}
.ui-steps-current a span:first-child{
  background-color: #0081c2 !important;

}
.not-found-txt{padding: 17% 0 0 0 ;}
.not-found-txt p{text-align:center; vertical-align:middle; color:#e5e5e5; font-size:30px;}
.cstm-btn button{background:#fff !important; color:#000 !important; font-size:0.8rem !important; text-transform:uppercase; font-weight: 600; padding: 4px 6px !important;  max-width: 150px; border-radius: 6px !important;}
.cstm-btn button:hover, .cstm-btn button.active{border-color: #008aec !important; background: #c2d5f257 !important;}
.wifi-icon i{font-size: 24px; color: #26bd56; font-weight: bold;}
.wifi-icon-offline i{color: #dad6d6; font-size: 24px; font-weight: bold;}
/*.cstm-btn img{width: 32%;}*/

/* side bar */
.nav-link.active, .nav-link:hover {color:#61605f !important; background-color:#fff !important; border-left: 1px solid #e2e2e2; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2;border-top-left-radius: 6px !important;  border-bottom-left-radius: 6px !important; border-right: 0px !important; cursor: pointer;}
.nav-link{color: #00aeef; border-right:1px solid #e2e2e2; border-radius: 0px !important; border-top: 1px solid #fff; border-bottom: 1px solid #fff; font-size: 16px;}
.close-btn-pdng{padding:4px 14px !important;}
.edit-btn-pdng{padding:4px 10px !important;}
.tble-nme h2{font-size: 18px; color: #777781;}
.brdr-radus6{border-radius: 6px !important;}
.floor-txt h1{font-size: 18px; font-weight: 400;}
.floor-txt-icon i{font-size: 18px;}
/*.pos-ordr a{border-bottom-left-radius: 0px !important; border-bottom: 1px solid #ececec !important;}*/
.pos-ordr a:hover, .pos-ordr a.active{border: 1px solid #ececec !important; border-bottom: none !important; border-top-right-radius: 6px !important; border-bottom-left-radius: 0px !important; /*font-weight: bold;*/}
.pos-ordr a{border: 1px solid #fff !important; border-bottom-color: #ececec !important;}
.pos-ordr a .span{background: #1a3968 !important; border-radius: 50%; color: #fff; font-size: 10px;}
.pos-ordr a .span2, .span2{background: #fb9d29 !important; border-radius: 50%; color: #fff; font-size: 10px; width:28px; height: 28px; line-height: 28px; margin: 0 auto;}
.pos-ordr a .span3, .span3{background: #519353 !important; border-radius: 50%; color: #fff; font-size: 10px; width:28px; height: 28px; line-height: 28px; margin: 0 auto;}
.pos-ordr a .span4, .span4{background: #ececec !important; border-radius: 50%; color: #000; font-size: 10px; width:28px; height: 28px; line-height: 28px; margin: 0 auto;}
.pdng-pos-span{padding: 7px 11px;}
.ordrs-top-btm{position:absolute; right:9px; top:14px;}
.ordrs-top-btm span{background: #2a93d5; padding: 6px 10px; color: #fff; font-size: 20px; margin-left: 6px; cursor: pointer;}
.ordr-nmbr-txt{}
.ordr-nmbr-txt ul{list-style: none; padding-left: 0px !important; margin-bottom: 6px;}
.ordr-nmbr-txt li{display: inline-block; font-size: 11px; color: #6e6e6e; margin-right: 8px;}
.ordr-nmbr-arrow i{color:#17a2b8; font-weight:bold; font-size:20px;}
.drk-pnk-clr{color: #b91753;}
.ordr-type{font-size:18px !important; padding:2px 8px !important;}
.btn-pdng-lr40{padding-right: 40px !important; padding-left: 40px !important;}
.dining-top-menu{}
.dining-top-menu ul{list-style: none;}
.dining-top-menu li{display: inline-block; margin: 0 4px 0 4px;}
.dining-top-menu li a{font-size: 13px; color: #00aeef; font-weight: normal; text-transform: uppercase; padding: 4px 6px;}
.dining-top-menu li a:hover, .dining-top-menu li a.active{color: #fff; background: #1a3968; border-radius: 0px;}
.txt-l-grey{color:#a2a2a2 !important;}
.running-tabs-txt ul li a{text-transform: capitalize !important;}
.brdr-r1{border-right: 1px solid #6c757d;}
.brdr-l2{border-left: 2px solid #28a745;}
.brdr-blue1{border: 1px solid #145388;}
.select-tble-arrow{margin-top:38px; margin-left:12px;}
.floor-box{border-radius: 6px;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#59bd5a+0,4da34c+100 */
  background: #59bd5a; /* Old browsers */
  cursor: pointer;
  background: -moz-linear-gradient(top,  #59bd5a 0%, #4da34c 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #59bd5a 0%,#4da34c 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #59bd5a 0%,#4da34c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59bd5a', endColorstr='#4da34c',GradientType=1 ); /* IE6-9 */
  font-weight: bold; color: #fff; height: 100px;}
.floor-box03, .floor-box:hover{border-radius: 6px; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#59bd5a+0,4da34c+100 */
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e5e5e5+0,fbfbfb+100 */
  background: #e5e5e5; /* Old browsers */
  cursor: pointer;
  background: -moz-linear-gradient(top,  #fbfbfb 0%, #adcefd 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #fbfbfb 0%,#adcefd 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #fbfbfb 0%,#adcefd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#fbfbfb',GradientType=1 ); /* IE6-9 */
  font-weight: bold; color: #000; height: 100px;}
.width49 p {font-size: 9px;}
.floor-box02, .floor-box:hover{border-radius: 6px; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#59bd5a+0,4da34c+100 */
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e5e5e5+0,fbfbfb+100 */
  background: #e5e5e5; /* Old browsers */
  cursor: pointer;
  background: -moz-linear-gradient(top,  #fbfbfb 0%, #e5e5e5 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #fbfbfb 0%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #fbfbfb 0%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#fbfbfb',GradientType=1 ); /* IE6-9 */
  font-weight: bold; color: #000; height: 100px;}
.floor-box.active{border-radius: 6px; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#59bd5a+0,4da34c+100 */
  background: #145388; /* Old browsers */
  cursor: pointer;
  background: -moz-linear-gradient(top,  #377fbc 0%, #146388 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #377fbc 0%,#146388 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #377fbc 0%,#146388 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59bd5a', endColorstr='#4da34c',GradientType=1 ); /* IE6-9 */
  font-weight: bold; color: #fff; height: 100px;}
.pt-32{padding-top: 32px;}
.floor-txt-hdng-box{position:relative; /*width:80px;*/ margin-left:10px; float:right;}
.floor-txt-hdng-box-icon{float: left; padding: 3px 10px 1px; cursor: pointer;}
.select2-selection__rendered{font-size: 20px;}
.select2-selection{padding-left: 0px !important; padding-top: 0px !important;}
.fnt-size18{font-size: 14px !important;}
.label-bg-style{padding: 4px 16px; font-weight: normal; color: #fff;}
.bg-light-blue{background: #17a2b8; border-radius: 3px;}
.bg-light-yellow{background: #ffc107; border-radius: 3px;}
.bg-light-green{background: #28a745; border-radius: 3px;}
.floors-icons{}
.floors-icons ul{list-style: none; padding-left: 0px; margin-bottom: 0px;}
.floors-icons ul li{display: inline-block; margin: 6px 13px 6px 0;}
.floors-icons ul li:last-child{margin-bottom: 0px; margin-right: 0px;}
.floors-icons ul li span a i{font-weight: bold; font-size: 16px; color: #2a93d5;}
.width49{width: 49%; float: left;}
.split-box{border: 1px solid #d0cfcf; border-radius: 6px; padding: 3px; float: left; width: 100%;}
.icons-div{width: 100%; float: left; padding: 0;}
.list-group a:hover, .list-group a.active{background: #1a3968; color: #fff !important; cursor: pointer}
.sell-customer-selection{width: 80%; float: left; margin-top: 8px;}
.add-cstm-location{width: 10%; float: left;}
.offline-mode-cstm{cursor:no-drop; opacity: 0.4; pointer-events: none;}
.offline-mode-cstm > a{cursor:no-drop; opacity: 0.4;}
.offline-txt { opacity:1 !important; color: #dbdbdb; font-weight: bold; font-size: larger;}
.wifi-icon-offline i{color: #dad6d6; font-size: 18px; font-weight: bold;}

/*.sidebar .offline-cstm ul li a:hover, .sidebar .offline-cstm ul li a:focus, .sidebar .offline-cstm ul li a.active {background:none !important; cursor: no-drop;}*/
/*.sidebar .offline-cstm ul li.active:after {content: " "; background:none !important; color: #145388 !important;}*/
.cstm-btn-bck{background: #fff !important; border: 1px solid #d3d3d3; color: #000; padding: 4px 20px !important;}
.pdng-lr-btn{padding: 6px 10px;}
.pdng-btn-bck{padding: 4px 20px !important;}
.btn-pdng-tl{padding: 6px 40px !important;}
.company-logo{width: 128px; height: 128px; background: #00a7e2; margin: 0 auto; border-radius: 50%;}
tag{background: #00bbf1 !important; color: #fff;}
.tag__text{margin-top:-2px !important; margin-left:4px !important; color: #fff !important;}
delete-icon{margin-top:-9px !important;}
delete-icon svg{/*width: 12px; color: #fff !important; margin-top:7px !important;*/ height: 23px !important;}
delete-icon path{fill: #fff !important;}
ul.item2{position: relative; max-height: 190px !important;}
.active-blue{color: #0088eb !important;}
.unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.del-icon{cursor: pointer; color: red;}
.pointer{cursor: pointer; color: dodgerblue;}
.item_image:hover{ background: #fff !important;}
.mt-6{margin-top:4rem !important;}
