.text-center {
    text-align: center !important;
}

.w-100 {
    width: 100% !important;
}

.text-separator {
    color: #252525;
}

.place-indicator {
    color: greenyellow;
}

.card.bg-transparent {
    background: 0 0;
}

.text-success,
.text-danger,
.text-info,
.text-warning,
.alert-success,
.alert-danger,
.alert-info,
.alert-warning {
    font-size: 1.5em;
}

.tooltip {
    font-size: 17px !important;
}

.lone-filter .card {
    margin-top: 1.25rem;
    margin-bottom: 0;
}

.actions .btn:focus {
    outline: 0;
}

body .lone-option,
body .actions .lone-option {
    width: 100%;
    min-width: 50px;
}

body .one-half,
body .actions .one-half {
    width: 50%;
    min-width: 50px;
}

body .one-third,
body .actions .one-third {
    width: 33.33333%;
    width: calc(100% / 3);
    min-width: 50px;
}

body .one-fourth,
body .actions .one-fourth {
    width: 25%;
    min-width: 50px;
}

body .one-fifth,
body .actions .one-fifth {
    width: 20%;
    min-width: 50px;
}

body .modal-dialog.wide-dialog {
    width: 90%;
    min-width: 50px;
}

@media (min-width: 1200px) {
    body .modal-dialog {
        width: 50%;
    }
}

body .modal-footer {
    border: 0;
    margin: 0;
    padding: 0 5px 15px 5px;
}

body .table:last-child {
    margin-bottom: 0;
}

body .table th,
body .table td {
    border-top: 0;
    border-bottom: 0;
    padding: 0;
}

body .table .table,
body .table-striped tbody tr:nth-of-type(odd),
body .table-striped tbody tr:nth-of-type(even) {
    background: transparent;
}

body .table .table,
body .table-striped tbody tr:nth-of-type(odd) td {
    background-color: #f9f9f9;
}

body .table .table,
body .table-striped tbody tr:nth-of-type(even) td {
    background-color: rgba(249, 249, 249, 0.3);
}

body .table-hover.table-striped tbody tr:hover {
    background: transparent;
}

.table-hover.table-striped tbody tr:hover td {
    background-color: #efefef;
}

table.data-table.dataTable thead th {
    padding: 0 1em;
}

table.data-table.dataTable thead th,
table.data-table.dataTable {
    border: 0;
}

table.data-table.dataTable thead th:focus {
    outline: 0;
}

@media (min-width: 544px) {
    .dataTables_wrapper .dataTables_paginate {
        padding: 0;
    }
}

body .table {
    border-spacing: 0 0.5em;
    border-collapse: separate;
    font-size: 1.2em;
}

body .table td {
    vertical-align: middle;
    padding: 0 20px;
}

body .table td > *,
body .table td.dataTables_empty {
    line-height: 60px;
}

body .table th.actions {
    min-width: 25%;
}

body .table td.actions {
    padding: 0;
}

body .table td.actions i {
    font-size: 1.5em;
    vertical-align: middle;
}

.table-hover.table-striped tbody tr td.actions,
.table-hover.table-striped tbody tr:hover td.actions {
    background: transparent;
}

.table .distinguish-local {
    background: rgba(102, 187, 106, 0.1);
}

@media (max-width: 767px) {
    .table.data-table .restraint-width {
        max-width: 200px;
    }
}

@media (min-width: 768px) {
    .table.data-table .restraint-width {
        max-width: 400px;
    }
}

.table.data-table .restraint-width {
    overflow: hidden;
}

.table .distinguish-casa {
    background: rgba(244, 67, 54, 0.1);
}

.card {
    background: rgba(255, 255, 255, .5);
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.card .card-block {
    padding: 32px;
}

body .form-control::placeholder {
    color: #cdf2e9;
}

body .form-control::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #cdf2e9;
}
body .form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #cdf2e9;
   opacity: 1;
}
body .form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #cdf2e9;
   opacity: 1;
}
body .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #cdf2e9;
}
body .form-control::-ms-input-placeholder { /* Microsoft Edge */
   color: #cdf2e9;
}

body .form-control {
    border: 0;
    font-size: 22px;
    padding: 10px;
    background: rgba(0,162,132,0.6);
    color: #fff;
    outline: 0;
}

body select.form-control {
    height: 2.3em;
}

body .input-group {
    margin-top: 15px;
}

body .input-group-addon,
body .form-control-label,
body .form-control-static {
    color: #fff;
    font-size: 1.3em;
    line-height: 2em;
    border: 0;
    padding: 5px 17px;
}

body .input-group-addon,
body .form-control-label {
    background-color: #00a284;
}

body .form-control-label {
    border-radius: .25rem;
}

body .form-control-static {
    text-align: center;
}

body .input-group-addon {
    line-height: 20px;
}

body .input-group-addon i {
    font-size: 20px;
    width: 20px;
}

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

body .btn {
    width: auto;
    border: 0;
    font-size: 25px;
    border-radius: 0!important;
    -webkit-border-radius: 0!important;
}

body .btn-primary {
    color: #fff;
    background-color: #00a284;
}

body .btn-primary:hover,
body .btn-primary:active,
body .btn-primary:focus,
body .btn-primary:active:focus {
    background-color: #00876e;
    border-color: #00876e;
}

body .btn-secondary {
    color: #292929;
    background-color: #9b9b9b;
}

body .btn-secondary:hover,
body .btn-secondary:active,
body .btn-secondary:focus,
body .btn-secondary:active:focus {
    color: #fff;
    background-color: #292929;
}

body .layout-content > .container-fluid {
    max-width: none;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body .layout-content > .container:last-child,
body .layout-content > .container-fluid:last-child {
    margin-bottom: 100px;
}

body .title-banner {
    width: 100%;
    margin: 0.5em 0;
    background: rgba(0, 116, 0, 0.6);
    color: #FFF;
    font-size: 2.5em;
}

body .title-banner.narrow-tall {
    font-size: 2em;
}

@media (max-width: 544px) {
    body .title-banner.narrow-tall {
        height: 160px;
    }

    body .title-banner > .pull-right {
        width: 100%;
    }
}

@media (max-width: 767px) {
    body .title-banner {
        padding: 0.5em 0.5em;
    }
}

@media (min-width: 768px) {
    body .title-banner {
        padding: 0.5em 1em;
    }
}

body .title-banner .text-success,
body .title-banner .text-danger,
body .title-banner .text-info,
body .title-banner .text-warning {
    font-size: 1em;
}

.fondo-content {
    background: #5db079 url(../images/pages/background_content.png) left/cover no-repeat;
}

.display-table {
    display: table;
}

.display-cell {
    display: table-cell;
    vertical-align: middle;
}

.control-fuente {
    padding: 20px;
    background-color: rgba(30,30,30,0.3);
    font-size: 1.5em;
    color: white;
}

.control-fuente > div {
    display: inline-block;
    vertical-align: middle;
}

.control-fuente > div:first-child {
    margin-right: 10px;
}

@media (max-width: 543px) {
    .control-fuente > div {
        width: 100%;
    }
}

.jerarquia .sidebar-menu:first-child {
    margin-top: 0;
}

.jerarquia .sidebar-menu .sidebar-menu-item,
.jerarquia .sidebar-menu .sidebar-menu-button {
    color: #252525;
    font-size: 1.2em;
}

.jerarquia .sidebar-menu .sidebar-submenu .sidebar-menu-button {
    color: #FFF;
    background: #828282;
}

.jerarquia .sidebar-menu .sidebar-submenu .sidebar-menu-item,
.jerarquia .sidebar-menu .sidebar-menu-button {
    background: #FFF;
}

.jerarquia .sidebar-menu .sidebar-menu-button {
    padding-left: 0;
}

.jerarquia .sidebar-menu .sidebar-menu-button,
.jerarquia .sidebar-menu .sidebar-menu-icon {
    line-height: 60px;
}

.jerarquia .sidebar-submenu .sidebar-menu-icon {
    top: 0;
}

.jerarquia .sidebar-menu .sidebar-menu-item > div,
.jerarquia .sidebar-menu .sidebar-menu-button > div {
    display: inline-block;
}

.jerarquia .sidebar-menu .sidebar-menu-icon {
    text-align: center;
    color: #FFF;
    width: 100px;
    background: green;
    vertical-align: unset;
    font-size: 1em;
}

.jerarquia .sidebar-menu .sidebar-menu-icon .material-icons {
    font-size: 30px;
}

.jerarquia .sidebar-menu:not(:last-child) {
    margin-bottom: 2em;
}

.jerarquia .sidebar-menu:last-child {
    margin-bottom: 0;
}

@media (max-width: 991px) {
    .jerarquia .jerarquia-label {
        padding: 0;
    }
}

@media (min-width: 992px) {
    .jerarquia .jerarquia-label {
        padding: 0 1em;
    }
}

.jerarquia-nivel-1 {
    margin: 0.5em 0 0 1em;
}

.jerarquia-nivel-2 {
    margin: 0.5em 0 0 2em;
}

.jerarquia-nivel-3 {
    margin: 0.5em 0 0 3em;
}

.jerarquia-nivel-4 {
    margin: 0.5em 0 0 4em;
}

.jerarquia-nivel-5 {
    margin: 0.5em 0 0 5em;
}

.jerarquia-nivel-6 {
    margin: 0.5em 0 0 6em;
}

.jerarquia-nivel-7 {
    margin: 0.5em 0 0 7em;
}

.jerarquia-nivel-8 {
    margin: 0.5em 0 0 8em;
}

.jerarquia-nivel-9 {
    margin: 0.5em 0 0 9em;
}

body #mensaje #de.form-control,
body #mensaje #para.form-control {
    color: #767d82;
}

.waiting {
    cursor: wait;
}

/* ---------------------------------------
                  Homepage
----------------------------------------- */

#home .dashboard {
    margin-top: 5%;
}

#home .sincro-controls {
    margin: 1%;
}

#home-user {
    margin-top: 10%;
}

.fondo-home {
    background: url(../images/pages/background_user.jpg);
}

#home a:hover,
#home-user a:hover,
#test-home a:hover,
#test-errors-home a:hover {
    text-decoration: none;
}

body .dashboard-link:focus {
    text-decoration: none;
    outline: none;
}

.dashboard-icon {
    height: 230px;
    color: white;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.dashboard-icon .dicon {
    font-size: 8em;
}

.dashboard-icon:hover {
    height: 250px;
    margin-top: -10px;
    padding-top: 10px;
}

.dashboard-icon .card-footer {
    border: 0;
    background-color: rgba(255, 255, 255, 0);
    color: #fff;
}

.dashboard-icon.color-1 {
    background-color: rgba(82, 124, 43, 0.8);
}
.dashboard-icon.color-1:hover {
    background-color: rgba(82, 124, 43, 1) !important;
}

.dashboard-icon.color-2 {
    background-color: rgba(36, 72, 101, 0.8);
}
.dashboard-icon.color-2:hover {
    background-color: rgba(36, 72, 101, 1) !important;
}

.dashboard-icon.color-3 {
    background-color: rgba(240, 86, 36, 0.8);
}
.dashboard-icon.color-3:hover {
    background-color: rgba(240, 86, 36, 1) !important;
}

.dashboard-icon.color-4 {
    background-color: rgba(208, 38, 43, 0.8);
}
.dashboard-icon.color-4:hover {
    background-color: rgba(208, 38, 43, 1) !important;
}

.dashboard-icon.color-5 {
    background-color: rgba(102, 187, 106, 0.8);
}
.dashboard-icon.color-5:hover {
    background-color: rgba(102, 187, 106, 1) !important;
}

.dashboard-icon.color-6 {
    background-color: rgba(0, 162, 132, 0.8);
}
.dashboard-icon.color-6:hover {
    background-color: rgba(0, 162, 132, 1) !important;
}

/* ---------------------------------------
                  Acceso
----------------------------------------- */

.login {
    background: rgba(0,164,98,1);
    background: -moz-linear-gradient(45deg, rgba(0,164,98,1) 0%, rgba(0,164,98,0.56) 26%, rgba(2,233,183,0.37) 37%, rgba(201,250,240,0) 59%, rgba(255,255,255,0) 65%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(0,164,98,1)), color-stop(26%, rgba(0,164,98,0.56)), color-stop(37%, rgba(2,233,183,0.37)), color-stop(59%, rgba(201,250,240,0)), color-stop(65%, rgba(255,255,255,0)));
    background: -webkit-linear-gradient(45deg, rgba(0,164,98,1) 0%, rgba(0,164,98,0.56) 26%, rgba(2,233,183,0.37) 37%, rgba(201,250,240,0) 59%, rgba(255,255,255,0) 65%);
    background: -o-linear-gradient(45deg, rgba(0,164,98,1) 0%, rgba(0,164,98,0.56) 26%, rgba(2,233,183,0.37) 37%, rgba(201,250,240,0) 59%, rgba(255,255,255,0) 65%);
    background: -ms-linear-gradient(45deg, rgba(0,164,98,1) 0%, rgba(0,164,98,0.56) 26%, rgba(2,233,183,0.37) 37%, rgba(201,250,240,0) 59%, rgba(255,255,255,0) 65%);
    background: linear-gradient(45deg, rgba(0,164,98,1) 0%, rgba(0,164,98,0.56) 26%, rgba(2,233,183,0.37) 37%, rgba(201,250,240,0) 59%, rgba(255,255,255,0) 65%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a462', endColorstr='#ffffff', GradientType=1 );
}

.login .navbar.navbar-fixed-bottom {
    visibility: hidden;
}

body .login .input-group-addon {
    font-size: 30px;
    line-height: inherit;
}

#cuerpo {
    margin: 15px;
    padding: 15px;
    background: #E7EEBB;
}

.informacion {
    margin-left: 20px;
}

.login .card {
    border: none;
    box-shadow: 0 0px 0px rgba(0,0,0,0) !important;
}

.login-logo > img {
    margin: 10%;
    max-width: 80%;
}

@media (max-width: 991px) {
    .login .row {
        background-size: 0% 0%;
    }
}

@media (min-width: 992px) {
    body #form_acces {
        margin-top: 10%;
    }
}

body #form_acces .row:last-child .form-group {
    margin-bottom: 0;
}

#form_acces > .card {
    margin-bottom: 0;
}

/* ---------------------------------------
                  Tags
----------------------------------------- */

.badge {
    border: 1px solid #000;
}

.badge {
    display: inline-block;
    padding: 0.25em 0.4em;
/*    font-size: 75%;*/
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
}

.badge:empty {
    display: none;
}

.btn .badge {
    position: relative;
    top: -1px;
}

a.badge:focus, a.badge:hover {
    color: #fff;
    text-decoration: none;
}

a.badge:focus,
a.badge:hover,
.tag .badge:focus,
.tag .badge:hover {
    cursor: pointer;
}

.badge-pill {
    padding-right: 0.6em;
    padding-left: 0.6em;
    border-radius: 10rem;
}

.badge-default {
    background-color: #636c72;
}

.badge-default[href]:focus, .badge-default[href]:hover {
    background-color: #4b5257;
}

.badge-primary {
    background-color: #00a284;
}

.badge-primary[href]:focus, .badge-primary[href]:hover {
    background-color: #025aa5;
}

.badge-success {
    background-color: #00876e;
}

.badge-success[href]:focus, .badge-success[href]:hover {
    background-color: #449d44;
}

.badge-info {
    background-color: #5bc0de;
}

.badge-info[href]:focus, .badge-info[href]:hover {
    background-color: #31b0d5;
}

.badge-warning {
    background-color: #f0ad4e;
}

.badge-warning[href]:focus, .badge-warning[href]:hover {
    background-color: #ec971f;
}

.badge-danger {
    background-color: #d9534f;
}

.badge-danger[href]:focus, .badge-danger[href]:hover {
    background-color: #c9302c;
}

.card-block .tag-card {
    padding: 10px 0 0 0;
}

.card-block .tag-card > .row {
    min-height: 2.5em;
}

.tag {
    margin-bottom: 10px;
}

.tag .badge {
    width: 100%;
}

.tag .delete {
    font-size: 20px;
    position: absolute;
    right: 10px;
    top: 2px;
}

/* -----------------------------------------
        Diapositivas/Videoclases
------------------------------------------- */

.diapositivas .img-preview,
.videoclases .img-preview {
    max-width: 100%;
    height: auto;
    display: block;
    cursor: pointer;
    margin: auto;
    margin-top: .625rem;
    margin-bottom: .625rem;
}

#preview-image .modal-body > *,
#videoclass-modal .modal-body > * {
    margin: 0;
}

#preview-image .modal-footer .btn,
#videoclass-modal .modal-footer .btn,
#resultado .modal-footer .btn,
#more-info .modal-footer .btn,
#test-view .modal-footer .btn,
#question-view .modal-footer .btn,
#mensaje .modal-footer .btn {
    width: 100%;
}

/* ---------------------------------------
              Lista de Pruebas
----------------------------------------- */

.fondo-test {
    background: url(../images/pages/background_test.jpg);
}

.table-striped tbody tr.aprobado:nth-of-type(odd) {
    background-color: rgba(92, 187, 96, .5);
}

.table-striped tbody tr.aprobado:nth-of-type(even) {
    background-color: rgba(105, 215, 111, .5);
}

.table-hover tbody tr.aprobado:hover {
    background-color: rgba(73, 165, 78, .5);
}

.leyenda .list-group-item-heading > .btn {
    width: 2em;
}

.leyenda .list-group-item-heading > .btn i {
    font-size: 1em;
}

.leyenda-estado {
    text-align: left;
}

.leyenda-estado .icono {
    width: 30px;
    height: 30px;
    margin-right: 10px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
}

.leyenda-estado .icono-label {
    vertical-align: middle;
    margin-right: 20px;
}

/* ---------------------------------------
                  Pruebas
----------------------------------------- */

.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}

.btn-circle.btn-lg {
    width: 50px;
    height: 50px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 25px;
}

.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    font-size: 24px;
    line-height: 1.33;
    border-radius: 35px;
}

body .pregunta {
    font-size: 1.2em;
}

.pregunta .imagen {
    width: 100%;
    height: 300px;
    text-align: center;
    font: 0/0 a;
}

.pregunta .imagen:before {
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.pregunta .imagen .img-preview {
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
    max-height: 100%;
    max-width: 100%;
}

.pregunta .respuestas {
    padding-left: 10px;
    padding-right: 10px;
}

.list-group.respuestas > ul {
    padding: 0;
}

.respuestas .media-body {
    line-height: 2em;
}

.list-group.respuestas .respuesta {
    padding: 10px;
    cursor: pointer;
    margin-top: 1.5em;
}

.respuestas .respuesta > * {
    vertical-align: middle;
}

.respuestas .respuesta .bullet {
    font-size: 1.4em;
    font-weight: bold;
    border: 5px solid lightgray;
    border-radius: 50%;
    width: 1.45em;
    height: 1.45em;
    line-height: 1.15em;
    text-align: center;
    display: inline-block;
}

.respuestas .respuesta i {
    font-size: 1.5em;
    border: 5px solid lightgray;
    border-radius: 50%;
    width: 1.35em;
    height: 1.35em;
    text-align: center;
}

.respuestas .respuesta i.text-warning {
    border-color: #FFA726;
}

.respuestas .respuesta i.text-success {
    border-color: #66BB6A;
}

.respuestas .respuesta i.text-danger {
    border-color: #F44336;
}

.paginated .pregunta {
    display: none;
}
.paginated .pregunta.active-page {
    display: block;
}

body .pagination,
body .pagination-secoundary {
    font-size: 1.3em;
    margin: 0;
}

body .pagination i.material-icons,
body .pagination i.fa,
body .pagination-secoundary i.material-icons,
body .pagination-secoundary i.fa {
    font-size: 1em;
}

.pagination li.paginate_button {
    float: left;
    display: inline;
    position: relative;
}

.pagination li.paginate_button,
.pagination-secoundary .paginate_button,
.pagination li.dt-paging-button {
    padding: 4px;
    margin-bottom: 10px;
}

.pagination li.paginate_button a,
.pagination li.dt-paging-button a,
.pagination-secoundary .paginate_button a {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.pagination-secoundary .paginate_button a {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

.pagination li.paginate_button a,
.pagination-secoundary .paginate_button a,
.pagination li.dt-paging-button a {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.pagination li.paginate_button.page a,
.pagination-secoundary .paginate_button.page a {
    padding-left: 0.3rem;
    padding-right: 0.3rem;
}

.pagination .paginate_button a,
.pagination-secoundary .paginate_button a {
    position: relative;
    margin-left: -1px;
    line-height: 1.5;
    color: #03A9F4;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #eee;
}

.pagination .paginate_button.active a {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #2196F3;
    border-color: #2196F3;
}

.pagination li.paginate_button.previous,
.pagination li.paginate_button.next {
    display: none;
}

.card-title .tiempo {
    margin-left: 10px;
}

.card.answer-explanation {
    margin-bottom: 0;
}

.answer-explanation.explanation-correct {
    color: #66BB6A;
}

.answer-explanation.explanation-incorrect {
    color: #F44336;
}

/* ---------------------------------------
                    Tema
----------------------------------------- */

#img-preview-modal {
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: 0 auto;
}

/* ---------------------------------------
                Videoclase
----------------------------------------- */

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

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

/* ---------------------------------------
          Permisos de Acceso
----------------------------------------- */

#usuario_form_pa .c-checkbox .c-indicator {
    width: 2rem;
    height: 2rem;
    border: blue solid 2px;
}

#usuario_form_pa th .c-checkbox {
    padding-left: 2.5rem;
}

#usuario_form_pa th .c-checkbox .c-indicator {
    top: -4px;
}

/* ---------------------------------------
                Footer
----------------------------------------- */
.navbar.navbar-fixed-bottom {
    background-color: #2f2f2f!important;
    height: 70px;
}

.navbar.navbar-fixed-bottom a {
    text-decoration:none;
}

.navbar-fixed-top, .navbar-fixed-bottom {
    right: 0;
    left: 0;
    z-index: 1030;
    -webkit-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    margin-bottom: 0;
}

@media (max-width: 991px) {
    html.bootstrap-layout body {
        overflow-y: visible;
    }

    #footer-logo.navbar-fixed-bottom {
        position: relative;
    }
}

#footer-logo {
    background: transparent url(../images/pages/rocha_footer.png) no-repeat left top;
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    background-size: auto 100%;
}

.btn-footer {
    height: 100%;
    padding: 15px 30px;
    line-height: 40px;
}

/* ---------------------------------------
                Layout User
----------------------------------------- */

@media (max-width: 369px) {
    #navbar-user .user-menu {
        width: 100%;
        padding-left: 1em;
    }

    #navbar-user {
        height: 140px;
    }

    body.ls-top-navbar>.layout-content {
        padding-top: 146px;
    }

    .jerarquia .sidebar-menu .sidebar-submenu .sidebar-menu-item,
    table.test-list tr {
        scroll-margin-top: 140px;
    }
}

@media (max-width: 544px) {
    #navbar-user .nav-item.sysmsg {
        font-size: 25px;
    }
}

@media (min-width: 370px) and (max-width: 520px) {
    #nav-alumno .student-label {
        display: none;
    }
}

@media (min-width: 370px) {
    #navbar-user {
        height: 70px;
    }
}

#navbar-user {
    background-color: rgba(47,47,47,.5) !important;
}

@media (max-width: 1024px) {
    #navbar-user .navbar-brand {
        margin-left: 0;
    }
}

@media (min-width: 1025px) {
    #navbar-user .navbar-brand {
        margin-left: 2em;
    }
}

#nav-alumno {
    padding: 0 20px;
    height: 100%;
    width: auto;
}

.navbar#navbar-user,
#navbar-user .navbar-brand,
#nav-alumno h1,
#nav-alumno h2,
#nav-alumno h3,
#nav-alumno h4,
#nav-alumno h5,
#nav-alumno h6 {
    line-height: 70px;
}

#navbar-user .nav-item {
    font-size: 40px;
    color: #fff;
}

#navbar-user .nav-item .text-success,
#navbar-user .nav-item .text-danger,
#navbar-user .nav-item .text-info,
#navbar-user .nav-item .text-warning {
    font-size: 1em;
}

#nav-alumno h1,
#nav-alumno h2,
#nav-alumno h3,
#nav-alumno h4,
#nav-alumno h5,
#nav-alumno h6 {
    margin: 0;
}

#navbar-user .breadcrumb-container {
    padding-right: 0;
    height: 70px;
}

.breadcrumb-intermediate {
    width: 100%;
    height: 100%;
    border-top: 70px solid rgba(200,200,200,.8);
    border-left: 40px solid transparent;
}

.breadcrumb-intermediate .breadcrumb {
    width: 100%;
    height: 70px;
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 80px;
    padding-right: 40px;
    margin: 0;
    line-height: 70px;
    font-size: 1.6rem;
    overflow: hidden;
}

.breadcrumb-intermediate .breadcrumb > li+li::before,
.breadcrumb-intermediate .breadcrumb > .active {
    color: #FFF;
}

.breadcrumb-intermediate .breadcrumb a {
    color: #252525;
}

.breadcrumb-intermediate .breadcrumb a:hover,
.breadcrumb-intermediate .breadcrumb a:focus {
    color: #66BB6A;
    text-decoration: none;
    outline: none;
}

.jerarquia .sidebar-menu .sidebar-submenu .sidebar-menu-item,
table.test-list tr {
    scroll-margin-top: 70px;
}

/* -----------------------------------------
                Evolución
------------------------------------------- */

.row>.alumno-evol,
.row>.alumno-evol2 {
    font-size: 1.5rem;
}

.row>.alumno-evol {
    border: 1px solid #78A430;
    text-align: right;
    background-color: #78A430;
    color: white;
    margin-bottom: 15px;
}

.row>.alumno-evol2 {
    border: 1px solid #E1EACE;
    text-align: center;
    background-color: #E1EACE;
    color: black;
}

.ready_or_not {
    text-align: center;
    font-size: 2em;
    color: white;
    background-color: rgba(112, 146, 31, .9);
    margin-top: 150px;
}

.ready_or_not h1,
.ready_or_not h2,
.ready_or_not h3,
.ready_or_not h4,
.ready_or_not h5,
.ready_or_not h6 {
    font-size: 2em;
}

.ready_or_not > div {
    display: table;
}

.ready_or_not,
.ready_or_not > div {
    min-height: 180px;
}

@media (min-width: 544px) {
    .ready_or_not .ready-icon {
        height: 180px;
    }
}

.ready_or_not .ready-icon i {
    font-size: 4em;
}

.ready_or_not .ready-msg > *:last-child {
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .ready_or_not .ready-msg {
        text-align: center;
    }
}

@media (min-width: 768px) {
    .ready_or_not .ready-msg {
        text-align: left;
        margin-left: 20%;
    }
}

body .layout-content.evolucion_bck {
    background-image: url(../images/pages/background_ready.jpg);
}

.evolucion_bck .stats {
    line-height: 60px;
}