/* App Styles
--------------------------------------------- */

.headerspace {
	display: none;
}

::-webkit-scrollbar {
    width: 10px!important;
    background-color: #5a9ad1!important;
}
::-webkit-scrollbar-thumb {
    background: #f69f24;
}

.logModal, .loginModal {
	overflow: initial !important;
}

/* Log Box */
#quick-log-bg {
	display: none;
	position: fixed;
	background-color: #FFF;
	opacity: 1;
	top: 30%;
	left: 75%;
	width: 25%;
	height: 100%;
	z-index: 999;
}

#quick-log-panel .alert {
	padding: 0px !important;
	border-radius: 0px;
	margin: 0px;
}

#quick-log-panel .left, .mytheme1login .left {
	text-align: left !important;
}
#quick-log-panel .right, .mytheme1login .right {
	text-align: right!important;
}
#quick-log-panel, .mytheme1login .center {
	text-align: center!important;
}
#quick-log-panel, .mytheme1login .justify {
	text-align: justify!important;
}
/* Fin Log Box */

/* Quick-login
--------------------------------------------- */


/* Altura de la ventana */ 
.scroll {
	overflow-x: hidden;
	overflow-y: auto;
	height: auto;
   max-height: 590px;
}
@media screen and (max-width: 768px) {
	.scroll {
		height: auto;
		max-height: height: 400px;
	}
}

/* Panel */
#quick-login-panel {
	width: 35%;
	z-index: 998 !important;
	height: fit-content;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: none;
	position: fixed;
	margin: 0 auto;
	padding: 0px;
	top: 1%;
	left: 0;
	right: 0;
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
	#quick-login-panel {
		width: 95%;
	}
}
@media only screen and (max-width: 360px), only screen and (max-device-width: 360px) {
	#quick-login-panel {
		width: auto;
	}
}

/* Background */
#quick-login-bg {
	display: none;
	position: fixed;
	background: #000;
	opacity: 0.7;
	/*filter: alpha(opacity=70);*/
	top: 0;
	left: 0;
	min-width: 100%;
	min-height: 100%;
	width: 100%;
	height: 100%;
	z-index: 99;
}

/* Clases */
#quick-login-panel .right {
	text-align: right;
}

#quick-login-panel .content {
	overflow: inherit;
	padding: 1px;
	position: relative;
}

#quick-login-panel h3 {
	text-align: center;
}

#quick-login-panel hr {
	margin: 10px 0;
}

#quick-login-panel .ql-options {
	margin: 5px auto 10px;
}

#quick-login-panel .ql-options span {
	vertical-align: middle;
}

#quick-login-panel .form-control {
	margin: 3px 0px;
	padding: 0px 8px !important;
	-webkit-box-shadow: none;
	box-shadow: none;
}

#quick-login-panel input, #quick-login-panel select {
	border: solid 1px #5a9ad1;
	margin: 3px 0px;
	padding: 0px 10px;
	height: 34px;
}

#quick-login-panel .booking_div_check {
	display: inline-flex;
	height: 20px!important;
}

#quick-login-panel .booking_check {
	height: 16px!important;
	width: 30px!important;
	margin: 2px!important;
	display: inline-block !important;
    text-align: center;
}
#quick-login-panel .booking_select {
	background-color: #EEEEEE;
    padding: 5px 0;
    height: 30px!important;
}
#quick-login-panel .booking_lbl {
	text-align:right;
	padding-right: 5px;
	font-size: 12px;
	font-weight: bold;
}
#quick-login-panel .ins_cancel, #quick-login-panel .ins_basic {
	font-size: 12px;
}
#quick-login-panel .ins_selected {
	background-color: #BBB!important;
	font-weight: bold;
}
#quick-login-panel .booking_animation {
	animation: mymove 3s infinite;
}
@keyframes mymove {
  from {background-color: #EEEEEE;}
  to {background-color: #BBBBBB;}
}
#quick-login-panel .booking_tpv {
	color: #FFF;
}
#quick-login-panel .booking_trf {
	text-decoration: underline dotted;
}
#quick-login-panel .booking_left {
	text-align: left;
}
#quick-login-panel .booking_right {
	text-align: right;
}
#quick-login-panel input[type="checkbox"] {
	height: 26px;
	margin: 6px 0px;
}
#quick-login-panel .justifyText {
	text-align: justify;
}
#quick-login-panel .text_red {
	color: red;
}
#quick-login-panel .bg_red {
	background-color: red!important;
}
#quick-login-panel .icona {
	line-height: 34px;
}
#quick-login-panel .icona li {
	vertical-align: middle;
	margin: 3px 0;
	color: #5a9ad1;
}
#quick-login-panel .icona li:hover {
	color: orange;
}
#quick-login-panel .ql-oauth {
	font-weight: bold;
	margin: 0;
	text-align: center;
}
#quick-login-panel .form-control:focus {
    -webkit-box-shadow: 0 !important;
    box-shadow: none !important;
}

/* Fin Clases Quick Login */

/* Close Button */
/*#quick-log-panel .close {
	position: absolute;
	right: -10px;
	top: -10px;
	width: 30px;
	height: 30px;
	background: transparent url("../../images/icons/close.png") no-repeat 0 0;
	opacity: 1;
	z-index: 100;
}

#quick-login-panel .close {
	position: absolute;
	right: -30px;
	top: -30px;
	width: 40px;
	height: 40px;
	background: transparent url("../../images/icons/close_app.png") no-repeat 0 0;
	opacity: 1;
	z-index: 100;
}*/

@media(max-width:991px) {
	#quick-login-panel .close {
		right: -32px;
		top: -31px;
		width: 40px;
		height: 40px;
	}
}

#quick-login-panel .close:hover {
	opacity: 0.8;
}
/* Fin Close Button */

/* Fin Quick-login */

.multiselect {
	height: auto !important;
}

.maintext {
	height: auto;
}
.app_minornote {
	font-size: 12px !important;
}
.row {
	margin: 0px !important;
}
.divhidden {
	display: none;
}
.my-travel-header {
	background-color: #FFF;
	margin-top: 0px!important;
	border-radius: 3px;
	padding: 5px;
	color: rgba(10, 50, 83, 0.8);
}
.my-travel-content {
	background-color: #FFF;
	border-radius: 3px;
	color: rgba(10, 50, 83, 0.8);
}

.my-travel-content div {
	letter-spacing: 0.28px;
    font-family: Roboto, Sans-serif !important;
    font-size: 13px;
	color: #000 !important;
}

.my-travel-img img {
	border-radius: 10px;
	width: 40px;
	height: 40px;
}

.divvisible {
	display: block;
}
.borderblue {
	border: 1px solid #5a9ad1;
	padding: 5px;
}
.viaje-buttons {
	margin: 10px 10px !important;
}
.loginmethod {
	display:none; 
}
.preinsurance {
	padding: 0 3px;
}
.summary {
	padding: 0 10px;
}
.btnPreinsurance {
	background-color: #f69f24;
}
.btnPreinsuranceNew {
	background-color: #f69f24;
	font-size: 14px!important;
	margin-bottom: 0px!important;
	padding: 2px 0px!important;
	width: 95%!important;
	height: 25px;
}
.summary h3 {
	border-bottom: 1px solid #5a9ad1;
	margin-bottom: 7px;
}

.myinsurance {
	transition: all 0.3s ease-in-out;
	text-align: justify;
	margin: 0px;
	width: 100%;
	border: 1px solid #53a7ea;
	border-radius: 0px;
}
.myinsurance:hover {
	/*-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);*/
	border: 1px solid #f69f24;
	background-color: rgba(83, 167, 234, 0.1); /* rgba(246, 159, 36, 0.2); */
}
.myinsurance h4 {
	font-size: 20px;
	line-height: 30px;
	border-bottom: 1px solid #5a9ad1;
	margin: 10px 0px 0px 0px;
}
.myinsurance .detail {
	padding: 5px 10px;
}
.covid19 {
	text-align: center;
	border: 1px solid #53a7ea;
}
.liNivel1 {
    margin-left: 18px;
}
.liNivel2 {
    margin-left: 42px;
}
.textoPrecio {
    color: #53a7ea;
    border-style: solid;
    text-align: center !important;
    padding: 7px;
	
}
.textoPrecio h5 {
	margin-bottom: 10px;
}
.btnSeguro, .btnSeguroDbl {
    /*margin-bottom: 10px;
    margin-left: 25%;
    margin-right: 25%;*/
	background-color: #53a7ea;
    color: white;
    font-weight: bold;
	border: 1px solid #174d7b;
    /*border-color: #174d7b;
    border-style: solid;*/
    text-align: center !important;
    padding: 7px;
	/*border-radius: 12px;*/
}
.btnExternalLink {
    /*margin-bottom: 10px;
    margin-left: 25%;
    margin-right: 25%;*/
	background-color: #53a7ea;
    color: white;
    font-size: 12px;
	font-weight: bold;
	border: 1px solid #174d7b;
    /*border-color: #174d7b;
    border-style: solid;*/
    text-align: center !important;
    padding: 1px 10px;
	border-radius: 3px
}
.btnSeguro {
    width: 100%;
}
.btnSeguroDbl {
    width: 50%;
}

/* Opciones Seguro */
.radio-toolbar {
	margin: 0px;
	text-align: center;
}

.radio-toolbar input[type="radio"] {
	opacity: 0;
	position: fixed;
	width: 0;
	margin: 0px;
}

.radio-toolbar label {
	display: inline-block;
	padding: 5px 10px;
	margin-bottom: 5px;
	font-family: sans-serif, Arial;
	font-size: 16px;
	border: 1px solid #5a9ad1;
	/*border-radius: 4px;*/
	width: 100%;
}

.radio-toolbar label:hover {
	border-color: #f69f24;
}

.radio-toolbar input[type="radio"]:focus + label {
	background-color: #f69f24;
	border: 2px solid #5a9ad1;
	color: #FFF;
}

.radio-toolbar input[type="radio"]:checked + label {
	background-color: #f69f24;
	border-color: #5a9ad1;
	color: #FFF;
}

.radio-booking label {
	width: 98%;
	/*background-color: #f69f24;
	padding: 5px 5px;*/
}


.panel {
	background: #FFF;
	/*border: solid 2px #5a9ad1;*/
    /*background-color: #F9F9F9;*/
    color: #000;
}

#appmenu {
	display: inline;
}
#info {
	display: inline-block;
}

.mytheme1header,.mytheme1footer {
	padding: 4px 5px;
	border: 1px solid white;
	/*border-bottom: 2px solid #5a9ad1;*/
	box-shadow: 0 1px 3px 0 rgba(0,0,0,.3);
	color: #174d7b !important;
	width: 100% !important;
	background-color: rgba(10, 50, 83, 0.8);
}

.mytheme1footer {
	bottom: 0px;
	margin-top: 10px;
}

.mytheme1login {
	padding: 0 10px;
	font-family: 'Montserrat Alternates',sans-serif !important;
}
@media(max-width:767px) {
	.mytheme1login {
		padding: 0 5px;
	}
}
.mytheme1login a {
  color: blue;
	font-weight: bold;
	text-decoration: underline dotted;
	width: 150px;
}
.mytheme1login .documentacion a {
	width: 95% !important;
	text-align: center;
}
.mytheme1login input {
	display: block !important;
}

/* Div y Span */
.spancentered {
	border-bottom: 1px solid #5a9ad1;
	width: 100% !important;
	margin-top: 10px;
	margin-bottom: 7px;
	font-weight: bold;
	display: initial;
	text-align: center;
}
.spanblock {
	border-bottom: 1px solid #5a9ad1;
	width: 95% !important;
	/*height: 30px;*/
	margin-top: 10px;
	margin-bottom: 7px;
	font-weight: bold;
	display: initial;
}
.spanblock100 {
	border-bottom: 1px solid #5a9ad1;
	width: 100% !important;
	/*height: 30px;*/
	margin-top: 10px;
	margin-bottom: 7px;
	font-weight: bold;
	display: initial;
}
@media(max-width:767px) {
	.spanblock, .spanblock100 {
		margin-top: 15px;
	}
}

.spanmargin {
	width: 95% !important;
	margin-top: 10px;
   margin-bottom: 0px;
}
@media(max-width:767px) {
	.spanmargin {
		width: 100% !important;	
	}
}

.spanmargin span {
	vertical-align: top;
}

.spanmargin2 {
	width: 95% !important;
	margin-bottom: 5px !important;
}

.divfull98{
	width: 98% !important;
}
@media(max-width:767px) {
	.divfull98 {
		width: 100% !important;	
	}
}
.divfull{
	width: 99% !important;
}
@media(max-width:992px) {
	.divfull {
		width: 100% !important;	
	}
}

.spandiv{
	border-bottom: 3px solid #f69f24;
	font-weight: bold;
}

.spanfull{
	border-bottom: 3px solid #f69f24;
	width: 100% !important;
	margin-top: 10px;
	margin-bottom: 0px;
	font-weight: bold;
}

.divchapter{
	border-bottom: 3px solid #f69f24;
	margin-bottom: 0px;
	font-weight: bold;
}

.spanselected{
	border: 1px solid #f69f24;
	background-color: #5a9ad1;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 2px 5px !important;
}

.spanselected button {
	color: #FFF !important;
}

.spanviajes {
	border-top: 1px solid #5a9ad1;
	border-bottom: 1px solid #5a9ad1;
	margin-bottom: 0px;
	padding: 1px 0 2px 0;
}

/* Fin Div y Span */

/* Styles Width, Height, Margin, Padding ... */

.underlined { text-decoration: underline; }
.width95 { width: 95% !important;	}
.width100 { width: 100%; }

.paddingM7 { padding: 7px !important; }
.paddingMR5 { padding-right: 5px !important; }
.paddingMLR3 { padding-left: 3px !important; padding-right: 3px !important; }
.paddingMLR8 { padding-left: 8px !important; padding-right: 8px !important; }
.marginMT10 { margin-top: 10px !important; }
.marginMB10 { margin-bottom: 10px !important; }
@media(max-width:767px) {
	.marginMB10 { margin-bottom: 20px !important; }
}

.margin0 { margin: 0px !important; }
.marginTop10 { margin-top: 10px !important; }
.marginTop5 { margin-top: 5px !important; }
.marginTop10 { margin-top: 10px !important; }
.marginTop20 { margin-top: 20px !important; }
.marginBottom2 { margin-bottom: 2px !important; }
.marginBottom5 { margin-bottom: 5px !important; }
.marginBottom10 { margin-bottom: 10px !important; }
.marginBottom20 { margin-bottom: 20px !important; }
.marginLeft5 { margin-left: 5px !important; }

.padding3  { padding: 3px !important; }
.padding5  { padding: 5px !important; }
.padding10 { padding: 10px !important; }

.paddingR5 { padding-right: 5px !important; }

.paddingL5 { padding-left: 5px !important; }
.paddingL15{ padding-left: 18px !important; }
.paddingLR5{ padding-left: 5px !important; padding-right: 5px !important; }
.paddingLR8{ padding-left: 8px !important; padding-right: 8px !important; }

.paddingT2 { padding-top: 2px !important; }
.paddingT5 { padding-top: 5px !important; }
.paddingB5 { padding-bottom: 5px !important; }

.borderRO { padding: 0px 3px 3px 0px; border-right: 3px solid #f69f24 !important; }

.borderBB { border-bottom: 1px solid #f69f24 !important; }

@media(max-width:991px){
  .spanblock, .width95 { width: 100% !important; }
}
@media(max-width:767px) {
	.width95 { width: 100%!important; }
	.paddingL5 { padding-left: 0px !important; }
	.paddingR5 { padding-right: 0px !important; }
	.paddingLR5{ padding-left: 0px !important; padding-right: 0px !important; }
	.paddingLR8{ padding-left: 0px !important; padding-right: 0px !important; }
	.paddingT5 { padding-top: 0px !important; }
	.paddingB5 { padding-bottom: 0px !important; }
}

/* Width, Margin, Height, ... */

.avatar_main {
	height: 100px !important;
	width: 100px !important;
}
.avatar_mini {
	height: 37px !important;
	width: 37px !important;
}
@media(max-width:991px){
	.avatar_mini {
		height: 32px !important;
		width: 32px !important;
		border: 0px;
	}
}

.gMenu {
	text-align: right;	
}

.mytheme1login p {
	color: #000 !important;
	margin: 0 !important;
}

.control-label {
	display: flex;
    /* justify-content: right; */
    align-items: center;
    height: 40px;
}
.form-control {
	border-radius: 0px !important;
}


/* BOTONES */

* + .btn {
	margin-top: 0px !important;
}

/*.btn-multiselect {
	margin-top: 4px !important;
	display: inline-block !important;
	width: 40px;
	height: 30px;
}*/

/*.btn-sort {
	display: inline-block !important;
	width: 40px;
	background-color: #f69f24 !important;
}*/

.btn-froma {
	width: 100% !important;
	text-align: center !important;
}

.btn-app {
	display: inline-block;
	padding: 5px 12px;
	background-color: #5a9ad1;
	border: 2px solid #5a9ad1 !important;
	/*-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;*/
	text-transform: uppercase;
	color: #FFF;
	font-family: 'Roboto', sans-serif !important;
	font-size: 12px !important;
	font-weight: bold !important;
	line-height: 20px;
	letter-spacing: 0.24px;
}
.btn-app_selected {
	background-color: #f69f24;
	border: 2px solid #5a9ad1 !important;
}

@media(max-width:767px){
	.btn-app {
		padding: 4px 7px;
	}
}

.btn-app + a {
	width: auto !important;
	color: #FFF !important;
}

.btn-app-inline {
	/*display: inline-grid;*/
}

.btn-app:hover {
    color: #FFF;
	background-color: #f69f24 !important;
    border: 1px solid #5a9ad1 !important;    
}
.btn-app:disabled {
	background-color: #DDD!important;
}

.btn-action {
	width: 100%;
	/*border: 1px solid transparent !important;
	border-radius: 0px !important;*/
	/*color: #5a9ad1;*/
}

.btn-datos {
	width: 100%;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 5px;
	border: 3px solid #EEE;
	padding: 6px 6px;
	color: rgba(10, 50, 83, 0.8);
}
.btn-datos + .right {
	text-align: right !important;
}
@media(max-width:991px) {
	.btn-datos { width: 98%; text-align:center!important; }
	.borderRO {	border: 0px!important; }
}
@media(max-width:767px) {
	.btn-datos {
		padding: 3px 3px;
		margin-bottom: 3px;
	}
}

.btn-dashboard {
	display: inline-block;
	border-radius: 0px !important;
	padding: 10px 8px;
	margin: 0px;
	margin-right: 4px;
	text-align: left;
	vertical-align: text-bottom;
	font-family: 'Montserrat Alternates',sans-serif !important;
	line-height: 14px;
	letter-spacing: 0.24px;
}
.btn-dashboard2 {
	display: inline-block;
	border: 0px !important;
	border-radius: 0px !important;
	padding: 0px 0px;
	margin: 0px;
   margin-right: 6px;
	background-color: transparent !important;
	width: 37px;
   height: 37px;
	vertical-align: top;
}

@media(max-width:991px){
	.btn-dashboard {
		padding: 9px 6px;
		font-size: 12px !important;
		margin-right: 2px;
	}
	.btn-dashboard2 {
		width: 32px;
		height: 32px;
		vertical-align: top;
		margin-right: 4px;
	}
}
@media(max-width:767px){
	.btn-dashboard {
		padding: 6px 2px;
		font-size: 10px !important;
		margin-right: 2px;
	}
	.btn-dashboard2 {
		width: 32px;
		height: 32px;
		vertical-align: top;
		margin-right: 4px;
	}
}

.btn-menu {
	width: 150px;
	float: right;
	border: 2px solid transparent;
	border-radius: 0px !important;
	padding: 0px 10px 0px 0px;
	margin: 1px;
	text-align: right;
	line-height: 14px;
}

.btn-action-badge {
	width: 90%;
	border: 2px solid transparent !important;
	border-radius: 5px !important;
	line-height: initial;
	top: -28px;
  position: relative;
}

.btn-action-inline {
	line-height: initial;
	margin-bottom: 3px;
	border: 2px solid #A64941 !important;
	border-radius: 3px !important;
	background-color: #A64941;
	color: #FFF!important;
	box-shadow: 2px 2px #f69f24;
}

.btn-action-call {
	width: 100% !important;
	margin-top: 10px;
	border: 2px solid #A64941 !important;
	border-radius: 10px !important;
	background-color: #A64941;
	color: #FFF!important;
}

.btn-action-call-low {
	width: 100%;
	margin-top: 10px;
	border: 2px solid #A64941 !important;
	border-radius: 10px !important;
	background-color: #5a9ad1;
	color: #FFF!important;
}

.btn-my-travels, .btn-this-travels {
	text-align: center;
	text-decoration: none!important;
	padding: 3px!important;
	width: 24px!important;
	line-height: initial;
	margin-bottom: 5px;
	border: 1px solid #A64941 !important;
	border-radius: 3px !important;
	background-color: #5a9ad1;
	color: #FFF!important;
	box-shadow: 2px 2px #f69f24;
}

.btn-my-travels:hover, .btn-this-travels:hover {
	width: 24px!important;
}

.btn-my-travels-100perc {
	text-decoration: none!important;
	padding: 3px!important;
	width: 100%!important;
	line-height: initial;
	margin-bottom: 5px;
	border: 1px solid #A64941 !important;
	border-radius: 3px !important;
	/* background-color: rgba(166,73,65,1); */ /* #A64941 */
	background-color: rgba(90, 154, 209, 1); /* #5a9ad1 */
	color: #FFF!important;
	box-shadow: 2px 2px #666;
}

.btn-my-travels-100perc:hover {
	border: 1px solid black !important;
	background-color: rgba(246, 159, 36,0.7)!important; /* #f69f24 */
	width: 100%!important;
}

.btn-my-travel-auto, .btn-my-travel-auto:hover {
	width: auto!important;
}

.btn-link {
	margin-top: 10px;
	padding: 5px;
	border: 1px solid transparent !important;
	border-radius: 10px !important;
	text-decoration: underline dotted;
	
}

.btn-body {
	display: inline-block;
	padding: 0px;
	background-color: transparent !important;
	border: 0px !important;
}
.btn-body:hover {
	border: 0px !important;
	background-color: transparent !important;
}

.btn-gray 	{ color: #084298; background-color: #EEE !important; }
.btn-green 	{ color: #0f5132; background-color: #d1e7dd !important; }
.btn-red 	{ color: #842029; background-color: #f8d7da !important; }
.btn-blue 	{ color: #084298; background-color: #cfe2ff !important; }

.btn-travel-green_strong{ background-color: #14BF5E !important; border: 3px solid #5AFE59; }
.btn-travel-green 		{ background-color: #d1e7dd !important; border: 3px solid #d1e7dd; }
.btn-travel-orange 		{ background-color: #f69f24 !important; border: 3px solid #f69f24; }
.btn-travel-blue_strong { background-color: blue !important; border: 3px solid blue; }
.btn-travel-blue 		{ background-color: #5a9ad1 !important; border: 3px solid #5a9ad1; }
.btn-travel-blue_light 	{ background-color: #67CAFB !important; border: 3px solid #5aCCd1; }
.btn-travel-gray 		{ background-color: #AAA !important; border: 3px solid #AAA; }
.btn-travel-gray_light 	{ background-color: #BBB !important; border: 3px solid #AAA; }
.btn-travel-red 		{ color: #842029; background-color: #f8d7da;  border: 3px solid #f8d7da; }

.btn-selected {
	border-radius: 3px !important;
	border: 1px solid #000 !important;
	color: #000 !important;
}

.btn-unselected {
	background-color: #DDD !important;
	color: #000!important;
}

@media(max-width:991px){
	.btn-selected, .btn-unselected {
		font-size: 11px;
	}
	.btn-selected span, .btn-selected li,
	.btn-unselected span, .btn-unselected li	{
		padding-left: 5px!important;
	}
}

.btn-logo {
	width: 80px;
	border: 2px solid transparent;
	border-radius: 0px !important;
	padding: 0px;
	margin: 1px;
	line-height: 14px;
}

.btn3 {
	margin-top: 0px;
	padding: 2px;
}
.btn4, .btn6, .btn8, .btn9, .btn12 {
	padding: 2px;
}

/* Datos Usuarios */
#datousuario1,#datousuario2,#datousuario3,#datousuario4,#datousuario5,#datousuario6,#datousuario7,#datousuario8,#datousuario9 {
	display: none;
}
#datousuario10,#datousuario11,#datousuario12,#datousuario13,#datousuario14,#datousuario15,#datousuario16,#datousuario17,#datousuario18,#datousuario19 {
	display: none;
}
.data-selected {
	display: block !important;
}
div[id^="datousuario"] {
	margin-top: 0px;
}
.preferences div[id^="datousuario"] {
	margin-top: 0px!important;
}
.preferences_span {
	font-size: 12px;
	font-family: sans-serif;
	color: rgba(10, 50, 83, 0.8);
	text-align: justify;
}
.preferences_table {
	font-size: 12px;
  font-family: sans-serif;
  color: rgba(10, 50, 83, 0.8);
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
}
.preferences_td {
	width: 33%;
}

.datostravel_status {
	padding: 0px 3px;
	/*color: #0f5132;*/
	border-radius: 3px;
	font-weight: normal !important;
}
.datostravel_title {
	color: #FFF !important;
}
.datostravel_underline {
	text-decoration: underline;
	font-weight: bold;
}
@media(max-width:767px){
	.datostravel_status {
		position: relative;
    	padding: 8px 4px;
		top: 7px;
	}
	.datostravel_title {
		
	}
}

.viewall {
	text-align: center !important;
}
/* Fin Datos Usuarios */


/* Tooltip Map */
.mymsg {
	width: 300px;
}
.mymsg-title {
	border-bottom: 1px solid blue;
	margin-bottom: 3px;
	font-weight: bold;
	height: 20px;
}
.mymsg a {
	text-decoration-line: underline;
	text-decoration-style: dotted;
	color: black !important;
	vertical-align: top;
}
.mymsg tr {
	vertical-align: top;
}
.mymsg-td1 {
	width: 200px;
}
.mymsg-td2 {
	width: 100px;
}
.mymsg img {
	width: 100px;
	height: 100px;
}
@media(max-width:991px){
	.mymsg {
		width: 200px;
	}
	.mymsg tr {
		vertical-align: top;
	}
	.mymsg-td1 {
		width: 150px;
	}
	.mymsg-td2 {
		width: 50px;
	}
	.mymsg img {
		width: 50px;
		height: 50px;
	}
}

/* Badge #1 - Source: http://brenna.github.io/csshexagon/ */

/* Badges #2 */
.badge {
	position: relative;
	margin: 0.5em 0em;
	width: 60px;
	height: 90px;
	border-radius: 10px;
	display: inline-block;
	top: 0;
	transition: all 2s ease;
}
.badge:before, .badge:after {
	position: absolute;
	width: inherit;
	height: inherit;
	border-radius: inherit;
	background: inherit;
	content: "";
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.badge:before {
	  transform: rotate(60deg);
}
.badge:after {
	  transform: rotate(-60deg);
}
.badge:hover {
	/*top: -4px;*/
}
.badge .circle {
	width: 75px;
	height: 75px;
	position: absolute;
	background: #fff;
	z-index: 10;
	border-radius: 50%;
	top: 0;
	left: -7px;
	right: 0;
	bottom: 0;
	margin: auto;
}
.badge .circle i.fa {
	font-size: 3em;
	margin-top: 8px;
}
.badge .font {
	display: inline-block;
	margin-top: 1em;
}
.badge .ribbon {
	position: absolute;
	border-radius: 4px;
	padding: 2px 5px 2px;
	z-index: 11;
	color: #FFF;
	width: 120px;
	left: -30px;
	bottom: -15px;
	height: 23px;
	font-size: 12px;
	box-shadow: 0 1px 2px rgb(0 0 0 / 27%);
	text-shadow: 0 2px 2px rgb(0 0 0 / 10%);
	text-transform: uppercase;
	/*background: linear-gradient(to bottom right, #555 0%, #333 100%);*/
	color: #084298;
	background-color: #cfe2ff;
	border-color: #b6d4fe;
	cursor: default;
}

@media(max-width:991px){
	.badge {
		width: 40px;
		height: 60px;
	}
	.badge .circle {
		width: 50px;
		height: 50px;
		left: -5px;
	}
	.badge .ribbon {
		padding: 0px 4px;
		width: 90px;
		height: 18px;
		bottom: -13px;
		left: -25px;
		font-size: 10px;
	}
}

.blue {
	background: linear-gradient(to bottom right, #4FC3F7 0%, #2196F3 100%);
	color: #259af3;
}
.badge:hover {
	background: linear-gradient(to bottom right, #4FC3F7 50%, #2196F3 50%);
}
.blue-dark {
	background: linear-gradient(to bottom right, #1976D2 0%, #283593 100%);
	color: #1c68c5;
}
.orange {
	background: linear-gradient(to bottom right, #ffc107 0%, #f57c00 100%);
	color: #f68401;
}
.pink {
	background: linear-gradient(to bottom right, #F48FB1 0%, #d81b60 100%);
	color: #dc306f;
}
.red {
	background: linear-gradient(to bottom right, #f4511e 0%, #b71c1c 100%);
	color: #c62828;
}
.purple {
  background: linear-gradient(to bottom right, #ab47bc 0%, #4527a0 100%);
  color: #7127a8;
}
.yellow {
	background: linear-gradient(to bottom right, #ffeb3b 0%, #fbc02d 100%);
	color: #ffb300;
}
.teal {
	background: linear-gradient(to bottom right, #4DB6AC 0%, #00796B 100%);
	color: #34a297;
}
.green {
	background: linear-gradient(to bottom right, #cddc39 0%, #8bc34a 100%);
	color: #7cb342;
}
.green-dark {
	background: linear-gradient(to bottom right, #4CAF50 0%, #1B5E20 100%);
	color: #00944a;
}
.silver {
	background: linear-gradient(to bottom right, #E0E0E0 0%, #BDBDBD 100%);
	color: #9e9e9e;
}
.gold {
	background: linear-gradient(to bottom right, #e6ce6a 0%, #b7892b 100%);
	color: #b7892b;
}

/* https://getbootstrap.com/docs/5.0/components/alerts/ */
.alert {
	position: relative;
    padding: 0.5rem 0.5rem;
    /*margin-bottom: 0.5rem;*/
    border: 2px solid transparent;
    border-radius: .25rem;
}
.alert-primary {
	color: #084298;
	background-color: #cfe2ff;
	border-color: #b6d4fe;
}
.alert-danger {
	color: #842029;
	background-color: #f8d7da;
	border-color: #f5c2c7;
}
.alert-success {
	color: #0f5132;
	background-color: #d1e7dd;
	border-color: #badbcc;
}
.alert-warning {
	color: #664d03;
	background-color: #fff3cd;
	border-color: #ffecb5;
}
.alert-inline {
	display: inline;
}

/* Style for Booking Form */
.booking_input {
	height: 26px!important;
	margin: 2px 0px!important;
}
input[type="text"]:disabled, select[disabled] {
	background-color: #DDD!important;
	color: #555!important;
}
.booking_icon {
	padding: 3px 2px 3px 5px;
	margin: 2px 0px;
	height: auto;
	background: dodgerblue;
	color: white;
	text-align: left;
	width: 100% !important;
	display: inline-block;
}
.booking_icon_datos {
	background: none!important;
	color: #000 !important;
	font-weight: bold;
	text-align: center !important;
}
.booking_strikethrough {
    position: relative;
}
 
.booking_strikethrough:before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    right: 0;
    border-top: 2px solid;
    border-color: red;
     
    -webkit-transform:rotate(-10deg);
    -moz-transform:rotate(-10deg);
    -ms-transform:rotate(-10deg);
    -o-transform:rotate(-10deg);
    transform:rotate(-10deg);
}
@media(max-width:767px){
	.booking_icon {
		padding: 2px 2px 2px 7px;
		height: 26px;
	}
}
@media(max-width:991px){
	.booking_icon {
		font-size: 12px;
		height: 30px !important;
		padding: 5px 1px 5px 10px;
	}
}
/* End of Style for Booking Form */


/* Style the form icons */
.icon {
	padding: 7px 2px 7px 10px;
	margin: 3px 0px;
	height: 34px;
	background: dodgerblue;
	color: white;
	text-align: left;
	width: 100% !important;
	display: inline-block;
}
.icon_datos {
	background: #f69f24 !important;
	color: #000 !important;
	font-weight: bold;
	text-align: center !important;
}
.icon_none {
	padding: 6px 3px;
	margin: 3px 0px;
	height: 34px;
	background: dodgerblue;
	color: white;
	text-align: left;
	width: 100% !important;
	display: inline-block;
}
.icon_none li {
	color: #FFF;
}
@media(max-width:767px){
	.icon {
		padding: 2px 2px 2px 7px;
		height: 26px;
	}
	.icon_none {
		height: 34px;
	}
	.form-control {
		height: 26px;
	}
}
@media(max-width:991px){
  .icon {
		font-size: 12px;
		height: 30px !important;
		padding: 5px 1px 5px 10px;
	}
	.form-control {
		height: 30px !important;
	}
}

.data-div {
	width: 100%;
	display:flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
@media(max-width:991px){
	position: -webkit-sticky; /* Safari */
	position: sticky;
   bottom: 10px;
}

.data-div input, .data-div select {
	margin: 2px 0 20px !important;
	border: solid 1px #5a9ad1;
}

.data-label {
	width: 180px;
	text-align: left;
}

/* Otros estilos */
.register_warning {
	padding: 10px;
	border: 2px solid #5a9ad1;
}
.register {
	font-size: 16px;
   font-weight: bold;
}

.dashboard {
	padding: 2px;
	min-height: 200px;
	border: 2px solid #5a9ad1;
	border-radius: 0px !important;
	background-color: #EEE;
	margin: 0px 2px;
}

.numviajes {
	border-radius: 50%;
	width: 100px;
	height: 100px;
	line-height: 100px;
	font-size: 34px;
	text-align: center;
	color: #FFF;
	border: 8px solid #f69f24;
	background-color: #5a9ad1;
	display: flex;
	align-items: center;
	justify-content: center;
}

.preferences {
	padding: 6px 6px;
  border: 3px solid #f69f24 !important;
}
.preferencesdata {
	padding: 0px 0px 3px 6px;
}

.viaje-detalle a {
	color: #FFF !important;
}
.seguroResumen {
	padding: 5px 10px;
	width: 95%;
	font-weight: bold;
}
.bookingStyle {
	padding: 10px;
	font-size: 14px;
}
.bookingP1 {
	font-size: 12px;
}
.bookingchapter {
	width: 100%;
	margin-bottom: 5px;
	border-bottom: solid 1px black;
	/* font-weight: bold; */
}
.copyrights {
	color: #FFF;
	font-size: 18px;
	vertical-align: top;
}

/* News */
.news-wrapper {
	/*overflow-y: scroll;
	max-height: 500px;*/
}
.news-item {

}
.news-header {
	width: 100%;
	display: flex;
	border-bottom: 1px solid blue;
}
.news-icon {
	width: 70%;
	font-weight: 700;
}
.news-date {
	width: 30%;
	text-align: right;
	font-weight: 700;
   color: #5a9ad1;
	margin-right: 0px;
}
.news-body {
	width: 100%;
	margin-bottom: 10px;
}
.news-title {
	color: rgba(90,154,209,1);
	display: block;
}
.news-text {
	width: 100%;
	text-align: justify;
}

.news-black {color:#000}
.news-white {color:#FFF}
.news-red {color:#FF1E31}
.news-yellow {color:#FCFC71}
.news-green {color:#57E530}
.news-blue {color:#5a9ad1}
.news-orange {color:#f69f24}
.news-gray {color:#CCC}


/* Multiselect */
.ms-container{
  /* background: transparent url('../../images/switch.png') no-repeat 50% 50%; */
  width: 100%;
  height: auto;
}

.ms-container:after{
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
  min-height: 0;
  visibility: hidden;
}

.ms-container .ms-selectable, .ms-container .ms-selection{
  background: #fff;
  color: #555555;
  float: left;
  width: 45%;
}
.ms-container .ms-selection{
  float: right;
}

.ms-container .ms-list{
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  border: 1px solid #ccc;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  position: relative;
  height: 120px;
  padding: 0;
  overflow-y: auto;
}

.ms-container .ms-list.ms-focus{
  border-color: rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  outline: 0;
  outline: thin dotted \9;
}

.ms-container ul{
  margin: 0;
  list-style-type: none;
  padding: 0;
}

.ms-container .ms-optgroup-container{
  width: 100%;
}

.ms-container .ms-optgroup-label{
  margin: 0;
  padding: 5px 0px 0px 5px;
  cursor: pointer;
  color: #999;
}

.ms-container .ms-selectable li.ms-elem-selectable,
.ms-container .ms-selection li.ms-elem-selection{
  border-bottom: 1px #eee solid;
  padding: 2px 10px;
  color: #555;
  font-size: 14px;
}

.ms-container .ms-selectable li.ms-hover,
.ms-container .ms-selection li.ms-hover{
  cursor: pointer;
  color: #fff;
  text-decoration: none;
  background-color: #08c;
}

.ms-container .ms-selectable li.disabled,
.ms-container .ms-selection li.disabled{
  background-color: #eee;
  color: #aaa;
  cursor: text;
}