/**  Login */

.d-autenticacio {
    /* display: flex;
    flex-wrap: wrap;
    position: absolute;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #FFFFFF;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; */
}

.d-autenticacio table td {
    padding: 0.75rem;
}

.d-login {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /*background-color: rgba(255, 255, 255, 0.8); */
    /* style="opacity: 0.8;" */
}

.login-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.d-credits {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
}

.login-logo {
    max-width: 100%;
}

.login-logo>img {
    max-width: 100%;
}

.login-boday {
    min-width: 75%;
    max-width: 98%;
    margin-top: 10px;
    border: 3px solid #EED000;
    border-radius: 22px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px;
}

.login-input {
    display: flex;
    flex-direction: column;
    padding: 15px;
}

.login-footer {
    padding: 30px;
    width: 400px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.login-footer>div {
    margin: 15px;
    text-align: center;
}

.error_missatge_login {
    display: flex;
    justify-content: center;
    align-items: center;
}

.login-titol {
    padding-top: 10px;
    font-size: 1.5rem;
    font-weight: 900;
    color: #a24b66;
}

.login-formulari {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-weight: 700;
}

.login-input input {
    min-width: 250px;
    padding-bottom: 5px;
    padding-left: 15px;
    border-radius: 22px;
    border: 1px solid rgba(158, 206, 231, 0.45);
}

.login-formulari .login-usrer,
.login-formulari .login-password {
    height: 33px;
    margin-right: 10px;
    min-width: 150px;
    font-size: 18px;
    color: #000000;
}


/** fin  Login */

/* a {
    cursor: pointer;
    text-decoration: none;
    color: #d38b08;
} */

a:hover {
    text-decoration: none;
    color: #1b1b1b;
}

p {
    /* padding-right: 8px;
    color: grey; */
}

.form-control {
    padding: 2px 5px;
    font-size: 1em;
    height: 2.3em;
}

.form-control-sm {
    padding: 1px 3px;
    font-size: 0.75em;
    height: 1.7em;
}

.mb {
    margin-bottom: 10px;
}

.content-btn {
    display: flex;
    justify-content: space-around;
    flex-direction: column;
}

.btn-online {
    display: flex;
    flex-direction: column;
    padding: 10px;
    background-color: #a24b66;
    border-radius: 20px;
    margin: 15px;
    align-items: center;
    justify-content: center;
    color: #FFF;
    font-weight: 700;
    font-size: 1.5em;
    flex: 10;
}

.btn-online:hover {
    background-color: #EED000;
}

.btn-online>a {
    display: flex;
    flex-direction: column;
    padding: 5px;
    align-items: center;
    justify-content: center;
    color: #FFF;
    font-weight: 700;
}

.btn-online:hover>a {
    color: #000;
}

.btn-online i {
    color: #EED000;
    font-weight: 900px;
    font-size: 1.5em;
    margin-bottom: 15px;
}

.btn-online:hover i {
    color: #a24b66;
}

.session {
    padding: 10px;
}

.session-body {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.session .capcaleraSessio {
    display: flex;
    color: rgb(211, 139, 8);
    padding: 3px;
    font-weight: bold;
    flex-wrap: wrap;
    flex-direction: column;
}

.session .presentacio {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /*margin-left: 100px;*/
    margin-bottom: 10px;
}

.session .titolSessio {
    color: rgb(211, 139, 8);
    flex: 90;
}

.session .tipusQuotes {
    font-size: 2rem;
    color: rgb(211, 139, 8);
}

.session .tipusSessio {
    font-size: 1.5rem;
    color: rgb(211, 139, 8);
}

.session .diaSessio {
    font-size: 1.0rem;
    color: rgb(211, 139, 8);
}

.session .horaSessio {
    flex: 10;
    color: rgb(211, 139, 8);
}

.session .salaSessio {
    color: rgb(211, 139, 8);
}

.session .moderador {
    flex: 100%;
    color: #000;
    font-weight: normal;
}

.session .ordrePresentacio {
    white-space: nowrap;
    margin-right: 10px;
    color: rgb(0, 93, 48);
    font-weight: bold;
}

.session .titolPresentacio {
    font-weight: normal !important;
    color: rgb(162, 75, 102);
}

.btn-session {
    background-color: transparent;
    font-size: 0.9em;
    text-transform: uppercase;
    color: #D38B08;
    border: 2px solid #d38b08;
    border-radius: 22px;
    /* display: flex; */
    justify-content: flex-end;
    align-items: center;
    padding: 1px 15px;
    font-weight: normal;
}

.btn-session:hover {
    background-color: #d38b08;
    color: #FFF;
    border-color: #d38b08;
    box-shadow: 0 0 0 0.1rem #d38b08;
}

.webinar-header {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 15px;
    flex-wrap: wrap-reverse;
}

.webinar .session {
    border: 2px solid #EED000;
    border-radius: 30px;
    padding: 15px;
    margin-top: 15px;
}

.webinar .navs-diasessio {
    display: none;
}

.webinar .diasessio-menu {
    display: block;
}

.webinar .diaSessio {
    margin-top: 15px;
    font-size: 1.3rem;
    font-weight: 900;
    color: rgb(162, 75, 102);
}

.webinar .tab-content .diaSessio::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f077";
    padding-left: 15px;
}

.webinar .tab-content .diaSessio.collapsed::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f078";
}

.webinar .titolSessio {
    font-size: 1.2rem;
    font-weight: 900;
    color: #000 !important;
}

.btn-video.active {
    background-color: #d38b08;
    padding: 10px;
    border-radius: 50%;
    color: #FFF;
    font-size: 1.5rem;
}

.btn-video.active:hover {
    background-color: #FFF;
    color: #000;
    box-shadow: inset 0px 0px 1px #d38b08;
}

.btn-video.noActive {
    background-color: #d38b08;
    opacity: .5;
    padding: 10px;
    border-radius: 50%;
    color: #E0E0E0;
    font-size: 1.5rem;
}

.titolTipusSponsor {
    font-weight: 700 !important;
    font-size: 1.2em;
    color: rgb(162, 75, 102);
    margin-top: 15px;
    margin-bottom: 15px;
}

.sponsor-container {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.sponsor {
    padding: 15px;
}

.titolSponsor {
    font-weight: normal !important;
    color: #000;
    display: none;
}

@media (min-width: 992px) {
    /**  Login */
    .d-autenticacio {
        /* display: flex;
        flex-direction: row;
        position: fixed; */
    }
    .login-titol {
        font-size: 2rem;
    }
    .d-login {
        /* display: flex;
        flex: 30;
        padding-bottom: 230px; */
    }
    .login-input {
        flex-direction: row;
    }
    .d-credits {
        /* display: flex;
        flex: 70; */
    }
    .content-btn {
        flex-direction: row;
    }
    .btn-online {
        padding: 30px;
    }
    .btn-online>a {
        padding: 30px;
    }
    .btn-online i {
        font-size: 4em;
    }
    .session-body {
        flex-direction: row;
    }
    .session .presentacio {
        flex-direction: row;
    }
    .webinar .navs-diasessio {
        display: block;
    }
    .webinar .diasessio-menu {
        display: none;
    }
    .session .capcaleraSessio {
        flex-direction: row;
    }
}