.btn-whatsapp {
display: block;
width: 70px;
height: 70px;
color: red;
position: fixed;
right: 20px;
bottom: 20px;
border-radius: 50%;
line-height: 80px;
text-align: center;
z-index: 999;
}

.btn-whatsapp img {
filter: drop-shadow(0px 0px 5px #222);
}

.modal-content {
-webkit-border-radius: 0.8rem !important;
-moz-border-radius: 0.8rem !important;
border-radius: 0.8rem !important;
}

.b1-link:hover {
color: #6a00f4 !important;
}

.bt-p{
margin:auto;
text-align:center;
}

.bt-mi {
margin: auto;
text-align: center;
color: #e75d04;
}

.btn-sms {
align-items: center;
background-color: #ff6909;
color: #fff;
font-size: 15px;
border: none;
border-radius: 29px;
transition: all 0.3s ease;
padding: 8px 14px 8px 14px;
}

.b1-intranet {
font-size: 60px;
font-weight: 500;
color: white;
margin-bottom: 20px;
line-height: 100%;
padding-right:0px;
}

.b1-left {
width: 608px!important;
}

.show-password {
position: absolute;
right: 3px;
top: 0px;
bottom: 3px;
line-height: 1 !important;
z-index: 4;
color: #6a00f4;
display: flex;
align-items: center;
}

.show-password:hover {
    color: #6a00f4;
}

.cu{
font-size: 30px;
font-weight: 600;
}
.cc {
font-size: 60px;
font-weight: 800;
}

.b49-btn:hover {
cursor: pointer;
}


.b2-item-hour {
height: 200px !important;
}

.doce {
font-size: 11px !important;
font-weight: 600 !important;
color: #454242 !important;
line-height: 16px !important;
padding-top: 5px !important;
}

.b3-average-tag .g0-tag {
font-size: 10px !important;
padding: 8px 4px !important;
}

.b3-bottom-left {
font-size: 11px;
line-height: 10px;
padding: 2px 8px;
}

.profesor {
align-items: center !important;
}
/*.carrera:hover {
background-color: #f2e3f6 !important;
}
.formacion {
cursor: context-menu;
}

*/
.curso1 {
background-color: #dbf2e7;
cursor: context-menu;
}

.curso2 {
background-color: rgba(92,108,239,0.2);
cursor: context-menu;
}

.curso3 {
background-color: #f2e3f6;
cursor: context-menu;
}

.curso4 {
background-color: #ffdfdf;
cursor: context-menu;
}

.curso5 {
background-color: #def1ff;
cursor: context-menu;
}

.curso6 {
background-color: #ffe9d5;
cursor: context-menu;
}

.curso7 {
background-color: #ffffda;
cursor: context-menu;
}

.curso8 {
background-color: #eedefc;
cursor: context-menu;
}

.curso9 {
background-color: #dddcdc;
cursor: context-menu;
}




.b50-item-tipos {
width: 85% !important;
}


.ol-image {
background-color: #e5c7ee;
border-radius: 10px;
text-align: center;
width: 100px !important;
height: 68px !important;
color: white;
font-size: 40px;
border: 0px;
cursor: unset;
}

.ol-emp {
font-weight: 700;
}
.ol-emp:hover {
color: #7d7d7d !important;
    
}

.b50-item:hover {
color: #7d7d7d !important;
}

a:hover {
color: inherit !important;
}

.b50-time, .b50-ubication {
font-size: 11px !important;
padding-right: 60px;
color: #3a0ca3;
}

.b50-time i, .b50-ubication i {
margin-left: -25px;
padding-right: 14px;
}

.b50-item-tipos {
justify-content: flex-start;
padding-left: 40px;
}

.b50-popup-item i {
margin-left: -24px;
padding-right: 13px;
display:unset;
}

.b50-popup-item {
padding-left: 24px;
padding-bottom:20px;
}


.g0-btn:hover, .b50-btn:hover, .b49-btn:hover, .b3-btn-notas:hover, .g6-menu-link:hover {
color: white !important;
}

.g0-btn{
cursor:pointer
}

.form-control {
font-family: 'Nunito',sans-serif !important;
}

.b50-btn {
cursor  :pointer;
}

.b41-title {
font-size: 18px;
font-weight: bold;
color: #30293e;
margin-bottom: 23px;
}

#flip {
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH";
padding-right: 0px !important;
padding-left: 30px !important;
}

.b40-date-share-detail {
text-align: center;
}

.b40-total-bottom {
padding: 27px !important;
}


.bd-placeholder-img {
font-size: 1.125rem;
text-anchor: middle;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.card {
border-radius: 0.85rem;
border: 0px;
background-color: #a963c6;
box-shadow: 0 0px 15px 0 rgb(133 133 135 / 20%) !important;
}
.card:hover {
box-shadow: 0 10px 25px 0 rgb(133 133 135 / 20%) !important;
}

.card-img, .card-img-top, .card-top {
border-top-left-radius: calc(0.85rem - 1px);
border-top-right-radius: calc(0.85rem - 1px);
}
.card-top {
padding: 10px;
height: 125px;
font-weight: 700;
display: flex;
justify-content: center;
align-items: center;
font: 13px !important;
text-align: center;
}

.img-circle {
border-radius: 50% !important;
margin: 0px 4px !important;
}

.card-text{
display:inline-block
}

.card-body {
padding: 0.3rem 0.3rem;
background-color: #fff;
border-bottom-left-radius: calc(0.85rem - 1px);
border-bottom-right-radius: calc(0.85rem - 1px);
}

.icon-videocamera:before {
content: "\f03d";
}

/*detalle*/
.badge {
padding-left: 9px;
padding-right: 9px;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
}

.badge:hover {
color: #F00;
}


#lblDetalle {
font-size: 8px;
color: #F00;
padding: 0 5px;
vertical-align: bottom;
margin-left: -10px;
}
/**/

.col > a:hover {
color: #F00 !important;
}

#gridC {
border: solid 1px #6a00f4;
background-color: #6a00f4;
color: white;
}

#listC {
border: solid 1px #6a00f4;
color: #6a00f4;
font-size: 20px;
background-color: white;
}

#gridC:hover, #gridC:focus, #listC:hover, #listC:focus {
background-color: #6a00f4;
color: white;
}

.c-icon {
width: 300px !important;
}


.b48-text {
width: 500px;
font-size: 16px;
}

.b48-description-top {
height: 100%;
padding: 20px 25px;
}

@media screen and (max-width: 1190px) {
.b48-description-top {
    padding: 20px 25px;
}
}

@media screen and (max-width: 745px) {
.b48-description-top {
    padding-bottom: 20px;
}
}

.b48-block {
margin-bottom: 24px;
}

.b48-right {
width: 290px;
}

.b48-description p {
font-size: 13px;
font-weight: bold;
}

.m1-image {
background-color: #ff924b;
border-radius: 10px;
display: flex;
justify-content: center;
align-items: center;
width: 48px !important;
height: 48px !important;
color: white;
font-size: 40px;
border: 0px;
cursor: unset;
}

.b48-docente-wrap p {
margin-right: 0px; 
}

.tareas-bottom
{
font-size:11px
}

.b43-description {
min-height: 52px;
}

.cursos-content:hover {
  
box-shadow: 0 15px 30px 0 rgba(150,147,147,0.8);
    
}

.t1-image {
background-color: #5c6cef;
border-radius: 10px;
display: flex;
justify-content: center;
align-items: center;
width: 48px !important;
height: 48px !important;
color: white;
font-size: 40px;
border: 0px;
}
.s-tarea {
height: calc(87vh - 131px);
}


.t1-title:hover, .v1-title:hover {
color: #6a00f4;
}

.b43-cnt-btn {
margin-bottom: 36px;
}

.g1-image {
background-color: rgb(12, 163, 89);
border-radius: 10px;
display: flex;
justify-content: center;
align-items: center;
width: 48px !important;
height: 48px !important;
color: white;
font-size: 40px;
border: 0px;
cursor: unset;
}

#chart_wrap {
position: relative;
padding-bottom: 0;
height: 180px;
overflow: visible;
}

#chartA {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 180px;
}

#detalle_wrap {
position: relative;
padding-bottom: 0;
height: 250px;
overflow: scroll;
}

.a-detalle {
width: 50%;
height: 100%;

}

.top-asistencia {
width: 50%;
}

.top-asistencia, .a-detalle {
display: grid;
}

.asis-fecha {
background-color: #1c1b1e;
border-radius: 10px 0 0 0;
justify-content: center;
margin-left: 0px;
}
.fecha-celda {
justify-content: center;
margin-left: 0px;
}

.b40-detalle-item {
display: flex;
}

.celda-detail {
width: 50%;
height: 28px;
}


.d1-image {
background-color: rgb(189, 115, 212);
border-radius: 10px;
display: flex;
justify-content: center;
align-items: center;
width: 48px !important;
height: 48px !important;
color: white;
font-size: 40px;
border: 0px;
}

.s-debate-right {
height: calc(87vh - 131px);
width: 37%
}

.s-debate-left {
height: calc(87vh - 131px);
width: 63%
}


.ma1-image {
background-color: #f9b84b;
border-radius: 10px;
display: flex;
justify-content: center;
align-items: center;
width: 48px !important;
height: 48px !important;
color: white;
font-size: 40px;
border: 0px;
cursor: unset;
}

.l1-image {
background-color: #68c9f3;
border-radius: 10px;
display: flex;
justify-content: center;
align-items: center;
width: 48px !important;
height: 48px !important;
color: white;
font-size: 40px;
border: 0px;
cursor: unset;
}


.g6-menu-profile {
padding-top: 20px;
}

.b3-btn-notas{
cursor:pointer;
}

.g6-log-out {
position: relative;
}

.b48-content, .b47-item {
background-color: #fff;
}

.b43-title {
cursor: context-menu;
}

.b47-item:hover {
background-color: #fff;
}

.alertp-success {
color: #0ca359 !important;
background-color: rgb(210, 238, 225) !important;
border-radius: 10px;
height: 58px;
display: flex;
align-items: center;
justify-content: space-between;
}

.alertp-error {
color: #dd1628;
background-color: #f8d7da !important;
border-radius: 10px;
height: 58px;
display: flex;
align-items: center;
justify-content: space-between;
}

.btn-curriculum {
justify-content: flex-end;
display: grid;
align-self: flex-end;
}

.b42-top {
height: 62px;
overflow: hidden;
margin-bottom: 12px;
}
.b42-right {
width: 100%;
padding: 23px 46px 38px 42px;
}

.onedrive {
width:65%;
}

.img-car {
max-height: calc(100vh - 131px);
max-width: 100%;

}

.row-car {
height: calc(100vh - 131px);
display: flex;
align-items: center;
}

.sin-not {
background-color: #d5c1f6  !important
}

.btn-pagar {
width: 85px;
}

.doc-top {
width: 15%;
}

.b50-image-banner {
    margin-top: 24px;
}

.b40-bill-detail, .b40-document-top {
    margin-left: 14px;
}

@media screen and (max-width: 1000px) {
.b42-right {
    width: 100%;
    padding: 0px;
}

}

.b42-top {
    padding-top: 30px;
}

.b50 img {
    max-width: 98% !important;
}

.modal-pag {
    background: linear-gradient(to right, #6a00f4 0%, #6a00f4 45%, white 45%, white 100%);
    border:0;

}

.no-disp {
    background-color: #dbcfe0 !important;
    color: #84329e !important;
}

.disp {
    background-color: #d2eee1 !important;
    color: #0ca359 !important;
}

.et-horario {
    background-color: white !important;
    color: #6a00f4 !important;
    padding: 5px;
    font-size: 10px;
}

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

#modalExp {
    z-index: 9999;
    background-color: rgba(50, 11, 66, 0.65);
}

.b39 {
    padding: 44px 23px;
}

.b-notif {
    border-radius: 8px;
    margin: 15px;
    margin-left: 20px;
    padding: 0px 15px 2px 15px;
}
.b-notif:hover {
    -webkit-box-shadow: 0 10px 25px 0 rgba(133,133,135,0.2);
    box-shadow: 0 10px 25px 0 rgba(133,133,135,0.2)
}

.b3-notas-detail-row:last-child {
    border-radius: 0;
}

@media screen and (max-width: 480px) {
    .b3-period-mobil {
        padding-bottom: 20px;
    }
}

@media (max-width: 991.98px) {

    .modal-fullscreen-down-lg {
        height: auto;
        margin: auto;
    }
}

@media screen and (max-width:767px) {
    .modal-pag {
        background: linear-gradient(to bottom, #6a00f4 0%, #6a00f4 50%, white 50%, white 100%);
        border: 0;
    }

}


@media screen and (max-width: 1190px){
.b50-izq {
padding-left: 30px;
height: calc(100vh - 132px);
}
}
@media screen and (min-width: 750px) {
.alert-p {
    position: fixed;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    z-index: 1100;
    top: 0;
    right: 0;
    margin: 10px;
}
    
}

@media screen and (max-width: 750px){
.profesor {
    float:right;
}
.alert-p {
    position: fixed;
    z-index: 1100;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0px;
}
.onedrive {
    width: 95%;
}
}

@media screen and (max-width: 1000px) {
.s-debate-right {
        height: auto;
        width: 100%
    }

    .s-debate-left {
        height: auto;
        width: 100%
    }

    .s-tarea {
        height: auto;
    }



    .top-asistencia, .a-detalle {
        display: grid;
        width: 100%;
    }

    .celda-detail {
        width: 100%;
    }

    .a-detalle {
        width: 100%;
    }

    .chart-a {
        display: none;
    }
        
}


@media screen and (max-width: 1000px) {
    .img-cursos {
        display: block !important;
    }

    .bl-btn {
        margin-bottom: -14px;
    }

    #detalle_wrap {
        height: 100%;
    }
}

@media (min-width: 768px) {
    .bd-placeholder-img-lg {
        font-size: 3.5rem;
    }
}


@media screen and (max-width: 1190px) {
    .b40-titleE {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 1190px) {
    .b41-content {
        padding: 30px !important;
    }
}

@media screen and (max-width: 480px) {
    #flip {
        padding-right: 10px !important;
        padding-left: 16px !important;
    }
}

@media screen and (min-width: 746px) {
    .b50-item-name {
        width: 16%;
        padding-right: 20px;
    }
}

@media screen and (max-width: 745px) {
    .b50-item-tipos {
        padding-left: 50px;
    }

    .b50-time i, .b50-ubication i {
        margin-left: -25px;
        padding-right: 14px;
    }

    .b50-time, .b50-ubication {
        padding-right: 0px !important;
    }
}



@media screen and (max-width: 1000px) {
    .doce {
        font-size: 14px !important;
        font-weight: 600 !important;
        color: #454242 !important;
        line-height: 16px !important;
        padding-top: 0px !important;
    }
}



@media (max-width: 600px) {
    .cu {
        font-size: 20px;
    }

    .cc {
        font-size: 40px;
    }
}