/*Kumaresan 2/27/2024*/
.logo_lefttop {
    position: absolute;
    left: 15px;
    top: 20px;
}

.logo-left-bottom {
    width: 180px;
}

.logo_lefttop img {
    display: block;
    margin: 0 auto;
}

.RMI-Login {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    background-image: url('../images/RMI Login/Eur_Truck.jpg') !important;
    background-size: cover;
    top: 0;
    right: 0;
    background-attachment: fixed !important;
    overflow-y: auto;
    background-color: #e6e6e6;
    background-repeat: no-repeat;
    background-position: left;
}

    .RMI-Login .log-in-tol-tip-nav li img {
        display: block;
        width: 46px;
    }

.main-login {
    position: unset !important;
}

.btn-loginRMIMenu {
    background-color: #000;
    background-color: #000;
    background-image: linear-gradient(-60deg, #ed0000 50%, #000 0);
    background-image: linear-gradient(-60deg, #ed0000 50%, #000 50%);
    background-position: 0 50%;
    background-size: 400% 400%;
    color: #fff;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: MMC-Bold, Arial, Helvetica, Verdana, sans-serif;
    font-size: .875rem;
    letter-spacing: .1375rem;
    line-height: 1.25rem;
    padding: 0.575rem 10px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: color .4s ease-in-out, background-position .4s ease-in-out;
    transition: color .4s ease-in-out, background-position .4s ease-in-out;
    width: 100%;
    white-space: normal;
}

.bottom-menus {
    position: absolute;
    bottom: 0;
    width: 100%;
}



@media (max-width: 768px) {
    .btn-loginRMIMenu {
        width: 100%;
        margin-bottom: 6px;
    }

    .logo-left-bottom {
        display: none;
    }
}

@media (max-width: 768px) {
    .bottom-menus {
        position: static !important;
    }
}

.btn-loginRMIMenu:focus {
    border: 1px solid #737f86;
    color: white;
}

.btn-loginRMIMenu:hover {
    background-position: 100% 50%;
    color: #fff;
    background-color: #ed0000;
}

.bottom-menus .dropdown-toggle::after {
    float: right;
    margin-top: 9px;
    transform: rotate(180deg);
    display: none;
}

.bottom-menus .dropdown-menu {
    min-width: 100% !important;
    width: 100%;
    background-color: #dddddd;
    border-radius: 4px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
/*.dropdown:hover .dropdown-menu {
    display: block;
}*/

.bottom-menus .dropdown-item:focus, .dropdown-item:hover {
    background-position: 100% 50%;
    color: #fff;
    background-color: #ed0000;
}

.text-decoration-underline {
    text-decoration: underline;
}

.hWdYCD {
    left: 130px !important;
    bottom: 130px !important;
}

.log-in-tol-tip-nav li:hover img {
    transition: all 0.5s ease;
    color: #999999;
    transform: scale(1.2);
}

.bottom-menus .dropdown-menu a {
    white-space: break-spaces;
    margin-left: 0;
    margin-right: 0;
    border-top: 1px solid #9E9E9E;
}

/*.RMI-Login .full-height {
    height: 100vh !important;
}*/

@media only screen and (max-width:768px) {
    .RMI-Login {
        /*background-image: unset !important;*/
    }
}

@media only screen and (max-height:769px) {
    .login-form-res {
        transform: scale(0.9);
    }

    a {
        font-size: 13px;
    }

    .btn-loginRMIMenu {
        padding: 0.275rem 7px;
    }
}

@media only screen and (max-height: 675px) {
    .login-form-res {
        transform: scale(0.9);
    }

    .login-page .logboxpad {
        padding-top: 0;
    }

    .btn-loginRMIMenu {
        font-size: 10px;
    }

    a {
        font-size: 13px;
    }
}

@media only screen and (max-height: 867px) {
    .logo_lefttop_1 {
        width: 150px !important;
    }

    .logo_lefttop_2 {
        width: 175px !important;
    }
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.dropdown-menu-up {
    top: auto !important;
    bottom: 100% !important;
    margin-bottom: 0.125rem !important;
}

.logo_lefttop_1 {
    width: 200px;
}

.logo_lefttop_2 {
    width: 250px;
}