/*2015.08.21*/
*{padding: 0; margin: 0; }
ul,li{list-style:none;}
html{height:100%;}
body{height:100%;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 14px;line-height: 1.42857143;color: #575e65;background:#585f67;margin: 0;}
a{text-decoration: none;}
h1,h5{font-weight: 500; line-height: 1.1; color: inherit;}
h5 {margin: 10px auto; font-size: 14px;}
p {margin: 0 0 10px;}
.color_text{color:#92929d;}
.f13{font-size:13px;}
.tc{text-align:center;}
.red{color: red;}
.left_box{position: absolute;left: 110px;top: 80px}
.container button {width:300px; height:40px;font-size:18px; background: #f19300;color: #424242; font-weight:lighter; border: none;border-radius: 2px;margin:30px 0 0;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
.row{overflow: hidden;}
.col-3 {width: 25%;}
.col-8 {width:300px;margin:0 auto;}
.col-3{float: left;}
.col-mid{ margin: 10px auto;}
.wid-8{width:90%;}
.wid-5{width:50%;}
form{margin-top: 20px;}
#password-recovery {margin-top: 70px;}
.form-control {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:14px;display: block;width:280px;height: 22px;padding: 9px 10px;color: #333;background-color: #ebebeb;border:none;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.red_border{width:280px;height: 20px;border: 1px solid #94272a;}
.form-control:focus {border-color: #0062cc;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);}
.form-control:-moz-placeholder {color: #999;opacity: 1;}
.form-control:-ms-input-placeholder {color: #999;}
.form-control::-webkit-input-placeholder {color: #999;}
.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control {cursor: not-allowed;background-color: #eee;opacity: 1;}
textarea.form-control {height: auto;}
.button_box{float: right; padding-right: 30px;}
/*.wifibg{background:url(../img/ico_one.png) no-repeat;}*/
.logo_img{width:222px;height:60px;float:right;background:url(../img/whitelogo.png) no-repeat 0 8px;}
/*.wifibg{width:71px;height:52px;margin:0 auto 55px;background-position:0 -60px;position:relative;}*/
/*for unleshed 200.2*/
.wifibg {background-image: url(../img/Ruckus_Unleashed_icon.png);background-repeat: no-repeat;display: block; }
.wifibg_wifi_login {width: 113px; height: 87px; margin:0 auto 12px; background-size: cover; position:relative;}
.wifibg_ruckus_login {width: 230px;border: hidden;float:right;}
.wifibg_wifi_login_offset {background-position: 0 30px; margin: -30px auto 0;}
.wifibg_wifi_login_oem {color: #d1d3d5; margin: 0 auto 22px; text-align: center;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#797979;font-weight: lighter;}
input:-moz-placeholder, textarea:-moz-placeholder {color:#797979 !important;font-weight: lighter;}
input::-moz-placeholder, textarea::-moz-placeholder {color:#797979 !important;font-weight: lighter;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#797979 !important;font-weight: lighter;}
.container{
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  height: 100%;
  box-sizing: border-box;
}
.container > .mobile-app-promotion {
  position: absolute;
  top: 50px;
  right: 50px;
}

@media screen and (max-width: 767px) {
  .container {
    padding: 30px 0;
    justify-content: flex-start;
  }
  .container > .ruckus-logo {
    position: static;
  }

  .container > .mobile-app-promotion {
    position: static;
  }
}

@media screen and (min-width: 768px) and (max-height: 800px) {
  .container {
    padding: 30px 0;
    justify-content: flex-start;
  }
  .container > .ruckus-logo {
    position: static;
    align-self: flex-start;
    margin-left: 80px;
  }

  .container > .mobile-app-promotion {
    position: static;
    align-self: flex-end;
    margin-right: 30px;
  }
}