.view-color-green {
    background-color: rgba(255, 255, 255, 0.3);
}

.view-color-yellow {
    background-color: rgba(250, 190, 77, 0.3);
}

.view-color-red {
    background-color: rgba(255, 84, 104, 0.3);
}

.x-grid-item-selected {
    background: rgb(197, 247, 215) !important;
}

.view-item-disabled {
    opacity: 0.5;
}

.toolbar-header-style {
    /*#5fa2dd*/
    background-color: rgb(0, 170, 177) !important;
}

body.x-border-layout-ct,
div.x-border-layout-ct {
    background-color: #bbbbbb !important;
}

.x-fieldset {
    overflow: visible !important;
    /* workaround for Safari issue */
}

#attribution {
    position: absolute;
    bottom: 10px;
    right: 15px;
    font-size: x-small;
}

#spinner:before {
    background: url(./images/siguelo/anim3.gif) center no-repeat;
    background-size: contain;
    content: '';
    /* box-sizing: border-box; */
    position: absolute;
    /* top: 50%; */
    /* left: 50%; */
    width: 100vw;
    height: 100vh;
    margin-top: -30px;
    /* margin-left: -30px; */
    /* border-radius: 50%; */
    /* border-top: 6px solid rgba(143, 23, 23, 0.85); */
    /* border-right: 6px solid transparent; */
    /* animation: spinner .6s linear infinite; */
}

/* Alinear icono con texto en modales de confirmación ExtJS 6 */
.x-message-box .x-window-body-default {
    display: flex !important;
    align-items: center !important;
}

.x-message-box .x-msg-box-icon-text {
    display: flex !important;
    align-items: center !important;
}

.x-message-box .x-window-body .x-component {
    display: flex !important;
    align-items: center !important;
}

.x-message-box .x-message-box-icon {
    align-self: center !important;
    margin-top: 0 !important;
}

.x-message-box .x-msg-box-text {
    display: flex !important;
    align-items: center !important;
    min-height: 32px;
}