body{ font-size: 14px; background-color: #FAFAFA; background-repeat: no-repeat; background-position: 100% 50%; }
body{ margin: 0px; padding: 0px; width: 100%; min-height: 100%;   background-image: url("../images/b.jpg"); background-size: cover; background-repeat: no-repeat; background-position: 50% 50% !important; background-attachment: fixed !important; }
a{ color: #009BDF; }
a:hover{ color: #E53A24; }
body,input,textarea,button{	font-family: 'Open Sans', Arial, sans-serif; }
.wrapper { margin: 0px; padding: 0px; width: 100%; height: 100%; }


#header{ margin-top: 20px; margin-bottom: 30px; }
#main-content{ margin-top: 10px; margin-bottom: 30px; }
#footer{ padding: 20px 0px 10px 0px; color: #232d32; margin-top: 30px; }
#footer a{ color: #232d32; }

.c_blue{ color: #009BDF; }
.b_blue{ background-color: #009BDF; }
.b_blue:hover{ background-color: #008DC9; }

.c_red{ color: #E53A24; }
.b_red{ background-color: #E53A24; }

.c_gray{ color: #F3F3F3; }
.b_gray{ background-color: #F3F3F3; }



.name{font-size: 17px; margin-top: 0px;}
.phone{font-size: 15px; font-weight: bold;}


.form-signin{ max-width: 350px; margin: 0 auto; padding: 15px; margin-top: 50px;}
.form-signin .form-signin-heading{ margin-bottom: 10px; font-size: 21px; }
.form-signin .form-control { position: relative; height: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px; font-size: 16px; margin-bottom: 5px; }
.form-signin .form-control { max-width: 100%; }
.form-signin .form-control:focus { z-index: 2; }

.account_detail{ min-width: 350px; min-height: 450px; background-color: #4e8198/*#009BDF*/; background-image: url("../images/account_detail.png"); background-size: 50px; background-repeat: no-repeat; background-position: 95% 95%; border-radius: 7px;  }
.account_detail{ color: #fff; font-size: 17px;}
.account_detail p.m30px{ margin-bottom: 30px; }
.account_detail a{ color: #fff; font-size: 17px; text-decoration: none; border-bottom: 1px dotted #fff; }
.account_detail a:hover{  text-decoration: none; border-bottom: 0px dotted #fff; }
.account_detail h1{ font-size: 23px; margin-bottom: 25px;}

.breadcrumbs {margin: 20px 0px; color: #777; font-size: 14px;}
.breadcrumbs a{ color: #777;}
.breadcrumbs a:hover{ color: #555;}
.breadcrumbs span.glyphicon{ margin-right: 5px;}

.support-box{ float: right; background: url("../images/support-box.png") no-repeat; width: 295px; height: 66px; background-size: 110%;}

.visible-phone{display: none!important; }
@media (max-width: 420px){
  .hidden-phone{display: none!important;}
  .visible-phone{display: block!important;}
  .col-phone{width: 100%; text-align: center!important; }
  .form-signin{ margin-top: 10px; }
}

.secondary-menu{ margin-bottom: 30px; text-align: center; }
/*.secondary-menu a{ color: #009BDF; background-color: #F5F5F5; border: 1px solid #009BDF; border-radius: 6px; text-decoration: none; padding: 5px 10px; font-size: 15px;}
.secondary-menu a:hover{ color: #FFF; background-color: #009BDF; }*/
.secondary-menu a{ background-color: #E53A24; color: #fff; border-radius: 6px; text-decoration: none; padding: 5px 10px; font-size: 17px;}
.secondary-menu a:hover{ background-color: #008DC9; }

.logout{ position: absolute; top: 10px; right: 30px; }