.map img {
    max-width: none!important;
}

.applanguage {
    display: inline-block;
}

.ui-jqgrid tr.jqgrow td {
    height: 28px;
}

.no-csstransforms3d .front {
    visibility: visible;
    display: block;
}

.no-csstransforms3d .back {
    visibility: hidden;
    display: none;
}

.no-csstransforms3d .flip .front {
    visibility: hidden;
    display: none;
}

.no-csstransforms3d .flip .back {
    visibility: visible;
    display: block;
}

.no-csstransforms3d .back,
.no-csstransforms3d .back svg {
    visibility: hidden;
    display: none;
}

.no-csstransforms3d .front,
.no-csstransforms3d .front svg {
    visibility: visible;
    display: block;
}

.no-csstransforms3d .flip .back,
.no-csstransforms3d .flip .back svg {
    visibility: visible;
    display: block;
}

.no-csstransforms3d .flip .front,
.no-csstransforms3d .flip .front svg {
    visibility: hidden;
    display: none;
}

.no-csstransforms3d .vertical .front,
.no-csstransforms3d .vertical .back,
.no-csstransforms3d .vertical .flip .front,
.no-csstransforms3d .vertical .flip .back,
.no-csstransforms3d .horizontal .front,
.no-csstransforms3d .horizontal .back,
.no-csstransforms3d .horizontal .flip .front,
.no-csstransforms3d .horizontal .flip .back,
.no-csstransforms3d .vertical .front svg,
.no-csstransforms3d .vertical .back svg,
.no-csstransforms3d .vertical .flip .front svg,
.no-csstransforms3d .vertical .flip .back svg,
.no-csstransforms3d .horizontal .front svg,
.no-csstransforms3d .horizontal .back svg,
.no-csstransforms3d .horizontal .flip .front svg,
.no-csstransforms3d .horizontal .flip .back svg {
    visibility: visible;
    display: block;
}

img.olTileImage {
    /*  opacity: 0.75 !important;*/
    /*  filter:alpha(opacity=75); For IE8 and earlier */
}

.panel {
    float: left;
    width: 100%;
    height: 100%;
    /*margin: 20px;*/
    position: relative;
    -webkit-perspective: 3000px;
    -moz-perspective: 3000px;
    -webkit-transform-style: preserve-3d;
}


/* -- make sure to declare a default for every property that you want animated -- */


/* -- general styles, including Y axis rotation -- */

.panel .front {
    -webkit-transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-transform: rotateY(0deg);
    -moz-transform-style: preserve-3d;
    -moz-backface-visibility: hidden;
    /* -- transition is the magic sauce for animation -- */
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.panel.flip .front {
    /*z-index: 900;*/
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
}

.back {
    width: 100% !important;
}

.panel .back {
    float: none;
    position: absolute;
    top: 0;
    left: 0;
    /*z-index: 800;*/
    -webkit-transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-transform: rotateY(-180deg);
    -moz-transform-style: preserve-3d;
    -moz-backface-visibility: hidden;
    /* -- transition is the magic sauce for animation -- */
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.panel.flip .back {
    /*z-index: 1000;*/
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
}

.frmheader {
    height: 110px;
    background-color: #08C;
    color: white;
    padding-left: 20px;
    padding-right: 20px;
}

.rowheader div {
    float: left;
    margin-top: 10px;
    margin-left: 10px;
}

.headerForm div {
    float: left;
    margin-left: 10px;
    font-size: 16px;
}

.columnHeader1 {
    width: 30px;
}

.columnHeader2 {
    width: 100px;
}

.columnHeader3 {
    width: 150px;
}

.columnHeader4 {
    width: 260px;
}

.columnHeader4BuqueName {
    width: 400px;
}

.h3BuqueName {
    margin-bottom: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
}

.columnHeader10 {
    width: 700px;
    font-weight: bold;
}

.frmheader h2 {
    padding: 0 0 5px 0;
    line-height: 42px;
    font-size: 38px;
}

.frmheader span {
    text-transform: capitalize;
}

.whitetext,
.whitetext h1,
.whitetext h2,
.whitetext h3,
.whitetext h4,
.whitetext span,
.whitetext p,
.whitetext label {
    color: white;
}

.etiqueta {
    text-align: right;
}

.frm {
    display: none;
    background-color: white;
    z-index: 1001;
}

.controls input {
    margin-left: 16px;
}

.controls input:first-child {
    margin-left: 0px;
}

.controls textarea {
    margin-left: 0px;
}

.shortlabel {
    float: left;
    margin-right: 16px;
    padding-top: 5px;
    text-align: right;
    width: 36px;
}


/*_----------------------------------------*/

.frmbody {
    padding-top: 10px;
    margin-left: 0px !important;
    min-width: 480px !important;
}

.ui-dialog .frmbody {
    padding-top: 0px;
}

.gridhead #radioset {
    display: inline-block;
}

.frm {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
}

.frmheader-inner,
.frmbody-inner {
    position: relative;
    max-width: 960px !important;
}

.map {
    overflow: hidden;
}

div.olControlZoom {
    position: absolute;
    top: 8px;
    left: 8px;
}

* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

div.olControlZoom a {
    display: block;
    margin: 1px;
    padding: 0;
    color: white;
    font-size: 28px;
    font-family: sans-serif;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    height: 32px;
    width: 32px;
    line-height: 28px;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
    background: #666666;
    /* fallback for IE - IE6 requires background shorthand*/
    background: rgba(0, 0, 0, 0.3);
    filter: alpha(opacity=60);
}

a.olControlZoomIn {
    border-radius: 4px 4px 0 0;
}

a.olControlZoomOut {
    border-radius: 0 0 4px 4px;
}

div.olControlZoom a:hover {
    background: #444444;
    /* fallback for IE */
    background: rgba(0, 0, 0, 0.5);
    filter: alpha(opacity=80);
}

@media only screen and (max-width: 600px) {
    div.olControlZoom a:hover {
        background: rgba(0, 0, 0, 0.3);
    }
}

.botonera .ui-icon {
    margin: 10px 4px 0px 4px;
}

.olControlScaleLine {
    display: block;
    position: absolute;
    left: 10px;
    bottom: 15px;
    font-size: xx-small;
}

.olControlScaleLineBottom {
    border: solid 2px black;
    border-bottom: none;
    margin-top: -2px;
    text-align: center;
}

.olControlScaleLineTop {
    border: solid 2px black;
    border-top: none;
    text-align: center;
}

.olControlPanel {
    margin-left: 50px;
    padding: 2px 0px 2px 0px;
    background-color: transparent;
}

.olControlPanel div {
    float: left;
    display: block;
    width: 32px;
    height: 32px;
    margin: 10px 2px 0px 2px;
}

.mapStatus {
    float: left;
    font-size: 14px;
    width: 750px;
}

.mapStatus div {
    float: left;
    display: inline-block;
    padding: 4px 6px 4px 6px;
}

.mapOutput sup {
    height: 0;
    vertical-align: text-top;
    position: relative;
    font-size: 8px;
}

.ui-icon-deshaceratraque {
    background-position: 0px -96px;
}

.ui-icon-muelletiempo {
    background-position: 0px -120px;
}

.ui-icon-iniatraque {
    background-position: -120px -96px;
}

.ui-icon-finatraque {
    background-position: -96px -96px;
}

.ui-icon-denatraque {
    background-position: -0px -216px;
}

.ui-icon-print {
    background-position: -24px -120px !important;
}

.ui-icon-modatraque {
    background-position: -144px -96px;
}

.olControlPanel .olControlMeasureDistanceItemInactive {
    /*background-image: url( "../img/measure-length-off.png" );*/
    background-image: url("../img/medir.png");
}

.olControlPanel .olControlMeasureDistanceItemActive {
    background-image: url("../img/medir_on.png");
}

.olControlPanel .olControlMeasureAreaItemInactive {
    background-image: url("../img/medir_area.png");
}

.olControlPanel .olControlMeasureAreaItemActive {
    background-image: url("../img/medir_area_on.png");
}

.olControlPanel .olControlZoomBoxItemInactive {
    background-image: url("../img/zoombox_off.png");
}

.olControlPanel .olControlZoomBoxItemActive {
    background-image: url("../img/zoombox_on.png");
}

.olControlPanel .olControlZoomToLayerFeaturesItemInactive {
    background-image: url("../img/zoomfeatures_off.png");
}

.olControlPanel .olControlZoomToLayerFeaturesItemActive {
    background-image: url("../img/zoomfeatures_on.png");
}

.layertree {
    display: block;
    position: absolute;
    text-transform: uppercase;
    font-size: 10.5px;
}

.layertree-active {
    font-weight: bold !important;
    text-transform: uppercase !important;
    background-image: url('../../img/bullet.png') !important;
    background-repeat: no-repeat !important;
    background-position: 0px 3px !important;
    padding-left: 10px !important;
}

.layertree ul {
    list-style-type: none;
}

.ui-vectorlegend span {
    font-size: 10px;
    position: relative;
    bottom: 18px;
    left: 30px;
    line-height: 16px;
    width: 120px;
    display: inline-block;
    height: 16px;
    overflow: hidden;
    vertical-align: middle;
}

.olImageLoadError {
    display: none;
}

.ui-vectorlegend-gisweb ul {
    display: inline;
}

.ui-vectorlegend-gisweb span {
    display: inline;
    font-family: 'Segoe UI', 'Segoe WP', 'Helvetica Neue', RobotoRegular, sans-serif;
    font-size: 12px;
    line-height: 12px;
    text-decoration: none;
    white-space: normal;
    list-style-type: none;
    margin-left: -8px;
}


/* .frmheader h3{
    margin-top: 0;
} */


/*Estilos para la columna izquierda*/

.hideColumn {
    float: left;
    margin: 0 !important;
    width: 200px;
    max-width: 200px;
    /* overflow: hidden;*/
}

.btnColumnHide {
    float: left;
}

.btnColumnShow {
    float: left;
    /*margin-left: 0px;*/
}

.containerGrid {
    float: left;
}

.olMap {
    width: 100% !important;
}

@media screen {
    .olMap div img {
        max-width: none !important;
    }
}

.noraylabel {
    border: 0;
    color: #f6931f;
    font-weight: bold;
}

.metro-pivot .headers .header.current {
    font-weight: bold;
}

.advSearchBtn {
    float: left !important;
}


/*
 * jQuery UI Slider 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */

.ui-slider {
    position: relative;
    text-align: left;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
}

.ui-slider-horizontal {
    height: .8em;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em;
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em;
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0;
}


/* Slider */

.ui-slider {
    background: #d4d4d4;
}

.ui-slider .ui-slider-range {
    background: #1BA1E2;
}


/*
.ui-slider .ui-state-default{background-image: url(../img/icon_double_arrow.png);background-repeat: no-repeat; background-position: center center;}
.ui-slider .ui-state-active{background-image: url(../img/icon_double_arrow.png);background-repeat: no-repeat; background-position: center center !important;}
.ui-slider .ui-state-focus{background-image: url(../img/icon_double_arrow.png);background-repeat: no-repeat; background-position: center center;}
.ui-slider .ui-state-hover{background-image: url(../img/icon_double_arrow.png);background-repeat: no-repeat; background-position: center center;}
*/


/* Slider */

.ui-slider {
    border: none;
}

.ui-slider .ui-slider-handle {
    width: .8em;
    height: .8em;
    border: none;
    margin: -.4em;
}

.ui-slider-horizontal .ui-slider-handle {
    margin-top: 0;
    top: 0;
}

.ui-slider-vertical .ui-slider-handle {
    margin-left: 0;
    left: 0;
}


/**MOD**/

.ui-slider .ui-slider-handle {
    width: 1.8em;
    height: 1.8em;
    border: none;
    margin: -.4em;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.3em;
    height: 1.3em;
    cursor: default;
}


/*.ui-slider-horizontal { height: 1.8em; }*/

.ui-slider-horizontal .ui-slider-handle {
    top: .2em;
    margin-left: -.6em;
}

.ui-slider-vertical {
    width: 1.8em;
    height: 100px;
}

.ui-slider-handle.ui-state-default {
    margin-left: -.6em;
}

div.overlay-box {
    z-index: -10000;
    position: relative;
    /*    top:0;*/
    /*    bottom:0;*/
    /*    left:0;*/
    /*    width:100%;*/
    background-color: transparent;
    filter: alpha(opacity=50);
    /*older IE*/
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50);
    /* IE */
    -moz-opacity: .50;
    /*older Mozilla*/
    -khtml-opacity: 0.5;
    /*older Safari*/
    opacity: 0.5;
    /*supported by current Mozilla, Safari, and Opera*/
    /*visibility:hidden;*/
}

.horizontal .panel > div {
    float: left;
    width: 50%;
    position: relative;
}

.horizontal .panel .front {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
}

.horizontal .panel.flip .front {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
}

.horizontal .back {
    width: 50% !important;
}

.horizontal .panel .back {
    float: left;
    position: relative;
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
}

.horizontal .panel.flip .back {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
}

.horizontal .ui-jqgrid-hbox {
    margin-top: 0;
}

.horizontal .front > div {
    margin-left: 10px;
}

.vertical .panel > div {
    float: none;
    width: 800px;
    position: relative;
    margin: 0 auto;
}

.vertical .panel .front {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    margin-top: 20px;
}

.vertical .panel.flip .front {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
}

.vertical .back {
    width: 800px !important;
}

.vertical .panel .back {
    float: none;
    position: relative;
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
}

.vertical .panel.flip .back {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
}

.vertical .ui-jqgrid-hbox {
    margin-top: 0;
}

.vertical .front > div {
    margin-left: 0px;
}

.browserNotSupported {
    text-align: center;
    margin-bottom: 35px;
    margin-top: 35px;
    font-weight: normal;
    color: #666;
    font-size: 24px;
    text-shadow: white 0 1px 0;
    font-family: 'Segoe UI', 'Segoe WP', 'Helvetica Neue', RobotoRegular, sans-serif;
}

.submenu li {
    display: inline;
    font-family: 'Segoe UI', 'Segoe WP', 'Helvetica Neue', RobotoRegular, sans-serif;
    font-size: 12px;
    line-height: 12px;
    text-decoration: none;
    text-transform: uppercase;
    white-space: normal;
    width: auto;
    list-style-type: none;
    margin-right: 30px;
}

.submenu li a {
    color: rgb(64, 64, 64)
}

.submenu li.active a {
    color: black;
    font-weight: bold;
}

.submenu {
    padding: 0 0 10px 0;
    margin: 0;
}

.logotipogisweb {
    display: none;
    background-image: url('../images/logo_gisweb.png');
    height: 35px;
    width: 104px;
    min-height: 35px;
    min-width: 104px;
}

.orientationhorizontal {
    background-image: url('../img/appbar.transform.rotate.left.png');
    height: 48px;
    width: 48px;
    min-height: 48px;
    min-width: 48px;
}

.orientationvertical {
    background-image: url('../img/appbar.transform.rotate.right.png');
    height: 48px;
    width: 48px;
    min-height: 48px;
    min-width: 48px;
}

.logingisweb {
    display: none;
    background-image: url('../images/logo_gisweb.png');
    height: 35px;
    width: 104px;
    min-height: 34px;
    min-width: 104px;
    float: left;
}

.ui-vectorlegend {
    width: 100%;
    position: absolute;
    bottom: 0;
}

.ui-vectorlegend-gisweb-diario {
    width: 800px !important;
    position: relative;
    bottom: 0;
    margin-top: -4px !important;
    margin-left: 80px !important;
    z-index: -1;
}

.ui-vectorlegend-gisweb {
    width: 500px;
    position: relative;
    bottom: 0;
    margin-top: -24px;
    margin-left: 160px;
    z-index: -1;
}

.opaco {
    opacity: 1 !important;
}

.textogrande {
    font-size: 18px !important;
}

.transform_vertical {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    /*filter: progid:DXImageTransform.Microsoft.Matrix(
                     M11=6.123233995736766e-17, M12=1, M21=-1, M22=6.123233995736766e-17, sizingMethod='auto expand');*/
    zoom: 1;
    transform-origin: 50% 20%;
    -webkit-transform-origin: 50% 20%;
    -moz-transform-origin: 50% 20%;
    -ms-transform-origin: 50% 20%;
    -o-transform-origin: 50% 20%;
    position: absolute;
    width: 300px;
    top: 50%;
    left: -150px;
    margin-top: -10px;
}

.hideHandler {
    position: absolute;
    right: 0;
    width: 16px;
    height: 300px;
    top: 0;
    opacity: 0.6;
    cursor: pointer;
}

.hideHandler:hover {
    opacity: 1;
}

.hideColumn {
    position: relative;
}

.transform_vertical.abierto .btnOcultar {
    width: 10px;
    height: 10px;
    display: inline-block;
    background-image: url(../img/up-peque.png);
}

.transform_vertical.cerrado .btnOcultar {
    width: 10px;
    height: 10px;
    display: inline-block;
    background-image: url(../img/down-peque.png);
}


/*OVERLOAD*/

.ui-widget-overlay {
    background: #eeeeee;
    opacity: .30;
    filter: Alpha(Opacity=30);
}

#filacabeceraimpresion {
    display: none;
}

#cabeceraimpresion {
    width: 800px;
    margin: 0 auto;
}

#fechaimpresion {
    font-size: 20px;
}


/*Filtros hitóricos para gisweb*/

.filterHis {
    width: 820px;
    margin-left: auto;
    margin-right: auto;
}

.dialog-gisportlegend-header {
    background-image: url('../img/up.png');
    background-repeat: no-repeat;
    background-position: right center;
}

.dialog-gisportlegend {
    /*height: 400px;    */
    overflow-x: "hidden";
    /*overflow:hidden;*/
    background-color: rgba(255, 255, 255, 0.398438) !important;
}

fieldset .panel .front {
    margin-left: 15px;
}

.margin-top {
    margin-top: 5px;
}

.back .olMap {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -moz-backface-visibility: hidden;
    -moz-transform: translateZ(0);
}

.hidden-inputfile {
    position: absolute;
    opacity: 0;
    /*Para que en los dialogs se vea*/
    z-index: 10000 !important;
    position: absolute !important;
}

.over-inputbutton {
    color: white;
    border-color: #08C;
    background-color: #08C;
}

.login-content {
    padding-top: 50px;
    padding-bottom: 40px;
}

#formLogin {
    margin: 0px;
}

.form-signin {
    max-width: 400px;
    padding: 19px 29px 29px;
    margin: 0 auto 20px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}

.form-signin .form-img {
    width: 300px;
    height: 300px;
}

.form-signin .labelsignin {
    font-weight: bold;
    font-size: 14px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4F4F4F;
}

#login {
    width: 370px;
    text-align: center;
    font-size: 16px;
}

.form-signin .inputsignin {
    width: 370px;
    font-size: 16px;
    margin-bottom: 15px;
    padding: 7px 9px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4F4F4F;
    border-top: solid 1px #AAA;
    border-left: solid 1px #AAA;
    border-bottom: solid 1px #CCC;
    border-right: solid 1px #CCC;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: white;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.form-signin .inputsignin:focus {}

.row-fluid-login {
    display: table;
}

.header-meteo {
    opacity: 0.75;
    font-size: 24px;
    display: inline;
    font-family: "Segoe UI Light", "Helvetica Neue", 'RobotoLight', "Segoe UI", "Segoe WP", sans-serif;
    font-weight: 100;
    margin-top: 5px;
    margin-bottom: 0px;
    text-transform: lowercase;
    vertical-align: top;
    padding: 0;
    cursor: pointer;
    margin-right: 24px;
}

.olControlAttribution {
    text-transform: capitalize;
    bottom: 1em;
    font-size: 10px;
    text-shadow: 0.1em 0.1em #999;
}

.subzonasmapa {
    height: 200px;
    width: 180px;
    overflow-x: hidden;
    overflow-y: scroll;
    margin-top: 160px;
}

#loading {
    /*position it 200px down the screen*/
    height: 3000px;
    width: 3000px;
    left: 50%;
    top: 50%;
    text-align: center;
    z-index: 1001;
    margin: -1500px 0 0 -1500px;
    padding: 0;
    background: #dedede url('../img/ajax-loader.gif') no-repeat center center;
    position: absolute;
}

.formError {
    z-index: 999990 !important;
}

.formError .formErrorContent {
    z-index: 999991 !important;
}

.formError .formErrorArrow {
    z-index: 999996 !important;
}

.formErrorInsideDialog.formError {
    z-index: 5000000 !important;
}

.formErrorInsideDialog.formError .formErrorContent {
    z-index: 5000001 !important;
}

.formErrorInsideDialog.formError .formErrorArrow {
    z-index: 5000006 !important;
}

.miniauditoria {
    border: initial;
    margin-top: 20px;
    font-family: "Segoe UI Light", "Helvetica Neue", 'RobotoLight', "Segoe UI", "Segoe WP", sans-serif;
    font-size: 11px;
    color: grey;
}

.miniauditoria .row-fluid {
    width: initial;
    margin-left: 50px;
}

.miniauditoria .row-fluid [class*="span"] {
    min-height: initial;
}


/**SCROLLBAR SÓLO PARA WEBKIT **/

::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}

::-webkit-scrollbar-thumb {
    background: #CCC;
    -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.2);
}

::-webkit-scrollbar-track {
    /* background: #FFF; */
    /* -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.1); */
}

#statusSet label.ui-state-active:before {
    background-image: url('images/whitecheck.gif');
    margin-top: -5px;
    margin-left: -30px;
    content: " ";
    position: absolute;
    width: 18px;
    height: 18px;
}

#frmoperationcombo {
    overflow-x: hidden;
}


/***/


/* background */

.modal-overlay {
    position: fixed;
    z-index: 100000;
    width: 100%;
    height: 10000px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000;
    opacity: 0.3;
}

.model-content {
    position: absolute;
    z-index: 100000;
    background-color: #ffffff;
    /* border: 1px solid #999; */
    /* border: 1px solid rgba(0, 0, 0, 0.3); */
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    outline: none;
    padding: 4px;
    width: 95%;
    display: none;
}

.inputupper {
    text-transform: uppercase;
}


/* Effect 1: Brackets */

.cl-effect-1 a::before,
.cl-effect-1 a::after {
    display: inline-block;
    opacity: 0;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
    -moz-transition: -moz-transform 0.3s, opacity 0.2s;
    transition: transform 0.3s, opacity 0.2s;
}

.cl-effect-1 a::before {
    margin-right: 10px;
    content: '[';
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    transform: translateX(20px);
}

.cl-effect-1 a::after {
    margin-left: 10px;
    content: ']';
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    transform: translateX(-20px);
}

.cl-effect-1 a:hover::before,
.cl-effect-1 a:hover::after,
.cl-effect-1 a:focus::before,
.cl-effect-1 a:focus::after {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    transform: translateX(0px);
}

#login {
    float: right;
    margin: 0;
    margin-right: 8px;
    width: 45px;
    text-align: center;
    font-size: 12px;
    height: 20px;
}

.pace .pace-activity {
    z-index: 9999999999999;
}

.remember-password {
    float: right;
    border-bottom: 1px solid;
    color: #777;
    font-style: italic;
}

.remember-session {
    margin-left: -10px;
    margin-top: 2px;
}

.under-pass .format {
    padding-right: 10px;
    margin-top: -10px;
    margin-bottom: 5px;
}

.under-pass {
    margin-left: -5px;
    padding-bottom: 10px;
}

.force-right {
    float: right !important;
}

.force-left {
    float: left !important;
}

.custombox-modal,
.custombox-error {
    top: 10% !important;
}

#menu {
    margin-top: 10px;
    width: 90%;
    height: 550px
}

.menu_list {
    width: 100%;
    font-family: "Segoe UI Light", "Helvetica Neue", 'RobotoLight', "Segoe UI", "Segoe WP", sans-serif;
    font-size: 13px;
}

.menu_head:hover {
    color: #257DD6
}

.menu_body {
    display: none;
    margin-left: 0px;
}

.menu_body a {
    display: block;
    color: #000000;
    font-style: normal;
    text-decoration: none;
    margin-left: 20px;
}

.menu_body a:hover {
    color: #257DD6;
}

.menu_body a.active {
    height: boldcolor: #000000;
    font-weight: bold
}

.menu_head {
    border-top: 1px none #D3D3D3;
    border-right: 1px none #D3D3D3;
    border-bottom: 1px none #D3D3D3;
    border-left: 1px none #D3D3D3;
    color: #000000;
    cursor: pointer;
    position: relative;
    padding-left: 16px;
    margin: 1px;
    margin-left: 0px;
    margin-right: 0px;
    font-style: normal;
    background: url(../img/flecha-der.png) center left no-repeat;
}

.menu_pos_ident {
    margin-left: 5px;
}

.menu_body .menu_pos_ident a {
    margin-left: 20px;
}

.menu_body a {
    margin-left: 20px;
    font-size: 12px;
}

.arrowder {
    background-image: url(../../../pui/skin/img/plus.png);
}

.arrowdown {
    background-image: url(../../../pui/skin/img/minus.png);
}

.force-invisible {
    display: none !important;
}

.selectorTablaAll.force-block {
    display: block !important;
}

.selectorTablaAll.force-block.nowidth {
    width: 0;
}

.selectorTablaAll.force-block .grid_sinput {
    width: 100px;
}

.grid-detail .grid_searchBtn,
.grid-detail .grid_advAddFiltersBtn,
.grid-detail .grid_advRemoveFiltersBtn,
.grid-detail .grid_btnCopy,
.grid-detail .grid_btnNew {
    margin-left: 2px !important;
}

.tamanyofijo.one-fourth {
    width: 24% !important;
}

.tamanyofijo.three-fourth {
    width: 74% !important;
}

.tamanyofijo.one-third {
    width: 32% !important;
}

.tamanyofijo.two-third {
    width: 66% !important;
}

.tamanyofijo.one-half {
    width: 49% !important;
}

.tamanyofijo.one-fifth {
    width: 19% !important;
}

.tamanyofijo.four-fifth {
    width: 79% !important;
}

.tamanyofijo.full-width {
    width: 100% !important;
}

.one-fourth .panel,
.one-fourth .ui-jqgrid-view,
.one-fourth .grid_pager,
.three-fourth .panel,
.three-fourth .ui-jqgrid-view,
.three-fourth .grid_pager,
.one-third .panel,
.one-third .ui-jqgrid-view,
.one-third .grid_pager,
.two-third .panel,
.two-third .ui-jqgrid-view,
.two-third .grid_pager,
.one-fifth .panel,
.one-fifth .ui-jqgrid-view,
.one-fifth .grid_pager,
.four-fifth .panel,
.four-fifth .ui-jqgrid-view,
.four-fifth .grid_pager,
.one-half .panel,
.one-half .ui-jqgrid-view,
.one-half .grid_pager,
{
    width: 100% !important;
}

.simple-grid {}

.simple-grid .gcombo,
.simple-grid .grid_searchBtn,
.simple-grid .grid_advAddFiltersBtn,
.simple-grid .grid_advRemoveFiltersBtn,
.simple-grid .grid_pager [id$='_left'],
.simple-grid .grid_pager [id$='_right'] {
    display: none;
}

.containerGrid.noheight {
    height: 0 !important;
}


/**
 * ocultamos los checkboxes del jqgrid
 */

.ui-jqgrid-btable tr[role='row'] input[role='checkbox'] {
    display: none;
}

.ui-jqgrid-htable th[role='columnheader'] div.checker {
    top: -3px;
}

.right {
    text-align: right;
}

.left {
    text-align: left;
}

.swatch.grid {
    width: 250px;
    display: inline-block;
}

.swatch.grid.jqueryswatches .holder {
    position: relative;
    width: 100%;
    height: 25px;
    margin-top: 0px;
    border-radius: 10px;
}

.swatch.grid.jqueryswatches .shade {
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    height: 26px;
}

.swatch.grid.jqueryswatches .shade span {
    opacity: 1;
}

.grid_btnFilters {
    margin-bottom: 5px;
}

.grid-filter-div {
	display: inherit;
	margin-right: 10px;
}

.grid-filters-widget {
    float: left;
    padding-right: 10px;
}

.grid-filters-label {
    color: black;
    float: left;
    padding-right: 10px;
}

.grid_sinput {
    height: 22px;
    padding-left: 10px;
    -moz-border-radius: 15px !important;
    -webkit-border-radius: 15px !important;
    border-radius: 15px !important;
}

.frm div[data-bind*='gridDetail'] .ui-pager-control .navtable td:last-child,
.frm div[data-bind*='gridDetail'] .ui-pager-control .navtable td:nth-last-child(2) {
    display: none;
}

.ui-icon-puiactivity {
    background-image: url("../img/puiactivity.png") !important;
}

.ui-icon-puiactivity:hover {
    background-image: url("../img/puiactivity_hover.png") !important;
}

.appversion {
    font-size: 10px;
    float: right;
}

.appversionlayout {
    margin-top: 20px;
    margin-left: 5px;
}

.frm fieldset {
    min-width: 97%;
}

.navbar-triangle-up {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 17.3px 10px;
    border-color: transparent transparent #ccc transparent;
    cursor: pointer;
}

.navbar-handler {
    height: 20px;
    width: 20px;
    float: right;
    background: transparent;
    position: absolute;
    right: 0;
    cursor: pointer;
}

.triangle-left {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 17.3px 10px 0;
    border-color: transparent #ccc transparent transparent;
}

.col-handler {
    position: absolute;
    float: right;
    z-index: 9;
    display: none;
}

.navbar-handler,
.col-handler + .hideColumn .hideHandler {
    display: none;
}

.logopruebas, .logotipopruebas {
    height: 50px;
    width: 160px;
    min-height: 50px;
    min-width: 160px;
    margin-left: 210px;
    vertical-align: top;
}

.logotipopruebas {
    margin-left: initial;
}

.logopruebas .testtext, .logotipopruebas .testtext {
	font-family: fantasy;
    font-size: 25px;
    vertical-align: middle;
}

.ui-timepicker-div dl {
    margin-bottom: 0px;
    margin-top: 5px;
}

.ui-timepicker-div dd select {
    width: inherit;
    margin-bottom: 0px;
}

.row_actions_header {
    display: none;
}

.row-action {
    background-position: 0px 0px !important;
    padding: 0px !important;
    margin: 0px 5px 0px 0px !important;
    width: 24px !important;
    cursor: pointer !important;
    height: 24px !important;
    display: inherit !important;
}

.row-view {
    background-image: url(../img/view.png) !important;
}

.row-edit {
    background-image: url(../img/edit.png) !important;
}

.row-delete {
    background-image: url(../img/delete.png) !important;
}

.ui-state-highlight .row-view {
    background-image: url(../img/view_white.png) !important;
}

.ui-state-highlight .row-edit {
    background-image: url(../img/edit_white.png) !important;
}

.ui-state-highlight .row-delete {
    background-image: url(../img/delete_white.png) !important;
}

.ui-jqgrid-btable tr[role='row'] input[role='checkbox'] {
    display: inherit;
}

.ui-jqgrid-btable td[role='gridcell'][aria-describedby*='cb']:nth-child(1) {
    background-color: grey;
    opacity: 0.25;
}

td[role='gridcell'] {
	padding-left: 3px !important;
    padding-right: 0px !important;
}

.fbutton4Icon {
    width: 24px !important;
    height: 24px !important;
}

.filterinfo {
    float: left;
    width: 100%;
    height: 20px;
    position: relative;
    margin-bottom: 5px;
    text-align: center;
    font-size: 13px;
    font-style: oblique;
}

.infocontaineractivity {
	text-align: center;
}

.infoactivity {
	font-weight: bold;
	font-style: italic;
}

.elasticsearch-column {
	text-align: center !important;
}