table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
    background: linear-gradient(90deg, #6a91da, rgb(59, 103, 186)) !important;
}
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th.dtr-control:before {
    background: linear-gradient(90deg, #d33333, #f89494) !important;
}
.appBack{
    background: linear-gradient(90deg, #6a91da, #2e4673) !important;
    color:white;
}

.headText{
    color:#879bbd;
    font-size:20px;
    /* text-shadow: 3px 3px 1px #2e4673; */

}
.headText2{
    color:#879bbd;
    font-size:16px;
    /* text-shadow: 3px 3px 1px #2e4673; */

}


.login-logo{
    height:150px;
}
.water-heading-top{
    font-size: 60px;
    font-weight:800;
    text-align: center;
}
.water-heading{
    font-size: 35px;
    font-weight:700;
    text-align: center;
}
.water-heading-explain{
    font-size: 20px;
    font-weight:500;
    text-align: center;
}
.water-heading-explain2{
    font-size: 15px;
    font-weight:400;
    text-align: center;
}
.is-invalid .cke_chrome {
    border: 1px solid red;
}
.is-invalid + .cke_chrome {
    border: 1px solid red;
}

.htmlCard{
    border: 1px solid rgb(211, 211, 211);
    padding: 1%;
    padding-right: 2%;
    padding-left: 2%;
    width:100%;

}

.custom-width-48 {
    width: 48% !important;
  }


  .your-answer-correct{
    background-color: #09ff6b81; /* Set your desired background color */

    border-radius: 2px; /* Optional: Add border-radius for rounded corners */

}

  .correct-answer {
    background-color: #98fcbb5a; /* Set your desired background color */

    border-radius: 2px; /* Optional: Add border-radius for rounded corners */

}

.incorrect-answer{
    background-color: #ff00005d; /* Set your desired background color */

    border-radius: 5px; /* Optional: Add border-radius for rounded corners */

}

.count-of-person, .unit-per-person{
    width: 100px !important; /* Adjust the width as needed */
}


.price, .total-price {
    width: 250px !important; /* Adjust the width as needed */
}




.steps .step {
    display: block;
    width: 100%;
    /* margin-bottom: 35px; */
    text-align: center;

}

.steps .step .step-icon-wrap {
    display: block;
    position: relative;
    width: 100%;
    height: 80px;
    text-align: center;

}

.steps .step .step-icon-wrap::before,
.steps .step .step-icon-wrap::after {
    display: block;
    position: absolute;
    top: 50%;
    width: 50%;
    height: 3px;
    margin-top: -1px;
    background-color: #6d83ac2e;
    content: '';
    z-index: 1
}

.steps .step .step-icon-wrap::before {
    left: 0
}

.steps .step .step-icon-wrap::after {
    right: 0
}

.steps .step .step-icon {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    border: 2px solid #6d83ac2e;
    border-radius: 50%;
    background-color: #fff;
    color: #2e4673;
    font-size: 32px;
    line-height: 76px;
    z-index: 5;
    cursor:pointer;
}

.steps .step .step-title {
    margin-top: 16px;
    margin-bottom: 0;
    color: #2e4673;
    font-size: 14px;
    font-weight: 700
}

.steps .step:first-child .step-icon-wrap::before {
    display: none;
}

.steps .step:last-child .step-icon-wrap::after {
    display: none
}

.steps .step.completed .step-icon-wrap::before,

.steps .step.completed .step-icon-wrap::after {
    background-color: #2e4673
}

.steps .step.completed .step-icon {
    border-color: #2e4673;
    background: linear-gradient(90deg, #44649f, #2e4673) !important;
    color: #fff
}

@media (max-width: 576px) {
    .flex-sm-nowrap .step .step-icon-wrap::before,
    .flex-sm-nowrap .step .step-icon-wrap::after {
        display: none
    }
}

@media (max-width: 768px) {
    .flex-md-nowrap .step .step-icon-wrap::before,
    .flex-md-nowrap .step .step-icon-wrap::after {
        display: none
    }
}

@media (max-width: 991px) {
    .flex-lg-nowrap .step .step-icon-wrap::before,
    .flex-lg-nowrap .step .step-icon-wrap::after {
        display: none
    }
}

@media (max-width: 1200px) {
    .flex-xl-nowrap .step .step-icon-wrap::before,
    .flex-xl-nowrap .step .step-icon-wrap::after {
        display: none
    }
}

.bg-faded, .bg-secondary {
    background-color: #f5f5f5 !important;
}

.timetable-time-wrapper {
    display: flex;
    gap: 8px;
    margin-bottom: 8px;
}
.cke_notifications_area {
    display: none !important;
}
.pdfHeads{
    /* border-top: 1px solid #18497a;
    border-bottom: 1px solid #18497a; */
    color: #fff !important;
    padding-top: 3px!important;
    padding-bottom: 3px!important;
    padding-left: 1%!important;
     background: linear-gradient(90deg, #14304b 0%, #44649f 100%);
}
.pdfContent{
    padding-left: 4%!important;
}
.pdfContent *{
    white-space: normal !important;
    width:100% !important;
}
.purpose{
     white-space: normal !important;
    width:100% !important;
    text-align: justify;
}

.topPdfBorder{
    border-top: 10px solid #001f3f;
}
.bottomPdfBorder{
    border-bottom: 10px solid #001f3f;
}
.rightPdfBorder{
    border-right: 1px solid #001f3f;
}
.leftPdfBorder{
    border-left: 1px solid #001f3f;
}

.badge-success {
    background: linear-gradient(90deg, #3ecf8e 0%, #1b8f5a 100%) !important;
    border-radius: 10px !important;
}
.badge-danger {
    background: linear-gradient(90deg,#ff6f6f 0%, #dc3545 100%) !important;
    border-radius: 10px !important;
}
.badge-warning {
    background: linear-gradient(90deg, #ffe082 0%, #ffc107 100%) !important;
    border-radius: 10px !important;
}
.badge-info {
    background: linear-gradient(90deg, #7fbff7 0%, #1976d2 100%) !important;
    color: #fff !important;
    border-radius: 10px !important;
}

.badge-secondary {
    background: linear-gradient(90deg, #acacac 0%, #828282 100%) !important;
    color: #ffffff !important;
    border-radius: 10px !important;
}
.badge-primary {
    background: linear-gradient(90deg, #44649f 0%, #2e4673 100%) !important;
    color: #fff !important;
    border-radius: 10px !important;
}

.badge-light {
    background: linear-gradient(90deg, #f8faff 0%, #e3eaf6 100%) !important;
    color: #2e4673 !important;
    border-radius: 10px !important;
}

.badge-dark {
    background: linear-gradient(90deg, #343a40 0%, #212529 100%) !important;
    color: #fff !important;
    border-radius: 10px !important;
}
.btn-primary {
    background: linear-gradient(90deg, #44649f 0%, #2e4673 100%) !important;
    border: none;
    font-weight: 600;
    color: #fff !important;
    box-shadow: 0 2px 8px #44649f33;
    transition: background 0.2s, box-shadow 0.2s;
}
.btn-primary:hover, .btn-primary:focus {
    background: linear-gradient(90deg, #2e4673 0%, #44649f 100%) !important;
    color: #fff !important;
    box-shadow: 0 4px 16px #44649f44;
}

.btn-primary:disabled,
.btn-primary[disabled] {
    background: #bfc9db !important;
    color: #fff !important;
    border: none;
}

.btn-light {
    background: linear-gradient(90deg, #f8faff 0%, #e3eaf6 100%) !important;
    border: none;
    font-weight: 600;
    color: #2e4673 !important;
    box-shadow: 0 2px 8px #e3eaf633;
    transition: background 0.2s, box-shadow 0.2s;
}
.btn-light:hover, .btn-light:focus {
    background: linear-gradient(90deg, #e3eaf6 0%, #f8faff 100%) !important;
    color: #14304b !important;
    box-shadow: 0 4px 16px #e3eaf644;
}
.btn-light:disabled,
.btn-light[disabled] {
    background: #f5f5f5 !important;
    color: #b0b0b0 !important;
    border: none;
}

.btn-info {
    background: linear-gradient(90deg, #7fbff7 0%, #1976d2 100%) !important;
    border: none;
    font-weight: 600;
    color: #fff !important;
    box-shadow: 0 2px 8px #1976d233;
    transition: background 0.2s, box-shadow 0.2s;
}
.btn-info:hover, .btn-info:focus {
    background: linear-gradient(90deg, #1976d2 0%, #7fbff7 100%) !important;
    color: #fff !important;
    box-shadow: 0 4px 16px #1976d244;
}
.btn-info:disabled,
.btn-info[disabled] {
    background: #b3e5fc !important;
    color: #fff !important;
    border: none;
}

.btn-secondary {
    background: linear-gradient(90deg, #acacac 0%, #828282 100%) !important;
    border: none;
    font-weight: 600;
    color: #fff !important;
    box-shadow: 0 2px 8px #879bbd33;
    transition: background 0.2s, box-shadow 0.2s;
}
.btn-secondary:hover, .btn-secondary:focus {
    background: linear-gradient(90deg, #828282 0%, #acacac 100%) !important;
    color: #fff !important;
    box-shadow: 0 4px 16px #879bbd44;
}
.btn-secondary:disabled,
.btn-secondary[disabled] {
    background: #e0e0e0 !important;
    color: #b0b0b0 !important;
    border: none;
}

.btn-success {
    background: linear-gradient(90deg, #3ecf8e 0%, #1b8f5a 100%) !important;
    border: none;
    font-weight: 600;
    color: #fff !important;
    box-shadow: 0 2px 8px #3ecf8e33;
    transition: background 0.2s, box-shadow 0.2s;
}
.btn-success:hover, .btn-success:focus {
    background: linear-gradient(90deg, #1b8f5a 0%, #3ecf8e 100%) !important;
    color: #fff !important;
    box-shadow: 0 4px 16px #3ecf8e44;
}
.btn-success:disabled,
.btn-success[disabled] {
    background: #bfc9db !important;
    color: #fff !important;
    border: none;
}

.btn-danger {
    background: linear-gradient(90deg,#ff6f6f 0%, #dc3545 100%) !important;
    border: none;
    font-weight: 600;
    color: #fff !important;
    box-shadow: 0 2px 8px #dc354533;
    transition: background 0.2s, box-shadow 0.2s;
}
.btn-danger:hover, .btn-danger:focus {
    background: linear-gradient(90deg, #dc3545 0%, #ff6f6f 100%) !important;
    color: #fff !important;
    box-shadow: 0 4px 16px #dc354544;
}
.btn-danger:disabled,
.btn-danger[disabled] {
    background: #f5b7b1 !important;
    color: #fff !important;
    border: none;
}

.btn-warning {
    background: linear-gradient(90deg, #ffe082 0%, #ffc107 100%) !important;
    border: none;
    font-weight: 600;
    color: #212529 !important;
    box-shadow: 0 2px 8px #ffc10733;
    transition: background 0.2s, box-shadow 0.2s;
}
.btn-warning:hover, .btn-warning:focus {
    background: linear-gradient(90deg, #ffc107 0%, #ffe082 100%) !important;
    color: #856404 !important;
    box-shadow: 0 4px 16px #ffc10744;
}
.btn-warning:disabled,
.btn-warning[disabled] {
    background: #fff3cd !important;
    color: #bfa700 !important;
    border: none;
}
.btn-dark {
    background: linear-gradient(90deg, #343a40 0%, #212529 100%) !important;
    border: none;
    font-weight: 600;
    color: #fff !important;
    box-shadow: 0 2px 8px #21252933;
    transition: background 0.2s, box-shadow 0.2s;
}
.btn-dark:hover, .btn-dark:focus {
    background: linear-gradient(90deg, #212529 0%, #343a40 100%) !important;
    color: #fff !important;
    box-shadow: 0 4px 16px #21252944;
}
.btn-dark:disabled,
.btn-dark[disabled] {
    background: #6c757d !important;
    color: #fff !important;
    border: none;
}

  .table thead th, .table tfoot th {
        background: linear-gradient(90deg, #dee6f5, #f1f6ff) !important;
        color: #2e4673 !important;
        font-weight: 600;
        font-size: 1.05rem;
        border-bottom: 2px solid #2e4673;
    }
.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(200, 224, 255, 0.119)!important;
}
.table-striped tbody tr:nth-of-type(odd):hover {
    background-color: rgba(193, 215, 245, 0.256)!important;
}
.table-striped tbody tr:nth-of-type(even):hover {
    background-color: rgba(193, 215, 245, 0.256)!important;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #2e4673 !important;
    border-color: #2e4673 #2e4673 #fff !important;
    font-weight: 600;
    box-shadow: 0 -12px 28px 0 rgba(168, 191, 234, 0.462)
}
.nav-tabs .nav-link {
    margin-bottom: -1px;
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}
.nav-tabs {
    border-bottom: 1px solid #2e4673;
}