/*estilos aparte del bootstrap*/

html, body {
    height: 100%;
}

textarea {
    resize: none;
}

h2, .h2 {
    font-size: 15px;
    color: #fff;
    padding: 5px;
    background: #5b88a7;
    border-radius: 0;
    clear: both
}

    h2 span {
        margin-right: 10px
    }

a span {
    cursor: pointer
}

.underline_no a:hover, .underline_no a:focus {
    text-decoration: none
}

.pb-19 {
    padding-bottom: 19px !important;
}

.box-leyenda {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
}

.anchor {
    margin-top: -50px;
    display: block;
    height: 50px
}

.overflow {
    overflow: auto
}

.clearboth {
    clear: both
}

/*estilos posiciones relativas y absolutas*/

.prelative {
    position: relative
}

.pos_abs_center {
    position: absolute;
    margin-left: auto !important;
    margin-right: auto !important;
    left: 0;
    right: 0;
    bottom: 0
}

.pos_abs_b_10 {
    position: absolute;
    bottom: 10px
}

.pos_abs_b_0 {
    position: absolute;
    bottom: 0
}

.pos_abs_l_10 {
    position: absolute !important;
    left: 10px;
}

.pos_abs_l-15 {
    position: absolute !important;
    left: -15px;
}

.scroll_table {
    height: 600px;
    overflow-y: auto;
    margin-bottom: 20px;
}

.goToTop {
    position: fixed;
    top: 0;
    height: 70px;
    z-index: 999;
    width: 100%;
    -webkit-backface-visibility: hidden;
}

/*cabecera*/

#header {
    display: table;
    height: 85px;
    width: 100%;
    -webkit-backface-visibility: hidden;
}

.header { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e2e2e2+0,d1d1d1+0,ededed+40,fefefe+100 */
    background: #fff;
    border-bottom: 1px solid #b2b2b2;
    padding: 10px 0;
}

a.form-control-feedback:hover {
    color: #fff
}

/*estilos generales*/
.z-index-imp {
    z-index: 1000 !important
}

/*estilos colores*/

.bg_blue {
    background: #d8e9f5 !important;
    border-top-right-radius: 4px !important
}

.bg_orange {
    background: #fff6e7 !important
}

.bg_orange02 {
    background: #fcf9f3 !important
}

.color_orange {
    color: #ea8f1b !important
}

.color_blue {
    color: #5b88a7 !important
}

/*estilos bordes*/

.bor_grey {
    border: 1px solid #ddd
}

.bor_bgrey ul li {
    border-bottom: 1px solid #f5f5f5
}

.bor0 {
    border: 0 !important
}

.bor_r0 {
    border-right: 0 !important
}

.bor_b0 {
    border-bottom: 0 !important
}

.bor_t0 {
    border-top: 0 !important
}

.bor_b_t_grey {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc
}

.bor_orange {
    border: 1px dashed #e78200 !important
}

.bor_orange02 {
    border: 1px dashed #fed189;
    border-top: none
}

/*estilos márgenes y paddings*/

.mar_0 {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.mar_15 {
    margin: 15px
}

.mar_8 {
    margin: 8px 8px 0 8px !important
}

.mar_b0 {
    margin-bottom: 0 !important
}

.mar_b10 {
    margin-bottom: 10px !important
}

.mar_b20 {
    margin-bottom: 20px !important
}

.mar_b42 {
    margin-bottom: 42px
}

.mar_b5 {
    margin-bottom: 5px !important
}

.mar_l0 {
    margin-left: 0 !important
}

.mar_l20 {
    margin-left: 20px
}

.mar_l36 {
    margin-left: 36px
}

.mar_l6 {
    margin-left: 6px !important
}

.mar_r-20 {
    margin-right: -20px
}

.mar_r0 {
    margin-right: 0 !important
}

.mar_r12 {
    margin-right: 12px !important
}

.mar_r25 {
    margin-right: 25px
}

.mar_r4 {
    margin-right: 4px !important
}

.mar_r6 {
    margin-right: 6px
}

.mar_t-7 {
    margin-top: -7px
}

.mar_t-15 {
    margin-top: -15px !important
}

.mar_t-4 {
    margin-top: -4px
}

.mar_t0 {
    margin-top: 0
}

.mar_t10 {
    margin-top: 10px
}

.mar_t15 {
    margin-top: 15px
}

.mar_t2 {
    margin-top: 2px
}

.mar_t25 {
    margin-top: 25px
}

.mar_t30 {
    margin-top: 30px !important
}

.mar_t4 {
    margin-top: 4px
}

.mar_t5 {
    margin-top: 5%
}

.mar_t8 {
    margin-top: 5px
}

@media (max-width: 1366px) {
    .mar_r32 {
        margin-right: 23px
    }
}

@media (min-width: 1367px) {
    .mar_r32 {
        margin-right: 32px
    }
}

.pad_tb_3 {
    padding-bottom: 5px !important;
    padding-top: 5px !important
}

.pad3 {
    padding: 2px
}

.pad5 {
    padding: 5px
}

.pad8_tb0 {
    padding: 8px 0
}

.padr10 {
    padding-right: 10px !important
}

.padr50 {
    padding-right: 50px !important
}

.padr70 {
    padding-right: 80px !important
}

.padr115 {
    padding-right: 200px !important
}

.padb40 {
    padding-bottom: 40px !important
}

.padb60 {
    padding-bottom: 60px !important
}

.padb80 {
    padding-bottom: 80px !important
}

.padb130 {
    padding-bottom: 130px !important
}

.padb7 {
    padding-bottom: 5px
}

.padt_0 {
    padding-top: 0 !important
}

.pad_t10 {
    padding-top: 10px
}

.padt40 {
    padding-top: 40px !important
}

.padt200 {
    padding-top: 200px !important
}

.padb_0 {
    padding-bottom: 1px !important
}

.pad10 {
    padding: 10px
}

.padl_50 {
    padding-left: 50px !important
}

.padl_3 {
    padding-left: 3px !important
}

.padl_10 {
    padding-left: 10px !important
}

.padl_0 {
    padding-left: 0px !important
}

.padr_0 {
    padding-right: 0px !important
}

.padl_150 {
    padding-left: 130px !important
}

.pad15 {
    padding: 15px
}

@media (min-width: 768px) {
    .pad0_menu {
        padding-left: 0
    }
}

.pad0 {
    padding-left: 0;
    padding-right: 0
}

.pad_tb0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.pad_botonera_right {
    padding: 1px 0 0 0
}

.pad_botonera_left {
    padding: 0 0 0 4px
}

/*estilo alineaciones*/
.fleft {
    float: left
}

.fright {
    float: right
}

.txt_center {
    text-align: center
}

/*estilos anchos*/
.width_20 {
    width: 20px
}

.width_40 {
    width: 40px
}

.width_auto {
    width: auto
}

.width_250 {
    width: 250px
}

.width_100 {
    width: 100px
}

.width_150 {
    width: 150px
}

.width_600 {
    width: 600px !important
}

.width_800 {
    width: 800px !important
}

.width80_db {
    width: 80px;
    display: block
}

.line {
    border-top: 1px solid #ccc;
    padding-top: 20px
}

.dnone {
    display: none
}

.dblock {
    display: block !important;
}

/*estilos de iconos*/

.icon_aviso {
    font-size: 40px;
    width: 40px;
    margin: -7px 0px 0px 15px;
    color: #5b88a7
}

.icon_advertencia {
    font-size: 40px;
    width: 40px;
    margin: -7px 0px 0px 15px;
    color: #fed189
}

.icon_peligro {
    font-size: 40px;
    width: 40px;
    margin: -7px 0px 0px 15px;
    color: #ff0000;
}

.icon_alert_warning {
    margin-right: 5px;
    color: #a94442;
    opacity: 0.7
}

.icon_auditoria {
    float: right;
    margin-right: 5px;
    color: #a94442;
    opacity: 0.7
}

.icon_delete_doc {
    z-index: 10;
    border-left: 1px solid #fff
}

.icon_down_doc {
    z-index: 10;
    margin-right: 32px;
}

.pos_icon2 {
    top: 23px;
    right: 15px;
    background-color: #e7b795;
    border-radius: 0;
    border-right: 1px solid #fff
}

.pos_icon3 {
    top: 23px;
    right: 48px;
    background-color: #e7b795;
    border-radius: 0
}

.icon_listacontrol {
    margin-left: -7px;
    font-size: 10px;
    color: #ff6a00;
    top: -3px
}

.icon_memo {
    margin-left: -10px;
    font-size: 10px;
    color: #ff6a00;
    top: 0
}

.icon_memo02 {
    margin-left: -4px;
    font-size: 10px;
    color: #ff6a00;
    top: 0
}

.icon_ptefirma {
    margin-left: -5px;
    font-size: 9px;
    color: #ff6a00;
    top: -5px
}

.icon_ok {
    background-color: transparent !important;
    font-size: 16px;
    color: green;
    margin-right: 50px;
    margin-top: -3px
}

.icon_ok_2 {
    background-color: transparent !important;
    font-size: 16px;
    color: green;
    margin-right: 20px;
    margin-top: -3px
}

.icon_ok_3 {
    background-color: transparent !important;
    font-size: 16px;
    color: green;
    margin-right: 30px;
    margin-top: -3px
}

.icon_ok_4 {
    background-color: transparent !important;
    font-size: 16px;
    color: green;
    margin-right: 65px;
    margin-top: -3px
}

.icon_parcial {
    font-style: italic;
    color: #5b88a7 !important;
    cursor: help
}

.ico_info {
    background: none !important;
    color: #5b88a7;
    font-size: 15px
}

.ico_borrar {
    margin-top: 22px;
    margin-right: 15px;
    z-index: 999
}

/*iconos para falta de documentacion*/
.ico_doc_01 {
    margin-left: 7px;
    color: #e78200
}

.perfil {
    min-height: 200px !important;
    overflow: visible !important
}

.txt_aviso {
    font-size: 14px;
    width: 300px
}

p.large {
    font-size: 20px
}

/*estilos para alturas*/
.min_height70 {
    min-height: 70px !important
}

.min_height100 {
    min-height: 100px !important
}

.min_height180 {
    min-height: 190px !important
}

.min_height200 {
    min-height: 230px !important;
    overflow: visible
}

.min_height500 {
    min-height: 555px !important
}

.min_height535 {
    min-height: 577px !important
}

.min_height400 {
    min-height: 450px !important
}

h3.small02 {
    font-size: 17px
}

.top50 {
    top: 100px !important
}

.op50 {
    opacity: .5
}

#wrap {
    height: auto !important;
    margin: 0 auto -82px;
    min-height: 100%;
    background: #f7f3f3;
}

    #wrap > .container {
        padding-bottom: 40px
    }

/*diseño responsive migas de pan*/

.breadcrumb > li {
    display: inline-block;
}

    .breadcrumb > li + li:before {
        content: "/\00a0";
        padding: 0 5px;
        color: #ccc;
    }

.breadcrumb-dropdown + li:before,
.breadcrumb-ellipsis + li:before {
    display: none;
}

.breadcrumb-menu {
    display: none;
    padding: 4px
}

    .breadcrumb-menu ul li {
        cursor: pointer
    }

.breadcrumb {
    list-style: none;
}

    .breadcrumb > li {
        display: inline-block;
    }

    .breadcrumb .is-hidden {
        display: none;
    }

.breadcrumb-ellipsis {
    display: inline-block;
}

.breadcrumb-dropdown {
    display: inline-block;
}

.breadcrumb > li.breadcrumb-ellipsis.is-hidden + li:before {
    display: none;
}

ul.breadcrumb {
    padding: 2px 35px 3px 45px;
    margin: 0 -15px
}

    ul.breadcrumb li {
        padding: 0
    }

        ul.breadcrumb li p {
            margin: 0
        }

        ul.breadcrumb li.volver {
            float: right;
        }

            ul.breadcrumb li.volver span {
                margin-right: 10px;
                color: #5b88a7
            }

.breadcrumb li.volver::before {
    content: " ";
}

/*menu*/
.main_menu {
    background-color: #5b88a7
}

/*login*/
.login {
    border: 1px solid #b2b2b2;
    border-radius: 10px;
    padding: 0 10% 8% 10%;
    background: #fff;
    min-height: 305px;
    overflow: hidden;
    margin-top: 20px;
    position: relative
}

.login_windows {
    padding: 0;
    border: 1px solid #b2b2b2;
    position: relative;
    border-radius: 10px;
    background: #fff url(../Images/windows_login.png) no-repeat center center;
    min-height: 305px;
    overflow: hidden;
    margin-top: 20px
}

.login_clave {
    padding: 0;
    border: 1px solid #b2b2b2;
    position: relative;
    border-radius: 10px;
    background: #fff url(../Images/clave_login.png) no-repeat center center;
    min-height: 305px;
    overflow: hidden;
    margin-top: 20px
}

.login .icon {
    font-size: 2em;
    opacity: .7;
    display: block;
    margin-right: -10px;
    color: #e78200
}

/*home page*/
.home_noticias {
    padding: 0;
    border: 1px solid #b2b2b2;
    position: relative;
    border-radius: 10px;
    min-height: 305px;
    overflow: auto;
    margin-top: 20px;
    font-size: 14px;
    min-height: 305px;
    overflow: hidden
}

    .home_noticias ul {
        margin: 0;
        padding: 10px 0 0 0;
    }

        .home_noticias ul li {
            margin: 0;
            padding: 5px 20px;
            border-bottom: 1px solid #dfe1d4;
            list-style: none
        }

    .home_noticias h3 {
        font-size: 20px;
        margin-bottom: 25px
    }

    .home_noticias .mod_noticias {
        height: 175px;
        overflow: auto;
        border-top: 1px dotted #e78200;
        border-bottom: 1px dotted #e78200;
        background: #fff6e7
    }

    .home_noticias span.glyphicon {
        font-size: 12px
    }

.mod_noticia_detalle {
    padding-right: 10px;
    padding-left: 0;
    margin-bottom: 10px;
    font-size: 13px
}

.mod_news {
    border: 1px solid #ffd800;
    padding-bottom: 50px;
    background: #fff;
    margin-bottom: 15px
}

.mod_img_news {
    margin-right: 10px;
    margin-left: 10px
}

.home_cuenta {
    padding: 0;
    border: 1px solid #b2b2b2;
    position: relative;
    border-radius: 10px;
    min-height: 305px;
    overflow: hidden;
    margin-top: 20px
}

.home_exp {
    padding: 0;
    border: 1px solid #b2b2b2;
    position: relative;
    border-radius: 10px;
    background: #fff url(../Images/img_expedientes.png) no-repeat center center;
    min-height: 305px;
    overflow: hidden;
    margin-top: 20px
}

.home_peti {
    padding: 0;
    border: 1px solid #b2b2b2;
    position: relative;
    border-radius: 10px;
    background: #fff url(../Images/img_peti.png) no-repeat center center;
    min-height: 305px;
    overflow: hidden;
    margin-top: 20px
}

.home_tareas {
    padding: 0;
    border: 1px solid #b2b2b2;
    position: relative;
    border-radius: 10px;
    background: #fff url(../Images/img_tareas.png) no-repeat center center;
    min-height: 305px;
    overflow: hidden;
    margin-top: 20px
}

.mod_home {
    padding: 0;
    border: 1px solid #b2b2b2;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    margin-top: 20px;
    background: #fff;
}

.mod_homeIndex {
    padding: 0;
    border: 1px solid #b2b2b2;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    margin-top: 20px;
    background: #fff;
}

.position-static {
    position: static;
}

.mod_login {
    padding: 0;
    border: 1px solid #b2b2b2;
    position: relative;
    border-radius: 10px;
    background: #fff url(../Images/img_home.png) no-repeat center 210px;
    min-height: 500px;
    overflow: hidden;
    margin-top: 20px;
    background: #fff;
}

.mod_proteccionDatos {
    padding: 0;
    border: 1px solid #b2b2b2;
    position: relative;
    border-radius: 10px;
    min-height: 500px;
    overflow: hidden;
    margin-top: 20px;
    background: #fff;
}

img.img_proteccionDatos {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    padding: 24px 0;
}

.mod_home h3, .mod_contact h3, .mod_proteccionDatos h3, .mod_homeIndex h3 {
    font-size: 20px
}

.mod_home p,
.mod_homeIndex p,
.mod_proteccionDatos p,
.mod_proteccionDatos ul li {
    font-size: 14px
}

.mod_proteccionDatos ul li {
    color: #7E7E7E;
    line-height: 1.33em;
}

@media (max-width: 601px) {
    .mod_home {
        min-height: 525px;
        background: #fff url(../Images/img_home_small.png) no-repeat center 300px;
    }
}

@media (min-width: 601px) and (max-width: 801px) {
    .mod_home {
        min-height: 370px;
        background: #fff url(../Images/img_home_small.png) no-repeat center 170px;
    }
}

.mod_login {
    padding: 0;
    border: 1px solid #b2b2b2;
    position: relative;
    border-radius: 10px;
    background: #fff url(../Images/img_home.png) no-repeat center 210px;
    min-height: 500px;
    overflow: hidden;
    margin-top: 20px;
    background: #fff;
}

.mod_contact {
    padding: 0;
    border: 1px solid #b2b2b2;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    margin-top: 20px;
    min-height: 450px;
    background: #fff url(../Images/img_contact.png) no-repeat center 150px;
}

.regis {
    border: 1px solid #b2b2b2;
    border-radius: 10px;
}

.form-control-big {
    height: 36px;
    font-size: 14px
}

h3.login_title {
    font-size: 20px;
    margin-bottom: 40px
}

.font_13_bold {
    font-size: 13px;
    font-weight: bold
}

.font_14 {
    font-size: 14px
}

.font_16 {
    font-size: 15px
}

/*botones busqueda*/
.botonera_search {
    text-align: right;
    padding-right: 5px;
    position: absolute;
    bottom: 10px;
    right: 10px
}

    .botonera_search .form-group {
        margin-bottom: 5px !important
    }

.btn_blue {
    background-color: #5b88a7;
    color: #fff;
}

.btn_white {
    background-color: #ccc;
    color: #274f67;
    border: 1px solid #adadad
}

.btn_orange {
    background-color: #fff6e7;
    color: #e78200;
    border: 1px solid #ddd;
    padding: 3px 4px
}

.btn_big {
    padding: 12px;
    font-weight: bold;
}

a.btn_orange:hover {
    background-color: #eee;
    color: #e78200;
    border: 1px solid #ddd;
    padding: 3px 4px
}

@media (min-width: 1367px) {
    .btn_select {
        padding: 5px
    }
}

@media (max-width: 1366px) {
    .btn_select {
        padding: 3px
    }
}

.btn_select {
    background-color: #fff;
    color: #555;
    border: 1px solid #ccc;
}

.btn_blue:hover, .btn_blue:focus, .btn_blue.focus, .btn_blue:active, .btn_blue.active, .open > .dropdown-toggle.btn_blue {
    color: #fff;
    background-color: #4F6D7F;
    border-color: #adadad;
}

.btn_white:hover, .btn_white:focus, .btn_white.focus, .btn_white:active, .btn_white.active, .open > .dropdown-toggle.btn_white {
    color: #333;
    background-color: #ddd;
    border-color: #adadad;
}

/*colapsables*/

.panel-heading .collapsed[data-toggle="collapse"]::after {
    color: #5b88a7;
    transform: rotate(90deg);
}

.panel-heading [data-toggle="collapse"]::after {
    color: #999;
    content: "";
    float: right;
    font-family: "Glyphicons Halflings";
    font-size: 18px;
    line-height: 22px;
    transform: rotate(-90deg);
}

.panel-heading .collapsed[data-toggle="collapse"]::after {
    color: #5b88a7;
    transform: rotate(90deg);
}

.panel-heading h3 {
    background: #ededed none repeat scroll 0 0;
    border-radius: 4px;
    font-size: 17px;
    padding: 5px;
}

.mod1 {
    border: 1px solid #ededed;
    border-radius: 4px;
    padding: 0;
    margin-bottom: 10px
}

    .mod1 ul li {
        list-style: none;
        margin-bottom: 10px
    }

    .mod1 ul {
        margin-left: 0;
        padding: 10px;
        padding-bottom: 20px
    }

    .mod1 .title {
        display: block;
        color: #5b88a7;
        background: #ededed;
        padding: 5px 10px 5px 15px;
        font-size: 13px
    }

.modal .arrows {
    margin-top: 15%;
    color: #5b88a7;
    font-size: 25px
}

.label_result {
    padding: 4px;
    /*border:1px solid #ccc;*/
    font-weight: normal;
    /*border-radius: 4px;*/
    margin-left: -2px;
    padding-left: 6px;
    padding-bottom: 0;
    margin-bottom: 0
}

.label_long, .title_long {
    overflow: hidden; /* to hide anything that doesn't fit in the containing element. */
    white-space: nowrap; /* to make sure the line doesn't break when it is longer than the containing div. */
    text-overflow: ellipsis; /* to do what you want. */
}

label {
    overflow: hidden; /* to hide anything that doesn't fit in the containing element. */
    white-space: nowrap; /* to make sure the line doesn't break when it is longer than the containing div. */
    text-overflow: ellipsis; /* to do what you want. */
    margin-bottom: 0
}

/*pie*/
.footer {
    background-color: #fff;
    height: 80px;
    width: 100%;
    border-top: 2px solid #5b88a7;
    text-align: center;
    padding: 10px;
    bottom: 0;
    position: relative;
    clear: both;
}

    .footer ul li {
        display: inline-block;
        margin-right: 30px
    }

        .footer ul li span {
            display: block;
            color: #0250a2;
            font-style: italic;
            font-weight: bold
        }

#push, .footer {
    height: 130px;
}

@media (min-width: 767px) {
    #push, .footer {
        height: 80px;
    }
}

/*loading screen*/

#wrap {
}

#loading {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    background-color: rgba(192, 192, 192, 0.5);
    background-image: url("http://i.stack.imgur.com/MnyxU.gif");
    background-repeat: no-repeat;
    background-position: center;
}

.hpanel > .panel-heading {
    border: 1px solid transparent;
    color: inherit;
    font-weight: 600;
    padding: 12px;
    transition: all 0.3s ease 0s;
}

.hpanel .hbuilt.panel-heading {
    border-bottom: medium none;
}

.hpanel > .panel-footer, .hpanel > .panel-section {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #f7f9fa none repeat scroll 0 0;
    border-color: -moz-use-text-color #e4e5e7 #e4e5e7;
    border-image: none;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    color: inherit;
    padding: 10px 15px
}

.panel-heading span {
    display: block;
    margin-bottom: 5px;
    margin-right: 8px;
    opacity: .7;
    font-size: 14px;
    z-index: 999;
}

.hpanel.panel-collapse > .panel-heading, .hpanel .hbuilt {
    background: #f7f9fa none repeat scroll 0 0;
    border: 1px solid #e4e5e7;
}

.hpanel .panel-body {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e4e5e7;
    border-radius: 2px;
    position: relative;
}

.hpanel.panel-group .panel-body:first-child {
    border-top: 1px solid #e4e5e7;
}

.hpanel.panel-group .panel-body {
    border-top: medium none;
}

.panel-collapse .panel-body {
    border: medium none;
}

.hpanel {
    border: medium none;
    box-shadow: none;
    margin-bottom: 25px;
}

.panel-tools {
    display: inline-block;
    float: right;
    margin-top: 0;
    padding: 0;
    position: relative;
    top: -8px
}

    .panel-tools a.glyphicon {
        margin-right: 10px !important
    }

/*  Nuevo desarrollo de checks*/

.form-group-check-justificantes {
    height: 128px !important;
}

    .form-group-check-justificantes .lbl_role {
        font-weight: bold !important;
    }

    .form-group-check-justificantes .toggle input[type="checkbox"] {
        display: block;
    }

    .form-group-check-justificantes input[type="checkbox"] {
        display: none;
    }

        .form-group-check-justificantes input[type="checkbox"] ~ .btn-group > label span {
            width: 20px;
        }

            .form-group-check-justificantes input[type="checkbox"] ~ .btn-group > label span:first-child {
                display: none;
            }

            .form-group-check-justificantes input[type="checkbox"] ~ .btn-group > label span:last-child {
                display: inline-block;
            }

        .form-group-check-justificantes input[type="checkbox"]:checked ~ .btn-group > label span:first-child {
            display: inline-block;
        }

        .form-group-check-justificantes input[type="checkbox"]:checked ~ .btn-group > label span:last-child {
            display: none;
        }

.toggle {
    cursor: pointer;
    display: inline-block;
    position: absolute;
    bottom: 16px;
    right: 36px;
}

.toggle-switch {
    display: inline-block;
    background: #eee;
    border-radius: 8px;
    width: 30px;
    height: 14px;
    position: relative;
    vertical-align: middle;
    transition: background 0.25s;
}

    .toggle-switch:before, .toggle-switch:after {
        content: "";
    }

    .toggle-switch:before {
        display: block;
        background: linear-gradient(to bottom, #fff 0%, #eee 100%);
        border-radius: 50%;
        box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25);
        width: 10px;
        height: 10px;
        position: absolute;
        top: 2px;
        left: 4px;
        transition: left 0.25s;
    }

.toggle:hover .toggle-switch:before {
    background: linear-gradient(to bottom, #fff 0%, #fff 100%);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4);
}

.toggle-checkbox:checked + .toggle-switch {
    background: #5b88a7;
}

    .toggle-checkbox:checked + .toggle-switch:before {
        left: 16px;
    }

.toggle-checkbox {
    position: absolute;
    visibility: hidden;
}

.toggle-label {
    font-size: 10px;
    font-weight: normal;
    margin-left: 5px;
    position: relative;
    top: 0px;
}

/*fin*/

.form-group-check input[type="checkbox"] {
    display: none;
}

    .form-group-check input[type="checkbox"] ~ .btn-group > label span {
        width: 20px;
    }

        .form-group-check input[type="checkbox"] ~ .btn-group > label span:first-child {
            display: none;
        }

        .form-group-check input[type="checkbox"] ~ .btn-group > label span:last-child {
            display: inline-block;
        }

    .form-group-check input[type="checkbox"]:checked ~ .btn-group > label span:first-child {
        display: inline-block;
    }

    .form-group-check input[type="checkbox"]:checked ~ .btn-group > label span:last-child {
        display: none;
    }

select::-ms-expand {
    width: 12px;
    border: none;
    background: #fff;
}

/*estilo para campos obligatorios*/
.requiredcaptcha {
    position: absolute;
    right: 0;
    top: 100px
}

.requiredfield::before {
    color: #e78200;
    content: "*" !important;
    font-family: arial;
    font-size: 20px;
    position: absolute;
    right: 25px;
    top: 25px;
}

.requiredfield:hover::after, .requiredfield_select:hover::after, .requiredfield_textarea:hover::after {
    color: #e78200;
    content: "Campo obligatorio" !important;
    font-family: arial;
    font-size: 12px;
    position: absolute;
    right: 7px;
    top: 2px;
    padding: 4px;
    background: #ededed;
    border-radius: 4px;
    box-shadow: 2px 2px #b2b2b2;
    cursor: pointer;
    z-index: 9999
}

.requiredfieldDateLeft::before {
    color: #e78200;
    content: "*" !important;
    font-family: arial;
    font-size: 20px;
    position: absolute;
    top: 2px;
    z-index: 999;
    left: 5px;
}

.requiredfieldDateRight::before {
    color: #e78200;
    content: "*" !important;
    font-family: arial;
    font-size: 20px;
    position: absolute;
    right: 5px;
    top: 2px;
    z-index: 999;
}

.requiredfield_select::before {
    color: #e78200;
    content: "*" !important;
    font-family: arial;
    font-size: 20px;
    position: absolute;
    right: 42px;
    top: 25px;
    z-index: 9;
}

.requiredfield_textarea::before {
    color: #e78200;
    content: "*" !important;
    font-family: arial;
    font-size: 20px;
    position: absolute;
    right: 35px;
    top: 25px;
    z-index: 9;
}

/* Asterisco de campo obligatorio para desplegables */
.bootstrap-select.required::after {
    color: #e78200;
    content: "*" !important;
    font-family: arial;
    font-size: 20px;
    position: absolute;
    right: 28px;
    top: 15%;
    z-index: 999;
}

label.required::before {
    color: #e78200;
    content: "*";
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 4px;
}

/*campo obligatorio para uploads content 1, 2 o 3 iconos*/
/*.requieredUpload es la clase que identifica los uplodas:  obligatorios (sólo se usa para que mediante js se pongan dinámicamente en la vista las tres clases definidas abajo)*/
@media (min-width: 1367px) {
    .r_30 {
        position: absolute;
        right: 30px !important
    }

    .r_60 {
        position: absolute;
        right: 55px !important
    }

    .r_90 {
        position: absolute;
        right: 90px !important
    }
}

@media (max-width: 1366px) {
    .r_30 {
        position: absolute;
        right: 20px !important
    }

    .r_60 {
        position: absolute;
        right: 40px !important
    }

    .r_90 {
        position: absolute;
        right: 65px !important
    }
}

/*estilo param campos deseables*/
.deseablefield::before {
    color: #5b88a7;
    content: "*" !important;
    font-family: arial;
    font-size: 20px;
    position: absolute;
    right: 25px;
    top: 27px;
}

.deseablefield:hover::after {
    color: #5b88a7;
    content: "Campo deseable" !important;
    font-family: arial;
    font-size: 12px;
    position: absolute;
    right: 7px;
    top: 2px;
    padding: 4px;
    background: #ededed;
    border-radius: 4px;
    box-shadow: 2px 2px #b2b2b2
}

.deseablefield_select::before {
    color: #5b88a7;
    content: "*" !important;
    font-family: arial;
    font-size: 20px;
    position: absolute;
    right: 47px;
    top: 27px;
}

.deseablefield_select:hover::after {
    color: #5b88a7;
    content: "Campo deseable" !important;
    font-family: arial;
    font-size: 12px;
    position: absolute;
    right: 7px;
    top: 2px;
    padding: 4px;
    background: #ededed;
    border-radius: 4px;
    box-shadow: 2px 2px #b2b2b2
}

.required_text {
    color: #f55753;
    padding-left: 7px;
    margin-top: -50px
}

.details input {
    background: #fff !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important
}

.details label {
    font-weight: bold
}

a:hover.glyphicon {
    text-decoration: none
}

.carousel-caption {
    top: 20px !important
}

    .carousel-caption h2 {
        font-size: 24px;
        background-color: transparent
    }

.filterable {
    color: inherit;
    border-bottom: inherit;
    cursor: hand;
    cursor: pointer;
    font-style: normal;
}

    .filterable:hover {
        color: #5bb75b;
        border-bottom: inherit;
        font-style: normal;
    }

.filterable-active {
    color: #5bb75b;
    font-style: italic;
}

.filterable-no-match {
    display: none !important;
}

.ok.glyphicon-ok {
    font-size: 15px;
    color: green;
    opacity: .5
}

.ko.glyphicon-remove {
    font-size: 15px;
    color: red;
    opacity: .5
}

/*estilos para el check all desplegable*/
.input-group-addon-check {
    padding-left: 2px !important;
    width: 25px !important;
    height: 25px !important;
    border-left: 1px solid #ddd !important
}

.caret_02 {
    left: 30px;
    position: absolute;
    top: 10px;
    z-index: 999;
    border-left: 5px solid transparent !important;
    border-right: 5px solid transparent !important;
    border-top: 5px dashed !important
}

.sel_all select::-ms-expand {
    display: none;
}

.sel_all select option {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
}

.sel_all select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    width: 25px !important;
    height: 25px !important;
    cursor: pointer !important
}

td input[type="checkbox"] {
    margin-left: 13px
}

input[type="checkbox"] {
    margin-left: 5px
}

.ficha_invest {
    border: 1px solid #eee;
    min-height: 100px;
    overflow: auto;
    margin: 15px;
    padding: 10px;
}

/*estilos para super check*/
.height_20 {
    height: 25px
}

    .height_20 button {
        height: 25px
    }

.input-group-addon-supercheck {
    padding: 0 7px 0 2px !important;
    width: 25px !important;
    height: 20px !important;
    border-left: 1px solid #ddd !important
}

.btn_supercheck {
    background-color: #fff;
    color: #555;
    border: 1px solid #ccc;
    padding: 2px 8px 3px 8px !important;
    border-radius: 0
}

@-moz-document url-prefix() {
    .btn_supercheck2 {
        padding: 3px 8px !important
    }
}

.bg_row {
    background-color: #fcfce6
}

span.filter-option:hover {
    text-decoration: none
}

/*Recuadro rojo para los campos obligatorios*/
.input-validation-error {
    border: 1px solid #dca7a7
}

    .input-validation-error:focus {
        border-color: #dca7a7;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px #dca7a7;
        outline: 0 none
    }

/*popup para mostrar los errores de cada campo*/
.show_error {
    position: absolute;
    z-index: 999;
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.4;
    margin-top: 10px;
    margin-right: 15px;
    right: 0
}

    .show_error span {
        padding: 5px 10px;
        min-height: 20px;
        overflow: hidden;
        width: auto;
        min-width: 150px;
        border-radius: 5px;
        display: block;
        background-color: #f2dedf;
        color: #7b4a41
    }

        .show_error span:after {
            content: "";
            position: absolute;
            left: 35%;
            width: 0;
            height: 0;
            border-left: 25px solid transparent;
            border-right: 25px solid transparent;
            border-bottom: 25px solid #f2dedf;
            z-index: -1;
            top: -8px
        }

#datepicker-range.requiredfield::after {
    top: 0;
    right: 10px
}

.input-daterange .show_error {
    margin-top: 40px;
    right: -20px;
    margin-left: 50px
}

.input-daterange input {
    border-radius: 2px !important
}

.input-daterange .input-group-addon {
    width: auto !important
}

/*popup para los errores de summary*/
.error_summary {
    color: #fed189;
    position: absolute;
    right: 0;
    top: 10px;
    font-size: 16px;
    margin-right: 15px;
    cursor: pointer;
    z-index: 9999;
}

    .error_summary ul {
        display: none;
        padding: 5px 10px 15px 20px;
        min-height: 20px;
        overflow: hidden;
        border-radius: 5px;
        background-color: #f2dedf;
        color: #7b4a41;
        position: absolute;
        border: 1px solid #f2dedf;
        top: 20px;
        right: 0;
        font-size: 12px;
        z-index: 999999;
        margin-top: 5px;
        font-family: sans-serif;
        min-width: 330px;
    }

        .error_summary ul:before {
            font-family: 'Glyphicons Halflings';
            content: "\e014";
            text-align: right;
            color: #5b88a7;
            display: block;
            font-size: 12px;
            font-weight: 100
        }

.error_summary_long ul {
    height: 300px;
    overflow: auto
}

.error_summary ul li {
    min-width: 150px;
    line-height: 20px;
    list-style-type: none
}

    .error_summary ul li:before {
        content: "\2022"; /* Insert as content that looks like bullets */
        padding-right: 8px;
        color: #5b88a7; /* Or a color you prefer */
    }

/*persianas para las preguntas del informe de verificación*/
.faqHeader {
    font-size: 27px;
    margin: 20px;
}

.panel-heading [data-toggle="collapse"]::after {
    color: #f58723;
    content: "";
    float: right;
    font-family: "Glyphicons Halflings";
    font-size: 15px;
    line-height: 22px;
    transform: rotate(-90deg);
}

.panel-heading .collapsed[data-toggle="collapse"]::after {
    color: #454444;
    transform: rotate(90deg);
}

.panel-heading a:hover, .panel-heading a:active, .panel-heading a:focus {
    text-decoration: none
}

.question_num {
    padding: 20px;
    text-align: center;
    display: block
}

.question_select {
    text-align: center;
    padding: 20px;
    display: block
}

    .question_select span {
        text-align: justify;
        display: block
    }

.quest {
    padding: 15px 7px;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    padding-bottom: 9px;
    display: block;
    min-height: 70px
}

.sel_list {
    padding-top: 0;
    padding-bottom: 0;
    height: 20px;
    width: auto;
    margin-left: 15%
}

.remember {
    margin: -8px 0 5px 50px
}

    .remember label {
        font-weight: normal;
        display: block;
        float: left;
        margin-left: 4px
    }

    .remember input[type="checkbox"] {
        float: left
    }

@media (min-width:1367px) {
    .pos_icon1 {
        margin-right: 64px
    }
}

@media (max-width:1366px) {
    .pos_icon1 {
        margin-right: 46px
    }
}

.pos_icon1 {
    top: 23px;
    right: 15px;
    background-color: #7c9aac
}

.tags_detail span span[data-role="remove"] {
    display: none
}

.tags_justificante {
    border: none;
    box-shadow: none;
    padding: 0;
    height: 20px
}

.tags_detail .bootstrap-tagsinput {
    border: none;
    box-shadow: none;
    padding: 0;
}

.recuperarContrasenia {
    background-color: #fff6e7;
    margin-top: 20px;
    font-weight: bold;
}

/*Dropdown border issue in firefox*/
.form-group select {
    width: 99% !important;
    font-weight: normal !important;
    color: #5b88a7 !important;
    margin-bottom: 3px !important;
    padding-left: 2px
}

    .form-group select option {
        font-weight: normal !important;
        color: #5b88a7 !important;
        margin-bottom: 3px !important;
        padding-left: 2px;
        -webkit-appearance: none; /* WebKit/Chromium */
        -moz-appearance: none; /* Gecko */
    }

.highlight {
    border: 2px dotted #fed189;
    margin-left: 10px;
    padding-top: 7px;
    background: #fff6e7
}

    .highlight label {
        color: #ff9240
    }

    .highlight span {
        background: #fff6e7;
        border: none !important
    }

.box_info {
    color: #5b88a7;
    font-weight: normal;
    border: 1px dotted #8bc7f1;
    border-radius: 2px;
    float: left;
    padding: 5px 10px
}

    .box_info span.glyphicon {
        font-size: 1em;
        float: left
    }

    .box_info span.txt {
        float: left
    }

.box_alert {
    color: #721c24;
    font-weight: normal;
    border: 1px dotted #dca7a7;
    border-radius: 2px;
    float: left;
    padding: 5px 10px
}

.box_info span.glyphicon {
    font-size: 1em;
    float: left
}

.box_alert span.txt {
    float: left
}

.edicion {
    margin-bottom: 10px
}

input[type=number] {
    -moz-appearance: textfield;
}

.disabled_btn .btn:hover, .disabled_btn .btn-default:hover {
    background: none;
    cursor: default;
    border: 1px solid #adadad
}

.form-group {
    min-height: 52px !important
}

div.popover .popover-content .form-group-default {
    margin-top: 15px;
    margin-bottom: -10px
}

div#divErrors ul {
    padding-left: 15px
}

    div#divErrors ul li {
        list-style: none
    }

        div#divErrors ul li:before {
            font-family: 'Glyphicons Halflings';
            content: "\e209";
            margin-right: 5px
        }

        div#divErrors ul li a {
            text-decoration: none;
            color: #7b4a41
        }

.btn-group.bootstrap-select .dropdown-toggle .filter-option {
    text-decoration: none
}

#modalAviso, #modalConfirmacion {
    z-index: 999999999
}

.lupa_role {
    position: absolute !important;
    right: 15px;
    z-index: 999 !important;
    border-radius: 3px !important;
    padding: 4px 8px
}

.txt_nobold {
    font-weight: normal !important
}

.txt_desc {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-top: none;
    border: 1px solid #d8e9f5;
    padding: 7px;
    padding-right: 20px;
    margin-left: -4px;
    width: 100%
}

.pos_relative {
    position: relative !important
}

.pos_relative_top {
    position: relative;
    top: -5px
}

.pos_relative_top_02 {
    position: relative;
    top: -3px;
    cursor: pointer
}

.btn-group .btn.disabled {
    background: #eee !important;
    opacity: 1
}

.lbl_role {
    padding: 4px 8px;
    padding-left: 40px;
    margin-left: -4px;
    border-radius: 3px;
    border: 1px solid #ddd;
    width: 100%
}

/*estados de la petición*/
.nueva, .enTramitacion, .incorporarAlExpediente {
    background: #e2eef7 !important;
    color: #2171aa;
    font-weight: bold
}

.registrada {
    background: #fdf8ed !important;
    color: #734c00;
    font-weight: bold
}
/*cambiada "enviada" por "registrada" en concordancia con los estilos de filas de la tabla*/
.rechazada {
    background: #f8e1db !important;
    color: #a51b00;
    font-weight: bold
}

.realizada {
    background: #f3faef !important;
    color: #325e1c;
    font-weight: bold
}

.causaRechazoInactiva {
    background-color: #FFB4B4;
}

.causaRechazoActiva {
    background-color: #BAFFB6
}

tr.nueva, tr.registrada, tr.realizada, tr.rechazada, tr.enTramitacion, tr.incorporarAlExpediente {
    color: #333;
    font-weight: normal
}

    tr.nueva td.estado, tr.enTramitacion td.estado, tr.incorporarAlExpediente td.estado {
        color: #2171aa;
        font-weight: bold
    }

    tr.registrada td.estado {
        color: #734c00;
        font-weight: bold
    }

    tr.rechazada td.estado {
        color: #a51b00;
        font-weight: bold
    }

    tr.realizada td.estado {
        color: #325e1c;
        font-weight: bold
    }

.ShowErrorInput {
    border: 1px solid #dca7a7 !important;
}

/******************************Drop-down menu work on hover**********************************/
.mainmenu {
    border: 0 solid;
    margin: 0;
    padding: 0 15px;
    min-height: 20px;
}

@media only screen and (min-width: 767px) {
    .mainmenu .collapse ul ul li {
        position: relative
    }

        .mainmenu .collapse ul ul li:hover > ul {
            display: block
        }

    .mainmenu .collapse ul ul ul {
        position: absolute;
        top: 0;
        left: 100%;
        display: none
    }

        .mainmenu .collapse ul ul ul li {
            position: relative
        }

            .mainmenu .collapse ul ul ul li:hover ul {
                display: block
            }

        .mainmenu .collapse ul ul ul ul {
            position: absolute;
            top: 0;
            left: -100%;
            display: none;
            z-index: 1
        }
}

@media only screen and (max-width: 767px) {
    .mainmenu {
        padding: 0;
    }
}

.estado_exp {
    color: #e78200 !important;
    border-bottom: 1px solid #e4e5e7
}

.btn-checkbox {
    height: 24px;
    color: #033140;
    font-size: 13px;
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
    padding-top: 2px;
}

    .btn-checkbox.active {
        background-color: #6d94a3;
        border: 1px solid #ced5de;
        height: 24px;
        color: #ffffff;
        font-size: 13px;
        padding-top: 2px;
    }

.highlight2 {
    background-color: #fdf8ed !important;
    padding-right: 30px !important
}

/*loader animated input
    círculo de la paciencia para combo
*/
@keyframes loading {
    0% {
        transform-origin: 100% 100%;
        transform: rotate(0deg);
    }

    100% {
        transform-origin: 100% 100%;
        transform: rotate(360deg);
    }
}

.loading {
    width: 24px;
    height: 24px;
    margin: 5px 5px 0 0;
}

    .loading:before {
        position: absolute;
        display: block;
        content: "";
        z-index: 12;
        top: 2px;
        left: 2px;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background-color: #FFF;
    }

    .loading:after {
        position: absolute;
        display: block;
        content: "";
        z-index: 11;
        width: 12px;
        height: 12px;
        border-radius: 200px 0 0;
        background: linear-gradient(45deg, rgba(0, 0, 0, 0) 0, #459ad7 50%, #459ad7 100%);
        animation: loading 0.5s linear infinite;
    }

.loading-position {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    display: block;
    text-align: center;
    pointer-events: all;
}

.loading_position_left {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 1;
    display: block;
    text-align: center;
    pointer-events: all;
}

.loading-block {
    position: absolute;
    z-index: 99;
    width: 140px;
    height: 30px;
    top: -5px;
    left: 0;
}

.color_info {
    color: #a94442
}

/*listas a 3 columnas*/
ul#col3 {
    width: 900px;
    padding: 15px
}

    ul#col3 li {
        width: 33%;
        float: left
    }
/*listas a 2 columnas*/
ul#col2 {
    width: 600px
}

    ul#col2 li {
        width: 50%;
        float: left
    }

.plazo_cerrado {
    background: #fff6e7 !important;
    color: #955d15;
}

.plazo_cerrado_txt {
    color: #955d15;
    padding-left: 4px
}

.plazo_abierto {
    color: #325e1c;
    background: #f3faef !important
}

.plazo_abierto_txt {
    color: #325e1c;
    padding-left: 4px
}

.plazo_futuro {
    color: #999;
    background: #ffffff !important
}

.plazo_futuro_txt {
    color: #999;
    padding-left: 4px
}

.muestra_con_criterios {
    color: #325e1c;
    background: #f3faef !important
}

select.customSelectpicker {
    display: none !important;
}

td.break_word {
    width: 120px
}

    td.break_word a {
        overflow-wrap: break-word;
        word-wrap: break-word;
        -ms-word-break: break-all;
        word-break: break-all;
        word-break: break-word;
    }

li.no_news {
    color: #e78200;
    text-align: center;
    font-size: 16px;
    margin-top: 50px !important;
    border-bottom: none !important
}

/*estilos para las leyendas*/

.leyenda {
    border: 1px dotted #5b88a7;
    background: #e1f2fa;
    padding: 7px;
    margin: 10px 10px 10px 15px
}

    .leyenda span.tit_leyenda {
        display: block;
        margin-bottom: 5px;
        font-size: 13px;
        color: #e78200;
        text-align: center
    }

/*tags details ocultar el cursor de nueva tag*/
span.form-control-span .bootstrap-tagsinput input {
    display: none
}


div.form-control-spanContetInfo {
    display: block;
    width: 100%;
    font-size: 12px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    border: 1px solid #fed189;
}

.notabsNoborder {
    padding: 15px;
    background-color: #fff;
}


textarea::-webkit-input-placeholder {
    opacity: .5
}

textarea:-moz-placeholder {
    opacity: .5
}

textarea:-ms-input-placeholder {
    opacity: .5
}

#divTareas .btn {
    padding: 4px 7px
}

/*caja de anotaciones con scroll para cuadno el texto es muy largo*/
.anotacion_alto {
    height: 170px;
    overflow: auto
}

.anotacion_altoComentariosIP {
    height: 116px;
    overflow: auto
}

.anotacion_altoComentariosIP2 textarea {
    height: 106px;
    overflow: auto
}

label[title="Comentarios para el IP"] {
    padding-top: 8px;
}

#GuardarYsalir, #btnSaveAndExit {
    display: none !important
}

/*estilo para los check en roles y justificantes admitidos*/
label.pos_abs_l_10 {
    padding: 4px
}

.icon_star {
    color: #ff6a00;
    margin-left: 7px
}

.icon_star_02 {
    color: #5b88a7;
    margin-left: 7px
}

.check_single {
    padding: 0 4px !important;
    margin-left: 0 !important
}

label.pregunta {
    white-space: normal;
    text-align: justify;
}

.campo-valor-multiple {
    background-color: #fcf8e3 !important;
}

.footer-links {
    text-align: right;
    padding: 0;
    margin: 0;
    list-style: none; /* opcional: quita los puntos */
}

.footer-links li {
    display: block!important;
}

.footer-links a {
    cursor: pointer;
    text-decoration: none; /* opcional */
    color: #5b88a7; /* opcional */

}

.footer-links a:hover {
    text-decoration: underline
}