
.contact-section {
    position: relative;
    padding: 40px 0px 30px;
}
.main-header {
   
    padding-top: 20px;
}

.datepicker.datepicker-dropdown{
    z-index: 999 !important;
} 

a{
    color: #00BB00;
}
a:focus, a:hover {
    color: #05d405;
}

.checkbox_holder label{
    color: #00BB00;
    font-weight: normal; 
    padding-right: 10px;
    cursor: pointer;
}

.checkbox_holder label.orange{
    color: #ff9700;
}

.scroll-to-top:hover {
    background: #f7931e;
}

.contact-form select{
    width: 100%;
}

.contact-form textarea{
    padding: 10px;
    line-height: 22px;
}

.contact-form input[type="text"], input[type="password"], .contact-form input[type="email"], .contact-form select {

    border-radius: 10px;
    border: 1.3px solid #ff9700;
    line-height: 35px;
    padding: 2px 12px;
    height: 35px;
    width:100%;

}

.contact-form .form-group{
    margin-bottom: 10px;
}

.contact-section .form-column .inner-column {
    padding-right: 0px;
}

.left_lang, .right_lang{
    height: 111px;
}

.right_lang img{     
    bottom: 0px;
    right: 0px;
    position: absolute;
}  

.left_lang img{     
    bottom: 0px;
    left: 0px;
    position: absolute;
}  

.btn-style-max{
    background-color: #13aeac;
    font-size: 14px !important;
    font-weight: normal !important;
    color: #fff;
    border: none;
    border-radius: 5px;
    padding: 5px 23px 5px !important;
} 



.btn-style-max .fa {
    padding-right: 12px;
}

.btn-style-max-round{
    background-color: #13aeac;
    text-align: center;
    width: 60px;
    border-radius: 100%;
    outline: 0px;
    padding: 13px 14px;
    margin-bottom: 10px;
}

.btn-style-max-round:hover{
    opacity: 0.9;
}

.btn-style-max-round .fa {
    font-size: 30px;
    line-height: 30px;
    color: #fff;
}

.mt-10{
    margin-top: 10px;
}
.mb-10{
    margin-bottom: 10px;
}

.mt-20{
    margin-top: 20px;
}
.mb-20{
    margin-bottom: 20px;
}

.text-green{
    color: #00BB00;
}

.text-orange{
    color: #ff9700;
}

.btn-style-one:hover {
    opacity: 0.9;
    background-color: #13aeac;
    color: #fff;
    border: none;
}

.time-style-green:hover{
    background-color: #00BB00;
}

.time-style-orange:hover{
    background-color: #ff9700;
}

.code_show{
   color: #0a5be9;
   font-weight: 500;
}

.time-style-green{
    background-color: #00BB00;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #fff;
    border: none;
    border-radius: 5px;
    padding: 5px 23px 5px !important;
    line-height: 18px;
    min-width: 170px;
}
.btn-style-green{
    background-color: #00BB00;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #fff;
    border: none;
    border-radius: 5px;
    padding: 5px 23px 5px !important;
    line-height: 18px;
    min-width: 170px;
    min-height: 40px;
}

.btn-style-green:hover{
    background-color: #05d405;
}

.time-style-orange {
    background-color: #ff9700;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #fff;
    border: none;
    border-radius: 5px;
    padding: 5px 23px 5px !important;
    line-height: 18px;
    min-width: 170px;

}
.btn-style-orange{
    background-color: #ff9700;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #fff;
    border: none;
    border-radius: 5px;
    padding: 5px 23px 5px !important;
    line-height: 18px;
    min-width: 170px;
    min-height: 40px;
}
.btn-style-orange:hover{
    background-color: #fd9c0f;
}
               

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 2000 !important;
  top: 0;
  left: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidenav li{
    border-bottom: 1px solid #1f1f1f;

}

.sidenav a {
  padding: 12px 8px 12px 32px;
  text-decoration: none;
  font-size: 20px !important;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px !important;
  margin-left: 50px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}


.open_nav{
    cursor: pointer;
    width: fit-content;
}
.bar1, .bar2, .bar3 {
  width: 35px;
  height: 4px;      
  margin: 6px 0;
  transition: 0.4s;
}

.bar1{
  background-color: #00BB00;
} 
.bar2{
  background-color: #ff9700;
} 
.bar3{
  background-color: #00BB00;
}

/* Rotate first bar */
.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-9px, 6px) ;
  transform: rotate(-45deg) translate(-9px, 6px) ;
}

/* Fade out the second bar */
.change .bar2 {
  opacity: 0;
}

/* Rotate last bar */
.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-8px, -8px) ;
  transform: rotate(45deg) translate(-8px, -8px) ;
}


.btn-home-text-span{
    white-space: initial;
    font-size: 18px;
    position: absolute;
    left: 15px;
    bottom: 10px;
    float: left;
    line-height: 20px;
    text-align: left;
}


.btn-home{
    height: 130px;
    width: 100%;   
    border-radius: 14px;  
    font-size: 14px !important;
    font-weight: 600 !important;
    color : #fff;
    font-family: 'Montserrat', sans-serif;
        
}

.btn-home:hover, .btn-home:active, .btn-home:focus{
    
    font-size: 14px !important;
    font-weight: 600 !important;
    color : #fff;
            
}

.btn-green{
        background-color: #00BB00;
}

.btn-green:hover, .btn-green:focus, .btn-green:active{
        background-color: #05d405;
}

.btn-orange{
        background-color: #ff9700;
}


.btn-orange:hover, .btn-orange:focus, .btn-orange:active{
        background-color: #fd9c0f;
}

.btn-home-container{
       margin-top: 60px; 
}

.btn-home-container .col-md-6{
       padding: 2px;
}

.btn-inner-container{
       margin-top: 20px; 
}

.btn-inner-container .col-md-6{
       padding: 2px;
}


.btn-inner-container .contact-form.style-two .form-group{
     margin-bottom: 5px;
}

.btn-inner-container label{
    color: #00BB00;
    margin-bottom: 0px;
}


.btn-inner-container .contact-form input[type="text"], .contact-form input[type="email"], .contact-form select {

    border-radius: 0px;
    border: 2px solid #00BB00;
    line-height: 40px;
    padding: 2px 12px;
    height: 40px;

}


.sidenav ul{
    display: block;
}


.sidenav:media(min-width: 200) > .MyComponent {
  /* Overrides that only apply for medium container sizes */
  .sidenav ul{
      display: none;
  }
  
}

.user_welcome{

    float:right;
    padding-top:7px;
    color: #00BB00;
    font-size: 15px;
}

a.theme-btn{
    padding-top: 11px !important;
}

.theme-btn.btn-style-one.btn-style-green{
    padding: 5px 23px 5px !important;
}

.error_border{
    border: 2px solid #F44336 !important;
}

.detail_page .form-group label{
    font-size: 17px;
    min-width: 100px;
    color: #909090;
}
.detail_page .form-group{
    font-size: 16px;
    color: #0e33ff;
    font-weight: 600;
}

.reservation_button{
    cursor: pointer;
}

.number_desk{
    font-size: 17px;
    min-width: 100px;
    color: #ff9700;
}

.number_desk_value{
    font-size: 20px;
    min-width: 100px;
    color: #909090;
    border: 2px solid #ff9700;
}

#outputData{
    padding: 10px;
    font-size: 20px;
    text-align: center;
    border: 2px solid #ff9700;
}

.theme-btn.btn-style-one.btn-style-green.btn-one-line{
    padding: 11px 23px 5px !important;
}