.color_white{
    color: #FFF;
}
.color_black{
    color: #000;
}
.color_skyblue{
    color: #28A8E0;
}
.color_gray{
    color: #5E5E5E;
}
.color_orange{
    color: #E04E27;
}
.color_hardblue{
    color: #214F9F;
}
.color_softgray{
    color: #F3F3F3;
}
.color_lowgray{
    color: #D1D2D3;
}
.color_green{
    color: #37B34A;
}
.color_purple{
    color: #B666A6;
}
.color_socialblue{
    color: #3B79BE;
}
.color_yellow{
    color: #FBB03C;
}
.color_businessgray{
    color: #999999;
}
.backg_white {
    background-color: #FFF;
}
.backg_black {
    background-color: #000;
}
.backg_skyblue{
    background-color: #28A8E0;
}
.backg_orange{
    background-color: #E04E27;
}
.backg_gray{
    background-color: #5E5E5E;
}
.backg_lowgray{
    background-color: #D1D2D3;
}
.backg_hardblue{
    background-color: #214F9F;
}
.backg_softgray{
    background-color: #F3F3F3;
}
.backg_businessgray{
    background-color: #999999;
}
.border_white{
    border: solid 1px #FFF;
}
.border_black{
    border: solid 1px #000;
}
.border_skyblue{
    border: solid 1px #28A8E0;
}
.border_gray{
    border: solid 1px #5E5E5E;
}
.border_lowgray{
    border: solid 1px #D1D2D3;
}
.border_hardblue{
    border: solid 1px #214F9F;
}
.border_softgray{
    border: solid 1px #F3F3F3;
}
.border_orange{
    border: solid 1px #E04E27;
}
.fnt15{
    font-size: 15px;
}
.fnt18{
    font-size: 18px;
}
.fnt20{
    font-size: 20px;
}
.fnt24{
    font-size: 24px;
}
.fnt30{
    font-size: 30px;
}
.fnt40{
    font-size: 40px;
}
.fnt50{
    font-size: 50px;
}
.fntbld{
    font-weight: bold;
}
.fntlig{
    font-weight: lighter;
}
.fntita{
    font-style: italic;
}
.fntwithoutita{
    font-style: normal;
}
.txtal_center{
    text-align: center;
}
.txtal_right{
    text-align: right;
}
.txtal_left{
    text-align: left;
}
.txtal_justify{
    text-align: justify;
}
.txt_underline{
    text-decoration: underline;
}
.height100{
    height: 100%;
}
.width100{
    width: 100%;
}
.marg_auto{
    margin: auto;
}
.dis_inline{
    display: inline-block;
}
.dis_block{
    display: block;
}
.dis_hide{
    display: none;
}
.ver_alig_mid{
    vertical-align: middle;
}
.ver_alig_sup{
    vertical-align: super;
}
.padding_0{
    padding: 0px;
}
.cur_poi{
    cursor: pointer;
}
.mrg_lef20{
    margin-left: 20px;
}
.mrg_rig20{
    margin-right: 20px;
}
.pos_rel{
    position: relative;
}
.pos_abs{
    position: absolute;
}
.btn_softgray{
    border: solid 2px #F3F3F3;
    color: #F3F3F3 !important;
}
.btn_lowgray{
    border: solid 2px #D1D2D3;
    color: #D1D2D3 !important;
}
.btn_hardblue{
    background-color: #214F9F;
}
.btn_hardblue:hover{
    background-color: #28A8E0;
    color: #FFF;
}
.btn_softgray:hover{
    background-color: #F3F3F3;
    color: #FFF !important;
}
.btn_lowgray:hover{
    background-color: #D1D2D3;
    color: #FFF !important;
}
.btn_orange:hover{
    background-color: #28A8E0;
    color: #FFF;
}
.btn_orange{
    background-color: #E04E27;
}
.btn_skyblue:hover{
    background-color: #E04E27;
    color: #FFF;
}
.btn_skyblue{
    background-color: #28A8E0;
}
.bord_but_orange{
    border-bottom: solid 1px #E04E27;
}
.bord_top_orange{
    border-top: solid 1px #E04E27;
}
.txt_area_lines{
    white-space: pre-line;
    /*text-align: justify;*/
    word-wrap: break-word;
}
.arrow_white{
    background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="24" viewBox="0 0 32 24"><polygon points="0,0 32,0 16,24" style="fill: rgb(255, 255, 255)"></polygon></svg>') ;
}
.txt_upper{
    text-transform: uppercase;
}
    
/* Small screens and Medium screens */
/* max-width 640px, mobile-only, 641px - 1024px, tablet-only */
@media only screen and (max-width: 40em), only screen and (min-width: 40.063em) and (max-width: 64em){
    /*body{
        font-size: 20px;
    }
    .fnt13{
        font-size: 18px;
    }
    .fnt15{
        font-size: 20px;
    }
    .fnt30{
        font-size: 35px;
    }
    [type=color], [type=date], [type=datetime-local], [type=datetime], 
    [type=email], [type=month], [type=number], [type=password], 
    [type=search], [type=tel], [type=text], [type=time], 
    [type=url], [type=week], textarea, select {
        font-size: 18px;
    }
    select{
        padding-top: 2px;
        padding-bottom: 2px;
    }
    label{
        font-size: 20px;
    }*/
}