/*----- 

Template: Simulador Financiero

Version: 2020

Developer: Nury Farelo

/*



/* Colores 

Parrafos Azul oscuro: black;

Rojo: #1b57d8;

Negro: Black; 

Gris: #b4b4b4

*/

/* Chrome, Safari, Edge, Opera */

input::-webkit-outer-spin-button,

input::-webkit-inner-spin-button {

  -webkit-appearance: none;

  margin: 0;

}



/* Firefox */

input[type=number] {

  -moz-appearance: textfield;

}

    /*---- Base Bootstrap -----*/

    body{font-family: 'Roboto', sans-serif;}

    

    .content.contrast {

        background: #fefefe;

    }

    

    .height30 {

        height: 30px;

    }

    

    .btn-primary {

        color: #fff;

        background-color: #1b57d8 !important;

        border-color: #1b57d8 !important;

    }

    

    .btn-secondary {

        color: #fff;

        background-color: Black !important;

        border-color: Black !important;

    }


    .btn-warning {
        color: #fff;
        background-color: #000;
        border-color: #000;
    }

    .btn-warning:hover {
        color: #fff;
        background-color: #000;
        border-color: #000;
    }

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

    

    .page-link {

        color: #1b57d8;

    }

    

    .page-link:hover {

        color: black;

    }

    

    .page-item.active .page-link {

        background-color: #1b57d8;

        border-color: #1b57d8;

    }

    

    .progress-bar {

        background-color: #1b57d8;

    }

    

    .btn-link,

    a {

        color: #1b57d8;

    }

    

    .bootstrap-datetimepicker-widget table td.today:before {

        border-bottom-color: #1b57d8 !important;

    }

    

    .bootstrap-datetimepicker-widget table td.active,

    .bootstrap-datetimepicker-widget table td.active:hover {

        background-color: #1b57d8 !important;

    }

    

    .bootstrap-datetimepicker-widget table td span.active {

        background-color: #1b57d8 !important;

    }

    

    .btn-link:hover {

        color: black;

    }

    

    .nav-tabs .nav-item.show .nav-link,

    .nav-tabs .nav-link.active {

        color: #fff !important;

        background-color: #1b57d8 !important;

        border-color: #1b57d8;

    }

    

    .nav-tabs .nav-link {

        color: #1b57d8 !important;

    }

    

    .tab-pane {

        padding: 2% !important;

    }

    

    .nav-pills .nav-link.active,

    .nav-pills .show>.nav-link {

        background-color: #1b57d8 !important;

        color: #fff !important;

    }

    

    .nav-pills .nav-link {

        color: #1b57d8 !important;

    }

    

    .breadcrumb {

        background: #f4f4f5 !important;

    }

    

    .breadcrumb a {

        color: #1b57d8 !important;

    }



.spinner-border {

	color: #1b57d8;

}



.spinner-grow {

	color: black;

}

    

    body,

    html {

        font-family: 'Open Sans', sans-serif;

        width: 100%;

		overflow-x: hidden;

        /* overflow-y: overlay; */

        height: auto;



    }

    

    .titulo {

        margin-top: 2%;

    }

    /*----- Header -----*/

    

    .header {

        height: 60px;

		background: #000;

		color: #fff;

    }

    

    .header a {

        color: #fff;

    }

    

    .header .logo img {

        height: 50px !important;

        margin-top: 5px;

        margin-left: 10px;

    }

    

    .header .homeBtn,

    .header .notifBtn,

    .header .mobileMenu {

        color: #fff;

        margin-top: 10px;

        display: inline-block;

        margin-right: 30px;

        font-size: 20px;

        line-height: 35px;

    }

    

    .header .dropdownMenuUser {

        /*display: none;*/

    }

    

    .header .dropdownMenuUser {

        background: #fff;

        border: 1px solid #ccc;

        box-shadow: 0px 3px 3px #ccc;

        position: absolute;

        top: 90%;

        right: 2%;

        width: 150px;

        padding: 0%;

        text-align: left;

        z-index: 100;

    }

    

    .header .dropdownMenuUser ul {

        list-style: none;

        margin: 0;

        padding: 0;

    }

    

    .header .dropdownMenuUser ul li {

        font-size: 13px;

        line-height: 1.6em;

        padding: 5% 0;

    }

    

    .header .dropdownMenuUser ul li a {

        color: #333;

        text-decoration: none;

        width: 100%;

        display: block;

        padding: 0 10%;

    }

    

    .header .dropdownMenuUser ul li:hover {

        background: #efefef;

    }

    

    .header .userMenu {

        cursor: pointer;

        line-height: 60px;

    }

    

    .header .dropdownMenuUser.collapse.show {

        display: block !important;

    }

    /*----- Menu Bar -----*/

    

    .menubar {

        height: 40px;

        box-shadow: 0px 1px 3px #ccc;

        padding-left: 2%;

        font-size: 14px;

    }

    

    .menubar ul {

        list-style: none;

        margin-left: 0;

        padding-left: 0;

    }

    

    .menubar ul li {

        display: inline-block;

        line-height: 38px;

        margin-right: 2%;

    }

    

    .menubar ul li a {

        color: #686868;

        font-weight: 500;

        width: 100%;

        height: 100%;

    }

    

    .menubar ul li a:hover {

        text-decoration: none;

        border-bottom: 2px solid #000;

        padding-bottom: 5px;

    }

    

    .menubar ul li ul {

        display: none;

        position: absolute;

        background: #fff;

        box-shadow: 0px 0px 4px #ccc;

        width: auto;

        min-width: 200px;

        z-index: 100;

    }

    

    .menubar ul li ul li {

        display: block;

        padding: 0 7%;

        border-bottom: 2px solid #fff;

        margin: 0;

    }

    

    .menubar ul li:hover ul {

        display: block;

    }

    

    .menubar ul li ul li:hover {

        background: #1b57d821;

        border-bottom: 2px solid #1b57d8;

    }

    

    .menubar ul li ul li a {

        width: 100%;

        display: block;

    }

    

    .menubar ul li ul li a:hover {

        border: none !important;

        padding: 0;

    }

    /*----- Content -----*/

    

    .content {

        height: 100%;

        min-height: 700px !important;

        padding: 1% 2% 3%;

    }

    /*----- Footer -----*/

    

    .footer {

        height: auto;

        background: black;

        padding-top: 30px;

		padding-bottom: 20px;

        color: #fff;

        border-top: 5px solid #C8C8C8;

    }

    

    .footer .info p {

        padding: 2px auto !important;

        margin: 1% auto;

        font-size: 12px;

    }

    

    .footer .redes p {

        text-align: center;

    }

    

    .footer .redes .redesLogos {

        width: 100%;

        text-align: center;

    }

    

    .footer .redes .redesLogos a i {

        background: #fff;

        color: #1b57d8;

        padding: 10px;

        border-radius: 50%;

        margin-right: 2%;

        border: 1px solid;

    }

    

    .footer .redes .redesLogos a:hover i {

        background: #1b57d8;

        color: #fff;

        border: 1px solid #fff;

    }

    

    .footer .copy {

        text-align: center;

    }

    

    .footer .logo {

        text-align: center !important;

    }

    /*----- Datatables -----*/ 

    .dataTables_wrapper .dataTables_paginate .paginate_button {

        padding: 0 !important;

        margin: 0 !important;

        border: none !important;

    }

    

    .dataTables_wrapper .dataTables_paginate .paginate_button:hover {

        background: none !important;

        background-color: none !important;

        border: none !important;

        padding: 0 !important;

        margin: 0 !important;

    }

    

    table.dataTable thead .sorting:before,

    table.dataTable thead .sorting_asc:before,

    table.dataTable thead .sorting_desc:before,

    table.dataTable thead .sorting_asc_disabled:before,

    table.dataTable thead .sorting_desc_disabled:before,

    table.dataTable thead .sorting:after,

    table.dataTable thead .sorting_asc:after,

    table.dataTable thead .sorting_desc:after,

    table.dataTable thead .sorting_asc_disabled:after,

    table.dataTable thead .sorting_desc_disabled:after {

        content: '' !important;

    }

    

    table.dataTable tbody tr.selected {

        background-color: #1b57d83d !important;

    }

    

    table.dataTable tbody tr.selected td:first-child {

        border-left: 5px solid #1b57d8;

    }

    

    table#editable.dataTable tbody tr.selected {

        background-color: transparent !important;

    }

    

    table.dataTable tbody tr.selected td {

        /*mix-blend-mode: overlay;*/

    }

    

    .tabledit-save-button {

        display: inline-block;

        margin: 10px 0;

    }

    /* --- Login ---*/

    

    .contentLogin {

        background: #1b57d8 url('http://www.reducetuhipoteca.com/wp-content/uploads/2021/03/Group-8.jpg') no-repeat center top;

        background-size: cover;

        margin: 0;

        padding: 0;

        width: 100%;

        height: 100vh;

        padding-top: 5%;

        border-radius: 5px;

    }

    

    .contentLogin.noBg {

        background: #1b57d8 !important;

    }

    

    .contentLogin .login {

        width: 450px;

        margin: 0 auto;

        background: #fff;

        text-align: center;

        padding-bottom: 2%;

        padding-top: 2%;

		box-shadow: 0 10px 10px -5px black;

		border-radius: 5px;

    }

    

    .contentLogin .login .insideBox {

        width: 88%;

        height: auto;

        margin: 0 auto;

        border: 1px solid #dfdfdf;

        padding-bottom: 4%;

    }

    

    .contentLogin .login .logo {

        width: 50%;

        margin: 0 auto;

        text-align: center;

        padding: 10px;

    }

    

    .contentLogin .login .logo img {

        width: 100%;

        height: auto;

    }

    

    .contentLogin .login input[type="text"],

    .contentLogin .login input[type="password"] {

        width: 80%;

        margin: 2% auto;

        padding: 2%;

        height: 50px;

        border-radius: 3px;

        border: 1px solid #dfdfdf;

        display: block;

    }

    

    .contentLogin .login a {

        display: block;

        margin-top: 2%;

        color: #000 !important;

        font-size: 14px;

    }

    

    .recover h3 {

        color: black;

        text-align: center;

        width: auto;

        line-height: 2.5em;

    }

    

    .recover p {

        width: 80%;

        color: black;

        text-align: center;

        margin: 4% auto;

    }

    

    .footerLogin {

        position: fixed;

        bottom: 0%;

        left: 0;

        width: 100%;

        border-top: 1px solid #fff;

        padding-top: 15px;

        padding-bottom: 15px;

        background: rgba(0, 0, 0, 0.1);

    }

    

    .footerLogin p {

        color: #fff;

        font-size: 12px;

        margin-bottom: 0;

        text-align: center;

    }



    .footerLogin img {

        height: 30px;

    }





    /*---- Sweet Alert ----*/

    

    .swal2-styled.swal2-confirm {

        background-color: #1b57d8 !important;

        border: 1px solid #1b57d8 !important;

    }

    /*---- Login Split Version ----*/

    

    .splitLogin {

        width: 750px;

        height: 380px;

        margin: 0 auto;

        background: #1b57d8;

        color: #fff;

        position: relative;

        border-radius: 5px;

		box-shadow: 0 10px 10px -5px black;

    }

    

    .splitLogin .brand {

        width: 50%;

        height: 100%;

        display: inline-block;

        overflow: hidden;

        background: #fff;

        vertical-align: middle;

        border-radius: 5px 0 0 5px;

    }

    

    .splitLogin .brand img {

        width: 100%;

        margin: 15% auto 0;

        height: auto;

    }

    

    .splitLogin .mantenSplit {

        width: 50%;

        display: inline-block;

        padding: 5%;

        float: right;

        height: 100%;

        text-align: center;

    }

    

    .splitLogin .loginForm {

        width: 50%;

        display: inline-block;

        padding: 5%;

        float: right;

        height: 100%;

        text-align: center;

    }

    

    .splitLogin .loginForm a {

        color: #fff;

    }

    

    .splitLogin .loginForm input {

        width: 100%;

        height: 45px;

        margin: 3% auto;

        padding: 2% 5%;

        border: none;

        border-radius: 4px;

        box-shadow: 0px 1px 5px #555;

    }

    

    .splitLogin .loginForm h3 {

        color: #fff;

        text-align: center;

        margin-top: 5%;

        margin-bottom: 8%;

        text-shadow: 0px 1px 1px #000;

        font-size: 25px;

    }

    

    .splitLogin .mantenSplit h3 {

        color: #fff;

        text-align: center;

        margin-top: 15%;

        margin-bottom: 8%;

        text-shadow: 0px 1px 1px #000;

        font-size: 25px;

    }

    

    .notificacionError {

        width: 80%;

        margin: 0 auto;

        border: 1px solid #441010;

        background: rgb(245, 195, 195);

        color: #441010;

        padding: 5px 5px;

        border-radius: 3px;

        font-size: 14px;

        margin-bottom: 2%;

    }

    

    .loginForm .notificacionError {

        width: 100%;

        margin-bottom: 0;

    }

    /*---- Error Page -----*/

    

    .errorPage,

    .page404 {

        margin-top: 10%;

        padding-bottom: 5%;

    }

    /*----- Hub Servicios -----*/

    

    .hubServicios {

        width: 55%;

        max-width: 1200px;

        margin: 0;

        padding: 10px;

    }

    

    .hubServicios a:hover {

        text-decoration: none;

    }

    

    .hubServicios .servicio {

        text-align: center;

        color: #fff;

        width: 23.9%;

        margin: 0.3%;

        display: inline-block;

    }

    

    .hubServicios .servicio img {

        width: 40%;

        margin: 5% auto 0;
        

    }

    

    .hubServicios .servicio h3 {

        font-size: 22px;

        margin-bottom: 5%;

    }

    

    .hubServicios .servicio.verde {

        background: #000;

    }

    

    .hubServicios .servicio.gris {

        background: #b4b4b4;

    }

    

    .hubServicios .hvr-shutter-out-vertical:before {

        background: Black !important;

    }

    /*----- Curso tabs -----*/

    

    .CursoTabsContainer {

        margin-top: 2%;

    }

    

    #CursoTabs.nav-tabs .nav-item.show .nav-link,

    #CursoTabs.nav-tabs .nav-link.active {

        background: none !important;

        border: none;

        border-bottom: 2px solid #153844;

        color: black !important;

        font-weight: 600;

    }

    

    #CursoTabs.nav-tabs {

        border: none;

    }

    

    #CursoTabs .nav-item {

        margin-right: 2%;

        border-bottom: 2px solid #fff;

        margin-bottom: 0;

    }

    

    .CursoVideo video {

        width: 100%;

        object-fit: cover;

    }

    

    .CursoVideo p {

        color: #153844;

    }

    

    #CursoTabs.nav-tabs .nav-link {

        color: #666 !important;

        padding: .5rem 4rem;

    }

    

    #CursoTabs.nav-tabs .nav-link:focus,

    #CursoTabs.nav-tabs .nav-link:hover {

        border: none !important;

        border-bottom: 2px solid #1b57d8 !important;

        box-shadow: none !important;

        color: #153844 !important;

        /* font-weight: bold; */

    }

    

    .VideoContainer {

        overflow-y: scroll;

        height: 500px;

    }

    

    .VideoList {

        border-left: 2px solid #ccc;

        margin-top: 9%;

        width: 96%;

        margin-left: 4%;

    }

    

    .VideoList .videoElement {

        width: 100%;

        padding: 5px 5px 5px 15px;

        margin-bottom: 2%;

        position: relative;

    }

    

    .VideoList .videoElement a:hover {

        text-decoration: none;

    }

    

    .VideoList .videoElement.visto:hover {

        background: #1b57d845;

    }

    

    .VideoList .videoElement:hover {

        background: #d6d6d640;

    }

    

    .VideoList .videoElement span {

        position: absolute;

        left: -8px;

        top: -1px;

    }

    

    .VideoList .videoElement span i {

        background: #fff;

        font-size: 16px !important;

        font-weight: 600;

        border-radius: 50%;

        color: #ccc;

    }

    

    .VideoList .videoElement .titulo {

        width: 70%;

        display: inline-block;

        color: #999;

        margin-right: 5%;

        margin-top: -5px;

        font-family: 'Open Sans', sans-serif;

    }

    

    .VideoList .videoElement .titulo h5 {

        font-size: 14px;

        font-weight: 600;

        padding-bottom: 0;

        margin-bottom: 3px;

        line-height: 1.5em;

        height: 1.5em;

        overflow: hidden;

    }

    

    .VideoList .videoElement p {

        font-size: 10px;

        color: #ccc;

        line-height: 1.5em;

        height: 3em;

        overflow: hidden;

        margin-bottom: 0;

    }

    

    .VideoList .videoElement .time {

        width: 20%;

        display: inline-block;

        font-size: 14px;

        color: #ccc;

        vertical-align: top;

        text-align: center;

        margin-top: -5px;

    }

    

    .VideoList .videoElement.visto span i {

        color: #1b57d8 !important;

    }

    

    .VideoList .videoElement.visto h5,

    .VideoList .videoElement.visto p,

    .VideoList .videoElement.visto .time {

        color: #153844;

    }

    

    .ContenidoVideo h4 {

        margin-bottom: 5px;

    }

    

    .ContenidoVideo span {

        font-size: 12px;

        color: black;

    }

    

    .notasLk {

        background: #1b57d8;

        color: #fff;

        padding: 4px 15px;

        border-radius: 50px;

        position: relative;

        font-size: 12px;

    }

    

    .notasLk span {

        position: absolute;

        top: -5px;

        left: -7px;

        background: #153844;

        padding: 1px 6px;

        border-radius: 50%;

        font-size: 10px;

        color: #fff;

    }

    

    .notasLk:hover {

        background: #153844;

        color: #fff;

        text-decoration: none;

    }

    

    .notasLk:hover span {

        background: #1b57d8;

        color: #fff;

        text-decoration: none;

    }

    

    .collapse.dont-collapse-sm {

        display: block;

        height: auto !important;

        visibility: visible;

        background: #f2f2f2;

    }

    /*----- Password Check -----*/

    

    #message8,

    #message7,

    #message6,

    #message5,

    #message4,

    #message3,

    #message2 {

        width: 77%;

        text-align: left;

        margin: 0 auto;

        color: #ffffff;

        font-size: 12px;

    }

    

    #message {

        color: #afdcc5;

        width: 77%;

        text-align: left;

        margin: 0 auto;

        font-size: 12px;

    }

    

    #password {

        margin-bottom: 1%;

    }

    /*---- Pantalla Cursos ----*/

    /*---- Curso V2 ----*/

    

    .cursoV2 .video {

        height: 200px;

        max-height: 200px;

        margin: 0 auto;

    }

    

    .cursoV2 .video,

    .cursoV2 .info {

        border: 1px solid #eaeaea;

        position: relative;

        overflow: hidden;

    }

    

    .cursoV2 .video img {

        width: 100%;

        height: auto;

    }

    

    .cursoV2 .info {

        padding: 4%;

        overflow: hidden;

    }

    

    .cursoV2 .info h4 {

        font-size: 18px;

    }

    

    .cursoV2 .info a {

        font-size: 13px;

    }

    

    .cursoV2 .info .time {

        font-size: 13px;

        text-align: right;

        vertical-align: bottom;

        line-height: 32px;

        color: black !important;

    }

    

    .cursoV2 .video .descripcion {

        display: none;

        width: 100%;

        height: 100%;

        position: absolute;

        top: 0;

        left: 0;

        z-index: 16;

        background: #153844ad;

        color: #fff;

        padding: 4%;

        opacity: 0;

        font-size: 14px;

        overflow: hidden;

    }

    

    @keyframes showNav {

        from {

            opacity: 0;

        }

        to {

            opacity: 1;

        }

    }

    

    .cursoV2:hover .video .descripcion {

        display: block;

        animation: showNav 500ms ease-in-out both;

    }

    /*----- Widget Persona -----*/

    

    .widgetPersona {

        width: 30%;

        margin: 2% 1.6% 2% 1.5%;

        display: inline-block;

        border: 1px solid rgba(0, 0, 0, .125);

        border-radius: .25rem;

        padding: 0.50rem;

        background: #fff;

        box-shadow: 0px 1px 2px #ccc;

    }

    

    .widgetPersona .infoPersona {

        width: 100%;

        display: block;

        overflow: hidden;

    }

    

    .widgetPersona img {

        width: 11%;

        height: auto;

        display: inline-block;

        float: left;

        margin: 1% 6% 2% 1%;

    }

    

    .widgetPersona h5 {

        font-size: 13px;

        font-weight: bold;

        margin-bottom: 0px;

        padding-top: 2% !important;

    }

    

    .widgetPersona p {

        font-size: 12px;

        margin-bottom: 5%;

    }

    

    .widgetPersona .valuesPersona {

        width: 100%;

        display: block;

        margin-top: 2%;

    }

    

    .widgetPersona .valuesPersona p {

        width: 70%;

        display: inline-block;

        float: left;

    }

    

    .widgetPersona .valuesPersona span {

        font-size: 11px;

        text-align: right;

        display: block;

        margin-top: 3%;

    }

    /*----- Analisis -----*/

    

    .analisisText {

        margin: 3% auto;

        border-bottom: 1px solid #ccc;

        padding: 5%;

    }

    

    .analisisText p {

        font-size: 12px;

        font-style: italic;

    }

    

    .indicadores .porcentaje {

        display: block;

        text-align: right;

        font-size: 12px;

        margin-top: 1%;

    }

    

    .indicadores .progreso {

        width: 100%;

        margin: 2% auto;

        border: 1px solid #efefef;

        padding: 2% 3% 3%;

        border-radius: 0.25rem;

        box-shadow: 0px 1px 1px #ccc;

    }

    

    .indicadores .progreso span {

        font-size: 13px;

        font-weight: 500;

        display: block;

        margin-bottom: 2%;

    }

    

    .indicadores .tab-pane {

        background: #eaeaea1c;

        border: 1px solid #eee;

        border-radius: 0 0 0.25rem 0.25rem;

    }



    #simulacion h5{

        color:#000;

        font-weight: bold;
    }

    

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

        .hubServicios .servicio {

            width: 40%;

            margin: 4%;

        }

        .header .homeBtn,

        .header .notifBtn,

        .header .mobileMenu {

            margin-right: 9%;

            width: auto;

            display: inline-block !important;

        }

        .header .nameOpts {

            display: none;

        }

        .header .headerUser {

            text-align: left !important;

        }

        .header .dropdownMenuUser {

            left: 3%;

        }

        .header .logo {

            width: 55%;

            height: 50px;

            display: inline-block;

        }

        .header .logo img {

            height: 100% !important;

            width: auto !important;

        }

        .header .headerUser {

            width: 45%;

            display: inline-block;

        }

        .menubar {

            width: 100%;

            height: auto;

            background: #fff;

            padding: 1% 5%;

            position: relative;

            margin-bottom: 3%;

        }

        .menubar li {

            width: 100%;

            border-bottom: 1px solid #1b57d808;

        }

        .menubar ul li ul {

            width: 100%;

            position: relative;

            box-shadow: none;

        }

        .menubar ul li ul li {

            border-bottom: 1px solid #1b57d808;

        }

        .splitLogin {

            width: 80%;

            height: 350px;

            margin: 0 auto;

            background: #1b57d8;

            color: #fff;

            position: relative;

        }

        .splitLogin .brand img {

            margin: 2% auto;

        }

        .splitLogin:before {

            display: none;

        }

        .splitLogin .mantenSplit h3 {

            margin-top: 0;

        }

        .contentLogin .login {

            width: 86% !important;

        }

        .contentLogin .login input[type="text"],

        .contentLogin .login input[type="password"] {

            height: 35px;

            margin-bottom: 5%;

        }

        .contentLogin {

            padding-top: 22%;

			background-size: auto 100%;

            height: 100vh;

        }

        .footerLogin {

            text-align: center;

        }

        .contentLogin .login a {

            margin-top: 10%;

        }

        .contentLogin .login .insideBox {

            width: 94%;

        }

        .recover h3 {

            font-size: 1.5em;

        }

        .recover p {

            font-size: 0.9em;

        }

        .footerLogin img {

            width: 20%;

            margin-top: 2%;

        }

        .splitLogin {

            width: 50%;

            height: auto;

            margin: 0 auto;

            background: #1b57d8;

            color: #fff;

            position: relative;

        }

        .splitLogin:before {

            display: none;

        }

        .splitLogin .mantenSplit,

        .splitLogin .brand,

        .splitLogin .loginForm {

            display: block;

            width: 100%;

            height: auto;

            background: #1b57d8;

        }

        .splitLogin .brand {

            background: #fff !important;

        }

        .splitLogin h3,

        .splitLogin img {

            margin-top: 5% !important;

            padding-bottom: 5% !important;

        }

        .errorPage,

        .page404 {

            margin-top: 5%;

            padding-bottom: 5%;

        }

        .collapse.dont-collapse-sm {

            display: none;

            height: auto !important;

            visibility: visible;

        }

        .collapse.dont-collapse-sm.show {

            display: block;

        }

        .footer .redes .redesLogos a i {

            font-size: 12px;

            padding: 10px;

            border-radius: 50%;

            margin-right: 2%;

            border: 1px solid;

        }

        .menubar ul li a {

            width: 100%;

            display: block;

        }

        .titulo {

            margin-top: 5%;

        }

        .btn {

            margin: 2% auto;

        }

        .contentLogin .login {

            width: 66% !important;

        }

        .numLecciones {

            width: 100%;

            display: block !important;

            float: left;

            max-width: 100%;

            flex: 100%;

        }

        .notasVideo {

            width: 100%;

            display: block;

            max-width: 100%;

            flex: 100%;

            margin-top: 4%;

            margin-bottom: 4%;

        }

        .VideoContainer {

            height: 420px;

        }

        #CursoTabs.nav-tabs .nav-link {

            color: #666 !important;

            padding: .5rem 2rem;

        }

        .cursoV2 {

            margin-bottom: 5%;

            flex: 50% !important;

            max-width: 50%;

        }

        .cursoV2 .video {

            height: auto;

            max-height: 100%;

        }

        .cursoV2 .video img {

            height: auto;

            width: 100%;

        }

        .widgetPersona {

            width: 47%;

            margin: 2% 1% 2% 1.5%;

        }

        .analisisText .col-sm-3 {

            width: 30%;

            display: inline-block;

            float: left;

        }

        .analisisText .col-sm-9 {

            width: 70%;

            display: inline-block;

            float: right;

        }

    }

    

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

		body.loginSplit {

            background: #00a651 url(../images/bgLogin.jpg) no-repeat center top;

            background-size: cover;

        }

        .hubServicios .servicio {

            width: 90%;

            margin: 5%;

        }

        .footer {

            height: 100%;

            text-align: center;

        }

        .footer .logo img {

            width: 60%;

            margin: 0 auto;

            padding: 0 !important;

        }

        .footer .logo,

        .footer .info,

        .footer .redes,

        .footer .copy {

            margin: 5% auto;

            text-align: center;

        }

        .numLecciones {

            width: 60%;

            display: inline-block;

            float: left;

        }

        .notasVideo {

            width: 40%;

            display: inline-block;

        }

        .notasLk {

            padding: 0.5em 1.8em;

            font-size: 0.8em;

        }

        .splitLogin {

            width: 80%;

            height: 100%;

            margin: 0 auto 10%;

            background: #1b57d8;

            color: #fff;

            position: relative;

			max-height: 100%;

        }

        .cursoV2 {

            margin-bottom: 5%;

            flex: 100% !important;

            max-width: 100%;

        }

        .widgetPersona {

            width: 100%;

            margin: 2% auto;

        }

        .contentLogin {

            background: none;

        }

        .footerLogin {

            position: relative;

            display: block;

            bottom: auto;

            left: auto;

            height: auto;

        }

}