@CHARSET "UTF-8";

:root {
  --orange-color:#ec642a;  
   --blue-color:#490093;
   --darkblue-color:#270c78;
  --light-orange-color:#f86e34; 
}
/********************** Login New Css ***************/
.MyLoginBg{height:100%; width:100%;  background-color: #fff;}
.MyLogin{width:300px; background:#fff; margin: 50px auto 20px;}
.Logo .form-title{margin: 30px 0 0px 0;font-weight: 500 !important;}
.MyLoginForm{float:left; width:100%; margin:20px 0;}
.LoginInput{float:left; width:90%; padding:5px 5px; background:#FFF; border:1px #DDD solid; margin-bottom:12px}
.LoginInput:focus{border:1px #56aded solid;}
.KeepLogin{float:left; width:100%; margin:0px; font-size:13px; color:#333;}
.MyLoginForm .LoginBtn{padding:6px 22px; font-size:13px; font-weight:600; color:#FFF; background:#56adec; border:none; display:inline-block; clear:both; border-radius:12px;}
.MyLoginForm .LoginBtn:hover{opacity:0.8}
.ForgotLink{display:inline-block; margin:10px 0 0 0; font-size:13px; color:var( --orange-color);  clear:both; width:100%; text-align: center; margin-top: 30px}
.LoginFooter{position:relative; top:120px; display:inline-block; width:100%; left:0;  font-size:12px; line-height:16px; text-align: center;}
.LoginFooter a{color:var( --orange-color);}
.LoginFooter .FooterLogo{float:left; margin:0 10px 0 0;}

.ErrorMsg{color:#ff0000;margin-top: 20px;margin-bottom: 0;}
.LoginFooter p{margin-top:11px;}
.orangebtn { transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;   background: var( --orange-color);    border-color: var( --orange-color);    width: 100%;height: 48px; border-radius:12px!important;font-size: 16px;}
.MyLoginForm .input-icon i,.orangebtn  i{	display: none;font-weight: 600}
.btn-primary:focus, .btn-primary:hover {
    background-color:var(--light-orange-color);border-color: var(--light-orange-color); 
    background-position: 0 -15px;
    
}

.MyLoginForm  .form-control{ height: 48px; border-radius:12px!important;  border: solid 1px #cccccc;  background-color: #ffffff;padding-left: 16px !important;}
.styled-checkbox {
  position: absolute;
  opacity: 0;
}
.styled-checkbox + label {
  position: relative;
  cursor: pointer;
  padding: 0;
  left:8px;
}
.styled-checkbox + label:before {
  content: '';
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 20px;
  height: 20px;
  background: white;
  border: #707070 solid 1px;
    background: white;
    border-radius: 8px;
}
.styled-checkbox:hover + label:before {
  background: #f35429;
    border: #f35429 solid 1px;
}
.styled-checkbox:focus + label:before {
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.12);
}
.styled-checkbox:checked + label:before {
  background: #f35429;
   border: #f35429 solid 1px;
}
.styled-checkbox:disabled + label {
  color: #b8b8b8;
  cursor: auto;
}
.styled-checkbox:disabled + label:before {
  box-shadow: none;
  background: #ddd;
}
.styled-checkbox:checked + label:after {
  content: '';
  position: absolute;
  left: 5px;
  top: 9px;
  background: white;
  width: 2px;
  height: 2px;
  box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

#playStore{
  margin-left:22%;
  margin-right:30%; 
  width:450px;
  top:0px;
  height: 130px; 
  position:fixed; 
  padding:10px 30px;
  z-index:100; 
  background-color:#fff; 
  border:2px solid #ffe; 
  box-shadow: 0 5px 10px #dada;
  border-radius: 0px 0px 15px 15px;
}
#playStore div{
 margin-bottom: 10px;
}
#playStore p{
 font-size: 18px;
 font-weight: bold;
}


@media (max-width:768px) {
.MyLogin{width:100%; padding:10px;}
#playStore{display: none;}
}
.kenz-recaptcha {
  margin-bottom: 10px;
}