/*///////////////// DIVS // CONTENT /////////////////*/

#wrapper {
    /*	width: 980px; */
    width: 100%;
    margin: auto;
    border: 1px solid #60959c;
}

#content_barra {
    color: #FFFFFF;
    background-color: #4d4d4d;
    height: 60px;
    padding-top: 20px;
    padding-left: 50px;
}

#content {
    padding-top: 0px;
    padding-bottom: 0px;
    background: #ffffff;
}

#content_left {
    width: 50%;
    float: left;
    margin-left: 30px;
    background-color: rgb(242, 242, 242);
}

#content_rigth_titulo {
    width: 25%;
    float: right;
    margin-right: 30px;
    margin-bottom: 10px;
}

#content_rigth {
    width: 35%;
    float: right;
    border: 1px solid;
    border-color: #CCCCCC;
    padding: 10px;
    margin-top: 0px;
    margin-right: 30px;
    background-color: #FFFFFF;
}


#content_ticket {
    position: relative;
    margin-left: 10px;
    margin-right: 10px;
    padding: 0px;
    background-color: #FFFFFF;
    /*border: 1px solid #CCCCCC;*/
}


.etiqueta,
.etiqueta_add,
.etiqueta_none,
.etiqueta_name {
    font-family: Arial, Helvetica, sans-serif;
    color: #4d4d4d;
    font-size: 13px;
    font-weight: normal;
    text-align: right;
    margin: 2px;
    padding-left: 5px;    
}

.etiqueta_add {
    display: inline-table;
    width: 80px;
}

.etiqueta {
    display: inline-table;
    width: 120px;
}

.etiqueta_name {
    text-align: left;
    display: inline-table;
    width: 500px;
}


#table-wrapper {
    position:relative;
}
#table-scroll {
/*height:150px;*/
width:100%;
overflow:auto;  
margin-top:0px;

display: flex;
flex-direction: column;    
padding: 0px;
}

#lista_receta_content {
    position:relative;
    overflow:auto; 
}

#table-wrapper table {
    width:100%;
}
#table-wrapper table * {
background:yellow;
color:black;
}
#table-wrapper table thead th .text {
position:absolute;   
top:-20px;
z-index:2;
height:20px;
width:35%;
border:1px solid red;
}


#content_consultas {
    margin-left: 10px;
    margin-right: 10px;
    padding: 5px;
    background-color: #FFFFFF;
    border: 1px solid;
    border-color: #CCCCCC;
}

.content_accion {
    border-top: 0px solid gray;
    background-color: #efefef;
    padding: 10px;
    text-align: right;
}

.content_limpiar {
    background-color: #fff;
    padding: 10px;
    text-align: right;
}

#content_operacion {
    width: 100%;
    margin: 10px;
    float: left;
}

#btn_barra {
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    background-color: #669900;
}

#btn_barra A {
    color: #FFFFFF;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    padding: 0px 10px;
}

#btn_barra A:hover {
    color: #FFFFFF;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    padding: 0px 10px;
    background-color: #60959c;
}

.licencias {
    margin: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
    float: left;
    margin-left: 10px;
}

.content_columna {
    margin: 0px;
    margin-top: 5px;
    width: 30%;
    float: left;
    margin-left: 10px;
}

.content_center {
    width: 97%;
    margin: 1%;
    border: 2px solid;
    border-color: #CCCCCC;
}

.content_imagen {
    text-align: left;
    height: 39px;
}

.content_check {
    font-family: Arial, Helvetica, sans-serif;
    color: #669900;
    font-size: 13px;
    font-weight: normal;
    vertical-align: middle;
    text-align: center;
}

.clear {
    clear: both;
}


/*/////////////////  TABLAS /////////////////*/

table.cierre {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    text-align: left;
    border-collapse: collapse;
    width: 100%;
}

table.cierre TBODY {
    background-color: #F9F9F9;
    color: #4d4d4d;
}

table.cierre TBODY TR:hover TD {
    background-color: #FFF;
}

table.cierre TBODY TR.excluido TD {
    color: grey;
}

table.cierre TBODY TR.anulado TD {
    color: red;
}

table.cierre TBODY TR.reclamo TD {
    border-top: 1px solid #60959c;
}

table.cierre TBODY TR.solucion TD {
    border-top: 1px solid #60959c;
    color: #33790B;
}

table.cierre TBODY TR.evento TD {
    color: grey;
}

table.cierre TBODY TR.eventosolucion TD {
    color: green;
}

table.cierre TD.importe,
table.cierre TH.importe {
    text-align: right;
}

table.totales_cierre TD.importe {
    text-align: right;
}

table.ticket,
table.items,
table.add_items,
table.t_consultas,
table.autorizaciones {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    text-align: left;
    border-collapse: collapse;
    width: 100%;
}

/*
	border-width: 2px;
	border-spacing: 2px;
	border-style: solid;
	border-color: white;
	border-collapse: separate;
	background-color: black;
*/

table.add_items {
    width: 100%;
    border: 1px solid #d0ccc9;
}

table.ticket TH,
table.items TH,
table.ticket TD,
table.items TD,
table.add_items TD,
table.t_consultas TD,
table.autorizaciones TD,
table.autorizaciones TH {
    padding: 5px;
}

table.ticket TH,
table.items TH,
table.autorizaciones TH {
    font-weight: bold;
    font-size: 12px;
}

table.ticket TBODY,
table.items TBODY,
table.add_items TBODY,
table.autorizaciones TBODY {
    background-color: #ffffff;
}

table.items TBODY TR:hover TD,
table.autorizaciones TBODY TR:hover TD {
    color: #0E0E0E;
    /*background-color: #E8F8F5;*/
}

table.items TH.toquel,
table.items TD.troquel,
table.add_items TD.troquel {
    border: 0px solid #003300;
    width: 8%;
}

table.items TH.barra,
table.barra TD.barra,
table.add_items TD.barra {
    border: 0px solid #003300;
    width: 12%;
}

table.items TH.cantidad,
table.items TD.cantidad,
table.add_items TD.cantidad {
    width: 5%;
}

table.items TH.precio,
table.items TD.precio,
table.add_items TD.precio {
    width: 12%;
}

table.items TH.diagnostico,
table.items TD.diagnostico,
table.add_items TD.diagnostico {
    width: 40%;
}

table.items TH.tipo_prescripcion,
table.items TD.tipo_prescripcion,
table.add_items TD.tipo_prescripcion {
    width: 10%;
}
table.items TH.tipo_cobertura,
table.items TD.tipo_cobertura,
table.add_items TD.tipo_cobertura {
    width: 9%;
}

table.items TH.accion,
table.items TD.accion,
table.add_items TD.accion,
table.autorizaciones TD.accion {
    width: 22px;
}

table.items TH.nombre,
table.items TD.nombre,
table.add_items TD.nombre {
    width: 100%;
}

table.items TR.item,
table.autorizaciones TR.item {
    border-bottom: 1px;
    border-bottom-style: solid;
    border-bottom-color: #03A696;
}

table.autorizaciones TR.anulado {
    color: gray;
    border-bottom: 1px;
    border-bottom-style: solid;
    border-bottom-color: #03A696;
}

table.t_consultas TD.titulo_consulta {
    width: 100%;
}

table.t_consultas TD.c1 {
    width: 10%;
}

table.t_consultas TD.c2 {
    width: 20%;
}

table.t_consultas TD.tipo_consulta {
    width: 10%;
}

table.t_consultas TD.valor_consulta {
    text-align: left;
    width: 80%;
}

table.t_consultas TD.respuesta {
    width: 90%;
}

.no-print {
    width: 96%;
    margin: 2%;
    text-align: right;
    vertical-align: top;
}

.cupon {
    font-family: "Courier New", Courier, monospace;
    font-size: 24px;
    white-space: pre;
    width: 400px;
    margin: 20px;
    vertical-align: top;
    border: 0px solid #333333;
    padding: 0px 5px;
    margin-bottom: 5px;
}

#cbo_prestador,
#cbo_financiador {
    font-family: Arial, Helvetica, sans-serif;
    color: #4d4d4d;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    margin: 0px;
    padding: 3px;
    width: 100%;
    /*background-color:#ECF7D7;*/
    background-color: #fff;
    border: 1px solid #a9a9a9;
}

.button,
.button_form,
.button_add,
.button_limpiar {
    padding: 4px 10px 3px 25px;
    position: relative;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    height: 16px;
    text-decoration: none;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    opacity: 1;
    filter: alpha(opacity=100);
    /* For IE8 and earlier */
}

.button {
    color: #FFFFFF;
}

.button_form {
    margin-left: 10px;    
    color: #FFFFFF;
    background-color: #03A696;
}

.button_add {
    margin-left: 15px;
    color: #4d4d4d;
    background-color: #cde5e3;
    border: solid 0px #4d4d4d;
    padding: 4px 10px 3px 18px;
}

.button_limpiar {
    margin-left: 0px;
    background-color: rgb(125, 78, 88);
    color: #FFFFFF;
    padding: 4px 10px 3px 11px;
}


.button img,
.button_form img,
.button_add img {    
    position: absolute;
    top: -4px;
    left: -12px;
    border: none;
    width: auto;
    height: auto;
}

.button_add img {    
    width: 22px;
}

.button:hover,
.button_form:hover,
.button_add:hover,
.button_limpiar:hover  {
    opacity: 0.8;
    filter: alpha(opacity=80);
    /* For IE8 and earlier */
}

.button:ACTIVE,
.button_form:ACTIVE,
.button_add:ACTIVE,
.button_limpiar:active  {
    opacity: 0.5;
    filter: alpha(opacity=50);
    /* For IE8 and earlier */
}


.button_img {
    position: relative;
    cursor: pointer;
    display: inline-block;
    background: transparent url('../img/btn_verde.png') no-repeat;
    background-size: 130px 30px;
    background-position: left top;
    opacity: 0.9;
    filter: alpha(opacity=90);
    /* For IE8 and earlier */
    width: 100px;
    height: 41px;
    padding: 10px 10px 4px 20px;
    font-size: 15px;
    font-weight: normal;
    text-decoration: none;
    text-align: center;
    height: 16px;
    color: #FFFFFF;
}

.button_img:hover {
    background-position: left top;
    font-weight: bold;
    opacity: 1.0;
    filter: alpha(opacity=100);
    /* For IE8 and earlier */
}

.button_img:ACTIVE {
    background-position: left top;
    opacity: 0.5;
    filter: alpha(opacity=50);
    /* For IE8 and earlier */
}

.button_img img {
    position: absolute;
    top: -4px;
    left: -12px;
    border: none;
    width: 30px;
    height: 30px;
}



select {
    font-family: Arial, Helvetica, sans-serif;
    /*color:#32790B;*/
    color: #003300;
    font-size: 13px;
    font-weight: normal;
}


/*
select#cbo_tipo_consulta option[value="nombre_practica"]   { background-image:url(male.png);   }
select#cbo_tipo_consulta option[value="codigo_practica"] { background-image:url(female.png); }
*/

#login {
    margin-top: 0px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    color: #FFFFFF;
    width: 100px;
    padding: 2px;
}

#login a {
    height: 16px;
    font-size: 12px;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
}

#login a:hover {
    opacity: 0.8;
    text-decoration: none;
}

#loginpanel_1,
#loginpanel {
    margin-top: 15px;
    background-color: #4d4d4d;
    border: 1px solid #b2b2b2;
    padding: 30px;
    z-index: 5;
    font-size: 14px;
    color: #fff;
}

#loginpanel_1 input,
#loginpanel input {
    border: 0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    height: 18px;
    color: gray;
    font-size: 16px;
    padding: 2px;
    width: 95%;
    margin: 0 auto;
}

#loginpanel {
    width: 300px;
    position: absolute;
}

#t_barra {
    width: 100%;
    text-align: left;
}

#t_barra td.c_logo {
    width: 70%;
}

#t_barra td.c_accion {
    width: 10%;
    text-align: center;
}
.color-gris {
    background-color: #e7f4d9;
}

.lista_receta_content {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 13px;    
    color: #4D4D4D;
}

.select_medicamento {
    width: 90%;
    margin: 3px;
}

.formulario_container {
    display: flex;
    flex-direction: column;    
    padding: 10px;
}

.formulario_carga {    
    width: 100%;    
    display: flex;
    flex-direction: row;
    padding: 3px;
}

.input_show {
    border-bottom: 1px solid #9b9b9b;
}

.respuestas,
.respuestas_tiket {
    min-height: 15px;
    margin: 5px auto;
    text-align: left;
    padding: 10px;
    font-size: 11px;
    -moz-border-radius: 10px 10px 10px 10px;
}

.nuvalid {
    background: #FFFFFF;
    border: 1px solid #ccd0d4;
    border-inline-start-width: 4px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
    display: flex;
    position: relative;
    flex-direction: row;
    padding: 1rem;
    margin: 2.5rem;
    justify-content: space-around;
    align-items: center;
    margin-left: 23px;
    margin-right: 23px;
    border-left: 4px solid #60959C;
}

.nuvalid .der{
    flex-direction: column;
    border-inline-start-width: 0;
    border: 0;
    box-shadow: 0;
}

.nuvalid .cen{
    flex-direction: column;
    border-inline-start-width: 0;
    border: 0;
    box-shadow: 0;
}

.nuvalid .izq{

    border-inline-start-width: 0;
    border: 0;
    box-shadow: 0;
}

.nuvalid a {
    background-color: #60959c;
    border-radius: 4px;
    color: white;
    text-align: center;
    width: fit-content;
    padding: 0.5rem;
}

.nuvalid .wp{ 
    padding: 0rem 0rem 0.1rem 0rem;
    background-color: #FFFFFF;
    border-radius: 0px;
    text-align: center;
    width: fit-content;
    color: #4d4d4d;
}

.nuvalid .wpf{ 
    padding: 0rem 0rem 0.1rem 0rem;
    background-color: #FFFFFF;
    color:#60959C;
    font-weight: bold;
    border-radius: 1px;
    border-color: #60959C;
}


.nuvalid h1 {
    color:#60959C;
    text-align: start;
}

.nuvalid p {
    color: #4d4d4d !important;
    text-align: start;
    padding: 0rem 0rem 0.1rem 0rem;
    margin: 0;
}

.nuvalid button {
    border: 1px solid #60959c;
    background-color: #FFFFFF;
    border-radius: 4px;
    color: #60959c;
    text-align: center;
    width: fit-content;
    padding: 0.5rem;
}