:root { --default-text-color: #000000; --default-bg-color: #ffffff; --default-title-color: #000000; --default-link-color: #020265; --default-font-family: 'Selecta', sans-serif; --secondary-bg-color: #000000; --secondary-text-color: #ffffff; --tertiary-bg-color: #FF4B32; --quaternary-bg-color: #5d5d5d; --quinternary-bg-color: #bbbbbb; --vdoplayer-bg-color: #000000; --vdoplayer-text-color: #ffffff; --default-list-bg-color: #eaeaea; --default-list-border-color: #bbbbbb; --default-list-text-color: #000000; --default-input-bg-color: #ffffff; --default-input-border-color: #bbbbbb; --tertiary-input-border-color: #ffffff; --default-input-border-color-focus: #000000; --default-input-text-color: #000000; --secondary-input-border-color: #000000; --quaternary-input-border-color: #282828; --default-text-size:13px; --secondary-text-size: 12px; --tertiary-text-size: 14px; --quaternary-text-size: 16px; --quinary-text-size: 11px; --sixth-text-size: 18px; --live-links-color: #CE003A; --default-button-bg-color: #000000; --default-button-text-color: #ffffff; --info-button-bg-color:#000000; --info-button-text-color:#ffffff; --danger-button-bg-color:#CE003A; --danger-button-text-color:#ffffff; --success-button-bg-color: #0b8c08; --success-button-text-color:#ffffff; --secondary-button-bg-color:#6c757d; --secondary-button-text-color:#ffffff; --tertiary-button-bg-color: #000000; --quaternary-button-bg-color: #F0F0F0; --quaternary-button-text-color: #000000; --programlive-button-bg-color: #F0F0F0; --default-blue-bg-eccmid: #405BD1; --secondary-blue-bg-eccmid: #ECEFFA; --secondary-compact-calendar-program: #000000; --secondary-compact-calendar-program-light: #e1e1e1; --default-link-buttons-width: 50%; --default-link-buttons-height: 69px; --default-link-buttons-font: 'montSerrat', ESCMID Conduit ITC, 'Open Sans', 'Roboto', 'Arial', sans-serif; --default-link-buttons-font-size: 18px; --default-navbar-text-size: 16px; --default-title-h1-text-size: 50px; --default-title-h2-font-size: 36px; --secondary-title-h2-font-size: 24px; --default-title-h4-text-size: 22px; --default-h3-text-size: 18px; --secondary-title-h3-text-size: 30px; --timeline-live-question-bg-color: #ECEFFA; --timeline-live-question-color: #000000; --timeline-live-comment-bg-color: #ECEFFA; --timeline-live-comment-color: #000000; --timeline-live-info-bg-color: #ECEFFA; --timeline-live-info-color: #000000; --timeline-live-vote-bg-color: #ECEFFA; --timeline-live-vote-color: #000000; --timeline-live-file-link-bg-color: #ECEFFA; --timeline-live-file-link-color: #000000; --timeline-live-website-link-bg-color: #ECEFFA; --timeline-live-website-link-color: #000000; --timeline-live-photo-bg-color: #ECEFFA; --timeline-live-photo-color: #000000; --recommended-session-color-1: rgba(0, 0, 0, 0.05); --recommended-session-color-2: rgba(0, 0, 0, 0.05); } /* */ .btn-custom { display: inline-block; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 0; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; } /* */ /* toggle */ .custom-control-input:checked~.custom-control-label::before, .custom-control-input-not-chanel:checked~.custom-control-label::before { background-color: var(--default-button-bg-color); border: none; outline: none!important; box-shadow: none; } .custom-control-input:checked~.custom-control-label, #exhibitor-list-quick-search.exhibitor-list-input-padding { outline: none!important; background-color: transparent; box-shadow: none; } #navbar-left-block { margin-left: 50px; } /* Put navbar font familly in priority */ #header #navbar-left-block div { text-transform: capitalize; font-family: var(--default-font-family); font-weight: 500; font-size: var(--default-navbar-text-size); color: var(--default-text-color); line-height: 22px; } .nav-link .navbarChevron::before { font-family: 'Font Awesome 5 Pro'; content: '\f078'!important; } .btn { border-radius:0px; } .btn-primary, .btn-info { background-color: var(--secondary-bg-color); border-color: var(--secondary-bg-color); color: white; } .btn-primary:hover, .btn-info:hover { background-color: var(--secondary-bg-color); color: #999999; border-color: var(--secondary-bg-color); } .alert.alert-info { background-color: #ECEFFA; color: var(--default-text-color); border: none; } .alert.alert-info i { font-weight: 400; } a.btn-primary:hover, a.btn-info:hover { text-decoration: none; color: white; } a.exhibitorListVisitPageButton.btn-primary:visited, a.exhibitorListVisitPageButton.btn-info:visited { color: var(--default-text-color); } .btn-secondary { background-color: #028989; border-color: #028989; color: white; } .btn-secondary:hover { background-color: #07e3e3; border-color: #07e3e3; } a.btn-secondary:visited { color: white; } a.badge-primary:visited { color: white; } .bg-warning { background-color: var(--secondary-bg-color)!important; } .border-warning { border-color:var(--secondary-bg-color)!important; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } article, aside, header, hgroup, nav, section { display: block; } br { margin-bottom: 10px; } /*------------------------------------------------*/ /*----------------[MODAL BACKDROP]----------------*/ /*------------------------------------------------*/ .modal-backdrop.fade.show { background-color: #CACACA !important; opacity: 0.6 !important; } /*------------------------------------------------*/ /*-----------------[BASIC STYLES]-----------------*/ /*------------------------------------------------*/ body { line-height: 20px; font-family: var(--default-font-family); font-size: 13px; color: #4d4d4d; background-color: #505365; } #header { padding-top: 5px; padding-bottom: 5px; text-align: left; margin: 0 auto; position: relative; margin-bottom: 15px; position: fixed; width: 100%; top: 0px; z-index: 1000; background-color:#ffffff; /* -moz-box-shadow: 0px 5px 5px 0px #cfcfcf; -webkit-box-shadow: 0px 5px 5px 0px #cfcfcf; -o-box-shadow: 0px 5px 5px 0px #cfcfcf; box-shadow: 0px 5px 5px 0px #cfcfcf; filter: progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=180, Strength=5); */ } #header .btn { margin-left: 5px; } a { text-decoration: none; color: #002454; } a:hover { text-decoration: underline; color: #002454; } a:visited { color: #002454; } .clear { clear: both; } .ui-tabs-hide { display: none; } br.clear { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6 { font-family: 'Selecta', ESCMID Conduit ITC, 'Open Sans', 'Roboto', 'Arial', sans-serif; padding-bottom: 5px; color: #000000; line-height: 1em; font-weight: 500!important; font-size: var(--default-title-h2-font-size); } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #000000; } h1 { font-size: 26px; } h2 { font-size: 22px; /*font-weight:100;*/ } h3 { font-size: 20px; /*font-weight:100;*/ } h4 { font-size: 16px; } h5 { font-size: 14px; } h6 { font-size: 13px; } p { padding-bottom: 10px; /*line-height: 24px;*/ } strong { font-weight: 700; } cite, em, i { font-style: italic; } pre, code { font-family: Courier New, monospace; margin-bottom: 10px; } ins { text-decoration: none; } sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; } sup { bottom: .8em; } sub { top: .3em; } dl { margin: 0 0 1.5em; } dl dt { font-weight: 700; } dd { margin-left: 1.5em; } blockquote { margin: 1.5em; padding: 1em; color: #666; background: #e6e6e6; font-style: italic; border: 1px solid #dcdcdc; } blockquote p { padding-bottom: 0; } input[type=text], input[type=password], input.text, input.title, textarea, select { font-family: var(--default-font-family); font-size: 13px; background-color: #fff; border: 1px solid #bbb; padding: 3px; color: #4e4e4e; border-radius: 7px; } input[type=password]:focus, input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color: #2D3940; color: #3e3e3e; } input[type=password], input[type=text], input.text, input.title, textarea, select { margin: .5em 0; } textarea { padding: 4px; border-radius: 0; } button a { font-size: 12px; } img#about-image { float: left; margin: 3px 8px 8px 0; } /* .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }*/ * html .clearfix { zoom: 1; } /* IE6 */ :first-child + html .clearfix { zoom: 1; } /* IE7 */ .spacer { clear: both; height: 0; overflow: hidden; /* Pr�caution pour IE 7 */ } .center { text-align: center; } /* JQUERY UI REDEF */ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { background: none; background-color: #e1e1e1; font-weight: 400; border: 0; padding: 3px; } a.ui-widget { color: #fff; } a.ui-widget:visited { color: #fff; /* #4f5466; */ } a.ui-widget:hover { color: #fff; } .ui-widget { text-align: left; font-size: 1em; } .ui-menu-item { font-family: var(--default-font-family); } .ui-menu-item a { color: #4e5366; } .ui-menu-item a:visited { color: #4f5466; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { /*Couleur bg boutons*/ background: #002454; } .ui-button { font-family: var(--default-font-family); /*font-weight:bold;*/ font-weight: 300; /*Couleur texte boutons*/ color: #fff; /* background: #f1f1f1; // Old browsers background: -moz-linear-gradient(top, #f1f1f1 0%, #f1f1f1 45%, #e9e9e9 49%, #fefefe 100%); // FF3.6+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(45%,#f1f1f1), color-stop(49%,#e9e9e9), color-stop(100%,#fefefe)); // Chrome,Safari4+ background: -webkit-linear-gradient(top, #f1f1f1 0%,#f1f1f1 45%,#e9e9e9 49%,#fefefe 100%); // Chrome10+,Safari5.1+ background: -o-linear-gradient(top, #f1f1f1 0%,#f1f1f1 45%,#e9e9e9 49%,#fefefe 100%); // Opera 11.10+ background: -ms-linear-gradient(top, #f1f1f1 0%,#f1f1f1 45%,#e9e9e9 49%,#fefefe 100%); // IE10+ background: linear-gradient(to bottom, #f1f1f1 0%,#f1f1f1 45%,#e9e9e9 49%,#fefefe 100%); // W3C filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#fefefe',GradientType=0 ); // IE6-9 border-color:#999999;; */ border: 1px solid #fff; /*border:0px;*/ } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { /*Couleur secondaire*/ background: #ffaf0f; } .ui-state-error { text-align: left; margin-bottom: 5px; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { /*Couleur texte boutons*/ /*color:#414353; */ color: #fff; font-weight: 400; } .ui-corner, .ui-corner-all, .ui-corner-top, .ui-corner-bottom { border-radius: 0.5em; } .ui-button:hover { opacity: 0.7; } .ui-widget-header { border: 1px solid #002454; background: #000 repeat-x; color: #fff; font-weight: 700; } .ui-widget-content { border: 1px solid #DDD; background: #fff; color: #002454; } .ui-widget-content a { color: #002454; } input[type="text"].placeholder, input[type="password"].placeholder, textarea.placeholder { color: #999; } /*compat IE*/ input.placeholder { color: #999; } /*compat IE*/ /*------------------------------------------------*/ /*-----------------[TOOLTIP]-----------------------*/ /*------------------------------------------------*/ .ui-tooltip, .tooltip-arrow:after { background: #002454; border: 2px solid #fff; } .ui-tooltip { padding: 10px 20px; color: #fff; border-radius: 5px; font: bold 12px Roboto, "Helvetica Neue", Sans-Serif; text-transform: uppercase; box-shadow: 0 0 7px #002454; } /* .tooltip-arrow { width: 70px; height: 16px; overflow: hidden; position: absolute; left: 50%; margin-left: -35px; bottom: -16px; } .tooltip-arrow.top { top: -16px; bottom: auto; } .tooltip-arrow.left { left: 20%; } .tooltip-arrow:after { content: ""; position: absolute; left: 20px; top: -20px; width: 25px; height: 25px; box-shadow: 6px 5px 9px -9px black; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); tranform: rotate(45deg); } .tooltip-arrow.top:after { bottom: -20px; top: auto; } */ /*------------------------------------------------*/ /*-----------------[HEADER]-----------------------*/ /*------------------------------------------------*/ header { } #header_menu { position: absolute; margin-top: -20px; z-index: 1000; display: block; width: 197px; display: none; } .header-menu-conteneur { width: 100%; } .header-menu-conteneur .ui-button { width: 100%; /* padding:3px; */ } /* blog info du header */ .top-info { text-align: center; margin-left: auto; margin-right: auto; position: relative; } /* css du logo site */ .logook { display: block; /* min-width:167px; float:left; */ } .logook img { max-height: 30px; } /* css du baseline site */ .baseline { font-size: 17px; color: #002454; /*#f08700;*/ float: left; display: block; padding-top: 7px; font-family: 'Roboto'; font-weight: 300; } /* css login header site */ .top-info .login { float: left; height: 35px; margin-left: 15px; margin-top: 25px; } #top_banner { margin-left: 10px; margin-bottom: 10px; } #creacompte { float: left; height: 35px; margin-top: 45px; } .dialogue { text-align: center; height: 130px; margin-top: 0; margin-left: 240px; width: 1000px; } .header-recherche { } #headerRechercheTxt { margin: 0px; outline: none; font-size: 14px; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 3px; margin-left: 5px; } #advanced-search-block { margin-top: 35px; padding-top: 5px; border-top: 1px solid var(--default-input-border-color); border-left: 0; border-right: 0; border-bottom: 0; } #advancedSearchBlockTitle { margin-bottom: 20px; } /*#zone-contenu:has(#advanced-search-container-list) > div {*/ /* padding-left: 0;*/ /*}*/ /*------------------------------------------------*/ /*-----------------[CONTENU HP ]------------------*/ /*------------------------------------------------*/ #zone-principale { /*background: url(../images/bck_full.jpg);*/ margin: 0 auto; /*width: 990px;*/ position: relative; margin-top: 90px; } #zone-contenu { /*width: 990px;*/ } .container-fluid.container-zone-principale { max-width: 1585px; } /*------------------------------------------------*/ /*---------[CONTENU HP Sidebar ]------------------*/ /*------------------------------------------------*/ #zone-contenu-sidebar { /* float: right; width: 268px; padding: 0 15px 30px 15px; */ text-align: justify; } .cardHeaderSidePanel { background-color: var(--default-bg-color)!important; color: var(--default-text-color)!important; } #change-date-sidepanel { padding: 0 20px 0 20px; } .cardDisplayPrgSidePanel .speaker-list-holder, .card-body-custom{ padding: 0; } .cardHeaderSidePanel h4 { border-bottom: solid 1px var(--default-input-border-color)!important; padding-bottom: 20px; font-size: var(--default-title-h4-text-size); font-family: var(--default-font-family); font-weight: 700!important; line-height: 33px; color: var(--default-text-color)!important; margin-bottom: 15px; margin-top: 50px; } #searchInputPrgSatForm { width: 100%; } #searchInputPrgSatForm input#searchInputPrgSat, .panelDisplaySpeaker .speakerSearchSection .searchSpeakerPanel, .panelDisplayAgenda input#searchInputAgenda, .companiesListSidePanel input#searchInputCompanies, #select-timezone-agenda .select2-selection--single { border: solid var(--default-input-border-color) 1px!important; border-radius: 7px!important; color: var(--default-text-color)!important; } #searchInputPrgSatForm input#searchInputPrgSat::placeholder, .panelDisplaySpeaker .speakerSearchSection .searchSpeakerPanel::placeholder, .panelDisplayAgenda input#searchInputAgenda::placeholder, .companiesListSidePanel input#searchInputCompanies::placeholder { color: var(--default-text-color)!important; font-size: var(--default-text-size); } .cardHeaderSidePanel .closePanel { position: absolute; z-index: 5; top: 20px; right: 20px; opacity: 1!important; display: flex; justify-content: center; align-items: center; padding-left: .5rem; } .cardHeaderSidePanel .closePanel > div > i { color: var(--default-text-color)!important; font-weight: 300; opacity: 1; } .panelDisplayPrg .bootstrap-select > .dropdown-toggle, .panelDisplaySpeaker .bootstrap-select > .dropdown-toggle, .cardDisplayCompaniesListSidePanel .js-sb-companies-list-sponsor-level-select { background-color: var(--default-bg-color)!important; border-radius: 7px!important; border: solid var(--default-input-border-color) 1px!important; } .panelDisplayPrg .bootstrap-select > .dropdown-toggle, .panelDisplaySpeaker .bootstrap-select > .dropdown-toggle { padding-top: 8px!important; } .cardDisplayCompaniesListSidePanel .js-sb-companies-list-sponsor-level-select { padding-top: 5px!important; } .js-sb-companies-list-sponsor-level-select { background-image: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat; background-position: right 0.5rem center; background-size: 1.5em; padding-right: 2.25rem; } .js-sb-companies-list-sponsor-level-select { font-size: 15px!important; color: #000; padding-top: 0!important; font-family: var(--default-font-family); font-weight: 400!important; } .js-sb-companies-list-sponsor-level-select option { font-weight: 400; } .panelDisplayPrg .bootstrap-select >.dropdown-toggle:after, .sideBarPanel .bootstrap-select>.dropdown-toggle:after { content: '\f078'; font-family: 'Font Awesome 5 Pro'; font-size: var(--quaternary-text-size); color: var(--default-text-color); border: none!important; margin-top: -6px!important; } .panelDisplayPrg .sessionHourSidePanel { width: 85%; } .cardDisplayCompaniesListSidePanel .sb_companies-list-sponsor__card { background-color: var(--secondary-bg-color)!important; } .sb_company__card, .cardDisplayCompaniesListSidePanel .sb_companies-list-sponsor__card { margin-left: 20px!important; margin-right: 20px!important; } .sideBarPanel #link-to-prg-sidepanel, .sideBarPanel #link-to-prg-sidepanel a, .cardDisplayPrgSidePanel { color: var(--default-text-color)!important; font-size: var(--default-text-size)!important; } .cardDisplayPrgSidePanel, .sideBarPanel { width: 25rem; } .sideBarPanel h4 { padding-left: 0; } .sideBarPanel #link-to-prg-sidepanel:not(.speakerSidePanel #link-to-prg-sidepanel):not(.panelDisplayAgenda #link-to-prg-sidepanel):not(.panelDisplayCompaniesList #link-to-prg-sidepanel) { padding-top: 20px; padding-bottom: 10px!important; font-size: var(--default-text-size)!important; } .speakerSidePanel #link-to-prg-sidepanel, .panelDisplayAgenda #link-to-prg-sidepanel, .panelDisplayCompaniesList #link-to-prg-sidepanel { padding-top: 0!important; margin-top: 0!important; } .global-live-panel-room-online { background-color: var(--tertiary-bg-color)!important; } .panelDisplaySpeaker .speakerListInfScroll { margin-left: 20px!important; margin-right: 20px!important; } .panelDisplaySpeaker .userProfileModalEvent > div:first-child { padding-left: 0!important; } .panelDisplaySpeaker .letterTitle { border-radius: 8px; } .panelDisplaySpeaker #link-to-prg-sidepanel { font-size: var(--quaternary-text-size); font-weight: 400; font-family: var(--default-font-family); } .panelDisplayPrg #currentDaySpan { font-size: var(--default-title-h4-text-size)!important; font-family: var(--default-font-family); font-weight: 700; line-height: 31px; } #change-date-sidepanel i.changeDayLeft::before { content: '\f060'!important; font-family: "Font Awesome 5 Pro"; float: none; margin-right: 15px; } #change-date-sidepanel i.changeDayLeft, #change-date-sidepanel i.changeDayRight{ float: none; font-size: 1rem; } #change-date-sidepanel i.changeDayRight::before { content: '\f061'!important; font-family: "Font Awesome 5 Pro"; margin-left: 15px; } .sideBarPanel .sessionHourSidePanel, .sideBarPanel .divRecapSession { margin-left: auto; margin-right: auto; width: 85%!important; } #left-panel-float .border-top { border-color: var(--quaternary-input-border-color)!important; } .sidebar-titre { color: #002454; font-size: 18px; width: 100%; margin-bottom: 10px; font-weight: 400; padding-bottom: 10px; border-bottom: 1px solid #002454; } .sidebar-titre_small { color: #002454; font-size: 18px; width: 100%; margin-bottom: 20px; } .hp-sidebar-apropos { text-align: justify; color: #4d4d4d; /*#414353;*/ font-size: .9em; } .blocreplay { /*width: 269px;*/ height: 70px; /*background: url(../images/plus.png) bottom right no-repeat;*/ text-transform: none; margin-bottom: 16px; } .blocreplay a { text-decoration: none; } .blcrp-image { width: 116px; height: 67px; display: block; border: 1px solid #e3e3e3; /*Couleur template */ float: left; margin: 0 6px 0 0; } .blcrp-titre { font-size: 13px; color: #000; text-decoration: none !important; line-height: 14px; font-weight: 300; display: block; } .blcrp-soustitre { /*text-align: justify;*/ font-size: 10px; font-weight: 100; line-height: 12px; display: block; color: #4d4d4d; /* #686E82;*/ text-decoration: none !important; } .tout { color: #fff; background-color: #002454; /*Couleur template */ padding: 2px 13px 3px; float: right; margin-right: 3px; display: block; min-width: 225px; margin-bottom: 5px; text-align: center; } .zone-contenu-liens-buttons { margin-bottom: 10px; clear: both; } .zone-contenu-liens-buttons a span { /*width:240px;*/ text-align: center; } /*------------------------------------------------*/ /*---------[CONTENU HP Contenu principale ]-------*/ /*------------------------------------------------*/ #zone-contenu-principale { margin: 0; padding: 0; padding-left: 10px; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; /*width:680px;*/ /*float:left;*/ /*border-right: solid 1px #B4BACE;*/ } .alaune_video_conteneur { /*float:left;*/ padding-right: 2px; padding-left: 2px; margin-bottom: 4px; /* width:210px; height:120px; border: solid 1px #002454; -moz-box-shadow: 5px 5px 10px 1px #cfcfcf; -webkit-box-shadow: 5px 5px 10px 1px #CFCFCF; -o-box-shadow: 5px 5px 10px 1px #cfcfcf; box-shadow: 5px 5px 10px 1px #CFCFCF; filter: progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=134, Strength=10); */ } .alaune_video_conteneur_img { } .alaune_video_conteneur .alaune_video_titre { background-color: #002454; padding: 3px; position: absolute; margin-top: -120px; /*width:204px;*/ color: #fff; } .vdo_viewer_video { overflow: hidden; /*width: 640px; height: 361px; */ width: 100%; /*height:100%;*/ display: block; color: #002454; border: 1px solid #e1e1e1; /*Couleur template light*/ } .vdo_viewer_pub_controller { background-color: #002454; display: block; color: #fff; padding: 5px; } /** class sp�cifique au css black - S'applique au "Passer" lors de l'affiche d'une pub **/ .skip { color: #fff; text-decoration: none; } a.skip:visited { color: #fff; text-decoration: none; } .skip:hover { color: #fff; text-decoration: none; } .ui-notify a { color: #fff; text-decoration: none; } /** class sp�cifique au css black - S'applique au "Passer" lors de l'affiche d'une pub **/ .vdo_viewer_blocage_acctype { color: #fff; display: table-cell; vertical-align: middle; } .vdo_viewer_blocage_acctype p { margin-top: 10px; margin-bottom: 10px; line-height: 20px; } .vdo_viewer_blocage_acctype h3 { color: var(--default-text-color); /*#dd521a;*/ } .vdo_viewer_soustitre { height: 21px; margin-top: 10px; margin-bottom: 10px; } .vdo_viewer_soustitre span { font-family: Montserrat, ESCMID Conduit ITC, 'Trebuchet MS'; font-weight: bold; font-size: 18px; float: left; color: black; } .chapeau { margin: 7px 20px 0 25px; font-family: Montserrat, ESCMID Conduit ITC, 'Trebuchet MS'; text-transform: none; /*width:620px;*/ text-align: justify; font-size: 12px; line-height: 19px; } .chapeau .read-more-link { color: #002454; font-weight: 700; } .v_detail_vdo_texte { } .v_detail_vdo_texte .read-more-link { width: 620px; text-align: justify; font-size: 12px; line-height: 19px; color: #002454; font-weight: 700; } .suite { color: #002454; /*#FDA723;*/ text-decoration: none; text-transform: uppercase; font-weight: 700; } .vdo_viewer_like { /*background: url(../images/reso.png) no-repeat right;*/ width: 100%; height: 25px; margin-top: 5px; margin-bottom: 10px; } .vdo_viewer_like .facebook { float: right; padding-top: 0; margin-right: 5px; } .vdo_viewer_like .twitter { float: right; padding-top: 0; } .programme { margin: 10px 10px 10px 0; font-size: 30px; } .programme span { background: #fff; } .programme-room-live-indicator { position: relative; padding-left: 15px; } .programme-room-live-indicator:before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 8px; /* Taille du point */ height: 8px; background-color: #ff4b32; border-radius: 50%; } .progresume { margin: 0; font-family: Montserrat, ESCMID Conduit ITC, Trebuchet MS; text-transform: none; height: 70px; } #date { background: url(../images/date.png) no-repeat; width: 48px; height: 54px; float: left; text-align: center; } .mois { color: #fff; font-size: 20px; text-transform: uppercase; font-weight: 700; letter-spacing: -1px; } .jour { color: gray; /*#686E82;*/ font-size: 30px; letter-spacing: -1px; font-weight: 700; margin: 3px 0 0; display: block; padding-top: 3px; padding-right: 5px; } #contenuprogramme { } .progtitre { font-size: 18px; font-weight: bold; } .progteaser { text-align: justify; font-size: 12px; margin-top: 2px; line-height: 18px; display: block; } .hp_liste-replays { /*width:648px;*/ } .hp_liste-replays-title { margin-top: 20px; padding-top: 10px; margin-bottom: 20px; /*background:url(../images/line_grey.jpg) repeat-x;*/ border-top: 1px solid #e1e1e1; /*Couleur template light*/ color: #db0726; font-size: 24px; font-weight: 100; } .hp_liste-replays-title span { margin-bottom: 10px; padding-right: 10px; } /*------------------------------------------------*/ /*-----------------[FOOTER ]----------------------*/ /*------------------------------------------------*/ #main-footer { background-color: #e7e7e7; text-align: center; width: 100%; font-family: ESCMID Conduit ITC, Montserrat, 'Roboto'; font-size: 12px; text-transform: none; padding: 20px; color: #002454; } .containerfoot { color: #858585; position: relative; padding: 10px; margin: 0 auto; width: 100%; margin-bottom: 30px; } .containerfoot a { color: #858585; } p#copyright { color: #858585; font-size: 12px; float: right; padding-top: 19px; border-top: 1px solid #e9e9e9; margin: 22px 13px 13px 0; } p#copyright a { color: #858585; font-family: ESCMID Conduit ITC, Montserrat, Georgia, serif; font-style: italic; } /*------------------------------------------------*/ /*---------[CONTENU LISTE VIDEO ]-----------------*/ /*------------------------------------------------*/ .v_liste_titre { color: #002454; /* orange; */ font-size: 1.5em; } .v_liste_titre a { text-decoration: none; } .v_liste_bloc { } .v_liste_overlay_infos { z-index: 1000; position: absolute; width: 670px; height: 135px; background-color: #002454; /*#ea4e1d;*/ /* Theoretically for IE 8 & 9 (more valid) */ /* ...but not required as filter works too */ /* should come BEFORE filter */ -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); /* This works in IE 8 & 9 too */ /* ... but also 5, 6, 7 */ filter: alpha(opacity=90); /* Modern! /* Firefox 0.9+, Safari 2?, Chrome any? /* Opera 9+, IE 9+ */ opacity: .9; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .v_liste_overlay_infos p { padding-top: 50px; text-align: center; font-size: 1.5em; font-weight: 700; text-shadow: 1px 1px 1px #002454; filter: dropshadow(color=#000, offx=1, offy=1); } .v_liste_bloc_texte { float: left; width: 99%; margin: 0 20px 0 0; /*font-family:Trebuchet MS;*/ text-transform: none; text-align: justify; font-size: 12px; line-height: 19px; } .v_liste_bloc_texte_span { width: 180px; height: 100px; display: block; border: solid 1px #002454; /*#fbbf7c;*/ float: left; margin: 0 10px 0 0; /* effet ombrage */ -moz-box-shadow: 5px 5px 10px 1px #cfcfcf; -webkit-box-shadow: 5px 5px 10px 1px #cfcfcf; -o-box-shadow: 5px 5px 10px 1px #cfcfcf; box-shadow: 5px 5px 10px 1px #cfcfcf; filter: progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=134, Strength=10); -webkit-border-radius: 3px; border-radius: 3px; } .v_liste_bloc_texte_span_chaine { height: 100px; display: block; border: solid 1px #002454; /*#fbbf7c;*/ float: left; margin: 0 10px 0 0; /* effet ombrage */ -moz-box-shadow: 5px 5px 10px 1px #cfcfcf; -webkit-box-shadow: 5px 5px 10px 1px #cfcfcf; -o-box-shadow: 5px 5px 10px 1px #cfcfcf; box-shadow: 5px 5px 10px 1px #cfcfcf; filter: progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=134, Strength=10); -webkit-border-radius: 3px; border-radius: 3px; } .v_liste_bloc_texte_span img { -webkit-border-radius: 3px; border-radius: 3px; } .admin_replay_v_liste_bloc_texte { float: left; width: 80%; } .v_liste_bloc_info { font-size: .8em; } .v_liste_tiret { background-color: rgba(180, 180, 180, 0.88); height: 1px; width: 60%; margin-left: 50px; } .v_liste_bloc_buttons { float: left; } .v_liste_bloc_buttons a { width: 90px; } .v_liste_abonnement_btn { width: 100%; text-align: center; } .v_liste_abonnement_btn span { } .v_liste_vdo_duree { position: absolute; background-color: #002454; margin-top: -25px; height: 20px; width: 40px; text-align: center; font-size: .8em; color: #fff; filter: alpha(opacity=80); opacity: .8; } .v_liste_vdo_duree_chaine { position: absolute; background-color: #002454; margin-top: -20px; height: 20px; width: 70px; text-align: center; font-size: .8em; color: #fff; filter: alpha(opacity=80); opacity: .8; } a.v_liste_bloc_liste_cat_vdo { font-size: .8em; margin-bottom: 2px; } .main_contentb:hover { -webkit-border-radius: 3px; border-radius: 3px; background-color: #bfbfbf; -webkit-box-shadow: 1px 1px 1px 1px #CCC; box-shadow: 1px 1px 1px 1px #CCC; } .main_contentb { padding: 5px; margin-bottom: 10px; } .pagination { margin-bottom: 10px; } .paginationActuel { border: 1px solid #bbb; -webkit-border-radius: 1px; border-radius: 1px; display: block; float: left; width: 20px; height: 20px; padding-top: 5px; padding-bottom: 5px; text-align: center; margin-left: 2px; margin-right: 2px; color: #002454; background-color: #002454; /*#ea4e08;*/ } .paginationLien { border: 1px solid #bbb; -webkit-border-radius: 1px; border-radius: 1px; display: block; float: left; width: 20px; height: 20px; padding-top: 5px; padding-bottom: 5px; text-align: center; margin-left: 2px; margin-right: 2px; color: #002454; background-color: #414353; } .pagination a { text-decoration: none; } /*------------------------------------------------*/ /*---------[CONTENU LISTE VIDEO CATEGORIE ]-------*/ /*------------------------------------------------*/ .categorie { margin-top: 10px; } .categorieBloc { float: left; width: 120px; height: 115px; margin-right: 10px; margin-bottom: 5px; border: 1px solid #999; cursor: pointer; font-weight: 400; color: #fff; /* effet ombrage */ -moz-box-shadow: 5px 5px 10px 1px #cfcfcf; -webkit-box-shadow: 5px 5px 10px 1px #cfcfcf; -o-box-shadow: 5px 5px 10px 1px #cfcfcf; box-shadow: 5px 5px 10px 1px #cfcfcf; filter: progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=134, Strength=10); -webkit-border-radius: 3px; border-radius: 3px; } .categorieBloc img { z-index: 1; } .categorieBloc:hover { border-color: #f17400; color: #f17400; font-weight: 700; } .categorieInfo { z-index: 10; position: absolute; background-color: rgba(0, 0, 0, 0.6); color: inherit; font-weight: inherit; font-size: 10px; text-align: center; margin-top: -20px; height: 20px; width: 120px; text-transform: uppercase; } .categorieNbre { z-index: 5; position: absolute; font-weight: inherit; width: 30px; height: 30px; padding-left: 20px; margin-left: 91px; margin-top: -1px; font-size: .8em; background-repeat: no-repeat; background: url(../images/triangle-gris.png) no-repeat; color: inherit; } /*------------------------------------------------*/ /*---------[CONTENU VIDEO Viewer ]----------------*/ /*------------------------------------------------*/ #v_viewer_partager { border: 1px solid #002454; /*orange;*/ /*height: 100px;*/ display: none; padding: 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .v_viewer_bloc_info { font-size: .8em; } #v_viewer_partage_input_lien { width: 650px; height: 20px; float: left; } .v_viewer_partage_button { float: left; padding-left: 10px; margin-left: 30px; } .v_viewer_partage_button-btns { font-size: .9em; text-align: center; width: 70px; } .v_viewer_partage_button_share { float: right; padding-left: 10px; } #v_viewer_partage_bloc_embed { clear: both; margin-top: 20px; text-transform: none; display: none; } .v_viewer_partage_taille_perso { border: 1px solid #BBB; padding: 5px; margin-top: 5px; margin-left: 1px; margin-bottom: 10px; } .v_viewer_partage_taille_perso label { margin-right: 10px; } .v_viewer_partage_taille_perso label input { margin-top: 5px; } .v_viewer_partage_tiret { background-color: rgba(180, 180, 180, 0.88); height: 1px; width: 100%; margin-top: 10px; margin-bottom: 10px; } .v_viewer_partager_ajouter_btns { font-size: .8em; } .v_viewer_partage_bloc_embed_radio { text-align: center; margin-bottom: 10px; } #v_viewer_partage_bloc_embed_textarea { float: left; width: 650px; height: 60px; } /*------------------------------------------------*/ /*---------[CONTENU VIDEO Detail ]----------------*/ /*------------------------------------------------*/ #v_detail_conteneur { /* margin-left:20px; width:652px; */ } .v_detail_new_comment_notlogged { border: 1px solid #002454; /*orange;*/ height: 100px; -webkit-border-radius: 3px; border-radius: 3px; padding: 5px; } .v_detail_new_comment { } .v_detail_new_comment div { float: left; text-align: center; margin-top: 5px; } .v_detail_new_comment textarea { float: right; /*width:555px;*/ width: 75%; height: 70px; } .v_detail_new_comment .ui-widget { float: right; } .v_detail_new_comment button { float: right; } #v_detail_comment { margin-top: 30px; } #v_detail_comment h1 { } .v_detail_comment_bloc { margin-top: 15px; } .v_detail_comment_bloc img { margin-left: 10px; margin-right: 10px; float: left; } #v_detail_comment h1 .texte { float: left; margin: 0 20px 0 25px; font-family: Trebuchet MS; text-transform: none; height: 70px; } .v_detail_comment_bloc h2 { } .v_detail_comment_bloc .date { background: url(../images/date.png) no-repeat; width: 48px; height: 54px; float: right; text-align: center; } .v_detail_comment_bloc .mois { color: #fff; font-size: 20px; text-transform: uppercase; font-weight: 700; letter-spacing: -1px; } .v_detail_comment_bloc .jour { color: gray; /*#686E82;*/ font-size: 30px; letter-spacing: -1px; font-weight: 700; margin: 3px 0 0; display: block; } .v_detail_comment_bloc .contenu { float: left; width: 510px; text-align: justify; color: #4d4d4d; /*#686E82;*/ } .v_detail_comment_btn_supp { width: 70px; } .v_detail_comment_btn_supp span { font-size: .5em; } .v_detail_vdo_liste_categorie { margin-top: 5px; margin-bottom: 5px; } /*------------------------------------------------*/ /*---------[CONTENU Login Page]-------------------*/ /*------------------------------------------------*/ .login_conteneur { margin-top: 50px; } .login_conteneur h1 { text-align: center; margin-bottom: 30px; } .login_social_btn { text-align: center; } .login_tirer { background-color: rgba(180, 180, 180, 0.88); height: 1px; width: 50%; margin-top: 40px; margin-bottom: 40px; margin-left: 247px; } .login_log { text-align: center; margin-bottom: 50px; } .login_input { width: 320px; height: 30px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #AD9C9C; font-size: 1.1em; padding-left: 10px; color: #002454; box-shadow: inset 0 1px rgba(34, 25, 25, 0.15), 0 1px #fff; } .login_button { min-width: 200px; height: 37px; border-radius: 5px; } .login_connect_btn { width: 330px; margin-left: auto; margin-right: auto; } .login_remember_me { width: 170px; display: inline-block; text-align: left; } .login_connect_btn a { width: 150px; text-align: center; } .login_connect_btn #login_connect_error { width: 320px; margin-left: auto; margin-right: auto; margin-bottom: 5px; } .login_forget_mdp { margin-left: 228px; font-size: .8em; margin-top: 5px; } .login_lost_pwd_btn a { margin-left: 78px; width: 250px; text-align: center; } .login_creation { margin-left: 65px; margin-top: 30px; } /*------------------------------------------------*/ /*---------[CONTENU Cr�ation Compte]--------------*/ /*------------------------------------------------*/ .user_creation_conteneur { text-align: center; margin-bottom: 50px; width: 320px; margin-left: auto; margin-right: auto; } .user_creation_conteneur h1 { margin-bottom: 30px; } .user_creation_photo { border: 1px solid #bbb; padding: 1px; width: 114px; margin-top: 7px; text-align: center; margin-left: auto; margin-right: auto; } .user_creation_bloc_input { width: 300px; margin-left: auto; margin-right: auto; } .user_creation_input { width: 300px; height: 30px; font-size: 1.1em; margin-bottom: 5px; } .user_creation_input2 { width: 220px; height: 30px; font-size: 1.1em; } .user_creation_tiret { background-color: rgba(180, 180, 180, 0.88); height: 1px; width: 80%; margin-top: 20px; margin-bottom: 20px; margin-left: auto; margin-right: auto; } .user_creation_cgu { text-align: justify; margin-bottom: 30px; } /*------------------------------------------------*/ /*---------[Live Interface ]----------------------*/ /*------------------------------------------------*/ .fo-live-interface-live-gauche { float: left; } .fo-live-interface-ligne-zero { border-left: 1px solid #002454; /*#fda529;*/ border-right: 1px solid #002454; /*#fda529;*/ border-bottom: 1px solid #002454; /*#fda529;*/ width: 640px; padding: 5px; } .fo-live-interface-ligne-zero-contenu { padding: 3px; background-color: #002454; color: #fff; } .fo-live-interface-live-droite { float: left; margin-left: 20px; width: 300px; } .fo-live-interface-live-bloc { padding: 10px; } .fo-live-under-video-viewer-conteneur { margin-top: 20px; margin-bottom: 20px; } .fo-live-interface-bloc-question-tabs-cadre { border: 1px solid #bbb; padding: 5px; margin: 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fo-live-interface-bloc-question-tabs-cadre span { font-style: italic; font-weight: 500; } .fo-live-interface-bloc-question_tabs-3-btn { margin-top: 40px; margin-left: 450px; } .fo-live-tabs-document-bloc { position: relative; display: block; margin-top: 30px; } .fo-live-tabs-document-bloc-cadre { border: 1px solid #bbb; width: 60%; padding: 10px; margin-top: 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-left: 100px; } .fo-live-tabs-document-bloc_titre { float: left; margin-left: 10px; } .fo-live-tabs-document-bloc_icone { float: left; margin-top: -5px; margin-left: 10px; } #fo-live-interface-bloc-question_tabs-1 .fo-live-interface-bloc-question-tabs-cadre:nth-child(2n+1), #fo-live-interface-bloc-question_tabs-2 .fo-live-interface-bloc-question-tabs-cadre:nth-child(2n+1) { background-color: #e7e7e7; } .fo-live-interface-bloc-question-internaute { /**width: 102%;**/ border: 1px solid #DDD; height: 50px; padding: 10px; margin-top: 10px; margin-bottom: 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fo-live-interface-bloc-question-internaute-input { float: left; margin-left: 20px; } .fo-live-interface-bloc-question-internaute-input-text { height: 30px; font-size: 1.1em; } .fo-live-interface-bloc-question-internaute-btn { float: left; margin-left: 40px; margin-top: 10px; } .fo-live-interface-live-droite-invite-photo { float: left; } .fo-live-interface-live-droite-invite-detail { margin-left: 5px; float: left; width: 200px; } .fo-live-interface-live-droite-invite-presentation { margin-left: 10px; float: left; width: 90%; } .fo-live-interface-live-droite-invite-detail-nom_prenom { } .fo-live-interface-live-droite-invite-detail_presentation { font-size: .8em; } .fo-live-interface-live-droite-invite-detail_detail { font-size: .8em; margin-left: 6px; } .fo-live-interface-live-droite-bloc-social-link { } .fo-live-interface-live-droite-bloc-social-link-logo { text-align: center; } .fo-live-interface-live-droite-bloc-social-link-logo .facebook { float: left; margin-left: 20px; margin-bottom: 10px; } .fo-live-interface-live-droite-bloc-social-link-logo .twitter { float: left; margin-left: 5px; } .fo-live-interface-live-droite-bloc-social-link-bloc-connect { border: 1px solid #DDD; margin-left: 30px; border-radius: 4px; margin-top: 10px; height: 20px; font-size: 1.1em; padding: 10px; text-align: center; margin-left: auto; margin-right: auto; } .fo-live-interface-live-droite-bloc-social-link-bloc-facebook { border: 1px solid #DDD; border-radius: 4px; margin-top: 10px; height: 185px; font-size: 1.1em; padding: 10px; text-align: left; margin-left: auto; margin-right: auto; } .fo-live-interface-live-droite-bloc-social-link-bloc-twitter { margin-right: auto; margin-left: auto; text-align: center; margin-top: 20px; } .vdo_viewer_like .alerte span { font-size: .8em; } .fo_live_internaute_invite_presentation_bloc { text-align: justify; } .fo_live_internaute_sondage_tiret { background-color: rgba(180, 180, 180, 0.88); height: 1px; width: 80%; text-align: center; margin-bottom: 10px; margin-left: 100px; } .fo_live_internaute_sondage_prog_border { width: 300px; height: 20px; background: #999; border: 1px solid #DDD; float: left; margin-right: 10px; border-radius: 5px; white-space: nowrap; } .fo_live_internaute_sondage_prog_bar { height: 20px; background-color: #002454; /*#ff6600;*/ padding-left: 2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; /* utilisez une couleur ou une image de fond */ color: #fff; } .radio_vertical .ui-state-hover { color: #002454; /*#fd9a27;*/ } .radio_vertical .ui-state-active { color: #002454; /*#fd9a27;*/ } .fo_live_internaute_sondage_bloc_btn { text-align: center; margin-top: 30px; } .fo_live_internaute_sondage_reponse_bloc { margin-top: 9px; margin-bottom: 9px; } .fo_live_internaute_sondage_reponse_bloc_reponse_titre { /*margin-left:100px;*/ float: left; width: 300px; } .vdopollPrctContainer { font-weight: 700; } .fo_live_internaute_sondage_resultat_nbparticipant { text-align: right; margin-right: 35px; margin-top: 20px; } #fo_live_internaute_sondage_reponse_radio { width: 400px; /*margin-left: 150px;*/ } #fo_live_internaute_sondage_reponse_radio li { margin-bottom: 10px; text-align: justify; } /*------------------------------------------------*/ /*---------[Live Interface Teaser ]---------------*/ /*------------------------------------------------*/ .fo-live-interface-teaser-bloc-question-internaute { border: 1px solid #DDD; padding: 10px; margin-top: 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fo-live-interface-teaser-bloc-question-internaute-input { } .fo-live-interface-teaser-bloc-question-internaute-input-left { } .fo-live-interface-teaser-bloc-question-internaute-deja-pose { border: 1px solid #DDD; height: 400px; overflow: auto; padding: 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fo-live-interface-teaser-bloc-question-internaute-deja-pose .fo-live-interface-teaser-bloc-question-internaute-deja-pose_bloc:nth-child(2n+2) { background: #e7e7e7; } .fo-live-interface-teaser-bloc-question-internaute-deja-pose .auteur { display: block; text-align: right; font-weight: 600; } .fo-live-interface-teaser-bloc-question-internaute-deja-pose_bloc { border: 1px solid #DDD; padding: 5px; border-radius: 4px; margin-bottom: 5px; } .fo-live-internaute-teaser-alerte-conteneur { margin-left: 100px; margin-top: 50px; } .fo-live-internaute-teaser-alerte-conteneur-btn { float: right; margin-top: 10px; margin-right: 5px; } .fo-live-interface-ligne-zero-horiscroller { width: 640px; } .fo-live-interface-ligne-zero-horiscroller .scroll-text { } #fo-live-interface-live-moderateur-contact { float: right; display: block; margin-bottom: 5px; } #fo-live-interface-live-moderateur-contact a { font-size: .9em; } .digit.static { box-shadow: 1px 1px 1px rgba(4, 4, 4, 0.35); background-image: linear-gradient(bottom, #3A3A3A 50%, #444 50%); background-image: -o-linear-gradient(bottom, #3A3A3A 50%, #444 50%); background-image: -moz-linear-gradient(bottom, #3A3A3A 50%, #444 50%); background-image: -webkit-linear-gradient(bottom, #3A3A3A 50%, #444 50%); background-image: -ms-linear-gradient(bottom, #3A3A3A 50%, #444 50%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, #3A3A3A), color-stop(0.5, #444)); } .digit { position: absolute; display: block; width: 1em; background-color: #444; border-radius: .2em; text-align: center; color: #fff; letter-spacing: -1px; } /*------------------------------------------------*/ /*------ UTILISATEUR SUPPRESSION PROFIL ----------*/ /*------------------------------------------------*/ #user_del_link { margin-top: 20px; text-align: right; font-size: .8em; } #user_del_link a { font-size: inherit; } /*----------------------------------*/ /*------ VIDEOS CHAPITRES ----------*/ /*----------------------------------*/ .v_viewer_bloc_chapitres { display: block; width: 100%; margin-bottom: 10px; } .v_viewer_bloc_chapitres .chapitre_btn { display: block; float: left; width: 100px; padding: 4px; border-radius: 3px; background-color: #002454; margin-right: 10px; color: #fff; text-align: center; font-family: var(--default-font-family); font-size: 10px; cursor: pointer; line-height: 1em; } .v_viewer_bloc_chapitres .chapitre_btn:hover { opacity: .5; } .v_viewer_bloc_chapitres .chapitre_btn .timecode { font-size: 9px; position: absolute; } /*Special mods responsive*/ #video-liste-grid-conteneur .video-liste-grid-item { width: 215px; min-height: 370px; } .vdo_viewer_blocage_acctype { display: block; width: 100%; height: 100%; min-height: 360px; } .tooltip *, .fancybox-skin * { box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; } /*FILDARIANE*/ .fil-ariane { font-size: 1em; clear: both; } /*ECONGRES*/ .card-session { background-color: #0665a4; color: white; border-bottom: 1px solid white !important; } .live-programme .card-header-title p, .live-programme .card-header-time span, .live-programme .card-header-time p { color: white; } /*_:-webkit-full-screen, :root .sideBarPanel .card-header:not(.cardDisplayCompaniesListSidePanel .card-header),*/ /*_:-webkit-full-screen, :root .sideBarPanel .card-body-custom:not(.cardDisplayCompaniesListSidePanel .card-body-custom) {*/ /* margin-right: 15px;*/ /*}*/ .sideBarPanel::-webkit-scrollbar { width: 4px; } .sideBarPanel::-webkit-scrollbar-track { background-color: var(--default-bg-color)!important; border-right: solid 1px var(--default-input-border-color)!important; border-radius: 3px; } .sideBarPanel::-webkit-scrollbar-thumb { background: var(--default-input-border-color)!important; border-radius: 3px; } .sideBarPanel::-webkit-scrollbar-thumb:hover { background: var(--default-bg-color)!important; } .live-programme .card-session-type { display: none; } #header { opacity: 1; } #v2-container-fluid { margin: 0 !important; } /* #v2-container-fluid #zone-principale { padding: 0; } */ #v2-container-fluid.container-zone-principale { width: inherit; max-width: inherit; margin: 0; padding-right: 0; padding-left: 0; } .sideBarPanel, #left-panel-float { top: 80px; } .sideBarPanel { margin-left: 91px !important; } .sideBarPanel .badge { white-space: inherit !important; } @media only screen and (max-width: 992px) { #header { margin-bottom: 0 !important; } } .headerSpacer { padding-bottom: 80px; } #banner-holder { width: fit-content; height: auto; line-height: 0 !important; } .montSerratFF { font-family: 'Montserrat', ESCMID Conduit ITC, 'Open Sans', 'Roboto', 'Arial', sans-serif; } /** * PROGRAMME LIST V2 START */ #programme-content .sessionSection { box-shadow: rgba(0, 0, 0, 0.3) 0 2px 4px; } #programme-content .sessionSection .badgeSection button:disabled { opacity: 1; } #programme-content .sessionSection .sessionTitle h1 { text-transform: uppercase; font-size: 20px; } #programme-content .badgeSection button { border-radius: .5rem; max-width: 200px; width: 100%; font-size: 12px; text-transform: uppercase; font-weight: bold; } #programme-content .dateContent { font-size: 18px; color: black; } #programme-content .sessionSection .joinLive { text-decoration-color: #FD3030; } #programme-content .sessionSection .joinLive div { color: #FD3030; } #programme-content .sessionSection .watchReplay, #programme-content .sessionSection .displayDetails { text-decoration-color: #1AA1E2; } #programme-content .sessionSection .watchReplay div, #programme-content .sessionSection .displayDetails div { color: #1AA1E2; } #programme-content .sessionTitle .sessionLive, #programme-content .sessionTitle .sessionLive h1 { color: #FD3030; } #programme-content .imgRoom { max-height: 180px; } #programme-content .imgRoomSection { height: 180px; } #programme-content .badgeSection h6 { padding: 4px 0; color: white; max-height: 32px; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; -moz-box-orient: vertical; overflow: hidden; } #programme-content .roomTitle { height: 34px; } #programme-content .roomTitle a { max-height: 20px; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; -moz-box-orient: vertical; overflow: hidden; } #programme-content .linkSection { height: 60px; } /** * PROGRAMME LIST V2 END */ /* * LIST CONTAINER V2 START */ #media-list .containerSection { border: solid 1px #EAEBEC; border-radius: 8px!important; background-color: #EAEBEC; } #media-list .badgeChannel { font-size: 85%; text-decoration: none; color: var(--default-text-color); background-color: var(--quaternary-button-bg-color); border-radius: 40px!important; } #media-list .badgeChannel:hover { opacity: .7; } #container-list-title { text-transform: uppercase; color: #1E3B5E; } #zone-contenu-sidebar > h1 { text-transform: uppercase; color: #1E3B5E; font-size: 26px; font-weight: bold; } .meetSpeakerBadge { background-color: #ff2e4f; color: white; } .meetSpeakerBadge span, .meetSpeakerBadge i { color: white; } /* * LIST CONTAINER V2 END */ /* * CONTAINER DETAILS V2 START */ #container-details .container-title { font-size: var(--default-title-h2-font-size); line-height: 42px; font-weight: 500!important; } #container-details .rightZoneTitle, #container-details .commentTitle { color: #2A3E95; font-size: 18px; width: 100%; font-weight: 400; padding-bottom: 10px; } .libraryContainerDetails a { color: var(--default-text-color); font-size: var(--quaternary-text-size); font-weight: 400; font-family: var(--default-font-family); border-bottom: solid 2px var(--secondary-input-border-color)!important; padding: 5px; } .libraryContainerDetails a i::before { font-weight: 500; } #container-details .rightZoneTitleHr, #container-details .commentTitleHr, #container-details .invisibleRightZoneTitleHr { height: 3px; width: 100%; border-radius: 20px; margin-bottom: 15px; } .container-description-side-menu *:not(i) { color: var(--default-text-color); font-size: var(--quaternary-text-size); font-family: var(--default-font-family)!important; font-weight: 400; } .container-description-side-menu h2 { font-size: var(--secondary-title-h2-font-size)!important; font-weight: 500!important; line-height: 33px; } .fo-user__firstname-speaker, .fo-user__lastname-speaker { font-style: normal; } #container-details .rating { background-color: #EAEBEC; border-radius: 9px; box-shadow: 0px 3px 6px #0000004D; } #container-details .rating span { font-size: 14px; } .userProfileModalEvent:not(.modal-program-detail-session .userProfileModalEvent) { text-decoration: none; } #container-details .buttons .share a, #container-details .buttons .ddl a { background-color: #2A3E95; border-radius: 7px; } #container-details .commentAddSection .commentBlockNew, #container-details #comment-list-section .commentBlock { background-color: #EAEBEC; box-shadow: 0 3px 6px #0000004D; border-radius: 20px; margin-left: 0; margin-right: 0; } #container-details .commentAddSection .userCommentImg { border-radius: 50%; max-height: 100px; max-width: 100px; } #container-details .commentAddSection .userName { font-size: 14px; width: min-content; } #container-details .commentAddSection .userCommentImgAnswer { border-radius: 50%; max-height: 75px; max-width: 75px; } #container-details .commentAddSection .userNameAnswer { font-size: 12px; } #container-details .commentAddSection .commentAddInput { border-radius: 15px; padding: 16px; font-size: 14px; } #container-details .commentAddSection #buttonPublish { background-color: #2A3E95; border: solid 1px #2A3E95; } #comments-section .commentText { border-radius: 15px; padding: 16px; border: 0; background-color: white; color: black; } #comments-section #updateComButton { background-color: #21D827; border: solid 1px #21D827; border-radius: 5px; } #comments-section .comment_del, #comments-section #updateComButton, #container-details .commentAddSection #buttonPublish { font-size: 15px; min-width: 100px; } #container-details, #comment_answer_modal { font-family: 'Montserrat', ESCMID Conduit ITC, 'Open Sans', 'Roboto', 'Arial', sans-serif; } #comment_answer_modal .modal-dialog > div { border-radius: 20px !important; border-color: white; background-color: white; opacity: 1 !important; } #comment_answer_modal .modal-dialog .modal-content { border: solid 1px #707070; border-radius: 20px !important; } #comments-section .imgProfileComment, #container-details .commentAddSection .imgProfileComment { display: inline-block; width: 75px; height: 75px; background-position: center center; background-size: cover; border-radius: 50%; aspect-ratio: 1/1; } #container-details .relatedContentBadge { padding: 7px; background-color: #21D827; color: white; } #container-details #question-response-button, #container-details #channel_vote_container, #container-details .mediaRoomButton { max-width: 220px; font-size: 14px; background-color: #2A3E95; } #container-details #question-response-button .fa-question-circle, #container-details #channel_vote_container .fa-poll { font-size: 1.5em; } #container-details #shared-buttons button { background-color: #2A3E95; } #commentAnswerTxtarea { resize: none; } #container-details .commentPaginationActive a { background-color: #147BFC; color: white; } /* * CONTAINER DETAILS V2 END */ /* * ECCMID 2022 CSS START */ /* START IMPORT ECCMID font START */ @font-face { font-family: ESCMID Conduit ITC; src: url('../fonts/LT_23092.ttf') format('truetype'); } @font-face { font-family: ESCMID Conduit ITC; src: url('../fonts/LT_23093.ttf') format('truetype'); font-style: italic; } @font-face { font-family: ESCMID Conduit ITC; src: url('../fonts/LT_23094.ttf') format('truetype'); font-weight: bold; } @font-face { font-family: ESCMID Conduit ITC; src: url('../fonts/LT_23095.ttf') format('truetype'); font-style: italic; font-weight: bold; } /* END IMPORT ECCMID font END */ /* START NAVBAR */ #header { height: 78px; box-shadow: none; padding: 0; margin-bottom: 0; } #header .top-info, #header .top-info > .col-12, #header .top-info > .col-12 #navbar-section, #header .top-info > .col-12 #navbar-section #navbarSupportedContent, #header .top-info > .col-12 #navbar-section #navbarSupportedContent #navbar-center-block, #header .top-info > .col-12 #navbar-section #navbarSupportedContent #navbar-center-block > a, #header .top-info > .col-12 #navbar-section #navbarSupportedContent #navbar-right-block, #header .top-info > .col-12 #navbar-section #navbarSupportedContent #navbar-right-block > div { height: 100%; } #header .top-info > .col-12 { padding: 0; } #header .navbar-brand { font-size: 1.7rem; /* color: #2CA39F;*/ margin-left: 1.9rem; } #header .dropdown-item:active { /*background-color: #2CA39F;*/ } #header > .nav-item { margin: 0 10px; } #header #navbar-left-block i.fa-chevron-down:before { content: "\f0d7"; } #header .social-icons, #navbar-search-button-size, #header-menu-icon, .navbar-notification-button > i.fa-envelope { color: var(--default-text-color); } #header-menu-dropdown-menu>.dropdown-item:hover { color: var(--secondary-text-color)!important; } #header #navbar-center-block > a { padding: 0 0.8rem 1px; display: inline-flex; align-items: center; } #navbar-center-block.social-icons a:hover{ text-decoration:none; } #header #navbar-center-block > a:last-child { margin-right: 0 !important; } #header #navbar-center-block > a:first-child { position: relative; } #header #navbar-center-block > a:first-child:after { content: 'Help'; font-weight: bold; font-family: var(--default-font-family); position: absolute; left: 15px; bottom: 5px; font-size: 0.8rem; } #header #navbar-right-block > div > div { /*display: inline-flex; */ display: flex; align-items: center; } #header-menu-icon:before { font-family: "Font Awesome 5 Pro"; content: "\f2bd"!important; } #header #navbar-right-block > div i#header-menu-icon { font-size: 1.8em; } .section-recommended-content-title-my-preference-tooltip i#header-menu-icon:first-child:after { content: 'My profile'; font-weight: bold; font-family: var(--default-font-family); position: absolute; left: 13px; bottom: 9px; font-size: 0.8rem; word-wrap: break-word; } .section-recommended-content-title-my-preference-tooltip i#header-menu-icon:first-child:after { left: 216px; bottom: 30px; } .section-recommended-content-title-my-preference-tooltip i#header-menu-icon:first-child:before { font-weight: 300; } #header #navbar-right-block > div i.fa-user { font-weight: 300 !important; } #header #navbar-right-block > div #header-menu-dropdown-menu { left: -118px; } #header #navbar-right-block > div > div > a, #header #navbar-right-block > div > div > button { padding: 1px !important; border: 0 !important; margin: 0 !important; } /* END NAVBAR */ /* START SIDEBAR */ #left-panel-float { width: 91px; } #left-panel-float .leftPanelHover { height: 91px; } #left-panel-float .leftPanelHover a > div { justify-content: center; height: 100%; } #left-panel-float .leftPanelHover i { font-size: 28px; } #left-panel-float .leftPanelHover .text-wrap { font-weight: 500; text-transform: Capitalize; font-size: var(--quinary-text-size); line-height: 15px; margin-top: 10px; width: 100%; } .livePanelRoomBadgeOnline { background-color: var(--tertiary-bg-color); } .panelDisplayLive .livePanelLive { margin-left: 20px; margin-right: 20px; margin-bottom: 32px; padding-bottom: 20px; border-bottom: solid 1px var(--default-input-border-color); } .livePanelLiveDetail { border: none; } .panelDisplayLive .livePanelSessionSessionInfo { color: var(--default-text-color); } .dropdown-menu:has(.multipleSelecterRoomsOpt) { font-size: 11px!important; max-width: 100%; } #left-panel-float .bootstrap-select .dropdown-menu.inner { border-color: var(--quaternary-input-border-color)!important; } .sideBarPanel #div-select-rooms-to-disp { margin-bottom: 40px; padding-top: 1.3rem!important; } /*.sideBarPanel .dropdown-item:active,*/ /*.sideBarPanel .dropdown-item.active,*/ /*.sideBarPanel .select2-container--default .select2-results__option--highlighted[aria-selected],*/ /*.select2-results__options .select2-results__option--highlighted {*/ /* background-color: var(--quaternary-bg-color)!important;*/ /* color: var(--secondary-text-color);*/ /*}*/ /*.sideBarPanel .dropdown-item:hover,*/ /*.sideBarPanel .select2-results__options .select2-results__option:hover,*/ /*.sideBarPanel .select2-container--default .select2-results__option:hover,*/ /*.select2-results__options .select2-results__option:hover {*/ /* background-color: var(--secondary-bg-color)!important;*/ /* color: var(--secondary-text-color);*/ /*}*/ #div-select-timezone-sidepanel-list .dropdown-menu { max-width: 100%; left: 60px!important; } #link-to-prg-sidepanel .fa-chevron-right:before, #link-to-prg-sidepanel .fa-calendar:before { content: '\f061' ; font-family: 'Font Awesome 5 Pro'; font-weight: 400; } .sideBarPanel .bootstrap-select .dropdown-menu.inner { overflow-x: hidden!important; } /* RELATED to sidebar width*/ body #body-container, body #banner-holder { margin-left: 91px !important; } body #body-container:has(.faq-accordion-content) .fil-ariane { margin-left: 5%!important; } /* Main footer 60 bottom for barchat and 91px left for sidebar */ body #main-footer { padding: 30px 5% 30px calc(5% + 66px)!important; } /* END SIDEBAR */ /* START BANNER */ body #banner-holder { padding-left: 91px !important; margin-left: 0 !important; width: 100%; } /*Masquer la banner sur toutes les pages SAUF home page : appliqu� sur la home avec une surcharge CSS*/ body #banner-holder { display:none!important; } /* END BANNER */ /* START BAR CHAT */ body #arrowchat_base { height: 60px !important; background-color: var(--secondary-bg-color) !important; background: var(--secondary-bg-color)!important; } .empty-section > div.empty-section__inner, .empty-section > div#live-session-empty > div, .empty-section > div.recommended-content-empty > div, .empty-section > div#channel-list-section-no-categories > div, .empty-section > div.media-page-list-section-no-containers > div, .empty-section > div#buttons-blocks-section > div, .empty-section > div#links-carousel-section > div, .empty-section > div.wysiwyg-empty > div, .empty-section > div.mykey4-empty > div { font-weight: 400!important; font-size: 1.1rem!important; border: 2px solid #dee2e6!important; } #arrowchat_base > div { background-color: var(--secondary-bg-color); font-weight: bold; } #arrowchat_base #ac-networking-zone { height: 60px; } #arrowchat_chatboxes { margin-top: 0 !important; padding-top: 0!important; } #arrowchat_base .acBackgroundButton { height: 61px !important; background-color: var(--secondary-bg-color) !important; } #arrowchat_base .arrowchat_bar_button { border: 0px solid #ffffff !important; padding: 0 !important; height: 60px !important; } div#arrowchat_chatboxes { border-left: 2px solid #ffffff; } #ac-contact-chat-name-icon { height: 23px; width: 23px; } #arrowchat_base .arrowchat_inner_button { margin: 0 !important; } .aCHeight { height: 60px !important; } .aCPopupPosition { bottom: 59px !important; } #arrowchat_base #ac-conf-delegate-icon, #arrowchat_base #ac-my-discussion-groups, #arrowchat_base #ac-my-contact-icon { height: 30px; width: 30px; } #arrowchat_base #ac-conf-delegate-icon { width: 38px; } div#arrowchat_show_bar_button { right: 0; height: 60px !important; background-color: var(--default-button-bg-color) !important; } .aCShowStyle.arrowchat_inner_button.aCHeight.acBackgroundButton { background-color: var(--default-button-bg-color) !important; } #arrowchat_tooltip { /*left: 1830px!important;*/ } /* END BAR CHAT */ /* START SECTION LIVE */ #live-session-section .live-list-section-thumbnails-holder, .recommended-content-section .recommended-content-list-section-thumbnails-holder { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr))!important; column-gap: 7px!important; row-gap: 15px; font-family: var(--default-font-family); } #home-page-section #live-session-section .section-live-title, #home-page-section .recommended-content-section .section-recommended-content-title { font-family: var(--default-font-family); font-size: var(--default-title-h2-font-size); font-weight: 500; color: var(--default-text-color); } #home-page-section #live-session-section .live-container, #home-page-section .recommended-content-section .live-container { padding-left: 0!important; padding-right: 0!important; max-width: 300px!important; } #home-page-section #live-session-section .live-container:hover, #home-page-section .recommended-content-section .live-container:hover { box-shadow: none!important; } #home-page-section .recommended-content-section .liveProgressBarText, #home-page-section #live-session-section .liveProgressBarText{ position: relative; bottom: 168px; display: flex; justify-content: flex-end!important; align-items: center; background-color: var(--secondary-bg-color); color: var(--secondary-text-color); height: 25px; border-radius: 10px 10px 0 0; font-family: var(--default-font-family); font-weight: 400; } #home-page-section .recommended-content-section .date__badge, #home-page-section #live-session-section .date__badge { top: 0!important; background-color: var(--secondary-bg-color)!important; color: var(--secondary-text-color); height: 25px; border-radius: 10px 10px 0 0; font-family: var(--default-font-family); font-weight: 400; width: 100%; display: flex; justify-content: end; align-items: center; } #home-page-section .recommended-content-section .live__badge, #home-page-section #live-session-section .live__badge { z-index: 2; top: 25px!important; } #home-page-section .recommended-content-section .home-page-background-cover, #home-page-section #live-session-section .home-page-background-cover { border-radius: 10px; } .recommended-content-section .liveProgressBar, #live-session-section .liveProgressBar { margin-top: 5px !important; } #home-page-section .recommended-content-section .liveProgressBar, #home-page-section #live-session-section .liveProgressBar { margin-top: 0!important; height: 0!important; } .recommended-content-section .liveTypeText, #live-session-section .liveTypeText { width: 100%; color: white; } .recommended-content-section .liveTitle, #live-session-section .liveTitle { font-weight: normal; } #live-session-section .live-item-room-overlay:not(.d-none) { display: flex !important; } .recommended-content-section .live-item-room-overlay .live-item-room-overlay-text span, #live-session-section .live-item-room-overlay .live-item-room-overlay-text span { color: var(--default-text-color); } .recommended-content-section .liveAccessType, #live-session-section .liveAccessType { display: none; } /* END SECTION LIVE */ /* START SECTION TWITTER AND WELCOME */ .spe-section .section-title h2 { margin-bottom: 7px; margin-left: 5%; margin-right: 5%; margin-top: 25px; color: #04306B; } #section-welcomeToEccmid2024-spe { background-color: #EBEBEB; padding: 25px 0; } #welcomeToEccmid2024-holder { margin-left: 5%; margin-right: 5%; display: flex; justify-content: space-between; } #welcomeToEccmid2024-holder > div:first-child { max-width: 40%; font-size: 1.2rem; font-family: 'Montserrat'; color: #04306B; margin-right: 20px; line-height: 1.4rem; } #welcomeToEccmid2024-holder > div:last-child { max-width: 100%; text-align: center; margin-left: 10%; } #welcomeToEccmid2024-holder > div:last-child img { max-width: 75%; margin: auto; } #curator-feed-default-feed-layout > a { display: none; } /* END SECTION TWITTER AND WELCOME */ /* START PROGRAMME */ #programme-calendar { font-family: 'Montserrat', 'Open Sans', 'Roboto', 'Arial', sans-serif; } #programme-calendar .roomsName, #programme-calendar #programme-date-picker button, #programme-date-picker button, #programme-calendar #label-select-timezone-prog-list { font-weight: bold; } #programme-calendar #programmeAdvSearchBtn, #programme-calendar .roomsName, #programme-calendar #programme-date-picker button { background-color: var(--default-button-bg-color); border: solid 1px var(--default-button-bg-color); } #programme-calendar .roomsName > span, #programme-calendar #label-select-timezone-prog-list { color: var(--default-text-color); } #programme-calendar #programmeMyAgendaBtn { display: none; } #programme-calendar .roomsName { border-radius: 0; color: #FFFFFF; } #programme-calendar #programme-date-picker button, #programme-date-picker button{ font-size: 12px; } #programme-calendar .roomsName { background-color: var(--secondary-bg-color); border: solid 1px var(--secondary-bg-color); height: 42px; border-radius: 8px 8px 0 0; } #programme-calendar .roomsName { font-size: var(--quaternary-text-size); font-weight: 500!important; margin-top: 0!important; } #programme-calendar .scrollProgramLeft { margin-right: -11px; } #programme-calendar .scrollProgramLeft, #programme-calendar .scrollProgramRight { float: none; z-index: 1; color: #494949; } #programme-calendar .scrollProgramRight, #my-agenda .scrollProgramRight{ margin-left: -25px; } #programme-calendar #arrow-right i, #programme-calendar #arrow-left i { font-size: 26px; cursor: pointer; } #programme-calendar .live-program-hour-bar-body .hourContent { min-width: 48px; background-color: #1D766E; border: solid 1px #FFFFFF; font-size: 10px; font-weight: bold; color: #FFFFFF; } #programme-calendar .program-grid-calandar { background-color: #E4E4E4; border-left: solid 1px #707070 !important; border-right: solid 1px #707070 !important; border-top: 0 !important; border-bottom: 0 !important; } #programme-calendar .programme-session-card { border: solid 1px #707070 !important; margin-left: -1px; } #programme-calendar .header-programme-session-card, #programme-calendar .header-programme-session-card-cotype { font-weight: bold; } #programme-calendar .programSessionButtons a { font-weight: 800; } #arrow-right .active, #arrow-left .active { color: white; } .program-session-card-title span { font-size: 12px; color: #494949; } .programme-session-card .card-overflow.isHighlighted { filter: brightness(1.2); /* �claircit la couleur de 20% */ } #arrow-left .hide, #arrow-right .hide { display: none; } #programme-calendar #row-hour { font-size: 10px; margin-top: 10px; } #programme-calendar #header-programme { /* padding-left: 57px; padding-right: 95px; */ } #programme-advanced-search-header { padding:0px!important; } #type-list { padding-left: 118px; padding-right: 118px; } #programme-calendar .colorSquare { height: 20px; width: 20px; background-color: black; flex-shrink: 0; } #programme-calendar .type-list { font-size: 11px; } #programmeAdvSearchContainer button > i, #programmeAdvSearchContainer button > span, #program-search-button > i, #program-search-button > span { color: #ffffff; font-size: 13px } .disable-arrow { display: block !important; } .live-program-hour-bar-body > div:first-child { border-top: 1px transparent solid; } .live-program-hour-bar-body > div:first-child .hourContent { border-top: 0 !important; } .live-program-hour-bar-body > div:last-child { border-bottom: 1px transparent solid; } .live-program-hour-bar-body > div:last-child .hourContent { border-bottom: 0px !important; } .header-programme-session-card-theme { display: none !important; } .header-programme-session-card-cat { display: none !important; } #programmeAdvTypeBtn { background-color: var(--default-button-bg-color); border: solid 1px var(--default-button-bg-color); } #timeline { width: 100%; position: absolute; top: 0; color: var(--default-text-color); display: none; height: 20px; } .iconHour1, .iconHour2 { font-size: 1.5em; } #modalSessionsInfos { padding-right: 0!important; } /* END PROGRAMME */ /* START CHANNEL PAGES */ /* #body-container.on-demand #fil-ariane-holder { padding-left: 5%; padding-right: 5%; margin-right: 0; margin-left: 0; } #body-container.on-demand #fil-ariane-holder > div { padding-left: 0; padding-right: 0; } #body-container.on-demand .container-fluid.container-zone-principale, #body-container.on-demand .container-fluid.container-zone-principale #zone-principale{ padding-left: 0; padding-right: 0; margin-right: 0; margin-left: 0; width: 100%; max-width: none; } #zone-contenu { margin-right: 0; margin-left: 0; } #body-container.on-demand #zone-principale #zone-contenu-sidebar, #body-container.on-demand #zone-principale #zone-contenu-principale { padding-left: 0; padding-right: 0; margin-right: 0; margin-left: 0; background-color: transparent!important; } #body-container.on-demand #category-grid-header { padding-left: 5%; padding-right: 5%; } #body-container.on-demand #category-grid-content { background-color: #EBEBEB; padding: 2% 5%; } #body-container.on-demand #category-grid-content-thumbnails { text-align: center; } #body-container.on-demand #category-grid-content-thumbnails > div { padding: 20px 14px; } #body-container.on-demand #zone-principale #zone-contenu-principale { padding: 0 5%; } #body-container.on-demand #zone-principale #zone-contenu-principale #media-list > div { padding: 8px 16px; margin-right: 0; margin-left: 0; } #body-container.on-demand #zone-principale #zone-contenu-principale .video-liste-item > div { background-color: white; box-shadow: 0px 3px 6px #00000029; } .badgeChannel { background-color: #1D766E!important; } #body-container.on-demand #category-grid-content-info h1, #body-container.on-demand #container-list-title { font: normal normal bold 20px/24px Montserrat; color: #494949; } #body-container.on-demand a:active, #body-container.on-demand a:active code { color: #494949; background: var(--default-button-bg-color); } */ #media-list .badgeChannel { border-radius:0px; } .buttonLibrary, .buttonLibrary *, .buttonLibrary:active { color: var(--default-text-color); font-size: var(--quaternary-text-size); font-weight: 400; } .buttonLibrary { padding: 0 .3rem 0 0; } .buttonLibrary *:not(i) { font-family: var(--default-font-family); } .buttonLibrary i { font-size: var(--default-text-size); } .libraryButtonRemove i { font-weight: 900; } #body-container.on-demand .media-carousel img, #body-container.on-demand .media-nocarousel img { border-radius:15px; } .channel-home .body-media-list-container .channel-media-no-results { color: var(--default-text-color); } #body-container.on-demand #media-channel-list-container { background-color:#e4e4e4; padding:20px; } #body-container.on-demand #media-channel-list-container h2 { color:#494949; font-size:20px; } #media-list .containerSection { background-color:#ffffff; } .container-card__details h3, .container-card__details h3 a, .container-card__details h3 a:visited { font-size:var(--default-h3-text-size); color: var(--default-title-color); line-height: 25px; max-height: 50px; } /* END CHANNEL PAGES */ /* START CONTAINER */ #zone-contenu-sidebar { padding: 15px; } /* END CONTAINER */ /* START FOOTER */ #main-footer { background-color: var(--secondary-bg-color); display: flex; flex-direction: row; } #main-footer a { font-size: var(--tertiary-text-size); text-align: left; text-transform: Capitalize; color: #FFFFFF; font-weight: 400; font-family: var(--default-font-family); line-height: 20px; } #main-footer #footer-navigation-row, #main-footer #footer-utils-row { display: flex; flex-direction: row; } #main-footer #footer-navigation-row .footer-column { margin: 10px 25px; display: flex; flex-direction: column; justify-content: space-between; color: var(--secondary-text-color)!important; } #main-footer #footer-navigation-row .footer-inner-row-bottom { margin-top: 15px; } #main-footer .footer-column .footer-inner-row { display: flex; flex-direction: column; flex-wrap: wrap; } #main-footer .footer-inner-row-bottom a { color: #FFAC2B; } .containerfoot { margin-bottom: 60px; } #footer-left { padding-left: 20px; padding-right: 20px; } #footer-left, #footer-right { margin-bottom: 50px; } #footer-right-block_search { display: flex; flex-wrap: wrap; justify-content: end; } #footer-icons-block { width: 200px; display: flex; flex-wrap: wrap; justify-content: space-between; } a#footer-search-button { background-color: var(--secondary-bg-color); border: 1px solid var(--default-input-border-color); border-radius: 42px; margin-top: 10px; width: 121px; color: var(--default-button-text-color); } a#footer-search-button i { color: var(--default-button-text-color); font-size: 1rem; } a#footer-search-button label { font-size: var(--quaternary-text-size)!important; color: var(--secondary-text-color); } /* END FOOTER */ /* START CSS BASED ON DATABASE PRODUCTION CONTENT */ #section-3, #section-61, #section-4, #section-63, #section-10, #section-62 { vertical-align: top; display: inline-flex; padding: 0; margin: 0; min-height: 450px; } /*Buttons*/ #section-3, #section-61 { width: calc(39%); margin-left:5%; } /*Banners carousel*/ #section-4, #section-63 { width: 50%; align-items: center; display: inline-flex; justify-content: center; margin-right: 5%; } /*Youtube Live Block*/ #section-10, #section-62 { width:50%; display: inline-flex; justify-content: center; } #section-10 .wysiwyg-section, #section-62 .wysiwyg-section{ background-color: var(--default-bg-color)!important; margin-left: 50px; } #section-10 .embed-responsive, #section-10 .wysiwyg-section, #section-10 .wysiwyg-content, #section-10 .wysiwyg-v2-edited, #section-10 figure, #section-62 .embed-responsive, #section-62 .wysiwyg-section, #section-62 .wysiwyg-content, #section-62 .wysiwyg-v2-edited, #section-62 figure { width: 100%; max-width: 100%; } #section-3 .color-button-section,#section-61 .color-button-section, #section-4 .color-button-section, #section-63 .color-button-section { background-color:transparent!important; } .color-button-section { padding-top: 0!important; } #body-color-btn-blocks-holder.home-top-left-btn-block { margin: 0 5% 0; } .home-top-left-btn-block .color-button-section { margin-top: 0; } .home-top-left-btn-block #body-color-btn-blocks-holder { margin-right: 40px; left: 40px; } .home-top-left-btn-block .color-button-block { padding-right: 5px; padding-left: 5px; /*box-shadow: 0 3px 6px #00000029;*/ height:70px; border-radius:50px; margin-top: 0!important; margin-bottom: 10px!important; } .home-top-left-btn-block #btn-color-4 { margin-left:auto; margin-right:auto; max-width:50%; min-width:300px; } .home-top-left-btn-block h3 { text-align: center; font-size: 1.2rem!important; padding-bottom: 0!important; } .home-top-right-carousel #carousel-link-section { padding: 0; background-color: var(--default-bg-color); } #section-4 #carousel-link-section, #section-63 #carousel-link-section { background-color: var(--default-bg-color)!important; } .home-top-right-carousel .slick-slide { display: flex; justify-content: center; } .home-top-right-carousel { margin-top: 35px!important; } .home-top-right-carousel .slick-prev:before { font-family: "Font Awesome 5 Pro"; content: "\f137"; font-size: 1.5rem; font-weight: 600; line-height: 1; } .home-top-right-carousel .slick-next:before { font-family: "Font Awesome 5 Pro"; font-size: 1.5rem; font-weight: 600; line-height: 1; content: '\f138'; } .home-top-right-carousel .slick-prev, .home-top-right-carousel .slick-next { z-index: 1; } .home-top-right-carousel .slick-next::before, .media-carousel .slick-next::before { font-family: "Font Awesome 5 Pro"; content: "\f0a9"; font-size: 40px!important; font-weight: 200!important; } .home-top-right-carousel .slick-prev::before, .media-carousel .slick-prev::before { font-family: "Font Awesome 5 Pro"; content: "\f0a8"; font-size: 40px!important; font-weight: 200!important; } .channel-home .slick-prev:not(.home-top-right-carousel .slick-prev), .channel-home .slick-next:not(.home-top-right-carousel .slick-next) { border: none!important; } .home-top-right-carousel .slick-prev { left: -55px; } .media-carousel .slick-next::before, .media-carousel .slick-prev::before { border: 0; } .link-carousel-holder .slick-prev:before, .link-carousel-holder .slick-next:before { color: var(--tertiary-button-bg-color)!important; font-weight: 200!important; } .home-top-right-carousel .carousel-link-blocks-item.home-page-background-cover { background-size: cover!important; } .wysiwyg-section.home-eccmid-tv-studio { background:transparent; padding:0px 0px; padding-left:10px; padding-right:10px; padding-bottom:10px; } .wysiwyg-section .wysiwyg-holder { margin-top:0px; margin-bottom:0px; } .wysiwyg-section .wysiwyg-v2-edited { padding-left:0px; } .home-eccmid-tv-studio .wysiwyg-v2-edited { background-color:transparent; } .home-eccmid-tv-studio .section-title h2{ font-size:var(--default-title-h2-font-size); color:var(--default-title-color)!important; margin:0!important; font-family: var(--default-font-family); font-weight: 500; } .home-eccmid-tv-studio .wysiwyg-v2-edited figure { max-width:630px; margin-left:auto; margin-right:auto; } .home-eccmid-tv-studio .wysiwyg-holder { padding:0px; } .home-eccmid-tv-studio .wysiwyg-holder { margin:0px; } .home-eccmid-tv-studio .wysiwyg-v2-edited { padding:0px; } .media-page-carousel-holder .slick-slide { background-color:var(--default-button-bg-color); color:white; } .media-page-carousel-holder .media-page-blocks-item-title { color:white; height:50px; font-size:12px; overflow:hidden; display: -webkit-box; -webkit-line-clamp: 3; /* max nb lines to show */ -webkit-box-orient: vertical; } .media-page-carousel-holder .media-page-blocks-item { height:143px; margin-bottom:0px!important; } .spe-section .section-title .section-twitter-title { color: #000000; } /* END CSS BASED ON DATABASE PRODUCTION CONTENT */ /* START AGENDA */ #my-agenda { font-family: 'Montserrat', 'Open Sans', 'Roboto', 'Arial', sans-serif; } #my-agenda .roomsName, #my-agenda #programme-date-picker button, #my-agenda #label-select-timezone-agenda { font-weight: bold; } #my-agenda #programmeAdvSearchBtn, #my-agenda .roomsName, #my-agenda #programme-date-picker button { background-color: var(--secondary-bg-color); border: solid 1px var(--secondary-bg-color); } #my-agenda #programmeAdvSearchBtn { color: #888888; } #my-agenda .roomsName > span, #my-agenda #label-select-timezone-agenda { color: var(--default-text-color); } #my-agenda #programme-date-picker button, #my-agenda .roomsName { border-radius: 0; color: #FFFFFF; } #my-agenda #programme-date-picker button { font-size: 12px; } #my-agenda #programme-date-picker .selected, #my-agenda .roomsName { background-color: #494949; border: solid 1px #494949; } #my-agenda .roomsName { font-size: 20px; margin-right: 1px; margin-left: 1px; } #my-agenda .live-program-hour-bar-body .hourContent { min-width: 48px; background-color: #1D766E; border: solid 1px #FFFFFF; font-size: 10px; font-weight: bold; color: #FFFFFF; } #my-agenda .program-grid-calandar { background-color: #E4E4E4; border-left: solid 1px #707070 !important; border-right: solid 1px #707070 !important; border-top: 0 !important; border-bottom: 0 !important; } #my-agenda .programme-session-card { border: solid 1px #707070 !important; margin-left: -1px; } #my-agenda .header-programme-session-card, #my-agenda .header-programme-session-card-cotype { font-weight: bold; } #my-agenda .programSessionButtons a { font-weight: 800; } #arrow-right .active, #arrow-left .active { color: white; } .program-session-card-title span { font-size: 12px; color: #494949; } #arrow-left .hide, #arrow-right .hide { display: none; } #my-agenda #row-hour { font-size: 10px; margin-top: 8px; } #my-agenda #header-programme { padding-left: 57px; padding-right: 95px; } #type-list { padding-left: 118px; padding-right: 118px; } #my-agenda .colorSquare { height: 20px; width: 20px; background-color: black; flex-shrink: 0; } #my-agenda .type-list { font-size: 11px; } a#programmeExportPdfBtn{ color: #494949; font-size: 13px; padding-top: 0.6rem; } .disable-arrow { display: block !important; } .live-program-hour-bar-body > div:first-child { border-top: 1px transparent solid; } .live-program-hour-bar-body > div:first-child .hourContent { border-top: 0 !important; } .live-program-hour-bar-body > div:last-child { border-bottom: 1px transparent solid; } .live-program-hour-bar-body > div:last-child .hourContent { border-bottom: 0px !important; } .header-programme-session-card-theme { display: none !important; } .header-programme-session-card-cat { display: none !important; } #programmeAdvTypeBtn { background-color: var(--default-button-bg-color); border: solid 1px var(--default-button-bg-color); } #header-agenda-title { padding-left: 57px; padding-right: 95px; } /* END AGENDA */ /* * PROGRAM PDF START */ #programPdf .room-details { margin-bottom: 20px; } #programPdf .room-name-row { background: #494949 0% 0% no-repeat padding-box; opacity: 1; } #programPdf .room-name-row .room-name { text-align: left; letter-spacing: 0px; color: #FFFFFF; opacity: 1; font-family: Montserrat, 'Roboto'; font-weight: bold; font-size: 15px; line-height: 18px; text-transform:uppercase; } #programPdf .room-content { background: #E7F0EF no-repeat padding-box; border: 1px solid #494949; opacity: 1; font-size:11px; } #programPdf .session-holder { padding-top:5px; } #programPdf .card-hour { text-align: left; font-family: Montserrat, 'Roboto'; font-weight: bold; font-size: 11px; line-height: 13px; letter-spacing: 0px; } #programPdf .pdf-footer-text { color: #1D766E; font-size: 10px; } #programPdf .card-type { text-align: right; font-family: Montserrat, 'Roboto'; font-weight: bold; font-size: 11px; line-height: 15px; letter-spacing: 0px; opacity: 1; } #programPdf .session-card { height: 50px; } #programPdf .program-pdf-title { text-align: center; font-family: Montserrat, 'Roboto'; font-weight: bold; font-size: 40px; line-height: 54px; letter-spacing: 0px; opacity: 1; } #programPdf .program-pdf-title-first-part { color: #484949; } #programPdf .program-pdf-title-second-part { color: var(--default-text-color); } #programPdf .program-pdf-legend .timezone { font: normal normal bold 30px/37px Montserrat; font-family: ESCMID Conduit ITC, Montserrat, 'Roboto'; font-weight: bold; font-size: 14px; line-height: 21px; letter-spacing: 0px; color: #FAAC07; opacity: 1; } #programPdf .program-pdf-legend .timezone-value { font-family: ESCMID Conduit ITC, Montserrat, 'Roboto'; font-weight: bold; font-size: 14px; line-height: 21px; letter-spacing: 0px; opacity: 1; } #programPdf .colorSquare { height: 20px; width: 20px; background-color: black; flex-shrink: 0; } #programPdf .type-name { font-family: Montserrat, 'Roboto'; font-weight: normal; font-size: 12px; line-height: 17px; letter-spacing: 0px; } #programPdf .program-pdf-footer { text-align: center; font-family: ESCMID Conduit ITC, Montserrat, 'Roboto'; font-weight: normal; font-size: 13px; line-height: 17px; letter-spacing: 0px; color: #002454; } #programPdf .session-name { font-family: Montserrat, 'Roboto'; font-weight: normal; font-size: 12px; line-height: 10px; letter-spacing: 0px; } /* * PROGRAM PDF END */ /* START EXHIBITOR LIST */ #select_profession, #select_country, #select_postCode, #select_town, #select_adr, #select_cedex, #switch_cedex, #switch_postCode, #switch_town { display: none; } .exhibitor-list-letter-filter a { color: var(--default-text-color)!important; font-size: var(--quaternary-text-size); } #exhibitor-list .pagination>li>a, .exhibitor-list-letter strong { font-weight: 400; } /* END EXHIBITOR LIST */ /* START RESPONSIVE */ @media screen and (min-width: 576px) { .container-card__thumbnail { border-right: solid 1px #dddddd; } } /* SIDEBAR HIDDEN BREAKPOINT */ @media only screen and (max-width: 575px) { body #banner-holder { padding-left: 0 !important; } body #body-container, body #banner-holder { margin-left: 0 !important; } #navbar-section #navbarSupportedContent { background-color: var(--secondary-bg-color); padding-left: 0 !important; } body #main-footer { padding-left: 0 !important; flex-direction: column; } .home-top-right-carousel .slick-slider { padding-left: 15px!important; } .eccmid-2025-faq-body-container { padding: 30px 5% 30px 5%!important; } .container-card__thumbnail { border-bottom: solid 1px #EAEBEC; } .container-card__details { margin-top: 0.7rem; } } @media only screen and (max-width: 778px) { body #main-footer { padding-left: 91px; flex-direction: column; } .recommended-content-section .recommended-content-list-section-thumbnails-holder, #live-session-section .live-list-section-thumbnails-holder { justify-content: center; grid-template-columns: repeat(auto-fill, 300px) !important; row-gap: 35px !important; } #main-footer #footer-navigation-row, #main-footer #footer-utils-row { flex-direction: column; } #main-footer #footer-navigation-row .footer-inner-row-bottom { display: none; } #main-footer #footer-utils-row { margin-top: 20px; } #main-footer a { text-align: center; } .program-info-text, .program-type-legend { font-size: 11px; } } @media only screen and (min-width: 778px) { #main-footer #footer-utils-row .footer-inner-row-bottom { display: none; } } @media (max-width: 700px) { .fc-list-table { table-layout: fixed !important; width: 100% !important; border-collapse: collapse !important; } .fc-list-table td, .fc-list-table th { width: 100% !important; display: block !important; box-sizing: border-box !important; } .session-card-program-list-display { padding-left: 0!important; padding-right: 0!important; } } @media (max-width: 700px) { .fc-list-table tr { display: block; } .fc-list-table tr > td.fc-list-event-graphic { display: none !important; } } @media screen and (max-width: 1200px) { .navbar .dropdown-item { white-space: inherit; } #navbar-section #navbar-main-content { display: flex; justify-content: space-between; align-items: center; width: 100%; height: 100%; } #navbar-section #navbarSupportedContent { background-color: var(--secondary-bg-color); padding-left: 91px; height: auto !important; border-bottom: solid var(--secondary-input-border-color) 1px; } #navbar-left-block { margin-left: 0px; background-color: var(--secondary-bg-color); } #navbar-center-block, #navbar-right-block, #header .social-icons, #navbar-search-button-size, #header-menu-icon, .navbar-notification-button > i.fa-envelope { color: var(--secondary-text-color); } /*#header #navbar-right-block .navbar-right-block_notification, #header #navbar-right-block .user-menu { padding: 0 1.2rem!important; }*/ .navbar-icons-wrapper{ gap: 2rem; } #navbar-section ul.dropdown-menu.headerMenuDropdown.show { margin: 0 25px; border-radius: 25px; } #navbar-section #navbar-main-content .buttonBurgerNavbar { margin-right: 1.9rem; } #header #navbar-center-block > a:first-child:after { content: ''; } #header #navbar-right-block > div i#header-menu-icon:first-child:after { content: ''; } #main-footer { flex-direction: column; padding-bottom: 0 !important; } #footer-right-block_search, #footer-icons-block { margin-left: auto; margin-right: auto; width: 150px!important; } #header .nav-link div{ color: #FFFFFF!important; } } @media only screen and (min-width: 992px) { #main-footer { justify-content: space-between; } #navbar-right-block { margin-right: 26px; } #navbar-center-block .navbarFontColor.mr-3:last-child { margin-right: 0!important; } #navbar-right-block_search { padding-left: 10px; } #dropdown-profile { padding-right: 10px; } } @media only screen and (max-width: 1182px) { #section-3, #section-4, #section-63, #section-61, #section-10, #section-62 { width: 100%; min-height: 450px; justify-content: center; } #section-3, #section-61, #section-4, #section-63 { margin-right: 0; margin-left: 0; padding-left: 20px; } #section-4, #section-63 { position: relative; right: 30px; } #section-4 .carousel-link-blocks-item.home-page-background-cover, #section-63 .carousel-link-blocks-item.home-page-background-cover { background-position: center center !important; } #section-3 #body-color-btn-blocks-holder, #section-61 #body-color-btn-blocks-holder { margin-right: 20px; } #section-3 div#body-color-btn-blocks-holder > div, #section-61 div#body-color-btn-blocks-holder > div { display: flex; flex-direction: column; } #section-3 .color-button-block, #section-61 .color-button-block { padding: 20px; } #welcomeToEccmid2024-holder { flex-direction: column-reverse; } #welcomeToEccmid2024-holder > div:first-child { max-width: 100%; text-align: justify; margin-right: 0; } #welcomeToEccmid2024-holder > div:last-child { margin-left: 0 !important; margin-bottom: 20px; } body #banner-holder img { max-width: 100%; } .home-top-right-carousel .slick-slider { margin-right: auto; } } @media screen and (max-width: 655px) { } /* END RESPONSIVE */ /* */ .world-map_title { padding-left: 57px; padding-right: 95px; } .world-map_title h1 { font-size: 26px !important; } .color-square { height: 20px; width: 20px; background-color: black; } .world-map_legend { font-size: 14px; } .world-map { width: 100%; height: 40vh; } .world-map_legend_title { font-weight: 600; } /* */ /* */ .organize-by { color: black; } /* */ /* END ECCMID 2022 CSS END */ /* START ECCMID 2024 CSS START */ #program_calendar-header { height: 67px; } #program_calendar-header .session-grid-scroll-div { padding-top:10px; } #program_calendar-header #program_calendar-header_clock, #my-agenda #program_calendar-header_clock{ border:0px; } #programme-calendar .scrollProgramLeft, #programme-calendar .scrollProgramRight, #my-agenda .scrollProgramRight { padding:0px; margin-right:0px; cursor:pointer; display:block; } #my-agenda .scrollProgramLeft, #my-agenda .scrollProgramRight { /*display:none;*/ } #programme-calendar .scrollProgramRight, #my-agenda .scrollProgramRight { background-color: var(--default-bg-color); border: solid 1px var(--secondary-input-border-color); } #program_calendar-content .scrollProgramRight_holder { position: absolute; right: 15px; z-index: 1027; margin-top: -43px!important; width:52px; height: 43px!important; text-align:center; } @-moz-document url-prefix() { #program_calendar-content .scrollProgramRight_holder, #my-agenda .scrollProgramRight_holder { position: absolute; right: 15px; z-index: 1027; margin-top: -43px!important; width:52px; height: 43px!important; text-align:center; } } #program_calendar-header #program_calendar-header_clock, #program_calendar-content .live-program-hour-bar, #my-agenda .live-program-hour-bar { font-size:10px; } @media only screen and (min-width: 778px) { #program_calendar-header #program_calendar-header_clock, #program_calendar-content .live-program-hour-bar, #my-agenda .live-program-hour-bar { /*max-width: 70px !important;*/ font-size:12px; } } #my-agenda .live-program-hour-bar-body .hourContent { background-color:#494949; color:#ffffff; font-weight:bold; border:1px solid #ffffff!important; } .live-program-hour-bar-body .border { background-color:#494949; color:#ffffff; font-weight:bold; border:1px solid #ffffff!important; } #programme-calendar .program-grid-calandar, #my-agenda .program-grid-calandar { border-left:1px solid #EBEBEB!important; border-right:1px solid #EBEBEB!important; } #programme-calendar .programme-session-card, #my-agenda .programme-session-card { border:1px solid #EBEBEB!important; } .program-session-card-title h4 { font-size:12px; font-weight:normal; color:#494949; } div#program_calendar-content { border-right:0px; } #my-agenda .program-grid-calandar { margin-right:1px; margin-left:1px; } .programme-session-card div[class*=borderColorType], .program-session-card-cat-name { display:none; } .card-overflow .col-1 { display:none; } .header-programme-session-card-hour { font-weight:normal; font-size:13px; } .header-programme-session-card-cotype { font-size:11px; } .program-session-card-reference { display:inline; } .programSessionButtons .badge { padding:5px; border-radius:10px; } .programSessionButtons .badge a { color:white!important; } .join-live-session.badge { color:white!important; background-color:red; } .watch-replay-btn.badge { color:white!important; background-color:#494949; } .program-session-card-view-details>div { float:none; } .program-session-card-view-details-buttons .programme-session-info-btn a, .program-session-card-view-details-buttons .watch-replay-btn a { position:absolute; bottom:10px; } .program-session-card-view-details-buttons .watch-replay-btn a, .session-card-program-list-display .watch-replay-btn a { left: 0; text-decoration: underline; text-underline-offset: 5px; font-family: var(--default-font-family); font-size: var(--secondary-text-size); font-weight: 400!important; color: var(--default-text-color); } .programme-session-info-btn i { font-size: var(--secondary-text-size); color: var(--default-text-color); } .program-session-card-view-details-buttons .programme-session-info-btn a { right: 0; } .join-live-session { position:absolute; bottom:10px; left:0px; } .programSessionButtons > div { width:100%; } /*Affichage type moderateur*/ .modal-session-moderator-type-libelle { display:inline; } .exhibitor-list-serch-btn { background:var(--default-button-bg-color)!important; } /*Company Profiles*/ .exhibitorListVisitPageButton { background-color: var(--default-bg-color); color: var(--default-text-color); border-color:var(--secondary-bg-color)!important; border-radius: 25px; } .exhibitorListVisitPageButton i::before { content: '\f061'; } #exhibitor-list-advanced-reset-button { background:#ffffff!important; border-color:var(--default-button-bg-color)!important; color:var(--default-text-color)!important; } .exhibitor-card.exhibitor-is-highlighted-card { background-color: var(--default-blue-bg-eccmid)!important; color:var(--default-button-text-color); } .exhibitor-card:not(.exhibitor-is-highlighted-card) { background: none; border: solid 1px var(--default-input-border-color); } .exhibitor-card .exhibitorCardSectionImg:not(.exhibitor-is-highlighted-card .exhibitorCardSectionImg ) { border-left: none; border-right: none; border-top: none; } .exhibitor-is-highlighted-ads-label { color:var(--default-button-text-color)!important; font-size: 12px; font-family: var(--default-font-family); } #select-order-by { background:#ffffff; color:#494949; } /*Speaker search*/ .speakerSearchBtn { background:var(--default-button-bg-color)!important; border-color:var(--default-button-bg-color)!important; } /*Pagination*/ .pagination>li>a, .pagination>li>span { color:var(--default-button-bg-color)!important; } .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { background:var(--default-button-bg-color)!important; border-color:var(--default-button-bg-color)!important; color:#ffffff!important; } .pagination>li>a:hover, .speaker-list-letter-filter>a:hover, .exhibitor-list-letter-filter>a:hover { background-color: #eee; border-radius: 8px; } .page-item.active .page-link { background:var(--default-button-bg-color)!important; border-color:var(--default-button-bg-color)!important; color:#ffffff!important; } #switch_is_society_exhibitor { display:none; } .sidebar-industry-content:hover { cursor: default; text-decoration: none; } .livePanelLive.live-is-off { display: none; } .programme-session-cme-img { width: 4rem; } .programme-session-picto-img { width: 1.2rem; } .map-link-modal { font-weight: 700; cursor: pointer; color: #007bff; } @media screen and (max-width:768px){ .programme-advanced-search-header__programme-listing .program_advanced-search_button { min-width: 75px; } .program-list-tr .p-3 { padding: 0.3rem !important; font-size: 75%; } #section-4, #section-63 { right: 0; padding-left: 0; } .home-top-right-carousel .slick-slider { width: 90%; right: 0; } .home-top-right-carousel .slick-list { width: 100%; } #section-4 .slick-next, #section-4 .slick-prev, #section-63 .slick-next, #section-63 .slick-prev { display: none!important; } } /* END ECCMID 2024 CSS END */ /* START ECCMID 2024 CSS SPE */ .fil-ariane a { color:#494949; font-weight:bold; } #container-list-advanced-search-toggle-text, #container-list-advanced-search-closed { color:#000508; } h1.sidebar-titre { color:#494949;font-size:20px;font-weight:bold; } .card { border-radius: 0px!important; border-color:#EFEFEF; } #zone-contenu-sidebar img { box-shadow:0px 3px 6px 0px rgba(0,0,0,.16); } .d-flex { display :none; } .backoffice #summary_section { /* Booth Masquer summary */ display:none; } STOP#booth_create_form > .row:nth-child(7) > div.col-md-3:nth-child(3) { /* Booth : Masquer bouton See booth online */ display : none; } form#userEditForm > div:nth-child(2) > div > div > div.form-group > div > div:nth-child(5) { /*Masquer live anonymous */ display:none!important; } STOP.footer-column:nth-child(2) .footer-inner-row-bottom a:nth-child(1) { /* Footer hide Privacy link */ visibility:hidden; } .footer-column:nth-child(3) .footer-inner-row-top a:nth-child(1) { /* Footer hide Live link */ /*visibility:hidden;*/ } STOP.footer-column:nth-child(3) .footer-inner-row-bottom a:nth-child(1) { /* Footer hide About link */ visibility:hidden; } stop.footer-column:nth-child(4) .footer-inner-row-top a:nth-child(1) { /* Footer hide Replay link */ visibility:hidden; } stop.footer-column:nth-child(4) .footer-inner-row-top a:nth-child(2) { /* Footer hide Posters and Abstracts link */ visibility:hidden; } STOP.footer-column:nth-child(4) .footer-inner-row-top a:nth-child(3) { /* Footer hide ENC ASC link */ visibility:hidden; } .footer-column:nth-child(5) .footer-inner-row-top a:nth-child(2) { /* Footer hide Exhibition link */ display:none; } STOP.footer-column:nth-child(5) .footer-inner-row-bottom a:nth-child(1) { /* Footer hide Contact link */ visibility:hidden; } .booth_exhibitor_chat_button_edit.btn.btn-xs.btn-primary.fancybox { /* Booth Masquer bouton ajout dun chat manager via BO */ display:none; } .container-zone-principale:has(.booth-2d-title) .fil-ariane, .container-zone-principale:has(.page-booth-detail) .fil-ariane, .container-zone-principale:has(#exhibitor-page-container) .fil-ariane, #zone-principale:has(#advanced-search-container-list) .fil-ariane, .container-zone-principale:has(#container-details) .fil-ariane { margin-left: 15px; } #modal-session-content .modal-session-desc { /* Description modal programme en noir */ color: black; } #CookieDeclarationChangeConsent a { /*CookieBot Lien Update*/ color:#CA5227; font-weight:bold; } h1.exhibitorListSubTitle { margin-top: 35px; margin-bottom: 22px; } .exhibitorListSubTitle, .facultyListTitle { font-size: var(--default-title-h1-text-size); } .exhibitorCardSectionImg { background-color:#ffffff; border: solid 1px var(--default-input-border-color); width: 100%!important; height: 140px!important; margin-top: 0!important; } .stop.footer-column:nth-child(5) .footer-inner-row-top a:nth-child(1) { /* Footer : Masquer Industry Flash Sessions */ visibility:hidden; } STOP.session-type-id-19 #modal-session-content h4:first-of-type { /* Hide moderator on details sessions by session type*/ display: none; } STOP.session-type-id-20 #modal-session-content h4:first-of-type { /* Hide moderator on details sessions by session type*/ display: none; } STOP.session-type-id-21 #modal-session-content h4:first-of-type { /* Hide moderator on details sessions by session type*/ display: none; } STOP.session-type-id-22 #modal-session-content h4:first-of-type { /* Hide moderator on details sessions by session type*/ display: none; } STOP.session-type-id-22 .modal-session-moderators { /* Hide moderator on details sessions by session type*/ display: none; } STOP.session-type-id-19 .modal-session-moderators { /* Hide moderator on details sessions by session type*/ display: none; } STOP.session-type-id-20 .modal-session-moderators { /* Hide moderator on details sessions by session type*/ display: none; } STOP.session-type-id-21 .modal-session-moderators { /* Hide moderator on details sessions by session type*/ display: none; } .frontoffice span.program-info-text{ /* Programme center description text */ text-align: center; } .askQuestion.ubiquity-font-weight-normal.mt-4.mb-2 { /*Live interface : ask a question separator */ color : var(--default-text-color); } .ubiquity-timeline-element.type-info { /*Timeline button information*/ background-color:#C0C0C0; } .frontoffice div#tab-live-question:after { /*Live QandA sentence */ content: 'By using the Q&A and comment functions, your name will be displayed.'; font-style: italic; } .ubiquity-timeline-element.type-info { /*Timeline info button */ background: grey 0% 0% no-repeat padding-box; } .askQuestion { /* Timeline Ask a question button*/ color: var(--default-text-color); } .askQuestionSeparator { /* Timeline separator ask a question*/ border-top: 3px solid var(--default-button-bg-color); } #mobile-chat-container { bottom:75px!important; } .livePanelLive .live-status { font-size: 2rem; } .home-page-background-cover .live-item-room-overlay span.live-item-room-overlay-text { /*font-size: 1.5rem;*/ text-transform:uppercase; font-family:var(--default-font-family); } .nav-link { color: var(--default-text-color); font-size: var(--quaternary-text-size); font-weight: 500; font-family: var(--default-font-family); text-transform: capitalize; } #ac-online-nb { display: inline; } stop#switch_is_society_exhibitor { /* Company profiles page : bouton is exhibitor only */ display:none; } stop.programSessionButtons .join-live-session { display: none; } #exhibitor-list-filter #select_summary_list { display:block!important; } .profilDetails.talkList .seeAbstractButton { /*Masquer les liens abstracts*/ display:none; } #ubiquity-conteneur h4.mt-2 { /*IO : hide more informations*/ display:none; } .regie-display-body { background-color:#ffffff; } .io-header,.io-footer { background-color:var(--secondary-bg-color); } .io-header__logo { display:none; } #ubiquity-conteneur.container #ubiquity-top-bar #fo-live-chat-connectes-conteneur { display:none; } #ubiquity-conteneur.container #ubiquity-content-conteneur #ubiquity-login-infos { display:none; } .frontoffice-interface-invite .tablet-footer__btn-vote, .frontoffice-interface-invite .tablet-start-poll-btn, .frontoffice-interface-invite .tablet-stop-poll-btn { display:none!important; } #container-details #question-response-button { max-width:none; } #container_detail_side-links a, #container-questions-answers-btn { background-color: var(--default-bg-color); color: var(--default-text-color); border: solid 1px var(--secondary-input-border-color)!important; } #contQuestionAskModal button:not(#contQuestionAskModal .modal-header button):not(#contQuestionAskModal button.btn-secondary) { background-color: var(--default-button-bg-color); color: var(--default-button-text-color); border: solid 1px var(--secondary-input-border-color)!important; } #contQuestionAskModal button.btn-secondary { text-decoration: underline; font-weight: 500; text-decoration-thickness: 2px; } .d-block.d-lg-none.container-fluid.p-0.text-center > img { display:none!important; } .login_creation.frontoffice-text { visibility:hidden; } .modal-session-moderator-title { display:none; } #program_calendar-content .scrollProgramRight_holder_holder { border: solid 1px var(--default-input-border-color); } #program_calendar-content #scrollProgramRight_holder { background-color:var(--default-bg-color)!important; border-radius: 0 0 0 15px!important; } #program_calendar-content #scrollProgramRight_holder .scrollProgramRight { width: 32px; height: 32px; position: relative; left: 35px; bottom: 4px; border-radius: 7px; font-size: var(--default-text-size); } .scrollProgramLeft { position: relative; right: 50px; } .sidebar__session_organizer_name { display:none; } #main-footer { background-color: var(--secondary-bg-color); } #main-footer .footer-inner-row-bottom a { color: var(--secondary-text-color)!important; } body #arrowchat_base { background: #FFFFFF!important; border-top:1px solid #e1e1e1!important; } #container-fluid { "You have not added any sessions to your personal agenda yet. In order to do so, please click on the 'Add to My Agenda' button in the session details." } .fo-user__lastname-networking { text-transform:uppercase; } .media-carousel .slick-slide img { border-radius: 10px; } .user-profile__lastname { text-transform:uppercase; } .container-list-cat-vignette { border-radius:10px; } #col-md-3 { /* Booth : masquer "See booth online" */ display:none; } #userEditForm a.form_submit.btn.btn-lg.btn-outline-primary.align-middle:visited { /* User profile submit btn visited state*/ color: #007bff; } #userEditForm a.form_submit.btn.btn-lg.btn-outline-primary.align-middle:visited:hover { /* User profile submit btn visited + hover state*/ color: white; } #userEditForm a.btn.btn-lg.btn-block.btn-outline-primary:visited { /*User profile edit btn color in visited state*/ color:#007bff; } #userEditForm a.btn.btn-lg.btn-block.btn-outline-primary:visited:hover { /*User profile edit btn color in visited + hover state*/ color:white; } #navbar-search-button, #headerMenu { background-color:transparent!important; width: fit-content; } /*#navbar-center-block, #navbar-right-block_search, .navbar-right-block_notification, #dropdown-profile { padding-right: 26px!important; }*/ #navbar-right-block>div { justify-content: flex-start!important; } #dropdown-profile, #headerMenu, .navbar-notification-button, .navbar-right-block_notification, #navbar-search-button-size, #navbar-search-button, .navbar-data-icons>a { width: fit-content!important; } #navbar-right-block_search { padding-left: 0!important; } .arrowchat_tabalert { top:0px!important; } .recommended-content-section .date__badge, #live-session-section .date__badge { background:var(--secondary-bg-color)!important; color:white; } .recommended-content-section .liveTypeText { visibility:visible!important; } #networking-filters #input-holder-radio-4 { display:none; } .recommended-content-list-section-thumbnails-holder .liveThemeSection { display:none!important; } .recommended-content-list-section-thumbnails-holder .home-page-background-cover { background-size:cover!important; } .section-recommended-content-title-my-preference-tooltip i#header-menu-icon:first-child:after { bottom: 21px!important; } .vote__footer { background-color:#85bf42;border-color:#85bf42; } .exhibitorCardTitle { -webkit-line-clamp:3; } #bottom-right-notification-block { bottom:150px; } .mobileapp-body .page-container-detail .media-iframe-container-pdf.embed-responsive, .mobileapp-body .page-container-detail .media-iframe-container-pdf .embed-responsive-item { /*Mobile App Portrait mode for PDF*/ min-height:600px; } .mobileapp-body .media-embed-iframe-container-pdf.embed-responsive, .mobileapp-body .media-embed-iframe-container-pdf .embed-responsive-item { /*Mobile App Portrait mode for PDF*/ min-height:600px; } .mobileapp-body .libraryButton { display:none; } .mobileapp-body #programme-calendar, .mobileapp-body .dismissModalSession { /*Hide programme grid on mobile app*/ visibility:hidden; } .container-list-as-congress-tag-type { "Other criteria" } #body-container.on-demand #media-channel-list-container { background-color:white; } .regie__footer { background-color:var(--secondary-bg-color); border-color:var(--secondary-bg-color); color:#ffffff; } #container-details .rightZoneTitle, #container-details .commentTitle { color:var(--default-text-color); } #container-details .rightZoneTitleHr, #container-details .commentTitleHr { background-color:var(--secondary-bg-color); } #container-details #channel_vote_container, #container-details .mediaRoomButton { background-color:#148a89; } #container-details #question-response-button { background-color: var(--default-bg-color); border-color: var(--secondary-input-border-color); } .container-question-reponse .alert-info { background-color: var(--secondary-blue-bg-eccmid); font-size: var(--quaternary-text-size); } .home-carousel .slick-prev:before, .home-carousel .slick-next:before { color:#b2d487; } #left-panel-float { z-index: 1040; } h1.ubiquity-room-name { display:none!important; } .watch-replay-btn, .join-live-session { position:static; bottom:auto; } .sb_companies-list-sponsor__card { background-color: var(--secondary-bg-color); } #container-list-advanced-search-toggle-text, #container-list-advanced-search-closed { color:white; } .recommended-content-section .live-item-room-overlay, #live-session-section .live-item-room-overlay { /*Recommender & live room name*/ height:66%; opacity:1; background-color:#865886; } .home-page-background-cover { background-size:cover!important; } #link-carousel-holder-4 { margin:0px; } #header #navbar-left-block div { font-family:var(--default-font-family); font-size:var(--quaternary-text-size); } .home-top-left-btn-block #btn-color-4 { min-width:100%; } .section-web-content__iframe-holder .iframeprogrammeinnovation { margin-top:0px; margin-bottom:0px; margin-left:auto; margin-right:auto; } .teaserContainer .wysiwyg-v2-edited { padding:0px; } .wysiwyg-section { padding-bottom:0px; } .viewCoiButton { display:none; } .booth-2d-timezone_offset { display:none; } .fa-twitter:before { content:"\e61b"; } .page-booth-detail .fa-link:before { padding: 0; font-size: 10px; margin-top: auto; margin-left: 3px; margin-right: auto; margin-bottom: 4px; } .programme-advanced-search-header__programme-listing .search-fulltext { display: none !important; } .programme-advanced-search-content__programme-listing #program-filter-tags { display:none!important; } .programme-advanced-search-content__programme-listing #program-filter-type { display:none!important; } #navbar-center-block .navbarFontColor.mr-3 { margin-right: 15px!important; color: var(--default-text-color)!important; } #footer-icons-block .navbarFontColor i { background-color: var(--default-bg-color); width: 28px; height: 28px; display: flex; justify-content: center; align-items: center; color: var(--default-text-color); border-radius: 15px; margin-bottom: 10px; } #section-3, #section-61 { background-color: var(--default-bg-color); } .programme-advanced-search-content__programme-listing #program-filter-society { display:none!important; } .eccmid-2024-custom-program-panel-form { width: 100%; } /* END ECCMID 2024 CSS SPE */ /* START ECCMID 2025 CSS SPE */ #home-page-section .recommended-content-section .recommendedContentTitleSection, #home-page-section #live-session-section .liveTitleSection { color: var(--default-text-color); margin-top: 15px!important; margin-bottom: 15px; margin-left: auto; margin-right: auto; } #home-page-section #live-session-section .liveBottomSection, #home-page-section .recommended-content-section .liveBottomSection { color: var(--default-text-color); margin-left: auto; margin-right: auto; } #home-page-section .recommended-content-section .recommendedContentTitleSection, #home-page-section #live-session-section .liveTitleSection { font-weight: 700; font-size: var(--default-link-buttons-font-size); font-family: var(--default-font-family); } #home-page-section .recommended-content-section .liveBottomSection .liveTypeText, #home-page-section #live-session-section .liveBottomSection .liveTypeText { border-radius: 4px; font-weight: 400; font-size: var(--secondary-text-size); font-family: var(--default-font-family); padding-top: 5px; } #home-page-section #live-session-section .liveThemeSection { display: none!important; } #home-page-section .section-title { margin-bottom: 25px; } #home-page-section .progressBar { height: 5px; position: relative; z-index: 2; top: 4px; background-color: var(--default-list-border-color); border-radius: 4px 4px 0 0; overflow: hidden; } #home-page-section .progress-bar { border-radius: 0 4px 4px 0; } #body-color-btn-blocks-holder.home-top-left-btn-block { margin-left: 0!important; } .home-top-left-btn-block-eccmid-2025 .color-button-block__outer .color-button-block { background-color: var(--tertiary-button-bg-color)!important; border-radius: 10px; margin-bottom: 0; } #section-4 #carousel-link-section, #section-63 #carousel-link-section{ padding: 0!important; } .color-button-section .section-color-button-title, .section-carousel-link-title { margin-left: 0!important; margin-right: 0!important; font-family: var(--default-font-family); font-size: var(--default-title-h2-font-size); font-weight: 500; margin-bottom: 0!important; } /* footer */ #footer-navigation-row .grid { margin-top: 0!important; } #footer-navigation-row .grid .column, #footer-navigation-row .grid .column p { display: flex; justify-content: start; align-items: center; margin-bottom: 0!important; padding-bottom: 0!important; } .home-top-right-carousel h4.carousel-link-thumbnail-caption, .home-top-right-carousel .carousel-link-blocks-item .carousel-link-thumbnail-tag { position: absolute; z-index: 3!important; padding-right: 80px; font-family: var(--default-font-family); line-height: 60px; color: var(--secondary-text-color)!important; background-color: transparent!important; } .home-top-right-carousel h4.carousel-link-thumbnail-caption { width: calc(508px - 60px)!important; font-weight: 500; font-size: 50px; display: flex; align-items: start; padding-top: 30px!important; } .home-top-right-carousel .carousel-link-blocks-item .carousel-link-thumbnail-tag { top: 110px; width: calc(508px - 60px)!important; margin-left: auto; margin-right: auto; display: flex; justify-content: start; align-items: center; } .home-top-right-carousel .carousel-link-blocks-item .carousel-link-thumbnail-tag > div { max-width: 100%; font-family: var(--default-font-family); font-size: 16px; font-weight: 400; display: flex; justify-content: flex-start; align-items: center; background-color: transparent!important; color: var(--secondary-text-color); letter-spacing: initial!important; text-transform: none!important; width: auto!important; opacity: 1!important; border: solid 1px var(--tertiary-input-border-color); border-radius: 42px; padding: 25px; } .container-card__details__holder-badges-description div[class^="container-card__details-"] { font-size: var(--quaternary-text-size); font-weight: 400; font-family: var(--default-font-family); color: var(--default-text-color); } .list-card-content-link { display: block!important; height: 150px; } .container-card__details__holder-badges { margin-top: 0!important; } .buttonLibrary { padding: .3rem; border-bottom: solid 1px var(--secondary-input-border-color); width: auto !important; margin-left: auto; margin-right: auto; } #container-list-advanced-search-button, #container-list-advanced-search-toggle { background-color: var(--default-bg-color); color: var(--default-text-color)!important; border-radius: 25px; } #container-list-advanced-search-button > span, #container-list-advanced-search-toggle > span { font-size: var(--quaternary-text-size); font-weight: 400; font-family: var(--default-font-family); } #bo-admin-is-interactive:checked + .custom-control-label::before { background-color: var(--default-button-bg-color); } #container-list-search-form { color: var(--default-text-color); font-family: var(--default-font-family); } #advanced-search-block .advancedSearchHolder * { font-size: 16px!important; } @media (max-width: 600px) { #advanced-search-block { overflow-x: hidden; } #advanced-search-block .custom-checkbox { align-items: flex-start; min-width: 0; } #advanced-search-block label, #advanced-search-block .custom-control-label { white-space: normal !important; word-break: break-word; overflow-wrap: anywhere; max-width: 100%; min-width: 0; } } #container-list-search-form #advancedSearchItem__holder-titles { color: var(--default-text-color); font-size: var(--tertiary-text-size); font-weight: 400; } .list-search-button-container button { font-family: var(--default-font-family); font-size: var(--tertiary-text-size); font-weight: 400; } .resetAdvancedSearchForm { color: var(--default-text-color); } .rounded-search-form-item, #select_multiple_channels { border-color: var(--default-input-border-color)!important; } #zone-contenu:has(#advanced-search-container-list) h1 { font-size: var(--default-title-h1-text-size); font-weight: 500; } #zone-contenu:has(#advanced-search-container-list) #advancedSearchBlockTitle { font-size: var(--secondary-title-h3-text-size); font-weight: 500; } /* contact page */ #zone-contenu-principale:has(#contactForm) h1 { font-family: var(--default-font-family); font-size: 50px; font-weight: 500; } #contactForm input[type="text"][placeholder], #contactForm textarea[placeholder] { color: var(--default-text-color); font-weight: 400; font-size: var(--quaternary-text-size); font-family: var(--default-font-family); } .contact-button-submit { font-size: var(--quaternary-text-size); font-family: var(--default-font-family); font-weight: 400; } .exhibitor-list-rgpd-message { color: var(--default-text-color); background-color: var(--secondary-blue-bg-eccmid); padding: 15px; margin-bottom: 44px!important; } .exhibitor-list-rgpd-message::before { content: '\f05a'; font-family: 'Font Awesome 5 Pro'; margin-right: 10px; } /* FAQ Rules */ .faq-header-container *, .faq-accordion-content *:not(i) { font-family: var(--default-font-family); background-color: var(--default-bg-color); } .faq-header-container { padding-bottom: 0!important; } .faq-header-container h1, .faq-header-container p { color: var(--default-text-color)!important; max-width: 636px!important; } .faq-accordion-content { max-width: 800px; } .faq-header-container h1 { font-family: var(--default-font-family)!important; font-size: var(--default-title-h1-text-size)!important; font-weight: 500!important; line-height: 60px; margin-bottom: 20px; } .faq-header-container p { font-size: var(--sixth-text-size); font-weight: 400!important; color: var(--default-text-color); line-height: 25px!important; } .faq-accordion-block-title { border-top: solid 1px var(--secondary-bg-color)!important; text-decoration: none; } h3.faq-accordion-block-title { font-size: 30px; font-weight: 500!important; margin-bottom: 0!important; padding-bottom: 0!important; } .faq-accordion-block-title button, .faq-accordion-block-title button:hover, .faq-accordion-block-title button:focus { margin-left: 0!important; margin-right: 0!important; padding-left: 0!important; padding-right: 0!important; color: var(--default-text-color); text-decoration: none!important; font-size: 30px!important; font-weight: 500!important; transition: none!important; box-shadow: none!important; opacity: 1!important; text-align: left!important; border: none!important; } .faq-accordion-block-title button:not(i), .faq-accordion-block-title button:not(i):hover, .faq-accordion-block-title button:not(i):focus { font-family: var(--default-font-family)!important; } .faq-accordion-block .collapse:has(p[contentEditable="true"]) { display: block !important; height: auto !important; visibility: visible !important; } .eccmid-2025-accordion-question { font-weight: 800!important; } .faq-accordion-content p { font-size: var(--sixth-text-size)!important; } .faq-accordion-block-title button i.fa-regular.fa-chevron-down { font-size: var(--sixth-text-size)!important; margin-top: auto; margin-bottom: auto; } /* Booth rules report 2024*/ .page-booth-detail h1 { font-size: var(--default-title-h1-text-size); line-height: 60px; } .booth-2d-title { font-size: var(--default-title-h2-font-size); line-height: 42px; } .page-booth-detail h1, .booth-2d-title { font-family: var(--default-font-family); font-weight: 500; } .page-booth-detail p { font-family: var(--default-font-family)!important; color: var(--default-text-color)!important; font-weight: 400; font-size: var(--quaternary-text-size); line-height: 22px; } .container-zone-principale .booth-2d-symposia-1, .container-zone-principale .booth-2d-symposia-2 { border-top: solid var(--secondary-input-border-color) 1px!important; } .container-zone-principale .booth-2d-contact-btn { border: solid 1px var(--secondary-input-border-color) !important; } .booth-symposia-container .programme-session-display i { border: solid 1px var(--secondary-input-border-color)!important; color: var(--default-text-color)!important; } .booth-2d-symposia-1 label, .booth-2d-symposia-2 label{ color: var(--default-text-color)!important; } .booth-2d-contact-btn div { font-size: var(--quaternary-text-size); } /**/ .abstractList *:not(i) { font-family: var(--default-font-family); } .abstractList h1 { font-size: var(--default-title-h1-text-size); font-weight: 500; color: var(--default-text-color); } .abstractList .alert-info { background-color: var(--secondary-blue-bg-eccmid); color: var(--default-text-color); width: fit-content; } .abstractList .alert-info i { font-weight: 300; } .abstractList .card-deck .card { border-radius: 8px!important; border-color: var(--default-input-border-color)!important; } .abstractList .card-deck .card .card-body, .abstractList .card-deck .card .card-footer{ padding: 0; } .abstractList .card-deck .card .card-body { margin-bottom: calc(1.75rem + 51px); } .header-abstracts-list-card-reference { padding-left: 1.25rem; padding-right: 1.25rem; font-size: var(--secondary-text-size); } .body-abstracts-list-card-reference-title, .abstractList .card-deck .card-footer a { padding: 1.25rem; } .body-abstracts-list-card-reference-title { font-weight: 700; font-size: var(--sixth-text-size); color: var(--default-text-color); } .header-abstracts-list-card-reference { background-color: var(--secondary-bg-color); color: var(--secondary-text-color); border-radius: 7px 7px 0 0; } .abstractList .card-deck .card-footer { position: absolute; bottom: 0; width: 100%; border-radius: 0 0 7px 7px; overflow: hidden; border-top: none; } .abstractList .card-deck .card-footer .footer-abstracts-card-reference, .abstractList .card-deck .card-footer .footer-abstracts-card-reference:active, .abstractList .card-deck .card-footer .footer-abstracts-card-reference:hover { width: 100%; background-color: var(--default-bg-color); color: var(--default-text-color); border: none; font-size: var(--quaternary-text-size); } .abstractList .card-deck .card-footer .footer-abstracts-card-reference i { border: solid var(--secondary-input-border-color) 1px; border-radius: 40px; width: 28px; height: 28px; } /**/ .programme-text-intro .wysiwyg-v2-edited * { font-size: 1em; } /**/ /**/ .modal-program-detail-session .modal-session-header-bg-type { display: block; } .modal-program-detail-session .modal-session-header-bg-theme { display: none; } .modal-program-detail-session .modal-session-header-bg-cat { display: none; } /**/ .modal-program-detail-session .modal-session-header, .modal-program-detail-session .modal-session-header a { color: var(--default-text-color)!important; font-size: var(--quaternary-text-size); } .modal-program-detail-session .modal-session-organized-by { color: var(--default-text-color)!important; } .modal-program-detail-session .modal-session-header a:hover { text-decoration: none; } .modal-program-detail-session .program-session-modal-cme-tag { font-size: var(--sixth-text-size); font-weight: 500; } .modal-program-detail-session .modal-session-name { max-width: 592px; } .modal-program-detail-session .modal-session-name h3 { font-size: var(--secondary-title-h2-font-size); font-weight: 700!important; } .modal-program-detail-session .modal-title-cat h4, .modal-program-detail-session .userProfileModalEvent, .modal-program-detail-session .programme-session-detail-links-container a, .modal-program-detail-session .programme-session-detail-links-container i:not(.agenda-tag-icon), .modal-program-detail-session .programme-session-detail-links-container i button, .modal-program-detail-session .modal-program-detail-session-desc, .modal-program-detail-session .modal-not-recorded { color: var(--default-text-color)!important; font-weight: 400; font-size: var(--quaternary-text-size); } .programme-session-detail-links-container .program-modal-link:not(.programme-session-detail-links-container .program-modal-link:last-child) { margin-right: 1rem; } .modal-program-detail-session .programme-session-detail-links-container .text-danger > a, .modal-program-detail-session .programme-session-detail-links-container .text-danger > a > i { color:red!important; border-color:red!important; } .modal-program-detail-session .modal-not-recorded { border-right: solid var(--secondary-input-border-color) 1px; } .modal-program-detail-session .programme-session-detail-links-container a { border-bottom: solid 1px var(--secondary-input-border-color); padding-bottom: 3px; display: flex; align-items: center; } .modal-program-detail-session .programme-session-detail-links-container i { padding: 0!important; } .session-details-cotype-name #img-cotype-label { padding-left: 0; } .modal-program-detail-session .session-details-cotype-name, .modal-program-detail-session .program-session-detail-chairs-title, .modal-program-detail-session .program-session-detail-interv-title { font-size: var(--default-title-h4-text-size); font-weight: 700!important; } /**/ /**/ /* program intro */ #introProgramContainer .intra-col-logo:has(figure) { min-height: 30px; } #introProgramContainer .intra-col-logo figure { margin-bottom: 0; } #introProgramContainer .intra-col-logo figure a { display: flex; align-items: center; } #introProgramContainer .intra-col-bg-text { margin-top: 0!important; } #introProgramContainer .intra-col-logo img { width: 45px; height: auto; } #introProgramContainer .intra-col-logo:has(figure) *, #introProgramContainer .intra-col-logo div, #introProgramContainer .program-legend-tile-column { font-family: var(--default-font-family); } #introProgramContainer .container-legend-column { min-width: 200px; margin-bottom: 15px; } #introProgramContainer .col-3.container-legend-column { min-width: 326px; } #introProgramContainer .program-legend-tile-column { font-weight: 500!important; min-height: 26px; font-size: var(--quaternary-text-size); } #introProgramContainer .intra-col-logo-bckd-cyan { background-color: #B2EEE7; } #introProgramContainer [class^="intra-col-logo-bckd-"] { width: 25px; height: 11px; } #introProgramContainer .intra-col-logo div:not(.intra-col-bg-text) { font-weight: 500; font-size: var(--quaternary-text-size); min-width: 25px; } #introProgramContainer .intra-col-logo-bckd-blue { background-color: #BCCDFF; } #introProgramContainer .intra-col-logo-bckd-purple { background-color: #CCB9F0; } #introProgramContainer .intra-col-logo-bckd-pink { background-color: #FCBDE1; } #introProgramContainer .intra-col-logo-bckd-yellow { background-color: #FDF0BA; } #introProgramContainer .intra-col-logo-bckd-orange { background-color: #FCD7B8; } /* end of program intro */ .program_advanced-search_section_tracks { border: solid var(--default-input-border-color) 1px 0 0 0 ; } #programme-advanced-search-header #programmeAdvSearchBtn, #programme-advanced-search-header #programmeToggleViewBtn, #programme-advanced-search-header #programmeToggleViewBtn i, #programme-advanced-search-header #programmeToggleViewBtn span{ background-color: var(--default-bg-color)!important; color: var(--default-text-color)!important; } #programme-advanced-search-header #programmeAdvSearchBtn i::before { content: '\e0ad'; font-family: 'Font Awesome 6 Pro'; } .program_advanced-search_section_tracks label { color: var(--default-text-color); } .program_advanced-search_section_tracks input[type="checkbox"]:checked { accent-color: transparent!important; border: solid 1px var(--secondary-input-border-color); } .program_advanced-search-text-input-container { border-bottom: solid var(--secondary-input-border-color) 2px!important; } .program_advanced-search-text-input { border: none!important; padding-left: 0!important; } .program_advanced-search-text-input:focus { border: none!important; box-shadow: none!important; } #program-track-tags { padding-left: 0!important; padding-right: 0!important; } #programme-calendar #programme-date-picker button, #programme-date-picker button{ background-color: var(--quaternary-button-bg-color); border: none; color: var(--quaternary-button-text-color); } #programme-calendar #programme-date-picker button.selected, #programme-date-picker button.selected { background-color: var(--default-button-bg-color); color: var(--secondary-button-text-color); } #programme-calendar #programme-date-picker button:focus, #programmeTextSearchBtn:focus, #programmeAdvSearchBtn:focus { box-shadow: none!important; background-color: var(--default-button-bg-color); } #div-select-timezone-prog-list, #div-select-timezone-prog-list, #div-timezone-prog-list, #div-timezone-prog-list .bootstrap-select, #div-timezone-prog-list .bootstrap-select button { height: 100%; min-height: 38px; } #programmeExportPdfBtn i::before { font-family: 'Font Awesome 6 Pro'; content: '\f33d'; } .program_advanced-search__inner { background-color: var(--default-bg-color); } .program_advanced-search__inner div { box-shadow: none; border-radius: 7px; } #programmeSearchRefreshBtn { background-color: var(--default-input-bg-color); color: var(--default-text-color); border: solid 1px var(--secondary-input-border-color); } /* program calendar content */ #zone-principale:has(#programme-calendar) .fil-ariane { margin-left: 15px; } #programme-calendar #program_calendar-header { background-color: var(--default-bg-color); } #program_calendar-header_clock { padding-right: 0; } #program_calendar-header_clock .scrollProgramLeft_holder { background-color: var(--default-bg-color); border-radius: 0 0 20px 0; } #program_calendar-header_clock .scrollProgramLeft { background-color: var(--default-bg-color); border: solid 1px var(--secondary-input-border-color); position: relative; left: 25%; top: -2px!important; border-radius: 7px; font-size: var(--default-text-size); width: 32px; height: 32px; } #program_calendar-header_clock .scrollProgramLeft_holder, #program_calendar-content .scrollProgramRight_holder { min-width: 32px; } .scrollProgramLeft-container { background-color: var(--secondary-bg-color)!important; } /* White background container */ .program-arrow-white-bg { background-color: transparent; right: 42px!important; margin-bottom: 32px!important; padding-top: 12px!important; padding-left: 32px; position: absolute; display: flex; align-items: center; justify-content: center; border-top: 8px solid #fbf7f7; border-right: 10px solid #f7f7f7; border-radius: 0 20px; height: 24px; } #program_calendar-header_clock .scrollProgramLeft.disable-arrow, #program_calendar-content #scrollProgramRight_holder .scrollProgramRight.disable-arrow { border: solid 1px var(--default-input-border-color); color: var(--default-input-border-color); display: flex!important; justify-content: center!important; align-items: center!important; } .header-programme-session-card * { color: var(--default-text-color); font-family: var(--default-font-family); } .header-programme-session-card i.fa, .header-programme-session-card i.far, .header-programme-session-card i.fas { font-family: 'Font Awesome 6 Pro'; } .header-programme-session-card, .header-programme-session-card-hour-CME { font-size: var(--secondary-text-size)!important; } .header-programme-session-card-cotype { font-size: var(--tertiary-text-size); } .programme-session-tag-img { max-width: 45px; height: auto; margin-bottom: 35px; } .program-session-card-title h4:not(.program-session-card-title h4 span) { font-weight: 400!important; } .program-session-card-title h4 { margin-bottom: 20px; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .program-session-card-title h4, .program-session-card-title h4 span { color: var(--default-text-color); font-size: var(--tertiary-text-size); font-family: var(--default-font-family); line-height: 18px!important; } .program-session-card-title h4 span { font-weight: 500; } #program_calendar-header .roomsName { background-color: var(--secondary-bg-color); color:var(--default-list-bg-color); border: solid 1px var(--secondary-bg-color); height: 42px; border-radius: 8px 8px 0 0; font-size: var(--quaternary-text-size); font-weight: 500 !important; margin-top: 0 !important; } .live-program-hour-bar { margin-top: -1px; } .live-program-hour-bar-body .border { background-color: var(--default-bg-color); color: var(--default-text-color); border-top: var(--default-input-border-color) 1px solid!important; font-size: var(--quaternary-text-size); font-weight: 500; } .collapse-btn-program { width: 100%; background-color: var(--secondary-input-bg-color); border: none; } .collapse-btn-program:focus, .collapse-btn-program:active, .collapse-btn-program:hover { box-shadow: none!important; background-color: inherit; } .collapse-btn-program i { color: var(--default-text-color); } /* End program calendar content */ /* start poster locator rules */ #zone-principale:has(.program-poster-locator-header-list) .fil-ariane { margin-left: 15px; } #zone-principale:has(.program-poster-locator-header-list) h1 { font-size: var(--default-title-h1-text-size); font-weight: 500; } .program-poster-locator-header-list { font-size: var(--sixth-text-size); } .locator-interv-row a { font-size: var(--quaternary-text-size); color: var(--default-text-color)!important; } .poster-locator-search-button, .poster-locator-search-button:focus, .poster-locator-search-button:hover { background-color: var(--default-input-bg-color)!important; color: var(--default-text-color); border: none; width: auto!important; min-width: auto!important; } #filter-locator-search, #filter-locator-search:focus { border: none; background: transparent!important; box-shadow: none; } .filter-locator-search-container { border: solid var(--default-input-border-color) 1px; max-width: 354px; border-radius: 7px; } .filter-locator-search-container input { width: calc(100% - 32px); } /**/ /**/ #zone-principale:has(#ubiquity-conteneur) .fil-ariane { margin-left: 15px; } /* width */ #ubiquity-timeline::-webkit-scrollbar { width: 5px; } /* Track */ #ubiquity-timeline::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 15px; } /* Handle */ #ubiquity-timeline::-webkit-scrollbar-thumb { background: #888; } /* Handle on hover */ #ubiquity-timeline::-webkit-scrollbar-thumb:hover { background: #555; } #ubiquity-conteneur { font-family: var(--default-font-family); } #ubiquity-timeline-element-conteneur { border-radius: 10px; padding-right: 8px; background-color: var(--default-bg-color)!important; } #ubiquity-timeline-element-conteneur > [id^="ubiquity-timeline-element-"] { min-height: 110px; align-items: center; flex-direction: column!important; justify-content: flex-start!important; padding: 20px 26px !important; border: none; box-shadow: none; overflow: hidden; font-family: var(--default-font-family)!important; } #ubiquity-timeline-element-conteneur > [id^="ubiquity-timeline-element-"] div { width: 100%!important; text-align: left!important; align-self: flex-start!important; } #ubiquity-timeline-element-conteneur > [id^="ubiquity-timeline-element-"] .timelineElementContent { width: 100%!important; max-width: 100%!important; } #ubiquity-timeline-element-conteneur > [id^="ubiquity-timeline-element-"] .fa-info-circle { display: flex; align-items: center; } #ubiquity-timeline-element-conteneur > .ubiquity-timeline-element.type-info .fa-info-circle:before, #ubiquity-timeline-element-conteneur > .ubiquity-timeline-element.type-question .fa-question-circle:before, #ubiquity-timeline-element-conteneur > .ubiquity-timeline-element.type-commentaire .fa-comments:before, #ubiquity-timeline-element-conteneur > .ubiquity-timeline-element.type-doc-pho .fa-image:before, #ubiquity-timeline-element-conteneur > [id^="ubiquity-timeline-element-"] .fa-file-alt:before, #ubiquity-timeline-element-conteneur > [id^="ubiquity-timeline-element-"] .fa-microphone-stand:before { margin-right: 7px; font-weight: 500!important; font-size: var(--quaternary-text-size); } #ubiquity-timeline-element-conteneur > .ubiquity-timeline-element.type-info .fa-info-circle:after, #ubiquity-timeline-element-conteneur > .ubiquity-timeline-element.type-question .fa-question-circle:after, #ubiquity-timeline-element-conteneur > .ubiquity-timeline-element.type-commentaire .fa-comments:after, #ubiquity-timeline-element-conteneur > [id^="ubiquity-timeline-element-"] .fa-image:after, #ubiquity-timeline-element-conteneur > [id^="ubiquity-timeline-element-"] .fa-file-alt:after, #ubiquity-timeline-element-conteneur > [id^="ubiquity-timeline-element-"] .fa-microphone-stand:after { font-family: var(--default-font-family); font-size: var(--quaternary-text-size); font-weight: 500; height: 100%; } #ubiquity-timeline-element-conteneur > .ubiquity-timeline-element.type-info .fa-info-circle:before { content: '\f05a'!important; } #ubiquity-timeline-element-conteneur > .ubiquity-timeline-element.type-question .fa-question-circle:before { content: '\f27a'!important; } #ubiquity-timeline-element-conteneur > .ubiquity-timeline-element.type-commentaire .fa-comments:before { content: '\f086'!important; } #ubiquity-timeline-element-conteneur > .ubiquity-timeline-element.type-doc-pho .fa-image:before { content: '\f03e'!important; } #ubiquity-timeline-element-conteneur > .ubiquity-timeline-element.type-doc-link .fa-file-alt:before { content: '\f15b'!important; } #ubiquity-timeline-element-conteneur > .ubiquity-timeline-element.type-doc-txt .fa-file-alt:before { content: '\f15b'!important; } #ubiquity-timeline-element-conteneur > .ubiquity-timeline-element.type-sondage .fa-microphone-stand:before { content: '\e5d4'!important; /*font-weight: 300!important;*/ } #ubiquity-timeline-element-conteneur > .ubiquity-timeline-element.type-info .fa-info-circle:after { content: 'Information'!important; } #ubiquity-timeline-element-conteneur > .ubiquity-timeline-element.type-doc-pho .fa-image:after { content: 'Photo'!important; } #ubiquity-timeline-element-conteneur > .ubiquity-timeline-element.type-question .fa-question-circle:after { content: 'Question'!important; } #ubiquity-timeline-element-conteneur > .ubiquity-timeline-element.type-doc-txt .fa-file-alt:after { content: 'Document'!important; } #ubiquity-timeline-element-conteneur > .ubiquity-timeline-element.type-doc-link .fa-file-alt:after { content: 'Link'!important; } #ubiquity-timeline-element-conteneur > .ubiquity-timeline-element.type-sondage .fa-microphone-stand:after { content: 'Poll'!important; } #ubiquity-timeline-element-conteneur > .ubiquity-timeline-element.type-commentaire .fa-comments:after { content: 'Comment'!important; } .ubiquity-timeline-element.type-info, .ubiquity-timeline-element.type-question, .ubiquity-timeline-element.type-doc-pho, .ubiquity-timeline-element.type-doc-txt, .ubiquity-timeline-element.type-doc-link, .ubiquity-timeline-element.type-sondage { width: calc(100% - 5px)!important; } .ubiquity-timeline-element.type-answer { width: 89%!important; margin-left: 0!important; } #ubiquity-timeline-element-conteneur .timelineElementText { font-style: normal; font-variant: normal; font-weight: 400; font-size: var(--tertiary-text-size); line-height: 19px; font-family: var(--default-font-family)!important; display:block; padding:0; overflow:hidden; clear:both; letter-spacing: 0px; color: var(--default-text-color)!important; opacity: 1; overflow-wrap: break-word;/*Retour a la ligne auto URLs*!*/ margin-top: 7px!important; } #ubiquity-timeline-element-conteneur > [id^="ubiquity-timeline-element-"] .timelineUserName { color: var(--default-text-color)!important; font-family: var(--default-font-family)!important; font-style: normal!important; text-align:right; font-size: 12px; } #ubiquity-timeline-element-conteneur span[id^="ligne-zero-vdopoll-anslnk-"], #ubiquity-timeline-element-conteneur > [id^="ubiquity-timeline-element-"].type-doc-txt .actiontxt { text-decoration: underline; font-family: var(--default-font-family); text-align:right; } select.faculty-selector, #tab-live-question .live-question-input, #tab-live-question .live-question-input::placeholder { height: 46px; box-shadow: none; font-size: var(--quaternary-text-size); font-weight: 400; } #ubiquity-interactive-conteneur #ubiquity-fullscreen, #ubiquity-interactive-conteneur #ubiquity-fullscreen:focus, #ubiquity-interactive-conteneur #ubiquity-fullscreen:visited, #ubiquity-interactive-conteneur #ubiquity-fullscreen:active { background: transparent; color: var(--default-input-text-color); width: auto; border: none; font-size: var(--quaternary-text-size); font-weight: 400; box-shadow: none; } #ubiquity-interactive-conteneur #ubiquity-fullscreen .fa-expand { display: none; } #ubiquity-interactive-conteneur #ubiquity-fullscreen:after { content: '\f065'; font-family: 'Font Awesome 6 Pro'; font-size: var(--quaternary-text-size); font-weight: 400; margin-left: 10px; border: none; } #ubiquity-video-conteneur .askQuestionSeparator { border: none; } #ubiquity-video-conteneur .askQuestion { font-size: var(--sixth-text-size); font-weight: 700; color: var(--default-text-color); } #ask-question .form_submit, .upload-btn-ubiquity-photo-send, #sendPhoto .form_submit { height: 46px; background-color: var(--default-button-bg-color)!important; color: var(--default-button-text-color)!important; border-radius: 40px!important; border: none; font-size: var(--quaternary-text-size)!important; font-weight: 400!important; } .upload-btn-ubiquity-photo-send { margin-right: 10px; } .upload-btn-ubiquity-photo-send .qq-upload-button { margin-top: 3px; } #ask-question .form_submit, #sendPhoto .form_submit { min-width: 108px; } .upload-btn-ubiquity-photo-send { width: 130px; } #ask-question .form_submit .fa-paper-plane:before { content: 'Ask'; text-transform: capitalize; font-family: var(--default-font-family); font-size: var(--quaternary-text-size); font-weight: 400; } #sendPhoto .form_submit .fa-paper-plane:before { content: 'Send'; text-transform: capitalize; font-family: var(--default-font-family); font-size: var(--quaternary-text-size); font-weight: 400; } #ubiquity-interactive-conteneur .fancybox { width: auto; /*float: right;*/ background: transparent; color: var(--default-text-color); border: none; } #select-question-type { border-bottom: none!important; } #select-question-type .nav-item .active { background-color: var(--default-bg-color)!important; color: var(--default-text-color)!important; border-radius: .25rem; border-color: #dee2e6; } #select-question-type .nav-item h4 { color: var(--default-text-color)!important; font-weight: 700!important; font-size: var(--sixth-text-size)!important; } #ubiquity-conteneur .globalIntervTitle { font-size: 24px; font-weight: 500!important; } #ubiquity-conteneur .liveSessionType, #ubiquity-conteneur .liveSessionCategory { width: auto!important; font-size: var(--tertiary-text-size); color: var(--default-text-color); } #ubiquity-conteneur .liveSessionType { font-weight: 700; } #ubiquity-conteneur .liveSessionCategory { font-weight: 400; } #ubiquity-conteneur .liveSessionName { font-size: var(--default-title-h2-font-size); font-weight: 500!important; color: var(--default-text-color); } #ubiquity-conteneur #img-cotype-label { padding-left: 0!important; } #ubiquity-conteneur .cosessionTextResume { color: var(--default-text-color); font-size: var(--quaternary-text-size); font-weight: 400; } #ubiquity-conteneur .ubiquity-block-session { font-family: var(--default-font-family); font-size: var(--quaternary-text-size); font-weight: 500; color: var(--default-text-color); } #ubiquity-conteneur .interventionHour { font-size: var(--sixth-text-size); } /**/ @media screen and (min-width: 992px) { .container-fluid.container-zone-principale:has(.eccmid-2025-faq-body-container) { max-width: 90%; margin-left: 5%!important; margin-right: 5%!important; padding-left: 0!important; padding-right: 0!important; } .container-fluid.container-zone-principale:has(.eccmid-2025-faq-body-container) #zone-principale { padding-left: 0!important; } } @media (max-width: 991px) { .home-slider-carousel{ height: 300px; } } @media screen and (min-width: 1700px) { .home-top-right-carousel .slick-list { width: 594px; height: 334px; text-align: center; border-radius: 10px; } #section-4 .home-top-right-carousel .slick-slider, #section-4 .home-top-right-carousel .slick-track, #section-63 .home-top-right-carousel .slick-slider, #section-63 .home-top-right-carousel .slick-track{ width: 594px; height: 334px; } #section-4 .home-top-right-carousel .carousel-link-blocks-item, #section-4 .home-top-right-carousel .carousel-link-blocks-item, #section-63 .home-top-right-carousel .carousel-link-blocks-item, #section-63 .home-top-right-carousel .carousel-link-blocks-item { width: 100%; height: 100%; } #section-4 .home-top-right-carousel .carousel-link-blocks-item, #section-63 .home-top-right-carousel .carousel-link-blocks-item { border-radius: 15px; } .home-top-right-carousel .slick-slider { width: 594px; margin-top: 40px; margin-left:auto; margin-right: 80px; max-width: 100%; } .home-top-right-carousel .slick-next { right: -60px; } .home-top-right-carousel h4.carousel-link-thumbnail-caption, .home-top-right-carousel .carousel-link-blocks-item .carousel-link-thumbnail-tag { width: calc(508px)!important; } } @media screen and (max-width: 1700px) { .home-top-right-carousel .slick-list { width: calc(594px / 1.2)!important; height: calc(334px / 1.2)!important; text-align: center; border-radius: 10px; } #section-4 .home-top-right-carousel .carousel-link-blocks-item, #section-4 .home-top-right-carousel .carousel-link-blocks-item, #section-63 .home-top-right-carousel .carousel-link-blocks-item, #section-63 .home-top-right-carousel .carousel-link-blocks-item { width: calc(594px / 1.2)!important; height: calc(334px / 1.2)!important; } #section-4 .home-top-right-carousel .carousel-link-blocks-item, #section-63 .home-top-right-carousel .carousel-link-blocks-item { border-radius: 15px; } .home-top-right-carousel .slick-slider { width: calc(594px / 1.2)!important; height: calc(334px / 1.2)!important; margin-top: -25px; margin-left: auto; margin-right: 80px; max-width: 100%; } .home-top-right-carousel .slick-next { right: -60px; } .home-top-right-carousel h4.carousel-link-thumbnail-caption, .home-top-right-carousel .carousel-link-blocks-item .carousel-link-thumbnail-tag { width: calc(calc(594px / 1.2) - 86px)!important; } .home-top-right-carousel h4.carousel-link-thumbnail-caption { font-size: 22px!important; } #program_calendar-header_clock .scrollProgramLeft { left: 25%; } } @media screen and (max-width: 1380px) { #introProgramContainer .empty-program-legend-tile-column { display: none; } #introProgramContainer .intra-col-logo figure, #introProgramContainer .intra-col-logo img { width: 23px; } } @media screen and (min-width: 1320px) { #searchContainerFooterEccmid, #socialLinksContainerFooterEccmid { max-height: 20px; } #header #navbar-right-block > div > div { height: 100%; } } @media screen and (max-width: 1320px) { #section-4, #section-63 { margin-top: 0!important; } .home-top-right-carousel .slick-list { width: calc(594px / 1.5)!important; height: calc(334px / 1.5)!important; text-align: center; border-radius: 10px; } #section-4 .home-top-right-carousel .carousel-link-blocks-item, #section-4 .home-top-right-carousel .carousel-link-blocks-item, #section-63 .home-top-right-carousel .carousel-link-blocks-item, #section-63 .home-top-right-carousel .carousel-link-blocks-item { width: 100%; height: 100%; } #section-4 .home-top-right-carousel .carousel-link-blocks-item, #section-63 .home-top-right-carousel .carousel-link-blocks-item { border-radius: 15px; } .home-top-right-carousel .slick-slider { width: calc(594px / 1.5)!important; height: calc(334px / 1.5)!important; margin-top: 10px; margin-left:auto; margin-right: 120px; max-width: 100%; } #section-4 .home-top-right-carousel .carousel-link-blocks-item, #section-4 .home-top-right-carousel .carousel-link-blocks-item, #section-63 .home-top-right-carousel .carousel-link-blocks-item, #section-63 .home-top-right-carousel .carousel-link-blocks-item { width: calc(594px / 1.5)!important; height: calc(334px / 1.5)!important; } .home-top-right-carousel .slick-next { right: -60px; } .home-top-right-carousel h4.carousel-link-thumbnail-caption, .home-top-right-carousel .carousel-link-blocks-item .carousel-link-thumbnail-tag { width: calc((594px / 1.5) - 90px)!important; } .home-top-right-carousel h4.carousel-link-thumbnail-caption { font-size: 22px!important; } #program_calendar-header_clock .scrollProgramLeft { left:15%; } } @media only screen and (max-width: 1182px) { .home-top-right-carousel .slick-slider { margin-right: auto; margin-top: 0; } .home-top-right-carousel { margin-top: 0!important; } } @media screen and (max-width: 1106px) { #section-10 .wysiwyg-section { margin-left: 5%; margin-right: 5%; width: 90%; } .home-top-right-carousel .slick-slider { margin-top: 0; } } @media screen and (max-width: 992px) { #footer-left { margin-bottom: 15px; } #footer-icons-block { margin-top: 15px; } #program_calendar-header_clock .scrollProgramLeft { left:0; } .program-poster-locator-header-list { display: none!important; } .locator-interv-line { border-top: solid var(--secondary-input-border-color) 3px; } .poster-locator-adjustable-padding { padding-top: .5rem!important; } } @media screen and (max-width: 950px) { #section-3 .color-button-section, #section-61 .color-button-section { margin-bottom: 0; } #section-4, #section-63 { min-height: auto !important; } .home-top-right-carousel .slick-list { width: 100% !important; height: auto !important; text-align: center; border-radius: 10px; max-width: 100%; } .home-top-right-carousel .slick-slider { width: 75% !important; height: auto !important; margin-top: 25px; margin-left: auto; margin-right: auto; max-width: 75%; } .home-top-right-carousel .slick-slide > div { height: auto !important; display: flex; justify-content: center; align-items: center; } #section-4 .home-top-right-carousel .carousel-link-blocks-item, #section-63 .home-top-right-carousel .carousel-link-blocks-item { width: 100% !important; min-height: 300px; max-height: 400px; background-size: contain !important; background-position: center center !important; background-repeat: no-repeat !important; margin: 0 auto; } .home-top-right-carousel .slick-track { display: flex !important; align-items: center !important; } .home-top-right-carousel h4.carousel-link-thumbnail-caption, .home-top-right-carousel .carousel-link-blocks-item .carousel-link-thumbnail-tag { width: calc(100% - 44px) !important; } .home-top-right-carousel h4.carousel-link-thumbnail-caption { padding-top: 0 !important; } .home-top-right-carousel .carousel-link-blocks-item .carousel-link-thumbnail-tag { top: 70px !important; } .home-top-right-carousel .carousel-link-blocks-item .carousel-link-thumbnail-tag > div { font-size: 12px; } #program_calendar-header_clock .scrollProgramLeft { left: 0; } } @media screen and (max-width: 1182px) { #section-3 .color-button-section, #section-61 .color-button-section { margin-bottom: 0; } #section-4, #section-63 { min-height: auto !important; } .home-top-right-carousel .slick-list { width: 100% !important; height: auto !important; text-align: center; border-radius: 10px; max-width: 100%; margin: 0 auto; } .home-top-right-carousel .slick-slider { width: 75% !important; height: auto !important; margin-top: 25px; margin-left: auto; margin-right: auto; max-width: 75%; } .home-top-right-carousel .slick-slide > div { height: auto !important; display: flex; justify-content: center; align-items: center; } #section-4 .home-top-right-carousel .carousel-link-blocks-item, #section-63 .home-top-right-carousel .carousel-link-blocks-item { width: 100% !important; min-height: 300px; max-height: 400px; background-size: contain !important; background-position: center center !important; background-repeat: no-repeat !important; margin: 0 auto; } .home-top-right-carousel .slick-track { display: flex !important; align-items: center !important; } .home-top-right-carousel h4.carousel-link-thumbnail-caption, .home-top-right-carousel .carousel-link-blocks-item .carousel-link-thumbnail-tag { width: calc(100% - 44px) !important; } .home-top-right-carousel h4.carousel-link-thumbnail-caption { padding-top: 0 !important; } .home-top-right-carousel .carousel-link-blocks-item .carousel-link-thumbnail-tag { top: 70px !important; } .home-top-right-carousel .carousel-link-blocks-item .carousel-link-thumbnail-tag > div { font-size: 12px; } #program_calendar-header_clock .scrollProgramLeft { left: 0; } } @media screen and (max-width: 768px) { .home-top-right-carousel .slick-slider { width: 100% !important; height: auto !important; margin-left: auto; margin-right: auto; max-width: 100%; padding-left: 0 !important; } .home-top-right-carousel .slick-list { width: 100% !important; height: auto !important; text-align: center; border-radius: 10px; max-width: 100%; margin: 0 auto; } .home-top-right-carousel .slick-slide > div { height: auto !important; display: flex; justify-content: center; align-items: center; } #section-4 .home-top-right-carousel .carousel-link-blocks-item, #section-63 .home-top-right-carousel .carousel-link-blocks-item { width: 100% !important; min-height: 300px; max-height: 400px; background-size: contain !important; background-position: center center !important; background-repeat: no-repeat !important; margin: 0 auto; } .home-top-right-carousel .slick-track { display: flex !important; align-items: center !important; } .home-top-right-carousel h4.carousel-link-thumbnail-caption, .home-top-right-carousel .carousel-link-blocks-item .carousel-link-thumbnail-tag { width: calc(100% - 44px) !important; } .home-top-right-carousel h4.carousel-link-thumbnail-caption { padding-top: 0 !important; } .home-top-right-carousel .carousel-link-blocks-item .carousel-link-thumbnail-tag { top: 70px !important; } .home-top-right-carousel .carousel-link-blocks-item .carousel-link-thumbnail-tag > div { font-size: 12px; } #footer-navigation-row .grid { margin-left: 25px !important; margin-bottom: 10px; grid-row-gap: 0 !important; } .programme-text-intro > div:first-child { margin-left: 0 !important; } } @media screen and (min-width: 500px) and (max-width: 681px) { .program-arrow-white-bg { margin-bottom: 40px!important; } } @media screen and (max-width:452px) { #program_calendar-header_clock .scrollProgramLeft { left: -17%; } .live-program-hour-bar-body .border { font-size: var(--secondary-text-size); padding-left: 0; padding-right: 0; } .scrollProgramLeft-container, #program_calendar-content #scrollProgramRight_holder { background-color: var(--default-bg-color)!important; } .program-arrow-white-bg { display: none!important; } } @media screen and (max-width: 326px) { .container-legend-column, .col-3.container-legend-column { width: 100%; min-width: 100%!important; } .intra-col-logo figure, .intra-col-logo figure img { width: 45px!important; } .intra-col-bg-text { max-width: 60%!important; } } /*!* END ECCMID 2025 CSS SPE *!*/ /* */ #compactCalendarProgramTable { width: 100%; border-collapse: collapse; font-family: var(--default-font-family); font-size: 14px; text-align: center; table-layout: fixed; } #compactCalendarProgramTable th, #compactCalendarProgramTable td { border-top: 1px solid var(--secondary-compact-calendar-program); border-bottom: 1px solid var(--secondary-compact-calendar-program); padding: 10px; } #compactCalendarProgramTable thead th { background-color: var(--default-bg-color); color: var(--default-text-color); font-weight: bold; font-size: 14px; border-top: none; border-bottom: 3px solid var(--secondary-compact-calendar-program); } #compactCalendarProgramTable tbody td { background-color: var(--default-bg-color); } #compactCalendarProgramTable tbody tr:nth-child(even) td { background-color: var(--secondary-compact-calendar-program-light); } #compactCalendarProgramTable th:first-child, #compactCalendarProgramTable td:first-child { width: 120px; } #compactCalendarProgramTable th:not(:first-child), #compactCalendarProgramTable td:not(:first-child) { width: auto; } #compactCalendarProgramTable th:not(:first-child) div, #compactCalendarProgramTable td:not(:first-child) div { cursor: pointer; } .js-compact-calendar-program-open-session-details, .compact-calendar-program-day, #compactCalendarProgramTable th, #compactCalendarProgramTable td { text-align: left; } /* */ #container-details #question-response-button:not(.sidebar-left-container button):not(.sidebar-left-container a):not(.digitalhub-container_detail_side-section), #container_detail_side-links a:not(.sidebar-left-container button):not(.sidebar-left-container a), #container-details #container-questions-answers-btn:not(.sidebar-left-container button):not(.sidebar-left-container a):not(.digitalhub-container_detail_side-section), #contQuestionAskModal button:not(#contQuestionAskModal .modal-header button):not(#contQuestionAskModal button.btn-secondary):not(.sidebar-left-container button):not(.sidebar-left-container a):not(.digitalhub-question-reponse-button) { max-width: 176px!important; } .recommendedSession { position: relative; background-color: #ffffff; /* Couleur de fond */ } .recommendedSession::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: repeating-linear-gradient( 45deg, var(--recommended-session-color-1) 0px, var(--recommended-session-color-2) 10px, transparent 10px, transparent 20px ); pointer-events: none; /* Emp�che toute interaction */ } #ubiquity-timeline .ubiquity-timeline-element.type-info, #ubiquity-timeline .ubiquity-timeline-element.type-doc-txt, #ubiquity-timeline .ubiquity-timeline-element.type-user-pho { color: var(--timeline-live-info-color)!important; background: var(--timeline-live-info-bg-color) 0 0 no-repeat padding-box!important; } .registration-link-snippet, button:has(.registration-link-snippet) { color: var(--default-button-text-color)!important; background-color: var(--default-button-bg-color)!important; } .eccmid-program-legend img { max-height: 20px; max-width: 38px; } .program-legend-min-width { min-width: 200px; } #eccmid-programme-live-showlegend { transition: transform 0.3s ease, opacity 0.25s ease; transform: rotate(0deg) translateY(0); opacity: 0.23; } button[aria-expanded="true"] #eccmid-programme-live-showlegend { transform: rotate(180deg) translateY(-1px); opacity: 0.85; } .custom-control-label:not(.replay-congress__checkbox__label)::before { background-color: #0000FF1A !important; } .custom-control-input:checked ~ .custom-control-label:not(.replay-congress__checkbox__label)::before { background-color: black !important; } a.booth-symposia-session-detail-access:visited{ color: var(--default-text-color); } /* Normalize children height and vertical alignment inside the programme advanced search row */ .programme-adv-search-row > * { display: flex; align-items: center; min-height: 38px; /* Matches Bootstrap default button height */ } .programme-adv-search-row { gap: 0.75rem; } .programme-adv-search-row > .btn { justify-content: center; } .programme-adv-search-row .program-toggle-industry-container, .programme-adv-search-row .custom-control.custom-switch { margin: 0; padding-top: 0; padding-bottom: 0; } .section:not(#section-63):not(#section-4) .link-carousel-holder .slick-next:before { content: "\f0a9"; font-family: "Font Awesome 6 Pro"; } .section:not(#section-63):not(#section-4) .link-carousel-holder .slick-prev:before { content: "\f0a8"; font-family: "Font Awesome 6 Pro"; } .link-carousel-holder .slick-dots, .live-session-carousel-holder .slick-dots { display: none!important; } .section:not(#section-63):not(#section-4) .carousel-link-blocks-item { height: 200px!important; } .live-session-card-text-only__body { overflow-y: auto; } .live-session-card-text-only__footer__sponsor-logo img { max-width: 65px; } .live-session-card-text-only__body__info__room-name, .live-session-card-text-only__body__info__date { white-space: wrap!important; } @media screen and (max-width: 749px) { .section:not(#section-63):not(#section-4) .carousel-link-blocks-item { height: 300px!important; } }