:root { --default-text-color: #000000; --default-bg-color: #ffffff; --default-title-color: #000000; --default-link-color: #020265; --vdoplayer-bg-color: #000000; --vdoplayer-text-color: #ffffff; --default-list-bg-color: #f8f8f8; --default-list-border-color: #f1f1f1; --default-list-text-color: #000000; --default-table-title-bg-color: #ffffff; --default-table-title-text-color: #000000; --default-table-title-border-color: #bbbbbb; --programlive-button-bg-color : #6C757d; --default-input-bg-color: #ffffff; --default-input-border-color: #bbbbbb; --default-input-border-color-focus: #000000; --default-input-text-color: #000000; --default-text-size:16px; --secondary-text-size:11px; --tertiary-text-size:14px; --quaternary-text-size: 16px; --live-links-color: #CE003A; --default-link-buttons-font-size: 25px; --secondary-link-buttons-font-size: 13px; --secondary-button-text-size: 16px; --default-button-bg-color: #020265; --default-button-text-color: #ffffff; --info-button-bg-color:#020265; --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; --timeline-live-question-bg-color: #D7D7F6; --timeline-live-question-color: #000066; --timeline-live-comment-bg-color: #D7D7F6; --timeline-live-comment-color: #000066; --timeline-live-info-bg-color: #D7D7F6; --timeline-live-info-color: #000066; --timeline-live-vote-bg-color: #D7D7F6; --timeline-live-vote-color: #000066; --timeline-live-file-link-bg-color: #D7D7F6; --timeline-live-file-link-color: #000066; --timeline-live-website-link-bg-color: #D7D7F6; --timeline-live-website-link-color: #000066; --timeline-live-photo-bg-color: #D7D7F6; --timeline-live-photo-color: #000066; --faculty-space-accept-button-color: #0AC66C; --faculty-space-decline-button-color: #FF2D26; --faculty-space-accept-state-color: #059F56; --faculty-space-decline-state-color: #E42D2D; --faculty-space-decline-darker-red-color: #BD0600; --faculty-space-decline-lighter-color: #f8d7da; } /*------------------------------------------------*/ /*-----------------[BASIC STYLES]-----------------*/ /*------------------------------------------------*/ body { font-family: 'Montserrat', 'Arial', sans-serif; line-height:20px; font-size:var(--default-text-size); color:var(--default-text-color); background-color:var(--default-bg-color)!important; } #zone-principale, #body-container, .container-zone-principale { background-color:var(--default-bg-color); } h1 { font-size: 2em; } h2 { font-size: 1.7em; } h3 { font-size: 1.5em; } h4 { font-size: 1.2em; } h5 { font-size: 1em; } h6 { font-size: 13px; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } article, aside, header, hgroup, nav, section { display: block; } br { margin-bottom: 10px; } #header { padding-top: 5px; padding-bottom: 5px; text-align: left; margin: 0 auto; margin-bottom: 15px; position: fixed; width: 100%; top: 0; z-index: 1000; opacity: 1; } .headerSpacer { padding-bottom: 80px; } #banner-holder { width: fit-content; height: auto; line-height: 0 !important; } #header .btn { padding: 0; width: 35px; margin-left: 0!important; } a { text-decoration: none; color: var(--default-link-color); } a:hover { text-decoration: underline; } a:visited { color: var(--default-link-color); } .clear { clear: both; } .program-listing__date-checkbox:checked { color: var(--default-bg-color); } br.clear { margin: 0; padding: 0; } .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: var(--default-text-color); } h1, h2, h3, h4, h5, h6 { padding-bottom: 5px; color: var(--default-title-color); line-height: 1em; font-weight: bold; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration:underline; } p { padding-bottom: 10px; } 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; } div:not(.wysiwyg-edited) blockquote { margin: 1.5em; padding: 1em; color: var(--default-text-color); background: var(--default-list-bg-color); font-style: italic; border: 1px solid var(--default-list-border-color); } blockquote p { padding-bottom: 0; } input[type=text], input[type=password], input.text, input.title, textarea, select, select.faculty-selector { font-size: var(--default-text-size); background-color: var(--default-input-bg-color); border: 1px solid var(--default-input-border-color); padding: 2px; color: var(--default-input-text-color); border-radius: 0; } input[type=password]:focus, input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border: 1px solid var(--default-input-border-color-focus); color: var(--default-input-text-color); } 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; } /*Buttons*/ .btn-primary, .btn-primary:hover, .btn-primary:focus { background-color: var(--default-button-bg-color); border-color: var(--default-button-bg-color); color: var(--default-button-text-color); } .btn-secondary, .btn-secondary:hover, .btn-secondary:focus { background-color: var(--secondary-button-bg-color); border-color: var(--secondary-button-bg-color); color: var(--secondary-button-text-color); } .btn-info, .btn-info:hover, .btn-info:focus { background-color:var(--info-button-bg-color); border-color:var(--info-button-bg-color); color: var(--info-button-text-color); } .btn:focus { box-shadow: 0 0 0 .2rem var(--default-list-bg-color); } .btn:hover { opacity:0.8; } a.btn:visited, a.btn-primary:visited, a.btn-danger:visited, a.btn-success:visited, a.btn-info:visited, a.badge-primary:visited, a.badge-danger:visited, a.badge-success:visited{ color: var(--default-button-text-color); } .modal-backdrop.fade.show { opacity: 0.6 !important; } /* END BASIC STYLES */ /* Z-index */ .z-index-1 { z-index: 1; } .z-index-navbar, .z-index-bottom-bar { z-index: 1100; } /* */ /* JQUERY UI REDEF */ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { background: none; background-color: var(--default-list-bg-color); font-weight: 400; border: 1px solid var(--default-list-border-color); padding: 3px; } a.ui-widget, a.ui-widget:visited, a.ui-widget:hover { color: var(--default-button-text-color); } .ui-widget { text-align: left; font-size: 1em; } .ui-menu-item a, .ui-menu-item a:visited{ color: var(--default-link-color); } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { /*Couleur bg boutons*/ background: var(--default-button-bg-color); } .ui-button { font-weight: 300; color: var(--default-button-text-color); border: 1px solid var(--default-button-bg-color); } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { /*Couleur secondaire*/ background: var(--default-button-bg-color); } .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: var(--default-button-text-color); 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 { background: var(--vdoplayer-bg-color) repeat-x; color: var(--vdoplayer-text-color); font-weight: 700; } .ui-widget-content { border: 1px solid var(--default-button-bg-color); background: var(--default-bg-color); color: var(--default-text-color); } .ui-widget-content a { color: var(--default-link-color); } .ui-tabs-hide { display: none; } #ui-datepicker-div { z-index: 99999!important; } /* END JQUERY UI REDEF */ .container-detail-authors-txt { font-style:italic; } div p.container-detail-no-related-content-txt { color: grey!important; } .vdo_viewer_video_audio_comment { position:absolute; left:50%; border-radius:30px; background-color:var(--default-list-bg-color); border:2px solid var(--default-list-border-color); transform:translateX(-50%); bottom:15px; z-index:9999999999; } .fancybox-opened .fancybox-skin { border-radius: 0px; } .showaftertimeout { opacity: 0.0; } #bo-admin-interface-moderateur-conteneur { width: 1080px; } .bo-admin-interface_moderateur_tabs_colonne1 { width: 670px; } .ui-notify-close { display: block; padding: 10px; background-color: #555555; border: 3px solid #e1e1e1; border-radius: 10px; margin-left: 10px; margin-top: -5px; color: #999999; } .ajout_programmation_chapters_liste { width: 470px; border: 1px solid black; } .ajout_programmation_chapters_liste .timecode { display: block; float: left; width: 50px; padding: 5px; text-align: left; } .ajout_programmation_chapters_liste .titre { display: block; float: left; width: 340px; padding: 5px; text-align: left; } .ajout_programmation_chapters_liste .icone { display: block; float: right; width: 50px; padding: 5px; } .vdo_viewer_pub_controller a, .vdo_viewer_pub_controller a:visited, .vdo_viewer_pub_controller a:hover { color: white; } .vdo_viewer_video_passer { display: block; float: right; } .header_post_it { /*color:#eb3535;*/ font-size: 0.9em; width: 100%; color: #9d0303; padding: 2px 5px 2px 5px; padding-left: 5px; background-color: #ffc4c4; border-bottom: 1px solid #e1e1e1; display: block; position: fixed; z-index: 999; left: 0px; } .headerPostItBarBtnHide { display: inline-block; padding: 0px 5px 0px 5px; margin: 0px; border: 2px solid #999999; background-color: #dfdfdf; border-radius: 5px; float: right; font-style: normal; font-weight: bold; text-align: center; } /*------------------------------------------------*/ /*------------ajout contributeur------------------*/ /*------------------------------------------------*/ .bo_menu_icones { } .bo_menu_icone_titre { text-align: center; font-size: 11px; display: block; margin-top: 5px; font-weight: 500; } .bo_menu_carre { border: 1px solid none; height: 150px; width: 145px; float: left; margin: 5px; background-color: #ea4e08; color: white; list-style: none; } .bo_menu_carre .bo_menu_icone_image { text-align: center; margin-top: 20px; margin-left: 40px; } .bo_menu_carre .bo_menu_icone_info { margin-top: 4px; height: 35px; width: 139px; } .bo_menu_icone_image_carre_nbre { width: 30px; height: 30px; margin-left: 115px; padding-left: 20px; font-size: 0.8em; background: url(../images/triangle-gris.png) no-repeat; color: inherit; } .bo_menu_rectangle { border: 1px solid none; height: 150px; width: 300px; float: left; margin: 5px; background-color: #414353; color: white; list-style: none; } .vert { background-color: #009417; } .violet { background: #5f3bbb; } .rose { background: #a202ae; } .jaune { background: #ffc40d } .bleu_marine { background-color: #414353; } .bleu { background-color: #2d89f0; } .rouge { background-color: #bc1c48; } .bo_menu_rectangle .bo_menu_icone_titre { text-align: left; font-size: 15px; display: block; float: left; margin-left: 5px; } .bo_menu_rectangle .bo_menu_icone_image { margin-left: 10px; } .bo_menu_rectangle .bo_menu_icone_image img { float: left; width: 50px; height: 30px; margin-top: 5px; } .bo_menu_icone_image_emissions_venir_nbre { width: 30px; height: 30px; margin-left: 260px; padding-left: 20px; font-size: 0.8em; background: url(../images/triangle-gris.png) no-repeat; color: inherit; } .bo_menu_rectangle .bo_menu_icone_info { margin-top: -7px; height: 36px; width: 294px; } .bo_menu_rectangle_info_live { height: 80px; } .bo_menu_rectangle_info_live ul { display: block; margin-top: 5px; margin-left: 80px; font-size: 0.8em; list-style: disc; } .bo_menu_icone_image_rectangle_nbre { width: 30px; height: 30px; margin-left: 260px; padding-left: 20px; font-size: 0.8em; background: url(../images/triangle-gris.png) no-repeat; color: inherit; } .bo_menu_icones a { text-decoration: none; color: white; } .bo_menu_icone_info { font-size: 0.7em; text-align: center; display: block; line-height: 10px; background-color: #282828; padding: 3px; height: 35px; overflow: hidden; position: absolute; opacity: 0; filter: alpha(opacity=0); /* For IE8 and earlier */ } .bo_menu_hover_color { background-color: #1c94c4; } /*uploader javascript*/ .nodejs-upload-btn { color: #ffffff; background-color: #F89406; border: none; padding: 10px; border-radius: 5px; font-size: 1.3em; margin-bottom: 20px; } .nodejs-upload-btn:hover, .nodejs-upload-btn:focus, .nodejs-upload-btn:active, .nodejs-upload-btn.active { color: #ffffff; background-color: #FA8900; border: none; } #nodejs-upload-input { display: none; } /* Page edition videos */ .ajout-video-colonne-1 { /* margin-left:0px!important; */ } .ajout-video-colonne-2 { /*width:635px!important;*/ } /*Chapitre actif*/ .chapitre_actif { border: 4px solid red !important; } .vdo_viewer_bloc_chapitres .slick-dots { display: none !important; } /* Header => menu déroulant profil */ #header .dropdown-item { font-size: 13px; } /* Classe btn-xs */ .btn-group-xs > .btn, .btn-xs { padding: .25rem .4rem !important; font-size: .75rem !important; line-height: .5 !important; border-radius: .2rem !important; } /* Switch bootstrap 2020 */ /*Yes / No Switches*/ .switchToggle input[type=checkbox] { height: 0; width: 0; visibility: hidden; position: absolute; } .switch-toggle-indexable-container { display: flex; justify-content: center; padding: 1rem; border: 1px solid rgba(0, 0, 0, .3); width: 250px; border-radius: 10px; margin-left: auto; margin-right: auto; } .switchToggle label { cursor: pointer; text-indent: -9999px; width: 70px; max-width: 70px; height: 30px; background: #d1d1d1; display: block; border-radius: 100px; position: relative; } .switchToggle label:after { content: ''; position: absolute; top: 2px; left: 2px; width: 26px; height: 26px; background: #fff; border-radius: 90px; transition: 0.3s; } .switchToggle input:checked + label, .switchToggle input:checked + input + label { background: #3e98d3; } .switchToggle input + label:before, .switchToggle input + input + label:before { content: ''; position: absolute; top: 5px; left: 35px; width: 26px; height: 26px; border-radius: 90px; transition: 0.3s; text-indent: 0; color: #fff; } .switchToggle input:checked + label:before, .switchToggle input:checked + input + label:before { content: ''; position: absolute; top: 5px; left: 10px; width: 26px; height: 26px; border-radius: 90px; transition: 0.3s; text-indent: 0; color: #fff; } .switchToggle input:checked + label:after, .switchToggle input:checked + input + label:after { left: calc(100% - 2px); transform: translateX(-100%); } .switchToggle label:active:after { width: 60px; } .toggle-switchArea { margin: 10px 0 10px 0; } .switchToggle .float-left { margin-left: 80px; margin-top: 3px; } /* Removes the default 20px margin and creates some padding space for the indicators and controls */ .carousel { margin-bottom: 0; padding: 0 40px 30px 40px; } /* Reposition the controls slightly */ .carousel-control { left: -12px; } .carousel-control.right { right: -12px; } /* Changes the position of the indicators */ .carousel-indicators { right: 50%; top: auto; bottom: 0px; margin-right: -19px; } /* Changes the colour of the indicators */ .carousel-indicators li { background: #c0c0c0; } .carousel-indicators .active { background: #333333; } /*File Upload Button*/ .wrapper { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .wrapper .file-upload { height: 80px; width: 80px; border-radius: 80px; position: relative; display: flex; justify-content: center; align-items: center; border: 4px solid #FFFFFF; overflow: hidden; background-image: linear-gradient(to bottom, #2590EB 50%, #FFFFFF 50%); background-size: 100% 200%; transition: all 1s; color: #FFFFFF; font-size: 50px; } .wrapper .file-upload input[type='file'] { height: 80px; width: 80px; position: absolute; top: 0; left: 0; opacity: 0; cursor: pointer; } .wrapper .file-upload:hover { background-position: 0 -100%; color: #2590EB; } /*Search input*/ .has-search .form-control { padding-left: 2.375rem; } .has-search .form-control-feedback { position: absolute; z-index: 2; display: block; width: 2.375rem; height: 2.375rem; line-height: 2.375rem; text-align: center; pointer-events: none; color: #aaa; } /*Containers list*/ .container_list_medias_infos { position: absolute; background-color: #000; margin-top: -23px; height: auto; width: auto; border-top-right-radius: 5px; padding: 4px; padding-left: 7px; text-align: center; font-size: .8em; color: #fff; filter: alpha(opacity=70); opacity: .7; } /*module commentaire*/ .profile-picture { border-radius: 50%; width: 40px; height: 40px; } .comment-content { padding: 5px; border-radius: 10px; } .comment-content-faculty { background: #beeaf7; } .text-comment { width: 100%; height: auto; font-weight: bold; } .answer-row { margin-left: 100px; margin-top: 20px; margin-bottom: 20px; } .comment-row { margin-top: 20px; margin-bottom: 20px; } .comment-space { margin-top: 30px; margin-bottom: 50px; } .forceHide { display: none !important; } /*Mon Agenda*/ .my-agenda { font-family: 'Open Sans', 'Roboto', 'Sans-Serif'; font-size: 1.2em !important; font-weight: 500; } .my-agenda .card { border-radius: 0px; } .my-agenda .card-header { padding-top: 0px; padding-left: 15px; padding-right: 15px; } /*Blocs type carousel titre*/ .blocTitreChannel { background-color: #000000; width: 100%; display: block; } .form-group.required .control-label:after { color: #d00; content: "*"; margin-left: 5px; } .vdo_viewer_bloc_chapitres_btn /* Desactivation captions player video */ .vjs-icon-captions, .video-js .vjs-captions-button { visibility: hidden; } .small { font-size: 0.8em; line-height: 1em; } .noborder { border: 0 !important; } /* Tags */ .vdo_viewer_tags { position: absolute; width: 500px; height: 1px; z-index: 1; padding: 5px; } .video_viewer_tagbtn { display: none; float: left; margin-right: 10px; width: 120px; overflow: hidden; height: 100px; cursor: pointer; border-radius: 0; border: 3px solid var(--default-list-border-color); } .vdo_viewer_bloc_chapitres { background-color: var(--default-list-bg-color); border:1px solid var(--default-list-border-color); } .vdo_viewer_bloc_chapitres_btn { border: 1px solid var(--default-button-bg-color); overflow: hidden; width: 150px; /*height:150px;*/ float: left; border-radius: 0; background-color: var(--default-button-bg-color); margin: 10px; margin-right: 0; color: var(--default-button-text-color); padding: 0; padding-bottom: 5px; font-weight: normal; line-height: 1em; text-align: center; font-size: 0.8em; font-family: 'Roboto', 'Arial', sans-serif; cursor: pointer; } .vdo_viewer_bloc_chapitres_btn span { text-transform: uppercase; font-weight: bold; color: var(--default-text-color); font-size: 1.1em; /*white-space:nowrap;*/ } .video_viewer_tagbtn h6 { position: absolute; margin-top: 78px; font-weight: bold; color: var(--vdoplayer-text-color); z-index: 1; width: 114px; padding: 3px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 0.8em; background-color: var(--vdoplayer-bg-color); } .video_viewer_tagbtn img:hover { opacity: 0.6; filter: alpha(opacity=60); } .vdo-btn-tags-detail-conteneur { width: 400px; height: 145px; } .vdo-btn-tags-detail-conteneur h1 { font-size: 17px; font-weight: bold; } .vdo-btn-tags-detail-conteneur img { float: left; } .vdo-btn-tags-detail-conteneur div.vdo-btn-tags-detail-conteneur-texte { float: right; width: 185px; padding: 5px; } .vdo-btn-tags-detail-conteneur p { height: 120px; width: 190px; overflow: auto; display: block; font-size: 0.8em; margin-bottom: 5px; } .vdo-btn-tags-detail-conteneur a.ensavoirplus { width: 169px; color: var(--default-button-text-color); font-weight: bold; text-align: center; display: block; padding: 10px; background-color: var(--live-links-color); } .vdo-btn-tags-detail-conteneur a.ensavoirplus:hover { text-decoration: none; } .ajout-programmation_teasing_alerte_definition_bloc { width: 790px; padding: 10px; margin-top: 10px; border-radius: 4px; height: 280px; } .ajout-programmation_teasing_alerte_definition_bloc p { font-size: 12px; } /*Message erreur*/ #vdo_viewer_video_player_error_message, #vdo_viewer_video_player_error_flux_inactif{ position: absolute; width: 400px; padding: 30px; color:var(--vdoplayer-text-color); background-color: var(--vdoplayer-bg-color); z-index: 1; } #vdo_viewer_video_player_error_message.error_live, #vdo_viewer_video_player_error_flux_inactif.error_live { margin-left: 150px; margin-top: 50px; } #vdo_viewer_video_player_error_message.error_replay { margin-left: 100px; margin-top: 80px; } /*Pour liste videos masonry*/ #zone-principale.fullwidth { width: 95%; } #zone-contenu-principale.fullwidth { width: 100%; border-right: 0; } #zone-contenu.fullwidth { width: 100%; } /* Styles generaux (backoffice ou front) */ .ajout-video-vignette-169 { margin-top: 7px; width: 283px; height: 160px; padding: 2px; float: left; } .ajout-video-vignette-bloc-btn-169 { width: 170px; text-align: center; position: relative; margin-top: -40px; margin-left: 60px; } .ajout-video-under-169 { width: 268px; float: left; padding: 10px; margin-top: 20px; } input.ajout_video_input { width: 445px; height: 30px; margin-bottom: 15px; } div.ajout_video_input { width: 450px; } select.ajout_video_input { width: 450px; } textarea.ajout_video_input { width: 450px; height: 60px; } #ajout_video_submit_btn { margin-left: 95px; } .ajout-video-bloc-chaine-checkbox { padding: 5px; background-color: var(--default-list-bg-color); overflow: auto; height: 100px; box-shadow: inset 1px 1px 2px 2px var(--default-list-bg-color); } .text_tags_plugin { height: 25px; font-size: 2em; float: left; } .ajout_video_bloc_button { text-align: right; margin-bottom: 30px; width: 450px; } .ajout-video-bloc-pub-checkbox { margin-top: 7px; padding: 5px; background-color: var(--default-list-bg-color); overflow: auto; height: 272px; width: 270px; box-shadow: inset 1px 1px 2px 2px var(--default-list-bg-color); } .tagsinput { border: 1px solid var(--default-list-border-color); background: var(--default-bg-color); padding: 5px; width: 300px; height: 100px; overflow-y: auto; } .vdo_viewer_video.instagram { text-align: center; height: 710px; } .vdo_viewer_video.vine { text-align: center; height: 600px; } .fancybox-opened .fancybox-skin { border-radius: 0; } .showaftertimeout { opacity: 0.0; } #bo-admin-interface-moderateur-conteneur { width: 1080px; } .bo-admin-interface_moderateur_tabs_colonne1 { width: 670px; } .ui-notify-close { display: block; padding: 10px; background-color: var(--default-list-bg-color); border: 3px solid var(--default-list-border-color); border-radius: 10px; margin-left: 10px; margin-top: -5px; color: var(--default-list-text-color); } .vdo_viewer_pub_controller a, .vdo_viewer_pub_controller a:visited, .vdo_viewer_pub_controller a:hover { color: white; } .vdo_viewer_video_passer { display: block; float: right; } /*uploader javascript*/ .nodejs-upload-btn { color: var(--vdoplayer-text-color); background-color: var(--vdoplayer-bg-color); border: none; padding: 10px; border-radius: 5px; font-size: 1.3em; margin-bottom: 20px; } .nodejs-upload-btn:hover, .nodejs-upload-btn:focus, .nodejs-upload-btn:active, .nodejs-upload-btn.active { color: #ffffff; background-color: #FA8900; border: none; } #nodejs-upload-input { display: none; } .progress-bar { float: left; width: 0; height: 100%; font-size: 12px; line-height: 20px; color: var(--vdoplayer-text-color); text-align: center; background-color: var(--vdoplayer-bg-color); -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); -webkit-transition: width .6s ease; -o-transition: width .6s ease; transition: width .6s ease; } .progress { height: 5px; margin-bottom: 20px; overflow: hidden; background-color: #f5f5f5; } /* Page edition videos */ .ajout-video-colonne-1 { /* margin-left:0px!important; */ } .ajout-video-colonne-2 { /*width:635px!important;*/ } /*Chapitre actif*/ .chapitre_actif { border: 4px solid red !important; } .vdo_viewer_bloc_chapitres .slick-dots { display: none !important; } /* Header => menu déroulant profil */ #header .dropdown-item { font-size: 13px; } /* Classe btn-xs */ .btn-group-xs > .btn, .btn-xs { padding: .25rem .4rem !important; font-size: .75rem !important; line-height: .5 !important; border-radius: .2rem !important; } /* Switch bootstrap 2020 */ /*Yes / No Switches*/ .switchToggle input[type=checkbox] { height: 0; width: 0; visibility: hidden; position: absolute; } .switchToggle label { cursor: pointer; text-indent: -9999px; width: 70px; max-width: 70px; height: 30px; background: #d1d1d1; display: block; border-radius: 100px; position: relative; } .switchToggle label:after { content: ''; position: absolute; top: 2px; left: 2px; width: 26px; height: 26px; background: #fff; border-radius: 90px; transition: 0.3s; } .switchToggle input:checked + label, .switchToggle input:checked + input + label { background: #3e98d3; } .switchToggle input + label:before, .switchToggle input + input + label:before { content: ''; position: absolute; top: 5px; left: 35px; width: 26px; height: 26px; border-radius: 90px; transition: 0.3s; text-indent: 0; color: #fff; } .switchToggle input:checked + label:before, .switchToggle input:checked + input + label:before { content: ''; position: absolute; top: 5px; left: 10px; width: 26px; height: 26px; border-radius: 90px; transition: 0.3s; text-indent: 0; color: #fff; } .switchToggle input:checked + label:after, .switchToggle input:checked + input + label:after { left: calc(100% - 2px); transform: translateX(-100%); } .switchToggle label:active:after { width: 60px; } .toggle-switchArea { margin: 10px 0 10px 0; } .switchToggle .float-left { margin-left: 80px; margin-top: 3px; } /* Removes the default 20px margin and creates some padding space for the indicators and controls */ .carousel { margin-bottom: 0; padding: 0 40px 30px 40px; } /* Reposition the controls slightly */ .carousel-control { left: -12px; } .carousel-control.right { right: -12px; } /* Changes the position of the indicators */ .carousel-indicators { right: 50%; top: auto; bottom: 0; margin-right: -19px; } /* Changes the colour of the indicators */ .carousel-indicators li { background: #c0c0c0; } .carousel-indicators .active { background: #333333; } /*File Upload Button*/ .wrapper { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .wrapper .file-upload { height: 80px; width: 80px; border-radius: 80px; position: relative; display: flex; justify-content: center; align-items: center; border: 4px solid #FFFFFF; overflow: hidden; background-image: linear-gradient(to bottom, #2590EB 50%, #FFFFFF 50%); background-size: 100% 200%; transition: all 1s; color: #FFFFFF; font-size: 50px; } .wrapper .file-upload input[type='file'] { height: 80px; width: 80px; position: absolute; top: 0; left: 0; opacity: 0; cursor: pointer; } .wrapper .file-upload:hover { background-position: 0 -100%; color: #2590EB; } /*Search input*/ .has-search .form-control { padding-left: 2.375rem; } .has-search .form-control-feedback { position: absolute; z-index: 2; display: block; width: 2.375rem; height: 2.375rem; line-height: 2.375rem; text-align: center; pointer-events: none; color: #aaa; } /*Containers list*/ .container_list_medias_infos { position: absolute; background-color: #000; margin-top: -23px; height: auto; width: auto; border-top-right-radius: 5px; padding: 4px; padding-left: 7px; text-align: center; font-size: .8em; color: #fff; filter: alpha(opacity=70); opacity: .7; } /*module commentaire*/ .profile-picture { border-radius: 50%; width: 40px; height: 40px; } .comment-content { padding: 5px; border-radius: 10px; } .comment-content-faculty { background: #beeaf7; } .text-comment { width: 100%; height: auto; font-weight: bold; } .answer-row { margin-left: 100px; margin-top: 20px; margin-bottom: 20px; } .comment-row { margin-top: 20px; margin-bottom: 20px; } .comment-space { margin-top: 30px; margin-bottom: 50px; } .forceHide { display: none !important; } /*Mon Agenda*/ .my-agenda { font-size: 1.2em !important; font-weight: 500; } .my-agenda .card { border-radius: 0; } .my-agenda .card-header { padding-top: 0; padding-left: 15px; padding-right: 15px; } /* backdrop opacity modal booth */ .modal-backdrop-booth { position: fixed; top: 0; left: 0; z-index: 9999999; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.95); } .modal-title-center { margin: auto; } /*module speaker list*/ .profile-picture-speaker { border-radius: 50%; width: 90px; height: 90px; } /*module networking*/ .profile-picture-networking { border-radius: 50%; width: 90px; height: 90px; } #networkingConsentErr { background-color : transparent; border: transparent; } /* Mandatory field empty */ .mandatory-field-empty { border-color: red !important; background-color: #ffccd1 !important; } /* Infobulle */ .infobulle-item { position: relative; /*les infobulle-item deviennent référents*/ cursor: help; border-radius: 50%; } /* on génère un élément :after lors du survol et du focus :*/ .infobulle-item:hover:after, .infobulle-item:focus:after { content: attr(aria-label); /* on affiche aria-label */ position: absolute; top: -2.4em; left: 50%; transform: translateX(-50%); /* on centre horizontalement */ z-index: 1; /* pour s'afficher au dessus des éléments en position relative */ white-space: nowrap; /* on interdit le retour à la ligne*/ padding: 5px 14px; background: var(--vdoplayer-bg-color); color: var(--vdoplayer-text-color); } i:focus + .infobulle-hide-inputs-poll::after, i:hover + .infobulle-hide-inputs-poll::after, .infobulle-hide-inputs-poll:focus:after { width: max-content; max-width: 200px; content: attr(aria-label); position: absolute; z-index: 5; padding: 5px 14px; background: var(--vdoplayer-bg-color); color: var(--vdoplayer-text-color); white-space: normal!important; } i:hover + .infobulle-nb-votants-poll::after, i:focus + .infobulle-nb-votants-poll::after, i:focus + .infobulle-hide-inputs-poll::after, i:hover + .infobulle-hide-inputs-poll::after { content: attr(aria-label); /* on affiche aria-label */ position: absolute; z-index: 5; /* pour s'afficher au dessus des éléments en position relative */ white-space: nowrap; /* on interdit le retour à la ligne*/ padding: 5px 14px; background: var(--vdoplayer-bg-color); color: var(--vdoplayer-text-color); } i:hover + .infobulle-recommended-image-format::after, i:focus + .infobulle-recommended-image-format::after { content: attr(aria-label); /* on affiche aria-label */ position: absolute; z-index: 5; /* pour s'afficher au dessus des éléments en position relative */ white-space: nowrap; /* on interdit le retour à la ligne*/ padding: 5px 14px; background: var(--vdoplayer-bg-color); color: var(--vdoplayer-text-color); } /* on génère un second élément en :before pour la flèche */ /* [aria-label]:hover:before, [aria-label]:focus:before { content: ""; position: absolute; top: -1em; left: 50%; transform: translateX(-50%); font-size: 20px; color: #413219; } */ /* */ #header a.nav-link { font-size:1em; } #navbar-right-block .dropdown-item:focus { background-color: transparent; } .dropdown-submenu { position: relative; } .dropdown-submenu a::after { transform: rotate(-90deg); position: absolute; right: 6px; top: .8em; } .dropdown-submenu .dropdown-menu { top: 0; left: 100%; margin-left: .1rem; margin-right: .1rem; } .faculty-space-rounded-card { background-color: var(--default-bg-color); color: var(--default-text-color); } .faculty-space-intervention-card { background-color: var(--default-list-bg-color); border: none; border-radius: 8px; } .faculty-space-container-card { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); border-radius: 16px; } .faculty-space-session-id { color: var(--default-button-bg-color); } .faculty-space-faculty-infos, .faculty-space-faculty-infos:hover { color: var(--default-text-color)!important; text-decoration: none; } .faculty-space-faculty-infos .faculty-space-text-muted, .faculty-space-faculty-infos .faculty-space-text-muted:hover, .session-faculty-person-badge .faculty-space-text-muted, .faculty-space-text-muted .faculty-space-card-info, .faculty-pace-session-hour, .faculty-pace-intervention-hour, .faculty-space-intervention-card .text-break-with-hyphen .faculty-space-text-muted { color: var(--secondary-button-bg-color)!important; text-decoration: none; } .faculty-space-date-session-block { font-size: var(--default-text-size)!important; } .session-faculty-person-badge { background-color: var(--default-button-bg-color); color: var(--info-button-text-color); } .session-faculty-person-badge.bg-secondary { background-color: var(--secondary-button-bg-color)!important; color: var(--default-button-text-color)!important; } .faculty-space-badge-primary { background-color: var(--secondary-button-bg-color); color: var(--default-button-text-color); font-weight: 300; font-size: .8em; max-width: 700px; display: -webkit-box!important; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .faculty-space-container-card button[type="button"][data-dismiss="modal"] { color: var(--default-button-text-color); } @media (max-width: 992px) { .faculty-space-badge-primary { max-width: 600px; } } @media (max-width: 768px) { .faculty-space-badge-primary { max-width: 400px; } } @media (max-width: 576px) { .faculty-space-badge-primary { max-width: 100px; } } .faculty-space-user-faculty-introduction-lastname { text-transform: uppercase; } .faculty-rounded-pill-session, .faculty-rounded-pill-intervention, .faculty-rounded-pill { font-size: .8em; font-weight: 300; } /* faculty space filter toggle alignment fix */ .custom-switch-md .custom-control-label-md-aligned { padding-top: 0; line-height: 1.5rem; } .custom-switch-md .custom-control-label-md-aligned::before { top: 0; } .custom-switch-md .custom-control-label-md-aligned::after { top: 2px; } .faculty-rounded-pill-session, .mykey4-section .alert-warning { background-color: var(--info-button-bg-color); color: var(--info-button-text-color); } .faculty-rounded-pill-intervention { background-color: var(--success-button-bg-color); color: var(--success-button-text-color); } .text-break-with-hyphen { word-break: break-word; /* To be able to break too long words */ hyphens: auto; /* Add - to the break */ } .faculty-space-input-activity-validation-accept, .faculty-space-input-activity-validation-refuse, .faculty-space-input-activity-intervention-validation-accept, .faculty-space-input-activity-intervention-validation-refuse { font-size: 25px; color: var(--secondary-button-bg-color); } .faculty-space-input-activity-intervention-validation-accept:hover, .faculty-space-input-activity-intervention-validation-refuse:hover, .faculty-space-input-activity-validation-accept:hover, .faculty-space-input-activity-validation-refuse:hover, .close-faculty-space-decline-form:hover { cursor: pointer; } .faculty-space-white-bg { border-radius: 8px!important; background-color: var(--default-bg-color); } .faculty-space-intervention-card-body-accept-invitation, .faculty-space-intervention-card-body-decline-invitation, .faculty-space-coi-form-session, .submit-faculty-activity-decline-form-session { border-radius: 8px; } .faculty-space-alert-success, .faculty-space-alert-success-processed { color: var(--faculty-space-accept-state-color)!important; background-color: #F4FFEE!important; } .faculty-space-intervention-processed.faculty-space-alert-success-processed { background-color: #F4FFEE!important; } .faculty-space-alert-danger, .faculty-space-alert-danger-processed, .faculty-space-error-alert-danger { color: var(--faculty-space-decline-state-color)!important; background-color: #faeded!important; } .faculty-space-intervention-processed.faculty-space-alert-danger-processed { background-color: #faeded!important; } .faculty-space-coi-form-session, .faculty-space-alert-success-processed, .faculty-space-intervention-card-body-accept-invitation { border-left:solid var(--faculty-space-accept-state-color) 7px!important; border-right: none!important; border-top: none!important; border-bottom: none!important; border-radius: 16px!important; } .faculty-space-intervention-card-body-accept-invitation .faculty-space-coi-form-intervention { border-right: none!important; border-top: none!important; border-bottom: none!important; border-radius: 16px!important; background-color: var(--default-list-bg-color); } .submit-faculty-activity-decline-form-session, .faculty-space-intervention-card-body-decline-invitation, .faculty-space-alert-danger-processed, .faculty-space-error-alert-danger { border-left:solid var(--faculty-space-decline-state-color) 7px!important; border-right: none!important; border-top: none!important; border-bottom: none!important; border-radius: 16px!important; } .faculty-space-convocation-session-bg { color: var(--faculty-space-accept-state-color)!important; background-color: #F4FFEE!important; border-left:solid var(--faculty-space-accept-state-color) 7px!important; border-right: none!important; border-top: none!important; border-bottom: none!important; border-radius: 16px!important; } .faculty-space-session-processed.faculty-space-alert-success-processed .faculty-space-intervention-card-body-accept-invitation, .faculty-space-session-processed.faculty-space-alert-danger-processed .faculty-space-intervention-card-body-accept-invitation, .faculty-space-session-processed.faculty-space-alert-danger-processed .faculty-space-intervention-card-body-decline-invitation, .faculty-space-session-processed.faculty-space-alert-success-processed .faculty-space-intervention-card-body-decline-invitation, .faculty-space-session-card-body .faculty-space-coi-form-intervention, .faculty-space-container-card .faculty-space-coi-form-session, .faculty-space-session-card-body-decline-invitation .submit-faculty-activity-decline-form-session { border-left: none!important; } .faculty-space-coi-form-session, .faculty-space-coi-form-intervention, .submit-faculty-activity-decline-form-session { border-radius: 16px; background-color: var(--default-list-bg-color)!important; } .faculty-space-session-processed.faculty-space-alert-success-processed .faculty-space-coi-form-session, .faculty-space-session-processed.faculty-space-alert-success-processed .faculty-space-coi-form-intervention { background-color: var(--default-list-bg-color)!important; } .faculty-space-session-processed.faculty-space-alert-danger-processed .faculty-space-coi-form-intervention { background-color: var(--default-list-bg-color)!important; } .faculty-space-session-card-body-accept-invitation { background-color: #F4FFEE!important; border-radius: 16px; } .faculty-space-session-card-body-decline-invitation { background-color: #faeded!important; border-radius: 16px; } .faculty-space-coi-form-session .facultyFormInvitationExternalPart, .faculty-space-coi-form-session .facultyFormInvitationExternalPart p, .faculty-space-coi-form-session .facultyFormInvitationExternalPart h1, .faculty-space-coi-form-session .facultyFormInvitationExternalPart h2, .faculty-space-coi-form-session .facultyFormInvitationExternalPart h3, .faculty-space-coi-form-session .facultyFormInvitationExternalPart label, .faculty-space-intervention-card-body-accept-invitation .facultyFormInvitationExternalPart, .faculty-space-intervention-card-body-accept-invitation .facultyFormInvitationExternalPart p, .faculty-space-intervention-card-body-accept-invitation .facultyFormInvitationExternalPart h1, .faculty-space-intervention-card-body-accept-invitation .facultyFormInvitationExternalPart h2, .faculty-space-intervention-card-body-accept-invitation .facultyFormInvitationExternalPart h3, .faculty-space-intervention-card-body-accept-invitation .facultyFormInvitationExternalPart label { color: var(--faculty-space-accept-state-color)!important; font-size: var(--default-text-size); } .faculty-space-coi-form-intervention input, .faculty-space-coi-form-intervention textarea, .faculty-space-coi-form-intervention select, .faculty-space-coi-form-session input, .faculty-space-coi-form-session textarea, .faculty-space-coi-form-session select, .faculty-space-session-card-body-decline-invitation input, .faculty-space-session-card-body-decline-invitation textarea, .faculty-space-session-card-body-decline-invitation select { border: none!important; border-radius: 8px!important; } .faculty-space-coi-form-session input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), .faculty-space-coi-form-intervention input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), .faculty-space-session-card-body-decline-invitation input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), .faculty-space-coi-form-intervention select, .faculty-space-coi-form-session select, .faculty-space-session-card-body-decline-invitation select { height: 50px!important; } .faculty-space-coi-form-intervention textarea, .faculty-space-session-card-body-decline-invitation textarea, .faculty-space-coi-form-session textarea { height: 93px!important; } .js-coi-submit-faculty-activity-accept, .js-submit-faculty-activity-decline { background-color: transparent!important; color: var(--default-button-bg-color)!important; } .faculty-space-coi-form-session input.text, .faculty-space-coi-form-session textarea.form-control, .submit-faculty-activity-decline-form-session input.text, .submit-faculty-activity-decline-form-session textarea.form-control, form[id^="faculty-space-intervention-decline-form-"] textarea.form-control { font-size: var(--default-text-size); } .submit-faculty-activity-decline-form-session textarea.form-control, .faculty-space-coi-form-session textarea.form-control, form[id^="faculty-space-intervention-decline-form-"] textarea.form-control { padding-left: 12px; } .coi-submit-faculty-activity-accept, .faculty-space-submit-faculty-activity-decline { width: fit-content; } .faculty-space-empty-hour, .faculty-space-activity-no-title { font-style: italic; font-weight: 300; } .faculty-space-coi-form-holder { max-width: 500px; } .faculty-form-invitation-internal-part-header { font-size: 18px; font-weight: 500; } .radio-input-invitation-faculty-form { border: solid 1px var(--default-list-bg-color); border-radius: 16px; width: calc(100%); } .radio-input-invitation-faculty-form:hover, .radio-input-invitation-faculty-form:has(input:checked) { background-color: var(--default-list-bg-color); cursor: pointer; } .radio-input-invitation-faculty-form label { margin-bottom: 0; } .faculty-space-reduced-width { max-width: calc(100% - 70px); } .faculty-space-modal-mail-button:hover, .faculty-space-ask-coi-custom-fields-faculty-infos:hover { cursor: pointer; } .coi-custom-fields-container-informations .coi-container-informations, .coi-custom-fields-container-informations .conflict-of-interest-details-infos-custom-fields input, .coi-custom-fields-container-informations .conflict-of-interest-details-infos-custom-fields textarea, .coi-custom-fields-container-informations .conflict-of-interest-details-infos-custom-fields input::placeholder, .coi-custom-fields-container-informations .conflict-of-interest-details-infos-custom-fields textarea::placeholder, .coi-custom-fields-container-informations .conflict-of-interest-details-infos-custom-fields label, .coi-custom-fields-container-informations .conflict-of-interest-details-infos-custom-fields h3, .coi-custom-fields-container-informations .conflict-of-interest-details-infos-custom-fields select { font-size: var(--default-text-size)!important; color: var(--default-text-color); } @media all and (min-width: 1200px) { .navbar .nav-item > .dropdown-menu { display: block; opacity: 0; visibility: hidden; transition: .3s; margin-top: 0; } .navbar .nav-item:hover > .nav-link { color: #fff; } .navbar .dropdown-menu.fade-down { top: 80%; transform: rotateX(-75deg); transform-origin: 0 0; } .navbar .dropdown-menu.fade-up { top: 180%; } .navbar .nav-item:hover > .dropdown-menu { transition: .3s; opacity: 1; visibility: visible; transform: rotateX(0deg); } .coi-custom-field-modal { max-width: 950px; margin: 1.75rem auto; } } @media only screen and (max-width: 1200px) { #header { margin-bottom: 0 !important; } .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 { padding-left: 91px; height: auto !important; } #navbar-section #navbar-main-content .buttonBurgerNavbar { margin-right: 1.9rem; } } @media only screen and (max-width: 575px) { #navbar-section #navbarSupportedContent { padding-left: 0 !important; } } /* */ /*Image a la une*/ .img_alaune .img-wrapper { position: relative; } .img_alaune .img-overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; } .img_alaune .img-overlay:before { content: ' '; display: block; /* adjust 'height' to position overlay content vertically */ height: 50%; } .img_alaune .img-overlay h3 { background-color: var(--vdoplayer-bg-color); color: var(--vdoplayer-text-color); padding: 10px; } #mediaCategoryRowFile li:hover { background: #AEAEAE; } #mediaCategoryRow li:hover { background: #AEAEAE; } #boothMediaCategoryModalReplay li:hover { background: #AEAEAE; } #boothMediaCategoryModalPdf li:hover { background: #AEAEAE; } .booth-2d-vertical-bar { border-left: solid; border-left-color: #0b3e6f; } .my-agenda-hour-header { height: 75px; } .my-agenda-session-card-header { position: relative; } .my-agenda-session-card-header-type { position: absolute; bottom: 0; } .my-agenda-session-card-header-hour { border-width: 0.5em !important; } .my-agenda-day-header { height: 75px; } .booth-2d-vertical-bar { border-left: solid; border-left-color: #0b3e6f; } .live-program-hour-header { height: 250px; } #live-program-hour-bar-indicator { height: 0; position: absolute; } .live-program-hour-bar { background-color:var(--default-list-bg-color); color:var(--default-list-text-color); font-weight:bold; } .live-program-room-header { height: 250px; } .live-program-session-accordion { position: relative; } .live-program-session-card { position: absolute; cursor: pointer; } @keyframes example { from { font-size: 5em; } to { font-size: 6em; } } .popover { min-width: 400px; max-width: 400px; } .live-program-session-card-top-banner-row { border-width: 0.5em !important; } .cursorPointer { cursor: pointer; } .div_user_edit_photo { position: relative; } .div_user_edit_photo_add { position: absolute; left: 68px; bottom: -25px; } .div_user_edit_photo_add > div.fileuploader { background: none; } .live-program-session-card-truncate { line-height: 20px !important; min-height: 20px; -webkit-box-orient: vertical; display: block; display: -webkit-box; overflow: hidden !important; text-overflow: ellipsis; } .my-agenda-hour-bar-body { position: relative; } #my-agenda-hour-bar-indicator { position: absolute; } .my-agenda-session-card-container { position: relative; } .my-agenda-session-card { position: absolute; left: 0; } .admin-user-vertical-bar { border-left: 1px solid #0b3e6f; } .container-list_container__container-card .card-body > div .container-card__thumbnail { min-height: 105px; } .container-list_container__container-card .card-body > div .container-card__details { min-height: 105px; } .coi-custom-field-modal .modal-body { max-height: calc(100vh - 300px); overflow-y: auto; } @media (min-width: 576px) { .left-separator { border-left: 1px solid var(--vdoplayer-bg-color); } } .booth-2d-vertical-bar { border-left: solid; border-left-color: var(--default-button-bg-color); } #mediaCategoryRow li:hover, #mediaCategoryRowFile li:hover, #boothMediaCategoryModalReplay li:hover, #boothMediaCategoryModalPdf li:hover { background: var(--default-list-bg-color); } .grow { position: absolute; z-index: 2; right: 10px; animation: pulse 1s alternate infinite ease-in; } @keyframes pulse { 0% { bottom: 0; } 100% { bottom: -5px; } } .collapse-popover-content { display: none; } .live-program-session-header-p-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .live-program-session-card-div-online-indicator { position: absolute; top: 0; left: 15px; height: 102%; width: 25px; line-height: 1.8em; } .live-program-session-header-title { flex: 1; min-width: 0; } .live-program-session-card-div-time { margin-left: 30px; } #breakoutRoomList li:hover { background: #AEAEAE; } .dragAndDropElem:hover { cursor: move; } .dragAndDropElem { display: flex; justify-content: space-between; background-color: whitesmoke; margin: 0.5rem; padding: 0.5rem; } .dragAndDropElem p { padding: 0; } .dragAndDropElem .container_button_edit { margin-left: 1rem } #datatable_video_room td { max-width: 100px; padding-right: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } /* Dropdown collapse arrow dynamic */ [data-toggle="collapse"][aria-expanded="false"] .card-header h4:before { font-family: "Font Awesome 5 Pro"; font-weight: 900; content: "\f0d7" } [data-toggle="collapse"][aria-expanded="true"] .card-header h4:before { font-family: "Font Awesome 5 Pro"; font-weight: 900; content: "\f0d8" } .cardSessionMyAgenda:hover { cursor: pointer; } #ac-conf-delegate-icon:before { font-family: "Font Awesome 5 Pro"; content: "\f0c0"; color: black; font-size: 26px; font-weight: 400; line-height: initial; } #ac-contact-chat-name-icon:before { font-family: "Font Awesome 5 Pro"; content: "\f2bd"; color: black; font-size: 26px; font-weight: 400; line-height: initial; padding-left: 5px; } .flex-align-items { align-items: center; } #ac-my-contact-icon:before { font-family: "Font Awesome 5 Pro"; content: "\f2b9"; color: black; font-size: 26px; font-weight: 400; line-height: initial; } .arrowchat_closebox_bottom { background: none !important; } .arrowchat_closebox_bottom:before { font-family: "Font Awesome 5 Pro"; content: "\f00d"; color: black; font-size: 15px; font-weight: 400; line-height: initial; } .acGroupTab { width: auto !important; } #ac-my-discussion-groups:before { font-family: "Font Awesome 5 Pro"; content: "\f075"; color: black; font-size: 26px; font-weight: 400; line-height: initial; } #ac-delegates-session:before { font-family: "Font Awesome 5 Pro"; content: "\f63d"; color: black; font-size: 26px; font-weight: 400; line-height: initial; } .widthAuto { width: auto !important; } body #arrowchat_base { border: 0 !important; -webkit-box-shadow: none !important; background: var(--default-list-bg-color) !important; opacity:0.9; } .removeDefaultColorAC { background: var(--default-list-bg-color) !important; border: 0 !important; } /*if you change height value you have to change aCPopupPosition with same px*/ .aCHeight { height: 40px !important; } .aCPopupPosition { bottom: 40px !important; } .acNotificationArea { width: auto !important; } #arrowchat_hide_bar_button { width: auto !important; } #arrowchat_show_bar_button { width: auto !important; } .acBackgroundButton { background-color: #c5c5c5 !important; } .aCHideStyle { width: 37px; padding-left: 8px; margin-left: 1px; } .aCShowStyle { width: 45px; padding-left: 6px; margin-left: 1px; } .aCBuddyListStyle { margin-left: 1px; } .aCLineHeightTab { line-height: 13px; } .acColorTab { color: black; } .aCContactName { max-width: 60px !important; white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis !important; } #ac-networking-zone { display: flex; flex-flow: row; width: 100%; } #ac-networking-zone { position: absolute; left: 0; bottom: 0; width: 200px; height: 40px; display: flex; align-items: center; padding-left: 15px; font-weight: bold; font-size: 15px !important; color: var(--default-title-color); } #ac-buddy-nb { font-size: 14px !important; font-weight: 350 !important; } #ac-notif-tab { width: 45px; padding-left: 8px; } #ac-roompage-tab { width: 140px; } #ac-online-nb { display: none; } .iconPlusBo { width: 20px; height: 20px; display: block; margin-bottom: -20px; } .modalFooterBtnRow { width: 100%; } .meetTheExpertAlignItem { display: flex; align-items: center; } .breakoutFull { background-color: #ff5252; } #ad-filter-page-section { display: none; } #bottom-right-notification-block { position: fixed; right: 20px; bottom: 80px; width: 260px; min-height: 180px; background-color: white; z-index: 3000; display: none; } #bottom-right-notification-button { color: rgba(35, 198, 209, 255) !important; font-size: 14px !important; text-decoration: underline !important; } .opacityHover:hover { opacity: 0.5; } #bottom-right-notification-close { cursor: pointer; color: #a7a8ac; } #ad-groups-section { display: none; } #ad-language-content { margin-left: 160px; } .adFilterBlock { height: 110px; overflow-y: auto; } #modal-sessions-div .modal-content, #modal-user-profile .modal-content { overflow-y: auto; padding: 1rem; } .modal-session-moderator-type-libelle, .modal-session-speaker-type-libelle { display:none; } .modal-session-header, #modal-user-profile .modal-header { border-bottom:1px solid #b0b0b0; padding:0; padding-bottom:5px; margin-bottom:5px; line-height:1; } #img-cotype-label { padding-left: 5%; } .dismissModalSession { float: right; cursor: pointer; } .modal-cat-name { color: red; font-weight: normal; font-size: 1em; } .modal-theme-name { color: var(--default-text-color); font-weight: normal; font-size: 1em; display:none; } #modal-agenda { display: block; padding-bottom: 0.2%; font-size: revert; } .link-agenda-click { color: unset; } .modal-session-desc { width: 98%; color: var(--default-text-color); background-color:var(--default-list-bg-color); border:1px solid var(--default-list-border-color); border-radius:5px; padding:10px; line-height:1.5; text-align:justify; margin-bottom:30px; } .modal-session-moderators { padding-bottom: 1%; } .modal-sessions-interventions-group { padding-bottom: 2%; } .modal-sessions-interventions-group_btn-see-abstract { float:right; } a.modal-sessions-interventions-group_btn-see-abstract, a.modal-sessions-interventions-group_btn-see-abstract:visited{ color:var(--default-link-color); } .modal-sessions-interventions-summary { border:1px solid var(--default-list-border-color); background-color:var(--default-list-bg-color); padding:5px; margin-bottom:5px; } .modal-sessions-interventions-time { display:none; padding-right:10px; } .modal-session-img-user { float: left; padding-right: 1%; } .modal-session-user-profile-img { float: left; margin-right: .4rem; width: 25px; height: 25px; border-radius: 20px; } .modal-session-faculties { line-height: 1.6rem; } .modal-session-faculties .fo-user__lastname-speaker { text-transform:uppercase; } .modal-sessions-interventions { padding: 0 2% 0 0; } .programme-session-detail-links-container #modal-agenda, .programme-session-detail-links-container .download-ics { color:var(--default-link-color)!important; } .programme-session-card:hover { overflow-y: visible !important; height: unset !important; } .scrollProgramLeft { float: right; } .programme-text-intro .wysiwyg-v2-edited * { font-size: 0.8em; } #program_calendar-header { position: sticky; top: 78px; z-index: 1026; overflow: hidden; padding: 0 !important; } .mobileapp-body #program_calendar-header { top: 0; } .programme-embed #program_calendar-header { top: 0; } #program_calendar-content .scrollProgramRight_holder { position: absolute; right: 20px; z-index: 1027; margin-top: -40px; } #program_calendar-header .scrollProgramLeft_holder { align-self:flex-end; padding-bottom:8px; } .session-grid-scroll-div { max-width: unset; flex-basis: unset; width: max-content; } /*Calendar Programme Scrollbar Management : Start*/ #program_calendar-header #program_calendar-header_clock { border:0; display: flex; justify-content: end; } #program_calendar-header .session-grid-scroll { padding: 0 !important; } .session-grid-scroll { overflow: auto; overflow-x: scroll; background-clip: padding-box; scrollbar-width: auto; } .session-grid-scroll::-webkit-scrollbar { height: 10px; } #program_calendar-content .session-grid-scroll { overflow-x: hidden; } div#program_calendar-content { border-right: 1px solid var(--default-list-border-color); } #program_calendar-header .roomsName { border: 1px solid #dee2e6; border-bottom: none; background-color: var(--default-table-title-bg-color); color:var(--default-table-title-text-color); font-weight:bold; } .session-grid-scroll::-webkit-scrollbar { background-color: var(--default-list-bg-color); border-radius: 3px; } /*Deplacement scrollbar top*/ .session-grid-scroll, .session-grid-scroll .session-grid-scroll-div { transform: rotateX(180deg); } .session-grid-scrollbar-hidden { } /*Masquage scrollbars en JS pour garder la hauteur*/ .session-grid-scroll.session-grid-scrollbar-hidden::-webkit-scrollbar-track { background-color: var(--default-list-border-color); } .session-grid-scroll.session-grid-scrollbar-hidden { scrollbar-color: var(--default-bg-color) var(--default-bg-color); } .session-grid-scroll.session-grid-scrollbar-hidden-firefox { scrollbar-width: none; padding-bottom: 24px; } .session-grid-scroll::-webkit-scrollbar-track { background-color: var(--default-list-border-color); border-radius: 3px; } .session-grid-scroll::-webkit-scrollbar-thumb { background: var(--default-button-bg-color); border-radius: 3px; } .session-grid-scroll::-webkit-scrollbar-thumb:hover { background: var(--default-button-bg-color); opacity: 0.8; } /*Calendar Programme Scrollbar Management : Fin*/ .programme-session-card-blank, .agenda-session-card-blank { width: inherit; } .programme-session-card { width: inherit; position: absolute; overflow-y: hidden; background-color: var(--default-bg-color); /* Small adjustment to align perfectly border */ margin: -1px -1px; } .programme-session-card_v2 { width: 100%!important; } #timeline { width: 100%; position: absolute; top: 196px; left: 15px; color: #002454; display: none; height: 20px; } #timeline .mainContent { border-top: dashed 3px var(--default-button-bg-color); } .iconHour1, .iconHour2 { font-size: 1.5em; } .card-overflow { text-align: left; padding: 0.5rem; overflow: hidden; } .header-programme-session-card { display: flow-root; } .header-programme-session-card-cotype { } .program-session-card-cat-name > span { font-size: 12px; } .program-session-card-desc { text-align: justify; } .program-session-card-view-details > div { float: right; color: var(--default-link-color); } .program-session-card-view-details > div > a { color: unset; } .H-25 { height: 25px !important; } .left-panel-line-height { line-height: 12px; } #left-panel-float a:hover { cursor: pointer; text-decoration: none !important; opacity: 0.5; } .leftPanelHover:hover { cursor: pointer; text-decoration: none; opacity: 0.5; } #left-panel-float strong { color: var(--default-bg-color); } #left-panel-float { width: 70px; height: 100%; position: fixed; top: 96px; z-index: 1040; text-align: center; font-size: 10px; padding-top:5px; } #left-panel-float .border-top.border-white { margin-top:5px; margin-bottom:5px; opacity:0.3; } #left-panel-float .leftPanelHover .fa-4x { font-size:25px; } #list_container { width: 100%; } .modalBreakout { z-index: 9000 !important; } #ad-filters { width: 100px; } #popup-error { display: none; width: 100%; } .sideBarPanel { position: fixed; z-index: 1027; top: 94px; display: none; overflow-y: auto; overflow-x: hidden; width: 18.5rem; } .sideBarPanel .dropdown.bootstrap-select, .sideBarPanel .filter-option-inner-inner { font-size: 14px; } #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; } .sideBarPanel { margin-left: 70px !important; } .sideBarPanel, #left-panel-float { top: 80px; } .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.card-header { background:none; } .cardHeaderSidePanel .closePanel > div > i { font-weight: 300; opacity: 1; } #left-panel-float, .cardHeaderSidePanel { /* background-color: var(--default-button-bg-color);*/ } .sideBarPanel .sessionHourSidePanel, .sideBarPanel .divRecapSession { margin-left: auto; margin-right: auto; width: 85% !important; } .sideBarPanel .sessionHourSidePanel, .sideBarPanel .divRecapSession { margin-left: auto; margin-right: auto; width: 85% !important; } .cardHeaderSidePanel > h4 { text-align:left; width:100%; font-size:25px; font-weight: 700!important; line-height: 33px; padding-bottom:10px; margin-bottom: 10px; margin-top: 20px; } .cardHeaderSidePanel.card-header { border-bottom:0; padding-top:15px; } .dropdown-menu { font-size: 14px; } .livePanelTitle { color: var(--default-bg-color); text-align: center; } .livePanelRoomBadgeOffline { background-color: var(--default-list-bg-color); color: var(--default-list-text-color); font-size: 14px; font-weight: lighter; margin: .3rem; } .livePanelRoomBadgeOnline { background-color: var(--live-links-color); color: var(--default-button-text-color); font-size: 14px; font-weight: lighter; position: absolute; margin: .3rem; } .carouselLinkButtonBadgeOnline { background-color: var(--live-links-color); color: var(--default-button-text-color); font-size: 14px; font-weight: lighter; margin: .3rem; } .livePanelLive i.live-status { top: 5px; right: 5px; position: absolute; font-size: 1rem; } .livePanelLiveBlock { aspect-ratio: 16 / 9; background-color: var(--default-list-bg-color); background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; } .livePanelLiveThumb { max-height: 157px; } .livePanelLiveDetail { min-height: 70px; background-color: var(--default-bg-color); } .livePanelSessionTitle { font-size: 14px; color: rgba(0, 0, 0, 255); font-weight: bold; width: 200px; } .livePanelSessionType, .livePanelSessionCategory { font-size: 12px; padding: .4rem; margin: .1rem; } .livePanelSessionSessionInfo { font-size: 12px; color: var(--default-link-color); } .livePanelIconLive { position: absolute; right: .5rem; margin-top: .5rem; width: 30px; height: 30px; } .livePanelNextSession { font-size: 14px; font-weight: lighter; background-color: var(--default-list-bg-color); color: var(--default-list-text-color); margin: .3rem; } .cardHeaderSidePanel { /*background-color: var(--default-list-bg-color);*/ } .cardHeaderSidePanel > h4 { color: var(--default-bg-color); } #divLoaderSidePanel { z-index: 1999 !important; } .maxHeight { max-height: 100%; } .card-body-custom { max-height: 100%; } .cardDisplayPrgSidePanel { width: 18.5rem; color: var(--default-title-color); z-index: 1027; margin-left: auto; margin-right: auto; padding-bottom:20px; } .card-body-custom { padding: 0 20px; } .panelDisplayPrg .bootstrap-select > .dropdown-toggle, .panelDisplaySpeaker .bootstrap-select > .dropdown-toggle, .cardDisplayCompaniesListSidePanel .js-sb-companies-list-sponsor-level-select { border-radius: 7px!important; border: 1px solid var(--default-input-border-color)!important; } .cardDisplayCompaniesListSidePanel .js-sb-companies-list-sponsor-level-select { height:40px; font-size:14px!important; } .panelDisplayPrg #div-select-timezone-sidepanel-list .select2-container--default .select2-selection--single { height:40px; padding:5px; border-radius:7px; font-size:14px!important; } .cardHeaderSidePanel { } .cardHeaderSidePanel > h4 { color: var(--default-list-bg-color); } #div-select-timezone-sidepanel-list { padding-left: 8px; } #link-to-prg-sidepanel { /*float: right;*/ /*padding: 8px;*/ text-align:left; padding-bottom:10px; font-size:12px; } #change-date-sidepanel { padding: 0 25px 0 25px; } .searchSidePanel { font-family: 'Montserrat', 'Arial', sans-serif, 'Font Awesome 5 Pro' !important; border-radius: 20px !important; width: 100%; padding: 10px !important; } .changeDayLeft { float: left; } .changeDayRight { float: right; } #div-select-rooms-to-disp { padding-bottom: 2%; } .divRecapSession { border-top: 2px solid var(--default-list-border-color); border-bottom: 2px solid var(--default-list-border-color); padding: 0.3rem; margin-bottom: 15px; } .recapSessionTitleCat { padding-bottom: 0.2%; display: flow-root; text-align: -webkit-right; } .recapSessionTitleCat > span:first-of-type { float: left; } .sidebar__session_date { min-width: 90px; text-align: left; } .colorUnset { color: unset !important; } .colorRed { color: var(--live-links-color) !important; } .colorDarkTurquoise { color: var(--default-link-color) !important; } .fl-left { float: left; } .sessionHourSidePanel { padding-left: 0.3rem; color: var(--default-list-text-color); float: left; font-weight: bold; } #div-select-timezone-sidepanel-list > div > div { transform: translate3d(-60px, 38px, 0px) !important; width: 16.5rem !important; } #div-select-rooms-to-disp > div > div { transform: translate3d(0px, 38px, 0px) !important; } #divLoaderSidePanel { z-index: 1999 !important; } #modal-sessions-div > div { z-index: 2001 !important; } #ac-networking-zone:hover { cursor: pointer; opacity: 0.5; } .userProfileButton a:hover { opacity: 0.5; } .userProfileButton { color: var(--default-button-bg-color); margin: .2rem; border-bottom: solid 1px var(--default-button-bg-color); } .userProfileButtonBadge { font-size: 16px; font-weight: 300; line-height: 22px; border-radius: 20px; } .userProfileTalkList { background-color: #F0F0F0; } .userProfileButtonBadge { margin: .2rem; font-size: 16px; font-weight: 300; line-height: 22px; border-radius: 20px; background-color:var(--default-button-bg-color); color:var(--default-button-text-color); } .userProfileTalkList, .userProfileBio { background-color:var(--default-button-bg-color); color:var(--default-button-text-color); cursor:pointer; } .userProfileBio.selected, .userProfileTalkList.selected { background-color:var(--default-button-bg-color); color:var(--default-button-text-color); } .imageAlign { vertical-align: middle; } #user-profile-img { width: 150px; height: 150px; border-radius: 100%; } #modal-user-profile { color: var(--default-text-color); } .userProfileButton { font-size: 14px; font-weight:300; line-height: 20px; } #modal-user-profile { font-size: 13px; font-weight: 400; } #modal-action-confirm { font-size: 16px; padding: 1rem 1.5rem; } .user-profile-grey { color: #6b6772; } .user-profile-a-linkedin { color: #0c5aa5; text-decoration: underline; } #modal-user-profile .modal-footer { border-top: 1px solid var(--default-list-border-color); } #modal-user-profile .modal-loading { display: none; } .alertLinkTextArea { resize: none; width: 100%; height: 200px; } .logoOffLine { width: 120px; height: 30px; } .thumbnailLive { height: 157px; width: 280px; } .iconInfoSession { width: 12px; height: 12px; } .userProfileButton .profileUserButton { align-items: center; line-height: 16px; padding: 5px 0; cursor: pointer; width:fit-content } .profileUserButton:hover { opacity: .5; } .profileUserRemove { background-color: var(--danger-button-bg-color); color: var(--danger-button-text-color); } .profileUserAdd { background-color: var(--success-button-bg-color); color: var(--success-button-text-color); } .userProfileModalEvent { cursor: pointer; } .userProfileModalEvent:hover { opacity: .5; } .facultyProfileFullPageEvent { cursor: pointer; } .facultyProfileFullPageEvent:hover { opacity: .5; } .login_log .login_double_connect_error .ui-state-error { padding: 0.7em; } .login_log .login_double_connect_error .ui-state-error .ui-icon { float: left; margin-right: .3em; } .login_captcha { width: 320px; margin-left: auto; margin-right: auto; } .login_block_error { width: 320px; margin-left: auto; margin-right: auto; } .login_block_error p { padding-bottom: 0; } .login_connect_btn #login_captcha_error { display: none;; } .login_connect_btn #login_captcha_error .ui-state-error { padding: 0.7em; } .login_connect_btn #login_captcha_error .ui-icon-alert { float: left; margin-right: .3em; } .representativeArea { padding-top: .8rem; padding-bottom: .4rem; } .representativeArea:hover { cursor: pointer; } .representative-picture { border-radius: 50%; width: 50px; height: 50px; } .representativeChatModalBody { overflow-y: auto; max-height: 600px; } .visitorArea:hover { cursor: pointer; } .visitorPicture { border-radius: 50%; width: 30px; height: 30px; } .visitorChatModalBody { overflow-y: auto; max-height: 700px; } .divToggleFolderSidePanel.collapsed:before { content: "\f0da" !important; } .divToggleFolderSidePanel:before { font-family: 'Font Awesome 5 Pro', serif !important; font-weight: 900 !important; content: "\f0d7"; padding-right: 0.5rem !important; } .divToggleFolderSidePanel { padding: 0 0.5rem 0 0.5rem; } .divToggleFolderContentSidePanel { max-height: 400px; overflow: hidden auto; } .container-content-cat { justify-content: left; padding: 0.5rem; border: 1px solid var(--default-list-border-color); } .container-content-cat-titre { color: var(--default-text-color) !important; text-decoration: none; font-weight: bold; } .divSearchInputAbstractsPosters { margin-bottom:10px; } .divToggleFolderSidePanel { color: var(--default-text-color); } .displayContentOfCat { justify-content: left; padding: 0.5rem; color: var(--default-text-color); font-weight: bold; } .sidebar-replay__border { border-bottom: 1px solid var(--default-list-border-color); } .displayContentOfCat span { color: var(--default-text-color); } .displayTitleCat { padding: 1rem; justify-content: left; border-bottom: 1px solid var(--default-list-border-color); display: inline-flex; } .displayTitleCat span { padding-top: 3px; } .displayTitleCat i.backToOnDemandPanel { font-weight: bold; } .chatModalIndex { z-index: 9999; } .slPlanningCat { color: var(--danger-button-bg-color); } .w-15 { width: 15% !important; } .w-10 { width: 10% !important; } .programme-session-card { cursor: pointer; } div#modalBreakoutRoom { z-index: 100000; /*Toujours au dessus - notamment de la modale infos sessions*/ } #modal-user-profile { z-index: 2020; } .agendaMeetingDetails { border-top: 2px solid var(--default-list-border-color); border-bottom: 2px solid var(--default-list-border-color); padding: 0.3rem; margin-bottom: 15px; } .agendaProfilPicture { border-radius: 50%; width: 25px; height: 25px; } .agendaChat:hover { cursor: pointer; } .agendaCancelMeeting:hover { cursor: pointer; } .agendaAcceptMeeting:hover { cursor: pointer; } .italicText { font-style: italic; } /** MEET SPEAKER SECTION **/ .meetSpeakerBadge { padding: 2px 6px; background-color: var(--danger-button-bg-color); border-color: var(--danger-button-bg-color); color: var(--danger-button-text-color); font-weight: 800; font-size: 12px; cursor: default !important; } .mediaRoomButton { color: var(--default-button-text-color) !important; } .mediaRoomButton:hover { opacity: 0.5; text-decoration: none !important; background-color: var(--default-button-bg-color) !important; } /** END MEET SPEAKER SECTION **/ .vertical-align-middle { vertical-align: middle !important; } .textAlignCenter { text-align: center; } .modalSessionOrganizerLogoSize { max-width: 200px; } .modalSpeakerOrganizerLogoSize { max-width: 100px; } /*FIX FOR SAFARI BUTTONS*/ [type=button], [type=reset], [type=submit], button { -webkit-appearance: none; } .addLinkToProg { margin-left: 35%; margin-top: 10px; } .boEditContainerChanDiv { height: 250px; overflow-y: auto; } .divTradKeysChange { border: 1px solid var(--default-list-border-color); } .createTradSpe { margin-left: 35%; } .divTabContentTrad { display: flow-root; } .crudMessageDelete { display: none; width: 100%; text-align: center; } .mediaRuleCheckBoxList { height: 200px; overflow-y: auto; } .multipleSelecterSessionTypeOpt { font-size: 10px; } .tradMgtSearchDivContentH { margin-top: 6%; } .tradMgtSearchDivContent { display: flow-root; } .textAlignCenter { text-align: center !important; } .treeview { font-size: initial; text-align: start; } .tradMgtSearchDivContentHeader { display: flow-root; } [id^=arrowchat_block] { display: none; } .arrowchat_options_divider { display: none !important; } .eposterCheckBoxList { max-height: 200px; overflow-y: auto; width: 800px; } .eposterBannerDisplay { max-height: 120px; width: 100%; } .eposterBlockPictureDisplay { max-height: 120px; width: 100%; } .eposterBoardBlockEditError { display: none; } .eposterBoardBlockEditSuccess { display: none; } .iconPreview { font-size: 40px; } .alertTranslationModificationSave { display: none; } #modalEditUserPerms { z-index: 8041 !important; } .programmeSessionCardBorder { height: 100% } .program-session-card-reference { display:none; } .join-live-session a { color: var(--live-links-color); } .programme-session-card div[class*="borderColorType"], .header-programme-session-card span[class*="hourType"], .programSessionButtons div[class*="buttonsType"] { display: inline-block; } .programme-session-card div[class*="borderColorTheme"], .header-programme-session-card span[class*="hourTheme"], .programme-session-card div[class*="borderColorCategory"], .header-programme-session-card span[class*="hourCategory"], .programSessionButtons div[class*="buttonsCategory"], .programSessionButtons div[class*="buttonsTheme"] { display: none; } .prgBadgeSessionByDays { top: unset !important; bottom: -10px !important; right: -1px !important; } .prgBadgeSessionNotCurrentDay { background-color: var(--danger-button-bg-color) !important; color: var(--danger-button-text-color) !important; } #alertFilterSearchProcessing { display: none; } .exhibitorListSubTitle { margin-top: 7px; padding-bottom: 8px; } .networkingSubTitle { padding-bottom: 7px; margin-top: 3px; } @keyframes liveCircleHeartBeat { 0% { transform: scale(1); } 10% { transform: scale(0.9); } 20% { transform: scale(0.8); } 30% { transform: scale(0.7); } 40% { transform: scale(0.6); } 50% { transform: scale(0.5); } 60% { transform: scale(0.6); } 70% { transform: scale(0.7); } 80% { transform: scale(0.8); } 90% { transform: scale(0.9); } 100% { transform: scale(1); } } .live-beat { transform: rotate(45deg); animation: liveCircleHeartBeat 1.2s infinite; color: var(--live-links-color); } .sidebarSelectArea { overflow-y: auto; height: 80px } #advanced-search-block { width: 100%; border: 1px solid rgba(0, 0, 0, .125); font-size: 15px; } #advanced-search-block .advancedSearchInputs input { width: 100%; } .advancedSearchHolder { display: flex; justify-content: space-between; } .advancedSearchHolder .advancedSearchItem { flex-grow: 0; } .advancedSearchHolder .advancedSearchInputs { flex: 0 1 20%; } .advancedSearchHolder .advancedSearchChannels { flex: 0 1 25%; } .advancedSearchHolder .advancedSearchQualifier { flex: 0 0 50%; flex-direction: row!important; margin-left: -10px; margin-right: -10px; } .advancedSearchHolder .advancedSearchItem { display: flex; flex-direction: column; } .advancedSearchItem:not(.advancedSearchQualifier):not(.advancedSearchInputs) > div { flex-basis: 0; flex-grow: 1; overflow-y: auto; } .advancedSearchQualifier > div { display: flex; flex: 1 1 50%; justify-content: space-between; flex-direction: column; padding-right: 10px; padding-left: 10px; } #select_multiple_themes, #select_multiple_keywords, #select_multiple_categories, #select_multiple_types { height: 100%; } #select_multiple_themes .rounded-search-form-item, #select_multiple_keywords .rounded-search-form-item, #select_multiple_categories .rounded-search-form-item, #select_multiple_types .rounded-search-form-item { height: calc(100% - 25px); } @media (min-width: 1200px) { #select_multiple_themes > div > div, #select_multiple_types > div > div, #select_multiple_categories > div > div, #select_multiple_keywords > div > div, .select_multiple_tags > div > div { height:200px; } } @media (max-width: 1199px) { #select_multiple_themes > div > div, #select_multiple_types > div > div, #select_multiple_categories > div > div, #select_multiple_tags > div > div { height: 125px; } .advancedSearchHolder { flex-direction: column; } .advancedSearchHolder .advancedSearchQualifier { flex-direction: column; } .advancedSearchHolder .advancedSearchQualifier > div .overflow-auto { max-height: 125px; } .advancedSearchChannels { margin-bottom: 8px; } .advancedSearchChannels #select_multiple_channels { min-height: 125px; } } .replay-advanced-search-filter-container { height: 74px; } #container-list-advanced-search-toggle { color:var(--default-button-text-color); } #container-list-advanced-search-button { color:var(--default-button-text-color); } .replay-advanced-search-channel { /*height: 200px;*/ } .disable-arrow { display: none; } .container-lock-holder { background-color: var(--default-list-border-color); border-radius: 10px; } .media-list__image { background-size: contain !important; height: 120px; } .media-list-sidebar__image { background-size: cover !important; height: 100px; } /* * BREAK WORD FOR RESPONSIVE */ .breakWord { word-wrap: break-word; word-break: break-word; hyphens: auto; } .disclaimerModal { z-index: 1052; background-color: var(--default-list-bg-color); color: var(--default-list-text-color); } .disclaimerModal .modal-dialog { max-width: 700px; } .disclaimerModal .modal-content { height: 400px; border: 1px solid var(--default-list-border-color); border-radius: 20px; font-size: 1rem; } .disclaimerModal .modal-title { padding-bottom: 0; font-size: 1.5rem; } .libraryContainer .libraryButton { cursor: pointer; } .libraryContainer .libraryButton:hover { opacity: 0.7; } #container-details .libraryButtonRemove i { font-weight: 900; font-family: 'Font Awesome 6 Pro'; } /* */ .fo-networking-access-modal__title { font-weight: 500; font-size: 14px; } .fo-networking-access-modal__empty { font-weight: 500; font-size: 18px; } /* */ .modal-backdrop-cgu { position: fixed; top: 0; left: 0; z-index: 9999999; width: 100vw; height: 100vh; background: #000000; } .modal-backdrop-networking-consent{ position: fixed; top: 0; left: 0; z-index: 9999999; width: 100vw; height: 100vh; background: #000000; } .networking-consent-icon { width: 56px; height: 56px; border-radius: 50%; border: 1px solid var(--default-button-bg-color); display: flex; align-items: center; justify-content: center; } .networking-consent-icon i { font-size: 22px; color: var(--default-button-bg-color); } .networking-consent-hint { font-size: 90%; font-weight: 100 !important; } #networkingConsentDecline { color : var( --default-text-color) !important; } #networkingConsentDecline:hover { color : var(--default-bg-color) !important; } #alert-rgpd-access-booth, #alert-access-booth { overflow-x: hidden; overflow-y: auto; } /* item cards search page */ .container-card__details h3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 55px; line-height: 20px; } .container-card__details { overflow: hidden; } .container-card__details-name { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .container-card__details-faculty { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .container-card__details .fa { font-weight: 400; } .container-list_container__container-card { min-height: 200px; } .container-list_container__container-card .card-body, .container-list_container__container-card .card-body > div, .container-list_container__container-card .card-body > div .container-card__thumbnail, .container-list_container__container-card .card-body > div .container-card__details { height: 100%; } .container-card__details__holder-badges-description { position: absolute; bottom: 0; padding: .2rem; max-height: calc(100% - 72px - .6rem); overflow-y: hidden; } .container-card__details__holder-badges-description-ellispis { text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; } .container-list_container__container-card .card-body > div .container-card__details > p { margin-bottom: 0!important; } .container-card__details__holder-badges { height: 40px!important; display: flex; justify-content: start; align-items: center; overflow-y: hidden; margin-top: 5px; } .container-card__details__holder-badges .container-card__details__holder-badges_badge { height: 40px!important; display: flex; justify-content: center; align-items: center; } .container-card__details__holder-badges .container-card__details__holder-badges_badge a { padding-top: 0; padding-bottom: 0; } .container-library .libraryContainer > div { justify-content: center; } @media screen and (max-width: 1040px) { div#arrowchat_chat_list_tab #arrowchat_userstab_text_o { display: none; } div#arrowchat_buddy_list_tab #arrowchat_userstab_text_o { display: none; } div#arrowchat_optionsbutton #arrowchat_userstab_text_o { display: none; } } @media screen and (max-width: 532px) { .js-removable-div-register { flex-direction: column; } #synchro-participant-form, #dynamicBlocRegisterRight { width: 100%!important; max-width: 100%!important; } } /* */ /* */ .user-menu_library { white-space: nowrap !important; } header { } #header_menu { position: absolute; margin-top: -20px; z-index: 1000; 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 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: 0; outline: none; font-size: 14px; box-sizing: border-box; border-radius: 3px; margin-left: 5px; } /* */ /*Zoning*/ #zone-principale { margin: 0 auto; position: relative; margin-top: 90px; } .container-fluid.container-zone-principale { max-width: 1585px; } #v2-container-fluid { margin:0; } #v2-container-fluid.container-zone-principale { padding:0; width:inherit; max-width:inherit; } /*------------------------------------------------*/ /*---------[CONTENU HP Sidebar ]------------------*/ /*------------------------------------------------*/ #zone-contenu-sidebar { text-align: justify; } .sidebar-titre { color: var(--default-button-bg-color); font-size: 18px; width: 100%; margin-bottom: 10px; font-weight: 400; padding-bottom: 10px; border-bottom: 1px solid var(--default-list-border-color); } .sidebar-titre_small { color: var(--default-button-bg-color); font-size: 18px; width: 100%; margin-bottom: 20px; } /*------------------------------------------------*/ /*---------[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; } .vdo_viewer_video { overflow: hidden; width: 100%; display: block; color: var(--default-text-color); border: 0; /*Couleur template light*/ } .vdo_viewer_pub_controller { background-color: var(--vdoplayer-bg-color); display: block; color: var(--vdoplayer-text-color); padding: 5px; } /** class spécifique au css black - S'applique au "Passer" lors de l'affiche d'une pub **/ .skip, a.skip:visited, .skip:hover, .ui-notify a{ color: var(--vdoplayer-text-color); text-decoration: none; } /** class spécifique au css black - S'applique au "Passer" lors de l'affiche d'une pub **/ .vdo_viewer_blocage_acctype { display: table-cell; vertical-align: middle; border-radius:5px; } .vdo_viewer_blocage_acctype p { margin-top: 10px; margin-bottom: 10px; line-height: 20px; } .vdo_viewer_blocage_acctype h3 { /*color: #020265;*/ /*#dd521a;*/ } .vdo_viewer_soustitre { height: 21px; margin-top: 10px; margin-bottom: 10px; } .vdo_viewer_soustitre span { font-family: 'Trebuchet MS'; font-weight: bold; font-size: 18px; float: left; color: var(--default-text-color); } .chapeau { margin: 7px 20px 0 25px; font-family: 'Trebuchet MS'; text-transform: none; /*width:620px;*/ text-align: justify; font-size: 12px; line-height: 19px; } .chapeau .read-more-link { color: var(--default-link-color); 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: var(--default-link-color); font-weight: 700; } .suite { color: var(--default-link-color); text-decoration: none; text-transform: uppercase; font-weight: 700; } .vdo_viewer_like { 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: var(--default-bg-color); } /*------------------------------------------------*/ /*-----------------[FOOTER ]----------------------*/ /*------------------------------------------------*/ #main-footer { background-color: var(--default-list-bg-color); text-align: center; width: 100%; font-family: 'Roboto'; font-size: 12px; text-transform: none; padding: 20px; color: var(--default-list-text-color); } #main-footer .wysiwyg-v2-edited { font-size:13px; } p#copyright { color: var(--default-list-text-color); font-size: 12px; float: right; padding-top: 19px; border-top: 1px solid #e9e9e9; margin: 22px 13px 13px 0; } p#copyright a { color: var(--default-list-text-color); font-family: Georgia, serif; font-style: italic; } .containerfoot.wysiwyg-v2-edited p + * { margin-top: 0; } /*------------------------------------------------*/ /*---------[CONTENU LISTE VIDEO ]-----------------*/ /*------------------------------------------------*/ /* .v_liste_titre { color: #020265; 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: #020265; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); filter: alpha(opacity=90); 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 #020265; filter: dropshadow(color=#000, offx=1, offy=1); } .v_liste_bloc_texte { float: left; width: 99%; margin: 0 20px 0 0; 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 #020265; float: left; margin: 0 10px 0 0; -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 #020265; float: left; margin: 0 10px 0 0; -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: #020265; 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: #020265; 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; } .pagination { margin-bottom: 10px; } .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; -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 var(--default-list-border-color); 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 var(--default-list-border-color); 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: var(--default-list-bg-color); 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 Login Page]-------------------*/ /*------------------------------------------------*/ .login_conteneur { margin-top: 50px; } .login_conteneur h1 { text-align: center; margin-bottom: 30px; } .login_log { text-align: center; margin-bottom: 50px; } .login_input { width: 320px; } .login_connect_btn { margin-left: auto; margin-right: auto; } .login_captcha { width: 320px; 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 { font-size: .8em; margin-top: 5px; } .login_lost_pwd_btn a { margin-left: 78px; width: 250px; text-align: center; } .login_creation { margin-top: 30px; } /*------------------------------------------------*/ /*---------[Live Interface ]----------------------*/ /*------------------------------------------------*/ .fo-live-interface-ligne-zero { border-left: 1px solid var(--default-button-bg-color); border-right: 1px solid var(--default-button-bg-color); border-bottom: 1px solid var(--default-button-bg-color); width: 640px; padding: 5px; } .fo-live-interface-ligne-zero-contenu { padding: 3px; background-color: var(--default-button-bg-color); color: var(--default-button-text-color); } .fo-live-under-video-viewer-conteneur { margin-top: 20px; margin-bottom: 20px; } .fo-live-interface-bloc-question-tabs-cadre { border: 1px solid var(--default-list-border-color); padding: 5px; margin: 10px; font-size: 1.1em; -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 var(--default-list-border-color); 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: var(--default-list-bg-color); } .fo-live-interface-bloc-question-internaute { border: 1px solid var(--default-list-border-color); 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 var(--default-list-border-color); 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 var(--default-list-border-color); 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: var(--default-list-border-color); height: 1px; width: 80%; text-align: center; margin-bottom: 10px; margin-left: 100px; } .fo_live_internaute_sondage_prog_border { width: 300px; height: 20px; background: var(--default-list-bg-color); border: 1px solid var(--default-list-border-color); float: left; margin-right: 10px; border-radius: 5px; white-space: nowrap; } .fo_live_internaute_sondage_prog_bar { height: 20px; background-color: var(--default-button-bg-color); padding-left: 2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: var(--default-button-text-color); } .radio_vertical .ui-state-active, .radio_vertical .ui-state-hover { color: var(--default-button-bg-color); } .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 { 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 { } .fo-live-interface-teaser-bloc-question-internaute-deja-pose { border: 1px solid var(--default-list-border-color); 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: var(--default-list-bg-color); } .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 var(--default-list-border-color); 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-live-moderateur-contact { float: right; display: block; margin-bottom: 5px; } /* .digit.static { 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; letter-spacing: -1px; } */ .v_liste_vdo_acctype { background-color: var(--vdoplayer-bg-color); margin-top: auto; height: 20px; width: auto; padding-left: 0; padding-right: 5px; text-align: center; font-size: 0.8em; color: var(--vdoplayer-text-color); filter: alpha(opacity=80); opacity: 0.8; } .vdo_viewer_blocage_acctype { display: block; width: 100%; height: 100%; min-height: 360px; } body:not(.backoffice) .tooltip *, body:not(.backoffice) .fancybox-skin * { box-sizing: content-box; } /*FILDARIANE*/ .fil-ariane { font-size: 1em; clear: both; } /*Programme Liste*/ .card-session { background-color: var(--default-list-bg-color); color: var(--default-list-text-color); border-bottom: 1px solid var(--default-list-border-color) !important; } .live-programme .card-header-title p, .live-programme .card-header-time span, .live-programme .card-header-time p { color: var(--default-button-text-color); } .live-programme .card-session-type { display: none; } /* */ .program_advanced-search_title { color: var(--default-title-color); } .program_advanced-search_button { min-width: 160px; } #programmeSearchBtn { margin-left: unset; } #advanced-search-info-block a { cursor: pointer; } .program_advanced-search_section { height: 100%; background-color: #ffffff; border: solid 1px var(--default-list-border-color); box-shadow: 0 3px 6px var(--default-list-border-color); color:var(--default-list-text-color); } .program_advanced-search__inner { background-color: var(--default-list-bg-color); } .program_advanced-search_checkbox-label { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size:1em; line-height:24px; } .program_advanced-search_checkbox { width: 0.9rem; height: 0.9rem; border-radius: 0.25rem; } #programme-content .sessionSection { box-shadow: var(--vdoplayer-bg-color) 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: var(--default-text-color); } #programme-content .sessionSection .joinLive { text-decoration-color: var(--live-links-color); } #programme-content .sessionSection .joinLive div { color: var(--live-links-color); } #programme-content .sessionSection .watchReplay, #programme-content .sessionSection .displayDetails { text-decoration-color: var(--default-link-color); } #programme-content .sessionSection .watchReplay div, #programme-content .sessionSection .displayDetails div { color: var(--default-link-color); } #programme-content .sessionTitle .sessionLive, #programme-content .sessionTitle .sessionLive h1 { color: var(--live-links-color); } #programme-content .imgRoom { max-height: 180px; } #programme-content .imgRoomSection { height: 180px; } #programme-content .badgeSection .overflowBadge { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; max-height: 32px; padding: 5px 0; color: var(--default-button-text-color); } .modal-program-detail-session .modal-session-header, .header-programme-session-card-color-type { background-color:var(--default-button-bg-color); color:var(--default-button-text-color); } #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; } #modalSessionsInfos { padding-right: 0!important; } .modal-program-detail-session .modal-session-header, .header-programme-session-card-color-type { background-color:var(--default-button-bg-color); color:var(--default-button-text-color); } @media only screen and (max-width: 768px) { #programme-calendar #header-programme { padding-left: 0; padding-right: 0; } } /* */ /* */ #media-list .badgeChannel { font-size: 85%; border-radius: 25px; text-decoration: none; color: var(--default-button-text-color); background-color: var(--default-button-bg-color); } #media-list .badgeChannel:hover { opacity: .7; } #media-list .container-card__details__holder-badges_badge > a { white-space: normal; } .body-media-list-container { padding-left: 0!important; } .mobileapp-body .channel-home, .mobileapp-body .page-container-detail { padding-left:15px!important; padding-top: 15px!important; } .mobileapp-body .page-container-detail { padding-right:15px!important; } .channel-home .media-carousel .slick-prev { left: -20px; } .channel-home .media-carousel { width: calc(100% - 40px); margin-left: auto; margin-right: auto; padding-left: 30px; } .media-carousel .slick-slide img { border-radius: 10px; } .channel-home .media-carousel .slick-next { right: -20px!important; } #media-list .card { border-radius: 8px!important; } .container-list-cat-vignette { border-radius:10px; } #zone-contenu-sidebar > h1 { text-transform: uppercase; color: var(--default-title-color); font-size: 26px; font-weight: bold; } .meetSpeakerBadge { background-color: var(--live-links-color); color: var(--default-button-text-color); } .meetSpeakerBadge span, .meetSpeakerBadge i { color: var(--default-button-text-color); } .is-interactive_switch__icon { font-size: 1.4em; --fa-primary-color: transparent; --fa-secondary-color: var(--default-button-bg-color); --fa-secondary-opacity: 1; } /* */ /* * CONTAINER DETAILS V2 START */ #container-details .rightZoneTitle, #container-details .commentTitle { width: 100%; padding-bottom: 10px; font-weight:bold; } #container-details .rightZoneTitleHr, #container-details .commentTitleHr { height: 2px; width: 100%; border-radius: 20px; margin-bottom: 15px; } #container-details .rating { background-color: var(--default-button-text-color); border-radius: 9px; box-shadow: 0 3px 6px var(--default-list-bg-color); } #container-details .rating span { font-size: 14px; } #container-details .commentAddSection .commentBlockNew, #container-details #comment-list-section .commentBlock { background-color: var(--default-list-bg-color); border: 1px solid var(--default-list-border-color); 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; border: 0; font-size: 14px; } #container-details .commentAddSection #buttonPublish { background-color: var(--default-button-bg-color); color: var(--default-button-text-color); } #comments-section .commentText { border-radius: 15px; padding: 16px; border: 0; background-color: #ffffff; color: var(--default-text-color); } #comments-section #updateComButton { background-color: var(--success-button-bg-color); border: solid 1px var(--success-button-bg-color); border-radius: 5px; color: var(--success-button-text-color), } #comments-section .comment_del, #comments-section #updateComButton, #container-details .commentAddSection #buttonPublish { font-size: 15px; min-width: 100px; } #comment_answer_modal .modal-dialog > div { border-radius: 20px !important; border-color: #ffffff; background-color: #ffffff; opacity: 1 !important; } #comment_answer_modal .modal-dialog .modal-content { border: solid 1px var(--default-list-border-color); 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: var(--success-button-bg-color); color: var(--success-button-text-color); } #container-details #channel_vote_container, #container-details .mediaRoomButton { background-color: var(--default-button-bg-color); color: var(--default-button-text-color); } #container-details #channel_vote_container .fa-poll { font-size: 1.5em; } #container-details #shared-buttons button { background-color: var(--default-button-bg-color); color: var(--default-button-text-color); } #container-details #question-response-button, #container-details #container-questions-answers-btn { border-radius: 42px; border: solid 1px var(--default-input-border-color); font-size: 16px; } #container-details .btn { border-radius: 42px !important; } #contQuestionAskModal button.btn-secondary:not(.sidebar-left-container button):not(.digitalhub-question-reponse-button) { background-color: transparent; border: none; color: var(--default-button-bg-color); text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 2px; outline-offset: 2px; } #container_detail_side-links a:not(.container-digitalhub-nav-link-sidebar), #container-details #container-questions-answers-btn { display: flex; justify-content: center; align-items: center; } #commentAnswerTxtarea { resize: none; } #container-details .commentPaginationActive a { background-color: var(--default-button-bg-color); color: var(--default-button-text-color); } #container-details .libraryButton { border-bottom: solid 1px var(--default-link-color); } .buttonLibrary:hover { opacity: 0.7; } .buttonLibrary { padding: 0.3rem; border-bottom: solid 1px var(--default-link-color); width: auto!important; margin-left: auto; margin-right: auto; } .buttonLibrary, .buttonLibrary:active, .buttonLibrary * { text-decoration: none; color: var(--default-link-color); text-align: center; cursor: pointer; } .buttonLibrary *:not(i) { font-size: 0.8rem; font-weight:normal; } .buttonLibrary i { font-size: 1rem; } .buttonLibrary i::before { content: '\f02e'; } /* * PROGRAM PDF START */ #programPdf .room-details { margin-bottom: 20px; } #programPdf .room-name-row { background: var(--default-button-bg-color) 0 0 no-repeat padding-box; opacity: 1; } #programPdf .room-name-row .room-name { text-align: left; letter-spacing: 0; color: var(--default-button-text-color); opacity: 1; font-weight: bold; /* Bold */ font-size: 20px; line-height: 24px; } #programPdf .room-content { background: rgba(0,36,84, 0.1) 0 0 no-repeat padding-box; border: 1px solid var(--default-button-bg-color); opacity: 1; } #programPdf .card-hour { text-align: left; font-weight: bold; /* Bold */ font-size: 12px; line-height: 13px; letter-spacing: 0; } #programPdf .card-type { text-align: right; font-weight: bold; /* Bold */ font-size: 12px; line-height: 15px; letter-spacing: 0; opacity: 1; } #programPdf .session-card { height: 50px; } #programPdf .program-pdf-title { text-align: center; font-weight: bold; /* Bold */ font-size: 30px; line-height: 54px; letter-spacing: 0; opacity: 1; } #programPdf .program-pdf-title-first-part { color: var(--default-button-bg-color); } #programPdf .program-pdf-legend .timezone { font-weight: 900; /* Bold */ font-size: 14px; line-height: 21px; letter-spacing: 0; color: var(--default-button-bg-color); opacity: 1; } #programPdf .program-pdf-legend .timezone-value { font-weight: bold; font-size: 14px; line-height: 21px; letter-spacing: 0; opacity: 1; } #programPdf .colorSquare { height: 20px; width: 20px; background-color: var(--default-text-color); flex-shrink: 0; } #programPdf .type-name { font-weight: normal; font-size: 13px; line-height: 17px; letter-spacing: 0; } #programPdf .program-pdf-footer { text-align: center; font-weight: normal; font-size: 13px; line-height: 17px; letter-spacing: 0; color: var(--default-button-bg-color); } #programPdf .session-name { font-weight: normal; font-size: 13px; line-height: 10px; letter-spacing: 0; } /* * PROGRAM PDF END */ /*PAGINATION START*/ #select-order-by { color:var(--default-text-color); border-radius:7px; height:46px; } .pagination>li>a, .pagination>li>span { border:0; font-size:20px; font-weight:bold; } .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { background-color: var(--default-button-bg-color); border-color:var(--default-button-bg-color); } .page-item.active .page-link { background-color:var(--default-button-bg-color); border-color:var(--default-button-bg-color); } .pagination>li>a, .pagination>li>span { color:var(--default-button-bg-color); } /*PAGINATION END*/ .colorDarkTurquoise { color:var(--default-button-bg-color)!important; } .navbar__title-item { font-weight: bold !important; } .lazy-bg { opacity: 0; } .lazy-bg-loaded { opacity: 1; } .program-listing__date-checkbox { appearance: none; -webkit-appearance: none; -moz-appearance: none; width: 100%; height: 100%; border-radius: 50%; color:var(--default-list-text-color); outline: none; cursor: pointer; text-align:center; justify-content:center; display:flex; align-items: center; } .day-program-listing-container-child { height: 100%; } .program-listing__date-checkbox:after { content: var(--test); font-size:14px; line-height: 19px; } #event-phase-preview-alert { border-top-right-radius: 0; border-top-left-radius: 0; padding-top: 0.25rem!important; padding-bottom: 0.25rem!important; z-index:99999; } #event-phase-preview-alert button { width: unset!important; } #event-phase-preview-alert a { color: var(--default-button-bg-color)!important; font-size: 0.8rem!important; } #navigation-preview-alert { border-top-right-radius: 0; border-top-left-radius: 0; padding-top: 0.25rem!important; padding-bottom: 0.25rem!important; z-index:99999; } #navigation-preview-alert button { width: unset!important; } #navigation-preview-alert a { color: var(--default-button-bg-color)!important; font-size: 0.8rem!important; } .outline-none { outline: none; } .outline-none:focus { outline: none; } /** NETWORKING USER PROFIL MENU START **/ .user-profil-menu-container { position: relative; } ul.user-profil-menu { position: absolute; top: 35px; right: 8px; display: flex; flex-direction: column; border: 1px solid grey; z-index: 5; box-shadow: -2px 2px 5px rgba(0,0,0,.3); min-width: 220px; background: white; list-style: none; border-radius: 0.25rem; padding: 1rem .5rem; animation-name: fadeInDown; animation-duration: 1000ms; } ul.user-profil-menu > li a { display: block; width: 100%; padding: 0.3rem 0; background: transparent; border: none; color: grey; animation-name: fadeInDown; animation-duration: 600ms; } li.user-profil-menu-item a:hover { background: rgba(0,0,0,.3); text-decoration: none; transform: scaleY(1.1); } @keyframes fadeInDown { 0% { top: -30px; opacity: 0; } 75%{ opacity: .7; } 100%{ top: 35px; opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 75%{ opacity: .7; } 100%{ opacity: 1; } } @media only screen and (max-width: 300px) { ul.user-profil-menu { top: 35px; right: 0; } } /** NETWORKING USER PROFIL MENU END **/ .bookmark-block { background-clip: content-box; height:211px; color: var(--secondary-button-text-color); background-color: var(--default-button-bg-color); border-color: var(--default-button-bg-color); } .bookmark-block:hover { text-decoration: none; } .bookmark-block__text-count { color: var(--secondary-button-text-color); font-size: 64px; font-weight: bold; } .bookmark-block__text { color: var(--secondary-button-text-color); } /* */ .certificates-content-reduced,#datatable_user_attestations_wrapper { max-width:700px !important; margin-left:auto; margin-right:auto; } .certificates-content-reduced, #bo_datatable_user_attestations{ margin-left:auto; margin-right:auto; } .certificates-select-input{ width:250px; position: relative; right: 95px; } /* */ .bookmark-block { background-clip: content-box; height:211px; } .bookmark-block:hover { text-decoration: none; } .bookmark-block__text-count { color: var(--secondary-button-text-color); font-size: 64px; font-weight: bold; } .bookmark-block__text { color: var(--secondary-button-text-color); } /************* Messenger Modal Style ***************/ #messengerModal { z-index: 9999!important; } #messengerModal .modal-content { height: 80vh; position: relative; border-radius: 15px; } #messengerModal button.js-close-messenger-modal { position: absolute; font-size: 2.5rem; top: 16px; right: 1rem; padding: 2px; line-height: 1.5; cursor: pointer; outline: none; box-shadow: none; border: none; background: transparent; color: var(--color-dark); display: flex; align-items: center; justify-content: center; z-index: 5; opacity: .7; font-weight: 600; } /**************** Toggle Networking Inbox Style ****************/ .networking-inbox-toggle-container { height: 36px; background: rgba(0, 0, 0, .2); } .networking-inbox-toggle > a.btn { border-color: transparent; } .networking-inbox-toggle .btn-inbox-new-msg{ position: relative; } .networking-inbox-toggle .btn-inbox-new-msg small{ position: absolute; top: -5px; right: -5px; background: red; color: #fff; width: 12px; height: 12px; display: flex; justify-content: center; align-items: center; border: none; border-radius: 50%; font-size: 11px; font-weight: 600; padding: 0; z-index: 5; } /**************** Advanced Search Mobile style ****************/ details.as-section { border: 1px solid rgba(0, 0, 0, 0.3); padding: 0.5rem 0; border-left: none; border-right: none; } details.as-section summary { color: var(--color-primary, currentColor); font-size: 1rem; } /**************** General Css Rules ****************/ .gap-1rem { gap: 1rem; } /**************** Overriding General Css Rules ****************/ .networking-inbox-toggle .btn-secondary { background-color: #6c757d !important; color: #fff !important; } .networking-inbox-toggle .btn-primary { background-color: var(--color-primary) !important; } .form-control.is-invalid + .select2-container .select2-selection { border-color: #dc3545; padding-right: calc(1.5em + .75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: center right calc(.375em + .1875rem + 0.8rem); background-size: calc(.75em + .375rem) calc(.75em + .375rem) } .modal-event-channel-links { list-style-type: disc; } .modal-event-channel-links-sub-list { list-style-type: circle; } .wordly-fullScreen:hover { cursor: pointer; } .wordly-fullScreen { position: absolute; margin-top: 10px; right: 25px; } .user-profile-session-details-button { padding-left:0!important; padding-right:0!important; margin:0; } .user-profile-session-details-button .fa-circle-info { font-size: 12px; } .programme-session-tag-img { max-width:4rem; max-height:30px; } .sync-settings-key4fields-list { border-left: solid var(--default-input-border-color) 1px; } .subtitle-iframe-holder { height: 150px; } .subtitle-iframe-holder-fullscreen { height:135px; } .wordly-fullScreen { position: absolute; margin-top: 10px; right: 25px; } /* new template generic rules */ #media-list .container-list_container__container-card { padding: 1rem; background-color:var(--default-list-bg-color); border:1px solid var(--default-list-border-color); } .list-search-button-container button { background-color: var(--default-button-bg-color); color: var(--default-button-text-color); border-radius: 45px; } #container-list-search-form .advancedSearchHolder .advancedSearchItem input[type='text'] { border-radius: 7px; height: 46px; } #select_multiple_channels, .rounded-search-form-item { border-radius: 7px; } #container-list-advanced-search-button, #container-list-advanced-search-toggle { border-radius: 25px; } .exhibitor-list-rgpd-message { padding: 15px; } .exhibitor-list-rgpd-message::before { content: '\f05a'; font-family: 'Font Awesome 5 Pro'; margin-right: 10px; } /*contact form */ #zone-contenu-principale:has(#contactForm) .alert.alert-info, #contactForm, .contact-button-submit-container { max-width: 800px; } #contactForm { margin-top: 140px; } #contactForm input[type="text"] { height: 54px; margin-bottom: 24px; padding-left: 15px; } #contactForm input[type="text"], #contactForm textarea { border-radius: 7px; } .contact-button-submit-container { margin-top: 50px; } .contact-button-submit { border-radius: 40px!important; float: right; width: 85px; height: 48px; padding: 0!important; } .faculty-modal-close-text, .user-modal-close-text { font-weight: normal; } .faculty-button-accept { background-color: var(--faculty-space-accept-button-color); color: var(--default-bg-color); font-size: var(--secondary-button-text-size); border-radius: 8px; } .faculty-button-decline { border: solid 2px var(--faculty-space-decline-button-color); color: var(--faculty-space-decline-button-color); font-size: var(--secondary-button-text-size); border-radius: 8px; } .faculty-button-accept i { color: var(--default-bg-color); } .faculty-button-decline i { color: var(--faculty-space-decline-button-color); } .faculty-space-speaker-info, .faculty-space-chair-info { border: solid 1px color-mix(in srgb, var(--default-text-color) 20%, transparent);; padding: .5rem; border-radius: 8px; } .faculty-space-modal-mail-button { border-radius: 25px; background-color: color-mix(in srgb, var(--default-text-color) 15%, transparent);; width: 37px; height: 37px; } .faculty-space-modal-mail-button i { line-height: unset; color: var(--default-button-bg-color); } .faculty-space-chair-info .faculty-space-faculty-infos, .faculty-space-chair-info .faculty-space-speaker-info, .faculty-space-speaker-info .faculty-space-text-muted, .faculty-space-speaker-info .faculty-space-faculty-infos { font-size: var(--quaternary-text-size); } .faculty-space-text-muted { color: color-mix(in srgb, var(--default-text-color) 50%, transparent); } .faculty-button-text { display: flex; align-items: center; } .faculty-space-form-status-icons .close-faculty-space-decline-form { background-color: var(--default-bg-color); color: var(--faculty-space-decline-button-color); border-radius: 8px; } .faculty-space-form-status-icons .plain-inactive-valid-icon { background-color: var(--faculty-space-accept-button-color); color: var(--default-bg-color); border-radius: 8px; } .faculty-space-form-status-icons .close-faculty-space-decline-form i, .faculty-space-form-status-icons .plain-inactive-valid-icon i { font-size: var(--quaternary-text-size); } .user-modal-field-value-name { font-size: 16px; font-weight: 500; line-height: 25px; } .user-modal-field-value { font-size: 16px; font-weight: 400; line-height: 22px; } .userProfileBiographyText { font-size: 16px; font-weight: 300; line-height: 22px; } .userProfileMenuPartial { color: black; font-size: 26px; } .userProfileMenuPartialBtn { border: none; } .userProfileCloseModalBtn, .speakerProfileCloseModalBtn { opacity: 1; } /* 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 h2, .faq-header-container p { max-width: 636px!important; } .faq-accordion-content { max-width: 800px; } .faq-accordion-block-title { border-top: solid 1px var(--default-input-border-color)!important; text-decoration: none; } h3.faq-accordion-block-title { 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; text-decoration: none!important; transition: none!important; box-shadow: none!important; opacity: 1!important; text-align: left!important; border: none!important; } /**/ .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-content { overflow-y: auto; padding-bottom: 2rem!important; } .modal-program-detail-session .modal-program-detail-session-desc { width: 100%; } /*.modal-program-detail-session .modal-program-detail-session-desc, .modal-program-detail-session .modal-session-organized-by { max-width: calc(592px + 70px); }*/ .modal-program-detail-session .programme-session-detail-links-container a { border-bottom: solid 1px var(--default-input-border-color); } .modal-program-detail-session .programme-session-detail-links-container a:hover { text-decoration: none; } .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-session-close-container, .modal-program-detail-session .modal-session-header, .modal-program-detail-session .modal-session-name, .modal-program-detail-session, .modal-program-detail-session .programme-session-detail-links-container, .modal-program-detail-session, .modal-program-detail-session .program-session-detail-moderators, .modal-program-detail-session .program-session-detail-interv-title, .modal-program-detail-session .modal-sessions-interventions, .modal-session-group, .modal-program-detail-session .modal-session-cme-picto, .modal-program-detail-session .modal-program-detail-session-custom-field { padding-left: 70px!important; padding-right: 70px!important; } .modal-program-detail-session-desc{ text-align: justify; } .modal-program-detail-session #modal-agenda { padding-bottom: 0; } .program-session-modal-tag { border-radius: 24px; } /**/ @media screen and (max-width: 992px) { .modal-program-detail-session .modal-session-close-container, .modal-program-detail-session .modal-session-header, .modal-program-detail-session .modal-session-name, .modal-program-detail-session, .modal-program-detail-session .programme-session-detail-links-container, .modal-program-detail-session, .modal-program-detail-session .program-session-detail-moderators, .modal-program-detail-session .program-session-detail-interv-title, .modal-program-detail-session .modal-sessions-interventions, .modal-session-group, .modal-program-detail-session .modal-session-cme-picto { padding-left: 25px!important; padding-right: 25px!important; } .header-poster-locator { display: none !important; } } @media (max-width: 576px) { .container-list_container__container-card .card-body>div .container-card__thumbnail { min-height: 165px; } .container-card__thumbnail .buttonLibrary { bottom: 15px; } .container-card__thumbnail .container-rating { position: relative; bottom: 140px; } } @media (min-width: 768px) { .radio-input-invitation-faculty-form { width: calc(50% - 15px); } } .speaker-list-info-category-congress-detail{ border-radius:8px; } .talk-list-card__header { border-top-left-radius: 8px; border-top-right-radius: 8px; } .profilDetails.talkList hr { margin-top: .3rem; margin-bottom: .3rem; } .talk-list-card__header__theme, .talk-list-card__header__category { display: none; } .speaker-list-info-category-congress-detail { margin-left:0px; } a.user-profile-session-replay-button { color: var(--default-text-color) !important; text-decoration: underline; } .sideBarPanel::-webkit-scrollbar{ background-color: var(--default-button-bg-color); width: 3px; } .sideBarPanel::-webkit-scrollbar-track{ background-color: var(--default-button-bg-color); } .sideBarPanel::-webkit-scrollbar-thumb { background-color: var(--default-button-text-color); } .sideBarPanel .badge { white-space: inherit; } i:hover + .infobulleAssignQuestionToSpeaker::after, i:focus + .infobulleAssignQuestionToSpeaker::after { content: attr(aria-label); /* display aria-label */ position: absolute; z-index: 5; /* ensure it appears above relatively positioned elements */ white-space: nowrap; /* prevent line breaks */ padding: 5px 14px; background: var(--vdoplayer-bg-color); color: var(--vdoplayer-text-color); } .content-custom-message-blacklist { width: fit-content; } .container-comment-user-firstname, .container-comment-user-lastname { color: var(--default-list-text-color); } .registration-link-snippet, button:has(.registration-link-snippet) { color: var(--default-button-text-color)!important; background-color: var(--default-button-bg-color)!important; } .modal-sessions-interventions-summary, .coi-comment-holder { color:var(--default-list-text-color); border:1px solid var(--default-list-border-color); background-color:var(--default-list-bg-color); } .support-chats-list { list-style: none; margin: 0; padding: 0.5rem; } .support-chats-list-item { border-radius: 8px; overflow: hidden; margin-bottom: 2px; } .support-chats-list-link { display: grid; grid-template-columns: 44px 1fr auto; grid-template-rows: auto auto; column-gap: 10px; align-items: center; padding: 10px 12px; text-decoration: none; background: #ffffff; border: 0.5px solid rgba(0, 0, 0, 0.1); border-radius: 8px; cursor: pointer; transition: background 0.15s; } .support-chats-list-link:hover { background: #f5f5f5; } .support-chats-list-avatar { grid-column: 1; grid-row: 1 / 3; width: 44px; height: 44px; border-radius: 50%; background: var(--default-bg-color); color: var(--default-link-color); border: 1px solid var(--default-link-color); font-size: 14px; font-weight: 500; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .support-chats-list-name { grid-column: 2; grid-row: 1; font-size: 14px; font-weight: 500; color: #111; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0; padding: 0; } .support-chats-list-time { grid-column: 3; grid-row: 1; font-size: 11px; color: #888; white-space: nowrap; align-self: center; padding-left: 6px; } .support-chats-list-link p { grid-column: 2 / 3; grid-row: 2; margin: 0; padding: 0; font-size: 13px; color: #888; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .support-chats-unread-badge { grid-column: 3; grid-row: 2; width: 18px; height: 18px; border-radius: 50%; background: var(--default-link-color); color: var(--default-bg-color); font-size: 11px; font-weight: 500; display: flex; align-items: center; justify-content: center; justify-self: end; } .fo-moderateur-unread-badge { position: absolute; top: -6px; right: -6px; min-width: 18px; height: 18px; padding: 0 4px; border-radius: 9px; background: var(--danger-button-bg-color); color: var(--default-bg-color); font-size: 11px; font-weight: 600; display: flex; align-items: center; justify-content: center; box-shadow: 0 1px 3px rgba(0,0,0,0.2); z-index: 10; } .support-chats-list-item.support-unread .support-chats-list-name { font-weight: 600; } .support-chats-list-item.support-unread .support-chats-list-link p { color: #111; } @keyframes support-flash { 0% { background-position: 150% center; } 60% { background-position: 0% center; } 100% { background-position: -150% center; } } .support-chats-list-item.support-new .support-chats-list-link { background: linear-gradient( 90deg, transparent 25%, #e8e6fd 50%, transparent 75% ); background-size: 250% 100%; animation: support-flash 1.2s ease-in-out forwards; } #zone-contenu-principale.chat-modal-fancybox { padding: 0 !important; display: flex; flex-direction: column; height: 600px; overflow: hidden; border-radius: 12px; background: #fff; } .chat-modal-header { display: flex; align-items: center; gap: 12px; padding: 14px 18px; border-bottom: 1px solid #e9ecef; background: #fff; flex-shrink: 0; } .chat-avatar { width: 40px; height: 40px; border-radius: 50%; background: var(--default-bg-color); color: var(--default-link-color); border : 1px solid var(--default-button-bg-color); font-size: 13px; font-weight: 600; display: flex; align-items: center; justify-content: center; flex-shrink: 0; position: relative; } #zone-contenu-principale.chat-modal-fancybox { padding: 0 !important; display: flex; flex-direction: column; height: 100%; overflow: hidden; border-radius: 12px; background: #fff; } .chat-status-dot { position: absolute; bottom: 1px; right: 1px; width: 10px; height: 10px; border-radius: 50%; border: 2px solid #fff; background: #28a745; } .chat-header-name { font-size: 14px; font-weight: 600; color: #212529!important; margin: 0; line-height: 1.2; } .chat-header-status { font-size: 12px; color: #6c757d!important; margin: 0; } #chatPrivateMsgSendProcess { flex: 1; display: flex; flex-direction: column; overflow: hidden; min-height: 0; } #chatMsgSendHistorique { flex: 1; overflow-y: auto !important; width: 100% !important; max-height: none !important; margin-top: 0 !important; padding: 16px 18px; background: #f8f9fa; display: flex; flex-direction: column; gap: 6px; min-height: 0; } #chatMsgSendHistorique::-webkit-scrollbar { width: 4px; } #chatMsgSendHistorique::-webkit-scrollbar-thumb { background: #dee2e6; border-radius: 4px; } .chat-bubble { max-width: 78%; padding: 10px 14px; border-radius: 18px; font-size: 13.5px; line-height: 1.45; word-wrap: break-word; position: relative; animation: bubbleIn 0.25s ease-out; } @keyframes bubbleIn { from { opacity: 0; transform: translateY(8px) scale(0.97); } to { opacity: 1; transform: translateY(0) scale(1); } } .chat-bubble__sent { align-self: flex-end; background: var(--default-link-color); color: var(--default-bg-color); border-bottom-right-radius: 4px; } .chat-bubble__received { align-self: flex-start; background: var(--default-bg-color); color: var(--default-text-color); border: 1px solid #e9ecef; border-bottom-left-radius: 4px; } .chat-bubble__author { font-size: 11px; font-weight: 600; margin-bottom: 2px; opacity: 0.85; } .chat-bubble__sent .chat-bubble__author { color: var(--default-bg-color); } .chat-bubble__received .chat-bubble__author { color: var(--default-link-color); } .chat-bubble__text { margin: 0; } .chat-bubble__time { font-size: 10px; margin-top: 4px; text-align: right; opacity: 0.6; } .chat-bubble__sent .chat-bubble__time { color: var(--default-input-border-color); } .chat-bubble__received .chat-bubble__time { color: #6c757d; } .ubiquity-chat-msg-conteneur { max-width: 78%; padding: 10px 14px; border-radius: 18px; font-size: 13.5px; line-height: 1.45; word-wrap: break-word; align-self: flex-start; background: #fff; color: #212529; border: 1px solid #e9ecef; border-bottom-left-radius: 4px; } .ubiquity-chat-msg-conteneur.bubble-mine { align-self: flex-end; background: #534AB7; color: #fff; border: none; border-bottom-right-radius: 4px; border-bottom-left-radius: 18px; } .ubiquity-chat-msg-conteneur.bubble-mine i, .ubiquity-chat-msg-conteneur.bubble-mine .ubiquity-chat-msg-time { color: rgba(255,255,255,0.7) !important; } .chat-input-area { padding: 12px 16px; border-top: 1px solid #e9ecef; background: #fff; flex-shrink: 0; } .chat-input-row { display: flex; align-items: flex-end; gap: 10px; } .chat-textarea { flex: 1; resize: none; border: 1px solid #ced4da; border-radius: 22px !important; padding: 10px 16px !important; font-size: 13.5px; max-height: 100px; overflow-y: auto; font-family: inherit; line-height: 1.4; transition: border-color .15s; outline: none; } .chat-textarea::-webkit-scrollbar { display :none; } .chat-textarea:focus { border-color: #534AB7; box-shadow: 0 0 0 0.15rem rgba(83,74,183,.2); } .chat-textarea::placeholder { color: #adb5bd; } .btn-chat-send { width: 38px; height: 38px; border-radius: 50%; background: var(--default-link-color); border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: background .15s, transform .1s; text-decoration: none; } .btn-chat-send:active { transform: scale(0.95); } .btn-chat-send svg { width: 16px; height: 16px; fill: #fff; } #chatmsgpop_error { margin-top: 8px; padding: 8px 14px; background: #f8d7da; border: 1px solid #f5c6cb; border-radius: 8px; font-size: 12.5px; color: #721c24; display: none; } li:has(.redirect-iframe-nav-link) { margin-bottom: -1px; } .redirect-iframe-nav-link { padding: .5rem 1rem; } .redirect-iframe-nav-link:hover { text-decoration: none; } .modal-sessions-interventions-summary-icon-collapse { cursor:pointer; } .header-poster-locator { background-color: var(--default-table-title-bg-color); border: solid 1px var(--default-table-title-border-color); color: var(--default-table-title-text-color); } .data-container-poster-locator-light { background-color: var(--default-list-bg-color); } .data-container-poster-locator-darker { background-color: color-mix(in srgb, var(--default-list-bg-color), black 10%); } .program-list-tr.session-row { color: var(--default-list-text-color); } .carousel-no-items-to-display-disclaimer { color: var(--ers-black100-color)!important; } #interface-live-moderateur-contact-link { position: relative; } #zone-contenu-principale-internaute { padding: 0 !important; display: flex; flex-direction: column; height: 600px; overflow: hidden; border-radius: 12px; background: #fff; } .chat-modal-header-internaute { display: flex; align-items: center; gap: 12px; padding: 14px 18px; border-bottom: 1px solid #e9ecef; background: #fff; flex-shrink: 0; color:#000000!important; } #msgSendProcess { flex: 1; display: flex; flex-direction: column; overflow: hidden; min-height: 0; height: 100%; } .live_chat_message_internaute_historique { flex: 1; overflow-y: auto !important; overflow-x: hidden !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; max-height: none !important; margin-top: 0 !important; padding: 16px 18px; background: #f8f9fa; display: flex; flex-direction: column; justify-content: flex-start; gap: 6px; min-height: 0; word-break: break-word; overflow-wrap: break-word; } .live_chat_message_internaute_historique * { word-break: break-word; overflow-wrap: break-word; white-space: pre-wrap; } .live_chat_message_internaute_historique::-webkit-scrollbar { width: 4px; } .live_chat_message_internaute_historique::-webkit-scrollbar-thumb { background: #dee2e6; border-radius: 4px; } .btn-chat-send, .fancybox-close { text-decoration: none!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); } .poster-locator-search-container { width: fit-content; } @media screen and (max-width: 576px) { .poster-locator-search-container { width: 100%; } .filter-locator-search-container { max-width: 100%; } }