/* formularios */

#viewUser{ border-collapse:collapse; height:100%; margin:0 }
#viewUser .tdbig{ padding:0px; text-align:center; border-left:1px solid #e6e6e6; vertical-align: middle; height:500px;}
#viewUser .tdbig1>img{ height:28%; margin:2%; padding:2% ; cursor:pointer; border:1px solid #c0c0c0 }
#viewUser .tdbig1>img:hover{ border:1px solid #0080c0}
#viewUser .tdbig1>h2{ position: absolute; color:#333; left:2.5%; font-size:15px; margin-top:10px }

#viewUser .tdbig2>img{ height:18%; margin:1% 2%; padding:2%; cursor:pointer; border:1px solid #c0c0c0 }
#viewUser .tdbig2>img:hover{ border:1px solid #0080c0}
#viewUser .tdbig2>h3{ color:#888; font-size:12px; height: 2%; margin-top:2% }

#viewUser .tdbig3{ vertical-align:top; padding:20px 40px; }
#viewUser .tdbig3>div{ overflow-y: auto; height:500px }
#viewUser .tdbig3 h2 { text-align:left; }

.view
{
    float:left;
    width:50%;
    padding:50px
}
.related
{
    padding:50px;
    border-left:1px solid #d8d8d8;
    height:350px;
}
.related div
{
    height:280px;
    overflow:hidden;
    overflow-y:auto;
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius:0px;
}

.related div, .related table td, .related table th {background: #f8f8f8;}
.related .ui-state-active{ background: #bbcdd9 }

.related h5
{
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius:0px;
}
.related h5 a{
    color: #333;
    font-size: 100%;
    text-align:left;
    font-weight: normal;
}

label
{
    padding-right:20px;
    font-weight: bold;
}

.input
{
    white-space: normal;
    margin: 10px 10px 10px 0px;
    padding: 0px;
    text-align: right;
    width:80%;
}

/* FORMULARIOS */

div.form
{
    padding:40px 20px 20px 40px;
    width:50%;
}

.form label{ width:16%; display:block; float:left; font-weight: bold;  }
.form .input{ text-align: left; width:100%; }

.form table { border-collapse:collapse; }
.form table td{ border:none; }
.form table tr{ border:none; }

table#form,table#form tr,table#form td { margin:0px; padding:0px; width:100% }

.form input[type=text],.form textarea { width:75%; }

/* dos campos por fila */
.formRight{ float:right; width:50% }

#doble { width:55% }

#doble label { width:30%; float:left }

#dosporfila { width:50%; }
#dosporfila label { width:50%;  float:left }

/* RESULTADOS */

#divTrabajo
{
    border-top: none;
    margin: 0px auto;
    min-height: 335px;
    padding: 10px;
    border-left: 1px solid #909090;
    padding-bottom: 0;
}

.tablework
{
    border-collapse:collapse;
    width:100%;
    margin:0px;
}
.tablework td{ border: none; padding:0px; }

td.tdwork,td.tdwork2
{
    background: #fff;
    padding:0px;
    width:26%;
    /*border:1px solid #c0c0c0;*/
    border-top:none;
}

td.tdwork2
{
    width:20%;
}

td.izqu {
    width: 20%;
    background: #fff;
    padding-top: 58px;
}

td.centro
{
    background: #fff;
    /*border-left:1px solid #c0c0c0;
    border-right:1px solid #c0c0c0;*/
    width:50%;
    border-bottom:none;
}
.desc { font-size:10px; text-align:justify; line-height: 12px; padding:5px; }
.ventana{ padding:0px; }

/* estilos para los resultados de VIEW */

#validate_view, #validate_info, #validate_indexes, #validate_data, #validate_graphics
{
    margin: 0px 0px 10px 0px;
    background-color: #fff;
    width:calc(100% - 40px);
    padding: 20px;
}
#validate_info p,#validate_info p{ font-size: 12px; padding-left:10px }

#fijos x{ padding-right:5px; }
#fijos i{ float:right; padding-right:15px; font-size:14px; font-style: normal; color:#0080c0 }

table.in{ border-collapse:collapse; margin: 2px 0; }
table.in td{ background: #fff; padding:0; font-size:0.9em; margin:0;     line-height: 35px; }

table.in td.tag{ width:30%; line-height: 15px;}
table.in td.tag label{color: grey; font-size: 9px; padding: 0;}
table.in td img{ border: 1px outset gray; height:25px; margin-top: 4px;}
table.in .tagimg:hover{ border: 1px inset gray; cursor:pointer; }
table.in .tagimg2:hover{ border: 1px inset gray; cursor:pointer; }
table.in td.box{ width:30%; padding: 8px 10px;}
td.box input[type=text] { padding:1px 1px; text-align: right;}
table.in td.aux{ font-size:0.8em; width:40%; color: #005984; text-align: right; }


.param{ width: 90%; padding: 5px; margin: 5px auto }
.param label{ width:70px; font-size:12px; display:block; float:left; }
.param span{  font-size: 11px; padding:3px; color: #005984; }
.param input[type=text] { padding:1px 3px; }

.param2{ width: 90%; padding: 5px; margin: 5px auto }
.param2 label{ width:115px; display:block; float:left; font-weight: bold;  }

#sliders_view { margin:10px auto; padding: 5px; width: 390px; }
#sliders_view .param { width:280px; }
#sliders_view .param label{ width:75px; }

/* estilos para los resultados de COMPARE */

#sliders_compare
{
    margin: 10px auto;

    text-align:center;
}

#sliders_compare > div {   
    width: 100%;
    float: left;
    height: 30px;
    line-height: 30px;
}

#sliders_compare > div > span.name {   
    float: left;
    width: 50px;
    height: 20px;
    line-height: 20px;
    font-weight: bold;
}

#sliders_compare > div > span.value {   
    float: left;
    width: 100px;
    height: 20px;
    line-height: 20px;
    font-weight: bold;
    text-align: right;
}

#sliders_compare div .barra{    
    border: 0;
    background: #969595 !important;
    height: 4px;
    width: calc(100% - 150px);
    float: left;
    margin: 0;
    margin-top: 8px;
}
#sliders_compare div .barra .ui-widget-header {
    border: 0 solid #aaaaaa;
    background: #5685AF;
    color: #222222;
    font-weight: bold;
}

#sliders_compare div .barra .ui-slider-handle.ui-state-default {
    border-radius: 50%;
    margin-top: -2px;
    cursor: grab;
}
#sliders_compare div .barra .ui-slider-handle.ui-state-default .ui-icon {
    background-image: none;
    border-radius: 50%;
}
/* estilos para los resultados de VALIDATE */

#divFormulas { padding: 20px; }
#divFormulas table{ background: #fff; margin:0px auto}
#divFormulas td{ background: #fff }

.btnVal
{
    cursor:pointer;
    margin: 0px auto;
}

.redColor{ color:red; font-size:14px; padding-left:10px; width:80px; }


/* GRÁFICOS */

.zona_grafico
{
    margin:0; 
    padding:0px;
    text-align:center;
    border:0px outset #c0c0c0;
    height: 325px;
    padding-right: 10px;
}
.grafico
{
    height: 280px;
    width: 400px;
    margin:0; padding:0;
}

.grafico table { width:auto; }
.divLegend { width:110px; padding-left:150px }
.divLegend2 { width:110px; margin: 10px auto; }
#divLegend div { width:14px }

.vertical{
    -o-transform:rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform:rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

/* FORMULARIOS inputs */

input[type=text],input[type=password]
{
    padding: 4px;
    font-family: Arial,Verdana,  Helvetica, sans-serif;
    font-size: 13px;
    vertical-align: middle;
    background-color: #F2F2F2;
    color: #434343;
    border: #ADB2B5 1px solid;
    width:70%;
}

input[type=text].numeric
{
    width:50px;
    text-align:right;
}

input[type=checkbox] {
    margin: 5px;
    font-family: Arial,Verdana,  Helvetica, sans-serif;
    background-color: #F2F2F2;
    border: #ADB2B5 1px solid;
}

textarea {
    padding: 4px;
    font-family: Arial,Verdana,  Helvetica, sans-serif;
    font-size: 13px;
    vertical-align: middle;
    background-color: #F2F2F2;
    color: #434343;
    border: #ADB2B5 1px solid;
    width:70%;
    height:50px;
}

select,input[type=file]{
    color: #434343;
    padding: 2px;
    height: 25px;
    min-height: 25px;
    margin-bottom: 2px;
    font-family: Arial,Verdana,  Helvetica, sans-serif;
    font-size: 13px;
    vertical-align: middle;
    background-color: #F2F2F2;
    border: #ADB2B5 1px solid;
}
select option{padding-right:10px}

/* botón enviar */

div.submit
{
    margin-top: 0px;
    text-align:center;
}

input[type=submit], div.submit input[type=button]
{
    font-weight:normal;
    padding: 3px 10px;
    background:#dddddd;
    background: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#adadad));
    background-image: -moz-linear-gradient(top, #dddddd, #adadad);
    color:#444;
    border:1px solid #808080;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    text-decoration:none;
    text-shadow: #fff 0px 1px 0px;
    cursor:pointer;
}

input[type=submit]:hover, div.submit input[type=button]:hover
{
    background: #f5f5f5;
    background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#c3c3c3));
    background-image: -moz-linear-gradient(top, #f5f5f5, #c3c3c3);
}

#valoresModelo span{ font-weight:bold }
#valoresModelo input{ margin:0px 10px 0 7px}

/* boton volver */



/* otros */

.add, .set
{
    cursor:pointer;
}

.formula1, .formula2 { font-size:10px; font-weight:lighter }

.lateral
{
    background-color: #e4e4e4;
    font-weight: bold;
    width: 130px;
}

.ui-menu-item a{ font-weight: normal;}
.ui-menu-item a:hover{ background: #e8fffa; font-weight: normal;}

#tbParam{ border-collapse:collapse; width:100%; margin-top:10px }
#tbParam td{ vertical-align:bottom }
#tbParam b { display:block; }

#parametrosList
{
    background:#f6f6f6;
    border:1px solid #b2b2b2;
    min-height:127px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    padding:10px;
    margin-top:10px;
}

#parametrosList table td
{
    background: #f6f6f6;
    border-bottom:1px solid #b2b2b2;
    padding:3px 0px;
}

.dialog-header
{
    display:block;
}


#divLegendRisk
{
    margin-left: 10%
}
#divLegendRisk table
{
    width:auto;
    border-collapse: collapse;
}

/* spinners */

input[type=text].spin-button
{
    width:50px;
    padding-right:20px;
    background-repeat:no-repeat;
    background-image:url(../img/botones/spinbtn_updn.gif);
    background-position:right 0;
}

input[type=text].spin-button.up {					/* Change button img when mouse is over the UP-arrow */
    cursor:pointer;
    background-position:right -18px;		/* 18px matches height of 2 visible buttons */
}

input[type=text].spin-button.down {				/* Change button img when mouse is over the DOWN-arrow */
    cursor:pointer;
    background-position:right -36px;		/* 36px matches height of 2x2 visible buttons */
}

input[type=text].spinner
{
    width:60px;
    float:right;
    height:14px;
}
span.ui-spinner.ui-widget {
    top: 0.296875px !important;
    left: 64px!important;
}


.ui-button { margin-left: -1px; }
.ui-autocomplete-input { margin: 0; padding: 5px 0px 6px 2px}

#informacion2 a
{
    padding:5px;
    border:1px solid gray;
    background: #fff;
    cursor:pointer;
}


/* FORMULARIO ESPECIAL */

div.titleForm
{
    padding-top:3px; margin:0; width: 100%; text-align:center; float:left; font-weight:bold; background: #e1f5ff
}
#especialone.form
{
    width:100%; padding:0; margin:0;
    background-color:#fff;
    border-top: 1px solid #c0c0c0;
}
#especialone .input
{
    white-space: normal;
    margin: 10px;
    padding: 0px;
    text-align: right;
    width:80%;
}
#especialone .formRight{ float:right; width:50% }
#especialone form label { width:35%; float:left; text-align: left }
#especialone { background:#fff; }
#especialone form{ width:95%; padding:2.5%  }
#especialone table { width:100%; border-collapse:collapse; }
#especialone td { vertical-align:top }
#especialone #form .input{ width:90%;  }
#especialone #form label { width:35%; float:left; text-align:left }


input[type=button].boton
{
    min-height: 30px;
    min-width: 100px;
    border:1px solid #ADB2B5;
    padding:4px;
    cursor:pointer;
}
input[type=button].boton:hover
{
    border:1px solid #0080c0;
    background-color: #ceefff;
}

input[type=button].insert,
input[type=button].import,
input[type=button].export,
input[type=button].report,
input[type=button].save,
input[type=button].back,
input[type=button].reload,
.HibroForm input[type=submit].save
{
    background-image: url(../img/iconos/saveblack.png);
    background-position: 10px center;
    background-repeat: no-repeat;
    color:#000000;
    min-height:35px;
    padding-top:8px;
    padding-left: 25px;
    margin:2px;
}
input[type=button].insert
{
    background-image: url(../img/iconos/list_edit.png);
}
input[type=button].reload
{
    background-image: url(../img/iconos/reload.png);
}
input[type=button].import
{
    background-image: url(../img/iconos/import.png);
}
input[type=button].export
{
    background-image: url(../img/iconos/export.png);
}
input[type=button].report
{
    background-image: url(../img/iconos/report.png);
}
input[type=button].back
{
    background-image: url(../img/iconos/goback.png);
}
.titleChart{
    width:75%; margin:0 auto;
    padding:5px; text-align:right;
    margin-top:5px; color: #808080;
}

input[type=button].botonSmall
{
    padding: 4px;
    border:1px solid #2e4352;
    background-color: #b8cbd8;
    color: #2e4352;
    cursor:pointer;
    font-size:10px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
}
input[type=button].botonSmall:hover
{
    border:1px solid #8dabc0;
    background-color: #fff;
    color: #8dabc0;
    font-size:10px;
}


/* perfiles tiempo temperatura */
#divBaranyi,
#divValidation {padding: 0;}

div.profilesList h5
{
    background: #333;
    font-weight:lighter;
    color: #f2f2f2;
    margin: 0; 
    padding: 5px;
    text-align: left;
    line-height: 20px;
} 

div.resultData_tT div:nth-child(2) {
    margin-bottom:5px;
}

div.resultData_tT > div:nth-child(3) {
    height: calc(100% - 336px);
    overflow: auto;
}

div.resultData_tT > div table {
    border-top: 1px solid grey;   
}


.validation #divTrabajo {
    background: white;
    padding: 20px !important;
    width: calc(100% - 40px) !important;
}

.datachange  {display: flex}
.datachange .view {
    margin: 0px 0px 10px 0px;
    background-color: #fff;
    width: 100%;
    float: left;
    padding: 10px;
    height: 400px;
    overflow: auto;
}

.datachange .view b.upper {
    text-transform: uppercase
}

.datachange .view.details li,
#divValidation #validate_info li{
    font-size: 10px;
    line-height: 15px;
    margin-left: 15px;
    padding-left: 0px;
}

.editchange span.ui-spinner.ui-widget {
    margin-top: -18px;
    position: static !important;
}

.editchange .distributions div.form,
.editchange .profiles div.form {
    width:  calc(100% - 20px);
}

.editchange .distributions div.form .input{
    line-height: 25px; 
}

.editchange .distributions div.form .input b{
    width: 50%;
    display: -webkit-inline-box;
}
.editchange .distributions div.form .input input,
.editchange .distributions div.form .input select{
    float: right;
}

.editchange .profiles div.form input {
    width: 90px !important;
}

.editchange .profiles div.form input.spinner {
    width: 74px !important;
}
.editchange .profiles span.ui-spinner.ui-widget {
    position: relative !important;
    left: 100px!important;
    margin-top: 0;
}

.editchange .profiles div.form select {
    width: 100px !important;
}

.baranyi_header,
.validate_header{
    background: #e6e6e6;
    border-bottom: 1px solid #666666;
    position: relative;
    height: 33px;
}

.baranyi_content,
.validate_content {
    overflow: auto;
    height: calc(100% - 34px);
    display: flex;
}
.baranyi_content .importData_tT{
    flex:3;
    background: white;
}

.baranyi_content .resultData_tT{
    flex: 4;
    border-left: 1px inset gray;
    background: #fbfbfb;
}

.baranyi_header div#actions,
.validate_header div#actions {
    margin: 0px;
    float: right;
    height: 100%;
    border-left: 1px solid rgba(83, 83, 83, 0.35);
}

.baranyi_header div#actions img:hover,
.validate_header div#actions img:hover {
    background: rgba(208, 208, 208, 0.39);
    cursor: pointer;
}

.baranyi_content .param2,
.validate_content .param2{
    margin: 0;
    width: calc(100% - 20px);
    display: flow-root;
    padding: 5px 10px;
}

.baranyi_content h6{
    margin: 0;
    border: 0;
    border-top: 1px solid #e6e6e6;
    margin-top: 10px;
}

.baranyi_content .param2  span.ui-spinner.ui-widget,
.validate_content .param2 span.ui-spinner.ui-widget {
    top: 0.296875px !important;
    left: 100px!important;
}

.baranyi_content .param2 input.spinner,
.validate_content .param2 input.spinner {
    width: 74px !important;
}


.baranyi_content .param2 input,
.validate_content .param2 input {
    width: 90px !important;
}

.baranyi_content .param2 select,
.validate_content .param2 select {
    width: 100px !important;
}