.font_standard{
    font-size: 12px;
}
/********  PAGE AND STICKY FOOTER   **********/
.width_container{
    width:950px;
    margin: auto;
}



#menu_bar{
    display:block!important;
    position:fixed; 
    width:100%; 
    top:0; 
    height:70px;
    z-index: 1000000!important;
    background:#92b631;
    background-image: url(/img/sidemen_bg.png);
    background-repeat: repeat-x;
    background-size: cover;
}

#content_container{
    margin-top: 70px;
    width:100%;
    /*position: absolute;*/
    top:5px;
}

.no_desktop{
    display:none!important;
}




/************ COLS ****************/

.cols_d1{
    width:100%;
    margin-left:0%;
    margin-right:0%;
    padding:0;
    vertical-align: top;
    display: inline-block;
}

.cols_d2{
    width:49.8%;
    margin-left:0.05%;
    margin-right:0.05%;
    padding:0;
    vertical-align: top;
    display: inline-block;
}

.cols_d3{
    width:33.05%;
    margin-left:0.05%;
    margin-right:0.05%;
    padding:0;
    vertical-align: top;
    display: inline-block;
}



.cols_d4{
    width:24.8%;
    margin-left:0.05%;
    margin-right:0.05%;
    padding:0;
    vertical-align: top;
    display: inline-block;
}

.cols_d3_2{
    width:66.05%;
    margin-left:0.05%;
    margin-right:0.05%;
    padding:0;
    vertical-align: top;
    display: inline-block;
}


.cols_d4_3{
    width:74.8%;
    margin-left:0.05%;
    margin-right:0.05%;
    padding:0;
    vertical-align: top;
    display: inline-block;
}

.cols_d8{
    width:12.4%;
    margin-left:0.05%;
    margin-right:0.05%;
    padding:0;
    vertical-align: top;
    display: inline-block;
}


/*----------------------------------*/

#dl-menu, #dl-menu-image{
    display:none!important;
}


.menu_image{
    text-align: center;
    display: inline-block;
    width:250px!important;
    height: 65px!important;
    vertical-align: middle;
    border-right: none!important;
}

#mnu_logo_menu{
    width: 100%;
    height:70px;
    vertical-align: top;
    display: inline-block;
}

#mnu_logo{
    width:100%;
    margin:0!important;
    text-align: center;
    height:30px;
}

#ms_logo{
    vertical-align: top;
    display: inline-block;
    width:85px;
    height:85px;
    background: #7abcff; /* Old browsers */
    background: -moz-linear-gradient(top,  #7abcff 0%, #60abf8 44%, #4096ee 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7abcff), color-stop(44%,#60abf8), color-stop(100%,#4096ee)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #7abcff 0%,#60abf8 44%,#4096ee 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 ); /* IE6-9 */

}
.menu_full{
    display: inline-block;
    width: 100%;
    text-align: right;
    padding:0!important;
    margin:0!important;
    z-index: 100000!important;
}

.menu_full li .top_a{
    line-height: 15px;
    height:15px;
    font-size: 10px;
    font-weight: bolder!important;
    display:inline-block;
}
.menu_full li{
    text-align: center;
    text-transform: uppercase;
    margin:0 1px!important;
    font-size: 14px;
    line-height: 40px;
    height: 40px;
    display: inline-block;
    width:125px;
    font-weight: bolder!important;
    vertical-align: top;
    float: none;
}

.menu_full li.active{
    background:#92b631;
}
.menu_full > li > a{
    padding:0px 5px;
    font-weight: 600;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    color:	#FFD700;
    position:relative;
}

.menu_full > li > a >i{
    color:#fff;
    margin-right: 5px;
}
.menu_full li:hover a{
    color:#fff;
    background:rgba(0,0,0,.2);
}

.submenu_div_scroll{
    top:45px!important;
}

.submenu_div{
    left:0;
    width:100%; 
    z-index: 1000000;
    min-height:60px;
    height:60px;
    position: absolute;
    background: rgba(0,0,0,.75);
    text-shadow: none;
}


.submenu_a{
    color:rgba(255,255,255,.5)!important;
    text-shadow: none!important;;
    font-weight: bolder!important;
    font-size: 40px!important;
    line-height: 40px!important;
    vertical-align: middle!important;
}



.submenu_item:hover{
    background-color:#566c78;
}

.submenu_item .sb_image{
    width:40px;
    height:30px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin: auto;
    margin-top: 3px;
    margin-bottom: 3px;

}

.submenu_item .sb_text{
    color:white;
    width:100%;
    line-height:10px;
    height:11px;
    font-size: 9px;
    font-weight: lighter;
    vertical-align: top;
    text-shadow: none;
}

.abs_pos_top{
    position: absolute;
    top:150px;
}

.soft_3 p{
    height:50px;
}

/*status*/
#unverified{
    padding:10px 10px;
    display: inline-block;
    vertical-align: top;
    margin: 0px;
    color:#f0f0f0;
    font-size: 13px;
    height:50px;
    line-height:12px;
}


#verified{
    padding:10px 10px;
    display: inline-block;
    vertical-align: top;
    margin: 0px;
    color:#f0f0f0;
    font-size: 13px;
    height:50px;
    line-height:12px;
    pointer-events: none;
}
#unverified>i, #verified>i{
    margin-left: 5px;
    color:rgba(255,255,255,.7);
}
#unverified >span,#verified >span{
    display: block;
    font-size: 11px;
    color:rgba(255,255,255,.6);
}

/*PORTAL HOME*/
#portal_name{
    height:100px;
    background: #e5e5e5;
    background-position: center;
    background-size: cover;
    position: relative;
    text-align: left;
    font-size: 0px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cccccc+0,eeeeee+100 */
    background: rgb(204,204,204); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(204,204,204,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(204,204,204,1) 0%,rgba(238,238,238,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(204,204,204,1) 0%,rgba(238,238,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
    border-bottom:1px solid #ccc;
}

#portal_name>.image{
    display: inline-block;
    vertical-align: top;
    width:220px;
    height:100%;
    background-position: center;
    background-size: cover;
}    

#portal_name>.customer_info{
    display: inline-block;
    vertical-align: top;
    width:calc(100% - 220px);
    padding-left: 20px;
}             
#portal_name>.customer_info> .address{
    width:100%;
    font-size: 0px;
    text-align: left;
    color:#111;
}
#portal_name>.customer_info> .address >.location{
    font-size: 14px;

}
#portal_name>.customer_info> .address>.phone{
    display: inline-block;
    vertical-align: top;
    text-align: right;
    font-size: 12px;
    color:#111;
}
#portal_name>.customer_info> .address>.website,#portal_name>.customer_info>.address> .email{
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    color:#009966;
}

#portal_name >.customer_info >h1{
    color:#006699;
    text-align: left;
    font-size: 32px;
    font-weight: 400;
    margin:5px 0px;

}
#portal_name >.customer_info >h2{
    color:#fff;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
}



/*SNACKBAR*/

#snackbar {
    z-index: 2000000000!important;
    width:100%;
    text-align: center; /* Centered text */
    line-height: 1.2em;
    position: absolute; /* Sit on top of the screen */
    z-index: 0; /* Add a z-index if needed */
    top: 5px; /* 30px from the bottom */
    pointer-events: none;
}
#snackbar >div {
    z-index: 2000000000!important;
    position: absolute;
    display: block;
    width:100%;
    text-align: center;
    transition: .2s all ease;    
    opacity: 0;
    pointer-events: none;
    top:30px;
}
#snackbar >div>div {
    display: inline-block;
    max-width: calc(100% - 20px);
    pointer-events: none;
    background-color: rgba(0,0,0,.7); /* Black background color */
    color: #fff; /* White text color */
    text-align: center; /* Centered text */
    border-radius: 2px; /* Rounded borders */
    padding: 10px 20px; /* Padding */
    line-height: 1.2em;
    font-size: 14px;
}
/* Show the snackbar when clicking on a button (class added with JavaScript) */
#snackbar  > div.show {
    opacity: 1!important;
    top:0px;
}
#snackbar  >div.hide {
    opacity: 0;
    top:-30px;
}

#snackbar >div >div i{
    margin-right:10px;
}

#main >div{
    overflow: hidden;
}

#members_login_panel{
    max-width: 800px;
    margin: auto;
    margin-top: 50px;
    background: #fff;
    border:1px solid #d0d0d0;
    font-size: 0px;

}


.home_logo{
    width:400px;
    margin-top: 50px;
}

.account_div{
    width:100%;
    max-width: 500px;
    margin: auto;
    margin-top: 100px;
    border-radius: 10px;
    overflow: hidden;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1b588e+0,258dc8+100 */
background: rgb(27,88,142); /* Old browsers */
background: -moz-linear-gradient(top, rgba(27,88,142,1) 0%, rgba(37,141,200,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(27,88,142,1) 0%,rgba(37,141,200,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(27,88,142,1) 0%,rgba(37,141,200,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b588e', endColorstr='#258dc8',GradientType=0 ); /* IE6-9 */
}

.account_div .big_error{
    width:100%;
    padding: 20px 10px;
    text-align: center;
    background:#009966;
    color:#fff;
    font-size: 12px;
}



/*SNACKBAR*/

#snackbar {
    z-index: 2000000000!important;
    width:100%;
    text-align: center; /* Centered text */
    line-height: 1.2em;
    position: absolute; /* Sit on top of the screen */
    z-index: 0; /* Add a z-index if needed */
    top: 5px; /* 30px from the bottom */
    pointer-events: none;
}
#snackbar >div {
    z-index: 2000000000!important;
    position: absolute;
    display: block;
    width:100%;
    text-align: center;
    transition: .2s all ease;    
    opacity: 0;
    pointer-events: none;
    top:30px;
}
#snackbar >div>div {
    display: inline-block;
    max-width: calc(100% - 20px);
    pointer-events: none;
    background-color: rgba(0,0,0,.7); /* Black background color */
    color: #fff; /* White text color */
    text-align: center; /* Centered text */
    border-radius: 2px; /* Rounded borders */
    padding: 10px 20px; /* Padding */
    line-height: 1.2em;
    font-size: 14px;
}
/* Show the snackbar when clicking on a button (class added with JavaScript) */
#snackbar  > div.show {
    opacity: 1!important;
    top:0px;
}
#snackbar  >div.hide {
    opacity: 0;
    top:-30px;
}

#snackbar >div >div i{
    margin-right:10px;
}