body { background: #F3F7F6; overflow-x:hidden; } .session-tabs .swiper-container{ overflow:initial; } .timeline-panel.session-break .timeline-heading{ border-bottom:none; margin-top:15px; } .timeline-panel.session-break{ min-height:67px; background-color:#dfdfdf !important; } .timeline-session { list-style: none; padding: 20px 0 20px; position: relative; } .timeline-session:before { top: 0; bottom: 0; position: absolute; content: " "; width: 3px; background-color: #eeeeee; left: 50%; margin-left: -1.5px; } .timeline-session>li { margin-bottom: 20px; position: relative; } .timeline-session>li:before, .timeline-session>li:after { content: " "; display: table; } .timeline-session>li:after { clear: both; } .timeline-session>li:before, .timeline-session>li:after { content: " "; display: table; } .timeline-session>li:after { clear: both; } .timeline-session>li>.timeline-panel-session { width: 40%; float: left; border: 1px solid #d4d4d4; border-radius: 2px; /* padding: 20px; */ position: relative; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175); left: 24px; background: #ffff; padding-bottom: 15px; } .timeline-session>li>.timeline-panel-session:before { position: absolute; top: 26px; right: -15px; display: inline-block; border-top: 15px solid transparent; border-left: 15px solid #ccc; border-right: 0 solid #ccc; border-bottom: 15px solid transparent; content: " "; } .timeline-session>li>.timeline-panel-session:after { position: absolute; top: 27px; right: -14px; display: inline-block; border-top: 14px solid transparent; border-left: 14px solid #fff; border-right: 0 solid #fff; border-bottom: 14px solid transparent; content: " "; } .timeline-session>li>.timeline-badge-session { color: #fff; line-height: 25px; height: 30px; /*height: 50px; line-height: 50px; font-size: 1.4em; top: 16px;*/ text-align: center; font-size: 0.81rem; position: absolute; top: 26px; left: 50%; margin-left: -25px; background-color: #999999; z-index: 100; } .timeline-session>li:nth-child(even)>.timeline-panel-session { float: right; margin-right: 44px; width: 41%; } .presenter-icon:nth-child(even) { background: red; } .timeline-session>li.timeline-inverted>.timeline-panel-session:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; } .timeline-session>li.timeline-inverted>.timeline-panel-session:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } .timeline-title-session { margin-top: 0; color: inherit; width: 100% !important; font-weight: 700; } .timeline-body-session>p, .timeline-body-session>ul { margin-bottom: 0; } .timeline-body-session>p+p { margin-top: 5px; } .page-header { text-align: center; background: #E9EDEC; padding: 16px 10px; } .timeline-time { font-weight: 400; } .page-header>div>a { color: #22d6e0 !important; border-bottom: 1px solid #ccc; cursor: pointer; font-weight: 500; } .presenter-name { font-weight: 700; } .presenter-name:hover, .presenter-detail a:hover { text-decoration: underline !important; cursor: pointer !important; } .presenter-label, .timeline-presenter-time { color: #5d5d5d; } .timeline-heading-session { display:-webkit-box; display:-ms-flexbox; display:flex; border-bottom: 1px solid #ccc; } .timeline-heading-session, .timeline-body-session { padding: 10px 15px; } .timeline-presenter-icon { font-size: 2.1875rem !important; margin-right: 10px; } .timeline-img { max-width: 85px; } .presenter-icons { width:auto; color: #5d5d5d; /* padding: 25px 0;*/ } .presenter-detail { flex: 1; } .presenter-detail>label { position: relative; /*bottom: 5px;*/ } .timeline-session>li>.timeline-badge-session { /*background: black !important;*/ background: #5ba5e0 !important; width: 94px; /*width: 144px; left: 47%; margin-left:-72px;*/ margin-left:-48px; box-shadow: 5px 10px 10px #ced4da; } .atc-btn-group .atc-dropdown{ left: initial!important; right:0px; top: 2.75em !important; } .presenter-icons > a { color:black; text-decoration: none; } .presenter-icons > a:hover { color: black; text-decoration: none; } .presenter-icons .atc-btn-group img{ width:75%; } @media screen and (max-width: 991px) { .timeline-session>li>.timeline-panel-session{ width:100%; left:2px; } .timeline-session>li>.timeline-panel-session:after, .timeline-session>li>.timeline-panel-session:before{ display:none; } .timeline-session>li>.timeline-badge-session{ width:100%; position:static; margin-left: 2px; text-align: left; padding-left: 15px; } .timeline-session:before{ display:none; } .timeline-session>li:nth-child(even)>.timeline-panel-session{ clear:both; margin-right:0; width:100%; } } @media only screen and (max-width: 1200px) and (min-width: 992px) { .timeline-session>li>.timeline-panel-session { width: 35%; left: 15px; } .timeline-session>li:nth-child(even)>.timeline-panel-session { margin-right: 31px; width: 35%; } } @media (min-width: 992px) { .view-presentation-modal .modal-lg { max-width: 1100px !important; } } .timeline-body-session { font-size:0.9rem; } .presenter-detail{ font-size:0.9rem; } .modal-title { margin: 0 auto; } .presenter-detail-block .presenter-detail:first-child, .users-list-group + .timeline-body-session { border-top: 1px solid #ccc } .users-list-group { border:none } .users-list-group .timeline-img-holder { width: 55px } .users-list-actions { position: absolute; right: 15px; top: 15px; z-index: 9; }