html {
  height: 100%;
}
body{
	background-color:#F0F5FB;
	height:100%;
}
hr {
    margin-bottom: 0px !important;
}
a{
	color: #333;
}
a:hover{
	color: #333;
	text-decoration:none;
}
label{
	font-size: 20px !important;
	color: red #333;
	font-weight: bold;
}
.fondo-gris{
	background-color: #333;
	color: white;
}
.fondo-gris2{
	background-color: #F2F7FD;
}
.fondo-naranja{
	background-color: #F8CEB9;
	color: #333;
}
.espacios{
	padding: 15px 15px;
}
.btn-primary{
	/* color: #f8f9fa !important;
	background-color: #f26723 !important;
	border-color: #f26723 !important; */
	margin-top: 20px !important;
	margin-bottom: 15px !important;
}
.mayusculas{
	text-transform: uppercase;
}


.checkbox-lg .custom-control-label::before, 
.checkbox-lg .custom-control-label::after {
  top: .8rem;
  width: 1.55rem;
  height: 1.55rem;
}

.checkbox-lg .custom-control-label {
  padding-top: 13px;
  padding-left: 6px;
}


.checkbox-xl .custom-control-label::before, 
.checkbox-xl .custom-control-label::after {
  top: 1.2rem;
  width: 1.85rem;
  height: 1.85rem;
}

.checkbox-xl .custom-control-label {
  padding-top: 23px;
  padding-left: 10px;
}

.espacio-h3{
	margin-right: 20px;
}

.verde{
	color: green;
}

.rojo{
	color: red;
}





/* CSS Document */
	
	.panel-control{
		margin-top:-10; 
	}

	/* Cuadro para tiendas pagos open pay */
	#cuadro-tiendas tr td{
		height:260px;
		width: 260px;
		text-align:center; 
		border: 0.1px solid #BFC5C7; 
		background-color:#FFF;
		padding-bottom: 5px;
	}
	#cuadro-tiendas tr td h4{
		color:#1A1A1A;
	}
	#cuadro-tiendas tr td small{
		font-size: 11px;
		color:#757778;
	}

	/* y mas tiendas */
	.col-negocios {
		width:340px;
		float:left;
		margin-top:50px;
		margin-bottom:70px;
	}

	.col-negocios ul {
		margin:0;
		list-style-position:outside;
	}
	.col-negocios li {
		list-style-image:url(../img/bullet.gif);
		padding:6px 0;
		margin-left:35px;
		text-align:left;
	}

	.borde1 {
		border-left:solid 1px #DDDDDD;
	}
	.borde2 {
		border-right:solid 1px #DDDDDD;
	}

	
	/* Fecha de vencimiento */
	.f_vence{
		color:#F00;
	}
	
	/* Botones menu principal */
	.btn-menu{
		
		width:150px;
		height:60px;

		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f1bc1a+0,ec9822+50,e97c24+100 */
		background: rgb(241,188,26); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(241,188,26,1) 0%, rgba(236,152,34,1) 50%, rgba(233,124,36,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(241,188,26,1) 0%,rgba(236,152,34,1) 50%,rgba(233,124,36,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(241,188,26,1) 0%,rgba(236,152,34,1) 50%,rgba(233,124,36,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1bc1a', endColorstr='#e97c24',GradientType=0 ); /* IE6-9 */


		border-radius: 10px 10px 10px 10px;
		-moz-border-radius: 10px 10px 10px 10px;
		-webkit-border-radius: 10px 10px 10px 10px;
		border: 1px solid #A95A26;

		-webkit-box-shadow: 10px 10px 5px -4px rgba(0,0,0,0.41);
		-moz-box-shadow: 10px 10px 5px -4px rgba(0,0,0,0.41);
		box-shadow: 10px 10px 5px -4px rgba(0,0,0,0.41);		
		color:#FFF;
		text-align: left;
		padding-left: 55px;
		font-size: 16px;
		
		margin-right:6px;
		margin-bottom:10px;

		
	}

	/* Botones menu principal */
	.btn-menu:hover{
		
		width:150px;
		height:60px;

		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f1bc1a+0,ec9822+50,e97c24+100 */
		background: rgb(241,188,26); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(241,188,26,1) 0%, rgba(236,152,34,1) 50%, rgba(233,124,36,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(241,188,26,1) 0%,rgba(236,152,34,1) 50%,rgba(233,124,36,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(241,188,26,1) 0%,rgba(236,152,34,1) 50%,rgba(233,124,36,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1bc1a', endColorstr='#e97c24',GradientType=0 ); /* IE6-9 */


		border-radius: 10px 10px 10px 10px;
		-moz-border-radius: 10px 10px 10px 10px;
		-webkit-border-radius: 10px 10px 10px 10px;
		border: 1px solid #A95A26;

		-webkit-box-shadow: 10px 10px 5px -4px rgba(0,0,0,0.41);
		-moz-box-shadow: 10px 10px 5px -4px rgba(0,0,0,0.41);
		box-shadow: 10px 10px 5px -4px rgba(0,0,0,0.41);		
		color:#FFF;
		text-align: left;
		padding-left: 55px;
		font-size: 16px;
		
		margin-right:6px;
		margin-bottom:10px;

		
	}
	
	/* Color panel  */
	.card{
		background-color: #F0F5FB !important;
	}


	.panel-personal>.panel-heading { 
	  color: #050505;
	  margin-bottom: -40px;
	}

	/* Tamaño iconos */
	.lg-icon{
		font-size:30px;
		color:#FFF;
		position: absolute;
		margin-top: 10px;
		margin-left: -45px;
	}

/* Etiqueta */
.post{
	position:relative;
	padding:10px 20px;
	background:#f8f8f8;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	width:450px;
	border:1px solid #e8e8e8;
	margin-bottom:20px;
}
.tags{
	margin:0;
	padding:0;
	position:absolute;
	right:24px;
	bottom:-12px;
	list-style:none;
	}
	
.tags li, .tags a{
	float:left;
	height:24px;
	line-height:24px;
	position:relative;
	font-size:11px;
	}
	
.tags a{
	margin-left:20px;
	padding:0 10px 0 12px;
	background:#0089e0;
	color:#fff;
	text-decoration:none;
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;	
	border-bottom-right-radius:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;	
	border-top-right-radius:4px;	
	} 
.tags a:before{
	content:"";
	float:left;
	position:absolute;
	top:0;
	left:-12px;
	width:0;
	height:0;
	border-color:transparent #0089e0 transparent transparent;
	border-style:solid;
	border-width:12px 12px 12px 0;		
	}
.tags a:after{
	content:"";
	position:absolute;
	top:10px;
	left:0;
	float:left;
	width:4px;
	height:4px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	background:#fff;
	-moz-box-shadow:-1px -1px 2px #004977;
	-webkit-box-shadow:-1px -1px 2px #004977;
	box-shadow:-1px -1px 2px #004977;
	}
.tags a:hover{background:#555;}	

.tags a:hover:before{border-color:transparent #555 transparent transparent;}

/* Linea total */
#lina_total hr{
	width:100%;
	border:#333 inset 1px;
	margin-top:-1px;
	margin-bottom:-5px;
}
#imagenFlotante {
	top: 82px;
	left: 5px;
  	position: fixed;
}


.bkng-tb-cntnt {
    float: left;
    width: 800px;
}
.bkng-tb-cntnt a.button {
    color: #fff;
    float: right;
    font-size: 18px;
    padding: 5px 20px;
    width: auto;
}
.bkng-tb-cntnt a.button.o {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #e51f04;
    border: 1px solid #e51f04;
}
.bkng-tb-cntnt a.button i {
    color: #fff;
}
.bkng-tb-cntnt a.button.o i {
    color: #e51f04;
}
.bkng-tb-cntnt a.button.right i {
    float: right;
    margin: 2px 0 0 10px;
}
.bkng-tb-cntnt a.button.left {
    float: left;
}
.bkng-tb-cntnt a.button.disabled.o {
    border-color: #ccc;
    color: #ccc;
}
.bkng-tb-cntnt a.button.disabled.o i {
    color: #ccc;
}
.pymnts {
    float: left;
    width: 800px;
}
.pymnts * {
    float: left;
}

.sctn-row {
    margin-bottom: 35px;
    width: 800px;
}
.sctn-col {
    width: 375px;
}
.sctn-col.l {
    width: 425px;
}
.sctn-col input {
    border: 1px solid #ccc;
    font-size: 18px;
    line-height: 24px;
    padding: 10px 12px;
    width: 333px;
}
.sctn-col label {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 10px;
    width: 100%;
}
.sctn-col.x3 {
    width: 300px;
}
.sctn-col.x3.last {
    width: 200px;
}
.sctn-col.x3 input {
    width: 210px;
}
.sctn-col.x3 a {
    float: right;
}
.pymnts-sctn {
    width: 800px;
}
.pymnt-itm {
    margin: 0 0 3px;
    width: 100%;
}
.pymnt-itm h2 {
    background-color: #e9e9e9;
    font-size: 24px;
    line-height: 24px;
    margin: 0;
    padding: 28px 0 28px 20px;
    width: 780px;
}
.pymnt-itm.active h2 {
    background-color: #e51f04;
    color: #fff;
    cursor: default;
}
.pymnt-itm div.pymnt-cntnt {
    display: none;
}
.pymnt-itm.active div.pymnt-cntnt {
    display: block;
    width: 100%;
}

.pymnt-cntnt div.sctn-row {
    margin: 20px 30px 0;
    width: 740px;
}
.pymnt-cntnt div.sctn-row div.sctn-col {
    width: 345px;
}
.pymnt-cntnt div.sctn-row div.sctn-col.l {
    width: 395px;
}
.pymnt-cntnt div.sctn-row div.sctn-col input {
    width: 303px;
}
.pymnt-cntnt div.sctn-row div.sctn-col.half {
    width: 155px;
}
.pymnt-cntnt div.sctn-row div.sctn-col.half.l {
    float: left;
    width: 190px;
}
.pymnt-cntnt div.sctn-row div.sctn-col.half input {
    width: 113px;
}
.pymnt-cntnt div.sctn-row div.sctn-col.cvv {
    background-image: url("https://conadi.net/panel-control/assets/img/cvv.png?1.0");
    background-position: 156px center;
    background-repeat: no-repeat;
    padding-bottom: 30px;
}
.pymnt-cntnt div.sctn-row div.sctn-col.cvv div.sctn-col.half input {
    width: 110px;
}
.openpay {
	margin: 15px;
    
}
.openpay div.logo {
    /*background-image: url("https://conadi.net/panel-control/assets/img/openpay.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    font-weight: 400;
    height: 45px;*/
}
.openpay div.shield {
    /*background-image: url("https://conadi.net/panel-control/assets/img/security.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    font-size: 12px;
    font-weight: 400;
    margin-left: 20px;
    padding: 0px 0 0 40px;
    width: 200px;*/
}
.card-expl {
    float: left;
    height: 80px;
    margin: 20px 0;
    width: 100%;
}
.card-expl div {
    background-position: left 45px;
    background-repeat: no-repeat;
    height: 70px;
    padding-top: 10px;
}
.card-expl div.debit {
    background-image: url("https://conadi.net/panel-control/assets/img/cards2.png");
    margin-left: 20px;
}
.card-expl div.credit {
    background-image: url("https://conadi.net/panel-control/assets/img/cards1.png");
    border-right: 1px solid #ccc;
    margin-left: 30px;
}
.card-expl h4 {
    font-weight: 400;
    margin: 0;
}
.precio{
	color: orange;
	font-weight: bold;
}

.tabla_timbres{
	margin-top: 10%;	
}
.texto-timbres{
	font-size: 50px;
	font-weight: bold;
}
.numero-timbres{
	font-size: 90px;
	font-weight: bold;
}
.hl {
	left: 44px;
	margin-top: 10px;
	border-top: 2px solid #797b7c;
	width: 90%;
	position: absolute;
}
.vl {
	border-left: 2px solid #797b7c;
	height: 230px;
	position: absolute;
	top: 170px;
	margin-left: 12px;
}

.hl-debe {
	margin-top: 10px;
	border-top: 2px solid #797b7c;
	width: 45%;
	position: absolute;
}
.texto-timbres-debe{
	font-size: 45px;
	font-weight: bold;
}
.numero-costo-timbre{
	font-size: 45px;
	font-weight: bold;
}
.numero-timbres-debe{
	font-size: 85px;
	font-weight: bold;
}

.texto-membrecia{
	font-size: 30px;
}
.hl-membrecia{
	left: 350px;
	margin-top: 10px;
	border-top: 2px solid #797b7c;
	width: 700px;
	position: absolute;
}
.vl-membrecia {
	border-left: 2px solid #797b7c;
	height: 430px;
	position: absolute;
	margin-left: 335px;
	top: -190px;
}
.membrecia-activa{
	font-size: 100px !important;
	color: green;
}
.membrecia-inactiva{
	font-size: 100px !important;
	color: red;
}
#espacio-membrecia{
	margin-top: 40px;
}
.cuenta_banco{
	font-size: 32px;
	color: #313133;
}
.confirma-pago{
	position: absolute;
}
.vl-cuentas {
	border-left: 2px solid #797b7c;
	margin-left: 615px;
	height: 430px;
	bottom: 30px;
	position: absolute;
}
.confirmacion{
	font-size: 25px
}


.col-pagos{
	height: 250px;
	width: 250px;
	cursor: hand;
	text-decoration:none;

	transform-style: preserve-3d;

	border               : 1px solid #9b9da0;
	border-radius        : 5px;
	-moz-border-radius   : 5px;
	-webkit-border-radius: 5px;

	-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.27);
	-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.27);
	box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.27);
}

.col-pagos:after {
	top: -100%;
	left: 0px;
	width: 100%;
	position: absolute;
	background: #3a9999;
	border-radius: 5px;
	content: ‘Flipped’;
	transform-origin: left bottom;
	transform: rotateX(90deg);
}

.col-pagos a:link { 
	text-decoration:none;
	color: #e87a1a;
} 

.col-pagos-2{
	height: 200px;
	cursor: hand;
	text-decoration:none;
	margin-right: 20px;


	transform-style: preserve-3d;

	border               : 1px solid #9b9da0;
	border-radius        : 5px;
	-moz-border-radius   : 5px;
	-webkit-border-radius: 5px;

	-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.27);
	-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.27);
	box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.27);
}

.timbres{
	font-size: 80px !important;
	color: #e87a1a;
}

.btn-conadi {
	color: white !important;
	background-color: #e87a1a;
	border-color: gray;
}
.dinero{
	text-align: right !important;
}
.fab, .fa-whatsapp{
	font-size: 67px;
	color: orange;
	font-weight: bold;
}
.nombre_datos_factura{
	font-size: 30px;
	font-weight: bold;
	color: #3b3c3d;
}
.direccion_datos_factura{
	font-size: 20px;
	color: #3b3c3d;
}
.icono-comprobantes{
	color: orange;
	font-size: 65px !important;
}
.texto-icono-comprobantes{
	color: black;
}
.cantida-comprobantes{
	font-size: 30px;
}
.container-fluid{
	padding-right: 2px !important;
	padding-left: 2px !important;
}
.flotante{
	color: #ffffff;
	background: #333;
	position:fixed; /*El div será ubicado con relación a la pantalla*/
	left:0px; /*A la derecha deje un espacio de 0px*/
	right:0px; /*A la izquierda deje un espacio de 0px*/
	bottom:0px; /*Abajo deje un espacio de 0px*/
	height:60px; /*alto del div*/
	z-index:0;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 20px;
}
#menu_flotante_infe small{
	color: white !important;
}
.table{
	font-size: 17px !important;
}
.ahorrando{
	color: #f26723;
}

.seleccione_opcion{
	background-color: #aca8a8;
}

.div_icono{
	background-color: #007bff;
	border-radius: 100%;
	width: 60px;
	height: 60px;
	align-items: center;
	text-align: center;
	padding-top: 12px;
}

.menu_opciones{
	font-size: 15px;
}

.btn_disable{
	background-color: #aca8a8 !important;
	cursor: not-allowed;
}

.slider {
	-webkit-appearance: none;
	width: 100%;
	height: 23px;
	border-radius: 5px;  
	background: #d3d3d3;
	outline: none;
	opacity: 0.7;
	-webkit-transition: .2s;
	transition: opacity .2s;
  }
  
  .slider::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 25px;
	height: 25px;
	border-radius: 50%; 
	background: #04AA6D;
	cursor: pointer;
  }
  
  .slider::-moz-range-thumb {
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background: #04AA6D;
	cursor: pointer;
  }

  .notificaciones{
	background-color: white;
	border-radius: 0px 0px 15px 15px;
	-moz-border-radius: 0px 0px 15px 15px;
	-webkit-border-radius: 0px 0px 15px 15px;
  }
  
  .notificaciones, h5{
	margin-top: 10px;
	color: #007bff;
  }

  .notificaciones, p{
	color: #000000;
	margin-top: 10px;
	font-size: 17px;
  }

  .boton-menu{
	width: 100%;
	height: 60px;
	background-color: #aca8a8;
	font-size: large;
	font-weight: bold;
	padding-top: 15px;
  }
  .tabla-estado-cuenta{
	font-size: 13px;
  }

  .tabla-cierre-caja{
	font-size: 14px;
  }
  
  .hr_tarjeta{
	border-color: white;
  }

  #p_tarjeta{
	color: white;
	margin: 6px;
  }

  .contenedor-historial{
	margin-bottom: 20px;
  }

  .credito-rojo{
	color: white;
	background-color: #C3002C !important;
  }

  .credito-verde{
	color: white;
	background-color: #207B6E !important;
  }

  .div-tabla-historial{
	max-width: auto; /* Establece el ancho máximo deseado */
	max-height: 250px;
	overflow: auto; /* Habilita el scroll cuando el contenido excede el ancho */
  }

  .switch {
	position: relative;
	display: inline-block;
	width: 50px;
	height: 22px;
  }
  
  /* Hide default HTML checkbox */
  .switch input {
	opacity: 0;
	width: 0;
	height: 0;
  }

/* The slider */
.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
  }
  
  .slider:before {
	position: absolute;
	content: "";
	height: 15px;
	width: 15px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
  }
  
  input:checked + .slider {
	background-color: #337AB7;
  }
  
  input:focus + .slider {
	box-shadow: 0 0 1px #337AB7;
  }
  
  input:checked + .slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
  }
  
  /* Rounded sliders */
  .slider.round {
	border-radius: 25px;
  }
  
  .slider.round:before {
	border-radius: 50%;
  }

  .div_izquierda{
	position: absolute;
	top: 0px;
	left: 10px;
  }

  .div_derecha{
	position: absolute;
	top: 1px;
	left: 90px;
  }
  .check-zona{
	margin-left: 21px;
	margin-top: 8px;
	transform: scale(1.2);
  }