/* CSS Speciale pour themes eCongres*/


.container-zone-principale {
    margin-top: 0;
    padding-bottom: 50px;
    margin-bottom: 100px;
    min-height: 800px;
    /*
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
     */
    box-shadow: none;
    opacity: 1;
}

h1.congress-baseline {
    margin-top: -90px;
    color: #ffffff;
    text-align: center;
    font-size: 3em;
}

#zone-principale {
    margin-top: 25px !important;
}

/*Carousel video*/
.media-carousel .slick-track {
    margin-left: 0;
}

.media-carousel .slick-slide {
    margin-right: 30px;
}

.media-carousel .slick-slide img {
    max-height: 140px;
    z-index: 100;
    border: 1px solid #e1e1e1;
}

.media-carousel .slick-slide badge {
    position: absolute;
    font-size: 1.1em;
    margin: 5px;

}

.media-carousel .slick-slide img:hover {
    box-shadow: 0 0.3rem 1rem 0.1rem rgba(0, 0, 0, .25)
}

.media-carousel .media-title {
    font-family: 'Open Sans', 'Roboto', 'Sans-Serif';
    font-size: 1.2em;
    font-weight: 500;
    color: #000000;
    /*
    background-color:#e1e1e1;
    opacity:0.8;
    padding:5px;
    margin:5px;
    position:relative;
    top:-60px;
    overflow:hidden;
     */
    height: 50px;
    text-overflow: ellipsis;
    z-index: 1000;
    background-color: #ffffff;
    padding: 5px;
    vertical-align: middle;
}

.media-carousel .media-title span {
    color: #aaaaaa;
    font-size: 0.8em;
}

h2.media-carousel-title {
    font-family: 'Open Sans', 'Roboto', 'Sans-Serif';
    font-size: 1.7em;
    font-weight: bold;
    color: #000000;
}

.program-carousel .slick-prev, .slick-next {
    z-index: 999;
}


.program-carousel .slick-prev:before, .program-carousel .slick-next:before {
    font-size: 100px;
    z-index: 999;
}

#programmeMyAgendaBtn:visited {
    color:white;
}

@media screen and (min-width: 1550px) {
    .program-carousel .slick-prev {
        left: 0;
        top: 0;
    }

    .program-carousel .slick-next {
        right: 10px;
        top: 0;
    }
}

@media screen and (min-width: 800px) and (max-width: 1550px) {
    .program-carousel .slick-prev {
        top: 0;
        left: 10px;
    }

    .program-carousel .slick-next {
        top: 0;
        right: 10px;
    }
}

@media screen and (max-width: 800px) {
    .program-carousel .slick-prev {
        top: 0;
        left: -10px;
    }

    .program-carousel .slick-next {
        top: 0;
        right: 10px;
    }
}


@media screen and (max-width: 529px) {
    #div-select-timezone-prog-list {
        margin: auto;
    }

    #programmeAdvSearchBtn,
    #programmeSearchBtn {
        width: 100%;
        margin-right: 0;
        margin-top: 3px;
    }

    #programmeMyAgendaBtn {
        width: 100%;
    }

    .program-carousel .slick-prev {
        top: 0;
    }

    .program-carousel .slick-next {
        top: 0;
        right: 10px;
    }
}

@media screen and (max-width: 415px) {
    .program-carousel .slick-prev:before,
    .program-carousel .slick-next:before {
        color: white;
    }
}

/*Liste medias*/
.categorie.masonry.tags .blocreplay {
    min-height: 30px !important;
    height: 30px !important;
    background-color: black !important;
    border: 0 !important;
    border-radius: 2px !important;
}

.categorie.masonry.tags .blocreplay:hover {
    box-shadow: 0 0.3rem 1rem 0.1rem rgba(0, 0, 0, .25)
}

.categorie.masonry.tags .blocreplay a span {
    color: white !important;
    font-weight: 400;
    font-family: 'Open Sans', 'Roboto', 'Sans-Serif';
}


/*Programme live*/
.live-programme p {
    font-family: 'Open Sans', 'Roboto', 'Sans-Serif';
    font-size: 1.2em;
    font-weight: 500;
    color: #000000;
}

.live-programme p span {
    color: #aaaaaa;
    font-size: 0.8em;
}

.card-header-time {
    font-size: 1.2em;
    padding-top: 3px;
    padding-bottom: 3px;
}

.live-program-session-card-top-banner-row {
    border-width: .2em !important;
}

.card-body-session-faculty_label-type a {
    font-size: 1.2em;
}

.card-body-intervention-faculty a {
    font-family: 'Open Sans', 'Roboto', 'Sans-Serif';
    font-size: 1.2em;
    font-weight: 500;
}


/*Booths 2D*/
.booth-2d .btn {
    border-radius: 0;
}


.booth-2d .btn-meeting {
    background-color: #db0305;
    border-color: #db0305;
    font-size: 1.3em;
    font-weight: bold;
    color: white;
}


.booth-2d-media-cadre {
    background-color: #DAD8D7;
}

.booth-2d-vertical-bar {
    border-left: 1px solid #0b3e6f;
}

.booth-2d-media-card {
    background-color: white;
    box-shadow: 0 0.3rem 1rem 0.1rem rgba(0, 0, 0, .25);
}

.booth-2d-card-text-right {
    display: block;
    text-align: right;
}

.text-left {
    display: block;
    text-align: left;
}

.text-center {
    display: block;
    text-align: center;
}

.slick-prev:before, .slick-next:before {
    opacity: .90;
}

.booth-2d-thumbnail i {
    top: 30%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
}

/* Page Mes Emission en direct */
#pageMesEmissionsEnDirect .card-header {
    background-color: #999999;
    color: #ffffff;
}

#pageMesEmissionsEnDirect .card-header h4, #pageMesEmissionsEnDirect .card-header h4 a {
    color: #ffffff;
}

#pageMesEmissionsEnDirect a:hover {
    text-decoration: none;
}

/* Cesure des noms de fichiers dans booths*/
.modal-body .card-title, .booth-2d-media-cadre .card-title {
    word-wrap: break-word;
}

.live-programme .live-program-session-header-title p {
    font-size: 0.9rem;
}

.btn-select-networking {
    width: 100% !important;
    color: #6c757d !important;
    background-color: white !important;
}

/* for md */
.custom-switch-md {
    min-height: 30px;
}

.custom-switch.custom-switch-md .custom-control-label {
    padding-left: 20px;
    padding-top: 5px;
}

.custom-switch.custom-switch-md .custom-control-label::before {
    height: 1.5rem;
    width: calc(2rem + 0.75rem);
    border-radius: 3rem;
}

.custom-switch.custom-switch-md .custom-control-label::after {
    width: calc(1.5rem - 4px);
    height: calc(1.5rem - 4px);
    border-radius: calc(2rem - (1.5rem / 2));
}

.custom-switch.custom-switch-md .custom-control-input:checked ~ .custom-control-label::after {
    transform: translateX(calc(1.5rem - 0.25rem));
}

#networking-border-top, #exhibitor-list-border-top {
    border-top: 0 solid #dee2e6 !important;
}

#networking-quick-search, #networking-advanced-search, #exhibitor-list-quick-search {
    margin: 0;
}

#networking-label-is-online {
    padding-top: 5px;
}

#advanced-search-button, #advanced-reset-button {
    width: 100%;
}

.networking-button-user {
    min-width: 180px !important;
}

#label-select-timezone-prog-list {
    padding-right: unset;
}

#div-timezone-prog-list {
    padding-left: unset;
}

#select-timezone-prog-list {
    margin: unset;
    height: unset;
}

#navbar-brand-img {
    max-height: 50px;
}