:root{
    --bnr-title-font-size: 3.6458vw;
    --title-font-size: 2.6041vw;
    --title-desc-font-size: 1.6666vw;
    --para-font-size: 0.9375vw;
    --main-font-family: Segoe UI;
}

.container{
    padding: 7.6041vw 0 0;
}

.nav-account{
    padding: 0.2604vw;
    border-bottom: unset;
    background-color: #F1F1F1;
    width: 26.6249vw;
}

.nav-account li a{
    border: unset;
    width: 8.5416vw;
    padding: 0.7812vw 0;
    font-family: var(--main-font-family);
    font-size: 0.9375vw;
    /* margin: 0.2604vw; */
    /* background-color: #F1F1F1; */
    text-align: center;
}

.nav-tabs li.active a{
  background-color: #F26522;
  color: #fff;
}

.nav-tabs li.active a:hover{
    background-color: #F26522;
    color: #fff;
}

.nav-tabs li a{
    margin-right: 0;
}

.nav li a{
    margin-left: 0 !important;
}

.nav-account{
    margin-top: 0;
}

.page-content{
    margin-top: 5.9895vw;
}

.login-heading-section{
    font-family: var(--main-font-family);
    font-weight: 300;
    font-size: var(--title-font-size);
    line-height: 2.2916vw;
    color: #000 !important;
    border: unset;
    margin-bottom: 3.2291vw;
    padding: unset;
}

.form-group{
    font-family: var(--main-font-family);
    font-size: var(--para-font-size);
    line-height: 1.25vw;
    color: rgba(0, 0, 0, 0.4) !important;
    margin-bottom: 1.5625vw;
}

.form-group label{
    font-weight: 400;
}

.form-horizontal .control-label{
    text-align: unset;
    width: 8vw;
    padding-top: 0.625vw;
}

.form-horizontal .col-sm-2{
    width: 10vw;
}

input.form-control, .form-control:focus{
    border: 1px solid #BCBCBC;
}
input.form-control{
    height: 2.8125vw;
    font-family: var(--main-font-family);
    font-size: var(--para-font-size);
    line-height: 1.25vw;
    color: rgba(0, 0, 0, 0.4) !important;
}

.col-sm-offset-4{
    float: unset;
    margin-left: 0;
    width: 92%;
}

#RememberMe{
    width: 1.0416vw;
    height: 1.0416vw;
}

.xrm-attribute-value-encoded{
    padding-left: 0.5208vw;
}

.col-sm-offset-4 .checkbox{
    border-bottom: 0.5px solid #B3B3B3;
    padding-bottom: 1.0416vw;
}
.btn-primary{
    font-family: var(--main-font-family) !important;
    font-weight: 600 !important;
    font-size: var(--para-font-size) !important;
    line-height: 1.25vw;
    color: #fff !important;
    background-color: #F26522 !important;
    width: 9.0104vw !important;
    padding: 0.799vw 0 !important;
    margin-right: 1.0416vw;
}
.btn-default{
    font-family: var(--main-font-family) !important;
    font-weight: 600 !important;
    font-size: var(--para-font-size) !important;
    line-height: 1.25vw;
    color: #000 !important;
    background-color: #fff !important;
    border: 1px solid #000 !important;
    padding: 0.7812vw 0 !important;
    width: 10.9375vw !important;
}
.btn-line{
    color: #000 !important;
    background-color: #fff !important;
    border: 1px solid #000 !important;
}
@media (max-width: 1243px){
    .form-horizontal .control-label{
        width: 9vw;
    }
    .form-horizontal .col-sm-2{
        width: 10.4vw;
    }
}
@media (min-width: 1200px){
    .container {
        width: 60.9375vw;
    }
}
@media (min-width: 992px){
    .container {
        width: 60.9375vw;
    }
}
@media(max-width:991px){
    .nav-account li a{
        font-size: 16px;
        width: 140px;
    }
    .nav-account {
        width: 426px;
    }
    .login-heading-section{
        font-size: 32px;
        line-height: 33px;
        margin-bottom: 20px;
    }
    .form-group{
        font-size: 16px;
    }
    .form-horizontal .control-label{
        width: 34vw;
        margin-bottom: 20px;
    }
    input.form-control{
        height: 54px;
        font-size: 14px;
    }
    .col-sm-8{
        width: 100%;
    }
    .form-horizontal .checkbox{
        padding-top: 20px;
    }
    #RememberMe{
        width: 15px;
        height: 10px;
    }
    .btn-primary, .btn-default{
        font-size: 14px !important;
        width: 155px !important;
        padding: 12px 0 !important;
    }
}
@media(max-width:768px){
    .container{
        margin: 0 20px;
    }
}
@media(max-width:436px){
    .form-horizontal .col-sm-2{
        width: 42vw;
    }
}