@import "jquery-ui-1.13.2/jquery-ui.css";
/*.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
  border: 1px solid #772025;
  background: #772025;
  font-weight: normal;
  color: #fff;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: normal;
  color: #454545;
}*/
iframe body{
	padding: 0;
	margin: 0;
}
.rpswg-contact-us *{
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
.rpswg-contact-us .themesflat-container .tablemargin{
	margin-top: 12px;
}
.rpswg-contact-us .themesflat-container{
	width: 100%;
	margin: auto;
}
.rpswg-contact-us .themesflat-container .row{
	  display: flex;
	  flex-flow: wrap;
	  flex-direction: row;
	  margin: 12px 0;
	  box-sizing: border-box;
}
.rpswg-contact-us .themesflat-container .row .col-lg-12{
	flex: 100%;
	padding: 6px 20px;
	box-sizing: border-box;
}
.rpswg-contact-us .themesflat-container .row .col-lg-6{
	flex: 50%;
	padding: 6px 20px;
	box-sizing: border-box;
}
.rpswg-contact-us .themesflat-container .row .col-lg-4{
	flex: 33%;
	padding: 6px 20px;
	box-sizing: border-box;
}
.rpswg-contact-us .themesflat-container .row .col-lg-3{
/*	flex: 25%;*/
	padding: 6px 20px;
	box-sizing: border-box;
}
.rpswg-contact-us .themesflat-container .personalCategory .row .col-lg-3{
	flex: 25%;
}

@media (width <= 800px) {
	.rpswg-contact-us .themesflat-container .row{
		flex-direction: column;
	}
}
.rpswg-contact-us .title{
	font-size: 1.4rem;
	font-weight: 600;
	margin-bottom: 12px;
}
.rpswg-contact-us .title2{
	font-size: 1.1rem;
	font-weight: 600;
	margin-bottom: 12px;
}
.rpswg-contact-us p{
	font-size: 1.1rem;
}
.rpswg-contact-us textarea.style-2, .rpswg-contact-us input[type="text"].style-2, .rpswg-contact-us input[type="password"].style-2, .rpswg-contact-us input[type="datetime"].style-2, .rpswg-contact-us input[type="datetime-local"].style-2, .rpswg-contact-us input[type="date"].style-2, .rpswg-contact-us input[type="month"].style-2, .rpswg-contact-us input[type="time"].style-2, .rpswg-contact-us input[type="week"].style-2, .rpswg-contact-us input[type="number"].style-2, .rpswg-contact-us input[type="email"].style-2, .rpswg-contact-us input[type="url"].style-2, .rpswg-contact-us input[type="search"].style-2, .rpswg-contact-us input[type="tel"].style-2, .rpswg-contact-us input[type="color"].style-2 {
	  background: #f5f5fa;
	  color: #171412;
	  border: 1px solid #e4e4e4;
	}

.rpswg-contact-us textarea, .rpswg-contact-us input[type="text"], .rpswg-contact-us input[type="password"], .rpswg-contact-us input[type="datetime"], .rpswg-contact-us input[type="datetime-local"], .rpswg-contact-us input[type="date"], .rpswg-contact-us input[type="month"], .rpswg-contact-us input[type="time"], .rpswg-contact-us input[type="week"], .rpswg-contact-us input[type="number"], .rpswg-contact-us input[type="email"], .rpswg-contact-us input[type="url"], .rpswg-contact-us input[type="search"], .rpswg-contact-us input[type="tel"], .rpswg-contact-us input[type="color"] {
	  border: none;
	  outline: 0;
	  -webkit-box-shadow: none;
	  -moz-box-shadow: none;
	  box-shadow: none;
	  border-radius: 5px;
	  padding: 15px;
	  width: 100%;
	  height: 50px;
	  background: #fff;
	  font-size: 16px;
	  font-weight: 400;
	  line-height: 29px;
	  font-family: 'CerebriSans';
	  color: #171412;
	  overflow: hidden;
}

.rpswg-contact-us input[type=checkbox]{
  accent-color: #393b40;
}

.rpswg-contact-us form textarea {
  height: 174px !important;
}

.rpswg-contact-us form button.style-submit {
  font-weight: 600;
  letter-spacing: 2.2px;
  cursor: pointer;
}

.rpswg-contact-us .button-style-1:hover {
  background-color: #F0F7FF;
  border: 1px solid #000;
  transition: all .5s;
}

.rpswg-contact-us .button-style-1 {
  width: max-content;
  height: 50px;
  background-color: #f5f5fa;
  color: #000;
  font-size: 15px;
  letter-spacing: 2.5px;
  padding: 0 38px 0 40px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: -10px -10px 30px 0 #fff,10px 10px 30px 0 #1d0dca17;
}

.rpswg-contact-us #txt_dateDebut{
	width: 100%;
}
.rpswg-contact-us #posttimediv{
    height: 280px;
    width: 100%;
    padding: 6px 6px 20px 6px;
    margin-top: 6px;
    border: 1px solid #cdcdcd;
    border-radius: 6px;
    overflow: hidden;
    overflow-y: auto;
	  scrollbar-color: #c7c7dc #768083;
  	scrollbar-width: thin;
}
.rpswg-contact-us div.ui-datepicker{
    width: 100%;
    font-size:24px;
}
.rpswg-contact-us .slotdate{
    font-size: 24px;
    margin-bottom: 12px;
}
.rpswg-contact-us .slots, .rpswg-contact-us .text23{
    font-size: 20px;
    font-weight: 400;
}
.rpswg-contact-us .slots ul{
	padding-left: 0px;
	column-gap: 7%;
	row-gap: 12px;
	justify-content: start;
}
.rpswg-contact-us .slots li.col-lg-3, .rpswg-contact-us .slots li.col-lg-4, .rpswg-contact-us .slots li.col-lg-6{
/*	flex: 33% !important;*/
  list-style: none;
	font-size: 1.1rem;
	color: font-size: 14px;
  background: #f5f5fa;
  border: 1px solid #cfdae0;
  border-radius: 8px;
  box-shadow: -10px -10px 30px 0 #fff,10px 10px 30px 0 #1d0dca17;
  box-sizing: border-box;
  cursor: pointer;
  font-size: 1.1rem;
  line-height: 2.5rem;
  padding: 0 2px !important;
  transition: .2s;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  white-space: pre;
  width: max-content;
  word-break: normal;
  word-spacing: normal;
  text-align: center;
}
.rpswg-contact-us .slotdate{
/*	flex: 33% !important;*/
  list-style: none;
	font-size: 1.1rem;
	color: font-size: 14px;
  background: #f5f5fa;
  border: 1px solid #cfdae0;
  border-radius: 8px;
  box-shadow: -10px -10px 30px 0 #fff,10px 10px 30px 0 #1d0dca17;
  box-sizing: border-box;
  cursor: pointer;
  font-size: 1.1rem;
  line-height: 2.5rem;
  padding: 0 2px !important;
  transition: .2s;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  white-space: pre;
  width: 100%;
  word-break: normal;
  word-spacing: normal;
  text-align: center;
}
.rpswg-contact-us .slots li.col-lg-3 label{
		display:block;
    width:144px;
/*    height:100px;*/
		padding: 10px 14px;
    cursor: pointer;
    line-height: 26px;
    text-align: center;
  }
.rpswg-contact-us .slots li.col-lg-3 label input{
	margin-right: 6px;
}
.rpswg-contact-us .personalCategory label{
  background: #f5f5fa;
  border: 1px solid #cfdae0;
  border-radius: 8px;
  box-shadow: -10px -10px 30px 0 #fff,10px 10px 30px 0 #1d0dca17;
  box-sizing: border-box;
  cursor: pointer;
  font-size: 1rem;
  line-height: 0rem;
  padding: 15px;
  transition: .2s;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  white-space: ;
  width: stretch;
  word-break: normal;
  word-spacing: normal;
  display: block;
}
.rpswg-contact-us .personalCategory label img{
	vertical-align: middle;
	padding-left: 20px;
}
.rpswg-contact-us .personalCategory label:hover, .rpswg-contact-us .slots li.col-lg-3:hover {
	border: 1px solid #000;
  background: #f8f8ff;
  box-shadow: -15px -15px 30px 0 #fff, 15px 15px 30px 0 #1d0dca17;
}


.rpswg-contact-us .personalCategory label input{
	margin-right: 6px;
}
.rpswg-contact-us .slots li.col-lg-3:hover{
	border: 1px solid #000;
}
.checkboxborder{
	color: #000;
  border: 1px solid #000 !important;
  background-color: #f3f0f0;
}
.rpswg-contact-us .bookingloder{
	display: none;
	position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.rpswg-contact-us .submitloder{
	display: none;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: #fff;
}
.rpswg-contact-us .submitloder .submitimgloder{
	position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);	
}
.rpswg-contact-us .personbooking .divSelectTime{
	opacity: 0;
}
.rpswg-contact-us .personbooking, .rpswg-contact-us .persondetail, .rpswg-contact-us .personmessage, .rpswg-contact-us .submitconfirm, .rpswg-contact-us .submitfail{
	display: none;
}
.rpswg-contact-us .personalCategory, .rpswg-contact-us .personbooking,  .rpswg-contact-us .persondetail, .rpswg-contact-us .personmessage{
	background-color: #F6F9FC;
  border-bottom: 1px solid #c9c9c9;
  border-top: 1px solid #c9c9c9;
  padding: 10px 0
}
.rpswg-contact-us .submitconfirm{
	background-color: #F9F9F9;
	border-bottom: 1px solid green;
	border-top: 1px solid green;
	text-align: center;
	color: green;
}
.rpswg-contact-us .submitconfirm .bookingdetails{
	display: flex;
	flex-flow: wrap;
	margin-top: 20px;
}
.rpswg-contact-us .submitconfirm .bookingdetails p{
	flex: 50%;
	padding: 16px;
	color: #000;
	border: 1px solid #eaeaea;
}
.rpswg-contact-us .submitfail{
	background-color: #F9F9F9;
	border-bottom: 1px solid red;
	border-top: 1px solid red;
	text-align: center;
	color: darkred;
}
.rpswg-contact-us .buttonsdiv{
	display: flex;
	justify-content: flex-end;
	gap: 20px;
	border-top: 1px solid #e6e9ec;
  margin-top: 30px;
  padding-top: 30px;
}
.rpswg-contact-us #posttimediv .slots li .form-checkbox{
/*	display: none;*/
}
/*********Date Calander Change*****************/
.ui-widget-header {
  border: 1px solid #cfdae0;
  background: #f5f5fa;
}
.ui-state-default, .ui-widget-content .ui-state-default{
	border: 1px solid #c5c5c5;
  background: #f5f5fa;
}
.ui-state-active, .ui-widget-content .ui-state-active{
  border: 1px solid #003eff;
  background: #393b40;
  font-weight: normal;
  color: #ffffff;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620;
}