/* @charset "utf-8";
CSS Document */

@import url(https://fonts.googleapis.com/css?family=Open+Sans);

* 				{margin:0px;padding:0px;}
body 			{background:#f7f7f7;}
img 			{border:0px;}
.img			{border:1.5pt solid #bdbdbd;}
.clear 			{clear:both;}
a 				{text-decoration:none;outline:none;}
a:hover 		{text-decoration:underline;}

p, body,textarea, input, a	{font:15px 'Open Sans';color:#4b4b4b; }



h1 				{
	position: relative;
	/* width: auto; */
	height: 38px;
	/* margin-left: 14px; */
	/* padding: 0px 0px 0px 48px; */
	/* background: url(images/h1.png) no-repeat left center; */
	font: 45px/45px 'Open Sans' !important;
	color: #0065CC !important;
}

h1 	span		{color:#000;font-size:30px;}
.h1_02			{position:relative;width:auto;height:28px;margin-left:10px;padding:0px 0px 0px 35px;background:url(images/h1_02.png) no-repeat left center;font:italic 30px/30px 'Open Sans';color:#0065CC;}
h2				{font:bold 20px 'Open Sans';color:#0065CC;}
h3 				{font:bold italic 25px/25px 'Open Sans';color:#0065CC;}
h4 				{font:bold italic 20px/25px 'Open Sans';color:#0065CC;}
.float_left 	{float: left;}
.float_right 	{float: right;}
.black			{color:#000;}



@media only screen and (max-width: 1100px) {
  .main  {
    width: 96%!important;
  }
}


.main {
	position:relative;
	width:1100px;
	height:auto;
	margin:auto;
}






/* Header Open */
#header 		{position:relative; 
	width:100% ;

	background: #dbe7f4;

	display: inline-flex;
	height: 105px;

}
.logo			{float:left; max-height:60px; /*margin:22px 0px 0px 16px; */}


.accesos		{float:right;width:227px;height:125px;font:10px 'Open Sans';color:#3d3d3d;}
.pass_sub		{position:relative;width:227px;height:20px;margin:4px 0px 3px 0px;}
.usuario		{position:relative;width:227px;height:20px;margin:4px 0px 3px 0px;border:0px;background:url(images/usuario.gif);}
.clave			{float:left;width:151px;height:20px;border:0px;background:url(images/clave.gif);}
.entrar			{float:left;width:68px;height:21px;margin-left:8px;border:0px;cursor:pointer;background:url(images/entrar.gif);}
/* Header Closed */

/* Menu Open 
#menu	 		{position:relative;width:100%;height:43px;background:url(images/menu_bg.gif) repeat-x;}
*/


#menu {
	position: relative;
	width: 100%;
	height: 50px; 
	background: #fff;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;

}

#menu a {


	padding: 10px;
	cursor: pointer;
	border-radius: 3px;
	font: 14px 'Open Sans', Arial, serif;
	color: #000;
	margin: 0 3px;
	border: 0px!important;
}

#menu a:hover {
	cursor: pointer;
	background: #000;
	text-decoration: none;
	color: #fff;
	background: #004c99!important
}

#menu .active {
	text-decoration: none;
	color: #fff;
	background: #004c99!important

}



#menu .main {

	padding: 12px 0px;
}


.ul_menu 		{list-style:none;}
.ul_menu li		{float:left;}
/*
.ul_menu li a	{width:147px;height:28px;display:block;}*/

.ul_menu li .bt1	{background:url(images/menu.gif) 0px 0px;margin-right:3px;}
.ul_menu li .bt2	{background:url(images/menu.gif) -149px 0px;margin-right:3px;}
.ul_menu li .bt3	{background:url(images/menu.gif) -297px 0px;margin-right:3px;}
.ul_menu .bt4		{background:url(images/menu.gif) -445px 0px;}
.ul_menu .bt5		{background:url(images/menu.gif) -592px 0px;}

.ul_menu li .bt1_over	{background:url(images/menu_over.gif) 0px 0px;margin-right:3px;}
.ul_menu li .bt2_over	{background:url(images/menu_over.gif) -149px 0px;margin-right:3px;}
.ul_menu li .bt3_over	{background:url(images/menu_over.gif) -297px 0px;margin-right:3px;}
.ul_menu li .bt4_over	{background:url(images/menu_over.gif) -445px 0px;}
.ul_menu li .bt5_over	{background:url(images/menu_over.gif) -592px 0px;}

.ul_menu li .bt1:hover	{background:url(images/menu_over.gif) 0px 0px;margin-right:3px;}
.ul_menu li .bt2:hover	{background:url(images/menu_over.gif) -149px 0px;margin-right:3px;}
.ul_menu li .bt3:hover	{background:url(images/menu_over.gif) -297px 0px;margin-right:3px;}
.ul_menu li .bt4:hover	{background:url(images/menu_over.gif) -445px 0px;}
.ul_menu li .bt5:hover	{background:url(images/menu_over.gif) -592px 0px;}


/* Menu Closed */

#galeria 		{position:relative;width:100%;height:auto;background:url(images/galeria.gif);}
#galeria img	{margin:26px 0px 13px 25px;}

#container 		{ position:relative;width:100%; height: :auto;    background: #f9f9f9; padding-bottom: 30px;}


.content		{float:left;width:675px;height:auto;margin:24px 0px 0px 15px;}
.border			{background-color:#909090;width:100%;height:1px;margin:22px 0px;}
.imagenes		{margin:20px 0px 20px 0px;border:thin solid #bdbdbd;}
.border3		{background-color:#909090;width:100%;height:1px;margin-top:32px;}
.sidebar		{float:right;width:250px;height:auto;margin:38px 0px 0px 10px;}
.border2		{background-color:#909090;width:100%;height:1px;margin-top:18px;}
.sidebar_ul		{list-style:none;margin-top:22px;}
.sidebar_ul	li	{margin-top:18px;padding-bottom:18px;border-bottom:thin dotted #4b4b4b;color:#0065CC;font:bold 13px 'Open Sans';}
.sidebar_ul	li a{font:15px 'Open Sans';color:#4b4b4b;}
.sidebar_ul	li span {font:bold 15px 'Open Sans';color:#4b4b4b;}

.sidebar_uld		{list-style:none;margin-top:22px;}
.sidebar_uld	li	{margin-top:10px;padding-bottom:10px;border-bottom:thin dotted #4f4f4f;color:#4f4f4f;font:bold 12px 'Open Sans';}
.sidebar_uld	li a{font:bold 15px 'Open Sans';color:#4f4f4f;}
.sidebar_uld	li span {font:12px 'Open Sans';color:#616161;}

.sidebar_uli		{list-style:none;margin-top:22px;}
.sidebar_uli	li	{margin-top:10px;padding-bottom:10px;border-bottom:thin dotted #4f4f4f;color:#4f4f4f;font:bold 12px 'Open Sans';}
.sidebar_uli	li a{font:bold 15px 'Open Sans';color:#4f4f4f;}
.sidebar_uli	li span { font-family:'Open Sans', "Palatino Linotype", Palatino, serif;color:#616161;}
.sidebar_uli	li strong span {font-weight:bold;color:#616161;}

.ver_mas_btd		{margin-top:20px;float:right;}

.img_perfil		{margin-left: 15px; margin-top:10px;}

.ver_mas_bt		{margin-top:20px;}


/* Footer Open */


#footer {
	position: relative;
	/*height: 70px;
	padding: 32px 0px 0px 0px;*/
	background: #0065CC;
}


.footer_left	{float:left;width:auto;height:90px;}
.footer_left a	{font:10px 'Open Sans';color:#fff;}
.footer_left p	{font:10px 'Open Sans';color:#fff;}

.foot01		{border-right:bbbbbb;float:left;width:70px;height:76px;padding:14px 0px 0px 30px;border-right:thin solid #bbb;}
.foot02		{float:left;width:104px;height:76px;padding:14px 0px 0px 32px;list-style:none;border-right:thin solid #bbb;}
.foot03		{float:left;width:122px;height:76px;padding:14px 0px 0px 22px;list-style:none;border-right:thin solid #bbb;}
.foot04		{float:left;padding:24px 19px 3px 0px;list-style:none;border-right:thin solid #bbb;}
.compartir	{width:102px;height:44px;padding:0px 97px;list-style:none;}
.compartir li {float:right;margin-left:7px;}

.partners	{width:298px;padding:0px 12px;list-style:none;}
.partners li {float:right;margin-left:7px;}

.copyright		{ /*float:right;height:52px;margin:10px 35px 0px 0px; */padding: 23px 0px; font:10px/20px 'Open Sans';color:#fff;text-align: right; }

.copyright	a 	{font:10px/20px 'Open Sans';color:#fff;}

/* Footer Closed */

/* Internas Open */
.page			{position:relative;width:655px;height:auto;margin:22px 0px 0px 14px;}
.page p			{font:15px 'Open Sans';color:#4b4b4b;}
.page p a 		{font:15px 'Open Sans';color:#4b4b4b;}
.page h2		{font:bold 20px 'Open Sans';color:#0065CC;}
.txto_izq		{float:left;margin:20px 0px 0px 12px;list-style:url(images/txto_izq.gif);color:#0065CC;}
.txto_izq li	{position:relative;}
.txto_izq li a	{font:15px/21px 'Open Sans', Palatino, serif;color:#0065CC;}
.porcion		{float:right;width:263px;height:135px;margin:20px 0px 0px 55px;}
.disco			{float:left;}
.porcion_right	{float:right;width:116px;height:90px;margin:34px 0px 0px 24px;font:bold 12px 'Open Sans', Palatino, serif;color:#000;}
.discos_			{list-style:none;margin-top:10px;}
.discos_	li		{width:auto;height:16px;padding:0px 0px 0px 21px;margin-bottom:6px;}
.discos_ .discos_2	{font:12px 'Open Sans', Palatino, serif;color:#555555;background:url(images/circulo02.gif) no-repeat left center;}
.discos_ .discos_3	{font:12px 'Open Sans', Palatino, serif;color:#313131;background:url(images/circulo03.gif) no-repeat left center;}
.discos_ .discos_4	{font:12px 'Open Sans', Palatino, serif;color:#555555;background:url(images/circulo04.gif) no-repeat left center;}
/* Internas Closed */

/* Usuarios Open */
.usuarios_box {
	position: relative;
	/* width: 855px; */
	/* height: auto; */
	/* padding: 22px 35px 20px 30px; */
	background: rgba(0, 101, 204, 0.12);
	border-radius: 5px;
	font: 15px 'Open Sans', Palatino, serif;
	color: #333333;
	padding: 25px;
}



.usuarios_box input:-webkit-autofill,
.usuario_box input:invalid,
.usuarios_box input:-webkit-autofill:hover, 
.usuarios_box input:-webkit-autofill:focus, 
.usuarios_box input:-webkit-autofill:active {
	background:#fff!important;
	-webkit-box-shadow: 0 0 0 30px white inset !important;

}


.fecha	{font-weight:bold;font-size:17px;}


input {
	padding: 5px;
	border-radius:3px;
	border:thin solid #979797;
	background:#fff;
	font:12px 'Open Sans', Palatino, serif;
	color:#333333;
	font: 13px 'Open Sans', Arial, serif;
}

select {
	padding: 5px;
	cursor: pointer;
	background: #fff;
	border-radius: 3px;
	font: 13px 'Open Sans', Arial, serif;

	margin-right: 5px;

}

tr { height: 44px;}

.inp_01				{width:677px;}
.inp_02				{width:147px;}
.inp_03				{width:329px;}
.inp_04				{width:311px;}
.inp_05				{width:236px;}
.inp_06				{width:180px;}
.inp_07				{width:605px;}
.inp_08				{width:396px;}
.inp_die			{height:20px;padding:0px 5px;border-radius:5px;border:thin solid #979797;background:#efefef;font:12px 'Open Sans', Palatino, serif;color:#333333;}


.table_uca			{font:16px 'Open Sans', Palatino, serif;color:#333333;}
.table_uca tr		{}
.table_uca tr td	{background:#949595;padding:0px 20px 0px 20px;height:30px;border-right:medium solid #bdbdbd;border-bottom:medium solid #bdbdbd;}

.table_contra			{font:13px 'Open Sans', Palatino, serif;color:#333333; width: 100%;    text-align: center;}
.table_contra tr		{}

/*
.table_contra tr td		{background:#afb0b0;height:30px;border-right:medium solid #bdbdbd;border-bottom:medium solid #bdbdbd;text-align:center;}*/

.table_contra tr td {
	background: rgba(255, 255, 255, 0.63);
	height: 30px;
	/* border-right: 1px solid #bdbdbd; */
	border-bottom: 1px solid #bdbdbd;
	padding: 5px;
	/* text-transform: uppercase; */
}


.table_contra .tr01 td	{background:#6b6e6e;font:13px 'Open Sans', Palatino, serif;color:#fff;}
.table_contra .tr02 td	{background:#949595;}
.table_contra .total td	{background:#868889;color:#fff;}
.table_contra .pdf		{padding-right:28px; color:#333333;text-decoration:underline;background:url(images/pdf.png) no-repeat right center;}
.table_contra .pdf_no_ico{font-weight:bold; color:#333333;}
.table_contra_sub tr td	{border-right:none;border-bottom:thin solid #bdbdbd;}


.actualizar			{width:auto;height:auto;padding:1px 16px;cursor:pointer;background:#dcdcdc;border:thin solid #4c4c4c;border-radius:5px;font:13px 'Open Sans', Palatino, serif;color:#000;}
.eliminar			{width:auto;height:auto;padding:1px 16px;cursor:pointer;background:#0065CC;border:thin solid #550611;border-radius:5px;font:13px 'Open Sans', Palatino, serif;color:#fff;}
.modificar			{width:auto;height:auto;padding:1px 16px;cursor:pointer;background:#545454;border:thin solid #4c4c4c;border-radius:5px;font:13px 'Open Sans', Palatino, serif;color:#fff;}

.boton {
	
	/*padding: 5px 10px;
	cursor: pointer;
	background: #0065CC!important;
	border-radius: 3px;
	font: 13px 'Open Sans', Arial, serif;
	color: #fff;
	margin-right: 5px;
	border: 0px!important;*/


	    padding: 7px 14px;
    cursor: pointer;
    background: #0065CC!important;
    border-radius: 3px;
    /* font: 13px 'Open Sans', Arial, serif; */
    color: #fff;
    margin-right: 5px;
    border: 0px!important;


}



.boton:hover {
	cursor: pointer;
	background: #000;
	text-decoration: none;
	color: #fff;
	background: #004c99!important
}




.table_contra_sub2 tr td	{border:none;border-right:medium solid #bdbdbd;}
.table_contra_sub2 tr .sin_border	{border:0px;}

.table_resumen			{font:16px 'Open Sans', Palatino, serif;color:#333333;}
.table_resumen tr		{}
.table_resumen tr td		{background:#afb0b0;height:30px;border-right:medium solid #bdbdbd;border-bottom:medium solid #bdbdbd;text-align:left;padding-left:5px; padding-right:5px}
.table_resumen .tr01 td	{background:#6b6e6e;font:bold 12px 'Open Sans', Palatino, serif;color:#fff;}
.table_resumen .tr02 td	{background:#949595;}
.table_resumen .total td	{background:#868889;color:#fff;}

.accesos_usuarios		{
	float:right; 
	border-bottom-left-radius: 20px;

	background: #6b6e6e;
	font:10px 'Open Sans';
	color:#3d3d3d;



}



.acceso_usuarios { float:left; margin-right: 10px; width: 73px }

.right-menu  img {
	border-radius: 50%;
	width: 60px;
	height: 60px;

	box-sizing: unset!important;
}



.usuarios {
	float: right;
	font: 10px 'Open Sans';
	padding: 10px;
}

.right-menu {  
	font-size: 14px;
	color: #575757;

}
.right-menu ul {

	list-style:none;
	margin: 0;
	padding: 0;
}

.right-menu  ul li {
	display:inline-block;
	padding-left: 14px;
	vertical-align: middle;

}

.right-menu > div {
	display: inline;
}

.right-menu  a {
	font-size: 14px;
	color: #575757;
}



.salir {
	/* float: right; */
	/* width: 34px; */
	/* height: 16px; */
	background: #616161;
	text-align: center;
	font: 11px 'Open Sans';
	color: #dedede;
	border-radius: 2px;
	/* margin-left: 6px; */
	padding: 5px 10px;
	margin-left: 5px;
}

.salir:hover			{text-decoration:none; background: #000;}

.accesos_menu			{float:right;width:491px;list-style:none;}
.accesos_menu li		{float:left;}
.accesos_menu li a		{width:128px;height:18px;padding-top:2px;margin:3px 2px 0px 0px;display:block;background:#dedede;border-radius:5px;font:bold 13px 'Open Sans';color:#0f0f0f;text-align:center;}
.accesos_menu li a:hover{text-decoration:none;background:#ababab;color:#fff;}
.accesos_menu li #select{background:#ababab;color:#fff;}
.accesos_menu li .acc_menu_2		{width:159px;}
.accesos_menu li .acc_menu_3		{width:200px;margin-right:0px;}

.hr_2		{border:0px;border-top:thin solid #848484;}

.button_simple{
	border:0px solid #7a0919; -webkit-border-radius: 3px; width:148px; -moz-border-radius: 3px;border-radius: 3px; font-size:9px;font-family:'Open Sans', helvetica, sans-serif; padding: 4px 6px 4px 6px; font-weight:bold; text-align: center; color: #FFFFFF; background-color: #0065CC;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0065CC), color-stop(100%, #0065CC));
	background-image: -webkit-linear-gradient(top, #0065CC, #0065CC);
	background-image: -moz-linear-gradient(top, #0065CC, #0065CC);
	background-image: -ms-linear-gradient(top, #0065CC, #0065CC);
	background-image: -o-linear-gradient(top, #0065CC, #0065CC);
	background-image: linear-gradient(top, #0065CC, #0065CC);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#0065CC, endColorstr=#0065CC);
}

.button_simple:hover{
	border:0px solid #7a0919; background-color: #7a0919;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7a0919), color-stop(100%, #7a0919));
	background-image: -webkit-linear-gradient(top, #7a0919, #7a0919);
	background-image: -moz-linear-gradient(top, #7a0919, #7a0919);
	background-image: -ms-linear-gradient(top, #7a0919, #7a0919);
	background-image: -o-linear-gradient(top, #7a0919, #7a0919);
	background-image: linear-gradient(top, #7a0919, #7a0919);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#7a0919, endColorstr=#7a0919);
}
.Button_end {
	float: right; 
	margin: 16px 4px 12px 12px;
	cursor: pointer;
}

.Button_end_left{
	float: left; 
	margin: 16px 4px 12px 0;
	cursor: pointer;
}
/* lightbox*/

.fadebox {
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=50);
}
.overbox {
	display: none;
	position: absolute;
	top: 30%;
	left: 35%;
	width: 460px;
	height: 182px;
	z-index:1002;
	overflow: auto;
	background: #BDBDBD;
	border: solid 3px #CCC;
	padding: 22px 22px 10px 22px;
	border-radius: 5px;

}
.close_light{
	position: absolute;
	top:9px;
	right:20px;
	font:12px 'Open Sans';
	color:#3d3d3d;


}

/* Usuarios Closed */


.alert-danger {
	border: 1px solid #bcaeae;
	padding: 10px 20px;
	background: #ffe8e8;
	border-radius: 3px;
	margin-bottom: 14px;
	font: 14px/21px 'Open Sans' !important;
}

input:-internal-autofill-selected {

	background-color: #fff!important;
}

/*ESTADOS ESTILOS*/



.recepcionado,
.no-recepcionado,
.pendiente-de-revision,
.verificacion-llamada,
.tramitado,
.incidencia,
.incidencia-verificacion,
.correcto,
.facturado,
.retrocedido,
.rechazado,
.contrato-verificado,
.llamada-auditada,
.baja-anticipada,
.llamada-venta-pdte,
.verificacion-origen,
.en-gestion,
.comercial-origen,
.comercial-llamada,
.anulado
{

	padding: 3px 10px;
	border-radius: 12px;
	border: 1px solid #e9e9e9;
	white-space: nowrap;
	font-size: 12px;
	width: fit-content;
}


.comercial-llamada {
	border: 1px solid #D8BFD8;
	color: #D8BFD8;
}
.comercial-origen {
	border: 1px solid #03a9f4;
	color: #03a9f4;
}

.pendiente-de-revision {background: #fff; }

/*marrones*/
.verificacion-llamada { background: #ecd6c0; }
.verificacion-origen { background: #59d0b4; }
.contrato-verificado { background: #d8af97; }
.llamada-auditada {background:#bf9780; }


/*amarillos*/
.no-recepcionado {background: #e2e37e }
.recepcionado {background: #fffec2}
.tramitado {background: #fdfd96 }
.llamada-venta-pdte {background: #fdfd96 }
.en-gestion { background: #fdfd96 }


/*rojos*/
.incidencia,
.incidencia-verificacion {background: #FCB5B3; }
.rechazado {background: #FA5f4f; color: #fff; }



/*verdes*/
.correcto {background: #a5eea0 }
.facturado { background: #5dc460; color: #fff; }




.llamada-comercial {
	border: 1px solid #e25ae1;
	color: #e25ae1;
	background: #fff;
}



.retrocedido,
.baja-anticipada
{
	background: rgb(139 139 139 / 49%);
}


.anulado {
	background: rgb(189 189 189 / 48%);
	color: #fff;
}


.btn-pdf {
	background: #184a96;
	padding: 4px 10px;
	color: #fff;
	text-decoration: none;
	border-radius: 3px;
	font-size: 11px;
	white-space: nowrap;
}




/*CONTRATOS*/


.table_contra {

	text-align: left!important;
}

.ui-datepicker-calendar tr { height:initial!important; }

.btn {
	white-space: nowrap;
}

table.dataTable {
	width: 100%!important;
}

thead {

	background: #6b6e6e;
	color: #fff;
}

table.dataTable thead th, 
table.dataTable tfoot th {
	font-weight: 400;
}

.seleccione {
	padding: 10px;
	background: #abc2da;
}



table.dataTable  tr:nth-child(even)  {
	background:#cfcfcf!important
}

table.dataTable  tr:nth-child(odd) td:first-child {
	background:#fbfdff!important
}


table.dataTable thead th, table.dataTable thead td {
	padding-left: 10px!important;
}

.buttons-print,
.buttons-excel {
	background: #6b6e6e!important;
	color: #fff!important;
	border: 0!important;
	border-radius: 3px!important;
	padding: 5px 10px!important;
	margin-top: 5px!important;
	font-size: 11px!important;
}


.dataTables_info { margin-right:10px; margin-bottom: 10px; }



/*ocultamos las flechas en el input number busqueda por orden*/
input[type="number"],
input[type="number"]:hover, {
	-moz-appearance: textfield;
}

input[type="number"]:hover,
input[type="number"]:focus {
	-moz-appearance: number-input;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	display: none;
}


/*boton llamada en curso*/

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(1, 1);
	}
	50% {
		-webkit-transform: scale(1.1, 1.1);
	}
	100% {
		-webkit-transform: scale(1, 1);
	};
}

@keyframes pulse {
	0% {
		transform: scale(1, 1);
	}
	50% {
		transform: scale(1.1, 1.1);
	}
	100% {
		transform: scale(1, 1);
	};
}

#llamadaencurso {
	background: #00cc31;
	padding: 2px 0px;
	width: 115px;
	text-align: center;
	border-radius: 20px;
	font-size: 10px;
	-webkit-animation: pulse 1s linear infinite;
	animation: pulse 1s linear infinite;
	color: white;
	margin-top: 5px;
}



.btn-bell {
	font-size: 24px;
	background: transparent;
	border: none;
	/* border-radius: 50%; */
	/* padding: 9px; */
	color: #0b4c96;
	/* vertical-align: middle; */
	/* margin-top: 33px; */
	cursor: pointer;
	margin-right: 40px

}

.btn-bell .numbernoty {

	font-size: 11px;
	color: #d41818;
	position: absolute;
	background: #fff;
	/* padding: 2px; */
	border-radius: 50%;
	width: 20px;
	height: 20px;
	font-weight: 600;
	top: 7px;
	line-height: 20px;


}

/* width */
::-webkit-scrollbar {
	width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
	background: #f1f1f1; 
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: #555; 
}



/*popup notificaciones*/


#notificacionesbody {
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 80%;
	padding-right: 10px;
}


.notificaciondiv {

	padding: 13px 0;
	border-bottom: 1px dotted #b7b7b766;
	background: #fff;
	border-top: 1px dotted #b7b7b766;
	width: 100%;			
	font-size: 14px;
}

#notificacionesmodal .notificacionesinfo {
	font-size: 11px;
	margin-top: 10px;
	color: #bfbfbf;

}


#notificacionesmodal .btn-descartarnoti {
	border: none;
	background: none;
	color: #cd7171;
	cursor: pointer;
	font-size:16px;
	float: right;
}

#notificacionesbody #btn-searchnoty {
	border-bottom: 1px dashed #8c8c8c;

}

.toggle-off, 
.toggle-on {
	font-size:10px!important;
}

/*se deberia modificar desde la funcion*/
#mes { width: 100%!important; }



select,
input::placeholder
{ font-size:12px; }


#verificacionmodal .box_modal h6 {
	background: #f1f5f9;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	padding:  10px;
	font-weight: 800;
	margin-bottom: 15px;
}




#verificacionmodal .box_modal{
	margin-bottom: 20px;
	border: 1px solid #f7f7f7;
	/*box-shadow: #e7e7e7 5px 2px 9px 0px;*/
	padding-bottom: 20px;

	font-size: 14px;
	/*font: 14px 'Open Sans', Palatino, serif;*/
	font-family: 'Open Sans', Palatino, serif;
}


#verificacionmodal .textsms {
	font-size: 14px;
	background: #f7f7f7;
	padding: 20px;
	margin: 15px;
}


#verificacionmodal .heading {

	background: #dbe7f4;
	font-size: 14px;

	padding: 10px 0;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}

/*
#verificacionmodal > .container-fluid > .row > .col-md-12 {
	background: #f7f7f7;
	}*/

	#verificacionmodal label{
		font-weight: 800;
		margin:0px;
	}

	#verificacionmodal .heading h6 {
		font-weight: 800
	}

	#verificacionmodal
	{
		font-family: 'Open Sans', Palatino, serif;
		font-size: 14px;

	}

	.btn-square {
		width:30px;
		height:30px;
	}


	@keyframes growProgressBar {
		0%, 33% { --pgPercentage: 0; }
		100% { --pgPercentage: var(--value); }
	}

	@property --pgPercentage {
		syntax: '<number>';
		inherits: false;
		initial-value: 0;
	}

	div[role="progressbar"] {
		--size: 2rem;
		--fg: #369;
		--bg: #def;
		--pgPercentage: var(--value);
		animation: growProgressBar 3s 1 forwards;
		width: var(--size);
		height: var(--size);
		border-radius: 50%;
		display: grid;
		place-items: center;
		background: 
		radial-gradient(closest-side, white 80%, transparent 0 99.9%, white 0),
		conic-gradient(var(--fg) calc(var(--pgPercentage) * 1%), var(--bg) 0)
		;
		font-family: Helvetica, Arial, sans-serif;
		font-size: calc(var(--size) / 5);
		color: var(--fg);
	}

	div[role="progressbar"]::before {
		counter-reset: percentage var(--value);
		/* content: counter(percentage) '%';*/
	}

.ica_progressbar progress {
	width: 50px;
	height: 12px;
	-webkit-appearance: none;
	appearance: none;
	border: 1px solid #00000030;
	border-radius: 5px;
	overflow: hidden;


}

.ica_progressbar {
	display: inline-flex;
	align-items: center;
}

.ica_progressbar span {
	    margin-right: 10px;
    width: 21px;
    text-align: right;
}


.ica_progressbar progress::-webkit-progress-bar {
	background-color: #fff;
}

.ica_progressbar progress::-webkit-progress-value,
.ica_progress_red progress::-webkit-progress-value,
.ica_progress_yellow progress::-webkit-progress-value,
.ica_progress_black progress::-webkit-progress-value,
.ica_progress_green progress::-webkit-progress-value {
	border-radius: 3px;
}

.ica_progressbar progress::-moz-progress-bar,
.ica_progress_red progress::-moz-progress-bar,
.ica_progress_yellow progress::-moz-progress-bar,
.ica_progress_black progress::-moz-progress-bar,
.ica_progress_green progress::-moz-progress-bar {
	border-radius: 3px;
}

.ica_progress_red progress::-webkit-progress-value {
	background-color: #ff6961;
}

.ica_progress_grey progress::-webkit-progress-value {
	background-color: grey!important;
}


.ica_progress_black progress::-moz-progress-bar {
	background-color: #000!important;
}
.ica_progress_black progress::-moz-progress-value {
	background-color: #000!important;
}
.ica_progress_black progress::-webkit-progress-value {
	background-color: #000!important;
}




.ica_progress_red progress::-moz-progress-bar {
	background-color: #ff6961;
}
.ica_progress_red progress::-moz-progress-value {
	background-color: #ff6961;
}
.ica_progress_red progress::-webkit-progress-value {
	background-color: #ff6961;
}




.ica_progress_yellow progress::-webkit-progress-value {
	background-color: #fdfd96;
}

.ica_progress_yellow progress::-moz-progress-bar {
	background-color: #fdfd96;
}

.ica_progress_green progress::-webkit-progress-value {
	background-color: #bdecb6;
}

.ica_progress_green progress::-moz-progress-bar {
	background-color: #bdecb6;
}




button:disabled {

  cursor: not-allowed; /* cursor de no permitido */
  background-color:grey!important;
  border-color:grey!important;
  opacity:0.1!important;
 
}