@font-face {
    font-family: RobotoBold;
    src: url(../fonts/Roboto-Bold-webfont.woff);
}
@font-face {
    font-family: RobotoRegular;
    src: url('../fonts/Roboto-Regular-webfont.woff');
}
@font-face {
    font-family: RobotoMideum;
    src: url('../fonts/Roboto-Medium-webfont.woff');
}
@font-face {
    font-family: RobotoLight;
    src: url('../fonts/Roboto-Light-webfont.woff');
}


body{
    font-family: 'RobotoRegular' !important;
    font-size: 14px;
    background: #f4f4f4 !important;

}

.ellips{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    word-wrap: normal;
}
a{text-decoration: none;}
.overlay{
    background-color: rgba(0, 0, 0, 0.24);
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 10000;
    display: none;
    top: 0px;
}
.overlay.open{display: block;}



.ln_mn_bg_co1 {  background-color:  #afafab !important; }
.ln_mn_bg_co2 {  background-color:  #f06945 !important; }
.ln_mn_bg_co3 {  background-color:  #dd45f0 !important; }
.ln_mn_bg_co4 {  background-color:  #334ff0 !important; }
.ln_mn_bg_co5 {  background-color:  #2bf042 !important; }
.ln_mn_bg_co6 {  background-color:  #b11e2a !important; }
.ln_mn_bg_co7 {  background-color:  #f0c730 !important; }
.ln_mn_bg_co8 {  background-color:  #a9a8f0 !important; }
.ln_mn_bg_co9 {  background-color:  #308b9b !important; }
.ln_mn_bg_co10 {  background-color:  #bd13f0 !important; }
.ln_mn_bg_co11 {  background-color:  #f09422 !important; }
.ln_mn_bg_co12 {  background-color:  #787515 !important; }
.ln_mn_bg_co13 {  background-color:  #7e5285 !important; }


#LoaderReg {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url("../images/preload.gif")no-repeat top 50% center;
    background-color: rgba(0, 0, 0, 0.29);
    background-size: 12%;
    top: 0px;
    left: 0px;
    z-index: 10;
    display: none;
}