/*======================
Route sheet 2 css
====================================*/
body {
  -webkit-overflow-scrolling: touch;
}
.rounded {
  border-radius: 25px!important;
  padding: 10px 30px;
  background: #fff;
  border:1px solid #1983c7;
  color:#1983c7;
}

.rounded:hover{
  box-shadow: 2px 2px 10px -2px #1983c7,-2px -2px 10px -2px #1983c7;
          }
.rounded:focus{
  
  background:#1A5478!important;
  color:#fff;
  outline:none!important;
}


.icon {
  padding:10px 10px 10px 16px;
  background: white;
  color: black;
  min-width: 50px;
  text-align: center;
  border: 1px solid #ced4da;
  border-left: none;
}

.custum{
  width: 100%;
  padding: 10px;
  outline: none;
  border: 1px solid #ced4da;
  border-right: none;
}
.input-field {
  width: 100%;
  padding: 10px;
  outline: none;
  border: 1px solid #ced4da;
  border-right:none;
}
.input-container{

display:flex;
width: 100%;
  margin-bottom: 15px;
}

/**topnav css**/

.background {

background-color: #fff;

}



.maxw{

max-width:500px;margin:auto;
}



/*======================
Route sheet 2 css
====================================*/

.wrapper{

max-width:500px;
margin-left: auto;
margin-right: auto;
justify-content: center;
}

.navbar{background-color:#1983c7;}


.margin{margin-left:100px;
margin-right:auto;}


@media screen and (min-width:200px){

.maxwidth{max-width:500px;margin:auto;}
}




.rounded{
    border-radius: 25px!important;
    padding: 10px 30px;
    background: #fff;
    border:1px solid #1983c7;
    color:#1983c7;
            }
  
  /* .rounded:hover{
    box-shadow: 2px 2px 10px -2px #1983c7,-2px -2px 10px -2px #1983c7;
            } */
  .rounded:focus{
    
    background:#1A5478!important;
    color:#fff;
    outline:none!important;
  }
  .signatureCanvas{
    border: 1px solid black;
    width: 100%;
    height: 300px;
}
label {
    display: flex;
    margin-bottom: .5rem;
}

/* .inputcon{
  padding: 8px 35px ;
} */



/* .inputcon{
  padding: 8px 35px ;
} */

/* .modal {
  background: rgba(0, 0, 0, 0.6);
  opacity: 100%;
}
.modal-container {
  position: absolute;
  width: 60%;
  background: #ffffff;
  left: 25%;
  top: 30%;
  padding: 20px;
} */

.MuiAutocomplete-hasPopupIcon.MuiAutocomplete-hasClearIcon .MuiAutocomplete-inputRoot[class*="MuiOutlinedInput-root"] {
  padding-right: 417px !important;
  padding-bottom: 2px;
}

.modal {
  background: rgba(0, 0, 0, 0.6);
}
.modal-container {
  position: absolute;
  width: 40%;
  background: #ffffff;
  left: 25%;
  top: 30%;
  padding: 20px;
  opacity: 2;
}