@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&family=Inter:wght@100..900&display=swap');



.logo-widget{
    background:url('assets/images/login-bg.png');
    background-size: cover !important;
}
.form-control, .form-select, .form-control:focus{   
    padding-top: 8px;
    padding-bottom: 8px;
    border-radius: 10px;
}

/* Tooltip */

.custom-tooltip {
    background-color: #314985 !important;
    color: var(--bs-white);
  }

.form-control:focus{
    border: 1px solid #314985 !important;
}

.btn-white, .btn-white:hover, .btn-white:focus, .btn-white:active{
    background-color: #FFF !important;
    padding: 10px 48px !important;
    font-size: 14px !important;
    border-radius: 10px !important;
    font-weight: 500 !important;
    outline: none !important;
    border: none !important;
    box-shadow: rgb(221 224 231) 0px 3px 12px !important;
}

.modal .form-control[type=file], .modal .form-control{
    padding: 8px !important;
}

.modal-heading{
   font-weight: 700;
   font-size: 18px;
}

.form-label{
    color: #181E2E !important;
    font-weight:400;
}
.login-container .form-control{
    border-color: #C1C8DA !important;
    padding: 14px;
    border-radius:10px;
    font-size: 13px;
}
.login-btn, .login-btn:hover, .login-btn:active{
    padding: 14px 10px;
    border-radius: 12px;
    border-color: #314985 !important;
    background-color: #314985 !important;
}
@media screen and (max-width:575px){
    .rightside-widget-col{
        display:none !important;
    }
    .widget-logo{
        display:block !important;
    }
}

.news-section .form-control{
    font-size:13px !important;
    padding:9px !important;
}

.news-section .filter-select{
    padding:9px !important;
}

.alert-text{
    font-weight: 600;
}

.alert-btn{
    padding: 9px 30px !important;
}

.btn-close {
    --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23F31723'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z' stroke='%23F31723' stroke-width='2'/%3e%3c/svg%3e") !important;
   }

   #toggler {
    cursor: pointer;
    color: #9a9fa3;
    font-size: 14px;
    position: relative;
    top: -35px;
    right: 0;
    left: 88%;
}


/* Data table */

table.dataTable th:first-child {
    border-top-left-radius: 12px !important;
}

table.dataTable th:last-child {
    border-top-right-radius: 12px !important;
}

table.dataTable tr:last-child td:first-child{
    border-bottom-left-radius: 12px !important;
}

table.dataTable tr:last-child td:last-child{
    border-bottom-right-radius: 12px !important;
}

div.dataTables_wrapper div.dataTables_paginate {
    margin-bottom: 20px !important;
}

@media screen and (max-width:767px){
    div#data-table_filter, .dataTables_filter {
        margin-bottom: 20px !important;
    }
}

div.dataTables_wrapper div.dataTables_filter input {
    padding: 3px 7px;
    border: 1px solid #dadada;
    border-radius:8px;
    /* border: 1px solid #f31723; */
    box-shadow: none !important;
}

div.dataTables_wrapper div.dataTables_filter input:focus{
    outline: none !important;
}

div.dataTables_wrapper div.dataTables_length select:focus{
    outline: none !important;
    border-color: #314985 !important;
}

.dataTables_wrapper {
    overflow-x: auto; 
    overflow-y: clip;
    /* Enable horizontal scrolling */
    margin-bottom: 1rem; /* Adjust spacing as needed */
}

.dataTables_length, .dataTables_filter, .dataTables_info, .dataTables_paginate {
    margin-top: 1rem; /* Adjust spacing as needed */
}

.datatable-card{
    border-color: #FFFFFF !important;
    border-radius:7px;
    box-shadow: rgb(211 225 233) 0px 2px 8px 0px;
}

.datatable-header{
    background-color: #FFFFFF !important;
    border-color: #FFFFFF !important;
}

#data-table_filter input:focus{
    outline:none !important;
}

div.dataTables_wrapper div.dataTables_length select{
    border-radius: 6px;
    padding: 6px 2px;
    border-color: #d1d8df;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 2px 6px 0px;
}

.datatable-card th:first-child, .transparent-card th:first-child {
    border-top-left-radius: 12px;
}

.datatable-card th:last-child, .transparent-card th:last-child {
    border-top-right-radius: 12px;
}

.datatable-card tr:last-child td:first-child, .transparent-card tr:last-child td:first-child {
    border-bottom-left-radius: 12px;
}

.datatable-card tr:last-child td:last-child, .transparent-card tr:last-child td:last-child{
    border-bottom-right-radius: 12px;
}

#data-table_filter input{
    padding: 3px 7px;
    border-radius: 8px;
    border: 1px solid #dadada;
    /* border: 1px solid #f31723; */
    box-shadow: rgb(239 249 255) 0px 2px 8px 0px;
}

.students-section #data-table_filter input{
    padding-top: initial !important;
    padding-bottom: initial !important;
}

.paginate_button {
    color: #314985 !important;
    padding: 5px 12px !important;
    border: 2px solid #314985 !important;
    border-radius: 6px !important;
    cursor: pointer !important;
}

.paginate_button.page-item.active{
    padding-left: 11px !important;
    padding-right: 11px !important;
    box-shadow: rgb(239 249 255) 0px 2px 8px 0px;
}

.paginate_button.page-item.active, .active>.page-link{
    border-color: #314985 !important;
    background-color: #314985 !important;
    color: #FFF !important;
    
}

.paginate_button.page-item.active .page-link{
    color: #FFF !important;
}

li.paginate_button {
    margin-right: 10px;
}

.active>.page-link:focus{
    outline: none !important;
    border: none !important;
}

.page-link.active{
    background-color: #314985 !important;
    color: #FFF !important;
}


.paginate_button .page-link{
    border: none !important;
    color: #314985 !important;
}

.paginate_button.current{
    border:none !important;
    margin: 5px !important;
    padding: 8px 13px !important;
    border-radius: 6px !important;
    background-color: #314985 !important;
    color: white !important;
    box-shadow: rgb(145 163 203) 0px 2px 8px 0px !important;
}

.paginate_button.previous{
    margin-right: 12px !important;
}

.paginate_button.next{
    margin-left: 12px !important;
}

.paginate_button.previous.disabled, .paginate_button.next.disabled{
    color:#b2bec3 !important;
    margin-right:10px !important;
    border:none !important;
}

@media screen and (max-width:676px){
    .dataTables_length{
        margin-bottom:14px !important;
    }
}
@media screen and (min-width:677px){
    div.dataTables_wrapper div.dataTables_filter {
        /* margin-top: -25px !important; */
        margin-top: 4px !important;
        margin-bottom: 25px !important;
    }
}

.dataTables_info{
    font-weight: 500;
}

@media screen and (max-width:767px){
       .dataTables_info{
        margin-bottom: 15px !important;
       }
}

th{
    font-size: 14px;
    font-weight: 600;
    background-color: #3149851c !important;
    text-transform: uppercase !important;
}

.preview-img{
    height: 70px;
    border-radius: 10px;
}

.active-status{
    font-family: "Cario", sans-serif;
    color:#314985;
    font-size: 14px;
}

.inactive-status{
    font-family: "Cario", sans-serif;
    color:#FF5656;
    font-size: 14px;
}

td{
    text-align: center;
    /* max-width: 220px !important; */
    word-wrap: break-word !important;
    /* white-space: unset !important; */
    font-size: 14px !important;
    font-weight: 500 !important;
}

/* .title-td{
    font-weight: 500;
    min-width: 220px !important;
    word-wrap: break-word !important;
    white-space: unset !important;
} */

.custom-td{
    min-width: 220px !important;
    word-wrap: break-word !important;
    white-space: unset !important;
}

.comment-td{
    font-weight: 400;
    min-width: 300px !important;
    word-wrap: break-word !important;
    white-space: unset !important;
    text-align: justify !important;
}

.des-td{
    min-width: 300px !important;
    word-wrap: break-word !important;
    white-space: unset !important;
    text-align: justify !important;
}

.news-td{
    font-weight: 400;
    min-width: 300px !important;
    word-wrap: break-word !important;
    white-space: unset !important;
    text-align: left !important;
}
td,th{
    border: 1px solid #f0f0f0;
}
th{
    text-align: center !important;
}

.dashboard-chart-card .form-select{
    font-weight: 600;
    border: 1px solid #314985 !important;
    border-radius:7px;
}









/* CSS for File Upload In Add News Page */

.add-news-section .box, .add-news-section .video-box {
    position: relative;
    background: #ffffff;
    width: 100%;
  }
  
  .add-news-section .box-header, .add-news-section .video-box-header {
    color: #444;
    display: block;
    padding: 10px;
    position: relative;
    margin-bottom: 10px;
  }
  
  .add-news-section .box-tools, .add-news-section .video-box-tools {
    position: absolute;
    right: 10px;
    top: 5px;
  }
  
  .add-news-section .dropzone-wrapper, .add-news-section .video-dropzone-wrapper {
      border-radius: 15px;
      background-color: #E1E2E3;
      color: #92b0b3;
      position: relative;
      height: 210px;
      max-width: 350px;
  }
  
  .add-news-section .dropzone-desc, .add-news-section .video-dropzone-desc {
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: center;
    top: 50px;
    font-size: 16px;
  }
  
  .add-news-section .dropzone,
  .add-news-section .dropzone:focus, .add-news-section .video-dropzone,
  .add-news-section .video-dropzone:focus {
    position: absolute;
    outline: none !important;
    width: 100%;
    height: 150px;
    cursor: pointer;
    opacity: 0;
  }
  
  .add-news-section .dropzone-wrapper.dragover, .add-news-section .video-dropzone-wrapper.dragover {
    background: #ecf0f5;
  }
  
  .add-news-section .preview-zone, .add-news-section .video-preview-zone {
    text-align: center;
  }
  
  .add-news-section .preview-zone .box, .add-news-section .video-preview-zone .video-box {
    box-shadow: none;
    border-radius: 0;
    margin-bottom: 0;
  }
  
  .add-news-section .hidden {
      display: none!important;
  }
  .add-news-section .upload-icon{
      font-size: 65px;
      color:#B3B4BA;
  }
  
  .add-news-section .upload-text-p{
      margin-bottom: 0px;
      font-size: 14px;
      margin-top: 31px;
      color: black;
      font-weight: 500;
  }






  /* Add Advertisement Promo File */

  .upload-promo-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
    cursor:pointer;
  }
  
  .upload-photo-btn, .upload-photo-btn:hover {
    border: 2px solid #0B5697;
    color: #0B5697;
    background-color: transparent;
    padding: 8px 20px;
    border-radius: 8px;
    font-size: 15px;
  }
  
  .upload-promo-btn-wrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: -9999px;
    opacity: 0;
    cursor:pointer;
  }


  /* Chart CSS */

  .legend-list {
    display:flex !important;
  list-style: none;
  padding: 0;
}

.legend-list li {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  margin-right:10px;
}

.legend-circle {
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  margin-right: 12px;
}

.legend-text {
  display: inline-block;
}

table .muted-text{
    color:#B3B4BA !important;
}

/* Notify Button */
.notify-btn{
    background-color:#66328E !important;
    border-color: #66328E !important;
    padding: 3px 8px !important;
}

/* Block Button */
.block-btn{
    background-color:#8CC04D !important;
    border-color: #8CC04D !important;
}

/* Unblock Button */
.unblock-btn{
    background-color:#FF5656 !important;
    border-color: #FF5656 !important;
}

.modal .form-select{
   box-shadow:none !important;
}

.modal .form-control:focus{
    box-shadow:none !important;
    border:1px solid #314985 !important;
 }

.modal .form-select{
    color: #b6b7bd;
    border-radius: 10px;
    font-size: 15px !important;
    padding: 8px 10px !important;
}

/* Ad Modal Custom css */
.advertisement-modal .form-select{
    border-radius: 5px;
    font-size: 15px !important;
    padding: 11px 10px !important;
}

.advertisement-modal .form-control, .advertisement-modal .form-select{
     border: 1px solid #FBB9BD !important;
     box-shadow: rgb(245 245 245) 0px 4px 6px -1px, rgb(227 217 218) 0px 2px 4px -1px !important;
}

.advertisement-modal .form-control:focus, .advertisement-modal .form-select:focus{
    border: 1px solid #314985 !important;
}


.datatable-card th{
    background-color: #3149850d !important;
}

.view-a-href{
    color: #314985;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    text-decoration: underline !important;
    text-underline-offset: 4px;
}

.booking-RTYG{
    color: #181E2E;
    font-family: "Inter", sans-serif;
    font-weight: 800;
    font-size: 20px;
    margin-bottom: 0;
}

.rider-id{
    font-family: "Inter", sans-serif;
    margin-bottom: 0;
    padding-top: 4px;
    color: #1BB5F5;
    font-weight: 500;
    font-size: 15px;
}

.new-entry-id{
    font-family: "Inter", sans-serif;
    margin-bottom: 0;
    padding-top: 4px;
    color: #4D4E50;
    font-weight: 500;
    font-size: 15px;
}

.card-divider{
    border-bottom: 1px solid #B3B4BA;
}

.booking-data{
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    font-family: "Inter", sans-serif;
}

.data-key{
    color: #B3B4BA;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding-right: 10px;
}

.data-value{
    padding-left: 20px;
    overflow: hidden;
    color: #181E2E;
    font-size: 14px;
    font-weight: 500;
    font-family: "Inter", sans-serif;
}

.booking-process-card{
    border-radius: 12px;
    box-shadow: 0px 9px 30px rgb(229 234 239) !important;
    border: none;
    min-height: 468px !important;
}

.booking-details  .booking-data{
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

.ride-progress-card{
    min-height: 310px;
    border-radius: 12px !important;
    box-shadow: 0px 9px 30px rgb(232 237 241) !important;
    border: none;
}

.ride-progress-card .card-header{
    border-radius: 12px !important;
}


/* Ride progress bar  */

.booking-progress-container{
    margin-top: 50px;
}
 .booking-progress-container .list-unstyled.multi-steps {
    display: table;
    table-layout: fixed;
    width: 100%;
  }
  
  .booking-progress-container .list-unstyled.multi-steps > li {
    counter-increment: stepNum;
    text-align: center;
    display: table-cell;
    position: relative;
    color: #314985;
    z-index:1;
  }

  .booking-progress-container .booking-status{
        position: relative;
    top: 6px;
    color: #314985;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 500;
     }

     .cancelled-booking-status{
        position: relative;
        top: 6px;
        color: #FF5656;
        font-family: "Inter", sans-serif;
        font-size: 14px;
        font-weight: 500;
     }
  
  .booking-progress-container .list-unstyled.multi-steps > li:before {
    content: '✓';
    display: block;
    margin: 0 auto 4px;
    background-color: #314985;
    width: 36px;
    height: 36px;
    line-height: 32px;
    text-align: center;
    font-weight: bold;
    border: 2px solid #314985;
    border-radius: 50%;
    color: white !important;
  }
  
  .booking-progress-container .list-unstyled.multi-steps > li:last-child:after {
    display: none;
  }
  
  .booking-progress-container .list-unstyled.multi-steps > li.is-active:before {
    /* content: counter(stepNum); */
    /* background-color: #fff;
    border-color: #027f00;
    color: #027f00; */
    /* background-color: #314985;
    border-color: #314985;
    color: #FFFFFF;
    animation: pulse 2s infinite; */
    content: counter(stepNum);
    background-color: #ffffff;
    border: 2px dashed #314985;
    color: #314985;
    animation: pulse 2s infinite;
  }
  
  .booking-progress-container .list-unstyled.multi-steps > li.is-active ~ li:before {
    /* background-color: #e1e1e1;
    border-color: #e1e1e1; */
    background-color: #ffffff;
    border: 2px dashed #314985;
    color: #808080;
  }
  
  .ride-progress-card .progress-bar {
    background-color: #e1e1e1;
    height: 7px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 15px;
    bottom: calc(50% + 7px);
    width: 100%;
    z-index: -1;
  }
  
  .ride-progress-card .progress-bar--success {
    background-color: #314985;
  }
  
  .ride-progress-card .progress-bar__bar {
    background-color: #e1e1e1;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 500ms ease-out;
  }

  .is-complete {
  background: linear-gradient(to right, #027f00 50%, #e1e1e1 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all .5s ease-out;
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 #31498542;
  }
  100% {
    box-shadow: 0 0 0 10px #3149850a;
  }
}
  
 /* Cancelled booking progress */

 .ride-progress-card .progress-bar--danger {
    background-color: #FF5656;
}

.booking-progress-container .list-unstyled.multi-steps > li.cancelled:before{
    content: "\2716" !important;
    background-color: #FF5656 !important;
    border: 2px solid #FF5656 !important;
}

.text-red{
    color: #FF5656 !important;
}

.cancel-info-JGFRG{
    font-family: "Inter", sans-serif;
    font-size: 14px;
    color:#181E2E;
    font-weight: 500;
}

.cancelled-info{
    color:#181E2E;
    position: absolute;
    right: 14%;
    top: 80px;
}

.refund-btn, .refund-btn:hover, .refund-btn:active{
    padding: 7px 26px !important;
    border-radius: 10px !important;
    background-color: #1BB5F5 !important;
    border-color: #1BB5F5 !important;
}

.refund-btn-container{
    margin-top: 105px;
    padding-left: 20px;
    margin-bottom: 12px;
}

.are-you-sure-subtext{
    font-weight: 500px;
    font-size: 14px;
}

.user-card{
    border-radius: 12px;
    box-shadow: 0px 9px 30px rgb(229 234 239) !important;
    border: none;
    min-height: 290px !important;
}

.user-card .username{
    font-family: "Inter", sans-serif;
    font-size: 20px;
    font-weight: 700;
    color:#202224;
    margin-top: 20px;
    margin-bottom: 10px;
}

.rider-card .username{
    font-family: "Inter", sans-serif;
    font-size: 20px;
    font-weight: 700;
    color:#202224;
    margin-top: 20px;
    margin-bottom: 0;
}

.user-card .email, .rider-card .rider-id{
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color:#202224;
    margin-top: 5px;
}

.rider-card{
    border-radius: 12px;
    box-shadow: 0px 9px 30px rgb(229 234 239) !important;
    border: none;
    min-height: 280px !important;
}

.verified-status{
    font-weight: 400;
    font-size: 14px;
    color: #1BB5F5;
    padding-top: 4px;
}

.not-verified-status{
    font-weight: 400;
    font-size: 14px;
    color: #FF5656;
    padding-top: 4px;
}

.view-prof-btn, .view-prof-btn:hover, .view-prof-btn:active{
    background-color: #314985 !important;
    border-color: #314985 !important;
    font-size: 15px;
    padding: 7px 45px;
    border-radius: 12px;
    margin-top: 15px;
}


.basic-card{
    border: none !important;
    border-radius: 10px;
    box-shadow: 0px 7px 17px rgb(222 228 236) !important;
}

.basic-card .nav-tabs .nav-link, .basic-card .nav-tabs .nav-link:hover, .bootstrap-tab .nav-tabs .nav-link, .bootstrap-tab .nav-tabs .nav-link:hover{
    color: #B3B4BA !important;
    border: none !important;
    font-size: 16px !important;
}

.bootstrap-tab .nav-tabs{
    border: none !important;
}

.basic-card .nav-tabs .nav-link.active, .basic-card .nav-tabs .nav-link:focus, .basic-card .nav-tabs .nav-link:active,    .bootstrap-tab .nav-tabs .nav-link.active, .bootstrap-tab .nav-tabs .nav-link:focus, .bootstrap-tab .nav-tabs .nav-link:active{
    font-weight: 500 !important;
    color: #314985 !important;
    border-bottom: 4px solid #314985 !important;
    border-top-color: #FFF !important;
    border-left-color: #FFF !important;
    border-right-color: #FFF !important;
    /* border-bottom-left-radius:5px !important;
    border-bottom-right-radius:5px !important; */
}

.basic-card .nav-tabs .nav-link:hover, .basic-card .nav-tabs .nav-link:active, .basic-card .nav-tabs .nav-link:focus,   .bootstrap-tab .nav-tabs .nav-link:hover, .bootstrap-tab .nav-tabs .nav-link:active, .bootstrap-tab .nav-tabs .nav-link:focus{
    border-top-color: #FFF !important;
    border-left-color: #FFF !important;
    border-right-color: #FFF !important;
}

.basic-card .form-sub-heading{
    color: #181E2E;
    font-size: 16px;
    font-weight: 600;
    margin-top: 17px;
    margin-bottom: 20px;
}


/* ======== */

.rider-info-card{
    border: 1px solid #C1C8DA !important;
    border-radius: 10px !important;
}

.rider-info-card .rider-card-head{
    color: #CACBCF !important;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 10px;
}

.rider-info-card .value-show{
    font-weight: 700;
    font-size: 24px;
}

.document-card{
    border: 1px solid #C1C8DA !important;
    border-radius: 10px;
    min-height: 270px;
}

.document-card .card-header{
    border: none !important;
    border-radius: 10px;
}

.document-card .card-header .page-title{
    padding-top: 10px;
    font-weight: 600 !important;
    font-size: 16px !important;
}

.document-card .img-fluid{
    min-height: 180px !important;
    max-height: 235px !important;
    object-fit: contain !important;
    border-radius: 10px !important;
}

.document-action-wrapper{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.document-action-wrapper .document-file-name{
    font-weight: 400;
    font-size: 12px;
}

.document-action-wrapper i.view-doc-icon{
    color: #1BB5F5;
    font-size: 16px;
}

.document-action-wrapper i.download-doc-icon{
    color: #314985;
    font-size: 15px;
}

.approve-btn, .approve-btn:hover, .approve-btn:active{
    background-color: #314985 !important;
    border-color: #314985 !important;
    font-size: 15px;
    padding: 7px 45px;
    border-radius: 12px;
}

.decline-btn, .decline-btn:hover, .decline-btn:active{
    background-color: #FF5656 !important;
    border-color: #FF5656 !important;
    font-size: 15px;
    padding: 7px 45px;
    border-radius: 12px;
}

@media screen and (max-width:500px){
    .approve-btn, .decline-btn{
        padding: 7px 33px !important;
    }
}


/* ==================== */

.tier-management-card{
    border-radius: 12px;
    box-shadow: 0px 9px 30px rgb(229 234 239) !important;
    border: none;
}

.tier-management-card .tier-icon{
    font-size: 22px;
    color: #314985;
}

.tier-management-card .tier-JJNGHYH{
    color: #314985;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 20px;
}

.tier-management-card .tier-km{
    font-size: 16px;
    font-weight: 600;
}

.tier-km small{
    font-size: 14px;
    color: #B3B4BA !important;
    font-weight: 400;
    padding-right: 5px;
}

.tier-km small.last-child{
    color: #181E2E !important;
    font-size: 14px !important;
    padding-left: 3px !important;
}

.tier-management-card .tier-total-cities{
    font-weight: 700;
    font-size: 17px;
}

.edit-btn{
    background-color: #314985 !important;
    border-color: #314985 !important;
    font-size: 15px;
    padding: 7px 45px;
    border-radius: 10px;
    margin-top: 30px;
}

/*  */

.basic-table{
    border-radius: 14px;
}
.basic-table thead th{
    text-align: start !important;
    padding: 13px 20px;
    background-color: #FCFDFD !important;
}
.basic-table td{
    padding: 12px;
}

.x-icon{
    color: #FF5656 !important;
}

/* =========== */

.bordered-card{
    border-radius: 15px !important;
    border: none !important;
    margin-bottom: 25px !important;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 19px 0px, rgba(0, 0, 0, 0.1) 0px 0px 0px 1px;
}

.bordered-card .card-header{
    border: none;
    background: #FFF;
    border-radius: 15px !important;
    border-radius: 15px !important;
}

.bordered-card .card-title{
    font-weight: 500 !important;
    font-size: 22px !important;
}

.referral-master table .sn-th{
   background-color: #F0F0F1 !important;
}

.referral-master table .date-th{
    background-color: #CBD1E0 !important;
 }

 .referral-master table .reward-th{
    background-color: #D1F0FD !important;
 }

 .referral-master table .status-th{
    background-color: #FFDDDD !important;
 }

 .referral-master table th{
    padding: 11px !important; 
 }

 .referral-master table td{
    padding: 16px !important; 
 }


.riders.doc-card{
    min-height: 125px;
    box-shadow: rgba(193, 200, 218, 0.05) 0px 8px 24px 0px, rgba(193, 200, 218, 0.2) 0px 2px 5px 4px !important;
    padding: 14px 16px;
    border-radius: 10px;
    cursor:pointer !important;
}

.riders.doc-card .doc-heading{
    font-size: 14px;
    font-weight: 600;
    padding-bottom: 5px;
}

.riders.doc-card .check-icon, .riders.doc-card .verified-status{
    color: #40BF80 !important;
}

.riders.doc-card .x-icon, .riders.doc-card .not-verified-status{
    color: #FF5656 !important;
}

.riders.doc-card .verified-status{
    font-size: 12px !important;
    padding-left: 7px !important;
    padding-top: 0 !important;
}

.riders.doc-card .not-verified-status{
    font-size: 12px !important;
    padding-left: 7px !important;
    padding-top: 0 !important;
}

.riders.doc-card .docs-info .remark{
    font-size: 10px !important;
    font-weight: 500 !important;
    color: #FF5656 !important;
}

.riders.doc-card .not-verified-status{
    font-size: 12px !important;
    padding-left: 7px !important;
    padding-top: 0 !important;
    color: #FF5656 !important;
}

.riders.doc-card .navigate-info .click-here{
    color:#1BB5F5 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    margin-right: 8px !important;
    padding-left: 7px !important;
}

.riders.doc-card .navigate-info img{
    height: 8px;
}

.card.riders.doc-card .date-info{
     margin-top: 10px;
}

.card.riders.doc-card .date-info .date-TYDFV{
    color: #9a9c9d;
    font-size: 12px;
}

/* Zoom-Out Animation for Modal */
@keyframes zoomOut {
    from {
      transform: scale(1);
      opacity: 1;
    }
    to {
      transform: scale(0);
      opacity: 0;
    }
  }

  .modal.zoom-out .modal-dialog {
    animation: zoomOut 0.7s ease-out;
  }