/* Question css added By Muhammad TALHA JAMSHED */

.sigCanvas{
	background-color: lightgrey;
    border: 1px solid lightgrey;
    border-radius: 2px;
}
.e-signature_button{
	width: 30% !important;
    display: inline-block !important;
}
.select-btn-left{
	margin-left: 10px !important;
}
.information_points{
	padding: 10px;
	font-size: 15px;
}
.p1
{
	min-height: 140px;
}
.p2{
	min-height: 188px;
}
.other_products_price{
	text-align: center;
	margin-top: 10px;
}
.space_section
{
	margin-bottom: 50px;
}
/*______________ css loader animation start ____________*/
            .react_overlay{
                position: fixed;
                z-index: 10;
                height:100%;
                width:100%;
                background: rgba(0,0,0,0.5);
            }
            .react_lds-ripple {
                display: inline-block;
                position: absolute;
                top:50%;
                left:50%;
                transform: translate(-50%, -50%);
                width: 80px;
                height: 80px;
              }
              .react_lds-ripple div {
                position: absolute;
                border: 4px solid #fff;
                opacity: 1;
                border-radius: 50%;
                animation: react_lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
              }
              .react_lds-ripple div:nth-child(2) {
                animation-delay: -0.5s;
              }
              @keyframes react_lds-ripple {
                0% {
                  top: 36px;
                  left: 36px;
                  width: 0;
                  height: 0;
                  opacity: 1;
                }
                100% {
                  top: 0px;
                  left: 0px;
                  width: 72px;
                  height: 72px;
                  opacity: 0;
                }
              }

              form input.error, textarea.error {
                border-color: red;
              }
              form select.selecterror {
                border:   1px solid red;
              }
              /*______________ css loader animation end ____________*/

/* Question css ENDED */
.css-tlfecz-indicatorContainer, .css-1okebmr-indicatorSeparator{
    display: none !important;
}
.css-1hwfws3, .css-g1d714-ValueContainer{
    height: 56px;
}
.css-yk16xz-control{
    height: 56px;
    border-radius: 10px;
}
.css-1uccc91-singleValue{
    top: 60% !important;
}
.css-1hb7zxy-IndicatorsContainer{
    display: none !important;
}

* {
  box-sizing: border-box;
}
   /*______________ css input suggestion field ____________*/
/* body {
  margin: 50px 0 0;
  text-align: center;
  font-family: sans-serif;
 } */

.autocomplete-wrapper {
  width: 100% ;
  position: relative;
  display: inline-block;
}

.autocomplete-wrapper > div {
  width: 100%;
  
}

.autocomplete-wrapper input {
  border: 1px solid #cecece;
 /* padding: 12px 15px; */
  font-size: 14px;
  width: 100%;
}

.autocomplete-wrapper input:focus {
  border-color: #0F67FF;
  box-shadow: none;
  outline: none;
}

.autocomplete-wrapper .dropdown {
  width: 100%;
  padding: 0;
  text-align: left;
  max-height: 280px;
  overflow: hidden;
  overflow-y: auto;
  background-color: #ffffff;
  border: 1px solid #0F67FF;
  border-top: none;
}

.autocomplete-wrapper .item  {
  display: block;
  cursor: pointer;
  font-size: 14px;
  padding: 15px;
}

.autocomplete-wrapper .item.selected-item {
  background-color: #0069ff;
  color: #FAFBFC;
}

.autocomplete-wrapper .item:hover {
  background-color: #0069ff;
  color: #FAFBFC;
}
/* .........................
 */
 input, input.form-control, select.form-control {
    width: 100%;
 }
 /* .rmdp-wrapper.active {
  width: 341px;
  display: flow-root;
} */

/* .rmdp-day, .rmdp-week-day {

    height:  50px !important;
    width: calc(100% / 7) !important;
    cursor: pointer;
    position: relative;
    color: black;
    width: calc(100%/7);
  }
  .rmdp-week {
  display: flex;
    justify-content: center;
    font-size: 14px;
    width: 370px;
  } */

  /* @media (max-width:767px){
    .rmdp-day, .rmdp-week-day {
      height:  40px !important;
     }
    .rmdp-week {
      width: 300px;
    } */
    /* .rmdp-calendar-container{

      left: 50%!important;
      transform: translateX(-50%)!important;
      
      } */
      /* .rmdp-container {
        display: block!important;
        width: 100%;
    } */
  /* } */
  .rmdp-day.rmdp-today span{
      background: none !important;
      color: #000 !important;
  }
  .rmdp-container{
      display: inline !important;
  }

  #venu_ul{
    position: absolute;
    width: 100%;
    background: #fff;
    height: 150px;
    overflow-y: scroll;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 10px;
    font-size: 14px;
  }

  .my-drop-down{
    position: relative;
  }