.lineBorder{
    background-color: #0e0d6a;
    height: 4px;
}

.loginBack{
    display: table;
    height: 380px;
    width: 100%;
    margin-bottom: 20px;
    background-color: #f0f9ff;
}

.loginBack > div{
    display: table-cell;
    vertical-align: middle;
}

.loginPanel{
    width: 360px;
    margin: auto;
}

.alertBgColor{
    color: #ffffff;
    background-color: #0e0d6a;
}

.choiceRegist{
    display: table;
    width: 100%;
    height: 80px;
    margin-top: 30px;
    margin-bottom: 20px;
}

.choiceRegist > div{
    display: table-cell;
    width: 25%;
    height: 100%;
    vertical-align: middle;

}

.choiceRegist > div > div{

    border-top: 1px solid #F1F0F6;
    border-left: 1px solid #F1F0F6;
    border-right: 1px solid #F1F0F6;
    border-bottom: 4px solid #0e0d6a;

    width: 90%;
    margin: auto;
    height: 100%;
    /*padding: 1em 6px;*/

    text-align: center;
}

.choiceRegist > div > div:hover{
    background-color: #F1EFF6;
    cursor: pointer;
}


.choiceRegist > div > div > div{
    display: table;
    width: 100%;
    height: 100%;
}

.choiceRegist > div > div > div > div{
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}

.forgotPanel{
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 20px;
    background-color: #f0f9ff;

}

.forgotTable{
    display: table;
    height: 380px;
    width: 100%;
}

.forgotTable > div{
    display: table-row;
    width: 100%;
}

.forgotTable > div > div{
    display: table-cell;
    width: 50%;
    vertical-align: middle;
}

.forgotTable .panel{
    width: 90%;
    margin: 0 auto;
}

.forgotTable .panel-body{
    height: 120px;
}

.forgotMessage{
    padding: 20px 20px 0px 20px;
}