﻿
.header {
    background: url("../../../../../../Images/Buyers/buyer's-login.jpeg");
    height: 100%;
    min-height: 600px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.h-92vh {
    height: 92vh !important;
}


body .card {
    width: 360px !important;
}

body .field-icon {
    float: right;
    margin-left: -25px;
    margin-top: -25px;
    position: relative;
    right: 12px;
    z-index: 2;
}

.nav-item.active {
    border-bottom: 3px solid #70bf32;
}

.nav-responsive li {
    margin: 0 15px;
}

.buyers-book-card h5 {
    font-size: 18px;
}

.buyers-book-card ::placeholder {
    color: #e4e4e4;
}

.buyers-book-card input {
    border: 1px solid #d5d5d5 !important;
    background: #f7f7f7;
}

.logo {
    max-width: 110px;
}



@media only screen and (max-width: 400px) {
    body .card {
        width: 100% !important;
    }
}


@media only screen and (max-width: 765px) {
    .buyers-book-card .title {
        text-align: center;
        font-size: 24px !important;
    }
    .align-items-center.s-remove {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: flex-start !important;
    }
}

@media only screen and (max-width: 576px) {
    .buyers-book-card .card {
        background: rgba(255,255,255, 0.8) !important;
    }

    .buyers-book-card .title {
        font-size: 17px;
    }

    .row.h-100.buyers-book-card {
        height: initial !important;
    }
    .container.h-100.py-4 {
        display: flex;
        align-items: center;
    }
}

@media only screen and (max-width: 989px) {
    .nav-responsive li.active {
        background-color: #52a015 !important;
        font-weight: bold;
    }

    .nav-responsive li:hover {
        background-color: #52a015 !important;
        font-weight: bold;
    }

    .nav-responsive li a.nav-link {
        color: #FFF !important;
    }
}

@media only screen and (min-width: 990px) {
    .nav-responsive li.active a {
        color: #70bf32 !important;
        font-weight: bold;
        border-bottom: 3px solid #70bf32;
    }

    .nav-responsive li a.nav-link:hover {
        color: #70bf32 !important;
        font-weight: bold;
        border-bottom: 3px solid #70bf32;
    }

    .nav-responsive li a {
        color: #000000 !important;
    }
}
