@charset "utf-8";


.text-justify { text-align: justify; }

.cookies-panel-wrapper { position: fixed; bottom: -100px; width: 100%; color:#FFF; z-index:999;}
.page-wrapper.boxed .cookies-panel-wrapper{ max-width:1250px; }
#cookies-panel {
	padding:10px 0; z-index:9999; border-top:4px solid; border-color:#69A742;
	background: rgb(0, 0, 0) transparent; background: rgba(0, 0, 0, 0.9);
}

/* Banner vertical */

.aside-banner { text-align:center; }

.fa-outside li { list-style: none outside none; padding-left:25px; }
.fa-outside li i.fa-li { position:relative; margin-left:-25px; }


.table-jugadores tr td:first-child {
    font-size: 1.2em;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
}


.table-ganadores { font-size: 0.82em; }

.table-ganadores > thead > tr > th, .table-ganadores > tbody > tr > th, .table-ganadores > tfoot > tr > th, .table-ganadores > thead > tr > td,
.table-ganadores > tbody > tr > td, .table-ganadores > tfoot > tr > td {
	padding: 3px 6px;
}

.form-control.error {
	border-color:#cc0000; }

label.error, label.error.form-group label.error { font-weight:normal; color:#cc0000; font-size:0.8em;}


#respuesta > div > p { margin-left:50px; }



#loginform label.error { display:table-caption; }


.hideOverflow {
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.hideOverflow-divContainer { width:100%; }
.hideOverflow-divContainer > div {
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}



.portfolio-info-simple .portfolio-title, .portfolio-info-simple .portfolio-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.title-appsnp {
	font-weight:900;
	color: #848494;
	letter-spacing:-3px;
}


.icon-app.icon-wrapper.icon-border-radius.fa-5x { line-height:90px; }

.sb-default:hover .icon-app.icon-wrapper { background-color:#fff !important; }
.service-block-icon .icon-app.icon-wrapper { transition: none !important; }


/* text lead */
.lead { font-size:24px; }
.lead-md { font-size:20px; }
.lead-sm { font-size:16px; }


#main-menu li a {
	padding:1.5em 1.2em 1.5em 1em !important;	
}



	/**
	* Ventanas modales para la home
	*/

#modal-popup {
    background: white;
    padding: 0;
    max-width: 900px;
    margin: 40px auto;
    position: relative;
}
    

#modal-sorteo {
	background: white;
	padding: 0;
	max-width: 900px;
	margin: 40px auto;
	position: relative;
}
#modal-finalmaster {
	background: white;
	padding: 0;
	max-width: 900px;
	margin: 40px auto;
	position: relative;
}
#modal-catalogo {
	background: white;
	padding: 0;
	max-width: 900px;
	margin: 40px auto;
	position: relative;
}	
	
	/**
	* Fade-zoom animation for first dialog
	*/
	
	/* start state */
.modal-sorteo-mfp-zoom-in .zoom-anim-dialog {
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}
	
	/* animate in */
.modal-sorteo-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
	
	/* animate out */
.modal-sorteo-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
}
	
	/* Dark overlay, start state */
.modal-sorteo-mfp-zoom-in.mfp-bg {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}
	/* animate in */
.modal-sorteo-mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.8;
}
	/* animate out */
.modal-sorteo-mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0;
}

.mfp-close-btn-in .mfp-close {
    color: #3aa936 !important;
	background-color: transparent !important;
}

.mfp-close {
    font-size: 5em;
    font-weight: 700;
    height: 65px;
    width: 65px;
    line-height: 65px;
}
	
	
/* Datatable Ranking */
.tableRanking table tr td { vertical-align: middle;}
.tableRanking .dataTables_length .form-control,.tableRanking .dataTables_filter .form-control  { display: inline !important;}
.tableRanking .avatar { width:30px;height:30px; float:left; margin-right:10px; box-shadow:unset; border-radius: 5px; }
.tableRanking .avatar img { width:100%; }
.tableRanking .avatar .icon-overlay { font-size:22px;}
.tableRanking .playername { float:left; padding:6px 0 0 0; }
.tableRanking .table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td {
	padding:5px; font-size:12px;
}


input.spinner[type="text"], input.spinner[type="password"], input.spinner[type="datetime"], input.spinner[type="datetime-local"], input.spinner[type="date"], input.spinner[type="month"], input.spinner[type="time"], input.spinner[type="week"], input.spinner[type="number"], input.spinner[type="email"], input.spinner[type="url"], input.spinner[type="search"], input.spinner[type="tel"], input.spinner[type="color"] {
    background-image: url("../img/theme/input-spinner.gif") !important;
    background-repeat: no-repeat;
    background-position: right 8px;
}

@media (min-width: 768px) and (max-width:1200px) {
    .btn { white-space: normal !important;}
}
    


/* railo dump */
.-railo-dump.modern .table-dump td { color: #000; display:table-cell; } 
.-railo-dump.modern .table-dump { border-collapse: collapse !important; }