.login-logo{
    padding: 0.8rem;
    margin-left: 0.5rem;
}
.logo-img{
    max-height: 70px; padding-bottom: 2px; float: left; margin-top: -0.5rem; margin-left: 1rem; margin-bottom: 0.2rem;
}
.active{
    color: #999286 !important;
    cursor: text !important;
}
.nav-button-cus a{
    cursor: pointer;
    color: black;
}
.nav-button-cus{
    text-align: right !important;
    margin-right: 5rem !important;
    margin-top: 0.6rem !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    color: black !important;
}
input[type="text"], input[type="password"]{
    border-radius: 0;
    box-shadow: none;
}
input[type="text"]:focus, input[type="password"]:focus{
    border-radius: 0 !important;
    background-color: none !important;
    box-shadow: none !important;
}

.loginbox {
    padding: 8px 12px 9px 20px;
    max-width: 500px;
    margin: 0 auto;
    margin-top: 50px;
}

.form-group select{
    height: 3.2rem !important;
}

.checkbox {
    width: 20px !important;
    height: 20px !important;
    border: solid 2px rgba(0, 0, 0, 0.2) !important;
    background-color: #ffffff !important;
    box-shadow: none !important;
  }
.side-label {
    display: block !important;
    position: absolute !important;
    margin: 1.65rem 0 0 -1rem;
    padding-left: 35px !important;
    cursor: pointer !important;
    font-weight: 500 !important;
    font-size: 1.1rem !important;
    color: rgba(1, 0, 0, 0.6) !important;
    line-height: 1 !important;
    top: -1.73rem !important;
}

.side-label::before, .side-label::after {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
}


.side-label::before {
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    border: solid 2px rgba(0, 0, 0, 0.2) !important;
    background-color: #ffffff !important;  
}

input:focus + .side-label::before {
    border-color: #a59371 !important;
}

.side-label::after {
    display: none !important;
    width: 12px !important;
    height: 12px !important;
    margin: 4px !important;
    background-color: #a59371 !important;
}

input:checked + .side-label::after {
    display: block !important;
}
  

.back-to-licenses{
    font-size: 1.1rem;
    cursor: pointer;
}

.form-control {
    border       : 2px solid #cccccc;
    border-radius: 0rem;
}

.form-label-group {
    position     : relative;
    margin-bottom: 1rem;
}

.form-label-group input {
    height : 3.2rem;
    padding: 1rem;
}

.form-label-group label {
    position      : absolute;
    top           : -1rem;
    left          : 0px;
    display       : block;
    margin-bottom : 0;
    font-size     : 12px;
    line-height   : 1.5;
    padding       : 0rem 1rem;
    text-align    : left;
    color         : #cccccc;
    pointer-events: none;
    cursor        : text;
    transition    : all .1s ease-in-out;
}

.form-label-group input::-webkit-input-placeholder {
    color: transparent;
}

.form-label-group input::-moz-placeholder {
    color: transparent;
}

.form-label-group input:-ms-input-placeholder {
    color: transparent;
}

.form-label-group input::-ms-input-placeholder {
    color: transparent;
}

.form-label-group input::placeholder {
    color: transparent;
}

.form-label-group input:not(:-moz-placeholder-shown) {
    padding-top   : .25rem;
    padding-bottom: .25rem;
}

.form-label-group input:not(:-ms-input-placeholder) {
    padding-top   : .25rem;
    padding-bottom: .25rem;
}

.form-label-group input:not(:placeholder-shown) {
    padding-top   : .25rem;
    padding-bottom: .25rem;
}

.form-label-group input:not(:-moz-placeholder-shown)~label,
.form-label-group input:not(:-ms-input-placeholder)~label,
.form-label-group input:not(:placeholder-shown)~label {
    padding-top   : .25rem;
    padding-bottom: .25rem;
    font-size     : 15px;
    color         : #000;
}

label,
input {
    transition  : all 0.2s;
    touch-action: manipulation;
}

label {
    letter-spacing: 0.05em;
    line-height: 2rem !important;
}

/**
* Translate down and scale the label up to cover the placeholder,
* when following an input (with placeholder-shown support).
* Also make sure the label is only on one row, at max 2/3rds of the
* field—to make sure it scales properly and doesn't wrap.
*/
input:placeholder-shown+label {
    cursor          : text;
    max-width       : 66.66%;
    white-space     : nowrap;
    overflow        : hidden;
    text-overflow   : ellipsis;
    transform-origin: left bottom;
    transform       : translate(0, 2.125rem) scale(1.5);
}

/**
* By default, the placeholder should be transparent. Also, it should 
* inherit the transition.
*/
::-webkit-input-placeholder {
    opacity   : 0;
    transition: inherit;
}

/**
* Show the placeholder when the input is focused.
*/
input:focus::-webkit-input-placeholder {
    opacity: 1;
}

/**
* When the element is focused, remove the label transform.
* Also, do this when the placeholder is _not_ shown, i.e. when 
* there's something in the input at all.
*/
input:not(:placeholder-shown)+label,
input:focus+label {
    transform       : translate(1rem, .10rem) scale(1);
    cursor          : pointer;
    color           : #000;
    background-color: #fff;
}

.form-control:focus {
    color           : #000;
    background-color: #fff;
    border          : 2px solid #cccccc !important;
    outline         : 0;
    box-shadow      : none;
}

.bg-light {
    background-color: #ffffff !important;
}

.shakti-btn {
    background   : #a49371 !important;
    font-size    : 15px !important;
    color        : #fff !important;
    line-height  : 18px !important;
    text-align   : center !important;
    padding      : 18px 40px !important;
    border-radius: 0px !important;
    border       : 0px !important;
}

.btn-primary:hover {
    color           : #fff !important;
    background-color: #a0895b !important;
    border-color    : #a0895b !important;
}

.forgot_link{
    text-align: center !important;
}

.forgot_link a {
    color: #9a9280 !important;
}

.forgot_link a:hover {
    color: #9a9280 !important;
}
.fa {
    border-radius: 50%;
    border-color: #a49371 !important;
    border: solid 2px;
    width: 10%;
    height: 30%;
    color: #a49371 !important;
    padding: 0.1rem !important;
    font-size: 2.5rem;
}
.fa {
    font-family: FontAwesome !important;
    font-style: normal !important;
}
.fa-exclamation:before {
    content: "\f12a";
}
@media (max-width: 575px) {
    .nav-button-cus{
        text-align: center !important;
        margin-right: 0 !important;
        margin-top: -1.1rem !important;
        padding-bottom: 1rem;
    }
    .logo-img{
        float: none !important;
    }
}