/*Para que elimine elimine ellipse scroll de la barra lateral izquierda*/
.visorListLeft {
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    border-width: 0px 1px 0px 0px !important;
    border-color: #EEEEEE !important;
    margin-top: 10px !important;
}
    /*Para que elimine elimine ellipse scroll de la barra lateral izquierda*/
    .visorListLeft::-webkit-scrollbar {
        display: none;
        border-width: 0px 1px 0px 0px !important;
        border-color: #EEEEEE !important;
        margin-top: 10px !important;
    }
/*Para que elimine elimine ellipse scroll de la barra lateral derecha*/
.visorListRight {
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    border-width: 0px 0px 0px 1px !important;
    border-color: #EEEEEE !important;
    margin-top: 10px !important;
}
    /*Para que elimine elimine ellipse scroll de la barra lateral derecha*/
    .visorListRight::-webkit-scrollbar {
        display: none;
        border-width: 0px 0px 0px 1px !important;
        border-color: #EEEEEE !important;
        margin-top: 10px !important;
    }
/*Aumentan el tamaño de letra del VIEWER*/
.zoomIn > div:nth-child(2) {
    zoom: 130%;
}
/*Estilo para la vista de miniatura de las paginas cuando no esta seleccionada*/
.navList .webix_dataview_item {
    background-color: #aaa;
    border-color: #bbb;
    margin: 10px;
}
    /*Estilo para la vista de miniatura de las paginas cuando esta seleccionada*/
    .navList .webix_dataview_item.webix_selected {
        background-color: #eee;
    }
/*Elimina el scroll de la vista de miniaturas de las paginas*/
.navList {
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    margin-top: 31px;
}
    /*Elimina el scroll de la vista de miniaturas de las paginas*/
    .navList::-webkit-scrollbar {
        display: none;
    }
/*Agrega borde a la parte de abajo de los itenes de la lista lateral izquierda*/
[view_id=NOTE_LIST] > div > p {
    border: solid;
    border-width: 0px 0px 1.5px 0px !important;
    border-color: #E0E0E0 !important;
    margin: 10px;
    overflow: hidden;
}
/*Elimina el scroll de la vista del VIEWER*/
[view_id=VIEWER] > div:nth-child(2) {
    -ms-overflow-style: scrollbar;
    -webkit-overflow-scrolling: auto;
    overflow: scroll;
}
    /*Elimina el scroll de la vista del VIEWER*/
    [view_id=VIEWER] > div:nth-child(2)::-webkit-scrollbar {
        /* display: none;*/
        display: -ms-flexbox;
        -webkit-appearance: none;
        width: 7px;
    }
/*Elimina el color de fondo y bordes del toolbar del VIEWER*/
[view_id=VIEWER] > [view_id=VIEWER] > div:nth-child(1) > div:nth-child(1) {
    background-color: transparent !important;
    border-width: 0px 0px 0px 0px !important;
    border-color: #EEE !important;
}
.nicEdit-main {
    overflow: auto !important;
    -ms-overflow-style: scrollbar;
    height: 5.5em;
}
.nicEdit-selected {
    overflow: auto !important;
    -ms-overflow-style: scrollbar;
    height: 5.5em;
}
/*Elimina el fondo y bordes de los botones del toolbar del VIEWER*/
.nicEdit-button-undefined {
    background-color: #FFF !important;
    border: none !important;
}
/*Estilo de la tira de miniaturas*/
[view_id=TREE] {
    border: none !important;
}
/*Estilo para el frame que aparece cuando presiona una ecuacion*/
#MathJax_ZoomFrame {
    position: absolute !important;
    left: 257px !important;
    top: 24px !important;
}
/*Estilo para el frame que aparece cuando presiona una ecuacion*/
#MathJax_Zoom {
    max-width: 500px !important;
    max-height: 200px !important;
    left: unset !important;
    top: 39px !important;
}
/*Estilo para los botones del lado izquierdo, que estan en la cabezera de las listas*/
[view_id=SEE_EXERCISE] > div {
    z-index: 2;
}

[view_id=ASSIGN_EXERCISE] > div {
    z-index: 2;
}

[view_id=ADD_ADDITIONAL_EXERCISE] > div {
    z-index: 2;
}

[view_id=SEE_ADDITIONAL_EXERCISE] > div {
    z-index: 2;
}

[view_id=ASSIGN_ADDITIONAL_EXERCISE] > div {
    z-index: 2;
}

[view_id=ADD_ADDITIONAL_RESOURCE] > div {
    z-index: 2;
}

[view_id=SEE_ADDITIONAL_RESOURCE] > div {
    z-index: 2;
}

[view_id=ASSIGN_ADDITIONAL_RESOURCE] > div {
    z-index: 2;
}
/*Para truncar el text de todos los items de las listas*/
[view_id=EXERCISE_LIST] > div > div > div > div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[view_id=ADDITIONAL_EXERCISE_LIST] > div > div > div > div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[view_id=ADDITIONAL_RESOURCE_LIST] > div > div > div > div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[view_id=ACTIVITY_LIST] > div > div > div > div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[view_id=PLAY_MUSIC] > div > div > div > div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[view_id=PLAY_VIDEO] > div > div > div > div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*Cambia color al icono eye en todas las vistas*/
.fa-plus-circle {
    color: #D50000 !important;
}

.fa-eye, .fa-user-plus, .fa-plus, .fa-music {
    color: rgb(34, 93, 170) !important
}
/*Cambia el color de fondo de los laterales del visor*/
[view_id="LEFT_SIDE"],
[view_id="RIGHT_SIDE"],
[view_id="EXERCISE_LIST"],
[view_id="ADDITIONAL_EXERCISE_LIST"],
[view_id="ADDITIONAL_RESOURCE_LIST"],
[view_id="ACTIVITY_LIST"],
[view_id="PLAY_MUSIC"],
[view_id="PLAY_VIDEO"],
[view_id="NOTE_LIST"] {
    background-color: #fafafa !important;
}
/*Quita el border del left side*/
[view_id="INDEX"] {
    border: none !important;
}
/*Pone el background transparente a un contenedor de la pagina de un libro*/
#jpedal {
    background-color: transparent !important;
}

object {
    background-color: transparent !important;
}
/*Para cambiar el estilo del paginador*/
.webix_pager_item {
    background-color: #9E9E9E !important;
    width: 40px;
    color: #fff;
    border: none;
    border-radius: 20px;
    font-family: monospace;
}

.webix_pager_item_selected {
    background-color: #167caf !important;
    width: 40px;
    color: #fff;
    border: none;
    border-radius: 20px;
    font-family: monospace;
}