body > .select2-container {
    z-index: 99999999999999 !important
}

.row.center-eleman > main {
    width: 100%
}

.box_detail {
    background: #f0f3f7;
    padding: 10px;
    border: 1px solid #f0f3f7;
    border-radius: 12px;
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 10px
}

.box_detail.grid_columns {
    grid-template-columns:repeat(2, 1fr) !important
}

.box_detail div {
    background: #fff;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .1490196078);
    color: #212121;
    display: flex;
    padding: 10px;
    border-radius: 6px;
    border: 1px solid #ddd;
    align-items: center;
    gap: 8px
}

.box_detail div i {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background: #f5f5f5;
    border: 1px solid #e3e3e3;
    display: flex;
    justify-content: center;
    align-items: center
}

.box_detail div i svg {
    width: 20px;
    height: 20px;
    fill: #212121
}

.select2-container {
    z-index: 1 !important
}

.min-w-500px {
    min-width: 500px !important
}

.min-w-730px {
    min-width: 730px !important
}

.min-w-800px {
    min-width: 800px !important
}

.min-w-900px {
    min-width: 900px !important
}

.table {
    text-align: right !important
}

.table-responsive-lg td a {
    padding: 6px;
    font-size: 16px;
    width: 30px;
    height: 30px;
    border-radius: 12px;
    cursor: pointer;
    transition: all .3s;
    background: var(--mainColor);
    border: 1px solid var(--mainColor);
    color: #fff;
    display: inline-flex
}

.form-control:focus {
    border-color: unset !important;
    outline: 0;
    box-shadow: unset !important
}

.btn-send-information {
    gap: 5px;
    width: 129px !important;
    height: 45px !important;
    min-height: 45px !important;
    padding: 10px 8px !important;
    font-size: 13px !important;
    border-radius: 12px !important;
    cursor: pointer !important;
    transition: all .3s !important;
    background: var(--mainColor) !important;
    border: 1px solid var(--mainColor) !important;
    color: #fff !important
}

@keyframes bouncing-loader {
    0% {
        transform: translate3d(0, -2px, 0)
    }
    100% {
        transform: translate3d(0, 2px, 0)
    }
}

.bouncing-loader {
    display: flex;
    justify-content: center;
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    background: var(--mainColor);
    align-items: center;
    border-radius: 12px
}

.btn-send-information .spinner-border {
    width: 1rem;
    height: 1rem;
    display: none;
}

.bouncing-loader.bouncing-loader-none {
    display: none
}

.bouncing-loader > div {
    width: 5px;
    height: 5px;
    margin: 0 .1rem;
    background: #fff;
    border-radius: 50%;
    animation: bouncing-loader .6s infinite alternate;
    transform: translate3d(0, -2px, 0)
}

.bouncing-loader > div:nth-child(2) {
    animation-delay: .2s
}

.bouncing-loader > div:nth-child(3) {
    animation-delay: .4s
}

.header_table .box-style {
    box-shadow: none;
    border: 1px solid #c3c3c3;
    background: #e0e0e0
}

.grid-tables {
    display: grid;
    grid-template-columns:repeat(6, 1fr);
    grid-template-rows:1fr;
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    align-items: center
}

.grid-tables > div {
    font-size: 14px;
    text-align: right;
    color: #333
}

.grid-tables > div > span.is-warning {
    background-color: #fff5e5;
    color: #a85d00
}

.grid-tables > div > span.is-success {
    background-color: #eafaee;
    color: #1e7b33
}

.grid-tables > div > span {
    margin-left: .25rem !important;
    display: inline-flex;
    justify-content: center;
    padding: .0625rem 1rem;
    font-weight: 500;
    line-height: 1.75;
    align-items: center;
    border-radius: .75rem;
    white-space: nowrap;
    color: #2b2f33;
    background-color: #f8fafb;
    vertical-align: middle
}

.grid-tables > div > button {
    color: var(--mainColor);
    background: #fff;
    padding: 2px 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .3s;
    position: relative;
    border: solid 1px rgba(0, 0, 0, 0);
    border-radius: 12px;
    cursor: pointer;
    gap: 5px;
    margin-right: auto
}

.grid-tables > div > button svg {
    width: 15px;
    height: 15px;
    fill: var(--mainColor)
}

.grid-tables > div > button:hover {
    border-color: rgba(238, 56, 78, .07);
    background-color: rgba(238, 56, 78, .22)
}

.details_box.active {
    margin-top: 1rem !important;
    padding: 10px !important
}

.details_box.active.h-0 {
    height: unset
}

.details_box {
    background: #f9faff;
    border-radius: 12px;
    font-size: 13px;
    text-align: right;
    margin-top: 0;
    padding: 0;
    overflow: hidden;
    transition: all .3s;
    color: #333
}

.details_box.h-0 {
    height: 0
}

.details_box .details_box_header {
    display: grid;
    grid-template-columns:repeat(5, 1fr);
    grid-template-rows:1fr;
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    align-items: center;
    background: #e2e8ff;
    border-radius: 12px;
    padding: 10px;
    margin-bottom: .5rem
}

.details_box .details_box_main {
    display: grid;
    grid-template-columns:repeat(5, 1fr);
    grid-template-rows:1fr;
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    align-items: center;
    padding: 10px
}

.details_box .details_box_main div img {
    width: 25px;
    height: 25px
}

.details_box .details_box_footer {
    margin-top: .5rem;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px
}

.details_box .details_box_footer a, .details_box .details_box_footer button {
    padding: 8px 16px;
    border-radius: 12px;
    transition: all .3s;
    border: 1px solid #9f9f9f;
    color: #444;
    background: rgba(0, 0, 0, 0)
}

.details_box .details_box_footer a:hover, .details_box .details_box_footer button:hover {
    background: rgba(68, 68, 68, .2666666667)
}

.details_box .details_box_footer .recovery-btn {
    border: 1px solid var(--mainColor);
    color: var(--mainColor)
}

.details_box .details_box_footer .recovery-btn:hover {
    background: rgba(214, 214, 214, .22)
}

.reserves_card .reserves_header {
    padding-bottom: .75rem;
    margin-bottom: .75rem;
    border-bottom: 1px solid rgba(0, 0, 0, .12);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px
}

.reserves_card .reserves_header h2 {
    margin-bottom: 0;
    font-size: 1rem;
    color: #000;
    display: flex;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap
}

.reserves_card .reserves_header h2 img {
    width: 20px;
    height: 20px
}

.reserves_card .reserves_header h2 span {
    color: #6c7680;
    font-size: .9rem;
    padding-right: .5rem !important
}

.reserves_card .reserves_header > span {
    display: inline-flex;
    justify-content: center;
    padding: .0625rem 1rem;
    font-weight: 500;
    line-height: 1.75;
    align-items: center;
    border-radius: .75rem;
    font-size: .75rem;
    white-space: nowrap;
    color: #2b2f33;
    background-color: #f8fafb;
    vertical-align: middle
}

.reserves_card .reserves_header > span.is-warning, .reserves_card .reserves_header > span.null, .reserves_card .reserves_header > span.cancel, .reserves_card .reserves_header > span.Cancellation, .reserves_card .reserves_header > span.NoReserve, .reserves_card .reserves_header > span.nothing, .reserves_card .reserves_header > span.error, .reserves_card .reserves_header > span.TemporaryPreReserve {
    background-color: #fff5e5;
    color: #a85d00
}

.reserves_card .reserves_header > span.is-success, .reserves_card .reserves_header > span.book, .reserves_card .reserves_header > span.BookedSuccessfully, .reserves_card .reserves_header > span.credit {
    background-color: #eafaee;
    color: #1e7b33
}

.reserves_card .reserves_header > span.is-info, .reserves_card .reserves_header > span.prereserve, .reserves_card .reserves_header > span.PreReserve, .reserves_card .reserves_header > span.TemporaryReservation, .reserves_card .reserves_header > span.temporaryReservation, .reserves_card .reserves_header > span.OnRequest, .reserves_card .reserves_header > span.bank {
    background-color: #e8f9fc;
    color: #0f697a
}

.reserves_card .reserves_footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px
}

.reserves_card .reserves_footer > div {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap
}

.reserves_card .reserves_footer > div h2 {
    position: relative;
    margin-bottom: 0;
    font-size: .9rem;
    color: #444;
    display: flex;
    align-items: center;
    gap: 5px
}

.reserves_card .reserves_footer > div h2:first-child::after {
    content: "";
    position: absolute;
    width: 2px;
    height: 20px;
    left: -10px;
    background: rgba(0, 0, 0, .12)
}

.reserves_card .reserves_footer > div h2 span {
    font-size: 1rem
}

.reserves_card .reserves_footer button {
    color: var(--mainColor);
    background: rgba(0, 0, 0, 0);
    font-size: .9rem;
    padding: 2px 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .3s;
    position: relative;
    border: solid 1px rgba(0, 0, 0, 0);
    border-radius: 12px;
    cursor: pointer;
    gap: 5px
}

.reserves_card .reserves_footer button svg {
    width: 15px;
    height: 15px;
    fill: var(--mainColor)
}

.reserves_card .reserves_footer button:hover {
    transition: all .3s;
    border-color: rgba(160, 160, 160, .07);
    background-color: rgba(214, 214, 214, .22)
}

.box-style-alert {
    margin-bottom: 20px
}

.box-style-alert > div {
    border-radius: 12px;
    display: flex;
    background: #e9e9e9;
    border-color: #cfcfcf
}

.box-style-alert > div div h2 {
    color: #000;
    margin-bottom: .8rem;
    font-size: 1rem;
    text-align: right;
    display: flex;
    gap: 8px;
    align-items: center
}

.box-style-alert > div div h2 i svg {
    width: 20px;
    height: 20px;
    fill: #424242
}

.box-style-alert > div div p {
    color: #000;
    margin-bottom: 0;
    font-size: .9rem;
    text-align: justify;
    transition: all .5s
}

.box-style-alert > div div p.limit {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.box-style-alert > div div button {
    color: #616161;
    background: rgba(0, 0, 0, 0);
    font-size: 14px;
    padding: 2px 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .3s;
    position: relative;
    border: solid 1px rgba(0, 0, 0, 0);
    border-radius: 12px;
    cursor: pointer;
    width: fit-content;
    margin-right: auto;
    margin-top: 1rem
}

.box-style-alert > div div button svg {
    width: 18px;
    height: 18px;
    fill: #616161
}

.box-style-alert > div div button:hover {
    transition: all .3s;
    border-color: rgba(97, 97, 97, .07);
    background-color: rgba(97, 97, 97, .22)
}

.accordion_Club {
    transition: all .3s
}

.accordion_Club #accordionExample {
    display: flex;
    gap: 10px;
    flex-direction: column
}

.accordion_Club #accordionExample .card {
    border: 1px solid rgba(0, 26, 75, .3) !important;
    border-radius: 12px !important
}

.accordion_Club #accordionExample .card .card-header {
    padding: 0;
    border: none !important;
    background: rgba(0, 0, 0, 0)
}

.accordion_Club #accordionExample .card .card-header button.collapsed {
    border-bottom: none !important;
    border-radius: 12px !important
}

.accordion_Club #accordionExample .card .card-header button {
    border-radius: 12px 12px 0 0 !important;
    text-align: right !important;
    background-color: #fff;
    border-bottom: 1px solid rgba(0, 26, 75, .3) !important;
    border-style: unset;
    color: #333;
    margin-bottom: 0;
    font-size: .9rem;
    padding: .7rem 1rem !important;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.accordion_Club #accordionExample .card .card-header button svg {
    width: 20px;
    height: 20px;
    fill: #333
}

.accordion_Club #accordionExample .card .card-header button:focus, .accordion_Club #accordionExample .card .card-header button:hover {
    box-shadow: none !important;
    text-decoration: none !important
}

.accordion_Club #accordionExample .card .style_accordion_main {
    text-align: right
}

.accordion_Club #accordionExample .card .style_accordion_main div {
    text-align: right;
    margin: 0;
    color: #6c7680;
    font-size: .9rem;
    padding: 1rem !important
}

.discounts_introduction ul {
    display: flex;
    gap: 10px
}

.discounts_introduction .nav-pills .nav-link.active, .discounts_introduction .nav-pills .show > .nav-link {
    transition: all .3s;
    background: var(--mainColor);
    border: 1px solid var(--mainColor);
    color: #fff
}

.discounts_introduction .nav-link {
    border: 1px solid var(--mainColor);
    background-color: rgba(0, 0, 0, 0);
    color: var(--mainColor);
    width: 129px;
    height: 45px;
    min-height: 45px;
    padding: 10px 8px;
    font-size: 13px;
    border-radius: 12px;
    cursor: pointer;
    transition: all .3s;
    display: flex;
    justify-content: center;
    align-items: center
}

.discounts_introduction .discounts_style {
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    grid-template-rows:1fr;
    gap: 10px
}

.discounts_introduction .discounts_style .discounts_style_box {
    padding: 10px;
    border: 1px solid #d9d9d9 !important;
    background-color: #fff;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 12px;
    width: 100%;
    display: none
}

.discounts_introduction .discounts_style .discounts_style_box:nth-child(1), .discounts_introduction .discounts_style .discounts_style_box:nth-child(2), .discounts_introduction .discounts_style .discounts_style_box:nth-child(3), .discounts_introduction .discounts_style .discounts_style_box:nth-child(4) {
    display: flex
}

.discounts_introduction .discounts_style .discounts_style_box > div > span {
    line-height: 1.6;
    padding: .0625rem .65rem;
    color: #2b2f33;
    background-color: #f8fafb;
    display: inline-flex;
    justify-content: center;
    font-size: .75rem;
    font-weight: 500;
    align-items: center;
    border-radius: .75rem;
    white-space: nowrap;
    vertical-align: middle
}

.discounts_introduction .discounts_style .discounts_style_box > div > span svg {
    width: 15px;
    height: 15px;
    fill: #2b2f33;
    transform: rotate(-45deg);
    margin-left: .3rem
}

.discounts_introduction .discounts_style .discounts_style_box > div > span.info {
    background-color: #e8f9fc;
    color: #0f697a
}

.discounts_introduction .discounts_style .discounts_style_box > div > span.info svg {
    fill: #0f697a
}

.discounts_introduction .discounts_style .discounts_style_box > div {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: .8rem;
    gap: 5px
}

.discounts_introduction .discounts_style .discounts_style_box h6 {
    color: #333;
    text-align: right;
    margin-bottom: .8rem;
    font-size: 1rem
}

.discounts_introduction .discounts_style .discounts_style_box button {
    border: none;
    padding: 8px;
    background-color: rgba(214, 214, 214, .22);
    color: var(--mainColor);
    font-size: .8rem;
    border-radius: 12px;
    width: 100%;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transition: all .3s;
    position: relative;
    cursor: pointer;
    margin-top: auto
}

.discounts_introduction .discounts_style .discounts_style_box button::after {
    position: absolute;
    inset: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    content: ""
}

.discounts_introduction .discounts_style .discounts_style_box button:hover {
    background: var(--mainColor);
    color: #fff
}

.discounts_introduction .discounts_style .discounts_style_box button:hover svg {
    fill: #fff
}

.discounts_introduction .discounts_style .discounts_style_box button > span {
    text-align: right;
    display: flex;
    align-items: center
}

.discounts_introduction .discounts_style .discounts_style_box button > svg {
    width: 20px;
    height: 20px;
    fill: var(--mainColor);
    transition: all .3s
}

.discounts_introduction .discounts_style .discounts_style_box section {
    width: 100%;
    border-top: 1px dashed #ddd;
    padding-top: .6rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin-top: auto
}

.discounts_introduction .discounts_style .discounts_style_box section::after {
    content: "";
    position: absolute;
    top: -8px;
    right: -11px;
    width: 15px;
    height: 15px;
    background: #fff;
    border-radius: 100% 0 0 100%;
    border: 1px solid #ddd;
    border-right: none
}

.discounts_introduction .discounts_style .discounts_style_box section::before {
    content: "";
    position: absolute;
    top: -8px;
    left: -11px;
    width: 15px;
    height: 15px;
    background: #fff;
    border-radius: 0 100% 100% 0;
    border: 1px solid #ddd;
    border-left: none
}

.discounts_introduction .discounts_style .discounts_style_box section span {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: .8rem;
    color: #333;
    transition: all .3s
}

.discounts_introduction .discounts_style .discounts_style_box section span i {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fc0;
    margin-left: 10px;
    border-radius: 12px
}

.discounts_introduction .discounts_style .discounts_style_box section span i svg {
    width: 18px;
    height: 18px;
    fill: #644f00
}

.discounts_introduction .discounts_style .discounts_style_box section a {
    color: var(--mainColor);
    font-size: 14px;
    padding: 2px 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .3s;
    position: relative;
    border: solid 1px rgba(0, 0, 0, 0);
    border-radius: 12px;
    cursor: pointer;
    width: fit-content
}

.discounts_introduction .discounts_style .discounts_style_box section a span {
    color: var(--mainColor);
    font-size: 14px
}

.discounts_introduction .discounts_style .discounts_style_box section a svg {
    width: 18px;
    height: 18px;
    fill: var(--mainColor)
}

.discounts_introduction .discounts_style .discounts_style_box section a:hover {
    transition: all .3s;
    border-color: rgba(160, 160, 160, .07);
    background-color: rgba(214, 214, 214, .22)
}

.discounts_introduction .introduction_main_div {
    padding: 15px;
    border-radius: 15px;
    background: var(--mainColor);
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    justify-content: center
}

.discounts_introduction .introduction_main_div h2 {
    color: #fff;
    margin-bottom: 1rem;
    font-size: 1.3rem;
    text-align: right
}

.discounts_introduction .introduction_main_div > .introduction_detail_div {
    display: flex;
    gap: 20px;
    padding-bottom: 1rem !important
}

.discounts_introduction .introduction_main_div > .introduction_detail_div div {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center
}

.discounts_introduction .introduction_main_div > .introduction_detail_div div span {
    margin: 0;
    color: #fff;
    font-size: .8rem;
    padding-bottom: .5rem !important
}

.discounts_introduction .introduction_main_div > .introduction_detail_div div h6 {
    color: #fff;
    margin-bottom: 0;
    font-size: 2rem
}

.discounts_introduction .introduction_main_div > .introduction_btn_div {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: auto
}

.discounts_introduction .introduction_main_div > .introduction_btn_div button {
    border: 1px solid #fff;
    background-color: rgba(0, 0, 0, 0);
    color: #fff;
    width: 129px;
    height: 45px;
    min-height: 45px;
    padding: 10px 8px;
    font-size: 13px;
    border-radius: 12px;
    cursor: pointer;
    transition: all .3s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    position: relative
}

.discounts_introduction .introduction_main_div > .introduction_btn_div button::after {
    position: absolute;
    inset: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    content: ""
}

.discounts_introduction .introduction_main_div > .introduction_btn_div button:hover {
    background: #fff;
    color: var(--mainColor)
}

.discounts_introduction .introduction_main_div > .introduction_btn_div button:hover svg {
    fill: var(--mainColor)
}

.discounts_introduction .introduction_main_div > .introduction_btn_div button > span {
    text-align: right;
    display: flex;
    align-items: center
}

.discounts_introduction .introduction_main_div > .introduction_btn_div button > svg {
    width: 20px;
    height: 20px;
    fill: #fff;
    transition: all .3s
}

.discounts_introduction .introduction_main_div > .introduction_btn_div button:first-child {
    width: calc(100% - 50px)
}

.discounts_introduction .introduction_main_div > .introduction_btn_div button:last-child {
    width: 45px
}

.discounts_introduction .text_box_introduction_box {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    grid-template-rows:1fr;
    margin-bottom: 5px;
    gap: 5px
}

.discounts_introduction .text_box_introduction_box .text_box_introduction {
    transition: all .3s;
    background: rgba(160, 160, 160, .07)
}

.discounts_introduction .text_box_introduction_box .text_box_introduction:hover {
    background: rgba(214, 214, 214, .22)
}

.discounts_introduction .text_box_introduction {
    padding: 15px;
    border-radius: 10px;
    background: #f8f8f8;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.discounts_introduction .text_box_introduction h6 {
    color: #333;
    margin-bottom: .5rem;
    font-size: .8rem;
    text-align: right
}

.discounts_introduction .text_box_introduction p {
    color: #444;
    margin-bottom: 0;
    font-size: .7rem;
    text-align: right
}

.more_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1rem
}

.more_btn a {
    margin-top: auto;
    color: var(--mainColor);
    font-size: 14px;
    padding: 2px 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .3s;
    position: relative;
    border: solid 1px rgba(0, 0, 0, 0);
    border-radius: 12px;
    cursor: pointer;
    width: fit-content;
    margin-right: auto
}

.more_btn a svg {
    width: 18px;
    height: 18px;
    fill: var(--mainColor)
}

.more_btn a:hover {
    transition: all .3s;
    border-color: rgba(160, 160, 160, .07);
    background-color: rgba(214, 214, 214, .22);
    color: var(--mainColor)
}

.style_box_num_id {
    padding: 15px;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: 100%;
    justify-content: center
}

.style_box_num_id h3 {
    text-align: right;
    margin-bottom: .8rem;
    font-size: 1rem
}

.style_box_num_id p {
    text-align: right;
    margin-bottom: 0;
    font-size: .9rem
}

.style_box_num_id a {
    margin-right: auto;
    font-size: 14px;
    padding: 2px 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .3s;
    position: relative;
    border-radius: 12px;
    cursor: pointer
}

.style_box_num_id a span {
    font-size: 14px
}

.style_box_num_id a svg {
    width: 18px;
    height: 18px;
    transition: all .3s
}

.style_box_num_id a:hover {
    transition: all .3s
}

.style_box_num_id.green {
    background: #d4edda
}

.style_box_num_id.green h3 {
    color: #155724
}

.style_box_num_id.green p {
    color: #155724
}

.style_box_num_id.green a {
    margin-right: auto;
    color: #155724;
    border: solid 1px #155724
}

.style_box_num_id.green a span {
    color: #155724
}

.style_box_num_id.green a svg {
    fill: #155724
}

.style_box_num_id.green a:hover {
    border-color: #155724;
    background-color: #155724;
    color: #fff
}

.style_box_num_id.green a:hover span {
    color: #fff
}

.style_box_num_id.green a:hover svg {
    fill: #fff
}

.style_box_num_id.default {
    background: #e6e8e9
}

.style_box_num_id.default h3 {
    color: #2b2f33
}

.style_box_num_id.default p {
    color: #2b2f33
}

.style_box_num_id.default a {
    margin-right: auto;
    color: #2b2f33;
    border: solid 1px #2b2f33
}

.style_box_num_id.default a span {
    color: #2b2f33
}

.style_box_num_id.default a svg {
    fill: #2b2f33
}

.style_box_num_id.default a:hover {
    border-color: #2b2f33;
    background-color: #2b2f33;
    color: #fff
}

.style_box_num_id.default a:hover span {
    color: #fff
}

.style_box_num_id.default a:hover svg {
    fill: #fff
}

.style_box_num_id.info {
    background: #d1ecf1
}

.style_box_num_id.info h3 {
    color: #0c5460
}

.style_box_num_id.info p {
    color: #0c5460
}

.style_box_num_id.info a {
    margin-right: auto;
    color: #0c5460;
    border: solid 1px #0c5460
}

.style_box_num_id.info a span {
    color: #0c5460
}

.style_box_num_id.info a svg {
    fill: #0c5460
}

.style_box_num_id.info a:hover {
    border-color: #0c5460;
    background-color: #0c5460;
    color: #fff
}

.style_box_num_id.info a:hover span {
    color: #fff
}

.style_box_num_id.info a:hover svg {
    fill: #fff
}

.no_discount {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.no_discount img {
    width: 200px
}

.no_discount h2 {
    color: #000;
    margin-bottom: 0;
    font-size: 1.1rem;
    margin-top: 1rem
}

.box-style .img-profile {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    width: 120px;
    height: 120px;
    border-radius: 12px
}

.box-style .img-profile .add_img {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 12px;
    right: 12px;
    background: var(--mainColor);
    font-size: 15px;
    transition: all .3s;
    border: solid 1px rgba(0, 0, 0, 0);
    border-radius: 12px;
    cursor: pointer;
    gap: 5px;
    margin-right: auto;
    width: 25px;
    height: 25px;
    padding: 0
}

.box-style .img-profile .add_img:hover {
    border-color: rgba(15, 132, 250, .22);
    background-color: var(--mainColor)
}

.box-style .img-profile .add_img svg {
    width: 15px;
    height: 15px;
    fill: #fff;
    transition: all .3s
}

.box-style .img-profile img {
    width: 90px;
    height: 90px;
    border-radius: 99999px;
    position: absolute;
    z-index: -1;
    object-fit: cover
}

.box-style .img-profile > svg {
    position: relative;
    width: 120px;
    height: 120px;
    transform: rotate(-90deg)
}

.box-style .img-profile > svg circle {
    stroke-dashoffset: calc(350px - 350px * var(--ratio));
    width: 100%;
    height: 100%;
    fill: none;
    stroke: #e2e2e2;
    stroke-width: 6;
    stroke-linecap: round;
    transform: translate(5px, 5px);
    transition: all .5s ease
}

.box-style .img-profile > svg circle:nth-child(2) {
    stroke-dasharray: 350;
    stroke-dashoffset: calc(350px - 350px * var(--ratio));
    stroke: var(--mainColor)
}

.box-style .text-profile {
    height: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    margin-right: .5rem
}

.box-style .text-profile .title {
    display: flex;
    align-items: center
}

.box-style .text-profile .title a {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: .4rem;
    color: var(--mainColor);
    background: rgba(0, 0, 0, 0);
    padding: 5px;
    transition: all .3s;
    position: relative;
    border: solid 1px rgba(0, 0, 0, 0);
    border-radius: 12px;
    cursor: pointer;
    gap: 5px
}

.box-style .text-profile .title a:hover {
    border-color: rgba(181, 181, 181, .07);
    background-color: rgba(15, 132, 250, .22)
}

.box-style .text-profile .title a svg {
    width: 18px;
    height: 18px;
    fill: var(--mainColor)
}

.box-style .text-profile span {
    font-size: 25px;
    color: var(--mainColor);
    font-weight: bold;
    display: flex;
    align-items: flex-end;
    line-height: 1;
    margin-bottom: .5rem
}

.box-style .text-profile span svg {
    width: 15px;
    height: 15px;
    fill: var(--mainColor);
    margin-bottom: 4px
}

.box-style .text-profile p {
    margin: 0;
    text-align: right;
    color: #6c7680;
    font-size: .9rem
}

.box-style .price-profile-header {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    height: 100%
}

.box-style .price-profile-header:nth-child(2) {
    position: relative
}

.box-style .price-profile-header:nth-child(2)::after {
    content: "";
    width: 1px;
    height: 100px;
    background: #ddd;
    display: flex;
    position: absolute;
    right: -15px;
    top: 50%;
    transform: translateY(-50%)
}

.box-style .price-profile-header h6 {
    font-weight: bold;
    color: #333;
    margin-bottom: 0;
    font-size: 1rem
}

.box-style .price-profile-header span {
    margin-top: 1rem;
    text-align: right;
    color: #333;
    font-size: .9rem
}

.box-style .price-profile-header span span {
    margin: 0;
    text-align: right;
    color: #6c7680;
    font-size: .8rem
}

.box-style .price-profile-header a {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: auto;
    color: var(--mainColor);
    font-size: 14px;
    padding: 2px 5px;
    transition: all .3s;
    position: relative;
    border: solid 1px rgba(0, 0, 0, 0);
    border-radius: 12px;
    cursor: pointer
}

.box-style .price-profile-header a span {
    margin: 0;
    padding: 0;
    color: var(--mainColor)
}

.box-style .price-profile-header a svg {
    width: 18px;
    height: 18px;
    fill: var(--mainColor)
}

.box-style .price-profile-header a:hover {
    transition: all .3s;
    border-color: rgba(160, 160, 160, .07);
    background-color: rgba(214, 214, 214, .22)
}

.box-style .userInformation-header {
    display: flex
}

.box-style .userInformation-header .userInformation-header-gender {
    display: flex;
    align-items: center;
    gap: 15px
}

.box-style .userInformation-header .userInformation-header-gender .form-groupNew input {
    display: none
}

.box-style .userInformation-header .userInformation-header-gender .form-groupNew label {
    position: relative;
    cursor: pointer;
    user-select: none;
    color: var(--mainColor);
    margin: 0;
    gap: 8px;
    font-size: 14px;
    display: flex;
    align-items: center
}

.box-style .userInformation-header .userInformation-header-gender .form-groupNew label:before {
    content: "";
    border: 2px solid var(--mainColor);
    border-radius: 12px;
    display: flex;
    cursor: pointer;
    height: 20px;
    width: 20px
}

.box-style .userInformation-header .userInformation-header-gender .form-groupNew input:checked + label:after {
    content: "";
    display: block;
    position: absolute;
    right: 4px;
    height: 12px;
    width: 12px;
    border-radius: 12px;
    background: var(--mainColor)
}

.box-style .userInformation-header .origin .profile_dropdown_custom {
    position: relative;
    margin-right: 15px;
    padding-right: 15px
}

.box-style .userInformation-header .origin .profile_dropdown_custom::after {
    content: "";
    width: 2px;
    height: 20px;
    background: #ddd;
    display: flex;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.box-style .userInformation-header .origin .profile_dropdown_custom > button {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0);
    box-sizing: border-box;
    color: var(--mainColor);
    height: 40px;
    padding: 0 15px;
    gap: 5px;
    font-size: 14px;
    cursor: pointer;
    border: none;
    border-radius: 12px;
    transition: all .3s
}

.box-style .userInformation-header .origin .profile_dropdown_custom > button svg {
    width: 15px;
    height: 15px;
    fill: var(--mainColor)
}

.box-style .userInformation-header .origin .profile_dropdown_custom > button:hover {
    background: #f6f6f6
}

.box-style .userInformation-header .origin .profile_dropdown_custom > div {
    box-shadow: 0 12px 24px 0 rgba(0, 0, 0, .2);
    width: 150px;
    left: 0;
    background-color: #fff;
    outline: 0;
    position: absolute;
    border-radius: 12px;
    overflow: hidden;
    z-index: 22222;
    display: none;
    flex-direction: column
}

.box-style .userInformation-header .origin .profile_dropdown_custom > div button {
    border: none !important;
    display: flex;
    border-radius: unset 12px;
    color: #333 !important;
    background-color: rgba(0, 0, 0, 0) !important;
    font-size: 1rem;
    padding: 10px 30px;
    width: 100%;
    transition: all .3s;
    cursor: pointer
}

.box-style .userInformation-header .origin .profile_dropdown_custom > div button:hover {
    background-color: rgba(196, 196, 196, .07) !important
}

.box-style .userInformation-header .origin .profile_dropdown_custom > div button.active {
    background-color: rgba(231, 231, 231, .71) !important;
    color: var(--mainColor) !important
}

.modal_custom {
    position: fixed;
    inset: 0;
    z-index: 9999999;
    display: flex;
    justify-content: center;
    overflow: hidden;
    background: rgba(0, 0, 0, .6)
}

.modal_custom > .container {
    margin: auto
}

.modal_custom .col-lg-3 .main_modal_custom {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.modal_custom .col-lg-3 .main_modal_custom h2 {
    font-weight: bold;
    color: #333;
    font-size: 1rem;
    text-align: center;
    width: 100%;
    margin-bottom: 1rem
}

.modal_custom .col-lg-3 .main_modal_custom .box_btn {
    justify-content: center
}

.modal_custom .col-lg-3 .main_modal_custom .box_btn button {
    width: auto;
    padding: 10px 35px
}

.gap-0 {
    gap: 0 !important
}

.modal_custom .col-lg-4 .main_modal_custom {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.modal_custom .col-lg-4 .label_style {
    position: relative
}

.modal_custom .col-lg-4 .label_style span {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

.modal_custom .col-lg-4 .label_style span a {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--mainColor);
    font-size: 12px;
    padding: 2px 5px;
    transition: all .3s;
    position: relative;
    border: solid 1px rgba(0, 0, 0, 0);
    border-radius: 12px;
    cursor: pointer
}

.modal_custom .col-lg-4 .label_style span a:hover {
    transition: all .3s;
    border-color: rgba(160, 160, 160, .07);
    background-color: rgba(214, 214, 214, .22)
}

.modal_custom .col-lg-4 .label_style > i {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 25px;
    height: 25px;
    position: absolute;
    left: 30px;
    bottom: 10px;
    border-radius: 5px;
    cursor: pointer
}

.modal_custom .col-lg-4 .label_style > i > svg {
    width: 18px;
    height: 18px;
    fill: #464646
}

.modal_custom .col-lg-4 .main_modal_custom h2 {
    color: #333;
    font-size: 1rem;
    margin-bottom: 1rem;
    text-align: center
}

.modal_custom .col-lg-4 .main_modal_custom .box_btn {
    justify-content: center
}

.modal_custom .col-lg-4 .main_modal_custom .box_btn button {
    width: auto;
    padding: 10px 35px
}

.modal_custom .main_modal_custom {
    width: 100%;
    background: #fff;
    border-radius: 5px;
    position: relative;
    overflow: hidden
}

.modal_custom .main_modal_custom .scrollIng_model {
    height: 90vh;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-color: var(--mainColor) #fff;
    scrollbar-width: thin
}

.modal_custom .main_modal_custom .scrollIng_model::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 12px
}

.modal_custom .main_modal_custom .scrollIng_model::-webkit-scrollbar {
    width: 5px;
    background-color: #fff
}

.modal_custom .main_modal_custom .scrollIng_model::-webkit-scrollbar-thumb {
    border-radius: 12px;
    background-color: var(--mainColor)
}

.modal_custom .main_modal_custom .header_modal_custom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1rem 0;
    flex-wrap: wrap-reverse
}

.modal_custom .main_modal_custom .header_modal_custom h2 {
    color: #333;
    font-size: 1.3rem;
    text-align: right;
    margin: 0;
    line-height: 1.6
}

.subTitle_modal_custom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    padding-bottom: 0
}

.subTitle_modal_custom > span {
    font-size: 13px;
    color: #6c6c6c;
    font-weight: bold;
    margin-left: 5px
}

.modal_custom .main_modal_custom .header_modal_custom h2 svg {
    width: 25px;
    height: 25px;
    fill: #333
}

.modal_custom .main_modal_custom .header_modal_custom button {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--mainColor);
    background: rgba(0, 0, 0, 0);
    padding: 5px;
    transition: all .3s;
    position: relative;
    border: solid 1px rgba(0, 0, 0, 0);
    border-radius: 12px;
    cursor: pointer;
    margin-right: auto
}

.modal_custom .main_modal_custom .header_modal_custom button svg {
    width: 18px;
    height: 18px;
    fill: var(--mainColor)
}

.modal_custom .main_modal_custom .header_modal_custom button:hover {
    border-color: rgba(160, 160, 160, .07);
    background-color: rgba(214, 214, 214, .22)
}

.modal_custom .main_modal_custom .center_modal_custom {
    padding: 1rem
}

.modal_custom .main_modal_custom .center_modal_custom .box-style {
    box-shadow: none;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    border-radius: 0;
    width: 100%;
    margin-bottom: 0
}

.modal_custom .main_modal_custom .center_modal_custom .box-style .box-style-padding {
    padding: 0
}

.modal_custom .main_modal_custom .center_modal_custom .box-style .box-style-padding .form-profile {
    grid-template-columns:repeat(3, 1fr) !important;
    position: relative;
}

.modal_custom .main_modal_custom .center_modal_custom .box-style .box-style-padding .form-profile span {
    position: absolute;
    top: 10px;
    left: 15px;
    font-size: 15px;
}

.modal_custom .main_modal_custom .center_modal_custom .box-style .box-style-padding .form-profile > .label_style > .calender_profile > div > div {
    position: absolute;
    top: 105%;
    padding: 4px;
    max-height: 130px
}

.modal_custom .main_modal_custom .box_btn {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    width: 100%
}

.modal_custom .main_modal_custom .box_btn button:first-child {
    border: 1px solid var(--mainColor);
    background-color: rgba(0, 0, 0, 0);
    color: var(--mainColor)
}

.modal_custom .main_modal_custom .box_btn button:first-child:hover {
    background: rgba(181, 181, 181, .07)
}

.modal_custom .main_modal_custom .box_btn button {
    width: 129px;
    height: 45px;
    min-height: 45px;
    padding: 10px 8px;
    font-size: 13px;
    border-radius: 12px;
    cursor: pointer;
    transition: all .3s
}

.modal_custom .main_modal_custom .box_btn button:hover {
    background: var(--secondColor)
}

.box-style .sideBar {
    display: flex;
    flex-direction: column
}

.box-style .sideBar a {
    display: flex;
    gap: 5px;
    padding: 10px 0;
    margin: 0 15px;
    font-size: 14px;
    align-items: center;
    justify-content: flex-start;
    color: #333;
    font-weight: bold;
    transition: all .3s
}

.box-style .sideBar a:not(:last-child) {
    border-bottom: 1px solid #e1e7ed
}

.box-style .sideBar a i {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    background: rgba(230, 232, 236, 0.3607843137);
    margin-left: 10px;
    border-radius: 12px
}

.box-style .sideBar a i svg {
    width: 18px;
    height: 18px;
    fill: #8e98a9
}

.box-style .sideBar a.active_sideBar_item {
    position: relative
}

.box-style .sideBar a.active_sideBar_item::after {
    content: "";
    position: absolute;
    background: var(--mainColor);
    border-radius: 8px 0 0 8px;
    height: 20px;
    right: -16px;
    width: 3px;
    top: 0;
    bottom: 0;
    margin: auto
}

.box-style .sideBar a.active_sideBar_item i {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    background: rgba(230, 232, 236, 0.3607843137);
    margin-left: 10px;
    border-radius: 12px
}

.box-style .sideBar a.active_sideBar_item i svg {
    fill: var(--mainColor)
}

.sticky-100 {
    position: sticky;
    top: 6rem
}

.title {
    font-weight: bold;
    color: #333;
    margin-bottom: 1rem;
    font-size: 1.3rem;
    text-align: right
}

.box-style {
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1490196078);
    background-color: #fff;
    display: flex;
    flex-direction: column;
    border-radius: 12px;
    width: 100%;
    margin-bottom: 20px
}

.box-style .box-style-padding {
    padding: 15px
}

.change-Password-btn__parent {
    margin-right: auto
}

.change-Password-btn__parent .change-Password-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    margin: auto;
    background-color: rgba(0, 0, 0, 0);
    box-sizing: border-box;
    color: var(--mainColor);
    height: 40px;
    padding: 0 15px;
    gap: 5px;
    font-size: 14px;
    cursor: pointer;
    border: none;
    border-radius: 12px;
    transition: all .3s
}

.change-Password-btn__parent .change-Password-btn:hover {
    background: #f6f6f6
}

.box-style .userInformation-header {
    flex-wrap: wrap
}

.box-style .form-profile {
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-top: 1rem
}

.box-style #FormUserDataSearchFilter .form-profile {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px
}

.box-style .form-profile > .label_style {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 0
}

.box-style .form-profile > .label_style > span {
    display: flex;
    margin-bottom: 4px;
    font-size: 13px;
    color: #000;
    font-weight: bold
}

.box-style .form-profile > .label_style > span .star svg {
    width: 13px;
    height: 13px;
    fill: #c90000
}

.box-style .form-profile > .label_style > input {
    border-radius: 12px;
    height: 45px;
    background-color: #fff;
    font-size: 15px;
    border: 1px solid rgba(0, 26, 75, .3);
    padding: 15px;
    color: #000;
    outline: none;
    align-items: center;
    width: 100%
}

.box-style .form-profile > .label_style > input::placeholder {
    color: #777
}

.box-style .form-profile > .label_style .calender_profile {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    width: 100%
}

.box-style .form-profile > .label_style .calender_profile div {
    position: relative
}

.box-style .form-profile > .label_style .calender_profile div div {
    position: absolute;
    top: 105%;
    padding: 4px;
    max-height: 320px;
    overflow-y: scroll;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1490196078);
    z-index: 2;
    background: #fff;
    border-radius: 12px;
    margin-top: 4px;
    min-width: 100%;
    display: none;
    scrollbar-color: var(--mainColor) #fff;
    scrollbar-width: thin
}

.box-style .form-profile > .label_style .calender_profile div div::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 12px
}

.box-style .form-profile > .label_style .calender_profile div div::-webkit-scrollbar {
    width: 5px;
    background-color: #fff
}

.box-style .form-profile > .label_style .calender_profile div div::-webkit-scrollbar-thumb {
    border-radius: 12px;
    background-color: var(--mainColor)
}

.box-style .form-profile > .label_style .calender_profile div svg {
    width: 15px;
    height: 15px;
    fill: #777;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 13px;
    cursor: pointer
}

.box-style .form-profile > .label_style .calender_profile div input {
    border-radius: 12px;
    height: 45px;
    background-color: #fff;
    font-size: 15px;
    border: 1px solid rgba(0, 26, 75, .3);
    padding: 15px;
    color: #000;
    width: 100%;
    outline: none;
    cursor: pointer
}

.box-style .form-profile > .label_style .calender_profile div input::placeholder {
    color: #777
}

.box-style .form-profile > .label_style .calender_profile div p {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 45px;
    padding: 0 12px;
    transition: all .3s;
    border-radius: 12px;
    cursor: pointer;
    margin: 0
}

.box-style .form-profile > .label_style .calender_profile div p:hover {
    background: rgba(181, 181, 181, .07);
    color: var(--mainColor)
}

.box-style .form-profile > .label_style .calender_profile_grid_1 {
    grid-template-columns:repeat(1, 1fr) !important;
    width: 100%
}

.box_btn {
    display: flex;
    gap: 10px;
    justify-content: flex-end
}

.box_btn button {
    width: 129px;
    height: 45px;
    min-height: 45px;
    padding: 10px 8px;
    font-size: 13px;
    border-radius: 12px;
    cursor: pointer;
    transition: all .3s
}

.box_btn button:first-child {
    border: 1px solid var(--mainColor);
    background-color: rgba(0, 0, 0, 0);
    color: var(--mainColor)
}

.box_btn button:first-child:hover {
    background: rgba(181, 181, 181, .07)
}

.box_btn button:last-child {
    background: var(--mainColor);
    border: 1px solid var(--mainColor);
    color: #fff
}

.box_btn button:last-child:hover {
    background: var(--mainColor)
}

.box_btn button[disabled] {
    opacity: .5;
    cursor: not-allowed
}

.err404_style h2 {
    text-align: center
}

.err404_style button {
    margin-top: 2rem;
    height: 45px;
    min-height: 45px;
    padding: 10px 40px;
    font-size: 14px;
    border-radius: 12px;
    cursor: pointer;
    transition: all .3s;
    border: 1px solid var(--mainColor);
    background: var(--mainColor);
    color: #fff
}

.passengers_header {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.passengers_header button {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--mainColor);
    background: #fff;
    padding: 2px 5px;
    font-size: 15px;
    transition: all .3s;
    position: relative;
    border: solid 1px rgba(0, 0, 0, 0);
    border-radius: 12px;
    cursor: pointer;
    gap: 5px;
    margin-right: auto
}

.passengers_header button:hover {
    border-color: rgba(160, 160, 160, .07);
    background-color: rgba(214, 214, 214, .22)
}

.passengers_header button svg {
    width: 17px;
    fill: var(--mainColor);
    height: 17px
}

.table_style_parent {
    border-radius: 12px;
    border: 1px solid #dee2e6
}

.table_style_parent .table_style {
    margin: 0;
    font-size: 14px;
    text-align: right
}

.table_style_parent .table_style thead th {
    border-top: none !important;
    border-bottom: 1px solid #dee2e6
}

.table_style_parent .table_style tbody tr:nth-of-type(even) {
    background-color: #f6f6f6 !important
}

.table_style_parent .table_style td {
    vertical-align: inherit
}

.table_style_parent .table_style svg {
    height: 20px;
    fill: #959595
}

.table_style_parent .table_style .btns {
    display: flex;
    gap: 5px;
    justify-content: flex-end;
    position: relative
}

.table_style_parent .table_style .btns > button:first-child svg {
    fill: #333
}

.table_style_parent .table_style .btns > button:first-child:hover {
    border-color: rgba(112, 112, 112, .07);
    background-color: rgba(115, 115, 115, .22)
}

.table_style_parent .table_style .btns > button {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--mainColor);
    background: rgba(0, 0, 0, 0);
    padding: 5px;
    transition: all .3s;
    position: relative;
    border: solid 1px rgba(0, 0, 0, 0);
    border-radius: 12px;
    cursor: pointer;
    gap: 5px
}

.table_style_parent .table_style .btns > button svg {
    width: 18px;
    height: 18px;
    fill: var(--mainColor)
}

.table_style_parent .table_style .btns > button:hover {
    border-color: rgba(112, 112, 112, .07);
    background-color: rgba(115, 115, 115, .22)
}

.menu-profile-ris > .logo_img > img {
    height: 50px
}

.form-profile label.error {
    color: red !important;
    font-size: 14px
}

.select2-container--default .select2-selection--single {
    border: 1px solid rgba(0, 26, 75, .3) !important;
    border-radius: 12px !important
}

.select2-container--open .select2-dropdown--below {
    border: 1px solid #aaa !important;
    border-radius: 3px;
    margin-top: 5px !important
}

.select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 45px !important;
    height: 45px !important;
    padding: 0 15px
}

.select2-container .select2-selection--single, .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 45px !important
}

.select2-container {
    height: 45px !important
}

.select2-container--default .select2-selection--single {
    border: none
}

.select2-dropdown {
    z-index: 10000000000000000
}

.passenger-list-item {
    width: 100%;
    border-bottom: 1px solid #ddd;
    padding-bottom: .5rem;
    margin-bottom: .5rem;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.passenger-list-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0
}

.passenger-list-item__texts {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.passenger-list-item__texts > h2 {
    font-weight: bold;
    color: #333;
    margin-bottom: 0;
    font-size: 1rem
}

.passenger-list-item__texts > div {
    display: flex
}

.passenger-list-item__texts > div > p {
    display: flex;
    margin: 0;
    text-align: right;
    color: #6c7680;
    font-size: .8rem
}

.passenger-list-item__texts > div > p > span {
    display: flex;
    margin: 0
}

.passenger-list-item__texts > div > p:not(:last-child)::after {
    content: ".";
    display: flex;
    margin: 0 5px
}

.passenger-list-item__buttons {
    display: flex;
    gap: 5px
}

.passenger-list-item__buttons > button {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--mainColor);
    background: rgba(0, 0, 0, 0);
    padding: 3px;
    transition: all .3s;
    position: relative;
    border: solid 1px rgba(0, 0, 0, 0);
    border-radius: 12px;
    cursor: pointer;
    gap: 5px
}

.passenger-list-item__buttons > button svg {
    width: 18px;
    height: 18px;
    fill: var(--mainColor)
}

.passenger-list-item__buttons > button:first-child svg {
    fill: #333
}

.drop_zone-new-parent-label {
    border: 5px dashed #888 !important;
    margin: 20px 0
}

.drop_zone-new-titr-uplod {
    margin-top: 30px;
    color: #222
}

.drop_zone-new-captcha-input-star::before {
    content: "*";
    color: #f33;
    position: absolute;
    left: 9px;
    bottom: 0;
    z-index: 1;
    font-size: 20px;
    top: 22px;
    height: 10px;
    line-height: 10px;
    font-family: inherit !important
}

.drop_zone-new-captcha {
    position: relative
}

.drop_zone-new-captcha input {
    height: 40px;
    border: 1px solid #ccc;
    border-left: none;
    border-radius: 0 8px 8px 0;
    padding-right: 10px;
    font-size: 14px !important;
    width: 110px
}

.drop_zone-new-captcha-number {
    border: 1px solid #ccc;
    border-radius: 8px 0 0 8px;
    padding: 0;
    height: 40px
}

.drop_zone-new-captcha-input-star {
    padding: 0;
    height: 40px
}

.drop_zone-new-captcha-number a {
    height: 40px !important
}

.drop_zone-new-parent-gallery {
    display: grid;
    grid-template-columns:repeat(4, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin: 30px 0
}

.drop_zone-new-item-gallery {
    border: 1px solid #ccc;
    box-shadow: 0 3px 6px rgba(146, 146, 146, .2);
    border-radius: 8px;
    padding-bottom: 0 !important
}

.table_style_parent {
    border-radius: 0 !important;
    border: none !important
}

.dataTables_wrapper {
    max-height: unset !important;
    overflow: unset !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important
}

table.dataTable.no-footer {
    border: 1px solid #d1d1d1 !important;
    border-radius: 12px !important;
    overflow: hidden
}

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc {
    background-image: none !important
}

table.dataTable thead .sorting h2, table.dataTable thead .sorting_asc h2, table.dataTable thead .sorting_desc h2 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    gap: 5px;
    font-size: 15px;
    color: #333
}

table.dataTable thead .sorting i::after, table.dataTable thead .sorting_asc i::after, table.dataTable thead .sorting_desc i::after {
    content: "";
    display: flex;
    background-image: url("../../../images/angle-down.svg") !important;
    width: 11px;
    height: 11px;
    background-size: cover;
    background-position: center
}

table.dataTable thead .sorting_asc i::after {
    background-image: url("../../../images/angle-up.svg") !important
}

body .dataTables_wrapper .dataTables_paginate {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px
}

body .dataTables_wrapper .dataTables_paginate > span {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px
}

body .dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 10px !important;
    font-size: 13px !important;
    border-radius: 12px !important;
    cursor: pointer !important;
    transition: all .3s !important;
    border: 1px solid var(--mainColor) !important;
    background: rgba(0, 0, 0, 0) !important;
    color: var(--mainColor) !important;
    height: 30px;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center
}

body .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: var(--mainColor) !important;
    color: #fff !important
}

body .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: var(--mainColor) !important;
    color: #fff !important
}

body .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #fff !important
}

body .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
    border: 1px solid #eee !important;
    background: #eee !important;
    color: #333 !important;
    cursor: no-drop !important
}

.countDisplayTable {
    font-size: 13px !important;
    border-radius: 12px !important;
    cursor: pointer !important;
    transition: all .3s !important;
    border: 1px solid var(--mainColor) !important;
    background: #fff !important;
    color: var(--mainColor);
    outline: none
}

.loading_css {
    width: 40px;
    height: 40px;
    border: 5px solid #eee;
    margin: auto;
    border-top: 5px solid #5d5d5d;
    border-radius: 100%;
    animation: loader 1s infinite linear
}

@keyframes loader {
    100% {
        transform: rotate(360deg)
    }
}

@media (max-width: 1024px) {
    .modal_custom > .container {
        max-width: 100% !important;
        padding: 0 !important
    }

    .main_modal_custom {
        height: 100vh !important;
        overflow-y: auto !important;
        position: fixed !important;
        z-index: 1000000000000000000 !important;
        inset: 0 !important;
        margin: 0 !important;
        border-radius: 0 !important;
        align-items: center !important
    }

    .modal_custom .main_modal_custom .scrollIng_model {
        height: auto;
        overflow: unset
    }

    .modal_custom .main_modal_custom .center_modal_custom .box-style .box-style-padding .form-profile {
        grid-template-columns:repeat(1, 1fr) !important
    }
}

@media (max-width: 992px) {
    .box_detail {
        grid-template-columns:repeat(2, 1fr)
    }

    header {
        display: none !important
    }

    footer {
        margin-bottom: 0 !important
    }

    .form-profile {
        grid-template-columns:repeat(1, 1fr) !important
    }

    .box_btn {
        justify-content: center !important
    }

    #updatePassengerFormData .box_btn, #AddPassengerFormData .box_btn {
        padding-bottom: 2rem
    }

    .box-style .sideBar a.active_sideBar_item::after {
        right: -15px
    }

    .sticky-100.bottom-0 {
        bottom: 0;
        margin: 0;
        border-radius: 12px 12px 0 0
    }

    .bg-black-profile-ris.active-bg-black-profile-ris {
        visibility: visible;
        opacity: 1;
        transition: all .3s
    }

    .sticky-100 {
        position: fixed;
        z-index: 1000000000000000000;
        top: unset;
        left: 0;
        right: 0;
        bottom: -300%;
        margin: 0;
        border-radius: 12px 12px 0 0;
        padding-bottom: 2rem;
        transition: all .3s
    }

    .sticky-100::before {
        content: "";
        width: 50px;
        height: 4px;
        background: #cecece;
        border-radius: 100pc;
        margin: 1rem auto
    }

    .bg-black-profile-ris {
        position: fixed;
        z-index: 100000000000000000;
        inset: 0;
        background: rgba(0, 0, 0, 0.4666666667);
        visibility: hidden;
        opacity: 0;
        transition: all .3s
    }

    .menu-profile-ris {
        padding: 15px;
        box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1490196078);
        background-color: #fff;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-radius: 12px;
        width: 100%;
        margin-bottom: 20px
    }

    .menu-profile-ris > h2 {
        font-size: 1rem
    }

    .menu-profile-ris > button {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 36px;
        height: 36px;
        background: rgba(230, 232, 236, 0.3607843137);
        border-radius: 12px;
        border: none
    }

    .menu-profile-ris > button > svg {
        width: 18px;
        height: 18px;
        fill: #8e98a9
    }

    .modal_custom .container.col-lg-3 .main_modal_custom::before {
        content: "";
        width: 50px;
        height: 4px;
        background: #cecece;
        border-radius: 100pc;
        margin: 0 auto 1rem auto
    }

    .modal_custom .container.col-lg-3 .main_modal_custom {
        z-index: 1000000000000000000 !important;
        top: unset !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0px !important;
        margin: 0 !important;
        border-radius: 12px 12px 0 0 !important;
        padding-bottom: 2rem !important;
        transition: all .3s !important;
        height: unset !important
    }

    .modal_custom .container.col-lg-3 {
        display: flex !important;
        align-items: flex-end !important
    }

    .box-style .userInformation-header .origin {
        margin-right: auto
    }

    .box-style .userInformation-header .origin .profile_dropdown_custom::after {
        display: none
    }
}

@media (max-width: 768px) {
    .box_detail {
        grid-template-columns:repeat(1, 1fr)
    }

    .details_box.active {
        overflow-x: scroll
    }

    .details_box.active .details_box_header, .details_box.active .details_box_main, .details_box.active .details_box_footer {
        width: 600px
    }

    .details_box .details_box_footer {
        justify-content: flex-start
    }

    .reserves_card .reserves_header {
        gap: 20px
    }

    .reserves_card .reserves_header h2 {
        width: 100%
    }

    .reserves_card .reserves_header h2 span {
        line-height: 1.5
    }

    table.dataTable.no-footer {
        border: none !important;
        border-radius: unset !important
    }

    .content-table table tbody tr {
        border-radius: 12px !important;
        display: flex !important;
        width: 100% !important;
        flex-wrap: wrap !important;
        background: #fff !important;
        padding: 0 !important;
        margin-bottom: 10px !important;
        box-shadow: none !important;
        border: 1px solid rgba(0, 0, 0, .0784313725) !important;
        overflow: hidden
    }

    .content-table table tbody td:before {
        display: flex;
        align-items: center
    }

    .discounts_introduction .discounts_style {
        grid-template-columns:repeat(1, 1fr)
    }
}

@media (max-width: 545px) {
    .box-style .form-profile {
        grid-template-columns:repeat(1, 1fr) !important
    }

    .reserves_card .reserves_footer {
        flex-direction: column
    }

    .reserves_card .reserves_footer > div {
        flex-direction: column
    }

    .reserves_card .reserves_footer > div h2:first-child::after {
        display: none
    }

    .reserves_card .reserves_header > span {
        margin: 0 !important
    }
}

@media (max-width: 450px) {
    .box-style .img-profile {
        margin: auto
    }

    .box-style .text-profile {
        display: flex;
        justify-content: center;
        align-items: center;
        height: auto;
        margin-top: 1rem;
        margin-right: 0;
        width: 100%;
        text-align: center
    }

    .box-style .text-profile p {
        text-align: center
    }

    .box-style .price-profile-header {
        align-items: center
    }

    .box-style .price-profile-header:nth-child(2)::after {
        right: 0
    }
}

/*# sourceMappingURL=profile.css.map */