/* CSS Document */
html{
	height:100%;
}
body{
  /* login body */
	background-repeat:no-repeat;
	background-color:#f1eded;
	background-position:center center;
	min-width:1000px;
  overflow:hidden;
  background-image:url(../images/wallpaper-2021-03.png);
  background-size:cover;
}

/* bug1425 show  */
/*.popup{display:none;position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:1;}*/
.popup{display:none;position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:1;}
.popup .popup_bg{position:absolute;top:0px;left:0px;width:100%;height:100%;background:url(../images/bg1.gif) 0 0 repeat;z-index:1;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;}
.popup .popup_cont{position:absolute;top:50%;left:50%;z-index:2;}
.popup .popup_cont .top{height:9px;line-height:0px;font-size:0px;}
.popup .popup_cont .top .left{float:left;width:0.7%;height:9px;line-height:0px;font-size:0px;background:url(../images/popup_top_left.png) 0 0 no-repeat;}
.popup .popup_cont .top .center{float:left;height:9px;line-height:0px;font-size:0px;background-color:#fff;}
.popup .popup_cont .top .right{float:left;width:0.7%;height:9px;line-height:0px;font-size:0px;background:url(../images/popup_top_right.png) 0 0 no-repeat;}
.popup .popup_cont .bottom{height:9px;line-height:0px;font-size:0px;}
.popup .popup_cont .bottom .left{float:left;width:0.7%;height:9px;line-height:0px;font-size:0px;background:url(../images/popup_bottom_left.png) 0 0 no-repeat;}
.popup .popup_cont .bottom .center{float:left;width:932px;height:9px;line-height:0px;font-size:0px;background-color:#fff;}
.popup .popup_cont .bottom .right{float:left;width:0.7%;height:9px;line-height:0px;font-size:0px;background:url(../images/popup_bottom_right.png) 0 0 no-repeat;}
.popup .popup_cont .content .title{padding:10px 15px 0;height:26px;}
.popup .popup_cont .content .title .btn_close{float:right;width:37px;height:26px;background:url(../images/icon_erase.png) 0 0 no-repeat;}

/* bug1425 new user  */
.popup .newUser{margin-left:-150px;margin-top:-230px;width:700px;height:430px;}
.popup .newUser .top .center,.popup .newUser .bottom .center{width:482px;}
.popup .newUser .content{height:700px; margin-top:-74px; background-color:#D1EEEE;}
.popup .newUser .content .title span{float:left;font-size:20px;line-height:26px;color:#006aff;font-weight:bold;}
.popup .newUser .content .newUser_form{margin:0px auto;padding-top:20px;width:620px;height:500px;overflow-x:auto;overflow-y:auto;}
.popup .newUser .content .newUser_form li{float:left;width:100%;padding-top:10px;}
.popup .newUser .content .newUser_form li label{float:left;padding-right:10px;width:180px;line-height:28px;text-align:right;font-size:16px;}
.popup .newUser .content .newUser_form li input{float:left;padding:0px 5px;width:200px;height:26px;line-height:26px;border:1px solid #ccc;}
.popup .newUser .content .newUser_form li input[type=checkbox]{width:20px;}
.popup .newUser .content .newUser_form li.btns{padding-top:20px;}
.popup .newUser .content .newUser_form li.btns input{width:103px;height:48px;border:none;color:#fff;font-size:17px;background:url(../images/btn_bg.png) 0 0 no-repeat;}
.popup .newUser .content .newUser_form li.btns .btn_update{margin-left:72px;}
.popup .newUser .content .newUser_form li.btns .btn_back{margin-left:50px;}

.white{
    color:#000;
    background-color:#fff;
}

.btn-facebook {
    color: #ffffff;
    -webkit-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #2b4b90;
    *background-color: #133783;
    background-image: -moz-linear-gradient(top, #3b5998, #133783);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3b5998), to(#133783));
    background-image: -webkit-linear-gradient(top, #3b5998, #133783);
    background-image: -o-linear-gradient(top, #3b5998, #133783);
    background-image: linear-gradient(to bottom, #3b5998, #133783);
    background-repeat: repeat-x;
    border-color: #133783 #133783 #091b40;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3b5998', endColorstr='#ff133783', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-facebook:hover,
.btn-facebook:focus,
.btn-facebook:active,
.btn-facebook.active,
.btn-facebook.disabled,
.btn-facebook[disabled] {
    color: #ffffff;
    background-color: #133783 !important;
    *background-color: #102e6d !important;
}

.btn-facebook:active,
.btn-facebook.active {
    background-color: #0d2456 \9 !important;
}

/* Logoin Contents */
.login-content {
  height: 100vh;

  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;

  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 0 0 10%;
}

.solar-box {
  background:rgba(255, 255, 255, .55);
  width: 620px;
  padding: 10px;
  border-radius: 20px;

  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;

  box-shadow: 4px 4px 4px rgba(68, 68, 68, 0.3);
}

.solar-charger-img {
  width: 60px;
}

.solar-text {
  font-weight: bold;
  color: #002e5d;
  font-size: 20px;
  margin: 26px;
}

.login-root-box {
  width: 380px;
  background-color: #f0f0f0 !important;
  margin-top: 40px;
  box-shadow: 5px 5px 10px #bbbbbb;
  border-radius: 2px;
}

.image-wrapper {
  width: 380px;
  margin: 30px auto 0px;
}

.login_fleetup_logo {
  width: 56%;
  height: 56px;
  margin: 0 auto;
  background: url(../images/FleetUp3ShadowLogo.png?v=20201023) top center no-repeat;
  background-size: contain;
}

.login-form {
  width: 380px;
  padding: 5px 20px 5px 20px;
}

.login-title {
  font-weight: bold;
  text-align: center;
  color: #236192;
}

.login-input-group {
  margin-bottom: 30px !important;
}

.login-text-input {
  height: 42px;
  border-radius: 10px;
  color: #727272;
  box-shadow: 3px 3px 8px #b2b2b2;
  outline: none;
}

.login-text-input:focus {
  outline: none;
}

/* FU customer style */
[class*=fu-btn-]:focus{
    outline: none;
}
.fu-btn-success,.fu-btn-success:focus,.fu-btn-success:active,.fu-btn-success:active:hover,.fu-btn-success:active:focus{
    color: #fff;
    background-color: #eaaa00;
    box-shadow: 3px 3px 8px #b2b2b2;
    height:50px !important;
}
.fu-btn-success:hover{
    color: #fff;
    background-color: #ffbb07;
}
.fu-btn-primary,.fu-btn-primary:focus,.fu-btn-primary:active,.fu-btn-primary:active:hover,.fu-btn-primary:active:focus{
    color: #fff;
    background-color: #236192;
    box-shadow: 3px 3px 8px #b2b2b2;
}
.fu-btn-primary:hover{
    color: #fff;
    background-color: #2973ad;
    box-shadow: 3px 3px 8px #b2b2b2;
}
.loading-img{
    width: 20px;
    height: 20px;
    margin: 0 5px;
    animation: spin 2s linear infinite;
    display: none;
}
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}