body {
	overflow-y:scroll;
}
body.is-loading *, body.is-resizing * {
	-moz-transition: none !important;
	-webkit-transition: none !important;
	-ms-transition: none !important;
	transition: none !important;
	-moz-animation: none !important;
	-webkit-animation: none !important;
	-ms-animation: none !important;
	animation: none !important;
}



.accdir h2 {
    margin: 0px!important;
    color: #fff!important;
    font-size: 20px!important;
    padding: 0 20px 20px 20px!important;
}

.accdir .titulo h1 {
    margin-bottom: 0px!important;
}

.previous {
    display: inline-block;
    text-align: center;
}

.reservachef {
    padding: 10px 0;
}

ul.listubis {
    margin: 20px;
    padding: 0px;
}

ul.listubis li {
    list-style: none;
    font-size: 14px;
    font-weight: 400!important;
    margin: 5px 0;
}

ul.listubis li label {
    font-weight: 400!important;
}

ul.listubis li input {
    margin-right: 10px;
}

.aviso-ocupado {
    padding-top: 15px;
    text-align: center;
    color: #cc0000;
    font-style: italic;
    font-size: 12px;
    line-height: 17px;
}

.btn-escoger {
    background-color: #99bd2f!important;
    color: #fff !important;
    border: none!important;
    border-radius: 0px!important;
}

.tableact th {
    background: #000;
    color: #fff;
    padding: 5px 3px;
}

.tableact td {
    border-bottom: 1px solid #ebebeb;
    font-size: 12px;
    padding: 7px 2px;
}

.tableact td label {
    font-weight: 400!important;
    font-size: 11px;
}

.itr {
    float: left;
    padding: 3px 15px 3px 3px;
    font-size: 11px;
    border: 1px solid #ebebeb;
    background: #f8f8f8;
}

.tableact tbody tr:nth-of-type(2n+1) {
    background-color: rgba(0,0,0,.02);
}

.tableact input[type="time"] {
    max-width: 100px;
}


header { border: none!important; }

.truncate {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
    display: block;
    max-width: 100%;
    height: auto;
    width: 100% !important;
}

.metpag {
    padding: 0px;
    margin: 0px;
}

.metpag li {
    list-style: none;
    padding: 6px 5px;
    border-bottom: 1px solid #f8f8f8;
}

.metpag li label {
    cursor: pointer;
    font-weight: 500!important;
    margin: 0px;
}

.info-metodo {
    margin: 0px 0px 0px 20px;
    font-size: 12px;
    color: #999;
    font-style: italic;
}

/*form styles*/
#msform {
	width: 100%;
    max-width: 100%;
	margin: 50px auto;
	text-align: center;
	position: relative;
    min-height: 1100px;
}
#msform fieldset {
	background: white;
	border: 0 none;
	border-radius: 3px;
	box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
	padding: 20px 30px;
	box-sizing: border-box;
	width: 90%;
	margin: 0 5%;
	
	/*stacking fieldsets above each other*/
	position: relative;
}

#msform ul.ulran {
    padding: 0px;
}

#msform ul.ulran li {
    list-style: none;
    margin-bottom: 10px;
    font-weight: 400;
    color: #9FC239;
    border:1px solid #9FC239;
    padding: 15px;
    cursor: pointer;
    font-size: 16px;
}

#msform ul.ulran li.active {
    background: #9FC239;
    color: #fff;
}

#msform ul.ulran li span {
    margin-top: 10px;
    color: #151515;
    font-size: 14px;
}

/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
	display: none;
}

li.transferencias { display: none; }


/*inputs*/
#msform input[type=text], #msform textarea {
	padding: 15px;
	border: 1px solid #ccc;
	border-radius: 3px;
	margin-bottom: 10px;
	width: 100%;
	box-sizing: border-box;
	font-family: montserrat;
	color: #2C3E50;
	font-size: 13px;
}
/*buttons*/
#msform .action-button {
	width: 140px;
	background: #9FC239;
	color: white;
	border: 0 none;
	cursor: pointer;
	padding: 10px 5px;
	margin: 30px 5px;
    border-radius: 15px;
    font-size: 16px;
}

#msform .action-button:hover, #msform .action-button:focus {
	box-shadow: 0 0 0 2px white, 0 0 0 3px #27AE60;
}

.msgidi {
    padding-left: 48px;
    font-size: 12px;
    color: #515651;
    font-style: italic;
    padding-top: 0;
}

.ulubi, .ultal {
    padding-bottom: 60px;
}

.ulubi h2, .ultal h2 {
    color: #000;
    font-size: 20px;
}

.ulubi .ubicacion, .ultal .ubicacion {
    padding: 20px;
    border: 1px solid #ebebeb;
    background:#f8f8f8;
    cursor: pointer;
}

.actividad, .rango, .ubicacion { cursor: pointer; text-align: justify; }

.randes {
    display: none!important;
}

.legend-reserva {
    color: #565656;
    font-style: italic;
    font-size: 14px;
    padding: 20px 30px;
    box-sizing: border-box;
    width: 90%;
    margin: 0 5%;
    position: relative;
    text-align: left;
}

.ubicacion.active {
    background: #9FC239;
    color: #fff;
}

.fastbooking h2 {
    color: #000;
    margin-top: 20px;
    margin-bottom: 2px;
    font-size: 32px;
    line-height: 40px;
    text-align: center;
}

.fastbooking p {
    color: #444;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
}

.adi {
    font-size: 14px;
    margin-top: 20px;
}

.adi a, .adi img { display: inline-block; }
.adi img { margin-right: 5px; }

.ubicacion.active a { color: #fff!important; }

.taller {
    list-style: none;
    margin-bottom: 10px;
    font-weight: 400;
    color: #9FC239;
    border:1px solid #9FC239;
    padding: 8px 15px;
    cursor: pointer;
    font-size: 16px;
}

.sintaller { border:3px solid #9FC239; font-weight: 700; text-align: left; }

.taller.active {
    background: #9FC239;
    color: #fff;
}

.taller h2 {
    font-size: 16px!important;
    color: #151515!important;
    font-weight: 400!important;
    margin: 0px!important;
    float: left;
}

.taller.active h2 { color: #fff!important; }


.taller h3 {
    font-size: 16px!important;
    color: #999!important;
    font-weight: 400!important;
    margin: 5px 0px!important;
    float: right;
}


.listaplatos { display: none; }

.listaplatos h2 {
    font-size: 16px!important;
    color: #9FC239!important;
    font-weight: 500!important;
    margin: 0px!important;
	margin-bottom: 15px!important;
	padding: 10px;
}

.listaplatos h3 {
    font-size: 14px!important;
    color: #494949;
    font-weight: 300!important;
    margin: 0px!important;
	padding: 10px;
	border-bottom: 1px solid #ebebeb;
}

.inenglish {
    color: #999999;
    font-size: 18px;
    line-height: 18px;
}

.inenglish .switchery {
    margin-right: 10px;
}

.resumen.res, .resumen.met { 
	text-align: left!important;
	margin: 15px!important;
	background: #f8f8f8!important;
	border-radius: 15px;
}

.resumen.res h3, .resumen.met h3 {
	margin-top: 0px!important;
}

.lastssteb {
	text-align: left!important;
}


/*headings*/
.fs-title {
	font-size: 18px;
	text-transform: uppercase;
	color: #000;
	margin-bottom: 0px;
}
.fs-subtitle {
	font-weight: normal;
	font-size: 15px;
	color: #666;
	margin-bottom: 30px;
	margin-top: 3px;
}
/*progressbar*/
#progressbar {
	margin-bottom: 30px;
	overflow: hidden;
	/*CSS counters to number the steps*/
	counter-reset: step;
}
#progressbar li {
	list-style-type: none;
	color: #000;
	text-transform: uppercase;
	font-size: 14px;
	width: 16.6%;
	float: left;
	position: relative;
}
#progressbar li:before {
	content: counter(step);
	counter-increment: step;
	width: 20px;
	line-height: 20px;
	display: block;
	font-size: 14px;
	color: #333;
	background: white;
	border-radius: 3px;
	margin: 0 auto 5px auto;
}
/*progressbar connectors*/
#progressbar li:after {
	content: '';
	width: 100%;
	height: 2px;
	background: #9FC239;
	position: absolute;
	left: -50%;
	top: 9px;
	z-index: -1; /*put it behind the numbers*/
}
#progressbar li:first-child:after {
	/*connector not needed before the first step*/
	content: none; 
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before,  #progressbar li.active:after{
	background: #9FC239;
	color: white;
}


.fsi { display: inline-block; margin-right: 10px; background: #ebebeb; border: 1px solid #ccc; color: #000; padding: 3px 10px; }


img {
    image-orientation: from-image!important;
}

.pagos_cont {
	font-size: 14px!important;
	padding: 15px;
}

.row.asistentes.th { padding: 5px 0px; }

.row.th.res div {
	background: #151515!important;
	color: #fff;
	padding: 5px;
}
.row.listares div {
	background: #f8f8f8!important;
	color: #151515;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 1px;
}

.row.listares div.bb1 { border-bottom: 1px solid #ccc; color: #999!important; font-size: 12px!important; }

#facturado { width: 140px!important; max-width: 100%!important; }

.btn-vermas {
	background: #f8f8f8;
	color: #213047;
	border: 2px solid #213047;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	line-height: 22px;
	text-align: center;
	cursor: pointer;
	padding: 0px;
	margin-right: 10px;
    font-weight: 700;
	display: inline-block;
}

.btn-vermas:hover {
	background: #213047;
	color: #f8f8f8;
}

.fa-check-circle {
	color: #148436;
	font-size: 22px;
}

.btndel {
	color: #cc0000;
	cursor: pointer;
	display: inline-block;
	margin-right: 10px;
}

input[type="date"].form-control {
    line-height: 20px;
}

.totalpagos {
	font-size: 16px;
	text-align: right;
	padding-top: 15px;
}

.pt20 { padding-top: 20px; }
.pb20 { padding-bottom: 20px; }

.bexport, .bexport1, .bexport2, .bexport3 { cursor: pointer; margin-left: 4px; margin-right: 4px; }

.avitxt { margin: 40px 0; }

.fa-save {
	cursor: pointer;
	font-size: 22px;
	margin-top: 3px;
}

.save-rec {
	border: none;
	background: transparent;
}

.alert { display: none; }
.alert-success {
	position: fixed;
	width: 240px;
	top: 120px;
	left: 50%;
	margin-left: -120px;
    font-family: Arial;
    background-color: rgba(212, 237, 218, .85);
	color: rgb(21, 87, 36);
    text-align: center;
    padding: 20px;
    font-size: 14px;
    line-height: 20px;
	z-index: 9999;
}

.alert-error {
	position: fixed;
	width: 240px;
	top: 120px;
	left: 50%;
	margin-left: -120px;
    font-family: Arial;
    background-color: rgba(248, 215, 218, .85);
	color: rgb(114, 28, 36);
    text-align: center;
    padding: 20px;
    font-size: 14px;
    line-height: 20px;
	z-index: 9999;
}


.form-inline {
	padding: 0px 150px;
	font-size: 14px;
}

.modal-dialog {
    width: 700px;
    margin: 30px auto;
    max-width: 100%;
}

.ing_des { padding: 0px 0px 5px 30px; font-size: 11px; }
.ing_des .col { padding: 0px; }

.navbar-default {
	background: #fff!important;
}

.msg-avi { display: none; font-size: 14px; color: #9FC239; }

/*
.alarm_cont { position: relative; padding-left: 25px!important; padding-right: 25px!important; }
.alarm_cont2 { position: relative; padding-left: 15px!important; padding-right: 15px!important; }
.euro_cont { position: relative; padding-left: 15px!important; padding-right: 15px!important; }
*/

h2.modal-title { color: #000; padding: 15px; font-size: 20px; }

@media (min-width:941px) {
	.alarm888 { display: none; position: absolute; top: -3px; left:38px!important; width: 17px; height: 17px; line-height: 16px; border-radius: 50%; background: #cc0000; color: #fff; text-align: center; font-size: 9px; }
	.alarmmobile.alarm888 { display: none; position: absolute; top: -10000px; }
}

@media (max-width:940px) {
	
	.alarm888 { display: none; position: absolute; top: 7px; left:65px; width: 17px; height: 17px; line-height: 16px; border-radius: 50%; background: #cc0000; color: #fff; text-align: center; font-size: 9px; }
	.alarmmobile.alarm888 { display: none; position: absolute; top: 15px; right:5px; left: auto; z-index: 99999; width: 17px; height: 17px; line-height: 16px; border-radius: 50%; background: #cc0000; color: #fff; text-align: center; font-size: 9px; }
}

.navbar-right .dropdown-menu {
    left: 15px;
    right: auto;
}

.dropdown-menu div {
	padding: 10px 0;
	border-bottom: 1px solid #ebebeb;
}


.preloader { width: 100%; height: 100%; background: rgba(255,255,255,.6); position: fixed; z-index: 999999!important; display: none; top: 0px; background-image: url(../img/page-loader.gif); background-position: center center; background-repeat: no-repeat; }

.subcol { font-size: 11px!important; }

p.pmain {
    font-size: 18px !important;
    color: #565656;
    font-weight: 300 !important;
}

p.pmain strong { font-weight: 700!important; color: #565656!important; }

.opc_menu_principal a.active { color:#9FC239; text-decoration:none !important;}

.mini {
	font-size:11px!important;
	margin-top:10px!important;
	color: #999999!important;
}
.center { text-align:center!important; }
.left { text-align:left!important; }
.right { text-align:right!important; }

.m10 { height:10px; width:100%; clear:both; }
.m20 { height:20px; width:100%; clear:both; }
.m40 { height:40px; width:100%; clear:both; }

.resumen { padding:20px; }

.resumen h3 {
	font-size:1.6em;
	font-weight:300;
}

.resumen h3 span {
	color:#999;
}

.black { color:#000; font-size:18px; font-weight:500; }
.table-responsive { color:#565656; font-size:14px; font-weight:300; }

#map img {
    max-width: none!important;
	z-index:9999!important;
}
.gm-style img {
    max-width: none!important;
	z-index:999999!important;
}

.info_curso { 
	width:100%;
	position:absolute; 
	top:0px!important;
	left:0px!important;
	display: block; /* Fallback for non-webkit */
	height:60px!important;
	overflow:hidden!important;
}
h3.tit_curs {
	position:absolute;
	width:100%;
	padding:7px 10px;
	top:0px!important;
	left:0px!important;
	font-size:20px!important;
	overflow:hidden!important;
}

@media (max-width:770px) {
	
	h3.tit_curs {
		position:absolute;
		width:100%;
		padding:7px 10px;
		top:0px!important;
		left:0px!important;
		font-size:14px!important;
		overflow:hidden!important;
	}
}

@media (max-width:360px) {
	
	h3.tit_curs {
		position:absolute;
		width:100%;
		padding:7px 10px;
		top:0px!important;
		left:0px!important;
		font-size:20px!important;
		overflow:hidden!important;
	}
}

.ellipsis {
	position:absolute;
	color:#fff;
	right: 15px;
    top: 28px;
}

select#pe.form-select {
	font-size:15px!important;
	padding: 6px;
	display: inline-block;
	width: 280px;
	text-align: center;
}
.noreserva {
	padding:40px 0;
	color:#C00;
}

#reservaCtrl h1, #canjearCtrl h1 {
	padding:20px;
	font-weight:300;
	margin-bottom:10px;
	font-size:24px;
}
.btn3pasos {
	padding:0px;
}
.btn3pasos button {
	background:#000;
	color:#fff;
	padding:10px;
	border:none;
	text-align:center;
	width:100%;
	border-radius: 15px;
	margin: 5px 0;
}
	
.btn3pasos button:disabled {
	background:#ccc;
}
	
	
.resumen {
	margin-top:10px;
	padding-bottom:40px;
	color: #151515
}

.resumen h3 {
	font-size:24px;
	font-weight:300;
	color: #151515
}
.resumen h4 {
	font-size:18px;
	font-weight:300;
	color: #151515
}

.resumen p {
	font-size:14px;
	margin:4px 0 0 0;
	color: #151515
}

.resumen p.precio {
	margin:10px 0 0 0;
	font-size:32px;
	font-weight:bold;
}
.resumen p.precio2 {
	margin:10px 0 0 0;
	font-size:24px;
	font-weight:500;
}

.resumen p.precio small {
    font-size: 13px;
    font-weight: 500;
}

.resumen p.precio span, .resumen p.precio2 span {
    font-size: 12px;
    margin-right: 5px;
}

.resumen i, .resumen a { color:#9FC239!important; }

.resumen hr {
	margin:30px 0;
}

a.previsualizar, a.previsualizar:hover, a.previsualizar:active {
	background:#9FC239;
	color:#fff!important;
	border:none;
	border-radius:5px;
	padding:5px 15px;
	margin-top:10px;
	text-decoration:none;
}

button.calcular {
	background:#9FC239;
	color:#fff!important;
	border:none;
	border-radius:0 5px 5px 0;
	padding:5px 15px;
	height:30px;
	margin:0px!important;
	font-size:14px;
}
input.calcular {
	color:#000;
	border:none;
	border-radius:5px 0 0 5px;
	padding:5px 15px;
	height:30px;
	margin:0px!important;
	font-size:14px;
}
.bgw { background:#fff; }

.resumen p.mini {
	text-align:right!important;
	font-size:11px!important;
}

.breadevent {
    background: #f8f8f8;
    margin: 10px 0;
    padding: 10px;
}

.breadevent span {
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 7px;
    margin-top: 7px;
    font-size: 12px;
    background:#ebebeb;
    color: #fff;
    padding: 3px 10px;
    border-radius: 5px;
}

.breadevent span.active {
    background:#9FC239;
    color: #fff;
}

.datos-fact {
    display: none;
}

.datos-fact h3 {
    margin-top: 30px!important;
    text-transform: uppercase!important;
    font-size: 21px !important;
    border-bottom: 1px solid #ebebeb!important;
    padding-bottom: 5px!important;
    margin-bottom: 20px!important;
}


/* MODALES **************************************************************************************************************/


/* NYROMODAL ************************************************************************************************************/
/* V. 2.0 */
.nyroModalBg {position: fixed;overflow: hidden;top: 0;left: 0;height: 100%;width: 100%;background: #000;opacity: 0.7; z-index:100;}
.nmReposition {position: absolute;}
/*.nyroModalCloseButton {top: -13px;right: -13px;width: 12px;height: 12px;text-indent: -9999em;background: url(../img/close.gif);}*/
.nyroModalCloseButton { 
	position: absolute;
	display: none;
	top: 80px!important;
	left: 0px;
	width: 30px;
	height: 30px;
	text-indent: -9999em;
	outline: 0;
	/*background-image: url(../img/fancy_closebox.png);*/
	background-repeat: no-repeat; 
	z-index:102;
}
/*.nyroModalTitle {top: -26px;left: 0;margin: 0;font-size: 1.1em;color: #ddd;}*/
.nyroModalTitle {margin: 0;padding: 0;position: absolute;top: -35px;left: 5px;bottom:5px;font-size: 16px;font-weight:bold;color: #ddd; z-index:101;}
/*.nyroModalCont {position: absolute;border: 4px solid #777;margin: 25px;background: #fff;}*/
.nyroModalCont {
	position:relative;
	background: #f4f4f4;
	border: 2px solid #fff !important;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-moz-box-shadow:0 0 25px #9FC339; 
	-webkit-box-shadow:0 0 25px #9FC339; 
	box-shadow:0 0 25px #9FC339; 
	z-index:102; 
	height: auto;
    width: auto;
    overflow-y: scroll;
    overflow-x: hidden!important;
}

.pad_top_7 { padding-top: 4px; }

.nyroModalCont iframe {width: 600px;height: 450px;}
.nyroModalError {border: 4px solid red;color: red; width: 250px; height: 250px;}
.nyroModalError div { min-width: 0; min-height: 0;padding: 10px;}
.nyroModalLink, .nyroModalDom, .nyroModalForm, .nyroModalFormFile {position: relative; padding: 10px; min-height: auto;min-width: auto; max-width: 1000px;}
.nyroModalImage, .nyroModalSwf, .nyroModalIframe, .nyroModalIframeForm {position: relative;overflow: hidden;}
.nyroModalHidden {left: -9999em;top: -9999em;}
.nyroModalLoad {position: absolute; width: 100px; height: 100px; background: #fff url(../img/ajaxLoader.gif) no-repeat center;padding: 0;}


.nyroModalPrev, .nyroModalNext {
    content: '';
    position: absolute;
    width: 64px;
    height: 64px;
    background-image: url("images/arrow_right.png");
    background-size: 64px 64px;
    top: calc(50% - 1.5em);
    margin: -32px 0 0 0;
    background-repeat: no-repeat;
}

.nyroModalPrev {

	-moz-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	transform: scaleX(-1);
	-ms-filter: "FlipH";
	filter: FlipH;
}

.nyroModalNext {
	right: 20px;
}

.nyroModalNext:before {
	right: 20px;
}

.nyroModalPrev {
	left: 20px;
}

.nyroModalPrev:before {
	left: 20px;
}

.nyroModalTitle { display:none; }

.container {
    max-width: 100%;
}

/* MODAL NOTICIAS */
	
#modal_contenido {padding:0; margin:0; min-height:450px; width:650px; box-sizing:border-box;}
#modal_contenido .tit {background:#e4e3e2; padding:10px; margin:0 0 10px 0; display:block; font-size:20px; line-height:16px; color:#545454; font-weight:bold;}
#modal_contenido .cont {}
#modal_contenido .cont .left {width:250px; float:left; box-sizing:border-box; margin:0; padding:0}
#modal_contenido .cont .left img {max-width:250px;}	
#modal_contenido .cont .right {width:370px; float:right; box-sizing:border-box; margin:0; padding:0 10px 0 20px;}
#modal_contenido .cont .right h1 {font-size:16px; line-height:20px;}
#modal_contenido .cont .right p {font-size:12px; line-height:15px; padding:7px 0;}
#modal_contenido .cont .right a {color:#9FC339; text-decoration:underline;}
#modal_contenido .cont .right ul {padding:10px;}	
#modal_contenido .cont .right li {}

/*	MODAL COLABORADORES */
#modal-standard {width:100%; min-height:100%; margin:5px;box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
#modal-standard .title {background:#e4e3e2; padding:10px; margin:-5px -5px 10px -5px; display:block; font-size:20px; line-height:16px; color:#545454; font-weight:bold; width:100%;box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
#modal-standard .left{width:270px; margin-bottom:10px; float:left; padding-right:15px;box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
#modal-standard .left img {margin-bottom:5px;}
#modal-standard .right{width:380px; float:right;box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-bottom:5px;}
#modal-standard .right .btn {margin:15px 0 0 10px;}
#modal-standard .right .btn a {background:url(../img/ico_pat_link.png) center left no-repeat; font-size:11px; line-height:17px; padding:0 0 0 20px; color:#545454; text-decoration:none;}
#modal-standard .right .btn a:hover {color:#9FC339;}
#modal-standard .right p {font-size:12px; line-height:18px; padding-bottom:15px; padding:0 15px 10px 0; color:#545454 !important;}
#modal-standard .right ul {margin:10px 20px; padding:0;}
#modal-standard .right li {font-size:11px; line-height:normal;padding:1px 0; color:#545454 !important;}

.msg.error { color:#cc0000; margin-bottom:5px; }
.msg.ok { color:#9FC239; margin-bottom:5px; }
.dto { color:#cc0000; }

.form-group { margin:0px 0px 10px 0px; }
textarea#comentario { height:259px; }
textarea.txtavi { height:60px; width: 100%; border-radius: 10px; border: 1px solid #ccc; font-size: 12px; padding: 5px; margin-bottom: 5px; }
textarea.txt { height:200px; width: 100%; }

.update_avi, .update_mai {
	margin-left: 12px;
	font-size: 12px!important;
}

.update_avi .row, .update_mai .row {
	margin-bottom: 20px;
}


.line { 
	margin:5px 0;
	height:10px;
	width:100%;
	border-bottom:1px solid #ddd;
	margin-bottom:10px;
	clear:both;
}
.contenedor_botones { z-index:99999!important; }




/*  VALIDAR BONO   ****************************************************************/

.validar-bono { background:#fff; }	

.validar-bono .listado-bonos .cursos .item_curso { margin-bottom:20px; }
	  
.validar-bono h1 { background:#e4e3e2; padding:10px; margin:0 0 10px 0; display:block; font-size:20px; line-height:16px; color:#545454;}

.validar-bono .intro-txt {padding:25px 20px; background:#fafafa;}
.validar-bono .intro-txt form {}
.validar-bono .intro-txt form label {}
.validar-bono .intro-txt form label span {font-size:16px;font-weight:bold; color:#545454; padding:6px 10px 0 0; vertical-align:text-bottom; display:block; float:left;}
.validar-bono .intro-txt form label .tb { font-size:16px; padding:4px 2px;}

/* LISTADO BONOS 9FC339*/
.validar-bono .listado-bonos {} 
.validar-bono .listado-bonos .loader {background:#f4f4f4; padding:15px; margin:15px 0 0 0; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;display:none;}
.validar-bono .listado-bonos .loader img {float:left; padding:0 25px 0 0;}  
.validar-bono .listado-bonos .loader p {color:#545454; font-size:20px; text-shadow:0 2px 0 #fff; padding:10px 0 0 0;}

.validar-bono .listado-bonos .cursos {background:#fff; border:none; margin:20px 0 0 0;}

.validar-bono .listado-bonos .cursos .info {float:left;}
.validar-bono .listado-bonos .cursos .info h3 { font-size:20px; font-weight:300; padding:0px 0 0 0; }
.validar-bono .listado-bonos .cursos .info h3 strong {color:#9FC339;}
.validar-bono .listado-bonos .cursos .info p {}
.validar-bono .listado-bonos .cursos form {float:right; margin:0; width: 100%; height: 100%;}
.validar-bono .listado-bonos .cursos form input {border:none;background:#9FC339; color:#fff; padding:5px 25px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:15px; font-size:16px; font-weight:bold; margin:0 15px 0 0;}
.validar-bono .listado-bonos .cursos form select {border:none;background:#9FC339; color:#fff; text-align:left; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; font-size:16px; font-weight:bold; margin:0 15px 0 0;}
.validar-bono .listado-bonos .cursos form select option {}

.flexposition {
    display: flex;
    align-items: center;
}

.validar-bono .listado-bonos .cursos row { margin:20px 0 0 10px; }

.validar-bono .listado-bonos .cursos .img { float:left; padding-right:10px; }

.validar-bono .listado-bonos .cursos .txt { overflow:hidden; color:#313131; height:auto; color:#565656; font-size:14px; line-height:15px; height: 100%; }

.validar-bono .listado-bonos .cursos .txt h3 { font-size:18px; line-height:20px; margin-top:0px; font-weight:300; color:#000; }

			  
.tb[type="submit"] {
    background: none repeat scroll 0 0 #9FC339 !important;
    border: medium none;
    color: #FFFFFF;
    font-weight: bold;
    padding: 3px 10px;
	font-size:12px;
}
input[type="submit"], label, select, .pointer {
    cursor: pointer;
}

.nores { background:#cc0000; color:#fff; padding:10px; font-size:14px; text-align:center; }

img.imggallery { width:100%!important; }

.gallery { position:relative; }

.gallery i.fa-plus {
    background: url("../images/verde80.png");
    bottom: 0;
    color: #fff;
    height: 50px;
    line-height: 50px;
    position: absolute;
    right: 0;
    text-align: center;
    width: 50px;
}


h2.nomcat {
	font-weight:300!important;
	font-size:16px;
	background-color: #9FC239;
	color:#fff;
	padding:10px;
	border-radius:0px;
}

.row.asistentes {
    position: relative;
	padding:4px;
	font-size:14px;
	background:#f8f8f8;
	border-radius:0px;
	margin:2px;
	border-bottom:2px solid #ebebeb;
}

.action { position: absolute; width: 80px; right: -80px; top: 10px; }

.row.asistentes:hover { background:#ebebeb; }

.asistentes.th a { color: #fff!important; }

.asi, .del { float:right; cursor:pointer; }
.del { color:#cc0000; }
.encu { color:#9FC239; }

.add_alumno { background:#9FC239; color:#fff; }

.row.asistentes.th { background: #151515!important; color: #fff!important; }
.row.asistentes.th2 { background: #809442!important; color: #fff!important; font-size: 16px; font-weight: 400; }

.green { background: #d6ffd6!important; }
.red { background: #cbb!important; }

ul.btn_chefs { 
	margin-top:0px; 
	background:#f8f8f8; 
	padding:40px 0; 
	font-size:16px; 
	text-align:center; 
	margin-bottom:40px; 
	color:#565656; 
	border-bottom:1px solid #ebebeb; 

}
.btn_chefs li {
	padding:0 10px; 
	display: inline-block;
	border-right: 1px solid #ccc;
}
.btn_chefs li:last-child { border: none; }

.btn_chefs li a { text-decoration: none!important; }

.btn_chefs a.active { color:#9FC239; }

ul.tabubi { padding: 0; text-align: center; margin-bottom: 20px; }
ul.tabubi li { list-style: none; padding: 3px 15px; background: #ebebeb; border: 1px solid #ccc; width: 140px; display: inline-block; margin: 0; }
ul.tabubi li.active { background: #9FC239; color: #fff; }

ul.tabubi li a { color: #000; }
ul.tabubi li.active a { color: #fff; }


.fecplaasis { float:right; }

@media (max-width: 768px) { 
	.fecplaasis { float:none; }
}

.paginacio{float:left; margin:20px 0 20px 10px; color:#666666; font-size:15px; line-height:35px;}
.paginacio span{padding:0; margin:0 2px 0 1px; border:0;}
.paginacio span.actual{border:1px solid #222; padding:1px 5px 1px 5px; color:#fff; background:#222; /* -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;*/}
.paginacio a{border:1px solid #222; padding:1px 5px 1px 5px; color:#222; /*-moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;*/}
.paginacio a:hover{border:1px solid #333; color:#FFFFFF; background:#333;}

.col-md-1.div50 {
    width: 5%;
}
.karmacirculo {
  background: #fff;
   border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #333;
  border: 1px solid #333;
  display: inline-block;
  font-weight: bold;
  line-height: 1.6em;
  margin-right: 15px;
  text-align: center;
  width: 1.6em; 
}

i.qkarma1.karmacirculo.active1{
	background: #17d323;
}

i.qkarma1.karmacirculo:hover {
    background: #17d323;
    cursor: pointer;
}

i.qkarma3.karmacirculo.active3{
	background: #00bbff;
}

i.qkarma3.karmacirculo:hover {
    background: #00bbff;
    cursor: pointer;
}

i.qkarma4.karmacirculo.active4{
	background: #ee00ff;
}

i.qkarma4.karmacirculo:hover {
    background: #ee00ff;
    cursor: pointer;
}

i.qkarma2.far.fa-frown {
    display: inline;
    margin-left: 10%;
    font-size: 23px;
}

/*
i.qkarma1.fa.fa-smile-o.active1{
	color: #17d323;
}

i.qkarma1.fa.fa-smile-o:hover {
    color: #17d323;
    cursor: pointer;
}

i.qkarma3.fa.fa-smile-o.active3{
	color: #00bbff;
}

i.qkarma3.fa.fa-smile-o:hover {
    color: #00bbff;
    cursor: pointer;
}

i.qkarma4.fa.fa-smile-o.active4{
	color: #6a00ff;
}

i.qkarma4.fa.fa-smile-o:hover {
    color: #6a00ff;
    cursor: pointer;
}
i.qkarma1.fa.fa-smile-o, i.qkarma4.fa.fa-smile-o, i.qkarma3.fa.fa-smile-o{
    display: inline;
    margin-left: 10%;
    font-size: 23px;
}

#qkarmasmile i.qkarma1.fa.fa-smile-o, #qkarmasmile i.qkarma3.fa.fa-smile-o, #qkarmasmile i.qkarma4.fa.fa-smile-o{
	display: inline;
}
*/

i.qkarma2.far.fa-frown.active2{
	color: #e01414;
}
i.qkarma2.far.fa-frown:hover {
    color: #e01414;
    cursor: pointer;
}



div#nyroModalFull {font-size: 12px;color: #777;}
#modal-standard .send-encuesta, #modal-standard .send-btn {padding:3px 10px; color:#fff; background:#9FC339; border:none; float:right; margin-right:5px;font-size: 12px;
margin-top: 10px;}

#asistentesCtrl table th {
    padding: 5px;
    text-align: left;
    background: #333;
    color: #FFFFFF;
    border-bottom: 1px solid #fff;
        font-size: 13px;
}
#asistentesCtrl table tr {
    background: #F7F7F7;
        font-size: 13px;
}

#contactoCtrl div#cursos {
    min-height: 130px;
}

.at_flat_counter{
	height: auto !important;
}

body#condicionesCtrl #contenido .right{
    text-align: left !important;
}

#qkarmasmile .fa.fa-smile-o span {
    color: #000;
    font-size: 15px;
    margin-left: 6px;
    vertical-align: middle;
    margin-top: -10px;
}

.des_curso a { color:#9FC239!important; }
.des_curso a:hover { color:#667c27!important; }
	
article a {color:#9FC239!important; text-decoration: none!important}
article a:hover { color:#667c27!important; text-decoration: none!important }

#cursos a { color:#9FC239!important; text-decoration: none!important; }
#cursos a:hover { color:#667c27!important; text-decoration: none!important; }

#detalle_curso a { color:#9FC239; text-decoration: none!important; }
#detalle_curso a:hover { color:#667c27; text-decoration: none!important }

.icoint { float:right!important; margin-left: 5px; margin-top: 15px; }

.selectprof { max-width: 200px; }
.fecplaasis { max-width: 200px; }
#moneur, #mondisu { max-width: 100px!important; }
#moncom { min-height: 70px!important; }
#proifr { min-height: 100px!important; }

#mondisu { margin-bottom: 0px; }

.thumb_cont { 
	height: 110px;
}

.foto-perfil5 { border-radius:0; width:100px; height:100px; border: 1px solid #ccc; }
.foto-perfil6 { border-radius:0; width:100px; height:100px; border: 1px solid #ccc; }

.btn-file5, .btn-file6 {
    background: transparent none repeat scroll 0 0;
	top: 0px;
	left: 0px;
	height:100px;
	width:100px;
	margin: 0;
	border: none;
    position: absolute;
	z-index:3;
}

.thumb_edit, .thumb_edit5, .thumb_edit6 {
	display:block;
	position:absolute;
	left:0px; 
	top:0px;
	z-index:2;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	/*background-image:url(../img/no-image.png);*/
	width:100px;
	height:100px;
	cursor:pointer;
}

.btn-file5 input[type=file], .btn-file6 input[type=file] {
	
	top: 0px;
	left:0px;
	height:100px;
	width:100px;
	margin: 0;
	border: none;
    position: absolute;
	z-index:4;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    display: block;
	cursor:pointer;
}














.thumb_cont90 { 
	width: 100%;
	padding-top: 100%;
}

.foto-perfil90 { border-radius:0; width:100%; height:auto; border: 1px solid #ccc; }

.btn-file90 {
    background: transparent none repeat scroll 0 0;
	top: 0px;
	left: 0px;
	height:auto;
	width:100%;
	padding-top: 100%;
	border: none;
    position: absolute;
	z-index:3;
}

.thumb_edit90 {
	display:block;
	position:absolute;
	left:0px; 
	top:0px;
	z-index:2;
	background-repeat:no-repeat!important;
	background-size:cover!important;
	background-position:center center!important;
	/*background-image:url(../img/no-image.png);*/
	cursor:pointer;
	width: 100%;
}

.btn-file90 input[type=file] {
	
	top: 0px;
	left:0px;
	height:auto;
	width:100%;
	padding-top: 100%;
	border: none;
    position: absolute;
	z-index:4;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    display: block;
	cursor:pointer;
}







@media (max-width:940px) {
	
	.icoint { margin-left: 5px; margin-top: 15px; }
	.selectprof { max-width: 100%; }
	.fecplaasis { max-width: 100%; }
	#moneur { max-width: 100px!important; }
	#moncom { min-height: 70px!important; }
	ul.tabubi li { list-style: none; padding: 3px 0!important; background: #ebebeb; border: 1px solid #ccc; width: 80px!important; display: inline-block; margin: 0; }
	.nomobile { display: none; }
	ul.btn_chefs { 
		margin-top:0px; 
		background:#f8f8f8; 
		padding:30px 0; 
		font-size:13px; 
		text-align:center; 
		margin-bottom:20px; 
		color:#565656; 
		border-bottom:1px solid #ebebeb; 

	}
	.btn_chefs li {
		padding:0 5px; 
		display: inline-block;
		border-right: 1px solid #ccc;
	}
	.form-inline {
		padding: 0px 20px;
	}
	
}

#addfondos, #addproducto, #addusuario, #addgasto, #addcategoria, #addingrediente, #guardar-todo, #guardar-todo2, #guardar-todo3 { margin-right: 7px; margin-left: 7px; border-radius: 0px!important; margin-bottom: 5px; cursor: pointer; }
#addproducto { margin-left: -3px;  }

.pud5 { padding: 5px 0; font-size: 14px; }

.pud5 h2 { font-size: 18px; }

.haycom { font-size: 12px; color: #838383;}
.delete { color: #cc0000; font-size: 20px; cursor: pointer; }
.deleteing { color: #cc0000; font-size: 20px; cursor: pointer; margin-left: 10px; }

.im1, .im2 { text-decoration: underline!important; cursor: pointer; color: dodgerblue!important; font-size: 14px; }
.fotogrande, .fotogrande2 { 
	max-width: 100%; 
	height:600px;
	width: auto;
	text-align: center;
}
.modal1, .modal2 { 
	width: 100%; 
	height: 100px; 
	position: fixed; 
	top: 0px; 
	left: 0px; 
	margin: 0px; 
	display: none;
	z-index: 99999999999999;
}

.fa-picture-o { font-size: 20px; }
.fa-picture-o.im1 { margin-right: 5px; }

.cont_product { position: relative; }
.item_product { position: relative; background: #ccc; padding: 5px; border: 6px solid #fff; }
.item_product h3 { font-size: 16px; padding: 5px 5px 0 5px; white-space:nowrap; text-overflow: ellipsis; width: 100%; overflow:hidden; font-weight: normal; margin-bottom: 0px; }
.item_product h6 { font-size: 11px; padding: 5px 5px 0 5px; white-space:nowrap; text-overflow: ellipsis; width: 100%; overflow:hidden; font-weight: normal; margin-bottom: 0px; font-style: italic; color: #565656; }

.selectcurso { font-size: 12px; }
.checkdiv { display: inline-block; width: 30%; margin: 1%; background: #ebebeb; padding: 1%; }
.visto, .edit { cursor: pointer!important; }

.titsec { margin-left: 10px; font-size: 20px; font-weight: normal; margin-top: 0; }

.edpro, .editreceta, .editing, .editpla { font-size: 20px; cursor: pointer; margin-right: 5px; margin-left: 5px; margin-top: 3px; }
.editing, .editpla { margin-top: 0px; }
.visto, .delete { font-size: 22px; cursor: pointer!important; margin-left: 10px; }
.duplicar, .verpdf, .subirpdf, .subirpdf2 { font-size: 22px; cursor: pointer; margin-right: 10px; margin-top: 3px; }

.verpdf { color: #cc0000; }
.subirpdf, .subirpdf2 { margin-right: 0; }
.colprof { line-height: 16px; }

.psi, .pno { display: inline-block; width: 20px; height: 20px; margin-top: 8px; }
.psi { background-color:#57c170; }
.pno { background-color:#ca5e69; display: none; }
h3.headuser { font-size: 20px; background: #ebebeb; padding: 10px; font-weight: normal; }
h4.headuser { font-size: 14px; background: #ebebeb; padding: 5px; font-weight: normal; }

.pricont {
	padding:15px 30px;
	font-size:14px;
	background:#f8f8f8;
	border-radius:0px;
	border-bottom:2px solid #ebebeb;
	margin: 10px -5px;
}
.pricont .pud5 { border-bottom: 1px dotted #ccc; }
.pricont label { font-weight: normal!important; }
.send-encuesta { border-radius: 0px; }

.text-r { text-align: right!important; }

@media (max-width:940px) {
	.text-r { text-align: left!important; }
	.fecpla { margin-top: 15px; }
	.asigna_cont { text-align: center!important; }
	.asigna_cont select { text-align: center!important; display: inline-block; }
    .date_cont { position: relative; height: 70px; z-index: 999999999; }
    .date_input { position: absolute; width: 100%; }
}

.prodisponible {
	background: #fff5e9;
}
.prooculto {
	background: #ebebeb;
}

.cont_filtros {
	padding: 15px 0;
	background: #f8f8f8;
	font-size: 12px;
	margin: 10px 0px 10px -7px;
}

.nophoto1, .nophoto2, .nophoto3 { border:5px solid #ebebeb; }


.thumb_cont9, .thumb_cont99, .thumb_cont999 { 
	height: 169px;
}

.foto-perfil9, .foto-perfil99, .foto-perfil999 { border-radius:0; width:100%; height:auto; }

.btn-file9, .btn-file99, .btn-file999 {
	position: absolute;
    background: transparent none repeat scroll 0 0;
	min-height:169px;
	width:100%;
	border: none;
	z-index:3;
}

.thumb_edit9, .thumb_edit99, .thumb_edit999 {
	display:block;
	position:absolute;
	z-index:2;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	/*background-image:url(../img/no-image.png);*/
	min-height:169px;
	width:100%;
	cursor:pointer;
}

.btn-file9 input[type=file], .btn-file99 input[type=file], .btn-file999 input[type=file] {
	
	margin: 0;
	border: none;
    position: absolute;
	z-index:4;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    display: block;
	cursor:pointer;
	min-height:169px;
	width:100%;
	left: 0px;
}

.fotos_cont {
	max-width: 500px;
	width: 100%;
	margin: auto;
	margin-top: 50px;
}

.borra-foto {
	position: absolute;
	z-index: 9999;
	right: 0px;
	top: 8px;
	background: rgba(255,255,255,.5);
	width: 40px;
	height: 40px;
	line-height: 44px;
	text-align: center;
	border-radius: 20px;
	cursor: pointer;
}
.borra-foto .fa-times { font-size: 28px; color: #cc0000;  }

.delavi { margin-top: 0px!important; }

.form-control { font-size: 14px!important; }

.form-control-plaintext { color:#636363; font-size: 15px; border: none; width: 400px; }

.form-control.small { height: 25px; }

.alert-event { position: absolute; top: 0px; right: 0px; }

.superrojo { background: #a04d4d!important; color: #fff; }

.guardar-todo .form-control { height: 35px; font-size: 12px; }
.form-control.ingdes { width: 100%; height: 35px; font-size: 12px; margin-top: 3px; }

.firma_cont {
	display: none;
	position: fixed;
	left: 0px;
	right: 0px;
	top:0px;
	bottom: 0px;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 8888;
}

/*
#sig { 
	position: relative;
	left: 0px;
	right: 0px;
	top:70px;
	bottom: 0px;
	width: 100%;
	height: 100%;
	background: #ebebeb;
	z-index: 7777;
}
*/
.jSignature { background: #ebebeb; border-bottom: 2px solid #ebebeb; margin: auto!important; }
.signatureWrapper { }

.firma_top {
	position: relative;
	width: 100%;
	padding: 0px;
	font-size: 14px;
	color: #000;
	z-index: 99999;
	background: #fff;
}
.save-firma {
	background: #9FC239;
	border: none;
	color: #fff;
	border-radius: 10px;
	width: 160px;
	height: 40px;
	line-height: 40px;
	float: none!important;
}
.salir-firma {
	float:right;
	margin-right: 10px;
	background: #cc0000;
	border: none;
	color: #fff;
	border-radius: 50%;
	width: 40px;
	height: 40px;
}
.btn-undo {
	background: #ccc!important;
	border: none!important;
	padding: 5px 20px!important;
	color: #fff!important;
	font-size: 14px!important;
	position: absolute!important;
	left: 15px!important;
	top: 15px!important;
	z-index: 9999999999;
}
.openfirma { float: right; cursor: pointer; }
/*
.openfirma {
	float:left;
	border: none;
	padding: 5px 20px;
	color: #fff;
}*/
.firma-img {
	width: 100%;
	max-width: 300px;
}

.banner-virus {
	padding: 20px 0;
	background-color:#fff;
	color: #cc0000;
}

.banner-virus p {
	max-width: 850px;
	text-align: justify;
	font-size: 16px;
    line-height: 23px;
	margin: auto;
}

.banner-virus p a {
	font-weight: 700!important;
    text-decoration: underline!important;
    color: #f00!important;
}

.banner-virus p a:hover {
    text-decoration: none!important;
}

canvas { background: #f8f8f8; border-bottom: 1px solid #ebebeb; }

a.gallery { font-weight: 700; color: #000; }
.pt15 { padding-top: 10px; padding-bottom: 10px; }

.acom { padding: 20px 20px 3px 20px; display: none; position: relative;}
.acom h5 { margin-bottom: 0px; }
.acom p { font-size: 12px; color: #999; margin: 5px 0 20px 0px; }

input[type="file"]#uploalu {
	 width: 0.1px;
	 height: 0.1px;
	 opacity: 0;
	 overflow: hidden;
	 position: absolute;
	 z-index: -1;
 }


label[for="uploalu"] {
	font-size: 14px;
	font-weight: 600;
	color: #fff;
	background-color: #7A7A7A;
	display: inline-block;
	transition: all .5s;
	cursor: pointer;
	padding: 5px 0px !important;
	text-align: center;
	width: 100%;
}

.smallsel { font-size: 10px!important; }

.col-auto {
	display: inline-block;
}

.fa-circle {
	cursor: pointer;
	font-size: 22px;
	margin: 0px 3px;
}
.arango {
	display: none;
	padding: 1px 10px;
	margin: 0px!important;
	margin-top: -9px!important;
	font-size: 12px;
	border:none;
	background: #000;
	color: #fff;
}
.arango:hover {
	background: #fff;
	color: #000;
}

.medit .modal-content {
	padding: 20px;
}

.medit .modal-content h3 {
	font-size: 20px;
}

.medit .modal-content h3 span {
	color: #999;
}

.delrango {
    font-size: 22px;
    background: #fff;
    border:none;
    cursor: pointer;
}


.modalacti { display: none; }
.vermasac { display: none; }


@media (max-width:960px) {

    .fastbooking h2 {

        color: #000;
        margin-top: 0px;
        margin-bottom: 2px;
        font-size: 20px;
        line-height: 27px;
        text-align: center;
    }
    
    .diac .item {
        text-align: center;
        padding: 0;
        color: #444;
        font-size: 10px!important;
    }
    
    
    #msform fieldset {
        background: white;
        border: 0 none;
        border-radius: 3px;
        box-shadow: 0 0 15px 1px
        rgba(0, 0, 0, 0.4);
        padding: 20px 10px;
        box-sizing: border-box;
        width: calc(100% + 30px);
        margin: 0 -15px 0 -15px;
        position: relative;
    }
    
    #progressbar {
        margin-bottom: 30px;
        overflow: hidden;
        counter-reset: step;
        padding-left: 0;
        font-size: 11px;
    } 
    #msform .action-button {
        width: 100px;
        background: #9FC239;
        color: white;
        border: 0 none;
        cursor: pointer;
        padding: 6px 0px;
        margin: 10px 5px;
        border-radius: 15px;
        font-size: 16px;
    }
    
    #msform ul.ulran li {
        font-size: 12px;
        width: 100%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        border-radius: 25px;
        text-align: center;
    }

    .actividad p { display: none; }
    #progressbar { display: none; }
    .modalacti { 
        display: none;
        padding: 15px;
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background: rgba(255,255,255,1);
        z-index: 9999;
        
    }
    .closeac {
        position: absolute;
        top: 15px;
        right: 15px;
        font-size: 30px;
        cursor: pointer;
    }
    .vermasac { 
        display: block;
        cursor: pointer;
        padding: 5px;
        font-weight: 700;
        color:#c00000;
        width: 70px;
        text-align: center;
        left: 50%;
        position: relative;
        margin-left: -35px;
        font-size: 24px;
    }
    
    .modalacti h2 {
        color: #9FC239;
        margin-top: 25px;
        font-size: 21px;
    }
    
    .flexcenter {
        display: flex;
        height: 100%;
        align-items: center;
    }
    
    .flexcenter div {
        align-items: center;
    }
    
}