/*
* demo.css
* File include item demo only specific css only
******************************************************************************/

.menu .app-brand.demo {
  height: auto;
  padding-top: 65px;
}

.app-brand-logo.demo svg {
  width: 22px;
  height: 38px;
}

.app-brand-text.demo {
  font-size: 1.75rem;
  letter-spacing: -0.5px;
  text-transform: lowercase;
}

/* ! For .layout-navbar-fixed added fix padding top to .layout-page */
/* Detached navbar */
.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal):not(.layout-without-menu) .layout-page {
  padding-top: 76px !important;
}
/* Default navbar */
.layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page {
  padding-top: 64px !important;
}
.docs-page .layout-navbar-fixed.layout-wrapper:not(.layout-without-menu) .layout-page,
.docs-page .layout-menu-fixed.layout-wrapper:not(.layout-without-menu) .layout-page {
  padding-top: 62px !important;
}

/* Navbar page z-index issue solution */
.content-wrapper .navbar {
  z-index: auto;
}

/*
* Content
******************************************************************************/

.demo-blocks > * {
  display: block !important;
}

.demo-inline-spacing > * {
  margin: 1rem 0.375rem 0 0 !important;
}

/* ? .demo-vertical-spacing class is used to have vertical margins between elements. To remove margin-top from the first-child, use .demo-only-element class with .demo-vertical-spacing class. For example, we have used this class in forms-input-groups.html file. */
.demo-vertical-spacing > * {
  margin-top: 1rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.demo-vertical-spacing-lg > * {
  margin-top: 1.875rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing-lg.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.demo-vertical-spacing-xl > * {
  margin-top: 5rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing-xl.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.rtl-only {
  display: none !important;
  text-align: left !important;
  direction: ltr !important;
}

[dir='rtl'] .rtl-only {
  display: block !important;
}

/* Dropdown buttons going out of small screens */
@media (max-width: 576px) {
  #dropdown-variation-demo .btn-group .text-truncate {
    width: 231px;
    position: relative;
  }
  #dropdown-variation-demo .btn-group .text-truncate::after {
    position: absolute;
    top: 45%;
    right: 0.65rem;
  }
}

/*
* Layout demo
******************************************************************************/

.layout-demo-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 1rem;
}
.layout-demo-placeholder img {
  width: 900px;
}
.layout-demo-info {
  text-align: center;
  margin-top: 1rem;
}
.sideimgtxt {
    flex-direction: column;
    height: auto !important;
    position:relative;
}

.sideimgtxt p.app-brand-text {
    font-size: 15px;
    font-weight: 600 !important;
    line-height: normal;
    margin-top: 10px;
}


.sideimgtxt:before {
    content:'';
    background-image:url('https://lakshyacabs.nshops.in/uploads/shape1.png');
    position: absolute;
    top: 0px;
    right: 0;
    height: 100px;
    width: 100%;
    background-repeat: no-repeat;
}

.sitebreadcrumb {
    margin-bottom: 15px;
}

.sitebreadcrumb a {
    color: #AAA;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.sitebreadcrumb a  i {
    padding-right: 5px;
}
.pagename {
    font-size: 22px;
    font-weight: 500;
    line-height: normal;
}

.card-title {
    color: #555;
    font-size: 26px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 1.059px;
}

.prcnt_data p {
    color: #5A9AFF;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.515px;
    margin-bottom: 2px;
}

.prcnt_data span {
    color: #aaa;
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.424px;
}

.prcnt_data {
    margin-top: 15px;
}

.card-body {
    padding: 18px;
}

.card-hdng {
    color: #555;
    font-size: 22px;
    font-weight: 600;
    line-height: normal;
}

.cardsub {
    color: #555;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
}

.daydate span {
    color: #BBB7F0;
    font-size: 14px;
    font-style: normal;
    line-height: normal;
}

.custom_calender {
    justify-content: space-between;
    border-bottom: 1px solid #BBB7F0;
    padding-bottom: 10px;
}

.daydate {
    text-align: center;
    padding: 6px;
    transition:all 0.5s;
}

.daydate p {
    color: #000;
    font-size: 22px;
    font-style: normal;
    line-height: normal;
    margin-bottom: 2px;
}

.daydate.currentday {
    border-radius: 6px;
    background: var(--Purple-dark, #4F46BA);
}

.daydate.currentday span, .daydate.currentday p {
    color: #fff;
}


.booking_row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid #BBB7F0;
}

.bkng_dtls h5 {
    color: #4F46BA;
    font-size: 16px;
    font-style: normal;
    line-height: normal;
    margin-bottom: 2px;
}

.bkng_dtls span {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
}

span.picktext {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    padding-left: 6px;
}

span.cabtag {
    border-radius: 7px;
    background: var(--Blue-Dark, #5A9AFF);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: #fff;
    padding: 5px 12px;
}

.cabtype {
    margin: 10px 0px;
}

p.drivrname {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 5px;
}
p.drivrname span { color:#4F46BA;  }

.bkng_time h3 {
    color: #000;
    font-size: 22px;
    font-weight: 400;
    line-height: normal;
    margin-bottom:0px;
}

.sitebtn {
    border-radius: 20px;
    background: #4f46ba;
    padding: 8px 19px;
    color: #fff; 
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.96px;
    transition: all 0.5s;
}
.sitebtn:hover {
    background: #ECF0F6;
    color: #4F46BA;
}

.bg-red {
    background: #FF5858 !important;
}

.bg-orange {
    background: #FF951A !important;
}

.bkng_dtls {
    position: relative;
    padding-left: 17px;
}

.border-blue:before {
    content: '';
    position: absolute; 
    left: 0;
    top: 0;
    width:6px;
    height: 100%;
    background: #5a9aff;
    border-radius: 20px;
}
.border-red:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width:6px;
    height: 100%;
    background: #FF5858;
    border-radius: 20px;
}
.border-orange:before {
    content: '';
    position: absolute;
    left: 0;
    width:6px;
    top: 0;
    height: 100%;
    background: #FF951A;
    border-radius: 20px;
}
.drvpic ul {
    list-style: none;
    padding-left: 0;
    margin:0;
}

.drivers_profile {
    justify-content: space-between;
}

.drvpic {
    display: flex;
    align-items: center;
}
.drvpic ul li {
    position: relative;
}
.drvpic ul li:nth-child(2), .drvpic ul li:nth-child(3), .drvpic ul li:nth-child(4),
.drvpic ul li:nth-child(5){ margin-left: -15px; }

a.circle-add {
    border-radius: 49px;
    height: 50px;
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    position: relative;
    left:-15px;
}

.bg-purple {
    background: linear-gradient(0deg, #4F46BA 0%, #4F46BA 100%), url(<path-to-image>) lightgray 50% / cover no-repeat;
}

a.sqrbtn {
    border-radius: 3px;
    background: var(--Blue-Dark, #5A9AFF);
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.drv_num p {
    margin: 0;
}

.mrbtn {
    position: relative;
    left: 8px;
}
.dflexbtwn {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cardtbl table {
    width: 100%;
}

.cardtbl th {
    background: #F2F7FF;
    padding: 10px;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;

}

.cardtbl td {
    border-bottom: 1px solid #aaa;
    font-size: 15px;
    padding: 10px;
    color:#000;
}
.cardtbl tr:last-child td { border:0; }
.dflexbtwn.hdngvwall h4 {
    margin: 0;
}

.dflexbtwn.hdngvwall {
    margin-bottom: 12px;
}


.progress-section .prgwrap .task-progress {
  margin: 1.5rem 0;
  flex:0 0 85%;
}
.progress-section .task-progress p {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #000;
  font-size: 20px;
}
.progress-section span {
  color: #525252;
}
.progress-section .progress {
  width: 100%;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  border-radius: 10px;
  height: 10px;
}
.progress-section .progress::-webkit-progress-bar {
  background-color: #f0f0f0;
}
.progress-section .progress::-webkit-progress-bar,
.progress-section .progress::-webkit-progress-value {
  border-radius: 10px;
}
.progress-section .progress::-moz-progress-bar {
  border-radius: 10px;
}
.progress-section .progress1::-webkit-progress-value {
  background: #5A9AFF;
}
.progress-section .progress2::-webkit-progress-value {
  background: #ffb453;
}
.progress-section .progress3::-webkit-progress-value {
  background: #FF5858;
}

.prgwrap {
    display: flex;
    align-items: center;
    width: 100%;
}

.sideimg {
    flex: 0 0 12%;
}


a.pgbtns {
    border-radius: 6px;
    background: #5A9AFF;
    display: inline-block;
    width: 50%;
    text-align: center;
    padding: 10px;
    color: #fff;
    font-size: 20.667px;
    border: 1px solid #5A9AFF;
    font-style: normal;
    font-weight: 500;
    transition:all 0.5s;
    line-height: normal;
}

.prgsbtns {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-top: 30px;
    gap: 15px;
}

a.pgbtns.tbtn {
    background: transparent;
    color: #5A9AFF;
}
a.pgbtns:hover {
    background: transparent;
    color: #5A9AFF;
}

a.pgbtns.tbtn:hover {
    background:#5A9AFF;
    color: #fff;
}

#chart1, #chart2 {
  max-width: 650px;
}
.mapembed iframe { width:100%; height:230px; }
.statesprogress {
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
    margin: 25px 0;
}

.statesprogress .task-progress {
    flex: 0 0 17%;
}

.statesprogress .task-progress p {
    font-size: 15px;
    margin-bottom: 5px;
}
.p_red::-webkit-progress-value {
  background: #FF5858;
}
.p_sblue::-webkit-progress-value {
  background: #5A9AFF;
}
.p_purple::-webkit-progress-value {
  background: #4F46BA;
}
.p_lgreen::-webkit-progress-value {
  background: #2DF9AA;
}
.p_magenta::-webkit-progress-value {
  background: #C05AFF;
}
.p_yellow::-webkit-progress-value {
  background: #DCBD1A; 
}
.p_pink::-webkit-progress-value {
  background: #FF5AE5;
}
.p_green::-webkit-progress-value {
  background: #87BA46;
}
.p_orange::-webkit-progress-value {
  background: #FF843F;
}
.p_blue::-webkit-progress-value {
  background: #5A74FF;
}
th.sorting {
    background: #2562C2;
    color: #fff !important;
    border-color: #2562C2 !important;
}
div#responseData_filter, #responseData_length {
    margin-bottom: 10px;
    margin-top: 10px;
}
nav a.btn.btn-success {
    background: #4F46BA;
    border-color: #4F46BA;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.next {
    background: #5A9AFF !important;
    color: #fff !important;
    border-radius: 5px;
    margin-left: 4px;
}

.dataTables_paginate {
    margin: 5px 0 20px 0px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.previous {
    background: #aaaaaa !important;
    color: #fff !important;
    border-radius: 5px;
    margin-right: 4px;
}
.dataTables_wrapper .dataTables_paginate a.paginate_button.current {
    background: #F2F7FF !important;
    border: 0 !important;
}

.dataTables_wrapper .dataTables_paginate a.paginate_button {
    font-weight: 500 !important;
    color: #000 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
    opacity: 0.7;
}
.bg-blue {
    background: var(--Blue-Dark, #5A9AFF);
}

.cardcircle {
    position: absolute !important;
    right: 12px !important;
    left: unset !important;
    bottom: 20px;
}

.card {
    position: relative;
    transition:all 0.5s;
}

.bg-red {
    background: var(--red-dark, #FF5858);
}

.card:hover {
    box-shadow: 0 10px 10px 0 rgb(221 190 237 / 50%);
}

.daydate:hover {
    background: var(--Purple-dark, #4F46BA);
    border-radius: 6px;
    cursor:pointer;
}

.daydate:hover p, .daydate:hover span { color:#fff; }

nav#layout-navbar {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}

.layout-page {
    margin-top: 84px;
}
.dataTables_length {
    margin: 10px 0;
}
input.form-control, .select2.select2-container .select2-selection {
    border-radius: 4px;
    border: 1px solid var(--Blue-Dark, #5A9AFF);
    background: var(--white, #FFF);
}

.btn-orange {
    background: #FF951A;
}

.actnbtn {
    color: #fff !important;
    width: 36px;
    height: 36px;
    border-radius: 5px;
}

.btn-red {
    background: #FF5858;
}
a.btn.actnbtn:hover {
    color: #fff !important;
    background-color: #2562C2 !important;
    border-color: #2562C2 !important;
    transform: translateY(-1px) !important;
}
.mw65 {
    max-width: 65%;
}
.mw75 { max-width: 75%; }

.form_img {
    display: flex;
    justify-content: space-between;
}
.btn-blue {
    background: #5A9AFF;
}
.btn-voilet {
    background: #4F46BA;
}
.btn-magenta {
    background: #AF102D;
}
.btn-green {
    background: #138A5C;
}
.btn-dblue {
    background: #1C488D;
}
.btn-lgreen {
    background: #BDA218;
}
.btn.actnbtn:hover{
    background:#2562C2 !important;
}
.imageview {
    border-radius: 17px;
    border: 1px solid var(--Blue-Dark, #5A9AFF);
    width: 170px;
    height: 170px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    margin-right: 30px;
}
.vehclimg img {
    border: 1px solid #d9d5d5;
    max-width: 120px;
}

.radiolike li.nav-item {
    position: relative;
}

.radiolike li.nav-item button {
    background: transparent !important;
    box-shadow: none !important;
    color: #555!important;
    font-size: 19px;
    font-weight: 600;
    line-height: normal;
}

.radiolike li.nav-item button:before {
    content: '';
    position: absolute;
    left: -2px;
    top: 12px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid #5A9AFF;
}

.radiolike li.nav-item button.active::after{
    content: '';
    position: absolute;
    left: 2px;
    top: 16px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #5A9AFF;
}
.dflexgp {
    display: flex;
    align-items: center;
    gap: 30px;
}

.navhdng h2.card-hdng {
    font-size: 19px;
}
.bootstrap-select {
    width: 100% !important;
    
}
.bootstrap-select button{
    border-radius: 4px;
    border: 1px solid var(--Blue-Dark, #5A9AFF);
    background: var(--white, #FFF);
    height: 38px;
}

.bootstrap-select button:hover {border: 1px solid var(--Blue-Dark, #5A9AFF) !important;}

.custom_fields label { display:block; }
.cstmfld_wrap {
    display: flex;
    align-items:flex-end;
    gap: 10px;
    width: 100%;
    flex-wrap:wrap;
}

.custom_fields input {
    max-width:120px;
}
.custom_fields.datefld input{
    max-width:150px;
}
a.add_button1 {
    background: #5A9AFF;
    border:0;
    height:40px;
}
a.remove_button1 {
    background:#FF5858;
    border:0;
    height:40px;
}

.dlfexend { display:flex; justify-content:flex-end;}

.statusbtnrow {
    padding-top: 15px;
    border-top: 1px solid #555;
    margin-top: 45px;
}
.card-body .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
    color:#222 !important;
}
.bkdate_selct {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.cstm_bookdate, .bkselect {
    min-width: 230px;
    position: relative;
}

.cstm_bookdate input {
    width: 100%;
    padding: 7px 0 7px 28px;
}

.cstm_bookdate i {
    position: absolute;
    top: 10px;
    left: 7px;
     z-index: 99;
}
.bkselect .select2.select2-container .select2-selection {border: 1px solid var(--Purple-light, #BBB7F0);} 

.cstm_bookdate input.form-control {
    position: relative;
    border: 1px solid var(--Purple-light, #BBB7F0);
}
input[type="date"]::-webkit-calendar-picker-indicator, input[type="time"]::-webkit-calendar-picker-indicator {
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}

button.bktab {
    border-radius: 8px;
    background: #F2F7FF;
    border: 0;
    padding: 8px 15px;
    min-width: 140px;
    color: #AAA;
    font-size: 15px;
    font-weight: 500;
    transition:all 0.5s;
}

nav.bookingtabs {
    display: flex;
    gap: 12px;
}

button.bktab.active, button.bktab:hover {
    background: #2DF9AA;
    color: #555;
}
.cstmselect select {
    border-radius: 8px;
    background: #ECF0F6;
    -webkit-appearance: auto;
    appearance: auto;
    color:#4F46BA;
    font-size: 16px;
    font-weight: 600;
}

.filtrbtn button {
    border-radius: 8px;
    background: #ECF0F6;
    border: 0;
    display: inline-block;
    padding: 8px 20px;
    min-width: 123px;
    color: #4F46BA;
    font-size: 15px;
    font-weight: 600;
}

.actnswrapr {
    display: flex;
    flex-wrap: wrap;
    gap: 15px 20px;
}

.bookingtable  td {
    vertical-align: top;
}

.bookingtable  p {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 5px;
    line-height: normal;
}

.text-purple {
    color: #4F46BA!important;
}

.text-blue {
    color: #5A9AFF!important;
}

.text-red {
    color: #FF5858!important;
}
p.bookingtag {
    text-align: center;
    padding: 5px 5px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
}

.bookingtag.active {
    background: #2DF9AA;
}

.actnswrapr button {
    padding: 0;
}
.bkid_btn {
    display: flex;
    gap: 15px;
    align-items: center;
}

button.editbtn {
    border: 0;
    border-radius: 5px;
    background: #E1A325;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    color: #fff;
    padding: 5px 16px;
}

.querywraper {
    display: flex;
    gap: 20px;
}

.qrydtl-left {
    flex: 0 0 36%;
}

.qrydtl-right {
    flex: 0 0 64%;
}

.dflxend {
    display: flex;
    justify-content: flex-end;
    padding-right: 25px;
}

.editable_wrap .col-6 label {
    display: block;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 4px;
}

input.noedit {
    border: 0;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    background:transparent;
    margin-bottom: 10px;
}
.editable_wrap {
    border-radius: 9px;
    border: 2px solid var(--Blue-Dark, #5A9AFF);
   
}
.primryarea,.bookingarea {  padding: 15px; }
.bookingareadtl h4 {
    background: #5A9AFF;
    color: #fff;
    padding: 15px;
    margin: 0;
}
.dflx-txtright {
    display: flex;
    justify-content: space-between;
}

textarea.noedit {
    border: 0;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    background:transparent;
    margin-bottom: 10px;
}
.bookingarea input.noedit {
    font-size: 14px;
    font-weight:500;
}
.drivrform {
    flex: 0 0 60%;
}

.form-bkdtls {
    display: flex;
    align-items:center;
}
span.driverstatus {
    display: inline-block;
    padding: 2px 12px;
    margin-left: 10px;
    background: #2DF9AA;
    color: #0B573A;
    border-radius: 3px;
    font-size: 14px;
}

.bkngdtls {
    border-radius: 9px;
    border: 3px solid var(--Blue-Dark, #5A9AFF);
    flex: 0 0 40%;
}

.bkngdtls > h4 {
    border-radius: 10px 10px 0px 0px;
    background: #FDD91B;
    color: #555;
    font-size: 22px;
    font-weight: 600;
    line-height: normal;
    text-align: center;
    padding: 15px;
    margin: 0;
}

.bkngtxts {
    padding: 10px;
}

.bkngtxts h6 {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 10px;
}

.bkngtxts h3 {
    font-size: 24.914px;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 10px;
}

.bkngtxts h4 {
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.bordrbtm {
    border-bottom: 1px solid #5A9AFF;
    margin-bottom: 15px;
}

.logotoggle {
    display: flex;
    align-items: center;
}

.logotoggle .togglemenu {position: relative;left: 50px;cursor:pointer;}

.currentdate p {
    margin: 0;
    font-size: 19.494px;
    font-weight: 400;
    line-height: normal;
}

.time_menu_notifi {
    display: flex;
    align-items: center;
    gap: 20px;
}

.time_menu_notifi p {
    margin: 0;
}
.notification { cursor:pointer;position: relative;  }
.notification i {
    font-size: 26px;
}
span.notf_count {
    font-size: 12px;
    background: red;
    color: #fff;
    display: inline-block;
    border-radius: 50%;
    width: 18px;
    text-align: center;
    height: 18px;
    position: absolute;
    top: -5px;
    right: -10px;
}
p.menuhdng {
    padding-left: 10px;
    margin-bottom: 0;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
}

.sidebarsmall aside#layout-menu {
    width: 50px;
    overflow: hidden;
}
.layout-page {
    transition: all 0.5s;
}
.layout-page.sidebarsmall {
    padding-left: 80px !important;
}
.sidebarsmall p.menuhdng { opacity:0; }
.sidebarsmall .menu-vertical .menu-inner > .menu-item .menu-link {
    padding-left: 0.38rem;
}

#confirmModal .modal-header {
    padding: 14px 10px;
    background: #5A9AFF;
}

#confirmModal .modal-header h4 {
    margin: 0;
    color: #fff;
}
#confirmModal button.btn-close {
    position: absolute;
    top: 25px;
    right: 15px;
}
.mdltxt {
    padding: 12px;
}

.modeltxt p {
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
}

.modeltxt {
    padding: 12px;
    text-align: center;
}

.mdlbtns {
    margin: 15px 0;
    display: flex;
    justify-content: center;
    gap: 15px;
}

.mdlbtns button {
    border: 0;
    color: #fff;
    padding: 5px 15px;
    border-radius: 5px;
}

.sitebreadcrumb, .breadcrumb { display:none; }
.leadstage_wrap h4 {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
}

.logactbtn {
    gap: 20px;
}

.logactbtn button {
    border-radius: 7px;
    background:transparent;
    border: 1px solid var(--Warm-Gray-40, #ADA8A8);
    color: #4D5358;
    padding: 4px 10px;
}

.log_filters {
    gap: 10px;
    border-radius: 5px;
    background: var(--White, #FFF);
    box-shadow: 0px 2px 5.5px 0px rgba(0, 0, 0, 0.25);
    align-items: center;
    padding: 7px 14px;
}
.logact_wrap {
    border-radius: 5px;
    border: 2px solid var(--Blue-Dark, #5A9AFF);
    padding: 12px;
    width: 95%;
}
button.savebtn {
    border-radius: 5px;
    background: var(--Blue-60, #0F62FE);
    border: 0;
    color: #fff;
    display: inline-block;
    padding: 5px 20px;
}
button.savebtn {
    border-radius: 5px;
    background: var(--Blue-60, #0F62FE);
    border: 0;
    color: #fff;
    display: inline-block;
    padding: 5px 20px;
}

.loggforms span.select2-selection.select2-selection--single, .loggforms textarea {
    border-color: #A2A9B0 !important;
}

.history-list { padding: 0; list-style: none; margin: 0; }
.history-item + .history-item { padding-top: 20px; margin-top: 20px; border-top: 1px solid #C1C7CD; }
.history-item + .history-item .history-icon { top: 20px; }
.history-item { position: relative; padding-left:10px; }
.history-box { min-height: 44px; padding-left: 45px; display: flex; flex-flow: column; justify-content: center; }
.history-icon { width: 44px; height: 44px; position: absolute; left: 0; top: 0; }
.history-icon img { width: 100%; }
.history-box h3 { font-size: 16px; color: #000; font-weight: 500; margin-bottom: 10px; }
.history-box h6 { color: #525252; font-size: 12px; font-weight: 400; margin-bottom: 0; }
.child-history-list { padding-top: 10px; padding-left: 0; margin: 0; list-style: none; margin-top: 4px; }
.child-history-item + .child-history-item { margin-top: 4px; }
.child-history-item { position: relative; padding-left: 30px; min-height: 34px; display: flex; flex-flow: column; justify-content: center; }
.child-history-icon { position: absolute; width: 20px; height: 20px; top: 3px; left: 0; }
.child-history-icon img { vertical-align: baseline; width: 100%; }
.child-history-item span { font-size: 13px; color: #525252; }
.child-history-item span { padding-right: 12px; }
.child-history-item span a + a { margin-left: 12px; }
.child-history-box .child-history-input { width: 100%; padding: 5px 10px; line-height: 16px; resize: none; border: 1px solid #C1C7CD !important; border-radius: 6px; font-size: 13px; color: #525252; outline: none !important; box-shadow: none !important; }
.child-history-item::before { content: ''; position: absolute; width: 1px; height: 100%; border-left: 1px dotted rgb(141 141 141 / 50%); left: 10px; top: 10px; }
.child-history-item:last-child::before { display: none; }
.custom-scroll::-webkit-scrollbar-track { border-radius: 0px; background-color: #D4BBFF; }
.custom-scroll::-webkit-scrollbar { width: 5px; background-color: #D4BBFF; border-radius: 0px; }
.custom-scroll::-webkit-scrollbar-thumb { background-color: #78A9FF; }
.custom-scroll { max-height: 650px; }
.custom-scroll { overflow-x: hidden; }

.history-box span {
    color: #525252;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.32px;
}
.leaddtls.d-flex.flex-wrap.times {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 13px;
}

.leaddtls  span.recordings {
    margin-top: 0;
    margin-left: 25px;
}

.leaddtls.d-flex.flex-wrap.times {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 13px;
}

.leaddtls  span.recordings {
    margin-top: 0;
    margin-left: 25px;
}

.leaddtl_activity .actvty_wrapr {
    flex-wrap: wrap;
    justify-content: flex-start;
}
.leaddtl_activity .actvty_wrapr .form-check {
    flex: none;
}
.times span {
    margin-bottom: 5px;
}


.farerow {
    display: flex;
    justify-content: space-between;
    background: #C0FFE5;
    padding: 5px 10px;
    border-bottom: 1px solid #fff;
}

.farerow p {
    margin: 0;
    color: #555;
    font-size: 12px;
    font-weight: 600;
    line-height: normal;
    padding: 5px;
}

.modal-header {
    border-radius: 7.304px 7.304px 0px 0px;
    background: var(--Blue-Dark, #5A9AFF);
    padding: 10px 10px;
}

.modal-header h4 {
    margin: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
}

.answr {
    background: #fff;
    min-width: 150px;
    text-align: right;
    padding-right: 8px;
}
button.btn.actnbtn {
    position: relative;
}
.faresum_box { 
    position: absolute;
    z-index: 999;
    top: 40px;
    right: 0;
    background: #fff;
    box-shadow: 0px 0px 13.8px 0px rgba(0, 0, 0, 0.10);
}
a.closebtn i {
    color: #fff;
    font-size: 25px;
    position: absolute;
    top: -12px;
    background: #5a9aff;
    border-radius: 50%;
    right: -8px;
}



.arrowimg {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 25px;
}

.arrowimg img {
    width: 100%;
}

.wltright, .wltleft {
    padding: 10px;
}

.wltleft h3 {
    color: #555;
    font-family: Urbanist;
    font-size: 36px;
    font-weight: 500;
    line-height: normal;
}

.wltleft span {
    color: #555;
    font-family: Urbanist;
    font-size: 20px;
    font-weight: 500;
    line-height: normal;
}

.stars ul {
    list-style: none;
    padding: 0;
    display: flex;
    gap: 5px;
    margin: 0;
}

.stars ul li i {
    color: #DCBD1A;
}

.row_rate {
    border-bottom: 1px solid #AAA;
    margin-bottom: 15px;
}

.row_rate p {
    color: #000;
    margin: 6px 0;
}

.tickettbl td {
    border-bottom: 1px solid #aaa;
}

.row_rate h4 {
    color: #000;
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 4px;
}

.text-green { color:#106B48 !important; }

.text-blue {color:#5A9AFF;}

.btn-pink { background:#FF5AE5;  }


.walletbg {
    background: #308B92;
    border-radius: 18px;
    padding: 10px;
}

.walletbg span {
    color: #fff;
}

.walletbg h3 {
    margin-bottom: 0;
    color: #fff;
}

.walletbg button.sitebtn {
    background: #fff;
    color: #308b92;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
}

.wallettable td p {
    font-weight: 500;
    margin-bottom: 3px;
}

p.transdate {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    color: #aaa;
}

.walletbg .arrowimg {
    position: absolute;
    left: 240px;
    top: 35px;
}

ul.donate-row {
    padding: 0;
    display: flex;
    justify-content: space-around;
    list-style: none;
    flex-wrap: wrap;
    gap: 10px;
}

ul.donate-row li label {
    padding: 8px 18px;
    border-radius: 4.437px;
    border: 0.634px solid #009B23;
    color: #009B23;
    position: relative;
    font-size: 19px;
    width: 130px;
    cursor: pointer;
}

ul.donate-row li input {
    opacity: 0;
    position: absolute;
}

.cstmradio {
    margin-top: 35px;
    margin-bottom: 30px;
}

ul.donate-row input:checked + label {
    background: #009B23;
    color: #fff;
}
.paymodel h5 {
    color: #000;
    font-size: 18.394px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.custminput label {
    display: block;
    text-align: left;
    margin-bottom: 15px;
    color: #000;
    font-size: 14.409px;
    font-weight: 600;
    line-height: normal;
}

.custminput {
    padding: 0 25px;
}

.custminput input {
    border-radius: 4.437px;
    border: 0.634px solid var(--Grey-light, #AAA);
    width: 100%;
    padding: 8px;
    margin-bottom: 20px;
}
.paymodel .sitebtn {
    border-radius: 6px;
    background:#2562C2;
    width: 90%;
    padding: 12px;
}
.menu-vertical .menu-inner > .menu-item .menu-link img {
    margin-right: 10px;
}




@media(max-width:1400px){
    .sideimg {
        flex:0 0 15%;
    }
    .card-body {
        padding:12px;
    }
}


@media(max-width:1350px){
    .bkngtxts h4 { font-size:17px; }
    .drvpic ul li img {
        width: 50px;
    }
    
    a.pgbtns {
      font-size:16px;
    }
    
    .bkng_time h3 {
      font-size:18px;
    }
    
    .progress-section .task-progress p {
        font-size: 16px;
    }
    a.circle-add {
        width: 35px;
        height: 35px;
    }
    .cardcircle {
        right: 8px !important;
    }
    .cardcstm_padd .col-lg-4 {
        padding: 0 5px;
    }
}


@media(max-width:768px){
    
    .togglemenu, .currentdate {
        display: none;
    }
    .sitesidemenu {
        left: 0 !important;
    }
    .time_menu_notifi {
        right: 15px;
        position: absolute;
    }
    nav#layout-navbar {
        width: 100% !important;
    }
    .hdrlogo img {
        width: 150px;
    }
    p.logintime {
        display: none;
    }
    .daydate span {
        font-size: 12px;
    }
    
    .daydate p {
        font-size: 12px;
    }
    
    .daydate {
        padding: 4px;
    }
    .wltleft h3 {
        font-size: 24px;
    }
    
    span.cabtag {
        font-size: 10px;
    }
    
    span.picktext {
        font-size: 10px;
    }
    
    p.drivrname {
        font-size: 12px;
    }
    
    .bkng_time h3 {
        font-size: 12px;
    }
    
    a.sitebtn {
        font-size: 12px;
        padding: 6px 10px;
    }
    
    .wltleft h3 {
        font-size: 24px;
    }
    
    span.cabtag {
        font-size: 10px;
    }
    
    span.picktext {
        font-size: 10px;
    }
    
    p.drivrname {
        font-size: 12px;
    }
    
    .bkng_time h3 {
        font-size: 12px;
    }
    
    a.sitebtn {
        font-size: 12px;
        padding: 6px 10px;
    }
    
    h4.cardhdng {
        font-size: 16px;
    }
    
    .cardtbl th {
        font-size: 12px;
        padding: 5px;
    }
    
    .cardtbl td {
        font-size: 12px;
        padding: 5px;
    }
    
    .row_rate p {
        font-size: 12px;
    }
    
    .row_rate h4 {
        font-size: 15px;
    }
    
    .row_rate span {
        font-size: 12px;
    }
        
    .cardtbl {
        overflow-y: auto;
    }
    .card-hdng {
        font-size: 18px;
    }
    
    h3.pagename {
        font-size: 18px;
    }
    button.sitebtn {
        font-size: 14px;
        padding: 5px 10px;
    }
    .card-title {
        font-size: 20px;
    }
    footer.content-footer.footer.bg-footer-theme {
        font-size: 12px;
        text-align: center;
    }

    ul.donate-row {
        flex-wrap: wrap;
        gap: 20px;
    }
    
    ul.donate-row li label {
        width: 100px;
        font-size: 16px;
    }
    
    .cstm_bookdate, .bkselect {
        min-width: 140px !important;
        width: 160px;
    }
    
    .bkdate_selct {
        flex-wrap: wrap;
        gap: 10px;
    }
    
    .dflexbtwn.mt-4 {
        flex-wrap: wrap;
    }
    
    .cstm_bookdate input {
        font-size: 11px;
        padding-left: 24px;
    }
    
    nav.bookingtabs {
        overflow-y: auto;
        margin-bottom: 12px;
        padding-bottom: 8px;
    }
    
    .dflexbtwn {
        flex-wrap: wrap;
    }
    
    button.bktab {
        font-size: 12px;
        padding: 6px 8px;
        min-width: 100px;
    }
    .filtrbtn {
        margin-top: 15px;
    }
    div#tabless_length {
        text-align: left;
    }
    
    div#tabless_filter {
        text-align: left;
        margin-bottom: 10px;
    }
    .table th {
        font-size: 12px;
    }
    
    .bookingtable p {
        font-size: 12px;
    }
    .selector {
        flex-wrap: wrap;
        gap: 10px !important;
    }
    
    .selector h5 {
        flex: 0 0 100%;
        margin: 0;
    }
    
    .billsection h5 {
        font-size: 16px;
    }
    
    .input-card input, .final-payble input {
        font-size: 12px;
    }
    
    .billsection h6 {
        font-size: 14px;
    }
    .wltleft span {
        font-size: 15px;
    }
    
    .walletbg .arrowimg {
        left: 150px;
        top: 35px;
    }
    
    .walletbg .arrowimg img {
        width: 110px;
    }
    .walletbg button.sitebtn {
        font-size: 14px;
    }
    .cstmselect select {
        font-size: 12px;
        padding: 8px 10px;
    }
}
.btn-theme {
    background-color: #2562C2;
    color: white;
}
.sideticket  p {
    color: #000;
    font-size: 16px;
    font-weight: 500;
}

.pad-text p {
    padding: 3px 14px;
}

.bkngform .btn, .tbl_cabbook {
    border-radius: 5.013px;
    background: var(--Blue-Dark, #5A9AFF);
    color: var(--white, #FFF);
    font-size: 14.202px;
    font-weight: 500;
    line-height: normal;
    border: 0;
    padding: 7px 20px;
}
.cabs_table {
    border-radius: 7px;
    border: 1.394px solid #5A9AFF;
    padding: 15px;
    max-height: 215px;
    overflow-y: auto;
}
.cabs_table::-webkit-scrollbar-track { border-radius: 0px; background-color: #D4BBFF; }
.cabs_table::-webkit-scrollbar { width: 5px; background-color: #D4BBFF; border-radius: 0px; }
.cabs_table::-webkit-scrollbar-thumb { background-color: #78A9FF; }

.cabs_table table {
    width: 100%;
}

.cabs_table p {
    font-weight:500;
    margin-bottom: 5px;
}
.cabs_table span {
    font-weight:500;
}
td.faresum_btn {
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: 6px;
}

.cabs_table td {
    border-bottom: 1px solid #E3E3E3;
}
td.faresum_btn .tbl_cabbook {
    margin-bottom: 5px;
}


.farediv .dflexbtwn p:nth-child(2) {
    width: 185px;
}

.farediv  p {
    font-weight: 500;
    color: #555;
}

.fareinput input {
    border-radius: 4px;
    border: 1px solid #5A9AFF;
    max-width: 135px;
    height: 28px;
    padding: 5px;
    font-size: 13px;
}

.fareinput {
    width:185px;
}

.fareselect {
    width: 185px;
}

.fareselect select {
    border-radius: 4px;
    border: 1px solid #5A9AFF;
    width: 135px;
    padding-left: 6px;
    font-size: 14px;
    margin: 5px 0;
}

label.form-check-label {
    font-size: 13px;
}
.farediv .form-check-input {
    background-color: transparent;
}

button.tbl_cabbook.sbmtbtn {
    width: 100%;
    height: 35px;
}


.pdftabs ul#myTab {
    text-align: center;
    justify-content: center;
    gap: 25px;
}

.pdftabs ul#myTab li.nav-item button.active {
    background: var(--Purple-dark, #4F46BA);
    color: #fff;
}

.pdftabs ul#myTab li.nav-item button {
    font-size: 19px;
    font-weight: 600;
    line-height: normal;
    border-radius: 4px;
    padding: 10px;
    background: transparent;
    border: 2px solid var(--Purple-dark, #4F46BA);
    /*min-width: 250px;*/
     min-width: 150px;
    color: #4F46BA;
}

#printModel .modal-fullscreen {
    height: 95%;
    margin-top: 30px;
}

#printModel button.btn-close {
    width: 50px;
    border-radius: 50% !important;
    height: 40px;
    padding: 0 !important;
    font-size: 20px;
    position: relative;
    right: -20px;
    top: -10px;
}
.pdftabs {
    position: relative;
}

.printbtn {
    position: absolute;
    right: 3%;
    top: 0px;
}

.printbtn button {
    border-radius: 5px;
    background: var(--Purple-dark, #4F46BA);
    color: #fff;
    width: 130px;
    padding: 5px;
    font-size: 20px;
}

#bookingDetails .container-p-y {
    padding: 0 !important;
}

.modal-dialog.modal-fullscreen {
    height: 90%;
    top: 5%;
}

#bookingDetails .modal-title {
    letter-spacing: 1px;
    font-weight: 500;
    font-size: 20px;
}

#bookingDetails h5, #bookingDetails h3 {
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 1px;
}

.locationdetailsSec h4 {
    letter-spacing: 1px;
    position: relative;
    font-size: 15px;
    padding-left: 25px;
    font-weight: 500;
}

.locationdetailsSec h4 i {
    position: absolute;
    left: 7px;
    top: 2px;
    font-size: 13px;
    padding: 0;
}

#bookingDetails .button-middle h5 {
    border-radius: 25px !important;
    min-width: 175px;
    text-align: center;
}


#bookingDetails .bookingdetailsSec a {
    color: #2562c2;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
}

#bookingDetails .bookingdetailsSec h4 {
    min-width: 150px;
    text-align: center;
    padding: 5px 10px;
}

#bookingDetails .bookingdetailsSec {
    padding: 7px 12px;
    min-height: 40px;
}
#bookingDetails .inner-details span {
    font-size: 12px;
}
#bookingDetails .cstumerdetil h5 {
    min-width: 140px;
    text-align: center;
    padding: 7px 3px;
}

#bookingDetails .c-details {
    min-width: 110px;
}

#bookingDetails .cstumerdetil {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 12px;
    border-bottom: 1px solid #2562c2;
    gap: 10px;
}

#bookingDetails .booking-section {
    padding: 10px 0px;

}

#bookingDetails .payment-historyinner.extrasec {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
#bookingDetails .payment-historySecouter {
    border-radius: 0px 20px 20px 0;
}

#bookingDetails .payment-historyinner.extrasec h4 {
    font-size: 14px;
    font-weight: 600;
    width: 100%;
    margin: 8px 0;
}


#bookingDetails .btn-close {
    width: 50px;
    border-radius: 50% !important;
    height: 40px;
    padding: 0 !important;
    font-size: 20px;
    position: absolute;
    right: -5px;
    top: 6px;
}


table#responseData td, .dataTables_wrapper td {
    white-space: normal;
}