body{
    margin: 0px;
    padding: 0px;
    font-family:'Roboto';
    position: relative;
    background: url('../img/merchant-bg.jpg');
    height: 100vh;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center;
}
p{
    font-family:'Roboto';
}
a{
    font-family:'Roboto';
}
span{
    font-family:'Roboto';
}
.header-M{
    background:#216771;
    padding: 3px 0px;
    text-align: center;
}
.mobile-show{
    display: none;
}
.header-M a{
    outline: none;
}
.header-M img{
    width: 220px;
    outline: none;
}
.merchant-body-part{
    /* position: relative; */
    /* background: url('../img/merchant-bg.jpg'); */
    height: 100vh;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center;
}
.login-section{
    width: 54%;
    height: auto;
    padding: 20px;
    background: rgba(255,255,255,.9);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-bottom:20px solid #18acaf;
    /* border-radius: 5px;
    box-shadow: 0 3px 16px 0 rgb(0, 0, 139);
    transition: .3s; */

}
.login-section h3,h4{
    font-weight: 600;
}
.login-section:hover{
    box-shadow: none;
}
.enterprise-portal-section {
    display: flex;
    margin: 40px 0px;
    text-align: justify;
}
.enterprise-portal-section img{
    width: 50px;
}
.enterprise-portal-section span{
    /* padding: 0px 25px; */
    font-size: 16px;
}
.login_container-right{
    float: left;
    width: 100%;
    /* background: #216771; */
    height: 100%;
    padding-top: 60px;
    overflow: hidden;
    text-align: left;
    color: #333;
    border-left: 1px solid #e2e2e2;
}
.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    text-align: center;
    background-color: #eeeeee;
    border:none;
    border-radius: 4px;
}
button,
button::after {
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}
button::before,
button::after {
    background: #18acaf;
    content: '';
    position: absolute;
    z-index: -1;
}

button:hover {
  color: #2ecc71;
}
/* BUTTON 2 */
.btn-2::after {
    height: 42px;
    left: 0;
    top: 0;
    width: 0;
}

.btn-2:hover:after {
  width: 100%;
}
.form-control:focus {
    outline: 0;
    -webkit-box-shadow:  inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 2px rgb(171, 171, 197)!important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 2px rgb(171, 171, 197)!important;
}
.footer{
    padding: 30px 20px 20px 20px;
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;

}
.footer p{
    text-align: center;
    color: #fff;
}
.footer a{
    color:#fff;
}
.modal-content{
    border-radius: 0px;
}
.modal-header {
    background: #216771;
    color: #fff;
    font-weight: normal!important;
}
.modal-body {
    padding: 20px;
    text-align: center;
    /* line-height: 30px; */
}
/* -----------Media Query------------- */
@media (max-width:4600px){
    .login-section {
        width: 46%;

    }
    /* .merchant-body-part {
        height: 90vh;
    } */
}

@media (max-width:2750px){
    .login-section {
        width: 42%;
    }
    /* .merchant-body-part {
        height: 87vh;
    } */
}
media (max-width:2100px){
    .login-section {
        width: 46%;

    }
}   
@media(max-width:1920px){
    .login-section {
        width: 46%;

    }
}
@media(max-width:1750px){
    .login-section {
        width: 52%;

    }
}
@media (max-width:1600px){
    .login-section {
        width: 57%;

    }
    .footer {
        padding: 20px 20px 10px 20px;
    }
    /* .merchant-body-part {
        height: 85vh;
    } */
}    
@media (max-width:1440px){
    .login-section {
        width: 46%;

    }

}     
@media(max-width:1366px){
    .login-section {
        width: 64%;
        padding: 20px 20px 0px 20px;
     }
     .footer {
        padding: 20px 20px 10px 20px;
    }
    /* .merchant-body-part {
        height: 77vh;
    } */
}
@media(max-width:1280px){
    .login-section {
        width: 75%;
    }
    /* .merchant-body-part {
        height: 75vh;
    } */
}
    @media (max-width:1112px){
        /* .merchant-body-part {
            height: 70vh;
        } */
        .login-section {
            width: 71%;
        }
        .enterprise-portal-section img {
            width: 40px;
        }
        .enterprise-portal-section {
            margin: 20px 0px;
        }
        .form-control {
            height: 30px;
        }
        .login_container-right {
            padding-top: 0px;
         }
         .login-section h3, h4 {
            font-size: 15px;
        }
        .enterprise-portal-section span {
            font-size: 12px;
        }

    }

    @media (max-width:1024px){
        .login-section {
            width: 84%;
    
        }
        /* .merchant-body-part {
            height: 89vh;
        } */
    }
    
    @media (max-width:980px){
        /* .merchant-body-part {
            height: 89vh;
        } */
    }
    
    @media (max-width:900px){
        /* .merchant-body-part {
            height: 89vh;
        } */
    }
    
    @media (max-width:812px){
        /* .merchant-body-part {
            height: 89vh;
        } */
    }
    

}
@media(max-width:768px){
    .login-section {
        width: 90%;
      
    }
    /* .merchant-body-part {
        height: 86vh;
    } */
}
@media(max-width:414px){
    /* .merchant-body-part {
        height: 76vh;
    } */
    .mobile-show{
        display: block;
        display: none;
    }
    .system-show{
        display: none;
    }
    .enterprise-portal-section img {
        width: 30px;
    }
    .login_container-right {
        border-left: none;
        padding-top: 10px;
    }
}
@media(max-width:411px){
    /* .merchant-body-part {
        height: 79vh;
    } */
    .login_container-right {
        border-left: none;
        padding-top: 10px;
    }
}
@media(max-width:375px){
    /* .merchant-body-part {
        height: 78vh;
    } */
    .login_container-right {
        border-left: none;
        padding-top: 10px;
    }
}
@media(max-width:360px){
    /* .merchant-body-part {
        height: 73vh;
    } */
    .login_container-right {
        border-left: none;
    }
}
@media(max-width:320px){
    /* .merchant-body-part {
        height: 69vh;
    } */
    .login_container-right {
        padding-top: 0px;
        border-left: none;
    }
}