body, input, button, select, textarea {
    font-family: "Segoe UI", "Open Sans", Tahoma;
}

h1 {
    font-family: "Segoe UI Light", "Segoe UI", "Open Sans", Tahoma;
}

header, footer, nav, section {
    display: block;
}

/* Styles for basic forms
-----------------------------------------------------------*/
legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea {
    min-height: 75px;
}

.editor-label {
    margin: 1em 0 0 0;
}

.editor-field {
    margin: 0.5em 0 0 0;
}

.pagina-independiente {
    margin: 15px;
    background-color: #ffffff !important;
}

.empresa-paciente-banner {
    margin-top: 0;
}

.cuadro-alergias {
    max-width: 700px;
    overflow-x: scroll;
}

.contenedor-impresion {
    display: block;
    padding: 15px;
    /*border-style: solid;
    border-width: 1px;
    border-color: #333333;*/
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 960px;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #f00;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #f00 !important;
    background-color: #fee !important;
}

.validation-summary-errors {
    color: #f00;
}

.validation-summary-valid {
    display: none;
}

/* Colores de fondo 
-----------------------------------------------------------*/

.fondo1 {
    background-color: goldenrod;
}

.fondo2 {
    background-color: yellowgreen;
}

.fondo3 {
    background-color: darkorange;
}

.fondo4 {
    background-color: darkred;
}

.fondo5 {
    background-color: orchid;
}

.fondo6 {
    background-color: navy;
}

.fondo7 {
    background-color: dodgerblue;
}

.fondo8 {
    background-color: navy;
}

.fondo9 {
    background-color: lightcoral;
}

.fondo0 {
    background-color: green;
}
.fondoPendiente {
    background-color: #a8d7f9;
    color:black;
}
.fondoAtendida {
    background-color: #b1c4dc;
    color: black;
}
.fondoAdmitida {
    background-color: #ffff00;
    color: black;
}
.fondoEnProceso {
    background-color: lightslategrey;
    color: black;
}
.fondoNoAsistida {
    background-color: #ffc082;
    color: black;
}
.fondoConfirmada {
    background-color: #ffc1e0;
    color: black;
}

/* Clases adicionales
-----------------------------------------------------------*/
.agenda table tr td {
    height: 35px;
}

.input-ancho {
    width: 95%;
}

.input-fecha {
    width: 192px !important;
}

.requerido {
    font-weight: bold !important;
}

div.solo-lectura {
    margin-top: 5px;
}

.check-box {
    -ms-opacity: 100 !important;
    opacity: 100 !important;
    position: relative !important;
    cursor: default !important;
}

.resaltar {
    background: #FFFF99;
}

.alto100 {
    height: 100px;
}

.alto150 {
    height: 150px;
}

.alto200 {
    height: 200px;
}

.ancho340 {
    width: 340px !important;
}

.fuente-85 {
    font-size: 85% !important;
}

.imagen-usuario {
    border: 1px solid #CCC;
    background-color: #FFF;
    padding: 4px;
    display: inline-block;
    max-width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-shadow: 1px 1px 1px #000000;
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.15);
    -ms-box-shadow: 1px 1px 1px #000000;
    box-shadow: 1px 1px 1px #000000;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.15);
}

.imagen-firma {
    border: 1px solid #CCC;
    background-color: #FFF;
    padding: 4px;
    display: inline-block;
    max-width: 250px;
    -moz-box-sizing: border-box;
    -webkit-box-shadow: 1px 1px 1px #000000;
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.15);
    -ms-box-shadow: 1px 1px 1px #000000;
    box-shadow: 1px 1px 1px #000000;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.15);
}

.imagen-firma-impresion {
    background-color: #FFF;
    padding: 4px;
    display: inline-block;
    max-width: 200px;
}

.titulo-campo-impresion {
    margin-top: 10px;
}

.imagen-usuario-peq {
    -ms-border-radius: 25px;
    border-radius: 25px;
    border: 2px solid #999;
    max-width: 46px !important;
}

.flotar-izquierda {
    float: left;
    margin-right: 5px;
}

.boton-buscar-peq {
    padding: 0 8px;
    line-height: 20px;
    border-width: 4px;
    font-size: 13px;
    border-radius: 4px !important;
}

.boton-inline {
    padding: 0 8px;
    line-height: 21px;
    border-width: 4px;
}

.cuadro-buscar {
    line-height: 15px !important;
}

.margin-bottom12 {
    margin-bottom: 12px !important;
}

.margin-bottom20 {
    margin-bottom: 20px !important;
}

.margin-top0 {
    margin-top: 0 !important;
}

.margin-left10 {
    margin-left: 5px;
}

.pagina-modal {
    padding-bottom: 2px !important;
}

.celda-imagen-usuario-left {
    width: 60px;
    vertical-align: top;
    text-align: left;
    padding: 5px;
}

.celda-imagen-usuario-right {
    width: 60px;
    vertical-align: top;
    text-align: right;
    padding: 5px;
}

.alineacion-derecha {
    text-align: right;
}

.alineacion-izquierda {
    text-align: left;
}

.linea40 {
    line-height: 40px;
}

.delgado {
    width: 150px !important;
}

/* Estilos de Bootbox
-----------------------------------------------------------*/

.modal {
    /* new custom width */
    width: 460px;
    /* must be half of the width, minus scrollbar on the left (30px) */
    margin-left: -200px;
}

/* Estilos de Chosen
-----------------------------------------------------------*/

.chzn-container-single .chzn-search input {
    background: 0;
}

.chzn-single div b {
    background: none !important;
}

.chzn-container-multi .chzn-choices .search-field input {
    font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.chzn-container-single .chzn-default {
    color: rgb(182, 21, 21);
}

.chzn-container-single .chzn-single {
    height: 27px;
    line-height: 27px;
}

/* Estilos especiales Ace Bootstrapper 
-------------------------------------------*/

.sidebar.sidebar-fixed {
    position: fixed;
    z-index: 1029;
    top: 45px;
    left: 0;
}

.nav-list > li > a {
    padding-left: 2px !important;
}

.nav-list > li .submenu > li > a {
    padding-left: 32px !important;
}

.tab-content {
    padding: 8px 8px !important;
}

label, input, button, select, textarea {
    font-size: 13px !important;
}

.form-horizontal .control-label {
    color: #2679b5;    
    width: 150px !important;    
}

.form-horizontal .control-label-medicamentos {
    color: #2679b5;
    width: 100px !important;
}

.form-horizontal .controls-medicamentos {
    margin-left: 105px !important;
    
}

.form-horizontal .control-label-actividades {
    color: #2679b5;
    width: 100px !important;
}

.form-horizontal .controls-actividades {
    margin-left: 105px !important;
}

.form-horizontal .controls {
    margin-left: 165px !important;
}

.row-fluid label.etiqueta {
    color: #2679B5;
}

.form-horizontal .control-group {
    margin-bottom: 8px !important;
}
.form-horizontal .control-group-medicamentos {
    margin-bottom: 4px !important;
}

.form-horizontal .control-group-actividades {
    margin-bottom: 4px !important;
}

.form-horizontal .control-label-peq {
    float: left;
    width: 100px;
    padding-top: 5px;
    text-align: right;
    color: #2679b5;
}

.form-horizontal .controls-peq {
    margin-left: 120px;
}

.tabs-left > .nav-tabs > li {
    max-width: 180px;
}

.nav-search .nav-search-input {
    width: 270px !important;
    /*height: 15px !important;*/
}

.menu-emergente {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
}

    .menu-emergente:hover {
        background: #fee188;
        color: #444;
    }

.cuadro-alergia {
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 13px;
}

.input-alergia {
    margin-bottom: 5px !important;
    min-width: 250px;
    width: 100%;
}

.form-alergias {
    margin-bottom: 0 !important;
}

/*Eliminar .tab-content{overflow:auto} de bootstrap.min.css */

.login-layout input[type="text"], .login-layout input[type="password"] {
    line-height: 25px !important;
}

.skin-1 .navbar-inverse .navbar-inner {
    background: #222a2d;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"],
input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"],
input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    font-size: 13px !important;
}

/* Estilos especiales Telerik 
-------------------------------------------*/

.t-grid .t-filter-options {
    width: 160px !important;
    z-index: 9999;
}

.t-filter-options select {
    width: 160px !important;
    font-size: 100%;
}

.t-filter-options input {
    width: 146px !important;
    font-size: 100%;
}

.t-popup {
    color: #222222 !important;
}

form.t-grid-actions {
    margin: 0 !important;
}

.boton-editar {
    background-position: 0 -336px !important;
}

.boton-detalle {
    background-position: -49px -320px !important;
}

.boton-otrosdetalles {
    /*background-image: url('~\Content\2013.2.611\Sitefinity\sprite.png');*/
    background-position: 0 -320px !important;
}

.boton-asignar {
    background-position: 0 -162px !important;
}

.boton-quitar-asignacion {
    background-position: -64px -162px !important;
}

.boton-vista-previa {
    background-position: -64px -176px !important;
}

.t-input, .t-formatted-value {
    padding: 4px 6px !important;
}

.t-picker-wrap {
    padding: 0 35px 0 0 !important;
}

.t-datetimepicker .t-picker-wrap {
    padding-right: 55px !important;
}

.t-combobox, .t-dropdown, .t-selectbox {
    width: 220px !important;
}

.t-button {
    vertical-align: middle;
}

.t-dropdown-wrap .t-icon {
    margin-top: 5px !important;
}

.t-state-selected {
    background-color: #f2f2b6 !important;
}

.t-dropdown-wrap .t-select {
    height: 26px !important;
    line-height: 25px !important;
}

.t-combobox {
    width: 95% !important;
}

/*.boton-gestionar {
    background-position: -32px -336px !important;
}

.boton-ver-comentarios {
    background-position: -64px -192px !important;
}

.boton-iniciar {
    background-position: -32px -192px !important;
}

.boton-adicionar {
    background-position: -48px -320px !important;
}

.boton-ver-pdf {
    background-image: url("ver-pdf.png") !important;
}

.boton-filtro {
    margin: 0px 0px 10px 10px !important;
}

.t-editor {
    height: 300px !important;
}*/

/* Estilos especiales FullCalendar 
-------------------------------------------*/

#calendario td, #calendario .fc-event {
    cursor: pointer !important;
}

/* Estilos responsive para ocultar columnas de los grids de acuerdo al ancho de la pantalla */
/* resp-del: Se ocultan cuando la pantalla es delgada (<480px) */
/* resp-med: Se ocultan cuando la pantalla es media (<767px) */
@media (max-width: 480px) {
    .resp-del {
        display: none;
    }

    .resp-med {
        display: none;
    }
}

@media (max-width: 767px) {
    .resp-med {
        display: none;
    }
}

.fade-popup {
    display: none; /* ensures it’s invisible until it’s called */
    position: absolute; /* makes the div go into a position that’s absolute to the browser viewing area */
    left: 0%; /* makes the div span all the way across the viewing area */
    top: 0%; /* makes the div span all the way across the viewing area */
    background-color: black;
    -moz-opacity: 0.4; /* makes the div transparent, so you have a cool overlay effect */
    opacity: .40;
    filter: alpha(opacity=40);
    width: 100%;
    height: 100%;
    z-index: 90; /* makes the div the second most top layer, so it’ll lay on top of everything else EXCEPT for divs with a higher z-index (meaning the #overlay ruleset) */
}

.popup {
    display: none;
    position: absolute;
    top: 5%;
    left: 15%;
    width: 80%;
    height: auto;
    padding: 16px;
    border: 1px solid black;
    background-color: white;
    z-index:10002;
    overflow: auto;
}

.popup-peq {
    display: none;
    position: absolute;
    top: 5%;
    left: 35%;
    width: 40%;
    height: auto;
    padding: 16px;
    border: 1px solid black;
    background-color: white;
    z-index: 10002;
    overflow: auto;
}

.popup-med {
    display: none;
    position: absolute;
    top: 5%;
    left: 25%;
    width: 60%;
    height: auto;
    padding: 16px;
    border: 1px solid black;
    background-color: white;
    z-index: 10002;
    overflow: auto;
}

.popup-peqfirma {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20%;
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    padding: 20px;
    z-index: 10002;
    display: none;
}

.popup-ctc {
    display: none;
    position: relative;
    height: auto;
    padding: 16px;
    border: 1px solid black;
    background-color: white;
    z-index:10002;
    overflow: auto;
}

.campo-titulo {
    text-transform: uppercase;
    color: #3a87ad;
    /*border-top: 1px solid #3a87ad;*/
}

.oculto {
    display: none;
}

.column-wrap {
    min-width: 250px;
    max-width: 250px;
    overflow: auto;
    white-space: normal;
}

.centro {
    margin: auto;
    width: 100%;
    position: fixed;
    top: 50%;
    vertical-align: middle;
    text-align: center;
    color: white;
    font-size: 20px;
}

.campo-fecha {
    width: 120px !important;
}

.t-select {
    right: -5px !important;
}

.texto-con-saltos {
    margin:  0 !important;
    padding: 0 !important;
    white-space: pre-line;
}