.card{
		border-radius: 10px !important;
	}
	.card .card-header {
	    background-color: #fff;
	    border-radius: 10px 10px 0px 0px !important;
	}
	.card .card-footer {
	    background-color: #fff;
	    border-radius: 0px 0px 10px 10px !important;
	}

	.evento_click_desactivado{
		pointer-events: none;
	}
	.evento_click{
		pointer-events: auto;
	}

	.hidden{
		display: none;
	}

	.gwidget_personaje {
	
	}
	.custom-control-label:before, .custom-control-label:after{
		border: 1px solid rgb(190, 190, 190) !important;
		border-radius: 3px;
	}
	.gwidget_personaje .card-body{
		padding-left: 180px;
	}
	
	.personaje {
		position: absolute; 
		width: 180px;
		margin-top: -172px;
		clear: both;
	}
	.personaje_soporte_contratacion{
		width: 300px;
		margin-bottom: -36px;
		margin-left: auto;
		margin-right: auto;
	}
	@media (max-width: 767px) {
		.gwidget_personaje .card-body{
			padding-left: 24px !important;
			margin-bottom: 90px;
		}
		.personaje {
			margin-left: 24px;
			width: 140px;
			margin-top: -141px;
		}
	}


	/* BOTON WHATSAPP */
	.bg-gradient-default
	{
		background: linear-gradient(87deg, #309bda 0, #00537c 100%) !important;
		height: inherit;
	}
	.section-shaped .shape
	{
		height: 650px;
	}
	.pt-lg-md{
		padding: inherit;
	}
	.headroom--not-top
	{
		background-color: #172b4d !important;
	}	

	/* BOTON WHATSAPP */
	.btn-whatsapp
	{
			color: #fff;
			border-color: #38E676;
			background-color: #38E676;
			box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
	}
	.btn-whatsapp:hover
	{
			color: #fff;
			border-color: #38E676; 
			background-color: #38E676;
	}
	.btn-whatsapp:focus,
	.btn-whatsapp.focus
	{
			box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(29, 161, 242, .5);
	}
	.btn-whatsapp.disabled,
	.btn-whatsapp:disabled
	{
			color: #fff;
			border-color: #38E676; 
			background-color: #38E676;
	}
	.btn-whatsapp:not(:disabled):not(.disabled):active,
	.btn-whatsapp:not(:disabled):not(.disabled).active,
	.show > .btn-whatsapp.dropdown-toggle
	{
			color: #fff;
			border-color: #38E676; 
			background-color: #0c85d0;
	}
	.btn-whatsapp:not(:disabled):not(.disabled):active:focus,
	.btn-whatsapp:not(:disabled):not(.disabled).active:focus,
	.show > .btn-whatsapp.dropdown-toggle:focus
	{
			box-shadow: none, 0 0 0 0 rgba(29, 161, 242, .5);
	}

	/* POPUP PUBLICIDAD */
	#display_pub{

		height: 400px;
		width: 400px;
		bottom: 30px;
		left: 30px;
		position: fixed;
		transition: all .5s ease-out;
		transform: translateY(450px);
	}
	#display_codigo{
		background-color: rgba(255,255,255,1);
		position: absolute;
	}
	#display_codigo #display_copy{
		position: absolute;
		color: #666666;
		font-size: 18px;
		margin-left: 263px;
		margin-top: 339px;
		cursor: pointer;
	}
	#display_codigo #display_copy:hover{
		color: #000000;
	}
	#display_codigo input{
		position: absolute;
		background-color: rgba(255,255,255, 1);
		border-radius: 4px;
		border: transparent;
		padding: 4px;
		font-size: 20px;
		width: 180px;
		text-align: center;
		margin-left: 110px;
		margin-top: 333px;
		padding-right: 15px;
	}
	#display_pub #display_img{
		border: 2px solid #000000;
		width: 100%;
		height: 100%;
	}
	#display_pub #display_clouse{
		color: #999999;
		background-color: #FFFFFF;
		border: 1px solid #999999;
		position: absolute;
		top: 10px;
		right: 10px;
		width: 80px;
		padding: 3px 5px;
		transition: all .2s ease-out;
		box-sizing: content-box;
		border-radius: 4px;
		cursor: pointer;
		opacity: 0.5;
		transition: 0.3s;
		/*margin-left: 250px;*/
	}
	#display_pub #display_clouse:hover{
		color: #999999;
		opacity: 1;
	}
	.display_in{
		transform: translateY(0px) !important;
	}


	/* Medidas responsibe (Bootstrap) */
	@media (max-width: 767px) {
		/* Movile */
		.hidden-xs {
			display: none !important;
		}
	}
	@media (min-width: 768px) and (max-width: 991px) {
		/* Tablet */
		.hidden-sm {
			display: none !important;
		}
	}
	@media (min-width: 992px) and (max-width: 1199px) {
		/* Desktop */
		.hidden-md {
			display: none !important;
		}
	}
	@media (min-width: 1200px) {
		/* Large Desktop */
		.hidden-lg {
			display: none !important;
		}
	}







	.apt-gracias{
		width: 100vw;
		height: 100vh;
		position: relative;
		display: table;
		background-color: red;
		margin: 0px;
		right: 0;
		padding: 0px;
		background-color: #2384BC;
		color: white;
	}
	.apt-gracias:before{
		content: '';
		position: absolute;
		left: 0px;
		top: 0px;
		height: 100%;
		width: 100%;
		background-image: url('../img/sell2.jpg');
		background-size: cover;
		background-position: center;
		filter: blur(2px);
		opacity: .1;
		transform-origin: 50% 50%;
	}
	.cont-gracias{
		display: table-cell;
		vertical-align: middle;
	}
	.apt-gracias img{
		margin: 0px auto;
		height: 50px;
		margin-bottom: 10px;
	}
	.apt-gracias hr{
		width: 100%;
		background-image: -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,.5), rgba(255,255,255,0));
	}
	.apt-gracias p{
		padding: 0px 80px;
		margin-top: 20px;
		color: white;
	}
	.apt-gracias a{
		margin-top: 20px !important;
		padding-left: 20px;
		padding-right: 20px; 
	}

	

	/* VER BIEN ESTO LO TENIA AL PANEL DE CLIENTES (ORDENAR) */

	#tabla_rep_clientes_wrapper.form-inline{
		display: block;
	}
	#tabla_rep_cuentas_wrapper.form-inline{
		display: block;
	}
	#tabla_consolidados_wrapper.form-inline{
		display: block;
	}
	.dataTables_processing {
		z-index: 1000;
	}	
	#tabla_rep_cliente_facturas_wrapper.form-inline{
		display: block;
	}
	#tabla_rep_cliente_facturas_wrapper.form-inline{
		display: block;
	}

	div.dataTables_wrapper div.dataTables_filter {
			margin-right: -160px !important;
	}
	.billingName {
		background-color: transparent;
		border: none;
		display: block;
		font-family: sans-serif;
		margin: 0;
		padding: 0;
		width: 100%;
		font-size: 1em;
		line-height: 1.2em;
		height: 1.2em;
		outline: none;
		border-bottom: 1px solid #ccc;
	}
	#tabla_cliente_facturas_wrapper.form-inline{
		display: block;
	}
	#tabla_cliente_usuarios_wrapper.form-inline{
		display: block;
	}
	#tabla_cliente_certificados_wrapper.form-inline{
		display: block;
	}
	#tabla_cliente_sucursales_wrapper.form-inline{
		display: block;
	}

	.codigo_promocinal_flotante{
		position: fixed;
		left: 50px;
		bottom: 50px;
		background-color: green;
		color: white;
		padding: 10px 20px;
		border-radius: 25px;
		height: 50px;
		min-width: 50px;
	}
	.codigo_promocinal_flotante .icono{
		color: white !important;
		position: absolute;
		color: red;
		font-size: 28px;
		margin-top: -7px;
		margin-left: -9px;
	}
	.codigo_promocinal_flotante .texto{
		padding-left: 0px;
		margin-top: 3px;
		display:none;
	}
	.codigo_promocinal_flotante:hover .texto{
		display: block;
		margin-left: 30px;
	}
	.codigo_promocinal_flotante_modal ul{
		margin: 0px;
		padding: 0px;
		list-style: none;
	}
	.codigo_promocinal_flotante_modal .imagen{
		width: 250px;
		margin-bottom: 10px;
		margin-left: auto;
		margin-right: auto;
	}
	.codigo_promocinal_flotante_modal ul li::before {
		font-family: "Font Awesome 5 Pro"; font-weight: 900; content: '\f058';
		padding-right: 5px;
		color: green;
	}
	.balanceo_autoplay{
		animation: balanceo 3s 1;
		transform-origin: top center;
	}
	@keyframes balanceo{
		20%{
			transform: scale(0.7) rotate(-6deg);
		}
		30%, 70%{
			transform: scale(1) rotate(6deg);
		}
		50%, 90%{
			transform: scale(1) rotate(-6deg);
		}
	}

	.ui-pnotify-title {
		font-size: 18px;
		color: white;
		margin-bottom: -10px;
	}


	.progress-referido, .progress-referido-leyenda{
		padding-left: 10px;
		padding-right: 10px;
	}
	.progress-referido .col-1, .progress-referido .col-2, .progress-referido .col-3, .progress-referido .col-4, .progress-referido .col-5,
	.progress-referido-leyenda .col-1, .progress-referido-leyenda .col-2, .progress-referido-leyenda .col-3, .progress-referido-leyenda .col-4, .progress-referido-leyenda .col-5{
		padding-left: 0px;
		padding-right: 3px;
	}
	.progress-referido .progress{
		border-radius: 0px;
	}
	.progress-referido-leyenda .sr-escala{
		font-size: 14px;
		white-space: nowrap;
	}
	.progress-referido-leyenda .sr-info{
		white-space: nowrap;
		margin-top: -8px;
	}
	.progress-referido-leyenda .fas{
		font-size: 20px;
		margin-top: 10px;
	}