/* Google Fonts Import Link */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
*{
    font-family: 'Poppins', sans-serif;
}

/* Datatable page length dropdown input  */
.dataTables_length> label> .select2-container{
   margin-bottom: -5px;
   margin-left: 3px;
   padding-right: 3px !important;
   padding-top: 4px;
   border-bottom: 1px solid #b5b1b194;
   width: 60px !important;
   padding-left: 14px;
   margin-right: 4px;
   padding-bottom: 4px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 7px;
    position: absolute;
    top: 3px;
    right: 2px;
    width: 20px;
    background: transparent !important;
}

/* Datatable page length dropdown bg color  */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #1f896f;
    color: #fff;
}

/* Datatable page length dropdown */
div.dataTables_wrapper div.dataTables_length label {
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    font-size: 12px;
}

/* Ascending sort icon */
table.dataTable thead .sorting_asc:after {
    opacity: 0.4 !important;
    font-family: "Font Awesome 6 Free";
    content: "\f176";
    font-weight: 900;
    margin-left: 8px;
}

/* Descending sort icon */
table.dataTable thead .sorting_desc:after {
    opacity: 0.4 !important;
    font-family: "Font Awesome 6 Free";
    content: "\f175"; /* fa-long-arrow-down */
    font-weight: 900;
    margin-left: 8px;
}

/* Datatable pagination active button color */
.pagination > .active > a, .page-btn.active {
    background: #098579 !important;
    border-color: #098579 !important;
    color: white;
}

/* Both sorting icon */
table.dataTable thead .sorting:after {
    opacity: 0.4 !important;
    font-family: "Font Awesome 6 Free";
    content: "\f07d";
    font-weight: 900;
    margin-left: 8px;
}

/* Datatable pagination button color */
.pagination>li>span, .pagination>li>a {
    color: #141a1f ;
}

.full-width-wrapper {
    width: 100% !important;
}

.dataTable >tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.page-btn {
    cursor: pointer;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #fff;
    margin: 0 6px;
    padding: 6px 12px !important;
}

.modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-top-left-radius: 0.0rem;
  border-top-right-radius: 0.0rem;
  text-transform: capitalize !important;
  background: #bbdac47d;
 }


.modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem -1rem -1rem auto;
 }

.modal-title {
      color: #035e39 !important;
      font-size: 17px !important;
      font-weight: 500 !important;
      text-transform: capitalize !important;
      margin-bottom: 0;
      line-height: 1.5;
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 3rem; }

.modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 1rem;
  border-top: 1px solid #cdd4e0;
  border-bottom-right-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
 }

.home-section .home-content .text{
    font-size:30px !important;
}

.custom-badge{
    color: #fff;
    border-radius: 10px;
    font-size: 11px;
    padding: 3px 10px;
    text-align: center;
    margin-left: 0px;
    margin-right: 0px;
    font-weight: 400;
}

.badge-scheduled{
    background-color: #2183bc ;
}

.btn-custom {
    cursor: pointer;
    padding: 5px 13px;
    border-radius: 4px;
}

.red_background{
	border: 1px solid #dd4b39;
	background: #dd4b39;
	color: white;
}

.border-none{
    border: 1px solid transparent !important;
}

.btn-custom-success, .btn-custom-success:hover{
    color: white;
    background: #499a92;
}

.btn-custom-danger, .btn-custom-danger:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

input[placeholder="DD/MM/YYYY"]::placeholder, input[placeholder="Search Address"]::placeholder {
    color: #aaaaaabf !important;

}
input.form-control {
    font-size: 12px !important;
}
.badge-active{
    background: #14b654;
    color: #fff;
    padding: 0px 6px 0px 6px;
    border-radius: 19px;
    margin-left: 7px;
    font-size: 11px !important;
}
.badge-inactive{
    background: red;
    color: #fff;
    padding: 0px 6px 0px 6px;
    border-radius: 19px;
    margin-left: 7px;
    font-size: 11px !important;
}
.back-btn{
   background-color:#808083 !important;
   color:#fff;
}
.back-btn:hover{
   color:#fff !important;
}

table.dataTable thead>tr>th{
    font-weight: 400;
    color: white;
    font-size: 13px;
}
.filters {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  justify-content:right;
}

 .filters input{
     padding: 8px 30px 8px 8px; /* Top Right Bottom Left */
    font-size: 14px;
    border: none !important;
    border-radius: 5px;
    box-shadow: 0px 2px 8px rgba(121, 188, 173, 0.35);
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url('https://endlessicons.com/wp-content/uploads/2015/08/search-icon-2-614x460.png') no-repeat right 3px center;
    background-size: 30px;
    background-color: #fff;

}
.filters select {
    padding: 8px 30px 8px 8px; /* Top Right Bottom Left */
    font-size: 14px;
    border: none !important;
    border-radius: 5px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url('https://cdn-icons-png.flaticon.com/512/7996/7996254.png') no-repeat right 8px center;
    box-shadow: 0px 2px 8px rgba(121, 188, 173, 0.35);
    background-color: #fff;
    background-size: 17px;
    cursor:pointer;
}
.container-2 {
  vertical-align: middle;
  white-space: nowrap;
  position: relative;
  display: flex;
  justify-content: flex-end;
}

.container-2 input#search, .container-2 input#search_vb {
  box-shadow: rgb(39 141 118 / 35%) 0px 2px 8px 0px !important;
  height: 34px;
  background: #fff;
  border: none;
  font-size: 10pt;
  color: grey;
  border-radius: 3px;
  transition: width 0.55s ease, margin-left 0.55s ease;
  position: relative;
  z-index: 0;
   width: 182px;
   margin-left: -250px;
  padding:15px !important;

}

.container-2 input#search::-webkit-input-placeholder {
  color: #65737e;
    font-size:11px;
}
.container-2 input#search:-moz-placeholder {
  color: #65737e;
    font-size:11px;
}
.container-2 input#search::-moz-placeholder {
  color: #65737e;
    font-size:11px;
}
.container-2 input#search:-ms-input-placeholder {
  color: #65737e;
  font-size:11px;
}

.container-2 .icon {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  color: #098579;
  pointer-events: none;
}

.container-2 input#search:focus,
.container-2 input#search:active,
.container-2:hover input#search {
  outline: none;
    width: 161px;

}

.alert-custom-danger{
    color: #c81829 !important;
    background-color: #f8d7da !important;
    padding: 5px;
}

.alert-custom-success{
    background-color: #a5eeb15e !important;
    color: #0a7c12 !important;
    padding: 5px;
}

.form-group.has-error label, label.error {
    color: #e21111 !important;
    float: left;
    font-weight: 400 !important;
    font-size: 12px !important;
}

.select2-container {
    width: 150px !important;
}

.select2-container--default .select2-selection--single {
    background-color: #fff !important;
    border: 1px solid transparent !important;
    border-radius: 4px !important;
    height: 33px !important;
    box-shadow: rgb(121 188 173 / 35%) 0px 2px 8px 0px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 37px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 3px !important;
    right: 6px !important;
    width: 20px;
}
.select2-container--open .select2-dropdown {
    top: 1px !important;
    left: 1px !important;
}

a.noWrap:hover{
    color: #0070E0 !important;
}
.dataTables_length> label> .select2-container>.selection>.select2-selection--single{
    background-color: transparent !important;
    border: 1px solid transparent !important;
    box-shadow: none !important;
    height: 22px !important;
}

.dataTables_length> label> .select2-container>.selection>.select2-selection--single>.select2-selection__rendered{
    line-height: 28px !important;
    padding-left: 0px !important;
}
.alert-custom-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}
.alert-custom-danger:before, .alert-custom-danger {
    padding-left: 3px;
    content: "\f05c";
    position: relative;
    font-family: Fontawesome;
    top: 0px;
    font-weight: 500;
    padding: 10px;
}

.alert-custom-success:before, .alert-custom-success {
    content: "\f05d";
    position: relative;
    padding-right: 0px;
    font-family: Fontawesome;
    font-size: 13px;
    font-weight: 500;
    top: 1px;
    padding: 10px;
}
.radio-btn>input{
    width: 22px;
    height: 21px;
    accent-color: #197cf9;
}
.form-check input {
    width: 20px !important;
    height: 20px !important;
    accent-color: #197cf9;
}

.overlay_ex {
	z-index: 99999 !important;
}

.loader-img {
	z-index: 1020;
	background: transparent url('../img/LODO.gif') center center no-repeat;
	background-size: 30px 30px;
	-webkit-background-size: 30px 30px;
	-moz-background-size: 30px 30px;
	-ms-background-size: 30px 30px;
}

.bg-orange-light {
    color: white !important;
    background-color: #ff8a66 !important;
}

.logo-blue{
    color: #2d5bf7 !important;
}
.logo-custom-orange{
    color: #f18404 !important;
}
.logo-green{
    color: #a1c502 !important;
}
.logo-custom-red{
    color: #ff3344 !important;
}
.logo-light-blue{
    color: #37c0d2 !important;
}
.logo-yellow{
    color: #ffca2c !important;
}
.logo-violet{
    color: #a33bff !important;
}
.logo-ink{
    color: #37378d !important;
}
.alert-custom-warning:before , .alert-custom-warning{
    content: "\f05a";
    font-family: Fontawesome;
}
textarea{
    height: 80px !important;
}
.green_background {
    border: 1px solid #398439;
    color: #398439;
}
.invoice_Status {
    padding: 0 6px;
    font-style: italic;
    font-weight: 600;
    border-radius: 5px;
}
.border-right-default {
    border-right: 1px solid #fff !important;
}

.rowSelected{
	background: #d3e2d5 !important;
}

.selected-parent-card {
    animation: blink 3.0s linear infinite;
    border: 2px solid #007bff;
    box-shadow: 0 0 10px rgba(0, 123, 255, 0.5);
    background-color: aliceblue;
}
.meeting-date{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #b5bbb438;
    border-radius: 5px;
    box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
    padding: 0px 2px 7px 2px;
    gap: 2px;
    border: 1px solid #80808042;
    min-width: 50px;
    text-align: center;
    margin-top:14px;
}
.meeting-date .month {
       font-size: 11px;
       font-weight: 500;
       color: #090a11;
       text-transform: uppercase;
}
.meeting-date .day {
     font-size: 16px;
     font-weight: 700;
     border-radius: 3px;
     color: #333;
     line-height: 1;
     padding: 4px 6px;
     background: #fff;

}
.ok-btn {
	background-color: #124680 !important;
}
#div_location{
    display: flex;
    flex-direction: column;
}
.add-ride-btn-sr{
      order:99;
}
table{
    border-collapse: collapse !important;
}
textarea {
  overflow: hidden !important;
  resize: none !important;
}
.btn-custom-green{
  color: white;
  background: #39af09 !important;
}
.blu_background{
	border: 1px solid #0072BC;
	color:#0072BC;
}
.btn-custom-revert, .btn-custom-revert:hover{
    background : #3c8dbc !important;
    color: white;
}
.custom-location-dropdown{
    position: absolute;
    width: 100%;
    z-index: 99;
    background: white;
}
.profile-edit{
    background: #f3f3f3;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    padding: 3px 9px;
    border-radius: 3px;
    font-size: 12px !important;
    color: #098579;
    cursor:pointer;
}

.location-edit {
    padding: 16.2px 16px !important;
    position: absolute;
    top: 0px;
    right: 0;
    background: #f0f0f0f2;
    cursor: pointer;
}
.p-content-text{
    color: #808080d4;
    font-size: 11px;
    margin-top: 7px;
    font-weight:400 !important;
    margin-left:12px;
}
.selected-address {
    background: #b0e5ff9e;
    padding: 8px 9px;
    border-radius: 7px;
    font-weight: 600;
    margin-bottom: 24px;
}
.selected-address i {
    color: #094f71;
    font-size: 16px;
}
.pac-item.no-data{
    border:none !important;
}
.pac-item.no-data:hover{
    background: transparent !important;
}
#conf_txt{
    font-weight: 400 !important;
}
.google-location-input .circle-container {
    position: absolute;
     left: 44%;
     top: 129px;
    transform: translateY(-50%);
  display: flex;
  gap: 4px;
  z-index: 9999;
}

.google-location-input .animated-circle {
  width: 7px;
  height: 7px;
  background: #124680;
  border-radius: 50%;
  display: inline-flex;
  box-shadow: 10px 0px 10px rgba(0, 0, 0, 0.2);
}

.google-location-input .animated-circle.one {
  animation: bounce-one 1.5s ease-in-out infinite;
      margin-right: 2px;
}

.google-location-input .animated-circle.two {
  animation: bounce-two 1.5s ease-in-out infinite;
      margin-right: 2px;
}

.google-location-input .animated-circle.three {
  animation: bounce-three 1.5s ease-in-out infinite;
}

.scroll-auto{
    overflow-y : auto;
}

.visible-none{
   visibility: hidden;
}
.form-control:disabled, .form-control[readonly] {
    background-color: white !important;
    opacity: 1;
    cursor: not-allowed;
}
.row-warning{
    background: #ffffe7;
}
.custom-ellipsis{
     white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
}
._emptyIcon {
    height: 64px;
    width: 61px;
}
.center-vertical{
    justify-content: center;
}
.cursor-default {
  cursor: default;
}
#mdl_title{
    font-size: 20px !important;
}
.datepicker table tr td.disabled {
    color: #d5d5d5 !important;
}
.datepicker table tr td.today.disabled.disabled{
    color:#000 !important;
}

.no-notify-data{
   padding: 30px;
}
    .page-sub-title {
        color:#666666;
        position: absolute;
            left: 65px;
            top: 50px;
        }
        .custom-font-11{
        font-size:11px !important;
        }
        .close:hover{
          color:#dd4b39;
        }
#login_user_name{
    width: 174px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 2px;
}

.label-custom-new{
    background : #e7b805;
}
.cursor-none{
    pointer-events: none !important;
}