﻿.ResetBody {
    background-color: #bdc3c7;
    text-align: center;
    float: left;
    padding-bottom: 10px;
    width: 70%;
    margin-left: 15%;
    margin-bottom: 20px;
}

    .ResetBody .col-md-12 {
        float: left;
    }

        .ResetBody .col-md-12 h2 {
            margin-top: 3%;
            font-weight: 700;
        }

        .ResetBody .col-md-12 .col-md-3 {
            text-align: right;
        }

        .ResetBody .col-md-12 .col-md-9 {
            padding-top: 6%;
        }

        .ResetBody .col-md-12 .col-md-3, .ResetBody .col-md-12 .col-md-9 {
            float: left;
        }

.ResetInput {
    border-radius: 0;
    height: 50px;
    width: 100%;
}

.ResetInputBody {
    padding-left:196px;
}

.ResetBtnBody {
    padding: 10px;
}

    .ResetBtnBody button {
        background-color: #f7eda5;
        color: #000;
        border-radius: 0;
        border: 1px solid;
        width: 15%;
        margin-top: -25px;
    }

.SignInBtn {
    background-color: #f7eda5;
    color: #000;
    border-radius: 0;
    border: 1px solid;
}

.ResetBtnBody button:active, .ResetBtnBody button.active {
    background-color: #fad06c;
    color: #000;
    box-shadow: none;
}

.ResetBtnBody button.ClearBtn {
    margin-left: 1%;
}

.alertMsgs {
    width: 100%;
    padding: 0;
    margin-top: 5px;
    margin-bottom: 8px;
    text-align: left;
}

.inputlbl {
    width: 100%;
    text-align: left;
}

.validationClr {
    color:red;
}

@media (max-width:768px) {
    .ResetBody {
        width: 100%;
        margin-left: 0;
    }

        .ResetBody .col-md-12 h2 {
            margin-top: 10%;
        }

        .ResetBody .col-md-12 .col-md-3 {
            text-align: center;
            margin-top: 10%;
        }

    .ResetInput {
        width: 100%;
    }

    .ResetBtnBody {
        margin-top: 25px;
    }

        .ResetBtnBody button {
            width: 42%;
        }
}
