﻿.Responsive div.Feedback_Message_Wrapper {
    margin-top: 35px;
}
/*-----saravanan----*/
.bg_f9f9f9{
    background-color: #F9F9F9;
}
.bg-white-auto{
    background-color: #fff;
    height: auto;
}
.width-9{
    width:9%;
}
.width-25{
 width:25%;   
}
.width-56{
   width:56%; 
}
.width-60{
 width:60%;   
}
.width-40{
 width:40%;   
}
.width-15{
    width:15%;
    }
    .width-20{
    width:20%;
    }
    .width-80{
    width:80%;
    }
.width-35{
    width:35%;
    }
    width-85{
     width:85%;   
    }
.padding-3-1-LR{
    padding: 0% 1% 0% 3%;
}

.padding-1percentage{
    padding: 1%;
}
.padding-2percentage{
    padding: 2%;
}
.padding-3percentage{
 padding: 3%;   
}
.padding-5percentage{
    padding: 5%;
}
.padding-2-5percentage{
    padding: 2% 5% 2% 5%;
}
.padding-5-2percentage{
    padding: 5% 2% 5% 2%;   
}
.padding-10-5percentage{
    padding: 10% 5% 10% 5%;
}
.padding-20-2-5-2{
    padding: 20% 2% 5% 2%;
   
}
.padding-20-10-5-10{
    padding: 20% 10% 5% 10% ;
}

.lbl_font300{
    font-size: 300%;
   
}
.lbl_font300{
    font-size: 300%;
    color: #5E104A;
}
.lbl_font250{
    color: #5E104A;
    font-size: 250%;
}
.lbl_font250-b03060{
    color:#b03060;
    font-size: 250%;
}
.lbl_font250-5E104A{
    color:#5E104A;
    font-size: 250%;
}
.lbl_font200{
    font-size: 200%;
}
.lbl_font200-color-ccc{
    font-size: 200%;
    color: #ccc;
}
.lbl_font100{
    font-size: 100%;
}
.lbl_font150{
    font-size: 150%;
}
.font-5E104A{
    color:#5E104A;
}
.font-b03060{
color:#b03060;
}
.font-85{
 font-size: 85%;   
}
.font-95{
 font-size: 95%;   
}
.font-100{
 font-size: 100%;   
}
.butn_color_b03060{
background-color: #b03060;   
border-radius: 10%;

}
.margin_left_right_1_45{
height: 100%;
margin-right: 1%;
width: 45%;
margin-left: 1%;
}
.margin-bottom-1{
    margin-bottom: 1%;
}
.margin-bottom-top-1{
    margin-top: 1%;
    margin-bottom: 1%;
}
.img-100-percentage{
 height: 100%;
 width: 100%;
}
.image-overflow{
    height: auto;
margin-top: -45%;
padding: 0%;
width: 100%;
}
.box-shadow-card{
    background-color: #fff;
 box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.10);   
}
.padding-10percentage{
    padding:10%;
}
.padding-10percentage{
    padding:10%;
}

.box-radius-card{
    border-radius: 0px 10% 0px 10%;
}
.container-100-margin_right-1{
    height: 100%;
margin-right: 1%;
width: 100%;
}
.container-bg-border{
    border-color: #ced4da;
    border-style: solid;
    border-width: 1px;
    background-color: #edf0f2;
}
/*------------opacity----------*/
.opactiy_bg{
    opacity: 0.6;
}
/*.............position...............*/
.position-abs{
 position: absolute;  
 z-index: 10;
}
.position-rel{
 position:relative;   
}
/*---------- $custom font ----------*/
@font-face {
font-family: "MarkPro";
src: url("/Alumni_Web_TH/MarkPro.otf");
}
.setMarkPro{
font-family: "MarkPro";
}
.setBold{
    font-weight: bold;
}

@font-face {
font-family: "MarkProBlack.otf";
src: url("/Alumni_Web_TH/MarkProBlack.otf");
}
.setMarkProBlack{
font-family: "MarkProBlack";
}

@font-face {
font-family: "MarkProHeavyItalic.otf";
src: url("/Alumni_Web_TH/MarkProHeavyItalic.otf");
}
.setMarkProHeavyItalic{
font-family: "MarkProHeavyItalic";
}

@font-face {
font-family: "MarkProHeavy.otf";
src: url("/Alumni_Web_TH/MarkProHeavy.otf");
}
.setMarkProHeavy{
font-family: "MarkProHeavy";
}

@font-face {
font-family: "MarkProMediumItalic.otf";
src: url("/Alumni_Web_TH/MarkProMediumItalic.otf");
}
.setMarkProMediumItalic{
font-family: "MarkProMediumItalic";
}

@font-face {
font-family: "MarkProThinItalic.otf";
src: url("/Alumni_Web_TH/MarkProThinItalic.otf");
}
.setMarkProThinItalic{
font-family: "MarkProThinItalic";
}

@font-face {
font-family: "MarkProBoldItalic.otf";
src: url("/Alumni_Web_TH/MarkProBoldItalic.otf");
}
.setMarkProBoldItalic{
font-family: "MarkProBoldItalic";
}

@font-face {
font-family: "MarkProBold.otf";
src: url("/Alumni_Web_TH/MarkProBold.otf");
}
.setMarkProBold{
font-family: "MarkProBold";
}

@font-face {
font-family: "MarkProHairline.otf";
src: url("/Alumni_Web_TH/MarkProHairline.otf");
}
.setMarkProHairline{
font-family: "MarkProHairline";
}



/*---------- container css ----------*/