/* Minification failed. Returning unminified contents.
(36,28): run-time error CSS1039: Token not allowed after unary operator: '-gray-100'
(40,28): run-time error CSS1039: Token not allowed after unary operator: '-violet-default'
(41,33): run-time error CSS1039: Token not allowed after unary operator: '-violet-default'
(48,17): run-time error CSS1039: Token not allowed after unary operator: '-violet-default'
(67,28): run-time error CSS1039: Token not allowed after unary operator: '-gray-100'
(68,28): run-time error CSS1039: Token not allowed after unary operator: '-violet-default'
(76,32): run-time error CSS1039: Token not allowed after unary operator: '-gray-200'
(80,21): run-time error CSS1039: Token not allowed after unary operator: '-gray-default'
 */
/*bootstrap class override for login page only*/
.loginbox {
    border-radius: 10px;
}

.loginbox .form-control {
    margin: 12px 3px;
    height: 40px;
}

.logo {
    margin: auto;
    text-align: center;
    padding-top: 20%;
}

    .logo img {
        height: 30px;
    }
/*footer*/
.footer a {
    color: black;
    text-decoration: none;
}

.footer {
    color: black;
    text-align: center;
    margin-top:40px;
}


/*footer end*/
/*for logintemplate blue*/
.grayBody {
    background-color: var(--gray-100);
}

.loginbox {
    border: 1px solid var(--violet-default);
    border-top: 10px solid var(--violet-default);
    background-color: white;
    padding: 20px;
}

.singtext {
    font-size: 2em;
    color: var(--violet-default);
}

.submitButton {
    margin-top: 12px;
    margin-bottom: 10px;
    padding: 10px 0px;
    width: 100%;
    margin-left: 2px;
    font-size: 16px;
    border-radius: 10px;
    outline: none;
}

    .submitButton:hover, .submitButton:focus {
        outline: none;
    }

.forgotPassword {
    background-color: var(--gray-100);
    border: 1px solid var(--violet-default);
    border-top: none;
    border-radius: 10px;
    padding: 15px 0px;
    text-align: center;
}

    .forgotPassword:hover {
        background-color: var(--gray-200);
    }

    .forgotPassword a {
        color: var(--gray-default);
        outline: none;
        text-decoration: none;
    }

.supportMessage {
    margin-top: 40px;
}