/*----- 
Template: Fenalco Frontend
Version: 2020
Developer: Nury Farelo
/*

/* Colores Nobutic
Parrafos: #444;
Color principal uno: #429EBC;
Color principal dos: #163A53; 
Gris: #b4b4b4
*/
    /*---- Base Bootstrap -----*/

    .content.contrast {
        background: #fefefe;
    }
    
    .height30 {
        height: 30px;
    }
    
    .btn-primary {
        color: #fff;
        background-color: #429EBC !important;
        border-color: #429EBC !important;
    }
    
    .btn-secondary {
        color: #fff;
        background-color: #163A53 !important;
        border-color: #163A53 !important;
    }
    
    .page-link {
        color: #429EBC;
    }
    
    .page-link:hover {
        color: #163A53;
    }
    
    .page-item.active .page-link {
        background-color: #429EBC;
        border-color: #429EBC;
    }
    
    .progress-bar {
        background-color: #429EBC;
    }
    
    .btn-link,
    a {
        color: #429EBC;
    }
    
    .bootstrap-datetimepicker-widget table td.today:before {
        border-bottom-color: #429EBC !important;
    }
    
    .bootstrap-datetimepicker-widget table td.active,
    .bootstrap-datetimepicker-widget table td.active:hover {
        background-color: #429EBC !important;
    }
    
    .bootstrap-datetimepicker-widget table td span.active {
        background-color: #429EBC !important;
    }
    
    .btn-link:hover {
        color: #163A53;
    }
    
    .nav-tabs .nav-item.show .nav-link,
    .nav-tabs .nav-link.active {
        color: #fff !important;
        background-color: #429EBC !important;
        border-color: #429EBC;
    }
    
    .nav-tabs .nav-link {
        color: #429EBC !important;
    }
    
    .tab-pane {
        padding: 2% !important;
    }
    
    .nav-pills .nav-link.active,
    .nav-pills .show>.nav-link {
        background-color: #429EBC !important;
        color: #fff !important;
    }
    
    .nav-pills .nav-link {
        color: #429EBC !important;
    }
    
    .breadcrumb {
        background: #f4f4f5 !important;
    }
    
    .breadcrumb a {
        color: #429EBC !important;
    }
    
    .spinner-border {
	    color: #429EBC;
    }
    .spinner-grow {
	    color: #163A53;
    }
    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: #429EBC;
        color: #fff;
    }
    
    .header a {
        color: #fff;
    }
    
	.header .logo {
		height: 100%;
	}
    .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 #429EBC;
        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: #429EBC21;
        border-bottom: 2px solid #429EBC;
    }
    
    .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: #163A53;
        padding-top: 30px;
		padding-bottom: 20px;
		color: #fff;
        border-top: 10px solid #429EBC;
    }
    
    .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: #163A53;
        padding: 10px;
        border-radius: 50%;
        margin-right: 2%;
        border: 1px solid;
    }
    
    .footer .redes .redesLogos a:hover i {
        background: #163A53;
        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: #429EBC3d !important;
    }

    table.dataTable tbody tr.selected td:first-child {
        border-left: 5px solid #429EBC;
	}
    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: #429EBC url('../images/bgLogin.jpg') no-repeat center top;
        background-size: cover;
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100vh;
        padding-top: 5%;
        border-radius: 0px;
    }
    
    .contentLogin.noBg {
        background: #429EBC !important;
    }
    
    .contentLogin .login {
        width: 450px;
        margin: 0 auto;
        background: rgba(22,58,83,0.90);
        text-align: center;
        padding-bottom: 2%;
        padding-top: 2%;
        box-shadow: 0 10px 10px -5px #444;
        border-radius: 5px;
		
    }
    
    .contentLogin .login .insideBox {
        width: 88%;
        height: auto;
        margin: 0 auto;
        border: 1px solid #429EBC;
        padding-bottom: 4%;
    }
    
    .contentLogin .login .logo {
        width: 50%;
        margin: 0 auto;
        text-align: center;
    }
    
    .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: 5px;
        border: 2px solid #429EBC;
        display: block;
    }
    
    .contentLogin .login a {
        display: block;
        margin-top: 2%;
        color: #fff;
        font-size: 14px;
    }
    
    .recover h3 {
        color: #fff;
        text-align: center;
        width: auto;
        line-height: 2.5em;
    }
    
    .recover p {
        width: 80%;
        color: #fff;
        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;
    }
    /*---- Sweet Alert ----*/
    
    .swal2-styled.swal2-confirm {
        background-color: #429EBC !important;
        border: 1px solid #429EBC !important;
    }
    /*---- Login Split Version ----*/
    
    .splitLogin {
        width: 750px;
        height: 380px;
        margin: 0 auto;
        background: #429EBC;
        color: #fff;
        position: relative;
        border-radius: 5px;
        box-shadow: 0 10px 10px -5px #666;
    }
    
    .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: 100%;
        max-width: 1200px;
        margin: 0;
    }
    
    .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: #429EBC;
    }
    
    .hubServicios .servicio.gris {
        background: #b4b4b4;
    }
    
    .hubServicios .hvr-shutter-out-vertical:before {
        background: #163A53 !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: #444 !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 #429EBC !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: #429EBC45;
    }
    
    .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: #429EBC !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: #444;
    }
    
    .notasLk {
        background: #429EBC;
        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: #429EBC;
        color: #fff;
        text-decoration: none;
    }
    
    .collapse.dont-collapse-sm {
        display: block;
        height: auto !important;
        visibility: visible;
    }
    /*----- 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: #444 !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;
    }

    .dashmodule {
        width: 250px;
        margin: 2%;
        text-align: center;
        color: #fff;
        display: inline-block;
        border-radius: 8px;
        box-shadow: 0px 1px 3px #999;
    }
    
    .dashmodule.blue {
        background: #429EBC;
        color: #fff;
    }
    
    .dashmodule.yellow {
        background: #ef871d;
        color: #fff;
    }
    
    .dashmodule.green {
        background: #44bc42;
        color: #f;
    }
    
    .dashmodule.red {
        background: #bc4242;
        color: #fff;
    }
    
    .dashmodule h3 {
        font-size: 22px;
        line-height: 1.5em;
        padding-top: 5%;
    }
    
    .dashmodule span {
        display: block;
        font-size: 3em;
        line-height: 1.5em;
    }
    
    .dashmodule p {
        font-size: 20px;
        line-height: 1.5em;
        padding-bottom: 5%;
    }

    @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 #429EBC08;
        }
        .menubar ul li ul {
            width: 100%;
            position: relative;
            box-shadow: none;
        }
        .menubar ul li ul li {
            border-bottom: 1px solid #429EBC08;
        }
        .splitLogin {
            width: 80%;
            height: 350px;
            margin: 0 auto;
            background: #429EBC;
            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: #429EBC;
            color: #fff;
            position: relative;
        }
        .splitLogin:before {
            display: none;
        }
        .splitLogin .mantenSplit,
        .splitLogin .brand,
        .splitLogin .loginForm {
            display: block;
            width: 100%;
            height: auto;
            background: #429EBC;
        }
        .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) {
        .dashmodule {
            margin: 3% auto;
        }
        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: #429EBC;
            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;
        }
}













/* Agregado por george */

.text-success {
    color: #17a2b8 !important;
}

.BotonBuscar {
    padding-top: 2rem;
    display: block;
}


.iconG {
    font-size: 22px;
    cursor: pointer;
}


.table i {

       font-size: 20px; 

}


.text-primary {
    color: #429EBC !important;
}