.notificaciones {
    display: none;
    position: relative;
    margin-top: 4vh;
    margin-bottom: 1vh;
    height: 36vh;
    width: 32.6vw;
    color: #006D9E;
    border-radius: 5px;
    font-size: 1vw;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.5);
    z-index: 1;
    background-color: #f7f7f7;
    transition: background 1s 0.3s;
}
    .notificaciones .slide {
        position: absolute;
        display: block;
        height: 35vh;
        width: 30vw;
        overflow: hidden;
        list-style: none;
        margin: 0.5vh;
        z-index: 0;
    }
        .notificaciones .slide .spin {
            font-size: 2.5vw;
            margin-top: 8vh;
            margin-left: 8vw;
        }
        .notificaciones .slide > li {
            position: absolute;
            display: block;
            overflow: hidden;
            height: 35vh;
            width: 26vw;
            text-indent: 0px;
            cursor: pointer;
            background-color: #f7f7f7;
            transition: all 1s;
        }
            .notificaciones .slide > li:nth-of-type(1) {
                left: 0vw;
            }
            .notificaciones .slide > li:nth-of-type(2) {
                left: 3vw;
                border-left-style: solid;
                border-left-width: 1px;
                border-color: rgba(0,44,119,0.4);
            }
            .notificaciones .slide > li:nth-of-type(3) {
                left: 6vw;
                border-left-style: solid;
                border-left-width: 1px;
                border-color: rgba(0,44,119,0.4);
            }
            .notificaciones .slide > li .legend {
                position: absolute;
                transform: rotate(270deg);
                color: rgba(0,109,158,0.7);
                font-size: 1.55vw;
                transition: all 1s;
            }
                .notificaciones .slide > li .legend:hover {
                    color: rgba(0,44,119,1);
                }
            .notificaciones .slide > li:nth-of-type(1) .legend {
                margin-top: 16vh;
                margin-left: -4vh;
            }
            .notificaciones .slide > li:nth-of-type(2) .legend {
                margin-top: 16vh;
                margin-left: -4vh;
            }
            .notificaciones .slide > li:nth-of-type(3) .legend {
                margin-top: 16vh;
                margin-left: -4.5vh;
            }
        .notificaciones .slide .postit {
            position: absolute;
            top: 5vh;
            left: 1.3vw;
            height: 27vh;
            width: 23vw;
            background-color: #fefabc;
            box-shadow: 0px 4px 6px #333;
            -moz-box-shadow: 0px 4px 6px #333;
            -webkit-box-shadow: 0px 4px 6px #333;
            -moz-transform: rotate(7deg);
            -webkit-transform: rotate(7deg);
            -o-transform: rotate(7deg);
            -ms-transform: rotate(7deg);
            transform: rotate(3deg);
            display: none;
            transition: all 1s;
        }
            .notificaciones .slide .postit .todolist {
                list-style-type: none;
                padding: 4vh 1.5vw 2vh 2vw;
                line-height: 4vh;
                font-size: 1.1vw;
                transition: all 0.5s;
            }
                .notificaciones .slide .postit .todolist .ball {
                    display: block;
                    border-radius: 50%;
                    background: rgba(205, 75, 91, 0.8);
                    height: 3.4vh;
                    width: 5vh;
                    color: #fff;
                    text-align: center;
                    line-height: 3.5vh;
                    font-family: 'Open Sans';
                    font-size: 2vh;
                    font-weight: normal;
                    cursor: pointer;
                    float: right;
                    box-shadow: 0 0 0 2px #fff;
                    margin-bottom: 0.2vh;
                    margin-right: 0.1vw;
                }
                .notificaciones .slide .postit .todolist .strikethrough {
                    text-decoration: line-through;
                }
                .notificaciones .slide .postit .todolist .check {
                    float: right;
                    margin-right: 0.4vw;
                    font-size: 1.8vw;
                }
            .notificaciones .slide .postit .mensajes {
                    list-style-type: none;
                    padding: 4vh 2vw;
                    line-height: 3.4vh;
                    font-size: 1.0vw;
                }
            .notificaciones .slide .postit .sendmsg {
                position: absolute;
                top: 1vh;
                right: 1vh;
                font-size: 2vw;
            }
            .notificaciones .slide .postit .seeall {
                /*position: absolute;
                bottom: 1vh;
                right: 1vw;
                font-size: 1.2vw;*/
                position: absolute;
                bottom: 1vh;
                font-size: 0.9vw;
                width: 100%;
                color: gray;
                text-align: center;
            }
                .notificaciones .slide .postit .seeall div:hover {
                    color: black;
                }
            .notificaciones .slide .postit .solicitudes {
                list-style-type: none;
                margin-top: 2vh;
                margin-left: 1vw;
                padding: 1vh 1vw 0vh 1vw;
                line-height: 3.4vh;
                font-size: 1.2vw;
                transition: all 0.5s;
            }
            .notificaciones .slide .postit .solicitudes .ballred {
                display: block;
                border-radius: 50%;
                background: rgba(205, 75, 91, 0.8);
                height: 3.4vh;
                width: 5vh;
                color: #fff;
                text-align: center;
                line-height: 3.5vh;
                font-family: 'Open Sans';
                font-size: 0.7em;
                font-weight: normal;
                cursor: pointer;
                float: right;
                box-shadow: 0 0 0 2px #fff;
                margin-bottom: 0.2vh;
                margin-right: 0.1vw;
            }
                .notificaciones .slide .postit .solicitudes .ballgreen {
                    display: block;
                    border-radius: 50%;
                    background: rgba(0, 128, 0, 0.6);
                    height: 3.4vh;
                    width: 5vh;
                    color: #fff;
                    text-align: center;
                    line-height: 3.5vh;
                    font-family: 'Open Sans';
                    font-size: 0.7em;
                    font-weight: normal;
                    cursor: pointer;
                    float: right;
                    box-shadow: 0 0 0 2px #fff;
                    margin-bottom: 0.2vh;
                    margin-right: 0.1vw;
                }

            .notificaciones .slide .postit .solicitudes .strikethrough {
                text-decoration: line-through;
            }

            .notificaciones .slide .postit .solicitudes .check {
                float: right;
                margin-right: 0.4vw;
                font-size: 1.8vw;
            }

            .notificaciones .slide .pin {
                position: absolute;
                left: 5%;
                top: -1.3vh;
                background-color: #aaa;
                display: block;
                height: 3.7vh;
                width: 0.22vh;
                z-index: 1;
            }
            .notificaciones .slide .pin:after {
                position: absolute;
                top: -1.1vh;
                left: -0.5vh;
                height: 1.3vh;
                width: 1.3vh;
                background-color: #A31;
                background-image: radial-gradient(25% 25%, circle, hsla(0,0%,100%,.3), hsla(0,0%,0%,.3));
                border-radius: 50%;
                box-shadow: inset 0 0 0 1px hsla(0,0%,0%,.1), inset 0.3vh 0.3vh 0.3vh hsla(0,0%,100%,.2), inset -0.3vh -0.3vh 0.3vh hsla(0,0%,0%,.2), 2.9vh 2.2vh 0.3vh hsla(0,0%,0%,.15);
                content: '';
            }
            .notificaciones .slide .pin:before {
                position: absolute;
                top: 0.8vh;
                left: 0;
                height: 3.0vh;
                width: 0.22vh;
                background-color: hsla(0,0%,0%,0.1);
                box-shadow: 0 0 .25em hsla(0,0%,0%,.1);
                content: '';
                transform: rotate(57.5deg);
                -moz-transform: rotate(57.5deg);
                -webkit-transform: rotate(57.5deg);
                -o-transform: rotate(57.5deg);
                -ms-transform: rotate(57.5deg);
                transform-origin: 50% 100%;
                -moz-transform-origin: 50% 100%;
                -webkit-transform-origin: 50% 100%;
                -ms-transform-origin: 50% 100%;
                -o-transform-origin: 50% 100%;
            }
    .notificaciones #waitNotificaciones i {
        font-size: 5vw;
        opacity: 0.7;
        margin-left: 13vw;
        margin-top: 12vh;
    }

.ltvsolicitudes {
    height: 75vh;
    margin: 1vh 10vw 1vh 10vw;
    border-radius: 5px;
    -moz-box-shadow: 2px 2px 10px #555;
    -webkit-box-shadow: 2px 2px 10px #555;
    box-shadow: 2px 2px 10px #555;
}
.ltvsolicitudes .nothing {
    font-size: 4vh;
    width: 40vw;
    margin-top: 10vh;
    margin-left: 20vw;
    color: rgba(0,109,158,0.7);
    text-align: center;
}

    .ltvsolicitudes .nothing i {
        font-size: 14vw;
        width: 40vw;
        margin-bottom: 3vh;
    }
.ltvsolicitudes .headerltvsolicitudes {
    background-color: rgba(0,109,158,0.7);
    color: rgba(255,255,255,1);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.ltvsolicitudes .headerltvsolicitudes .headertop {
    font-size: 2.0vw;
    padding: 0.5vh 0vw 0.5vh 0vw;
}
    .ltvsolicitudes .headerltvsolicitudes .headertop .icon {
        font-size: 2.5vw;
        margin-top: 0.5vh;
        margin-left: 1vw;
    }
    .ltvsolicitudes .headerltvsolicitudes .headertop .title {
        font-size: 1.8vw;
        letter-spacing: 1vw;
    }
.ltvsolicitudes .headerltvsolicitudes .headerbottom {
    font-size: 1.3vw;
    text-align: center;
    border-top: 1px solid rgba(255,255,255,1);
}
.ltvsolicitudes .headerltvsolicitudes .col {
    padding: 0.5vh 0vw 0.5vh 0vw;
}
.ltvsolicitudes .headerltvsolicitudes .br {
    border-right: 1px solid rgba(255,255,255,1);
}
.ltvsolicitudes .headerltvsolicitudes .col span {
    float: right;
}
    .ltvsolicitudes .headerltvsolicitudes .col span:hover {
        cursor: pointer;
        color: rgba(0,109,158,1);
    }
.ltvsolicitudes .bodyltvsolicitudes {
    height: 58vh;
}
    .ltvsolicitudes .bodyltvsolicitudes .group {
        color: rgba(0, 44, 119, 1);
        background-color: rgba(166,226,239,0.3);
        font-size: 1.5vw;
        list-style: none;
        margin: 0;
        padding: 0;
    }
        .ltvsolicitudes .bodyltvsolicitudes .group li > div {
            padding: 1vh 0vw 1vh 0vw;
            border-top: 1px solid white;
            border-bottom: 1px solid white;
        }
            .ltvsolicitudes .bodyltvsolicitudes .group li > div > i {
                cursor: pointer;
                margin-left: 0.8vw;
            }
    .ltvsolicitudes .bodyltvsolicitudes .list {
        color: rgba(136, 136, 136, 1);
        font-size: 1.3vw;
        list-style: none;
        margin: 0;
        padding: 0;
    }
        .ltvsolicitudes .bodyltvsolicitudes .list li {
            background-color: rgba(238, 238, 238, 1);
            border-top: 1px solid white;
            border-bottom: 1px solid white;
        }
            .ltvsolicitudes .bodyltvsolicitudes .list li .ball {
                position: relative;
                top: 0vh;
                margin-top: -2.9vh;
                margin-left: 1vw;
                display: block;
                border-radius: 50%;
                background: rgba(205, 75, 91, 0.9);
                height: 0.7vw;
                width: 1.2vw;
                color: #fff;
                text-align: center;
                font-family: 'Open Sans';
                font-size: 0.5vw;
                font-weight: normal;
                cursor: pointer;
                padding-top: 0.4vh;
                transition: all 0.5s;
            }
            .ltvsolicitudes .bodyltvsolicitudes .list li .actions,
            .ltvsolicitudes .bodyltvsolicitudes .list li .status {
                text-align: center;
                font-size: 1.5vw;
            }
                .ltvsolicitudes .bodyltvsolicitudes .list li .status .iconstatus {
                    cursor: help;
                }
                .ltvsolicitudes .bodyltvsolicitudes .list li .actions .iconopt {
                    cursor: pointer;
                }
.ltvsolicitudes .footerltvsolicitudes {
    border-top: 1px solid rgba(128, 128, 128, 0.2);
    color: rgb(74, 151, 185);
    font-size: 2vMin;
    padding-top: 1vMin;
    text-align: right;
    padding-right: 2vw;
}
    .ltvsolicitudes .footerltvsolicitudes .pagination {
        display: none;
    }
    .ltvsolicitudes .footerltvsolicitudes #previousPage,
    .ltvsolicitudes .footerltvsolicitudes #firstPage,
    .ltvsolicitudes .footerltvsolicitudes #nextPage,
    .ltvsolicitudes .footerltvsolicitudes #lastPage,
    .ltvsolicitudes .footerltvsolicitudes #leftPage,
    .ltvsolicitudes .footerltvsolicitudes #rightPage {
        cursor: pointer;
    }
    .ltvsolicitudes .footerltvsolicitudes #pagesBtns li {
        border: 1px solid rgba(74, 151, 185, 1);
        border-radius: 5px;
        padding: 0vh 0.5vw;
    }
        .ltvsolicitudes .footerltvsolicitudes #pagesBtns li:hover,
        .ltvsolicitudes .footerltvsolicitudes #pagesBtns .selected {
            color: white;
            background-color: rgba(74, 151, 185, 1);
            cursor: pointer;
        }
    .ltvsolicitudes .footerltvsolicitudes #pages,
    .ltvsolicitudes .footerltvsolicitudes #regs {
        text-align: center;
    }
.ltvsolicitudes .mnucol {
    position: absolute;
    top: -0.5vh;
    max-width: 18vw;
    border: 1px solid white;
    padding: 1vh 0.7vw;
    background-color: white;
    color: gray;
    font-size: 0.8vw;
    text-align: left;
    line-height: 2.5vh;
    z-index: 1000;
}
.ltvsolicitudes .mnucol input {
    border: 1px solid #ccc;
    outline: none;
    color: gray;
    width: 96.5%;
    padding: 1.5% 1.5%;
}
    .ltvsolicitudes .mnucol .mnucol-li:hover {
        cursor: pointer;
        color: rgba(255, 255, 255, 1);
        background-color: rgba(128, 128, 128, 1);
    }
    .ltvsolicitudes .mnucol .mnucol-li.selected > i {
        border: 1px solid rgba(128, 128, 128, 0.2);
        background-color: rgba(128, 128, 128, 0.2);
        padding: 0.2vh 0vh;
    }
    .ltvsolicitudes .mnucol .mnucol-btn {
        width: 4vw;
        float: right;
        text-align: center;
        text-decoration: none;
        margin-top: 2vh;
        display: block;
        z-index: 1;
        letter-spacing: 1.5px;
        font-weight: 100;
        font-size: 0.7vw;
        border: 1px solid rgba(100, 100, 100, 0.5);
        border-radius: 5px;
        color: #fff;
        background-color: rgba(100, 100, 100, 0.5);
        box-shadow: none;
        transition: background-color 0.5s;
    }
        .ltvsolicitudes .mnucol .mnucol-btn:hover {
            background-color: rgba(100, 100, 100, 1);
        }
.solicitud {
    padding: 0vh 2vw;
    color: gray;
}

    .solicitud .icon {
        font-size: 2.5vw;
        color: rgba(0, 44, 119, 0.7);
    }

    .solicitud .title {
        font-size: 2vw;
        color: rgba(0, 44, 119, 0.7);
    }

    .solicitud .subtitle {
        font-size: 1.2vw;
    }
    .solicitud .textarea {
        margin: 3vh 2vw;
        font-size: 1vw;
        text-align: justify;
        height: 10vh;
        overflow: auto;
        padding: 1vh 1vw;
        background-color: aliceblue
    }
    .solicitud .legend {
        margin-top: -2vh;
        margin-left: 2vw;
    }

    .solicitud .btn {
        display: block;
        padding: 1vh 1vw;
        letter-spacing: 1.5px;
        font-size: 1.2vw;
        text-align: center;
        color: #fff;
        background-color: rgba(0,109,158,0.5);
        border: 1px solid rgba(0,109,158,0.5);
        border-radius: 5px;
        transition: all 0.5s;
    }

        .solicitud .btn:hover {
            cursor: pointer;
            background-color: rgba(0,109,158,1);
            border: 1px solid rgba(0,109,158,1);
        }

.docs {
    padding: 0vh 2vw;
    color: gray;
}

    .docs .icon {
        font-size: 2.5vw;
        color: rgba(0, 44, 119, 0.7);
    }

    .docs .title {
        font-size: 2vw;
        color: rgba(0, 44, 119, 0.7);
    }

    .docs .subtitle {
        font-size: 1.2vw;
    }
    .docs .documentoscontent {
        height: 35vh;
        margin: 3vh 2vw 2vh 2vw;
    }
    .docs ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .docs #CategoriasDocumentosLTV,
    .docs #CategoriasDocsLTV,
    .docs #CategoriasDocumentosPolizaLTV,
    .docs #CategoriasDocumentosGruposLTV,
    .docs #CategoriasDocumentosCentrosLTV,
    .docs #CategoriasFormulariosLTV {
        color: rgba(0, 44, 119, 1);
        background-color: rgba(166,226,239,0.3);
        font-size: 1.4vw;
        border-bottom-style: solid;
        border-bottom-color: #3388cc;
        border-bottom-width: 1px;
    }
        .docs #CategoriasDocumentosLTV li,
        .docs #CategoriasDocsLTV li,
        .docs #CategoriasDocumentosPolizaLTV li,
        .docs #CategoriasDocumentosGruposLTV li,
        .docs #CategoriasDocumentosCentrosLTV li,
        .docs #CategoriasFormulariosLTV li {
            padding: 0.5vh 0;
            border-top-style: solid;
            border-top-color: #3388cc;
            border-top-width: 1px;
        }
        .docs #CategoriasDocumentosLTV .icon,
        .docs #CategoriasDocsLTV .icon,
        .docs #CategoriasDocumentosPolizaLTV .icon,
        .docs #CategoriasDocumentosGruposLTV .icon,
        .docs #CategoriasDocumentosCentrosLTV .icon,
        .docs #CategoriasFormulariosLTV .icon {
            font-size: 1.5vw;
            color: rgba(0, 44, 119, 0.7);
            vertical-align: middle;
            cursor: pointer;
        }
        .docs #CategoriasDocumentosLTV ul,
        .docs #CategoriasDocsLTV ul,
        .docs #CategoriasDocumentosPolizaLTV ul,
        .docs #CategoriasDocumentosGruposLTV ul,
        .docs #CategoriasDocumentosCentrosLTV ul,
        .docs #CategoriasFormulariosLTV ul {
            color: rgba(128, 128, 128, 0.7);
            background-color: rgba(255, 255, 255, 1);
            font-size: 1.2vw;
            margin-top: 0.5vh;
        }
            .docs #CategoriasDocumentosLTV ul .icon,
            .docs #CategoriasDocsLTV ul .icon,
            .docs #CategoriasDocumentosPolizaLTV ul .icon,
            .docs #CategoriasDocumentosGruposLTV ul .icon,
            .docs #CategoriasDocumentosCentrosLTV ul .icon,
            .docs #CategoriasFormulariosLTV ul .icon {
                vertical-align: initial;
            }
            .docs #CategoriasDocumentosLTV ul li,
            .docs #CategoriasDocsLTV ul li,
            .docs #CategoriasDocumentosPolizaLTV ul li,
            .docs #CategoriasDocumentosGruposLTV ul li,
            .docs #CategoriasDocumentosCentrosLTV ul li,
            .docs #CategoriasFormulariosLTV ul li {
                border-top-style: solid;
                border-top-color: #3388cc;
                border-top-width: 1px;
            }
    .docs .btn {
        display: block;
        padding: 1vh 1vw;
        letter-spacing: 1.5px;
        font-size: 1.2vw;
        text-align: center;
        color: #fff;
        background-color: rgba(0,109,158,0.5);
        border: 1px solid rgba(0,109,158,0.5);
        border-radius: 5px;
        transition: all 0.5s;
    }
        .docs .btn:hover {
            cursor: pointer;
            background-color: rgba(0,109,158,1);
            border: 1px solid rgba(0,109,158,1);
        }