/*=======================
ESTILOS RESPONSIVE CAVI
=========================*/

/*MasterPage*/

body{font-size:1.12em;color: #4e4b49; font-family: Arial, Verdana, Helvetica, sans-serif; position:relative; }

#pagina{width: 100%;}

#cuerpo{width: 100%;}

#menuppal{display: none;}

#migas{display:none;}

#contenido{float:none; padding:0 14px;}
#contenido.sinmenu{width: auto; width: initial;}


/*CAMBIO RESTYLING*/
    /*#cabecera {
        padding: 3% 3% 3% 3%;
    }

    #barrainfo {
        padding: 0;
        margin-bottom: 10%;
    }

    #barrainfo .sesion {
        margin-top: -5%;
        padding-bottom: 1%;
    }

    .sesion ul li a {
        text-decoration: none;
    }

    #cabecera .logosalud {
        border-right: 0px;
        border-radius: 0px;
        box-shadow: none;
        margin-left: 6%;
    }*/
/*CAMBIO RESTYLING*/

/*Cabecera*/
#cabecera{background-color:#fafafa; background-image:none; height:initial; height:auto;}
#cabecera .logosalud{background: none;height:initial; height: auto; width: auto; width: initial;}
#cabecera .logocm{padding:5px 0px 0px 0px;height:initial; height: auto; width: auto; width: initial;}

#cabecera{height:initial; height: auto; width: auto; width: initial;}
#cabecera .titular{width: 100%; padding-right:123px;}
.divCabecera .titular{top: 26px;position: absolute;}

/*Barra info*/
#barrainfo{float:none !important; position:inherit !important; width:initial !important; width: auto !important;}
#barrainfo .fecha{padding-left:0px !important;}
.usuarioinfo .ultimoAcceso{display:none;}
#barrainfo .sesion{top:14px; position: relative; margin-bottom: 15px;  right: 0; float: right; margin-right: -13px;}

/*Cuerpo*/
#cuerpo{background: none;}


/*P�gina de error / 404*/
.titulo_error h3{height: auto; height: initial;}
.errorCuerpo .mod{margin-bottom:15px;}

/****====ELEMENTOS COMUNES y COMPONENTES====****/
/*formularios*/

.formsws label, .formsws input {margin-right: 0px !important;}
.formsws fieldset {padding: 20px 0px 0px;}
label {font-weight: normal;}
.form-control {height:28px;}
.formsws .ui-datepicker-trigger {top: -24px;}
.form-control {padding:6px;  border-radius:0;}
.minWidth155 {min-width:155px !important;}
.hdatepicker {height: 55px;}

fieldset.form-anadir{padding:15px;}

/*btn volver*/
.btn_volver span span {height: 38px;}
.btn_volver {float: right;}

.botoneraVolver {/*CAMBIO*/
    padding: 5% 0px 17px 20px;
}
.swstabs.ui-tabs {margin-bottom:15px;}

/*btn acceso login*/
div.botonera_acceso button.btnLogin span span{height: 31px;}

/*Botonera modales*/
.botonModal{background-color: #ffffff; border: 1px solid #d3d3d3; padding:6px 10px; font-weight: bold; color: #127bab; font-size: 13px; min-height: 50px; max-height: 50px;}
.botonModal ul{margin: 0 auto; display: inline-block; }
.botonModal ul li.texto_boton{ padding: 0px 0px 0px 30px; text-align: left; }

/*Ventana Modal Texto*/
.ventanaModal .modal-dialog{margin:0px;  width: 100%; height: 100%;}
.ventanaModal .modal-content{border-radius:0px; height: 100%; overflow:auto;}
.ventanaModal .modal-header {border:0; padding:15px 15px 0px 15px;}
.ventanaModal .modal-title{font-size: 16px; color: #127bab; font-weight: normal; border-bottom: 1px solid #127bab;}
.ventanaModal .close{background:url(../img/ico_cerrar_modal.png) no-repeat right center; width:14px; height:14px; opacity:1; margin-top:0; display:block; }
.ventanaModal .modal-body{padding:10px 15px 15px 15px;}
.ventanaModal .modal-body p{margin: 7px 5px 7px 0px;}

/* Ventana Modal Gr�fico*/
body.modal-open .ventanaModalGrafico{overflow-x: hidden; overflow-y: auto;}
.ventanaModalGrafico .modal-dialog{margin:0px;  width: 100%; height: 100%;}
.ventanaModalGrafico .modal-content{border-radius:0px; height: 100%; overflow:auto;}
.ventanaModalGrafico .modal-header {border:0; padding:10px 15px 0px 15px;}
.ventanaModalGrafico .modal-title{display: table; margin:0 auto;}
.ventanaModalGrafico .modal-title img  {display: inline-block; cursor: pointer; padding:10px 30px;}
.ventanaModalGrafico .modal-title h4{font-size: 14px; color: #4a4b49; font-weight: normal; text-align:center; display: inline-block; padding: 0px 15px; vertical-align: middle;}
.ventanaModalGrafico .close{background:url(../img/ico_cerrar_modal.png) no-repeat right center; width:32px; height:32px; opacity:1; margin-top:0; display:block; }
.ventanaModalGrafico .modal-body{padding:0px;}
.ventanaModalGrafico .modal-body p{margin: 7px 5px 7px 0px; font-size: 14px;}

.ventanaModalGrafico .contenedorGrafico1 { padding:10px 10px 55px 10px; }
.ventanaModalGrafico .contenedorGrafico2 {padding: 10px 10px 55px 10px; display: none; }
.ventanaModalGrafico .contenedorGrafico1 img, .ventanaModalGrafico .contenedorGrafico2 img {width: 100%;}

/*.infoModalFooter{padding: 10px; background-color: black; opacity: 0.6; bottom: 0; left: 0; position: fixed; width: 100%;}*/
.infoModalFooter{padding: 10px; background-color: black; opacity: 0.6; bottom: 0; left: 0; position: absolute; width: 100%;}
.infoModalFooter .titulo_grafico_responsive{display:table;}
.infoModalFooter .titulo_grafico_responsive h4 {font-size: 16px; color: #ffffff; font-weight: normal; display: table-cell; width: 100%; padding-bottom:10px; padding-right: 15px;cursor: pointer;}
.infoModalFooter .titulo_grafico_responsive img{cursor: pointer; display: table-cell; width: 14px; height: 8px; }
.infoModalFooter .texto_grafico_responsive {border-top: 1px solid #ffffff; color:#ffffff; display: none; padding-top:15px; font-size: 1.1em; }
.infoModalFooter .texto2{ display: none; }
.infoModalFooter .titulo_grafico_responsive h4.titulo2 { display: none; }
.infoModalFooter div.texto_grafico_responsive.show {display: block;}

/*.ventanaModalGrafico .infoModalFooter .titulo_grafico_responsive{padding: 1% 1% 1% 13%;}
.ventanaModalGrafico .infoModalFooter .titulo_grafico_responsive.active{padding: 1% 1% 3% 13%;}  
.ventanaModalGrafico .infoModalFooter .texto_grafico_responsive{padding: 3% 1% 0% 13%; font-size: 1.1em;} */

#grafica1, #grafica2 {max-width: 100%;}


/* Ventana Modal Confirmaci�n */
.ventanaModalConfirmacion .close { background:url(../img/ico_cerrar_modal.png) no-repeat right center; width:32px; height:32px; opacity:1; margin-top:0; display:block; }

/*DataTable*/
.registroPropioI td{background-color:#DAF3DA !important}
table.dataTable td {height:auto; background-color: #ffffff; }
.table-pie{top: -30px;width: 100%; height: 4px;}
.pag-respon{margin-top:-24px;}
div.dataTables_paginate ul.pagination li.previous {margin-right:90px;}
table.dataTable>tbody>tr.child ul li {border-bottom: 0px !important; white-space: normal;}
div.dataTables_wrapper div.dataTables_length{margin-top:2px;}
.iconsws-checkgray, .iconsws-checkgreen, .iconsws-circblue, .iconsws-circgreen, .iconsws-circred, .iconsws-circyellow {margin-top:-5px;}
table.collapsed.dtr-inline.dataTable > tbody > tr > td:first-child, table.collapsed.dtr-inline.dataTable > tbody > tr > th:first-child
{position:inherit !important;}
table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before
{top:16px !important;left: -20px !important; position:relative !important;margin-top: -12px;}


/*Botonera peque�a*/
div.infomenu ul{float:none;}
div.infomenu ul li{display:inline-block; float:none;}
div.infomenu ul li.menuInfoOpcion.invisible{display:none;}



/****************
====PANTALLAS====
****************/
/*Login*/
.loginheader h3{font-size: 1.4em !important; background-size: 20px; background-position: 5px 3px;}
.btnAccesoSeguro ul li.texto_boton{background:url(../img/ico_legal.png) no-repeat left center; height: 34px; vertical-align: middle; display: table-cell;}
.btnContacto ul li.texto_boton{background:url(../img/ico_mail_button.jpg) no-repeat left center; height: 34px; vertical-align: middle; display: table-cell; }
.btnContacto{border-left:0px; }

/*Bienvenido*/
/*Paneles acordeones*/
.cv_boxServicios, .cv_boxBlue{width: auto; width: initial;}
.cv_boxLeft h3.cv_titAzul{background-color: #e0eff5 !important;background-image: none !important;width: initial; width: auto; height: auto; height: initial; padding:5px 15px 9px 10px; margin-top:10px;}
#citas.cv_boxLeft h3.cv_titAzul{padding:5px 22px 9px 10px; }
.ui-accordion-header .ui-icon-triangle-1-e{background: url('../img/acordeon_estado_normal.png') no-repeat scroll right center transparent !important;}
.ui-accordion-header .ui-icon-triangle-1-s{right:0.5em !important;}
.cv_boxTxt{width: auto; width: initial;}


/*Botonera Grande*/

/*Eliminar*/.fondoSuperior{ background-image: none; background: #ffffff; /* Old browsers */  background: -moz-linear-gradient(top,  #ffffff 0%, #dfeff3 100%); /* FF3.6-15 */  background: -webkit-linear-gradient(top,  #ffffff 0%,#dfeff3 100%); /* Chrome10-25,Safari5.1-6 */  background: linear-gradient(to bottom,  #ffffff 0%,#dfeff3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dfeff3',GradientType=0 ); /* IE6-9 */ }*/
.botoneraPrincipal li.clearColumnado{display: none; margin:0px;}
.botoneraPrincipal li button div{height: auto; height: initial;}
.botoneraPrincipal li, .botoneraPrincipal li.first, .botoneraPrincipal li.last{ margin-right: 0px; margin-left: 0px; position: relative; margin-bottom: 15px;}
.botoneraPrincipal li button span{  text-align: left;  margin-top: inherit;  line-height: 3.2em; font-size: 0.85em; /* position: relative;     left: 5em;*/}
.botoneraPrincipal li button span span.texto_boton{position: absolute; left:0; bottom:0; width: 100%;}
.botoneraPrincipal li{ background: #e7e8e9; /* Old browsers */ background: -moz-linear-gradient(top,  #e7e8e9 0%, #ffffff 50%, #e7e8e9 100%); /* FF3.6-15 */  background: -webkit-linear-gradient(top,  #e7e8e9 0%,#ffffff 50%,#e7e8e9 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom,  #e7e8e9 0%,#ffffff 50%,#e7e8e9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e8e9', endColorstr='#e7e8e9',GradientType=0 ); /* IE6-9 */ /*Borde sombreado*/ -webkit-box-shadow: 2px 2px 4px 0px rgba(153,153,153,1); -moz-box-shadow: 2px 2px 4px 0px rgba(153,153,153,1); box-shadow: 2px 2px 4px 0px rgba(153,153,153,1); /*Borde redondeado*/ border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px 8px 8px 8px; -webkit-border-radius: 8px 8px 8px 8px; padding-left: 10px; padding-right: 10px;}
.botoneraPrincipal li:hover{background: #0f7fb3; /* Old browsers */ background: -moz-linear-gradient(top,  #0f7fb3 0%, #0591d1 26%, #0591d1 50%, #0591d1 71%, #0f7fb3 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top,  #0f7fb3 0%,#0591d1 26%,#0591d1 50%,#0591d1 71%,#0f7fb3 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom,  #0f7fb3 0%,#0591d1 26%,#0591d1 50%,#0591d1 71%,#0f7fb3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f7fb3', endColorstr='#0f7fb3',GradientType=0 ); /* IE6-9 */ /*Borde sombreado*/  -webkit-box-shadow: 2px 2px 4px 0px rgba(153,153,153,1); -moz-box-shadow: 2px 2px 4px 0px rgba(153,153,153,1); box-shadow: 2px 2px 4px 0px rgba(153,153,153,1); /*Borde redondeado*/ border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px 8px 8px 8px;  -webkit-border-radius: 8px 8px 8px 8px;}

.botoneraPrincipal li:hover span.texto_boton{color:#ffffff;}

.botoneraPrincipal li { width: 31.9%; }
.botoneraPrincipal li button {	width: auto;  width:initial; margin: 0 auto; width: 100%;text-align: left; }
.botoneraPrincipal li button span { display: block;text-align: center; line-height: 1.5em; padding: .5em 0; font-size: 1em; height: 40px;}
.btn_MisIndicadores .icono-lista { width: 3.95em;text-align: center; display: block; margin: 0 auto; padding: 0.5em 0;}

.icono-lista {
    width: 5em;   
    text-align: center;  
    display: block; 
    margin: 0 auto;   
    padding: 0.5em 0;
}

.icono-lista.icono-lista-res {
    width: 3em;
}

.btn_MiInfoClinica, .btn_MisIndicadores, .btn_MiCalendario, .btn_MiInfoClinica:hover, .btn_MisIndicadores:hover, .btn_MiCalendario:hover { background: none; }


/*Calendario de citas*/
div#calendario div table {margin: 3px 9.5px 3px 0px; width: 100%;}
.calendario_normal{ display: none;}
.calendario_bootstrap { display: inline !important;}
div#calendario div table {float:none; width:100%}
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right
{top: 2%; margin-top:0px;}
.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {margin-left:30px;}
.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {margin-right: 30px;}
.carousel-control {opacity:1;}
div#calendario div table thead tr {height: 34px;}
div#calendario div table thead th {text-align: center;}
#calendario td.pasada{border: 3px solid #FFF;}
div#calendario div table { font-size: 1em;}
div#calendario div table caption {height: 50px; padding:14px 5px 0px;}
#calendario td  {height: 70px; padding:0 !important;}
#calendario td  a{vertical-align:middle; height:auto !important; padding:25px 0px;}
div#calendario div table {margin:0px;}
.carousel-control.left {background-image:url("../img/calendar-arrow-left.png");background-repeat: no-repeat; background-position: center center; width:58px; height:48px;}
.carousel-control.left span::before{content:"";}
.carousel-control.right {background-image:url("../img/calendar-arrow-right.png");background-repeat: no-repeat; background-position: center center; width:58px; height:48px;}
.carousel-control.right span::before{content:"";}
#calendario td {font-size:1.1em}
#calendario td.tipocita:hover {opacity:0.7;}
#calendario td.selected {border: 0 !important; opacity:0.7;}
/*#leyenda ul>li {margin-right:0  !important;}*/
.tipocita-primaria, .tipocita-especializada,.tipocita-mixta, .tipocita-preventivos, .tipocita-extranjero {background-position: left 2px;}
.btn_sws span span {height: 100%;}
.left.carousel-control, .right.carousel-control {filter:none !important;}
div#calendario div table {display:table;}
tr:last-child .dia-oculto, .carousel-indicators{display:none;}

/***Master Infoclinica***/
div.grid_infopropios, div.grid_info {margin: 2% 1% 8% !important;} /*CAMBIO*/
div.gridsws_container {margin: 0px 2px;}
/*fondo inferior*/
.fondoInferior{display:inline-block; width:100%;
    background: rgba(223,239,243,1);
    background: -moz-linear-gradient(top, rgba(223,239,243,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(223,239,243,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(223,239,243,1) 0%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(223,239,243,1) 0%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(223,239,243,1) 0%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(223,239,243,1) 0%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfeff3', endColorstr='#ffffff', GradientType=0 );}
.fondoInferior p.texto_azul{width: 66.66666667%;}
.col-inst-prev1 p.texto_azul{width: 100% !important;}

/***Indicadores***/
.indicadores img {width:100%;}
/*calculadora imc*/
.calculadora-imc .form-control {height:22px; padding:0px 12px; border-radius:0px;}
.botoneraAcordeonIMC { margin: 15px 0px 0px;}
.botoneraAcordeonIMC a {width:162px; float:none;}
.fondoInferiorIMC .form-inline {margin-top:10px;}
.fondoInferiorIMC .form-group input { width: 90%; margin-left: 0px; margin-right: 0px;}
.calculadora-imc .contenedorGrafico img {width:100%}

/***Instrucciones previas***/
.col-inst-prev1  p{font-size: 13px;  margin-bottom: 15px;}
.col-inst-prev1 p.texto_azul{margin-bottom:15px;}

.col-inst-prev1 {padding:0px;}
.col-inst-prev2 {padding:0px;}

/*Medicacion*/
#medicacionesContent .fondoInferior {margin-top:0px;}

/*Boton Sense
Nota: oculto en responsive*/
.btnVisorSense{display:none;}
.contenedor_info_visor{display: none;}

/*Mis datos administrativos*/

.divTableDatosAdmin {
    padding: 20px;
}

#actualizarDatos {
    padding: 1em;
}

.divTableDatosAdminCell.datos_tarjeta h4 {
    margin-top: 2% !important;
}

.expander_open .icono-boton, .expander_close .icono-boton{
	font-size: 1.25em !important;
}

/****====MEDIA QUERIES====****/

@media screen and (max-width: 320px)
{
    #cuerpo{padding: 0 11px 0px 11px;}
    div.infoextenso.safeaccess, .banner, .infodescargadocgrid, .infodescargadocpie{display:none;}
    div.info-nodata {display:block;}
    .responsive-oculto {display:none;}

    /*Cabecera*/
    .titular{display:none !important;}
    #cabecera .logosalud{padding: 8px 0 0 5px;}
    .logosalud img{min-width: 50px !important; width:90%;}
    .logocm img{max-width:51px !important; width:100%; }

    /*Pie*/
    #pie{display:none;}

    /****====ELEMENTOS COMUNES====****/
    /*formularios*/
    .col-reset-12 {width:100%;}
    fieldset.form-anadir .row{display: block;}
    .formsws .ui-datepicker-trigger {padding-left: 128px;}
    .botonera-form{margin:0 auto;  float: none; text-align:center;}
    .botonera-form button{float: none; margin-top: 15px;}

    /*modal confirmacion*/
    .aceptar {float:right !important;}
    .cancelar {float:left !important;}
    #modalConfirmacion.modal { text-align: center; padding: 0!important;}
    #modalConfirmacion.modal:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px;}
    #modalConfirmacion .modal-dialog { display: inline-block; text-align: left; vertical-align: middle;}

    .botoneraModales{display: block;}

    /*Datatable*/
/*     .dataTables_paginate, .dataTables_length, .pag-respon, div.dataTables_wrapper div.dataTables_info, .table-pie{display:none} */


    /****====PANTALLAS====****/
    /*Login*/
    div.loginbox div.columna_left{float:none; width: initial; width: auto;}
    div.loginbox div.columna_left, div.loginbox div.notas{ font-size:13px;}
    div.botonera_acceso{padding:0px; margin-top:15px;}

    div.botonera_acceso button{display: table; margin:0 auto; float:none; width: 100%;}
    div.botonera_acceso button span{float:none; display:table;margin:0 auto;}

    div.loginbox div.columna_imagen{display:none;}


    /*Bienvenido*/
    .botoneraPrincipal li{width: 46%;}
    .botoneraPrincipal li.clearColumnado{display: block; clear:both;}
    .botoneraPrincipal li.btnColumnado:nth-child(1){float:left;}
    .botoneraPrincipal li.btnColumnado:nth-child(2){float:right;}
    .botoneraPrincipal li.btnColumnado:nth-child(4){float:left;}
    .botoneraPrincipal li button span{padding:0.5em;}

    .cv_boxLeft{width: 100%; padding-left:15px; padding-right: 15px; margin:0px !important;}
    .cv_boxBlue{width: 100%; height: auto !important; padding-bottom: 15px !important;}

    /*Infoclinica*/
    .menu_normal{ display: none;}
    .menu_bootstrap{display: block;}
    .selectorGrupo{margin-top:10px;}
    .icono_menu_responsive { padding-left : 40px }
    .iconOpcionBoton {padding:0px 12px 0px 0px; border:0px; border-radius:0; background-color: transparent;}
    select.custom {border-radius: 0px; background-image: url("../img/down-arrow.png"); background-repeat: no-repeat; background-position: right center; -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 35px;}
    select.custom::-ms-expand { display: none;	}

    /*Calendario de citas*/
    #calendario td  {height: 40px;}
    #calendario td  a{padding:10px 0px;}
    .texto_detalleCita { max-width: 100%; margin:18px 0px; width: 100%; padding-top:10px}
    .botoneracal {text-align:center; float:none; width:100%}

    /*.botonera-detalle{float:right;}*/
    /*.botonera-detalle a{float:none;}*/
    .botonera-detalle{float:none;}

    .botonCita {float:none;}
    .centro_mapa {float: none;text-align: center;}
    iframe.centromapa {width:240px;}
    .icono-telefono {width:240px;}
    #leyenda ul{display: table; width: 100%;}
    #leyenda ul>li.leyenda-items{ width: 55%; display: inline-block; float: left; margin-right: 0;}
    #leyenda ul>li.leyenda-items:nth-child(3), #leyenda ul>li.leyenda-items:nth-child(4){margin-top:10px;}
    #leyenda ul>li.leyenda-items:nth-child(2), #leyenda ul>li.leyenda-items:nth-child(4){width: 45%;}


    /*Panel advertencia*/
    .arrow-down {background: url("../img/icon-chevron-down.png") no-repeat 15px 16px;}
    .arrow-up {background: url("../img/icon-chevron-up.png") no-repeat 15px 16px;}
    .box-left {width:92%;}
    .box-left span{overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  display: block;}
    .box-right{height: 38px; width: 38px; position: absolute;  right: 0;  top: 0; cursor:pointer;}
    .toggle_icon{display: inline-block;}

    /*Master Infoclinica*/
    /*fondoInferior*/
    .fondoInferior .botoneraAcordeonG, .fondoInferior .texto_azul{ text-align: center;  float: none;  width: 100%;  margin: 0 auto;}
    .botoneraAcordeonG .btn_sws {float: none;  margin-top: 10px;}
    .fondoInferior p.texto_azul{width: 100%; text-align:left;}
    a.btn_sws span {width:100%;}


    /*Indicadores*/
    /*calculadora imc*/
    .botonera_pag_right{width:100%;}

    /*Instrucciones previas*/
    .botoneraAcordeonG {float:none;}
    .fondoInferiorInstrucciones{margin-bottom:20px;}
    .col-inst-prev2 {  text-align: center;}
    
    .botoneraServicios .btn_MiCavi.btn-primero, .botoneraServicios .btn_MiCavi.btn-segundo, .botoneraServicios .btn_MiCavi.btn-tercero {
        margin-left: 27%;
    }

}



@media screen and (max-width: 420px) {
    /*bot�n TAO*/
    .btn-tao span{background: none !important; width: auto !important; width: 100% !important; height: auto; height: 100%; float:none; }
    .btn-tao span span {background-image: url(../img/icono-download.png) !important; background-repeat: no-repeat !important; background-position: 10px center !important; padding-left: 29px !important;}
    .btn-tao span{padding: 3px 20px 3px 0;}
    .btn-tao span span{padding: 0; white-space: normal;}
    .btn-tao{display:inline-block;  padding: 0;float: none;margin:0 2px 10px;border: solid 1px #d7d8da;background-color: #e9f2f6;
        -moz-border-radius: 4px; border-radius: 4px;  -webkit-border-radius: 4px;
        -webkit-box-shadow: 0 2px 4px rgba(153,153,153,.75);
        -moz-box-shadow: 0 2px 4px rgba(153,153,153,.75);
        box-shadow: 0 2px 4px rgba(153,153,153,.75);
        background-image: -webkit-linear-gradient(bottom, #e7e8e9, #fff 50%, #e7e8e9);
        background-image: -moz-linear-gradient(bottom, #e7e8e9, #fff 50%, #e7e8e9);
        background-image: -o-linear-gradient(bottom, #e7e8e9, #fff 50%, #e7e8e9);
        background-image: -ms-linear-gradient(bottom, #e7e8e9, #fff 50%, #e7e8e9);
        background-image: linear-gradient(to top, #e7e8e9, #fff 50%, #e7e8e9);}
    .btn-tao:hover { text-decoration:none !important;}
    .tipocita-tsnu{padding-left:0px;}
}

@media screen and (min-width: 65px) and (max-width: 401px) {
    
    #tableMedicacion tbody>tr.child ul li:first-child span.dtr-data {color:green;font-weight: bold;}
    
}

@media screen and (min-width: 319px) and (max-width: 599px)
{
    #cuerpo{padding: 0 11px 0px 11px;}
    div.infoextenso.safeaccess, .infodescargadocgrid, .infodescargadocpie{display:none;}
    div.info-nodata {display:block;}
    .responsive-oculto {display:none;}
    .banner p.mail,.banner p.contacto {height: auto;}
    .banner{margin-bottom: 5px;}
    
    #pagina {/*CAMBIO RESTYLING*/
        margin: 0 auto;
        border: none;
        border-radius: 0px;
        box-shadow: none;
    }


    /*Cabecera*/
    #cabecera .logosalud{padding: 12px 0 0 5px;}
    .titular{display:none !important;}
    .logosalud img{min-width: 60px !important; width:60%;}
    
    .logocm img {/*CAMBIO*/
        max-width:62px !important; 
        width:100%;
        margin-top: 5%;
    }

    /*Pie*/
    #pie{display:none;}

    /****====ELEMENTOS COMUNES====****/
    /*formularios*/
    .col-reset-12 {width:100%;}
    fieldset.form-anadir .row{display: block;}
    .formsws .ui-datepicker-trigger {padding-left: 128px;}
    .botonera-form{margin:0 auto;  float: none; text-align:center;}
    .botonera-form button{float: none; margin-top: 15px;}
    .h155 {height: 55px;}

    .botoneraModales{display: block;}

    /*Datatable*/
/*     .dataTables_paginate, .dataTables_length, .pag-respon, div.dataTables_wrapper div.dataTables_info, .table-pie{display:none} */

    /*Panel advertencia*/
    .arrow-down {background: url("../img/icon-chevron-down.png") no-repeat 15px 16px;}
    .arrow-up {background: url("../img/icon-chevron-up.png") no-repeat 15px 16px;}
    .box-left {width:92%;}
    .box-left span{overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  display: block;}
    .box-right{height: 38px; width: 38px; position: absolute;  right: 0;  top: 0;cursor:pointer;}
    .toggle_icon{display: inline-block;}

    /*modal confirmacion*/
    .aceptar {float:right !important;}
    .cancelar {float:left !important;}
    #modalConfirmacion.modal { text-align: center; padding: 0!important;}
    #modalConfirmacion.modal:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px;}
    #modalConfirmacion .modal-dialog { display: inline-block; text-align: left; vertical-align: middle;}

    /****====PANTALLAS====****/
    /*Login*/
    div.loginbox div.columna_left{float:none; width: initial; width: auto;}
    div.loginbox div.columna_left, div.loginbox div.notas{ font-size:13px;}
    div.botonera_acceso{padding:0px; margin-top:15px;}

    div.botonera_acceso button{display: table; margin:0 auto; float:none; width: 100%;}
    div.botonera_acceso button span{float:none; display:table;margin:0 auto;}


    div.loginbox div.columna_imagen{display:none;}

    /*Bienvenido*/
    .btn_MiCavi { /*Cambio - Nuevo*/
        width: 46%;
        font-size: 1.1em;
    }
    
    .btn-segundo {
        margin-right: 0%;  
    }
    
    .btn-tercero {
        margin-right: 6%;
        float: left;
    }
    
    .botoneraPrincipal li{width: 47%;}
    .botoneraPrincipal li.clearColumnado{display: block; clear:both; margin:0px;}
    .botoneraPrincipal li.btnColumnado:nth-child(1){float:left;}
    .botoneraPrincipal li.btnColumnado:nth-child(2){float:right;}
    .botoneraPrincipal li.btnColumnado:nth-child(4){float:left;}

    .cv_boxLeft{width: 100%; padding-left:15px; padding-right: 15px; margin:0px !important;}
    .cv_boxBlue{width: 100%; height: auto !important; padding-bottom: 15px !important;}

    /*Infoclinica*/
    .menu_normal{ display: none;}
    .menu_bootstrap{display: block;}
    .selectorGrupo{margin-top:10px;}
    .icono_menu_responsive { padding-left : 40px }
    .iconOpcionBoton {padding:0px 12px 0px 0px; border:0px; border-radius:0; background-color: transparent;}
    select.custom {border-radius: 0px; background-image: url("../img/down-arrow.png"); background-repeat: no-repeat; background-position: right center; -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 35px;}
    select.custom::-ms-expand { display: none; }
    
    
    /*MODIFICACIÓN TABLA MEDICACIÓN*/
/*    #tableMedicacion th.sorting:nth-child(2), #tableMedicacion tr.odd td:nth-child(2), #tableMedicacion tr.even td:nth-child(2) {
        display: table-cell !important;
        text-align: center;
        vertical-align: middle;
    }
    
    #tableMedicacion td.child li:nth-child(5) {
        display: none !important;
    }
*/   
    
    #tableMedicacion tbody td:nth-child(2) {
        color: green;
        font-weight: bold;
    }
    
    #tableMedicacion thead th, #tableMedicacion thead td {
        font-size: 12px;
        padding: 3px 1px 3px 3px !important;
    }
  
    /*Calendario de citas*/
    #calendario td  {height: 50px;}
    #calendario td  a{padding:16px 0px;}
    .texto_detalleCita { max-width: 100%; margin:18px 0px; width:100%;}
    /*iframe.centromapa {width:240px;}*//*Cambio*/
    #leyenda ul{display: table; width: 100%;}
    #leyenda ul>li.leyenda-items{ width: 55%; display: inline-block; float: left; margin-right: 0px;}
    #leyenda ul>li.leyenda-items:nth-child(3), #leyenda ul>li.leyenda-items:nth-child(4), #leyenda ul>li.leyenda-items:nth-child(6){margin-top:10px;}
    #leyenda ul>li.leyenda-items:nth-child(2), #leyenda ul>li.leyenda-items:nth-child(4), #leyenda ul>li.leyenda-items:nth-child(6){width: 45%;}
    .tipocita-tsnu{padding-left:0px;}


    /*Master Infoclinica*/
    /*fondoInferior*/
    .fondoInferior .botoneraAcordeonG, .fondoInferior .texto_azul { text-align: center;  float: none;  width: 100%;  margin: 0 auto;}
    .botoneraAcordeonG .btn_sws { float: none; margin-top: 10px;}
    .fondoInferior p.texto_azul{width: 100%; text-align:left;}
    a.btn_sws span {width:100%;}


    /*Indicadores*/
    /*calculadora imc*/
    .botonera_pag_right{width:100%;}

    /*Instrucciones previas*/
    .botoneraAcordeonG {float:none;}
    .col-inst-prev2{text-align: center;}
    /*.col-inst-prev2 .botoneraAcordeonG a {width: 132px !important;}*/
    .fondoInferiorInstrucciones{margin-bottom:20px;}
    
    /*Datos Adminsitrativos*/
    .icono_datos_tarjeta {
        width: 50%;
    }
    
    .icono_datos_aporta {
        width: 50%;
    }
    
    .icono_datos_contacto {
        width: 45%;
    }
    
    .divTableDatosAdminCell {
        display: inline;
        padding: 0px 0px 10px 0px;
        text-align: center;
    }
    
    .divTableDatosAdminRow {
        text-align: center;
    }
    
    .cv_boxTxt_datosadmin {
        padding: 5% 0 5% 5%;
    }
    
    #cambiarProfesional {
        padding: 6%;
    }
    
    .formsws label.col_datoscontacto, .formsws label.col_datostarjeta, .formsws label.col_datosfarmacia, .formsws label.col_datoscentro {
        display: block;
    }
    
    .divTableDatosAdmin {
        width: 100%;
        /*display: initial;*/
    }
    
    iframe.centromapa {
        margin: 1.5em 1em 1.5em 0 !important;
    }    
    .icono-telefono {
        margin: 1.1em 0.5em 1.1em 8em !important;
    }
    
    #formProfCentro .accessLink.btn-recursos {
        margin-left: 22.5%;
    }
    
    #formProfCentro .divTableDatosAdminCell.texto_centro p:last-child {
        margin-bottom: 3%;
    }
    
    .formsws label.col_datoscentro {
        margin-right: 0px;
    }
    
    #datosAdmin div.divTableDatosAdmin ~ div.divTableDatosAdmin {
        display: initial;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }
    
    #panel_centrosDependientes {
        margin-left: -2%;
    }
    
    #panel_centrosDependientes .divTableDatosAdminCell {
        display: block;
    }
    
    #panel_centrosDependientes input {
        width: 90%;
        text-align: center;
        margin-left: 8%;
    }
    
    #panel_centrosDependientes p {
        margin-left: -10%;
    }
    
    #panel_centrosDependientes span.icono-boton {
        margin-left: 12%;
    }
    
    .expander {
        padding-left: 1%;
        padding-bottom: 3%;
    }
        
    .formsws label.col_datoscontacto {
        margin-right: 0px;
    }
    
    .formsws label.col-centro1 {
        margin-left: 8%;
    }
    
    /*MIS SERVICIOS*/
    
    #contentmenu_misservicios .btn_MiCavi {
        width: 215px;
        margin-left: 27%;
    }
    
    .btn_AcompanaHospital {
        margin-right: 0;
    }
    
    .botoneraServicios span {
        padding-left: 13%;

    }
    
    #contentmenu_misservicios.fondoSuperior {
        height: 315px;
    }

}

@media screen and (max-width: 361px){
    .expander {
        padding-left: 0%;
        padding-bottom: 3%;
    }
}

@media screen and (min-width: 530px) {
    #leyenda ul{display: inline-table; width: 100%;}
    #leyenda ul>li.leyenda-items:nth-child(2), #leyenda ul>li.leyenda-items:nth-child(4){width: auto;}
    #leyenda ul>li.leyenda-items, #leyenda ul>li.leyenda-items:nth-child(6){width: auto; display: table-cell; float:none;}
}

.ocultarFormCerts {display: none !important;visibility: hidden}

@media screen and (min-width: 600px) and (max-width: 650px)
{
   /*Infoclinica*/   
    
    div.infomenu a {
        padding-left: 6%;
    }
    
    iv.infomenu ul li {
        padding: 0;
    }
}

@media screen and (min-width: 712px) and (max-width: 800px)
{
   /*Infoclinica*/
    
    #menu_infoclinica .btn_MiCavi {
        width: 31%;
    }
}

@media screen and (min-width: 600px) and (max-width: 767px)
{


    /*Cabecera*/
    #cabecera .logosalud{padding: 12px 0 0 5px;}

    /*Pie*/
    /*#pie{display:none;}*/
    #pie{background: none; width: 100%; padding: 2px 11px;}
    .listapie1{padding-left: 0px;}
    .listapie1 li:nth-child(2){display: block;}
    .listapie2{float:right;}

    /*Banner*/
    .banner p.mail, .banner p.contacto{height: 100%; padding-right:18px;}
    

    /****====ELEMENTOS COMUNES====****/

    /*Formularios*/
    .formsws .ui-datepicker-trigger {margin-left: 82%; padding-left:0;}
    .formsws label, .formsws input {min-width:120px;}
    .botonera-form {margin-right: 14px;}

    /*botones pie*/
    .botoneraModales{display: none;}
    .modAvisoLegal, .modCondLegales, .modContacto { display: block }
    #modAvisoLegal p{ text-align: justify; }

    /*Botonera pequenia*/
    div.infomenu ul{ list-style: none; margin: 0; padding: 0; width: 100%; text-align: justify;}
    div.infomenu ul:after{ content: "."; display: inline-block; width: 100%; height: 0; visibility: hidden;}

    div.infomenu ul li.noPaddingR{padding-right: 16px !important; display:inline-block;}
    div.infomenu a span{padding: 0 10px 0 40px; text-align: left;}

    div.infomenu ul li{	width: calc(12% + 20%);	width: -webkit-calc(12% + 20%);  width: -moz-calc(12% + 20%);}
    
    div.infomenu ul li a {/*CAMBIO*/
        min-width: 100%;
    }
    
    div.infomenu a span{width: auto; width: initial;}

    /****====PANTALLAS====****/
    /*Login*/
    div.loginbox div.columna_left{width: 70%;}

    /*Bienvenido*/
    
    .btn-group.btn-principal {/*CAMBIO*/
        margin-left: 3.6%;
    }
    
    .botoneraPrincipal li { margin: 0 0.8em; padding: 0; }
    .botoneraPrincipal li.btnColumnado:nth-child(1){float:left;}
    .botoneraPrincipal li.btnColumnado:nth-child(2){float:left; margin: 0 0 0 1.2em;}
    .botoneraPrincipal li.btnColumnado:nth-child(4){float:right; margin: 0 0 0 0.8em;}

    .cv_boxServicios{padding: 10px 12px 10px 15px;}

    .cv_boxLeft{padding: 0px !important; margin: 0px !important;}
    .cv_boxLeft:nth-child(1){padding-right: 9px !important; }
    .cv_boxLeft:nth-child(2){padding-right: 9px !important;padding-left: 3px !important;}
    .cv_boxLeft:nth-child(3){padding-left: 3px !important;padding-right: 1px !important; }

    /*Infoclinica*/
    .menu_normal{ display: block;}
    .menu_bootstrap { display: none;}
    
    #menu_infoclinica .btn_MiCavi {
         width: 30%;
    } 
    
    div.infomenu a {
        padding-left: 10%;
        text-decoration: none;
    }
    
    .fondoSuperior {
        min-height: 21em;
    } 
    
    #informacionClinica_container .selectorGrupo.input-group {
        display: none;
    }

    /*Calendario de citas*/
    /*#leyenda ul>li.leyenda-items {max-width: 30% !important;}*/
    .texto_detalleCita { max-width: 59%;}
    /*#leyenda ul>li.leyenda-items {max-width: 32.5% !important;}*/


    /*cambios ivonne 06/09/2016*/
    /*Master Infoclinica*/
    /*fondoInferior*/
    .fondoInferior .botoneraAcordeonG{text-align: right;}
    .fondoInferior .botoneraAcordeonG .btn_sws {width: 150px; float: none;vertical-align: middle;}
    .botoneraAcordeonG .btn-acceder{width:100px !important;}

    /*indicadores*/
    /*calculadora imc*/
    .botoneraAcordeonIMC {margin-bottom:20px;float: right; margin-top: 11px;}

    /*instrucciones previas*/
    .col-inst-prev1 {width:65% !important; padding:0px;}
    .col-inst-prev2 {width:35% !important; padding:0px; text-align: right;}
    /*.col-inst-prev2 .botoneraAcordeonG a {width:120px !important;}
     .col-inst-prev2 .botoneraAcordeonG a {width: 132px !important;}*/
    .botoneraAcordeonIMC a {width:160px;}
    .fondoInferiorIMC .form-group input { width: 80%;}
    .fondoInferiorIMC .form-group {width:35%;}
    
    .botoneraServicios.btn-group.marginT10 {
        margin-left: 3%;
    }
}


/*Estilo provisional login desarrollo*/
.divider{display: none;}
.tipocita-primaria-tsnu{border-bottom:4px solid #f58a00;display:block !important; }
.tipocita-especializada-tsnu{border-bottom:4px solid #00a71c; display:block !important;}
.tipocita-preventivos-tsnu{border-bottom:4px solid #00a2f6;display:block !important; }
.tipocita-mixta-tsnu{border-bottom:4px solid #a52a2a; display:block !important;}
.tipocita-previas-tsnu{border-bottom:4px solid #a349a2; display:block !important;}
.tipocita-tsnu-tsnu{border-bottom:4px solid #666666; display:block !important;}
.tipocita-extranjero-tsnu{border-bottom:4px solid #00008b; display:block !important;}



/*BEGIN ESTILOS PARA LA GUIA DE CL@VE*/
/*ESTILOS A INCORPORAR o CORREGIR EN LA CSS RESPONSIVE cavi_responsive.css*/

@media only screen and (max-width: 650px)
{
    .panelPasos h4
    {
        width: 100%;
        border-radius: 0px;
    }
    
}
@media only screen and (max-width: 750px){
    
    .bloquePasoInfo {
    position: relative;
    min-height: 1px;
    padding-left: 25px;
    padding-right: 25px;}
    
}

@media only screen and (max-width: 600px)
{
    .bloquePaso
    {
        width: 100%;
        margin-bottom: 40px;
    }

    .bloquePaso:nth-child(3)
    {
        margin-bottom: 40px;
    }

    .bloquePasoInfo div
    {
        text-align: center !important;
    }

    .esqPaso1, .esqPaso2, .esqPaso3
    {
        width: 100%;
    }


    .esferaIcono, .bloquePasoTitulo, .enlaceAcceso
    {
        text-align: center !important;
    }

    .esquemaPasos
    {
        background: none;
    }

    .bloquePasoCamino
    {
        background: url(camino-vertical.jpg) no-repeat 0 0;
        height: 123px;
        display: block;
        float: none;
        text-align: center;
        left: 46%;
        position: absolute;
    }
}

/*END ESTILOS PARA LA GUIA DE CL@VE*/

.banner p.mail { background-position-y: center; }

/*.btn_AcompanaHospital{ width: 78%; }
.btn_DonaMedula{ width: 78%; }
.btn_Reclamaciones{ width: 78%; }*/

/*CAMBIO RESTYLING OP-CAVI-CAVI-CAVI-014*/

@media screen and (max-width: 765px) {
    
    .field_datos_admin .btn-acceder {
        margin-right: 0;
    }
    
    #tabsDatosAdmin .fondoInferior.marginT25I {
	   margin: 0px;
    }
    
    .btn-group.btn-principal {
        margin-left: 6.6%;
    }

    .btn_MiCavi.btn-primero.btn_MiInfoClinica, button:nth-child(3), button:nth-child(5) {
        float: left;
    }
    
    .btn-group.btn-principal button:nth-child(4), .btn-group.btn-principal button:nth-child(6){
 	   margin-bottom: 2%;
	}
    
    .btn_MiCavi.btn-primero, .btn_MiCavi.btn-segundo, .btn_MiCavi.btn-tercero, .btn-principal > .btn_MiCavi {
        margin-right: 2%;
        margin-bottom: 2.1%;
        width: 45%;
    }
    
    .btn_MiInfoClinica, .btn_MisIndicadores {
        background: #d6eaf4;
    }
    
    .btn-group.btn-principal, .usuarioinfo .nombre {
        margin-top: 5%;
    }
    
    .fondoSuperior {
        background: none;
    }
    
    .btn_MiCavi.btn-tercero.btn_DonaMedula {
        margin-left: 0% !important;
        margin-right: 0px !important;
    }
    
    .divTableDatosAdminCell.datos_tarjeta > h4 {
        padding-top: 9% !important;
    }

}

@media screen and (max-width: 599px) {
    
    .btn_MiCavi.btn-tercero.btn_DonaMedula {
        margin-left: 27.5% !important;
    }
    
    .botoneraServicios .btn_MiCavi {
        width: 46%;
        font-size: 1.2em;
    }
    
    .botoneraServicios li:nth-child(1) span:nth-child(2), .botoneraServicios li:nth-child(3) span:nth-child(2) {
        padding-left: 15%;
    }
    
    /*MENU PRINCIPAL ANTIGUO*/
    
    .cv_boxServicios, .cv_boxBlue {
        width: 100% !important;
        margin-left: 0%;
    }
    
    .cv_boxLeft {
        padding-left: 9px;
    }
    
    .cv_boxServicios .marginL10 {
        margin-bottom: 1% !important;
    }
    
    .cv_boxServicios.row {
        margin-bottom: 1% !important;
    }

}

/*CAMBIO RESTYLING OP-CAVI-CAVI-CAVI-014 - FIN*/

/*DNI DUPLICADO*/

#duplicadoform div.columncontainer p {
	padding: 0 24%;
	margin: 0px;
	text-align: center;
}

#duplicadoform .loginform label {
	text-align: center;
	width: 100%;
}

#duplicadoform button {
	margin-left: 37.5%;
}

.infoDiv.duplicado.msg-base.infodescargadocpie {
	margin-bottom: -10%;
	display: block;
}

#duplicadoform .loginform input {
	margin: 1% 0;
	width: 30% !important;
}

#duplicadoform .loginform {
	width: 100%;
	padding-left: 0px;
	padding: 20px 0px;
}

/*DNI DUPLICADO FIN*/

/*CARUSEL CALENDARIO*/

@media screen and (max-width: 299px)
{
    #calendario .carousel-control-prev, #calendario .carousel-control-next {
        width: 42%;
    }
    
}

@media screen and (min-width: 300px) and (max-width: 334px)
{
    #calendario .carousel-control-prev, #calendario .carousel-control-next {
        width: 32%;
    }
    
}

@media screen and (min-width: 335px) and (max-width: 360px)
{
    #calendario .carousel-control-prev, #calendario .carousel-control-next {
        width: 28%;
    }
    
}/*CARUSEL CALENDARIO FIN*/

/* Ajuste responsive en boton-link de desplegable 
(DatosAdministrativos > Hospital de Referencia > Centros dependientes) */
#link_centrosDependientes {
	display: flex;
	text-align: center;
	margin-top: -35px;
	padding-bottom: 5px;
}
#link_centrosDependientes > span {
	background-origin: content-box;
	background-position-x: -25px;
    padding-right: 50px;
    padding-left: 50px;
}
/* FIN - Ajuste responsive en boton-link de desplegable 
(DatosAdministrativos > Hospital de Referencia > Centros dependientes) */