label.error {
    color: red;
    font-size: 13px;
    font-weight: normal !important;
}
.content-header {
    padding: 15px 0.5rem 0px 0.5rem;
}
.bg-lightblue {
    background-color: #005b68 !important;
}
.main-footer {
    background-color: #005b68 !important;
}
.sidebar-dark-lightblue .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-lightblue .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #005b68;
    color: #fff;
}
[class*="sidebar-light-"] {
    background-color: #003f48;
}
.nav-link {
    color: white !important;
}
.TABLE-FOR-DATA {
    background: #037c8f;
}

.table td,
.table th {
    border-top: none !important;
}

tr.odd {
    background: #0196ac;
}

.card-body {
    padding: 0.5rem;
}

.counter-container {
    display: flex;
    justify-content: center;
    margin-top: 10px;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    /* width: 150px; */
}

.counter-display.newCounterClass {
    width: 40px;
    height: 27px;
    background-color: #fff;
    color: #333;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    line-height: 35px;
    border-radius: 5px;
    margin: 0 4px;
}

.counter-display {
    width: 50px;
    height: 35px;
    background-color: #fff;
    color: #333;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    line-height: 35px;
    border-radius: 5px;
    margin: 0 5px;
}

/* .btn {
            width: 42px;
            height: 40px;
            font-size: 24px;
            color: #fff;
            border: 2px solid;
            border-radius: 27%;
            cursor: pointer;
        }

        .btn-decrease {
            background-color: red;
        } */

.btn-cross {
    background-color: red;
    width: 30px;
    height: 29px;
    font-size: 10px;
    color: #fff;
    border: 2px solid;
    border-radius: 10%;
    cursor: pointer;
}

/* .btn-increase {
            background-color: green;
        } */

.btn:active {
    opacity: 0.8;
}
.agency-section {
    border: 2px solid #54bac8;
    padding: 5px;
    /* margin: 3px; */
    border-radius: 10px;
    text-align: center;
    /* max-width: 124px; */
}
.sport_with_price {
    font-size: 12px;
    line-height: 12px;
    font-weight: 600;
}
@media screen and (min-width: 1200px) and (max-width: 1500px) {
    .agency-section {
        margin: 3px;
        max-width: 130px;
    }
}
@media screen and (min-width: 1501px) {
    .agency-section {
        margin: 5px;
        max-width: 148px;
    }
}
.medsia-img {
    text-align: center;
    margin-top: 15px;
}
.agency-section-title {
    margin-top: 5px;
    font-size: 14px !important;
    text-align: center;
}
.agency-section2 {
    border: 2px solid #54bac8;
    border-radius: 20px;
    background: #fdf6c1;
    margin-right: 5px;
    margin-top: 10px;
}
.msedia-img {
    text-align: center;
}
.s-img {
    text-align: center;
}
.descrease-button {
    background-color: white;
}
.increase-button {
    background-color: white;
}
.dropdown-menu.dropdown-menu-lg.dropdown-menu-right.show {
    background: #003f48;
    color: white;
}
a.dropdown-item {
    color: white;
}
.modal {
    border: 1px solid #059440;
}
.modal-content {
    border: 1px solid #059440;
}
.classForSucessModal {
    font-weight: 800;
    font-size: 30px;
    color: #059440;
}
.amountPaidModal {
    font-weight: 800;
    color: #059440;
    font-size: 25px;
}
.transactionIdModal {
    font-size: 20px;
    margin-bottom: 0px;
}
#transactionNumber {
    font-size: 20px;
    margin-bottom: 0px;
}
.paymentModeModal {
    font-size: 20px;
    margin-bottom: 0px;
}
.custom-modal-width {
    max-width: 37%; /* Adjust width as needed */
}
#paymentModeAdd {
    font-weight: 700;
}
#transactionNumber {
    font-weight: 700;
}
.custom-close {
    font-size: 1.5rem;
    color: red; /* Example color */
    background: none;
    border: none;
    cursor: pointer;
    width: 30px;
    font-size: 30px;
}
.custom-modal-width-error {
    max-width: 33%; /* Adjust width as needed */
}
.errorMessageDisplay {
    font-size: 38px !important;
    font-weight: 800;
}
.methodOfPaymentInerrModal {
    font-size: 24px;
    font-weight: 800;
}
.custom-close2 {
    font-size: 1.5rem;
    color: red; /* Example color */
    background: none;
    border: none;
    cursor: pointer;
    width: 30px;
    font-size: 30px;
}
a.brand-link.bg-lightblue.new {
    text-align: center;
}
.adminLogo {
    text-align: center;
}
input#counterForAtv {
    border: none;
}
input#counterForBanana {
    border: none;
}
input#counterForJetSki {
    border: none;
}
input#waterski {
    border: none;
}
input#bumperride {
    border: none;
}
input#discoboat {
    border: none;
}
input#parasailing {
    border: none;
}
input#speesboat {
    border: none;
}
input#dragon {
    border: none;
}
input#dolphin-tour {
    border: none;
}
.NewImageClass {
    height: 46px;
}
/* .adminLogo {
            background: linear-gradient(to bottom, #005B68 43%, transparent 43%);
        } */

/* Style for the table */
.table-custom {
    width: 100%;
    margin: 0px;
    border-collapse: separate;
    border-spacing: 0 3px;
    border-radius: 10px;
    overflow: hidden;
}

.table-custom thead th {
    background-color: #018fa3;
    color: white;
    text-align: center;
    border: none;
}

.table-custom tbody tr {
    background-color: #9fdbe5;
    border-radius: 10px;
}

.table-custom tbody tr td {
    text-align: center;
    /* padding: 0px; */
    border: none;
    align-content: center;
}

.table-custom a {
    color: black;
    text-decoration: none;
}

.table-custom a:hover {
    text-decoration: underline;
}

.text-right a,
.text-left a,
.view_down_line {
    color: black;
    text-decoration: underline;
}

.round_corner_left {
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
}

.round_corner_right {
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
}
.amountTable {
    font-weight: bold;
}
.table-wrapper,
.TABLE-FOR-DATA {
    overflow-x: auto;
    /* Adds horizontal scrolling */
}

/* css for chart */
.chart-container {
    /* max-width: 1000px; */
    margin: 0px auto 30px auto;
    background-color: #fff3e5;
    border: 1px solid #bab2a7;
    padding: 10px 20px 0px 20px;
    border-radius: 10px;
}

.chart-wrapper {
    padding: 5px 10px 0px;
}
.ATV.BIKE {
    font-size: 9px;
}
/* style for the expired licenses */
.expired-row {
    background-color: red !important;
    color: white;
}
.attachment_field {
    padding: 0.15rem 0.75rem;
}
.table_padding {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.mandatory_note {
    color: Red;
}