@import url('http://fonts.googleapis.com/css?family=Raleway');
@import url('https://fonts.googleapis.com/css?family=ABeeZee');
body{ margin:0px; padding:0px; font-weight:normal; background-attachment:fixed; background:url(../assets/layouts/img/background.png) no-repeat; background-size:cover; font-family:Raleway;}
h1,h2,h3,h4,h5,h6,p,a{ margin:0px; padding:0px; font-family:Raleway;}
p{margin-bottom:0px;}

.logo_and_navigation_back{ width:100%; background:#182F49; padding:4px 0px 4px 0px;}
.logo_part{ width:100%;}
.logo_part img{ width:44px; height:44px; border-radius:100%; display:inline-block; margin-right:4px;}
.logo_part p{ margin-bottom:0px; color:#fff;}
.who_login_part{ width:100%;}
.who_login_part p img{ width:44px; height:44px; border-radius:100%; background:#fff; margin-right:6px;}
.who_login_part p{ color:#fff; font-size:13px; margin-bottom:0px;}
.message{ background:rgba(26,73,126,0.4);}
.message a{ display:block; padding:10px; color:#bbd9fc;}
.message a:hover{ text-decoration:none;}
.message_signal i{ font-size:16px; color:#00ff42; position:relative; top:2px;}
.logout{ background:rgba(26,73,126,0.4); width:100%; text-align:center;}
.logout a{ padding:9px; display:block; font-size:16px; color:#fcff00;}
.body_back{ width:100%;}
.entry_part{ width:100%; padding:10px; background:#fff; margin-top:10px;}  
.entry_part h1{ background:#0A9FE7; padding:10px 10px; display:block; font-size:20px; text-align:center; color:#fff; font-family:Raleway;}
.labelname{ font-family:Raleway; font-size:15px; font-weight:normal;}
.form-group{ margin-bottom:4px;}
.submit{ padding:6px 10px; display:block; border:1px solid #ca8b09; margin:14px 0px 14px 0px; text-align:center; font-size:17px; border-radius:6px 6px 6px 6px; background:linear-gradient(#FCAA00,#ca8b09); color:#fff;}
.submit:hover{ text-decoration:none; color:#fff;}
.who_design_back{ width:100%; padding:14px; background:#182F49; margin-top:20px;}
.who_design_back p{ color:#fff; font-size:14px; margin-bottom:0px; font-family:Raleway;}
/*@media only screen and (min-width:401px) and (max-width:990px)*/
@media only screen and (min-width:992px) and (max-width:1199px)
{
    .who_login_part p{ color:#fff; font-size:10px; margin-bottom:0px;}
}
@media only screen and (min-width:0px) and (max-width:400px)
{
    .who_login_part{ text-align:center;}
    .message{ text-align:center; margin:10px 0px 10px 0px;}
}
@media only screen and (min-width:401px) and (max-width:991px)
{
    .who_login_part{ text-align:center;}
    .message{ width:49%; float:left; display:inline-block; text-align:center; margin:10px 0px 10px 0px; margin-right:1%;}
    .logout{ width:50%; float:left; display:inline-block; margin:10px 0px 10px 0px;}
}

.login_back{ width:100%; background:url(../assets/layouts/img/background.png) no-repeat; background-size:cover; background-attachment:fixed;}
.login_middle_part{ width:100%; padding:10px;}
.login_middle_part img{ margin:auto;}
.labelname1{ font-family:Raleway; font-size:15px; font-weight:normal; color:#626262;}
.inputtype1{ width:100%; background:rgba(255,255,255,0.6); height:30px; border:none; padding:4px; color:#b3b4b4; border:1px solid #e0e0e0;}
.login_head{ width:100%; padding:4px; text-align:center; background:#00FFB7; color:#08523d; display:block; margin:0px;}
.login_head h1{ font-size:17px; line-height:10px;}
.submit1{ padding:6px 10px; display:block; border:1px solid #ca8b09; margin:14px 0px 14px 0px; text-align:center; font-size:17px; border-radius:6px 6px 6px 6px; background:#ffc000; color:#755905; font-weight:bold;}
.submit1:hover{ text-decoration:none; color:#755905;}
.login_margin_top{ margin:5% auto; background:rgba(255,255,255,1); border:1px solid #fff; padding:10px;}
.login_margin_top p{  color:#ff6700; text-align:center; font-size:16px; padding:6px 10px;}
.submit4{ width:100%; background:#28a7f7; width:100%; color:#fff;}
.submit4:hover{ color:#fff;}