.program-icon { position: relative; bottom: -1px; right: 4px; } .program-web-drpdwn { left: -90px !important; } .dropdown-toggle::after { display: none !important; } .program-web-drpDwn-pd { padding: 10px 20px !important; } .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { float: left; margin-left: -20px; } /* styling check box and radio buttons */ .container-custom { display: block; position: relative; padding-left: 0px; margin-bottom: 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Hide the browser's default checkbox */ .container-custom input { /* position: absolute; */ opacity: 0; cursor: pointer; } /* Create a custom checkbox */ .checkmark { position: absolute; top: 0; left: 118px; height: 20px; width: 20px; background-color: white; border: 1px solid black; } /* On mouse-over, add a grey background color */ .container-custom:hover input~.checkmark { background-color: white; } /* When the checkbox is checked, add a blue background */ .container-custom input:checked~.checkmark { background-color: #2196F3; } /* Create the checkmark/indicator (hidden when not checked) */ .checkmark:after { content: ""; position: absolute; display: none; } /* Show the checkmark when checked */ .container-custom input:checked~.checkmark:after { display: block; } /* Style the checkmark/indicator */ .container-custom .checkmark:after { left: 7px; top: 3px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .dropdown-item.active, .dropdown-item:active { color: #16181b !important; background: white !important; } .dropdown-item:focus, .dropdown-item:hover { color: #16181b !important; text-decoration: none; background-color: white !important; } .programweb-search-input { width: 100%; height: 84px; border: 1px solid #ccc; padding: 10px 20px; /* color:#ccc; */ } .one-edge-shadow { -webkit-box-shadow: 0 8px 6px -6px black; -moz-box-shadow: 0 8px 6px -6px black; box-shadow: 0 8px 6px -6px black; } .program-web-search-close { float: right; position: relative; bottom: 60px; font-size: 1.875rem !important; color: #ccc; right: 10px; cursor: pointer; } .program-web-tabs { background: #ccc; border: 1px solid #ccc; /* padding: 10px 20px; */ } .program-web-tab { max-width: 275px; width: 20em; border: 1px solid; } md-tabs .md-tab.md-active { /* width:60px; */ height: 50px; background: black; color: rgb(247, 247, 251) !important; float:left; display: flex; justify-content: center; /* align horizontal */ align-items: center; /* align vertical */ margin-right:8px; margin-bottom: 5px; margin-top:1px; } md-tabs .md-tab.md-active:after { content: ""; position: absolute; bottom: 73%; left: 5%; transform: translateX(-50%) !important; border: 14px solid transparent !important; border-top-color: #717777 !important; z-index: 9; } md-tab-item { width: 20em; } md-pagination-wrapper { left: 124px !important; } md-tabs.md-default-theme md-ink-bar, md-tabs md-ink-bar { /* width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-top: 100px solid red; background:transparent; */ display: none; } /* New timeline */ img { vertical-align: middle; } .img-responsive { display: block; height: auto; max-width: 100%; } .img-rounded { border-radius: 3px; } .img-thumbnail { background-color: #fff; border: 1px solid #ededf0; border-radius: 3px; display: inline-block; height: auto; line-height: 1.428571429; max-width: 100%; moz-transition: all .2s ease-in-out; o-transition: all .2s ease-in-out; padding: 2px; transition: all .2s ease-in-out; webkit-transition: all .2s ease-in-out; } .img-circle { border-radius: 50%; } .timeline-img-holder { width: 85px; border-radius: 54%; float: left; } .timeline-dialog-img-holder { width: 50%; border-radius: 54%; /* float:left; */ } .timeline-author-container { border-right: 1px solid #ccc; } .timeline-event { font-size: 1.5vw !important; } .timeline-view { border: 1px solid; /* width: 18px; */ padding: 3px 21px; border-radius: 16px; } .timeline-event, .timeline-view { margin-left: 20px; cursor: pointer; } /* md-tabs-canvas.md-paginated { margin: 0 -80px !important; } */ .timeline-scrolldown { font-size: 3.125rem; position: absolute; /* bottom: 71px; */ top: 28%; right: 45px; } .md-toolbar-tools { height: auto !important; max-height: none !important; /* padding: 10px 146px !important; */ /* width: 101% !important; */ display: contents !important; } /* bootstrap tabs */ .tab-control .previous-button, .tab-control .next-button{ position: absolute; top:30%; } .product-tabs{ position: relative; } .tab-control .previous-button{ left:0; } .tab-control .next-button{ right:0; } /* .tab-pill { border: 1px solid; padding: 10px 45% !important; border-radius: 0 !important; } */ .nav li { width: 23%; text-align: center; padding: 10px; } .nav-item .nav-link{ color:black ; } .selected-class-name { background: #666666; border: 1px solid #666666; color:white } .selected-class-name:after { content: ''; position: absolute; left: 15%; top: 62px; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #666666; clear: both; } .session-tabs .tabs .swiper-slide{ border-right:0px !important; } .session-tabs .tabs .swiper-slide.selected{ background: #666666 !important; color: #fff; width: 100%; position:relative } .session-tabs .tabs .swiper-slide.selected .date-swipe{ border-right:0px; } .session-tabs .tabs .date-swipe{ margin-bottom:15px; margin-top:15px; width:100%; border-right: 1px solid #bfbfbf; padding:0px !important; font-size:1.2rem; } .session-tabs .tabs .selected:after { content:''; position: absolute; top: 100%; left: 56%; margin-left: -50px; width: 0; height: 0; border-top: solid 15px #666666; border-left: solid 15px transparent; border-right: solid 15px transparent; } /* .swiper-container{ overflow:initial !important; } */ /* caurousel */ body, .event-session.modal-body{ background: #f3f7f6 !important; } #myCarousel .nav a small { display:block; } #myCarousel .nav { background:#eee; } #myCarousel .nav a { border-radius:0px; } /* custom check boxes */ .checkbox label:after, .radio label:after { content: ''; display: table; clear: both; } .checkbox .cr, .radio .cr { position: relative; display: inline-block; border: 1px solid #a9a9a9; border-radius: .25em; width: 1.3em; height: 1.3em; float: left; margin-right: .5em; } .radio .cr { border-radius: 50%; } .checkbox .cr .cr-icon, .radio .cr .cr-icon { position: absolute; font-size: .8em; line-height: 0; top: 50%; left: 20%; } .radio .cr .cr-icon { margin-left: 0.04em; } .checkbox label input[type="checkbox"], .radio label input[type="radio"] { display: none; } .checkbox label input[type="checkbox"] + .cr > .cr-icon, .radio label input[type="radio"] + .cr > .cr-icon { transform: scale(3) rotateZ(-20deg); opacity: 0; transition: all .3s ease-in; } .checkbox label input[type="checkbox"]:checked + .cr > .cr-icon, .radio label input[type="radio"]:checked + .cr > .cr-icon { transform: scale(1) rotateZ(0deg); opacity: 1; } .checkbox label input[type="checkbox"]:disabled + .cr, .radio label input[type="radio"]:disabled + .cr { opacity: .5; } /* End of custom boxes */ .pdf-icon { font-size: 1em; color: #a0a0a0; } .header-inputbox{ margin-top:2px; } .dropdown-item>input[type=checkbox] { float: left; position: relative; top: 6px; left: 17px; border: 1px solid #ccc; background: white; /* visibility: hidden; */ } .filter-tech { width: 30em; left: -25em !important; margin-top: 2% !important; } .home-session { font-size: 2.1875rem; } .navbar{ padding:0rem 1rem !important; } .theme-room{ display:block; font-size: 0.875rem; font-weight:normal; color:#666666; } .session-theme{ font-size: 0.625rem !important;  } .f-21{ font-size:1.3125rem !important; } .programweb-search-box{  width: 100%; } .more-content {display:none;} .cg-visible {display:block;} .login-left{ background-image: -moz-linear-gradient( 90deg, rgb(85,145,218) 0%, rgb(159,56,161) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(85,145,218) 0%, rgb(159,56,161) 100%); background-image: -ms-linear-gradient( 90deg, rgb(85,145,218) 0%, rgb(159,56,161) 100%); } .pl-30 { padding-left:30px !important; } .button-grad{ background-image: linear-gradient(#5ba5e0,#4e8bbb);  color: #fff !important; border: none !important; } .color-black{ color:#212529 } .font-13{ font-size:0.8125rem; } .font-12{ font-size:0.75rem; } .signin-title{ font-weight:500 !important; color:#5ba5e0 !important; } .or hr{ border-top: 1px dashed #dee2e6; } .btn-outline-eventbrite { background-color: transparent; background-image: none; border-color: rgb(204, 204, 204) !important; } .w-60{ width:60% !important; } .w-55{ width:55% !important; } .w-45{ width:45% !important; } .first-content{ width: 100%; float:left; } .second-content{ width: 100%; float: left; } .filter .dropdown-divider{ margin:0; } .calendar-wrap .atc-btn-group .atc-dropdown{ right:0px; left:auto !important; } .user-info-dropdown .dropdown-menu{ position:absolute !important; left:initial !important; right:0px; } .back-to-home .fa{ color:rgba(255,255,255,.5); } .search-box-background{ background-color:#e9edec !important; } @media (min-width: 576px) and (max-width: 768px){ .login-modal .modal-dialog{ max-width: calc(100% - 50px); } } @media (max-width: 767px){ .navbar .global-search, .navbar .navbar-nav, .navbar .navbar-brand { display: none !important } .navbar.fixed-top { min-height: 40px; } }