﻿.ApplicationTemplate .DetailList{
    display:block;
    text-align:left;
    padding: 20px 3.5vw !important;
    box-shadow: 6px 4px 10px #2c2c2c50;
}
.ApplicationTemplate {
    height: auto!important;
}
.app_details_row {
    align-items: center;
    height: 27vh;
}
.welcometxt {
    font-size: 2.5vw !important;
    font-weight: 700 !important;
    padding-bottom: 10px !important;
    text-transform: capitalize;
}
.welcomediv a {
    display: block !important;
    text-decoration: none;
    color: #000000;
    text-align: center;
    border: 1px solid #1C4788;
    padding: 10px;
    border-radius: 4px;
    transform:translateY(0);
    font-size:14px;
    transition:0.7s all ease;
}
.welcomediv a.active,.welcomediv a:hover {
    background:#FFCA08;
    border:1px solid #FFCA08;
}
.welcomediv a:hover{
    transform:translateY(-3px);
}
.app_details {
    text-align: center;
    padding: 10px 10px;
}
.app_details h4 span {
    font-size: 12px;
    font-weight: 600;
    margin-bottom:5px;
}
.app_details h4 {
    font-size: 16px !important;
    font-weight: 800;
}
.app_details_row{
    padding: 40px 0px;
}
.formBlkStyle {
    width: 65vw!important;
}
.bor-right{
    border-right:1px solid #ddd;
}
.terms_condition_inner h3 {
    font-size: 15px;
    line-height:1.5;
}
ul.list_terms li {
    font-size: 14px;
    padding: 10px 0px;
}
.tersms-box {
    padding: 30px;
}
@media (min-width:992px) and (max-width:1199px) {
    .ChangePassword .FormPanel .col-3 {
        flex: 0 0 50%;
        max-width: 50%;
        padding: 10px 15px;
    }
    .welcomediv .col-3 {
        flex: 0 0 50%;
        max-width: 50%;
        padding: 6px 10px;
    }
        .welcomediv a {
            font-size: 10px !important;
            white-space: nowrap;
        }
}
@media (min-width:768px) and (max-width:991px) {
    .ChangePassword .FormPanel .col-3 {
        flex: 0 0 50%;
        max-width: 50%;
        padding: 10px 15px;
    }
    .welcomediv .col-3 {
        flex: 0 0 50%;
        max-width: 50%;
        padding: 6px 10px;
    }
    .DetailList .row .col-3 {
        flex: 0 0 50%;
        max-width: 50%;
        padding: 5px 10px;
    }
}
@media (max-width:767px) {
    .ChangePassword .FormTemplate.formBlkStyle {
        max-width: 100%;
        width: 100% !important;
    }
    .ChangePassword .FormPanel .col-3 {
        flex: 100%;
        max-width: 100%;
        padding: 5px 10px;
    }
    .DetailList .row .col-3 {
        flex: 100%;
        max-width: 100%;
        padding: 5px 10px;
    }
    .welcomediv .col-3 {
        flex: 0 0 50%;
        max-width: 50%;
        padding: 6px 10px;
    }
    .ApplicationTemplate {
        height: auto !important;
    }
    .ApplicationTemplate .formBlkStyle {

    max-width: 100%;
    width: 95% !important;
}
    .welcometxt {
        font-size: 14px !important;
    }
    .welcomediv a img {
        width: 70px;
    }
    .ApplicationTemplate .DetailList{
        height:auto;
    }
    .welcomediv a {
        font-size: 13px;
        padding: 10px 4px;
        height: 70px;
    }
}