.nav-link {
    text-align: left;
    font: normal normal 500 13px/21px Inter;
    letter-spacing: 0px;
    color: #05050C !important;
    opacity: 1;
}

.nav-link:hover {
    color: #05050C !important;
}

.page-title {
    text-align: left;
    font: normal normal bold 24px/32px Inter;
    letter-spacing: 0px;
    color: #05050C;
    opacity: 1;
    margin-top: 48px;
}

.btn-primary {
    background: #4BB449 0% 0% no-repeat padding-box;
    border-color: #4BB449;
    border-radius: 6px;
    opacity: 1;
}

.btn-primary:hover {
    background: #4BB449 0% 0% no-repeat padding-box;
    border-color: #4BB449;
    border-radius: 6px;
    opacity: 1;
}

.card {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 1px 8px #00000014;
    border: none;
    border-radius: 6px;
    opacity: 1;
}

.card-header {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-bottom: 1px solid #E6E6E7;
}

.text-align-left {
    text-align: left;
}

.text-align-center {
    text-align: center;
}

.text-align-right {
    text-align: right;
}

.button-white-bg-black-border {
    background: #FFFFFF00 0% 0% no-repeat padding-box;
    border: 2px solid #05050C;
    border-radius: 6px;
    opacity: 1;
    font: normal normal 500 15px/23px Inter;
    letter-spacing: 0px;
    color: #05050C;
}

.form-control:focus {
    border-color: #CDCDCE;
}

.btn-primary:focus,
.btn-primary.focus {
    background-color: #4BB449;
    border-color: #4BB449;
}

.btn:focus,
.btn:active {
    outline: none !important;
    box-shadow: none;
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: unset;
}

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

.action-button {
    cursor: pointer;
}

.action-button.edit {
    margin-right: 9px;
}

.action-button.delete {
    margin-left: 9px;
}

.modal-backdrop.show {}

@media only screen and (min-width: 768px) {
    .modal-header .close {
        font-size: unset;
        transform: translate(63px, -9px);
        padding: 12px;
        border: 2px solid #FFFFFF;
        border-radius: 6px;
    }
}

.w-fit-content {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.table th,
.table td {
    border-color: #E6E6E7;
}

@media only screen and (min-width: 576px) {
    .w-sm-unset {
        width: unset !important;
    }
}

button.btn,
input.form-control,
select.form-control {
    min-height: 40px;
}

.badge-pill-status {
    font: normal normal 500 10px/18px Inter;
    border-radius: 10px;
    width: 66px;
    padding: 1px 8px;
}

.badge-confirmed {
    background: #4BB449 0% 0% no-repeat padding-box;
    color: #FFFFFF;
}

.badge-unpaid {
    background: #FEBC23 0% 0% no-repeat padding-box;
    color: #05050C;
}

.badge-cancelled {
    background: #FE7423 0% 0% no-repeat padding-box;
    color: #FFFFFF;
}

.confirm-modal .modal-header,
.delete-modal .modal-header {
    border-bottom: 0;
}

.confirm-modal .modal-footer,
.delete-modal .modal-footer {
    border-top: 0;
}

.confirm-modal .modal-title,
.delete-modal .modal-title {
    font: normal normal bold 20px/32px Inter;
    letter-spacing: 0px;
    color: #05050C;
}

.confirm-modal .modal-body,
.delete-modal .modal-body {
    font: normal normal normal 15px/32px Inter;
    letter-spacing: 0px;
    color: #05050C;
}

.confirm-modal-footer,
.delete-modal-footer {
    justify-content: center;
}

@media only screen and (min-width: 768px) {
    .delete-modal .modal-header .close {
        font-size: unset;
        transform: translate(63px, -1px);
        padding: 12px;
        border: 2px solid #FFFFFF;
        border-radius: 6px;
    }
}

/* Spinner */
.loader {
    border: 4px solid #f3f3f3;
    border-top: 4px solid #fe7423;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    -webkit-animation: spin 2s linear infinite;
            animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}