/**
 * @component     CG Résa
 * Version			: 2.2.3
 * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
 * @copyright (c) 2022 ConseilGouz. All Rights Reserved.
 * @author ConseilGouz 
**/
#ui-datepicker-div {z-index: 10 !important} /* 1.0.10 : conflict TimePicker/DatePicker CSS */
.ui-datepicker-calendar .ui-state-highlight {background: #fffa90 !important;}
.ui-widget.ui-widget-content{z-index: 10 !important}
.ui-datepicker-trigger {width: 30px}
.field-calendar img {margin: 2px 1px 5px 0 !important;}
.cgresaform label {float:left;width:12rem}
@media screen and (min-width: 767px) {
	.form-horizontal .cgresaform .controls {margin-left: 13rem;}
	.form-horizontal .cgresaform .control-label {width: 13rem;text-align: right;}
}
@media screen and (max-width: 767px) {
	.form-horizontal .cgresaform .controls {margin-left:0;}
}
.cgresaform select, .cgresaform textarea, .cgresaform input[type="text"],.cgresaform input[type="number"],.cgresaform input[type="email"],.cgresaform input[type="tel"],.cgresaform .inputbox,.cgresaform .input-group {font-size:1rem;width:14rem}
.closed {background-color:red;pointer-events:auto}
.events {background-color:green;pointer-events:auto}

#cg_resa_privacy_text{
	display:block;opacity: 0;position: fixed; 
	left:2vw;right:2vw;top: 40vh;
	border:1px solid black;
	background-color:lightgrey;
	z-index:99999;padding:1vh;
	transform: rotateX(90deg);
   -moz-transform: rotateX(90deg);
   -webkit-transform: rotateX(90deg);
}
#cg_resa_privacy_text.cg_show {
	opacity: 1;
   transition: opacity 1s linear,transform 1s;
   -moz-transition: opacity 1s linear, -moz-transform 1s;
   -webkit-transition: opacity 1s linear, -webkit-transform 1s;
   transform: rotateX(0deg);
   -moz-transform: rotateX(0deg);
   -webkit-transform: rotateX(0deg);
}
#cg_resa_privacy {float:right; font-size:0.7rem}
.cgresaverif #jform_montant-lbl {width:10rem;margin-top:1rem}
.cgresaverif #jform_montant{width:auto}
.cg_resa_cancel_pay {margin-top:1em}
.cg_resa_payage {display: inline-block;
    background-color: #f1f1f1;
    border: 1px solid gray;
    margin: 5px;
    padding: 5px;
    max-width: 300px;
    border-radius: 3px;
    vertical-align: top;
}
.cg_resa_payage_txt {clear:both;float:left;}
.cg_resa_payage img{float:right}
.cg_clear {clear:both}