@keyframes lds-eclipse {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes lds-eclipse {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.lds-eclipse {
  position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -100px;
    z-index: 20000 !important;
}
.lds-eclipse div {
  position: absolute;
  -webkit-animation: lds-eclipse 0.7s linear infinite;
  animation: lds-eclipse 0.7s linear infinite;
  width: 160px;
  height: 160px;
  top: 20px;
  left: 20px;
  border-radius: 50%;
  box-shadow: 0 4px 0 0 #0a18a4;
  -webkit-transform-origin: 80px 82px;
  transform-origin: 80px 82px;
}
.lds-eclipse {
  width: 200px !important;
  height: 200px !important;
  -webkit-transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
  transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
}

#header_main {
    background: linear-gradient(rgb(22, 54, 127), rgb(4, 29, 86)) repeat scroll 0 0 transparent;
    border-bottom: 1px solid #000000;
    border-top: 1px solid #495f93;
}
.box .header {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: linear-gradient(rgb(70, 108, 193), rgb(29, 62, 137)) repeat scroll 0 0 transparent;
    border-color: #102249 #102249 -moz-use-text-color;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 1px medium;
}
*::-moz-selection {
    background: none repeat scroll 0 0 #2d467f;
}
a, a:visited {
    color: #031b51;
}
a:hover, a:active, a:focus {
    color: #000000;
}
#nav_main > li.current > a, #nav_main > li.current > ul li.current a {
    color: #082568;
}
.special_page > .top {
    background: linear-gradient(#002f43, #e3e3e3) repeat scroll 0 0 transparent;
}
.toolbox .mail li strong {
    color: #031b51;
}
.toolbox .mail a:hover {
    color: #132856;
}
.toolbox .inbox {
    color: #031b51;
}
.box .header ul li.current a {
    background: linear-gradient(#218aad, #055975) repeat scroll 0 0 transparent;
}
.step span {
    color: #122654;
}
.shortcuts li:hover strong {
    color: #082568;
}
#HD_BG.jui {
    color: #122654;
}
#HD_BRDR.jui {
    color: #08090c;
}
#BDR_HVR.jui {
    color: #0a2972;
}
#BG_HVR.jui {
    color: #011d5e;
}
#HI_BRDR.jui {
    color: #0b296d;
}
#HI_ICON.jui {
    color: #0745d3;
}

.ui-tooltip, .arrow:after
            {
                background: #ececec;
                border: 1px solid #16367f;
            }
            .ui-tooltip
            {
                padding: 5px 15px;
                /*color: white;*/
                border-radius: 5px;
                font: normal 14px "Helvetica Neue" , Sans-Serif;
                box-shadow: 0 0 2px #16367f;
            }
        
            input.danio {
                padding: 2px;
                margin: 0px;
            }

button:hover, button:active, input[type="submit"]:hover, input[type="submit"]:active, input[type="reset"]:hover, input[type="reset"]:active, a.button:hover, a.button:active, .customfile-hover button, .button:hover, .button:active {
    border-color: #16367f;
    background-image: url("../img/sprites/buttons/hover/bg-grupoyava.png");
}
.toolmenu > span {
    background-image: url("../img/sprites/toolbar/bg-counter4.png");
    display: inline-block;
    height: 20px;
    position: absolute;
    right: -5px;
    text-align: center;
    top: -5px;
    vertical-align: middle;
    width: 20px;
}
.toolmenu > span {
    color: #fff !important;
    font-family: Arial;
    font-size: 11px;
    font-weight: 700;
    line-height: 20px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
    vertical-align: middle;
}
.shortcuts li {
    overflow: auto !important;
}
.ui-state-default.ui-state-highlight {
    background-color: #031b51 !important;
    color: white !important;
    background-image: none !important;
}
.ui-state-default.ui-state-highlight.ui-state-active {
    background-color: #1e90ff !important;
    color: white !important;
    background-image: none !important;
}

.ui-state-active {
    background-color: #1e90ff !important;
    color: white !important;
    background-image: none !important;
}

/*.ui-datepicker-today {
    background-color: black !important;
}*/
.ui-widget-header {
    background-image: none !important;
    background-color: #2d467f !important;
}


#header_main { background: linear-gradient(#00506b, #003142); border-top: 1px solid #296a7f; border-bottom: 1px solid #000000; }
.box .header { background: linear-gradient(#218aad, #055975); border-top: 1px solid #032935; border-right: 1px solid #032935; border-left: 1px solid #032935; border-image: initial; border-bottom: none; }
 .ui-tooltip, .arrow:after {
            background: #ececec;
            border: 1px solid #00506b;
        }

        .ui-tooltip {
            padding: 5px 15px;
            /*color: white;*/
            border-radius: 5px;
            font: normal 14px "Helvetica Neue", Sans-Serif;
            box-shadow: 0 0 2px #00506b;
        }

        .popover {
            border: 3px solid #00506b !important;
        }

            .popover > .header {
                background-color: #00506b !important;
            }

            .popover > .triangle.right {
                border-right: 20px solid #00506b !important;
            }

            .popover > .triangle.top {
                border-top: 20px solid #00506b !important;
            }

            .popover > .triangle.left {
                border-left: 20px solid #00506b !important;
            }

            .popover > .triangle.bottom {
                border-bottom: 20px solid #00506b !important;
            }

        input:active, input:focus, textarea:active, textarea:focus {
            box-shadow: 0 2px 3px 0 rgba(18, 16, 11, 0.13) inset, 0 0 5px 0 rgba(0, 80, 107, 0.75) !important;
        }


@media all and (max-width: 1200px) {
    .logo{
        display:none;
    }
}


.dxeEditArea_Office2010Silver.dxeEditAreaSys  {
    margin: 0 !important;  
}
.dxucBrowseButtonHover_MetropolisBlue {
    background-color: #00506b !important;    
    color: #ffffff;
}

.dxgvFocusedRow_MetropolisBlue,.dxeListBoxItemSelected_MetropolisBlue,.dxeCalendarSelected_MetropolisBlue,
.dxeCalendarButtonHover_MetropolisBlue, .dxeButtonEditButtonHover_MetropolisBlue, .dxeSpinIncButtonHover_MetropolisBlue, .dxeSpinDecButtonHover_MetropolisBlue, .dxeSpinLargeIncButtonHover_MetropolisBlue, .dxeSpinLargeDecButtonHover_MetropolisBlue, .dxeColorEditButton_MetropolisBlue:hover,
.dxGridView_gvHeaderFilterActive_MetropolisBlue,.dxpLite_MetropolisBlue .dxp-current,
.dxWeb_edtCheckBoxChecked_MetropolisBlue, .dxWeb_edtCheckBoxCheckedDisabled_MetropolisBlue, .dxWeb_edtCheckBoxGrayed_MetropolisBlue, .dxWeb_edtCheckBoxGrayedDisabled_MetropolisBlue, .dxWeb_edtCheckBoxUnchecked_MetropolisBlue, .dxWeb_edtCheckBoxUncheckedDisabled_MetropolisBlue,
.dxmLite_MetropolisBlue .dxm-popup .dxm-hovered,.dxbButtonHover_MetropolisBlue,.select2-results .select2-highlighted,.dxgvFocusedRow_MetropolisBlue, .dxgvFocusedRow_MetropolisBlue a {
    background-color:#00506b !important;
}

.dxgvFilterBar_MetropolisBlue a,.dxpcLite_MetropolisBlue .dxpc-header, .dxdpLite_MetropolisBlue .dxpc-header,
.dxgvControl_MetropolisBlue a,td a.dxfcPropertyName_MetropolisBlue,.dxeCalendarHeader_MetropolisBlue,
.widget.widget-tabs-double-2 > .widget-head ul li:hover a i:before,.widget.widget-tabs-double-2 > .widget-head ul li:hover a {
    color: #00506b !important;
}

.dxeCalendarButtonHover_MetropolisBlue, .dxeColorEditButton_MetropolisBlue:hover,.dxeFocused_MetropolisBlue,
.dxeCalendarToday_MetropolisBlue,.dxbButtonHover_MetropolisBlue,
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    border-color: #00506b !important;
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(00,61,102, 0.6)
}

.widget.widget-heading-simple > .widget-body,body.login #login .widget .widget-footer {
    border-color: #00506b !important;
}
.widget.widget-heading-simple > .widget-body {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(00,61,102, 0.6) !important;
}
.dxgvFocusedRow_MetropolisBlue, .dxgvFocusedRow_MetropolisBlue a {
    background-color: #00506b !important;
}