/**** HTML TAGS ****/

dt { display:none; }
dd { display:inline;}

div > dt > label{display: inline-block; vertical-align: -moz-middle-with-baseline;}
div > dd {display: inline-block; vertical-align: -moz-middle-with-baseline;}

textarea, input {
    border-width:1px;
    border-style:solid;
    border-radius:4px;
    padding:3px;
    margin-top: 3px;
    margin-bottom: 3px;
}
select {
    padding:2px;
    margin-top: 3px;
    margin-bottom: 3px;
}
textarea:focus, input:focus {border-width:1px;border-style:solid;}
hr {
    border:0;
    background-color:grey;
    height:1px;
    opacity:0.8;
}

/**** CSS CLASSES ****/
.clean{margin:0;padding:0;}
.tabs{padding:4px;padding-left:10px;padding-right:10px;}
.arrow{padding:2px;}
.spacer{padding:2px;}
.button{padding:4px;}
.round {
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    padding:15px;
    padding-top:5px;
}
.noMargin{margin:0;}
.tdArrows{width:25%}
.tdArrowsCenter{width:50%}
.titlePadding{padding:2px;}
.spacerNames{height:6px;}
.tableClean{width:100%; border-collapse: collapse;}
.tdCleanName{width:35%;}
.tdCleanCost{width:15%;}
.tdGuestButtons{padding-bottom:5px;}
.td_padding {height: 10px;}
.separator {padding: 3px;}
.tableField {
    width: 30%;
    word-wrap: break-word;
}
.mandatory { padding: 5px; padding-bottom: 20px; }
.arrowLeft {
    padding:3px;
    border-width:1px;
    border-style:solid;
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
    box-shadow:1px 1px 2px black;
}
.firstTd {
    text-align: justify;
}
.firstTdPadd {
    padding-bottom: 10px;
}
.arrowLeft:hover {
    box-shadow:2px 2px 4px black;
}
.arrowRight {
    padding:3px;
    border-width:1px;
    border-style:solid;
    border-top-right-radius:5px;
    border-bottom-right-radius:5px;
    box-shadow:1px 1px 2px black;
}
.arrowRight:hover {
    box-shadow:2px 2px 4px black;
}
.ui-corner-all {
    font-size: 9pt;
}
.registerLabelTd {
    width: 35%;
    max-width: 50%;
    padding-right: 10px;
}
.hotelReservationNumber {
    padding: 2px;
    padding-left: 4px;
    padding-right: 4px;
    border-right: 0;
}
.hotelReservationButton {
    padding:2px;
}
.hotelReservationX {
    padding:2px;
}
.payerTable  {
    padding-top: 20px;
}
.buttonCss {    
	margin-top: 5px;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	display: inline-block;
	background-color: #154963;
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(10,46,65)),
		color-stop(0.84, rgb(29,90,121))
	);
	background-image: -moz-linear-gradient(
		center bottom,
		rgb(10,46,65) 0%,
		rgb(29,90,121) 84%
	);
	border: 1px solid #0a2e41;
	cursor: pointer;
	font-family: verdana;
    padding: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.buttonCss label {
	cursor: pointer;
    font-weight: bold;
}

/**** CSS CONTAINERS ****/

#formTable{width:750px;}
#tabsDiv{}
#formTd{padding:10px;}
#supportGuestDiv{margin:0;padding:0;}
#tableArrows{width:100%;}
#status_ok{padding-left:5px;}
#status_error{padding-left:5px;}
#modal_servicer{position:absolute;opacity:0.4;filter:alpha(opacity=40);}
#modal_activities{position:absolute;opacity:0.4;filter:alpha(opacity=40);}
#registration_total_div
{
    width: 120px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;    
    -webkit-border-top-left-radius: 15px;
    -webkit-border-top-right-radius: 15px;
    padding-top: 2px;
    margin-top: 5px;
}
#ui-datepicker-div{
 font-size:12px;
}
.observationsTd .obs dt { display: inline-block; }
 
 span.select2.select2-container.select2-container--default.select2-container--focus.select2-container--below{width: 100%;}
@media only screen and (max-width: 760px) {
 span.select2.select2-container.select2-container--default{width: 80vw !important;}
}