/* motor reservas */
body{
    overflow-x: hidden!important;
}
.justify-content-center{
    text-align: center;
}

#x{
    color:grey!important;
    font-size: 30px;
    padding: 0 10px 10px 10px;
  }
  a:hover{
      text-decoration:transparent!important;
  }
  .border{
      border-radius: 15px;
  }
  .bold{
      font-weight: bold;
  }
  .text-second{
      color: #E6BB27!important;
  }
  .text-main{
    color: #D66038!important;
}
   .form-input-motor {
      border: 1px solid #E6BB27;
      background-color: white;
      padding: 8px;
      font-size: 17px;
      box-shadow: 0px 10px 10px -8px rgba(0, 0, 0, 0.1);
      border-radius: 7px !important;
      width: 100%;
      height: 41px;
   }
  
   .form-input-motor:hover {
        border: 2px solid #E6BB27;
        padding: 7px;
        outline: none !important;
    }
    .form-input-motor:focus {
      border: 2px solid #E6BB27;
      border-radius: 7px;
      padding: 7px;
      outline: none !important;
    }
  
    .form-label-motor {
      font-size: 19px;
      color: #D66038;
      font-weight: bold;
    }

    .form-textarea{
        border: 1px solid #E6BB27;
        background-color: white;
        width: 100%;
        min-height: 41px;
        padding: 7px;
        font-size: 17px;
        box-shadow:0px 10px 10px -8px rgba(0,0,0,0.1);
        border-radius: 7px!important;
        outline: none!important;
    }
    
    
    .form-textarea:hover{
       border: 2px solid #E6BB27!important;
       border-radius: 7px;
        outline: none!important;
        padding: 6px!important;
    }



      .btn-main-motor{
        border-radius: 7px;
       font-size: 18px;
       font-weight: bold;
       padding: 7px 45px;
       box-shadow: 0 0 20px lightgray;
       text-align: center;
       transition: 0.5s;
         border: 1px solid #D66038;
         background-color: #D66038;
         color: white!important;
         height: 41px!important;
         cursor: pointer;
         text-decoration: none;
         
        /* margin-left: 5px;*/
     }
     .btn-main-motor:active{
        border: 1px solid #D66038;
        background-color: white;
        color: #D66038 !important;
    }
    .btn-main-motor:focus{
        border: 1px solid #D66038;
        background-color: white;
        color: #D66038 !important;
    }
    .btn-disabled{
        border-radius: 7px;
        font-size: 18px;
        font-weight: bold;
        padding: 7px 45px;
        box-shadow: 0 0 20px lightgray;
        text-align: center;
        transition: 0.5s;
          height: 41px!important;
          cursor: pointer;
          text-decoration: none;
        border: 1px solid grey;
        background-color: grey;
        color: white !important;
        cursor: not-allowed;
    }

    .btn-second{
        border-radius: 7px;
       font-size: 18px;
       font-weight: bold;
       padding: 7px 45px;
       box-shadow: 0 0 20px lightgray;
       text-align: center;
       transition: 0.5s;
         border: 1px solid #E6BB27;
         background-color: #E6BB27;
         color: black!important;
         height: 41px!important;
         cursor: pointer;
         text-decoration: none;
         
        /* margin-left: 5px;*/
     }
     .btn-main:active{
        border: 1px solid #E6BB27;
        background-color: black;
        color: #E6BB27 !important;
    }
    .btn-main:focus{
        border: 1px solid #E6BB27;
        background-color: black;
        color: #E6BB27 !important;
    }




  
  .boton-azul-motor{
     border-radius: 7px;
    font-size: 18px;
    font-weight: bold;
    padding: 7px 45px;
    box-shadow: 0 0 20px lightgray;
    text-align: center;
    transition: 0.5s;
      border: 1px solid #D66038;
      background-color: #D66038;
      color: white!important;
      height: 41px!important;
      cursor: pointer;
      text-decoration: none;
      
     /* margin-left: 5px;*/
  }
  
  .boton-azul-motor:active{
      border: 1px solid #D66038;
      background-color: white;
      color: #D66038 !important;
  }
  .boton-azul-motor:focus{
      border: 1px solid #D66038;
      background-color: white;
      color: #D66038 !important;
  }
  #buscar{
      margin-top: 33px;
  }
  .pointer{
      cursor: pointer;
  }
  /* v-select */
  
  /* dropdown */
  .vs__dropdown-toggle{
    border: 1px solid #E6BB27!important;
      background-color: white!important;
      color: #FFFFFF!important;
    width: 100% !important;
    padding: 7px !important;
    font-size: 17px !important;
    box-shadow: 0px 10px 10px -8px rgba(0,0,0,0.1) !important;
    border-radius: 7px !important;
      height: 41px!important;
      z-index: 2;
  }
  .vs__dropdown-toggle:hover{
    border: 2px solid #E6BB27!important;
    padding: 6px!important;
  }
  
  .vs__actions{
      padding: 5px!important;
  }
  .vs__open-indicator{
      fill: #D66038!important;
  }
  .vs__search{
      margin-top: 0!important;
      padding: 0!important;
      color: #000!important;
      border: none!important;
      font-size: 17px !important;
  }
  
  .vs__selected{
      margin: 0!important;
      padding: 0!important;
      color: #000!important;
      border: none!important;
  }
  
  .vs__clear{
      display: none;
  }
  
  
  /*calendar*/

.calendar-border{
    border: 1px solid rgb(233, 233, 233);
    padding: 5px!important;
    font-size: 15px;
}

.month-label{
    text-shadow: 1px 2px rgb(150, 150, 150);
    color: #E6BB27;
}  
.table-label {
    border: 1px solid rgb(233, 233, 233);
    font-size: 11px;
    font-size: 18px!important;
    color: white;
    background-color: #D66038;
    width: 12%;
    padding: 2px 5px;
  }
  
.free-avail{
    background-color: #e3faee;
}
.no-avail{
    background-color: #f8dad8;
}
.past-day{
    background-color: white;
}
.day-cal{
    width: 100%;
    height: 100%;
}



  .btn-gris{
     border-radius: 7px;
    font-size: 18px;
    font-weight: bold;
    padding: 7px 45px;
    box-shadow: 0 0 20px lightgray;
    text-align: center;
    transition: 0.5s;
      height: 41px!important;
      cursor: pointer;
    border: 1px solid darkgrey;
    background-color: darkgrey;
    color: white !important;
    /*  margin-right: 5px;*/
  }
  
  
  .btn-gris:hover{
      border: 1px solid darkgrey;
      background-color: white!important;
      color: darkgrey!important;
  }
  
  /* Chrome, Safari, Edge, Opera */
  input::-webkit-outer-spin-button,
  input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  input[type=number] {
    -moz-appearance:textfield;
  }
  
  .addnumber{
      border-radius: 0 7px 7px 0!important;
      width: 41px;
      text-align: center;
      border-left:none!important;
      padding: 9px;
      height: 41px;
      cursor: pointer;
      color: white!important;
      background-color: #D66038;

  }
  
  .minusnumber{
      border-radius: 7px 0 0 7px!important;
      width: 43px;
      text-align: center;
      border-right:none!important;
      padding: 9px;
      background-color: #D66038;
      color: white!important;
      height: 43px;
      cursor: pointer;
  }
  
  
  .new-nights{
      width: 50px;
      padding-top: 7px;
      border: 1px solid #D66038;
      height: 41px;
      text-align: center;
      color: #000;
  }
  
  /* stepper */
  
  .numberCircle {
      border-radius: 50%;
      width: 36px;
      height: 36px;
      padding: 4px 10px;
      text-align: center;
      font-size: 17px;
       background: darkgrey;
      color: white;
  }
  .numberCircle1 {
    border-radius: 50%;
    width: 36px;
    height: 36px;
    padding: 4px 12px;
    text-align: center;
    font-size: 17px;
     background: darkgrey;
    color: white;
}
  .label-stepper{
      color: grey;
  }
  .active-stepper{
      background-color: #D66038!important;
  }
  .card{
      border-radius: 15px!important;
  }
  .card-shadow{
      -webkit-box-shadow: 0 0 8px 2px rgba(0,0,0,0.05);
      -moz-box-shadow: 0 0 8px 2px rgba(0,0,0,0.05);
      box-shadow: 0 0 8px 2px rgba(0,0,0,0.05);
  }
  .text-left{
      text-align: left!important;
  }
  
  /* carousel */
  
  #modalBooking .carousel-control-next{
      color: #fff;
      font-size: 30px;
      width: 5% !important;
  }
  
  
  #modalBooking .carousel-control-prev{
      color: #fff;
      font-size: 30px;
      width: 5% !important;
  }
  
  #modalBooking .item-img {
      width: auto;
      height: 300px;
  }
  
  .required-field{
      border: 1px solid red!important;
  }
  
  .w-12{
      width: 12%;
  }



/*phone field*/
.vue-tel-input{
    border: 1px solid #E6BB27!important;
    height: 41px;
    box-shadow: none!important;
    border-radius: 7px!important;
  }
  .vue-tel-input:hover{
    border: 2px solid #E6BB27;
    border-radius: 7px!important;
  }
  .vti__dropdown{
   border-radius: 7px;
   outline: none!important;
  }
  .vti__input{
      border-radius: 7px!important;
  }
 
  .card-pay{
    border-radius: 10px;
    border:1px solid lightgrey;
    background-color: #ececec;
    box-shadow:0 .1rem 0.8em rgba(0,0,0,.1)!important;
    height:180px;
  }



  /*

/* ////// toast ///// 

.toast{
    border: #e2dfdd solid 1px!important;
    border-radius: 7px!important;
  }
  
  .b-toast{
    text-align: center!important;
      opacity: 0.9;
  }
  .toast-header {
      padding: 0 !important;
      margin: 0 !important;
      width: 0px !important;
      text-align: center;
  }
  
  .toast-body{
    padding: 10px!important;
    font-size:18px!important;
  }
  */
  @media only screen and (max-width: 370px) {
    
   /* .table-label{
        width: 35px!important;
    }
    .calendar-border{
        width: 35px!important;
    }*/
    #logonav{
        height: 50px;
    }
    #logoridid{
        height: 35px;
    }
    .md-align {
        text-align: center;
    }
    .tarif-select{
        padding: 0 15px;
    }
    .check{
        font-size: 40px!important;
    }
    .position-final{
      text-align: text-center;
    }
    #motor .item-img {
        height: 170px;
    }
    .img-summary{
        height: 150px;
        width: auto;
    } 
    /*.day-cal{
        width: 50px;
        height: 50px;
    }
    .table-label {
        width: 50px;
      }*/
}
  /*  small devices (phones, 600px and down) */
  @media only screen and (max-width: 600px) {
      #logonav{
          height: 50px;
      }
      #logoridid{
          height: 35px;
      }
      .md-align {
          text-align: center;
      }
      .tarif-select{
        padding: 0 15px;
    }
      .check{
          font-size: 40px!important;
      }
      .position-final{
        text-align: text-center;
      }
      #motor .item-img {
          height: 200px;
      }
      .img-summary{
          height: 200px;
          width: auto;
          max-width: 280px;
      }
      /*.day-cal{
        width: 50px;
        height: 50px;
    }
    .table-label {
        width: 50px;
      }*/
  }
  /* Small devices (portrait tablets and large phones, 600px and up) */
  @media only screen and (min-width: 600px) {
    #logonav{
        height: 70px;
    }  
    #logoridid{
        height: 50px;
    }
    .md-align{
          text-align: center;
      }
    .tarif-select{
        padding-right: 15px;
    }
      .check{
          font-size: 40px!important;
      }
      .position-final{
        text-align: center;
      }
      #motor .item-img {
          height: 270px;
          width: auto;
      }
      .img-summary{
          height: 320px;
          width: auto;
          max-width: 370px;
      }
  
  }
  
  /* Large devices (laptops/desktops, 992px and up) */
  @media only screen and (min-width: 992px) {
    #logonav{
        height: 100px;
    }  
    #logoridid{
        height: 50px;
    }
    .md-align{
          text-align: left;
      }
      .tarif-select{
        padding-right: 15px;
    }
      .check{
          font-size: 70px!important;
      }
      .position-final{
        text-align: left;
      }
      #motor .item-img {
          height: 345px;
          width: auto;
      }
      .img-summary{
        height: 180px;
        max-width: 250px;
        width: auto;

    }
  
  }
  
  /* Extra large devices (large laptops and desktops, 1200px and up) */
  @media only screen and (min-width: 1260px) {
    #logonav{
        height: 100px;
    }
    #logoridid{
        height: 50px;
    }
      .md-align{
          text-align: left;
      }
      .tarif-select{
        padding-right: 15px;
    }
      .check{
          font-size: 70px!important;
      }
      .position-final{
        text-align: left;
      }
      #motor .item-img {
          height: 375px;
          width: auto;
      }
      .img-summary{
          height: 260px;
          max-width: 370px;
          width: auto;
      }
  
  }
    /* Extra large devices (large laptops and desktops, 1200px and up) */
    @media only screen and (min-width: 1850px) {
        /*.table-label{
            width: 60px!important;
        }
        .calendar-border{
            width: 60px!important;
            height:  55px!important;
        }*/
        #logonav{
            height: 100px;
        }
        #logoridid{
            height: 50px;
        }
        .md-align{
            text-align: left;
            padding-right: 15px;

        }
        .check{
            font-size: 70px!important;
        }
        .position-final{
            text-align: left;
          }
        #motor .item-img {
            height: 400px;
            width: auto;
        }
        .img-summary{
            height: 280px;
            width: 370px;
            width: auto;
        }
    }