body {
    font-family: Roboto-medium
}

.domainImage {
    background-image: url(../Images/domain.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
}

.logincontainer {
    padding: 0px;
}

.LoginFormContainer {
}

.login_outer {
    width: 60%;
    max-width: 100%;
}

.logo_outer {
    text-align: center;
}

.logo_outer img {
    width: 155px;
    padding-top:20px;
}

.LoginFormTitle {
    font-size: 3rem;
    text-align: left;
    float: left;
    padding-left: 10px;
    color: #fc6076;
}

.logintitle {
    margin-top: 5%;
    color: #333;
    font-size: 1.75rem;
}

.footertxt {
    font-size: 1rem;
    margin-top: 15%;
    color: #3A3D3F;
}


.footerImage img {
    width: 150px
}

.LoginFormContainer .form-group input {
    height: 2.75rem;
}

.LoginFormContainer .form-group label {
    color: #3A3D3F;
}

.LoginFormContainer .btn {
    height: 2.75rem;
    background: #F0C807;
    border: none;
    color: black
}

.form-control:focus {
    box-shadow: none;
    border-color: #ced4da !important;
}

.fa-phone {
    color: dimgrey;
    padding-right: 5px;
    font-size: 1.5rem
}

.btn-primary:focus, .btn-primary.focus{
    box-shadow:none
}


.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    background-color: #F1CD23;
    color:black;
}


@media screen and (max-width: 768px) {
    .domainImage {
        display:none;
    }
}

.footertxt .fa-envelope {
    padding:4px
}