/*===================================================
*    Clases utilizadas en la barra de herramientas   *
=====================================================*/
@charset "UTF-8";

#btn_closeopen {
    cursor: pointer;
}

#doc_toolbar * {
    cursor: pointer;
}

#doc_toolbar {
    padding: 0;
    margin: 0;
    border: 0;
    line-height: 1;
    width: 70px;
    background: #2196f3;
    zoom: 1;
    font-size: 9px;
    right: 0px;
    position: absolute;
    top: 64px;
    overflow-y: scroll;
    max-height: 560px;
}

    #doc_toolbar ul,
    #doc_toolbar ul li,
    #doc_toolbar ul ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    #doc_toolbar ul {
        position: relative;
        z-index: 597;
        float: right;
        box-shadow: #333 -0px 2px 5px;
    }

        #doc_toolbar ul li {
            float: right;
            min-height: 1px;
            line-height: 1em;
            vertical-align: middle;
            position: relative;
            border-bottom: 1px solid #fff;
            text-align: center;
        }

            #doc_toolbar ul li.hover,
            #doc_toolbar ul li:hover {
                position: relative;
                z-index: 599;
                cursor: pointer;
            }

        #doc_toolbar ul ul {
            visibility: hidden;
            position: absolute;
            top: 100%;
            right: 0px;
            z-index: 598;
            width: 100%;
        }

            #doc_toolbar ul ul li {
                float: none;
                background-color: #1976d2 !important;
                border-bottom: 1px solid #fff;
            }

            #doc_toolbar ul ul ul {
                top: -2px;
                right: 0;
            }

        #doc_toolbar ul li:hover > ul {
            visibility: visible;
        }

        #doc_toolbar ul ul {
            top: 0px;
            right: 99%;
        }

        #doc_toolbar ul li {
            float: none;
        }

        #doc_toolbar ul ul {
            margin-top: 1px;
        }

            #doc_toolbar ul ul li {
                font-weight: normal;
            }

    #doc_toolbar:before {
        content: '';
        display: block;
    }

    #doc_toolbar:after {
        content: '';
        display: table;
        clear: both;
    }

    #doc_toolbar a {
        display: block;
        padding: 5px;
        color: #ffffff;
        text-decoration: none;
    }

@media screen and (min-width: 320px) and (max-width: 1368px) {
    #doc_toolbar a {
        display: block;
        padding: 1px;
        color: #ffffff;
        text-decoration: none;
    }
}

#doc_toolbar > ul {
    width: 50px;
}

#doc_toolbar ul ul {
    width: 150px;
}

#doc_toolbar > ul > li > a {
    color: #ffffff;
}

#doc_toolbar ul li a span {
    display: block;
    padding: 5px;
}

#doc_toolbar > ul > li > a:hover {
    color: #ffffff;
    background-color: #1976D2 !important;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

#doc_toolbar > ul > li.active a {
    background: #1b9bff !important;
}

#doc_toolbar li {
    position: relative;
}

#doc_toolbar ul li.has-sub > a:after {
}

#doc_toolbar ul ul li.first {
}

#doc_toolbar ul ul li.last {
}

#doc_toolbar ul ul a {
    font-size: 10px;
    color: #ffffff;
}

    #doc_toolbar ul ul a:hover {
        color: #ffffff;
    }

#doc_toolbar ul ul li {
    border-bottom: 1px solid #fff;
    background-color: #2196f3 !important;
    text-align: center !important;
    line-height: 13px;
}

    #doc_toolbar ul ul li:hover > a {
        background: #ff9800 !important;
        color: #ffffff;
    }

#doc_toolbar.align-right > ul > li > a {
    border-left: 4px solid #1b9bff;
    border-right: none;
}

#doc_toolbar.align-right {
    float: right;
}

    #doc_toolbar.align-right li {
        text-align: right;
    }

    #doc_toolbar.align-right ul li.has-sub > a:before {
        content: '+';
        position: absolute;
        top: 50%;
        right: 15px;
        margin-top: -6px;
    }

    #doc_toolbar.align-right ul li.has-sub > a:after {
        content: none;
    }

    #doc_toolbar.align-right ul ul {
        visibility: hidden;
        position: absolute;
        top: 0;
        right: -100%;
        z-index: 598;
        width: 100%;
    }

        #doc_toolbar.align-right ul ul li.first {
            -webkit-border-radius: 3px 0 0 0;
            -moz-border-radius: 3px 0 0 0;
            border-radius: 3px 0 0 0;
        }

        #doc_toolbar.align-right ul ul li.last {
            -webkit-border-radius: 0 0 0 3px;
            -moz-border-radius: 0 0 0 3px;
            border-radius: 0 0 0 3px;
        }

    #doc_toolbar.align-right ul ul {
        -webkit-border-radius: 3px 0 0 3px;
        -moz-border-radius: 3px 0 0 3px;
        border-radius: 3px 0 0 3px;
    }