/* @import url('https://fonts.googleapis.com/css2?family=Rubik&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap');

:root {
    --theme:#363E55;
    --green:#37af4a !important;
    --blue:#37af4a !important;
    --themeblue:#16388f;
    --menu:#212330;
    --menuactive:#323A34;
    --red:#c94b42;
    --bred:#b74b56;
    --borange:#ce9f4e;
    --overbluengselect:#e6edff;

    --clr-gray1: #CCCCCC;
    --clr-gray2: #B2B2B2;
    --clr-gray3: #cacaca8a;

    --clr-light1: #FFFFFF;
    --clr-light2: #F8F8F8;
    --clr-light3: #F2F2F2;
    --clr-light4: #EDEDED;
    --clr-light5: #ffffff26;
    --clr-dark1: #373737;
    --clr-dark2: #646464;
    --clr-dark3: #979797;
    --clr-dark4: #CACACA;
    --clr-green1: #5EA61F;
    --clr-green2: #467B17;
    --clr-green3: #83DA38;
    --clr-orange1: #FFAA15;
    --clr-orange2: #ECBB02;
    --clr-orange3: #FFD123;
    --clr-orange4: #fffbee;
    --logogray:#2e3630;
    --dred:#ac362e;
    --activegreen:#37af4a;
    --dgreen:#37af4a;
    --textgray:rgb(5, 5, 5);
    --label:#334453;
    --body:#687989;
    --hovergray:#e8eef2;
    --tblbor:#cad3d6;
    --tblheaderclr:#000;
    --hoverclr:#e8eef2;
    --backgray:#f6f7f9;
    --tblheadbackclr:#eaedf8;
    --gg:#ecf0f1;
    --blackhead:#555860;
    --darkgreen:#0e5bb4;
    --menutxt:#ced0e2;
    --ltred:#FFCDC7;
    --ltyellow:#ffecc7;
    --ltgreen:#dcffe1;
    --ltblue:#baecff;
    --sumaryblk:#323A34;
    --grn:#5fb085;
    --category-bk:#424D6D;
    --greentt:#424D6D;
    --font0: 0;
    --font7: 0.438rem;
    --font8: 0.5rem;
    --font9: 0.563rem;
    --font10: 0.625rem;
    --font11: 0.688rem;
    --font12: 0.75rem;
    --font13: 0.813rem;
    --font14: 0.875rem;
    --font15: 0.938rem;
    --font16: 1rem;
    --font17: 1.063rem;
    --font18: 1.125rem;
    --font19: 1.188rem;
    --font20: 1.25rem;
    --btn-green:rgb(112, 176, 70);
    /* --fonttheme:'Rubik', sans-serif; */
    /* --fonttheme:'Roboto', sans-serif; */
    --fonttheme:'Montserrat', sans-serif;
    --bluegray:#EDF1F5;
    --pink:#B650AC  !important;
    --dpink:#911284  !important;
    --organge:#E1771D  !important;
    --goutline:#4B9C6F  !important;
    --shadow: RGBA(36,67,120,0.2);
    --clrgreen:#42a35d;
    }

/* @font-face {
    font-family: 'proxima_novaregular';
    src: url('../assets/fonts/ProximaNovaRegular.eot') format('eot'),
         url('../assets/fonts/ProximaNovaRegular.woff') format('woff'),
         url('../assets/fonts/ProximaNovaRegular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;


} */
body
{
    font-family: var(--fonttheme);
    font-family: 'Montserrat', sans-serif;
    overflow: hidden;  
    user-select: text;
    color: var(--clr-dark2);
    -moz-user-select: text;
    /* box-sizing:border-box; -webkit-appearance: textfield;  */
   /* font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; */
}

.bis-header
{
    height: 57px;
    border-bottom: var(--clr-light5) solid 1px;
    width: 100%;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 0%), 0 2px 10px 0 rgb(0 0 0 / 8%);
}

.justfy-between
{
justify-content: space-between;
display: flex;
}
.justfy-betweenright
{
justify-content:right;
display: flex;
}
.icon-itms li
{
    display: inline-flex;
    /* border-right:RGBA(255,255,255,0.3) solid 1px; */
    width: auto;
    align-self: center;
    justify-content: center;
    cursor: pointer;
}

.green
{
    background-color: var(--green) !important;
}
.white
{
    background-color: var(--white);
}
.black
{
    background-color: var(--menuactive);
}


.dinetype li:focus
{
    outline: 0px;
    border: 0px;
}
.dinetype .green, .dinetype .black
{
    background-color: transparent !important;
}
.ordertype li
{
    color: #212330;
}

ul
{
    padding: 0px !important;
    margin: 0px !important;
}
.dinetype
{

height: auto;
font-size: 16px;
text-transform: uppercase;
align-items: center;
color: white;

}
.inti {
    font-size: 12px;
    white-space: nowrap;
}
.bis-body
{
    background-color: var(--clr-light2);
    padding: 10px;
    height:calc(100vh - 105px);

    overflow-y: scroll;
}

.reportbg
{
    background-color: var(--backgray);
    padding: 5px 5px;
}


.tblreportbg {
    background-color: var(--backgray);
    padding: 0px;
overflow-y:scroll ;
height: calc(100vh - 300px);

}
.bis-body-report
{
    background-color: var(--clr-light2);
    padding: 10px;
    /* height:calc(100vh - 220px); */
    height:calc(100vh - 115px);
    overflow-y: hidden;
}
.bis-tablepadpad-main
 {
    display: flex;
    flex-wrap: wrap;
    margin: auto;
    text-align: left;
    justify-content: left;
    padding-bottom: 10px;
 }
 .bis-tablepad
 {
    background-color: #fff;
    text-align: center;
    padding:5px 5px;
    display: flex;
    color: black;
    font-size: 30px;
    box-shadow: var(--shadow) 1px 2px 3px;
    text-align: center;
    vertical-align: middle;
    align-items: center;
    align-self: center;
    justify-content: center;
    transition: 0.2s ease-in-out;
    border-radius: 8px;
    zoom: 1.4;
    border: #ccc solid 1px;
}
.bis-tablepadpad-main .ltblue
{
    background-color: #baecff;
}
.bis-tablepadpad-main .ltyellow
{
    background-color: #ffecc7;
}
.bis-tablepadpad-main .ltgreen
{
    background-color: #dcffe1;
}
.f13
{
   font-size: var(--font13);
    line-height: 13px;
}
.f14
{
    font-size: var(--font14);
    line-height: 16px;
}
.f15
{
    font-size: var(--font15);
    line-height: 15px;
}
.f18
{
    font-size: 16px;
    line-height: 18px;
}
.f20
{
    font-size: 16px;
    line-height: 20px;
    padding-top: 0px;
}

.b
{
    font-weight: 600;
}


.tb-title
{
    font-size:14px;
    font-weight: 600;
    color: rgb(61, 74, 90);
    padding-bottom: 5px;


}
.titile
{
    font-size: var(--font14);
    font-weight: 500;
    color: #000;
    /* padding-bottom: 15px; */
    align-items: center;
    justify-content: center;
    align-self: center;
    padding-left: 15px;

}

.bis-header .logo:focus
{
    border: 0px;
    outline: 0px;
}

.ripple {
    background-position: center;
    transition:  0.8s;
  }
  .ripple:hover {
    /* background: var(--green) radial-gradient(circle, transparent 1%,var(--green) 1%) center/15000%; */
  }
  .ripple:active {
    /* background-color: #6eb9f7; */
    background-size: 100%;
    transition:  0s;
  }
  
  .pilssection
  {
    height: 50px;
    justify-content: left;
    align-content: center;
    display: flex;
    align-items: center;

  }
  .pilssection li
  {
   font-size: var(--font13);
    display: flex;
    color: #000;
    padding-right: 25px;
    line-height:14px
  }
  .footerse
  {
    align-items: center;
    justify-content: center;
    width: 100%;
    padding-left: 15px;
    overflow-x: scroll;
  }

  .rounded-pill
  {
    border-radius: 10px;
    color: white;
    display: inline-table;
    margin-left: 5px;
  }


  /* ------------- */

 

  .mainbillsection
  {
      width: 100%;
      height:calc (100vh - 70px);
  }
  .billsec 
  {
      /* width: 35%; */
      width: 470px;
     
  }
  .billsec-footer
  {
    bottom: 0px;z-index: 999; position: absolute;
    width: 470px; 
  }
  .billsec-head
  {
      background-color: var(--blackhead);
      height: 50px;
      align-items: center;
      color: #fff;
  }
  
  .itmsec 
  {
      width: auto;
      flex: 1;
  }
  .itmsec-head
  {
      background-color: var(--blackhead);
    /* height: 50px;  --fix same height to all header -- */
      align-items: center;
      color: #fff;
      display:flex;
      justify-content: space-between;
  }
  .itmsec-head-master
  {
      background-color:#fff;
      z-index: 8;
      align-items: center;
border-bottom: var(--clr-dark4) solid 1px;
      display:flex;
      justify-content: space-between;
  }


  
  .kdumenu
  {
      background-color: var(--blackhead);
      height: 50px; /* --fix same height to all header -- */
      align-items: center;
      color: #fff;
      display:flex;

  }
  .kdumenu .tab li
  {
    font-size: var(--font14);
    color: #fff;
    padding: 5px 25px;
    text-align: center;
    display: inline-flex;
    align-items: center;
    text-transform: uppercase;
    font-weight: 600;
    border-right: rgb(113, 114, 116) solid 1px;
    height: 50px;
    cursor: pointer;
  }
  .kdumenu .tab li .active, .kdumenu .tab li:hover
{
    background-color:var(--menuactive) ;
}


  .billsec-iconsec
  {
      height: 60px;

  }
  .billsec-listhead
  {
      background-color: var(--bluegray);
      font-size: var(--font14);
      font-weight: 600;
      height: 35px;
  }
  .wid50
  {
      width: 50%;
      height: auto;
  }
  .billsec .ordertype li
  {
      width: 33.33%;
      text-align: center;
      border-right: var(--blackhead) solid 1px;
      align-items: center;
      justify-content: center;
      height: 50px;
    
      font-weight: 500;
  }
  .billsec .ordertype li:focus
  {
      border: 0px;
      outline: 0px;
  }

  .bino 
  {
      background-color: var(--ltred);
      padding:5px 10px;
      text-align: center;
      align-items: center;
      color: #000;
      justify-content: center;
  }
  
  .billsec-table table
  {
      width: 100%;
      height: auto;

  }
  .counter
  {
      width: 120px;
      height: auto;
      display: flex;
  }
  .counterbox
  {
    width: 40px;
    font-size: 25px;
    background-color: #fff;
    box-shadow: var(--shadow) 0px 0px 2px;
    border-radius: 3px;
    height: 40px;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
    display: flex;
    margin: 5px;
    padding: 15px;
  }
 .counterbox-input
 {
    width: 40px;
    font-size: var(--font15);
    background-color: #fff;
    box-shadow: var(--shadow) 0px 0px 2px;
    border-radius: 3px;
    height: 40px;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
    display: flex;
    margin: 5px;
    padding: 10px;
    text-align: center;
    border: 0px;
 }
 .counterbox-input:focus
 {
     outline: 0px;
     border: 0px;
 }
 .counterbox-input input{
     border: 0px;
 }
 .p-5
 {
     padding: 5px;
 }
 .pb-5
 {
    padding-bottom: 5px;
}
.table-item-height

{
    height: 60px;
    display: flex;
    align-items: center;
    cursor: pointer;

}

.example:before {
    display: table;
    content: "";
}
.table-responsivefixedheader thead {
    border-bottom: var(--gg) solid 1px;
    padding: 5px 0px;
    color: #000;
}
.billsec .fill {
    left: 0;
    right: 0;
    position: relative;
}
.bill-button
{
    background-color: #EBEFF4;
    display: flex;
}
.bill-buttonlist
{
    width: 100%;
    display: flex;
    align-items: center;
}
.bill-buttonlist li
{
    display: inline;
    justify-content: space-around;
    padding: 10px 15px;
    align-items: center;
    font-size: var(--font15);
    font-weight: 600;
    cursor: pointer;
    display: grid;
    width: 20%;
    height: 50px;
    text-align: center;
    border-right: 1px solid #fff;
}
.bill-buttonlist li:hover
{
color:#fff;
}

.bill-summary
{
    background-color: var(--sumaryblk);
    padding: 10px;
    display: flex;
    height: 50px;
    align-items: center;
    justify-content: space-between;
}
.g-btn
{
    background-color: var(--green);
    padding: 10px 15px;
    border-radius: 5px;
    text-align: center;
    display: inline;
    color: #fff;
}
.billsec-table tr{
    border-bottom: rgb(238, 238, 238) solid 1px;
}
.t-w 
{
    color: #fff;
}
.t-r
{
    color: var(--red);
}
.t-g
{
    color: var(--green);
}
/* ------------------ */
.settle
{
    height: 50px;
    /* line-height: 2rem; */
    width: 220px;
    text-align: center;
    align-self: center;
    align-items: center;
    display: grid;
}

.category-l {
    height: calc(100vh - 160px);
width: 220px;
    
    overflow-y: scroll;

    background-color: var(--category-bk);
}
.category-list li
{
    height: 60px;
    display: flex;
    align-items: center;
    text-align: left;
    color: white;
    height: 50px;
   font-size: var(--font15);
   padding-left: 15px;
   transition: 0.2s ease-in-out;
   border-bottom: #636468 solid 1px;
   cursor: pointer;
}
.category-list li:hover, .category-list li:focus{

    background: RGBA(23,24,25,0.8) radial-gradient(circle, transparent 1%, RGBA(23,24,25,0.8) 1%) center/15000%;
}
.category-list li:active
{
    background-color: var(--green);
}
.category-l::-webkit-scrollbar
{
    width: 2px;
}



.category-tablepadpad-main
 {
    height: calc(100vh - 110px);
    flex-wrap: wrap;
    margin: 0 auto;
    display: flex;
    text-align: left;
    justify-content: left;
    width: 100%;
    align-self: top;
    align-content: flex-start;
    overflow-y: scroll;
    padding: 10px 15px;
    background-color: var(--backgray);
 }
 
.categorydet-main
{
    width: 100%;
    height: 100%;
    justify-content: space-between;
    overflow: hidden;
    display: flex;
}
.price
{
    background-color: RGBA(23,39,55,0.8);
    font-size: 12px;
    color: #fff;
    padding: 2px 10px;
    position: absolute;
    right: 0px;
    bottom: 0px;
    display: inline;
    zoom: 1.2;
    width: 50px;

}
.itemname
{
    width: 90%;
    height: 40px;
    /* display: flex; */
    text-overflow: ellipsis;
    /* overflow: hidden; */
    text-align: center;
    margin: auto;
    align-items: center;
    align-self: center;
    justify-content: center;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.couser, .curser
{
    cursor: pointer;
}
.itemsec-search input
{
    background-color: transparent;
 
    border-radius: 9px;
    padding: 5px 10px;
    width: 100%;
    height: 50px;
    margin: 0px;
    color: rgb(240, 240, 240);
    border: 0px;
    width: 100%;
    font-size: var(--font15);
}
.itemsec-searchcode input
{   background-color: #F7F9FC;
    border-radius: 3px;
    padding: 5px 10px;
    width: 100%;
    height: 45px;
    color: #000;
    font-size: 18px;
    margin: 0px;
    border: 0px;
}
.itemsec-searchcode input:focus, .itemsec-searchcode input:active, .itemsec-searchcode input:hover, .itemsec-search input:focus, .itemsec-search input:active
{ border:0px; outline: 0px;}

.searchimg
{
    height: 20px; align-items: center; align-self: center; padding-left: 10px; opacity: 1;
}
/* ------------------- */

.billsec-iconsec
{
    height: 60px;
}
.kdumenusub li{
    padding: 10px 15px;
   font-size: var(--font13);
    text-transform: uppercase;
    display: inline-flex;
    height: 50px;
    font-weight: 600;
    align-items: center;
}
.kdumenusub li:hover{
    background-color: var(--backgray);
    color: #000;
    cursor: pointer;
    font-weight: 600;
}
.bill-triag
{
    background-image: url(assets/images/bill.png);
    background-repeat: no-repeat;
    height: 3px;
}
.man-crd
{

}
.wid50
{
    width: 50%;
}
.kdusearch
{
    margin-right: 15px;
}
.kdusearch input
{   background-color: #F7F9FC;
    border-radius: 3px;
    padding: 5px 10px;
    width: 100%;
    height: 45px;
    color: #000;
    font-size: var(--font20);
    margin: 0px;
    border: 0px;
 
}
.kdusearch input:focus
{
    border: 0px;
    outline: 0px;
}
.card-green
{
    border-top: 10px solid var(--green);
    background-color: #fff;
    width: 360px;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    box-shadow: var(--shadow) 0px 0px 10px;
}
.card-red
{
    border-top: 10px solid var(--red);
    background-color: #fff;
    width: 360px;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    box-shadow: var(--shadow) 0px 0px 10px;
}
.p15
{
    padding: 15px;
}
.man-crd .wid60 .pill
{
    background-color: var(--menuactive);
    border-radius: 15px;
    color: white;
    padding: 8px 10px;
    height: 25px;
}
.wid60
{
width: 60%;
} 
.wid40
{
    width: 40%;
} 

.bill-triag
{
    background-image: url(images/triangle.png);
    background-repeat: repeat-x;height: 5px;
    margin: 0px 0px;
    background-position: top;
}
.backgradient
{
    background: linear-gradient(#fff, var(--backgray));
    padding:15px;
}
.bill-item-list
{
    padding:15px;
}
.bill-watermark
{
    background-image:url(images/watermark.png);
    background-repeat: no-repeat;
    align-items: center;
    display: block;
    height: auto;
    background-position: center;
    width: 100%;
}
.bill-item-listli li{
    padding: 5px 0px;
}
.billtotalamt
{
    font-size: 22px;
    font-weight: 600;
    padding: 10px 15px;
    text-align: center;
}

.card-green .statusbtn
{
    background-color: var(--green);
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    padding: 10px;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
    cursor: pointer;
}
.card-green .statusbtn:active{
    background-color: var(--dgreen);
}
.card-red .statusbtn:active{
    background-color: var(--dred);
}

.card-red .statusbtn
{
    background-color: var(--red);
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    padding: 10px;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
    cursor: pointer;
}
.wid40 div, .wid60 div{
    line-height: 30px;
}
.report-body
{
    background-color: #fff;
    border-radius: 5px;
}
.report-head
{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 10px 15px;
    font-weight: 600;
    border: #f0f0f0 solid 1px;
    color: var(--menu);
    font-size: var(--font14);
    background: linear-gradient(
        360deg
        , #F5F7FB, #ffffff);
}
.report-section
{
padding: 0px;
height: calc(100vh - 120px);
overflow-y: scroll;
flex-wrap: wrap;
}
.report-section .card
{
  border-radius: 3px;
  border: #e5e6e7 solid 1px;
  border-bottom: 5px solid var(--green);
  display: flex;
  position: relative;
  padding: 10px;
  margin: 10px;
}
.report-section .card:hover{
    background-color: whitesmoke;
    transition: 0.2s ease-in-out;
}

.crd-main
{
    display: flex;
    flex-wrap: wrap;
}
.crd-main .card-green, .crd-main .card-red
{
   margin-right:40px;
   margin-bottom:20px;
}


.report-section 
{
display: flex;
}
.ar 
{
    opacity: 0.5;
}
.report-section .card:hover > .ar
{
    opacity: 0.9;
}
.pt-10
{
    padding-top: 10px;
}
.pb-10
{
    padding-bottom: 10px;
}
.ar
{
    position: absolute;
    bottom: 0px;
    right: 10px;
}
.reportcontent{
    color: #77787c;
    line-height: 18px;
   font-size: var(--font13);
    padding: 10px 0px;
}
.table-head 

{
    background-color: #F5F7FB;
}
.wid100
{
    width: 100%;
}

.ng-select.ng-select-single .ng-select-container .ng-value-container, .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value
{
    font-size: var(--font14);
    color: #000;
}

.billsec-table
{
    padding: 0px 10px;
}
.countervaluebox
{
    width: 40px;
    height: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tblno
{
    position: absolute;
    background-color: red;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    color: #fff;
    right: 15px;
    font-size: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    padding: auto;
    text-align: center;
    justify-content: center;
}
.profiletic
{
    position: absolute;
    background-color: var(--green);
    width: 17px;
    height: 17px;
    border-radius: 50%;
    color: #fff;
    right: 15px;
    font-size: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    padding: 5px;
    bottom: 10px;
}
.pos-relative
{
    position: relative;
}

.counterbox, .countervaluebox
{
    cursor: pointer;
}

.modal-sm 
{
    width: 450px;
}
.modal-body
{
    padding:5px 15px;
}
.close
{
    position: absolute;
    right: 10px;
    top: 10px;
}
.close button
{
    background: none;
    border: 0px;
    cursor: pointer;
    
}
.billpopup
{
    position: absolute;
    bottom: 0px;
}
.billpopup .modal-dialog
{
    position: absolute;
    width: auto;
    margin: 0px;
    pointer-events: none;
    bottom: 0px;
    width: 100%;
    max-width: 100%;
}
.modal-dialog h1{
    margin-top: 0px;
}
.billbox{
    border: #ccc solid 1px;
    padding: 10px;
    min-height: 100px;
    font-size: var(--font15);
    text-align: center;
    cursor: pointer;

}
.billbox span
{
    padding: 10px 0px;
}

.billpopup .modal-content
{
    padding: 20px;
}
.pop-title
{
font-size: var(--font15);
font-weight: 500;
}

@media only screen and (min-width:1920px)
{
    .billbox
    {
    width: 250px;
    margin: 10px;
    }
    .category-tablepad
    {
        
    }
}
.table-item-height:hover
{
text-decoration: underline;
color: rgb(67, 114, 216);
}
.ember-view{
    color: #2b333d;
    cursor: pointer;
    padding:5px 0px;
}
.aicon   {
    width: 10px;
    height: 10px;
    fill: currentColor;
}
.report-section ul{
    padding-left: 0px;
}
.report-section h4 {
    font-size: var(--font14);
    border-bottom: rgb(222, 230, 235) solid 1px;
    margin-left: 5px;
}
.report-section {
    /* margin-bottom: 30px; */
    /* max-width: 300px; */
}
.reportlist li{
    background-image: url(images/select1img.png);
    background-repeat: no-repeat;
    padding: 0px;
    list-style-type: none;
}
.btn-success:focus, .btn-danger:focus, .btn-success:hover, .btn-danger:hover
{
    border: RGBA(0,0,0,0.3) solid 2px;
    opacity: 1;
    /* padding: 2px; */
}
.btn-danger
{

opacity: 0.8 !important;
}

.btn
{
    opacity: 0.95;
}
.fw
{
    color: white !important;
}







.mr-2
{
    margin-right: 5px;
}
.table-responsive table th 
{
    width: 100px;
}
.page-header .btn .icon
{
    margin: 0px;
}


.rrpt
{
    margin-left: 5px !important;
}

.reptsu
{
    font-size: 12px;
    color: #999;
    line-height: 18px;
    font-weight: 500;
}
.rrpt li div
{
    display: block;
}
.filterbg
{
    background-color: #fdfdff;
    padding-bottom: 10px;
    background-repeat: no-repeat, repeat;
    background-image: url("images/bl.jpg");
    background-blend-mode: multiply;
    padding-right: 15px !important;
}

.filterlable
{
    padding-left: 0px;
    color: rgba(0, 0, 0, 0);
}
.borbt
{
    border-bottom: #cccccc solid 1px;
    margin-bottom: 15px;
}




.itmsec-head-master .calendar {
    position: absolute;
    right: 8px;
    bottom: 8px;
    top: 2px;
}
.rrpt li:hover 
{
    background-color: #fafafa;
    cursor: pointer;
    transition: ease-in-out 0.3s;
    transform: scale(1.05,1.05);
}
.rrpt .textlink 
{
    font-size: 12px;
}
.rrpt .textlink:hover
{
    text-decoration: underline;
}

.totalsec .form-control
{
    width: 58px;
    height: 24px !important;
    margin: 0px 0px;
    float: right;
    border-radius: 0px;
}
.totalsec .gs
{
    background-color: #d8d8d8;
    padding: 0px;
    float: right;
    height: 24px;
}

.totalsec .gs .dropdown ul {
    position: absolute;
    transform: translate3d(-15px, 30px, 0px);
    top: 0px;
    right: -30px !important;
    will-change: transform;
}
.totalsec
{
    float: right;
    margin-right: 25px;
}
.table
{
    border-bottom: #ccc solid 1px;
}
 .collapse {
    display: none;
    margin-top: -180px !important;
    transition: 0.3s ease-in-out;
    bottom: 0px;
    color: #fff;
    padding:0px 10px;
    height: 180px;
    background-color: var(--blackhead);
    /* position: absolute; */
}
.sidebarbg  .collapse {

    margin-top:inherit !important;
    transition: inherit;
    bottom: 0px;
    color: #fff;
    padding:inherit;
    height: inherit;
    background-color:inherit;
    /* position: absolute; */
}

.sha-box
{
    background-color: #fff;
    border-radius: 10px;
    padding: 10px 15px 15px 15px;
    /* box-shadow: #dfdfdf 0px 0px 8px; */
    margin:0px 0px 20px 0px;
    min-height: 350px;
    border: 1px solid var(--clr-light4);
}

.borbt
{

border-bottom: #dfdfdf solid 1px;

}

.totalsales-tab li
{ padding:10px 15px;
  font-size: var(--font15);
  color: #212330;
  font-weight: 500;
  cursor: pointer;
  justify-content: center;
  text-align: center;
  display: inline-flex;
  list-style: none;
}
.totalsales-tab .active, .totalsales-tab li:hover 
{
    border-bottom: var(--green) solid 3px;
    color: #000;
}
.orange
{
    color: #df9711;
}
.pink
{
    color: #c754bd;
}
.violet
{
    color: #a254c7;
}
.blue
{
    color: #5465c7;
}
.H-250
{
    height: 250px;
    overflow-y: inherit;

}
.H-300
{
    height: 300px;
    overflow-y: inherit;
}
.H-350
{
    height: 350px;
    overflow-y: inherit;
}
.notavail
{
    color: var(--clr-dark3);
}

.bor
{
    border: #ccc solid 1px;
    border-radius: 5px;
}
.bor img 
{
    width: 25px;

    padding: 5px;
    

}
.m5
{
    margin: 5px;
}


.dasheader
{
    height:45px;
    display: flex;
    align-items: center;
    color: #000;
}
.b{
    font-weight: 500;
}
.w3-light-grey
{
    background-color: #dfdfdf;
    border-radius: 10px;
    width: 200px;
}
.my30
{
    margin: 20px 0px;
}

.reportgridsm .innertable, .reportgridsm tbody, .gridfixbody tbody{
    height: calc(100vh - 320px) !important;
}


.rrep .reportbody
{
    height: inherit;
}
 input[type=checkbox]
{
    width: 20px;
    height: 20px;
    border: 2px solid var(--clr-dark2);
    border-radius: 0px;
    margin: 0px 5px 0 0px;
    outline: 1px;
}

.greentxt
{
    color: var(--green);
}
.dayl li
{
    display: inline-flex;
    background-color: #F5F7FB;
    border: #ddd solid 1px;
    border-radius: 3px;
    justify-content: center;
    align-items: center;
    color: #333;
    margin-right: 5px;
    width: 80px;
    height: 80px;
    
}
.dayl .active{
    background-color: var(--green);
    color: white;
}
.dayl li:hover
{
    transform: unset;
    background-color: var(--green);
    color: white;
}
.tick
{
    right: -5px;
    position: absolute;
    top: -5px;
    background: white;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    line-height: 5px;
    padding: 3px 3px;
}
.produpri li
{
    line-height: 25px;
    font-size: var(--font14);
    list-style: none;
 font-weight: 400;
    padding: 8px 10px;
    border-bottom:#dfdfdf solid 1px;
    transition: ease-in-out 0.2s;
}
.produpri .active, .produpri li:hover
{
    border-right:var(--themeblue) solid 5px;
    transition: ease-in-out 0.2s;
    color: var(--themeblue);
    font-weight: 600;
    font-size: var(--font15);
}

.pricgrp::-webkit-scrollbar
{
    width: 2px;
}

.produpri
{
    border-right:#dfdfdf solid 0px;
}

.prigrp-rt .form-control
{
    border: #cad3d6 solid 1px;
}

.pills-sm
{
    font-size: var(--font12) !important;
    color: var(--clr-dark2);
    font-weight: 400;
    padding: 4px 10px 4px 10px;
    
    overflow-x: hidden;
    color: rgb(51, 44, 44);
    position: relative;
    border: 0px;
    border-radius: 25px !important;
}

.showps
{
    position: absolute;
    right: 5px;
    top: 5px;
}
.innertable .form-control, .innertable .ng-select-container, .innertable .userrole-tbl, .table .userrole-tbl
{
    border: #cad3d6 solid 1px;
}

.table .form-control
{
    border:1px solid #cad3d6 !important;
}
.ng-select:focus, .ng-select-container:focus, .ng-select:active
{
    outline: 0px;
    /* border-bottom: #2e3031 solid 1px !important; */
}


.ng-select {
    position: relative;
    display: block;
    box-sizing: border-box;
     border-top: #cad3d6 solid 1px !important;
     border-left: #cad3d6 solid 1px !important;
     border-right: #cad3d6 solid 1px !important;
     border-bottom: #cad3d6 solid 1px !important;
}
.subg .ng-select
{
    border-bottom: #cad3d6 solid 0px !important;
}
.ng-select.ng-select-opened>.ng-select-container:focus
{
outline: 0px;
}
.ng-select-container:focus
{
box-shadow: none;
box-sizing: unset;
}
.ng-select>.form-control
{
    padding: 0px !important;
}
.ng-select .ng-select-container .ng-value-container .ng-input>input:focus+.ng-select
{
    border-bottom: #212330 solid 0px;
    border-radius: 0px;
}

.ng-select:active
{
    border-bottom: #212330 solid 1px;
}
.visible .textlink
{
    text-decoration: none;
    color: #5465c7 !important;
    text-transform: capitalize;
    font-weight: 500;

}
/* 
  input[type="checkbox" i]:checked :disabled {
    background-color: var(--green);
    opacity: 1 !important;
    color: red !important;
    border: aqua;
    appearance: inherit;
    position: relative;
} */


/* input[type="checkbox" i]
{
    appearance: auto;
    color: red !important;
    background-color: inherit;
} */

/* -===================================== */
/* input[type="checkbox"] {
   
  }
  input[type="checkbox"]:checked {
   
  } */


.chek img 
{
    position: absolute;
    top: 10px;
    right: 10px;
}



.form-control
{
    border-radius: 0px;
}
.ng-select .ng-clear-wrapper .ng-clear
{
    margin-top: 5px;
}
.ng-select .ng-arrow-wrapper .ng-arrow
{
    top: 2px;
}


.filterbg .ng-select
{
    border-bottom: #cad3d6 solid 1px !important;
}
.filterbg .ng-select .ng-select-container
{
    border: 0px !important;
}
.filterbg .ng-select:focus
{
    border-bottom: #212330 solid 1px !important;
}


table .ng-select .ng-select-container
{
    border-bottom: 0px !important;
}
.wid50
{
    width: 50%;
}


.sideicon .countred 
{
    background-color: rgb(245, 45, 45);
    width: 16px;
    height: 16px;
    position: absolute;
    right: 5px;
    top: 20px;
    border-radius: 50%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(255, 255, 255);
    font-size: 10px;
}
.countred 
{
    background-color: #F52D2D;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 15px;
    top: 5px;
    border-radius: 50%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 10px;
}
.neworder
{
    background-color: var(--green);
    padding: 5px 10px;
    color: #fff;
    font-size: var(--font14);
    font-weight: 500;
    border-radius: 3px;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    display: flex;
    align-items: center;

}
.neworder:active, .neworder:hover, .neworder:focus
{
    background-color: var(--green);
}

    .ordertype li img
    {

        padding: 3px;
    }

    .dinetypenn
    {
        background:linear-gradient(var(--backgray), #ffffff);
    }
    .f11
{
    font-size: 10px;
}
.mintxt
{
    color: #363941;
}

.printicons
{
    position: absolute;
    text-align: center;
    left: 0px;
    right: 0px;
    margin: auto;
    bottom: -15px;
    /* background-color: #fff; */
    /* width: 16px; */
    /* height: 16px; */
    text-align: center;

}
.printicons img{
    width: 20px;
    height: 20px;
    background-color: #fff;
    padding: 3px;
    border-radius: 2px;
    border: #dddddd solid 1px;
}


.f9
{font-size: 8px;}

.autocomplete-container .input-container .x i {
    color: rgba(0,0,0,.54);
    font-size: 15px !important;
    vertical-align: middle;
}

.text-field-label
{
    color: var(--clr-dark2);
    font-size: var(--font13);
}
.viewmode .form-group
{
    margin-bottom: 15px !important;
}
.viewmode .filltersection .form-group
{
    margin-bottom: 0px !important;
}
.chek
{
    /* height: 34px; */
    display: flex;
    align-items: flex-end;

}
.center
{
    justify-content: center;
    text-align: center;
}
.center-m
{
   align-items: center;
    text-align: center;
}


.paysidefl aside
{
    background-color:var(--green);
    height: 100vh;
    padding: 0px;
    transition: 0.2s ease-in-out;
    /* box-shadow: #ccc 3px 3px 10px 3px; */
    width: 220px;
    border-top-right-radius: 0px;
    margin-top: 0px;
    border-bottom-right-radius: 0px;
}

.saleslistside aside
{
    background-color: #fff;    
    height: 100%;
    padding: 0px;    
    box-shadow: #ccc 3px 3px 10px 3px;  
    width: 600px;
    overflow: hidden !important;
}


.my-backdrop {
    opacity: 0 !important;
  }
  .ng-sidebar--right, .ng-sidebar{
    z-index: 9999 !important;
}

.ng-sidebar__backdrop {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
    opacity: 0.75;
    pointer-events: auto;
    z-index: 999 !important;
}

.sales .table-responsivefixedheader::-webkit-scrollbar, .category-tablepadpad-main::-webkit-scrollbar, .category-l::-webkit-scrollbar,.logowatermark::-webkit-scrollbar, .modal-body1 .innertable::-webkit-scrollbar, .ng-sidebar::-webkit-scrollbar {
    width: 6px;
  }
  
  .table-responsivefixedheader::-webkit-scrollbar-track, .category-tablepadpad-main::-webkit-scrollbar-track, .category-l::-webkit-scrollbar-track,.logowatermark::-webkit-scrollbar-track, .modal-body1 .innertable::-webkit-scrollbar-track, .ng-sidebar::-webkit-scrollbar-track{
    background-color:#e2e2e2;
  }
  .table-responsivefixedheader::-webkit-scrollbar-thumb, .category-tablepadpad-main::-webkit-scrollbar-thumb, .category-l::-webkit-scrollbar-thumb,.logowatermark::-webkit-scrollbar-thumb, .modal-body1 .innertable::-webkit-scrollbar-thumb, .ng-sidebar::-webkit-scrollbar-thumb{
    background-color: var(--green) ;
  }
  


  .btn-success.focus, .btn-success:focus {
    color: rgb(255, 255, 255);
    background-color: rgb(98, 168, 52);
    border-color: rgb(112, 176, 70);
    box-shadow: rgb(72 180 97 / 50%) 0px 0px 0px 0.2rem;
}

.btn-danger:hover {
    color: rgb(255, 255, 255);
    background-color: rgb(200, 35, 51);
    border-color: rgb(189, 33, 48);
}

.btn-danger {
    color: rgb(255, 255, 255) !important;
    background-color: rgb(215, 102, 98) !important;
    border: 1px solid rgb(215, 102, 98) !important;
}
.bis-main {
    background-color: #fff;
    margin: 0px;
    overflow: inherit;
    height: 100vh;
    overflow-x: clip;
}

.bis-main-head {
    background-color: #fff;
    margin: 0px;
    overflow: hidden;
    border-bottom: 1px solid var(--clr-gray1);
    box-shadow: var(--clr-gray1) 0px 0px 3px;
    z-index: 9998;
    position: relative;
}

.sidebarbg  .collapse {

    margin-top:inherit !important;
    transition: inherit;
    bottom: 0px;
    color: #fff;
    padding:inherit;
    height: inherit;
    background-color:inherit;
    /* position: absolute; */
}
.btn-blue, .btn-darkblue {
    padding: 0.469rem 0.75rem;
    cursor: pointer;
    font-weight: 400;
    background-color: var(--green);
    font-size: var(--font14);
    border-radius: 5px;
    color: #fff;
    border: 0px;
    height: 40px;
    white-space: nowrap;
}

.table-responsive
{
    
}

.center-fl
{
    justify-content: center;
    align-items: center;
    display: flex;

}



.bis-main .panel 
{
    background-color: #f5f5f5;
}



.bis-header .dropdown-toggle::after
{
    content: none;
}
.reportbody .filltersection
{
    padding:5px 0px 10px 0px;
    border-bottom: #ccc solid 1px;

}
/* .reportbody .form-group
{
    margin-bottom: 0px !important;
} */

.childtable h4
{
padding: 0px;
padding: 0px 0px 10px 0px;
margin: 0px;
font-size: 16px;
}

.rrep1
{
    height: calc(100vh - 185px);
    overflow-y:scroll;
}
.viewmode .reporthead
{
    color: var(--clr-dark1);
    font-size: var(--font15);
    padding-bottom: 10px;
    font-weight: 600;
    padding-top: 10px;
    background-color: var(--clr-light2);
}
.viewmode .form-group .pos-relative
{
    margin-bottom: 10px;
    padding-top: 10px;
    user-select: none;
}

.viewmode .rrpt
{
    margin-left: 0px;
}.bold 
{
    font-weight: bold;
}



.viewmode .orderfm 
{
    height: calc(100vh - 135px);
}
.blktxt 
{
color: #000;
}
.settings .form-group
{
margin-bottom: 0px !important;
}

.settings .viewmode .form-group .pos-relative
{
    margin-bottom: 15px;
    padding-top: 0px;
}
.reportcontainer
{
    height:calc(100vh - 170px);
    overflow-y:scroll;
}
.chiller_cb input[type=checkbox]:checked
{
background-color: #2196f3;
border-color: #2196f3;
}

.chiller_cb:hover input ~ .checkmark {
    background-color: #ccc;
  }
  .chiller_cb input:checked ~ .checkmark {
    background-color: #2196F3;
  }
._2rowfilterheighttable .userrole-tbl th {
    cursor: pointer;
    font-weight: 500;
    background-color: var(--clr-light4);
    font-size: var(--font14);
    min-width: 120px;
    height: 30px;
    vertical-align: inherit;
    padding: 5px 5px;
}



._reporttable .innertable th {
    cursor: pointer;
    font-weight: 500;
    background-color: var(--clr-light4);
    font-size: var(--font14);
    min-width: 120px;
    height: 30px;
    vertical-align: inherit;
    padding: 5px 5px;
}
._reporttable h4{
    padding-left: 10px;
}

.checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 20px;
    width: 20px;
    transition: all 0.1s ease-in-out;
    border: 1px solid var(--clr-dark4);
}
.checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
input {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid var(--clr-light4);
    color: var(--clr-dark2);
    width: 100%;
}
.checkbox-container {
    position: relative;
    padding: 0 15px 0 30px;
    margin-bottom: 0px;
    cursor: pointer;
    font-size: var(--font15);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: table;
    margin-left: 15px;
}
.checkbox-container input:checked ~ .checkmark:after {
    display: block;
}
.checkbox-container .checkmark:after {
    left: 6px;
    top: 1px;
    width: 7px;
    height: 11px;
    border: solid var(--clr-light1);
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
    transform: rotate(
45deg);
}
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.checkbox-container input:checked ~ .checkmark {
    background-color: var(--blue);
    border-color: var(--blue);
    transition: all 0.2s ease-in-out;
}

.cbox .checkbox-container
{
    margin-left: 0px;
    padding: 0 15px 0 20px;
}
.cbox .col-form-label
{
    padding-top: 0px;
}
.menus11 li a
{
color: var(--clr-dark1);
}

.pr-7_5
{
    padding-right:0.55rem !important;
}
.pl-7_5
{
    padding-left: 0.55rem;
}

.tblheadbackclr tfoot td{
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 2;
    background-color: var(--clr-light3);
}
.rrep1 .reportbody
{
    padding-bottom: 0px;
    height:  calc(100vh - 180px);
    overflow: inherit;
}

.maincontainer
{
    width: 100%;
}
.bism-icon img
{
width: auto;
height: 18px;
}


.sidebar-nav ul li
{
    cursor: pointer;
}
.lock-nav
{

    width: 100%;

}


  
.lock-nav .page-wrappernne {
    margin-left: 200px
}

.lock-nav .topbar {
    padding-left: 220px
}

.lock-nav .topbar .navbar-header {
    margin-left: 0
}

.lock-nav .left-sidebar {
    left: 0 !important;
    width: 260px !important;
}

.sidebar-nav ul li li a:hover
{
    background-color: var(--clr-light4);
}
.totalrt .form-control
{
    padding: 3px 5px;
    border: #cad3d6 solid 1px;
    border-radius: 0px;
    margin-left: 5px;
    text-align: right;
    float: right;
    height: 23px;
}

/* img{
    width: 100%;
    max-width: 100%;
} */



.reporticon
{
    width: 80px;
    float: left;
}


    
._reporttable
{
    font-size: var(--font13);
}

._reporttable .table td, .table th
{
    padding: 3px 5px;
}
.quickview .reportgrid .innertable {
    height: calc(100vh - 370px) !important;
}
.thead tr th
{
    line-height: 15px;
}

.userrole-tbl tr th, .userrole-tbl tr td
{
    line-height: 18px;   
}

.modal-xxl .editmode{
    height: calc(100vh - 70px);
    overflow-y: scroll;
}

@media only screen and (min-width:320px)
{

    .modal-body1 .card
    {
        height: 85%;
 
    }
    .reporthead
{
    cursor: pointer;
    font-weight: 600;
    /* background: linear-gradient( 
360deg
 , #F5F7FB, #ffffff); */
 
    width: 100%;
    /* height: 35px; */
    padding: 0px;
   font-size: var(--font15);
    /* border: rgb(235, 235, 235) solid 1px; */
    padding-left: 10px;
    margin: 0px;
    color:var(--clr-dark1);
}
    .card{
        width: 95%;
        margin: auto;
        height: calc(100vh - 30vh);
    }
    .full-grid .innertable {
        height: calc(100vh - 230px) !important;
    }
    ._report  .reportbody
    {
        padding-bottom: 0px;  
    }
    .reportbody
{
    height: auto;
    /* overflow-y: scroll; */
    padding-bottom: 00px;
}
    .orderfm
{
    /* height: calc(100vh - 200px); */
    overflow-y: scroll;

}
    ._report .innertable
    {
        height: calc(100vh - 320px) !important
    }
    ._report 
    {
        overflow-y: scroll !important;
    }
    ._1rowfilterheighttable
{
height: 300px !important;
}

._3rowtable .relative .innertable  {
    height:340px !important;
}
    ._2rowtable .relative .innertable  {
        height:360px !important;
    }
    ._1rowtable .relative .innertable  {
        height:330px !important;
    }

    .res-dashboard-wrap .progress-div
    {
        display: block;
    }
    .res-dashboard-wrap .progress-div
   
    {
        grid-template-columns:inherit;
        position: relative;
        margin: 25px 0px;
        margin: 0 0 15px 0;
        display: block;
        padding: 0 0 25px 0;
    }
   
    .res-dashboard-wrap .progress-value
    {
        position: absolute;
        top: 0px;
        right: 0px;
    
    }
  
    .res-dashboard-wrap .progress-section {
        height: 100%;
        display: block;
        width: 100%;
    }
    .res-dashboard-wrap .progress {
        width: 100%;
    }
    .res-dashboard-wrap .progress {
        background-color: var(--clr-gray1);
        height: 10px;
        margin: auto 0;
    }
    .res-dashboard-wrap .progress-div {
        /* background-color: var(--clr-gray1); */
        height: 10px;
        margin: auto 0;
    }
    .res-dashboard-wrap .progress {
        width: 100%;
    }
    .buttonsection
{

    height: 55px;
    display: flex;
    align-items: center;
    background-image: url('../../../../assets/images/header-bg.png');
    background-repeat: no-repeat;

}
    .tabsec-tb {
        margin: 7px 10px 7px 0px;
        width: 80px;
        height: 80px;
        background-color: #fff;
        text-align: center;
        padding: 5px 5px;
        display: flex;
        color: black;
        font-size: var(--font15);
        box-shadow: var(--shadow) 1px 2px 3px;
        text-align: center;
        vertical-align: middle;
        align-items: center;
        align-self: center;
        justify-content: center;
        transition: 0.2s ease-in-out;
        border-radius: 8px;
        zoom: 1;
    }
    .prigrp-rt
{
    width: 100%;
    background-color: white;
    border:#ccc solid 1px

}
    .totallf 
{
    width: 40%;
    float: left;
   font-size: var(--font13);
    font-weight: 500;
    color: black;
    text-align: right;
}
.totalmd
{
    width: 120px;
    float: left;
    font-size: var(--font14);
    color: black;
    text-align: right;
}
.totalrt
{
    width: 50%;
    float: left;
    text-align: right;
    font-size: var(--font14);
    color: black;   
}
    ._2rowfilterheighttable
{
    height: auto !important;

}

    ._report .form-group
{
    margin-bottom: 5px;
}
    .clculation
{
    width:280px;
    float: right;
}
    
.filltersection
{
    padding:5px 0px 10px 0px;
    border-bottom: #ccc solid 0px;
}
    .rrep1 .reportgrid .innertable
{
    height: 320px !important;
}

    .userrole-tbl tr td .checkbox-container
{
    position: relative;
    top: 3px;
    height: 30px;
}
  
    .calendar
{
    position: absolute;
    right: 15px;
    bottom: 7px;
}
    .table-responsivefixedheader {

        width: 100%;
        overflow-y: scroll;
        overflow-x: scroll;
    }
    .viewmode
{
    height: calc(100vh - 175px);
    overflow-y:scroll;
}


    .form-group input, .form-group input:focus, .form-group input:active
{
    padding-left: 0px;

}

.modal-xxl .orderfm
{
    height: calc(100vh - 100px);
    overflow-y:scroll;
    padding-bottom: 15px;
}
    .input-group-btn .btn{padding:6px 0px}
    .form-controlse .form-control
{
    width: 195px;
    height: 40px;
}
    
 .btn-darkgrey {
    padding: 0.469rem 0.75rem;
    cursor: pointer;
    font-weight: 400;
    background-color: var(--green);
    font-size: var(--font14);
    border-radius: 5px;
    color: #fff;
    border: 0px;
    height: 40px;
    min-width:auto;
}
.btn-darkgrey1 {
    padding: 0.469rem 0.75rem;
    cursor: pointer;
    font-weight: 400;
    background-color: var(--clr-dark1);
    font-size: var(--font14);
    border-radius: 5px;
    color: #fff;
    border: 0px;
    height: 40px;
    min-width:90px;
}
.btn-darkgreyoutline
{
    border: var(--clr-dark2) solid 1px;
    padding: 0.469rem 0.75rem;
    cursor: pointer;
    font-weight: 400;
    height: 40px;
    background-color: #fff;
    font-size: var(--font14);
    border-radius: 5px;
    color: var(--clr-dark2);   
}
    .page-header{position:relative;padding:0px 0px 0px 0px;margin-top:0;margin-bottom:0px;background:0 0;border-bottom:0; background-color: #fff;margin-left: 0px;
    }
    .scroll-sidebar{
        height: 100vh;
        position: relative;
        overflow-y: scroll;
        background-color: var(--clr-light2);
    }
    .bis-header.logo img
    {
        height: 20px;
        padding: 3px;
    }
    .icon-itms li img{
        width: 30px;
        height: 30px;
    }
    .pills {
        font-size: var(--font13) !important;
        color: var(--clr-dark2);
        font-weight: 400;
        padding: 2px 5px 2px 5px;
        max-width: 120px;
        overflow-x: hidden;
        text-overflow: ellipsis;
        position: relative;
        background: var(--clr-light2);
        border-radius: 5px !important;
        border: 0px;
        margin: 3px 0px 3px 5px;
    }
    .bis-header .logo
{
    display: inline-flex;
    align-items: center;
    padding:0px 10px 0px 10px;

}
.bis-header .logo img 
{
    height: 30px;
}
    .burger 
{
    border-right: 0px;
    width: 40px;
    height: auto;
    display: inline-flex;
    padding-left: 10px;

}
.burger img {
    width: 24px !important;
    height: 24px !important;
    padding: 2px !important;
    cursor: pointer;
}
    .left-sidebar {
        position: absolute;
        width: 260px;
        height: 100%;
        top: 10px;
        left: -200px;
        z-index: 9999;
        padding-top: 0;
        background: #fff;
        box-shadow:1px 0 15px rgb(0 0 0 / 20%);
        transition: .3s ease-in
    }



    
    .left-sidebar .nav-text-box {
        padding: 10px 15px 10px 15px;
        border-bottom:1px solid var(--clr-light4)
    }
    
    .wid65
    {
    width: 95%;
    margin: auto;
    /* overflow-y:inherit; */
    }
    .page-wrappernne
{
  padding-left:0px;
  position: relative;
  transition: .2s ease-in;
}
    .reportsec 
{
    margin: 0px 10px 0px 10px;
    /* box-shadow: #e7e9f5 0px 0px 8px; */
    border-radius: 5px;
    background-color: white;
    border: #d9d9da solid 1px;
    padding: 0 0 20px 0;
}
.pricgrp
{
    width: inherit;
    height: calc(100vh - 175px);
    overflow-y:scroll;
    width: 260px;
    cursor: pointer;
    background-color: white;
    border:#ccc solid 1px
}

    .bisback
    {
        background-color: var(--clr-light3);
        height: 100vh;
  
    }
    .page-title {
        font-weight: 500;

        /* font-weight: 600; */
        /* padding-left: 15px; */
        align-self: center;
        margin: 0px !important;
    }
    .itmsec-head-master
    {
    height: auto; /* --fix same height to all header -- */
    }
    .itmsec-head-master .form-control
    {
        margin-left: 0px;
        width:calc(100vw - 100px);
    }
    .page-header .wid100 .hedicon
    {
        margin-left: 0px;
    }
    .page-header .wid100 .pull-left
    {
        float: left;
    }
    .table-responsivefixedheader {
        height: calc(100vh - 60vh);
    }

    .sales .table-responsivefixedheader {
        height: calc(100vh - 300px);
    }
    .sales .table-responsivefixedheader::-webkit-scrollbar {
        width: 3px;
    }
    .bis-tablepad
    {
        margin: 7px 15px 25px 0px;
        width: 70px;
        height: 70px;
    }
.ordertype li
{
     display:block;
     padding: 10px 10px;
     cursor: pointer;
     flex-wrap: nowrap;
     text-align: center;
     white-space: nowrap;
     font-weight: 500;
     border-right: var(--backgray) solid 1px;
}
.dinetype
{
    display: flex;
   font-size: var(--font13);
}
    .mobileonly
    {
        display:inline-block;
    }
    .deskonly
    {
        display: none !important;
    }
    .rrpt li{
        list-style: none;
        width: 96%;
        border-radius: 5px;
        display: inline-flex;
        min-height: 80px;
        border: #e4e5e9 solid 1px;
        background-color: #fff;
        padding: 10px;
        font-size: var(--font14);
        font-weight: 500;
        margin:0 1% 1% 0.5%;
        transition: ease-in-out 0.3s;
    
    }
    .billsec .ordertype li 
    {
        font-size: var(--font13);
    }
  
    .report-section .card
    {
        width: 100%;
    }
    .category-tablepad
 {
    background-color: #fff;
    text-align: center;
    padding: 5px 5px;
    width: 177px;
    height: 100px;
    display: flex;
    color: black;
    font-size: var(--font15);
    box-shadow: var(--shadow) 1px 2px 3px;
    text-align: center;
    vertical-align: top;
    /* align-items: center;
    align-self: center;
    justify-content: center; */
    margin: 7px 20px 7px 0px;
    transition: 0.2s ease-in-out;
    border-radius: 3px;
    position: relative;
}
.icon-itms
{
    zoom: 0.7;
    flex-wrap: nowrap;
    /* overflow-x: scroll; */
}
.icon-itms li
{
    padding: 10px;
}
.page-header .wid100 .d-flex
{
display: inline-flex;
}

.page-header .wid100 .d-flex .page-title
{
    padding:10px 15px;
}
.page-header .justfy-between 
{
    display: block;
}
}
@media only screen and (min-width:425px)
{
    .pills
    {
        width: auto;
        display: inline-block;
        padding: 2px 10px;
        text-align: center;
        color: var(--clr-dark2);
        font-size: 11px !important;
    }
}
@media only screen and (min-width:768px)
{
    
    .form-controlse .form-control
    {
        width: 215px;
        height: 40px;
    }
  
    .table-responsivefixedheader {
        height: calc(100vh - 205px);
    }
    .sales .table-responsivefixedheader {
        height: calc(100vh - 300px);
    }
    .ordertype li 
{
    display: block;
padding: 10px 8px;
cursor: pointer;
flex-wrap: nowrap;
text-align: center;

font-size: 12px;
}
    .bisback 
    {
        background-color:var(--clr-light3);
     
        height: 100vh;
        padding-bottom: 25px;
    }
    .page-title {
        font-weight: 500;
 
        /* font-weight: 600; */
        /* padding-left: 15px; */
        align-self: center;
        margin: 0px !important;
    }
    .bisback
    {
        zoom: 1;
    }
    .itmsec-head-master .form-control
    {
        margin-left: 15px;
        width:200px;
        font-size: 12px;
    }
    .page-header .wid100 .hedicon
    {
        margin-left: 20px;
    }
    
.report-section .card
{
    width: 31.5%;
    padding: 15px;
    margin: 10px 5px;
    cursor: pointer;
    min-height: 130px;
}

.itmsec-head-master
{
height: auto; /* --fix same height to all header -- */
padding-top: 0px;
}

    .left-sidebar {
        position: absolute;
        width: 260px;
        height: 99.5%;
        top: 0;
        left: -200px;
        z-index: 9999;
        padding-top: 0;
        background: #fff;
        box-shadow:1px 0 15px rgb(0 0 0 / 20%);
        transition: 0.3s ease-in;
    }
    
    .left-sidebar .nav-text-box {
        padding: 10px 5px 10px 15px;
        border-bottom:1px solid var(--clr-light4);
    }
    
.wid65
{
width: 70%;
margin: auto;
/* overflow-y:scroll; */
}

.pills
{
    font-size: var(--font15) !important;
    color: var(--clr-dark2);
    font-weight: 400;
    padding: 8px 10px 8px 10px;
    max-width: 250px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    position: relative;
    background: var(--clr-light2);
    border: 0px;
    border-radius: 5px !important;
}

.burger 
{
    border-right: 0px;
    width: 40px;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.burger img {
    width: 24px !important;
    height: 24px !important;
    padding: 2px !important;
    cursor: pointer;
}
.reportsec 
{
    margin: 0px 10px 0px 10px;
    /* box-shadow: #e7e9f5 0px 0px 8px; */
    border-radius: 5px;
    background-color: white;
    border: #d9d9da solid 1px;
}
.pricgrp
{
    width: inherit;
    height: calc(100vh - 175px);
    overflow-y:scroll;
    width: 260px;
    cursor: pointer;
    background-color: white;
    border:#ccc solid 1px
}

    .rrpt li{
        list-style: none;
        width: 48%;
        border-radius: 5px;
        display: inline-flex;
        min-height: 80px;
        border: #e4e5e9 solid 1px;
        background-color: #fff;
        padding: 10px;
        font-size: var(--font14);
        font-weight: 500;
        margin:0 1% 1% 0.5%;
        transition: ease-in-out 0.3s;
    
    }


    .icon-itms
{
    zoom: 0.7;
}
.icon-itms li
{   padding: 10px 20px;
}
.page-header .wid100 .d-flex
{
display: flex;
}
.page-header .justfy-between .pull-right
{
    float: left;
    padding-top:13px;
    display: flex;
    font-size: var(--font13);
    color: #000;
    align-items: center;
    justify-content: center;
}

.page-header .justfy-between 
{
    display: flex;
}
.page-header .wid100 .d-flex .page-title
{
    
    font-size: var(--font17);
    color: #000;
}
.report-section .card
{
    width: 50%;
}

}
@media only screen and (min-width:820px)
{
    .card {
        width: 95%;
        margin: auto;
        height: calc(100vh - 0vh);
    }
    .reporthead
{
    cursor: pointer;
    font-weight: 600;
    /* background: linear-gradient( 
360deg
 , #F5F7FB, #ffffff); */
 
    width: 100%;
    /* height: 35px; */
    padding: 0px;
   font-size: var(--font15);
    /* border: rgb(235, 235, 235) solid 1px; */
    padding-left: 19px;
    margin: 0px;
    color:var(--clr-dark1);
}
    .card{
        width: 100%;
        margin: auto;
    }
    ._report  .reportbody
    {
        padding-bottom: 0px;  
    }
    .reportbody
{
    height: calc(100vh - 180px);
    /* overflow-y: scroll; */
    padding-bottom: 0px;
}
    ._report .innertable
    {
        height: calc(100vh - 340px) !important
    }
    .orderfm
{
    height: calc(100vh - 200px);
}
    ._report 
    {
        overflow-y: inherit !important;
    }
    ._1rowfilterheighttable
{
height: 560px !important;
}

    ._2rowtable .relative .innertable {
        height: calc(100vh - 295px) !important;
    }
    
    ._3rowtable .relative .innertable {
        height: calc(100vh - 295px) !important;
    }
    .res-dashboard-wrap .progress-div {
        grid-template-columns: 30% 36% 34%;
    }
    .progress-div 
    {
        width: 100%;
        display: grid;
    }

    .buttonsection
{

    height: 60px;
    display: flex;
    align-items: center;
    background-image: url('../../../../assets/images/header-bg.png');
    background-repeat: no-repeat;
    background-color: #f5f5f6;
}
    .tabsec-tb {
        margin: 7px 20px 7px 0px;
        width: 80px;
        height: 80px;
        background-color: #fff;
        text-align: center;
        padding: 5px 5px;
        display: flex;
        color: black;
        font-size: var(--font15);
        box-shadow: var(--shadow) 1px 2px 3px;
        text-align: center;
        vertical-align: middle;
        align-items: center;
        align-self: center;
        justify-content: center;
        transition: 0.2s ease-in-out;
        border-radius: 8px;
        zoom: 1;
    }
    .prigrp-rt
{
    width: calc(100vw - 330px);
    background-color: white;
    border:#ccc solid 1px

}
    .totallf 
{
    width: 230px;
    float: left;
   font-size: var(--font13);
    font-weight: 500;
    color: black;
    text-align: right;
}
.totalmd
{
    width: 120px;
    float: left;
    font-size: var(--font14);
    color: black;
    text-align: right;
}
.totalrt
{
    width: 120px;
    float: left;
    text-align: right;
    font-size: var(--font14);
    color: black;   
}
    ._2rowfilterheighttable
{
    height:300px !important;

}


    ._report .form-group
{
    margin-bottom: 15px;
}
    .clculation
{
    width: 400px;
    float: right;
}
.filltersection
{
    padding: 5px 0px 10px 0px;
    border-bottom: #ccc solid 1px;
}
    .rrep1 .reportgrid .innertable
{
    height: calc(100vh - 330px) !important;
}

    .userrole-tbl tr td .checkbox-container
{
    position: relative;
    top: -12px;
    height: 30px;
}


    .calendar
{
    position: absolute;
    right: 15px;
    bottom: 5px;
}
    .table-responsivefixedheader {

        width: 100%;
        overflow-y: scroll;
        overflow-x: hidden;
    }
    .viewmode
    {
        height: calc(100vh - 165px);
        overflow-y:inherit;
    }
    
    .form-group input, .form-group input:focus, .form-group input:active
{
    padding-left: 15px;

}

.modal-xxl .orderfm
{
    height: calc(100vh - 140px);
    overflow-x: hidden;
}
    .input-group-btn .btn{padding:6px 10px}
    .form-controlse .form-control
{
    width: 320px;
    height: 40px;
}
    
 .btn-darkgrey {
    padding: 0.469rem 0.75rem;
    cursor: pointer;
    font-weight: 400;
    background-color: var(--green);
    font-size: var(--font14);
    border-radius: 5px;
    color: #fff;
    border: 0px;
    height: 40px;
    min-width:100px;
}
.btn-darkgreyoutline
{
    border: var(--clr-dark2) solid 1px;
    padding: 0.469rem 0.75rem;
    cursor: pointer;
    font-weight: 400;
    height: 40px;
    background-color: #fff;
    font-size: var(--font14);
    border-radius: 5px;
    color: var(--clr-dark2);   
}
    .deskonly
    {
        display: inline-block !important;
    }
    .mobileonly
    {
        display: none;
    }
    .page-wrappernne
{
  padding-left: 67px;
  position: relative;
  transition: .2s ease-in;
}
    .page-header{position:relative;padding:0px 10px 0px 0px;margin-top:0;margin-bottom:0px;background:0 0;border-bottom:0; background-color: #fff;    margin-left: 0px;
    }
    .scroll-sidebar {
        height: calc(100% - 60px);
        position: relative;
        overflow-y: scroll;
        background-color: var(--clr-light2);
        border-right: #fff solid 2px;
    }
    .bis-header.logo img
    {
        height: 40px;
        padding: 3px;
    }
    .icon-itms li img{
        width: 24px;
        height: 24px;
    }
    
    .pills {
        font-size: var(--font15) !important;
        color: var(--clr-dark2);
        font-weight: 400;
        padding: 8px 20px 8px 20px;
        max-width: 350px;
        overflow-x: hidden;
        text-overflow: ellipsis;
        position: relative;
        background: var(--clr-light2);
        border-radius: 5px !important;
    }
    .icon-itms
    {
        zoom: 1;
    }
    .bis-header .logo
{
    display: inline-flex;
    align-items: center;
    padding:0px 20px 0px 20px;

}
}
@media only screen and (min-width:1024px)
{
    .orderfm
    {
        height: calc(100vh - 185px);
        overflow-y: scroll;
    }
    ._2rowfilterheighttable
    {
        /* height: calc(100vh - 350px) !important; */
        height: 420px !important;
    
    }
    .pills {
        font-size: var(--font15) !important;
        color: var(--clr-dark2);
        font-weight: 400;
        padding: 8px 20px 8px 20px;
        max-width: 650px;
        overflow-x: hidden;
        text-overflow: ellipsis;
        position: relative;
        background: var(--clr-light2);
        border-radius: 5px !important;
    }
    .billbox
    {
        width: 180px;
        
    margin: 5px;
    }
    .ordertype li
{
     display: block;
     padding: 10px 20px;
     cursor: pointer;
     font-size: 12px;
     flex-wrap: nowrap;
     text-align: center;

}
    .table-responsivefixedheader {
        height: calc(100vh - 305px);
    }
  
.report-section .card
{
    width: 22%;
    padding: 15px;
    margin: 10px;
    cursor: pointer;
    min-height: 130px;
}
    .pills
    {
        font-size: var(--font15) !important;
        color: var(--clr-dark2);
        font-weight: 400;
        padding: 8px 20px 8px 20px;
        max-width: 650px;
        overflow-x: hidden;
        text-overflow: ellipsis;
        position: relative;
        background: var(--clr-light2);
    
        border: 0px;
        border-radius: 5px !important;
    }
    .burger 
{
    border-right: 0px;
    width: 60px;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.burger img {
    width: 24px !important;
    height: 24px !important;
    padding: 2px !important;
    cursor: pointer;
}

    .reportsec 
{
    margin: 0px;
    /* box-shadow: #e7e9f5 0px 0px 8px; */
    border-radius: 5px;
    background-color: white;
    border: #d9d9da solid 1px;
}
.pricgrp
{
    width: inherit;
    height: calc(100vh - 190px);
    overflow-y:scroll;
    width: 240px;
    cursor: pointer;
    background-color: white;
    border:#ccc solid 1px
}
   
  
    .rrpt li{
        list-style: none;
        width: 31%;
        border-radius: 5px;
        display: inline-flex;
        min-height: 80px;
        border: #e4e5e9 solid 1px;
        background-color: #fff;
        padding: 10px;
        font-size: var(--font14);
        font-weight: 500;
        margin:0 1% 1% 0.5%;
        transition: ease-in-out 0.3s;
    
    }
  
    .billsec .ordertype li 
    {
       font-size: var(--font13);
    }
.report-section .card
{
    width: 25%;
}
    .category-tablepad
 {
    background-color: #fff;
    text-align: center;
    padding: 5px 5px;
    width: 135px;
    height: 140px;
    display: flex;
    color: black;
    font-size: var(--font15);
    box-shadow: var(--shadow) 1px 2px 3px;
    text-align: center;
    vertical-align: top;
    /* align-items: center;
    align-self: center;
    justify-content: center; */
    margin: 7px 5px 7px 0px;
    transition: 0.2s ease-in-out;
    border-radius: 3px;
    position: relative;
}
.full-grid .innertable {
    height: calc(100vh - 230px) !important;
}
}
@media only screen and (min-width:1280px)
{
    .full-grid .innertable {
        height: calc(100vh - 290px) !important;
    }
    .orderfm
    {
        height: calc(100vh - 170px);
        overflow-y: inherit;
    }
    .report-section .card
    {
        width: 20%;
        padding: 15px;
        margin: 10px;
        cursor: pointer;
        min-height: 130px;
    }
    
    .reportsec 
{
    margin: 0px 10px 0px 10px;
    /* box-shadow: #e7e9f5 0px 0px 8px; */
    border-radius: 5px;
    background-color: white;
    border: #d9d9da solid 1px;
}
.pricgrp
{
    width: inherit;
    height: calc(100vh - 245px);
    overflow-y:scroll;
    width: 240px;
    cursor: pointer;
    background-color: white;
    border:#ccc solid 1px
}
.wid65
    {
    width: 65%;
    margin: auto;
    /* overflow-y:scroll; */
    }
    .pills
{
    font-size: var(--font15) !important;
    color: var(--clr-dark2);
    font-weight: 400;
    padding: 8px 20px 8px 20px;
    max-width: 650px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    position: relative;
    background: var(--clr-light2);

    border: 0px;
    border-radius: 5px !important;
}
    .rrpt li{
        list-style: none;
        width: 22%;
        border-radius: 5px;
        display: inline-flex;
        min-height: 80px;
        border: #e4e5e9 solid 1px;
        background-color: #fff;
        padding: 10px;
        font-size: var(--font14);
        font-weight: 500;
        margin:0 1% 1% 0.5%;
        transition: ease-in-out 0.3s;
    
    }
    .category-tablepad
 {
    background-color: #fff;
    text-align: center;
    padding: 5px 5px;
    width: 170px;
    height: 100px;
    display: flex;
    color: black;
    font-size: var(--font15);
    box-shadow: var(--shadow) 1px 2px 3px;
    text-align: center;
    vertical-align: top;
    margin: 7px 10px 7px 0px;
    transition: 0.2s ease-in-out;
    border-radius: 3px;
    position: relative;
}
}
.left-sidebarmob::after, .left-sidebar::after
{
    box-sizing: border-box;
    content: '';
    clear: both;
    visibility: hidden;
    height: 0px;
}
.page-header div
{
    display: inherit;
}
.buttonsection .mobileonly img
{
    width: 16px;

}
.filltersection::after, .clculation::after
{
    content:'';
    height: 0;
    visibility: hidden;
    box-sizing: border-box;
    clear: both;
}
.sr-only
{
    visibility: hidden;
}


.modal-body1 .form-group{
margin-bottom: 5px;    
}
/* ._report
{
    overflow-y:hidden !important;
} */

.res-dashboard-wrap .progress-section {
    height: 100%;
    display: block;
    width: 100%;
}

.res-dashboard-wrap .progress-label {
    font-size: var(--font14);
}
.res-dashboard-wrap .progress-div {
    margin: 15px 0;
    display: grid;

}
.res-dashboard-wrap .progress-label {
    font-weight: 500;
    font-size: var(--font14);
    color: var(--clr-dark2);
}
.res-dashboard-wrap .progress {
    background-color: var(--clr-light3);
    height: 10px;
    margin: auto 0;
}
.progress {
    display: -ms-flexbox;
    display: flex;
    height:10px;
    overflow: hidden;
    margin-bottom: 0px;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: 0.25rem;
}

.res-dashboard-wrap .progress-value {
    font-size: var(--font14);
    text-align: right;
}
.res-dashboard-wrap .progress .progress-bar {
    background-color: var(--green);
}

.gray-txt.currency-icon {
    color: var(--clr-dark4);
}
.progress-div
{
    width: 100%;
}

td label
{
    font-size: var(--font14)  !important;
}
.reportrtpg 
{
    width: calc(100vw - 180px);
    float: right;
}

.pricetable th{
    background-color: var(--clr-light3);
}
.alert-dismissible .close
{
    width: 16px;
}
.alert-dismissible .close
{
    margin-top: -5px;
}
.clculation .form-group
{
    margin-bottom: 5px !important;
}
.ddcal
{
    margin-left: -50px !important;
}
.backdrop
{
    background-color:RGBA(0,0,0,0.5);
    width: 100%;
    height: 100vh;
    z-index: 9999;
}
@media only screen and (min-width:320px) {
    .mobileonlydrop
{
    display:block ;
}
.form-group
{
    margin-bottom: 5px !important;
}
}
@media only screen and (min-width:820px) {
    .mobileonlydrop
{
    display: none;
}
}



.calendar-control {
    background: var(--clr-light1);
    cursor: pointer;
    padding:2px 10px;
    border: 1px solid var(--clr-dark4);
    width: 100%;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    font-weight: 600;
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option
{
    text-align: left !important;
    font-weight: 500  !important;
    font-size: var(--font13)  !important;
}
.ng-dropdown-panel .scroll-host
{
    text-align: left !important;
}
.fromdatetodat
{
    position: absolute;
    width: 500px;
    background-color: #fff;
    z-index: 99999;
    /* border: #ccc solid 1px; */
    padding: 7px;
    height:360px;
    box-shadow: rgb(160, 160, 160) 0px 0px 5px;
}
.ngb-dp-navigation-select {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 24rem;
    flex: 1 1 24rem !important;
}
.dropdown-menu.show
{
    margin-top: 0px;
    border: #ccc solid 1px;
    box-shadow: 0px 0px 0px;
}
.dropdown-menu.show .ngb-dp-months, .dropdown-menu.show .ngb-dp-header
{
    width: 99% !important;
}

.ngb-dp-month
{
    width: 50% ;
}
 .ngb-dp-weekday
{
font-weight: 600;
}
    .dashboard-ref  {
        color: var(--clr-dark1);
        font-size: var(--font14);
        border: 1px solid var(--clr-dark4);
        width: 40px;
        height: 38px;
        border-radius: 3px;
        align-items: center;
        display: flex;
        justify-content: center;

}
.topsel-table .table-responsivefixedheader
{
height: 395px !important;
}
.progress-label
{
    font-size: var(--font12);
}

.res-dashboard-wrap .progress-div {
    margin: 15px 0;
    display: grid;
    grid-template-columns: 28% auto 30%;
}
.ngx-charts
{
    height: 400px !important;
}
.bkbtn
{
    padding: 10px;
    cursor: pointer;
}
.btn-darkgrey img
{
    width: 15px;
    height: 15px;
}
.disabledinputbox
{
    webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px !important;
    height: 34px;
    padding: 0px 7px !important;
    background: #fff;
    font-weight: 100;
    /* border: #e7ebec solid 1px; */
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: -webkit-box-shadow .25s linear,border .25s linear,color .25s linear,background-color .25s linear;
    -o-transition: box-shadow .25s linear,border .25s linear,color .25s linear,background-color .25s linear;
    transition: box-shadow .25s linear,border .25s linear,color .25s linear,background-color .25s linear;
    -webkit-appearance: none;
    display: flex;
    align-items: center;
    
    -moz-appearance: none;
}


.buttonsection .btn-darkgrey .mobileonly
{
    min-width: 20px !important; 
}

.btn-darkgrey-lg
{
padding: 0.469rem 0.75rem;
cursor: pointer;
font-weight: 400;
background-color: var(--green);
font-size: var(--font14);
border-radius: 5px;
color: #fff;
border: 0px;
min-width: 90px !important;
height: 40px;
min-width: auto;
}
.table-responsive table th, .table-responsive table tbody td
{
    white-space: nowrap;
}

/* .reportbg
{
box-sizing:border-box; -webkit-appearance: textfield; 
} */


.cross img{
    width: 14px !important;
    height: 14px !important;
}
.subactive
{
    color:var(--themeblue);
    background-color:var(--overbluengselect);
}
.subactive .bism-icons img
{
    opacity: 1;
}

.highcharts-credits
{
    visibility: hidden;
}
.fulgrid-f .full-grid .innertable {
    height: calc(100vh - 215px) !important;
}

tfoot td{
    font-size: var(--font14);
    font-weight: 600;
}
.morefilter
{
    color: var(--themeblue); cursor: pointer; text-decoration:underline; font-size: var(--font13);
}

.reportbody .reportsection
{
  
        height: calc(100vh - 185px);
    
}
.notification-sidebar
{
    width: 350px;
    box-shadow: #ccc 0px 0px 10px;
    float: right;
    z-index: 999;
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background-color: var(--clr-light2);
    border-left: #fff solid 2px;
    height: 100%;

}
.wid55
{
    width: 50%;
    margin:10px auto;

}
.ngx-pagination .current
{
background-color: var(--green) !important;
}
.lock-nav .logo
{
    display: none;
}

.dropdown-menu
{
   transition: 0s !important;
}
.exportgrid .innertable {
    height: calc(100vh - 230px) !important;
}
.full-gridqs .innertable {
    height: calc(100vh - 215px) !important;
}