html{
    height: 100%;
    min-width: 850px;
}

body{
    margin: 0px;
    padding: 0px;
    font-size: 10px;
    height: 100%;
    min-width: 850px;
}

a img {
    border:0;
}
/*Creación de nuevas clases para los checkbox ya que los navegadores muestran unos checkbox por defecto*/
/* Elimina el estilo predeterminado del checkbox */
input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 14px;
    height: 14px;
    border: 1px solid #505050a4; /* Borde del checkbox */
    background-color: #fff; /* Fondo del checkbox cuando no está seleccionado */
    cursor: pointer;
    position: relative;
}

/* Personaliza el check (interior) del checkbox */
input[type="checkbox"]:checked {
    background-color: #ff5733; /* Cambia el color de fondo cuando está seleccionado */
    border-color: #ff5733; /* Cambia el color del borde cuando está seleccionado */
}

/* Añade el icono del check (interior) */
input[type="checkbox"]:checked::before {
    content: "✔"; /* Puedes usar cualquier símbolo o dejarlo vacío para una personalización mayor */
    color: #fff; /* Color del check */
    font-size: 12px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


/*#container_img.rotate90,
#container_img.rotate270 {
  width: 100px;
  height: 820px
}*/
#thumbnail {
    transform-origin: top left;
    /* IE 10+, Firefox, etc. */
    -webkit-transform-origin: top left;
    /* Chrome */
    -ms-transform-origin: top left;
    /* IE 9 */
}

#container_img{
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

#container_img.rotate90 {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
}

#container_img.rotate180 {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}
#container_img.rotate270 {
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
}

#tree{
    padding-bottom: 0px;
    overflow-y: auto;
    overflow-x: hidden;
}

#tree div[id*='tree_'] li.no-checkbox > a > ins {
    display: none;
}

#tree div[id*='tree_'] ins.no-backgroud {
    background-image: none;
}

#tree div[id*='tree_'] ins.no-backgroud img.icono {
    padding-top:4px;
}

#tree li[rel*="node"].no-checkbox > a > ins.no-backgroud > img.icono {
    display: none;
}

#tree li[rel*="node"].no-checkbox > a > ins.no-backgroud {
    display: inline-block !important;
    background-image: url(../images/icons/tablabn.png) !important;
    position: relative;
    top: 3px;
}

.jstree-hovered {
    background: #e2efe7 !important;
    border: 1px solid #e2efe7 !important;
}

/*Normalizamos estilos en los contextmenus*/
#vakata-contextmenu {
    font-family: Trebuchet MS, Tahoma, Verdana,Arial,sans-serif;
}

#vakata-contextmenu li a:hover {
    background-color: #e2efe7 !important;
    border-color: #71a787 !important;
    /*color: #006028 !important;*/
}

/*CSS Evitar salto de linea en los ContextMenu de los elementos JsTree*/
div#vakata-contextmenu li {
    white-space: nowrap;
}
div#vakata-contextmenu li a {
    padding-right: 20px;
}
div#vakata-contextmenu.jstree-default-context a:hover, div#vakata-contextmenu.jstree-default-context .vakata-hover > a {
    padding-right: 19px;
}

/*CSS Poner limite a el alto del contextmenu*/
div#vakata-contextmenu {
    max-height: 400px;
    overflow-y: auto;
}

.image_shadow {
    margin-right: 14px;
    display: block;
    float: left;
    box-shadow: 5px 5px 1px #eee;
    -webkit-box-shadow: 5px 5px 1px #eee;
    -moz-box-shadow: 5px 5px 1px #eee;
}


/*CSS bForm*/
.form_left{
    /*div_left de form, imagen*/
    width:170px;
    float:left;
    line-height: 470px;
    vertical-align: middle;
}
div.bform div.form_right{
    height: 510px;
    width: 540px;
    float: right;
    overflow: auto;
}

.tooltip {
    padding:5px;
}
.tooltip-content {
    padding-bottom: 10px;
    display: table-row-group;
}
.tooltip_queryTitle {
    position: relative;
    width: 100%;
}
.tooltip .tooltip-img {
    position: relative;
    float: left;
    padding-right: 10px;
    height: 100%
}
.tooltip .tooltip-img img{
    width: 100px;
    height: auto !important;
}
.tooltip .tooltip-text {
    position: relative;
    display: table-row-group;
    height: 100%
}
#tooltip div#tooltip_FrameDecorationDiv_0 {
    box-shadow: rgb(136, 136, 136) 10px -4px 10px;
    -webkit-box-shadow: rgb(136, 136, 136) 10px -4px 10px;
    -moz-box-shadow: rgb(136, 136, 136) 10px -4px 10px;
}
#tooltip div#tooltip_FrameDecorationDiv_2 {
    box-shadow: rgb(136, 136, 136) 10px 6px 10px;
    -webkit-box-shadow: rgb(136, 136, 136) 10px 6px 10px;
    -moz-box-shadow: rgb(136, 136, 136) 10px 6px 10px;
}

#hover_img {
    background: #2B2724;
    border: 5px solid #2B2724;
    border-radius: 5px;
}

#frame_FrameDecorationDiv_0 {
    box-shadow: 10px -10px 10px rgba(0,0,0,0.5);
    -webkit-box-shadow: 10px -10px 10px rgba(0,0,0,0.5);
    -moz-box-shadow: 10px -10px 10px rgba(0,0,0,0.5);
}
#frame_FrameDecorationDiv_2 {
    box-shadow: 10px 10px 10px rgba(0,0,0,0.5);
    -webkit-box-shadow: 10px 10px 10px rgba(0,0,0,0.5);
    -moz-box-shadow: 10px 10px 10px rgba(0,0,0,0.5);
}

#top_container {
    position: absolute;
    top: 0px;
    width: 100%;
    background: #4e4e4e;
    height: 130px;
    min-height: 30px;
    overflow: hidden;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
    border-bottom: 4px solid #e0e0e0;
    min-width: 850px;
    z-index: 900;
}


#top_container .container {
    position: absolute;
    width:100%;
    height:100%;
    margin:0 auto;
    right: 20px;
}

#top_container_logo {
     position: absolute;
    width: 200px;
    height: 100px;
    top: 15px; /* Ajusta la posición vertical del logo */
    right: 20px;
    background: url(../images/logomin.png) no-repeat center;
    background-size: contain;
}

#top_container_img {
    position: absolute;
    top:1px;
    width:100%;
    height:100px;
    /*background: transparent url(../images/header/1.jpg) top 4px right 15px no-repeat;*/
    background-image: url(../images/header/1.jpg);
    background-position: 100% 1px;
    right: 15px;
    background-repeat: no-repeat;
    background-color: transparent;
}


#header {
    margin:0 20px;
    padding:0px;
    left:0px;
    width:100%;
    height: 101px;
    color:#FFFFFF;
    /*background: transparent url(../images/textoheader.png) top 40px left 40px no-repeat;*/
    background-image: url(../images/logo.png);
    background-position: 80px 5px;/*Logo posicionado a la izquierda*/
    background-repeat: no-repeat;
    background-color: transparent;
    -webkit-box-shadow: 0px 25px 16px -20px #111;
    margin-bottom:5px;
    /*z-index:1;*/
}

#header .rightcol {
    float:right;
    text-align: center;
    width:150px;
    margin-top:5px;
}

.menu {
    padding:0 0 0 50px;
    font-family: Trebuchet MS, Tahoma, Verdana,Arial,sans-serif;
    font-size: 10px;
    background:none!important;
}

.menu a {
    text-decoration: none;
}

#toolbar {
    position: absolute;
    float: left;
    bottom: 0px;
}

#toolbar .ui-state-active { 
    border: none;
    font-weight: bold;
}

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable{
    box-shadow: rgb(136, 136, 136) 0px 0px 6px;
    -webkit-box-shadow: rgb(136, 136, 136) 0px 0px 6px;
    -moz-box-shadow: rgb(136, 136, 136) 0px 0px 6px;
    border-radius: 4px;
}

.ui-dialog-titlebar img {
    float: left;
    margin-right: 3px;
}

.ui-dialog .ui-dialog-buttonpane {
    padding-bottom: 0em;
}

.ui-datepicker-calendar a.ui-state-hover, .ui-datepicker-calendar a.ui-state-hover:hover {
    background: #ff8737;
    color: #FFFFFF;
}

.ui-datepicker-calendar a.ui-state-active {
    background: #ff8737;
    color: #FFFFFF;
}

.ui-tabs .ui-state-hover a, .ui-tabs .ui-state-hover a:hover {
    background: #ff8737;
    color: #FFFFFF;
}

.ui-tabs .ui-state-active a, .ui-tabs .ui-tabs-selected a {
    background: #2B2724;
    color: #FFFFFF;
}

.ui-widget-header-light { /*No se veía el tículo en las pestañas por ser demasiado oscuras*/
    background: #EFEFEF;
}

.ui-select-header {
    /*Grid: Desplegable de cabecera*/
    border: 0px solid #ffffff;
    /*background: #dddddd url(images/ui-bg_inset-hard_60_dddddd_1x100.png) 50% 50% repeat-x; */
    background-color:rgba(255,255,255,0.0);/*Completamente transparente*/
    font-weight: normal;
    color: #000000; }

.fg-menu a:link, .fg-menu a:visited, .fg-menu a:hover, .fg-menu a:active {
    padding: .1em 2%;
    width: 95%;
}

.fg-menu-container {
    box-shadow: rgb(136, 136, 136) 0px 0px 2px;
    -webkit-box-shadow: rgb(136, 136, 136) 0px 0px 2px;
    -moz-box-shadow: rgb(136, 136, 136) 0px 0px 2px;
}

.fg-menu-container ul ul {
    box-shadow: rgb(136, 136, 136) 0px 0px 2px;
    -webkit-box-shadow: rgb(136, 136, 136) 0px 0px 2px;
    -moz-box-shadow: rgb(136, 136, 136) 0px 0px 2px;
}

.fg-menu-container .ui-state-hover, .fg-menu-container .ui-widget-content .ui-state-hover, .fg-menu-container .ui-widget-header .ui-state-hover, .fg-menu-container .ui-state-focus, .fg-menu-container .ui-widget-content .ui-state-focus, .fg-menu-container .ui-widget-header .ui-state-focus { 
    background: #ff8737;
    color: #FFFFFF;
}

.fg-menu-container .ui-state-hover a, .fg-menu-container .ui-state-hover a:hover { 
    background: #ff8737;
    color: #FFFFFF;
    text-decoration: none;
}

.menu .ui-state-hover, .menu .ui-widget-content .ui-state-hover, .menu .ui-widget-header .ui-state-hover, .menu .ui-state-focus, .menu .ui-widget-content .ui-state-focus, .menu .ui-widget-header .ui-state-focus {
    background:none; 
    text-decoration: none;
}

.menu .ui-button-text:hover, .menu .ui-state-hover:hover, .menu .ui-state-focus:hover, .menu .fg-menu-open:hover {
    color: #ff8737; 
}

tr.ui-state-hover td, tr.ui-state-hover th {
    background: #ff8737;
    color: #FFFFFF; 
}
tr.ui-state-hover a, tr.ui-state-hover a:hover {
    color: #FFFFFF; 
}

.ui-menu .ui-state-hover {
    background: #ff8737;
    color: #FFFFFF;
}


::-moz-selection{ background: #ff8737; color:#fff;}
::selection { background:#cc5201; color:#fff; }
select:active, select:hover, select:focus {
  outline-color: #ff8737
}
input:active, input:hover, input:focus {
  outline-color: #ff8737
}

/* Sobreescribimos estilos dataTable*/
table.dataTable {width: 100% !important;}
/* Quitar colores filas y aplicar el hover*/
table.dataTable {border: none;}
table.dataTable tr.odd { background-color: inherit; }
table.dataTable tr.even { background-color: inherit; }
table.dataTable tr.odd td.sorting_1 { background-color: inherit; }
table.dataTable tr.odd td.sorting_2 { background-color: inherit; }
table.dataTable tr.odd td.sorting_3 { background-color: inherit; }
table.dataTable tr.even td.sorting_1 { background-color: inherit; }
table.dataTable tr.even td.sorting_2 { background-color: inherit; }
table.dataTable tr.even td.sorting_3 { background-color: inherit; }
table.dataTable tr.odd.ui-state-hover td.sorting_1 { background-color: #ff8737; }
table.dataTable tr.odd.ui-state-hover td.sorting_2 { background-color: #ff8737; }
table.dataTable tr.odd.ui-state-hover td.sorting_3 { background-color: #ff8737; }
table.dataTable tr.even.ui-state-hover td.sorting_1 { background-color: #ff8737; }
table.dataTable tr.even.ui-state-hover td.sorting_2 { background-color: #ff8737; }
table.dataTable tr.even.ui-state-hover td.sorting_3 { background-color: #ff8737; }

.ui-widget button { border: 1px solid #ffffff; background: #dddddd url(custom-theme/images/ui-bg_inset-hard_60_dddddd_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #000000;}
/*.ui-widget button.ui-state-focus { background: #006028; color:white;}*/
.ui-widget button:hover { background: #ff8737; color:white;}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {
    border: 1px solid #cd0a0a;
    border-radius: 4px;
    background: #dddddd url(custom-theme/images/ui-bg_inset-hard_60_dddddd_1x100.png) 50% 50% repeat-x;
    color: #363636;
    font-weight: 900;
}

.rightmenu {
    position: absolute;
    float:right;
    bottom: 6px;
    right: 20px;
    font-weight:normal;
    margin-top: 5px;
    color: #ffffff;
}

.rightmenu a {
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
}

.cromomenu {
    position: absolute;
    bottom: 4px;
    right: 25%;
    float:right;
}

.goto {
    float: left;
    font-weight:normal;
    font-size: 1.3em;
    font-weight: 900;
    color:#FFFFFF;
}

.exitmenu {
    position: absolute;
    bottom: 4px;
    right: 20%;
    float:right;
}

.hidehead {
    position: absolute;
    float: right;
    bottom: 0px;
    right: -10px;
}

.menu span {
    padding-right:5px;
}

#toolpanel {
    position:absolute;
    left:0px;
    width:110px;
}

#infogeo-logo {
    z-index:1;
    position:absolute;
    bottom:0px;
    width: 250px;
    right: 45%;
    right: -webkit-calc(50% - 125px);
    right: -moz-calc(50% - 125px);
    right: calc(50% - 125px);
}

#infogeo-logo img{
    width: 250px;
}

#map {
    position: absolute;
    top: 0px;
    bottom: 4px;
    margin:0;
    padding:0;
    border-style:solid;
    width:100%;
    display:block;
    border:0;
    min-width: 850px;
}

#map div.olMapViewport {
    /*z-index:-1;*/
}

#map div.olControlPanZoomBar, #map div.olControlPanel  {
    top: 140px !important;
}

#footer{
    position: absolute;
    width: 100%;
    bottom: 0px;
    height: 4px;
    z-index: 1;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
}

.icono {
    float:left;
    /* position:absolute;*/
    width:16px;
    height:16px;
    border-style:none;
    /*padding-top:4px;*/
}


.disabled {
    display:none;
}

label, input {
    display: block;
}

input.text {
    margin-bottom: 12px;
    width: 95%;
    padding: .4em;
}

.form_icon {
    /*Icono de accion en relaciones*/
    padding-right: 3px;
}

fieldset {
    padding: 0;
    border: 0;
    margin-top: 25px;
}

div.div_input_container {
    white-space: nowrap;
}
div.div_input_container > div, div.div_input_container > input, div.div_input_container > select, div.div_input_container > img {
    display: inline-block;
}

/*-------------------  MAP CSS----------------  */
.olControlPanel div {
    display: block;
    width: 32px;
    height: 32px;
    margin: 5px;
    cursor:pointer;

}
.olControlPanel {
    right: 5px;
    background:white;
    background:rgba(255,255,255,0.7);
    border-radius:5px;
    box-shadow: 1px 1px 3px 0px #666;
    -webkit-box-shadow: 1px 1px 3px 0px #666;
    -moz-box-shadow: 1px 1px 3px 0px #666;
}

.olControlPanel .olControlMouseDefaultsItemActive {
    /*opacity:0.3;*/
    background-image: url("../images/buttons/hand_stop.png");
}

.olControlPanel .olControlMouseDefaultsItemInactive {
    background-image: url("../images/buttons/hand_stop_disabled.png");
}

.olControlPanel .olControlZoomBoxItemInactive {
    background-image: url("../images/buttons/zoom_disabled.png");
    /*margin-bottom:50px;*/
}

.olControlPanel .olControlZoomBoxItemActive {
    top:100px;
    /*opacity:0.3;*/
    /*background-image: url("../images/icons/zoom.png");*/
    background-image: url("../images/buttons/zoom.png");
    /*margin-bottom:50px;*/
}

.olControlPanel .olControlZoomToMaxExtentItemInactive {
    top:100px;
    background-image: url("../images/icons/center.png");
}

div.olControlScaleLine {
    display: block;
    position: absolute;
    left: 10px;
    bottom: 25px;
    font-size: xx-small;
    color: black;
}

div.olControlScaleLineTop {
    border-style: none solid solid;
    border-color: red;
    border-width: 0px 1px 2px;
    text-align: center;
    height: 13px;
}

div.olControlScale {
    left: 3px;
    bottom: 0px;
    display: block;
    position: absolute;
    font-size: smaller;
    color: black;
}

div.olControlMousePosition {
    bottom: 0em;
    right: 3px;
    display: block;
    position: absolute;
    font-family: Arial;
    font-size: smaller;
    color: black;
}

.olControlOverviewMapElement {
    background: #404040  !important;
    opacity: 1;
    padding: 10px 20px 15px 10px !important;
    border-color: black;
    boder: 2px;
}

.olControlOverviewMapExtentRectangle {
    border: 2px dotted black !important;
}

.olControlOverviewMapRectReplacement {
    background-image: url("../images/icons/overview_replacement.gif") !important;
}

.olControlOverviewMapMinimizeButton {
    bottom: 120px !important;
}

.olControlOverviewMapMaximizeButton {
    bottom: 120px !important;
}

.olPopupCloseBox { 
    background-image: url("../js/openlayers/theme/black/close.png") !important;
}

.treeButtonItemInactive {
    top:100px;
    background-image: url("../images/buttons/tree_disabled.png");
}
.treeButtonItemActive {
    top:100px;
    background-image: url("../images/buttons/tree.png");
}

.adminButtonItemInactive {
    background-image: url("../images/buttons/GRIS_FORM.png");
}

.adminButtonItemActive {
    background-image: url("../images/buttons/FORM.png");
}

.infoButtonItemInactive {
    top:140px;
    background-image: url("../images/buttons/infodesktop_disabled.png");
}
.infoButtonItemActive {
    top:140px;
    background-image: url("../images/buttons/infodesktop.png");
}

.longlatButtonItemInactive {
    top:160px;
    background-image: url("../images/buttons/position.png");
}
.longlatButtonItemActive {
    top:160px;
    background-image: url("../images/buttons/position.png");
}

.tooltipActiveButtonItemInactive {
    top:180px;
    background-image: url("../images/buttons/tooltip_disabled.png");
}
.tooltipActiveButtonItemActive {
    top:180px;
    background-image: url("../images/buttons/tooltip.png");
}

.zoomnavigationButtonItemInactive {
    top:80px;
    background-image: url("../images/buttons/hand_stop.png");
}
.zoomnavigationButtonItemActive {
    top:80px;
    background-image: url("../images/buttons/zoom.png");
}

.measureButtonItemInactive {
    top:100px;
    background-image: url("../images/buttons/mruler_disabled.png");
}
.measureButtonItemActive {
    top:100px;
    background-image: url("../images/buttons/mruler.png");
}

.actionbutton{
   height: 30px;
}

/*ORANGE*/

.tooltip_title{
    color: #B56B12;
}

.tooltip_queryTitle{
    color: #db8314;

}



/*VERDE
.tooltip_title{
    color: #be5805;
}

.tooltip_queryTitle{
    color: #9c480c;
    padding-bottom: 5px;
    border-bottom: solid 2px #7F7F7F;
}*/


/*AZUL
.tooltip_title{
    color: #137089;
}

.tooltip_queryTitle{
    color: #1CA5CE;

}*/

.tooltip_label{
    color: black;
}

.tooltip_field:hover {
    text-decoration: underline;
}

.tooltip_field{
    text-decoration: none;
    color: #444444;
}
/*
.olFramedCloudPopupContent{
    top: 40px!important ;
}*/

.printButtonItemInactive {
    top:200px;
    background-image: url("../images/loading.gif");
}
.printButtonItemActive {
    top:200px;
    background-image: url("../images/buttons/print.png");
}
.centerMapButtonItemInactive {
    top:100px;
    background-image: url("../images/buttons/world_disabled.png");
}
.centerMapButtonItemActive {
    top:100px;
    background-image: url("../images/buttons/world.png");
}
.gotoPositionButtonItemActive {
    top:100px;
    background-image: url("../images/buttons/world.png");
}
.gotoPositionButtonItemInactive {
    top:100px;
    background-image: url("../images/buttons/world_disabled.png");
}
.labelButtonItemInactive {
    top:220px;
    background-image: url("../images/buttons/offline.png");
}
.labelButtonItemActive {
    top:220px;
    background-image: url("../images/buttons/offline.png");
}

/*-------------------  MAP CSS----------------  */
div.div-contain table {
    /* margin: 1em 0;*/
    border-collapse: collapse;
    width: 100%;
}

div.div-contain table td  {
    border: 1px solid #D0D0D0;
    padding: 1px 1px 1px 1px;
    /*text-align: left;*/
}
div.div-contain table th  {
    margin-top:5px;
    text-align: left;
    border-right: 1px solid #D0D0D0;
    margin-bottom:2px;
}

.without-lines{
    border: 0px !important;
    padding: 0px 0px 0px 0px!important;
    color:#FFF;
}
div.div-hcontain table {
    border-collapse: collapse;
    width: 100%;
}

div.div-hcontain table td  {
    padding: 1px 1px 1px 1px;
    text-align: left;
}
div.div-hcontain table th  {
    margin-top:5px;
    text-align: left;
    border-right: 1px solid #D0D0D0;
    margin-bottom:2px;
}

.pagination{
    white-space: nowrap;
    position: absolute;
    right: 10px;
}

.grid_content{
    height: 90%;
    height: -webkit-calc(100% - 35px);
    height: -moz-calc(100% - 35px);
    height: calc(100% - 35px);
}

.grid_table tr,td{
    padding: 0px;
}

.grid_pie{
    white-space: nowrap;
    padding: 0px;
    padding-left: 5px;
    padding-right: 5px;
    height: 32px;
    position: absolute;
    left: 7px;
    right: 4px;
    bottom: 4px;
}

.grid_pie div.grid_buttons{
    white-space: nowrap;
    display: inline-block;
}

.grid_pie div.pagination{
    right: 5px;
}

.grid_pie button{
    display: inline-block;
    top: 2px;
}

.grid_pie div{
    display: inline-block;
}

.grid_pie div > span{
    display: inline-block;
    position: relative;
    top: 2px;
}

.grid_pie input{
    display: inline-block;
    position: relative;
    top: 2px;
    margin-right: 2px;
}

.print_table_title {
    font-family: Arial;
    font-size: 2em;
    text-align: left;
}

.cien_table{
    height:100%;
}

.ui-dialog .ui-state-error {
    padding: .3em;
}

.validateTips {
    border: 1px solid transparent;
    padding: 0.3em;
}
.scroll {
    /*overflow-x: hidden;
    overflow-y: scroll;*/
    overflow-x: auto;
    overflow-y: auto;
}
.loading{
    background-image:url('../images/loading.gif' );
    background-repeat:no-repeat;
    background-position:center center;
    z-index:20000;
    margin-top:30px;
    position:absolute;
    width:90%;
    height:85%;
    margin-right:60px;
    top:0px; 
    bottom:50px;
}

.progress-label {
    position: absolute;
    left: 50%;
    top: 4px;
    font-weight: bold;
    text-shadow: 1px 1px 0 #fff;
}

.hidden2 {
    visibility:hidden;
}

div button.ui-state-active-boreal {
    border: 1px solid #aaaaaa;
    background: #ffffff url(/css/custom-theme/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
    font-weight: normal; color: #212121;
}


.table_a:hover {
    text-decoration: none;
}
.table_a a:link,a:visited {
    text-decoration: none;
}

.table_b {
    text-decoration:none;
}

.font_size_small {
    font-size:12px;
}

.bperm td.td_item_name{
    padding-left: 5px;
    padding-right: 5px;
    white-space: nowrap;
}

.bperm td.td_item_id {
    text-align: right;
    padding-left: 5px;
    padding-right: 5px;
}

.wizard div.leftimg {
    position: absolute;
    width: 200px;
    left: 8px
}

.rightcont {
    position: absolute;
    left: 190px;
    display: block;
    height: 90%;
    height: -webkit-calc(100% - 20px);
    height: -moz-calc(100% - 20px);
    height: calc(100% - 20px);
    width: 72%;
    width: -webkit-calc(100% - 200px);
    width: -moz-calc(100% - 200px);
    width: calc(100% - 200px);
}

#rightcontfindGrid{
    /* Caso particular para fFindGrid*/
     left: 140px;
}

#rightcontrelfield{
    /* Caso particular para fFindGrid*/
     left: 140px;
}

.wizard div.rightcont div.conttabs{
    height:100%;
}

.wizard div.rightcont div.conttabs div.tab {
    overflow-y: auto;
    height: 85%;
    height: -webkit-calc(100% - 58px);
    height: -moz-calc(100% - 58px);
    height: calc(100% - 58px);
}

.wizard div.step {
    height: 90%;
    height: -webkit-calc(100% - 60px);
    height: -moz-calc(100% - 60px);
    height: calc(100% - 60px);
}

.wizard div.scroll {
    height: 50%;
    height: -webkit-calc(100% - 210px);
    height: -moz-calc(100% - 210px);
    height: calc(100% - 210px);
    overflow-x: hidden;
}

.wizard_pie{
    padding: 0px;
    padding-left:5px;
    padding-right:5px;
    height:40px;
    position:absolute;
    left:5px;
    right:7px;
    bottom:5px;
}

.wizard_textarea{
    /*textos explicativos recuadrados en wizard (ubicador)*/
    padding: 10px;
    border: 1px dotted #E7E7E7 !important;
    min-height: 100px;
    /*color: #888888;*/
    /*padding:10px;height:100px;border-style:solid;border-width:1px;border-color:grey;*/
}

.wizard_title_step{
    /*titulo de step*/
    color:#555;
}

.step{
    /*position:absolute;
    left:190px;*/
    display:none;
}

.step table { font-size:10px;}
.conditions { list-style-type: none; margin: 0; padding: 0; }
.conditions li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em;  height: 16px;}
.conditions li select {float:left;}

.boldElement a {font-weight: bolder;}


.b_icon_excel{ background-image: url(images/excel.png)!important ;}
.b_icon_excel_disabled{ background-image: url(images/excel_disabled.png)!important ;}
.b_icon_print{ background-image: url(images/print.png)!important ;}
.b_icon_kml{ background-image: url(images/kml.png)!important ;}
.b_icon_kml_disabled{ background-image: url(images/kml_disabled.png)!important ;}
.b_icon_diana{ background-image: url(images/diana.png)!important ;}
.b_icon_line{ background-image: url(images/line.png)!important ;}
.b_icon_play{ background-image: url(images/play.png)!important ;}
.b_icon_polygon{ background-image: url(images/polygon.png)!important ;}
.b_icon_dxf{ background-image: url(images/dxf.png)!important ;}
.b_icon_dxf_disabled{ background-image: url(images/dxf_disabled.png)!important ;}
.b_icon_dgn{ background-image: url(images/dgn.png)!important ;}
.b_icon_dgn_disabled{ background-image: url(images/dgn_disabled.png)!important ;}
.b_icon_shp{ background-image: url(images/shapefile.png)!important ;}
.b_icon_shp_disabled{ background-image: url(images/shp_disabled.png)!important ;}
.b_icon_pdf{ background-image: url(images/pdf.png)!important ;}
.b_icon_email{ background-image: url(images/email.png)!important ;}

.b_icon_refresh_{ background-image: url(images/refresh.png)!important ;}
.b_icon_copy_{ background-image: url(images/copy.png) !important;}
.b_icon_new_{ background-image: url(../images/buttons/new.png)!important ;}
.b_icon_find_{ background-image: url(../images/buttons/find.png)!important ;}
.b_icon_deactivate{ background-image: url(../images/buttons/deactivate.png)!important ;}
.b_icon_deactivate_{ background-image: url(../images/buttons/ko.png)!important ;}
.b_icon_new_cont_{ background-image: url(../images/buttons/new_cont.png)!important ;}
.b_icon_del_cont{ background-image: url(../images/buttons/del_cont.png)!important ;}
.b_icon_nearby_cont{ background-image: url(../images/buttons/nearby_cont.png)!important ;}
.b_icon_rel_cont{ background-image: url(../images/buttons/rel_cont.png)!important ;}
.b_icon_set_pos_cont{ background-image: url(../images/buttons/set_pos_cont.png)!important ;}
.b_icon_set_address{ background-image: url(../images/buttons/set_address.png)!important ;}
.b_icon_ok_address{ background-image: url(../images/buttons/ok_address.png)!important ;}
.b_icon_recogida{ background-image: url(../images/icons/basket.png)!important ;}
.b_icon_rename{ background-image: url(../images/icons/rename.png)!important ;}
.b_icon_add{ background-image: url(../images/icons/blue_cross.png)!important ;}
.b_icon_share{ background-image: url(../images/icons/share.png)!important ;}
.b_icon_run{ background-image: url(../images/buttons/run.png)!important ;}
.b_icon_pauseplay{ background-image: url(../images/buttons/pauseplay.png)!important ;}
.b_icon_actdeact{ background-image: url(../images/buttons/activatedeactivate.png)!important ;}
.b_icon_view_report{ background-image: url(../images/buttons/checkList.png)!important ;}
.b_icon_view_data{ background-image: url(../images/icons/eye.png)!important ;}
.b_icon_view_chart{ background-image: url(../images/icons/chart.png)!important ;}

.b_icon_summary_{ background-image: url(../images/buttons/summary.png)!important ;}
.b_icon_template_{ background-image: url(../images/buttons/catalog.png)!important ;}
.b_icon_report_{ background-image: url(../images/buttons/report.png)!important ;}
.b_icon_maplocation_{ background-image: url(../images/buttons/map_location.png)!important ;}
.b_icon_validation_{ background-image: url(../images/buttons/checkList.png)!important ;}
.b_icon_checkall{ background-image: url(images/checked_16.png)!important ;}
.b_icon_uncheckall{ background-image: url(images/unchecked_16.png)!important ;}

.b_icon_flag_green{ background-image: url(../images/icons/b_icon_flag_green.png)!important ;}
.b_icon_flag_blue{ background-image: url(../images/icons/b_icon_flag_blue.png)!important ;}
.b_icon_flag_red{ background-image: url(../images/icons/b_icon_flag_red.png)!important ;}_
.b_icon_flag_brown{ background-image: url(../images/icons/b_icon_flag_brown.png)!important ;}
.b_icon_flag_orange{ background-image: url(../images/icons/b_icon_flag_orange.png)!important ;}
.b_icon_flag_white{ background-image: url(../images/icons/b_icon_flag_white.png)!important ;}

.b_icon_edit{ background-image: url(../images/icons/edit_16.png)!important ;}
.b_icon_delete{ background-image: url(../images/icons/delete.png)!important ;}
.b_icon_save{ background-image: url(../images/icons/save.png)!important ;}
.b_icon_return{ background-image: url(../images/icons/back.png)!important ;}
.b_icon_edit_polygon{ background-image: url(../images/icons/edit_polygon.png)!important ;}
.b_icon_edit_line{ background-image: url(../images/icons/line.png)!important ;}
.b_icon_erase{ background-image: url(../images/icons/eraser.png)!important ;}
.b_icon_move_polygon{ background-image: url(../images/icons/move_polygon.png)!important ;}
.b_icon_select_point{ background-image: url(../images/icons/flag.png)!important ;}

.disabled_field { opacity: .75; filter:Alpha(Opacity=75); }

.disabled_checkimage { opacity: .40; filter:Alpha(Opacity=40); }

.clickable { cursor:pointer;}

.cell_color_ok {background-color: #E3F6CE;}
.cell_color_ko {background-color: #F8E0E0;}
.cell_color_disabled {background-color: #EFEFEF;}

.bGrid_header_field {   
    margin:2px}

.bGrid_header_button{
    float:right;
    height:20px;
    font-weight: bolder;
}
/* Ajustes para el datepicker */
/*.ui-datepicker { width: 17em; padding: .2em .2em 0; position:absolute; display: block; top:0px; z-index:1; }*/
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }

.list_without_padding_left{
    /*Quitar sangria izquierda, aplicar a tag <ul>*/
    padding-left: 21px;
}

.selected_rule{
    /*Regla seleccionada*/
    /*opacity: .60; filter:Alpha(Opacity=60);    */
    font-weight: bolder;
}

.tab_header{    /*botones pestaña*/
                border: 1px solid #AEAEAE;
                background: #EEEEEE   !important;
}

.tab_container{/*contenido pestañas, para que tenga scroll interno*/
               height: 535px;
               overflow: auto;
}

.report_title{
    /*titulo de report*/
    color:#555;
}

/*.table_report_info{
    border: 1px solid #DEDEDE !important;
}

.td_report_label_info{
    color: #666666;
    font-weight: bolder;
}*/
.table_report_info{
    /*tabla con informacion de un report*/
    border: 1px dotted #E7E7E7 !important;
    margin-left: 10px;
}

.td_report_label_info{
    color: #888888;
    padding-right:10px;
}

.td_report_content_info{
    /*font-weight: bolder;*/
}

.importantinfo{
    /*resaltar informacion de report*/
    font-weight: bolder;
}

.report_infotable{
    /*representacion de datos de report en formato tabla*/
    border: 1px dotted #E7E7E7 !important;
    text-align:center;
    vertical-align:middle;
}

.report_infotable_header_td{
    /*representacion de datos de report en formato tabla: cabecera*/
    padding: 10px;
    color: #888888;
    /* border-bottom: 1px dotted #E7E7E7 !important;*/
}

.report_infotable_content_td{
    /*representacion de datos de report en formato tabla: contenido*/
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: bolder;
    font-size: 1.3em;
}


.table_report_eventlog{	
    /*margin: 45px;*/
    /*width: 480px;*/
    text-align: left;
    border-collapse: collapse;
}

.table_report_eventlog td{
    padding: 3px;
    background: #ffffff;
    border-bottom: 1px solid #DEDEDE;
    color: #000;
    border-top: 1px solid #DEDEDE;
}

/*.table_report_eventlog tr:hover td
{
	background: #EEEEEE;
	color: #000000;
}*/

.td_eventlog_style_0{    /*fondo: gris // letra: negra*/
                         /*background: #b9c9fe url('table-images/gradhead.png') repeat-x;*/
                         background: #EAE8E8 !important;
                         color: #666666 !important;
}

.td_eventlog_style_1{ /*fondo: azul oscuro // letra: negra*/
                      background: #E1EBF8 !important;
                      color: #666666 !important;
}

.td_eventlog_style_2{ /*fondo: azul claro // letra: negra*/
                      background: #E6F5FD !important;
                      color: #666666 !important;
}

.td_eventlog_style_3{ /*fondo: rosa // letra: negra*/
                      background: #FCEDFC !important;
                      color: #666666 !important;
}

.td_eventlog_style_4{ /*fondo: verde oscuro // letra: negra*/
                      background: #E2F1E7 !important;
                      color: #666666 !important;
}

.td_eventlog_style_5{ /*fondo: verde claro // letra: negra*/
                      background: #EFF6E3 !important;
                      color: #666666 !important;
}

.td_eventlog_style_6{ /*fondo: amarillo // letra: negra*/
                      background: #FCFAE0 !important;
                      color: #666666 !important;
}

.td_eventlog_style_7{ /*fondo: rojo // letra: negra*/
                      background: #FDEBEF !important;
                      color: #666666 !important;
}

.td_eventlog_style_8{ /*fondo: naranja // letra: negra*/
                      background: #FFF3E0 !important;
                      color: #666666 !important;
}

.td_eventlog_style_9{ /*fondo: lila // letra: negra*/
                      background: #ECE8F4 !important;
                      color: #666666 !important;
}

.td_eventlog_hour_style{ /*fondo: negro // letra: blanca*/
                         background: #666666 !important;
                         color: #FFF !important;
}

.div_square{
    /*div recuadrado*/
    padding: 5px !important;
    border: 1px solid #DEDEDE!important;
}

.div_margin_bottom{
    /*margen inferior*/
    margin-bottom: 5px !important;
}

.div_relation{
    /*div relaciones*/
    padding: 10px !important;
    border: 1px solid #EFEFEF!important;
}

.div_maplocation{
    font-family: Trebuchet MS, Tahoma, Verdana,Arial,sans-serif;
    font-size: 10px;
    background-color: #2B2724;
    display: none;
    z-index: 9999;
    position: fixed;
    opacity: 0.8;
    right: 22%;
    top: 129px;
}

.div_maplocation .td_maplocation{
     color: #FFF;
     font-weight: bold;
     font-size: 14px;
     vertical-align: bottom;
     vertical-align: middle;
     padding-left: 5px;
}

.div_maplocation .td_maplocation:hover {
    color: #ff8737;
}

/*.tr_report_info:hover{ background-color: #ccc; }*/

.ui-dialog .ui-dialog-content {
    width: auto !important;
    padding-left: .75em;
    padding-right: .5em;
    margin-top: 3px;
}

.context_popup{
    /*Div contextual (por ejemplo, lista de graficas asociadas a una columna de informe)*/
    min-height: 20px;
    min-width: 180px;
    position: fixed;
    box-shadow: rgba(0, 0, 0, 0.7) 10px 10px 10px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.7) 10px 10px 10px;
    background-color: rgba(255, 255, 255, 0.9);
}

div.ui-widget-header.menu span.ui-button-icon-primary.ui-icon.ui-icon-triangle-1-s{
    left: 40%;
    margin-top: -2px;
}
div.ui-widget-header.menu span.ui-button-text{
    padding: 0em 0.5em .4em 0.5em;
}

span.exitmenu{
    right: 220px;
}
span.exitmenu span.goto{
    display: none;
}
span.exitmenu img{
    width: 20px;
}
span.cromomenu{
    right: 260px;
}
div.div_maplocation{
    right: 200px;
}
span.cromomenu span.goto{
    display: none;
}
span.cromomenu img{
    width: 20px;
}

@media screen and (min-width: 1100px) {

    div.ui-widget-header.menu span.ui-button-icon-primary.ui-icon.ui-icon-triangle-1-s{
        left: .5em;
        margin-top: -10px;
    }
    div.ui-widget-header.menu span.ui-button-text{
        padding: 0em 1em .4em 2.1em;
    }

    span.exitmenu{
        right: 20%;
    }
    span.exitmenu span.goto{
        display: block;
    }
    span.exitmenu img{
        width: auto;
    }
    span.cromomenu{
        right: 25%;
    }
    div.div_maplocation{
        right: 22%;
    }
    span.cromomenu span.goto{
        display: block;
    }
    span.cromomenu img{
        width: auto;
    }

}

div#geolocate-button{
    position:absolute;
    float:left;
    bottom:50px;
    left:5px;
    z-index: 9999;
    width: 48px;
    height: 48px;
    cursor:pointer;
}

div#geolocate-button.geodisabled{
    background-image: url(../images/buttons/geolocation_disabled.png)!important ;
}

div#geolocate-button.geoenabled{
    background-image: url(../images/buttons/geolocation_enabled.png)!important ;
}

/*CSS div de graficas*/
div.empty_chart_container{
    margin-top: 5px;
    background-image: url('../images/chart_container.png' );
    background-color: #F7F7F7;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 20000;
}

.divchart {
   /*border: 1px solid #AAAAAA;*/
}

div.divchart div.chart_title{
    height: 30px;
    width: 100%;
}
div.divchart div.chart_container{
    height: 80%;
    height: -webkit-calc(100% - 60px);
    height: -moz-calc(100% - 60px);
    height: calc(100% - 60px);
    width: 100%;
}
div.chart_tooltip{
    position: absolute;
    display: none;
    border: 1px solid #fdd;
    padding: 2px;
    background-color: #fee;
    opacity: 0.80;
    font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
    font-size: 1.2em;
}

/*CSS bReport*/
div.breport div.breport_conttabs {
    height: 98%;
    height: -webkit-calc(100% - 7px);
    height: -moz-calc(100% - 7px);
    height: calc(100% - 7px);
}
div.breport div.tab_container {
    height: 85%;
    height: -webkit-calc(100% - 60px);
    height: -moz-calc(100% - 60px);
    height: calc(100% - 60px);
}
div.breport div.section_elem {
    margin-bottom: 15px;
}

/*CSS bFindGrid*/
div.bfindgrid {
    white-space: nowrap;
}
div.bfindgrid div.leftimg{
    float: left;
    width: 130px;
    display: inline-block;
}
div.bfindgrid div.rightcont{
    float: right;
    width: 65%;
    width: -webkit-calc(100% - 150px);
    width: -moz-calc(100% - 150px);
    width: calc(100% - 150px);
    display: inline-block;
}

/*CSS bRelfield*/
div.brelfield {
    white-space: nowrap;
}
div.brelfield div.leftimg{
    float: left;
    width: 130px;
    display: inline-block;
}
div.brelfield div.rightcont{
    float: right;
    width: 65%;
    width: -webkit-calc(100% - 150px);
    width: -moz-calc(100% - 150px);
    width: calc(100% - 150px);
    display: inline-block;
}


/*CSS bImportGdal*/
div.bimportgdal div.leftimg{
    float: left;
    width: 200px;
}
div.bimportgdal div.rightcont{
    width: 70%;
    width: -webkit-calc(100% - 200px);
    width: -moz-calc(100% - 200px);
    width: calc(100% - 200px);
    float: right;
    padding-right: 10px;
    height: -webkit-calc(100% - 10px);
    height: -moz-calc(100% - 10px);
    height: calc(100% - 10px);
}
div.bimportgdal div.rightcont div.loading{
    width: 70%;
    width: -webkit-calc(100% - 300px);
    width: -moz-calc(100% - 300px);
    width: calc(100% - 300px);
    float: right;
    padding-right: 10px;
}
div.bimportgdal div.rightcont div.paso{
    height: 95%;
    height: -webkit-calc(100% - 20px);
    height: -moz-calc(100% - 20px);
    height: calc(100% - 20px);
}
div.bimportgdal div.rightcont div.paso div.conttabs{
    height: 72%;
    height: -webkit-calc(100% - 100px);
    height: -moz-calc(100% - 100px);
    height: calc(100% - 100px);
}
div.bimportgdal div.rightcont div.paso div.conttabs div.tabcont{
    height: 80%;
    height: -webkit-calc(100% - 60px);
    height: -moz-calc(100% - 60px);
    height: calc(100% - 60px);
    overflow-y: auto;
}

/*CSS Informador*/
div.binfgrupostable div.leftimg {
    position: absolute;
    width: 230px;
    left: 8px
}
div.binfgrupostable div.rightcont {
    position: absolute;
    display: block;
    left: 240px;
    height: 96%;
    height: -webkit-calc(100% - 15px);
    height: -moz-calc(100% - 15px);
    height: calc(100% - 15px);
    width: 72%;
    width: -webkit-calc(100% - 260px);
    width: -moz-calc(100% - 260px);
    width: calc(100% - 260px);
}
div.bwizinf div.rightcont div.tab div.infconds {
    min-height: 200px;
    height: 70%;
    height: -webkit-calc(100% - 90px);
    height: -moz-calc(100% - 90px);
    height: calc(100% - 90px);
}
div.bwizinf div.rightcont div.tab div.infplan {
    min-height: 250px;
    height: 82%;
    height: -webkit-calc(100% - 60px);
    height: -moz-calc(100% - 60px);
    height: calc(100% - 60px);
}
div.bwizinfplant div.rightcont div.step div.infplantfilter {
    height: 80%;
    height: -webkit-calc(100% - 140px);
    height: -moz-calc(100% - 140px);
    height: calc(100% - 140px);
    overflow-y: auto;
    margin-top: 20px;
}