*:focus {
    outline: none !important;
}
.form-control{
    background-color: #fff ;
}
#check .input-group-text{
    background-color: #fff
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
        background-color: #fff !important;
        -webkit-box-shadow: inset 0 0 0px 9999px white !important;
}

.input-group-text {
    border-left:0;
    background-color: #fff;
        color: #46c69b;
}
.input-group .form-control{
    border-right: 0;
}
.login-field-wrap {
    margin-left: auto;
    margin-right: auto;
}

.login-wrapper{

    position: relative;
    background-color: transparent;
    margin-top: 10%;
}
.login-field-wrap .form-group  label{
    text-align: left;
    color: #333333
}
.login-field-wrap  .has-error .input-group .form-control {
    border-right: 0;
}

.login-field-wrap  .has-error .input-group  .input-group-text {
        border: 1px solid red !important;
        border-left: 0;
}
.login-field-wrap .text-danger{
    color:red !important;
    font-size: 14px;
    text-align: left
}
.login-title{
    font-size:32px;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 20px;
    text-align: center;
    text-align: left;
}
.login-title.welcomeTo{
    font-family: CommeMedium;
    font-size: 24px;
    text-align: left;
    margin-bottom: 0;
    }
.login-title.toSouthern{
    font-family: Comme;
    font-weight: bold;
    font-size: 31px;
    }

.login-field-wrap{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.dontRemember{
    margin-top: 30px;
    font-size: 13px;
}
.login-field-wrap  .has-error .blue-btn {
    background-color: rgba(255, 51, 0, 1);
}
.magic-checkbox+label{
     user-select: none;
}
.magic-checkbox+label:before {
    border: 1px solid #c6c6c6;
    
}
.magic-checkbox+label:after, .magic-radio+label:after {
     display: block;
         border-color:#dadada;

     
}
.magic-checkbox+label:after {
   // border: 2px solid #dadada;
}

.magic-checkbox:checked+label:after {
    top: 2px;
    left: 7px;
    box-sizing: border-box;
    width: 6px;
    height: 12px;
    transform: rotate(45deg);
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
}

.magic-checkbox:checked+label:before {
    border: 2px solid #45c69b;
    background: #45c69b;
}