@font-face {
    font-family: 'HelveticaNeueLTStdCnRegular';
    src: url('/Content/fonts/helveticaneueltstd-cn-webfont.eot');
    src: url('/Content/fonts/helveticaneueltstd-cn-webfont.eot?#iefix') format('embedded-opentype'), url('/Content/fonts/helveticaneueltstd-cn-webfont.woff') format('woff'), url('/Content/fonts/helveticaneueltstd-cn-webfont.ttf') format('truetype'), url('/Content/fonts/helveticaneueltstd-cn-webfont.svg#HelveticaNeueLTStdCnRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeueLTStdLtRegular';
    src: url('/Content/fonts/helveticaneueltstd-lt-webfont.eot');
    src: url('/Content/fonts/helveticaneueltstd-lt-webfont.eot?#iefix') format('embedded-opentype'), url('/Content/fonts/helveticaneueltstd-lt-webfont.woff') format('woff'), url('/Content/fonts/helveticaneueltstd-lt-webfont.ttf') format('truetype'), url('/Content/fonts/helveticaneueltstd-lt-webfont.svg#HelveticaNeueLTStdLtRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeueLTStdLtCnRegular';
    src: url('/Content/fonts/helveticaneueltstd-ltcn-webfont.eot');
    src: url('/Content/fonts/helveticaneueltstd-ltcn-webfont.eot?#iefix') format('embedded-opentype'), url('/Content/fonts/helveticaneueltstd-ltcn-webfont.woff') format('woff'), url('/Content/fonts/helveticaneueltstd-ltcn-webfont.ttf') format('truetype'), url('/Content/fonts/helveticaneueltstd-ltcn-webfont.svg#HelveticaNeueLTStdLtCnRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeueLTStdMedCnRg';
    src: url('/Content/fonts/helveticaneueltstd-mdcn-webfont.eot');
    src: url('/Content/fonts/helveticaneueltstd-mdcn-webfont.eot?#iefix') format('embedded-opentype'), url('/Content/fonts/helveticaneueltstd-mdcn-webfont.woff') format('woff'), url('/Content/fonts/helveticaneueltstd-mdcn-webfont.ttf') format('truetype'), url('/Content/fonts/helveticaneueltstd-mdcn-webfont.svg#HelveticaNeueLTStdMedCnRg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeueLTStdRegular';
    src: url('/Content/fonts/helveticaneueltstd-roman-webfont.eot');
    src: url('/Content/fonts/helveticaneueltstd-roman-webfont.eot?#iefix') format('embedded-opentype'), url('/Content/fonts/helveticaneueltstd-roman-webfont.woff') format('woff'), url('/Content/fonts/helveticaneueltstd-roman-webfont.ttf') format('truetype'), url('/Content/fonts/helveticaneueltstd-roman-webfont.svg#HelveticaNeueLTStdRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeueLTStdThinCnRg';
    src: url('/Content/fonts/helveticaneueltstd-thcn-webfont.eot');
    src: url('/Content/fonts/helveticaneueltstd-thcn-webfont.eot?#iefix') format('embedded-opentype'), url('/Content/fonts/helveticaneueltstd-thcn-webfont.woff') format('woff'), url('/Content/fonts/helveticaneueltstd-thcn-webfont.ttf') format('truetype'), url('/Content/fonts/helveticaneueltstd-thcn-webfont.svg#HelveticaNeueLTStdThinCnRg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeueLTStd75Bold';
    src: url('fuentes/helveticaneueltstd-bd-webfont.eot');
    src: url('fuentes/helveticaneueltstd-bd-webfont.eot?#iefix') format('embedded-opentype'), url('fuentes/helveticaneueltstd-bd-webfont.woff') format('woff'), url('fuentes/helveticaneueltstd-bd-webfont.ttf') format('truetype'), url('fuentes/helveticaneueltstd-bd-webfont.svg#HelveticaNeueLTStd75Bold') format('svg');
    font-weight: normal;
}

html, body, form {
    margin: 0px;
    padding: 0px;
}

form {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

a {
    color: #60BDCD;
}

    a:hover {
        text-decoration: none;
    }


.wrapper-principal {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

    .wrapper-principal > header {
        user-select: none;
        -moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -o-user-select: none;
    }


@media screen and (max-width: 750px) {

    .wrapper-principal > header {
        position: relative;
        border-top: solid 8px #38A9E0;
        height: 100px;
    }

    header #imgLogo {
        position: relative;
        display: block;
        margin: 0 auto;
        margin-top: 20px;
        height: 60px;
        width: auto;
    }

    header #info-usuario {
        position: relative;
        display: none;
        margin: 0 auto;
        line-height: 1.8em;
        letter-spacing: -0.01em;
        text-align: right;
        height: 50px;
        margin-top: 25px;
        margin-bottom: 25px;
    }
}

@media screen and (min-width: 750px) {

    .wrapper-principal > header {
        position: relative;
        height: 100px;
        border-top: solid 8px #38A9E0;
        /*        background-image: url("/Content/img/fondo-header.png");*/
        background-repeat: no-repeat;
        background-position: left center;
        border-bottom: 1px solid gainsboro;
    }

    /*header #aCambiarMenu {
        position: absolute;
        top: 35px;
        left: 15px;
    }*/

    header #imgLogo {
        position: absolute;
        height: auto;
        top: 24px;
        left: 25px;
        width: auto;
        height: 55px;
    }

    header #info-usuario {
        position: absolute;
        top: 0px;
        right: 25px;
        white-space: nowrap;
        min-height: 91px;
        letter-spacing: -0.01em;
        text-align: right;
    }

        header #info-usuario #etiquetas-usuario {
            position: absolute;
            top: 20px;
            right: 140px;
        }

        header #info-usuario span {
            display: block;
        }

    header .imagen-usuario {
        position: absolute;
        top: 10px;
        right: 40px;
    }


    #sesion-usuario {
        position: absolute;
        top: 11px;
        right: 0px;
    }

        #sesion-usuario a {
            text-decoration: none;
            color: black;
            font-size: 18px;
        }

            #sesion-usuario a:hover {
                color: #64BECE;
                text-decoration: none;
            }

        #sesion-usuario ul {
            list-style-type: none;
            margin: 0;
            padding: 0;
            text-align: left;
        }

            #sesion-usuario ul li {
                display: block;
                padding-bottom: 10px;
            }
}

@media screen and (min-width: 750px) and (max-width: 1140px) {

    header #info-usuario #etiquetas-usuario {
        display: none;
    }
}

#menu-principal {
    background-color: rgba(217,217,217,0.40);
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

.menu-horizontal #menu-principal {
    padding: 0px 15px;
    flex: 1;
}

#menu-principal .nav-menu {
    list-style-type: none;
    padding: 0;
    margin: 0;
    font-size: 0;
}

.menu-horizontal #menu-principal .nav-menu > li {
    display: inline-block;
    position: relative;
}

#menu-principal .nav-menu > li > a {
    display: block;
    text-align: center;
    text-decoration: none;
    padding: 12px 7px 12px 7px;
    color: black;
}

/*#menu-principal .nav-menu li a:hover,
#menu-principal .nav-menu li a.active:hover {
    background-color: #A7C838;
    color: white;
    text-decoration: none;
}*/

#menu-principal .nav-menu li a:hover {
    background-color: #A7C838;
    color: white;
    text-decoration: none;
}

#menu-principal .nav-menu li a span {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
}

#menu-principal .nav-menu li a img {
    margin: 0 auto;
    display: block;
    height: 32px;
    width: 32px;
    margin-bottom: 3px;
    width: auto;
    opacity: 0.8;
}

#menu-principal .nav-menu li a:hover img {
    filter: invert(1);
}

#menu-principal .nav-menu li a .titulo-menu {
    display: block;
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.25em;
}

#menu-principal .nav-menu li a .subtitulo-menu {
    display: block;
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    font-size: 10px;
    line-height: 1.25em;
}

#menu-principal .nav-menu li a.abierto {
    background-color: #A7C838;
    color: white;
}

    #menu-principal .nav-menu li a.abierto img {
        filter: invert(1);
    }

/*#menu-principal .nav-menu li.activo a {
    background-color: #A7C838;
    color: white;
}*/

/*    #menu-principal .nav-menu li.activo a img {
        filter: invert(1);
    }*/

@media screen and (max-width: 1370px) {

    #menu-principal .nav-menu {
        text-align: center;
    }

        #menu-principal .nav-menu li a .titulo-menu {
            display: none;
        }

        #menu-principal .nav-menu li a .subtitulo-menu {
            display: none;
        }
}

.wrapper-contenido.menu-horizontal {
    flex: 1;
}

@media screen and (min-width: 750px) {

    .wrapper-contenido.menu-horizontal #menu-principal .nav-menu {
        display: flex;
        justify-content: space-between;
        /*height: 90px;*/
    }
}

.sub-menu.derecha-izquierda {
    right: 0;
}

.sub-menu.arriba-abajo {
    bottom: 0;
}

.wrapper-contenido.menu-vertical #menu-principal .nav-menu li {
    display: block;
    position: relative;
}

.wrapper-contenido.menu-vertical #menu-principal .nav-menu > li > a {
    /* Para hacer más estrecho el menú vertical */
    /*width: 90px;*/
    padding: 12px;
}

#menu-principal .sub-menu {
    display: none;
    position: absolute;
    margin: 0;
    padding: 0;
    z-index: 99999;
    background-color: rgba(255, 255, 255, 0.96);
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    /*border: solid 1px whitesmoke;*/
    min-width: 250px;
    -webkit-box-shadow: 10px 10px 35px 3px rgba(181,181,181,1);
    -moz-box-shadow: 10px 10px 35px 3px rgba(181,181,181,1);
    box-shadow: 10px 10px 35px 3px rgba(181,181,181,1);
}

.wrapper-contenido.menu-horizontal #menu-principal .sub-menu,
.wrapper-contenido.menu-horizontal #menu-principal .sub-menu li:last-child a:hover {
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}

.wrapper-contenido.menu-vertical #menu-principal .sub-menu {
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}

    .wrapper-contenido.menu-vertical #menu-principal .sub-menu li:first-child a:hover {
        border-top-right-radius: 7px;
    }

    .wrapper-contenido.menu-vertical #menu-principal .sub-menu li:last-child a:hover {
        border-bottom-right-radius: 7px;
    }

/* Mostrar menú vía CSS */
/*#menu-principal .nav-menu li:hover ul {
        display: block;
    }*/

#menu-principal .sub-menu li {
    display: block;
    text-align: left;
    text-decoration: none;
    color: black;
}

.imagen-usuario {
    width: 75px;
    height: 75px;
    border-radius: 50%;
}

.page-title {
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    background-color: rgba(230, 230, 230, 0.25);
    padding: 10px 25px 0px 25px;
    position: relative;
}

#menu-principal .sub-menu li > a {
    display: block;
    padding: 6px 10px;
    text-align: left !important;
    color: black;
}

    #menu-principal .sub-menu li > a:focus {
        background-color: #A7C838;
        text-decoration: none;
        color: white;
    }

    #menu-principal .sub-menu li > a:active {
        text-decoration: none;
    }


.wrapper-contenido.menu-vertical #menu-principal .sub-menu {
    /*left: 90px;*/
}

.wrapper-contenido.menu-vertical {
    display: flex;
    border-left: 8px solid #38A9E0;
}

.wrapper-contenido.menu-horizontal {
    flex-wrap: wrap;
}

.wrapper-contenido.menu-vertical .linea-decorativa {
    display: none;
}

.wrapper-contenido.menu-horizontal {
    border-left: 8px solid #38A9E0;
}

.titulo-pagina {
    background-color: #F9F9F9;
    border-bottom: 1px solid #DDDEE0;
    margin-bottom: 20px;
    padding: 20px 20px 20px 40px;
    line-height: normal;
}

    .titulo-pagina .navbar-nav > li > a {
        color: #333333;
        font-size: 14px;
        padding-top: 10px;
    }

    .titulo-pagina .nav > li > a:hover, .nav > li > a:focus,
    .titulo-pagina .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
        color: #FF6633;
        background-color: transparent;
    }

    .titulo-pagina h2 {
        font-family: HelveticaNeueLTStdLtRegular, Arial, Sans-Serif;
        font-size: 33px;
        color: #333333;
        letter-spacing: -1px;
        margin: 0px;
    }

    .titulo-pagina .navbar-right {
        margin-right: 0px;
    }

.contenido-pagina {
    width: 100%;
    line-height: 2em;
}


.lblEntidad {
    font-family: 'Raleway', sans-serif;
    font-weight: bold;
    font-size: 20px;
    color:black;
}

.lblUsuario {
    font-family: 'Raleway', sans-serif;
    font-size: 20px;
    color: black;
}

footer {
    /*position: absolute;
    bottom: 0;
    left: 0;
    right: 0;*/
    position: relative !important;
    height: 60px;
    border-left: 8px solid #888888;
    background-color: rgba(235,235,235,0.50);
    padding: 20px;
    font-size: 13px;
}

.breadcrumb {
    position: relative;
    background-color: transparent;
    padding: 0;
}


.display-block {
    display: block;
}

.display-none {
    display: none;
}

.display-inline {
    display: inline !important;
}

.main-content {
    padding-bottom: 100px;
}

.padding-pagina {
    padding: 0 20px 20px 20px;
}

.padding-25 {
    padding: 25px;
}

.main-content h2 {
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    letter-spacing: -0.03em;
}

footer {
    /*position: absolute;
    bottom: 0;
    left: 0;
    right: 0;*/
    height: 60px;
    border-left: 8px solid #888888;
    background-color: rgba(235,235,235,0.50);
    padding: 20px;
    font-size: 13px;
}

.breadcrumb {
    position: relative;
    background-color: transparent;
    padding: 0;
}

.margin-0 {
    margin: 0;
}


.margin-right-7 {
    margin-right: 7px;
}

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

.margin-right-15 {
    margin-right: 15px;
}

.page-title {
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    background-color: rgba(230, 230, 230, 0.25);
    padding: 10px 25px 0px 25px;
    position: relative;
}

.imagenAjustes {
    max-width: 400px !important;
    height: auto;
}
.imagenEditar {
    max-width: 300px !important;
    height: auto;
}

.full-width {
    width: 100%;
}

.max-full-width {
    max-width: 100%;
}

.max-full-width-image {
    max-width: 800px;
}

.edit-row-icon {
    margin-top: 4px;
}

    .edit-row-icon:hover {
        color: #332F82;
    }

.margin-top-5 {
    margin-top: 5px;
}

.margin-top-15 {
    margin-top: 15px;
}

.margin-bottom-15 {
    margin-bottom: 15px;
}

.margin-right-25 {
    margin-right: 25px;
}


.min-width-120 {
    min-width: 120px;
}

.margin-top-20 {
    margin-top: 20px;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.margin-bottom-25 {
    margin-bottom: 25px;
}

th[align="center"] {
    text-align: center !important;
}

th[align="right"] {
    text-align: right !important;
}


.min-width-130 {
    min-width: 130px;
}

.margin-bottom-0 {
    margin-bottom: 0px;
}

.margin-bottom-5 {
    margin-bottom: 5px;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.margin-bottom-15 {
    margin-bottom: 15px;
}

.margin-right-5 {
    margin-right: 5px;
}

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

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

.margin-right-15 {
    margin-right: 10px;
}

.margin-left-15 {
    margin-left: 10px;
}

.margin-left-55 {
    margin-left: 55px;
}

.margin-top-5 {
    margin-top: 5px;
}

.margin-top-15 {
    margin-top: 15px;
}

.margin-top-25 {
    margin-top: 25px;
}

.margin-bottom-25 {
    margin-bottom: 25px;
}

.padding-top-10 {
    padding-top: 10px;
}

.padding-top-15 {
    padding-top: 15px;
}

.padding-top-25 {
    padding-top: 25px;
}

.padding-top-35 {
    padding-top: 35px;
}

.padding-left-10 {
    padding-left: 10px;
}

.padding-bottom-15 {
    padding-bottom: 15px;
}

.padding-15 {
    padding: 15px;
}

.padding-5 {
    padding: 10px;
}

label + .text-danger {
    margin-left: 10px;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    border-top: none;
}

.message-panel {
}

.message-panel-icon {
    float: left;
    margin-top: 2px;
    overflow: visible;
}

.message-panel-body {
    margin-left: 80px;
    font-size: 12px;
    line-height: 1.75em;
}

.message-panel-title {
    font-size: 20px;
    font-weight: bold;
    display: block;
    margin-bottom: 10px;
}

.message-panel-body a:not(.btn) {
    font-weight: bold;
    color: #FF6633;
    text-decoration: none;
}

    .message-panel-body a:not(.btn):hover {
        text-decoration: underline;
    }

.validation-summary-errors {
    margin: 0 0 20px 0;
    padding: 15px 30px 15px 15px;
    border-left: 5px solid #005d85;
}

    .validation-summary-errors h4 {
        margin-top: 0;
    }

.validation-summary-errors {
    background-color: aliceblue;
    font-size: 15px;
}

    .validation-summary-errors ul {
        margin-top: 10px;
        font-size: 13px;
    }

.alerta-no-hay-datos {
    padding: 15px;
    text-align: center;
    background-color: white;
    border: 1px solid gainsboro;
}

.table td > .alerta-no-hay-datos {
    background-color: transparent;
    border: none;
}

.table td:hover > .alerta-no-hay-datos {
    background-color: transparent;
}

.alerta-no-hay-datos span {
    margin-top: 10px;
    display: block;
}


.checkbox-base input[type="checkbox"] {
    margin-right: 10px !important;
}

.checkboxlist tr td {
    vertical-align: top;
    padding-right: 15px;
}

.checkboxlist input[type="checkbox"] {
    margin-right: 10px;
}

.checkboxlist tr td:last-child {
    padding-right: 0px;
}

.radiobuttonlist {
    border-collapse: collapse;
}

    .radiobuttonlist input[type="radio"] {
        margin: 5px 10px 0px 0px;
        float: left;
    }

    .radiobuttonlist tr td {
        vertical-align: top;
        padding-right: 15px;
    }

        .radiobuttonlist tr td:last-child {
            padding-right: 0px;
        }

    .radiobuttonlist .titulo,
    .checkboxlist .titulo {
        display: block;
    }

    .radiobuttonlist .descripcion,
    .checkboxlist .descripcion {
        display: block;
        color: #777777;
        font-size: 11px;
        margin-bottom: 7px;
    }

.lista-descripcion {
    line-height: 1.5em;
}

.descripcion-inline {
    color: #777777;
    margin-left: 5px;
}

.black, .black a {
    color: #333333 !important;
}

.red, .red a {
    color: #dc3545 !important;
}

.yellow, .yellow a {
    color: #f5d517 !important;
}

.icono-grande-gris {
    font-size: 128px;
    color: gainsboro;
}

.sin-datos {
    font-size: 128px;
    color: gainsboro;
    display: block;
    margin-bottom: 10px;
}

.roadmap-task {
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    display: block;
    background-color: whitesmoke;
    border-radius: 10px;
    padding: 20px;
}

    .roadmap-task:hover {
        background-color: #F9F9F9;
    }

    .roadmap-task h3 {
        color: black;
        font-size: 28px;
    }

    .roadmap-task ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

.btn-primary {
    border-color: #A7C838;
    background-color: #A7C838;
}

    .btn-primary:hover {
        border-color: #2E87B3;
        background-color: #2E87B3;
    }

.btn-default:hover {
    border-color: whitesmoke;
    background-color: whitesmoke;
}

.btn-default {
    background-color: whitesmoke;
    border-color: whitesmoke;
}

    .btn-default:hover {
        background-color: gainsboro;
        border-color: gainsboro;
    }

.btn-delete {
    border-color: red;
    background-color: red;
    color: white;
}

    .btn-delete:hover {
        border-color: #EC4B4B;
        background-color: #EC4B4B;
        color: white;
    }


.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #4D9BA8;
    border-color: #4D9BA8;
}


.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: #38A9E0;
}

.no-bulleted-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin-bottom: 15px;
}

.user-picture {
    width: 75px;
    height: auto;
    border-radius: 50%;
}

.font-size-13 {
    font-size: 13px;
}

.max-width-75pct {
    max-width: 75%;
}

.max-width-80pct {
    max-width: 80%;
}

.modal-open {
    overflow-y: scroll;
}

.border-top-1-whitesmoke {
    border-top: 1px solid whitesmoke;
}

.breadcrumb a,
.nav-tabs .nav-link {
    color: #333333;
}

    .breadcrumb a:hover {
        text-decoration: underline;
    }

.tab-pane {
    padding: 25px;
}

.validation-summary {
    padding-top: 20px;
}

    .validation-summary ul {
        margin-top: 10px;
    }

.margin-right-5 {
    margin-right: 5px;
}

.datepicker {
    min-height: 38px;
}

.modal .datepicker {
    z-index: 1075 !important;
}

.datepicker-days {
    padding: 15px;
    -webkit-box-shadow: 10px 10px 35px 3px rgba(181,181,181,1);
    -moz-box-shadow: 10px 10px 35px 3px rgba(181,181,181,1);
    box-shadow: 10px 10px 35px 3px rgba(181,181,181,1);
}

.form-check-label {
    margin-left: 7px;
}

.red {
    color: red;
}

.custom-file-input ~ .custom-file-label::after {
    content: "Seleccionar";
}

.titulo-seccion {
    position: relative;
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 25px;
    height: 20px;
}

    .titulo-seccion span {
        font-family: 'Raleway', sans-serif;
        font-weight: 700;
        position: absolute;
        top: 8px;
        color: #38A9E0;
        padding-right: 10px;
        background-color: White;
    }



.item-sumario {
    padding: 20px 0px;
    border-bottom: 1px solid #CCCCCC;
    min-height: 100px;
}

    .item-sumario.usuario {
        height: 120px;
    }


    .item-sumario .icono {
        color: #D9D9D9;
        font-size: 64px;
    }

    .item-sumario a:hover .icono {
        color: #38A9E0;
    }

    .item-sumario .titulo {
        font-family: 'Raleway', sans-serif;
        font-weight: 700;
        font-size: 26px;
        display: block;
        line-height: 1.25em;
        margin-bottom: 5px;
    }

    .item-sumario .subtitulo {
        font-family: 'Raleway', sans-serif;
        font-weight: 300;
        font-size: 20px;
        display: block;
        line-height: 1.25em;
        margin-bottom: 5px;
    }


    .item-sumario .curso {
        font-family: 'Raleway', sans-serif;
        font-weight: 700;
        font-size: 18px;
        display: block;
        color: #38A9E0;
        line-height: 1.25em;
        margin-bottom: 5px;
    }

    .item-sumario a .titulo,
    .item-sumario a .subtitulo {
        color: black;
    }

    .item-sumario a:hover .titulo {
        color: #38A9E0;
    }


    .item-sumario .total {
        font-family: 'Raleway', sans-serif;
        font-weight: 300;
        font-size: 18px;
        display: block;
    }

.margin-left-100 {
    margin-left: 100px;
}

.margin-left-25 {
    margin-left: 25px;
}

.breadcrumb li:last-child {
    font-weight: bold;
    color: black;
}

.panel-mensaje-icono {
    float: left;
    margin-top: 2px;
    overflow: visible;
}

.panel-mensaje-contenido {
    margin-left: 80px;
    font-size: 14px;
    line-height: 1.5em;
}

.panel-mensaje-titulo {
    font-weight: bold;
    display: block;
}

.panel-mensaje-contenido a:not(.btn) {
    font-weight: bold;
    color: #FF6633;
    text-decoration: none;
}

    .panel-mensaje-contenido a:not(.btn):hover {
        text-decoration: underline;
    }

.capitales {
    text-transform: capitalize;
}

.listas-tareas {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

    .listas-tareas li {
        display: block;
    }

        .listas-tareas li a {
            display: block;
            color: black;
            padding: 5px 0;
        }

            .listas-tareas li a:hover .nombre {
                font-weight: bold;
            }

            .listas-tareas li a .nombre {
                margin-left: 25px;
            }

            .listas-tareas li a .total {
                padding: 0 5px;
                font-size: 10px;
                height: 24px;
                width: 24px;
                text-align: center;
                line-height: 24px;
                color: silver;
                font-size: 12px;
            }

            .listas-tareas li a .pendientes {
                background-color: #A7C838;
                color: white;
                border-radius: 50%;
                padding: 0 5px;
                font-size: 12px;
                height: 24px;
                width: 24px;
                text-align: center;
                line-height: 24px;
            }


.tabla-listas {
    width: 100%;
}

    .tabla-listas tr {
        height: 2em;
        line-height: 2em;
    }

    .tabla-listas a {
        color: black;
    }

    .tabla-listas .icono,
    .tabla-listas .td-width-32 {
        width: 32px;
    }

    .tabla-listas .total {
        width: 24px;
    }

.lnr {
    font-family: Linearicons;
}


.modal-content {
}

.modal-body,
.modal-footer {
    padding: 20px;
}

.modal-header {
    background-color: whitesmoke;
}

.modal-body {
    max-height: calc(100vh - 200px);
    overflow-y: auto;
}

.footer-total {
    border-top: 1px solid gainsboro;
}

.btn-play:before {
    font-family: 'FontAwesome';
    content: '\f04b';
    padding-right: 10px;
    position: relative;
    font-size: 90%;
}

.btn-add:before {
    font-family: 'FontAwesome';
    content: '\f067';
    padding-right: 10px;
    position: relative;
    font-size: 90%;
}

.btn-save:before {
    font-family: 'FontAwesome';
    content: '\f0c7';
    padding-right: 10px;
    position: relative;
    font-size: 90%;
}

.btn-pause:before {
    font-family: 'FontAwesome';
    content: '\f04c';
    padding-right: 10px;
    position: relative;
    font-size: 90%;
}

.btn-stop:before {
    font-family: 'FontAwesome';
    content: '\f04d';
    padding-right: 10px;
    position: relative;
    font-size: 90%;
}

.btn-phone:before {
    font-family: 'FontAwesome';
    content: '\f095';
    padding-right: 10px;
    position: relative;
    font-size: 90%;
    color: green;
}

.btn-list:before {
    font-family: 'FontAwesome';
    content: '\f03a';
    position: relative;
    font-size: 90%;
}

.btn-enter:before {
    font-family: 'FontAwesome';
    content: '\f06e';
    padding-right: 10px;
    position: relative;
    font-size: 90%;
}

.btn-etapa:before {
    font-family: 'FontAwesome';
    content: '\f1da';
    position: relative;
    font-size: 90%;
}

.btn-plus-square:before {
    font-family: 'FontAwesome';
    content: '\f0fe';
    position: relative;
    font-size: 90%;
}

.btn-grid:before {
    font-family: 'FontAwesome';
    content: '\f039';
    position: relative;
    font-size: 90%;
}

.btn-portada:before {
    font-family: 'FontAwesome';
    content: '\f00a';
    position: relative;
    font-size: 90%;
}

.button-search {
    border: none;
    background: none;
    font-size: 23px;
    margin-top: 5px;
    margin-left: 10px;
}

/* Rating */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(/Content/img/FilledStar.png);
}

.emptyRatingStar {
    background-image: url(/Content/img/EmptyStar.png);
}

.savedRatingStar {
    background-image: url(/Content/img/SavedStar.png);
}

.imgLogoPanel {
    position: absolute;
    top: 25px;
    left: 20px;
    max-width: 230px;
    height: auto;
}

.usuario-asignado {
    text-align: center;
}

    .usuario-asignado .imgUsuario {
        width: 75px;
        height: 75px;
        border-radius: 50%;
        display: block;
        margin-bottom: 7px;
        margin-left: auto;
        margin-right: auto;
    }

    .usuario-asignado .lblUsuario {
        font-size: 10px;
        font-weight: bold;
        display: inline-block;
    }

.nowrap {
    white-space: nowrap;
}

.btnSesion {
}

.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.repSesiones:nth-child(2n+3) {
    background-color: #F9F9F9;
}

.card-proyecto ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 13px;
}

.margin-md-right {
    margin-right: 20px;
}

/*AutoComplete flyout */

.autocomplete_completionListElement {
    margin: 0px !important;
    background-color: white;
    color: #E0001A;
    border: buttonshadow;
    border-width: 1px;
    border-style: solid;
    cursor: default;
    overflow: auto;
    text-align: left;
    list-style-type: none;
    visibility: hidden;
    padding: 0px !important;
    line-height: normal;
    z-index: 9999999 !important;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem {
    background-color: #38A9E0;
    color: White;
    padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem {
    background-color: window;
    color: windowtext;
    padding: 1px;
}

#lblUsername {
    display: inline !important;
}

.botonesInterrupcion {
    display: inline !important;
}

.btn-disabled {
    border-color: #CEC7C7;
    background-color: #CEC7C7;
}

.disabled-bottom {
    color: #CEC7C7;
}

.breadcrumb-item.active a {
    font-weight: bold;
}

font-weight-normal {
    font-weight: normal;
}

.text-align-right {
    text-align: right;
}

.bold {
    font-weight: bold;
}

.card-recurso ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 13px;
}

.card-img-top {
    min-height: 400px;
    max-height: 400px;
}

.margin-top-10 {
    margin-top: 10px;
}

.imgMensaje {
    max-height: 200px;
    width: auto;
}

.padding-right-0 {
    padding-right: 0px !important;
}
.acciones {
    text-align: center;
}
.datalist-imagenes > span {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
    height: 380px;
}

.datalist-imagenes input[type=image] {
    border: 1px solid whitesmoke;
}

.imgItem {
    max-width: 300px;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

.imgFotografia{
    max-height:350px;
    width:auto;
}

.wrapper-contenido.menu-vertical {
    display: flex;
    flex: 1;
}
.ibtnImagen{
    max-width:400px;
    height:auto;
}

.video-responsive {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    position: relative;
}

    .video-responsive iframe, .video-responsive object, .video-responsive embed {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }