.page-content{background: #4C0BCE;overflow:auto;height:calc(100vh - 50px);}
.page-title{}

small, .small{font-size:0.7rem;}
small-2, .small-2{font-size:0.8rem;}

.griss{background:#F3F3F3;}
.gris{background:#F3F3F3;}

a{color:#000;}
a:hover{background:#F1F1F1;}
body{ovkerflow:hidden;}
header{height:45px;}

.clear{clear:both !important;}

.nav-menu{background:#4C0BCE;color:#fff;}
.nav-menu .group{display:block !important;width:100%;}
.nav-menu .item{text-transform:uppercase;font-weight:bold;font-size:10pt;}
.nav-menu .item:hover {-webkit-transform:scale(1.05);transform:scale(1.05);}
.nav-menu .item i{font-size:20pt;opacity:0.5;}
.nav-menu .active {border:4px solid #fff;}

.navv{background:#4C0BCE;color:#fff;}
.navv .group{display:block !important;width:100%;}
.navv .item{display:block !important;width:45%;text-transform:uppercase;font-weight:bold;font-size:10pt;}
.navv .item:hover {-webkit-transform:scale(1.05);transform:scale(1.05);}
.navv .item i{font-size:20pt;opacity:0.5;}

.nav-container .item{width:130px;text-transform:uppercase;font-weight:bold;font-size:10pt;}
.nav-container .item:hover {-webkit-transform:scale(1.05);transform:scale(1.05);}
.nav-container .item i{font-size:20pt;opacity:0.5;}

#LoadingLista{min-height:60vh;}

.main{overflow-y:auto;}
.main *.table, .main *.card, .main *.table-group{
	/*--bs-text-opacity: 1;
	color: rgba(0, 0, 0, 0.5) !important;*/
}
.main #PanelLista{min-height:200px;}
.main .search{width:250px;}

.table-group{font-size: 0.9rem;}
.table-group .table-item{}
.table-group .table-item .table-menu{}

.table-data{min-height:calc(100vh - 150px);}

/*.table-responsive{min-height:500px;}*/

.dropdown-dots{font-size:1.3em;}
.dropdown-dots::after, .dropdown-dots::before{content:"";border:0px !important;margin:0px;padding:0px;}

/*TABLE*/
/*table{width:100%;min-width:600px;}
table th{font-weight: bold;}
table th, table td{
	display: table-cell;
	padding: 16px;
	font-size: 0.9rem;
	text-align: left;
	font-family: "Roboto", "Helvetica", "Arial", sans-serif;
	line-height: 1.43;
	border-bottom: 1px solid rgba(224, 224, 224, 1);
	letter-spacing: 0.01071em;
	vertical-align: inherit;
}*/


/* MODIFANDO BOOSTRATP */
/*.form-control:hover, .form-select:hover{border:1px solid #334FBA !important;}*/
.form-control:focus, .form-select:focus {box-shadow: none !important;}

.form-floating {
  position: relative;
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
	height: calc(2.5rem + 2px);
	/*line-height: 1;*/
	border:2px solid #C4C4C4;
}
.form-floating > label {
	color:#777;
	border:0px solid #000 !important;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0.6rem 0.75rem;
	overflow: hidden;
	text-align: start;
	text-overflow: ellipsis;
	white-space: nowrap;
	pointer-events: none;
	transform-origin: 0 0;
	transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
	text-transform:uppercase;
}
@media (prefers-reduced-motion: reduce) {
  .form-floating > label {
    transition: none;
  }
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext {
  padding: 0.25rem 0.5rem;
}
.form-floating > .form-control::placeholder,
.form-floating > .form-control-plaintext::placeholder {
  color: transparent;
}
.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown),
.form-floating > .form-control-plaintext:focus,
.form-floating > .form-control-plaintext:not(:placeholder-shown) {
  padding: 0.25rem 0.5rem;
  border: 1px solid #000;
}
.form-floating > .form-control:-webkit-autofill,
.form-floating > .form-control-plaintext:-webkit-autofill {
  padding: 0.25rem 0.5rem;
}
.form-floating > .form-select {
  padding: 0.25rem 0.5rem;
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-select ~ label {
	color:#777 !important;
	background:transparent;
	opacity: 1;
	padding:1px 5px;
	width:auto;
	height:auto;
	transform: scale(0.85) translateY(-0.8rem) translateX(0.4rem);
	text-shadow: 0px 0px 2px #fff;
}
.form-floating > .form-control:focus ~ label:before,
.form-floating > .form-control:not(:placeholder-shown) ~ label:before,
.form-floating > .form-control-plaintext ~ label:before,
.form-floating > .form-select ~ label:before {
    content: "";
	position: absolute;
	border-top: 2px solid #fff;
	width:100%;
	left:-1px;
	top:12px;
	z-index:-1;
}
.form-floating > .form-select ~ label:before {
	border-top: 4px solid #fff;
}

.form-floating > .form-control:-webkit-autofill ~ label {
	opacity: 1;
	padding:1px 5px;
	width:auto;
	height:auto;
	transform: scale(0.85) translateY(-1rem) translateX(0.15rem);
}
.form-floating > .form-control-plaintext ~ label {
  border-width: 1px 0;
}

/*MOODIFICANDO SELECT2*/
.label-select2{
	background: #fff;
	top:-6px;
	left:20px;
	padding: 0px 4px;
	color: #A5A5A5;
	font-size: 0.8em;
	font-weight:bold;
}

.select2-container{padding:0px !important;}
.select2-selection--single{
	padding-top:1px;
	display: block !important;
	width: 100%;
	height:31px !important;
	font-size: 0.875rem !important;
	color: #212529;
	background-color: #fff;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right 0.75rem center;
	background-size: 16px 12px;
	border: 1px solid #CED4DA !important;
	border-radius: 0.25rem;
}
.select2-selection--single .select2-selection__rendered{}
.select2-selection--single .select2-selection__arrow{display:none !important;}

textarea{padding:10px !important;line-height:normal !important;}

.facturador{}
.facturador a i{font-size:50px;padding:10px;}


/*directiva operacion-ruc-dni*/
.operacion-ruc-dni .ayuda{font-size:0.8em;}
.operacion-ruc-dni .razon-social-nombre{
	background: #fff;
	margin:1px 4px 2px 1px;
	padding:3px 1px;
	width:calc(100% - 2px) !important;
	font-size:0.8em;
}
.cliente-proveedor-lista{
	position:absolute;
	top:100%;
	z-index:1;
}


.buscar-razon-social-nombre{
	position:absolute;
	left:0px;
	top:100%;
	z-index:10000;
}



.producto-lista{
	position:absolute;
	bottom:0px;
}
.producto-lista .producto-item{cursor:pointer;}
.producto-lista .producto-item:hover{background:#ddd;}
.producto-lista .producto-item .precio{height:70px; overflow:auto;}
.producto-lista .producto-item .div_cantidad{position:relative;}
.producto-lista .producto-item .div_cantidad .cantidad .mas{display:none;position:absolute;bottom:0px;left: -18.5rem;z-index:10000;}
.producto-lista .producto-item .div_cantidad .cantidad:hover .mas{display:block;}


/*modificaciones para la version 2*/
.table-operacion-detalle .correlativo{width:20px;vertical-align:middle;}
.table-operacion-detalle .cantidad{width:130px !important;}
.table-operacion-detalle .moneda{width:73px !important;}
.table-operacion-detalle .opc{width:70px !important;}
.table-operacion-detalle tr:hover input{background:#F8F9FA;}
.table-operacion-detalle th, .table-operacion-detalle td{
	font-size: 0.9rem;
	font-family: "Roboto", "Helvetica", "Arial", sans-serif;
	line-height: 1.43;
}



/* ============================================================================================================= */
/* ============================================================================================================= */
/* ============================================================================================================= */

/*-----------------------------HOTEL*/
/*HABITACION RESERVA*/
.clear{clear:both;}
.habitacion{}
.habitacion-reserva{
	border:1px solid #ccc;
	padding:2px;
	margin:4px;
	width:170px;
	min-height:125px;
	position:relative !important;
	color:#000 !important;
	float:left;
	font-size:0.9em !important;
}
.habitacion-reserva .nombre{
	display:block;
	text-align:right !important;
	padding:4px;
}
.habitacion-reserva .nombre .tipo{
	float:left !important;
	font-weight:bold !important;
	color:#DE3442;
}
.habitacion-reserva hr{
	margin:3px;
}

.habitacion-reserva .detalle .razon{
	display:block !important;
	width:100% !important;
	height:15px !important;
	font-size:9px;
	font-weight:bold;
}
.habitacion-reserva .detalle i,.habitacion-reserva .detalle div{
	float:left;
}

.habitacion-reserva .detalle .datos{
	font-size:9px;
	margin:0px;
	line-height:1.4em;
}
.habitacion-reserva .boton{
	position:absolute;
	bottom:0px;
	left:0px;
	color:#000 !important;
	border:0px !important;
}

.habitacion-reserva .bed-icono{
	/*background:#FFC300;*/
	background:#8cf784 !important;
}
.habitacion-reserva .bed{
	margin:3px 3px 0px 0px;
	padding:5px;
	font-size:25px;
	background:#00CBDE;
	color:#fff;
	border-radius:3px;
}

.habitacion-reserva .bed-ocupado{
	background:#f66868;
	border:0px !important;
}
.habitacion-reserva .bed-libre{
	/*background:#FFC300;*/
	background:#8cf784;
	border:0px !important;
}
.habitacion-reserva .bed-mantenimiento{
	color:#fff;
	background:#b2b1b1;
}
.habitacion-reserva .bed-finalizado{
	color:#000;
	background:#fff;
}



/* ------------------------------------------ GANNT*/

.gantt{width:100%;position:relative !important;}
.gantt .bloque-habitacion{float:left;width:160px;}
.gantt .bloque-reserva{float:left;width:calc(100% - 160px);overflow-x:scroll;overflow-y:hidden;}
.gantt .gantt-row{
	height:40px;
	background:#fff;
	display: -webkit-inline-flex;
	-webkit-flex-direction: row;

	display: inline-flex;
	flex-direction: row;
	position:relative;
}
.gantt .gantt-row-sep{
	height:15px;
	background:#fff;
	display: -webkit-inline-flex;
	-webkit-flex-direction: row;

	display: inline-flex;
	flex-direction: row;
	position:relative;
}
.gantt .gantt-row:hover,.gantt .gantt-row-sep:hover{
	background:#eee;
}

.gantt .gantt-celda{
	width:100px;
	border:1px solid #ccc;
	border-bottom-width:0px;
	border-left-width:0px;
}
.gantt .gantt-fecha{background:#f29041;position:relative !important;font-family:"arial" !important;font-weight:normal;color:#fff;}
.gantt .gantt-fecha .nombre_dia, .gantt .gantt-fecha .numero_dia, .gantt .gantt-fecha .nombre_mes{position:absolute;width:100%;}
.gantt .gantt-fecha .nombre_dia{text-align:center !important;top:-4px;font-size:9px;}
.gantt .gantt-fecha .numero_dia{top:7px;font-size:15px;text-align:center !important;}
.gantt .gantt-fecha .nombre_mes{text-align:center !important;bottom:-1px;font-size:9px;}
.gantt .fecha-seleccionada{border:1px solid #8f8f8f;}
.gantt .fecha-seleccionada2{background:#eee;}

.gantt .gantt-habitacion{background:#f29041;text-align:center;padding-top:8px;width:80px;color:#fff;}
.gantt .gantt-estado{text-align:center;padding-top:10px;font-size:8px;width:80px;}

.gantt .reserva{
	cursor:pointer;
	position:absolute !important;
	top:3px;
	height:35px;
	color:#fff;
	font-size:9px;
}
.gantt .reserva:after{
	content:"";
	position:absolute;
	top:0px;
	left:-20px;
	border-left: 20px solid transparent;
    border-right: 0px solid transparent;
}
.gantt .reserva:before{
	content:"";
	position:absolute;
	top:0px;
	left:100%;
	border-left: 0px solid transparent;
    border-right: 20px solid transparent;
}

.gantt .reserva-no-pagado{background:#ddd;}
.gantt .reserva-no-pagado:after{border-bottom: 35px solid #ddd;}
.gantt .reserva-no-pagado:before{border-top: 35px solid #ddd;}
.gantt .reserva-pagado{background:#f00;color:#fff !important;}
.gantt .reserva-pagado:after{border-bottom: 35px solid #f00;}
.gantt .reserva-pagado:before{border-top: 35px solid #f00;}

/*.gantt .reserva2{}
.gantt .reserva2:before{content:"";position:absolute;top:0px; left:100%;
	border-left: 0px solid transparent;
    border-right: 20px solid transparent;
    border-top: 35px solid #ddd;
}*/

.gantt .reserva .color-cliente-seleccionado{
	height:5px !important;position:absolute !important;
	top:0px;
	left:2px;
	width:calc(100% + 16px);
	transform: skew(-28deg);
	border:1px solid #b356b3;
	background:transparent !important;
	-webkit-box-shadow: 0px 0px 4px 2px rgba(179,86,179,1);
	-moz-box-shadow: 0px 0px 4px 2px rgba(179,86,179,1);
	box-shadow: 0px 0px 4px 2px rgba(179,86,179,1);
	z-index:4;
}
.gantt .reserva .seleccion2{border-radius:0px 10px 10px 0px;}
/*.gantt .reserva:after{content: ''; position: absolute; top: 0; left: 0; border-top: 5px solid white; border-right: 5px solid transparent; width: 0;}*/
.gantt .reserva .color-cliente{height:5px !important;position:absolute !important;top:0px;left:-1px;width:calc(100% + 19px);transform: skew(-28deg);z-index:5;}
.gantt .reserva .inmovil{height:2px !important;position:absolute !important;bottom:0px;left:-19px;width:calc(100% + 19px);transform: skew(-28deg);z-index:5;}
.gantt .reserva .color-cliente2{left:0px;width:calc(100% + 16px);}
.gantt .reserva .datos-cliente{color:#000 !important;height:calc(100%-5px);text-align:left;padding:5px;z-index:8;}
.gantt .reserva .reserva-menu{z-index:50 !important;}

/*estado de pago*/
.gantt .reserva .grupo-estado{width:2px;}
.gantt .reserva .grupo-estado *{display:block;}

.gantt .reserva .pagado{position:absolute;right:2px;bottom:2px;width:4px;height:4px;background:#DE3442;border-radius:5px;}

.gantt .reserva .dropdown-menu{
	font-size:1.3em !important;
	border:5px solid #000;
	z-index:105500;
}

.popover__wrapper {
  display: inline-block;
  position:absolute;
}

.popover__content_down {
	left:0px;
	top:45px;
	display:none;
	_opacity: 0;
	_visibility: hidden;
	position: absolute !important;
	background-color: #ccc;
	padding:8px;
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.26);
	color:#000 !important;
	border-radius:10px;
	z-index:100;
}
.popover__content_down:before {
	position: absolute;
	z-index: -1;
	content: "";
	top:-10px;
	left: 15px;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent #ccc transparent;
	transition-duration: 0.3s;
	transition-property: transform;
}
/*
.popover__content_down {
	left:0;
	top:45px;
	_opacity: 0;
	_visibility: hidden;
	position: absolute;
	background-color: #ccc;
	padding:8px;
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.26);
	color:#000 !important;
	border-radius:10px;
}

.popover__content_down:before {
	position: absolute;
	z-index: -1;
	content: "";
	top:-10px;
	left: 15px;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent #ccc transparent;
	transition-duration: 0.3s;
	transition-property: transform;
}*/
.popover__content_up {
	left:0;
	top:-200px;
	display:block;
	_opacity: 0;
	_visibility: hidden;
	position: absolute;
	background-color: #ccc;
	padding:8px;
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.26);
	color:#000 !important;
	border-radius:10px;
}
.popover__content_up:before {
	position: absolute;
	z-index: -1;
	content: "";
	top:100%;
	left: 15px;
	border-style: solid;
	border-width: 10px 10px 0px 10px;
	border-color: #ccc transparent transparent transparent;
	transition-duration: 0.3s;
	transition-property: transform;
}
/*.popover__wrapper:hover .popover__content,.popover__wrapper:hover .popover__content2 {
  z-index: 10;
  opacity: 1;
  visibility: visible;
  transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97);
}*/
.popover__message {
  text-align: center;
}

.pax_pendiente{background:#FFC9C7 !important;}
.pax_pendiente td{color:#000 !important;}
.pax_cancelado{background:#FFEA9D !important;}
.pax_cancelado td{color:#000 !important;}
.pax_finalizado{background:#C5F2CF !important;}
.pax_finalizado td{color:#000 !important;}


.biblia_actividad .dia{border:1px solid #DADADA; border-radius:10px;padding:2px;}

.pendiente{background:#FFC9C7;color:#000;}
.pendiente .card-header{border-bottom:1px solid #64686c !important;}

.cancelado{background:#FFEA9D;color:#000;}
.cancelado .card-header{border-bottom:1px solid #239b63 !important;}

.finalizado{background:#C5F2CF;color:#000;}
.finalizado .card-header{border-bottom:1px solid #0A57C9 !important;}

.card{border-radius:10px;}
.card .card-header{padding:12px;}
.card .card-body{padding:12px;}

.rutas-header{
	background-color:#2B65AE;
	color:#fff;
	padding: 2em;
	text-align:center !important;
}
.rutas-sesion{}
.rutas-sesion .foto img{width:100%;}
.rutas-personal-nombre{text-align:center;color:#2B65AE;}
.rutas-button{cursor:pointer;}


/* ============================================================================================================= */
/* ============================================================================================================= */
/* ============================================================================================================= */
/* Mailbox - Showing Menu Toggle */
@media only screen and (min-width: 768px) and (max-width: 1365px) {
}
/* Layout Base - Sidebar Right Opened - Has Top Horizontal Menu ( Ipad ) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	
}
/* Layout Boxed - small than min-width */
@media only screen and (max-width: 1199px) {
	
}
/* Layout Boxed - larger or equal min width */
@media only screen and (min-width: 1200px) {
	
}
@media only screen and (max-width: 991px) {
	
}
/* Layout Boxed - larger or equal min width */
@media only screen and (min-width: 768px) {
	/* -------------------------------------*/
}

@media only screen and (max-width: 767px) {
	/* -------------------------------------*/
}
@media only screen and (max-width: 576px){
	
	/* -------------------------------------*/
}
@media only screen and (max-width: 480px) {
	.main .search{width:180px;}
	.page{width:100%;height:calc(100vh - 45px);}
	nav{display:none;position:fixed;width:95%;overflow-y:auto;}
	.main{width:100%;}
}
/* iOS10 Content Width Fix */
@media (min-width: 768px) {
	
}
/* Locked Screen - Responsive Landscape */
@media only screen and (max-width: 767px) and (orientation: landscape) {
}



@media only screen and (max-width: 767px) {
}