*{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

:root {
    --primary_color_shade0:#E1F5FE;
    --primary_color_shade1:#B3E5FC;
    --primary_color_shade2:#81D4FA;
    --primary_color_shade3:#4FC3F7;
    --primary_color_shade4:#29B6F6;
    --primary_color_shade5:#03A9F4;
    --primary_color_shade6:#039BE5;
    --primary_color_shade7:#0288D1;
    --primary_color_shade8:#0277BD;
    --primary_color_shade9:#01579B;

    --highlight_color1:#FE488B;
    --highlight_color2:#FFF307;
    --highlight_color3:#0765D6;

    --card_orange:#E07A2F;
    --card_green:#89BE4C;
    --card_blue:#39AFD5;
    --card_deep_purple:#7e57c2;
    --card_voilet:#702b56;
    --card_red:#ef5350;
    --card_magenta:#CD014D;
    --card_cyan_green:#02BBA1;
    --card_amber:#FFB300;

    --green_dark:#33b536;
    --pesto_green:#00AA8D;
    --pesto_green_lighter:#00BF9A;
    --pesto_green_darker:#008975;
    --leaf_green:#0C7300;
    --white:#FFFFFF;
    --black:#000;
    --blue:#0765D6;
    --voilet:#702b56;
    --holiday:#FFA000;
    --transparent:#FFffffff;
    --whitesmoke:#F5F5F5;

    --disalbed:#F5F5F5;
    --background_grey:#E0E0E0;
    --background_grey_dark:#BDBDBD;
    --grey0:#FAFAFA;
    --grey1:#F5F5F5;
    --grey2:#EEEEEE;
    --grey3:#E0E0E0;
    --grey4:#BDBDBD;
    --grey5:#9E9E9E;
    --grey_light:#dad9de;
    --green_light:#e4f9e4;

    --black9:#191919;
    --black8:#333333;
    --black7:#4c4c4c;
    --black6:#666666;
    --black5:#7f7f7f;
    --black4:#999999;
    --black3:#b2b2b2;
    --black2:#cccccc;
    --black1:#e5e5e5;

    --amber0:#FFF8E1;
    --amber1:#FFECB3;
    --amber2:#FFE082;
    --amber3:#FFD54F;
    --amber4:#FFCA28;
    --amber5:#FFC107;
    --amber6:#FFB300;
    --amber7:#FFA000;
    --amber8:#FF8F00;
    --amber9:#FF6F00;

    --green0:#AAFD86;
    --green1:#71FC36;
    --green2:#45DD03;
    --green3:#38B503;
    --green4:#2C8D02;
    --green5:#257502;
    --green6:#1F6402;
    --green7:#195001;
    --green8:#133C01;
    --green9:#0C2801;

    --Deep_Purple0:#ede7f6;
    --Deep_Purple1:#d1c4e9;
    --Deep_Purple2:#b39ddb;
    --Deep_Purple3:#9575cd;
    --Deep_Purple4:#7e57c2;
    --Deep_Purple5:#673ab7;
    --Deep_Purple6:#5e35b1;
    --Deep_Purple7:#512da8;
    --Deep_Purple8:#4527a0;
    --Deep_Purple9:#311b92;

    --radish0:#FDEDED;
    --radish1:#FBDADC;
    --radish2:#F6B6B8;
    --radish3:#F4A4A6;
    --radish4:#F07F83;
    --radish5:#EE6E73;
    --radish6:#EA484E;
    --radish7:#E5242A;
    --radish8:#C9181D;
    --radish9:#A41318;
    --radish10:#800F13;

   --red0:#ffebee;
   --red1:#ffcdd2;
   --red2:#ef9a9a;
   --red3:#e57373;
   --red4:#ef5350;
   --red5:#f44336;
   --red6:#e53935;
   --red7:#d32f2f;
   --red8:#c62828;
   --red9:#b71c1c;
    --navy_blue0:#97ADD8;
    --navy_blue1:#7995CD;
    --navy_blue2:#5B7EC2;
    --navy_blue3:#4268B3;
    --navy_blue4:#375695;
    --navy_blue5:#2A4272;
    --navy_blue6:#273C68;
    --navy_blue7:#213459;
    --navy_blue8:#1C2B4A;
    --navy_blue9:#16233C;


    --light_blue0:#E1F5FE;
    --light_blue1:#B3E5FC;
    --light_blue2:#81D4FA;
    --light_blue3:#4FC3F7;
    --light_blue4:#29B6F6;
    --light_blue5:#03A9F4;
    --light_blue6:#039BE5;
    --light_blue7:#0288D1;
    --light_blue8:#0277BD;
    --light_blue9:#01579B;

    --deeporange0:#FBE9E7;
    --deeporange1:#FFCCBC;
    --deeporange2:#FFAB91;
    --deeporange3:#FF8A65;
    --deeporange4:#FF7043;
    --deeporange5:#FF5722;
    --deeporange6:#F4511E;
    --deeporange7:#E64A19;
    --deeporange8:#D84315;
    --deeporange9:#BF360C;

    --rad-50: 50%;
    --rad-100: 100%;
  }
  .padding_0{
    padding: 0px;

  }
  .padding_5{
    padding: 5px;

}
.padding_10{
    padding: 10px;

}
 .padding_2{
    padding: 2px;

}
.padding_1{
    padding: 1px;

}
.margin_0{
    margin: 0px;
}
.margin_5{
    margin: 5px;
}
.margin_10{
        margin: 10px;
}
.height_match_parent{
    height:100%;
    
}
.width_match_parent{
    width:100%;
    
}
.padding_left_5{
    padding-left: 5px;

}
.margin_top_1{
        margin-top: 1px;
}
.margin_top_2{
        margin-top: 2px;
}
.margin_top_10{
        margin-top: 10px;
}
.margin_top_65{
        margin-top: 65px;
}
.margin_top_50{
        margin-top: 50px;
}
  @media print {

    img {
    -webkit-print-color-adjust: exact;
   }
   .no-print {
                display: none;
            }
   
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
  float: left !important;
}
.col-sm-12 {
  width: 100% !important;
}
.col-sm-11 {
  width: 91.66666666666666% !important;
}
.col-sm-10 {
  width: 83.33333333333334% !important;
}
.col-sm-9 {
  width: 75% !important;
}
.col-sm-8 {
  width: 66.66666666666666% !important;
}
.col-sm-7 {
  width: 58.333333333333336% !important;
}
.col-sm-6 {
  width: 50% !important;
}
.col-sm-5 {
  width: 41.66666666666667% !important;
}
.col-sm-4 {
  width: 33.33333333333333% !important;
 }
 .col-sm-3 {
   width: 25% !important;
 }
 .col-sm-2 {
   width: 16.666666666666664% !important;
 }
 .col-sm-1 {
  width: 8.333333333333332% !important;
 }



}



.space_around{
    display: grid;
    justify-content: space-around;
    align-content: space-around;
  
}
.space_equal{
    display: grid;
    justify-content: space-evenly;
    align-content: space-evenly;
  
}
.space_between{
    display: grid;
    justify-content: space-between;
    align-content: space-between;
  
}
.align_content_center{
    display: grid;
    justify-content: center;
    align-content: center;
  
}
.align_items_center{
    display: grid;
    justify-items: center;
    align-items: center;
  
}
.align_content_left{
    display: grid;
    justify-content: start;
    align-content: start;
  
}
.align_content_right{
    display: grid;
    justify-content: end;
    align-content: end;
  
}
.align_content_right2{
    display: grid;
    justify-content: end;
    
  
}
.gravity_center{
    display: flex;
    justify-content: center;
    align-items: center;
  
}
.gravity_start{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
  
}
.gravity_end{
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
  
}
.gravity_end2{
    display: flex;
    justify-content: flex-end;
   
  
}
.gravity_center_vertical{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  
}
.gravity_center_horizontal{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  
}
.gravity_center_row{
    display: flex;
    justify-content: space-between;
    align-items: center;
  
}
.gravity_center_top{
    display: flex;
    justify-content: center;
    
}



.img_logo{
    width: 100%;
    height: 100%;
   
}
.circular_image_logo{
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 2px solid ;
    border-color: var(--grey3);
    overflow: hidden;
    display:inline-block;
    vertical-align:middle;
    background: var(--whitesmoke);
    overflow:hidden;

}
.rect_image_view{
    width: 40px;
    height:45px;
    border: 2px solid var(--grey3);
    overflow: hidden;
    display:inline-block;
    vertical-align:middle;
    background: var(--whitesmoke);
    overflow:hidden;
}
.rect_image_view img{
    width: 100%;
    height:100%;
   
}
.align_bottom{
    position: absolute;
    bottom: 0;

}


.container_svg{
  background-color: var(--myFillColor);
}

.bg_card_grey {
    border-radius: 10px;
    border: 3px solid #fff;
    background-color: #BDBDBD;
    
}
.bg_card_grey_outline {
    border-radius: 10px;
    border: 2px solid #BDBDBD;
    background-color: #FFF;
   
}
.hidden {
visibility: hidden;
display: none;
}
.hidden_keep_space {
visibility: hidden;

}

.center-text {
    text-align: center;
}
