body {
    color: #0c0d0f !important;
}

.container {
    width: 100%;
    margin: auto;
}

.btn-primary {
    background-color: transparent;
    border-color: transparent;
}

.form-control:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(255 255 255 / 25%) !important;
}

a:hover {
    color: #0c0d0f !important;
    text-decoration: none !important;
}

.btn-primary:hover {
    background-color: transparent;
    border-color: transparent;
}

button:focus-visible {
    outline: 0 !important;
}

label {
    display: inline-block;
    margin-bottom: 0.5rem;
    color: #0c0d0f;
}

button:focus {
    outline: 0 !important;
}

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

    .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgb(255 255 255 / 50%) !important;
    }

.btn-primary.focus, .btn-primary:focus {
    color: #fff;
    background-color: transparent;
    border-color: transparent !important;
    box-shadow: 0 0 0 0 white !important;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
    color: var(--color1) !important;
    background-color: transparent !important;
    border-color: none !important;
}

.dropdown-item:focus, .dropdown-item:hover {
    background-color: transparent !important;
}

header .navbar-item .dropdown-menu {
    border: 0;
    margin: 0;
}
/* Company Details */

.company-details-wrapper {
    display: flex;
    flex-direction: column;
    margin: auto;
    padding: 20px 0 50px 0px;
}

.company-details-inner .form-control {
    font-size: 14px;
}

.cd-add-branch-head {
    display: flex;
    background-color: var(--color1);
    padding: 8px 30px;
    width: 100%;
    border-radius: 4px;
    margin-bottom: 22px;
}

.cd-head-text {
    font-family: "Alexandria", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: #fff;
}

.company-details-inner {
    display: flex;
    flex-direction: column;
    border: 1px solid #bcbcbc;
    border-radius: 5px;
    width: 100%;
}

.cd-company-details-head {
    display: flex;
    background-color: var(--color1);
    padding: 8px 30px;
    width: 100%;
    border-radius: 4px 4px 0 0;
}

.cd-company-details-head-text {
    font-family: "Alexandria", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: #fff;
}

.cd-company-details-items {
    display: flex;
    flex-direction: column;
    padding: 30px 40px 0px 30px;
    border-bottom: 1px solid #bcbcbc;
}

.cd-items-inner {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
}

    .cd-items-inner label {
        font-family: "Alexandria", sans-serif;
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        color: #0c0d0f;
        width: 240px;
        min-width: 240px;
    }

    .cd-items-inner.select-file input#File1 {
        padding: 0;
        padding: 3px 7px;
        font-size: 14px;
        line-height: 21px;
        border-radius: 0;
        color: #0c0d0f;
    }

input#File1 {
    height: 46px;
}

.file-input {
    display: flex;
    border: 0.8px solid #bcbcbc;
    width: 100%;
    align-items: center;
}

.select-file label.cd-choose-file {
    font-family: "Alexandria", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    color: #0c0d0f;
    background-color: #d6e8ff;
    padding: 5px 15px;
    border-radius: 4px;
    left: 250px;
    margin: 5px;
    cursor: pointer;
    display: inline-block;
    width: auto;
    min-width: auto;
}

.select-file label.cd-choosen-file {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: #848484;
    left: 355px;
    position: absolute;
    margin: 5px;
    cursor: pointer;
    width: initial;
    min-width: initial;
}

.cd-items-inner input {
    border: 0.8px solid #bcbcbc;
    border-radius: 4px;
    width: 100%;
    height: 40px;
    background-color: #fff;
    padding: 4px 20px 5px 20px;
}


.cd-btn-wrapper {
    display: flex;
    justify-content: flex-end;
    padding: 20px 40px;
}



.cd-btn-text {
    font-family: "Alexandria", sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: center;
    color: #0c0d0f;
    padding: 11px 0px;
    background-color: var(--color2);
    border: none;
    border-radius: 20px;
    width: 150px;
}

.select-file {
    position: relative;
}

.file-input input {
    width: 0;
    height: 0;
    overflow: hidden;
}

input[type=file]::file-selector-button {
    background-color: #d6e8ff;
    border: 0;
    border-radius: 3px;
    padding: 8px 15px;
}

.select-file input {
    color: #848484;
}

.input-margin {
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    color: #000e1f;
}

/* company detail end */


/* ledger css */

/* form css */

.view-ledger-page,
.staff-role-page,
.staff-page,
.add-agent-page {
    padding: 20px 0 48px;
}

.section-title-wrapper {
    padding: 8px 30px;
    background-color: var(--color1);
    border-radius: 4px;
    margin-bottom: 24px;
}

.section-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: #fff;
    margin-bottom: 0;
    margin-top: 0;
}

.search-ledger-form {
    margin-bottom: 24px;
}

    .search-ledger-form .form-section {
        display: flex;
    }

select#Branches {
    height: 41px;
    font-size: 14px !important;
    color: #0c0d0f !important;
    padding: 0 13px !important;
}

    select#Branches:focus-visible {
        outline: 0;
    }

.search-ledger-form .from-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row;
    margin-bottom: 0;
}

.from-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row wrap;
    margin-bottom: 20px;
}

.search-ledger-form .form-field {
    width: 245px;
    margin-right: 20px;
}

.form-field {
    width: calc(50% - 20px);
    margin-right: 20px;
}

    .form-field.single-field {
        width: 100%;
    }

.view-ledger-page .search-button a {
    font-size: 15px;
    font-weight: 500;
    line-height: 18px;
    color: #0c0d0f;
    padding: 10px 58px;
    background-color: var(--color2);
    border-radius: 30px;
    text-decoration: none;
}

.search-button button {
    font-size: 15px;
    font-weight: 500;
    line-height: 18px;
    color: #fff;
    padding: 10px 58px;
    background-color: var(--color2);
    border-radius: 30px;
    text-decoration: none;
    border: 0;
}

.view-ledger-page .table-body-wrapper {
    border-radius: 4px 4px 0 0;
    margin-bottom: 20px;
    overflow: hidden;
    max-height: initial;
}

    .view-ledger-page .table-body-wrapper .dt-buttons {
        padding: 20px 24px 20px 35px;
        background-color: var(--color1);
        width: 70%;
    }

    .view-ledger-page .table-body-wrapper div#crreporttbl_filter {
        padding: 28px 24px 20px 35px;
        margin: 0;
        width: 30%;
        background-color: var(--color1);
    }

    .view-ledger-page .table-body-wrapper .dt-buttons .buttons-excel {
        background-color: var(--color2);
        border: 1px solid var(--color2);
        border-radius: 30px;
        font-weight: 500;
        font-size: 15px;
        color: #fff;
        padding: 9px 27px;
        background-image: none;
        margin: 0;
        margin-right: 30px;
    }

    .view-ledger-page .table-body-wrapper .dt-buttons .greenstyle, .view-ledger-page .table-body-wrapper .dt-buttons .bluestyle {
        background-color: transparent;
        color: #fff;
        border: none;
        font-size: 16px;
        margin-right: 29px;
        font-weight: 600;
    }

    .view-ledger-page .table-body-wrapper div#crreporttbl_filter label {
        color: #fff;
        margin-bottom: 0;
    }

    .view-ledger-page .table-body-wrapper div#crreporttbl_info {
        background-color: #fff;
        width: 50%;
        margin: 0;
        border-bottom: 9px solid white;
    }

    .view-ledger-page .table-body-wrapper div#crreporttbl_paginate {
        background-color: #fff;
        width: 50%;
        margin: 0;
    }

        .view-ledger-page .table-body-wrapper div#crreporttbl_paginate a.paginate_button.current {
            background: transparent;
            border: 0;
            color: #0085f8 !important;
            padding: 0;
        }

        .view-ledger-page .table-body-wrapper div#crreporttbl_paginate a#crreporttbl_previous {
            font-size: 14px;
            color: #4c4c4c;
            padding-left: 14px;
        }

        .view-ledger-page .table-body-wrapper div#crreporttbl_paginate a#crreporttbl_next {
            padding-right: 14px;
            font-size: 14px;
            color: #0085f8 !important;
            padding-left: 14px;
        }

        .view-ledger-page .table-body-wrapper div#crreporttbl_paginate .paginate_button {
            padding: 0 0px 0 9px;
            font-size: 12px;
            margin-bottom: 11px;
        }

            .view-ledger-page .table-body-wrapper div#crreporttbl_paginate .paginate_button:hover {
                background: transparent;
                border: 0;
                color: #0c0d0f !important;
                box-shadow: none;
            }

.view-ledger-page table#crreporttbl td:first-child, .view-ledger-page table#crreporttbl td:nth-child(3), .view-ledger-page table#crreporttbl td:nth-child(7), .view-ledger-page table#crreporttbl td:nth-child(8), .view-ledger-page table#crreporttbl td:nth-child(9), .view-ledger-page table#crreporttbl td:nth-child(10), .view-ledger-page table#crreporttbl td:nth-child(11) {
    text-align: center;
}

.view-ledger-page table#crreporttbl {
    display: block;
    overflow: auto;
    overflow-x: hidden;
    max-height: 600px;
    margin-bottom: 15px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.search-ledger-form .textfield-outlined {
    margin-bottom: 0;
}

.textfield-outlined {
    position: relative;
    padding-top: 6px;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.4px;
}

    .textfield-outlined .list-inline {
        display: flex;
        list-style: none;
        margin-bottom: 0;
    }

.add-agent-form .textfield-outlined .list-inline li {
    display: flex;
    gap: 10px;
}

.textfield-outlined .list-inline li {
    padding-right: 1rem;
}

.add-agent-form .form-field label:first-child {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: var(--color1);
}

.textfield-outlined select, .textfield-outlined-first-name select {
    font-size: 14px;
    padding: 9px 13px 9px;
    width: 100%;
    border-radius: 4px;
    border-color: #bcbcbc;
    color: #4c4c4c;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(../img/down-arrow.svg) 8px 4px no-repeat;
    background-position-x: calc(100% - 18px);
    background-position-y: 50%;
    line-height: 21px;
    transition: 0.5s all;
}

.radio-check-field label {
    display: block;
    position: relative;
    font-weight: 400;
    font-size: 14px;
    z-index: 9;
    cursor: pointer;
    color: #676767;
    width: 100%;
    padding-left: 30px;
}

/* Form elements */
.textfield-outlined > input {
    font-family: "Alexandria", sans-serif;
    box-sizing: border-box;
    width: 100%;
    padding: 9px 13px 9px;
    font-size: 14px;
    line-height: inherit;
    color: #0c0d0f;
    border-style: solid;
    border-width: 1px;
    border-color: #bcbcbc #bcbcbc;
    border-radius: 4px;
    height: 41px;
    -webkit-text-fill-color: currentColor;
    background-color: transparent;
    transition: border 0.2s, box-shadow 0.2s;
}
    /*
        .textfield-outlined > input:not(:focus) {
            border-top-color: #bcbcbc;
        }
*/
    /* Label */
    .textfield-outlined > input + label {
        display: flex;
        width: 100%;
        max-height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        font-size: 12px;
        line-height: 15px;
        color: #4c4c4c;
        cursor: text;
        transition: color 0.2s, font-size 0.2s, line-height 0.2s;
        font-family: "Alexandria", sans-serif;
    }

    .textfield-outlined > input:not(:focus), label {
        font-size: 14px;
    }

    /* Corners */
    .textfield-outlined > input + label::before,
    .textfield-outlined > input + label::after {
        content: "";
        display: block;
        box-sizing: border-box;
        height: 8px;
        min-width: 10px;
        margin-top: 6px;
        border-top: solid 1px #bcbcbc;
        pointer-events: none;
        box-shadow: inset 0 1px transparent;
        transition: border 0.2s, box-shadow 0.2s;
    }

    .textfield-outlined > input + label::before {
        margin-right: 4px;
        border-left: solid 1px transparent;
        border-radius: 4px 0;
    }

    .textfield-outlined > input + label::after {
        flex-grow: 1;
        margin-left: 4px;
        border-right: solid 1px transparent;
        border-radius: 0 4px;
    }

/* Hover */
.textfield-outlined ~ label:hover > input {
    border-color: transparent;
}

.textfield-outlined label:hover > input + label::before,
.textfield-outlined label:hover > input + label::after {
    border-top-color: var(--color1);
}

.textfield-outlined label:hover > input:not(:focus) {
    border-color: var(--color1);
}

/* Focus */
.textfield-outlined > input:focus {
    border-color: transparent var(--color1) var(--color1);
    outline: none;
}

    .textfield-outlined > input:focus + label {
        color: #4c4c4c;
    }

        .textfield-outlined > input:focus + label::before,
        .textfield-outlined > input:focus + label::after {
            border-top-color: var(--color1) !important;
        }

/* Faster transition in Safari due to fractional font-size issue */
@media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) {
        .textfield-outlined > input,
        .textfield-outlined > input + label,
        .textfield-outlined > input + label::before,
        .textfield-outlined > input + label::after {
            transition-duration: 0.1s;
        }
    }
}

.ledger-entry-count {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: #676767;
    margin-bottom: 12px;
}

.ledger-table-header-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 24px 20px 35px;
    background: var(--color1);
    border-radius: 4px 4px 0 0;
}

.account-details {
    display: flex;
}

.ledger-table-header-wrapper .limit,
.ledger-table-header-wrapper .balance {
    margin-right: 40px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

.download-button a {
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    color: #fff;
    padding: 9px 27px;
    background-color: var(--color2);
    border-radius: 30px;
    text-decoration: none;
    display: inline-block;
}

.ledger-table-wrapper {
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    border-radius: 4px;
    margin-bottom: 20px;
}

/* table */

table.ledger-table-content {
    width: 100%;
}

.table-body-wrapper {
    max-height: 600px;
    overflow: auto;
    table-layout: fixed;
}

table.ledger-table-content,
table.ledger-table-content th,
table.ledger-table-content td {
    border: 1px solid #ced8e6;
    border-collapse: collapse;
}

    table.ledger-table-content th {
        font-size: 12px;
        line-height: 18px;
        font-weight: 600;
        white-space: nowrap;
        padding: 10px 15px;
        background-color: var(--color1);
        color: #fff;
    }

    table.ledger-table-content td {
        font-size: 10px;
        font-weight: 400;
        line-height: 15px;
        padding: 15px;
        color: #0c0d0f;
    }

.view-ledger-page table#crreporttbl td {
    color: #0c0d0f;
}

table.ledger-table-content {
    border-left: none;
    border-right: none;
}

    table.ledger-table-content tr td:first-child,
    table.ledger-table-content th:first-child {
        border-left: none;
    }

    table.ledger-table-content tr td:last-child,
    table.ledger-table-content th:last-child {
        border-right: none;
    }

.ledger-date {
    white-space: nowrap;
}

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

table.ledger-table-content tr:last-child td:first-child {
    border-radius: 0 0 0 4px;
}

table.ledger-table-content tr:last-child td:last-child {
    border-radius: 0 0 4px 0;
}

.table-pagination ul {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    list-style-type: none;
}

    .table-pagination ul li {
        margin-right: 16px;
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
    }

        .table-pagination ul li.next {
            margin: 0;
            font-size: 14px;
            color: var(--color1);
            padding-right: 12px;
            position: relative;
        }

            .table-pagination ul li.next::after {
                content: "";
                position: absolute;
                top: 1px;
                bottom: 0;
                right: 0;
                border: solid var(--color1);
                border-width: 0 2px 2px 0;
                display: inline-block;
                padding: 3px;
                transform: rotate(-45deg);
                -webkit-transform: rotate(-45deg);
                width: 1px;
                height: 1px;
                margin: auto;
            }

        .table-pagination ul li.active {
            color: var(--color1);
        }

        .table-pagination ul li.prev {
            font-size: 14px;
            color: #4c4c4c;
            margin-right: 20px;
            padding-left: 12px;
            position: relative;
        }

            .table-pagination ul li.prev::after {
                content: "";
                position: absolute;
                top: 1px;
                bottom: 0;
                left: 0;
                border: solid #4c4c4c;
                border-width: 0 2px 2px 0;
                display: inline-block;
                padding: 3px;
                transform: rotate(135deg);
                -webkit-transform: rotate(135deg);
                width: 1px;
                height: 1px;
                margin: auto;
            }

/* ledger css end */


/*btn css start from here*/
.cd-btn-wrapper {
    display: flex;
    justify-content: flex-end;
    padding: 20px 40px;
}

.cd-btn-text {
    font-family: "Alexandria", sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: center;
    color: #0c0d0f;
    padding: 11px 0px;
    background-color: var(--color2);
    border: none;
    border-radius: 20px;
    width: 150px;
}

/* branch-markup component */

.branch-markup-container {
    width: 83%;
    margin: auto;
    padding: 20px 0 50px 0px;
}

.manage-markup-component {
    margin-bottom: 20px;
}

.manage-markup-heading {
    background: var(--color1);
    color: #fff;
    padding: 8px 30px;
    font-family: "Alexandria", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    border-radius: 4px 4px 0 0;
}

.agency-markup-heading {
    background: var(--color1);
    color: #fff;
    padding: 8px 30px;
    font-family: "Alexandria", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    border-radius: 4px;
    margin-bottom: 12px;
}

.manage-markup-content {
    display: flex;
    padding: 28px 30px;
    border-radius: 0 0 4px 4px;
    border: 1px solid #bcbcbc;
    align-items: center;
    margin-bottom: 20px;
}

.branch-markup-form-field {
    width: 250px;
    min-width: 250px;
}

.branch-heading {
    font-family: "Alexandria", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    padding-right: 30px;
}

    .branch-heading label {
        font-size: 16px;
        margin-bottom: 0;
    }

.branch-markup-table td input {
    border: 0;
}

.branch-markup-table td select {
    font-family: "Alexandria", sans-serif;
    font-size: 14px !important;
    font-weight: 400;
    line-height: 21px;
    color: #4c4c4c;
    padding: 8px 30px 8px 9px !important;
    border-radius: 4px;
    width: 190px;
    height: 38px;
    line-height: inherit;
    border-color: #bcbcbc;
}

.staff-page table.ledger-table-content td {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: #0c0d0f;
}

.staff-page .ledger-table-content thead th {
    text-align: start;
    padding: 8px 30px;
    font-size: 16px;
    line-height: 24px;
}


.branch-markup-textfield-outlined select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("../img/down-arrow.svg");
    background-repeat: no-repeat;
    background-position: calc(100% - 12px);
}

    .branch-markup-textfield-outlined select::after {
        content: "";
        display: inline-block;
        width: 16px;
        height: 16px;
        background-image: url("../img/down-arrow.svg");
        background-size: cover;
        position: absolute;
        top: 50%;
        right: 8px;
        transform: translateY(-50%);
        pointer-events: none;
    }

.branch-markup-textfield-outlined select,
.branch-markup-textfield-outlined-first-name select {
    font-size: 14px !important;
    padding: 7px 30px 9px 12px !important;
    height: 38px;
    border-radius: 4px;
    border: 1px solid #bcbcbc;
}

.branch-markup-form-select-radius select {
    border-radius: 4px;
}

/* branch-markup table */

.markup-type-field {
    width: 190px;
}

.branch-markup-table table {
    width: 100%;
}

.branch-markup-table table,
.branch-markup-table th,
.branch-markup-table td {
    border: 1px solid #ced8e6;
    border-collapse: collapse;
}

.branch-markup-table th {
    background: var(--color1);
    color: #fff;
    font-family: "Alexandria", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    padding: 8px 30px;
}

    .branch-markup-table th:first-child {
        width: 25%;
    }

    .branch-markup-table th:nth-child(2) {
        width: 50%;
    }

.branch-markup-table td {
    padding: 6px;
    font-family: "Alexandria", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    text-align: left;
    padding: 10px 30px;
}

    .branch-markup-table td:first-child,
    .branch-markup-table td[colspan] {
        text-align: start;
        color: #0c0d0f;
    }

.branch-markup-imp-information {
    margin-bottom: 30px;
}

.brm-btn-wrapper {
    display: flex;
    justify-content: flex-end;
}

table.branch-markup-table {
    width: 100%;
    border-collapse: collapse;
}

.brm-btn-text {
    font-family: "Alexandria", sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: center;
    color: #0c0d0f;
    padding: 11px 0px;
    background-color: var(--color2);
    border: none;
    border-radius: 20px;
    width: 150px;
}



/* Branches Pages Css Start */
/* main wrapper */
.br-branches-wrapper {
    display: flex;
    flex-direction: column;
    margin: auto;
    padding: 20px 0 50px 0;
}

.br-branches-wrapper-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 21px 25px 22px 30px;
    border-radius: 4px 4px 0 0;
    background-color: var(--color1);
    border-bottom: 1px solid #d9d9d9;
}

    .br-branches-wrapper-head a {
        text-decoration: none;
    }

.br-head-text {
    font-family: "Alexandria", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: #fff;
}

.br-head-btn {
    font-family: "Alexandria", sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: center;
    color: #0c0d0f;
    background-color: var(--color2);
    border: none;
    padding: 8px 25px;
    border-radius: 20px;
    cursor: pointer;
    text-decoration: none;
}

.res-br-head-btn {
    display: none;
}

/* table */
.br-branches-table {
    font-family: "Alexandria", sans-serif;
    border-collapse: collapse;
    width: 100%;
    box-shadow: 0px 4px 4px 0px #00000040;
    border-radius: 4px;
    border-style: hidden;
}

.br-table-head-items,
.br-table-items {
    width: 22%;
    border: 1px solid #d9d9d9;
    text-align: left;
}

    .br-table-head-items:last-child,
    .br-table-items:last-child {
        width: 12%;
    }

.br-table-head-items {
    background-color: var(--color1);
    padding: 8px 0px 8px 30px;
    color: #fff;
}

.br-branches-table-wrapper th.br-table-head-items {
    font-size: 14px;
}

.br-table-items {
    padding: 18px 0px 18px 30px;
}

    .br-table-items a {
        font-family: "Alexandria", sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
        color: var(--color1);
        border: none;
        background-color: #fff;
        cursor: pointer;
        text-decoration: none;
    }


.br-branches-table-head {
    font-family: "Alexandria", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    /* background-color: #0dcaf0; */
    color: #fff;
}

.br-branches-table-items {
    font-family: "Alexandria", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    color: #0c0d0f;
}

.br-branches-table-items-btn {
    font-family: "Alexandria", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    color: var(--color1);
    border: none;
    background-color: #fff;
    cursor: pointer;
}

/* Add new branch */
.br-add-branch-wrapper {
    display: flex;
    flex-direction: column;
    margin: auto;
    padding: 20px 0 50px 0;
}

.br-add-branch-head {
    display: flex;
    background-color: var(--color1);
    padding: 8px 30px;
    width: 100%;
    border-radius: 4px;
    margin-bottom: 22px;
}

.br-field-name {
    font-family: "Alexandria", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: var(--color1);
    margin-bottom: 12px;
    display: flex;
}

.br-add-branch-wrapper .br-field-name label {
    font-size: 16px;
}

.br-add-branch-wrapper .br-radio-check ul.list-inline label {
    font-size: 14px;
}

.role_show {
    display: flex;
}

.br-field-name .br-radio-check {
    margin-left: 1rem;
}

.br-radio-check-field ul {
    display: flex;
    margin-bottom: 25px;
}

.br-radio-check li {
    display: flex;
    align-items: center;
    margin-right: 21px;
}

.br-radio-check input {
    height: 20px;
    width: 20px;
    margin-right: 10px;
    cursor: pointer;
}

.br-radio-check label {
    font-family: "Alexandria", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    color: #676767;
}

/* form css */

.br-from-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row wrap;
}

.br-from-row-child {
    display: flex;
    flex-flow: row wrap;
}

.br-form-field {
    width: calc(50% - 20px);
    /* margin-right: 20px; */
}

.br-form-field-DOB {
    margin-right: 32px;
}

.br-form-field.single-field {
    width: 100%;
}

.br-textfield-outlined-outer {
    display: flex;
}

.br-textfield-outlined,
.br-textfield-outlined-first-name {
    position: relative;
    margin-bottom: 24px;
    padding-top: 6px;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.4px;
}

    .br-textfield-outlined #file {
        width: 0;
        height: 0;
    }


.br-textfield-outlined-first-name {
    width: 100%;
}

.br-textfield-outlined select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("../img/down-arrow.svg");
    background-repeat: no-repeat;
    background-position: calc(100% - 12px);
}

    .br-textfield-outlined select::after {
        content: "";
        display: inline-block;
        width: 16px;
        height: 16px;
        background-image: url("../img/down-arrow.svg");
        background-size: cover;
        position: absolute;
        top: 50%;
        right: 8px;
        transform: translateY(-50%);
        pointer-events: none;
    }

.br-textfield-outlined select,
.br-textfield-outlined-first-name select {
    font-family: "Alexandria", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    color: #4c4c4c;
    padding: 9px 30px 9px 12px;
    border-radius: 4px;
    width: 100%;
    line-height: inherit;
    border-color: #bcbcbc;
}

.br-form-select-radius select {
    border-radius: 4px;
}

/* Form elements */

.br-textfield-outlined > input {
    font-family: "Alexandria", sans-serif;
    box-sizing: border-box;
    width: 100%;
    padding: 9px 13px 9px;
    font-size: 14px;
    line-height: inherit;
    color: #0c0d0f;
    border-style: solid;
    border-width: 1px;
    border-color: transparent #bcbcbc #bcbcbc;
    border-radius: 4px;
    -webkit-text-fill-color: currentColor;
    background-color: transparent;
    caret-color: var(--color1);
    transition: border 0.2s, box-shadow 0.2s;
}

.br-textfield-outlined-first-name > input {
    font-family: "Alexandria", sans-serif;
    box-sizing: border-box;
    width: 100%;
    padding: 9px 13px 9px;
    font-size: 14px;
    line-height: inherit;
    color: #0c0d0f;
    border-style: solid;
    border-width: 1px;
    border-color: transparent #bcbcbc #bcbcbc;
    border-radius: 0 4px 4px 0;
    -webkit-text-fill-color: currentColor;
    background-color: transparent;
    caret-color: var(--color1);
    transition: border 0.2s, box-shadow 0.2s;
}

    .br-textfield-outlined > input:not(:focus):placeholder-shown,
    .br-textfield-outlined-first-name > input:not(:focus):placeholder-shown {
        border-top-color: #bcbcbc;
    }

    /* Label */
    .br-textfield-outlined > input + label,
    .br-textfield-outlined-first-name > input + label {
        display: flex;
        width: 100%;
        max-height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        font-size: 12px;
        line-height: 15px;
        color: #4c4c4c;
        cursor: text;
        transition: color 0.2s, font-size 0.2s, line-height 0.2s;
        font-family: "Alexandria", sans-serif;
    }

    .br-textfield-outlined > input:not(:focus):placeholder-shown + label,
    .br-textfield-outlined-first-name > input:not(:focus):placeholder-shown + label {
        font-size: 14px;
        line-height: 54px;
    }

    /* Corners */
    .br-textfield-outlined > input + label::before,
    .br-textfield-outlined > input + label::after,
    .br-textfield-outlined-first-name > input + label::before,
    .br-textfield-outlined-first-name > input + label::after {
        content: "";
        display: block;
        box-sizing: border-box;
        height: 8px;
        min-width: 10px;
        margin-top: 6px;
        border-top: solid 1px #bcbcbc;
        pointer-events: none;
        box-shadow: inset 0 1px transparent;
        transition: border 0.2s, box-shadow 0.2s;
    }

    .br-textfield-outlined > input + label::before,
    .br-textfield-outlined-first-name > input + label::before {
        margin-right: 4px;
        border-left: solid 1px transparent;
        border-radius: 4px 0;
    }

    .br-textfield-outlined > input + label::after,
    .br-textfield-outlined-first-name > input + label::after {
        flex-grow: 1;
        margin-left: 4px;
        border-right: solid 1px transparent;
        border-radius: 0 4px;
    }

    /* Focus */
    .br-textfield-outlined > input:focus,
    .br-textfield-outlined-first-name > input:focus {
        border-color: transparent var(--color1) var(--color1);
        outline: none;
    }

        .br-textfield-outlined > input:focus + label,
        .br-textfield-outlined-first-name > input:focus + label {
            color: #4c4c4c;
        }

            .br-textfield-outlined > input:focus + label::before,
            .br-textfield-outlined > input:focus + label::after,
            .br-textfield-outlined-first-name > input:focus + label::before,
            .br-textfield-outlined-first-name > input:focus + label::after {
                border-top-color: var(--color1) !important;
            }

/* Faster transition in Safari due to fractional font-size issue */
@media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) {
        .br-textfield-outlined > input,
        .br-textfield-outlined > input + label,
        .br-textfield-outlined > input + label::before,
        .br-textfield-outlined > input + label::after,
        .br-textfield-outlined-first-name > input,
        .br-textfield-outlined-first-name > input + label,
        .br-textfield-outlined-first-name > input + label::before,
        .br-textfield-outlined-first-name > input + label::after {
            transition-duration: 0.1s;
        }
    }
}

.br-btn {
    font-family: "Alexandria", sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
    background-color: var(--color2);
    border: none;
    padding: 8px 0px;
    width: 170px;
    border-radius: 20px;
    cursor: pointer;
}

.br-choose-file {
    font-family: "Alexandria", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    color: #0c0d0f;
    background-color: #d6e8ff;
    padding: 5px 15px;
    border-radius: 4px;
    left: 0;
    position: absolute;
    margin: 5px;
    width: 115px;
    cursor: pointer;
}

.upload-img-text {
    display: flex;
    font-family: "Alexandria", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    padding-left: 120px;
    color: #848484;
}

.br-status-wrapper {
    display: flex;
}

.br-field-status {
    margin-right: 30px;
}

/* Branches Pages Css End */

/* Calender */
.calender {
    display: flex;
    position: absolute;
    padding: 20px;
    top: 15px;
    left: 20px;
    z-index: 9999;
    background: #fff;
    box-shadow: 0px 2px 4px 2px #00000029;
}

.calender-wrapper {
    display: none;
}

.calender-header {
    display: flex;
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 14px;
    padding-bottom: 14px;
    align-items: center;
    justify-content: center;
}

.header-items {
    display: flex;
    justify-content: space-between;
}

.calender-header svg {
    margin-right: 170px;
}

.calender-row {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 10px;
}

.calender-cell {
    font-size: 12px;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.calender-cell-current-month {
    width: 32px;
    height: 32px;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 14px;
}

.selected-cell > .calender-cell-current-month {
    border: none;
}

.ui-datepicker .ui-datepicker-calendar tbody td a.ui-state-active {
    background: var(--color1) !important;
    color: #fff;
}

.ui-datepicker .ui-datepicker-calendar tbody td a {
    text-align: center;
}

.calender-cell-previous-month {
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 14px;
    font-size: 12px;
    font-weight: 400;
    color: #a0a0a0;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: center;
}

.selected-cell:last-child {
    margin-right: 0;
}

.calender-week {
    display: flex;
    align-items: center;
    margin-bottom: 14px;
}

.calender-days {
    margin-right: 14px;
    display: flex;
    justify-content: center;
    width: 30px;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0px;
    text-align: left;
    color: #a0a0a0;
}

.calender-month {
    font-size: 16px;
    font-weight: 600;
    line-height: 33px;
    letter-spacing: 0em;
    text-align: center;
}

.calender-right {
    width: 320px;
    padding: 0 10px;
}

.space {
    margin-right: 14px;
}

.calender-row .selected-cell:last-child {
    margin-right: 0;
}

.tooltip-box::before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 23px;
    border-width: 12px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
    filter: drop-shadow(1px -1px 1px #bcbcbc);
}

.month-year {
    display: flex;
    flex-direction: column;
}

.dropleft {
    display: flex;
    content: "";
    background: url("../Img/vector.svg") no-repeat;
    width: 10px;
    left: 24px;
    cursor: pointer;
    top: 42px;
    height: 18px;
    position: absolute;
}

.dropright-res::after {
    display: none;
}

.dropright {
    position: absolute;
    display: flex;
    content: "";
    background: url("../Img/vector1.svg") no-repeat;
    width: 10px;
    right: 24px;
    top: 42px;
    cursor: pointer;
    height: 18px;
}

.select-date {
    display: none;
}

.date-picker-wraper {
    display: none;
}

.all-fare {
    display: none;
}

.days-flex {
    flex: 1;
}
/* End calender */

/* staff role */

.staff-role-page .section-title-wrapper {
    border-radius: 4px 4px 0 0;
    margin-bottom: 0;
}

.agent-role-mainform {
    display: flex;
}

    .agent-role-mainform .textfield-outlined {
        margin-bottom: 0;
    }

    .agent-role-mainform input {
        border-color: transparent #bcbcbc #bcbcbc;
    }

.agent-role-form-left {
    width: 50%;
    padding: 16px 30px;
    border-right: 1px solid #d9d9d9;
    padding-bottom: 0;
}

.agent-role-form-right {
    width: 50%;
    padding: 16px 30px;
}

.agent-role-form {
    border: 1px solid #bcbcbc;
    border-top: none;
    border-radius: 0 0 5px 5px;
}

.staff-role {
    padding: 30px 20px 10px;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
}

    .staff-role table#chkBxlistRight {
        width: 100%;
    }

.staff-role-col {
    width: 25%;
    margin-bottom: 16px;
    padding-right: 10px;
}

/* checkbox css */

.role-checkbox {
    display: flex;
}

/*input[type="checkbox"] {
    position: relative;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    background: none;
    cursor: pointer;
    line-height: 0;
    margin: 0 8px 0 0;
    outline: 0;
    padding: 0 !important;
    vertical-align: text-top;
    height: 20px;
    width: 20px;
    appearance: none;
    -webkit-appearance: none;
}*/

input[type="checkbox"]:before {
    content: "";
    position: absolute;
    right: 50%;
    top: 48%;
    width: 4px;
    height: 8px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    margin: -1px -1px 0 -1px;
    transform: rotate(45deg) translate(-50%, -50%);
    z-index: 2;
}

input[type="checkbox"]:checked {
    opacity: 1;
    background-color: var(--color1);
    border-color: var(--color1);
}

.role-checkbox > label {
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    color: #0c0d0f;
}
/* end checkbox css */

.agent-role-buttons {
    padding: 20px;
}

    .agent-role-buttons button {
        font-size: 15px;
        font-weight: 500;
        color: #0c0d0f;
        text-decoration: none;
        line-height: 22px;
        border-radius: 30px;
        display: inline-block;
        border: 0;
        cursor: pointer;
    }

.create-button {
    background-color: var(--color2);
    padding: 8px 60px;
    margin-right: 20px;
}

.clear-button {
    border: 1px solid var(--color2) !important;
    padding: 8px 66px;
    background-color: #fff;
}

.staff-account-wrapper {
    display: flex;
    margin-top: 30px;
    padding: 0;
}

.role-name,
.role-description {
    width: 50%;
    padding: 8px 30px;
}

.role-name {
    border-right: 1px solid #d9d9d9;
}

.role-information,
.description-information {
    width: 100%;
    display: flex;
    align-items: center;
}

.account-role-details {
    border: 1px solid #d9d9d9;
    border-top: 0;
    border-radius: 0 0 5px 5px;
}

.role-information {
    border-bottom: 1px solid #d9d9d9;
}

.account-role,
.role-description-text {
    width: 50%;
    padding: 10px 30px;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: #0c0d0f;
}

.account-role,
.role-permissions {
    border-right: 1px solid #d9d9d9;
}

.role-permissions,
.role-permissions-description {
    width: 50%;
    padding: 8px 30px;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
}

    .role-permissions span {
        padding: 8px 18px;
        background-color: var(--color2);
        border-radius: 5px;
        display: inline-block;
        font-weight: 500;
    }

/* staff role END */

/* staff  */

.staff-page .ledger-table-content thead th {
    text-align: start;
    padding: 8px 30px;
    font-size: 16px;
    line-height: 24px;
}

.staff-page .ledger-table-content tbody td {
    text-align: start;
    padding: 12px 30px;
}

.staff-page .table-body-wrapper {
    height: auto;
}

.table-header-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: #fff;
}

.staff-page table.ledger-table-content td {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
}

    .staff-page table.ledger-table-content td a {
        color: #0083d1;
        text-decoration: none;
    }

.select-agent-status .field-name {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: var(--color1);
    margin-bottom: 12px;
}

.radio-check-field {
    display: flex;
    margin-bottom: 30px;
}

.save-button button {
    font-size: 15px;
    font-weight: 500;
    line-height: 23px;
    color: #fff;
    background-color: var(--color2);
    border-radius: 30px;
    padding: 8px 60px;
    border: none;
}

/* redio button css */

.radio-check-field .radio-check {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin-right: 30px;
}

    .radio-check-field .radio-check:last-child {
        margin-right: 0;
    }

.radio-check-field input[type="radio"] {
    position: absolute;
    visibility: hidden;
}

.radio-check-field label {
    display: block;
    position: relative;
    font-weight: 400;
    font-size: 14px;
    z-index: 9;
    cursor: pointer;
    color: #676767;
    width: 100%;
    padding-left: 30px;
}

.radio-check-field .check {
    display: block;
    position: absolute;
    border: 1px solid #d9d9d9;
    border-radius: 100%;
    height: 20px;
    width: 20px;
    top: 0;
    left: 0;
    z-index: 5;
    transition: border 0.25s linear;
    -webkit-transition: border 0.25s linear;
}

    .radio-check-field .check::before {
        display: block;
        position: absolute;
        content: "";
        border-radius: 100%;
        height: 12px;
        width: 12px;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        transition: background 0.25s linear;
        -webkit-transition: background 0.25s linear;
    }

.radio-check-field input[type="radio"]:checked ~ .check {
    border: 1px solid var(--color1);
}

    .radio-check-field input[type="radio"]:checked ~ .check::before {
        background: var(--color1);
    }

/* redio button css end */

/* staff end */


/* sale report start */
.sale-report-container {
    width: 83%;
    margin: auto;
    padding: 20px 0 50px 0px;
}

.view-existing-page-container th .DataTables_sort_wrapper {
    font-size: 14px;
}

.sale-report-container .ve-table-head-items {
    font-size: 12px;
}

.sale-report-heading {
    background-color: var(--color1);
    color: #fff;
    font-family: "Alexandria", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    padding: 8px 30px;
    margin-bottom: 18px;
    border-radius: 4px;
}

.sr-branches-table-wrapper {
    margin-bottom: 8px;
    overflow-x: auto;
    box-shadow: 0px 4px 4px 0px #00000040;
}

.sale-report {
    width: 170px;
}

    .sale-report .ve-textfield-outlined input#PnrNo::placeholder {
        font-size: 14px;
        color: #0c0d0f;
    }

.sales-report-heading {
    width: 37px;
}

.sale-report-container .sr-branches-table-wrapper {
    box-shadow: none;
    overflow: hidden;
}

.sale-report-container a#reporttbl_next {
    color: var(--color1) !important;
}

.sale-report-container .dataTables_wrapper a.paginate_button.current {
    margin-right: 0px;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    border: 0 !important;
    background: linear-gradient(to bottom, #fff 0%, #ffffff 100%) !important;
    color: var(--color1) !important;
    padding: 0;
}

.service-popup {
    display: flex;
    gap: 9px;
}

div#serviceTypeField label {
    margin-bottom: 0;
}

.service-box {
    display: flex;
    gap: 10px;
}

.service-popup span {
    display: flex;
    gap: 3px;
}

.sale-report-container .service-sec input {
    margin: 0 !important;
}

.sale-report-container .form-wrapper {
    margin-bottom: 0;
}

.sale-report-container .service-sec {
    width: 40%;
    display: flex;
    flex-direction: column;
    gap: 9px;
    margin-top: 8px;
}

.sale-report-container .dataTables_wrapper .dataTables_paginate .paginate_button {
    padding-right: 12px !important;
}

    .sale-report-container .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        background: none;
        border: 1px solid transparent;
        color: #0c0d0f !important;
    }

.sale-report-container .dataTables_paginate .previous {
    font-size: 14px !important;
    color: #4c4c4c !important;
    padding-left: 13px !important;
    position: relative;
    margin-right: 7px;
}

.sale-report-container .dataTables_info {
    margin-top: 0;
}

.sale-report-container .dataTables_paginate .previous {
    font-size: 14px !important;
    color: #4c4c4c !important;
    padding-left: 12px;
    margin-right: 20px;
}

.sale-report-container th.ve-table-head-items {
    border-bottom: 0;
    padding: 20px 0px;
}

.sale-report select#country-code {
    color: #0c0d0f;
    font-size: 14px;
    height: 41px;
}

.sr-branches-table-head {
    font-family: "Alexandria", sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 24px;
    color: #fff;
    white-space: nowrap;
}

.sr-booking-date,
.sr-ref-no,
.sr-pax-name,
.sr-destination,
.sr-travel,
.sr-pnr,
.sr-pax,
.sr-price,
.sr-total,
.sr-airline {
    width: 109px;
    min-width: 109px;
    text-align: center;
}

.sr-pax-name {
    text-align: left;
}

.sr-pnr {
    text-wrap: nowrap;
}

.sr-branches-table-items {
    font-family: "Alexandria", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: 0em;
    text-align: left;
    font-weight: normal;
    color: #0c0d0f;
}

.sr-table-items {
    color: #0c0d0f;
    font-weight: normal;
    padding: 18px 17px;
    border: 1px solid #d9d9d9;
}

.ve-from-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row wrap;
}

.ve-from-row-child {
    display: flex;
    flex-flow: row wrap;
}

.ve-form-field {
    width: 177px;
    margin-right: 15px;
    position: relative;
}

.ve-form-field-DOB {
    margin-right: 32px;
}

.ve-form-field.single-field {
    width: 100%;
}

.ve-textfield-outlined-outer {
    display: flex;
}

.ve-textfield-outlined,
.ve-textfield-outlined-first-name {
    position: relative;
    padding-top: 6px;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.4px;
}

    .ve-textfield-outlined #file {
        width: 0;
        height: 0;
    }

.upload-img {
    display: flex;
    align-items: center;
    border: 1px solid #bcbcbc;
    padding: 4px 13px;
    border-radius: 4px;
}

.ve-textfield-outlined-first-name {
    width: 100%;
}

.ve-textfield-outlined select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("../img/down-arrow.svg");
    background-repeat: no-repeat;
    background-position: calc(100% - 12px);
}

    .ve-textfield-outlined select::after {
        content: "";
        display: inline-block;
        width: 16px;
        height: 16px;
        background-image: url("../img/down-arrow.svg");
        background-size: cover;
        position: absolute;
        top: 50%;
        right: 8px;
        transform: translateY(-50%);
        pointer-events: none;
    }

.ve-textfield-outlined select,
.ve-textfield-outlined-first-name select {
    font-family: "Alexandria", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 21px;
    color: #4c4c4c;
    padding: 12px 30px 9px 12px;
    border-radius: 4px;
    width: 100%;
    line-height: inherit;
    border-color: #bcbcbc;
}

.ve-form-select-radius select {
    border-radius: 4px;
}

/* Form elements */

.ve-textfield-outlined > input {
    font-family: "Alexandria", sans-serif;
    box-sizing: border-box;
    width: 100%;
    padding: 9px 13px 9px;
    font-size: 14px;
    line-height: inherit;
    color: #0c0d0f;
    border-style: solid;
    border-width: 1px;
    border-color: #bcbcbc #bcbcbc;
    border-radius: 4px;
    -webkit-text-fill-color: currentColor;
    background-color: transparent;
    transition: border 0.2s, box-shadow 0.2s;
    height: 41px;
}

.ve-textfield-outlined-first-name > input {
    font-family: "Alexandria", sans-serif;
    box-sizing: border-box;
    width: 100%;
    padding: 9px 13px 9px;
    font-size: 14px;
    line-height: inherit;
    color: #0c0d0f;
    border-style: solid;
    border-width: 1px;
    border-color: transparent #bcbcbc #bcbcbc;
    border-radius: 0 4px 4px 0;
    -webkit-text-fill-color: currentColor;
    background-color: transparent;
    caret-color: var(--color1);
    transition: border 0.2s, box-shadow 0.2s;
    outline: none;
}



/* .ve-textfield-outlined>input:not(:focus):placeholder-shown,
.ve-textfield-outlined-first-name>input:not(:focus):placeholder-shown {
  border-top-color: #bcbcbc;
} */

.password .ve-textfield-outlined > input:not(:focus):placeholder-shown,
.password
.ve-textfield-outlined-first-name > input:not(:focus):placeholder-shown {
    border-top-color: #bcbcbc;
}

/* Label */
.ve-textfield-outlined > input + label,
.ve-textfield-outlined-first-name > input + label {
    display: flex;
    width: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 8px;
    line-height: 15px;
    color: #4c4c4c;
    cursor: text;
    transition: color 0.2s, font-size 0.2s, line-height 0.2s;
    font-family: "Alexandria", sans-serif;
}

/* .ve-textfield-outlined>input:not(:focus):placeholder-shown+label,
.ve-textfield-outlined-first-name>input:not(:focus):placeholder-shown+label {
  font-size: 12px;
  line-height: 54px;
  white-space: nowrap;
  overflow: hidden;
} */
.password .ve-textfield-outlined > input:not(:focus):placeholder-shown + label,
.password
.ve-textfield-outlined-first-name > input:not(:focus):placeholder-shown + label {
    font-size: 12px;
    line-height: 54px;
    white-space: nowrap;
    overflow: hidden;
}

/* Corners */
.ve-textfield-outlined > input + label::before,
.ve-textfield-outlined > input + label::after,
.ve-textfield-outlined-first-name > input + label::before,
.ve-textfield-outlined-first-name > input + label::after {
    content: "";
    display: block;
    box-sizing: border-box;
    height: 8px;
    min-width: 10px;
    margin-top: 6px;
    border-top: solid 1px #bcbcbc;
    pointer-events: none;
    box-shadow: inset 0 1px transparent;
    transition: border 0.2s, box-shadow 0.2s;
}

.ve-textfield-outlined > input + label::before,
.ve-textfield-outlined-first-name > input + label::before {
    margin-right: 4px;
    border-left: solid 1px transparent;
    border-radius: 4px 0;
}

.ve-textfield-outlined > input + label::after,
.ve-textfield-outlined-first-name > input + label::after {
    flex-grow: 1;
    margin-left: 4px;
    border-right: solid 1px transparent;
    border-radius: 0 4px;
}

/* Focus */
.ve-textfield-outlined > input:focus,
.ve-textfield-outlined-first-name > input:focus {
    border-color: transparent var(--color1) var(--color1);
    outline: none;
    box-shadow: none;
}

.field-validation-error {
    font-size: 11px;
    color: #f87373;
}

.ve-textfield-outlined > input:focus + label,
.ve-textfield-outlined-first-name > input:focus + label {
    color: #4c4c4c;
}

    .ve-textfield-outlined > input:focus + label::before,
    .ve-textfield-outlined > input:focus + label::after,
    .ve-textfield-outlined-first-name > input:focus + label::before,
    .ve-textfield-outlined-first-name > input:focus + label::after {
        border-top-color: var(--color1) !important;
    }

/* Faster transition in Safari due to fractional font-size issue */
@media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) {
        .ve-textfield-outlined > input,
        .ve-textfield-outlined > input + label,
        .ve-textfield-outlined > input + label::before,
        .ve-textfield-outlined > input + label::after,
        .ve-textfield-outlined-first-name > input,
        .ve-textfield-outlined-first-name > input + label,
        .ve-textfield-outlined-first-name > input + label::before,
        .ve-textfield-outlined-first-name > input + label::after {
            transition-duration: 0.1s;
        }
    }
}

.ve-btn {
    font-family: "Alexandria", sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: center;
    color: #ffff;
    background-color: var(--color2);
    border: none;
    padding: 8px 0px;
    width: 198px;
    border-radius: 20px;
    cursor: pointer;
}

/* table */

/* table heading */
.entries-wrapper {
    font-family: "Alexandria", sans-serif;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}

    .entries-wrapper select {
        font-family: "Alexandria", sans-serif;
        border: 0.8px solid #d5d5d5;
        border-radius: 4px;
        padding: 8px 12px;
        width: 100px;
        font-size: 12px;
        margin-right: 10px;
        appearance: none;
        background: url("../img/down-arrow.svg") no-repeat 72px;
    }

.entries-text {
    font-family: "Alexandria", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: #0c0d0f;
}

.entries-search input {
    font-family: "Alexandria", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: #4c4c4c;
    border: 0.8px solid #d5d5d5;
    padding: 8px 12px;
    border-radius: 4px;
}

.search-wrapper {
    margin-bottom: 26px;
}

/* table heading end */

.entries-show {
    display: flex;
    align-items: center;
}

/* table */
.ve-branches-table {
    border-collapse: collapse;
    width: 100%;
    box-shadow: 0px 4px 4px 0px #00000040;
    border-radius: 4px;
    /* border-style: hidden; */
}

.ve-table-head-items,
.ve-table-items {
    /* width: 22%; */
    border: 1px solid #d9d9d9;
    text-align: left;
}

/* .ve-table-head-items:last-child,
  .ve-table-items:last-child {
    width: 12%;
  } */
.ve-table-head-items {
    background-color: var(--color1);
    text-align: center;
    padding: 18px 17px;
}

.ve-table-items {
    padding: 18px 17px;
}

.ref-no-heading {
    width: 110px;
    text-align: center;
}

.ref-no {
    width: 110px;
    text-align: center;
    color: var(--color1);
    cursor: pointer;
}

.guest {
    width: 200px;
    padding: 18px 28px;
    white-space: nowrap;
}

.departure {
    width: 125px;
    text-align: center;
}

.trip-start {
    width: 155px;
    text-align: center;
}

.booked {
    width: 170px;
    text-align: center;
}

.services {
    width: 170px;
    text-align: center;
}

.pnr {
    width: 110px;
    text-align: center;
}

.status {
    width: 80px;
    text-align: center;
}

.ve-branches-table-wrapper {
    margin-bottom: 24px;
}

/* table footer */
.table-footer {
    display: flex;
    justify-content: space-between;
}

.enteries-label {
    font-family: "Alexandria", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    color: #676767;
}

.enteries-label-mobile {
    display: none;
}

.table-pagination ul {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    list-style-type: none;
}

    .table-pagination ul li {
        margin-right: 16px;
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
    }

        .table-pagination ul li.next {
            margin: 0;
            font-size: 14px;
            color: var(--color1);
            padding-right: 12px;
            position: relative;
        }

            .table-pagination ul li.next::after {
                content: "";
                position: absolute;
                top: 1px;
                bottom: 0;
                right: 0;
                border: solid var(--color1);
                border-width: 0 2px 2px 0;
                display: inline-block;
                padding: 3px;
                transform: rotate(-45deg);
                -webkit-transform: rotate(-45deg);
                width: 1px;
                height: 1px;
                margin: auto;
            }

        .table-pagination ul li.active {
            color: var(--color1);
        }

        .table-pagination ul li.prev {
            font-size: 14px;
            color: #4c4c4c;
            margin-right: 20px;
            padding-left: 12px;
            position: relative;
        }

            .table-pagination ul li.prev::after {
                content: "";
                position: absolute;
                top: 1px;
                bottom: 0;
                left: 0;
                border: solid #4c4c4c;
                border-width: 0 2px 2px 0;
                display: inline-block;
                padding: 3px;
                transform: rotate(135deg);
                -webkit-transform: rotate(135deg);
                width: 1px;
                height: 1px;
                margin: auto;
            }

/* table footer end */

.ve-branches-table-head {
    font-family: "Alexandria", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    color: #fff;
    white-space: nowrap;
}

.ve-branches-table-items {
    font-family: "Alexandria", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    color: #0c0d0f;
}

.ve-branches-table-items-btn {
    font-family: "Alexandria", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    color: var(--color1);
    border: none;
    background-color: #fff;
    cursor: pointer;
}


/* sale report end */


/* amendment enquiries */
.amendment-enquiries-page {
    padding: 20px 0 40px;
}

.amendment-enquiries-table table {
    width: 100%;
}

.amendment-enquiries-table {
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    border-radius: 4px;
}

    .amendment-enquiries-table table,
    .amendment-enquiries-table table th,
    .amendment-enquiries-table table td {
        border: 1px solid #ced8e6;
        border-collapse: collapse;
    }

        .amendment-enquiries-table table th {
            font-size: 12px;
            line-height: 18px;
            font-weight: 600;
            white-space: nowrap;
            padding: 10px 15px;
            background-color: var(--color1);
            color: #fff;
        }

        .amendment-enquiries-table table td {
            font-size: 10px;
            line-height: 18px;
            font-weight: 400;
            white-space: nowrap;
            padding: 10px 12px;
            text-align: center;
        }

            .amendment-enquiries-table table td a {
                color: var(--color1);
                text-decoration: underline;
            }

table#rmrklist th {
    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
    white-space: nowrap;
    padding: 10px 28px;
    background-color: var(--color1);
    color: #fff;
}

table#rmrklist td {
    padding: 10px 28px;
}

#rmrklist > tbody > tr > td {
    border: 1px solid #d9d9d9;
    line-height: 28px;
    font-size: 12px;
    text-align: left;
}

#rmrklist > thead > tr > th {
    border: 1px solid #9ea9d1;
}

.hei div:nth-child(1) {
    width: 100%;
    padding-left: 6px;
    padding-bottom: 6px;
}

.hei input, select {
    font-size: 12px !important;
    margin-top: -4px;
    padding: 4px !important;
}

.hei div:nth-child(2) {
    padding: 5px;
}

.remark-heading {
    padding: 8px 30px;
    background-color: var(--color1);
    border-radius: 4px;
    margin-bottom: 10px;
    margin-top: 20px;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: #fff;
}
/* amendment enquiries end */
/*manage amend query*/
.amend-enquiry-form-wrapper {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
}

.amend-enquiry-items {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 20px;
    align-items: center;
}

    .amend-enquiry-items .amend-enquiry-items-inner:first-child {
        padding-right: 20px;
    }

.amend-enquiry-items-inner {
    display: flex;
    align-items: center;
    width: 50%;
}

    .amend-enquiry-items-inner > label {
        display: flex;
        font-family: "Alexandria", sans-serif;
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        color: #0c0d0f;
        min-width: 175px;
        width: 175px;
        margin-bottom: 4px;
    }

    .amend-enquiry-items-inner input {
        display: flex;
        font-family: "Alexandria", sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
        color: #727272;
        padding: 9px 16px 10px 16px;
        border: 1px solid #bcbcbc;
        border-radius: 4px;
        width: 100%;
    }

.amendment-enquiries-page .textfield-outlined > select {
    height: 42px;
    display: flex;
    font-family: "Alexandria", sans-serif;
    font-size: 14px !important;
    font-weight: 400;
    line-height: 21px;
    color: #0c0d0f !important;
    padding: 9px 16px 10px 16px !important;
    border: 1px solid #bcbcbc !important;
    border-radius: 4px;
    width: 100%;
    overflow: hidden !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.non-editable-amend-enquiry {
    background-color: #f2f2f2 !important;
    border: 0.8px solid #bcbcbc !important;
}

.amend-enquiry-items .form-field {
    width: calc(100% - 20px);
    margin-right: 0px;
}

table#rmrklist {
    border-collapse: collapse;
    width: 100%;
    box-shadow: 0px 4px 4px 0px #00000040;
    border-radius: 4px;
    border-style: hidden;
}

#rmrklist > thead > tr > th:first-child {
    border-top-left-radius: 4px;
}

#rmrklist > thead > tr > th:last-child {
    border-top-right-radius: 4px;
}

.amendment-enquiries-page .textfield-outlined {
    margin-bottom: 0;
    width: 100%;
    padding-top: 0;
}

textarea#Remarks {
    font-size: 14px;
    color: #727272;
}

/*start view-existing-booking*/
.view-existing-page-container {
    width: 85%;
    margin: auto;
    padding: 20px 0 50px 0px;
}

.existing-heading {
    background-color: var(--color1);
    color: #fff;
    font-family: "Alexandria", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    padding: 8px 30px;
    margin-bottom: 18px;
    border-radius: 4px;
}

.ve-textfield-outlined select:focus-visible {
    outline: 0;
}

.view-existing-page-container input {
    border-color: transparent #bcbcbc #bcbcbc;
    font-size: 12px;
}

.view-existing-page-container .ve-form-field {
    padding-right: 15px;
}

table.booking-details-table td {
    font-size: 14px !important;
}

.view-existing-page-container .ve-textfield-outlined.ve-form-select-radius {
    padding-top: 0;
}

.view-existing-page-container .ui-widget-header {
    border: none;
    background: transparent;
    color: #0c0d0f;
    font-weight: normal;
}

.view-existing-page-container .ve-form-field select {
    height: 41px;
    padding: 0 11px !important;
}

.view-existing-page-container th > div {
    color: #fff;
}

.ve-branches-table-wrapper {
    font-family: "Alexandria", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    color: var(--color1);
}

.exit-booking {
    font-size: 15px;
    font-weight: 500;
    padding: 8px 40px;
    border: 1px solid var(--color2);
    border-radius: 30px;
    color: #0c0d0f;
    text-decoration: none;
}

.ve-branches-table td {
    border: 1px solid #d9d9d9;
    text-align: center;
    padding: 18px 17px !important;
    line-height: 28px;
}

    .ve-branches-table td a {
        text-align: center;
        color: var(--color1);
        cursor: pointer;
        text-decoration: none;
        background-color: transparent;
        border: 0;
    }

table#reporttbl td {
    font-size: 10px;
    color: #0c0d0f;
}

.ve-branches-table td a:hover {
    background-color: transparent;
    color: var(--color1);
}

.ve-branches-table-wrapper span.DataTables_sort_icon {
    display: none;
}

div#tblBooking_wrapper .ve-branches-table-head th {
    padding: 18px 0px;
    border-bottom: none;
    background-color: var(--color1) !important;
    border-right: 1px solid #d9d9d9 !important;
}

    div#tblBooking_wrapper .ve-branches-table-head th:nth-child(5) {
        width: 105px !important;
    }

.add-new-item-popuppp table.agent-booking-table td {
    font-size: 14px;
}

table.booking-details-table p {
    margin-bottom: 0;
}

.booking-details-page.add-new-item-popuppp td {
    font-size: 14px;
    background-color: transparent;
}

.booking-details-page.add-new-item-popuppp .passenger-table td, th {
    font-size: 10px;
}

.branch-label label {
    color: var(--color1);
}

.booking-details-page.add-new-item-popuppp .booking-footer .serive-book-btn {
    display: flex;
    order: -1;
    gap: 20px;
    justify-content: flex-start;
}

.prc-brkup .section-title-wrapper {
    margin-bottom: 0;
    border-radius: 4px 4px 0 0;
    border: 1px solid #d9d9d9;
}

.price-brk {
    margin-top: 20px;
    margin-bottom: 10px;
}

    .price-brk a {
        color: var(--color1) !important;
        text-decoration: underline !important;
        font-weight: 600;
        cursor: pointer;
    }

        .price-brk a:hover {
            color: var(--color1);
        }

.serive-book-btn {
    padding: 0;
}

.prc-brkup .prc {
    font-family: "Alexandria", sans-serif;
    border-collapse: collapse;
    width: 100%;
    box-shadow: 0px 4px 4px 0px #00000040;
    border-radius: 4px;
    border-style: hidden;
}

    .prc-brkup .prc th {
        padding: 12px;
    }

    .prc-brkup .prc td {
        font-size: 13px;
    }

.add-new-item-popuppp .serive-book-btn {
    padding: 0;
    display: flex;
    gap: 20px
}

.booking-details-page.add-new-item-popuppp .booking-footer > div {
    display: flex;
    align-items: center;
    justify-content: flex-start !important;
}

.btn-cancle {
    border: 1px solid var(--color2);
    border-radius: 20px;
    font-size: 15px;
    padding: 8px 15px;
    background-color: transparent;
}

table#buttontbl .booking-print-btn button.ve-btn {
    font-size: 11px;
    margin-right: 7px;
    padding: 0 10px 0 0px;
}

.booking-details-page.add-new-item-popuppp th {
    background-color: var(--color1);
    color: #fff;
    text-wrap: nowrap;
    font-size: 14px;
    padding: 11px 11px;
    border-right: 1px solid #dee2e6;
}

.booking-details-page.add-new-item-popuppp .charges-table td {
    font-size: 10px;
    font-weight: 500;
}

.serviceHTL.tab-section {
    padding-bottom: 22px;
    border-bottom: 1px solid #bcbcbc;
    margin-bottom: 12px;
}

table#buttontbl {
    border-bottom: 1px solid #bcbcbc;
}

    table#buttontbl td {
        padding: 0 0px 30px 0px !important;
    }

.booking-details-page.add-new-item-popuppp .charges-table th {
    font-size: 12px !important;
}

.dataTables_length label {
    font-size: 12px;
    font-weight: normal;
}

.dataTables_filter label {
    font-size: 12px;
    font-weight: normal;
}

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

.ve-branches-table-wrapper .dataTables_filter input {
    font-family: "Alexandria", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: #4c4c4c;
    border: 0.8px solid #d5d5d5;
    padding: 8px 12px;
    border-radius: 4px;
}

.ve-branches-table-wrapper .dataTables_wrapper .previous {
    font-size: 14px;
    color: #4c4c4c;
    margin-right: 20px;
    padding-left: 12px;
    position: relative;
    border: 0;
    background-color: transparent;
}

.ve-branches-table-wrapper .dataTables_wrapper a.ui-button {
    border: 0;
    background-color: transparent;
    padding: 0 0;
    font-size: 14px;
    margin-right: 16px;
}

.ve-branches-table-wrapper a#tblBooking_next {
    margin: 0;
    color: var(--color1);
    padding-right: 12px;
    position: relative;
}

.ve-branches-table-wrapper a.fg-button.ui-button.ui-state-default.ui-state-disabled {
    color: #0085f8;
    opacity: 1;
}

a#tblBooking_previous {
    color: #333;
}

.ve-branches-table-wrapper .ui-helper-clearfix.ui-corner-bl.ui-corner-br {
    margin-top: 17px;
    margin-bottom: 0;
}

table#tblBooking {
    box-shadow: none;
}

a#tblBooking_previous::after {
    content: "";
    position: absolute;
    top: 0px;
    bottom: 0;
    left: -11px;
    border: solid#4c4c4c;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    width: 1px;
    height: 1px;
    margin: auto;
}

div#tblBooking_wrapper .ve-branches-table-head th:nth-child(3) {
    width: 91.8% !important;
    border-right: 2px solid #d9d9d9 !important;
    padding: 18px;
}

a#tblBooking_next::after {
    content: "";
    position: absolute;
    top: 0px;
    bottom: 0;
    right: 0;
    border: solid var(--color1);
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    width: 1px;
    height: 1px;
    margin: auto;
}

table#tblBooking {
    width: 100% !important;
}

.view-existing-page-container .search-wrapper {
    margin-bottom: 13px;
}

/*end view-existing-booking*/
/*booking detail page start*/
.booking-details-page {
    padding: 25px 0 40px;
}

.service-tabs-wrapper {
    margin-bottom: 25px;
}

    .service-tabs-wrapper a:hover {
        color: #fff !important;
    }

.service-tab-button.active {
    background-color: var(--color2);
}

    .service-tab-button.active a {
        color: #0c0d0f;
    }

.service-tab-button.active {
    background-color: var(--color2);
}

.service-tabs-wrapper .orangeclr {
    background-color: var(--color2);
    color: #fff;
}

.booking-details-page .nav-tabs > li > a {
    padding: 4px 9px;
    margin-left: 2px;
}

.service-tabs-wrapper .orangeclr a {
    color: #0c0d0f;
}

    .service-tabs-wrapper .orangeclr a.active:hover {
        color: #0c0d0f !important;
    }

.service-tabs-wrapper.exit-booking-tab-btn ul {
    border-bottom: 0;
}

.service-tab-button {
    padding: 8px 30px;
    background-color: var(--color1);
    margin-right: 2px;
    border-radius: 4px;
    margin-bottom: 6px;
}

    .service-tab-button a {
        color: #fff;
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        text-decoration: none;
    }

.payment-table {
    width: 100%;
    box-shadow: 0px 4px 4px 0px #00000040;
    border-radius: 4px;
    margin-bottom: 0px !important;
}

    .payment-table th:last-child {
        border-top-right-radius: 4px;
    }

    .payment-table th:first-child {
        border-top-left-radius: 4px;
    }

.booking-details-page.add-new-item-popuppp .payment-table td {
    font-size: 10px;
    border: 1px solid #d9d9d9;
    font-weight: 500;
    padding: 17px 0px 16px 20px;
}

.booking-details-page.add-new-item-popuppp th {
    font-size: 12px;
    padding: 17px 0px 16px 20px;
}

.section-booking-details table, .section-booking-details tr, .section-booking-details td, .agent-booking-table, .agent-booking-table tr, .agent-booking-table td {
    border: 1px solid #d9d9d9;
    border-collapse: collapse;
}

.section-booking-details table, .agent-booking-table {
    width: 100%;
    margin-bottom: 25px;
}

    .section-booking-details .booking-details-table tr td:first-child, .section-booking-details .agent-booking-table tr td:first-child, .agent-booking-table .agent-booking-table tr td:first-child, .agent-booking-table .agent-booking-table tr td:first-child {
        color: #0c0d0f;
        width: 30%;
    }

    .section-booking-details td, .agent-booking-table td {
        padding: 14px 30px;
        width: max-content;
        font-size: 14px;
        line-height: 21px;
        color: #686868;
    }

.service-tab-details {
    margin-bottom: 50px;
}

.tab-details-row {
    display: flex;
    justify-content: space-between;
}

.tab-details-col-left {
    width: 50%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-right: 1px dashed #bcbcbc;
    padding-bottom: 18px;
}

.tab-details-title {
    width: 35%;
    font-size: 16px;
    line-height: 24px;
    color: #686868;
    margin-bottom: 0;
}

.serviceAIR.tab-section p {
    margin-bottom: 0;
}

.tab-details-content {
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    color: #0c0d0f;
}

.booking-details-page.add-new-item-popuppp .serviceAIR.tab-section table.passenger-tab th {
    font-size: 14px;
}

.booking-details-page.add-new-item-popuppp table.passenger-tab th {
    padding: 17px 0px 16px 5px;
    border: 1px solid #d9d9d9;
    background-color: var(--color1);
    color: #fff;
    font-family: "Alexandria", sans-serif;
    font-size: 10px;
    font-weight: 600;
    line-height: 15px;
    text-align: center;
}

.tab-details-col-right {
    width: 50%;
    display: flex;
    justify-content: flex-start;
    padding-left: 96px;
    padding-bottom: 18px;
}

.bt-booking-wrapper .btn-primary {
    color: #fff;
    background-color: transparent;
    border-color: transparent;
}

    .bt-booking-wrapper .btn-primary:hover {
        color: var(--color1) !important;
        background-color: transparent;
        border-color: transparent;
    }

    .bt-booking-wrapper .btn-primary.focus, .bt-booking-wrapper .btn-primary:focus {
        color: var(--color1);
        background-color: transparent;
        border-color: transparent;
        box-shadow: 0 0 0 0.2rem rgb(255 255 255 / 50%);
    }

.bt-branches-table-items td a {
    color: var(--color1);
    font-size: 10px;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
    border-color: transparent !important;
}

.agent-booking-table tr td:first-child, .agent-booking-table .agent-booking-table tr td:first-child {
    width: 30%;
}

div#DivHtlEng, div#DivFltEng {
    margin-bottom: 15px;
}

.booking-other-info b {
    font-weight: 500;
}

.search-ledger-form .textfield-outlined > input {
    border-color: transparent #bcbcbc #bcbcbc;
}

.booking-other-info p {
    font-size: 14px;
    margin-bottom: 6px;
}

.serviceAIR.tab-section input#btnissueTkt {
    background-color: transparent;
    border: 0;
    font-family: "Alexandria", sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: center;
    color: #0c0d0f;
    background-color: var(--color2);
    border: none;
    padding: 6px 8px;
    border-radius: 20px;
    cursor: pointer;
}

.serviceAIR.tab-section input.btn.btn-primary.btn-sm {
    background-color: transparent;
    border: 0;
    font-family: "Alexandria", sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: center;
    color: #0c0d0f;
    background-color: var(--color2);
    border: none;
    padding: 6px 8px;
    border-radius: 20px;
    cursor: pointer;
}

form#modal-details button {
    font-family: "Alexandria", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: center;
    color: #0c0d0f;
    background-color: var(--color2);
    border: none;
    padding: 6px 0px;
    width: 134px;
    border-radius: 20px;
    cursor: pointer;
}

.modal-footer .btn {
    font-family: "Alexandria", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: center;
    color: #0c0d0f;
    background-color: var(--color2);
    border: none;
    padding: 6px 0px;
    width: 134px;
    border-radius: 20px;
    cursor: pointer;
}

.pnr-queqe {
    display: flex;
    flex-direction: column;
}

.booking-details-page.add-new-item-popuppp .booking-footer button {
    margin: 5px 0;
}
/*end booking detail page */
/*startToBeConfirmBooking page*/
.bt-booking-wrapper, .pt-passenger-tab-wrapper, .py-payment-wrapper {
    padding: 20px 0 50px 0;
}

.bt-wrapper-head {
    display: flex;
    background-color: var(--color1);
    border-radius: 4px;
}

.sale-report-container input {
    border-color: transparent #bcbcbc #bcbcbc;
}

.bt-head-text {
    font-family: "Alexandria", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: #fff;
    padding: 8px 0 8px 30px;
}

.dataTables_length > label > select {
    border: 0.8px solid #d5d5d5;
    border-radius: 4px;
    padding: 8px 12px;
    width: 100px;
    margin-right: 10px;
    appearance: none;
    background-image: url(../img/down-arrow.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 12px);
}

.bt-branches-table-wrapper .dataTables_length > label > select {
    padding: 5px 12px;
}

.dataTables_filter > label input {
    font-family: "Alexandria", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: #4c4c4c;
    border: 0.8px solid #d5d5d5;
    padding: 8px 12px;
    border-radius: 4px;
}

.dataTables_filter {
    margin: 12px 0;
}

.dataTables_length {
    margin: 12px 0;
}

.bt-branches-table-wrapper {
    margin-bottom: 20px;
}

.bt-branches-table {
    font-family: "Alexandria", sans-serif;
    border-collapse: collapse;
    width: 100%;
    box-shadow: 0px 4px 4px 0px #00000040;
    border-radius: 4px;
    border-style: hidden;
}

.bt-table-head-items, .bt-table-items {
    border: 1px solid #d9d9d9;
    text-align: left;
}

    .bt-table-head-items:first-child {
        border-top-left-radius: 4px;
    }

.bt-branches-table-items {
    font-family: "Alexandria", sans-serif;
    font-size: 10px;
    font-weight: 500;
    line-height: 15px;
    color: #0c0d0f;
}

.bt-table-items:first-child a {
    color: var(--color1);
    text-decoration: none;
}

.dataTables_info {
    font-family: "Alexandria", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: #676767 !important;
    margin-top: 7px;
}

.dataTables_paginate .previous {
    font-size: 14px;
    color: #4c4c4c;
    padding-left: 12px;
    position: relative;
}


.dataTables_wrapper .dataTables_paginate {
    margin-top: 7px;
}

.section-booking-details table, .section-booking-details tr, .section-booking-details td, .agent-booking-table, .agent-booking-table tr, .agent-booking-table td {
    border: 1px solid #d9d9d9;
    border-collapse: collapse;
}

.section-booking-details table, .agent-booking-table {
    width: 100%;
    margin-bottom: 25px;
}

    .section-booking-details .booking-details-table tr td:first-child, .section-booking-details .agent-booking-table tr td:first-child, .agent-booking-table .agent-booking-table tr td:first-child, .agent-booking-table .agent-booking-table tr td:first-child {
        color: #0c0d0f;
        width: 30%;
    }

    .section-booking-details td, .agent-booking-table td {
        padding: 14px 30px;
        width: max-content;
        font-size: 14px;
        line-height: 21px;
        color: #686868;
    }

table.passenger-tab {
    font-family: "Alexandria", sans-serif;
    border-collapse: collapse;
    width: 100%;
    box-shadow: 0px 4px 4px 0px #00000040;
    border-radius: 4px;
    border-style: hidden;
}


    table.passenger-tab td {
        font-family: "Alexandria", sans-serif;
        font-size: 14px;
        font-weight: normal;
        line-height: 15px;
        color: #0c0d0f;
        padding: 17px 9px 16px 5px;
        border: 1px solid #d9d9d9;
        text-align: center;
    }

.agent-booking-table tr td:first-child, .agent-booking-table .agent-booking-table tr td:first-child {
    width: 30%;
    color: #0c0d0f;
}

.prc-brkup {
    margin: 25px 0;
}

table.agent-booking-table td {
    color: #0c0d0f;
}

.passenger-dtls input, .passenger-dtls select {
    font-family: "Alexandria", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 21px;
    color: #4c4c4c;
    padding: 12px 30px 9px 12px;
    border-radius: 4px 0 0 4px;
    line-height: inherit;
    border: 1px solid #bcbcbc;
}

.passenger-dtls {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 24.98%;
    margin-right: 12px;
}

.booking-details-buttons {
    margin-bottom: 20px;
}

.add-new-item-popup {
    width: 250px !important;
    left: 22%;
    border-radius: 4px;
    overflow-y: auto;
}

.popup-heading {
    background-color: var(--color1);
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    padding: 10px 16px 0px 26px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .popup-heading h5 {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        margin-bottom: 0;
    }

div#dashboard .popup-heading {
    padding: 8px 25px;
}

.popup-heading button.close {
    background-color: transparent;
    border: 0;
    color: #fff;
    font-size: 25px;
    font-weight: normal;
    opacity: 1;
}

.person-information h1 {
    font-size: 14px;
}

.person-information {
    margin-bottom: 8px;
}

.add-popup-option a {
    font-size: 15px;
    color: #0c0d0f;
    font-weight: normal;
    text-decoration: none;
}

.add-popup-option {
    display: flex;
    padding: 17px 25px;
    flex-direction: column;
    font-family: "Alexandria", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    cursor: pointer;
}

div#dashboard button.close:focus {
    outline: 0;
}

.add-new-item-popuppp {
    position: relative;
    transition: background-color 0.5s;
}

body.add-new-item-popuppp::after {
    content: "";
    background: #000000a8;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99;
}

.hotel-dtls-section-form {
    display: flex;
    position: relative;
}

.hotel-dtls-section {
    width: 50%;
    display: flex;
    gap: 0px;
    font-size: 14px;
    border-right: 1px dashed #bcbcbc;
    padding-bottom: 18px;
}

.booking-print-btn button.ve-btn {
    background-color: transparent;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    color: var(--color1);
    border-right: 1px solid #bcbcbc;
    margin-right: 16px;
    border-radius: 0;
    padding: 0 16px 0 0px;
    width: auto;
}

.hotel-dtls-section span p {
    margin-bottom: 0;
}

.hotel-dtls-section-form .hotel-dtls-section:nth-child(even) {
    border: 0;
}

.hotel-dtls-section-form .hotel-dtls-section:nth-child(even) {
    border: 0;
    padding-left: 96px;
}

.hotel-dtls-section span:first-child {
    width: 35%;
    font-size: 16px;
    line-height: 24px;
    color: #686868;
}

.hotel-dtls-section span:last-child {
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    color: #0c0d0f;
}

.booking-print-btn {
    margin: 13px 0;
}

.booking-print-btn-ve-btn {
    font-family: "Alexandria", sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
    background-color: var(--color2);
    border: none;
    padding: 8px 9px;
    width: auto;
    border-radius: 20px;
    cursor: pointer;
    margin-top: 7px;
}

.booking-print-btn button.ve-btn:last-child {
    border: 0;
}

.bt-booking-wrapper.manage-quote .modal-header .close {
    margin: -8px -2px;
    color: #fff;
    opacity: 1;
}

.bt-booking-wrapper.manage-quote .modal-header {
    background-color: var(--color1);
    padding: 0;
}

table#tblgrid .btn-info:focus {
    box-shadow: none;
}

.bt-booking-wrapper.manage-quote .modal-header .close:focus-visible, .bt-booking-wrapper.manage-quote .modal-header .close:focus {
    outline: 0;
    border: 0;
}

.manage-quote table#tblgrid td:first-child a:hover {
    color: #007bff !important;
    text-decoration: underline !important;
}

.manage-quote table#tblgrid td:first-child a {
    text-decoration: underline;
}

.booking-print-btn a {
    padding: 0 16px 0 0px;
    margin: 0 4px 0 0px;
    background-color: transparent;
    font-size: 15px;
    font-weight: 500;
    margin-right: 16px;
    border-right: 1px solid #bcbcbc;
    line-height: 22px;
    border-radius: 0;
    color: var(--color1);
    text-decoration: none;
}

    .booking-print-btn a:hover {
        color: var(--color1) !important;
    }

button#bookingHistory {
    font-size: 15px;
    font-weight: 500;
    padding: 8px 40px;
    border: 1px solid var(--color2);
    border-radius: 30px;
    color: #fff;
    text-decoration: none;
    background-color: var(--color2);
}

.booking-details-buttons a.btn.btn-danger {
    border: 1px solid var(--color2);
    font-size: 15px;
    font-weight: 500;
    padding: 8px 40px;
    border: 1px solid var(--color2);
    border-radius: 30px;
    color: #0c0d0f;
    text-decoration: none;
}

.booking-footer.row .btn-primary.focus, .btn-primary:focus {
    background-color: var(--color2);
}

.booking-footer.row .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
    color: #0c0d0f !important;
    background-color: var(--color2) !important;
}

.booking-details-page.add-new-item-popuppp .booking-footer {
    border-top: 0;
    width: 100%;
    margin: 0 auto;
    margin-top: 0;
    margin-bottom: 16px;
}

.booking-footer a.btn.btn-danger {
    border: 1px solid var(--color2);
    font-size: 15px;
    font-weight: 500;
    padding: 8px 40px;
    border: 1px solid var(--color2);
    border-radius: 30px;
    color: #0c0d0f;
    text-decoration: none;
}
/*end booking detail page */
/*startToBeConfirmBooking page*/
.bt-booking-wrapper, .pt-passenger-tab-wrapper, .py-payment-wrapper {
    padding: 20px 0 50px 0;
}

.bt-wrapper-head {
    display: flex;
    background-color: var(--color1);
    border-radius: 4px;
}

.bt-head-text {
    font-family: "Alexandria", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: #fff;
    padding: 8px 0 8px 30px;
}

.dataTables_length > label > select {
    border: 0.8px solid #d5d5d5;
    border-radius: 4px;
    padding: 8px 12px;
    width: 100px;
    margin-right: 10px;
    appearance: none;
    background-image: url(../img/down-arrow.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 12px);
}

.dataTables_filter > label input {
    font-family: "Alexandria", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: #4c4c4c;
    border: 0.8px solid #d5d5d5;
    padding: 8px 12px;
    border-radius: 4px;
}

.dataTables_filter {
    margin: 12px 0;
}

.bt-branches-table-wrapper {
    margin-bottom: 20px;
}

.bt-branches-table {
    font-family: "Alexandria", sans-serif;
    border-collapse: collapse;
    width: 100%;
    box-shadow: 0px 4px 4px 0px #00000040;
    border-radius: 4px;
    border-style: hidden;
}

.bt-branches-table-head {
    font-family: "Alexandria", sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    color: #fff;
    background-color: var(--color1);
}

table#tblCancellation .bt-branches-table-head th.bt-table-head-items {
    padding: 17px 17px;
}

table#tblCancellation td {
    text-align: left;
}

.bt-table-head-items, .bt-table-items {
    border: 1px solid #d9d9d9;
    text-align: left;
}

    .bt-table-head-items:first-child {
        border-top-left-radius: 4px;
    }

table#bookTimeLimit .bt-table-head-items {
    background-color: var(--color1);
    border-bottom: transparent;
    padding: 16px 20px 11px 13px;
    font-size: 12px;
}

.bt-branches-table-items {
    font-family: "Alexandria", sans-serif;
    font-size: 10px;
    font-weight: 500;
    line-height: 15px;
    color: #0c0d0f;
}

.bt-branches-table-wrapper table.dataTable.no-footer {
    border-bottom: transparent;
}

.bt-table-items:first-child a {
    color: var(--color1);
    text-decoration: none;
}

td.bt-table-items {
    padding: 17px 0px 16px 0px !important;
}

.dataTables_info {
    font-family: "Alexandria", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: #676767;
    margin-top: 7px;
}

.dataTables_paginate .previous {
    font-size: 14px;
    color: #4c4c4c;
    padding-left: 12px;
    position: relative;
}

table#Tblconfirmbooking th.bt-table-head-items {
    padding: 16px 11px !important;
    border-bottom: none;
    font-size: 12px;
}

.ve-form-field.sale-report label {
    font-size: 8px;
}

table#bookTimeLimit .bt-table-head-items:nth-child(7), table#bookTimeLimit td.bt-table-items:nth-child(7) {
    display: none;
}

.bt-booking-wrapper .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: var(--color1) !important;
    background-color: transparent;
    border: none;
}

.bt-booking-wrapper .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: #fff;
}

.bt-branches-table-wrapper .dataTables_wrapper .dataTables_paginate a.paginate_button.current:hover {
    background: transparent !important;
}

.bt-branches-table-wrapper .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: #0085f8 !important;
    border: none;
    background: none;
    box-shadow: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

.dataTables_wrapper .dataTables_paginate {
    margin-top: 6px;
}


/* change password start */

.password .ve-textfield-outlined > input:not(:focus):placeholder-shown + label, .password .ve-textfield-outlined-first-name > input:not(:focus):placeholder-shown + label {
    font-size: 12px;
    line-height: 54px;
    white-space: nowrap;
    overflow: hidden;
}

.password .ve-textfield-outlined input {
    position: relative;
}

.password-eye-icon {
    position: absolute;
    right: 0px;
    top: 8px;
    padding: 9px 22px 9px;
}

.ve-textfield-outlined > input + label, .ve-textfield-outlined-first-name > input + label {
    display: flex;
    width: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 8px;
    line-height: 15px;
    color: #4c4c4c;
    cursor: text;
    transition: color 0.2s, font-size 0.2s, line-height 0.2s;
    font-family: "Alexandria", sans-serif;
}

    .ve-textfield-outlined > input + label::before, .ve-textfield-outlined-first-name > input + label::before {
        margin-right: 4px;
        border-left: solid 1px transparent;
        border-radius: 4px 0;
    }

    .ve-textfield-outlined > input + label::before, .ve-textfield-outlined > input + label::after, .ve-textfield-outlined-first-name > input + label::before, .ve-textfield-outlined-first-name > input + label::after {
        content: "";
        display: block;
        box-sizing: border-box;
        height: 8px;
        min-width: 10px;
        margin-top: 6px;
        border-top: solid 1px #bcbcbc;
        pointer-events: none;
        box-shadow: inset 0 1px transparent;
        transition: border 0.2s, box-shadow 0.2s;
    }

    .ve-textfield-outlined > input + label::after, .ve-textfield-outlined-first-name > input + label::after {
        flex-grow: 1;
        margin-left: 4px;
        border-right: solid 1px transparent;
        border-radius: 0 4px;
    }

.password .ve-textfield-outlined > input:not(:focus):placeholder-shown, .password .ve-textfield-outlined-first-name > input:not(:focus):placeholder-shown {
    border-top-color: #bcbcbc;
}

.change-password-container {
    width: 85%;
    margin: auto;
    padding: 20px 0 50px 0px;
}

    .change-password-container input {
        position: relative;
    }

    .change-password-container .input-group-text {
        position: absolute;
        border: none;
        background-color: transparent;
        padding: 0;
        right: 21px;
        top: 19px;
    }

i.bi.bi-eye-slash {
    font-size: 14px;
    color: gray;
}

i.bi.bi-eye {
    font-size: 14px;
    color: var(--color1);
}

.change-password-heading {
    background-color: var(--color1);
    color: #fff;
    font-family: "Alexandria", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    padding: 8px 30px;
    margin-bottom: 18px;
    border-radius: 4px;
}

.password {
    width: 358px;
    margin-right: 24px;
}

.last-field {
    margin-right: initial;
}

.password-sucess-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 24px 30px;
}

    .password-sucess-wrapper span {
        margin-bottom: 8px;
    }

    .password-sucess-wrapper h5 {
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: 0em;
        text-align: center;
        margin-bottom: 28px;
    }

.sucessfully-done-popup {
    width: 325px;
    height: 190px;
    display: block;
    position: fixed;
    z-index: 999;
    background: #fff;
    top: 50%;
    left: 50%;
    border-radius: 4px;
    transform: translate(-50%, -50%);
    padding: 0;
    overflow-y: auto;
}

.popup-open {
    position: relative;
    transition: background-color 0.5s;
    height: 100vh;
}

    .popup-open::after {
        content: "";
        background: #000000a8;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 99;
    }

.ve-ok-button {
    font-family: "Alexandria", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: center;
    background-color: var(--color2);
    border: none;
    width: 95px;
    height: 35px;
    border-radius: 20px;
    cursor: pointer;
}

table#chkBxlistRight label {
    color: #0c0d0f;
    display: inline-block;
    width: 84%;
}
/* change password end */
/*end ToBeConfirmBooking page*/
/*start CancellationQueue*/
.form-wrapper {
    display: flex;
    position: relative;
    margin-bottom: 24px;
}

.nav.nav-tabs {
    align-items: baseline;
}


.cancle-queue {
    width: 100%;
    margin: 0px 76px;
    margin-left: 0;
}

.bt-branches-table td {
    font-family: "Alexandria", sans-serif;
    font-size: 10px;
    font-weight: 500;
    line-height: 15px;
    color: #0c0d0f;
    border: 1px solid #d9d9d9;
    text-align: left !important;
    padding: 17px 0px 16px 11px !important;
}

a#bookTimeLimit_next {
    position: relative;
}

    a#bookTimeLimit_next::after {
        content: "";
        position: absolute;
        top: 0px;
        bottom: 0;
        right: 0;
        border: solid var(--color1);
        border-width: 0 2px 2px 0;
        display: inline-block;
        padding: 3px;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        width: 1px;
        height: 1px;
    }

a#bookTimeLimit_previous:after {
    content: "";
    position: absolute;
    top: 1px;
    bottom: 0;
    left: 0;
    border: solid #4c4c4c;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    width: 1px;
    height: 1px;
    margin: auto;
}

tr.bt-branches-table-head th:nth-child(5) {
    width: 101px !important;
}

.bt-branches-table-wrapper .dataTables_wrapper .dataTables_paginate a.paginate_button.current {
    background-color: white !important;
    border: 0 !important;
    color: #0085f8 !important;
    box-shadow: none;
    padding: 0;
    margin: 0;
}

.bt-branches-table-wrapper .dataTables_wrapper .dataTables_paginate a.paginate_button {
    font-size: 12px;
    padding: 0 0;
}

.bt-branches-table-wrapper .dataTables_wrapper .dataTables_paginate .previous {
    font-size: 14px !important;
    padding: 0 9px 0 11px !important;
    color: #4c4c4c;
}

.bt-branches-table-wrapper .dataTables_wrapper .dataTables_paginate .next {
    font-size: 14px !important;
    padding: 0 11px 0 9px !important;
}

.bt-branches-table-wrapper .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    color: var(--color1) !important;
}

.bt-booking-wrapper .form-wrapper {
    margin: 23px 0;
}

button.reset-queue {
    font-size: 15px;
    font-weight: 500;
    padding: 8px 40px;
    border: 1px solid var(--color2);
    border-radius: 30px;
    color: #0c0d0f;
    background-color: #fff;
    text-decoration: none;
}

.cancle-queue select {
    font-family: "Alexandria", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 21px;
    color: #4c4c4c;
    padding: 12px 30px 9px 12px;
    border-radius: 4px 0 0 4px;
    width: 100%;
    line-height: inherit;
    border-color: #bcbcbc;
}

.queue-button {
    margin-bottom: 20px;
}

.add-agent-form.form-wrapper {
    display: block;
    position: relative;
    margin-bottom: 24px;
}

textarea#address {
    font-size: 14px;
    padding: 9px 13px 9px;
    width: 100%;
    border-radius: 4px;
    border-color: #bcbcbc;
    color: #4c4c4c;
    line-height: 21px;
}

.previous::after {
    content: "";
    position: absolute;
    top: 1px;
    bottom: 0;
    left: 0;
    border: solid #4c4c4c;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    width: 1px;
    height: 1px;
    margin: auto;
}

.next {
    position: relative;
}

    .next::after {
        content: "";
        position: absolute;
        top: 1px;
        bottom: 0;
        right: 0;
        border: solid var(--color1);
        border-width: 0 2px 2px 0;
        display: inline-block;
        padding: 3px;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        width: 1px;
        height: 1px;
        margin: auto;
    }

/*sub agentuser*/
.add-agent-form .textfield-outlined ul.list-inline input {
    width: 29px;
    border: 1px solid #d9d9d9;
}

.add-agent-form .textfield-outlined .list-inline label {
    display: block;
    position: relative;
    font-weight: 400;
    font-size: 14px;
    cursor: pointer;
    color: #676767;
    width: 100%;
    margin-bottom: 0;
}

.add-agent-form input {
    border-color: transparent #bcbcbc #bcbcbc;
}
/*modal css*/
/*div#myModal {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
    transition: opacity .15s linear;
    z-index: 1072;
    background-color: #1012148a;
}
.modal-dialog{
    transition: transform .3s ease-out,-;
    max-width: 500px;
    margin: 1.75rem auto;
    position: relative;
    pointer-events: none;
}
.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 0.3rem;
    outline: 0;
}
.modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0.7rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
    flex-direction: row;
    background-color: #0dcaf0;
}
    .modal-header button {
        background-color: transparent;
        border: 0;
        outline: 0;
        font-size: 24px;
        color: #fff;
    }
    .modal-header h3.modal-title {
        font-weight: 600;
        font-size: 16px;
        color: #fff;
    }
.modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem;
}
.modal-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0.75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(0.3rem - 1px);
    border-bottom-left-radius: calc(0.3rem - 1px);
}
    .modal-footer button {
        font-family: Poppins;
        font-size: 14px;
        font-weight: 500;
        line-height: 23px;
        letter-spacing: 0em;
        text-align: center;
        color: #000;
        background-color: var(--color2);
        border: none;
        padding: 6px 0px;
         width: 134px;
        border-radius: 20px;
        cursor: pointer;
    }*/
.add-passenger-dtls .modal-dialog {
    max-width: 65%;
}

.passenger-close-btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 0;
}

    .passenger-close-btn button.close {
        background-color: transparent;
        border: 0;
        outline: 0;
        color: #fff;
        font-size: 27px;
    }

.add-passenger-dtls .booking-details-buttons {
    padding: 0 16px;
}

.add-agent-form .textfield-outlined {
    margin-bottom: 0;
}

.add-agent-page select {
    height: 40px;
    font-size: 14px !important;
    padding: 0 11px !important;
}

.add-agent-form .save-button {
    padding-top: 9px;
}

.modal-header h5.modal-title {
    color: #fff;
    font-size: 16px;
}

.branch-label {
    display: flex;
    gap: 23px;
    margin-bottom: 0;
}

    .branch-label ul.list-inline input {
        margin-right: 12px;
    }

    .branch-label ul.list-inline label {
        color: #676767;
    }

.br-add-branch-wrapper label {
    margin-bottom: 0;
}

.br-add-branch-wrapper .br-textfield-outlined > input {
    height: 39px;
}

.br-add-branch-wrapper .br-textfield-outlined select, .br-add-branch-wrapper .br-textfield-outlined-first-name select {
    padding: 4px 30px 3px 12px !important;
    height: 39px;
    font-size: 14px !important;
    background-color: #f5f5ff;
    color: #4c4c4c;
    font-weight: 700;
}

.add-agent-page .form-wrapper input {
    color: #4c4c4c;
}

.br-add-branch-wrapper input#File1 {
    height: 43px;
    padding: 2px 4px 6px 5px;
    font-size: 14px;
}

table#chkBxlistRight Td {
    padding: 5px 3px;
    vertical-align: middle;
    width: 24%;
}

table#chkBxlistRight input {
    position: relative;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    cursor: pointer;
    line-height: 0;
    margin: 0 8px 0 0;
    outline: 0;
    height: 20px;
    width: 20px;
    display: inline-block;
    vertical-align: middle;
}

.account-role button {
    padding: 8px 18px;
    background-color: var(--color2);
    border-radius: 5px;
    display: inline-block;
    font-weight: 500;
    border: 0;
}

    .account-role button:focus {
        outline: none;
    }
/*manage quotation*/
.sale-report-container table#reporttbl {
    display: block;
    overflow: scroll;
}

    .sale-report-container table#reporttbl span.badge {
        padding: 3px 6px;
        font-size: 10px;
        border: 1px solid #e4e3e2;
        background-color: #ffffff;
        font-weight: 500;
        color: #101010;
        margin-bottom: 0;
        border-radius: 20px;
        width: auto;
        text-align: center;
    }

    .sale-report-container table#reporttbl td:nth-child(4) {
        min-width: 100px;
    }

.bt-booking-wrapper.manage-quote {
    padding: 0;
    margin-top: 20px;
}

    .bt-booking-wrapper.manage-quote input#toemail {
        border: 1px solid #d5d4d4;
        border-radius: 3px;
        font-size: 14px;
        padding: 0px 6px;
    }

.bt-booking-wrapper div#tblgrid_wrapper .ui-corner-tr {
    background-color: #ffff;
    border: 0;
}

    .bt-booking-wrapper div#tblgrid_wrapper .ui-corner-tr .dataTables_filter label {
        margin-bottom: 0;
    }

.manage-quote table#tblgrid th {
    border: 1px solid #d9d9d9 !important;
    text-align: center;
}

th.bt-table-head-items {
    background-color: var(--color1);
    color: #fff;
}

table#tblgrid .btn-info {
    color: #0c0d0f;
    background-color: transparent;
    border-color: transparent;
    font-size: 10px;
    font-weight: 400;
}

    table#tblgrid .btn-info:hover {
        color: #191515;
        background-color: transparent;
        border-color: transparent;
    }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: none !important;
    background: transparent !important;
    font-weight: normal;
    font-size: 14px;
}

.DataTables_sort_wrapper {
    font-size: 12px;
    color: #fff;
}

table#tblgrid td {
    font-weight: 400;
    text-align: center;
}

.manage-quote table#tblgrid {
    border-collapse: collapse;
    width: 100% !important;
    box-shadow: 0px 4px 4px 0px #00000040;
    border-radius: 4px;
    border-style: hidden;
}

    .manage-quote table#tblgrid .bt-branches-table-head .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon, .ui-state-default .ui-icon {
        display: none;
    }

    .manage-quote table#tblgrid th:focus-visible {
        outline: 0;
    }

table#tblgrid td:first-child {
    text-align: center !important;
    padding: 0 !important;
}

.bt-booking-wrapper.manage-quote .ui-widget-header {
    border: none;
    background: #ffffff;
    color: #333;
    font-weight: bold;
}

.manage-quote table#tblgrid td:first-child {
    text-align: center !important;
    padding: 14px 11px !important;
}

.manage-quote table#tblgrid td:nth-child(7) {
    text-align: center !important;
    padding: 0 !important;
}

.bt-booking-wrapper.manage-quote .fg-toolbar {
    background-color: transparent;
    border: none;
}

.bt-booking-wrapper.manage-quote a#tblgrid_previous {
    background-color: #fff;
    border: none;
    opacity: 1;
    color: #333 !important;
}

.bt-booking-wrapper.manage-quote a#tblgrid_next {
    border: 0;
    background-color: #fff;
    opacity: 1;
    color: #0085f8;
}

table#buttontbl button.ve-btn {
    border-right: 1px solid #bcbcbc !important;
}

div#QuotedetailHtml {
    margin-top: 25px;
}

.bt-booking-wrapper.manage-quote a.fg-button.ui-button.ui-state-default.ui-state-disabled {
    background-color: #fff;
    border: none;
    padding: 0;
    color: #007fff !important;
    font-size: 14px;
    opacity: 1;
}

.manage-quote table#tblgrid td {
    padding: 5px 7px !important;
    text-align: center !important;
}
/*cash deposite*/
.cash-deposite .section-title-wrapper {
    margin-bottom: 13px;
}

.cash-deposite .pay-btn {
    width: 100px;
    margin-top: 18px;
    font-family: "Alexandria", sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: center;
    color: #0c0d0f;
    background-color: var(--color2);
    border: none;
    padding: 8px 0px;
    border-radius: 20px;
    cursor: pointer;
}

.cash-deposite td {
    color: #0c0d0f;
}

.cash-deposite .all-bord {
    border: 1px solid #eaeaec;
    height: 79px;
    padding: 6px;
    margin-bottom: 11px;
}

    .cash-deposite .all-bord textarea#Remarks {
        height: 33px;
    }

.cash-deposite ul.nav.nav-tabs {
    background: var(--color1);
    color: #fff;
    width: 100%;
    font-size: 12px;
    margin-top: 3px;
    padding: 5px 0;
    margin-bottom: 10px;
}

.cash-deposite .nav-tabs > li.active > a {
    background: var(--color2);
    color: black;
    border-radius: 25px;
}

.cash-deposite .tab-content {
    width: 100%;
}

.cash-deposite ul.nav.nav-tabs li {
    padding: 8px;
}

.cash-deposite .nav-tabs > li > a {
    margin: 7px 5px;
    padding: 7px 11px;
    border-radius: 25px;
    margin-right: 5px;
}

    .cash-deposite .nav-tabs > li > a:hover {
        color: #0c0d0f;
        background: var(--color2);
    }

.cash-deposite .nav-tabs a {
    color: #fff;
}

.cash-deposite .all-bord label {
    font-size: 12px;
}

.cash-deposite .all-bord input {
    height: 32px;
    font-size: 12px;
}

    .cash-deposite .all-bord input#uploadImage {
        font-size: 9px;
        padding: 0 0;
    }
/*reconfirm*/
.bnt_recnfm {
    padding: 20px 0 40px;
}

.reconfirm {
    padding: 20px 0 48px;
}

.reconfirm-btn input {
    margin-top: 47px;
    border-radius: 25px;
    background-color: var(--color2);
    color: #0c0d0f;
    border: none;
}

.reconfirm-btn .alert.alert-success {
    padding-right: 0;
}

.reconfirm .reconfirm-radio {
    padding: 0;
    margin-bottom: 10px;
    display: flex;
    align-items: baseline;
    gap: 6px;
}
/*div#myModal {
    display: none;
}*/
/*calender css*/
/*.ui-datepicker .ui-datepicker-calendar tbody td {
    border: 0;
}
    .ui-datepicker .ui-datepicker-calendar tbody td a, .ui-datepicker .ui-datepicker-calendar tbody td span {
        font-size: 12px;
    }
.ui-datepicker {
    width: 320px;
}
    .ui-datepicker .ui-datepicker-calendar tbody td {
        margin-right: 12px;
    }
    .ui-datepicker thead th {
        margin-right: 12px;
    }
.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all .ui-datepicker-title {
    flex-direction: column;
    gap: 5px;
}
    .ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all .ui-datepicker-title select {
        font-size: 16px;
        border: 0;
        color: #080707;
    }
        .ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all .ui-datepicker-title select.ui-datepicker-year {
          
            font-weight: normal;
        }
span.ui-icon.ui-icon-circle-triangle-w {
    background-image: none;
}
    span.ui-icon.ui-icon-circle-triangle-w::after {
        content: "";
        position: absolute;
        top: 1px;
        bottom: 0;
        left: 4px;
        border: solid #0dcaf0;
        border-width: 0 2px 2px 0;
        display: inline-block;
        padding: 3px;
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        width: 1px;
        height: 1px;
        margin: auto;
    }
span.ui-icon.ui-icon-circle-triangle-e::after {
    content: "";
    position: absolute;
    top: 1px;
    bottom: 0;
    right: 5px;
    border: solid #0dcaf0;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    width: 1px;
    height: 1px;
    margin: auto;
}
div#ui-datepicker-div {
    padding-top: 24px;
}
.ui-widget-header .ui-icon {
    background-image: none;
}
.ui-widget-header .ui-icon {
    background-image: none;
}*/
/*responsive*/
/*administration*/
ul.flexlist li {
    list-style: none;
}

    ul.flexlist li input {
        margin-right: 11px;
    }

ul.flexlist {
    margin-bottom: 0;
}

table#tblFlightDetails input {
    border-color: #bcbcbc #bcbcbc #bcbcbc;
}

.pax-details-input input {
    border-color: #bcbcbc #bcbcbc #bcbcbc;
}

.fare-details-box {
    padding: 10px;
    border: 1px solid #8080801f;
    text-align: left;
    background-color: #ebf3f6;
    font-size: 12px;
}

.compny-currency-dtls .list-inline li {
    display: flex;
    align-items: baseline;
    gap: 7px;
}

div#discomcrn input {
    border-color: #bcbcbc #bcbcbc #bcbcbc;
}

div#discomcrn label {
    font-size: 13px;
}

.charge-dtls {
    font-size: 14px;
}

    .charge-dtls input {
        border-color: #bcbcbc #bcbcbc #bcbcbc;
    }

.ctab .list-inline li {
    display: flex;
    align-items: baseline;
    gap: 7px;
}

.ctab .list-inline {
    margin-bottom: 0;
}

/*.staff-role-page .container {
    max-width: 85% !important;
    margin: auto !important;
}*/
/*import pnr*/
.pnr-booking-items {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 20px;
}

.pnr-booking-items-inner {
    display: flex;
    align-items: center;
    width: 50%;
}

.pnr-booking-items .pnr-booking-items-inner:first-child {
    margin-right: 20px;
}

.pnr-booking-items-inner > label {
    display: flex;
    font-family: "Alexandria", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #0c0d0f;
    min-width: 175px;
    width: 175px;
}

.pnr-booking-items-inner input {
    display: flex;
    font-family: "Alexandria", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    color: #727272;
    padding: 9px 16px 10px 16px;
    border: 1px solid #bcbcbc;
    border-radius: 4px;
    width: 100%;
}

table#tblFlightDetails .text-uppercase {
    font-family: "Alexandria", sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    color: #0c0d0f;
    background-color: #d0edff;
    border-right: 1px solid #d9d9d9;
}

.pos-mannual-fltreservation table#tblFlightDetails {
    box-shadow: 0px 4px 4px 0px #00000040;
    border-style: hidden;
    border-radius: 4px;
}

table#tblFlightDetails .text-uppercase > tr > th {
    border: 1px solid #d9d9d9;
    border-top: none;
    padding: 17px 6px 17px 10px;
}

.pos-mannual-fltreservation .table-striped tbody tr:nth-of-type(odd) {
    background-color: transparent;
}

.pnr-booking-items-inner .flexlist {
    display: flex;
    gap: 27px;
}

.pnr-booking-items-inner ul.flexlist li {
    list-style: none;
    display: flex;
    gap: 11px;
}

    .pnr-booking-items-inner ul.flexlist li > label {
        display: flex;
        font-family: "Alexandria", sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
        color: #676767;
    }

    .pnr-booking-items-inner ul.flexlist li input {
        margin-right: 0;
        height: 20px;
        width: 20px;
    }

.pnr-booking-items-inner select {
    color: #727272;
    font-size: 14px !important;
    border: 1px solid #bcbcbc;
}

.pax-details-label > label {
    font-family: "Alexandria", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #0c0d0f;
    margin-bottom: 6px;
}

.exit-booking-tab-btn > ul > li a {
    padding: 8px 30px;
    background-color: var(--color1);
    margin-right: 2px;
    border-radius: 4px;
    margin-bottom: 6px;
    color: #fff;
}

@media (max-width: 1220px) {
    .container {
        width: 90%;
    }

    .search-ledger-form .form-field {
        width: 230px;
    }

    .change-password-container {
        width: 90%;
    }

    .branch-markup-container {
        width: 90%;
    }

    .bt-branches-table-wrapper table.dataTable.no-footer {
        overflow: auto;
        width: 100% !important;
    }

    table#AmndmntView {
        overflow: auto;
        display: block;
    }

    .view-existing-page-container .form-wrapper {
        overflow: auto;
        width: 100% !important;
    }

    .view-existing-page-container .ve-textfield-outlined {
        width: 113px;
    }

    .cash-deposite .all-bord label {
        font-size: 10px;
    }

    .company-details-wrapper {
        width: 93%;
    }

    .booking-details-page.add-new-item-popuppp .passenger-table th {
        padding: 13px !important;
    }

    .passenger-table {
        overflow: auto;
        display: block;
    }

    .booking-details-page.add-new-item-popuppp .passenger-table th {
        font-size: 13px !important;
    }
}

@media (min-width: 991px) and (max-width: 1200px) {
    .sale-report-container .form-wrapper {
        width: 100%;
        overflow: auto;
    }

    .sale-report-container .ve-form-field {
        flex: 0 0 148px;
    }

    .sale-report-container .service-sec {
        margin-right: 87px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .search-ledger-form .form-field {
        width: 154px;
        margin-right: 20px;
    }

    .agent-role-form-right .form-field {
        width: calc(63% - 20px);
    }

    .container {
        width: 95%;
    }

    .branch-markup-container {
        width: 95%;
    }

    .upload-img {
        padding: 0px 13px;
    }

    .br-add-branch-wrapper .br-field-name label {
        text-wrap: nowrap;
    }

    .sale-report-container {
        width: 95%;
    }

    .ve-form-field.sale-report:last-child {
        margin-right: 0;
    }

    .change-password-container {
        width: 95%;
    }

    .bt-branches-table-wrapper table.dataTable.no-footer {
        overflow: auto;
        display: block;
        width: 100% !important;
    }

    table#bookTimeLimit .bt-table-head-items {
        padding: 17px 10px 11px 20px;
        min-width: 140px;
    }

    .view-existing-page-container {
        width: 95%;
    }

    .add-passenger-dtls .modal-dialog {
        max-width: 100%;
    }

    .booking-details-page.add-new-item-popuppp .serviceAIR.tab-section table.passenger-tab th {
        font-size: 12px;
        padding-left: 10px !important;
        padding-right: 10px;
    }

    .booking-details-page.add-new-item-popuppp .serviceAIR.tab-section table.passenger-tab td {
        font-size: 10px;
    }

    .service-tab-button a {
        font-size: 12px;
    }

    .company-details-wrapper {
        width: 98%;
    }

    .hotel-dtls-section span:first-child {
        width: 50%;
        font-size: 14px;
    }

    .hotel-dtls-section span:last-child {
        font-size: 12px;
    }

    button#bookingHistory {
        padding: 8px 20px;
    }

    .booking-details-page.add-new-item-popuppp .passenger-table {
        overflow: auto;
        display: block;
    }

    .prc-brkup table.passenger-tab {
        display: block;
        overflow: auto;
    }

    table#Tblconfirmbooking th.bt-table-head-items {
        min-width: 120px;
    }

    .view-ledger-page table#crreporttbl {
        overflow-x: auto;
    }

    .view-ledger-page .table-body-wrapper .dt-buttons .buttons-excel {
        font-size: 13px;
        padding: 9px 12px;
        margin-right: 0px;
    }

    .view-ledger-page .table-body-wrapper .dt-buttons .greenstyle, .view-ledger-page .table-body-wrapper .dt-buttons .bluestyle {
        font-size: 11px;
        margin-right: 4px;
    }

    .view-ledger-page .table-body-wrapper .dt-buttons {
        padding: 41px 24px 20px 35px;
    }

    .view-ledger-page .table-body-wrapper div#crreporttbl_filter {
        padding: 28px 27px 20px 0px;
    }

    .company-details-inner {
        width: 100%;
    }

    .cash-deposite {
        width: 100%;
    }

    .sale-report-container .form-wrapper {
        overflow: auto;
        width: 100%;
    }

    .sale-report-container .sale-report {
        min-width: 177px;
    }

    .sale-report-container table#tbldata {
        display: block;
        overflow: auto;
        width: 100%;
    }

    .sale-report-container .ve-form-field {
        flex: 0 0 166px;
    }

    .sale-report-container .service-sec {
        margin-right: 109px;
    }
}

@media (max-width: 767px) {
    /*company-details*/
    .cd-add-branch-head, .cd-company-details-head {
        padding: 8px 14px;
    }

    .company-details-wrapper {
        width: 100%;
    }

    .company-details-inner {
        width: 100%;
    }

    .cd-company-details-items {
        padding: 20px 12px;
        padding-bottom: 0;
    }

    .branch-markup-container {
        width: 90%;
    }

    .cd-items-inner {
        display: contents;
    }

        .cd-items-inner label {
            margin-bottom: 12px;
            font-size: 14px;
        }

        .cd-items-inner input {
            margin-bottom: 15px;
        }

    .manage-markup-content {
        padding: 28px 16px;
    }

    .cd-company-details-items input#File1 {
        padding: 3px 6px;
    }

    .cd-btn-text {
        font-size: 12px;
    }

    .hei {
        border: 0;
    }

    .fx {
        display: block !important;
    }

    .brdr {
        border: 0;
    }

    .cash-deposite .all-bord {
        width: 100% !important;
    }

    #rmrklist > thead > tr > th {
        border: 1px solid #9ea9d1;
        padding: 0 13px;
        font-size: 11px;
    }

    div#rmrklistdiv table#rmrklist th {
        padding: 8px 13px;
        font-size: 13px;
    }
    /*view-ledger-page*/
    .container {
        width: 100%;
        margin: auto;
        padding: 0 10px;
    }

    .section-title-wrapper {
        padding: 8px 16px;
    }

    .search-ledger-form .form-field {
        width: 100%;
        margin-right: 0;
    }

    .booking-print-btn a {
        font-size: 10px;
        margin-right: 0;
        padding: 0 9px 0 0px;
    }

    .view-ledger-page .search-button {
        display: flex;
        justify-content: flex-start;
        width: 100%;
        margin-top: 5px;
    }

    .view-ledger-page .table-body-wrapper div#crreporttbl_filter label {
        display: block;
    }

    .view-ledger-page .table-body-wrapper .dt-buttons {
        padding: 18px 14px 0px 27px;
        width: 100%;
    }

        .view-ledger-page .table-body-wrapper .dt-buttons .buttons-excel {
            font-size: 13px;
            padding: 9px 23px;
        }

    .view-ledger-page .table-body-wrapper div#crreporttbl_info {
        width: 100%;
    }

    .view-ledger-page .table-body-wrapper div#crreporttbl_paginate {
        width: 100%;
    }

    .view-ledger-page .table-body-wrapper div#crreporttbl_filter {
        padding: 28px 24px 20px 23px;
        width: 100%;
    }

    .view-ledger-page .table-body-wrapper .dt-buttons .greenstyle, .view-ledger-page .table-body-wrapper .dt-buttons .bluestyle {
        font-size: 13px;
    }

    .payment-table {
        width: 100%;
        display: block;
        overflow: auto;
    }

    .manage-amend-table {
        display: block !important;
    }

    .search-ledger-form .from-row {
        flex-direction: column;
        width: 100%;
    }

    div#rmrklistdiv table#rmrklist {
        overflow: auto;
        display: block;
    }
    /*agentmarkup*/
    .branch-markup-container {
        margin-bottom: 30px;
    }

    .branch-heading label {
        font-family: "Alexandria", sans-serif;
        font-size: 14px;
        font-weight: 500;
        line-height: 21px;
        letter-spacing: 0em;
        text-align: left;
    }

    .branch-markup-form-field {
        width: 150px;
        min-width: 150px;
    }

    table.branch-markup-table {
        width: 100%;
        overflow: auto;
        display: block;
    }

    .branch-markup-table th {
        width: 200px;
        min-width: 200px;
    }

    .brm-btn-wrapper {
        justify-content: flex-start;
    }
    /*agentbranch*/
    .br-branches-wrapper-head {
        padding: 0 0 8px 0;
        border-bottom: none;
        flex-direction: column;
        background-color: #fff;
        align-items: start;
        width: initial;
    }

    .subagent-branch {
        margin-bottom: 9px;
        background-color: var(--color1);
        padding: 8px 12px;
        width: 100%;
        border-radius: 4px 4px 0 0;
    }

    .br-branches-table-wrapper {
        overflow-x: auto;
        padding-bottom: 5px;
    }

    .br-branches-table {
        margin-left: 1px;
    }

    .ve-branches-table-wrapper .ui-helper-clearfix.ui-corner-bl.ui-corner-br {
        margin-top: 0px;
        margin-bottom: 0;
    }

    .br-table-head-items:first-child {
        border-top-left-radius: 4px;
    }

    th.br-table-head-items {
        min-width: 150px;
    }
    /*cash deposite*/
    .amendment-enquiries-page {
        width: 100%;
        margin: 0 auto;
    }

    .cash-deposite {
        width: 90%;
    }

    .view-ledger-page table#crreporttbl {
        overflow-x: auto;
    }

    .amendment-enquiries-page form#form0 {
        width: 100%;
    }

        .amendment-enquiries-page form#form0 .form-section.cshdep-form {
            display: block !important;
        }

    .amendment-enquiries-page table {
        width: 100%;
        display: block;
        overflow: auto;
    }
    /*editsubagent branch*/
    .br-add-branch-wrapper {
        padding: 20px 0 26px 0;
    }

        .br-add-branch-wrapper .container {
            width: 100%;
            padding: 0px 18px 0px 18px;
        }

    .br-add-branch-head {
        padding: 8px 22px;
    }

    .br-from-row {
        align-items: start;
        flex-direction: column;
    }

    .br-form-field {
        width: 100%;
    }

    .br-field-name {
        flex-direction: column;
    }

    .br-radio-check-field .br-field-name {
        margin-bottom: 0;
    }

    .br-field-name .br-radio-check {
        margin-left: 0;
        margin-top: 13px;
    }

    .br-textfield-outlined .upload-img {
        padding: 0px 11px;
    }

    .br-head-text {
        padding: 8px 12px;
    }

    .br-add-branch-head span.br-head-text {
        padding: 0px 0px;
    }
    /*agentuser*/
    .ledger-table-wrapper {
        box-shadow: none;
    }

    .ledger-table-header-wrapper {
        background-color: transparent;
        flex-direction: column;
        align-items: flex-start;
        padding: 0;
        margin-bottom: 16px;
    }

    .account-details {
        background-color: var(--color1);
        padding: 8px 12px;
        border-radius: 4px;
        margin-bottom: 20px;
        width: 100%;
    }

    .download-button a {
        padding: 8px 32px;
        font-weight: 500;
        font-size: 15px;
    }

    .add-agent-form .from-row {
        margin-bottom: 0;
    }

    .add-agent-form .form-field {
        width: 100%;
        margin-right: 0;
        margin-bottom: 16px;
    }

    .serviceAIR.tab-section table.passenger-tab {
        display: block;
        overflow: scroll;
    }

    .add-agent-form .textfield-outlined {
        margin-bottom: 0;
    }

        .add-agent-form .textfield-outlined .list-inline {
            margin-top: 6px;
            margin-bottom: 14px;
        }

    .add-agent-form .form-wrapper {
        margin-bottom: 0;
    }

    .add-agent-form .save-button {
        padding-top: 0;
    }
    /*agentroleright*/
    .agent-role-mainform {
        flex-direction: column;
        margin-bottom: 20px;
    }

    .agent-role-form-left {
        width: 100%;
        border: none;
        padding: 16px 12px 0;
    }

    .form-field {
        width: 100%;
        margin-right: 0;
        margin-bottom: 16px;
    }

    .agent-role-form-right {
        width: 100%;
        border: none;
        padding: 16px 12px 0;
    }

    .section-title-wrapper.staff-account-wrapper {
        padding: 0;
    }

    .role-name, .role-description {
        padding: 8px 27px;
    }

    .staff-role {
        padding: 20px 12px 10px;
    }

        .staff-role table#chkBxlistRight td {
            display: flex;
            border: 0;
            width: 100%;
        }

    .staff-role-page .container {
        max-width: 100% !important;
    }

    .staff-role-col {
        width: 100%;
    }

    .agent-role-buttons {
        display: flex;
        justify-content: space-around;
        padding: 20px 0;
    }

        .agent-role-buttons button {
            padding: 8px 42px;
        }

    .account-role, .role-description-text {
        padding: 8px 12px;
    }

    .role-permissions, .role-permissions-description {
        padding: 8px 12px;
    }
    /*totalsalesreport*/
    .sale-report-container {
        width: 95%;
    }

        .sale-report-container .service-sec {
            width: 100%;
            margin-right: 107px;
        }

        .sale-report-container td {
            font-size: 10px;
        }

        .sale-report-container .form-wrapper {
            overflow: auto;
            width: 100%;
        }

    .sale-report {
        min-width: 151px;
    }

    .form-wrapper {
        overflow: auto;
    }

    .sale-report-container th.ve-table-head-items {
        font-size: 12px;
    }

    .sale-report-container input::placeholder {
        color: #0c0d0f !important;
    }

    .sale-report-container input {
        border-color: transparent #bcbcbc #bcbcbc;
    }

    .ve-form-field {
        flex: 0 0 148px;
    }

    .sale-report-container table#tbldata {
        display: block;
        overflow: auto;
        width: 100%;
    }

    .entries-wrapper select {
        width: 54px;
        padding: 8px 8px;
        background: url(../img/down-arrow.svg) no-repeat 32px;
    }

    .ve-form-field.sale-report:last-child {
        margin-right: 0;
    }
    /*Changepassword*/
    .form-wrapper.password-wrapper {
        flex-direction: column;
        overflow: hidden;
    }

    .password {
        width: 100%;
        margin-bottom: 24px;
    }

    .change-password-container {
        width: 95%;
    }

    .password.last-field {
        margin-bottom: 0;
    }
    /*booking*/
    /*OnHoldBookings*/
    .ut-container {
        width: 100%;
        padding: 0 10px;
    }

    .bt-head-text {
        padding: 8px 0 8px 12px;
    }

    .bt-branches-table-wrapper .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
        float: left;
        margin-top: 0;
    }

    .bt-branches-table-wrapper .dataTables_wrapper .dataTables_filter input {
        width: 150px;
        height: 32px;
    }

    .bt-branches-table-wrapper .dataTables_length label {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .dataTables_filter label {
        font-size: 12px;
        display: flex;
        align-items: baseline;
        width: 100%;
    }

    .sale-report-container .dataTables_filter label {
        flex-direction: inherit;
        align-items: center;
    }

    .sale-report-container .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
        text-align: left;
    }

    table#bookTimeLimit .bt-table-head-items {
        width: 120px;
        padding: 7px 0px 7px 10px;
        min-width: 135px;
    }

    .bt-branches-table-wrapper table.dataTable.no-footer {
        overflow: auto;
        display: block;
        width: 100% !important;
    }

    .bt-branches-table-wrapper .dataTables_wrapper .dataTables_paginate {
        text-align: left;
    }

    .bt-branches-table-wrapper .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate {
        text-align: left;
    }

    table#Tblconfirmbooking th.bt-table-head-items {
        min-width: 120px;
    }
    /*CancellationQueue*/
    .bt-booking-wrapper .form-wrapper {
        flex-direction: column;
        overflow: hidden;
        margin-top: 9px;
    }

    .amendment-enquiries-table table#AmndmntView {
        display: block;
        overflow: auto;
    }

    .cancle-queue {
        margin: 0;
    }

        .cancle-queue .ve-textfield-outlined {
            margin-bottom: 13px;
        }

    .queue-button .ve-btn {
        width: 150px;
    }
    /*ExistingBookings*/
    table#tblBooking {
        width: 100% !important;
        overflow: auto;
        display: block;
    }

    .booking-details-page.add-new-item-popuppp .passenger-table th {
        padding: 17px 14px !important;
    }

    table#buttontbl td {
        padding: 0 0px 0px 0px !important;
        padding-top: 26px !important;
    }

    table#buttontbl {
        border-top: 1px solid #bcbcbc;
        border-bottom: 0;
    }

    .booking-details-page.add-new-item-popuppp .payment-table th {
        padding: 17px 17px;
    }

    .booking-details-page.add-new-item-popuppp .booking-footer .serive-book-btn {
        justify-content: center;
    }

    .booking-details-page.add-new-item-popuppp .booking-footer > div {
        justify-content: center;
    }

    .view-existing-page-container {
        width: 95%;
    }

        .view-existing-page-container .ve-textfield-outlined {
            width: 159px;
        }

            .view-existing-page-container .ve-textfield-outlined > input + label, .view-existing-page-container .ve-textfield-outlined-first-name > input + label {
                font-size: 12px;
            }

    .booking-print-btn button.ve-btn {
        font-size: 10px;
        margin-right: 0;
        padding: 0 9px 0 0px;
    }

    div#tblBooking_wrapper .ve-branches-table-head th {
        min-width: 110px;
    }

    div#tblBooking_wrapper .dataTables_wrapper .dataTables_info {
        text-align: left;
        font-size: 10px;
    }

    .view-existing-page-container .dataTables_wrapper .dataTables_info {
        text-align: left;
    }

    .ve-branches-table-wrapper .dataTables_wrapper a.ui-button {
        margin-right: 11px;
    }

    .view-existing-page-container .dataTables_wrapper .dataTables_paginate {
        margin-left: 13px;
        text-align: initial;
        margin-top: 4px;
    }

    .view-existing-page-container .dataTables_wrapper .dataTables_filter input {
        width: 87px;
        height: 32px;
    }

    .serviceAIR.tab-section .tab-details-row {
        flex-wrap: wrap;
    }

    .tab-details-col-right {
        width: 100%;
        padding-left: 0;
    }

    .tab-details-content {
        font-size: 12px;
    }

    .serviceAIR.tab-section .tab-details-col-left {
        width: 100%;
        border-right: 0;
    }

    .serviceAIR.tab-section .tab-details-title {
        width: 42%;
        margin-bottom: 0;
        font-size: 14px;
    }

    .service-tab-details {
        margin-bottom: 30px;
    }

    .view-existing-page-container .dataTables_wrapper .dataTables_length, .view-existing-page-container .dataTables_wrapper .dataTables_filter {
        float: inline-start;
        text-align: center;
    }

    .view-existing-page-container .dataTables_wrapper .dataTables_filter {
        margin-top: -5px;
        float: none;
    }
    /*booking-details*/
    .booking-details-page {
        padding: 20px 0 40px;
    }

    .service-tabs-wrapper {
        margin-bottom: 14px;
    }

    .service-tabs {
        display: flex;
        flex-wrap: wrap;
    }

    .service-tab-button {
        padding: 5px 30px;
        margin-right: 6px;
    }

        .service-tab-button a {
            font-size: 12px;
            line-height: 18px;
        }

    button#bookingHistory {
        padding: 8px 12px;
        font-size: 14px;
    }

    .exit-booking {
        padding: 8px 12px;
    }

    .section-booking-details table, .agent-booking-table {
        overflow: scroll;
        display: block;
        overflow-y: hidden;
    }

    .passenger-table {
        overflow: scroll;
        display: block;
    }

    .booking-details-page.add-new-item-popuppp .serviceAIR.tab-section table.passenger-tab th {
        padding-left: 10px !important;
        padding-right: 10px;
    }

    .booking-details-page.add-new-item-popuppp .charges-table th {
        padding: 17px !important;
    }

    .add-new-item-popup {
        left: 10%;
    }

    .hotel-dtls-section-form {
        flex-direction: column;
    }

    .hotel-dtls-section {
        width: 100%;
        font-size: 14px;
        border: 0;
    }

        .hotel-dtls-section span:first-child {
            width: 44%;
            font-size: 14px;
        }

        .hotel-dtls-section span:last-child {
            font-size: 12px;
        }

    .hotel-dtls-section-form .hotel-dtls-section:nth-child(even) {
        padding-left: 0;
    }

    .add-passenger-dtls .modal-dialog {
        max-width: 100%;
    }

    .passenger-dtls label {
        font-size: 12px;
    }

    .passenger-dtls {
        width: 58.98%;
    }

    .charges-table {
        display: block;
        overflow: auto;
        width: 100%;
    }

    .add-passenger-dtls .section-title-wrapper {
        padding: 0px 16px;
        margin-bottom: 0;
    }

    .add-passenger-dtls .modal-body {
        padding-bottom: 0;
    }

    .add-passenger-dtls .booking-details-buttons {
        display: flex;
        gap: 5px;
    }

    .add-passenger-dtls .ve-btn {
        font-size: 12px;
        padding: 6px 0px;
        width: 142px;
    }

    .add-passenger-dtls .form-wrapper {
        margin-bottom: 13px;
    }

    .serviceAIR.tab-section input.btn.btn-primary.btn-sm {
        text-wrap: wrap;
    }
    /*manage amend query*/
    .amend-enquiry-items {
        flex-direction: column;
        width: 100%;
        align-items: start;
        margin-bottom: 0px;
    }

        .amend-enquiry-items .amend-enquiry-items-inner:first-child {
            padding-right: 0;
        }

    .amend-enquiry-items-inner {
        flex-direction: column;
        width: 100%;
        align-items: start;
        margin-bottom: 16px;
    }

        .amend-enquiry-items-inner > label {
            margin-bottom: 12px;
        }

    .amend-enquiry-items .form-field {
        width: calc(100% - 0px);
        margin-right: 0px;
        margin-bottom: 0;
    }
}


.col-md-6 {
    padding: 0px !important;
}

button.cd-btn-text {
    color: #fff;
}