:root {
  --menu-color: rgba(43,47,59,1)!important;
  /* --menu-color: #2b2e3c; K*/
  /* --menu-text:#838aa5; K*/
  --menu-text:rgba(131,138,165,1);
  --menu-hover:rgba(39,43,58,1);
  /* --menu-hover:#272b3a; K*/
  --button-color:#4fc3f7;
  --input-focus: #4fc3f7;
  --input-focus-h: #67c2f38f;
  --input-border: #ebedf2;
  /* --input-border: #48555f; */
  --top-icon: #7f7f7f;
  --scroll-clr:#484e66;
  /* --btn-green:#34bfa3; */
  --btn-green:#ffb822;
  --btn-orange:#ffb822;
  --btn-gray:#f4f5f8;
  /* --btn-purple:#5273da; */
  --btn-purple : rgba(82,115,218,1);
  --btn-add-text:#424242;
  --red-color:#f4516c;
  --orng-clr : #eda744;
  --pos-clr : #ffcc1233;
}
.k-txt-red
{
  color: #bb0d17!important;
}
.k-txt-grn
{
  color:#176404;
}
.k-txt-grn1
{
  color: #a28529;
}
.k-txt-blu
{
  color:#205b8b!important;
}
.k-txt-purple
{
  color:#5273da!important;
  /* border:1px solid #5273da; */
}
.txt-grn
{
  color: #0ca26c;
}
.k-bg-grn
{
  /* background-color: #0ca26c; */
  background-color: #205b8b!important;
}
.k-bg-red
{
  background-color: #bb0d17!important;
}
.k-bg-tbl
{
  /* background-color: #e9967a!important; */
  background-color: #bb0d17!important;
}
.k-bg-tbl1
{
  /* background-color: #8fbc8f!important; */
  background-color: #205b8b!important;
}
.tbl-fnt
{
  font-size:18px!important;
}
.bg-blu-k
{
  /* background-color: #21598c; */
  background-color: #000000;
  /* background-color: #2b2e3c; */
  color:#ffffff;
}
.k-txt-white
{
  color: #ffffff!important;
}
.txt-bl
{
  color:#21598c!important;
  font-weight:bold;
}
.font-tot
{
  font-size:14px;
  font-weight:bold;
}
.bg-white{ background-color:#fff;color:#424242!important}
.txt-black
{
  color:#424242;
}
.bg_pos
{
  /* background-color: #ffcc1233!important; */
  /* background-color: rgba(255,204,18,0.2)!important; */
  background-color: #000000!important;
}
.yel_clr
{
  color: #ffbe00!important;
}
.yel-back
{
  background-color: #ffbe00!important;
}
.pos-side
{
  background-color: #ffcf6e!important;
}
.blu-clr
{
  color: #3999e5;
}
.info-orng
{
  color: var(--orng-clr);
  font-size: 18px;
  cursor: pointer;
}
.add-clr
{
  color: #205b8b!important;
  font-size : 18px;
  cursor: pointer;
}
.del-clr
{
  color : #9a9a9c;
  font-size: 18px;
  cursor: pointer;
}
.table-text-color
{
  color:#6d6f76;
}
.bgrp-padding
{
  padding-top:30px!important;
}
.menu-color
{
  background-color: #414755;
}
.button-color
{
  background-color: #4fc3f7;
}
.btn-text
{
  text-transform: none!important;
  color:var(--top-icon);
}
.row1
{
  background-color:#ffffff;
}
.row2
{
  /* background-color:#f2f2f2; */
  background-color: #ececec;
}
/*    side menu   */
.dot-img
{
  height:5px;
  width:5px;
  margin-right:10px;
}
.menu-icon
{
  margin-right:15px;
}
.menuimg
{
  border-radius:100%;
  height:35px;
  width:35px;
  margin-left:20px;
}
.TopHeading
{
  text-align:left;
  padding-left: 26px;
  font-size:18px;
  color:#838aa5;
  padding-top:25px !important;
  padding-right:5px;
}
.dashdiv
{
  margin-left:14px; margin-right:14px;font-size:20px; margin-top:40px;text-align:left;
}
.dash_icon
{
  text-align:left;margin-left:-75px;
}
.buttonclr > .button-block-md
{
  width:100%;
  height:80%!important;
  margin-left:10px;
  font-size:20px !important;
  text-align:left;
  text-transform: none!important;
}
.main_head
{
  /* background-color:#414755!important; */
  /* color:#b3b5bb; */
  background-color: #2b2e3c!important;
  color:#838aa5;
}
.DropDown
{
  background-color: #2b2e3c!important;
  color: #838aa5;
  cursor:pointer;
  font-size:18px;
}
.DropDown:hover
{
  background-color: #272b3a!important;
  color:#ffffff;
}
.DropDown-Expand
{
  background-color:#282b39!important;
  cursor:pointer;
  color: #838aa5;
  font-size:18px;
  border-left:2px solid var(--button-color)!important;
}
.DropDown-Expand:hover
{
  background-color: #272b3a!important;
  color:#ffffff;
}
/*   end of side menu  */

.top-icon
{
  color:var(--top-icon);
  cursor: pointer;
  font-size: 24px!important;
  padding: 8px!important;
}
.top-bar
{
  box-shadow: 0px 1px 15px 1px rgba(69,65,78,0.1);
}

/* SET BACKGROUND COLOR */
.ion-page ion-content
{
  background-color: #fff;
  color: #424242;
  /* font-family: sans-serif!important; */
  font-style: normal;
  font-weight:300;
}
/* span, p, .item-md, ion-navbar.toolbar
{
  font-family: sans-serif;
} */
.item-md
{
  /* font-family: cursive; */
  background-color: #ffffff;
  border:none;
}
/* END --- BACKGROUND COLOR */

/*  SHOW-DIV ON MAIN PAGE */
.showdiv
{
  width:270px;
  float:right;
  margin-top:8px;

}
.showdiv1
{
  background-color: #ffffff;
  position:fixed;
  z-index:1;
  /* margin-right:12px; */
  right:13px;
  margin-top:8px;
  box-shadow:2px 2px 2px 2px #dcdcdc;
}
.fstdiv
{
  width:100%;float:left;padding:10px;background-color: #7460ee;color:#ffffff;
}
.lftdiv
{
  width:30%;float:left;
}
.rghtdiv
{
  width:70%;float:left;
}
.comp
{
  font-size:15px;
  padding:5px;font-weight:bold;
}
.mailc
{
  font-size:var(--textsize-14);
  padding:5px;
}
.scnddiv
{
  width:100%;background-color:#ffffff;padding-top:10px;margin-top:100px;color:#6c757d;
}
.thrddiv
{
  width:100%;background-color: #ffffff;border-top:1px solid #6c757d;cursor:pointer;
}
.p_prsn
{
  padding:15px;
}
.p_right
{
  padding-right:15px;
}
/*  END */

.inpt-wdth
{
  width:80%!important;
}

.ipt-btn
{
  width:10px!important;
  height:3.8rem;border-radius:0px;box-shadow: none;background-color: var(--btn-orange);color:var(--btn-add-text);
}
.ipt-btn:hover:not(.disable-hover)
{
  background-color: var(--btn-orange);
}
.ipt-btn1
{
  width:10px!important;
  /* background-color: var(--btn-green); */
  background-color: #21598c;
  /* height:3.8rem; */
  height: 38px;
  border-radius:0px;box-shadow: none;
}
.ipt-btn1:hover:not(.disable-hover)
{
  /* background-color: var(--btn-green); */
  background-color: #21598c;
}
.ipt-btn2
{
  width:10px!important;
  background-color: var(--btn-gray);color:#424242;height:3.8rem;border-radius:0px;box-shadow: none;
  border:1px solid var(--input-border);
}
.ipt-btn2:hover:not(.disable-hover)
{
  background-color: var(--btn-gray);color:#424242;border:1px solid var(--input-border);
}
.ipt-btn3
{
  width:10px!important;
  background-color: var(--btn-purple);color:#ffffff;height:3.8rem;border-radius:0px;box-shadow: none;
  border:1px solid var(--btn-purple);
}
.ipt-btn3:hover:not(.disable-hover)
{
  background-color: var(--btn-purple);color:#ffffff;border:1px solid var(--btn-purple);
}
.ipt-div
{
  display:flex;
}
.dis-ipt
{
  background-color: #f4f4f4;
  cursor:not-allowed;
}
.dis-ipt:focus-within
{
  border:1px solid #dcdcdc;
  box-shadow: 0 1px 1px #dcdcdc inset, 0 0 8px #dcdcdc;
}
.form-back
{
  background-color: #ffffff;
  box-shadow: 0px 1px 15px 1px rgba(69,65,78,0.08);
}
.subheader
{
  padding:30px 30px 0px 0px;
}

.text-input-md {
  margin: 8px 8px;       /* for input box  */
  height: 17px;
}
.lb-div
{
  width: 25%;float:left;padding-top:10px;font-size:13px;
}
.lb1-div
{
  width:75%;float:left
}
.fil-div
{
  height: 150px;
  background-color: #ffffff;
  overflow: scroll;
  z-index: 1;
  position: absolute;
  width: 400px;
  padding: 3px;
  border: 1px solid #dcdcdc;
}
.close_icon
{
  font-size:20px;color:#ffcf6e;
  background-color: #000000;padding-bottom:1px;
}
.head_name
{
  background-color: #000000;color:#ffcf6e;
}
.nxt_div
{
  z-index: 1;position:absolute;background-color: #ffffff;width: 400px;padding:4px;
}
.cal_icon
{
  font-size:20px;
}
.pop-item
{
  padding-left:0px;background-color:#fff;font-size:15px;
}
.arrow-size
{
  font-size:20px;
}
/*  ION-SEGMENT LAYOUT */
.seg
{
  border-bottom: 2px solid var(--btn-purple)!important;padding-bottom:10px;
}
ion-segment
{
  background-color:#ffffff;
  font-size:15px!important;
}
.segment-md .segment-button
{
  /* color:var(--btn-purple); */
  color: #21598c;
  text-transform: capitalize!important;
  /* border-width:0px;  TO REMOVE BORDER */
}
.segment-md .segment-button.activated, .segment-md .segment-button.segment-activated
{
  font-size: 15px;
  border-bottom:2px solid #21598c;
  color: #21598c;
  /* color:var(--btn-purple); */
}
.selected
{
  font-weight:bold;
}
.segment-icon
{
  margin-right:10px;
  color:#21598c;
  font-size:20px!important;
}
/* END OF SEGMENT */

/* REMOVE BORDER */
.non_border
{
  border:none!important;
  box-shadow:none!important;
}
.non_border:focus-within
{
  border:none!important;
  box-shadow:none!important;
}
/* END */

/* scroll bar  */
::-webkit-scrollbar
{
  width:6px;
  height:6px; /* For Horizontal scroll */
  background-color:transparent;
  border-radius:10px !important;
}
::-webkit-scrollbar-thumb
{
  background-color:var(--scroll-clr);
  border-radius:10px !important;
}
::-moz-scrollbar
{
  width:6px!important;
  background-color:transparent;
  border-radius:10px !important;
}
::-moz-scrollbar-thumb
{
  background-color:var(--scroll-clr);
  border-radius:10px !important;
}
/* end */
.top-left-icon
{
  padding:5px;
}
.top-img
{
  height:18px;
  width:18px;
  margin-right:5px;
}
.top-img-right
{
  height:22px;
  width:22px;
  margin-right: 5px;
}
.round-img
{
  border-radius: 50%;
}
.btn-space
{
  margin-right: 5px;
}
/* TO REMOVE BUTTON SHADOW -- BLUE */
button:focus {outline:none!important}


.form-tophead
{
  border-right:2px solid #e2e5ec;padding-right:15px;
}
.form-subhead
{
  color:#9a9ca5;padding-left:15px;
}
.ipt-border
{
  border:1px solid #000000;
}
.orng_btn
{
    /* background-color: #eda744!important; */
    background-color: #176404!important;
    float: right;
    /* width: 50%; */
    width: 24%;
    text-transform: capitalize!important;
    font-size:18px;
}
.orng_btn:hover{
    background-color: #176404!important;
}
.bgblack
{
  background-color: #000000!important;
  color:#ffffff;
}
.black_btn
{
    background-color: #000000!important;
    color:#eda744!important;
    float: left;
    text-transform: capitalize!important;
    font-size:18px;
}
.black_btn:hover{
    background-color: #000000!important;
    color:#eda744!important;
}
.gry_btn
{
    /* background-color: rgba(82,115,218,1)!important; */
    background-color: #522e22!important;
    /* width:26%; */
    /* width: 24%; */
    width:18%;
    text-transform: capitalize!important;
    font-size:18px;
}
.gry_btn:hover
{
    background-color: #522e22!important;
}
.menu_btn
{
    /* background-color: #bfbfbf; */
    background-color: #bb0d17;
    width: 20%; 
    text-transform: capitalize!important;
    font-size:18px;
    text-align: center!important;
}
.menu_btn:hover
{
    /* background-color: #bfbfbf!important; */
    background-color:#bb0d17!important;
}
.full_scrn_btn
{
  background-color: #205b8b!important;
  width:26%;
  /* width: 18%;  */
  text-transform: capitalize!important;
  font-size:18px;
  text-align: center!important;
  float:left;
}
.full_scrn_btn:hover
{
    background-color: #205b8b!important;
}

/*      POS START   */
.master_div
{
    min-width:100%;max-width:100%;overflow-y:scroll;
    padding:5px;padding-bottom:0px!important;
    /* background-color: #ffcc1233!important; */
    border:2px solid #eda744;
}
.div1
{
    width:34%;
    float:left;
    /* - margin-top:8px;
    - margin-left:8px; */
}
.div2
{
    width:65%;
    float:left;
    overflow-y: scroll;
    margin-left:2px;
    /* - margin-top:3px;
     height:560px;  // fix height of div */
}
.bottom-outer
{
  /* background-color: #0ca26c;
  height:95px; */
  /* position:static; */
  /* bottom: 13px;
  right: 10px;
  width:64%; */
  background-color: #000000;
  width:63%;
  height:95px;
  bottom:15px!important;
  position: absolute;
  float:left;
}
.bottom-div
{
  /* position:fixed; */
  position: absolute;
  bottom:0px;
  right:0px;
  width:13%;
  float:left;
}
.bottom1-div
{
  /* position:fixed; */
  position:absolute;
  /* right:100px; */
  bottom:0px;
  width:45%;
  float:left;
}
.bottom2-div
{
  /* position:fixed; */
  position:absolute;
  right:50px;
  bottom:0px;
  width:45%;
}
.innerdiv
{
    width:100px;
    /*  height:100px; */
    text-align:center;
    float:left;
    background-color: #ffffff;
    cursor:pointer;
     /* overflow: hidden; */
    margin-bottom:10px!important;
    font-size:13px!important;
}
.outer  /* get equal space between div */
{
    width:100%;
    height:auto;
    margin-top:-15px;
    /* equal space */
    /* display:flex;
    justify-content: space-between;
    flex-wrap: wrap;  */
    /* -- */
    /* position:sticky;
    position:-webkit-sticky;
    z-index:1; */
}
.innerdiv1
{
    border:1px solid #ffcf6e;
    width:100px;
    height:80px;
    text-align:center;
    float:left;
    background-color: #fff;
    margin:5px;
    cursor:pointer;
    padding:4px;
    overflow:hidden;
}
.allicon
{
    /* padding-top:25px; */
    padding-top:2px;
    vertical-align: middle;
    /* line-height: 50px; */
    line-height:32px;
    font-size:28px;
    /* color:#5273da; */
    color:#205b8b;
}
.star_icon
{
    padding-top:2px;
    vertical-align: middle;
    /* line-height: 50px; */
    line-height:32px;
    /* padding-top:18px; */
    font-size:28px;
    /* color:#ffb822; */
    color:orange;
}
.cat_name
{
    /* background-color: #205b8b; */
    background-color:#fff;
    color:#000;
    width:100%;margin-bottom:0px;
    /* color:#fff; */
    padding-left:1px;
    padding-right:1px;
    overflow: hidden!important;
    /* word-break: break-all; */
    /* height: 37px;  */
    height:22px;
    font-size:12px;
    font-weight:bold!important; 
}
.itm_name
{
    width:100%;text-align: center;
    vertical-align: middle!important;
    line-height:20px;
    /* line-height:45px; */
}
.itm_div
{
    float:right;
    width:100%;text-align:center;margin-top:20px;
    margin-bottom:15%;
    /* border-top: 2px solid #ffbe00; */
    /* justify-content: space-between;
    flex-wrap: wrap;
    display:flex; */
}
.boxdiv
{
    float:left;
    /* font-size:13px; */
    font-size:12px!important;
    padding:3px;
    cursor:pointer;
    /* background-color:white; */
    overflow:hidden;
    /* border-left: 5px solid #dedede; */
}
.boxdiv-tbl
{
    float:left;
    font-size:18px!important;
    padding:3px;
    cursor:pointer;
    /* background-color:white; */
    overflow:hidden;
    /* border-left: 5px solid #dedede; */
}
.bdr1
{
    /* border-left : 3px solid #ffb822; */
    /* background-color: #ffb822; */
    background-color: #ffcf6e;
    /* color:#ffffff; */
    columns: #000000;
    font-size:16px;
}
.bdr2
{
    /* border-left : 3px solid #5273da; */
    background-color: #205b8b!important;
    color:#ffffff;
    font-size:16px;
}
.pb-item
{
    /* padding-bottom:86px!important */
    padding-bottom:68px!important;
}
.zoom
{
    float:right;
    margin-top:65px;
}
.tot_cls
{
    /* background-color: #f5f5f5; */
    background-color: #000000;
    color:#eda744;
    border-radius: 3px;
    padding-left: 10px;
    font-size: 16px;
    margin-left: 0px!important;
    margin-right: 0px!important;
    font-weight:bold;
}
.fnt-bld
{
  font-weight:bold!important;
}

/*.subgrid
{
    ion-col
    {
        border:1px solid #0083b0;
    }
}*/
.toprow
{
  font-weight:bold;
  background-color: #205b8b!important;
  color:#fff;
}
.toprow ion-col
{
  border: none!important;
}
.headrow
{
    /* background-color:#36383f; */
    background-color:#ffffff;
    border-bottom:1px solid #dcdcdc;
    /* color:#ffffff; */
}
.headrow1 
{
    border:2px solid #000000;
    box-sizing: border-box;
    background-color: white;
    padding: 20px 20px 15px;
    /* width: 420px;
    position: absolute;
    z-index: 9998; */
    position:absolute!important;
    z-index:1000!important;
    overflow-y: unset;
    box-shadow: 0 1px 12px rgba(0,0,0,0.2);
    border-radius: 6px;
    width:32%;
    /* margin-left:-1rem;
    margin-top:-50px; */
    top:260px;
}
.info_div
{
    box-sizing: border-box;
    background-color: white;
    padding: 20px 20px 15px;
    box-shadow: 0 1px 12px rgba(0,0,0,0.2);
    border-radius: 6px;
    z-index:1;position:absolute;
    width:32%;
    top:180px;
    border:2px solid #000000;
}
#shdiv
{
    top:0px;
}
.triangle
{
    position: absolute;
    left: 92%;
    margin-left: -47px;
    top: -20px;
    /* border-left: 18px solid #36383f;
    border-right: 18px solid #36383f; */
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    border-bottom: 20px solid #000000;
}
.triangle:after{
  content:'';
  position:absolute;
  top:5px;
  left:-16px;
  width: 0;
  height: 0;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  border-bottom: 15px solid #ffffff;
} 
.triangle1
{
    position: absolute;
    left: 12%;
    margin-left: -26px;
    bottom: -20px;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    border-top: 20px solid #000000;
}
.triangle1:after{
  content:'';
  position:absolute;
  top:-20px;
  left:-15px;
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid #ffffff;
} 
.mt-20
{
    margin-top:18rem;
}
  
.aligned
{
  text-align:right;
}
#sdiv1
{
  display:none;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  right: 0px;
  position: absolute;
  z-index: 1000;
  padding-left:5px;
}
#sdiv {
  width: 66%;
  height: 100%;
  right: 0px;
  position: absolute;
  z-index: 1000;
  display:none;
}
.close
{
    float:right;
    margin-top:50px;
    margin-bottom:30px;
    width:100%;
    text-align:right;
    font-size:18px;
    /* color:#424242; */
    padding-right:20px;
    cursor:pointer;
    opacity:1!important;
}

.party
{
    /* background-color: #f5f5f5;
    border: 1px solid #dcdcdc; */
    /* background-color: rgba(82,115,218,1)!important;
    border: 1px solid rgba(82,115,218,1)!important; */
    background-color: #ffcf6e!important;
    border: 1px solid #ffcf6e!important;
    color: #bb0d17;
    font-size:13px;
    font-weight:bold;
    margin-left: 0px!important;
    margin-right: 0px!important;
    border-radius: 3px;
}

/*   POS END    */

/*   INVOICE   */
.icon-center
{
  padding-top:6px;
  padding-right: 10px;
  color: #205b8b;
}
.icon-cont
{
  padding-top: 8px;
}
.yel-border
{
  background-color: #ffae18;
  color:#ffffff;
  display:flex;
  border-radius:2px;
  height:32px;
  font-weight:bold;
}
.prpl-border
{
  /* border-radius:10px; */
  /* background-color: #7562ca; */
  background-color: #ffae18;
  color:#ffffff;
  display:flex;
}
.form-name
{
  /* border-radius:10px; */
  background-color: #21598c;
  color:#ffffff;
  padding:5px;
  margin-left:5px;
  margin-right:5px;
}
.gry-border
{
  /* border-radius:10px; */
  background-color: #f4f4f4;
  color:#7a9e91;
  display:flex;
  border:1px solid #9ad0bc;
}
.grn-border
{
  /* border-radius:10px; */
  background-color: #f4f4f4;
  color:#0ca26c;
  display:flex;
  border:1px solid #9ad0bc;
}
.qnty-rnd
{
  /* border-radius: 15px; */
  padding-right: 5px;
  color: #ffffff;
}
/*   INVOICE END   */
.k-bg-trans
{
  background-color: transparent;
}
.sh_pointer
{
  cursor: pointer;
}
.k_fixed_head
{
  display:block;
  overflow-y:auto;
  /* width:100%; */
}

.font-12
{
  font-size:12px;
}
.font-13
{
  font-size:13px;
}
.aligned-cntr
{
  text-align:center;
}
.no-display
{
  display:none!important;
}