.title-navbar {
    background: linear-gradient(to right, #d6dbde, #ededed, #cdd6db);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
}

.title-navbar > nav > ol.breadcrumb {
    margin: auto;
}

.box {
    padding: 40px 0px;
}

a {
    text-decoration: none !important;
}

.box-body {
    color: gray;
    padding: 30px 0px;
    filter: grayscale(100%);
}

.box-body:hover {
    /* -webkit-box-shadow: 1px 1px 3px 0px #757575; */
    /* border-radius: 10px; */
    filter: grayscale(0%);
    opacity: 0.8;
    -webkit-box-shadow: 2px 7px 10px -4px rgba(150, 150, 150, 1);
    -moz-box-shadow: 2px 7px 10px -4px rgba(150, 150, 150, 1);
    box-shadow: 2px 7px 10px -4px rgba(150, 150, 150, 1);
}

.img-color {
    background-image: gray;
}

/* alumno */

.profile-card {
    margin: 10px;
    padding: 15px 10px;
    background-color: #fafafa !important;
}

.profile-card .btn {
    border-radius: 30px;
    text-transform: uppercase;
    padding: 5px 10px;
    font-size: 10px;
    margin: 5px 5px;
}

.profile-title {
    padding-left: 3px;
}

.profile-card .profile-img {
    padding-right: 0px;
    height: 80px;
    overflow: hidden;

}

.profile-card .row {
    padding-top: 10px;
}

.profile-body {
    height: 120px;
}

.profile-footer {
    padding: 0px 10px;
}

.profile-body table tr th {
    width: 40%;
}

.title-navbar {
    background: linear-gradient(to right, #d6dbde, #ededed, #cdd6db);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
}

.accesos-body {
    padding: 10px 10px;
}

@media only screen and (min-width: 891px) {
    .profile-body-table tr th,
    .profile-body-table tr td {
        font-size: 12px !important;
    }

    .profile-card .profile-img,
    .profile-card .profile-title {
        height: 80px !important;
    }
}

/* Para 960px */
@media only screen and (max-width: 980px) and (min-width: 821px) {
    .profile-body-table tr th,
    .profile-body-table tr td {
        font-size: 10px !important;
    }

    .profile-card .profile-img {
        height: 60px !important;

    }

    .profile-title b span {
        font-size: 10px !important;
    }

    .profile-card .profile-img,
    .profile-card .profile-title {
        height: 90px !important;
    }

    .profile-body {
        height: 80px !important;
    }
}

/* Para 800px */
@media only screen and (max-width: 820px) and (min-width: 621px) {
    .profile-body-table tr th,
    .profile-body-table tr td {
        font-size: 10px !important;
    }

    .profile-title b span {
        font-size: 12px !important;
    }

    .profile-body {
        height: 80px !important;
    }
}

/* Para 600px */
@media only screen and (max-width: 620px) and (min-width: 501px) {
    .profile-body-table tr th,
    .profile-body-table tr td {
        font-size: 12px !important;
    }

    .profile-title table tr td {
        font-size: 12px !important;
    }

    .profile-title b span {
        font-size: 13px !important;
    }

    .profile-body {
        height: 80px !important;
    }

    .profile-card .profile-img {
        height: 100px !important;
    }

    .profile-card {
        padding: 10px !important;
    }
}

@media only screen and (max-width: 500px) and (min-width: 341px) {
    .profile-title table tr td {
        font-size: 12px !important;
    }

    .profile-title b span {
        font-size: 12px !important;
    }

    .profile-body-table tr th,
    .profile-body-table tr td {
        font-size: 12px !important;
    }

    .profile-body {
        height: 100px;
    }

    .profile-card .profile-img {
        height: 100px;
    }
}

@media only screen and (max-width: 340px) and (min-width: 5px) {
    .profile-body-table tr th,
    .profile-body-table tr td {
        font-size: 10px !important;
    }
}

/*ADD MiguelCabrera1001   ocultar el footer en las vistar del portal de usuarios  */
/*footer#bottom {*/
/*display: none;*/
/*}*/