@charset "utf-8";
/* ARCHIVO BÁSICO DE CSS*/

/* 

	estandar para lienzo css para himed web 2021 
	Utilice este archivo, para modificar y/o establecer pantallas nuevas

*/

/*Estandar de menú horizontal */
.menu-himed-pestanas ul[role="tablist"]{
    margin: 10px auto;
    background-image: none !important;
    background-color: var(--color_azul_fondo) !important;
    border: none;
    border-bottom: 1px solid var(--border-color) !important;
    padding: 5px 5px 0px 5px !important;
    margin: 0px 0px 5px;
    font-size: 0px !important;
}
.menu-himed-pestanas ul[role="tablist"] li{
    overflow: hidden;
    border-radius: 5px 5px 0px 0px;
    border: 1px solid var(--border-color);
    border-bottom:none important;
    margin: 0px !important;
    display: inline-block;
    position: relative;
    vertical-align: top;
    padding: 0px !important;
    box-sizing: border-box;
}
.menu-himed-pestanas ul[role="tablist"] li a{
    width: 100%;
    box-sizing: border-box;
    text-decoration: none !important;
    background-color: var(--azul_fondo);
    color: var(--azul_web);
    font-weight: 600;
    border-bottom: none important; 
}
.menu-himed-pestanas ul[role="tablist"] li.ui-state-active a{
    background-color: var(--azul_web) !important;
    color: var(--azul_fondo) !important;
}
.menu-himed-pestanas ul[role="tablist"] li.ui-state-hover{
    text-decoration: none !important;
    border-bottom: none !important;    
}
.menu-himed-pestanas ul[role="tablist"] li.ui-state-hover a{
    background-color: var(--naranja_ps);
    text-decoration: none !important;
    border-bottom: none !important;
}


.DivContenido,#divformsmaestros{
    position: absolute;
    background-color: #ECECEC;
    margin-left: 11%;
    margin-right: 2%;
    margin-top: 6%;
    margin-bottom: 1%;
    height: 80%;
    width: 85%;
    overflow-x: auto;
    overflow-y: auto;
    z-index: 1 !important;
}
.DivTitulo,#tituloMaestros,.TituloMaestros{
    position: absolute;
    margin-top: 2%;
    margin-left: 11%;
    margin-right: 2%;
    height: 50px;
    width: 85%;
    box-shadow: none !important;
    background-color: transparent !important;
}
.TituloMaestros{
    width: 100% !important;
    left: 0% !important;
    margin-left: 0% !important;
}
.DivTitulo h1, #tituloMaestros h1,.TituloMaestros h1{
    width: auto;
    height: 100%;
    border-radius: 10px;
    display: table;
    margin: 0px auto;
    background-color: #ECECEC;
    padding: 10px 30px;
    box-sizing: border-box;
    line-height: 2;
    font-weight: 600;
    font-size: small;
}
.TituloMaestros h1{
    font-size: medium !important; 
}
/*Permisos*/
#divformsmaestros > div{
    border: none !important;
    background-color: var(--blanco) !important;
}
.menu-himed-pestanas ul[role="tablist"]{
    margin: 10px auto;
    background-image: none !important;
    background-color: var(--color_azul_fondo) !important;
    border: none;
    border-bottom: 1px solid var(--border-color) !important;
    padding: 5px 5px 0px 5px !important;
    margin: 0px 0px 5px;
    font-size: 0px !important;
}
.menu-himed-pestanas ul[role="tablist"] li{
    overflow: hidden;
    border-radius: 5px 5px 0px 0px;
    border: 1px solid var(--border-color);
    border-bottom:none important;
    margin: 0px !important;
    display: inline-block;
    position: relative;
    vertical-align: top;
    padding: 0px !important;
    box-sizing: border-box;
}
.menu-himed-pestanas ul[role="tablist"] li a{
    width: 100%;
    box-sizing: border-box;
    text-decoration: none !important;
    background-color: var(--azul_fondo);
    color: var(--azul_web);
    font-weight: 600;
    border-bottom: none important; 
}
.menu-himed-pestanas ul[role="tablist"] li.ui-state-active a{
    background-color: var(--azul_web) !important;
    color: var(--azul_fondo) !important;
}
.menu-himed-pestanas ul[role="tablist"] li.ui-state-hover{
    text-decoration: none !important;
    border-bottom: none !important;    
}
.menu-himed-pestanas ul[role="tablist"] li.ui-state-hover a{
    background-color: var(--naranja_ps);
    text-decoration: none !important;
    border-bottom: none !important;
}
/*CSS PESTAÑAS RESPONSIVE [ESTILO UNICO (Permisos & perfiles)]*/
#permisos.menu-himed-pestanas > ul[role="tablist"] li{
    width: 100% !important;
    text-align: center;
}
@media screen and (max-width: 950px){
#permisos.menu-himed-pestanas > ul[role="tablist"] li{
    width: 24% !important;
}   
}
@media screen and (max-width: 550px){
#permisos.menu-himed-pestanas > ul[role="tablist"] li{
    width: 33% !important;
}   
}
/*CSS LISTADO DE SERVICIOS*/
.input-center input + label{
    display: table !important;
    margin: 0px auto;
}
/*CSS RESPONSIVE PERMISOS Y PERFILES [Cliente]*/
#divformsmaestros > fieldset.forms, #divformsmaestrosnew > fieldset.forms{
    width: 100%;
    height: 100%;
    position: relative;
}
fieldset.forms > .fieldset-content{
    width: 100%;
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
}
@media screen and (max-width: 1120px){
#Cliente fieldset.forms.fra-3{
    width: 50% !important;
}
#Cliente fieldset.forms.fra-3:last-child{
    width: 100% !important;
}
#Cliente fieldset.forms.fra-2{
    width: 100% !important;
}
}
@media screen and (max-width: 755px){
#Cliente fieldset.forms.fra-3{
    width: 100% !important;
}
#Cliente fieldset.forms.fra-1 .box-input.fra-4{
    width: 50% !important;
}
}
/*CSS RESPONSIVE PERMISOS Y PERFILES [Maestros]*/
@media screen and (max-width: 1350px){
#Maestros .PermisosForm fieldset.forms.fra-4{
    width: 33.3% !important;
}
}
@media screen and (max-width: 950px){
#Maestros .PermisosForm fieldset.forms.fra-4,#Maestros .PermisosForm fieldset.forms.fra-3{
    width: 50% !important;
}
}
@media screen and (max-width: 640px){
#Maestros .PermisosForm fieldset.forms.fra-4,#Maestros .PermisosForm fieldset.forms.fra-3,#Maestros .PermisosForm fieldset.forms.fra-2{
    width: 100% !important;
}
}
/*CSS RESPONSIVE PERMISOS Y PERFILES [Pacientes]*/
@media screen and (max-width: 1350px){
#Pacientes .PermisosForm fieldset.forms.fra-2{
    width: 100% !important;
}
}
@media screen and (max-width: 680px){
#Pacientes .PermisosForm fieldset.forms.fra-2:nth-child(0n+2) .box-input{
    width: 50% !important;
}
}
@media screen and (max-width: 580px){
#Pacientes .PermisosForm fieldset.forms.fra-2 .box-input{
    width: 50% !important;
}
}
/*CSS RESPONSIVE PERMISOS Y PERFILES [Recibo_Facturacion]*/
@media screen and (max-width: 1250px){
#Recibo_Facturacion fieldset.forms.fra-2 .box-input{
    width: 50% !important;
}
}
@media screen and (max-width: 1100px){
#Recibo_Facturacion fieldset.forms.fra-1 .box-input{
    width: 33.3% !important;
}
}
@media screen and (max-width: 820px){
#Recibo_Facturacion fieldset.forms.fra-1 .box-input{
    width: 50% !important;
}
#Recibo_Facturacion fieldset.forms.fra-2{
    width: 100% !important;
}
}
/*CSS RESPONSIVE PERMISOS Y PERFILES [Herramientas]*/
@media screen and (max-width: 1000px){
#Herramientas fieldset.forms.fra-1 .box-input{
    width: 50% !important;
}
}
/*CSS RESPONSIVE SEGURIDAD HIMED WEB [Configuración de contraseña]*/
@media screen and (max-width: 640px){
#configuracionContrasenia fieldset.forms.fra-1 .box-input{
    width: 100% !important;
}
}
/*CSS RESPONSIVE LISTA DE SERVICIOS [CAMPOS DINAMICOS (USUARIO-ESPECIALIDAD)]*/
@media screen and (max-width: 1440px){
#BusquedaUsuario .box-input.fra-2{
    width: 100% !important;
}
}
@media screen and (max-width: 1050px){
#BusquedaEspecialidadUsuario .box-input.fra-2{
    width: 100% !important;
}
fieldset.forms.fra-1 div.cien-7{
    width: 100% !important;
}
}
@media screen and (max-width: 980px){
.ListadoServicios fieldset.forms.fra-2{
    width: 100% !important;
}
#BusquedaUsuario .box-input.fra-2,#BusquedaEspecialidadUsuario .box-input.fra-2{
    width: 50% !important;
}
}

/*  -- CSS CONFIGURACIÓN GLOBAL --  */
.label-medio{
    width: auto !important;
    display: inline-table !important;
    position: relative;
    vertical-align: top;
    height: 35px;
    padding: 5px;
    box-sizing: border-box;
    line-height: 1.5;
    font-weight: 400;
    font-size: medium !important;
}
/*Configuración de USUARIO*/
.ConfigPerfil #divformsmaestros{
    overflow: hidden;
}
.ConfigPerfil #divformsmaestros > fieldset.forms{
    width: 100%;
    height: 100%;
}
 /*Configuración de USUARIO*/
.ConfigPerfil #divformsmaestros{
     overflow: hidden;
 }
.ConfigPerfil #divformsmaestros > fieldset.forms{
     width: 100%;
     height: 100%;
 }
 /* ARCHIVO BÁSICO DE CSS - Perfiles*/
#secundarioForms.ConfigCliente #divformsmaestros{
    margin-left: 13%;
    overflow: hidden !important;
    overflow-y: auto !important;
}

/* ToolTip de Contáctenos */
#ToolHtmlContacto table tr td, #ToolHtmlContacto table tr td a{
     color: var(--gris);
}
#ToolHtmlContacto table tr td a:hover{
    color: var(--color_naranja);
}
#ToolHtmlContacto table strong{
    color: var(--color_azul);
}
#ToolHtmlContacto .list-redes{
    width: auto;
    height: 30px;
    padding: 0px;
    margin: 0px;
    display: table;
    margin: 10px auto 0px;
}
#ToolHtmlContacto .list-redes li{
    width: 30px;
    height: 30px;
    padding: 2px;
    position: relative;
    vertical-align: top;
    display: inline-block;
    box-sizing: border-box;
}
#ToolHtmlContacto .list-redes li img{
    width: 100%;
    height: 100%;
    display: block;
    margin: 0px auto;
}