/* FUENTE FontAwesome PARA UTILIZAR ÍCONOS COMO GLYPHS O COMO CLASES DE CSS */
@import url("../fonts/FontAwesomeStyle.css");

/* LABEL ICON */
.ico-label {
    font-size: 18px;
}

/* DOCK TOOLBAR */
.x-toolbar-footer {
	background-color: #5470A3;
}

/* LOGIN */
div[id*="login-"] .x-window-body {
    border-color: beige;
    background-image: url(../images/union-logo.png);
    background-repeat: no-repeat;
    background-position: 50% 20%;
    background-size:30%;
}

div[id*="login-"] .x-panel-body {
    background-color: transparent;
}

/* MODULE PANEL */
div[id*="mcontainer-"] .x-window-body {
    border-color: beige;

}

div[id*="mcontainer-"] .x-panel-body {
    background-color: beige;
}

tr[id*="treeview-"] .x-action-col-icon.x-item-disabled {
    visibility: hidden !important;
}

/* ENCABEZADO */
#header-body {
    background-color: #426199;
    background-image: url(../images/union-icon-dark.png);
    background-repeat: no-repeat;
    background-position: 0.5% 50%;
    background-size: 50px;
    padding-top: 3px;
    padding-left: 24px;
    font-weight: bolder;
    font-size: 12px;
    font-family: sans-serif;
    color: white;

}

/* MASCARA DE CONEXIÓN */
.u-mask-connection .x-mask-msg-text
{
    background-image: url(../images/searching.gif);
    background-size: 128px 128px;
    background-repeat: no-repeat;
    background-position: 50% 25%;
    padding: 160px 24px 0;
}

.u-mask-connection .x-mask-msg-inner
{
    font-size: 16px;
    font-style: italic;
    text-align: center;
    font-weight: bolder;
    font-family: helvetica, arial, verdana, sans-serif;
}

/* MASCARA DE CARGA */
.u-mask-loading .x-mask-msg-text
{
    background-image: url(../images/loader.gif);
    background-size: 64px 64px;
    background-repeat: no-repeat;
    background-position: 50% 25%;
    padding: 96px 24px 0;
}

.u-mask-loading .x-mask-msg-inner
{
    font-size: 16px;
    font-style: italic;
    text-align: center;
    font-weight: bolder;
    font-family: helvetica, arial, verdana, sans-serif;
}

/* BOTONES */
.u-moduleview-disabled
{
    visibility: hidden !important;
}

.u-btn-grp
{
    border: none;
    background-color: rgba(66,97,153,.8);
    background-image: -moz-linear-gradient(top, rgba(66,97,153,.8), rgba(66,97,153,.8));
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(66,97,153,.8)), to(rgba(66,97,153,.8)));
    background-image: -webkit-linear-gradient(top, rgba(66,97,153,.8), rgba(66,97,153,.8));
    background-image: -o-linear-gradient(top, rgba(66,97,153,.8), rgba(66,97,153,.8));
    background-image: linear-gradient(to bottom, rgba(66,97,153,.8), rgba(66,97,153,.8));
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-bottom-left-radius: 0px;
}

.u-btn-grp:hover
{
    opacity: .8;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
}

.u-btn-unbound
{
    background: transparent !important;
    border: none;
}

.u-btn-icon-unbound 
{
    opacity: .5;
    color: black !important;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
}
.x-btn-over .u-btn-icon-unbound
{
    opacity: .9;
}

.x-btn-icon-el.u-btn-header.x-btn-glyph
{
    color: beige !important;
}

/* ERROR GLOBAL EN FORMULARIO */
.infobox-error
{
    border: 1px solid;
    margin: 10px 0px;
    padding: 15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    
    font-weight: bolder;
    
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../images/info-red.png');
}

/* AUTOCOMPLETE TRIGGERS CLASSES */
.u-autocomplete-trigger,
.u-fileupload-trigger
{
    cursor: pointer;
    overflow: hidden;
    background: none;
}

/*.x-form-item-label[class*="fa-"]:before
{
    color: red;
    margin-right: 2px;
}*/

.u-autocomplete-trigger[class*="fa-"],
.u-fileupload-trigger[class*="fa-"],
.u-advsearch-trigger[class*="fa-"]
{
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    padding-top: 3px;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    
    opacity: .4;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
}

.u-autocomplete-trigger[class*="fa-"].u-autocomplete-trigger-over,
.u-fileupload-trigger[class*="fa-"].u-fileupload-trigger-over,
.u-advsearch-trigger[class*="fa-"].u-advsearch-trigger-over
{
    opacity: .9;
}

/* GRILLAS EN FORMULARIOS */
div[id*="form-"] .x-grid .x-tool-img
{
    background: none;
}
div[id*="form"] .x-grid .fa
{
    padding-top: 2px;
    color: white;
}
div[id*="form"] .x-grid-view
{
    border: 1px silver solid;
}

.x-action-col-icon {
    opacity: .4;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
}

.x-action-col-icon:hover {
    opacity: .9;
}

.x-fieldset {
    border-width: 2px !important;
    border-color: #8b95c6 !important;
}

/* TRICHECKBOX STYLE */
.x-form-tricheckbox {
    vertical-align: bottom;
    width: 13px !important;
    height: 13px !important;
    background: no-repeat 0 0 url(data:image/gif;base64,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);
}
.x-checkbox-checked .x-form-tricheckbox {
    background-position:0 -13px;
}
.x-checkbox-undef .x-form-tricheckbox {
    background-position:0 -26px;
}
.x-item-disabled .x-form-tricheckbox {
    background-position:-39px 0;
}
.x-form-check-over .x-form-tricheckbox {
    background-position: -13px 0;
}
.x-form-check-down .x-form-tricheckbox {
    background-position:-26px 0;
}
.x-checkbox-checked .x-form-check-over .x-form-tricheckbox {
    background-position:-13px -13px;
}
.x-checkbox-checked .x-form-check-down .x-form-tricheckbox {
    background-position:-26px -13px;
}
.x-checkbox-checked.x-item-disabled .x-form-tricheckbox {
    background-position:-39px -13px;
}
.x-checkbox-undef .x-form-check-over .x-form-tricheckbox {
    background-position:-13px -26px;
}
.x-checkbox-undef .x-form-check-down .x-form-tricheckbox {
    background-position:-26px -26px;
}
.x-checkbox-undef.x-item-disabled .x-form-tricheckbox {
    background-position:-39px -26px;
}