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


/*ESTILO FICHA MEDICA*/



.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color:#1565c0;
    color:white;
    outline:0px initial !important;
                    transition: background .25s ease-in-out;
                -moz-transition: background .25s ease-in-out;
                -webkit-transition: background .25s ease-in-out;
}

select {
    height: 24px !important;
    background: transparent !important;
    border: 1px solid #4db6ac !important;
    width: 70px;
    margin: 0 10px 0 0 !important;
    cursor: pointer;
    font-family: 'Lato', sans-serif !important;
    font-size: 12px !important;
    color: #313131 !important;
    padding: 1px 0 3px 10px !important;
}

.Tab .ajax__tab_active .ajax__tab_tab {
    color: #FFFFFF !important;
    background: #4db6ac !important;
    outline: 0 !important;
    text-align: center !important;
    display: inline-block !important;
}



/* Estilos para pestañas mantenedor usuario */
.ajax__tab_default .ajax__tab_tab {
    overflow: hidden !important;
    text-align: center !important;
    display: -moz-inline-box !important;
    display: inline-block !important;
    border: 1px solid #4db6ac !important;
    padding: 5px 16px !important;
    font-family: 'Lato', sans-serif !important;
    font-size: 11px !important;
    color: #4db6ac !important;
    font-weight: normal !important;
    text-transform: uppercase !important;
    margin: 0 1px -1px 2px !important;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}



.ajax__tab_tab:hover {
    color: #fff !important;
    background: #4db6ac !important;
}

.Tab .ajax__tab_active .ajax__tab_tab {
    color: #FFFFFF !important;
    background: #4db6ac !important;
    outline: 0 !important;
    text-align: center !important;
    display: inline-block !important;
}


.TabFichaMedica .ajax__tab_active .ajax__tab_tab_ficha {
    color: #FFFFFF !important;
    background: #4db6ac !important;
    outline: 0 !important;
    text-align: center !important;
    display: inline-block !important;
}


.ajax__tab_header:after {
   clear: both;
}

.ajax__tab_header:before, .tabs .ajax__tab_header:after {
    content: "";
    display: table;
}


.ajax__tab_default .ajax__tab_header {
    /*margin-left: 516px;*/

}

.padding-r-10 {
margin-right:20px !important;
}
.padding-r-0 {
margin-right:0px !important;
padding-right:0px !important;
}
.no-resize {
overflow:auto;
resize:none;
margin-right:10px !important;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: white;
}

.navbar-default .navbar-toggle {
    border-color:white;
    color:white;
}
 

.cont-datos td:focus {
outline-width:0px;
}


.btn_imprimir {
    background-image: url(images/icono-imprimir.png) !important;
    display: block;
    height: 32px;
    background-repeat: no-repeat;
    width: 33px;
}




/******ESTILOS DIALOGO ALERTA********/
.ui-widget {
text-transform:none !important;
}

.ui-widget-overlay {
    background: #000 !important;
    opacity: 0.5 !important;
    filter: Alpha(Opacity=50) !important;
}

.ui-front {
    z-index: 9999999 !important;
}

.ui-dialog {
    overflow: hidden !important;
    padding: .2em !important;
    outline: 0 !important;
    z-index: 9999999 !important;
    text-transform: initial !important;
}
/******ESTILOS DIALOGO ALERTA********/

body {
    margin: 0;
    padding: 0;
    border-top: 5px solid #25b3ad;
    font-family: 'Lato', sans-serif;
    
}

h1 {
    padding-top: 10px;
    padding: 0;
    font-family: 'Lato', sans-serif;
    font-size: 22px;
    color: #25b3ad;
    text-transform: uppercase;
    letter-spacing: 1px;
}

h2 {
    margin: 0;
    padding: 0;
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    color: #4d4d4d;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

h3 {
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    color: #25b3ad;
    text-transform: uppercase;
}

.alignLeft {
    text-align: left !important;
}

img {
    border: none;
}

.clear {
    margin: 0; 
    padding: 0;
    clear: both;
}

textarea:focus, input:focus, select:focus, .nav ul li a:focus {
    outline: 0;
}

.contenedor {
    margin-left:10%;
    margin-right:10%;
}



.contenedor-version {
    text-align: right;
}

    .contenedor-version span {
        font-family: 'Lato', sans-serif;
        font-size: 12px;
        color: #4d4d4d;
        text-transform: uppercase;
    }

.header {
    background: #90caf9;
    padding: 15px 0 15px 0;
    overflow-x:hidden;
}

.logo {
    float: left;
}

.usuario {
    float: right;
    margin: 35px 0 0 0;
}

    .usuario ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .usuario a {
        font-family: 'Lato', sans-serif;
        font-size: 12px;
        color: #fff;
        text-decoration: none;
        display: inline-block;
        padding-top: 6px;
    }

.icono-salir {
    padding-left: 10px;
    border-left: 1px solid #fff;
}

.img-cerrar {
    width: 19px;
    padding-top: 5px;
}

.flecha-abajo-usuario {
    width: 14px;
    padding-left: 3px;
}

/* Menu */
ul#menu li {
    float: left;
    margin-right: 15px;
}

ul [id^='menuNavigation'] li {
   width: 100%;
}

/* hide the submenu */
li ul.submenu {
    display: none;
}

.user {
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    display: block;
    margin-top: 4px;
    margin-bottom: 10px;
}

/* show the submenu */

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color:#1565c0;
}
ul#menu li:hover ul.submenu {
    display: block;
    position: absolute;
    width: 170px;

}

ul.submenu {
    float: none;
    border: 1px solid white;
    background:#1565c0;


}

    ul.submenu li a {
        font-family: 'Lato', sans-serif;
        color: #fff;
        display: block;
        padding: 7px 0 7px 7px;
        width: 163px;
        font-size: 12px;
        background:#368fce;
        text-decoration: none;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: white;
    }

        ul.submenu li a:hover {
            background-color: #1565c0;
                transition: background .25s ease-in-out;
                -moz-transition: background .25s ease-in-out;
                -webkit-transition: background .25s ease-in-out;
        }

.sub-2 {
    border: none !important;
}
/* fin estilos menu */
.border {
    padding: 0 15px 0 0;
    border-right: 1px solid #eee8db;
    margin-right: 7px !important;
}

.nav {
    background: #368fce;
}
    .nav ul li a :hover {
         transition: background .25s ease-in-out;
                -moz-transition: background .25s ease-in-out;
                -webkit-transition: background .25s ease-in-out;
                background: #0e66a5;
    }

    .nav ul {
        margin: 0;
        padding: 0;
        float: right;
        background: #368fce;
        margin-left: 0px !important;
    }

        .nav ul li {
            list-style: none;
            float: left;
            background: #368fce;
            /*width: 100%;*/
        }

            .nav ul li a {
                font-family: 'Lato', sans-serif;
                font-size: 13px;
                color: #fff;
                text-transform: uppercase;
                text-decoration: none;
                padding: 7px 15px;
                display: block;
                -webkit-transition: background 0.3s ease;
                -moz-transition: background 0.3s ease;
                -ms-transition: background 0.3s ease;
                -o-transition: background 0.3s ease;
                transition: background 0.3s ease;
            }

                .nav ul li a:hover {
                    background: #0e66a5;
                    cursor:pointer;
                    -webkit-transition: all 0.5s ease-in-out;
                    -o-transition: all 0.5 ease-in-out;
                    transition: all 0.5s ease-in-out;
                    border-radius: 15px 0px 15px 0px;
                    -moz-border-radius: 15px 0px 15px 0px;
                    -webkit-border-radius: 15px 0px 15px 0px;
                    border: 0px solid #000000;
                }
/* Estilos login */
.cont-login h1 {
    font-size: 22px;
    text-align: center;
    margin: 0;
    padding: 0;
    font-weight: 100;
   
}

.logo-login {
    margin: 0 0 20px 0;
}

.dominio {
    width: 289px;
    background: url(../img/flecha-dom.png) no-repeat 95% center #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #3a8f87;
    border: 1px solid #CCC;
    padding: 10px 0 10px 10px;
    margin: 15px 0 0 0;
    border-radius: 3px;
}

.usuario-login {
    width: 244px;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #3a8f87;
    border: none !important;
    padding: 10px 0 10px 10px;
    margin: 15px 0 10px 0;
    background-image: url(images/icono-usuario-login.png); /*cambiarlo*/
    background-repeat: no-repeat;
    background-position: 95% center;
    background-color: rgba(255,255,255,0.4);
    background: rgb(255,255,255);
    background: transparent\9;
    background: rgba(255,255,255,0.4);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33ffffff,endColorstr=#33ffffff);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33ffffff,endColorstr=#33ffffff);
    zoom: 1;
}

.usuario-dv {
    width: 33px;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #3a8f87;
    border: none !important;
    padding: 10px 0 10px 10px;
    margin: 15px 0 10px 0;
    background-repeat: no-repeat;
    background-position: 95% center;
    background-color: rgba(255,255,255,0.4);
    background: rgb(255,255,255);
    background: transparent\9;
    background: rgba(255,255,255,0.4);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33ffffff,endColorstr=#33ffffff);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33ffffff,endColorstr=#33ffffff);
    zoom: 1;
}

.pass {
    width: 289px;
    background: url(images/pass-icono-login.png) no-repeat 95% center #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #3a8f87;
    border: none !important;
    padding: 10px 0 10px 10px;
    background-repeat: no-repeat;
    background-position: 95% center;
    background-color: rgba(255,255,255,0.4);
    background: rgb(255,255,255);
    background: transparent\9;
    background: rgba(255,255,255,0.4);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33ffffff,endColorstr=#33ffffff);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33ffffff,endColorstr=#33ffffff);
    zoom: 1;
}

.login [type="submit"] {
    width: 300px;
    height: 35px;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #333333;
    text-transform: uppercase;
    letter-spacing: 3px;
    border: 1px solid #ffffff;
    background: none;
    border-radius: 3px;
    margin-top: 10px;
    -webkit-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    -ms-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
    transition: background 0.3s ease;
}

    .login [type="submit"]:hover {
        background: #3A8F87;
        color: #fff;
    }

::-webkit-input-placeholder {
    color: #3A8F87;
}

.cont-login p a {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: white;
    text-align: center;
    margin-top: 12px;
    text-decoration: none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

    .cont-login p a:hover {
        text-decoration: underline;
    }

.cont-login {
    margin: 0px auto;
    text-align: center;
    vertical-align: middle;
}

.bg-login {
   
    border-top: 4px solid #25b3ad;

    
}

.cont-login h1 {
    color: #fff;
    margin: 15px 0;
}
/* Fin estilos login */

.cont-sup {
    padding: 30px 0 5px 0;
    /*background-color: #fbfbfb;*/
    margin: 0 0 10px 0;
    height:400px;
}

hr {
    border: none !important;
    height: 1px;
    background: #E4E4E4;
    margin: 10px 0;
}

.barra-izq {
    width: 300px;
    float: left;
    margin: 0 20px 0 0;
    text-align: center;
}

.img-med {
    border: 7px solid #EBEBEB;
    border-radius: 100px;
    margin-bottom: 10px;
}

.barra-izq ul {
    width: 200px;
    margin: 20px auto;
    padding: 0;
    list-style: none;
}

    .barra-izq ul li {
        font-family: 'Lato', sans-serif;
        font-size: 14px;
        color: #4d4d4d;
        margin: 0 0 3px 0;
    }

.tx-strong {
    text-transform: uppercase;
}

.cont-datos {
    float: left;
}

.cont-full {
    width: 960px;
}

.cont-izquierda {
    width:50%;
    min-width:400px;

}

.cont-derecha {
    width:50%;
    min-width:400px;
}

.main-content {
margin-left:10%;
margin-right:10%;
}

.fs {
border: 1px solid #4db6ac !important;
padding-left:10px;
margin-right:10px;
font-size:11px;
padding-bottom:10px;
width:100%;
}

    .fs h3 {
    padding-left:10px;

    }
    .fs div {
    padding-left:10px !important;
    padding-right:10px !important;
    }

     .fs div h3{
    padding-left:10px !important;

    }

    .fs div div {
    padding-left:0px !important;

    }
    .fs div div div {
    padding-left:0px !important;
    padding-right:0px !important;
    }
    .fs table {
    padding-left:10px;
    padding-right:10px;
    }
.fs legend{
color:#4db6ac !important;
width: auto !important;
border-bottom: 0px !important;
}

.cont-datos td {
    /*background: #e6e6e6;*/
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    color: #292929;
    padding: 7px 0 7px 15px;
    border: none;
}

.cont-datos-2 td {
    width: 320px;
    background: #e6e6e6;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    color: #292929;
    padding: 7px 0 7px 15px;
    border: none;
}

.cont-datos-3 {
    float: left;
    margin-right: 20px;
}

    .cont-datos-3 td {
        background: #e6e6e6;
        font-family: 'Lato', sans-serif;
        font-size: 14px;
        color: #292929;
        padding: 7px 0 7px 15px;
        border: none;
    }

    .cont-datos-3 table {
        width: 100%;
        padding-bottom: 20px;
        padding-top: 10px;
    }

.gv_selected {
background-color:#3A8F87 !important;
}

.titulo-popup-clinica {
    margin-bottom: 10px;
}

.bg-tr td {
    background: none !important;
}

.bg-td, .bg-td td {
    background: none !important;
}

.td-align {
    text-align: right !important;
}

select {
    border: 1px solid #ccc;
    vertical-align: top;
}

input, select {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}


.select {
    height: 24px;
    background: transparent;
    border: 1px solid #4db6ac;
    width: 190px;
    margin: 0 10px 0 0;
    cursor: pointer;
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    color: #313131;
    padding: 3px 0 3px 7px;
}


    .select:focus {
        border: 1px solid #368fce;
    }

.input-text:focus {
    border: 1px solid #368fce;
}


input:disabled {
    background-color: #F9F9F9 !important;
}

input:read-only {
    background-color: #F9F9F9 !important;
}

.check-box {
    margin: 0 10px 0 0;
    padding: 1px 0 3px 10px;
}

.input-text {
    height: 24px;
    background: transparent;
    border: 1px solid #4db6ac;
    width: 190px;
    margin: 0 10px 0 0;
    /*cursor: pointer;*/
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    color: #313131;
    padding: 1px 0 3px 10px;
}

textarea {
    background: transparent;
    border: 1px solid #5A1D67;
    margin: 0 10px 0 0;
    /*cursor: pointer;*/
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    color: #313131;
    padding: 1px 0 3px 10px;
}


.input-radio {
    height: 24px;
    background: transparent;
    width: 190px;
    margin: 0 10px 0 0;
    /*cursor: pointer;*/
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    color: #313131;
    padding: 3px 0 3px 7px;
}


input.readonly[type="text"], input[readonly][type="text"],
input[readonly], textarea[readonly],
input.disabled[type="text"], input[disabled][type="text"] {
    background-color: #e6e6e6;
}

.RadioButtonList input[type=radio] {
    border: 1px solid #5A1D67;
}
/*Estilos calendario */
.calendario {
    width: 300px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    /* [disabled]border-left-style: solid;
*/
    border-right-color: #D7D7D7;
    border-bottom-color: #D7D7D7;
    border-left-color: #D7D7D7;
}

    .calendario td {
        font-family: 'Lato', sans-serif;
        font-size: 12px;
        color: #333333;
        text-align: center;
        height: 25px;
    }

.barra-dias {
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    color: #4db6ac;
    background: #f3ecdd;
    text-transform: uppercase;
    height: 30px;
    margin: 0 0 7px 0;
}
/* Mes calendario

.mes-calendario, .mes-calendario-2 {
	width: 300px;
	background: #4db6ac;
	text-align: center;
	font-family: 'Lato', sans-serif;
	font-size: 13px;
	color: #fff;
	text-transform: uppercase;
	padding: 8px 0;
}
.mes-calendario-2 
{
    background: #6e4f6e;
    width: inherit;
}

Fin Mes calendario */

/* Estilos tabla nueva Administrar Horario PopUp */

.ancho-tabla {
    width: 400px;
    padding-right: 20px;
}
/* Fin tabla PopUp */
.hora-disponible {
    background-color: #856885 !important;
    text-align: center;
    color: #fff !important;
    font-size: 12px important;
}

.datos-paciente {
    margin: 20px 0;
    width: 300px;
}

.barra-datos {
    background: #4db6ac;
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    color: #fff;
    text-transform: uppercase;
    padding: 8px 0 !important;
}

.cont-paciente {
    height: 85px;
    background: #f3ecdd;
}

.botones {
    margin-top: 30px;
    width: inherit;
}

.btn-1 a, .btn-nuevo a, .btn-5 a, .btn-6 a, .btn-11 a {
    width: 145px;
    float: left;
    text-align: center;
    margin: 0 5px 5px 0;
    display: block;
    padding: 9px 0;
    font-family: 'Lato', sans-serif;
    font-size: 11px;
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    background-color: #4db6ac;
}

    .btn-1 a:hover, .btn-nuevo a:hover, .btn-5 a:hover, .btn-6 a:hover {
        background-color: #3A8F87;
    }

    .btn-1 a:focus , .btn-nuevo a:focus, .btn-5 a:focus, .btn-6 a:focus {
        background-color: #3A8F87;
    }


.btn-2 input[type="submit"], .btn-3 input[type="submit"] {
    width: 145px;
    float: left;
    text-align: center;
    margin: 0 5px 5px 0;
    padding: 9px 0;
    font-family: 'Lato', sans-serif;
    font-size: 11px;
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    display: block;
    cursor: pointer;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    background-color: #4db6ac;
    border-width:0px;
}


.btn-2 input[type="submit"]:hover, .btn-3 input[type="submit"]:hover {
   background-color: #3A8F87;
}

.btn-2 input[type="submit"]:focus, .btn-3 input[type="submit"]:focus, .btn-buscar-mntndr:focus {
     background-color: #3A8F87;
}

.btn-buscar-mntndr:focus {
     background-color: #3A8F87;
     border: 1px solid #368fce  ;
}



.btn-2 a, .btn-3 a{
    width: 145px;
    float: left;
    text-align: center;
    margin: 0 5px 5px 0;
    padding: 9px 0;
    font-family: 'Lato', sans-serif;
    font-size: 11px;
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    display: block;
    cursor: pointer;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    background-color: #4db6ac;
    border-width:0px;
}

    .btn-2 a:hover {
        background-color: #3A8F87;
    }
/* Iconos botones */

.btn-1-bg a {
    background-image: url(images/btn-1-icono.png) !important;
    background-repeat: no-repeat;
    background-position: 13px 8px;
}


.btn-add-bg a {
    background-image: url(images/btn-add-bg.png) !important;
    background-repeat: no-repeat;
    background-position: 7px 8px;
}

.btn-update-bg a {
    background-image: url(images/btn-update-bg.png) !important;
    background-repeat: no-repeat;
    background-position: 13px 8px;
}

.btn-medicamento-bg a {
    background-image: url(images/btn-medicamento-bg.png) !important;
    background-repeat: no-repeat;
    background-position: 5px 8px;
}




.btn-nuevo-bg a {
    background-image: url(images/agregar-icono.png) !important;
    background-repeat: no-repeat;
    background-position: 13px 8px;
}

.btn-enviar-bg a {
    background-image: url(images/enviar-msg-icono-white.png) !important;
    background-repeat: no-repeat;
    background-position: 13px 8px;
}

.btn-2-bg a {
    background-image: url(images/btn-2-icono.png) !important;
    background-repeat: no-repeat;
    background-position: 13px 8px;
}

.btn-2-bg-rechazar a {
    background-image: url(images/rechazar-icono.png) !important;
    background-repeat: no-repeat;
    background-position: 13px 8px;
}

.btn-3-bg a {
    background-image: url(images/btn-3-icono.png) !important;
    background-repeat: no-repeat;
    background-position: 13px 8px;
}

.btn-4-bg a {
    background-image: url(images/btn-4-icono.png) !important;
    background-repeat: no-repeat;
    background-position: 13px 8px;
}

.btn-5-bg a {
    background-image: url(images/btn-5-icono.png) !important;
    background-repeat: no-repeat;
    background-position: 13px 8px;
}

.btn-6-bg a{
    background-image: url(images/btn-6-icono.png) !important;
    background-repeat: no-repeat;
    background-position: 13px 8px;
}

.btn-7-bg a {
    background-image: url(images/btn-7-icono.png) !important;
    background-repeat: no-repeat;
    background-position: 13px 8px;
}

.btn-11-bg a {
    background-image: url(images/btn-11-icono.png) !important;
    background-repeat: no-repeat;
    background-position: 13px 8px;
}
/* limpiar */
.btn-12-bg a {
    background-image: url(images/limpiar-icono.png) !important;
    background-repeat: no-repeat;
    background-position: 13px 8px;
}

.btn-13-bg a {
    background-image: url(images/lista-de-espera-icono.png) !important;
    background-repeat: no-repeat;
    background-position: 13px 8px;
}

.btn-14-bg a {
    background-image: url(images/icono-peso.png) !important;
    background-repeat: no-repeat;
    background-position: 13px 8px;
    width: 165px;
}

.btn-imprimir-bg a {
    background-image: url(images/btn-imprimir.png) !important;
    background-repeat: no-repeat;
    background-position: 13px 8px;
}

/* estilos Adm.horario */
.select-reserva {
    background: none !important;
    border: 1px solid #4db6ac;
    width: 200px;
    margin: 0 10px 0 15px;
    cursor: pointer;
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    color: #313131;
    padding: 3px 0 3px 7px;
}

.reserva table {
    width: 100%;
    background: #f3ecdd;
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    color: #333;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

.dato1 {
    width: 40px;
    height: 25px;
    padding: 5px 3px;
    border-right: 3px solid #fff;
    border-top: 3px solid #fff;
    color: #626262;
}

.borde-td {
    border-top: 3px solid #fff;
}

.datos-paciente table {
    width: 100%;
    height: 30px;
    background: #f3ecdd;
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    color: #626262;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

.datos-paciente span, .reserva span {
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    color: #1D1D1D;
}
/* Estilos footer */

.footer {
    background: #90caf9;
    position: static !important;
    overflow-x:hidden;
}

.logo-footer {
    width: 200px;
    float: left;
}
.ContenedorMain {
width:100%;
min-height:314px;
}
.mesa-ayuda {

}

    .mesa-ayuda h3 {
        font-family: 'Lato', sans-serif;
        font-size: 15px;
        color: #fff;
        font-style: italic;
        text-transform: uppercase;
        padding: 0;
        margin: 0 0 15px 0;
        letter-spacing: 0.5px;
    }

    .mesa-ayuda ul {
        list-style: none;
        color:white;
    }

        .mesa-ayuda ul li {
            border-right: 1px solid #fff;
            font-family: 'Lato', sans-serif;
            font-size: 13px;
            color: #fff;
            letter-spacing: 0.5px;
        }

.icono-footer {
    margin: 0 10px 0 0;
}

.border-none {
    border: none !important;
}

.barra-footer {
    background: #368fce;
    margin-top: 40px;
    padding: 10px 0;
    text-align: center;
}

    .barra-footer p {
        font-family: 'Lato', sans-serif;
        font-size: 12px;
        color: #fff;
        margin: 0;
        padding: 0;
    }

        .barra-footer p a {
            font-family: 'Lato', sans-serif;
            font-size: 12px;
            color: white;
            margin: 0;
            padding: 0;
            text-decoration: none;
        }

            .barra-footer p a:hover {
                text-decoration: underline;
            }

.cabecera-tabla th, .cabecera-tabla td {
    font-family: 'Lato', sans-serif;
    font-size: 11px;
    color: #fff;
    padding: 3px 3px 3px 3px;
    text-align: center;
    border: 1px solid #fff;
    background: #4db6ac;
    text-transform: uppercase;
    font-weight: normal;
}

.footer-tabla th, .footer-tabla td {
    font-family: 'Lato', sans-serif;
    font-size: 11px;
    color: #fff;
    padding: 8px 16px;
    border: 1px solid #fff;
    background: #4db6ac;
    text-transform: uppercase;
    font-weight: normal;
}


.cabecera-tabla-2 th, .cabecera-tabla-2 td {
    font-family: 'Lato', sans-serif;
    font-size: 11px;
    color: #fff;
    padding: 8px 16px;
    background: #4db6ac;
    text-transform: uppercase;
    font-weight: normal;
}

.tabla-result {
    background-color: White !important;
    width: 360px;
}

    .tabla-result td {
        font-size: 12px;
        color: #000;
        font-weight: normal;
        text-transform: capitalize !important;
    }


.subcabecera-tabla {
    background-color: #856885 !important;
    color: #FFFFFF !important;
    text-align: left;
    text-transform: uppercase;
    font-weight: normal;
    padding: 0px 2px 1px 1px !important;
}

    .subcabecera-tabla span {
        display: block;
        padding: 5px 0px 5px 5px;
        font-weight: bold;
    }

.empty-data {
    font-family: 'Lato', sans-serif !important;
    text-transform: none !important;
    font-weight: normal !important;
}




.cabecera-tabla th a, .cabecera-tabla th a:visited {
    font-family: 'Lato', sans-serif;
    font-size: 11px;
    color: #fff;
    text-decoration: none;
}

.alternate_row {
    background-color: #e6e6e6;
}

table.tabla-datos, table.tabla-datos {
    font-family: 'Lato', sans-serif;
    font-size: 11px;
    border: 1px solid #e6e6e6;
    margin-top: 5px;
}

.tabla-datos td {
    text-align: center;
    padding: 5px 0px;
}


.tabla-datos .sorting {
    background: url("images/sort_both.png") no-repeat center right;
    cursor: pointer;
    background-color: #4db6ac;
}

.tabla-datos .sorting_asc {
    background: url("images/sort_asc.png") no-repeat center right;
    cursor: pointer;
    background-color: #4db6ac;
}

.tabla-datos .sorting_desc {
    background: url("images/sort_desc.png") no-repeat center right;
    cursor: pointer;
    background-color: #4db6ac;
}


    .modalpopup .contenedor {
        width: inherit;
    }

        .modalpopup .contenedor .cont-datos table tr td {
            font-size: 12px !important;
            padding: 5px 0 5px 5px;
            width: inherit;
        }

        .modalpopup .contenedor table tr td {
            font-size: 12px !important;
            padding: 5px 0 5px 5px;
            width: inherit;
        }

.modalBackground {
    background-color: #000;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

legend {
    padding: 0 15px;
    text-transform: uppercase;
    font-size: 13px;
}

.closebutton {
    position: relative;
    float: right;
    top: -17px;
    left: 16px;
    width: 15px;
    height: 15px;
    cursor: pointer;
    background: url(images/cerrar.png) center center no-repeat;
}

.agenda-rango, span.atencion-registrar {
    text-align: center;
    display: block;
    padding: 5px 0px;
    text-decoration: none;
    color: #000000;
}

    .agenda-rango.horario, span.atencion-registrar {
        cursor: pointer;
        white-space: pre-line;
        /*width: 80px;*/
        text-align: center;
        padding: 0px 6px;
    }

    .agenda-rango.cupos {
        font-weight: bold;
    }

    .agenda-rango.horario:hover, span.atencion-registrar:hover {
        text-decoration: underline;
    }

.header-popup {
    padding: 5px;
    margin-bottom: 10px;
    border: 1px solid #e6e6e6;
}

/* boton */
.btn-agregar {
    background-color: #553E55;
    padding: 4px 7px;
    margin: 0 10px 0 0;
    float: right;
    /*float: left;*/
}

/* Campo*/
.campo-btn {
    width: 151px;
    float: right;
    /*margin: 0;
    float: left;
    width: 77%!important;*/
}

/*  Agregar esta clase a cada th de la tabla de la parte de abajo */
.recaudacion-tabla {
    padding: 10px 0;
}

.uppercase {
    text-transform: uppercase !important;
}

/* Mantenedor usuario */
.campo-rut {
    width: 110px;
    float: left;
    margin: 0 !important;
}
.digitador {
    width: 30px;
    float: left;
    margin-left: 10px;
}

.btn-buscar-mntndr {
    width: 24px;
    height: 24px;
    border: none;
    cursor: pointer;
    background: url(images/btn-buscar.jpg);
    background-position:center;
    background-repeat:no-repeat;
    background-size:26px;
}

/* Estilos para pestañas mantenedor usuario */
.ajax__tab_default .ajax__tab_tab {
    overflow: hidden !important;
    text-align: center !important;
    display: -moz-inline-box !important;
    display: inline-block !important;
    border: 1px solid #4db6ac !important;
    border-bottom: 0px solid #4db6ac !important;
    padding: 4px 18px !important;
    font-family: 'Lato', sans-serif !important;
    font-size: 11px !important;
    color: #4db6ac !important;
    font-weight: normal !important;
    text-transform: uppercase !important;
    margin: 0 -1px 15px 0 !important;
}



.ajax__tab_tab:hover {
    color: #fff !important;
    background: #4db6ac !important;
}

.Tab .ajax__tab_active .ajax__tab_tab {
    color: #FFFFFF !important;
    background: #4db6ac !important;
    outline: 0 !important;
    text-align: center !important;
    display: inline-block !important;
}


.TabFichaMedica .ajax__tab_active .ajax__tab_tab_ficha {
    color: #FFFFFF !important;
    background: #4db6ac !important;
    outline: 0 !important;
    text-align: center !important;
    display: inline-block !important;
}





.ajax__tab_default .ajax__tab_header {
    /*margin-left: 516px;*/
    margin-bottom: 25px;
  
}

/*Paginación */

tr.paginacion-grilla {
    background: #F3F3F3;
    /*border:1px solid #fff;*/
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    background: transparent;
    height:50px;
}

    tr.paginacion-grilla td {
        text-align: right;
    }

        tr.paginacion-grilla td table {
            display: inline-block;
        }

    tr.paginacion-grilla table tr td span {
        width: 20px;
        height: 20px;
        text-align: center;
        border: 1px solid #25B3AD;
        border-radius: 500px;
        margin: 0;
        padding: 4px 8px 4px 7px;
        text-decoration: none;
        color: #25B3AD;
        margin-right: 5px;
        background: #25B3AD;
        color: #fff;
    }

    tr.paginacion-grilla a {
        width: 20px;
        height: 20px;
        text-align: center;
        border: 1px solid #25B3AD;
        border-radius: 500px;
        margin: 0;
        padding: 4px 8px 4px 7px;
        text-decoration: none;
        color: #25B3AD;
        margin-right: 5px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

        tr.paginacion-grilla a:hover {
            background: #25B3AD;
            color: #fff;
        }

/* Paginacion 2 */

tr.paginacion-grilla-2 {
    background: #F3F3F3;
    /*border:1px solid #fff;*/
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    background: transparent;
}

    tr.paginacion-grilla-2 td {
        text-align: right;
    }

        tr.paginacion-grilla-2 td table {
            display: inline-block;
        }

    tr.paginacion-grilla-2 table tr td span {
        width: 20px;
        height: 20px;
        text-align: center;
        border: 1px solid #4db6ac;
        border-radius: 500px;
        margin: 0;
        padding: 4px 8px 4px 7px;
        text-decoration: none;
        color: #4db6ac;
        margin-right: 5px;
        background: #4db6ac;
        color: #fff;
    }

    tr.paginacion-grilla-2 a {
        width: 20px;
        height: 20px;
        text-align: center;
        border: 1px solid #4db6ac;
        border-radius: 500px;
        margin: 0;
        padding: 4px 8px 4px 7px;
        text-decoration: none;
        color: #4db6ac;
        margin-right: 5px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

        tr.paginacion-grilla-2 a:hover {
            background: #4db6ac;
            color: #fff;
        }
/*Fin Paginacion 2*/

/*Fin Paginacion */

div.cbl-container {
    height: 64px;
    overflow: auto;
    margin-right: 10px;
    border: 1px solid #4db6ac;
    width: 201px;
    display: inline-block;
    font-size: 12px !important;
    text-transform: lowercase !important;
    text-align: left;
}

.cbl-container input[type="checkbox"] {
    margin-left: 6px;
    margin-bottom: 5px;
}

div.cbl-container span.CheckBoxList {
    display: inline-block;
    border-width: 0px;
    text-align: left;
    padding-right: 33px;
}


.cursor_pointer {
    cursor: pointer;
    cursor: hand;
}
/*div.cbl-container span.CheckBoxList label {
    position: absolute;
    padding: 1px;
}*/

/* Tabla Bloqueo */

.tabla-bloqueo {
    width: 100%;
    background: rgb(243, 243, 243);
    font-size: 13px;
}

    .tabla-bloqueo td {
        padding: 7px 0px 7px 7px;
    }

/*Bg-none*/

.bg-white {
    background: #FFFFFF !important;
}

/*************************************MAX HEIGTH***************************************/
* html .max_height_20 {
    height: expression(this.scrollHeight >= 20 ? "20px" : this.scrollHeight <= 20 ? "20px" : "auto");
    max-height: 20px;
    max-height: none;\9
}

.max_height_20 {
    max-height: 20px;
    overflow: hidden;
}
* html .max_height_150 {
    height: expression(this.scrollHeight >= 150 ? "150px" : this.scrollHeight <= 150 ? "150px" : "auto");
    max-height: 150px;
    max-height: none;\9
}

.max_height_150 {
    max-height: 150px;
    overflow: hidden;
}


* html .max_height_200 {
    height: expression(this.scrollHeight >= 200 ? "200px" : this.scrollHeight <= 200 ? "200px" : "auto");
    max-height: 200px;
    max-height: none;\9
}

.max_height_200 {
    max-height: 200px;
    overflow: hidden;
}


* html .max_height_250 {
    height: expression(this.scrollHeight >= 250 ? "250px" : this.scrollHeight <= 250 ? "250px" : "auto");
    max-height: 250px;
    max-height: none;\9
}

.max_height_250 {
    max-height: 250px;
    overflow: hidden;
}

* html .max_height_300 {
    height: expression(this.scrollHeight >= 300 ? "300px" : this.scrollHeight <= 300 ? "300px" : "auto");
    max-height: 300px;
    max-height: none;\9
}

.max_height_300 {
    max-height: 300px;
    overflow: hidden;
}

* html .max_height_400 {
    height: expression(this.scrollHeight >= 400 ? "400px" : this.scrollHeight <= 400 ? "400px" : "auto");
    max-height: 400px;
    max-height: none;\9
}

.max_height_400 {
    max-height: 400px;
    overflow: hidden;
}

* html .max_height_450 {
    height: expression(this.scrollHeight >= 450 ? "450px" : this.scrollHeight <= 450 ? "450px" : "auto");
    max-height: 450px;
    max-height: none;\9
}

.max_height_450 {
    max-height: 450px;
    overflow: hidden;
}

* html .max_height_500 {
    height: expression(this.scrollHeight >= 500 ? "500px" : this.scrollHeight <= 500 ? "500px" : "auto");
    max-height: 500px;
    max-height: none;\9
}

.max_height_500 {
    max-height: 500px;
    overflow: hidden;
}

* html .max_height_600 {
    height: expression(this.scrollHeight >= 600 ? "600px" : this.scrollHeight <= 600 ? "600px" : "auto");
    max-height: 600px;
    max-height: none;\9
}

.max_height_600 {
    max-height: 600px;
    overflow: hidden;
}

* html .max_height_700 {
    height: expression(this.scrollHeight >= 700 ? "700px" : this.scrollHeight <= 700 ? "700px" : "auto");
    max-height: 700px;
    max-height: none;\9
}

.max_height_700 {
    max-height: 700px;
    overflow: hidden;
}


* html .max_height_800 {
    height: expression(this.scrollHeight >= 800 ? "800px" : this.scrollHeight <= 800 ? "800px" : "auto");
    max-height: 800px;
    max-height: none;\9
}

.max_height_800 {
    max-height: 800px;
    overflow: hidden;
}

* html .max_height_900 {
    height: expression(this.scrollHeight >= 900 ? "900px" : this.scrollHeight <= 900 ? "900px" : "auto");
    max-height: 900px;
    max-height: none;\9
}

.max_height_900 {
    max-height: 900px;
    overflow: hidden;
}
/*************************************MIN HEIGTH***************************************/
* html .min_height_200 {
    height: expression(this.scrollHeight <= 200 ? "200px" : this.scrollHeight >= 200 ? "200px" : "auto");
    min-height: 200px;
    min-height: none;\9
}

.min_height_200 {
    min-height: 200px;
}

* html .min_height_300 {
    height: expression(this.scrollHeight <= 300 ? "300px" : this.scrollHeight >= 300 ? "300px" : "auto");
    min-height: 300px;
    min-height: none;\9
}

.min_height_300 {
    min-height: 300px;
}


* html .min_height_400 {
    height: expression(this.scrollHeight <= 400 ? "400px" : this.scrollHeight >= 400 ? "400px" : "auto");
    min-height: 400px;
    min-height: none;\9
}

.min_height_400 {
    min-height: 400px;
}


* html .min_height_500 {
    height: expression(this.scrollHeight <= 500 ? "500px" : this.scrollHeight >= 500 ? "500px" : "auto");
    min-height: 500px;
    min-height: none;\9
}

.min_height_500 {
    min-height: 500px;
}

* html .min_height_550 {
    height: expression(this.scrollHeight <= 550 ? "550px" : this.scrollHeight >= 550 ? "550px" : "auto");
    min-height: 550px;
    min-height: none;\9
}

.min_height_550 {
    min-height: 550px;
}

* html .min_height_600 {
    height: expression(this.scrollHeight <= 600 ? "600px" : this.scrollHeight >= 600 ? "600px" : "auto");
    min-height: 600px;
    min-height: none;\9
}

.min_height_600 {
    min-height: 600px;
}

* html .min_height_650 {
    height: expression(this.scrollHeight <= 650 ? "650px" : this.scrollHeight >= 650 ? "650px" : "auto");
    min-height: 650px;
    min-height: none;\9
}

.min_height_650 {
    min-height: 6650px00px;
}

* html .min_height_700 {
    height: expression(this.scrollHeight <= 700 ? "700px" : this.scrollHeight >= 700 ? "700px" : "auto");
    min-height: 700px;
    min-height: none;\9
}

.min_height_700 {
    min-height: 700px;
    /*overflow: hidden;*/
}


* html .min_height_800 {
    height: expression(this.scrollHeight <= 800 ? "800px" : this.scrollHeight >= 800 ? "800px" : "auto");
    min-height: 700px;
    min-height: none;\9
}

.min_height_800 {
    min-height: 200px;
}

* html .min_height_900 {
    height: expression(this.scrollHeight <= 900 ? "900px" : this.scrollHeight >= 900 ? "900px" : "auto");
    min-height: 900px;
    min-height: none;\9
}

.min_height_800 {
    min-height: 200px;
}

/******************************************************************************************/
.overflow-y {
    overflow-y: auto;
}

.overflow-x {
    overflow-x: auto;
}

.max_width_400 {
    max-width: 400px;
    max-width: none\9;
    width: expression(document.body.clientWidth < 400? "400px" : document.body.clientWidth > 400? "400px" : "auto");
}

.max_width_350 {
    max-width: 350px;
    width: expression(document.body.clientWidth < 350? "350px" : document.body.clientWidth > 350? "350px" : "auto");
}

.max_width_300 {
    max-width: 300px;
    width: expression(document.body.clientWidth < 300? "300px" : document.body.clientWidth > 300? "300px" : "auto");
}




* html .min_width_200 {
    height: expression(document.body.clientWidth <= 200 ? "200px" : document.body.clientWidth >= 200 ? "200px" : "auto");
    min-height: 200px !important;
    min-height: none;\9
}

.min_width_200 {
    min-height: 200px !important;
}

* html .min_width_250 {
    height: expression(document.body.clientWidth <= 250 ? "250px" : document.body.clientWidth >= 250 ? "250px" : "auto");
    min-height: 250px !important;
    min-height: none;\9
}

.min_width_250 {
    min-height: 250px !important;
}

/*** Acordion ***/
.accordion {
}

.accordionHeader {
    border: 1px solid #aaa9a9;
    color: #2a213c;
    background-color: #dfdfdf;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    text-align: right;
}

.row_selected
{
    background-color: #22c6b6 !important; 
    color: #FFF !important;
    }

.row_selected .input-text
{
    border-color:white !important;
    color:white !important;
    }

.row_selected .input-text:hover
{
    border-color:white !important;
    color:white !important;
    }


.accordionHeaderSelected {
    border: 1px solid #aaa9a9;
    color: #2a213c;
    background-color: #dfdfdf;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    text-align: right;
}

.accordionContent {
    background-color: white;
    border: 1px solid #aaa9a9;
    border-top: none;
    height: 450px;
}

.accordionContent_edit {
    background-color: white;
    border: 1px solid #aaa9a9;
    border-top: none;
    height: 200px;
    overflow: auto;
}




.listItem {
    background-color: white;
    padding: 1px;
}

.highlightedListItem {
    background-color: #c3ebf9;
    padding: 1px;
}

.loading {
    background-image: url('../images/icons/cargando.gif');
    background-position: right;
    background-repeat: no-repeat;
}

.Highlighted a {
    color: #C91818 !important;
    font-weight: bold !important;
}

.Highlighted_Grey a {
    color: #DEDEDE !important;
    font-weight: bold !important;
}

.modalOlvidoBackground {
    background: url(images/bg-login.jpg) center top fixed !important;
    border: none !important;
    text-align: center;
}

    .modalOlvidoBackground h1 {
        color: #fff;
        margin: 15px 0;
        font-weight: normal;
    }

.modalOlvidopopup {
    padding: 25px;
    background: url(images/bg-login.jpg) center top fixed !important;
    font-family: 'Lato', sans-serif;
}

    .modalOlvidopopup .contenedor {
        width: inherit;
    }

        .modalOlvidopopup .contenedor .cont-datos table tr td {
            font-size: 12px !important;
            padding: 5px 0 5px 5px;
            width: inherit;
        }
/*-----------------------------------------------*/
.MsjError {
    color: Red;
    font-size: 14px;
    margin-top: 15px;
}

.truncated {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 150px;
    display: inline-block;
}

.truncated_span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

.truncated_span_ex {
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;

}

.truncated_200 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 200px;
}

.truncated_300 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 300px;
}

.truncated_400 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 400px;
}

.truncated_500 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 500px;
}

.gridview td {
    background-color: #ffffff;
    text-align:center;
}

.gridview .alternate_row td {
    background: #e6e6e6 ;
}

.nota {
    font-size: 14px !important;
    color: #656464;
}

.image-popup-clinica {
    width: 100px;
    height: auto;
    float: left;
    margin-right: 20px;
    margin-top: 7px;
}

.codigo-fonasa {
    width: 40px !important;
    margin: 15px !important;
}

.align-td td {
    text-align: left !important;
}

.tx-link {
    text-decoration: none;
    color: #4db6ac;
    font-size: 12px;
}

td.column_style_left {
    border-left: 1px solid black;
}

td.column_style_right {
    border-right: 1px solid black;
}

td.column_style {
    border: 1px solid black !important;
}

.lista-prestacion tr td label {
    float: right;
    width: 14em;
    cursor: pointer;
}

/*
@media screen and (min-width: 480px) and (max-width: 768px)
{
    .panel_modal
    {
        height: 300px; 
        overflow-y: auto; 
        overflow-x: auto;
        width: 600px;
    }  
}*/

@media screen and (min-width: 768px) and (max-width: 1025px) {

    .panel_modal {
        height: 450px;
        overflow-y: auto;
        overflow-x: auto;
        width: 900px;
    }
}

@media screen and (min-width: 1025px) {
    .panel_modal {
        height: 480px;
        overflow-y: auto;
        overflow-x: hidden;
        width: 1100px;
    }
}

.panel_modal {
    height: 450px \9;
    overflow-y: auto \9;
    overflow-x: auto \9;
    width: 900px \9;
}

.modalpopup .horario {
    width: 100%;
    padding: 7px 0;
    text-align: center;
    background: #f2f2f2;
    margin: 15px 0 30px 0;
    border-radius: 2px 2px 2px 2px;
    font-size: 15px !important;
    color: #553E55 !important;
    text-shadow: 0 1px #553E55 !important;
}

/* Tabla modal confirmacion */

.modalpopup .contenedor .tabla-confirmacion {
    width: 90%;
    margin: 0 auto 0 auto;
}

    .modalpopup .contenedor .tabla-confirmacion td {
        font-family: 'Open Sans', sans-serif;
        font-size: 13px;
        color: #757575;
        text-transform: lowercase;
        text-decoration: none;
        padding: 12px 0 !important;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #D6D6D6;
        background: none !important;
    }

        .modalpopup .contenedor .tabla-confirmacion td:first-letter {
            text-transform: uppercase;
        }

/* COLORES ESTADOS RESERVAS */
tr.confirmada td:first-child {
    /*background-color: #39a1cc;
    color: #000;*/
    background-image: url(images/icono-confirmado.png);
    background-repeat: no-repeat;
    background-position: center;
}

tr.sinconfirmar td:first-child {
    /*background-color: #dddddd;
    color: #fff;*/
    background-image: url(images/icono-reservado.png);
    background-repeat: no-repeat;
    background-position: center;
}

tr.novigente td:first-child {
    /*background-color: #8c8c8c;
    color: #fff;*/
}

tr.reagendar td:first-child {
    /*background-color:  #e19b22;
    color: #000;*/
}

tr.enatencion td:first-child {
    /*background-color:  #fffb8c;
    color: #000;*/
    background-image: url(images/icono-recibido.png);
    background-repeat: no-repeat;
    background-position: center;
}

tr.atendida td:first-child {
    /*background-color: #049789;
    color: #000;*/
    background-image: url(images/icono-atendido.png);
    background-repeat: no-repeat;
    background-position: center;
}

tr.problemapago td:first-child {
    /*background-color:  #a70b0b;
    color: #fff;*/
}



/*******************************************FICHA MEDICA*********************************************/
/****************************************************************************************************/
/****************************************************************************************************/
/****************************************************************************************************/
.fm_cont-full {
    /* width: 1134px;*/
    margin-left: 1%;
}

.fm_tab_left {
    width: 400px !important;
}

.fm_tab_right {
    width: 734px !important;
 

}

/*****************************************EXAMEN FISICO GENERAL******************************************/

/*******ITEM SMALL****************/
.ficha_item_small_s_obs {
    width: 275px;
    float: left;
    margin: 1px 5px 1px 0px;
}

    .ficha_item_small_s_obs .item_span {
        width: 140px !important;
        float: left;
    }

    .ficha_item_small_s_obs .item_valor {
        width: 135px !important;
        float: left;
    }

        .ficha_item_small_s_obs .item_valor .input-text {
            width: 70px;
            float: left;
        }

        .ficha_item_small_s_obs .item_valor span {
            float: left;
        }


.ficha_item_small_c_obs {
    width: 602px;
    float: left;
    margin: 1px 5px 1px 0px;
}

    .ficha_item_small_c_obs .item_span {
        width: 140px !important;
        float: left;
    }

    .ficha_item_small_c_obs .item_valor {
        width: 140px !important;
        float: left;
    }

        .ficha_item_small_c_obs .item_valor .input-text {
            width: 70px;
            float: left;
        }

    .ficha_item_small_c_obs .item_observacion .input-text {
        width: 150px;
        float: left;
    }



/************ITEM MEDIUM************/

.ficha_item_medium_s_obs {
    width: 275px;
    float: left;
    margin: 1px 5px 1px 0px;
}

    .ficha_item_medium_s_obs .item_span {
        width: 140px !important;
        float: left;
    }

    .ficha_item_medium_s_obs .item_valor {
        width: 135px !important;
        float: left;
    }

        .ficha_item_medium_s_obs .item_valor .input-text {
            width: 90px;
            float: left;
        }

        .ficha_item_medium_s_obs .item_valor span {
            float: left;
        }


.ficha_item_medium_c_obs {
    width: 607px;
    float: left;
    margin: 1px 5px 1px 0px;
}

    .ficha_item_medium_c_obs .item_span {
        width: 140px !important;
        float: left;
    }

    .ficha_item_medium_c_obs .item_valor {
        width: 140px !important;
        float: left;
    }

        .ficha_item_medium_c_obs .item_valor .input-text {
            width: 90px;
            float: left;
        }

    .ficha_item_medium_c_obs .item_observacion .input-text {
        width: 150px;
        float: left;
    }

/**************TEXTO FULL*********************/

.ficha_item_texto_full {
    width: 100%;
    float: left;
    margin: 1px 5px 1px 0px;
}

    .ficha_item_texto_full .item_span {
        width: 140px !important;
        float: left;
    }

    .ficha_item_texto_full .item_valor {
        width: 100%;
        padding-right:10px;
      

    }

        .ficha_item_texto_full .item_valor .input-text {
            width: 100%;


        }

        .ficha_item_texto_full .item_valor span {

        }


/*****************************************EXAMEN FISICO SEGMENTARIO******************************************/

/*******ITEM SMALL****************/
.ficha_item_seg_small_s_obs {
    width: 295px;
    float: left;
    margin: 1px 5px 1px 0px;
}

    .ficha_item_seg_small_s_obs .item_span {
        width: 140px !important;
        float: left;
    }

    .ficha_item_seg_small_s_obs .item_valor {
        width: 135px !important;
        float: left;
    }

        .ficha_item_seg_small_s_obs .item_valor .input-text {
            width: 70px;
            float: left;
        }

        .ficha_item_seg_small_s_obs .item_valor span {
            float: left;
        }

    .ficha_item_seg_small_s_obs .item_btn {
        width: 20px;
        float: left;
    }
/****/

.ficha_item_seg_small_c_obs {
    width: 622px;
    float: left;
    margin: 1px 5px 1px 0px;
}

    .ficha_item_seg_small_c_obs .item_span {
        width: 140px !important;
        float: left;
    }

    .ficha_item_seg_small_c_obs .item_valor {
        width: 140px !important;
        float: left;
    }

        .ficha_item_seg_small_c_obs .item_valor .input-text {
            width: 70px;
            float: left;
        }

    .ficha_item_seg_small_c_obs .item_observacion .input-text {
        width: 150px;
        float: left;
    }

    .ficha_item_seg_small_c_obs .item_btn {
        width: 20px;
        float: left;
    }

/************ITEM MEDIUM************/

.ficha_item_seg_medium_s_obs {
    width: 300px;
    float: left;
    margin: 1px 5px 1px 0px;
}

    .ficha_item_seg_medium_s_obs .item_span {
        width: 140px !important;
        float: left;
    }

    .ficha_item_seg_medium_s_obs .item_valor {
        width: 140px !important;
        float: left;
    }

        .ficha_item_seg_medium_s_obs .item_valor .input-text {
            width: 90px;
            float: left;
        }

        .ficha_item_seg_medium_s_obs .item_valor span {
            float: left;
        }

    .ficha_item_seg_medium_s_obs .item_btn {
        width: 20px;
        float: left;
    }
/**/

.ficha_item_seg_medium_c_obs {
    width: 627px;
    float: left;
    margin: 1px 5px 1px 0px;
}

    .ficha_item_seg_medium_c_obs .item_span {
        width: 140px !important;
        float: left;
    }

    .ficha_item_seg_medium_c_obs .item_valor {
        width: 140px !important;
        float: left;
    }

        .ficha_item_seg_medium_c_obs .item_valor .input-text {
            width: 90px;
            float: left;
        }

    .ficha_item_seg_medium_c_obs .item_observacion .input-text {
        width: 150px;
        float: left;
    }

.ficha_item_seg_medium_s_obs .item_btn {
    width: 20px;
    float: left;
}

/**************TEXTO FULL*********************/

.ficha_item_seg_texto_full {
    width: 627px;
    float: left;
    margin: 1px 5px 1px 0px;
}

    .ficha_item_seg_texto_full .item_span {
        width: 140px !important;
        float: left;
    }

    .ficha_item_seg_texto_full .item_valor {
        width: 440px !important;
        float: left;
    }

        .ficha_item_seg_texto_full .item_valor .input-text {
            width: 390px;
            float: left;
        }

        .ficha_item_seg_texto_full .item_valor span {
            float: left;
        }

    .ficha_item_seg_texto_full .item_btn {
        width: 20px;
        float: left;
    }

/************ITEM EXAMEN************/

.examen_item_s_obs {
    width: 300px;
    float: left;
    margin: 1px 0px 1px 0px;
}

    .examen_item_s_obs .item_span {
        width: 235px !important;
        float: left;
    }

    .examen_item_s_obs .item_valor {
        width: 65px !important;
        float: left;
    }

        .examen_item_s_obs .item_valor .input-text {
            width: 90px;
            float: left;
        }

        .examen_item_s_obs .item_valor span {
            float: left;
        }

.examen_item_titulo {
    width: 650px;
    float: left;
    margin: 5px 5px 5px 0px;
    border-top: 1px solid black;
}

.examen_item_c_obs {
    width: 622px;
    float: left;
    margin: 1px 5px 1px 0px;
}

    .examen_item_c_obs .item_span {
        width: 235px !important;
        float: left;
    }

    .examen_item_c_obs .item_valor {
        width: 65px !important;
        float: left;
    }

        .examen_item_c_obs .item_valor .input-text {
            width: 90px;
            float: left;
        }

    .examen_item_c_obs .item_observacion .input-text {
        width: 150px;
        float: left;
    }


/*********** BORRAR ESTOS***********/
/*
.ficha_item_large
{    
width: 602px;      
    }


.ficha_item_small
{
    float:left;
    }


.tipo_numerico
{
    float:left;
    width: 300px;      
    margin: 1px 1px 1px 1px;
    }
    
.tipo_numerico .item_descripcion
{
    width: 140px !important;  
    float:left;
    }
    
.tipo_numerico .item_valor
{
    width: 130px !important;  
    float:left;    
    }

.tipo_numerico .item_valor .input-text
{
    width: 70px;    
}      

.tipo_lista_small
{
    float:left;
    width: 300px;      
    margin: 1px 1px 1px 1px;
    }  
.tipo_lista_small .item_descripcion
{
    width: 140px !important;  
    float:left;
    }
.tipo_lista_small .item_valor
{
    width: 130px !important;  
    float:left;    
    }    

.tipo_lista_small .item_descripcion_cf2
{
    width: 230px !important;  
    float:left;
    }
.tipo_lista_small .item_valor_cf2
{
    width: 70px !important;  
    float:left;    
    }     
    
.tipo_lista_small .item_valor .input-text
{
    width: 70px;    
}     

.tipo_texto_full
{
    float:left;
    width: 602px;      
    margin: 1px 1px 1px 1px;
    }  
.tipo_texto_full .item_descripcion
{
    width: 140px !important;  
    float:left;
    }
.tipo_texto_full .item_valor
{
    width: 372px !important;  
    float:left;    
    }    
    
.tipo_texto_full .item_valor .input-text
{
    width: 372px !important;  
}    

*/
/**********************/
.tipo_lista_observacion {
    float: left;
    width: 602px;
    margin: 1px 1px 1px 1px;
}

    .tipo_lista_observacion .item_descripcion {
        width: 140px !important;
        float: left;
    }

    .tipo_lista_observacion .item_valor {
        width: 130px !important;
        float: left;
    }

        .tipo_lista_observacion .item_valor .input-text {
            width: 90px;
        }

    .tipo_lista_observacion .item_observacion .input-text {
        width: 130px;
    }
/************BORRAR HASTA AQUI**********/

.ficha_medica input[type="text"] .input-text {
    width: 170px !important;
}

.ficha_medica select .select {
    width: 170px !important;
}

.align_center {
    text-align: center !important;
}

.align_left {
    text-align: left !important;
}

.align_top {
    vertical-align: top !important;
}

.tabla_contenido td {
    /*background-color: #F3F3F3;*/
    padding: 0px 0 0px 0px;
    border: none;
}

.tabla_contenido td {
    font-size: 12px;
    color: #000;
    font-weight: normal;
    text-transform: capitalize !important;
}

.tabla_normal {
}

    .tabla_normal tr {
    }


    .tabla_normal td {
        background-color: White;
    }

/*    
@media screen and (max-width: 480px)
{
}

@media screen and (min-width: 480px) and (max-width: 768px)
{
}

@media screen and (min-width: 768px) and (max-width: 1024px)
{
}
@media screen and (min-width: 1024px)
{
}
*/

.position-clinica {
    position: absolute;
    right: -169px;
    top: 22px;
}

    .position-clinica td {
        width: 150px;
        font-family: 'Lato', sans-serif;
        font-size: 14px;
        color: #292929;
        padding: 7px 0 7px 15px;
        border: none;
    }



    
/***************************************************************/
/*ESTILOS DE AUTOCOMPLETAR*/
.row_selected  
{
    background-color: #707294 !important; 
    color: #FFF !important;
    }

.ui-autocomplete 
{
    text-align: left;         
    cursor: default !important;
    border: solid 1px #444444 !important;
    margin: 0px !important;
    padding: 2px !important;
    overflow: auto !important;
    overflow-y: auto !important;
    background-color: #FFFFFF;

    font-family: "Lato",sans-serif !important;
    font-size: 12px !important;

    cursor: default !important;
    border: solid 1px #444444;
    margin: 0px !important;
    padding: 2px !important;        
    /*width: 600px !important;*/
    height: 200px !important;
    max-height: 450px !important;
}

* html .ui-autocomplete {
    width: expression(this.scrollHeight >= 600 ? "600px" : this.scrollWidth <= 600 ? "600px" : "auto");
    max-width: 600px;
    max-width: none;\9

}

.ui-autocomplete {
    max-width: 600px;    
}




.ui-menu .ui-menu-item a{
    padding:0;
    margin:0;
    display:block;
    border:0;
    border-collapse:collapse;
    white-space: pre-line;
}

.ui-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;
    padding: 4px 0;
    margin: 0 0 10px 25px;
    list-style: none;
    background-color: #ffffff;
    border-color: #ccc;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: none !important;
    -moz-border-radius: none !important;
    border-radius: 0px 0px !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    font-size: 12px;
}

/***************************************************************/

.ui-menu-item > a.ui-corner-all {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #555555;
    white-space: nowrap;
    text-decoration: none;
    font-size: 12px;
}

.ui-state-hover, .ui-state-active {
    color: #ffffff;
    text-decoration: none;
    background-color: #0088cc;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    background-image: none;
}

.toggle-light .toggle-on, .toggle-light .toggle-select .toggle-inner .active {
    background-color: #4db6ac !important;
}


.ajusteadolfo{
    background: rgba(255, 255, 255, 0.3); border-radius: 3px 3px 3px 3px;
        padding: 20px 0 10px 0; width: 400px; margin: 0 auto;}

/************************PRINTING********************************/

.reporte_impresion td div, .reporte_impresion td div span {
    color: Black !important;
}

.reporte_impresion td {
    border-color: Black !important;
}

.reporte_impresion {
    overflow: visible;
    overflow-x: visible;
    overflow-y: visible;
    margin: 0px 0px 0px 0px !important;
}

    .reporte_impresion table {
    }




/*******************REPORTES*********************************/

.informesDIV {
    width: auto;
    max-height: 600px;
    overflow: auto !important;
}


/*AUTOCOMPLETAR ESTILOS*/

/*AutoComplete flyout */


.listItem {
    color: #1C1C1C;
}

.itemHighlighted {
    background-color: #ffc0c0;
}

.autocompleteLista {
    cursor: default;
    border: solid 1px #444444;
    margin: 0px;
    padding: 2px;
    height: 100px;
    overflow-y: auto;
    background-color: #FFFFFF;
    /*
        visibility : hidden;
        margin : 0px!important;
        background-color : White;
        color : windowtext;
        border : buttonshadow;
        border-width : 1px;
        border-style : solid;
        cursor : 'default';
        overflow : visible;
        height : 300px;
        text-align : left;
        list-style-type : none;*/
}

/**************************************/
.contenedorAutocomplete {
    background-color: #FFF;
    overflow: auto;
    text-align: left;
    width: 370px !important;
    font-family: "Lato",sans-serif !important;
    font-size: 12px !important;
}


.autocompleteItem {
    color: #484848;
}

.autocompleteItemSel {
    background-color: #CCCCCC;
    color: #484848;
}

/****LINE BREAK PARA HTML**********/
.white-space-pre {
    white-space: pre-wrap;
}


.autoCompleteModal {
    /*width: 400px !important;*/
    height: 200px !important;
    max-height: 300px !important;
    position: fixed !important;
    /*top: 0px !important;
    left: 0px !important;*/
}

.modalpopup {
    padding: 25px;
    background: white;
    font-family: 'Lato', sans-serif;
    max-height:80%;
    overflow-y:auto;
    overflow-x:hidden;

}

.float_right
{
    float:right !important;
    }


#menuNavigation a.popout {
    background-image:none !important;
}

@media (max-width: 768px) {
        .cont-sup{ height:400px; }
       
        
        .usuario a{ color: white; text-decoration: none; display: inline-block; padding-top: 6px; font-size:small;}
        #menuNavigation a.popout{font-size:12px}
        .nav ul li a:hover{background:#0e66a5;}
        h1 {
            text-align:center;
        }
    
        }
       



@media (max-width: 768px) {
     
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: white;width:100%;
    }
    .contenedor {
         margin-left:10px !important;
         margin-right:10px !important;
    }
    .nav ul li {
        width:100%
    }
    .navbar-collapse.in {
    overflow-y:initial;
    }

}

.nopaddingright {
padding-right:0px !important;
margin-right:0 !important;
}





.dropdown-menu {
    color: white !important;
}

.navbar-default .navbar-nav > li > a {
    color: white !important;
}

.navbar {
min-height:0px;
}
@media (max-width: 1100px) {
    .cont-login-inner {
        width:100% !important;
    }
    html {
        /*zoom: 120%;*/
    }

}



@media (max-width: 1000px) {
    .cont-datos {width:100%;}
    .cont-derecha { min-width: 367px;}
    .cont-izquierda { min-width: 367px;}
}


.ajax__scroll_none {
overflow: initial !important;
}


.margin-0 {
margin-left:0px auto;
margin-right: 0px auto;
}

.pager-grid {
    font-size:15px;
    color:lightgray !important;
    text-align:right;
    padding-left:10px;
}

.ajax__scroll_horiz {
    overflow-x:hidden !important;
}

.pager-grid a{
    font-size:15px;
    color:#25b3ad !important;
    padding-left:5px;
    padding-right:5px;
    float:right;
}

.pager-grid span{

    padding-left:5px;
    padding-right:5px;
}

.pager-grid td table
{
    float: right;
    margin-right: 10px;
}