/* AGREGADOS NUEVOS TAMAÑOS PARA FONTAWESOME CLASS (.FA) */
.fa-09px {
    display: inline-block;
    font: normal normal normal 9px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa-10px {
    display: inline-block;
    font: normal normal normal 10px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa-11px {
    display: inline-block;
    font: normal normal normal 11px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa-12px {
    display: inline-block;
    font: normal normal normal 12px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa-13px {
    display: inline-block;
    font: normal normal normal 13px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa-14px {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa-15px {
    display: inline-block;
    font: normal normal normal 15px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa-16px {
    display: inline-block;
    font: normal normal normal 16px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* APAÑOS PARA APLICAR PADDINGS & MARGINS  */
.PaddingTop-1px {
    padding-top: 1px;
}

.PaddingTop-2px {
    padding-top: 2px;
}

.PaddingTop-3px {
    padding-top: 3px;
}

.PaddingTop-4px {
    padding-top: 4px;
}

.PaddingTop-5px {
    padding-top: 5px;
}

.PaddingTop-6px {
    padding-top: 6px;
}

.PaddingTop-7px {
    padding-top: 7px;
}

.PaddingTop-8px {
    padding-top: 8px;
}

.PaddingTop-9px {
    padding-top: 9px;
}

.PaddingTop-10px {
    padding-top: 10px;
}

.PaddingLeft-1px {
    padding-left: 1px;
}

.PaddingLeft-2px {
    padding-left: 2px;
}

.PaddingLeft-3px {
    padding-left: 3px;
}

.PaddingLeft-4px {
    padding-left: 4px;
}

.PaddingLeft-5px {
    padding-left: 5px;
}

.PaddingLeft-6px {
    padding-left: 6px;
}

.PaddingLeft-7px {
    padding-left: 7px;
}

.PaddingLeft-8px {
    padding-left: 8px;
}

.PaddingLeft-9px {
    padding-left: 9px;
}

.PaddingLeft-10px {
    padding-left: 10px;
}

.PaddingRight-1px {
    padding-right: 1px;
}

.PaddingRight-2px {
    padding-right: 2px;
}

.PaddingRight-3px {
    padding-right: 3px;
}

.PaddingRight-4px {
    padding-right: 4px;
}

.PaddingRight-5px {
    padding-right: 5px;
}

.PaddingRight-6px {
    padding-right: 6px;
}

.PaddingRight-7px {
    padding-right: 7px;
}

.PaddingRight-8px {
    padding-right: 8px;
}

.PaddingRight-9px {
    padding-right: 9px;
}

.PaddingRight-10px {
    padding-right: 10px;
}

.PaddingBottom-1px {
    padding-bottom: 1px;
}

.PaddingBottom-2px {
    padding-bottom: 2px;
}

.PaddingBottom-3px {
    padding-bottom: 3px;
}

.PaddingBottom-4px {
    padding-bottom: 4px;
}

.PaddingBottom-5px {
    padding-bottom: 5px;
}

.PaddingBottom-6px {
    padding-bottom: 6px;
}

.PaddingBottom-7px {
    padding-bottom: 7px;
}

.PaddingBottom-8px {
    padding-bottom: 8px;
}

.PaddingBottom-9px {
    padding-bottom: 9px;
}

.PaddingBottom-10px {
    padding-bottom: 10px;
}

.MarginTop-1px {
    margin-top: 1px;
}

.MarginTop-2px {
    margin-top: 2px;
}

.MarginTop-3px {
    margin-top: 3px;
}

.MarginTop-4px {
    margin-top: 4px;
}

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

.MarginTop-6px {
    margin-top: 6px;
}

.MarginTop-7px {
    margin-top: 7px;
}

.MarginTop-8px {
    margin-top: 8px;
}

.MarginTop-9px {
    margin-top: 9px;
}

.MarginTop-10px {
    margin-top: 10px;
}

.MarginLeft-1px {
    margin-left: 1px;
}

.MarginLeft-2px {
    margin-left: 2px;
}

.MarginLeft-3px {
    margin-left: 3px;
}

.MarginLeft-4px {
    margin-left: 4px;
}

.MarginLeft-5px {
    margin-left: 5px;
}

.MarginLeft-6px {
    margin-left: 6px;
}

.MarginLeft-7px {
    margin-left: 7px;
}

.MarginLeft-8px {
    margin-left: 8px;
}

.MarginLeft-9px {
    margin-left: 9px;
}

.MarginLeft-10px {
    margin-left: 10px;
}

.MarginLeft-22px {
    margin-left: 22px;
}

.MarginRight-1px {
    margin-right: 1px;
}

.MarginRight-2px {
    margin-right: 2px;
}

.MarginRight-3px {
    margin-right: 3px;
}

.MarginRight-4px {
    margin-right: 4px;
}

.MarginRight-5px {
    margin-right: 5px;
}

.MarginRight-6px {
    margin-right: 6px;
}

.MarginRight-7px {
    margin-right: 7px;
}

.MarginRight-8px {
    margin-right: 8px;
}

.MarginRight-9px {
    margin-right: 9px;
}

.MarginRight-10px {
    margin-right: 10px;
}

.MarginBottom-1px {
    margin-bottom: 1px;
}

.MarginBottom-2px {
    margin-bottom: 2px;
}

.MarginBottom-3px {
    margin-bottom: 3px;
}

.MarginBottom-4px {
    margin-bottom: 4px;
}

.MarginBottom-5px {
    margin-bottom: 5px;
}

.MarginBottom-6px {
    margin-bottom: 6px;
}

.MarginBottom-7px {
    margin-bottom: 7px;
}

.MarginBottom-8px {
    margin-bottom: 8px;
}

.MarginBottom-9px {
    margin-bottom: 9px;
}

.MarginBottom-10px {
    margin-bottom: 10px;
}

/* CLASES ADICIONALES VARIADAS  */
.FontNormal {
    font-weight: normal;
}

.FontBold {
    font-weight: bold !important;
}

.FontUnderline {
    text-decoration: underline;
}

.FontStrike {
    text-decoration: line-through;
}

.NoBorder {
    border: 0 !important;
}

.CursorDefault{
    cursor: default !important;
}

.CursorPointer{
    cursor: pointer !important;
}

.CursorHelp {
    cursor: help !important;
}

.FontSize32px {
    font-size: 32px !important;
}

.FontSize30px {
    font-size: 30px !important;
}

.FontSize28px {
    font-size: 28px !important;
}

.FontSize24px {
    font-size: 24px !important;
}

.FontSize22px {
    font-size: 22px !important;
}

.FontSize21px {
    font-size: 21px !important;
}

.FontSize20px {
    font-size: 20px !important;
}

.FontSize19px {
    font-size: 19px !important;
}

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

.FontSize17px {
    font-size: 17px !important;
}

.FontSize16px {
    font-size: 16px !important;
}

.FontSize15px {
    font-size: 15px !important;
}

.FontSize14px {
    font-size: 14px !important;
}

.FontSize13px{
    font-size: 13px !important;
}

.FontSize12px {
    font-size: 12px !important;
}

.FontSize11px {
    font-size: 11px !important;
}

.FontSize10px {
    font-size: 10px !important;
}

.VerticalAlignCenter {
    vertical-align: middle;
}

.VerticalAlignTop {
    vertical-align: top;
}

.VerticalAlignBottom {
    vertical-align: bottom;
}

.CellInfoGrade4 {
    background-color: rgba(253, 240, 255, 0.39);
    color: #8441a5;
}

.CellInfoGrade3 {
    background-color: #fdf0ff;
    color: #8441a5;
}

.CellInfoGrade2 {
    background-color: #e0ecfc;
    color: #183c7b;
}

.CellInfoGrade1 {
    background-color: #C6EFCE;
    color: #00612E;
}

.CellWarningGrade1 {
    background-color: #FFEB9C;
    color: #9C5700;
}

.CellWarningGrade2 {
    background-color: #FFC7CE;
    color: #9C0031;
}

.CellWarningGrade3 {
    background-color: #FFC7CE;
    color: #9C0031;
}


.CellAttentionGrade1 {
    background-image: url("/imagenes/16x16/Advertencia-Flat.png");
    background-position: left 5px center;
    background-repeat: no-repeat;
}

.CellAttentionGrade2 {
    background-image: url("/imagenes/16x16/Warn-RedDot.png");
    background-position: left 5px center;
    background-repeat: no-repeat;
}

.CellAttentionGrade3 {
    background-image: url("/imagenes/16x16/bullet_red.png");
    background-position: left 5px center;
    background-repeat: no-repeat;
}

.CellAttentionGrade4 {
    background-image: url("/imagenes/16x16/Bloquear.png");
    background-position: left 5px center;
    background-repeat: no-repeat;
}

/* PANTALLA HOME DEL PORTAL */
.Home-lblTittle {
    font-weight: bold;
    font-size: 16px;
}

.Home-lblText {
    font-size: 18px;
}

.Disabled-Datepicker {
}

.Unselectable-Text {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.Home-WidgetGrid1 {
    background-color: #ffffff;
    opacity: 1;
    background-image: linear-gradient(#acc1d0 1px, transparent 1px), linear-gradient(to right, #acc1d0 1px, #ffffff 1px);
    background-size: 340px 110px;
    background-position: 12px 0;
}

.Home-WidgetGrid2 {
    background-color: #ffffff;
    opacity: 1;
    background-image: linear-gradient(#efefef 3px, transparent 3px), linear-gradient(to right, #efefef 3px, #ffffff 3px);
    background-size: 339px 309px;
    background-position: 12px 0;
}

.Home-WidgetGrid3 {
    background-color: #ffffff;
    opacity: 1;
    background-image: linear-gradient(#efefef 3px, transparent 3px), linear-gradient(to right, #efefef 3px, #ffffff 3px);
    background-size: 339px 409px;
    background-position: 12px 0;
}

.Home-WidgetGrid4 {
    background-color: #ffffff;
    opacity: 1;
    background-image: linear-gradient(#efefef 3px, transparent 3px), linear-gradient(to right, #efefef 3px, #ffffff 3px);
    background-size: 339px 609px;
    background-position: 12px 0;
}

.Home-WidgetGrid5 {
    background-color: #ffffff;
    opacity: 1;
    background-image: linear-gradient(#efefef 3px, transparent 3px), linear-gradient(to right, #efefef 3px, #ffffff 3px);
    background-size: 669px 309px;
    background-position: 12px 0;
}

.Home-WidgetGrid6 {
    background-color: #ffffff;
    opacity: 1;
    background-image: linear-gradient(#efefef 3px, transparent 3px), linear-gradient(to right, #efefef 3px, #ffffff 3px);
    background-size: 669px 409px;
    background-position: 12px 0;
}

.Home-WidgetGrid7 {
    background-color: #ffffff;
    opacity: 1;
    background-image: linear-gradient(#efefef 3px, transparent 3px), linear-gradient(to right, #efefef 3px, #ffffff 3px);
    background-size: 669px 509px;
    background-position: 12px 0;
}

.Home-WidgetGrid8 {
    background-color: #ffffff;
    opacity: 1;
    background-image: linear-gradient(#efefef 3px, transparent 3px), linear-gradient(to right, #efefef 3px, #ffffff 3px);
    background-size: 999px 109px;
    background-position: 12px 0;
}

.Home-WidgetGrid9 {
    background-color: #ffffff;
    opacity: 1;
    background-image: linear-gradient(#efefef 3px, transparent 3px), linear-gradient(to right, #efefef 3px, #ffffff 3px);
    background-size: 999px 309px;
    background-position: 12px 0;
}


/* OBJETOS PARA EL LABEL DE INFORMACION EN LOS GRIDS */
div.oLblInfo-container {
    display: flex;
}

    div.oLblInfo-container table tr:nth-child(1) td {
        font-size: 14px !important;
    }

    div.oLblInfo-container table tr:nth-child(2) td {
        font-size: 12px !important;
        text-transform: lowercase;
    }

.oLblInfo-angle {
    font-size: 20px !important;
    margin: 5px 15px 0px 15px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

    .oLblInfo-angle:before {
        content: "\f101" !important;
    }

.oLblInfo-separator {
    margin: 7px 15px 0px 15px;
    font-size: 16px !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

    .oLblInfo-separator:before {
        content: "\f068" !important;
    }

/* CURSOR NORMAL PARA LAS LABELS */
label {
    cursor: default !important;
}

/* APAÑO PARA EL SCROLLBAR EN VENTANAS */
.x-resizable-handle-east {
    width: 4px !important;
}

/* LINKS DE CELDAS DE GRIDS SIN LINEA */
.x-grid-cell a {
    text-decoration: none;
}

/* APAÑO PARA LOS ICONOS DE LOS NODOS EN LOS TREES */
.CustomTreeNodeIcon {
    padding-top: 6px;
}

.x-grid-filters-filtered-column {
    font-weight: bold;
    text-decoration: none;
    color: #157fcc;
}

/* OTROS... */
.HorizontalBorderTop1px {
    border-top: #157fcc !important;
}

.VerticalBorderRight1px{
    border-right: solid 1px #d0d0d0;
}

.VerticalBorderRight2px {
    border-right: solid 2px #d0d0d0;
}

.VerticalBorderRight3px {
    border-right: solid 3px #d0d0d0;
}

.VerticalBorderRight4px {
    border-right: solid 4px #d0d0d0;
}

.VerticalBorderRight5px {
    border-right: solid 5px #d0d0d0;
}

.VerticalBorderLeft1px {
    border-left: solid 1px #d0d0d0;
}

.VerticalBorderLeft2px {
    border-left: solid 2px #d0d0d0;
}

.VerticalBorderLeft3px {
    border-left: solid 3px #d0d0d0;
}

.VerticalBorderLeft4px {
    border-left: solid 4px #d0d0d0;
}

.VerticalBorderLeft5px {
    border-left: solid 5px #d0d0d0;
}

.VerticalBorderRightLight1px {
    border-right: solid 1px #eee;
}

.VerticalBorderRightLight2px {
    border-right: solid 2px #eee;
}

.VerticalBorderRightLight3px {
    border-right: solid 3px #eee;
}

.VerticalBorderRightLight4px {
    border-right: solid 4px #eee;
}

.VerticalBorderRightLight5px {
    border-right: solid 5px #eee;
}

.VerticalBorderLeftLight1px {
    border-left: solid 1px #eee;
}

.VerticalBorderLeftLight2px {
    border-left: solid 2px #eee;
}

.VerticalBorderLeftLight3px {
    border-left: solid 3px #eee;
}

.VerticalBorderLeftLight4px {
    border-left: solid 4px #eee;
}

.VerticalBorderLeftLight5px {
    border-left: solid 5px #eee;
}

/* ICONOS PERSONALIZADOS FONTAWESOME */
.faServerAlert {
    width: 2em;
    height: 2em;
    vertical-align: middle;
    font-size: 1.33333333em;
}

    .faServerAlert > i:nth-child(1) {
        font-size: 18px;
        position: relative;
        color: #6c9fff;
        font-weight: bold;
        display: inline-block;
        left: 4px;
        top: 0px;
    }

    .faServerAlert > i:nth-child(2) {
        font-size: 14px;
        position: relative;
        left: -4px;
        top: 4px;
        color: #fbbc05;
        font-weight: normal;
        background-color: rgba(255,255,255,0.49);
        display: inline-block;
        border-radius: 50%;
    }

.faGridGear {
    width: 2em;
    height: 2em;
    vertical-align: middle;
    font-size: 1.33333333em;
}

    .faGridGear > i:nth-child(1) {
        font-size: 18px;
        position: relative;
        color: #6c9fff;
        font-weight: bold;
        display: inline-block;
        left: 4px;
        top: 0px;
    }

    .faGridGear > i:nth-child(2) {
        font-size: 14px;
        position: relative;
        left: -4px;
        top: 4px;
        color: #484848;
        font-weight: normal;
        background-color: rgba(255,255,255,0.49);
        display: inline-block;
        border-radius: 50%;
    }

.faListPlus {
    width: 2em;
    height: 2em;
    vertical-align: middle;
    font-size: 1.33333333em;
}

    .faListPlus > i:nth-child(1) {
        font-size: 18px;
        position: relative;
        color: #34A853;
        font-weight: bold;
        display: inline-block;
        left: 4px;
        top: 0px;
    }

    .faListPlus > i:nth-child(2) {
        font-size: 14px;
        position: relative;
        left: -4px;
        top: 4px;
        color: #34A853;
        font-weight: normal;
        background-color: rgba(255,255,255,0.49);
        display: inline-block;
        border-radius: 50%;
        border: 1px solid rgba(255,255,255,0.5);
    }

.faListAlert {
    width: 2em;
    height: 2em;
    vertical-align: middle;
    font-size: 1.33333333em;
}

    .faListAlert > i:nth-child(1) {
        font-size: 18px;
        position: relative;
        color: #4285F4;
        font-weight: bold;
        display: inline-block;
        left: 4px;
        top: 0px;
    }

    .faListAlert > i:nth-child(2) {
        font-size: 14px;
        position: relative;
        left: -4px;
        top: 4px;
        color: #FBBC05;
        font-weight: normal;
        background-color: rgba(255,255,255,0.49);
        display: inline-block;
        border-radius: 50%;
        border: 1px solid rgba(255,255,255,0.5);
    }

.faMsgCircleY {
    width: 2em;
    height: 2em;
    vertical-align: middle;
    font-size: 1.33333333em;
}

    .faMsgCircleY > i:nth-child(1) {
        font-size: 18px;
        position: relative;
        color: #4285F4;
        font-weight: bold;
        display: inline-block;
        left: 4px;
        top: 0px;
    }

    .faMsgCircleY > i:nth-child(2) {
        font-size: 14px;
        position: relative;
        left: -4px;
        top: 4px;
        color: #FBBC05;
        font-weight: normal;
        background-color: rgba(255,255,255,0.49);
        display: inline-block;
        border-radius: 50%;
        border: 1px solid rgba(255,255,255,0.5);
    }

.faMsgCircleG {
    width: 2em;
    height: 2em;
    vertical-align: middle;
    font-size: 1.33333333em;
}

    .faMsgCircleG > i:nth-child(1) {
        font-size: 18px;
        position: relative;
        color: #4285F4;
        font-weight: bold;
        display: inline-block;
        left: 4px;
        top: 0px;
    }

    .faMsgCircleG > i:nth-child(2) {
        font-size: 14px;
        position: relative;
        left: -4px;
        top: 4px;
        color: #34A853;
        font-weight: normal;
        background-color: rgba(255,255,255,0.49);
        display: inline-block;
        border-radius: 50%;
        border: 1px solid rgba(255,255,255,0.5);
    }

.faMsgCircleR {
    width: 2em;
    height: 2em;
    vertical-align: middle;
    font-size: 1.33333333em;
}

    .faMsgCircleR > i:nth-child(1) {
        font-size: 18px;
        position: relative;
        color: #4285F4;
        font-weight: bold;
        display: inline-block;
        left: 4px;
        top: 0px;
    }

    .faMsgCircleR > i:nth-child(2) {
        font-size: 14px;
        position: relative;
        left: -4px;
        top: 4px;
        color: #EA4335;
        font-weight: normal;
        background-color: rgba(255,255,255,0.49);
        display: inline-block;
        border-radius: 50%;
        border: 1px solid rgba(255,255,255,0.5);
    }

/* PANTALLA DE LOGIN */
.Login_Hora {
    background-color: rgba(0, 0, 0, 0);
    color: white;
    font-size: 80px;
}

.Login_Version {
    background-color: rgba(0, 0, 0, 0);
    color: white;
    font-size: 16px;
}

.Login_Msg {
    background-color: rgba(0, 0, 0, 0);
    color: white;
    cursor: default;
}

    .Login_Msg i {
        font-size: 180px;
    }

    .Login_Msg span {
        font-size: 19px;
        line-height: 1.2;
    }

.Login_Offline {
    background-color: rgba(0, 0, 0, 0);
    color: white;
    cursor: default;
}

    .Login_Offline i {
        font-size: 180px;
        /*-webkit-animation: fa-spin 10s infinite linear !important;
        animation: fa-spin 10s infinite linear !important;*/
    }

    .Login_Offline span {
        font-size: 22px;
    }

/* VARIOS */
.CustomDisabledLabel {
    border: 1px solid #adabab;
    background-color: #d0d0d0;
    color: #222;
    padding: 6px 10px 7px;
    margin: 0px 0px 10px 0px;
    cursor: default;
}

/* TRANSICION PARA LOS ITEMS DE LA TOOLBAR DE NAVEGACION */
.oTbMapItem:hover {
    cursor: pointer !important;
    color: #3d82bf;
    transition: 0.4s all;
    -webkit-transition: 0.4s all;
    -o-transition: 0.4s all;
    -moz-transition: 0.4s all;
    -ms-transition: 0.4s all;
}

/* NIVEL DE OPACIDAD PARA COMPONENTES DESHABILITADOS */
.x-form-item-default.x-item-disabled {
    opacity: 0.6;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
}

.oBtnLogin {
    font-size: 20px;
}

.WinMantenimiento_Text {
    font-size: 20px;
    line-height: 24px;
}

/* TAB PANEL DE LOS OBJETOS ABIERTOS */
.CustomMainTabs a.x-tab-over {
    color: black !important;
}

.CustomMainTabs > div:first-child > div:first-child :hover {
    color: #157fcc !important;
}

.CustomMainTabs > div:first-child > div:first-child {
    background-color: #157fcc !important;
    height: 32px;
}

.CustomMainTabs > div:first-child > div:first-child span.fa {
    padding-top: 0px;
}

.CustomMainTabs > div:first-child > div:first-child span:not(:first-child) {
    color: #ffffff;
    font-size: 11px;
}

.CustomMainTabs > div:first-child > div:first-child a.x-tab-active {
    /*background-color: #ececec !important;*/
}

.CustomMainTabs > div:first-child > div:first-child a.x-tab-active span:not(.fa) {
    font-weight: bold;
    font-size: 11px;
}

.CustomMainTabs > div:first-child > div:first-child a.x-tab-active span:not(:first-child) {
    color: #4c82b1 !important;
}

.CustomMainTabs > div:first-child > div:first-child a.x-tab-active span:first-child {
    color: #ffffff !important;
    font-size: 21px;
    padding-top: 1px;
}

.CustomMainTabs > div:first-child > div:first-child a.x-tab-focus {
    background-color: #ececec !important;
}

.CustomMainTabs > div:first-child > div:first-child a.x-tab-over {
    background-color: #ececec !important;
}

.CustomMainTabs > div:first-child > div:first-child a:first-child {
    background-color: #157fcc !important;
    color: #ffffff !important;
    font-size: 16px;
}

/* Hover sobre la pestaña de Inicio  */
.CustomMainTabs > div:first-child > div:first-child a:first-child :hover {
    background-color: #157fcc !important;
    color: #ffffff !important;
    font-size: 21px !important;
}

.CustomMainTabs > div > div:nth-child(1) .x-tab {
    padding: 0px 10px 0px 10px !important;
}

/* OBJETOS ACORDEON DEL PANEL LATERAL */
.oPnlWest .x-accordion-item > div:first-child {
    padding: 2px;
}

    .oPnlWest .x-accordion-item > div:first-child .x-title-text {
        font-size: 13px;
    }

/* TREE ITEMS DE LOS ACORDEONES DEL PANEL LATERAL */
.oCustomTree .x-grid-cell-inner-treecolumn {
    padding: 4px 10px 3px 6px;
}


/* BOTONES CON ICONO DE 32 */
.oBtnIcon32 span.x-btn-icon-el {
    height: 32px;
    width: 32px;
}

/* BOTONES CON ICONO DE 16 */
.oBtnIcon16 span.x-btn-icon-el {
    height: 16px;
    width: 16px;
}

/*
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// REGLAS ORIGINALES DE GESGLOBAL
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/
.oNoticia h3 {
    font-size: 20px;
    font-weight: bold;
    margin: 6px 0px 6px 0px;
}

.fa25 {
    font-size: 25px;
}

.fa24 {
    font-size: 24px;
}

.fa20 {
    font-size: 20px;
}

.fa18 {
    font-size: 18px;
}

.fa16 {
    font-size: 16px;
}

.fa14 {
    font-size: 14px;
}

.fa13 {
    font-size: 13px;
}

.fa12 {
    font-size: 12px;
}

.fa11 {
    font-size: 11px;
}

.oRadLabel-Right + div > div > label {
    float: right;
}

.LabelSeccionDlg {
    border-bottom: 1px solid #157fcc;
    color: #157fcc;
    font-weight: bold;
}

.AlignCenter {
    text-align: center;
}

.AlignRight {
    text-align: right;
}

.Bold {
    font-weight: bold;
}

.Blue-1 {
    color: #157fcc;
}

/* CHECKBOX DE UN FILTRO EN LOS GRIDS */
.XBrowseColumnChk {
    padding-left: calc(50% - 9px);
}

/* TAB PANEL PERSONALIZADO, ENTRA EN ARMONIA CON GRIDTOOLBAR */
.CustomTabs a.x-tab-default {
    height: 24px;
    padding: 0px 0 0 0;
    background-color: #d0d0d0 !important;
}

.CustomTabs a.x-tab-active {
    background-color: #f5f5f5 !important;
}

.CustomTabs a.x-tab-focus {
    background-color: #f5f5f5 !important;
}

.CustomTabs a.x-tab-pressed span {
    color: #000000 !important;
}

/* BORDE EN LAS CABECERAS DE LOS GRIDS */
.CustomGrid > div:first-child {
    border-top-width: 1px !important;
}

/* TOOLBAR QUE SE AÑADE ENCIMA DE LOS GRIDS */
.GridToolBar {
    background-color: #ffffff;
    overflow: hidden !important;
    border-bottom: 2px solid #ebeaec !important;
}

    /* BOTONES PARA TOOLBAR DE GRIDS */
    .GridToolBar a.BtnGridToolbar {
        background-color: #ffffff;
        /*border-color: #ececec;*/
        /*background-color: #efefef;
        border-color: #bfbfbf;*/
        height: 24px;
        padding: 0px 5px 0px 5px;
        border: none;
    }

        .GridToolBar a.BtnGridToolbar.x-btn-over {
            background-color: #e5f3ff;
        }

/* TOOLBAR OSCURITA */
.TopToolBar {
    background-color: #d0d0d0;
}

/* TOOLBAR DEL PLUGIN DE PAGINACION */
.PaginationToolBar {
    background-color: #ebeaec;
    padding: 0px 0px 0px 0px;
}

    .PaginationToolBar .x-toolbar-text-default {
        color: #000000;
        font-size: 13px;
    }

    /* Añadido */
    .PaginationToolBar .x-btn-icon-el {
        font-size: 14px;
    }

    /* Añadido */
    .PaginationToolBar .x-form-item {
        border-spacing: 2px;
    }

/* EDITOR DE TEXTO RICO */
.HtmlEditor {
    -webkit-box-shadow: 0px 0px 5px 1px rgba(92,92,92,1);
    -moz-box-shadow: 0px 0px 5px 1px rgba(92,92,92,1);
    box-shadow: 0px 0px 5px 1px rgba(92,92,92,1);
}

/* TABS EN GENERAL */
.x-tab.x-tab-active.x-tab-default .x-tab-inner-default {
    color: #000000;
    font-size: 12px;
}


/* TAMAÑO POR DEFECTO PARA LOS FONTAWESOMES DE LOS GRIDS */
.x-grid-cell .fa {
    font-size: 16px;
}

/* APLICA COLOR AL TEXTO MARRON */
.ColorBrown {
    color: #795548;
}

/* APLICA COLOR AL TEXTO MORADO */
.ColorPurple {
    color: #aa33aa;
}

/* APLICA COLOR AL TEXTO GRIS OSCURO */
.ColorGrey {
    color: #7E898E;
}

.ColorGray {
    color: #7E898E;
}

/* APLICA COLOR AL TEXTO GRIS CLARO */
.ColorLightGrey {
    color: #ACB5BB;
}

.ColorLightGreyAlter {
    color: #CACED0;
}

.ColorLightGray {
    color: #ACB5BB;
}

.ColorLightGrayAlter {
    color: #CACED0;
}

.ColorInfoGrade1 {
    color: #183c7b;
}

.ColorInfoGrade2 {
    color: #183c7b;
}

/* APLICA A TEXTOS E ICONOS DE LA PANTALLA DE WIDGETS */
.ColorTextWidgetsEnabled {
    color: #9a9a9a;
}

.ColorTextWidgetsDisabled {
    color: #c1c1c1;
}

/* APLICA COLOR AL TEXTO GRIS Y BOLD */
.ColorGreyBold {
    color: #7E898E;
    font-weight: bold;
}

.ColorGrayBold {
    color: #7E898E;
    font-weight: bold;
}

/* APLICA COLOR AL TEXTO BLANCO */
.ColorWhite {
    color: #f0f0f0;
}

.ColorBlack {
    color: #404040;
}

/* APLICA COLOR AL TEXTO ROJO */
.ColorRed {
    color: #EA4335;
}

/* APLICA COLOR AL TEXTO ROJO */
.ColorLightRed {
    color: #FF6C6C;
}

/* APLICA COLOR AL TEXTO VERDE */
.ColorGreen {
    color: #34A853;
}

/* APLICA COLOR AL TEXTO AZUL */
.ColorBlue {
    color: #157fcc;
}

/* APLICA COLOR AL TEXTO AZUL */
.ColorLightBlue {
    color: #157fcc;
}

/* APLICA COLOR AL TEXTO AMARILLO */
.ColorYellow {
    color: #FBBC05;
}

/* APLICA COLOR AL TEXTO AMARILLO */
.ColorDarkYellow {
    color: #bd880a;
}

/* COLOR AMARILLENTO */
.ColorWarningGrade1 {
    color: #FFEB9C;
}

/* COLOR ROJIZO */
.ColorWarningGrade2 {
    color: #FFC7CE;
}

/* COLOR BEBIDAS */
.ColorFondoBebidas {
    background-color: #f8f6e2 !important;
}

.ColorBebidas {
    color: #aaa05d;
}

.ColorAsignacion {
    color: #f9b900;
}

.ColorWarning {
    color: #9C5700;
}

/* COLOR FOODS */
.ColorFondoFoods {
    background-color: #f9fdff !important;
}

.ColorFoods {
    color: #5d86aa;
}

.ColorFondoLightOrange {
    background-color: #fcf4e0;
}

.ColorFondoLightGray {
    background-color: #ededed;
}

.ColorTagBebidas {
    color: #ce780a
}

.ColorTagFoods {
    color: #215671
}

/* ICONO DE AGREGAR POR DEFECTO VERDE */
.fa-plus-circle {
    color: #34A853;
}

/* ICONO DE ENVIAR POR DEFECTO AZUL */
.fa-paper-plane {
    color: #4285F4;
}

/* COLORES DE FONDO */
.SoftGreyPanel {
    background-color: #ECECEC;
}

.SoftBluePanel {
    background-color: #D5EBFF;
}

.SoftYellowPanel {
    background-color: #f2e3b2;
}
.WhitePanel {
    background-color: white !important;
}

/**/
.GridNoHeaders .x-grid-header-ct {
    display: none;
}

/* ICONOS DE LAS TABS PRINCIPALES */
span.fa.fa-bars.font21 {
    font-size: 21px !important;
}

span.fa.fa-star.font21 {
    font-size: 21px !important;
}

/* GRID CON COLUMNA DE ACCION DE FAVORITOS OCULTA HASTA SITUAR EL RATON ENCIMA */
.GridHideActionFav div.fa-star {
    display: none;
    font-size: 20px !important;
}

.GridHideActionFav div.fa-minus-circle {
    display: none;
}

.GridHideActionFav div.fa-star:hover {
    color: #FBBC05;
    font-size: 20px !important;
}

.GridHideActionFav div.fa-minus-circle:hover {
    color: #EA4335;
}

/* TABLA DE PEDIDOS DE LA PESTAÑA HOME */
.oTablaPedidosHome {
    background: #F6F6F6;
    width: 100%;
}

    .oTablaPedidosHome:hover {
        cursor: pointer;
        background: #f2e3b2;
    }

.TituloBusquedas {
    font-size: 20px;
    font-weight: bold;
    background-color: #FFBA89;
}

.LabelDockTop {
    font-size: 24px;
    padding: 13px 0px 0px 18px;
    background-color: rgb(213, 235, 255);
    font-weight: bold;
}

.oGridCell-left > div {
    text-align: left !important;
}

.oGridCell-right > div {
    text-align: right !important;
}

.oGridCell-center > div {
    text-align: center !important;
}



/* ESTA CLASE PERMITE QUE LAS CELDAS DE LOS GRIDS SEAN MULTILÍNEA */
.multiline-row .x-grid-cell-inner {
    overflow: auto !important;
    white-space: normal !important;
    text-overflow: ellipsis;
    display: block;
}

/* AÑADIDOS */
/* Recuadro de elementos seleccionados */
* {
    outline: none !important;
}

/* Header intermedio */
.CustomTabs .x-panel-header-default-horizontal.x-header-noborder {
    padding: 5px;
    height: 32px;
    margin-top: 1px;
    background-color: #157fcc !important;
    border-style: none;
}

.x-title.x-panel-header-title.x-panel-header-title-default.x-box-item.x-title-default.x-title-rotate-none.x-title-align-center {
    color: #ffffff;
    font-weight: bold;
}

/* Barra de pestañas gris de los Browse*/
.CustomTabs > div:first-child > div:first-child {
    background-color: #ebebec !important;
}

/* Pestañas principales */
.CustomMainTabs .x-tab-bar-default-top > .x-tab-bar-body-default {
    padding: 4px 4px 0px 0px;
    background-color: #157fcc !important;
}

.CustomTabs .x-tab-active {
    background-color: white !important;
}

.CustomTabs .x-tab.x-tab-active.x-tab-default .x-tab-inner-default {
    /* border-bottom: 1px solid #4c82b1 !important; */
    font-weight: bold;
}

.CustomTabs .x-tab-inner-default {
    color: #4c82b1 !important;
    padding: 0 15px 0px 15px !important;
    font-size: 11px !important;
}

/* SUBNIVEL DE TABS MOSTRADO EN LA PANTALLA PRINCIPAL ( WIDGETS Y DASHBOARDS ) */
.CustomSubTabs .x-tab-bar-default {
    background-color: white !important;
}

.CustomSubTabs .x-tab-bar-default-top > .x-tab-bar-body-default {
    padding: 4px 4px 0px 0px;
    background-color: white !important;
}

.CustomSubTabs .x-panel-header-default-horizontal .x-header-noborder {
    padding: 5px;
    height: 32px;
    margin-top: 1px;
    background-color: white !important;
}

.CustomSubTabs a.x-tab-default {
    background-color: white !important;
}

.CustomSubTabs a.x-tab-active {
    background-color: white !important;
}

.CustomSubTabs a.x-tab-focus {
    background-color: white !important;
}

.CustomSubTabs a.x-tab-pressed span {
    color: #000000 !important;
}

.CustomSubTabs .x-tab-active {
    background-color: white !important;
    color: #157fcc !important;
}

.CustomSubTabs .x-tab-inner-default {
    color: #157fcc !important;
    padding: 0 15px 0px 5px !important;
    font-size: 13px !important;
    font-weight: bold;
}

.CustomSubTabs .x-tab-icon-el-default {
    color: #157fcc !important;
}

/* Botones generales de la interfaz */
.x-btn-default-small {
    background-color: #157fcc !important;
    border-color: #157fcc !important;
    color: #ffffff !important;
}

.x-btn-default-medium {
    background-color: #157fcc !important;
    border-color: #157fcc !important;
    color: #ffffff !important;
}

.x-btn-cancel {
    background-color: #D76161 !important;
    border-color: #D76161 !important;
    color: #ffffff !important;
}

/* Ventanas DLG */
.x-window-default {
    border-color: #157fcc !important;
}

.x-window-header-default {
    background-color: #157fcc !important;
    border-color: #157fcc !important;
    color: #ffffff !important;
}

    .x-window-header-default .x-tool-img {
        background-color: #157fcc !important;
    }

/* Árbol de Navegación */
/* Header */
.oPnlWest > div:first-child {
    height: 26px;
    padding: 3px 0 0 5px;
    background-color: #157fcc !important;
}

.oPnlWest .x-panel-header-title-default {
    font-size: 12px;
}

/* Botones contraer/expandir grupo en árbol*/
.x-accordion-hd .x-tool-img {
    color: #157fcc !important;
}

/* Botones contraer/expandir nodo en árbol */
.x-tree-elbow-plus, .x-tree-elbow-end-plus {
    font-size: 14px;
    font-family: FontAwesome;
    color: #919191 !important;
}

/* Flecha contraer menú izquierdo */
.x-tool-collapse-left {
    color: #ffffff !important;
}

.x-tool-expand-right {
    color: #ffffff !important;
}
/* Paneles del Escritorio Principal */
.x-panel-default-framed {
    border-color: #157fcc !important;
}

.x-panel .x-panel-header-default-framed-top {
    border-bottom-width: 2px !important;
    border-bottom-color: #157fcc !important;
}

.x-panel-header-default-framed {
    background-color: #157fcc !important;
    color: #ffffff !important;
}

.x-panel-header-title-default-framed {
    line-height: 21px;
    color: #ffffff;
}

/* Barra splitter entre árbol y panel principal */
.x-splitter-vertical {
    background-color: #157fcc !important;
    border-right-color: #ffffff !important;
    border-right-style: none;
    width: 12px !important;
}

.x-collapse-el {
    color: #ffffff !important;
    background-color: #157fcc !important;
}

/* Título vertical cuando el árbol está contraído */
.x-panel-header-default-vertical {
    color: #ffffff !important;
    background-color: #157fcc !important;
}

    .x-panel-header-default-vertical.x-header-noborder {
        border: #ffffff;
        border-style: solid;
        border-width: 0px 0px 0px 0px;
    }

.x-panel-header-default .x-tool-tool-el {
    background-color: rgba(0, 0, 0, 0) !important;
}

    .x-panel-header-default .x-tool-tool-el .x-tool-collapse-top {
        color: #ffffff !important;
    }

/* Flechas scroll de pestañas */
.x-box-scroller {
    color: #157fcc !important;
    background-color: #cdcdcd !important;
    opacity: 0.7 !important;
    font-size: 15px !important;
    font-weight: 200;
    top: 4px !important;
    margin: 0px -6px 0px -6px !important;
    z-index: 3 !important;
    height: 20px !important;
}

    .x-box-scroller:hover {
        font-size: 11px !important;
        line-height: 20px !important;
    }


/* TITULO DLG */
.x-window-header-title-default > .x-title-text-default {
    color: #FFFFFF !important;
    font-size: 14px;
}

/* BOTONES DLG*/
.oContButtons {
    padding: 0px 0px 0px 0px;
    border-bottom: 1px solid #cdcdcd;
    top: -7px !important;
}

.x-btn-default-small.dlgButton {
    background-color: #FFFFFF !important;
    height: 22px;
    padding: 0 4px 0 4px;
    border: none;
}

    .x-btn-default-small.dlgButton:hover {
        background-color: #e5f3ff !important;
    }


.dlgButton .x-btn-inner-default-small {
    color: black !important;
    padding: 0 0 0 0;
    top: 0 !important;
}

.dlgButton .x-btn-icon-left > .x-btn-icon-el-default-small, .x-btn-icon-right > .x-btn-icon-el-default-small {
    line-height: 15px;
}

/* Flechita del SplitButton*/
.dlgButton .x-btn-wrap-default-small.x-btn-split-right::after {
    color: #cdcdcd;
}

/* Separador del SplitButton*/
.dlgButton .x-btn-wrap-default-small.x-btn-split-right > .x-btn-button::after {
    border-right: none;
}

/* Elementos del menú del SplitButton*/
.dlgSplitButtonMenu .x-menu-item-text-default {
    color: #000000 !important;
    margin: 0 20px 0 20px;
    font-size: 11px;
}

.dlgSplitButtonMenu .x-menu-item-link {
    background-color: #e5f3ff !important;
}


/* Grids de los filtros en Formularios */
.GridTinyRows .x-grid-cell-inner {
    overflow: hidden;
    padding: 1px 6px;
    white-space: nowrap;
    font-weight: normal;
    font-size: 11px;
}

.GridTinyRows-11px .x-grid-cell-inner {
    overflow: hidden;
    padding: 1px 6px;
    white-space: nowrap;
    font-weight: normal;
    font-size: 11px;
}

.GridTinyRows-12px .x-grid-cell-inner {
    overflow: hidden;
    padding: 1px 6px;
    white-space: nowrap;
    font-weight: normal;
    font-size: 12px;
}

.GridTinyRows-13px .x-grid-cell-inner {
    overflow: hidden;
    padding: 2px 6px;
    white-space: nowrap;
    font-weight: normal;
    font-size: 13px;
}

.GridTinyRows-14px .x-grid-cell-inner {
    overflow: hidden;
    padding: 2px 6px;
    white-space: nowrap;
    font-weight: normal;
    font-size: 13px;
}

.GridTinyRows-15px .x-grid-cell-inner {
    overflow: hidden;
    padding: 3px 6px;
    white-space: nowrap;
    font-weight: normal;
    font-size: 13px;
}

.GridTinyRows-16px .x-grid-cell-inner {
    overflow: hidden;
    padding: 3px 6px;
    white-space: nowrap;
    font-weight: normal;
    font-size: 13px;
}

.GridTinyRows-18px .x-grid-cell-inner {
    overflow: hidden;
    padding: 5px 6px;
    white-space: nowrap;
    font-weight: normal;
    font-size: 13px;
}

.GridTinyRows-20px .x-grid-cell-inner {
    overflow: hidden;
    padding: 7px 6px;
    white-space: nowrap;
    font-weight: normal;
    font-size: 13px;
}

.chkGridFiltro .x-grid-cell-inner {
    overflow: hidden;
    padding: 1px 6px;
    white-space: nowrap;
    font-weight: normal;
    font-size: 11px;
}

.chkGridFiltro .x-grid-item-selected {
    color: #404040;
}

.btnFiltro {
}

/* TAMAÑO MÍNIMO DE LOS TEXTAREAS */
.x-form-text-default.x-form-textarea {
    line-height: 15px;
    min-height: 50px;
}

/* BOTONES DE BÚSQUEDAS ( EN TGRIDEDIT ) */
.TGridBtnDisabled {
    background-color: white !important;
    border-color: #d0d0d0 !important;
    border-left-width: 0px !important;
    opacity: 1 !important;
}

    .TGridBtnDisabled .x-btn-default-small {
        color: #919191 !important;
    }

    .TGridBtnDisabled .x-btn-icon-el-default-small {
        font-size: 13px;
        height: 16px;
        color: #919191 !important;
        line-height: 16px;
    }

.TGridBtnFocus {
    background-color: white !important;
    border-color: #77b0e2 !important;
    border-left-width: 0px !important;
}
    .TGridBtnFocus .x-btn-default-small {
        color: #919191 !important;
    }

    .TGridBtnFocus .x-btn-icon-el-default-small {
        font-size: 13px;
        height: 16px;
        color: #919191 !important;
        line-height: 16px;
    }

    .TGridBtnFocus .x-btn-focused {
        border-color: #77b0e2 !important;
    }

.TGridBtn {
    background-color: white !important;
    border-color: #cdcdcd !important;
    border-left-width: 0px !important;
}

    .TGridBtn .x-btn-default-small {
        color: #919191 !important;
    }

    .TGridBtn .x-btn-icon-el-default-small {
        font-size: 13px;
        height: 16px;
        color: #919191 !important;
        line-height: 16px;
    }

.TGridTxt {
    border-right-width: 0px !important;
}

    .TGridTxt .x-form-trigger-wrap {
        border-right-width: 0px !important;
    }
.TGridLbl {
    border: 1px solid #adabab;
    background-color: #d0d0d0;
    color: #222;
    padding: 6px 10px 7px;
    margin: 0px 0px 10px 0px;
    cursor: default;
}

.x-btn.x-btn-disabled.x-btn-default-toolbar-small {
    background-image: none;
    background-color: #ffffff;
}

.x-btn-default-red-medium {
    background-color: #bf3333 !important;
    border-color: #bf3333 !important;
    color: #ffffff !important;
    padding: 5px !important;
    cursor: pointer;
}

/* SE HA REESCRITO ESTA CLASE PARA QUE AL ARRASTRAR WIDGETS APAREZCA UN BORDE Y QUE SE SE VIESE ALGO DE TRANSPARENCIA */
.x-panel-ghost {
    opacity: 0.7;
    border: solid 1px #4285F4;
    -moz-opacity: 0.7;
    filter: none;
}

/* Efecto Pijama */
.cell-stripes-odd {
    background-color: #f9f9f9 !important; /* Light gray background for odd columns */
}

.cell-stripes-even {
    background-color: #ffffff !important; /* White background for even columns */
}

.show_red_icon {
    color: #EA4335;
    background-position: left center;
    background-image: url("/imagenes/16x16/bullet_red.png");
    background-repeat: no-repeat;
}

.show_gray_times {
    color: #EA4335;
    background-position: center;
    background-image: url("/imagenes/16x16/Aspa-Gris.png");
    background-repeat: no-repeat;
}

.custom-combo-dropdown .x-boundlist-item {
    height: 30px !important; /* Adjust the height as needed */
    line-height: 30px !important; /* Ensure the text is vertically centered */
}

.grayedBackground140deg {
    background-image: repeating-linear-gradient(140deg, #efefef, #efefef 2px, #fff 2px, #fff 12px);
}

.group-row-selected {
    background-color: #FFEEBE !important; /* Change to your desired highlight color */
}
.toggle-button {
    background-color: #FBBC05; !important;
    color: dodgerblue !important;
}

.titulo-propiedad{
    font-weight: bold;
    font-size: 26px;
    background-color: #fffbd6;
    color: #aaa05d;
    padding: 12px;
    border-radius: 10px;
    border: 2px solid #f4e89a;
    cursor: default;
    margin: 0 !important;
}

.titulo-propiedad-Azul {
    font-weight: bold;
    font-size: 26px;
    background-color: #d6e8ff;
    color: #5d86aa;
    padding: 12px;
    border-radius: 10px;
    border: 2px solid #9ab0f4;
    cursor: default;
    margin: 0 !important;
}

.xProgressColorGreen .x-progress-bar {
    background-color: #69b569;
}

.xProgressColorOrange .x-progress-bar {
    background-color: #e8ba91;
}

.xProgressColorRed .x-progress-bar {
    background-color: #ea8686;
}

.xProgressColorGray .x-progress-bar {
    background-color: #bfbfbf;
}

.xProgressColorBlue .x-progress-bar {
    background-color: #638ab3;
}

.xProgressColorPurple .x-progress-bar {
    background-color: #c085db;
}

.grid-row-alt {
    background-color: #f9f9f9;
}

.CabeceraMorada > *:first-child {
    background-color: #fdf0ff;
    color: #8441a5;
}

.CabeceraMorada > *:nth-child(2) {
    background-color: #fdf0ff;
    color: #8441a5;
}

.x-form-clear-trigger {
    font-size: 13px;
    font-family: FontAwesome;
}

    .x-form-clear-trigger:hover {
        color: #77B0E2;
    }

.x-form-trigger-default {
    width: 18px;
    font: 13px/30px FontAwesome;
    background: #fff;
    color: #8c8c8c;
}

.x-tree-elbow-plus:before,
.x-tree-elbow-end-plus:before {
    content: "\f0da";
}

.x-grid-tree-node-expanded .x-tree-elbow-plus:before,
.x-grid-tree-node-expanded .x-tree-elbow-end-plus:before {
    content: "\f0d7";
}

.EstiloSeccionesMenu {
    border-top: 1px dashed #c6c6c6 !important;
}

.bg-estilo-parent-secciones-menu {
    background-color: #f6f6f6;
}

.x-form-expand-trigger {
    font-size: 13px;
    font-family: FontAwesome;
}

.x-form-expand-trigger:before {
    content: "\f078";
}

.x-form-collapse-trigger {
    font-size: 13px;
    font-family: FontAwesome;
}

.x-form-collapse-trigger:before {
    content: "\f077";
}

/* Base styles for the toast */
.new-toast-style {
    border: 1px solid #4b4343 !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4) !important;
}

.ags-toast-information {
    background-color: #157fcc !important;
    color: #ffffff !important;
    font-size: 20px;
    padding: 10px;
}

.ags-toast-success {
    background-color: #32a150 !important;
    color: white !important;
    font-size: 20px;
    padding: 10px;
}

.ags-toast-warning {
    background-color: #ffefbb !important;
    color: #404040 !important;
    font-size: 20px;
    padding: 10px;
}

.ags-toast-error {
    background-color: #EA4335 !important;
    color: white !important;
    font-size: 20px;
    padding: 10px;
}