/*body{
    overflow: hidden;
}*/
h1, h2, h3, h4, h5, h6, p{
    letter-spacing: 1px !important;
}
body{
    line-height: 1.5 !important;
}
.error{
    color: red;
}
.memberSignup{
    font-family: "Poppins", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    font-style: normal;
    text-decoration: none;
    line-height: 1em;
    letter-spacing: 0px;
    word-spacing: 0px;
    fill: #131517 !important;
    color: #131517 !important;
    background-color: #FFFFFF !important;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #324A6D;
}
.memberSignup:hover{
    fill: #131517 !important;
    color: #FFFFFF !important;
    background-color: #324A6D !important;
}
.btn.btn-outline-dark{
    color :#343a40 !important;
    background-color: transparent;
    background-image: none;
    border-color: #343a40;
}
.btn.btn-outline-dark:hover{
    color :#FFFFFF !important;
    background-color :#343a40 !important;
}


/*Login form css - start*/
.logo-img{
    width: 185px;
}
.gradient-custom-2 {
    /* fallback for old browsers */
    background: #fccb90;

    /* Chrome 10-25, Safari 5.1-6 */
    background: -webkit-linear-gradient(to right, #ee7724, #d8363a, #dd3675, #b44593);

    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    background: linear-gradient(to right, #ee7724, #d8363a, #dd3675, #b44593);
}
.bg-light-beige{
    background-color: #eee !important;
}
.btn.custom-btn-primary{
    background-color: #131517 !important;
    color: #FFFFFF !important;
    border-color: #131517 !important;
}.btn.custom-btn-primary:hover{
     background-color: #324A6D !important;
     color: #FFFFFF !important;
     border-color: #324A6D !important;
 }
/*@media (min-width: 768px) {
    .gradient-form {
        height: 100vh !important;
    }
}*/
@media (min-width: 769px) {
    .gradient-custom-2 {
        border-top-right-radius: .3rem;
        border-bottom-right-radius: .3rem;
    }
}
/*Login form css - end*/

footer .memberSignup, footer li.nav-li-memberSignup,  #comments{
    display:none !important;
}
.form-section{
    background-color: #eee !important;
}


.alpha-link{
    color: #1C244B !important;
    font-weight: 500;
}

.alpha-link:hover{
    color: #8989a1  !important;
}
#search_invoice .list-group-item{
    padding: .5rem 0.6rem;
}
.brown-btn{
    background-color: #4A3B2A !important;
    color: #F5F5DC !important;
    padding: 8px 35px;
    border-radius: 8px !important;
    font-size: 22px;
}
.beige-btn{
    background-color: #F5F5DC !important;
    color: #4A3B2A !important;
    padding: 8px 34px;
    border-radius: 8px !important;
    font-size: 22px;
}
#myaccount-container .row.card-container{
    height: 70vh;
    padding: 20px;
}
@media(max-width:520px) {
    #myaccount-container .row.card-container{
        height: unset;
        margin-top: 20%;
    }
    .ext-tbl-sec{
        overflow: scroll;
    }
    .share img {
        max-width: unset !important;
    }
    .nav-li-memberSignup{
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }
    .row {
        --bs-gutter-x: unset;
        --bs-gutter-y: unset;
    }
}
@media(max-width:1024px) {
    .share img {
        max-width: unset !important;
    }
    .nav-li-memberSignup{
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }
    /* .invoice-container{
        height: 100vh !important;
    } */
    .row {
        --bs-gutter-x: unset;
        --bs-gutter-y: unset;
    }
}
.floating-card{
    width: 100%;
    position: relative;
    transition: transform 0.3s ease;
    background-color: #F5F5DC;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 20px;
}
.brown-card.floating-card{
    background-color: #4A3B2A;
}
.btn-account, .btn-logout, .btn-verify{
    border-width: 2px;
}
.invoice-loader{
    display: flex;
    position: absolute;
    margin: 23px 6px 15px 63px;
    width: 30px;
}
.gen-invoice-loader {
    display: flex;
    position: absolute;
    margin: 9px 0px 15px 155px;
    width: 30px;
}
.verify-invoice-loader {
    display: flex;
    position: absolute;
    margin: 8px 0px 15px 50px;
    width: 30px;
}