* {box-sizing: border-box;}

/* Button used to open the chat form - fixed at the bottom of the page */
.open-button {
 width: auto;
height: 38px;
background-color: #2c70fa !important;
color: #fff !important;
padding: 7px 20px;
font-size: 14px;
line-height: 24px;
display: block;
text-transform: uppercase;
text-align: center;
right: 0px;
bottom: 0px;
position: fixed !important;
z-index: 101;
transform-origin: left top 0;
transition: background-color .3s;
border: none;
border-radius: 0px !important;
font-family: "montserratregular",sans-serif !important;
letter-spacing: 2px !important;
}


.chat-popup .intro_text {
    ine-height: 1.5;
    padding-bottom: 25px;
    font-family: "montserratlight",sans-serif !important;
    font-size: 16px !important;
    color: #222328 !important;
    display: inline-block;
    width: 100%;
}

.chat-popup {
    display: none;
    position: fixed;
    bottom: 0;
 z-index: 9;
    top: 0px;
    z-index: 9999;
    border-top: 18px solid #FF0068;
    background: #fff;
    width: 600px;
    right: 0px;
}
.form-container {
    max-width: 100%;
    padding: 10px;
    background-color: white;
    padding: 0px 55px;
    display: inline-block;
    overflow: scroll;
	overflow-x:hidden;
    height: 100%;
}



.form-container label{float: left;
font-family: "montserratregular",sans-serif !important;
font-size: 15px !important;
color: #222328 !important;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom:15px;
}


.form-container textarea {
    width: 100%;
    padding: 15px;
    margin: 5px 0 22px 0;
    border: none;
   
    resize: none;
    min-height: 200px;
    height: 100px !important;
    border: 1px solid #d8d7d7 !important;
}

/* When the textarea gets focus, do something */
.form-container textarea:focus {
 background: #f1f1f1;
  outline: none;
}

/* Set a style for the submit/send button */
.form-container .btn {
  border:none;background:none;margin-top:10px;pointer:cursor;
}
.chat-popup .title {
    color: #222328 !important;
    font-family: "montserratbold",sans-serif !important;
    font-size: 25px !important;
    letter-spacing: 1px !important;
    line-height: 1;
    padding-bottom: 0px;
    margin-bottom: 0px;
    font-weight: 100;
    text-transform: uppercase;
}

.chat-popup input {
    border: 1px solid #d8d7d7;
    background: #fff;
    height: 37px !important;
    font-size: 14px !important;
    color: #000 !important;
    font-family: "montserratlight",sans-serif !important;
    text-align: left !important;
    font-weight: normal !important;
    padding: 0px 7px;
    width: 100%;
    margin-bottom: 20px;
}
.chat-popup .book_btn_form{letter-spacing: 2px !important;
font-size: 14px;
font-family: "montserratlight",sans-serif ;
padding: 15px 55px;
color: #fff !important;
font-weight: bold;
line-height: 1;
background: #2c70fa;
border: 0px none ;
text-transform: uppercase;
cursor: pointer;
height: auto;
width: auto;}

/* Add some hover effects to buttons */
.form-container .btn:hover, .open-button:hover {
  opacity: 1;
}.close-footer {
    border-radius: 0 0 2px 2px;
    background-color: #fff;
    padding: 4px 6px;
        padding-top: 4px;
        padding-right: 6px;
        padding-bottom: 4px;
        padding-left: 6px;
    height: 60px;
    width: 100%;
    text-align: right;
}

 .waiting-list-popup .textboxsection .texboxfirst {
    width: 48%;
    margin-right: 18px;float: left;
}
  .waiting-list-popup .waiting.button {
    width: 48%;
    letter-spacing: 1px;
    background: #FF0068;
    text-align: center !important;
    color: #fff !important;
    height: 42px !important;
    border: none;
    font-family: "montserratregular",sans-serif !important;
    font-size: 14px !important;
	text-transform:uppercase;
	border-radius:50px;
}
.waiting-list-popup .textboxsection .texboxlast {
      width: 48%;
    float: left;
    margin-bottom: 20px;
    vertical-align: text-top;
}
.close-footer button{    background: none;
    border: none;
}
.waiting-list-popup h3{color: #222328 !important;
font-family: "montserratbold",sans-serif !important;
font-size: 26px !important;
letter-spacing: 2px !important;
line-height: 1;
padding-bottom: 0px;
margin-bottom: 0px;
font-weight: 100;}
.waiting_List_form label{border:none !important;background:transparent !important;text-align:left;padding-left:0px;margin-top:0px;width:100%;}
.content-form{padding:0px 35px;}
.chat-popup input:-moz-placeholder
 {
	 color: #b1b1b1 !important;
    font-size: 13px;
}
.chat-popup input[type]::-webkit-input-placeholder,
.chat-popup textarea::-webkit-input-placeholder
{
    color: #b1b1b1 !important;
    font-size: 13px;
}

	.waiting_List_form label
	{margin-bottom: 5px;
float: left;
font-family: "montserratregular",sans-serif !important;
font-size: 15px !important;
color: #222328 !important;
letter-spacing: 1px;
text-transform: uppercase;}
@media (max-width: 767px) {
	.chat-popup{width:100%;padding-bottom:50px;overflow:scroll;}
	.chat-popup .form-container{padding:15px;}
	.chat-popup .book_btn_form {
    width: 100%;
    padding: 10px;
    text-align: center !important;
}.open-button{
width: 100%;}
.content-form{padding:0px 10px;}
.waiting_List_form label
	{margin-bottom: 5px;
float: left;
font-family: "montserratregular",sans-serif !important;
font-size: 15px !important;
color: #222328 !important;
letter-spacing: 1px;
text-transform: uppercase;}
	 .waiting-list-popup .textboxsection .texboxfirst {
	 width: 100%;}
	  .waiting-list-popup .textboxsection .texboxlast {
	 width: 100%;}
	 
	   .waiting-list-popup .waiting.button {
	   width: 100%;}
	   .modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 0px 10px 0px 10px;
    overflow: hidden;
}
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait){
	.waiting_List_form label
	{margin-bottom: 5px;
float: left;
font-family: "montserratregular",sans-serif !important;
font-size: 15px !important;
color: #222328 !important;
letter-spacing: 1px;
text-transform: uppercase;}
}
.dermsg{
	font-family: "montserratregular",sans-serif !important;
}
/*** iPhone and iOS Form Input Zoom Fixes ***/
/* Fix Input Zoom on devices older than iPhone 5: */
@media screen and (device-aspect-ratio: 2/3) {
.chat-popup input {font-size: 15px !important}

    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 15px; }
}

/* Fix Input Zoom on iPhone 5, 5C, 5S, iPod Touch 5g */
@media screen and (device-aspect-ratio: 40/71) {
.chat-popup input {font-size: 15px !important}

    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 15px; }
}

/* Fix Input Zoom on iPhone 6, iPhone 6s, iPhone 7  */
@media screen and (device-aspect-ratio: 375/667) {
.chat-popup input {font-size: 15px !important}

    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"], 
    input[type="tel"], input[type="url"]{ font-size: 15px; }
}

/* Fix Input Zoom on iPhone 6 Plus, iPhone 6s Plus, iPhone 7 Plus, iPhone 8, iPhone X, XS, XS Max  */
@media screen and (device-aspect-ratio: 9/16) {
.chat-popup input {font-size: 15px !important}
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="tel"], input[type="url"]{ font-size: 15px; }
}