@charset "UTF-8";
/* CSS Document */


.Responsive100{width:100%; float:left; margin-left:0px !important; margin-right:0px !important;}
/* FLEX Boxes */
.Flex{display:-webkit-box !important;
      display:-webkit-flex  !important;
      display:-webkit-flexbox  !important;
      display:-moz-flex  !important;
      display:-moz-box  !important;
      display:-ms-flexbox  !important;
      display:flex  !important;}                                        /* NEW */
.FlexWrap{-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}                                                              /* NEW */

/* Position */
.PosFixed{position:fixed;}
.PosAbsolute{position:absolute;}
.PosRelative{ position:relative;}
.PosStatic{position:static;}

/* Floating */
.Fleft{ float:left !important;}
.Fright{ float:right !important;}
.Fnone{ float:none !important;}
/*Float*/
.Ftop{ float: top  !important;}

/* Overflows */
.OvHidden{ overflow:hidden;}
.OvScroll{ overflow:scroll;}
.OvAuto{ overflow:auto;}
.OvVisible{ overflow:visible;}
.OvXScroll{ overflow-x:scroll;}
.OvYScroll{ overflow-y:scroll;}
.OvXHidden{ overflow-x:hidden;}
.OvYHidden{ overflow-y:hidden;}

/* Empty Boxes */
.EmptyBox5{ display:block; width:100%; height:5px; overflow:hidden;}
.EmptyBox10{ display:block; width:100%; height:10px; overflow:hidden;}
.EmptyBox20{ display:block; width:100%; height:20px; overflow:hidden;}
.EmptyBox30{ display:block; width:100%; height:30px; overflow:hidden;}
.EmptyBox40{ display:block; width:100%; height:40px; overflow:hidden;}
.EmptyBox50{ display:block; width:100%; height:50px; overflow:hidden;}
.EmptyBox60{ display:block; width:100%; height:60px; overflow:hidden;}
.EmptyBox70{ display:block; width:100%; height:70px; overflow:hidden;}
.EmptyBox80{ display:block; width:100%; height:80px; overflow:hidden;}
.EmptyBox90{ display:block; width:100%; height:90px; overflow:hidden;}
.EmptyBox100{ display:block; width:100%; height:100px; overflow:hidden;}
.EmptyBox110{ display:block; width:100%; height:100px; overflow:hidden;}
.EmptyBox120{ display:block; width:100%; height:100px; overflow:hidden;}
.EmptyBox130{ display:block; width:100%; height:100px; overflow:hidden;}
.EmptyBox140{ display:block; width:100%; height:100px; overflow:hidden;}
.EmptyBox150{ display: block; width: 100%; height:150px; overflow:hidden;}


/* Width */
.Wid100{ width:100%;}
.Wid90{ width:90%;}
.Wid80{ width:80%;}
.Wid70{ width:70%;}
.Wid60{ width:60%;}
.Wid50{ width:50%;}
.Wid45{ width:45%;}
.Wid40{ width:40%;}
.Wid30{ width:30%;}

/* Width Special Values */
.Wid75{ width:75%;}
.Wid33{ width:33.3%;}
.Wid25{ width:25%;}
.Wid20{ width:20%;}
.Wid19{ width:19%;}
.Wid18{ width:18%;}
.Wid17{ width:17%;}
.Wid16{ width:16%;}
.Wid15{ width:15%;}
.Wid10{ width:10%;}
.Wid6{width: 6%;}
.Wid5{width: 5%;}


/* Height */
.Hei100{ height:100%;}
.Hei90{ height:90%;}
.Hei80{ height:80%;}
.Hei70{ height:70%;}
.Hei60{ height:60%;}
.Hei40{ height:40%;}
.Hei50{ height:50%;}
.Hei30{ height:30%;}
.Hei20{ height:20%;}
.Hei10{ height:10%;}


/* Containers */
.Container100{ width:100%; float:left; padding:5px; box-sizing:border-box; }
.Container96{ width:96%; float:left; padding:5px; box-sizing:border-box; }
.Container90{ width:90%; float:left; padding:5px; box-sizing:border-box; }
.Container85{ width:85%; float:left; padding:5px; box-sizing:border-box; }
.Container80{ width:80%; float:left; padding:5px; box-sizing:border-box; }
.Container75{ width:75%; float:left; padding:5px; box-sizing:border-box; }
.Container70{ width:70%; float:left; padding:5px; box-sizing:border-box; }
.Container66{ width:66.66%; float:left; padding:5px; box-sizing:border-box; }
.Container60{ width:60%; float:left; padding:5px; box-sizing:border-box; }
.Container50{ width:50%; float:left; padding:5px; box-sizing:border-box; }
.Container40{ width:40%; float:left; padding:5px; box-sizing:border-box; }
.Container33{ width:33.33%; float:left; padding:5px; box-sizing:border-box; }
.Container30{ width:30%; float:left; padding:5px; box-sizing:border-box; }
.Container25{ width:25%; float:left; padding:5px; box-sizing:border-box; }
.Container20{ width:20%; float:left; padding:5px; box-sizing:border-box; }
.Container10{ width:10%; float:left; padding:5px; box-sizing:border-box; }
.Container5{ width:5%; float:left; padding:5px; box-sizing:border-box; }


/* Text Aligns */
.TexAlCenter{ text-align:center;}
.TexAlLeft{ text-align:left;}
.TexAlRight{ text-align:right !important;}

/* Font Sizes */
.Fs9{font-size:9px !important;} 
.Fs10{font-size:10px !important;} 
.Fs11{font-size:11px !important;} 
.Fs12{font-size:12px !important;} 
.Fs13{font-size:13px !important;} 
.Fs14{font-size:14px !important;} 
.Fs15{font-size:15px !important;} 
.Fs16{font-size:16px !important;} 
.Fs17{font-size:17px !important;} 
.Fs18{font-size:18px !important;} 
.Fs19{font-size:19px !important;} 
.Fs20{font-size:20px !important;} 
.Fs21{font-size:21px !important;} 
.Fs22{font-size:22px !important;} 
.Fs23{font-size:23px !important;} 
.Fs24{font-size:24px !important;} 
.Fs25{font-size:25px !important;} 
.Fs26{font-size:26px !important;} 
.Fs27{font-size:27px !important;} 
.Fs28{font-size:28px !important;} 
.Fs29{font-size:29px !important;} 
.Fs30{font-size:30px !important;}
.Fs40{font-size:40px !important;}
.Fs50{font-size:50px !important;}
.Fs60{font-size:60px !important;}
.Fs100{font-size:100px !important;}
.Fs130{font-size:130px !important;}

/* Font Type */
.FontBold{ font-weight:bold;}
.FontLight{ font-weight:lighter;}
.FontNormal{ font-weight:normal;}
.FontItalic{font-style:italic;}

/* text colors */
.White {
    color: #ffffff !important;
}
.TransparentWhite {
    color: rgba(255, 255, 255, 0.7) !important;
}
.SoftGray {
    color: #F1F2F2 !important;
}
.Black {
    color: #2F2F2F !important;
}
.Blue {
    color: #3E98D3 !important;
}
.Red {
    color: #EF3F61 !important;
}
.Teal {
    color: #109B91 !important;
}
.Green {
    color: #2BB673 !important;
}
.Cyan {
    color: #00ACC1 !important;
}
.Orange {
    color: #F15732 !important;
}
.Leaden {
    color: #567A84 !important;
}
.BoldLeaden {
    color: #3E5E66 !important;
}
.Purple {
    color: #555574 !important;
}
/* background colors */
.WhiteBack {
    background-color: #fff !important;
}
.SoftGrayBack {
    background-color: #EDF3F6 !important;
}
.BlackBack {
    background-color: #2F2F2F !important;
}
.BlueBack {
    background-color: #3E98D3 !important;
}
.BlueCaasimBack{
    background-color: #092432 !important;
}
.RedBack {
    background-color: #EF3F61 !important;
}
.TealBack {
    background-color: #109B91 !important;
}
.GreenBack {
    background-color: #2BB673 !important;
}
.GrayBack{
    background-color: #A4A4A4 !important;
}
.CyanBack {
    background-color: #00ACC1 !important;
}
.YellowBack {
    background-color: #F3F781 !important;
}
.OrangeBack {
    background-color: #F15732 !important;
}
.LeadenBack {
    background-color: #567A84 !important;
}
.BoldLeadenBack {
    background-color: #3E5E66 !important;
}
.PurpleBack {
    background-color: #555574 !important;
}
/* seperator line */
.Separator {
    border-bottom: solid 1px #c6d6df;
    width: 100%;
    overflow: hidden;
    height: 0px;
    margin: 10px 0px;
    clear: both;
}
.SeparatorFull {
    border-bottom: solid 1px #c6d6df;
    display: block;
    overflow: hidden;
    height: 0px;
    margin: 10px -2.4rem;
    clear: both;
}