/* ATENCIÓN */
/* En este archivo VAN las clases propias creadas por ridon QUE SON DE CARACTER GENERAL. */
/* En este archivo NO VAN las modificaciones de bootstrap.css.*/
@import 'variables.css';
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap');
* {font-family: 'Poppins', sans-serif;}

/* En este documento van los estilos de widgets específicos de ridon. 
Las modificaciones de bootstrap u otros componentes de terceros deberán ir en custom.css*/
/******************************************************************************
*
*							0 - SCROLLBAR
*
*******************************************************************************/
/*Ridon SideBar rsb*/
.rsb::-webkit-scrollbar,
.rsb-all ::-webkit-scrollbar {
	width: 10px;
	/*background-color: #fff;*/;
}

.rsb::-webkit-scrollbar-button,
.rsb-all ::-webkit-scrollbar-button {
	width: 10px;
	height: 10px;
	/*background-color: #fff;*/;
}

.rsb::-webkit-scrollbar:horizontal,
.rsb-all ::-webkit-scrollbar:horizontal {
	height: 10px;
}

.rsb::-webkit-scrollbar-track,
.rsb-all ::-webkit-scrollbar-track {
	display: none;
	/*border:1px #ffffff solid;
	border-radius:10px;
	-webkit-box-shadow:0 0 6px #ffffff inset;*/;
}

.rsb::-webkit-scrollbar-thumb,
.rsb-all ::-webkit-scrollbar-thumb {
	background-color: #628094a1;
	/*border:1px solid #6280946A;*/
	border-radius: 10px;
}

.rsb::-webkit-scrollbar-thumb:vertical,
.rsb-all ::-webkit-scrollbar-thumb:vertical {
	min-height: 100px;
}

.rsb::-webkit-scrollbar-thumb:horizontal,
.rsb-all ::-webkit-scrollbar-thumb:horizontal {
	min-width: 100px;
}

.rsb::-webkit-scrollbar-thumb:hover,
.rsb::-webkit-scrollbar-thumb:active,
.rsb-all ::-webkit-scrollbar-thumb:hover,
.rsb-all ::-webkit-scrollbar-thumb:active {
	background-color: #628094d9;
}

.rsb-admin::-webkit-scrollbar-thumb,
.rsb-all-admin ::-webkit-scrollbar-thumb {
	background-color: #66cc99a1;
	/*border:1px solid #66cc996A;*/
	/*border-radius:10px;*/;
}

.rsb-admin::-webkit-scrollbar-thumb:hover,
.rsb-admin::-webkit-scrollbar-thumb:active,
.rsb-all-admin ::-webkit-scrollbar-thumb:hover,
.rsb-all-admin ::-webkit-scrollbar-thumb:active {
	background-color: #66cc99;
}

/******************************************************************************
*
*				1 - MENÚ LATERAL FLOTANTE
*
*******************************************************************************/
.sidebar {
	width: 90vw;
	/*max-width: 300px;*/
	position: fixed;
	top: 0px;
	height: 100%;
	/*left: -120vw;*/
	z-index: 9999;
	overflow: auto;
	background-color: white;
	word-break: break-all;
	/*animacion*/
	-webkit-transition: all 700ms ease;
	-moz-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	transition: all 700ms ease;
}

.sidebar.sidebar-left {
	left: -120vw;
}

.sidebar.sidebar-right {
	right: -120vw;
}

.sidebar.sidebar-left.active {
	left: 0px;
}

.sidebar.sidebar-right.active {
	right: 0px;
}

.sidebar li {
	padding: 10px 15px;
	/*border: 1px solid lightgrey; */
	/*background-color: white; */;
}

.sidebar .color-active li.active {
	/*border: 1px solid lightgrey; */
	background-color: #6280944A;
	border-radius: 0px 25px 25px 0px;
}

.sidebar .color-active li.active a {
	color: #444444;
}

.sidebar li a {
	width: 100%;
	display: block;
	/*color: #628094;
	background-color: white; */;
}

.sidebar li.divider {
	padding: 0px;
	height: 1px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: lightgrey;
}

.sidebar-overlay {
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.5);
	z-index: 9990;
	cursor: pointer;
}

.sidebar-overlay.active {
	display: block;
}

@media only screen and (min-width : 992px) {
	.sidebar {
		/*max-width: 550px;*/
		max-width: 35em;
	}
}

.sidebar .item-escudo {
	min-width: 40px;
	min-height: 40px;
	padding: 0px 15px;
	float: left;
}

.no-scroll {
	overflow: hidden !important;
}
/*************************************************************
*			sidebar scrollbar
* **************************************************************/
.sidebar > * {
	margin-right: 5px;
}

.sidebar::-webkit-scrollbar {
	width: 6px;
	background-color: #ffffff;
}

.sidebar::-webkit-scrollbar:horizontal {
	height: 6px;
}

.sidebar::-webkit-scrollbar-button {
	height: 6px;
	width: 6px;
}

.sidebar::-webkit-scrollbar-track {
	display: none;
}

.sidebar::-webkit-scrollbar-thumb {
	background-color: #6280946A;
	/*border:1px solid #628094;*/
	border-radius: 0px;
}


/*************************************************************
*			sidebar breadcrumb vertical
* **************************************************************/
.breadcrumb-vertical {
	margin-left: 4px;
}

.breadcrumb-vertical li {
	position: relative;
}

.breadcrumb-vertical a {
	color: #66cc99;
}

.breadcrumb-vertical li:before {
	content: "";
	position: absolute;
	left: 0px;
	bottom: 0px;
	height: 100%;
	width: 1px;
	background-color: #888;
}

.breadcrumb-vertical li:last-child:before {
	content: "";
	position: absolute;
	left: 0px;
	top: 0px;
	height: 50%;
	width: 1px;
	background-color: #888;
}

.breadcrumb-vertical li:first-child:before {
	content: "";
	position: absolute;
	left: 0px;
	bottom: 0px;
	height: 50%;
	width: 1px;
	background-color: #888;
}

.breadcrumb-vertical li:only-child:before {
	content: "";
	position: absolute;
	left: 0px;
	bottom: 0px;
	height: 0px;
	width: 0px;
	background-color: #888;
}
/*rayita*/
/* NO BORRAR
.breadcrumb-vertical li:after{
	content : "";
  	position: absolute;
  	left    : 0px;
  	bottom  : calc(50% - 1px);
  	height  : 2px;
  	width   : 7px;  
  	border-top:1px solid #888;
}*/
/*ciculito*/
.breadcrumb-vertical li:after {
	content: "";
	position: absolute;
	left: -2px;
	bottom: calc(50% - 3px);
	height: 5px;
	width: 5px;
	border: 1px solid #888;
	border-radius: 50%;
	background-color: white;
}

/*************************************************************************
*
*						NAVBARS
*
* ************************************************************************/
/* Clases genericas navbar */
.navbar-admin{
	background-color: #66cc99 !important;
	border-color: #66cc99 !important;
	color: #fff !important;
}
.navbar-market{
	background-color: #3498db !important;
	border-color: #3498db !important;
	color: #fff !important;
}
.navbar-usuario{
	background-color: #628094 !important;
	border-color: #628094 !important;
	color: #fff !important;
}

.navbar-logo{
	height:30px ; 
	object-fit: contain;
}

.navbar-avatar{
	width:32px; 
	height:32px; 
	border:2px solid #fff; 
	margin-top:-2px;
	object-fit:cover; 
	background-color: white; 
}

.navbar-link, .navbar-link:hover{
	color: #fff !important;
	background-color: transparent;
	text-decoration: none;
}

.navbar-link-notification-badge{
	margin-top:-20px; 
	margin-left:-15px;
}

.sidebar-link{
	font-size:15px;
	font-weight:bold;
	color:var(--color-black-tinted);
	-webkit-transition: color 0.25s;
    -moz-transition:    color 0.25s;
    -ms-transition:     color 0.25s;
    -o-transition:      color 0.25s;
    transition:         color 0.25s;
}

.sidebar-link:hover{
	background-color:#fff !important;
	color:var(--color-success);
}

.sidebar-institucion-block{
    padding: 5px;
    border-radius: var(--card-corner-radius);
    box-shadow: none;
    -webkit-box-shadow: none;
    border: 1px solid var(--color-lighter-gray);
}


/* Navbar generico mobile */
.mobile-navbar{
	margin-bottom: 15px;
}

.mobile-navbar .navbar-header{
}

.mobile-navbar .navbar-avatar{
	width:40px; 
	height:40px; 
	border:2px solid #fff; 
	/*margin-top:-3px;*/
	object-fit:cover; 
	background-color: white; 
}

.mobile-navbar ul{
	list-style-type: none !important;
	padding-inline-start:  0;
}

.mobile-navbar ul>li{
	display: inline-block !important;
	text-align: center !important;
	padding: 10px 5px;
}
/*.mobile-navbar ul>li+li{
	padding-left: 0;
}*/

.mobile-navbar .mobile-navbar-icon{
	display: block;
	font-size: 24px;
	margin: auto;
	line-height: 1.2em;
}

.mobile-navbar .mobile-navbar-icon-title{
	display: block;
	font-size: 10px;
	margin: auto;
}


/******************************************************************************
*
*					CARDS DEL PANEL DE CLUB/FEDERACION
*
*******************************************************************************/
.admin-card {
	border-radius: 10px;
	background-color: #628094;
	color: #fff;
	margin-bottom: 30px;
}

.admin-card .admin-card-heading {
	/*tienes border radius porque le pones color luego*/
	border-radius: 10px 10px 0px 0px;
	text-align: center;
	padding-bottom: 50px;
}

.admin-card .admin-card-heading .admin-card-title {
	font-size: 18px;
	line-height: 27px;
	padding: 15px 15px 25px 15px;
}

.admin-card.success .admin-card-heading {
	background-color: #8CCAAB;
}

.admin-card.success-dark .admin-card-heading {
	background-color: #87C1C1;
}

.admin-card.info .admin-card-heading {
	background-color: #74B3DC;
}

.admin-card.info-dark .admin-card-heading {
	background-color: #74b3dc;
}

.admin-card.primary .admin-card-heading {
	background-color: #123456;
}

.admin-card.primary-dark .admin-card-heading {
	background-color: #123456;
}

.admin-card.warning .admin-card-heading {
	background-color: #123456;
}

.admin-card.warning-dark .admin-card-heading {
	background-color: #123456;
}

.admin-card.danger .admin-card-heading {
	background-color: #123456;
}

.admin-card.danger .admin-card-heading {
	background-color: #123456;
}

.admin-card.danger-dark .admin-card-heading {
	background-color: #123456;
}

.admin-card.purple .admin-card-heading {
	background-color: #A7ACD8;
}

.admin-card .admin-card-body {
	/*background-color: #628094;*/
	padding: 30px;
	font-size: 16px;
	font-weight: 400;
	line-height: 19.5px;
}

.admin-card .admin-card-footer {
	/*border-radius: 0px 0px 10px 10px;*/
	padding: 30px;
	padding-top: 0px;
}

/*admin card sin permisos*/
.admin-card.disabled {
	color: #cccccc;
	background-color: #e8e8e8;
}

.admin-card.disabled .admin-card-heading {
	background-color: #e8e8e8;
}

.admin-card.disabled .admin-card-heading .admin-card-title {
	color: #999;
}

.admin-card.disabled .admin-card-icon {
	color: #ddd;
}

.admin-card.disabled .admin-card-body {
	color: #999;
}

.admin-card.disabled .admin-card-footer {
	color: #ccc;
}

/* ribbon premium de los admin-card-footer */
.ribbon-widget {
}

.ribbon-widget .icon-container {
	border-radius: 10px;
	height: 40px;
	width: 40px;
	text-align: center;
	float: left;
	margin-right: 10px;
}

.ribbon-widget .icon-container>.icon {
	font-size: 24px;
	margin-top: 7px;
	color: #fff;
}

.ribbon-widget-body {
	padding: 0px 15px 0px 15px;
}

.ribbon-widget .title {
	font-size: 14px;
	font-weight: bold;
}

.ribbon-widget .data {
	font-size: 24px;
}

/* widget con los contadores en el panel de institcion*/
.admin-widget {
	display: block;
	background-color: #fff;
	/*color: #628094;*/
	border-radius: 10px;
	margin-bottom: 15px;
	padding: 15px;
}

.admin-widget:after{
	/*quita los floats*/
	content: " ";
	clear: both;
	display: table;
}
.admin-widget .icon-container {
	float: left;
	margin-right: 15px;
	height: 53px;
	width: 53px;
	/*color: #628094;*/
}

.admin-widget .icon-container>.icon {
	border-radius: 8px;
	background-color: #eee;
	text-align: center;
	height: 53px;
	width: 53px;
	font-size: 26px;
	line-height: 26px;
	display: table-cell;
	vertical-align: middle;
}

.admin-widget-body {
	padding: 0px 15px 0px 15px;
}
/*.admin-widget:hover .admin-widget-body{
	color: ;
	background-color: #eee;
}*/

.admin-widget .title {
	font-size: 14px;
	font-weight: bold;
}

.admin-widget .data {
	font-size: 24px;
}






/******************************************************************************
*
*							2 - FICHA de SOCIO
*
*******************************************************************************/
.ficha-socio-header {
}

.ficha-socio-header .avatar {
	width: 120px;
	height: 120px;
	object-fit: cover;
	cursor: pointer;
}

.ficha-socio-header .avatar-podium-small {
	position: absolute;
	width: 40px;
	height: 40px;
	object-fit: cover;
	margin-top: -30px;
	margin-left: 90px;
	-webkit-box-shadow: -1px -1px 4px 0px rgb(0 0 0 / 30%);
	-moz-box-shadow: -1px -1px 4px 0px rgba(0,0,0,0.3);
	box-shadow: -1px -1px 4px 0px rgb(0 0 0 / 30%);
	cursor: pointer;
}

.ficha-socio-header .substat {
	max-width: 180px;
	display: inline-block;
	border-right: 1px solid #bbb;
	padding-left: 10px;
	padding-right: 10px;
}

.ficha-socio-header .substat:last-child {
	border-right: 0;
}

.ficha-socio-header .substat .substat-icon {
	font-size: 32px;
	color: #b5b5c3 !important;
}

.ficha-socio-header .substat .substat-title {
	font-size: 12px;
	font-weight: bold;
	/*margin-top:-5px; esto te lo rompe*/;
}

.ficha-socio-header .substat .substat-value {
	font-size: 17px;
	font-weight: bold;
}

.ficha-socio-side-menu {
	-webkit-box-shadow: 0px 3px 4px -1px rgb(0 0 0 / 30%);
	-moz-box-shadow: 0px 3px 4px -1px rgba(0,0,0,0.3);
	box-shadow: 0px 3px 4px -1px rgb(0 0 0 / 30%);
}

/* DISEÑO DE TARJETAS Y CARNETS WEB*/
.carnet-wrapper {
	position: relative;
	width: 360px;
	height: 220px;
	overflow: hidden;
}

.carnet-wrapper .carnet {
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 12px!important;
	background-color: #fff;
	color: #444 !important;
	overflow: hidden;
}

.carnet-wrapper .carnet.carnet-warning {
	border: 3px solid #f39c12;
	color: #fff;
}

.carnet-wrapper .carnet.carnet-danger {
	border: 3px solid #e74c3c;
	color: #fff;
}

.carnet-wrapper .carnet.carnet-success {
	border: 3px solid #66cc99;
	color: #fff;
}

.carnet-wrapper .carnet.carnet-info {
	border: 3px solid #3498db;
	color: #fff;
}

.carnet-wrapper .carnet.carnet-default {
	border: 3px solid #95a5a6;
	color: #fff;
}

.carnet-wrapper .carnet .escudo-carnet {
	z-index: 0 !important;
	position: absolute;
	height: 200px;
	width: 200px;
	object-fit: contain;
	bottom: 10px;
	right: -90px;
	opacity: 0.3;
}

.carnet-wrapper .carnet .ano-carnet {
	z-index: 0 !important;
	position: absolute;
	left: 5px;
	bottom: -15px;
	color: rgba(0,0,0,0.1);
}

.carnet-wrapper .carnet .texto-carnet {
	position: relative;
	z-index: 999 !important;
}

/****************************************************************
*
*				PASSWORDS
*
****************************************************************/

.input-password {
	position: relative;
}

/* Estilos para el campo de entrada */
.input-password input {
	padding-right: 30px;
	/* Deja espacio para el ícono */
}

/* Estilos para el ícono */
.toggle-password {
	position: absolute;
	top: 50%;
	right: 10px;
	/* Posición a la derecha dentro del campo */
	transform: translateY(-50%);
	cursor: pointer;
	color: #aaa;
}

/* Cambiar color al pasar el ratón */
.toggle-password:hover {
	color: #000;
}

/****************************************************************
*
*				NOTIFICACIONES
*
****************************************************************/

.badge-notificacion {
	font-size: 10px;
	margin-top: -25px;
	margin-left: -14px;
	padding:3px 6px 3px 6px;
}

.badge-notificacion.danger {
	color: #fff;
	background-color: #fc5c65;
}
/****************************************************************
*
*				tables row menu
*
****************************************************************/
.table-menu-hover tr:not(:hover) .td-menu > * {
	/*display: none;*/
	z-index: -1000000000;
}

.bg-icon-ridon{
	/*('<svg viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg"><ellipse cx="200" cy="200" rx="100" ry="100" fill="none" opacity=".1" stroke="#fff" stroke-width="40"/><ellipse cx="200" cy="200" rx="30" ry="30" fill="#fff" opacity=".1" stroke-width="0"/></svg>');*/
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2aWV3Qm94PSIwIDAgNDAwIDQwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGVsbGlwc2UgY3g9IjIwMCIgY3k9IjIwMCIgcng9IjEwMCIgcnk9IjEwMCIgZmlsbD0ibm9uZSIgb3BhY2l0eT0iLjEiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSI0MCIvPgo8ZWxsaXBzZSBjeD0iMjAwIiBjeT0iMjAwIiByeD0iMzAiIHJ5PSIzMCIgZmlsbD0iI2ZmZiIgb3BhY2l0eT0iLjEiIHN0cm9rZS13aWR0aD0iMCIvPgo8L3N2Zz4');
	background-size: 90px;
	background-repeat: space ;
}
.bg-icon-ridon-less{
	background-image: url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDAwIDQwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZWxsaXBzZSBjeD0iMjAwIiBjeT0iMjAwIiByeD0iMTAwIiByeT0iMTAwIiBmaWxsPSJub25lIiBvcGFjaXR5PSIuMDUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSI0MCIvPjxlbGxpcHNlIGN4PSIyMDAiIGN5PSIyMDAiIHJ4PSIzMCIgcnk9IjMwIiBmaWxsPSIjZmZmIiBvcGFjaXR5PSIuMDUiIHN0cm9rZS13aWR0aD0iMCIvPjwvc3ZnPg');
	background-size: 90px;
	background-repeat: space ;
}

.big-checkbox {
	/* Double-sized Checkboxes */
	-ms-transform: scale(2) !important;
 /* IE */
	-moz-transform: scale(2) !important;
 /* FF */
	-webkit-transform: scale(2) !important;
 /* Safari and Chrome */
	-o-transform: scale(2) !important;
 /* Opera */;
}

.col-separator {
	border: none!important;
	background-color: #fff !important;
	padding: 0px 5px !important;
}

.row-separator {
	text-align: center;
	height: 1.5em;
	background-color: #fff !important;
}

.table-hover-lateral tr.row-separator:hover {
	border-left-width: 0!important;
	border-right-width: 0!important;
}

/*bootstrap les pone un border-top 2px*/
.table-bordered-h thead>tr>th{
	border: 1px solid #fff;

}
.table-bordered-h tbody>tr:first-of-type td,
.table-bordered-h-double tbody>tr:first-of-type td,
.table-bordered-h-tbody tbody:first-of-type td{
	border-top: 2px solid #e7e7e7;
}
.table-bordered-h tbody>tr td,
.table-bordered-h-double tbody>tr:nth-child(even) td,
.table-bordered-h-tbody tbody td{
	/*border-top: 1px solid #ecf0f1;*/
	border-bottom: 2px solid #e7e7e7;
}

.table-bordered-h-fat tbody>tr td,
.table-bordered-h-fat-double tbody>tr:nth-child(even) td,
.table-bordered-h-fat-tbody tbody td{
	border-top-width: 3px;
	border-bottom-width: 3px;
}

.table-bordered-h-fatter tbody>tr td,
.table-bordered-h-fatter-double tbody>tr:nth-child(even) td,
.table-bordered-h-fatter-tbody tbody td{
	border-top-width: 5px;
	border-bottom-width: 5px;
}
.table-row-rounded tr>td:first-child{
	border-radius: 10px 0px 0px 10px;
}
.table-row-rounded tr>td:last-child{
	border-radius: 0px 10px 10px 0px;
}
/*ajusta la celda al contenido todo lo posible*/
.min-width {
	width: 1px;
	white-space: nowrap;
}

/*******************************************************
*
*				CAJAS Y CONTENEDORES 
*
********************************************************/
.section-box {
	background-color: #fff;
	border-radius: 4px;
	/*color:#708090;*/
	color: #333333;
	height: 430px;
	padding: 10px 5px 10px 5px;
	-webkit-box-shadow: 0px 3px 4px -1px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 3px 4px -1px rgba(0,0,0,0.3);
	box-shadow: 0px 3px 4px -1px rgba(0,0,0,0.3);
	overflow-y: auto;
}

.section-box-fixed {
	background-color: #fff;
	border-radius: 4px;
	/*color:#708090;*/
	color: #333333;
	height: 500px;
	padding: 10px 5px 10px 5px;
	-webkit-box-shadow: 0px 3px 4px -1px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 3px 4px -1px rgba(0,0,0,0.3);
	box-shadow: 0px 3px 4px -1px rgba(0,0,0,0.3);
}

.section-box:hover {
	-webkit-box-shadow: 0px 3px 4px -1px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 3px 4px -1px rgba(0,0,0,0.3);
	box-shadow: 0px 3px 4px -1px rgba(0,0,0,0.3);
}

.section-fixed:hover {
	-webkit-box-shadow: 0px 3px 4px -1px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 3px 4px -1px rgba(0,0,0,0.3);
	box-shadow: 0px 3px 4px -1px rgba(0,0,0,0.3);
}

.section-box a {
	color: #244363;
}

.section-title {
	text-align: left;
	font-size: 18px;
	padding: 10px 17px 0px 17px;
	text-transform: uppercase;
	color: #2c3e50;
}

.section-title hr {
	margin-bottom: 5px;
}

.section-title .btn {
	margin-top: 0px;
}

.section-title hr {
	border: 1px solid #ededed;
	margin-top: 10px;
}

.section-content {
	color: #708090;
	/*padding:10px 15px 0px 15px;*/
	margin-bottom: 10px;
}

.section-content table {
	border-left: none !important;
	border-right: none !important;
}

.minibox-container {
	background-color: #fff;
	color: #708090;
	height: 120px;
	padding: 10px;
	-webkit-box-shadow: 0px 3px 4px -1px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 3px 4px -1px rgba(0,0,0,0.3);
	box-shadow: 0px 3px 4px -1px rgba(0,0,0,0.3);
}

.minibox-container-fluid {
	/*border-radius:4px;*/
	/*border:1px solid #999;*/
	background-color: #fff;
	color: #708090;
	padding: 10px;
	-webkit-box-shadow: 0px 3px 4px -1px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 3px 4px -1px rgba(0,0,0,0.3);
	box-shadow: 0px 3px 4px -1px rgba(0,0,0,0.3);
}

.minibox-number {
	color: #2a3f54;
	font-size: 38px;
	font-weight: bold;
	margin-left: 10px;
}

.minibox-title {
	/*color:#999;*/
	color: #2a3f54;
	;
	font-size: 24px;
	margin-left: 10px;
}

.minibox-subtitle {
	color: #738796;
	font-size: 12px;
	font-weight: lighter;
	margin-left: 10px;
}

.minibox-icon {
	color: #66cc99;
	position: absolute;
	right: 35px;
	top: 5px;
	font-size: 60px;
}

.minibox-button {
	height: 25px !important;
	line-height: 0px !important;
}

/******************************************************************************
*
*							OMAR CUSTOM CHECKBOX
*       tamaño ajustable por el fontsize en omar-checkbox
*******************************************************************************/
.omar-checkbox-fill{/*TABLE*/
	height: 100%;
	/*display: flex;
	flex-flow: column;*/
}
.omar-checkbox-fill .omar-checkbox{
	height: 100%;
	/*flex: 1 1 auto;*/
	display: inline-block;
}
.omar-checkbox{
	position: relative;
	/*line-height: 1em;*/
	font-weight: normal
}
.omar-checkbox input[type="checkbox"]{
	opacity: 0;
	margin: 0;
	position: absolute;
}
.omar-checkbox-text{
	padding-left: 5px;
}
.omar-checkbox .omar-checkbox-bg{
	position: relative;
	display: inline-block;
	margin: 0;
	text-align: center;
	font-size: 17px;
	box-sizing: content-box;
	height: 1em;
	width: 1em;
	line-height: 1em;
	
	border-radius: max(0.12em, 4px);
	border: 2px solid #dce4ec;

	background-color: #fff;
	color: #001e32;
}
.omar-checkbox .omar-checkbox-bg-sm{
	font-size: 31px;
}
.omar-checkbox .omar-checkbox-bg-md{
	font-size: 41px;
}
.omar-checkbox .omar-checkbox-bg-lg{
	font-size: 62px;
}
.omar-checkbox .omar-checkbox-icon{
	display: inline-block;
	/*-webkit-transition: opacity 0.08s ease-in-out;
	-o-transition: opacity 0.08s ease-in-out;
	transition: opacity 0.08s ease-in-out;*/
}
.omar-checkbox input[type="checkbox"]:not(:checked) + .omar-checkbox-bg .omar-checkbox-icon{
	opacity: 0;
	z-index: -1000;
}

.omar-checkbox input[type="checkbox"]:checked + .omar-checkbox-bg{
	background-color: #3498db;
	border-color: #3498db;
	color: #fff;
}
.omar-checkbox input[type="checkbox"]:checked + .omar-checkbox-bg-primary{
	background-color: #628094;
	border-color: #628094;
	color: #fff;
}
.omar-checkbox input[type="checkbox"]:checked + .omar-checkbox-bg-success{
	background-color: #66cc99;
	border-color: #66cc99;
	color: #fff;
}
.omar-checkbox input[type="checkbox"]:checked + .omar-checkbox-bg-info{
	background-color: #3498db;
	border-color: #3498db;
	color: #fff;
}
.omar-checkbox input[type="checkbox"]:checked + .omar-checkbox-bg-warning{
	background-color: #f39c12;
	border-color: #f39c12;
	color: #fff;
}
.omar-checkbox input[type="checkbox"]:checked + .omar-checkbox-bg-danger{
	background-color: #e74c3c;
	border-color: #e74c3c;
	color: #fff;
}
.omar-checkbox input[type="checkbox"]:checked + .omar-checkbox-bg-white{
	background-color: #fff;
	border-color: #dce4ec;
	color: #000;
}
.omar-checkbox input[type="checkbox"]:checked + .omar-checkbox-bg-black{
	background-color: #000;
	border-color: #000;
	color: #fff;
}
.omar-checkbox input[type="checkbox"]:not(:disabled) + .omar-checkbox-bg,
.omar-checkbox input[type="checkbox"]:not(:disabled) + .omar-checkbox-bg + .omar-checkbox-text
{
	cursor: pointer;
}
.omar-checkbox:hover input[type="checkbox"]:not(:disabled) + .omar-checkbox-bg/*,
.omar-checkbox input[type="checkbox"]:checked + .omar-checkbox-bg*/ {
	border-color: #628094;
}

/******************************************************************************
*
*							OMAR CUSTOM radio
*       tamaño ajustable por el fontsize en omar-radio
*******************************************************************************/
.omar-radio{
	position: relative;
	/*line-height: 1em;*/
	font-weight: normal
}

.omar-radio input[type="radio"]{
	opacity: 0;
	margin: 0;
	position: absolute;
}
.omar-radio-text{
	padding-left: 10px;
}
.omar-radio .omar-radio-bg{
	cursor: pointer;

	position: relative;
	display: inline-block;
	margin: 0;
	text-align: center;
	font-size: 17px;
	box-sizing: content-box;
	height: 1em;
	width: 1em;
	line-height: 1em;
	
	border-radius: 60%;
	border: 2px solid #dce4ec;

	background-color: #fff;
	color: #001e32;
}
.omar-radio-bg-sm{
	font-size: 31px;
}
.omar-radio-bg-md{
	font-size: 41px;
}
.omar-radio-bg-lg{
	font-size: 61px;
}
.omar-radio .omar-radio-icon{
	display: inline-block;
	/*-webkit-transition: opacity 0.08s ease-in-out;
	-o-transition: opacity 0.08s ease-in-out;
	transition: opacity 0.08s ease-in-out;*/
}
.omar-radio input[type="radio"]:not(:checked) + .omar-radio-bg .omar-radio-icon{
	opacity: 0;
	z-index: -1000;
}

.omar-radio input[type="radio"]:checked + .omar-radio-bg{
	background-color: #3498db;
	border-color: #3498db;
	color: #fff;
}
.omar-radio input[type="radio"]:checked + .omar-radio-bg-primary{
	background-color: #628094;
	border-color: #628094;
	color: #fff;
}
.omar-radio input[type="radio"]:checked + .omar-radio-bg-success{
	background-color: #66cc99;
	border-color: #66cc99;
	color: #fff;
}
.omar-radio input[type="radio"]:checked + .omar-radio-bg-info{
	background-color: #3498db;
	border-color: #3498db;
	color: #fff;
}
.omar-radio input[type="radio"]:checked + .omar-radio-bg-warning{
	background-color: #f39c12;
	border-color: #f39c12;
	color: #fff;
}
.omar-radio input[type="radio"]:checked + .omar-radio-bg-danger{
	background-color: #e74c3c;
	border-color: #e74c3c;
	color: #fff;
}
.omar-radio input[type="radio"]:checked + .omar-radio-bg-white{
	background-color: #fff;
	border-color: #dce4ec;
	color: #000;
}
.omar-radio input[type="radio"]:checked + .omar-radio-bg-black{
	background-color: #000;
	border-color: #000;
	color: #fff;
}

.omar-radio input[type="radio"]:not(:disabled) + .omar-radio-bg,
.omar-radio input[type="radio"]:not(:disabled) + .omar-radio-bg + .omar-radio-text
{
	cursor: pointer;
}
.omar-radio:hover input[type="radio"]:not(:disabled) + .omar-radio-bg{
	border-color: #628094;
}

/* Estas clases se emplean para mostrar  el resultado de un ckeditor en un div y que los titulos se vean del mismo tamaño */
.ckeditor-render h1{ font-size: 28px; margin-bottom: 10px; } 
.ckeditor-render h2{ font-size: 20px; margin-bottom: 10px; } 
.ckeditor-render h3{ font-size: 16px; margin-bottom: 10px; } 
.ckeditor-render p{ font-size: 15px; }

/****************************************************************
*				icons home
****************************************************************/

.show-on-hover .hidden-child {
	display: block;
	opacity: 0.6;
}

.show-on-hover:hover .hidden-child {
	display: block;
	opacity: 1;
}
@media (min-width: 992px) {
 
	.show-on-hover .hidden-child {
		display: none;
	}

	.show-on-hover:hover .hidden-child {
		display: block;
		opacity: 1;
	}
}

.ribbon {
	position: absolute;
	right: 10px;
	top: -5px;
	z-index: 1;
	overflow: hidden;
	width: 75px;
	height: 75px;
	text-align: right;
}

@media (max-width: 768px) {
 
	.no-hpadding-xs .ribbon {
		right: 0px;
	}
}

.ribbon.ribbon-left {
	position: absolute;
	left: 10px;
	top: -5px;
	z-index: 1;
	overflow: hidden;
	width: 75px;
	height: 75px;
	text-align: right;
}

@media (max-width: 768px) {
 
	.no-hpadding-xs .ribbon.ribbon-left {
		left: 0px;
	}
}

.ribbon span {
	font-size: 10px;
	font-weight: bold;
	color: #FFF;
	text-transform: uppercase;
	text-align: center;
	line-height: 20px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	width: 100px;
	display: block;
	background: #66cc99;
	box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
	position: absolute;
	top: 19px;
	right: -21px;
}

.ribbon span::before {
	content: "";
	position: absolute;
	left: 0px;
	top: 100%;
	z-index: -1;
	border-left: 3px solid #66cc99;
	border-right: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #66cc99;
}

.ribbon span::after {
	content: "";
	position: absolute;
	right: 0px;
	top: 100%;
	z-index: -1;
	border-left: 3px solid transparent;
	border-right: 3px solid #66cc99;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #66cc99;
}

.ribbon.ribbon-success  span {
	background: #66cc99;
}

.ribbon.ribbon-success  span::before {
	border-left: 3px solid #66cc99;
	border-top: 3px solid #66cc99;
}

.ribbon.ribbon-success  span::after {
	border-right: 3px solid #66cc99;
	border-top: 3px solid #66cc99;
}

.ribbon.ribbon-primary  span {
	background: #628094;
}

.ribbon.ribbon-primary  span::before {
	border-left: 3px solid #628094;
	border-top: 3px solid #628094;
}

.ribbon.ribbon-primary  span::after {
	border-right: 3px solid #628094;
	border-top: 3px solid #628094;
}

.ribbon.ribbon-info  span {
	background: #3498db;
}

.ribbon.ribbon-info  span::before {
	border-left: 3px solid #3498db;
	border-top: 3px solid #3498db;
}

.ribbon.ribbon-info  span::after {
	border-right: 3px solid #3498db;
	border-top: 3px solid #3498db;
}

.ribbon.ribbon-danger  span {
	background: #e74c3c;
}

.ribbon.ribbon-danger  span::before {
	border-left: 3px solid #e74c3c;
	border-top: 3px solid #e74c3c;
}

.ribbon.ribbon-danger  span::after {
	border-right: 3px solid #e74c3c;
	border-top: 3px solid #e74c3c;
}

.ribbon.ribbon-warning  span {
	background: #f39c12;
}

.ribbon.ribbon-warning  span::before {
	border-left: 3px solid #f39c12;
	border-top: 3px solid #f39c12;
}

.ribbon.ribbon-warning  span::after {
	border-right: 3px solid #f39c12;
	border-top: 3px solid #f39c12;
}



/*************************************************************
*			pagination
* **************************************************************/
.pagination-holder {
	text-align: left;
	display: block;
}

.pagination>li {
	text-align: left;
	display: inline-block;
	border: 2px solid transparent;
	margin-bottom: 11px;
}

.pagination .pagination-prev {
	margin-right: 11px;
	float: left;
}

.pagination .pagination-next {
	text-align: right;
	margin-left: 11px;
	float: right;
}

.pagination .pag-m-next {
	margin-right: 11px;
}

.pagination .pag-m-prev {
	margin-left: 11px;
}

@media (min-width: 768px) {
	.pagination-holder {
		text-align: right;
	}
}

/******************************************************************************
*
*							UNSORTED
*
*******************************************************************************/
.escudo-cartel-holder{
	position: absolute;
	/*centrado*/
	top: 10%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);

	height: 30%;
}
 
.escudo-cartel-holder .escudo-cartel{
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	top: 0;
	padding: 5px;
	height: 100%;
}
.circle-bg{
	height: 100%;
	border-radius: 50%;
}
.bg-white{
	background-color: #fff;
}
.bg-default{
	background-color: #eee;
}
.holder-titulo-campeonato{
	background: #00000040;
	background: linear-gradient(0deg, rgba(0,0,0,0.60) 0%, rgba(0,0,0,0) 100%);
	color: #fff;
	padding: 15px;
}

@media (min-width: 768px) {
	.holder-titulo-campeonato{
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		padding: 40px 15px 15px 15px;
	}
}
.row.g-1{
	margin-left: -5px;
	margin-right: -5px;
}
.row.g-2{
	margin-left: -10px;
	margin-right: -10px;
}
.row.g-1 [class^="col-"]{
	padding-left: 5px;
	padding-right: 5px;
}
.row.g-2 [class^="col-"]{
	padding-left: 10px;
	padding-right: 10px;
}

.fill-width{
	width: 100%;
}

.list-hover li:hover{
	background-color: #eee;
}

.o-limited-width{
	max-width: 680px;
}

/******************************************************************************
*
*							Notification alerts
*       
*******************************************************************************/
.alert-dot{
	position: relative;
}
.alert-dot:after{
	content: '';
	position: absolute;
	background-color: #e74c3c;
	top: 0;
	right: 0;
	height: 10px;
	width: 10px;
	border: 2px solid #fff;
	border-radius: 50%;
}
.alert-border{
	border-color: #e74c3c;
}


.notification-active{
	background-color: white;
	color: #e74c3c;
	border-radius: 4px;
	border: 1px solid #fff;
}

/*********************************
*
*		BOTONES DE TPV
*
*********************************/
.btn-sq {
	width: 140px;
	height: 140px;
	font-size: 10px;
	padding: 5px;
	word-wrap: break-word;
	display: inline-block;
	text-align: center;
	cursor: pointer;
	margin-top: 3px;
	margin-right: 3px;
	border-radius: 6px;
	border: none;
}

.btn-sq:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.btn-sq:hover {
	filter: brightness(85%);
}

.btn-sq-label {
	vertical-align: middle;
	display: inline-block;
}

.btn-sq-categoria {
	background-color: #34495e;
	color: #fff;
}

.btn-sq-categoria.active {
	-webkit-box-shadow: inset 1px 1px 109px 200px rgba(0,0,0,0.44);
	-moz-box-shadow: inset 1px 1px 109px 200px rgba(0,0,0,0.44);
	box-shadow: inset 1px 1px 109px 200px rgba(0,0,0,0.44);
}

.btn-sq-sm {
	width: 64px;
	height: 64px;
	font-size: 10px;
	padding: 5px;
	word-wrap: break-word;
	display: inline-block;
	text-align: center;
	cursor: pointer;
	margin-top: 3px;
	margin-right: 3px;
	border-radius: 6px;
	border: none;
}

/****************************************************************
*
*				omar
*
****************************************************************/
/******************************************************************/
.striked {
	position: relative !important;
}

.striked .strike-line {
	position: absolute;
	top: 49%;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: black;
}

.striked .strike-line.red {
	background-color: red;
}

.drop-hover {
	background-color: #0099ff60 !important;
}


.avatar{object-fit:cover;}
.avatar-16{height: 16px;width: 16px;}
.avatar-32{height: 32px;width: 32px;}
.avatar-40{height: 40px;width: 40px;}
.avatar-48{height: 48px;width: 48px;}
.avatar-64{height: 64px;width: 64px;}
.avatar-80{height: 80px;width: 80px;}
.avatar-100{height: 100px;width: 100px;}
.avatar-128{height: 128px;width: 128px;}


/****************************************************************
*
*					RESULTADOS DE BUSQUEDA
*
****************************************************************/
.search-result-block{
	padding:5px;
	border-radius:var(--card-corner-radius);
	box-shadow:none;
	-webkit-box-shadow: none;
	border:1px solid var(--color-lighter-gray);
}

.search-result-block.border-success{
	border:2px solid var(--color-success);
}