/** Import styles  */
@import "./navbar.css";
@import "./header.css";
@import "./package.css";
@import "./footer.css";
@import "./checkout.css";

.no-padding {
    padding-right: 0;
    padding-left: 0;
}

.col-lg-2-5 {
    flex: 0 0 20%;
    max-width: 20%;
}

@media screen and (max-width: 991px) {
    .col-lg-2-5 {
        flex: 0 0 25%;
        max-width: 25%;
    }
}

@media screen and (max-width: 776px) { 
    .col-lg-2-5 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

.badge {
    border-radius: 5px;
}

body {
    background-color: #f8f8ff !important;
}

.bg-white {
    background-color: #f8f8ff !important;
}

.badge-success {
    background-color: #6BA65E !important;
}

a:hover {
    text-decoration: none;
}


.content-outer {
    min-height: calc(100vh - 65vh - 61px);
}

.table {
    background-color: transparent;
}

.modal-content {
    border: none;
    box-shadow: 0 2px 16px rgb(0 0 0 / 18%);
    border-radius: 5px;
}

.modal-footer {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.modal-footer {
    border-top: none;
} 

.btn-success {
    background-color: '#6ba65e' !important;
    border-color: transparent !important;
}

.btn-primary {
    background-color: #6ba65e;
    border-color: transparent;
    background-image: none !important;
}

.btn-primary:hover, .btn-primary:active {
    background-color: #5b924f !important;
    border-color: transparent !important;
}

.btn-remove {
    border: 1px solid rgb(165, 34, 29);
    background-image: none;
    color: rgb(165, 34, 29);
}

.btn-remove:hover, .btn-remove:active { 
    border: 1px solid #941e1a;
    color: #941e1a;
}

.btn-transparent {
    background-image: none;
    background-color: transparent;
    color: #696868;
}