@charset "utf-8";
/* ARCHIVO BÁSICO DE CSS*/
html{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	/*overflow-x: hidden !important;*/
	width: 100%;
	height: 100%;
    bottom: 0px;
    left: 0px;
    clear: both;
    position: absolute;
}
/*
html::after{
	content: "";	
	opacity: 0.3;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	z-index: -1;  
}*/
body{
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: hidden;
	position: absolute;
	margin: 0px auto;
	/*background-color: transparent !important;*/
}
:root{
    /* Variables manual de estilos gráficos */
	/*colores estandar*/
	 --azul_web: #6699cc;
 	 --azul_med: #6ba4b8;
	/* variante de azul */
	 --azul: #0871b8;
	 --azul_hover: #127cc3;
	 --azul_oscuro: #2E3191;
	 --azul_fondo: #F3F6FB;
	/* neutro */
	 --blanco: #FFFFFF;
	/*naranjas*/
	 --naranja_web: #eea730;
	 --naranja_med: #ff8f1c;
	 --naranja_ps: #edd0a661;
	/* negros */
	 --text: #2F2D2D;
	 --text_light: #999999;
	 --gris: #727272;
	 --gris_light: #e2e2e2;
	/* colores especiales */
	 --table_color: #e8e8e8;
	 --table_color_for: #e6f0f7;
	 --background-windows: #1c232dc9;
	 --shadow_text: rgba(124,124,124,0.10);
	 --shadow-windows: 2px 4px 6px 0px #302f509c; 


	/**/ /**/ /**/ /**/
	/* variables temporals */
	--azul_log: #3ca1b9;
	--naranja: #ff8f00;
	--text_color: #2f2d2d;
	--border-color: rgba(190,204,211,0.50);
	/*colores items*/
	--verde: #34AE72;
	--azul: #0871B8;
	--azul-hover: #127CC3;
	--viazul: #3DA0B9;
	/* nuevos himed web */
    /*colores*/
	--color_azul: #5c89b6;
	--color_azul_hover: #1480AF;
	/*variante de azul*/
	--color_azul_dark: #003D6F;
	--color_azul_claro: #0071BC;
	--color_azul_fondo: #f3f6fb;
	--color_azul_perla: #2E3191;
	--color_azul_himed: #6ba4b8;

	--color_verde: rgba(34,181,115);
	--color_verde_hover: rgba(45,196,124);
	--color_naranja: rgba(247,147,30);
	--color_naranja_hover: rgba(252,159,66);
	--color_rojo: rgba(193,39,45);
	--color_rojo_hover: rgba(193,39,45);
	--color_blanco: #FFFFFF;

	--color_text: #999999;
	--color_text_bold: #404040;

	--border-color: rgba(190,204,211,0.50);

	--table-gris: #e8e8e8;
	--table-text: #424242;
	--table-for-color: #e6f0f7;

	--background-windows: #1c232dc9;
	--shadow-windows: 2px 4px 6px 0px #302f509c;

	/*colores items*/
	--shadow_t1: rgba(124,124,124,0.10);
}
/* Scroll personalizable himed */
/* scroll style */
/* Tamaño del scroll */
.scroll-himed::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

 /* Estilos barra (thumb) de scroll */
.scroll-himed::-webkit-scrollbar-thumb {
  background: var(--azul_med);
  border-radius: 4px;
}

.scroll-himed::-webkit-scrollbar-thumb:active {
  background-color: var(--azul_oscuro);
}

.scroll-himed::-webkit-scrollbar-thumb:hover {
  background: var(--azul-hover);
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}

 /* Estilos track de scroll */
.scroll-himed::-webkit-scrollbar-track {
  background: var(--table-gris);
  border-radius: 4px;
}

.scroll-himed::-webkit-scrollbar-track:hover, 
.scroll-himed::-webkit-scrollbar-track:active {
  background: var(--color_text);
}

.divClear{
	width: 100%;
	height: 1px;
	clear: both;
}

/*Clase general para inhabilitar imagenes desactivadas*/
img[src*="iconos_desactivados"],
img.DisabledIcon{
	cursor: no-drop !important;
	filter: grayscale(1) !important;
}

.button-disabled{
	pointer-events: none;
	filter: grayscale(1);
}

.boton-deshabilitado {
	pointer-events: auto !important;
	filter: grayscale(1);
}

.boton-deshabilitado img {
	pointer-events: none !important;
}


/* formulario preestablecidos */

/*zIndex Level*/
.zIndex1{z-index: 1 !important;}
.zIndex2{z-index: 2 !important;}
.zIndex3{z-index: 3 !important;}
.zIndex4{z-index: 4 !important;}
.zIndex5{z-index: 5 !important;}
.zIndex6{z-index: 6 !important;}
.zIndex7{z-index: 7 !important;}
.zIndex8{z-index: 8 !important;}
.zIndex9{z-index: 9 !important;}
.zIndex10{z-index: 10 !important;}
.zIndex11{z-index: 11 !important;}


/* FRACCIONES CSS */
.fra-1{width: 100% !important;}
.fra-1-6{width: 75% !important;}
.fra-1-7{width: 75% !important;}
.fra-1-5{width: 65% !important;}
.fra-2{width: 50% !important;}
.fra-3{width: 33% !important;}
.fra-4{width: 25% !important;}
.fra-5{width: 20% !important;}
.fra-6{width: 16% !important;}
.fra-6-1{width: 15% !important;}
.fra-7{width: 14% !important;}
.fra-8{width: 12% !important;}
.fra-9{width: 11% !important;}
.fra-10{width: 8% !important;}

/* PORCENTAJES CSS */
.cien-1{width: 10% !important;}
.cien-2{width: 20% !important;}
.cien-3{width: 30% !important;}
.cien-4{width: 40% !important;}
.cien-5{width: 50% !important;}
.cien-6{width: 60% !important;}
.cien-7{width: 70% !important;}
.cien-8{width: 80% !important;}
.cien-9{width: 90% !important;}
.cien-100{width: 100% !important;}
 /*center auto*/
[class*="fra-"].checkbox{
	width: auto !important;
	display: table !important;
	margin: 0px auto !important;	
}
/* Estandar de modal */
.wind-himed{
	display: block !important;
	font-size: 0px !important;
	position: relative !important;
	border-radius:  5px !important;
	box-sizing: border-box !important;
	padding: 40px 5px 5px 5px !important;
}
/* titulo del modal */
.wind-himed .title-wind{
	width: 100%;
	height: 35px;
	padding: 5px;
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	box-sizing: border-box;
	background-color: var(--azul_web);
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}
/* titulo del modal */
.wind-himed .title-wind h2{
	width: 100%;
	height: 100%;
	display: block;
	line-height: 1;
	text-align: center;
	font-size: x-large;
	color: var(--blanco);
}

/* fieldset estandar himed */
fieldset.forms{
	width: 100%;
	min-height: 50px;
	height: auto;
	display: inline-block;
	position: relative;
	vertical-align: top;
	padding: 35px 5px 5px 5px;
	box-sizing: border-box;
	border-radius: 5px;
	border: 1px solid var(--gris_light);
	background-color: var(--blanco);
	box-shadow: 0 0 4px 0px var(--shadow_text);
	margin: 0px 0px 5px 0px;
	font-size: 0px;
}
fieldset.forms.fieldset-option > input[type="checkbox"],fieldset.forms.fieldset-option > input[type="radio"]{
	display: none !important;
}
fieldset.forms legend,fieldset.forms.fieldset-option > input[type="checkbox"] + label[for] legend{
  width: 100%;
  height: 30px;
  padding: 5px;
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  font-weight: 400;
  font-size: medium;
  text-align: center;
  font-family: "Roboto";
  box-sizing: border-box;
  color: var(--blanco);
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  background-color: var(--azul_web);
}
.form-adicional-banner{
	width: 100%;
	height: 30px;
	padding: 5px;
	top: 0px;
	left: 0px;
	display: block;
	font-weight: 400;
	font-size: medium;
	text-align: center;
	font-family: Roboto;
	box-sizing: border-box;
	color: var(--blanco);
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	background-color: var(--azul_web);
}
/* Menú fieldset desplegable */
fieldset.forms.fieldset-option{
  min-height: 0px;
  padding: 30px 5px 0px 5px;
  transition: all 0.5s;
}
fieldset.forms.fieldset-option > input[type="checkbox"] + label[for] legend{
	border-radius: 5px;
	text-align: left;
  background-color: var(--table-for-color);
  border: 1px solid var(--azul_web);
  color: var(--azul_web);
  font-weight: 600;
  cursor: pointer;
}
fieldset.forms.fieldset-option > input[type="checkbox"] + label[for] legend:hover{
	background-color: var(--naranja_ps);
  border-color: var(--color_naranja);
  color: var(--color_naranja);
}
fieldset.forms.fieldset-option>input[type="checkbox"]+label[for] legend:after {
	content: "";
	right: 2px;
	width: 18px;
	height: 18px;
	float: right;
	position: relative;
	vertical-align: top;
	background-size: cover;
	background-position: center;
	background-image: url(../imagenes/list_mas_blue.png);
}
fieldset.forms.fieldset-option>input[type="checkbox"]+label[for]~div.fieldset-option-body {
	width: 100%;
	height: 0px;
	box-sizing: border-box;
	overflow: hidden;
	transition: height 1s;
}
/*opción activa*/
fieldset.forms.fieldset-option > input[type="checkbox"]:checked + label[for] legend:after{
  background-image: url(../imagenes/list_menos.png);
}
fieldset.forms.fieldset-option > input[type="checkbox"]:checked + label[for] legend{
  color: var(--blanco);
  border-radius: 0px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  background-color: var(--azul_web);	
}
fieldset.forms.fieldset-option > input[type="checkbox"]:checked + label[for] ~ div.fieldset-option-body{
	width: 100%;
	height: auto;
	padding: 5px;
	overflow: hidden;
	transition: height 1s;
}
/*colores*/
fieldset.forms.naranja legend{
	background-color: var(--naranja_web);
	font-weight: 600;
}
fieldset.forms.gris legend{
	background-color: var(--color_text);
	font-weight: 600;
}
fieldset.forms div.body-fieldset{
	  width: 100%;
    min-height: 100px;
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
}
/* ESTANDAR DE FORMULARIOS */

div.box-input{
	width: 25%;
	padding: 5px;
	border-radius: 5px;
	position: relative;
	vertical-align: top;
	display: inline-table;
	box-sizing: border-box;
	margin-bottom: 0px;
	font-size: 0px;
	transition: all 0.1s;
}
div.box-input-oscuro{
	width: 25%;
	padding: 5px;
	border-radius: 5px;
	position: relative;
	vertical-align: top;
	display: inline-table;
	box-sizing: border-box;
	margin-bottom: 0px;
	font-size: 0px;
	transition: all 0.1s;
}
div.box-input:hover{
	background-color: var(--table_color_for);
	transition: all 0.2s;
}
div.box-input-oscuro:hover{
	background-color: var(--table_color_for);
	transition: all 0.2s;
}
div.box-input label{
	width: 100%;
	display: block;
	margin-bottom: 2px;
}
div.box-input-oscuro label{
	width: 100%;
	display: block;
	margin-bottom: 2px;
}
div.box-input label{
	font-size: 13px !important;
	color: var(--text) !important;
}
/* label for* input select */
div.box-input label[for]{
	cursor: pointer;
}
div.box-input-oscuro label{
	font-size: 13px !important;
	color: var(--text) !important;
}
/* label for* input select */
div.box-input-oscuro label[for]{
	cursor: pointer;
}
div.box-input label[for]:active + input,div.box-input label[for]:active + select,div.box-input label[for]:active + textarea{
	background-color: var(--azul_fondo) !important;
	box-shadow: 0px 0px 3px 1px var(--azul_hover);
	cursor: pointer !important;
}
div.box-input-oscuro label[for]:active + input,div.box-input-oscuro label[for]:active + select,div.box-input-oscuro label[for]:active + textarea{
	background-color: var(--azul_fondo) !important;
	box-shadow: 0px 0px 3px 1px var(--azul_hover);
	cursor: pointer !important;
}
/*label en linea*/
div.box-input label.inline{
  display: inline-table;
  position: relative;
  vertical-align: top;
  width: auto;
  line-height: 1.5;
  padding: 0px 5px;
}
div.box-input-oscuro label.inline{
	display: inline-table;
	position: relative;
	vertical-align: top;
	width: auto;
	line-height: 1.5;
	padding: 0px 5px;
}

div.box-input input, div.box-input select, div.box-input textarea,.input-estandar{
	width: 100% ;
	height: 35px ;
	outline: none !important;
	display: inline-block !important;
	position: relative;
	vertical-align: top;
	color: var(--text) !important;
	padding: 5px 10px !important;
	border-radius: 3px !important;
	font-family: "Roboto" !important;
	box-sizing: border-box !important;
	border:1px solid var(--border-color) ;
	background-color: var(--azul_fondo);
	font-size: small;
}

div.box-input-oscuro input, div.box-input-oscuro select, div.box-input-oscuro textarea,.input-estandar{
	width: 100% ;
	height: 35px ;
	outline: none !important;
	display: inline-block !important;
	position: relative;
	vertical-align: top;
	color: var(--text) !important;
	padding: 5px 10px !important;
	border-radius: 3px !important;
	font-family: "Roboto" !important;
	box-sizing: border-box !important;
	border:1px solid var(--border-color) ;
	background-color: var(--azul_fondo);
	font-size: small;
}

div.box-input textarea,div.box-input textarea.input-estandar{
	resize: none !important;
}
/* INPUT IMAGEN */
div.box-input input[type="image"],div.box-input input[type="image"]:hover,div.box-input input[type="image"]:focus,.input-image{
	width: 35px !important;
	height: 35px !important;
	border: none !important;
	padding: 0px !important;
	display: inline-block;
	position: relative;
	vertical-align: top;
	border-radius: 100% !important;
	transition: all 0.2s;
	cursor: pointer;
	box-sizing: border-box;
	font-size: small !important;
}
.input-image img{
	width: 100% !important;
	height: 100% !important;
	display: block;
	margin: 0px auto;
}
div.box-input input[type="image"]:hover,.input-image:hover img{
	transform: rotate(30deg);
	padding: 2px !important;
	transition: all 0.2s;
}
div.box-input input[type="image"][disabled="disabled"],.input-image[disabled="disabled"],.input-image.disabled > img{
	filter: grayscale(9) !important;
	cursor: no-drop !important;
}
/* ESTILOS placeholder */
div.box-input input::placeholder, div.box-input select::placeholder{
	color: var(--text);
	font-weight: 600 !important;
	font-style: italic;
	font-size: small !important;
}
/* inpus disabled */
div.box-input input[disabled],
div.box-input select[disabled],
div.box-input textarea[disabled],
.input-estandar[disabled="disabled"]{
	background-color: var(--gris_light);
	border-color: var(--text_light);
	font-weight: 600;
}
div.box-input input[disabled="disabled"]:hover, div.box-input select[disabled="disabled"]:hover, div.box-input textarea[disabled="disabled"]:hover,.input-estandar[disabled="disabled"]:hover{
	border-color: var(--text_light) !important;
	cursor: no-drop !important;
}
/* estados del formulario */
div.box-input input:hover, div.box-input select:hover, div.box-input textarea:hover,.input-estandar:hover{border:1px solid var(--azul_med) !important;}
div.box-input input:focus, div.box-input select:focus, div.box-input textarea:focus,.input-estandar:focus{
	border:1px solid var(--azul_med) ;
	border-bottom: 3px solid var(--naranja_med) !important;
	font-size: small;
}

div.box-input textarea:focus:not(.textAreaColposcopia){
	max-height: 250px !important;
	resize: vertical !important;
}
/*no -resize*/
div.box-input select[multiple="multiple"].no-resize,div.box-input textarea.no-resize{
	position: relative !important;
	top: 0 !important;
}



/* ESTADOS & JAVASCRIPT */
div.box-input input:required:invalid, div.box-input select:required:invalid, div.box-input textarea:required:invalid,.form-invalid,.invalid-data,.input-invalid,.input-estandar:required:invalid, .fotografia-invalida {
	border:1px solid var(--naranja_med) !important;
	border-bottom: 3px solid var(--naranja_med) !important;
	background-color: var(--naranja_ps) !important;
}
div.box-input input:required:valid, div.box-input select:required:valid, div.box-input textarea:required:valid,.input-valid,.input-estandar:required:valid{
	border-bottom: 3px solid var(--azul_med) !important;	
}
/*Radio & Checked*/
div.box-input input[type="radio"],div.box-input input[type="checkbox"],.input_radio{
	display: none !important;
}
/*Radio & Checked*/
div.box-input-oscuro input[type="checkbox"],.input_radio{
	display: none !important;
}
div.box-input input[type="radio"] + label,div.box-input input[type="checkbox"] + label,.input_radio + label{
	width: auto;
	height: auto;
	display: inline-table;
	position: relative;
	vertical-align: top;
}
div.box-input-oscuro input[type="radio"] + label,div.box-input-oscuro input[type="checkbox"] + label,.input_radio + label{
	width: auto;
	height: auto;
	display: inline-table;
	position: relative;
	vertical-align: top;
}
#ContentModulecolposcopia > div.box-input input[type="radio"] + label,div.box-input input[type="checkbox"] + label,.input_radio + label{
	display: inline-flex;
}

#ContentModulecolposcopiaHistorial > div.box-input input[type="radio"] + label,div.box-input input[type="checkbox"] + label,.input_radio + label{
	display: inline-flex;
}

div.box-input input[type="radio"] + label::before,div.box-input input[type="checkbox"] + label::before,.input_radio + label::before{
	content: "";
	width: 20px;
	height: 20px;
	display: inline-block;
	position: relative;
	vertical-align: top;
	border: 2px solid var(--gris_light);
	border-radius: 100%;
	padding: 7px;
	box-sizing: border-box;
	cursor: pointer;
}

div.box-input-oscuro input[type="radio"] + label::before,div.box-input-oscuro input[type="checkbox"] + label::before,.input_radio + label::before{
	content: "";
	width: 20px;
	height: 20px;
	display: inline-block;
	position: relative;
	vertical-align: top;
	border: 2px solid var(--gris);
	border-radius: 100%;
	padding: 7px;
	box-sizing: border-box;
	cursor: pointer;
}

div.config-rapida {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* ESTILOS PARA SELECT2 */
div.select2-input label{
	font-size: 13px !important;
  	color: var(--text) !important;
}

div.select2-input:hover{
	background-color: var(--table_color_for);
  	transition: all 0.2s;
}

div.select2-input{
	width: 100%;
	display: block;
	padding: 5px 10px;
	box-sizing: border-box;
	font-family: RobotoRegular;
	outline: none !important;
	font-size: 12px;
}

div.select2-input span.select2-selection--multiple {
	background-color: var(--azul_fondo);
	width: 100%;
	min-height: 25px;
	height: auto;
	outline: none !important;
	display: inline-block !important;
	position: relative;
	vertical-align: top;
	color: var(--text) !important;
	border-radius: 3px !important;
	font-family: "Roboto" !important;
	box-sizing: border-box !important;
}

div.select2-input select [disabled] {
	background-color: var(--gris_light);
	border-color: var(--text_light);
  	font-weight: 600;
	pointer-events: none;
	cursor: not-allowed;
}
.select2-container--default {
	width: 100%;
}
div.select2-input.permisos{
	display: inline-table;
}

/* Clase para los campos tio checkbox para marcar obligatorios */

.check-invalid {
	-webkit-appearance: none;
	appearance: none;
	background-color: var(--naranja_ps);
	margin: 0;
	font: inherit;
	color: currentColor;
	width: 1.5em;
	height: 1.5em;
	border: 2px solid var(--naranja_med);
	border-radius: 0.15em;
	display: grid;
	place-content: center;
}

.check-invalid::before {
	content: "";
	width: 0.65em;
	height: 0.65em;
	clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
	transform: scale(0);
	transform-origin: bottom left;
	transition: 120ms transform ease-in-out;
	box-shadow: inset 1em 1em var(--naranja_ps);
	background-color: #000;
}

.check-invalid:checked::before {
	transform: scale(1);
}

.check-invalid:focus {
	box-shadow: 0 0 0 3px var(--naranja_ps);
}


div.box-input input[type="checkbox"] + label::before,.input_radio[type="checkbox"] + label::before{
	border-radius: 5px !important;
}
div.box-input-oscuro input[type="checkbox"] + label::before,.input_radio[type="checkbox"] + label::before{
	border-radius: 5px !important;
	margin-right: 2px;
}
div.box-input input[type="radio"] + label::after,div.box-input input[type="checkbox"] + label::after,.input_radio + label::after{
	content: "";
	width: 10px;
	height: 10px;
	display: inline-block;
	position: absolute;
	left: 5px;
	top: 5px;
	border-radius: 100%;
	background-color: var(--gris_light);
	cursor: pointer;
}
div.box-input-oscuro input[type="radio"] + label::after,div.box-input-oscuro input[type="checkbox"] + label::after,.input_radio + label::after{
	content: "";
	width: 10px;
	height: 10px;
	display: inline-block;
	position: absolute;
	left: 7px;
	top: 7px;
	border-radius: 100%;
	background-color: var(--gris_light);
	cursor: pointer;
}
div.box-input input[type="checkbox"] + label::after,.input_radio[type="checkbox"] + label::after{
	border-radius: 2px !important;
}
div.box-input-oscuro input[type="checkbox"] + label::after,.input_radio[type="checkbox"] + label::after{
	border-radius: 2px !important;
}
/*hover*/
div.box-input input[type="radio"] + label:not(.no-hover):hover::before,div.box-input input[type="checkbox"] + label:not(.no-hover):hover::before,.input_radio + label:hover::before{
	border: 2px solid var(--azul_med);
	padding: 4px;
}
div.box-input-oscuro input[type="radio"] + label:not(.no-hover):hover::before,div.box-input-oscuro input[type="checkbox"] + label:not(.no-hover):hover::before,.input_radio + label:hover::before{
	border: 2px solid var(--azul_med);
	padding: 4px;
}
div.box-input input[type="radio"] + label:not(.no-hover):hover::after,div.box-input input[type="checkbox"] + label:not(.no-hover):hover::after,.input_radio + label:hover::after{
	background-color: var(--azul_med);
}
div.box-input-oscuro input[type="radio"] + label:not(.no-hover):hover::after,div.box-input-oscuro input[type="checkbox"] + label:not(.no-hover):hover::after,.input_radio + label:hover::after{
	background-color: var(--azul_med);
}
/* checked */
div.box-input input[type="radio"]:checked + label::before,div.box-input input[type="checkbox"]:checked + label::before,.input_radio:checked + label::before{
	padding: 2 !important;
	border-color: var(--azul_med);
}
div.box-input-oscuro input[type="radio"]:checked + label::before,div.box-input-oscuro input[type="checkbox"]:checked + label::before,.input_radio:checked + label::before{
	padding: 2px !important;
	border-color: var(--azul_med);
}

div.box-input input[type="radio"]:checked + label::after,div.box-input input[type="checkbox"]:checked + label::after,.input_radio:checked + label::after{
	background-color: var(--naranja_med);
}
div.box-input-oscuro input[type="radio"]:checked + label::after,div.box-input-oscuro input[type="checkbox"]:checked + label::after,.input_radio:checked + label::after{
	background-color: var(--naranja_med);
}

div.box-input input[type="checkbox"]:checked:disabled + label{
	font-size: small !important;
}
div.box-input-oscuro input[type="checkbox"]:checked:disabled + label{
	font-size: small !important;
}

/* disabled */
div.box-input input[type="radio"][disabled="disabled"] + label::before,div.box-input input[type="checkbox"][disabled="disabled"] + label::before,.input_radio[disabled="disabled"] + label::before{
	background-color: var(--gris_light) !important;
	cursor: no-drop !important;
}
div.box-input-oscuro input[type="radio"][disabled="disabled"] + label::before,div.box-input-oscuro input[type="checkbox"][disabled="disabled"] + label::before,.input_radio[disabled="disabled"] + label::before{
	background-color: var(--gris_light) !important;
	cursor: no-drop !important;
}
/* disabled + hover */
div.box-input input[type="radio"][disabled="disabled"] + label::before,
div.box-input input[type="checkbox"][disabled="disabled"] + label::before,
div.box-input input[type="radio"][disabled="disabled"] + label:hover::before,
div.box-input input[type="checkbox"][disabled="disabled"] + label:hover::before,
.input_radio[disabled="disabled"] + label:hover::before{
	border: 2px solid var(--gris) !important;
}
div.box-input-oscuro input[type="radio"][disabled="disabled"] + label::before,
div.box-input-oscuro input[type="checkbox"][disabled="disabled"] + label::before,
div.box-input-oscuro input[type="radio"][disabled="disabled"] + label:hover::before,
div.box-input-oscuro input[type="checkbox"][disabled="disabled"] + label:hover::before,
.input_radio[disabled="disabled"] + label:hover::before{
	border: 2px solid var(--gris) !important;
}

div.box-input input[type="radio"][disabled="disabled"] + label:after,
div.box-input input[type="checkbox"][disabled="disabled"] + label::after,
div.box-input input[type="radio"][disabled="disabled"] + label:hover::after,
div.box-input input[type="checkbox"][disabled="disabled"] + label:hover::after,
.input_radio[disabled="disabled"] + label:hover::after{
	background-color: var(--gris) !important;
	cursor: no-drop !important;
}
div.box-input-oscuro input[type="radio"][disabled="disabled"] + label:after,
div.box-input-oscuro input[type="checkbox"][disabled="disabled"] + label::after,
div.box-input-oscuro input[type="radio"][disabled="disabled"] + label:hover::after,
div.box-input-oscuro input[type="checkbox"][disabled="disabled"] + label:hover::after,
.input_radio[disabled="disabled"] + label:hover::after{
	/*background-color: var(--gris) !important;*/
	cursor: no-drop !important;
}
div.box-input input[type="radio"][disabled="disabled"] + label span, div.box-input input[type="checkbox"][disabled="disabled"] + label span,.input_radio[disabled="disabled"] + label span{
	font-style: normal;
	color: var(--gris) !important;
	font-size: small !important;
}
div.box-input-oscuro input[type="radio"][disabled="disabled"] + label span, div.box-input-oscuro input[type="checkbox"][disabled="disabled"] + label span,.input_radio[disabled="disabled"] + label span{
	font-style: normal;
	color: var(--gris) !important;
	font-size: small !important;
}
/* span */
div.box-input input[type="radio"] + label span, div.box-input input[type="checkbox"] + label span,.input_radio + label span{
	position: relative;
	line-height: 1.5;
	margin: 0px 5px 0px;
	font-size: small !important;
}
div.box-input-oscuro input[type="radio"] + label span, div.box-input-oscuro input[type="checkbox"] + label span,.input_radio + label span{
	position: relative;
	line-height: 1.5;
	margin: 0px 5px 0px;
	font-size: small !important;
}
/* checkbox animado tipo siwche */
input.siwche{
	display: none !important
}
input.siwche + label{
	width: 55px !important;
	height: 30px !important;
	display: inline-block;
	position: relative;
	vertical-align: top;
	border-radius: 20px;
	background-color: var(--naranja_web);
	cursor: pointer !important;
	box-sizing: border-box;
	transition: all 0.2s;
}
input[disabled="disabled"].siwche + label{
	background-color: var(--gris) !important;
	cursor: no-drop !important;
}
input.siwche + label::after,input.siwche + label::before{
	content: "";
    display: none !important;
}
input.siwche + label span{
	width: 25px !important;
	height: 25px !important;
	display: block;
	border-radius: 100%;
	background-color: var(--blanco);
	transition: all 0.2s;
	position: absolute;
	left: -2px;
	top: 3px;
}
input[disabled="disabled"].siwche + label span{
	background-color: var(--gris_light) !important;
}
input.siwche:checked + label{
	background-color: var(--azul_web);
	transition: all 0.2s;
}
input.siwche:checked + label span{
	transition: all 0.2s;
	left: 21px;
}


/* buttons y submit */
div.box-input input[type="submit"],div.box-input button,div.box-input input[type="button"],.intp-buttom{
	width: auto !important;
	height: 35px !important;
	display: table !important;
	padding: 5px 10px !important;
	font-weight: 600 !important;
	cursor: pointer;
	border-radius: 3px !important;
	box-sizing: border-box;
	font-size: medium;
	margin: 0px auto;
}
div.box-input input[type="submit"].btn-azul, div.box-input button.btn-azul,div.box-input input[type="button"].btn-azul, .intp-buttom.btn-azul{
	background-color: var(--table_color_for) !important;
	border: 2px solid var(--azul_web) !important;
	color: var(--azul_web) !important;
}
div.box-input input[type="submit"].btn-azul:hover,
div.box-input button.btn-azul:hover,
div.box-input input[type="submit"].btn-azul-bold,
div.box-input input[type="button"].btn-azul:hover,
div.box-input input[type="button"].btn-azul-bold,
div.box-input button.btn-azul-bold,.intp-buttom.btn-azul-bold,
.intp-buttom.btn-azul:hover{
	background-color: var(--azul_web) !important;
	color: var(--blanco) !important;
	border: 2px solid var(--azul_web) !important;
}
div.box-input input[type="submit"].btn-azul-bold:hover,
div.box-input input[type="button"].btn-azul-bold:hover,
div.box-input button.btn-azul-bold:hover,
.intp-buttom.btn-azul-bold:hover{
	background-color: var(--azul_med) !important;
}
/* gris */
div.box-input input[type="submit"].btn-gris:hover,
div.box-input button.btn-gris:hover,
div.box-input input[type="submit"].btn-gris-bold,
div.box-input input[type="button"].btn-gris:hover,
div.box-input input[type="button"].btn-gris-bold,
div.box-input button.btn-gris-bold,.intp-buttom.btn-gris-bold,
.intp-buttom.btn-azul:hover{
	background-color: var(--gris_light) !important;
	color: var(--text) !important;
	border: 2px solid var(--gris_light) !important;
}
/* naranja */
div.box-input input[type="submit"].btn-naranja,
div.box-input input[type="button"].btn-naranja,
div.box-input button.btn-naranja, 
.intp-buttom.btn-naranja{
	background-color: var(--naranja_ps) !important;
	border: 2px solid var(--naranja_web) !important;
	color: var(--naranja_web) !important;
}
div.box-input input[type="submit"].btn-naranja:hover,
div.box-input input[type="button"].btn-naranja:hover,
div.box-input button.btn-naranja:hover,
div.box-input input[type="submit"].btn-naranja-bold,
div.box-input input[type="button"].btn-naranja-bold,
div.box-input button.btn-naranja-bold,.intp-buttom.btn-naranja-bold,
.intp-buttom.btn-naranja:hover{
	background-color: var(--naranja_web) !important;
	color: var(--blanco) !important;
	border: 2px solid var(--naranja_web) !important;
}
div.box-input input[type="submit"].btn-naranja-bold:hover,
div.box-input input[type="button"].btn-naranja-bold:hover,
div.box-input button.btn-naranja-bold:hover,
.intp-buttom.btn-naranja-bold:hover{
	background-color: var(--naranja_med) !important;
	border-color: var(--naranja_med) !important;
}

/*input disabled*/
div.box-input input[type="submit"][disabled="disabled"],
div.box-input button[disabled="disabled"],
div.box-input input[type="button"][disabled="disabled"],
.intp-buttom.disabled,
div.box-input input[type="submit"][disabled="disabled"]:hover,
div.box-input button[disabled="disabled"]:hover,
div.box-input input[type="button"][disabled="disabled"]:hover,
.intp-buttom.disabled:hover{
	opacity: 1;
	background-color: var(--table-gris) !important;
    color: var(--table-text) !important;
    border: 1px solid var(--background-windows) !important;
}



/*INPUT FILES*/
/* input file */
div.box-input.file-input input[type="file"]{
	display: none !important;
}
div.box-input.file-input input[type="file"] + label{
	width: auto;
  height: 30px;
  padding: 5px;
  margin: 0px auto;
  display: table;
  box-sizing: border-box;
  border-radius: 4px;
  color: var(--azul_web) !important;
  border: 1px solid var(--azul_web);
  background-color: var(--table_color_for);
  font-weight: 600;
  cursor: pointer !important;
}
div.box-input.file-input input[type="file"] + label:hover{
	background-color: var(--azul_web) !important;
	color: var(--blanco) !important;
	cursor: pointer !important;
}

/*INPUT FILES*/
/* input file */
div.box-input.file-input{
	width: auto;
}
div.box-input.file-input input[type="file"]{
	display: none !important;
}
div.box-input.file-input input[type="file"] + label{
	width: auto;
  height: 30px;
  padding: 5px;
  margin: 0px auto;
  display: table;
  box-sizing: border-box;
  border-radius: 4px;
  color: var(--azul_web) !important;
  border: 1px solid var(--azul_web);
  background-color: var(--table_color_for);
  font-weight: 600;
  cursor: pointer !important;
}
div.box-input.file-input input[type="file"] + label:hover{
	background-color: var(--azul_web) !important;
	color: var(--blanco) !important;
	cursor: pointer !important;
}

/*MODIFICACIÓN INPUT DENTRO DE FIELSET*/
fieldset.forms div.box-input input, 
fieldset.forms div.box-input select, 
fieldset.forms div.box-input.file-input input[type="file"] + label{
	height: 25px !important;
	padding: 2px 5px !important;
	font-size: small !important;
}
fieldset.forms div.box-input fieldset.forms div.box-input input ~ img[src*="imagenes/"], 
fieldset.forms div.box-input select ~ img[src*="imagenes/"]{
	width: 25px !important;
	height: 25px !important;
}
fieldset.forms div.box-input input[type="image"],
fieldset.forms div.box-input input[type="image"]:hover,
fieldset.forms div.box-input input[type="image"]:focus,
fieldset.forms div.box-input input[type="submit"],
fieldset.forms div.box-input button,
fieldset.forms div.box-input input[type="button"]{
	height: 25px !important;
	padding: 2px 5px !important;
}
fieldset.forms div.box-input input[type="image"],
fieldset.forms div.box-input input[type="image"]:hover,
fieldset.forms div.box-input input[type="image"]:focus,
fieldset.forms .input-image{
	width: 25px !important;
	height: 25px !important;
}
fieldset.forms input.siwche + label{
	height: 25px !important;
}
fieldset.forms input.siwche + label span{
	width: 20px !important;
	height: 20px !important;
	top: 2.5px !important;
}
fieldset.forms input.siwche:checked + label span{
	left: 27px !important;
}


/* tablas */
.table-content{
	width: 100%;
	display: block;
	margin: 0px auto;
	border-radius: 10px 10px 0px 0px;
	overflow: hidden;
}
.table-himed{
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
}
.table-himed tbody td{
	border-color:var(--gris_light);
	border-style:solid;
	border-width:1px;
	font-family: "Roboto";
	overflow:hidden;
	padding: 0 7px;
	word-break: break-word;
	font-size: small !important;
 }

 .table-himed thead td{
	border-color:var(--gris_light);
	border-style:solid;
	border-width:1px;
	font-family: "Roboto";
	overflow:hidden;
	padding:10px 5px;
	word-break: break-word;
	font-size: 12px !important; 
}

.table-himed thead th{
	border-color:var(--gris_light);
	border-style:solid;
	border-width:1px;
	border-bottom-width: 3px;
	font-family: "Roboto";
	font-weight:normal;
	overflow:hidden;
	padding: 10px 5px;
	word-break:normal;
	color: white;
	font-weight: 600;
	background-color: var(--azul_web) !important;
	font-size: small;
}
.table-himed tbody tr{
	background-color: var(--blanco);
	border-color:var(--gris_light);
	color: var(--color_text_bold);
	text-align:left;
	vertical-align:inherit;
	font-family: "Roboto";
}
.table-himed tbody tr td{
	background: transparent !important;
	font-size: 11px !important; 
}
/* variantes de color x tabla*/
.table-himed[class*="for-table"] tbody tr:nth-child(2n+1){
	color: var(--text) !important;
}
.table-himed.for-table-gris tbody tr:nth-child(2n+1){
	background-color: var(--gris_light) !important;
}
.table-himed.for-table-azul tbody tr:nth-child(2n+1){
	background-color: var(--table_color_for) !important;
}
.table-himed.for-table-naranja tbody tr:nth-child(2n+1){
	background-color: var(--naranja_ps) !important;
}
/* variante de color x columna */
.table-himed[class*="for-colum"] tbody td:nth-child(2n+1){
	color: var(--text) !important;
	font-weight: 600;	
}
.table-himed.for-colum-gris tbody td:nth-child(2n+1){
	background-color: var(--gris_light) !important;
}
.table-himed.for-colum-azul tbody td:nth-child(2n+1){
	background-color: var(--table_color_for) !important;
}
.table-himed.for-colum-naranja tbody td:nth-child(2n+1){
	background-color: var(--naranja_ps) !important;
}

@media screen and (max-width: 767px) {.table-himed {width: 100% !important;}.table-himed col {width: auto !important;}.table-content {overflow-x: auto;-webkit-overflow-scrolling: touch;}}
@media screen and (max-width: 1500px) {.table-himed {width: 100% !important;}.table-himed col {width: auto !important;}.table-content {overflow-x: auto;-webkit-overflow-scrolling: touch;}}
@media screen and (max-width: 1000px) {.table-himed {width: 100% !important;}.table-himed col {width: auto !important;}.table-content {overflow-x: auto;-webkit-overflow-scrolling: touch;}}




/* modal NC & ND */
#_mdlCotizacion{
    margin: 0px auto !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%,-50%) !important;
    -webkit-transform: translate(-50%,-50%) !important;	
}
#_mdlCotizacion ._bodyBlock{
	height: 350px !important;
	max-height: 350px !important;
	display: block !important;
	overflow: hidden !important;
	overflow-y: scroll !important;
}


/*Tabla de estadisticas pantalla principal*/
/* estructura del sitio */
.tabla-estadistica{
	width: 16%;
	height: 50%;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 10px 10px 0px 10px;
	display: block;
	top: 50%;
	left: 2%;
	z-index: 1;
	border-radius: 5px;
	position: absolute;
	box-sizing: border-box;
	transform: translate(0px,-50%);
	border: 1px solid var(--border-color);
	-webkit-transform: translate(0px,-50%);
	box-shadow: 1px 1px 6px 0px var(--shadow_t1);
	background-color: var(--color_blanco);
}

.tabla-estadistica .header-tabla{
	width: 100%;
	height: 7%;
	display: block;
	position: relative;
	text-align: center;
}
.tabla-estadistica .header-tabla h2{
	font-weight: 600;
	font-size: 1.7vmin;
	position: relative;
	vertical-align: top;
	display: inline-table;
	color: var(--color_text_bold);
}
.tabla-estadistica .header-tabla a{
	width: 0;
	height: 100%;
	display: inline-table;
	position: absolute;
	top: 0px;
	right: 0px;
}
ul.menu_estadistica{
	width: 100%;
	height: 75%;
	display: block;
}
ul.menu_estadistica > li{
	width: 100%;
	height: 20%;
	min-height: 55px;
	display: block;
	box-sizing: border-box;
	cursor: pointer;
	transition: 0.2s;
	border-left: 5px solid transparent;
	padding-bottom: 2px;
}

ul.menu_estadistica > li:hover{
	transition: 0.2s;
	border-left: 5px solid #5b8ab7;
	background-color: var(--table-for-color);
}
ul.menu_estadistica > li img{
	position: relative;
	vertical-align: top;
	display: inline-block;
	height: 65%;
	aspect-ratio : 1/1;
	padding: 5px;
}
ul.menu_estadistica > li p{
	width: 66%;
	height: 100%;
	position: relative;
	font-weight: 600;
	font-size: 1.7vmin;
	padding: 8px 5px;
	vertical-align: top;
	display: inline-block;
	box-sizing: border-box;
	color: var(--color_text_bold);
}
ul.menu_estadistica > li p span{
	width: 100%;
	height: auto;
	display: block;
	font-weight: 400;
	color: var(--color_text);
	font-size: 2.1vmin;
}
ul.menu_estadistica > li ul.list-anadida{
	width: 100%;
	height: auto;
	display: block;
	display: none
}
ul.menu_estadistica > li ul.list-anadida > li{
	width: 100%;
	height: 25px;
	display: block;
	position: relative;
	box-sizing: border-box;
	padding: 2px 5px 0px 5px;
	font-size: 1.7vmin;
	color: var(--color_text);
	border-bottom: 1px solid var(--border-color);
	border-left: 2px solid transparent;
}
ul.menu_estadistica > li ul.list-anadida > li:hover{
	border-left: 2px solid #5b8ab7;
	color: var(--color_text_bold);
	background-color: var(--color_blanco);
}
ul.menu_estadistica > li ul.list-anadida > li span{
	display: block;
	top: 2px;
	right: 5px;
	color: #5b8ab7;
	font-weight: 600;
	position: absolute;
}
@media screen and (max-width: 1370px){
	.tabla-estadistica{
		width: 195px;
		padding: 5px;
	}
	.tabla-estadistica .header-tabla h2{
	    font-size: small;
	}
	ul.menu_estadistica > li img {
	    width: 40px !important;
	    height: 40px !important;
	}
	ul.menu_estadistica > li.has-sub{
		padding: 5px !important;
	}
	ul.menu_estadistica > li p {
	    font-size: small;
	    padding: 0px 5px;
	    width: 105px;
	}
	ul.menu_estadistica > li p span{
		font-size: larger;
	}

	ul.menu_estadistica > li ul.list-anadida > li {
	    font-size: 11px;
	}
}

@media screen and (max-width: 1470px){
	ul.menu_estadistica > li ul.list-anadida > li {
	    font-size: 14px;
	}
}

@media screen and (max-width: 1385px){
	ul.menu_estadistica > li ul.list-anadida > li {
	    font-size: 11px;
	}
}

@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
	.tabla-estadistica .header-tabla a{
		right: 15px;
	}
}

/* motor de busqueda paciente */
.motor-buscador-paciente,.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front{
    border-radius: 5px;
    top: 43px;
    font-weight: 400 !important;
    max-height: 100px !important;
    box-shadow: 1px 1px 4px 0px var(--text);
    border: 1px solid var(--border-color) !important;
}
.motor-buscador-paciente li, .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front li{
	padding: 3px;
	font-weight: 400 !important;
	color: var(--text);
	box-sizing: border-box;
	background-color: var(--table_color_for);
}
.motor-buscador-paciente li:nth-child(2n+1),.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front li:nth-child(2n+1){
	font-weight: 400 !important;
	color: var(--text) !important;
	background-color: var(--blanco) !important;
}
.motor-buscador-paciente li div.ui-state-active, .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front li div.ui-state-active{
    border: none !important;
    font-weight: 400 !important;
	  background-color: var(--naranja_ps) !important;
    color: var(--text) !important;
}
/*draggable windows opciones */
.draggableOpcion{
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	position: fixed;
	padding: 10px;
	box-sizing: border-box;
	z-index: 999;
}
.draggableOpcion div{
	width: 100%;
	height: 100%;
	opacity: 0.5;
	border-radius: 3px;
  border: 1px solid #1c232d4a;
  background-color: rgb(190 204 211 / 23%);
  box-shadow: 0px 0px 4px 2px #5c89b6;
}
.draggableOpcion.DgLeft{
	width: 50% !important;
	height: 100% !important;
	top: 0px;
	left: 0px;
}
.draggableOpcion.DgRight{
	width: 50% !important;
	height: 100% !important;
	top: 0px;
	left: inherit !important;
	right: 0px;
}
.draggableOpcion.DgTop{
	width: 100%;
	height: 97%;
	top: 5px !important;
	left: 0px !important;
}
.windows_himed_draggable.DgLeft{
	width: 50% !important;
	height: 97% !important;
	top: 5px !important;
	left: 0px !important;
}
.windows_himed_draggable.DgRight{
	width: 50% !important;
	height: 97% !important;
	top: 5px !important;
	left: inherit !important;
	right: 0px !important;
}
.windows_himed_draggable.DgTop{
	width: 99% !important;
	height: 97% !important;
	top: 5px !important;
	left: 0.2% !important;
}
#MascaraLoaderHiMed{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 99;
	background-color: rgb(0 0 0 / 30%);
}

#MascaraLoaderDiv{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 99;
	background-color: rgb(0 0 0 / 30%);
}

#MascaraFormulario{
	width: 84%;
	height: 80%;
	position: fixed;
	top: 100px;
	left: 180px;
	z-index: 99;
	background-color: rgb(0 0 0 / 30%);
}

.ventana_actualizacion{
	  height: fit-content!important;
    width: fit-content!important;
}
.ventana_actualizacion p{
	font-size: 13px!important;
}

/* Boti popup Manual Web estilos */
.boti-notice {
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    display: none;
    position: absolute;
    z-index: 5;
    overflow: hidden;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
}

.circuloEVA {
    height: 50px;
    width: 50px;
    right: 1.3rem;
    border-radius: 100%;
    top: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #0871b8;
    text-align: center;    
}

.circulo {
    height: 101px;
    width: 97px;
    right: 1.3rem;
    border-radius: 100%;
    top: -2rem;
    display: flex;
    box-shadow: 0 0 0 3000px rgb(0 0 0 / 65%);
    position: absolute;
    justify-content: center;
    align-items: center;
}

.circulo ul li a img {
    width: 25px;
    height: 25px;
    margin: 11px auto 0;
}

#boti-notice .circulo ul li a:hover {
    border-bottom: 0 !important;
}

.boti-notice .content {
	box-sizing: content-box;
	display: flex;
	flex-direction: column;
	margin: auto;
	max-width: fit-content;
	overflow: hidden;
	position: absolute;
	padding: 1rem;
	font-size: 1rem;
	top: 2.8rem;
    right: 1.4rem;
}
  
.boti-notice .content::before {
	content: "";
	display: block;
	position: absolute;
	right: 2rem;
	top: 1px;
	border-bottom: 15px solid #2f96b4;
	opacity: 0.8;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
}
  
.boti-notice .content-text {
	display: flex;
	flex-direction: row;
	background: #2f96b4;
	opacity: 0.8;
	border-radius: 0.5rem;
	padding: 1rem;
}


/* Boti popup Carrito Compra*/
.boti-carrito {
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    display: none;
    position: fixed;
    z-index: 5;
    overflow: hidden;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
}

.circuloCarrito {
    height: 101px;
    width: 97px;
    border-radius: 100%;
    top: -28px;
    display: flex;
    box-shadow: 0 0 0 3000px rgb(0 0 0 / 65%);
    position: absolute;
    justify-content: center;
    align-items: center;
}

.circuloCarrito ul li a img {
    width: 25px;
    height: 25px;
    margin: 11px auto 0;
}

#boti-carrito .circuloCarrito ul li a:hover {
    border-bottom: 0 !important;
}

.boti-carrito .content {
	box-sizing: content-box;
	display: flex;
	flex-direction: column;
	margin: auto;
	max-width: fit-content;
	overflow: hidden;
	position: absolute;
	padding: 1rem;
	font-size: 1rem;
	top: 2.8rem;
	width: 457px;
}
  
.boti-carrito .content::before {
	content: "";
	display: block;
	position: absolute;
	right: 2rem;
	top: 1px;
	border-bottom: 15px solid #2f96b4;
	opacity: 0.8;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
}
  
.boti-carrito .content-text {
	display: flex;
	flex-direction: row;
	background: #2f96b4;
	opacity: 0.8;
	border-radius: 0.5rem;
	padding: 1rem;
}
  
.content-text img {
	width: 5rem;
	margin-right: 1rem;
	cursor: default;
}

.content-text img:hover {
	opacity: initial;
	cursor: default;
}

.content-buttons a#close-button {
    position: relative;
    right: 10px;
    font-weight: bold;
}

.content-text .boti-information,
.content-text a,
.content-buttons a#close-button {
	color: #fff;
}

.content-text .information-title {
	font-size: 1.2rem;
	font-weight: 600;
	padding-bottom: 0;
	margin-bottom: 0;
}

.content-text p:not(.information-title) {
	margin-top: 0.5rem;
}

.boti-information p {
    font-size: 1rem;
}
.ver-mas-notificacion{
  animation-name: ver-mas;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}
@keyframes ver-mas{
    0% {background-color:  #51A351;} /*Amarillo*/
   25% {background-color: var(--gris);} /*Naranja*/
   50% {background-color: #51A351;} /*Negro*/
   75% {background-color: var(--gris);} /*Otra vez naranja*/
  100% {background-color:  #51A351;} /*Otra vez amarillo*/
}

.ver-mas-notificacion-cancelada{
  animation-name: ver-mas-cancelada;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}
@keyframes ver-mas-cancelada{
    0% {background-color: #F89406;} /*Amarillo*/
   25% {background-color: var(--gris);} /*Naranja*/
   50% {background-color: #F89406;} /*Negro*/
   75% {background-color: var(--gris);} /*Otra vez naranja*/
  100% {background-color:  #F89406;} /*Otra vez amarillo*/
}

.cita-cancelada-instantanea{
  background-color:  #F89406 !important;
  color: #ffffff !important;
}

.cita-confirmada-instantanea{
  background-color:#51A351 !important;
  color: #fff!important;
}
.toaster-agenda-notificacion-enviada{
  background-color:#51A351 !important;
  color: #fff!important;
  font-size: 11px!important;
  font-family: "Roboto";
}
#toast-container{
	z-index: 999999999999!important;
}
#boletin{
	display: none;
	width: fit-content;
  bottom: 100px;
  cursor: pointer;
  font-size: large;
  left: 5px;
  padding: 5px 10px;
  box-sizing: border-box;
  position: absolute;
  color: var(--blanco);
  background: var(--azul_med);
  border-radius: 30px;
  height: fit-content;
}
.boletin{	
    width: fit-content;
    vertical-align: middle;
}

.boletin img {
	height: 22px;
	vertical-align: top;
    position: relative;
}

.fieldset-table .dataTables_length,.fieldset-table .dataTables_filter,.fieldset-table .dataTables_info,.fieldset-table .dataTables_paginate.paging_simple_numbers{
	font-size: small !important;
}

.windows-scroll::-webkit-scrollbar{
 width: 8px;
}

/* Estilos barra (thumb) de scroll */
.windows-scroll::-webkit-scrollbar-thumb{
 background: var(--color_azul);
 border-radius: 10px;
}

.windows-scroll::-webkit-scrollbar-thumb:active{
 background-color: var(--color_azul_dark);
}

.windows-scroll::-webkit-scrollbar-thumb:hover{
 background: var(--naranja_web);
 box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}

/* Estilos track de scroll */
.windows-scroll::-webkit-scrollbar-track{
 background: #e1e1e1;
 border-radius: 10px;
}
#politica{
	left: 155px;
	background-color: #fff;
}

.scrollTextarea{
	background: scroll, white;
}

.table-himed-responsive{
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
}
.table-himed-responsive tbody td{
	border-color:var(--gris_light);
	border-style:solid;
	border-width:1px;
	font-family: "Roboto";
	overflow:hidden;
	padding:10px 5px;
	word-break: break-word;
	font-size: small !important;
 }

 .table-himed-responsive thead td{
	border-color:var(--gris_light);
	border-style:solid;
	border-width:1px;
	font-family: "Roboto";
	overflow:hidden;
	padding:10px 5px;
	word-break: break-word;
	font-size: medium !important; 
}

.table-himed-responsive thead th{
	border-color:var(--gris_light);
	border-style:solid;
	border-width:1px;
	border-bottom-width: 3px;
	font-family: "Roboto";
	font-weight:normal;
	overflow:hidden;
	padding: 10px 5px;
	word-break:normal;
	color: white;
	font-weight: 600;
	background-color: var(--azul_web) !important;
	font-size: small;
}
.table-himed-responsive tbody tr{
	background-color: var(--blanco);
	border-color:var(--gris_light);
	color: var(--color_text_bold);
	text-align:left;
	vertical-align:inherit;
	font-family: "Roboto";
}

.table-himed-responsive.for-table-azul tbody tr:nth-child(2n+1){
	background-color: var(--table_color_for) !important;
}

@media screen and (min-width: 1200px) {.table-himed-responsive {width: 100% !important;}.table-himed-responsive col {width: auto !important;}.table-content {overflow-x: auto;-webkit-overflow-scrolling: touch;}}

.btn-azul-google{
	background-color: #4285F4!important;
	color: #FFFFFF!important;
	font-size:12px;
	font-weight: 500;
	width: fit-content;
	vertical-align: middle;
	padding: 2px;
	margin: auto;
	cursor: pointer;
}

.btn-azul-google img{
	height: 30px;
}
.contenido-google{
	display: inline-block!important;
	margin: auto;
   vertical-align: middle;
}
.contenido-google span{
	padding: 0px 5px
}
.indicativo-disabled{
	filter: grayscale(1);
}

button.normal-button{
	width: auto;
	height: 35px;
	margin: 10px 20px 0px 0px;
	padding: 5px 20px;
	text-align: center;
	position: relative;
	border-radius: 3px;
	vertical-align: top;
	display: inline-table;
	font-family: Roboto;
	cursor: pointer;
	font-size: medium;
	color: var(--color_azul) !important;
	border: 1px solid var(--color_azul) !important;
	background-color: var(--table-for-color) !important;
	font-weight: bold;
}

button.normal-button:hover{
	color: var(--color_blanco) !important;
	background-color: var(--color_azul) !important;
}


@media (max-width: 900px) {
	.invertirDivsRemision {
		display: flex;
		flex-direction: column-reverse;
	}
}

.fieldset-simple {
	padding: 0!important;
    margin: 0!important;
    border: 0!important;
	box-shadow: none !important;
}

#ListadoConcentimiento div.box-input input[type="checkbox"]:disabled + label::before,
#ListadoConcentimiento div.box-input input[type="checkbox"]:disabled + label::after,
#ListadoConcentimiento div.box-input input[type="checkbox"]:disabled ~ label {
	opacity: 0.7!important;
	cursor: not-allowed !important;
}

#ListadoConcentimiento div.box-input input[type="checkbox"]:disabled + label:not(.no-hover):hover::before {
	border: 2px solid var(--gris_light)!important;	
}

#ListadoConcentimiento div.box-input input[type="checkbox"]:disabled + label:not(.no-hover):hover::after {
	background-color: var(--gris_light)!important;
}

#ListadoConcentimiento div.box-input input[type="checkbox"]:disabled ~ .box-input {
	background-color: #0871b8;
}


.chosen-ajuste {
  overflow: hidden;
  height: 100px;
  overflow-y: auto;
  font-size: small;
  color: black;
}

.chosen-ajuste .active-result {
  color: #000 !important;
}

.chosen-ajuste .chosen-results {
  height: fit-content !important;
  max-height: fit-content !important;
}

/*.chosen-ajuste .highlighted {
  background-color: var(--azul_web) !important;
  color: #fff !important;
  background-image: none !important;
}*/

.chosen-container .active-result.highlighted {
  background-color: var(--azul_web) !important;
  color: #fff !important;
  background-image: none !important;
}

.chosen-container .no-active-result.highlighted {
  background-color: var(--naranja_web) !important;
  color: #fff !important;
  background-image: none !important;
}

.chosen-container,
.chosen-single,
.chosen-single span,
.chosen-single div,
.chosen-single b {
  background-color: var(--azul_fondo) !important;
  color: #000 !important;
}

.chosen-single {
  padding: 0px !important;
}

.chosen-single span {
  margin-right: 0px !important;
  padding: 0 0 0 8px !important;
}
a.chosen-single:is(.input-invalid) span{
	background-color: var(--naranja_ps) !important;
}
a.chosen-single:is(.input-invalid) div,
a.chosen-single:is(.input-invalid) b{
	background-color: transparent !important;

}
.chosen-single div {
  font-size: 11px;
  text-align: center;
  font-weight: bold;
}

#codigoServicioConsulta_chosen > .chosen-single {
  border-radius: 3px !important;
  height: 25px !important;
}

@media screen and (max-height: 720px){
	.tabla-estadistica{
		height: 60%;
	}
}

@media screen and (max-height: 620px){
	.tabla-estadistica{
		height: 65%;
	}
}

span.select2ForConsulta span.select2-search.select2-search--dropdown input.select2-search__field{
	margin: 0px;
  width: 100% !important;
  box-sizing: border-box;
  position: relative !important;
  color: black;
}
span.select2ForConsulta .select2-results__option--highlighted.select2-results__option--selectable{
	background-color: var(--azul_web) !important;
	color: var(--blanco) !important;

}
span.select2ForConsulta .select2-results__option{
	background-color: var(--blanco) !important;
	color: var(--text) !important;
}
span.select2ForConsulta .select2-selection--single,#tblServicionConsulta .select2-selection--single{
	height: 25px !important;
}
span.select2ForConsulta .select2-selection--single,#tblprocedimientos .select2-selection--single{
	height: 25px !important;
}
span.select2ForConsulta{
	font-size: small !important;
}
span.select2ForConsulta .select2-selection__rendered,#tblServicionConsulta .select2-selection__rendered{
	height: 100% !important;
	font-size: small !important;
  line-height: 1.4 !important;
  padding: 2px 5px !important;
}
span.select2ForConsulta .select2-selection__rendered,#tblprocedimientos .select2-selection__rendered{
	height: 100% !important;
	font-size: small !important;
  line-height: 1.8 !important;
  padding: 0px 0px 0px 5px !important;
}

.select2-container--default .select2-results__option[aria-disabled=true] { display: none;}

#codigoServicioConsulta.chosen-container {
	width: 100% !important;
}

table#tblServicionConsulta:is(.tbl_listado) {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
}

/* Establecer el ancho de cada columna */
table#tblServicionConsulta:is(.tbl_listado) th, 
table#tblServicionConsulta:is(.tbl_listado) td {
  width: 20%;
  border: 1px solid #ddd;
}

/* cambiar estilo de los desabilitados en listados */
.disabledButton{
	cursor: not-allowed;
	color: var(--color_text);
	opacity: 0.5;
}

.select-tagify .tagify{
	width: 100%;
	max-width: 700px;
	font-size: small !important;
	border-radius: 3px;
	border: 1px solid var(--border-color);
	background-color: var(--azul_fondo);
}
.select-tagify .tagify:has(.tagify__input:focus){
	border: 1px solid var(--azul_med);
	border-bottom: 1px solid var(--naranja_med) !important;
}
.select-tagify .tagify__input {
	margin: 0;
}
.select-tagify .tagify__tag {
	margin: 1px;
	padding: 2px;
}
.select-tagify .tagify__tag > div::before {
	box-shadow: unset !important;
	background-color: var(--azul_fondo);
}
.tagify.tagify--hasMaxTags .tagify__input {
    display: none !important;
}

.flexCenter {
	display: flex;
	justify-content: center;
}

/*Solución desbordamiento chosen [white-space: break-spaces] */
#confiClienteProcedimiento div.chosen-container.chosen-container-single .chosen-single span, 
#ConficlienteConsulta div.chosen-container.chosen-container-single .chosen-single span {
	text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
  width: 100%;
  display: block;
  white-space: break-spaces;
}

.etiqueta, .etiqueta-deshabilitada {
  display: inline-flex;
  align-items: center;
  padding: 4px 8px;
  border-radius: 6px;
  font-size: 12.5px !important;
  margin: 4px;
  color: var(--blanco);
}

.etiqueta {
	background-color: var(--color_azul);
}

.etiqueta-deshabilitada {
	background-color: gray;
}

.etiqueta .cerrar, .etiqueta-deshabilitada .cerrar {
  margin-left: 8px;
  font-weight: bold;
}

.etiqueta .cerrar, .etiqueta .ver-mas {
	cursor: pointer;
}

.etiqueta-deshabilitada .cerrar {
	cursor: not-allowed;
}

.check-invalid-new::before{
	content: "";
	width: 20px;
	height: 20px;
	display: inline-block;
	position: relative;
	vertical-align: top;
	border: 2px solid var(--naranja_med) !important;
	border-radius: 100%;
	padding: 7px;
	box-sizing: border-box;
	cursor: pointer;
}