:root
{
  /*--text-color:#5B5A5E;*/
  --text-color:#3e5569;
  --heading-sm:#424242;
  --dot-clr:#36bea6;
  --dot1-clr:#2962ff;
  --srl-bk:#DAE2E9;
  /*--bk-clr:#e8e8e8;*/
  /*--bk-clr: #ebf0f3;*/
  --bk-clr:#eef5f9;
  /*--tbl_head:#6e7d94;*/
  /*--tbl_head:#2962ff;*/
  --tbl_head:#36bea6;
  --tbl-foot:#f7f7f5;
  --mfoot-bk:#4a525f;
  --mfoot-clr:#788190;
  --prpl-clr:#7460ee;
  --icon-clr:#2962ff;
  --icon-clr12:#7f7f7f;
  --icon-clr3:#f0954e;
  --icon-clr4:#b8b8b8;
  --tbl-foot:#f2f2f2;
  --gry-clr:gray;
  --card-scrl:#36bea69e;
  --scroll-clr:#343a40;
  --border-clr:#6c757d;
  --text-clr1:#a1aab2;
  --text-clr2:#3e5569;
  --red-clr:#f63a5cde;
  --textsize-14:14px;
  --textsize-15:15px;
  --textsize-18:18px;
  --textsize-20:20px;
  --textsize-25:25px;
  --dark-red-clr: #ad2020;
}
.bg-black
{
  background-color:#000000!important;
}
.txt-crgreen
{
    color:#00ABA9;
}
.txt-drred
{
    color:#ff9090;
}
.txt-bold
{
    font-weight:bold;
}
.table-responisve
{
    overflow-x:unset;
    overflow-y:auto;
}

ion-input
{
    border-bottom: 1px solid #ddd;
}
.ion-page ion-content
{
    font-weight:300;
}

  

.tbltop
{
    width: 100%;
    height: auto;
    max-height: 250px;
    overflow-y: scroll;
    margin: 0px;
    /* border-top: 1px solid #21598c; */
    background-color:#fff;
}
.tbltop2
{
    width: 98%;
    height: auto;
    max-height: 250px;
    overflow-y: scroll;
    margin: 20px 15px 0px 15px;
    /* border-top: 1px solid #36bea6; */
    background-color:#fff;
}
.tbl
{
   /* overflow-y:auto; */  
    width: 100%!important;
    table-layout: fixed;    
}
.tbl th
{
    position: sticky;
    position: -webkit-sticky;
    /* background-color:#21598c; */
   /* // background-color: #000000; */
    color:#fff;
   /* border:1px solid #000000; */
    top:0;
    z-index:2;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;  
}

@media (min-width:250px) and (max-width:540px)
{
    .tbl th 
    {
        /* background-color: #000000;
        border:1px solid #000000; */
    }
    .grd ion-row
    {
        background-color: #000000;
        border:1px solid #000000;
    }
    .grd ion-col
    {
        font-weight: bold!important;
        font-size:13px;
    }
    
    
}

.grd ion-col
{
    font-size:14px;
    font-weight: bold!important;
}

.bg-black{
    background-color:212529;
}
.txt-black{
    background-color:212529;
}
/*mainpage*/
/*  SHOW-DIV ON MAIN PAGE */

.bg-pink
{
    background-color:#689f39;
}
.txt-pink
{
    color:#689f39;
}
.bg-pinkn
{
    background-color:#fa576c;
    color: white;
}
.txt-pinkn
{
    color:#fa576c;
}
.mt-8
{
    margin-top:3.5rem!important;
}
.mt-10
{
    margin-top:4.5rem!important;
}
.mt-13
{
    margin-top:6rem!important;
}
.pbg-grey
{
    background-color:#89837c;
}
.ptxt-grey
{
    color:#89837c;
}
.pbg-lgrey
{
    background-color:#eee;
}
.ptxt-lgrey
{
    color:#eee;
}
.pdark-bggrey
{
    background-color: #d0d0d0;
}
.pdark-txtgrey
{
    color:#d0d0d0;
}
.searchbar-md .searchbar-input
{
    box-shadow:none;
    -webkit-box-shadow:none;
    height: 32px!important;
    /* border:1px solid #fa576c; */
}
.p-border
{
    border:1px solid #689f39;
}
.toolbar-title-md, .toolbar-title-ios
{
    /* background-color:#fa576c; */
    color:#fff!important;
    font-weight:bold;
}
.toolbar-background-md , .toolbar-background-ios
{
    background-color:#689f39!important;
    color:#fff;
    border:2px solid #689f39;
    font-size: 22px;
}
.bar-button-default-md, .bar-button-clear-md-default, .bar-button-md-default,
.bar-button-default-ios, .bar-button-clear-ios-default, .bar-button-ios-default
{
    color:#fff!important;
}

.toolbar-md, .toolbar-title-ios
{
    min-height: 46px!important;
    padding-bottom: 0px;
}
.searchbar-md .searchbar-search-icon , .searchbar-ios .searchbar-search-icon
{
    top: 7px!important;
}
ion-footer
{
    background-color:#fff;
    color:#689f39;
}
.p-icon
{
    font-size:22px!important;
    /* color:#6c160b!important; */
    color:#212529!important;
}
.h-38
{
    height:50px;
}

.pdiv1
{
  width:25%;
  float:left;
}
.pdiv2
{
  width:25%;
  float:left;
}
.pdiv3
{
  width:23%;
  float:left;
}
.pdiv4
{
  width:25%;
  float:left;
}

.brdr
{
    border: 1px solid #fa576c;
    padding: 4px;
    width: 3%;
    border-radius: 5px;
    text-align:center;
    color:#fa576c;
}
@media (max-width:684px)and (min-width: 550px)
{
    .brdr
    {
    width: 5%;
    }
}
@media (max-width:550px)and (min-width: 280px)
{
    .brdr
    {
    width: 9%;
    }
}

.button-md, .button-ios
{
    box-shadow:none!important;
    -webkit-box-shadow:none!important;
}
.font-bold
{
    font-weight:bold;
}
.badge
{
    background-color: #fa576c;
    border-radius: 12px;
    padding-left: 9px;
    /* max-width: 50px!important; */
    width: auto;
}