html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	overflow: hidden;
}

/* SweetAlert2 le pone `swal2-height-auto` al body mientras hay un modal abierto,
   pisando el `height: 100%` de arriba: todo el layout (dhtmlXSideBar, dhtmlXLayout)
   se dimensiona contra esa altura y colapsa, dejando la pantalla en blanco detrás
   del modal. El `html` adelante sube la especificidad por encima de la hoja que
   SweetAlert2 inyecta en tiempo de ejecución con el mismo selector. */
html body.swal2-height-auto {
	height: 100% !important;
}

.error{
	background-color:red;
}
.error .dhx_message__text {
	color: #FFF;
}
.info .dhx_message__text {
	color: #FFF;
}
.info {
	background-color:green;
}
.digito {
	color: #000;
	vertical-align: middle;
	text-align: center;
	font-size: 25px;
	padding: 30px;
	background-color:white;
}
.digito:active {
	color: #FFF;
	background-color:#032966;
	vertical-align: middle;
	text-align: center;
	font-size: 25px;
	padding: 30px;
}
			
.timeline_item_separator,
.timeline_item_cell {
  vertical-align:top;
  height: 100% !important;
  display:inline-block;
  line-height: 50px;
  vertical-align:top;
}

.dhx_cal_container #room_filter:focus{
	outline: 1px solid #52daff;
}

.timeline-cell-inner {
	height: 100%;
	width: 100%;
	table-layout: fixed;
}

.timeline-cell-inner td {
	border-left: 1px solid #cecece;
}

.dhx_section_time select {
	display: none;
}

.timeline_weekend {
	background-color: #FFF9C4;
}

.timeline_item_cell {
	width: 32%;
    font-size: 14px;
    text-align: center;
}

.room_status {
	position: relative;
}

.timeline_item_separator {
	background-color: #CECECE;
    width: 1px;
    height: 100% !important;
}

.dhx_matrix_scell{
	text-align:left;
  }

.room_status_indicator {
	position: absolute;
	background-color: red;
	left: 0;
	top: 0;
	right: 95%;
	bottom: 0;
}

.dhx_cal_event_line {
	background-color: #FFB74D !important;
}

/* Colores para los indicadores de los estados del cuarto*/
.room_status_indicator_0 {
	background-color: #2bff00d2;
}

.room_status_indicator_1 {
	background-color: blue;
}

.room_status_indicator_2 {
	background-color: green;
}

.room_status_indicator_3 {
	background-color: red;
}

.room_status_indicator_4 {
	background-color: red;
}

.room_status_indicator_5 {
	background-color: salmon;
}

.room_status_indicator_6 {
	background-color: rosybrown;
}

.room_status_indicator_7 {
	background-color: #40C4FF;
}

.room_status_indicator_8 {
	background-color: grey;
}

.room_status_indicator_9 {
	background-color: black;
}

.room_status_indicator_10 {
	background-color: khaki;
}

.room_status_indicator_11 {
	background-color: #52daff;
}
.room_status_indicator_12 {
	background-color: yellow;
}

/*.event_1 {
	background-color: #FFB74D !important;
}

.event_2 {
	background-color: #9CCC65 !important;
}

.event_3 {
	background-color: #40C4FF !important;
}

.event_4 {
	background-color: #08F313 !important;
}

.event_7 {
	background-color: #543505 !important;
}*/

/* Colores para los eventos de Check-In Check-Out (menu contextual 2)*/
.event_1 {
	background-color: #9CCC65 !important;
}

.event_2 {
	background-color: #BDBDBD !important;
}

/* Colores para los cuadros del menu contextual 1 */
.cambioToallas{
	color: #2bff00d2 !important;
}

.bookingVip{
	color: blue !important;
}

.svLimProf{
	color: green !important;
}

.sqLim{
	color: red !important;
}

.expediaVIP{
	color: red !important;
}

.hotelBed{
	color: salmon !important;
}

.enMant{
	color: rosybrown !important;
}

.disponible{
	color: #40C4FF !important;
}

.coopSenc{
	color: grey !important;
}

.coopVip{
	color: black !important;
}

.grupEco{
	color: khaki !important;
}

.limpFoc{
	color: #52daff !important;
}

.walk{
	color: yellow !important;
}

.booking_status, .booking_paid {
	position: absolute;
	right: 5px;
}

.booking_status {
	top: 2px;
}

.booking_paid {
	bottom: 2px;
}

.dhx_cal_event_line:hover .booking-option {
	background: none !important;
}

.dhx_cal_header .dhx_scale_bar {
	line-height: 26px;
	color: black;
}

.dhx_section_time select {
	display: none
}

.dhx_mini_calendar .dhx_year_week,
.dhx_mini_calendar .dhx_scale_bar {
	height: 30px !important;
}

.dhx_cal_light_wide .dhx_section_time {
	text-align: left;
}

.dhx_cal_light_wide .dhx_section_time > input:first-child {
	margin-left: 10px;
}

.dhx_cal_light_wide .dhx_section_time input {
	border: 1px solid #aeaeae;
	padding-left: 5px;
}

.dhx_cal_light_wide .dhx_readonly {
	padding: 3px;
}

.collection_label .timeline_item_cell {
	line-height: 60px;
}

.dhx_cal_radio label, .dhx_cal_radio input {
	vertical-align: middle;
}

.dhx_cal_radio input {
	margin-left: 10px;
	margin-right: 2px;
}

.dhx_cal_radio input:first-child {
	margin-left: 5px;
}

.dhx_cal_radio {
	line-height: 19px;
}

.dhtmlXTooltip.tooltip {
	color: #4d4d4d;
	font-size: 15px;
	line-height: 140%;
}

.dhtmlx-correcto {
	color: #fff;
}

.dhtmlx-correcto div {
	background-color: #008000;
}

.dhtmlx-warning div {
	background-color: #e3fd4d;
}

.dhx_delete_btn_set{
    background-color:#F44336;
    color:#FFF;
    border-color:#FFF;
}

.btnReimprimir_set{
    background-color:#08F313;
    color:#FFF;
    border-color:#FFF;
}

#formLogin{
	padding: 0px !important;
}

.swal2-container,
.swal2-popup {
    font-family: "Roboto", "Segoe UI", Arial, sans-serif;
}
