.loadpopupmain .modal-header {
    padding: 10px 20px;
}

.loadpopupmain .modal-header h5 {
    font-weight: bold;
    letter-spacing: 2px;
}
/* 
body {
    letter-spacing: 1px;
} */

.loadpopupmain .modal-body {
    background-color: transparent;
    /* padding: 0; */
}

.loadpopupmain .row .col-3 {
    position: relative;
}

.loadpopupmain .row label {
    position: absolute;
    top: 12px;
    background-color: white;
    padding: 0px 2px;
    font-weight: 600;
    left: 20px;
}

.loadpopupmain .row input,
.loadpopupmain .row select {
    height: 45px;
    border: 1px solid #d1d1d1;
    border-radius: 4px;
    padding: 10px 10px;
    font-size: 14px;
}

.loadpopupmain .row label:last-child {
    position: static;
}

.loadpopupmain ::-webkit-file-upload-button {
    background-color: #d7125e2d;
    border: 1px solid grey;
    border-radius: 20px;
    padding: 2px 5px;
    font-weight: bold;
    color: rgb(54, 54, 54);
    margin-top: .7px;
    margin-left: 1px;
}

/* manager user css start  */

input.fields {
    /* height: 40px !important; */
    border: 1px solid #d1d1d1;
    border-radius: 4px;
    padding: 9px 10px !important;
    font-size: 14px;
}

select.fields {
    line-height: 15px;
    border: 1px solid #d1d1d1;
    border-radius: 4px;
    padding: 6px 10px !important;
    font-size: 14px;
}

.searchmanageuser select {
    line-height: 15px;
}

.manage-user-table tbody tr td {
    background-color: white;
    border-color: rgb(236 236 236);
    font-weight: 500;
    /* padding: 4px 7px; */
}

.manage-user-table tbody tr:nth-child(even) td {
    background-color: #f2f2f2;
}

/* manager user css end  */

.mysearchbox input,
.mysearchbox select,
.mysearchbox span
{
    font-weight: 500;
    padding-left: 12px;
    color: black;
    box-shadow: none !important;
    width: 100%;
}
.mysearchbox table th 
{
    padding-right: 10px;
}
.mysearchbox input::placeholder,
.mysearchbox select::placeholder
{
    color: black;
}
input:hover,
select:hover {
    transition: 1s;
}

input:hover,
select:hover,
input:focus,
select:focus {
    background-color: var(--main2-color);
}

.manage-user-table .active-btn {
    background: rgb(0 147 95);
    width: fit-content;
    color: white;
    border-radius: 20px;
    padding: 0px 10px;
    font-size: 11px;
}

.manage-user-table .inactive-btn {
    background: rgb(221 46 46);
    width: fit-content;
    color: white;
    border-radius: 20px;
    padding: 0px 10px;
    font-size: 11px;
}

.combvoucls {
    margin-bottom: 5px;
}

.paym-data {
    font-size: 12px;
    background-color: #cacaca;
    width: fit-content;
    padding: 2px 5px;
    border-radius: 4px;
    color: black;
    font-weight: 500;
}

#streetview tr:nth-child(odd) td {
    background-color: #c5deff78;
    color: black;
    font-weight: bold;
    padding: 10px;
}

#streetview tr:nth-child(even) td {
    border-bottom: 1px solid #cdcdcd;
    width: 10%;
}

#streetview {
    margin-top: 3px;
    border-radius: 10px;
}

/* #streetview .fa-shiel:hover, 
#streetview .fa-shiel:focus 
{
    color: ;
} */
.hotelpodetailpopbox .row .col-lg-6:first-child {
    padding-left: 10px;
}

.hotelpodetailpopbox .row .col-lg-6:first-child,
.hotelpodetailpopbox .row .col-lg-6:nth-child(2) {
    background-color: #e8e8e888;
    padding: 4px;
}

/* #loadtransfer .bxdesti .imgareabx img {
    height: 180px;
} */

#loadtransfer .rightdatabtn {
    height: 180px;
    padding-left: 0;
    padding-right: 0;
}

#loadtransfer .rightdatabtn {
    width: 22%;
}

.count {
    background: #328bd8;
    padding: 1px 10px;
    color: white;
    font-size: 11px;
    border-radius: 5px;
    font-weight: 600;
}

.titlename {
    font-size: 17px !important; 
    font-weight: 500;
}

.agentcost {
    font-size: 25px;
    font-weight: bold;
}

.btnareapackage {
    letter-spacing: -2px;
}

.paymarkup select,
.paymarkup input {
    width: 100%;
    border: 1px solid #eaeaea;
    padding: 7px 10px;
    border-radius: 5px;
    font-weight: 500;
}

#markupAmt {
    font-size: 16px;
    font-weight: 500;
    color: var(--primary-color);
}

.rightpayarea .text-danger {
    color: var(--primary-color) !important;
    font-weight: 500;
    font-size: 12px;
}

.rightpayarea .checkarearightpay {
    width: fit-content;
    padding: 4px 7px;
    border: 1px solid #c3c3c3;
}

.typedetailspay.bg-white.shadow {
    position: relative;
    margin-bottom: 25px;
}

.cancel-btn-cart {
    position: absolute;
    right: -10px;
    top: -16px;
    background: #dedede;
    padding: 3px 7px;
    border-radius: 15px;
    font-size: 12px;
    border: none;
    width: 25px;
    height: 25px;
    border: 1px solid #c0c0c0;
    background: white;
}

.cancel-btn-cart:hover,
.cancel-btn-cart:focus {
    background-color: #c9c7c7;
}

.discontent .col {
    max-height: 288px;
    overflow-y: scroll;
    position: relative;
    transition: .5s;
}

.discontent .col p {
    position: sticky;
    top: -8px;
    background: white;
    padding: 5px;
}

.discontent .col::-webkit-scrollbar {
    width: 4px;
}

.discontent .col::-webkit-scrollbar-thumb {
    background: var(--color-2);
}

.discontent .col::-webkit-scrollbar-track:hover {
    background: green;
}

.loadtransferpop table tr:first-child td {
    background-color: rgb(196, 196, 196);
}

.rightpayarea .accordion-button {
    background: var(--primary-color);
    color: white;
    font-weight: 600;
    box-shadow: none !important;
    padding: 9px 20px;
    font-size: 12px;
}

.paydetailbx .accordion-item {
    border: none !important;
}

.paydetailbx .accordion-body {
    border: 1px solid #eaeaea;
    border-top: none !important;
}

.loadpopupmain .row label {
    position: absolute;
    top: 12px;
    background-color: white;
    padding: 0px 2px;
    font-weight: 600;
    left: 20px;
}

.transfer-detail-popup tr:first-child td {
    padding: 10px 20px;
    color: white;
}

.transfer-detail-popup tbody tr td {
    background-color: #d6d6d661;
    padding: 10px 20px;
    border-bottom: 1px solid #b2b2b2;
    color: black !important;
}

.transfer-detail-popup tbody tr:last-child td {
    border-bottom: none !important;
}

.transfer-detail-popup tbody tr:nth-child(odd) td {
    background-color: #ffffff61;
}

.transfer-detail-popup thead .trans-t-head {
    background-color: #565656 !important;
}

.transfer-detail-popup tr td {
    border-right: 1px solid #b0b0b0 !important;
}

.business-detail-table tr th strong,
.business-detail-table tr th label {
    white-space: nowrap;
    width: fit-content;
}

.business-detail-table tr td {
    width: 20%;
    font-weight: 500;
    color: rgb(83, 83, 83);
}

::-webkit-scrollbar {
    height: 5px;
    width: 7px;
}

::-webkit-scrollbar-track {
    background-color: #e45e3347;
}

::-webkit-scrollbar-thumb {
    background: var(--primary-gradient);
}

::-webkit-scrollbar-thumb:hover {
    background: var(--hover-primary-gradient);
}

/* .table-responsive
{
    max-height: 530px !important;
}
.table-responsive::-webkit-scrollbar
{
    position: relative;
    right: 100px;
} 
.table-responsive thead 
{
    position: sticky;
    top: 0px;
    transition: .1s;
    scroll-behavior: smooth;
}
.bottom-sticky-table tbody tr:last-child
{
    position: sticky;
    bottom: 0;
    background-color: white;
} */
.inputarea label {
    /* position: absolute;
    top: -10px;
    background-color: white;
    left: 10px; */
    font-weight: 600;
}

.inputarea input {
    height: 35px;
    padding: 10px;
    border: none;
    border: 1px solid #bababa;
    border-radius: 5px;
}

table {
    font-size: 12px !important;
}

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

.countnum {
    border: 3px solid burlywood;
    width: 20px;
    height: 20px;
    padding: 0px 7px;
    border-radius: 25px;
    box-shadow: -3px -3px 3px -3px burlywood;
    font-size: 12px;
}

.manage-table thead tr {
    background-color: #fafafa;
    border-color: #d4d4d4;
}

.manage-table thead tr th {
    border: none;
    padding: 10px 10px !important;
    padding-right: 20px !important;
}

.manage-table thead tr th,
.manage-table tbody tr td {
    padding: 0px 10px;
    white-space: nowrap;
}

.manage-table thead tr th span {
    position: relative;
    color: #285076;
    font-weight: bold;
    font-size: 13px !important;
}

/* .manage-table thead tr th span::before
{
    content: "\f0dc";
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    right: -12px;
    color: #285076;
} */
.manage-table tbody tr td {
    white-space: nowrap;
}

.shapedesign {
    background: aliceblue;
    border-left: 4px solid var(--primary-color) !important;
    position: relative;
    border-radius: 7px !important;
}

.remarkshape {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid var(--primary-color);
    position: absolute;
    left: -1px;
    transform: rotate(90deg);
    margin-top: 6px;
}

/* ==========itinerary-area start==========  */
.itinerary-area .colme1 {
    width: 20%;
    padding-bottom: 2rem;
}

.itinerary-area .colme2 {
    width: 80%;
}

.bxroute {
    border-radius: 10px;
    width: 90%;
    margin: auto;
    box-shadow: 0px 0px 40px -16px #5c5c5c;
}

.bxroute span {
    position: absolute;
    top: -20px;
    width: 35px;
    height: 35px;
    left: 0;
    right: 0;
    margin: auto;
    color: white;
    font-weight: bold;
}

.bxroute h5 {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
}

/* .itinerary-area .routemap:first-child  .bxroute span {
    background-image: linear-gradient(160deg, #0093E9 0%, #80D0C7 100%);
    }
.itinerary-area .routemap:first-child  .bxroute h5 {color: #0093E9;}

.itinerary-area .routemap:nth-child(2) .bxroute  span {background: linear-gradient(180deg, rgba(251,188,27,1) 0%, rgba(248,122,13,1) 100%);}
.itinerary-area .routemap:nth-child(2) .bxroute  h5 {color: rgba(251,188,27,1);}

.itinerary-area .routemap:nth-child(3) .bxroute  span {background: linear-gradient(180deg, rgba(101,142,47,1) 0%, rgba(139,187,83,1) 100%);}
.itinerary-area .routemap:nth-child(3) .bxroute  h5 {color: rgba(101,142,47,1);}

.itinerary-area .routemap:nth-child(4) .bxroute  span {background: linear-gradient(180deg, rgb(150 186 234) 0%, rgb(69 139 255) 100%);}
.itinerary-area .routemap:nth-child(4) .bxroute  h5 {color: rgba(21,117,246,1);}

.itinerary-area .routemap:nth-child(5) .bxroute  span {background: linear-gradient(180deg, rgba(110,60,220,1) 0%, rgba(49,17,151,1) 100%);}
.itinerary-area .routemap:nth-child(5) .bxroute  h5 {color: rgba(110,60,220,1);} */

.loc-shap {
    color: var(--primary-color);
    margin: auto;
    font-size: 25px;
}

.shapemiddle span {
    height: 25px;
    border-left: 5px dotted #8f8f8f;
    width: fit-content;
    margin: auto;
}

.itinerary-area .daysiti {
    background: var(--primary-color);
}

.itinerary-area .colme1 {
    background-color: #ededed !important;
}

/* ==========itinerary-area end==========  */

/* ==========dashboard page css start==========  */
.main-tabs span {
    position: absolute;
    top: -35px;
    color: white;
    background-color: #FF9A8B;
    background-image: linear-gradient(90deg, #FF9A8B 0%, #FF6A88 55%, #FF99AC 100%);
    padding: 2px 5px;
    font-size: 10px;
    left: 0;
    right: 0;
    margin: auto;
    width: fit-content;
    border-radius: 3px;
}

.main-tabs span::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 10px solid #ff708d;
    position: absolute;
    bottom: -5px;
    transform: rotate(60deg);
    left: 0;
    right: 0;
    margin: auto;
}

.animated-element {
    animation: slide 2s linear infinite;
}

/* Define the animation keyframes */
@keyframes slide {
    0% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(20px);
    }

    100% {
        transform: translateX(0);
    }
}


.coming-soon-txt {
    padding: 20px;
    margin: 0;
    font-size: 14px;
}

.coming-soon-txt i {
    color: var(--primary-color);
}


/* ==========dashboard page css end==========  */

.listleftdash .active {
    position: relative;
    font-weight: bold;
}

.listleftdash .active::before {
    position: absolute;
    content: "";
    width: 2px;
    height: 80%;
    background-color: #eb6c43;
    left: 2%;
    top: 8%;
}

/* ==========dashboarddetails.php page css start==========  */
.shapeimg-dash {
    background-color: #328bd8;
    width: 50px;
    height: 50px;
    border-radius: 5px;
    box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.progress-inner {
    border: 4px solid grey;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.progress-inner::after {
    position: absolute;
    content: "";
    border: 4px solid red;
    width: 80px;
    height: 80px;
    border-radius: 50%;
}

.dash-circle {
    width: 50%;
}

.circular-chart {
    display: block;
    margin-left: auto;
    max-width: 84px;
    max-height: 84px;
}

.circle-bg {
    fill: none;
    stroke: #E6E7E8;
    stroke-width: 3px;
}

.circular-chart .circle {
    stroke: #328bd8;
}

.circle {
    fill: none;
    stroke-width: 1.3px;
    stroke-linecap: round;
    animation: progress 1s ease-out forwards;
}

.percentage {
    fill: #000;
    font-size: 0.4em;
    text-anchor: middle;
    font-weight: 600;
}

.bx-booking h6 {
    font-size: 14px;
    white-space: nowrap;
}

.row .col-xl-4:nth-child(1) .bx-booking .shapeimg-dash {
    background-color: #FAD961;
    background-image: linear-gradient(90deg, #FAD961 0%, #F76B1C 100%);
}

.row .col-xl-4:nth-child(1) .bx-booking .circular-chart .circle {
    stroke: #F76B1C;
}

.row .col-xl-4:nth-child(2) .bx-booking .shapeimg-dash {
    background-color: #FF9A8B;
    background-image: linear-gradient(90deg, #FF9A8B 0%, #FF6A88 55%, #FF99AC 100%);
}

.row .col-xl-4:nth-child(2) .bx-booking .circular-chart .circle {
    stroke: #FF6A88;
}
.row .col-xl-4:nth-child(3) .bx-booking .shapeimg-dash {
    background-image: linear-gradient(120deg, #f093fb 0%, #f5576c 100%);
}

.row .col-xl-4:nth-child(3) .bx-booking .circular-chart .circle {
    stroke: #f5576c;
}

.row .col-xl-4:nth-child(4) .bx-booking .shapeimg-dash {
    background-image: linear-gradient(to top, #0c3483 0%, #a2b6df 100%, #6b8cce 100%, #a2b6df 100%);
}

.row .col-xl-4:nth-child(4) .bx-booking .circular-chart .circle {
    stroke: #6b8cce;
}

.row .col-xl-4:nth-child(5) .bx-booking .shapeimg-dash {
    background-image: linear-gradient(to top, #c79081 0%, #dfa579 100%);
}

.row .col-xl-4:nth-child(5) .bx-booking .circular-chart .circle {
    stroke: #dfa579;
}

.row .col-xl-4:nth-child(6) .bx-booking .shapeimg-dash {
    background-image: linear-gradient(45deg, #874da2 0%, #c43a30 100%);
}

.row .col-xl-4:nth-child(6) .bx-booking .circular-chart .circle {
    stroke: #c43a30;
}
.boxcls h4 {
    padding-left: 20px;
    padding-top: 10px;
    font-size: 17px;
    font-weight: 500;
}
.boxcls {
    box-shadow: 0px 0px 19px -12px black;
}
td.frsttd {
    padding-left: 10px;
}
.areadata .boxcls table
{
    border-spacing: none;
    font-size: 13px !important;
}
.areadata .boxcls table tr td:first-child,
.areadata .boxcls table tr td:last-child
{
    font-size: 11px !important;
    padding: 9px 3px;
}
.areadata .boxcls table tr td:last-child
{
    padding-right: 10px;
}
.areadata .boxcls table tr:nth-child(even)
{
    background-color: #e9e9e987;
    border-bottom: 1px solid #cecece;
}
.boxcls .card-title 
{
    background: #013174;
    padding: 10px 14px;
    margin: 0;
    color: white;
    font-size: 14px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}
.table-striped>tbody>tr:nth-of-type(odd)
{
    --bs-table-accent-bg: transparent;
}
.chart-container
{
    padding: 0 20px;
}
.row .col-xl-12 .table-responsive
{
    height: fit-content;
    max-height: 500px;
}
.row .col-xl-12 .table-responsive table thead
{
    position: sticky;
    top: 0;
}
/* ==========dashboarddetails.php page css end==========  */

.restodatamain {
    position: absolute;
    top: 30px;
    left: 70px;
    box-shadow: 0px 0px 30px -18px black;
    visibility: hidden;
    min-width: 370px;
    bottom: auto;
}

.rescount:hover .restodatamain {
    visibility: visible;
}
.restodatamain
{
    left: auto;
}
.restodatamain table
{
    /* background: #5c5c5c; */
    color: white;
}
.restodatamain table a 
{
    color: white;
    text-decoration: none;
}
.restodatamain table td 
{
    padding: 5px;
}
.rescount .showhovermain 
{
    width: auto;
}
.rescount .showhover
{
    width: auto;
    background: #244e6c;
    max-height: 350px;
    overflow-y: auto;
}
.rescount .shapecut 
{
    background: #244e6c;
}
.rescount .showhover table, .rescount table tr td
{
    border: none;
}
.rescount .shapecut
{
    position: absolute;
    bottom: auto;
    left: 0;
    right: 0;
    width: 25px;
    height: 20px;
    background: #244e6c;
    /* border-top-right-radius: 50px; */
    margin: auto;
    /* transform: rotate(-45deg); */
    z-index: 0;
    clip-path: polygon(100% 0, 0 0, 49% 100%);
    top: -10px;
    transform: rotate(58deg);
}