.divider:after,
.divider:before {
content: "";
flex: 1;
height: 1px;
/* background: #eee; */
}
html, body{
    background: #064f79 !important;
    height: 100vh !important;
}
#main-container{
    margin: 0 !important;
    width: 94%;
    height: 97%;
    border-radius: 20px;
    padding: 10%;
    background: #fffefe;
}
#submitButton{
    background: #064f79;
    color: white;
}

 .separator span {
    z-index: 1;
    font-weight: 500;
    color: #fc9a3b;
    position: relative;
    background: #fff;
    font-size: 1.06rem;
    padding: 0 0.9rem;
}

 .separator::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    height: 1px;
    width: 100%;
    background: #bfb3f2;
}

.separator{ 
    position: relative;
    margin: 1.5rem 0;
    text-align: center;
    background: #fff;
}
.divider .separator::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    height: 1px;
    width: 100%;
    background: #bfb3f2;
}

.input-wrapper{
    height: 54px;
    width: 100%;
    position: relative;
    margin-bottom: 1.5rem !important;

    display: flex;
    align-items: center;
    /* border: 1px solid #a8a8a8; */
    padding: 8px;
    border-radius: 6px;
    margin-bottom: 1rem;
    background: white;

    border: none;
    background: #f2f3f5 !important;
}

.input-field{
    width: 100%;
    height: 100%;
    outline: none;
    font-size: 1.1rem;
    border-radius: 0.31rem;
    /* border: 1px solid #ffffff; */
    border: none;
    background: #f2f3f5 !important;
    transition: 0.2s ease;
}


.input-icon, .eye-icon .icon {
    font-size: 24px;
    margin-right: 8px;
    color: #666;
    cursor: pointer;
}

.mobile-images {
    margin-top: 15px;
    margin-bottom: 25px;
}

.bottom-section{margin-top: 80px;}


/* Desktop */
@media screen and (min-width: 1201px) {
    #main-container{height: 90%;}
}

/* Ipad */
@media screen  and (min-width: 768px) and (max-width: 1200px){
}

/* Mobile */
@media screen and (max-width: 767px) {
    #photoCol{ height: 35% !important;}
    #loginCol {height: 65% !important;}
    .mobile-images #check{height: 25px;}
    .mobile-images #logoName{height: 30px;}
    .eye-icon{ display: none !important;}
}