.paging-nav {
    text-align: right;
    padding-top: 2px;
 }

 .paging-nav a {
    margin: auto 1px;
    text-decoration: none;
    display: inline-block;
    padding: 7px 15px;
    background: var(--main-color-new-theme);
    color: white;
    border-radius: 3px;
 }

 .paging-nav .selected-page {
    background: #70011d;
    font-weight: bold;
 }

 .paging-nav,
 #tableData {
    width: 400px;
    margin: 0 auto;
    float: right;
    font-family: sans-serif;
 }



 .crop-center {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100px;
    width:100%;
 }


 .date-time-placeholder::-webkit-input-placeholder {
    /* color: #a20000!important; */
    color: #000000!important;
 }

 .date-time-placeholder::-moz-placeholder {
    /* color: #a20000!important; */
    color: #000000!important;
 }

 input:-ms-input-placeholder {
    /* color: #a20000!important; */
    color: #000000!important;
 }

 .date-time-placeholder:-moz-placeholder {
    /* color: #a20000!important; */
    color: #000000!important;
 }

  .date-time-placeholder1::-webkit-input-placeholder{
   color: white!important;
  }
  



 .quantity-container {
    display: flex;
    align-items: center;
 }

 .quantity-input {
    width: 40px;
    text-align: center;
    border: 1px solid gray;
    border-radius: 5px;
    margin: 0 10px;
    padding: 5px;
 }

 .minus-btn, .plus-btn {
    width: 40px;
    height: 40px;
    border: 1px solid gray;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
 }

 .services{
    background-color:#db96191c!important;
    border:0!important;
    word-wrap: inherit!important;
    color: var(--main-color-new-theme)!important;
    font-weight: bold!important;
    padding: 11px 17px!important;
 }
 .active-services{
    background-color:#570000!important;
    border:0!important;
    color: white!important;    
    padding: 12px 0px!important;
    word-wrap: inherit!important;
    font-weight: 600!important;
    padding: 11px 17px!important;
 }


 .availability-btn{
    border-radius: 4px!important;
    text-align: center;
    font-size: unset;
    background: var(--main-color-new-theme) !important;
    font-weight: 700;
    font-size: 17px;
    padding: 10px;
    float: right;
    margin-right: 26px;
 }

 .service-list-header{
    vertical-align: middle;
    font-size: 20px;
    font-weight: 700;
    text-shadow: 0px 1px 0px red;
    background-color: var(--main-color-new-theme) !important;
    color: #ffffff;
 }






 .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled{
    background: var(--main-color-new-theme)!important!important;
 }

 .form-select:focus {
    border-color: #000000;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(255 255 255 / 25%);
 }
 .form-select {
    min-height: 37px;
    color: var(--main-color-new-theme)!important;
    font-weight: 800;
    width: 100%!important;
    font-size: 16px;
 }


 input.search-text {
    color: #222;
    position:relative;
    z-index:5;
    transition: z-index 0.8s, width 0.5s, background 0.3s ease, border 0.3s;
    height: 39px;
    width: 0;
    margin: 0;
    /* padding: 5px 0 5px 38px; */
    padding: 5px 0 5px 20px;
    box-sizing: border-box;
    font-size: 16px;
    font-size: 2rem;
    cursor: pointer;
    border-radius: 30px;
    border: 1px solid transparent;
    /*background: url(search.png) no-repeat left 9px center transparent;*/
    /* background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUxMiA1MTIiIGhlaWdodD0iNTEycHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB3aWR0aD0iNTEycHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGQ9Ik01MDMuODY2LDQ3Ny45NzRMMzYwLjk1OCwzMzUuMDUyYzI4LjcyNS0zNC41NDQsNDYuMDE3LTc4LjkxMiw0Ni4wMTctMTI3LjMzNiAgYzAtMTEwLjA4NC04OS4yMjctMTk5LjMxMi0xOTkuMzEyLTE5OS4zMTJDOTcuNTk5LDguNDAzLDguMzUxLDk3LjYzMSw4LjM1MSwyMDcuNzE1YzAsMTEwLjA2NCw4OS4yNDgsMTk5LjMxMiwxOTkuMzEyLDE5OS4zMTIgIGM0OC40MzUsMCw5Mi43OTItMTcuMjkyLDEyNy4zMzYtNDYuMDE3bDE0Mi45MDgsMTQyLjkyMkw1MDMuODY2LDQ3Ny45NzR6IE0yOS4zMzEsMjA3LjcxNWMwLTk4LjMzNCw3OS45ODctMTc4LjMzMiwxNzguMzMyLTE3OC4zMzIgIGM5OC4zMjUsMCwxNzguMzMyLDc5Ljk5OCwxNzguMzMyLDE3OC4zMzJzLTgwLjAwNywxNzguMzMyLTE3OC4zMzIsMTc4LjMzMkMxMDkuMzE4LDM4Ni4wNDcsMjkuMzMxLDMwNi4wNSwyOS4zMzEsMjA3LjcxNXoiIGZpbGw9IiMzNzQwNEQiLz48L3N2Zz4=) no-repeat left 9px center transparent; */
    /* background-size:24px; */

    z-index:3; 
    width: 100%;
    border: 2px solid var(--main-color-new-theme);  
    background-color: white;
    outline: none;
    cursor:auto;
    padding-right: 10px;


 }
 input.search-text:focus {
    z-index:3; 
    width: 100%;
    border: 2px solid var(--main-color-new-theme);  
    background-color: white;
    outline: none;
    cursor:auto;
    padding-right: 10px;
 }

 input.search-submit {
    position: relative;
    z-index: 4;
    top:17px;
    left: 49px;
    width: 45px;
    height: 45px;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    border-radius: 30px;
    cursor: pointer; 
    background: none;
 }

 input.search-text::-webkit-search-cancel-button {
    cursor:pointer;
 }
 .paymentBtn{
   background-color: #ffc107;
   padding: 5px 14px;
   color: #15102e;
   border-radius: 6px!important;
   font-size: 14px;
   font-weight: 1000;
   border: 0px!important;
   margin: 0px 8px;

}
.paymentBtn:hover{
   background-color: var(--main-color-new-theme)!important;
   color: #ffffff!important;

}
.price-span {
   background: #000030;
   padding: 5px 14px;
   text-wrap: nowrap;
   color: white;
   margin: 0px 8px;
   border-radius: 6px;
   font-size: 14px;
   font-weight: 1000;

}
@media only screen and (max-width: 768px) {

   .paymentBtn{
      font-size: 15px;
   margin-right: 20px;
   margin-left: -78px;
   position: relative;
   word-wrap: break-word;
   top: 0;
   left: 76px;
   z-index: 1;

}  
}

.crop-center {
   background-position: center;
}

/* Media query for mobile devices */
@media only screen and (max-width: 600px) {
   #crop-center1{
   height: 220px !important;
  }
}


.form-check-input:checked {
   background-color: #7d1456;
   border-color: #7d1456;
}
.form-check-input {
   border: 3px solid rgb(0 93 75);
}
.active-btn{
   border-radius: 0px!important; background: var(--main-color-new-theme); border-color: var(--main-color-new-theme); font-weight: 600; box-shadow: 0px 2px 3px var(--main-color-new-theme);
}

.normal-btn{
   border-radius: 0px!important;
   /* background: #404040e3;
   border-color: #404040e3; */
/*   box-shadow: 0px 2px 3px black;*/
background: #fcfcfc;
   border-color: #fcfcfc; 
}
.custom-btn {
   font-weight: 700;
   font-size: 16px;
   background-size: cover;
   border-radius: 5px !important;
   padding: 12px 23px 12px 23px;
   color: black;
   box-shadow: 1px 1px 10px black;
   margin-bottom: 10px;
   background: white;
}
.custom-btn .active{
   background: var(--main-color-new-theme)!important;;
   border-color: #fcfcfc!important;; 
}


@media only screen and (max-width: 768px) {
   .col-md-12 .paymentBtn {
      margin-top: 0 !important;
      display: block;
      width: 100%;
      text-align: center;
      margin-bottom: 0px !important;
      margin-left: -61px !important;
   }

   .custom-btn {
      font-weight: 700;
      font-size: 15px;
      background-size: cover;
      border-radius: 5px !important;
      padding: 12px 12px 12px 12px;
      color: black;
      box-shadow: 1px 1px 10px black;
      margin-bottom: 10px;
      background: white;
   }
}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
   padding-bottom: 8px;
}
.border-none{
   color: transparent;
}
.form-control2{
   border: 1px solid #0a0a0a00!important;
}
.form-select {
   font-weight: normal!important;
}
.form-check-input[type=checkbox] {
   margin-right: 0!important;
}
.error{
   color: red;
}
#submitRequestForm:hover{
   box-shadow: none!important;
}
.p-5{
   padding: 5px!important
}

.select2-container--default .select2-selection--single {
   border: 0!important;
}


  .search-container {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 1rem !important;
    /* margin-top: 4rem !important; */
  }

  .search-icon {
    cursor: pointer;
    font-size: 24px;
    padding: 10px;
    /* background: var(--main-color-new-theme); */
    /* border-radius: 50%; */
    color: var(--main-color-new-theme);
    font-size: 20px!important;
  }

  .search-input {
    width: 0;
    padding: 0;
    /*opacity: 0;*/
    transition: all 0.3s ease;
    border: 1px solid #ccc;
  }

  .search-input.open {
    /* width: 200px; */
    padding: 5px 5px 5px 39px;
    opacity: 1;
  }

  #search_col {
    display: flex;
    align-items: center;
    justify-content: end;
  }
  /* .search-btn {
   background: none;
   border: none;
   cursor: pointer;
   padding: 10px;
   color: white;
   display: none;
}

.search-container.active .search-btn {
   display: block;
} */

.search-btn{
   background: #a20000;
   display: none;
   position: relative;
   left: -40px;
   z-index: 9;
   border-radius: 0px 30px 30px 0px;
   height: 40px;
   padding: 7px 23px 12px 23px;
    color: white;
}