html,
body {
    height: 100%;
}

.wrapper {
    position: relative;
    background-size: cover;
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.wrapper.home {
    background-image: url("https://aoscongres.sirv.com/fipf/home4_back.jpg?v=20210707");
    background-position-x: 50%;
    background-position-y: 50%;
}

.wrapper.home.lang_fr {
    background-image: url("https://aoscongres.sirv.com/fipf/home4_back.jpg?v=20210707");
    background-position-x: 50%;
    background-position-y: 50%;
}

.wrapper.home.lang_en {
    background-image: url("https://aoscongres.sirv.com/fipf/home4_back.jpg?v=20210707");
    background-position-x: 50%;
    background-position-y: 50%;
}

@media (min-aspect-ratio: 9/4) {
    .wrapper.home,
    .wrapper.home.lang_fr,
    .wrapper.home.lang_en {
        background-position-y: 50%;
    }
}

.wrapper.live,
.wrapper.replay {
    background-image: url("https://aoscongres.sirv.com/fipf/live_back.jpg?v=20210625");
    background-position-x: 50%;
    background-position-y: 50%;
}

.wrapper.eposter {
    background-image: url("https://aoscongres.sirv.com/fipf/eposters_back.jpg");
    background-position-x: 49.5%;
    background-position-y: 0%;
    overflow: scroll;
}

.wrapper.expo {
    /*	background-image: url("https://aoscongres.sirv.com/stands_back.jpg");
	background-repeat: repeat-x;*/
    background: #d1beb4;
    overflow: scroll;
}

.wrapper.expo.associations {
    /*	background-image: url("https://aoscongres.sirv.com/stands_back.jpg");
	background-repeat: repeat-x;*/
    background: #dadada;
    overflow: scroll;
}

.wrapper.reseau {
    background: #03423D;
    overflow: scroll;
}

.wrapper.stand {
    background: #cbcfd4;
    overflow: scroll;
}

.wrapper.hall {
    /*	background-image: url("https://aoscongres.sirv.com/stands_back.jpg");
	background-repeat: repeat-x;*/
    background: #aba7a4;
    overflow: scroll;
}

.wrapper.workshop {
    background-image: url("https://aoscongres.sirv.com/fipf/atelier_back.jpg?v=20210702");
    background-position-x: 50%;
    overflow: scroll;
}

.wrapper.coffeeroom {
    background-image: url("https://aoscongres.sirv.com/fipf/detente_back.jpg");
    background-position-x: 50%;
    overflow: scroll;
}

.wrapper.pitchparty {
    background-image: url("https://aoscongres.sirv.com/fipf/pitch_back.jpg");
    background-position-x: 50%;
    overflow: scroll;
}

.wrapper.workshop .content {
    /*height: 100%;*/
    width: calc(100% - 680px);
    position: relative;
    margin: 0px auto;
    padding: 20px 0 100px;
}

.wrapper.coffeeroom .content,
.wrapper.pitchparty .content {
    height: 100%;
    width: calc(100% - 15px);
    position: relative;
    margin: 0px auto;
}

.wrapper.live .content {
    height: 100%;
    width: calc(100% - 680px);
    position: relative;
    margin: 0px auto;
}


/*
.wrapper.live .content .bg {
	background: #000;
	width: 100%;
	height: calc(100% - 102px);
	position: absolute;
	opacity: 0.8;
	top: 20px;
}
*/

.wrapper.live .content .bg {
    background: #1a2e3b;
    width: 100%;
    height: calc(100% - 102px);
    position: absolute;
    top: 20px;
}

.container.replay {
    height: 100vh;
    padding: 0px;
    position: relative;
}

.container.replay .bg {
    width: 100%;
    height: 100%;
    background: #2C3845;
    opacity: 0.95;
}

.video_wrapper {
    height: 100%;
    overflow: scroll;
    position: relative;
    padding: 0px 4rem;
}

#details {
    color: #fff;
    position: relative;
    padding: 1rem 0 80px;
}

#details span.horaire {
    background: #fff;
    padding: 2px 6px;
    color: #1572b9;
    margin-right: 10px;
    font-size: 0.8rem;
    font-weight: 700;
    border-radius: 3px;
    vertical-align: text-bottom;
}

#details h2 {
    color: #fff;
}

#details h3 {
    margin-top: 1rem;
    color: #fff;
}

#details .chairmen {
    color: #fff!important;
}

#details span.reference {
    color: #fff!important;
    border: none;
    margin: 0px 20px 0px 0px;
}

#details ul li {
    margin: 0.6rem 0;
}

#details .timeline .schedule {
    display: none;
}

#go2next {
    position: absolute;
    font-size: 1.4rem;
    top: 0;
    right: -3rem;
    line-height: calc(50vh + 4rem);
    height: 100%;
    border-radius: 0;
    background: none;
    border-color: transparent;
    border-left-color: #57afcd;
    color: #57afcd;
}

.bg-light{
    background-color: #293b3b !important;
}

#go2prev {
    position: absolute;
    font-size: 1.4rem;
    top: 0;
    left: -3rem;
    line-height: calc(50vh + 4rem);
    height: 100%;
    border-radius: 0;
    background: none;
    border-color: transparent;
    border-right-color: #57afcd;
    color: #57afcd;
}

#go2next:hover,
#go2prev:hover {
    background: #57afcd;
    color: #fff;
}

.container.replay .content {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%!important;
    padding: 50px 50px 100px;
    overflow: scroll;
    /*color: #fff;*/
}

.container.replay .content h2,
.container.replay .content h3 {
    color: #fff!important;
    margin-top: 3rem;
}

.container.replay .accordion {
    display: none;
}

.container.replay .card {
    background: none;
    border-color: #fff;
}

.container.replay .content.video {
    padding: 50px 0px 100px;
}

.container.replay .row>div {
    margin-top: 15px;
    margin-bottom: 15px;
}

.container.replay h1 {
    font-weight: 200;
    font-size: 3.3rem;
    margin: 0;
}

.container.replay h1 button {
    padding: .75rem 1.25rem;
    font-size: 1.8rem;
    font-weight: 200;
}

.container.replay h1 button .fa-caret:before {
    content: "\f0d7";
    margin-right: 1rem;
    width: 10px;
}

.container.replay h1 button.collapsed .fa-caret:before {
    content: "\f0da";
}

.container.replay .card-header {
    padding: 0;
}

.container.replay .plans h1,
.container.replay .basket h1 {
    margin-top: 1rem;
}

.replay .thumbnail {
    position: relative;
}

.replay .thumbnail img {
    width: 100%;
    height: auto;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
}

.replay .thumbnail div {
    position: absolute;
    top: -3.6vh;
    left: 0;
    color: #fff;
    font-size: 1.0rem;
    font-weight: 800;
    padding: 3vh;
}

.replay .thumbnail div strong {
    font-size: 1.0rem;
    font-weight: 800;
}

.replay .thumbnail div span {
    font-size: 0.9rem;
    font-weight: 400;
}

.thumb_wrapper {
    position: relative;
}

.thumb_wrapper .action {
    background: #fff;
    padding: 0px;
    color: #2d86a3;
    font-size: 1rem;
    text-align: right;
}

.action .price,
.action .clock {
    color: #2d86a3;
    font-size: 1rem;
    font-weight: 200;
    line-height: 1.5;
    padding: .375rem .750rem;
    border: 1px solid #2d86a3;
    vertical-align: middle;
    display: inline-block;
    border-radius: .25rem 0 0 .25rem;
}

.action .clock span {
    font-size: 0.85em;
}

.action .btn {
    border-radius: 0 .25rem .25rem 0;
}

.action .btn:first-child {
    border-radius: .25rem;
}

.thumb_wrapper .action .btn {
    width: 100%;
    border-radius: 0 0 .25rem .25rem;
}

.right {
    float: right;
}

.right .btn {
    margin-left: .25rem;
}

h1 .action .price {
    color: #fff;
}

.plans .btn i,
.thumb_wrapper .action i {
    margin-right: 13px;
}

#kakemono_left {
    width: 320px;
    height: calc(100% - 102px);
    position: absolute;
    padding: 0;
    top: 20px;
    left: 0px;
    background: #fff;
    /*url("/template/images/kakemono-partenaires-l.jpg") no-repeat;*/
    background-size: contain;
    background-position-x: 100%;
    opacity: 1;
    text-align: center;
    transition-property: left;
    transition-duration: 0.75s;
    display: flex;
    align-items: center;
    justify-content: center;
}

#kakemono_right {
    width: 320px;
    height: calc(100% - 102px);
    position: absolute;
    padding: 0;
    top: 20px;
    right: 0px;
    background: #fff;
    /*url("/template/images/kakemono-partenaires-r.jpg") no-repeat;*/
    background-size: contain;
    background-position-x: 0%;
    opacity: 1;
    text-align: center;
    transition-property: right;
    transition-duration: 0.75s;
    display: flex;
    align-items: center;
    justify-content: center;
}

#kakemono_right.tchat {
    line-height: initial;
}

#kakemono_left img,
#kakemono_right img {
    max-width: 100%;
    max-height: calc(100% - 140px);
}

#questions {
    text-align: left;
    overflow: scroll;
    height: 100%;
    scroll-behavior: smooth;
}

#questions p {
    font-size: 0.9em;
    transition-duration: 0.75s;
}

#questions p .u {
    font-weight: 700;
    font-size: 0.85em;
    color: #b41d1e;
}

#questions p .um {
    font-weight: 700;
    font-size: 0.85em;
}

#questions p .d {
    font-weight: 100;
    font-size: 0.85em;
    color: #b41d1e;
}

#questions p .dm {
    font-weight: 100;
    font-size: 0.85em;
}

#questions p .p {
    font-weight: 700;
    font-size: 0.85em;
}

#twitter-wrapper {
    margin-top: 120px;
    height: calc(100% - 140px);
    overflow: scroll;
}

@media (max-width: 1599px) {
    .wrapper.workshop .content {
        width: calc(100% - 500px);
    }
    .wrapper.coffeeroom .content {
        width: calc(100% - 15px);
    }
    .wrapper.live .content {
        width: calc(100% - 500px);
    }
    #kakemono_left {
        /*left: -80px;*/
        width: 240px;
    }
    #kakemono_right {
        /*right: -80px;*/
        width: 240px;
    }
    #kakemono_left:hover {
        left: 0px;
    }
    #kakemono_right:hover {
        right: 0px;
    }
    /*
	#kakemono_left img {
		float: right;
	}
	#kakemono_right img {
		float: left;
	}
	
	#kakemono_left img, 
	#kakemono_right img {
		width: 200px;
	}
	*/
}

@media (max-width: 1279px) {
    .wrapper.workshop .content {
        width: calc(100% - 400px);
    }
    .wrapper.coffeeroom .content {
        width: calc(100% - 15px);
    }
    .wrapper.live .content {
        width: calc(100% - 400px);
    }
    #kakemono_left {
        /*left: -130px;*/
        width: 190px;
    }
    #kakemono_right {
        /*right: -130px;*/
        width: 190px;
    }
    #kakemono_left:hover {
        left: 0px;
    }
    #kakemono_right:hover {
        right: 0px;
    }
    /*
	#kakemono_left img, 
	#kakemono_right img {
		width: 160px;
	}
	*/
}

@media (max-width: 1024px) {
    .wrapper.workshop .content {
        width: calc(100% - 300px);
    }
    .wrapper.coffeeroom .content {
        width: calc(100% - 15px);
    }
    .wrapper.live .content {
        width: calc(100% - 300px);
    }
    #kakemono_left {
        /*left: -180px;*/
        width: 140px;
    }
    #kakemono_right {
        /*right: -180px;*/
        width: 140px;
    }
    #kakemono_left:hover {
        left: 0px;
    }
    #kakemono_right:hover {
        right: 0px;
    }
    /*
	#kakemono_left img, 
	#kakemono_right img {
		width: 100px;
	}
	*/
}

@media (max-width: 768px) {
    .wrapper.workshop .content {
        width: calc(100% - 100px);
    }
    .wrapper.coffeeroom .content {
        width: calc(100% - 15px);
    }
    .wrapper.live .content {
        width: calc(100% - 100px);
    }
    #kakemono_left {
        /*left: -280px;*/
        width: 40px;
    }
    #kakemono_right {
        /*right: -280px;*/
        width: 40px;
    }
    #kakemono_left:hover {
        left: 0px;
    }
    #kakemono_right:hover {
        right: 0px;
    }
    /*
	#kakemono_left img, 
	#kakemono_right img {
		width: 80px;
	}
	*/
}

.l-shipper,
.r-shipper {
    position: fixed;
    display: none;
    width: 340px;
    color: #fff;
    font-size: 1.0em;
    text-transform: uppercase;
    font-weight: 100;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
}

.l-shipper {
    left: -100px;
}

.r-shipper {
    right: -100px;
}

.floor-1 {
    top: 20px;
}

.floor-2 {
    top: 110px;
}

.floor-3 {
    top: 200px;
}

.floor-4 {
    top: 290px;
}

.floor-5 {
    top: 380px;
}

.floor-6 {
    top: 470px;
}

.floor-7 {
    top: 560px;
}

.floor-8 {
    top: 650px;
}

.red-thunderbird {
    background-color: #D91E18!important;
}

.green-jungle {
    background-color: #26C281!important;
}

.blue {
    background-color: #3598DC!important;
}

.yellow-gold {
    background-color: #E87E04!important;
}

.purple {
    background-color: #8E44AD!important;
}

.grey-salsa {
    background-color: #ACB5C3!important;
}

.fuchsia {
    background-color: #AA0055!important;
}

.beige {
    background-color: #e7e6b2!important;
}

.yellow-lemon {
    background-color: #F7CA18!important;
}

.brown {
    background-color: #7F3B1E!important;
}

.l-shipper div {
    padding: 20px 20px 20px 0px;
    text-align: right;
}

.r-shipper div {
    padding: 20px 0px 20px 20px;
    text-align: left;
}

.l-shipper:hover,
.r-shipper:hover {
    text-decoration: none;
    color: #fff;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
}

.l-shipper div span,
.r-shipper div span {
    /*transform: rotate(90deg);*/
    position: absolute;
    display: block;
    font-size: 0.8em;
    vertical-align: middle;
    /* margin-top: -5px; */
    /* margin-left: 5px; */
    background: #fff;
    color: #2a3183;
    font-weight: 700;
    padding: 0 10px;
    top: -8px;
}

.r-shipper div span {
    left: 20px;
}

.l-shipper div span {
    right: 20px;
}

.l-shipper div .fas,
.r-shipper div .fas {
    transition-property: margin;
    transition-duration: 0.75s;
}

.l-shipper div .fas {
    margin-right: 20px;
}

.l-shipper:hover div .fas {
    margin-right: 40px;
}

.r-shipper div .fas {
    margin-left: 20px;
}

.r-shipper:hover div .fas {
    margin-left: 40px;
}

@media screen and (min-width: 769px) {
    .l-shipper div br,
    .r-shipper div br {
        display: none;
    }
}

.container.live {
    height: 100%;
}

.container.workshop {
    padding-top: 20px;
    height: 100%;
}

.container.coffeeroom {
    height: 100%;
    max-width: 100%!important;
}

.container.eposter,
.container.workshops {
    padding: 0px 0 100px 0;
    position: relative;
}

.container.eposter.with_chat {
    margin-right: 480px;
}

#eposter-chat {
    background: #fff;
    width: 480px;
    height: 100vh;
    position: fixed;
    top: 0;
    right: -480px;
    /*	border-left: 2px solid #0072b9;*/
    box-shadow: 3px 0px 20px rgb(0 0 0 / 40%);
    transition: all 1s;
}

#eposter-chat.active {
    right: 0px;
}

#dismiss-chat {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: #fff;
    /*	color:#0072b9;*/
    position: absolute;
    top: 10px;
    left: 10px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

#dismiss-chat:hover {
    color: #fff;
}

#eposter-chat h2 {
    font-size: 1.4rem;
    text-transform: none;
    font-weight: 400;
    position: fixed;
    top: 14px;
    right: 20px;
}

#eposter-chat #questions {
    height: calc(100vh - 172px);
    margin-top: 52px;
    padding: 0px 1rem;
}

#btn-question {
    display: none;
    position: fixed;
    bottom: 72px;
    width: 458px;
    right: 10px;
}

@media only screen and (max-width: 768px) {
    .container.eposter.with_chat {
        margin-right: 320px;
    }
    #eposter-chat {
        width: 320px;
        right: -320px;
    }
}

.eposter .bg,
.workshops .bg {
    position: absolute;
    background: #fff;
    opacity: .9;
    /*border-top: 8px solid #0072b9;*/
    height: 100%;
    width: 100%;
}

.eposter .section,
.workshops .section {
    position: relative;
    padding: 6rem 6rem 0;
}

.eposter .section:first-child,
.workshops .section:first-child {
    padding: 3rem 6rem 0;
}

.eposter .section h3,
.workshops .section h3 {
    margin-bottom: 2rem;
}

.eposter-item {
    border-bottom: 1px solid #0072b9;
    padding-bottom: 2rem;
    padding-top: 2rem;
}

.eposter-item.active {
    background: #efefef;
}

@media only screen and (max-width: 991px) {
    .eposter .section,
    .workshops .section {
        padding: 6rem 3rem 0;
    }
    .eposter .section:first-child,
    .workshops .section:first-child {
        padding: 3rem 3rem 0;
    }
}

.container.workshop_menu {
    padding: 20px 0 100px 0;
}

#jitsi_container,
#player_container {
    width: 100%;
    height: calc(100% - 102px);
    position: relative;
    margin-top: 20px;
}

.player_wrapper {
    position: absolute;
    top: calc(50% - 32.8vh);
    left: calc(50% - 15vw);
    width: 29.3vw;
    height: 35.8vh;
    background: #000;
}

.player_wrapper #player_container {
    height: 100%;
    margin-top: 0;
}

.workshop-item {
    position: relative;
    margin-bottom: 1rem;
    z-index: 990;
}

.workshop-item .bg {
    position: absolute;
    background: #fff;
    opacity: .9;
    border-top: 8px solid #0072b9;
    height: 100%;
    width: 100%;
}

.workshop-item .dt {
    position: relative;
    padding: 2rem;
}

.workshop-item .date,
.workshop-item .time {
    float: left;
    margin: 0 1rem 1rem 0;
    font-size: 1.2em;
}

.workshop-item h3 {
    clear: both;
    margin: 1rem 0;
}

.workshop-item .locked {
    font-style: italic;
    color: #2f4f4f;
}

.container.tchat {
    height: 100%;
    max-width: calc(100% - 680px);
    position: absolute;
    top: 0;
    left: 340px;
}

.container.tchat .content {
    margin-top: 20px;
    height: calc(100% - 100px);
    background: #fff;
    position: relative;
}

.container.tchat .row,
.container.tchat .row>div {
    height: 100%;
}

.container.tchat #users {
    background: #19798c;
    color: #fff;
    height: 100%;
    overflow: scroll;
}

.container.tchat #users label {
    display: block;
    padding: 1rem;
    cursor: pointer;
    border-bottom: 1px solid #00859f;
}

.container.tchat #users label:hover,
.container.tchat #users label.active {
    background: #0072b9;
}

.container.tchat #users label i {
    margin-right: 0.75rem;
    color: #00859f;
}

.container.tchat #users label input[type=radio] {
    display: none;
}

.container.tchat #messages {
    height: calc(100% - 100px);
    padding: 1rem;
    overflow: scroll;
}

.container.tchat #messages p span.u {
    font-size: 0.75em;
    font-weight: bold;
    color: #b8b1b3;
}

.container.tchat #messages p.sent {
    text-align: right;
}

.container.tchat #sender {
    padding-right: 30px;
}

.container.tchat #sender textarea {
    resize: none;
}

.container.tchat #sender button {
    border-color: #0072b9;
}

.container.tchat #sender button:hover {
    border-color: #24293d;
}

footer .title {
    position: absolute;
    top: -124px;
    left: 0px;
    text-align: center;
    width: 100%;
    font-weight: 900;
    color: #4a4314;
    font-size: 1.2rem;
    background: #0072b9;
    padding: 21px 0px 22px;
    display: flex;
    align-items: center;
    justify-content: center;
}

footer .title img {
    height: 48px;
    margin: 0 1rem;
}

footer .title span {
    max-width: calc(100% - 180px);
    line-height: 1.2rem;
}

@media only screen and (min-width: 1600px) and (max-width: 1919px) {
    /*
	.container.live {
		padding-top: 20px;
		width: calc(100% - 650px);
	}
	*/
    .container.replay {
        width: calc(100% - 650px);
    }
}

@media only screen and (min-width: 1600px) and (max-width: 1799px) {
    .replay .thumbnail div {
        font-size: 1rem;
        top: -2.2vh;
        padding: 2vh;
        line-height: 1.2;
    }
    .replay .thumbnail div strong {
        font-size: 1.5rem;
    }
}

@media only screen and (min-width: 1440px) and (max-width: 1599px) {
    .l-shipper,
    .r-shipper {
        width: 340px;
        font-size: 1em;
    }
    .l-shipper div {
        padding: 20px 20px 20px 0px;
        text-align: right;
    }
    .r-shipper div {
        padding: 20px 0px 20px 20px;
        text-align: left;
    }
    .floor-1 {
        top: 20px;
    }
    .floor-2 {
        top: 100px;
    }
    .floor-3 {
        top: 180px;
    }
    .floor-4 {
        top: 260px;
    }
    .floor-5 {
        top: 340px;
    }
    .floor-6 {
        top: 420px;
    }
    .floor-7 {
        top: 500px;
    }
    .floor-8 {
        top: 580px;
    }
    .container.tchat {
        max-width: calc(100% - 500px);
        position: absolute;
        top: 0;
        left: 250px;
    }
    /*
	.container.live {
		padding-top: 70px;
		width: calc(100% - 500px);
	}
	*/
    .container.replay {
        width: calc(100% - 500px);
    }
}

@media only screen and (min-width: 1280px) and (max-width: 1439px) {
    .l-shipper,
    .r-shipper {
        width: 340px;
        font-size: 1em;
    }
    .l-shipper div {
        padding: 20px 20px 20px 0px;
        text-align: right;
    }
    .r-shipper div {
        padding: 20px 0px 20px 20px;
        text-align: left;
    }
    .floor-1 {
        top: 20px;
    }
    .floor-2 {
        top: 90px;
    }
    .floor-3 {
        top: 160px;
    }
    .floor-4 {
        top: 230px;
    }
    .floor-5 {
        top: 300px;
    }
    .floor-6 {
        top: 370px;
    }
    .floor-7 {
        top: 440px;
    }
    .floor-8 {
        top: 510px;
    }
    .container.tchat {
        max-width: calc(100% - 440px);
        position: absolute;
        top: 0;
        left: 220px;
    }
    /*
	.container.live {
		padding-top: 104px ;
		width: calc(100% - 440px);
	}
	*/
    .container.replay {
        width: calc(100% - 440px);
    }
    .replay .thumbnail div {
        font-size: 0.9rem;
        padding: 1vh;
        line-height: 1.1;
        top: -1.2vh;
    }
    .replay .thumbnail div strong {
        font-size: 1.5rem;
    }
    .replay .thumbnail div span {
        font-size: 0.8rem;
    }
}

@media only screen and (max-width: 1279px) {
    .l-shipper,
    .r-shipper {
        width: 290px;
        font-size: 0.9em;
        font-weight: 200;
    }
    .l-shipper div {
        padding: 20px 20px 20px 0px;
        text-align: right;
    }
    .r-shipper div {
        padding: 20px 0px 20px 20px;
        text-align: left;
    }
    .floor-1 {
        top: 20px;
    }
    .floor-2 {
        top: 90px;
    }
    .floor-3 {
        top: 160px;
    }
    .floor-4 {
        top: 230px;
    }
    .floor-5 {
        top: 300px;
    }
    .floor-6 {
        top: 370px;
    }
    .floor-7 {
        top: 440px;
    }
    .floor-8 {
        top: 510px;
    }
    .container.tchat {
        max-width: calc(100% - 440px);
        position: absolute;
        top: 0;
        left: 220px;
    }
    /*
	.container.live {
		padding-top: 110px ;
		width: 100%;
	}
	*/
    .container.replay {
        width: 100%;
    }
    .container.replay .content {
        padding: 90px 20px 70px;
    }
    footer .title {
        font-size: 1rem;
    }
}

@media only screen and (max-width: 1024px) {
    .l-shipper,
    .r-shipper {
        width: 240px;
        font-size: 0.9em;
        font-weight: 200;
    }
}

@media only screen and (max-width: 990px) {
    footer .title {
        font-size: 1rem;
        top: -124px;
        padding: 7px 0px;
    }
}

@media only screen and (max-width: 1199px) {
    .replay .thumbnail div {
        font-size: 1.1rem;
        top: -2vh;
        padding: 1.6vh;
        line-height: 1.2;
    }
    .replay .thumbnail div strong {
        font-size: 1.4rem;
    }
    .replay .thumbnail div span {
        font-size: 0.8rem;
    }
}

@media only screen and (max-width: 991px) {
    .replay .thumbnail div {
        top: -1vh;
        font-size: 0.9rem;
        padding: 1vh;
        line-height: 1.1;
    }
    .replay .thumbnail div strong {
        font-size: 1.1rem;
    }
    .replay .thumbnail div span {
        font-size: 0.7rem;
    }
    .thumb_wrapper .action .btn {
        width: 100%;
        border-radius: 0 0 .25rem .25rem;
        font-size: 0.8rem;
    }
}

@media only screen and (max-width: 768px) {
    .l-shipper,
    .r-shipper {
        width: 240px;
        font-size: 0.85em;
        font-weight: 400;
    }
    .l-shipper div,
    .r-shipper div {
        padding: 20px 10px;
    }
    .l-shipper div .fas {
        margin-right: 10px;
    }
    .r-shipper div .fas {
        margin-left: 10px;
    }
    .floor-1 {
        top: 20px;
    }
    .floor-2 {
        top: 90px;
    }
    .floor-3 {
        top: 160px;
    }
    .floor-4 {
        top: 230px;
    }
    .floor-5 {
        top: 300px;
    }
    .floor-6 {
        top: 370px;
    }
    .floor-7 {
        top: 440px;
    }
    .floor-8 {
        top: 510px;
    }
    .container.tchat {
        max-width: calc(100% - 320px);
        position: absolute;
        top: 0;
        left: 160px;
    }
}

@media only screen and (max-width: 575px) {
    .container.replay {
        height: 100vh;
        margin-top: 0px;
        padding: 0px;
        position: relative;
    }
}

@media only screen and (max-width: 425px) {
    .replay .thumbnail div {
        top: -1vh;
        font-size: 0.9rem;
        padding: 1vh;
    }
}

footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 991;
}

footer .bg {
    position: fixed;
    bottom: 0;
    height: 62px;
    background: #293b3b;
    width: 100%;
    opacity: 0.8;
    display: none;
}

footer .content {
    position: fixed;
    bottom: 0;
    line-height: 44px;
    width: 100%;
    color: #fff;
    padding: 10px 24px 10px 10px;
}

#alga {
    float: left;
    margin-right: 1.4rem;
}

#alga img {
    height: 40px;
}

#where-you-are {
    float: left;
    font-size: 1.2rem;
    font-weight: 700;
}

.mobile {
    display: none;
}

@media only screen and (max-width: 1140px) {
    .mobile {
        display: block;
    }
    #bottom-bar-menu {
        float: right;
    }
    #navigation {
        display: none;
    }
    #socialnetworks {
        display: none;
    }
    .tippy-box {
        display: none!important;
    }
}

@media only screen and (max-width: 600px) {
    #where-you-are {
        display: none;
    }
}

#socialnetworks {
    float: left;
    /*	margin-left: 40px;*/
}

#socialnetworks ul {
    padding-inline-start: 0px;
}

#socialnetworks ul li {
    float: left;
    display: block;
    margin-left: 10px;
}

#socialnetworks ul li:first-child {
    margin-left: 0px;
}

#socialnetworks ul li .btn-outline-info {
    border-color: #fff;
    color: #fff;
}

#socialnetworks ul li .btn-outline-info:hover {
    background-color: #b41d1e;
    color: #fff;
    border-color: #b41d1e;
}

#languages {
    float: left;
    margin-right: 20px;
}

#languages ul {
    padding-inline-start: 0px;
}

#languages ul li {
    float: left;
    display: block;
    margin-left: 10px;
}

#languages ul li:first-child {
    margin-left: 0px;
}

#languages ul li .btn-outline-info {
    border-color: #fff;
    color: #fff;
}

#languages ul li .btn-outline-info:hover {
    background-color: #24293d;
    border-color: #24293d;
    color: #ccc3e5;
}

#languages ul li a img {
    width: 20px;
}

#navigation {
    float: right;
}

#navigation ul {
    margin: 0;
    padding: 0;
}

#navigation ul li {
    float: left;
    display: block;
    margin-left: 10px;
}

#navigation .menu-item {
    display: none;
}

#clock {
    display: none;
    float: right;
    margin-left: 2rem;
    line-height: 38px;
}

#clock span em {
    display: block;
    font-size: 0.7rem;
    line-height: 10px;
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 200px;
}

.oldclock {
    border-radius: 50%;
    background: #fff url("../images/ios_clock.svg") no-repeat center;
    background-size: 88%;
    position: fixed;
    top: 17%;
    left: 70%;
    width: 7vw;
    height: 7vw;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
}

.oldclock.simple:after {
    background: #000;
    border-radius: 50%;
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 5%;
    height: 5%;
    z-index: 10;
}

.oldclock .minutes-container,
.oldclock .hours-container,
.oldclock .seconds-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.oldclock .hours {
    background: #000;
    height: 20%;
    left: 48.75%;
    position: absolute;
    top: 30%;
    transform-origin: 50% 100%;
    width: 2.5%;
}

.oldclock .minutes {
    background: #000;
    height: 40%;
    left: 49%;
    position: absolute;
    top: 10%;
    transform-origin: 50% 100%;
    width: 2%;
}

.oldclock .seconds {
    background: #000;
    height: 45%;
    left: 49.5%;
    position: absolute;
    top: 14%;
    transform-origin: 50% 80%;
    width: 1%;
    z-index: 8;
}

@keyframes rotate {
    100% {
        transform: rotateZ(360deg);
    }
}

.oldclock .hours-container {
    animation: rotate 43200s infinite linear;
}

.oldclock .minutes-container {
    animation: rotate 3600s infinite steps(60);
}

.oldclock .seconds-container {
    animation: rotate 60s infinite steps(60);
}

#navigation ul li .btn-info,
.btn-primary,
.btn-info {
    background-color: #0072b9;
    border-color: #fff;
    color: #fff;
}

.btn-secondary {
    border-color: #fff;
}

.btn-light {
    border-color: #fff;
}

#navigation ul li .btn-info:hover,
.btn-info:hover,
.btn-info:active,
.btn-info:focus,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
    background-color: #b41d1e;
    color: #fff;
    border-color: #b41d1e;
}

.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:focus {
    border-color: #6c757d;
}

#navigation ul li .fas,
#sidebar ul li .fas,
#toolbar .fas,
#clock .fas,
#btn-question .fas {
    margin-right: 7px;
}

#navigation ul li .btn .fas:last-child,
#navigation ul li .dropdown-item .fas:last-child,
#sidebar ul li .fas:last-child {
    margin-right: 0px;
}

#sidr .btn {
    background-color: inherit;
    border-color: inherit;
    text-align: left;
    border: none;
    line-height: inherit;
    width: 260px;
}

.left-sidr-closer {
    line-height: 60px;
    text-align: right;
    padding: 0 30px 40px 0;
}

.left-sidr-closer a {
    color: #fff!important;
}

footer.live #navigation,
footer.live #bottom-bar-menu,

/*.with_tawk footer #bottom-bar-menu,*/

.with_tawk #clock {
    margin-right: 80px;
}

#sidr .dropdown-item {
    background-color: #333333;
}

.with_tawk footer nav {
    /*	margin-right: 80px;*/
}

.dropdown-item {
    cursor: pointer;
}

.fancybox-is-open .fancybox-bg {
    opacity: .5;
}

.fancybox-slide--iframe .fancybox-content,
.fancybox-slide--pdf .fancybox-content {
    max-width: 1140px;
    width: 80%;
    max-height: 80%;
    margin: 0;
}

@media only screen and (max-width: 1024px) {
    .fancybox-slide--iframe .fancybox-content,
    .fancybox-slide--pdf .fancybox-content {
        width: 95%;
    }
}

.fancybox-close-small {
    color: #0072b9;
    opacity: 1;
    right: 0px;
    top: 0;
}

.fancybox-close-small:hover {
    background: #0072b9;
}

.iframe_content {
    padding: 60px 0px;
}

.iframe_content_no_padding {
    padding: 0px;
}

ul.timeline {
    list-style-type: none;
    position: relative;
}

ul.timeline:before {
    content: ' ';
    background: #0072b9;
    display: inline-block;
    position: absolute;
    left: 29px;
    width: 2px;
    height: 100%;
    z-index: 400;
}

ul.timeline>li {
    margin: 20px 0;
    padding-left: 20px;
}

ul.timeline>li:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 2px solid #0072b9;
    left: 24px;
    width: 12px;
    height: 12px;
    z-index: 400;
    margin-top: 6px;
}

nav#programme {
    position: fixed;
    background: #fff;
    width: 100%;
    padding-top: 60px;
    z-index: 9999;
    top: -20px;
}

nav#programme .nav-tabs {
    border-bottom: 1px solid #0072b9;
}

nav#programme .nav-link {
    padding: 1rem 1.8rem;
    background: #efefef;
    margin-right: 1px;
    color: #212529;
    border-bottom: 1px solid #0072b9;
}

nav#programme .nav-tabs .nav-item.show .nav-link,
nav#programme .nav-tabs .nav-link.active {
    color: #fff;
    background-color: #0072b9;
    border-color: #dee2e6 #dee2e6 #0072b9;
}

@media only screen and (max-width: 768px) {
    nav#programme .nav-link {
        padding: 1rem 1rem;
    }
}

.tab-content {
    padding: 100px 0px;
}

h2 {
    color: #0072b9;
    text-transform: uppercase;
    font-weight: 200;
    font-size: 2.5rem;
    margin-bottom: 1rem;
}

h3 {
    font-weight: 700;
    margin-top: 1rem;
    color: #0072b9;
}

h3 span.schedule {
    font-size: 0.75em;
}

div.day {
    font-weight: 900;
    /*	background: #b41d1e;*/
    padding: 0px;
    color: #b41d1e;
    border-radius: 4px;
    margin-top: 4rem;
    margin-bottom: 0rem;
    font-size: 1.4rem;
}

div.schedule {
    font-weight: 900;
    /*	background: #b41d1e;*/
    display: inline-block;
    padding: 0px 6px;
    color: #b41d1e;
    border-radius: 4px;
    margin-top: 4rem;
}

.timeline li p {
    margin-top: 4px;
}

span.speaker {
    font-weight: 900;
}

.form-signin {
    width: 100%;
    max-width: 330px;
    padding: 60px 0px;
    margin: 0 auto;
}

.booth {
    margin: 15px 0;
    background: #fff;
    border-radius: 6px;
    padding: 40px 40px;
    text-align: center;
}

.image-map-container {
    position: relative;
    text-align: center;
    height: calc(100vh - 62px);
    line-height: calc(100vh - 62px);
    vertical-align: middle;
    overflow: hidden;
}

.wrapper.stand .content {
    text-align: center;
    height: calc(100vh - 62px);
    line-height: calc(100vh - 62px);
    vertical-align: middle;
}

.stand .image-map-container {
    display: inline-block;
    line-height: initial;
    height: auto;
}

.image-map-container img {
    width: 100%;
    height: auto;
}

.expo .image-map-container img,
.hall .image-map-container img,
.reseau .image-map-container img {
    width: auto;
    max-width: 100%;
    max-height: 90%;
}

.stand .image-map-container img {
    width: auto;
    max-width: 100%;
    max-height: calc(100vh - 62px);
}

.picto {
    line-height: 40px;
    width: 40px;
    color: #fff;
    text-align: center;
    background: #b41d1e;
    font-size: 1.3rem;
    border-radius: 50%;
    z-index: 9999;
    margin: 16px;
}

.picto a {
    display: block;
    color: #fff!important;
}

.picto a:hover {
    color: #fff!important;
    text-decoration: none;
}

.lds-ripple {
    display: inline-block;
    position: absolute;
    width: 120px;
    height: 120px;
    z-index: 9998;
}

.home01 {
    position: absolute;
    top: calc(62% - 40px);
    left: calc(37% - 40px);
}

.home02 {
    position: absolute;
    top: calc(62% - 40px);
    left: calc(62% - 40px);
}

.lds-ripple div {
    position: absolute;
    border: 4px solid #b41d1e;
    opacity: 1;
    border-radius: 50%;
    animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.lds-ripple.home01 div,
.lds-ripple.home02 div {
    border: 4px solid #f4412e;
}

.lds-ripple div:nth-child(2) {
    animation-delay: -0.5s;
}

@keyframes lds-ripple {
    0% {
        top: 36px;
        left: 36px;
        width: 0;
        height: 0;
        opacity: 1;
    }
    100% {
        top: 0px;
        left: 0px;
        width: 72px;
        height: 72px;
        opacity: 0;
    }
}


/*** FORM ***/

fieldset {
    padding: 20px;
    margin: 0px 0px 30px 0px;
    border: none;
    border-bottom: 1px solid #0072b9;
    position: relative;
}

@media (max-width: 990px) {
    fieldset {
        padding: 20px;
    }
}

div.subfieldset {
    clear: both;
    margin-bottom: 30px;
}

div.subfieldset:after {
    clear: both;
}

label {
    margin-bottom: 0px;
}

.form-control {
    margin-bottom: .5rem;
}

span.needit {
    display: inline;
    color: #e35b5a;
}

span.unfilled input.form-control,
span.unfilled select,
span.unfilled textarea {
    border: 1px solid #e35b5a;
}

span.unfilled label,
blockquote.unfilled label {
    font-weight: bold;
    color: #e35b5a;
}

option.category {
    font-weight: bold;
    background-color: #dd4433;
    color: #fff;
}

option.subcat {
    padding-left: 25px;
}

input[type="radio"],
input[type="checkbox"] {
    margin-right: 4px;
}

input:disabled+label {
    color: #aeaeae!important;
}

div.radio_block {
    display: block-inline;
}

#toolbar {
    text-align: right;
    padding: 0px 15px;
}

.table th {
    border-top: none;
}

td.radio_in {
    width: 50px;
}

td.input_radio {
    width: 30px;
}

.infowarning {
    background: url("../images/warning.png") no-repeat left 50%;
    padding: 30px 0px 30px 80px;
    margin: 0px 0px 30px 0px;
    clear: both;
}

.low-warning {
    padding: 20px;
    background: #f7ca18;
    border-radius: 6px;
}

.high-warning {
    background: #e35b5a;
    padding: 20px;
    border-radius: 6px;
    color: #fff;
}

.confirm {
    background: #2ab4c0;
    padding: 20px;
    border-radius: 6px;
    color: #fff;
}

.confirm p,
.low-warning p,
.high-warning p {
    margin: 1.2rem 0;
}

.dispOff {
    display: none;
}

.dispOn {
    display: block;
}

table.summary td {
    vertical-align: top!important;
}

td.tdlabel {
    text-align: left;
    padding-right: 5px;
    width: 50%;
    color: #3c3c3c;
}

td.tdvalue {
    padding-left: 5px;
}

td.amount {
    padding: 5px;
    width: 130px;
    font-weight: bold;
    color: #0072b9;
    text-align: right;
}

th.amount {
    padding: 5px;
    width: 130px;
    font-weight: bold;
    text-align: right;
}

@media (max-width: 767px) {
    td.amount,
    th.amount {
        width: 100px;
    }
}


/*
.exhibition_btn {
	display: none!important;
}
*/

.logo img {
    width: 100%;
}

ul.stepper {
    padding: 0 1.5rem;
    padding: 1.5rem;
    margin: 1em -1.5rem;
    overflow-x: hidden;
    overflow-y: auto;
    counter-reset: section;
}

.stepper-vertical {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

ul.stepper>li:not(:last-of-type) {
    margin-bottom: .625rem;
    -webkit-transition: margin-bottom .4s;
    -o-transition: margin-bottom .4s;
    transition: margin-bottom .4s;
}

.stepper-vertical li .step-title {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

ul.stepper li .step-title .circle {
    display: inline-block;
    width: 4rem;
    height: 4rem;
    margin-right: .5rem;
    line-height: 3.7rem;
    color: #fff;
    text-align: center;
    background: rgba(0, 0, 0, 0.38);
    border-radius: 50%;
    font-size: 2.9rem;
}

.stepper-vertical li {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.stepper-vertical li .step-title .circle {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

ul.stepper li .step-title {
    padding: 1.5rem 1.5rem 1.5rem 0;
    text-align: center;
    z-index: 99;
}

.stepper-vertical li .step-title .label {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-top: 0;
    line-height: 3.7rem;
    font-size: 2rem;
    margin-left: 1.3rem;
}

ul.stepper li .step-title .label {
    display: inline-block;
    color: rgba(0, 0, 0, 0.38);
}

.stepper-vertical li.completed .step-title .label {
    font-weight: 500;
}

ul.stepper li.active a .label,
ul.stepper li.completed .step-title .label {
    font-weight: 600;
    color: rgba(0, 0, 0, 0.87);
}

.stepper-vertical>li:not(:last-child):after {
    position: absolute;
    top: 5rem;
    left: 2rem;
    width: 2px;
    height: calc(100% - 40px);
    content: "";
}

.stepper-vertical>li .step-content {
    display: block;
    padding: 0.2rem 0;
    margin-top: 0;
    margin-left: 6rem;
}

.stepper-vertical>li .step-content ul {
    padding-left: 20px;
}

.stepper-vertical>li .step-content ul li {
    display: list-item;
    list-style: square;
    margin: 10px 0;
}

ul.videotheque li {
    display: list-item;
    list-style: square;
    margin: 1rem 0;
    font-weight: 700;
}

.grey.lighten-3 {
    background-color: #eee !important;
}

.tippy-box[data-theme~='fipf'] {
    background-color: #b41d1e;
    color: #fff;
}

.tippy-box[data-theme~='fipf'] .tippy-arrow {
    width: 16px;
    height: 16px;
    color: #b41d1e;
}

.tippy-box p {
    margin: .5rem 0px;
}

.overflow {
    overflow: hidden;
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
    font-weight: 700;
}

.panel-title a:hover {
    text-decoration: none;
}


/*
	  ==============================================================
		   kode-conference-schedule CSS Start
	  ==============================================================
*/

.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical>.btn-group:before,
.btn-group-vertical>.btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
    content: " ";
    display: table;
}

.nav-tabs>li {
    float: left;
    margin-bottom: -1px;
}

.kode-conference-schedule {
    position: relative;
    overflow: hidden;
    padding: 70px 0;
    float: left;
    width: 100%;
}

.schedule-banner {
    position: relative;
}

.schedule-banner img {
    display: block;
    width: 100%;
    height: auto;
}

.schedule-banner:after {
    display: block;
    clear: both;
    content: '';
}

.scheduletabs {
    position: relative;
    max-width: 947px;
    margin: -100px auto 0;
    background: #fff;
    border: 1px solid #e6e6e6;
}

.scheduletabs:before,
.scheduletabs:after {
    clear: both;
}

.scheduletabs .nav-tabs {
    border-bottom: 1px solid #e6e6e6;
    text-align: center;
    font-size: 20px;
    position: relative;
    z-index: 1;
}

.scheduletabs .nav-tabs>li>a {
    border-right: 1px solid #e6e6e6;
    border-radius: 0;
    line-height: 30px;
    margin-right: 0;
    color: #333;
    min-width: 175px;
    position: relative;
    padding: 18px 10px 19px;
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    outline: none;
    display: block;
}

.scheduletabs .nav-tabs>li>a span {
    display: block;
    font-size: 26px;
}

.scheduletabs .nav-tabs>li>a.active,
.scheduletabs .nav-tabs>li>a.active:hover,
.scheduletabs .nav-tabs>li>a.active:focus {
    color: #fff;
}

.scheduletabs .nav-tabs>li>a:hover,
.scheduletabs .nav-tabs>li>a:focus {
    border-color: #eee #eee #ddd;
    background-color: #eee;
    text-decoration: none;
}

.scheduletabs .nav-tabs>li>a.active:after,
.scheduletabs .nav-tabs>li>a.active:hover:after,
.scheduletabs .nav-tabs>li>a.active:focus:after {
    position: absolute;
    content: '';
    height: 15px;
    width: 15px;
    transform: rotate(45deg);
    left: 0px;
    right: 0px;
    margin: auto;
    bottom: -7px;
}

.auditorium {
    position: relative;
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 20px;
    border-bottom: 1px solid #e6e6e6;
    text-align: center;
    background: #f7f7f7;
}

.auditorium:after {
    display: block;
    clear: both;
    content: '';
}

.auditorium li {
    float: left;
    min-width: 200px;
    position: relative;
}

.auditorium a {
    color: #333;
    display: block;
    position: relative;
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
}

.auditorium a:hover,
.auditorium li.active a {
    text-decoration: none;
}

.auditorium li.active a:after,
.auditorium a:hover:after {
    position: absolute;
    content: '';
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 3px;
}

.scheduletabs .tab-content {
    padding: 2px 50px;
    font-size: 16px;
    float: left;
    width: 100%;
}

.scheduletabs .panel-group {
    float: left;
    width: 100%;
}

.scheduletabs .panel.panel-default {
    border: none;
    border-radius: 0;
    box-shadow: none;
    position: relative;
    padding: 60px 0 30px;
    float: left;
    width: 100%;
}

.scheduletabs .panel.panel-default:before {
    position: absolute;
    content: '';
    border-left: 2px dashed #ccc;
    left: 25px;
    top: 0;
    bottom: 0;
    width: 0;
    height: 100%;
}

.scheduletabs .panel-heading {
    background: none;
    border: none;
    position: relative;
}

.scheduletabs .panel-heading:before {
    content: "\f107";
    position: absolute;
    right: 20px;
    top: 50%;
    margin: -10px 0px 0px 0px;
    font-size: 20px;
    color: #333;
    font-family: FontAwesome;
}

.sch-time {
    display: block;
    font-size: 16px;
    color: #333;
    text-transform: uppercase;
    margin: 0 0 15px;
}

.scheduletabs .panel-title {
    font-size: 26px;
    line-height: 30px;
    border-bottom: 1px solid #e6e6e6;
    padding: 0 0 10px;
}

.scheduletabs .panel-group .panel-heading+.panel-collapse>.panel-body {
    border: none;
    color: #666;
}

.scheduletabs .panel-body p {
    margin: 0 0 20px;
}

.scheduletabs .announcer {
    display: block;
    font-size: 20px;
}

.announcer-pic {
    float: left;
    width: 53px;
    height: 53px;
    border-radius: 50%;
    margin: 0 50px 0 0;
    position: relative;
    z-index: 5;
}

.announcer-pic img {
    display: block;
    width: 100%;
    height: auto;
}


/*
	  ==============================================================
		   kode-conference-schedule CSS End
	  ==============================================================
*/

.kode-conference-schedule {
    padding: 0px 0px 0px 0px;
}

.scheduletabs {
    max-width: 100%!important;
    margin: 0px auto!important;
    border: 1px solid #c8c1e3;
}

.scheduletabs .tab-content {
    padding: 0px!important;
}

.scheduletabs .tab-content.tab-room {
    padding: 2px 0px!important;
}

.scheduletabs .nav-tabs {
    margin: 0px!important;
}

.large-disp {
    display: block;
}

.small-disp {
    display: none;
}

.auditorium {
    font-size: 14px;
}

.auditorium li {
    min-width: 162px;
}

.scheduletabs .nav-tabs>li>a span {
    display: block;
    font-size: 26px;
    font-weight: bold;
}

.weekday {
    font-size: 20px!important;
    margin-bottom: 0px!important;
    margin-top: 12px!important;
    font-weight: normal!important;
}

.panel {
    margin-bottom: 6px!important;
}

.no-pic {
    background: none!important;
}

.panel-heading {
    padding: 0px 25px 15px 15px;
}

.panel-body {
    padding: 5px 15px 45px 15px;
}

.scheduletabs .announcer {
    font-size: 16px;
    color: #293b3b;
    margin-bottom: 0.8rem;
}

.scheduletabs .announcer em {
    color: #293b3b;
    font-style: normal!important;
    font-size: 0.90em;
}

.scheduletabs .panel-body p {
    text-align: left;
    margin: 0px 0px 4px 0px;
}

.scheduletabs .panel-body .sch-time {
    margin: 28px 0px 7px 0px;
    font-size: 0.85em;
    color: #777;
}

.scheduletabs .panel-heading.no-content:before {
    content: "";
}

.scheduletabs .panel-title {
    padding: 0px 25px 10px 0px;
}

.scheduletabs .panel.panel-default:before {
    left: 50px;
}

.announcer-pic {
    float: left;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin: 0px 50px 0 31px;
    position: relative;
    z-index: 5;
    color: #fff;
    font-size: 24px;
    text-align: center;
    line-height: 38px;
    padding: 0px 0px 0px 0px;
}

.abs_reference {
    font-weight: bold;
    border: 1px solid #25293d;
    color: #25293d;
    padding: 2px 6px;
    border-radius: 4px;
    margin-left: 10px;
}

.panel-room {
    display: inline-block;
    margin: 0px;
    font-size: 10pt;
    color: #111;
    background: #f7f6f6;
    padding: 2px 10px;
}

.panel-room a {
    color: #fff;
}

.panel-room a:hover {
    color: #fff;
    text-decoration: none;
}

.panel-room a .fas {
    transition-property: margin;
    transition-duration: 0.45s;
    margin-left: 5px;
    margin-right: 10px;
}

.panel-room a:hover .fas {
    margin-left: 15px;
    margin-right: 0px;
}

@media (max-width: 1199px) {
    .scheduletabs .panel.panel-default {
        padding: 30px 0px;
    }
    .auditorium {
        font-size: 12px;
    }
    .auditorium li {
        min-width: 134px;
    }
}

@media (max-width: 991px) {
    .scheduletabs .nav-tabs>li>a {
        min-width: 25%;
    }
    .scheduletabs .nav-tabs {
        font-size: 16px;
    }
    .auditorium {
        font-size: 10px;
    }
    .auditorium li {
        min-width: 102px;
    }
}

@media (max-width: 767px) {
    .scheduletabs .nav-tabs>li>a {
        min-width: 25%;
        line-height: 0px;
    }
    .scheduletabs .nav-tabs>li>a span.year {
        margin: 12px 0px 20px;
    }
    .scheduletabs .nav-tabs>li:last-child>a {
        border-right: none;
    }
    .scheduletabs .nav-tabs>li {
        width: 20%;
    }
    .large-disp {
        display: none;
    }
    .small-disp {
        display: block;
    }
    .scheduletabs .nav-tabs>li>a span.day {
        margin-top: 10px;
        font-size: 30px;
        line-height: 26px;
    }
    .scheduletabs .nav-tabs>li>a span.month {
        text-transform: lowercase;
        font-size: 20px;
        line-height: 26px;
    }
    .auditorium li {
        width: 25%;
        min-width: 25%;
    }
    .auditorium li a {
        font-size: 10px;
    }
    .panel-room {
        display: block;
        margin: -10px 0px 20px 0px;
    }
}

@media (max-width: 480px) {
    .auditorium li {
        width: 33.333%;
        min-width: 33.333%;
    }
    .auditorium li a {
        font-size: 10px;
    }
    .scheduletabs .panel-heading::before {
        right: 10px!important;
    }
    .panel-heading {
        padding: 0px 15px 0px 0px;
    }
    .panel-body {
        padding: 0px 15px 45px 0px;
    }
    .content h4,
    .content p {
        text-align: left;
    }
    .scheduletabs .panel.panel-default:before {
        left: 30px;
    }
    .announcer-pic {
        float: left;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        margin: 0px 15px 0 11px;
        position: relative;
        z-index: 5;
        color: #fff;
        font-size: 24px;
        text-align: center;
        line-height: 38px;
        padding: 0px 0px 0px 2px;
    }
    .scheduletabs p,
    .scheduletabs .announcer {
        font-size: 14px;
    }
}

.sch-list p {
    font-size: 16px;
    text-align: left;
    margin: 0px 0px 4px 0px;
}

.sch-list .announcer {
    font-size: 16px;
    color: #337AB7;
}

.sch-list .announcer em {
    color: #337ab7;
    font-style: normal!important;
    font-size: 0.90em;
}

.sch-reference {
    display: block;
    text-transform: uppercase;
    margin: 20px 0px 5px 0px;
    font-size: 1.0em;
    color: #777;
    border-bottom: 1px solid #efefef;
}

.chairmen {
    font-size: 16px;
    color: #333;
}

.eposter_lnk {
    margin-left: 20px;
}

.reference {
    text-transform: uppercase;
    border-bottom: 1px solid #efefef;
    color: #777;
    margin: 0px 0px 20px 0px;
}

h3.popup_program {
    border-bottom: 1px solid #efefef;
    padding: 0px 0px 20px 0px;
    font-size: 20px!important;
}

button.playvideo {
    margin: 10px 0px 10px;
}

.sch-reference .btn i,
.playvideo i {
    margin-right: 6px;
}

p.help {
    font-size: 0.9em;
    padding: 8px 14px;
    margin: 10px 0px 0px;
    background: #dee2e6;
    font-style: italic;
}

#messages {
    background: #fff;
    height: calc(100% - 102px);
    padding: 1rem;
    overflow: scroll;
    position: absolute;
    top: 20px;
    left: 320px;
    width: calc(100% - 340px);
    text-align: left;
}

#messages .msg {
    background: #e9ecef;
    padding: 1rem 1rem 70px 1rem;
    margin-bottom: 1rem;
    position: relative;
}

#messages .msg .btn-toolbar {
    position: absolute;
    bottom: 1rem;
    left: 1rem;
}

#messages p {
    width: calc(100% - 280px);
}

#messages .msg .b {
    font-weight: 700;
}

#messages .msg .d {
    font-weight: bold;
    color: #6c757d;
    cursor: default;
}

#messages .msg .u {
    font-weight: 900;
    color: #b41d1e;
}

#connexions {
    position: absolute;
    top: 140px;
    left: 0;
    width: 320px;
    text-align: center;
    color: #fff;
}

#connexions i {
    margin-right: 0.8rem;
}

#pip_player_container {
    width: 280px;
    height: 158px;
    position: absolute;
    top: 200px;
    left: 20px;
}

#bg_pip {
    position: absolute;
    top: 20px;
    left: 0;
    width: 320px;
    height: calc(100% - 102px);
    opacity: .75;
}

.swal2-content {
    padding: 0 0.6em!important;
}

.swal2-container div.motion {
    padding: 2rem 0;
}

.poll-list {
    width: 640px;
}

.poll {
    width: 640px;
    line-height: 40px;
    height: 40px;
    margin-bottom: 1px;
}


/*
.poll.p1 {
	top: 0;
}

.poll.p0 {
	top: 42px;
}

.poll.p2 {
	top: 84px;
}
*/

.poll span {
    display: inline-block;
}

.poll span:first-child {
    border: 1px solid #6c757d;
    color: #000;
    font-weight: 400;
    width: 400px;
    text-align: center;
    vertical-align: middle;
}

.poll span.nb,
.poll span.pc {
    border: 1px solid #6c757d;
    font-size: 1.6rem;
    vertical-align: middle;
    text-align: right;
    width: 120px;
    padding-right: 10px;
    font-weight: 700;
    color: #1f8aad;
}

.btn.k,
.btn.l,
.btn.m {
    min-width: 7vw;
}

.btn.k:empty,
.btn.l:empty,
.btn.m:empty {
    display: none;
}

.candidats {
    width: 100%;
    text-align: left;
    margin-bottom: 2rem;
}

.candidats>div {
    margin-bottom: 1rem;
}

.candidats label {
    margin-left: 0.6rem;
}

.form-signin {
    width: 100%;
    padding: 40px 0px;
    margin: 0 auto;
    text-align: left;
}

.form-signin h2 {
    font-size: 1.6rem;
}

@media (max-width: 600px) {
    .form-signin {
        width: 100%;
        max-width: 330px;
        padding: 20px 0px;
        margin: 0 auto;
        text-align: left;
    }
    .form-signin h2 {
        font-size: 1.3rem;
    }
}

label {
    font-size: 14px;
    font-weight: 700;
}

span.required {
    color: red;
}

.hidden {
    display: none;
}

.marquee {
    position: fixed;
    bottom: 63px;
    left: 0px;
    height: 28px;
    width: 100%;
    background: #223866;
    line-height: 28px;
    color: #fff;
}

.sidr ul li span {
    display: inline-block;
}

.swal2-container {
    z-index: 10600!important;
}


/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */

#sidebar {
    width: 260px;
    position: fixed;
    top: 0;
    left: -260px;
    height: 100vh;
    z-index: 99999;
    font-size: 15px;
    color: #fff;
    transition: all 0.3s;
    overflow-y: scroll;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}

#sidebar.active {
    left: 0;
}

#dismiss {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #fff;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

#dismiss:hover {
    background: #fff;
}

.overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    z-index: 99998;
    opacity: 0;
    transition: all 0.5s ease-in-out;
}

.overlay.active {
    display: block;
    opacity: 1;
}

#sidebar .sidebar-header {
    padding: 20px;
    background: #6d7fcc;
}

#sidebar ul.components {
    padding: 54px 0;
}

#sidebar ul p {
    color: #fff;
    padding: 10px;
}

#sidebar ul li a {
    padding: 10px;
    display: block;
    color: #fff;
}

#sidebar ul li a:hover {
    background: #fff;
    text-decoration: none;
}

#sidebar ul li.active>a,
a[aria-expanded="true"] {
    color: #fff;
}

#sidebar a[data-toggle="collapse"] {
    position: relative;
}

#sidebar .dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

#sidebar ul ul a {
    font-size: 0.9em !important;
    padding-left: 30px !important;
}

#sidebar ul.CTAs {
    padding: 20px;
}

#sidebar ul.CTAs a {
    text-align: center;
    font-size: 0.9em !important;
    display: block;
    border-radius: 5px;
    margin-bottom: 5px;
}

#sidebar a.download {
    background: #fff;
    color: #7386D5;
}

.iradio_square-blue,
.icheckbox_square-blue {
    margin-right: 6px;
}

a.forgottenpass {
    font-size: 0.75em;
    font-style: italic;
    text-decoration: none;
}

.home .link01,
.home .link02 {
    position: absolute;
}

.home .link01 {
    top: calc(25% - 40px);
    left: calc(80% - 40px);
}

.home .link02 {
    top: calc(25% - 40px);
    left: calc(80% - 40px);
}


/*** ZOOM ***/

.root-inner,
.meeting-client,
.meeting-client-inner {
    height: calc(100% - 62px)!important;
}

.meeting-info-container {
    display: none!important;
}

#wc-container-right .ReactVirtualized__Grid {
    height: calc(100vh - 210px)!important;
}