.fade.in {
    opacity: 1;
}
.hide {
    display: none;
}
.element-item .modal.fade.right.in {
    background: #00000080 !important;
}
input[type=checkbox]:not(old)+label:before, input[type=checkbox]:not(old)+label:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 4px;
}
input[type=checkbox]:not(old)+label:before {
    width: 19px;
    height: 19px;
    border: 1px solid #d3d3d4;
    border-radius: 2px;
    background: #fff;
}
input[type=checkbox]:not(old)+label:after {
    left: 4px;
    opacity: 0;
    top: 9px;
}
.form-inline .form-check-input {
    position: relative;
    margin-left: 0;
}
input[type=radio]:not(old), input[type=checkbox]:not(old) {
    display: none;
    opacity: 0;
}
input[type=radio]:not(old)+label, input[type=checkbox]:not(old)+label {
    display: block;
    position: relative;
    padding-left: 40px;
}
input[type=checkbox]:not(old):checked+label:after {
    opacity: 1;
}
.has-tooltip {
  position: relative;
}
.has-tooltip .tooltip {
  pointer-events: none;
  position: absolute;
  z-index: 9999;
  left: 50%;
  top: -40px;
  opacity: 0;
  -moz-transition: ease-out 300ms opacity 0ms;
  -o-transition: ease-out 300ms opacity 0ms;
  -webkit-transition: ease-out 300ms opacity;
  -webkit-transition-delay: 0ms;
  transition: ease-out 300ms opacity 0ms;
  
  text-align: center;
}
.has-tooltip .tooltip span {
  display: block;
  white-space: nowrap;
  position: relative;
  background: rgba(43, 57, 134, 0.76);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 1px 8px;
  left: -50%;
  font-size: 17px;
  color: #fff;
  width:  100%;
}
.has-tooltip .tooltip span:after {
  top: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  border-top-color: rgb(43, 57, 134);
  border-width: 6px;
  left: 50%;
  margin-left: -6px;
}
.has-tooltip:hover span {
  opacity: 1;
}   
/* ---- .element-item ---- */

.element-item {
	position: relative;
	float: left;
	width: 25%;
	font-size: 14px;
	max-height: 200px;
	cursor: pointer;
	padding: 10px;
	margin-bottom: 5px;
}
.element-item a {
	color: #58595b;
}
.element-item a:hover, .element-item:hover {
	color: #fff !important;
}
.element-item p {
	margin-bottom: 0;
}
.element-item > * {
	margin: 0;
	padding: 0;
}
.element-item .date {
	text-transform: none;
	letter-spacing: 0;
	font-weight: 600;
	margin-bottom: 10px;
}
.element-item .text {
	text-align: justify;
	margin-bottom: 10px;
}
.element-item .info {
	text-transform: uppercase;
	font-weight: 600;
}
/****** HOVER ACTION ******/
.element-item.strategic {
	background-size: 200% 100%;
	background-image: linear-gradient(to right, #fff 50%, #2c97ef 50%);
	-webkit-transition: background-position .3s;
	-moz-transition: background-position .3s;
	transition: background-position .3s;
	-webkit-box-shadow: inset 4px 0 0 0 #2c97ef;
	box-shadow: inset 4px 0 0 0 #2c97ef;
}
.element-item.strategic:hover {
	background-position: -100% 0;
}
.element-item.technical {
	background-size: 200% 100%;
	background-image: linear-gradient(to right, #fff 50%, #1ea9f0 50%);
	-webkit-transition: background-position .3s;
	-moz-transition: background-position .3s;
	transition: background-position .3s;
	-webkit-box-shadow: inset 4px 0 0 0 #1ea9f0;
	box-shadow: inset 4px 0 0 0 #1ea9f0;
}
.element-item.technical:hover {
	background-position: -100% 0;
}
.element-item.energy {
	background-size: 200% 100%;
	background-image: linear-gradient(to right, #fff 50%, #1FBBD2 50%);
	-webkit-transition: background-position .3s;
	-moz-transition: background-position .3s;
	transition: background-position .3s;
	-webkit-box-shadow: inset 4px 0 0 0 #1FBBD2;
	box-shadow: inset 4px 0 0 0 #1FBBD2;
}
.element-item.energy:hover {
	background-position: -100% 0;
}
.element-item.finance {
	background-size: 200% 100%;
	background-image: linear-gradient(to right, #fff 50%, #159486 50%);
	-webkit-transition: background-position .3s;
	-moz-transition: background-position .3s;
	transition: background-position .3s;
	-webkit-box-shadow: inset 4px 0 0 0 #159486;
	box-shadow: inset 4px 0 0 0 #159486;
}
.element-item.finance:hover {
	background-position: -100% 0;
}
/****** HOVER ACTION ******/

.element-item.conference {
	background: #234694;
	height: 40px;
	line-height: 40px;
	cursor: default!important;
}
.fixedTitle {
	position: absolute;
	left: 10px;
	top: 0px;
	font-size: 16px;
	font-weight: 400;
	color: white;
	text-transform: uppercase;
}
/***** GRID CALENDER *****/

#gridcontainer{
	padding-top: 0px;
}
.date-container.clearfix {
    padding-top: 90px;
}
.filter-option{
	z-index:9;
	padding-top:15px;
}
.subFilter{
	display: none;
}
.subFilter input[type=checkbox]:not(old)+label:before, .subFilter input[type=checkbox]:not(old)+label:after{
	top:2px !important;
}
.form-check-label { 
    padding-left: 25px !important;
    padding-right: 5px;
}
.is-checked .subFilter{
	position: absolute;
	color: #6d6f71;	
	display: block;
	margin-left: -25px;	
    padding-top: 10px;
	text-transform: none;
}
.subFilter h6{
	margin-bottom: 0;
    min-width: 115px;
    text-transform: uppercase;
    font-size: 13px;
    color: #6c6f71;
	display: inline-block;
}

.form-check-label{
	font-family: 14px;
}

/* ---- button ---- */

.button {
	padding: 5px 10px;
	background: transparent;
	border: none;
	font-size: 14px;
	cursor: pointer;
	font-weight: 400;
	text-transform: uppercase;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	color: #6d6f71;
	text-align: left;
}
input[type="checkbox"][class*='filled-in']:checked+label:after
{				  
	height: 20px;
    width: 20px;
    left: 0;
}
input[type="checkbox"][class*='filled-in']:checked+label:before
{				  
	border: 1.5px solid #8a8a8a;
    border-radius: 1px;
    margin-top: 2px;
    content: "";
    position: absolute;
    z-index: 1;
    border-style: solid;
    border-width: 2px;
    -webkit-transform: rotateZ(37deg);
    -ms-transform: rotate(37deg);
    transform: rotateZ(37deg);
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    top: 0;
    left: 1px;
    width: 8px;
    height: 13px;
    border-color: transparent #fff #fff transparent;
    background: none;
}
.checkbox-Upstream [type="checkbox"][class*='filled-in']:checked+label:after {
    border-color: transparent!important;
    /*background-color: #2c97ef;*/
	background-color: #8a8a8a;
}
.checkbox-Midstream [type="checkbox"][class*='filled-in']:checked+label:after {
    border-color: transparent!important;
    /*background-color: #1ea9f0;*/
	background-color: #8a8a8a;
}
.checkbox-Downstream [type="checkbox"][class*='filled-in']:checked+label:after {
    border-color: transparent!important;
	background-color: #8a8a8a;
    /*background-color: #1FBBD2;*/
}
.checkbox-Digitalisation [type="checkbox"][class*='filled-in']:checked+label:after {
    border-color: transparent!important;
    /*background-color: #159486;*/
	background-color: #8a8a8a;
}
.csuitecheck [type="checkbox"][class*='filled-in']:checked+label:after {
    border-color: #fff !important;
    background-color: #b44e9a;
}
.csuitecheck input[type=checkbox]:not(old)+label:before{
	border-color: #b44e9a !important;
}
.inclusioncheck input[type=checkbox]:not(old)+label:before{
	border-color: #c19f5c !important;
}
.inclusioncheck [type="checkbox"][class*='filled-in']:checked+label:after {
    border-color: #fff !important;
    background-color: #c19f5c;
}
.financecheck input[type=checkbox]:not(old)+label:before{
	border-color: #159486 !important;
}
.financecheck [type="checkbox"][class*='filled-in']:checked+label:after {
    border-color: #fff !important;
    background-color: #159486;
}
.gblcheck [type="checkbox"][class*='filled-in']:checked+label:after {
    border-color: #b44e9a !important;
    background-color: #00a550;
}
.gblcheck input[type=checkbox]:not(old)+label:before{
	border-color: #00a550 !important;
}
.ministerialcheck [type="checkbox"][class*='filled-in']:checked+label:after {
    border-color: #fff !important;
    background-color: #3980c3;
}
.ministerialcheck input[type=checkbox]:not(old)+label:before{
	border-color: #3980c3 !important;
}
.sessionlist.inclusion {
    background-size: 200% 100%;
    background-image: linear-gradient(to right, #fff 50%, #c19f5c 50%);
    -webkit-transition: background-position .3s;
    -moz-transition: background-position .3s;
    transition: background-position .3s;
    -webkit-box-shadow: inset 4px 0 0 0 #c19f5c;
    box-shadow: inset 4px 0 0 0 #c19f5c;
}
.sessionlist.finance {
    background-size: 200% 100%;
    background-image: linear-gradient(to right, #fff 50%, #159486 50%);
    -webkit-transition: background-position .3s;
    -moz-transition: background-position .3s;
    transition: background-position .3s;
    -webkit-box-shadow: inset 4px 0 0 0 #159486;
    box-shadow: inset 4px 0 0 0 #159486;
}
.element-item.inclusion:hover {
    background-position: -100% 0;
}


.sessionlist.ministerial {
    background-size: 200% 100%;
    background-image: linear-gradient(to right, #fff 50%, #3980c3 50%);
    -webkit-transition: background-position .3s;
    -moz-transition: background-position .3s;
    transition: background-position .3s;
    -webkit-box-shadow: inset 4px 0 0 0 #3980c3;
    box-shadow: inset 4px 0 0 0 #3980c3;
}
.sessionlist.gbl {
    background-size: 200% 100%;
    background-image: linear-gradient(to right, #fff 50%, #00a550 50%);
    -webkit-transition: background-position .3s;
    -moz-transition: background-position .3s;
    transition: background-position .3s;
    -webkit-box-shadow: inset 4px 0 0 0 #00a550;
    box-shadow: inset 4px 0 0 0 #00a550;
}
.sessionlist.csuite {
    background-size: 200% 100%;
    background-image: linear-gradient(to right, #fff 50%, #b44e9a 50%);
    -webkit-transition: background-position .3s;
    -moz-transition: background-position .3s;
    transition: background-position .3s;
    -webkit-box-shadow: inset 4px 0 0 0 #b44e9a;
    box-shadow: inset 4px 0 0 0 #b44e9a;
}


input[type="checkbox"][class*='filled-in']:checked+label:before{
border-color: transparent #fff #fff transparent !important;
}
.button:hover,.button:focus {
	outline:0;
	/*color: #fff;
	padding-left: 25px;
	background: #224694;*/
}
.button:active, .button.is-checked {
/*	padding-left: 25px;
	background: #224694;*/
}
.button.is-checked {
/*	color: #fff;
	background: #224694;*/
}
.button:hover > span::before, button.is-checked > span::before {
	font-family: FontAwesome;
	content: '\f105';
	color: #fff;
	display: inline-block;
	margin-right: 10px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	margin-left: -15px
}
/* ---- button-group ---- */

.button-group:after {
	content: '';
	display: block;
	clear: both;
}
.button-group .button {
	float: left;
	border-radius: 0;
	margin-left: 0;
	margin-right: 1px;
}
.button-group .button:first-child {
}
.button-group .button:last-child {
}

.button-group{
	min-width: 625px;	
}
.daynew {
    width: 25% !important;    
    float: left !important;
    display: inline-block !important;
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
}
.sessionlist{
width:100%;
}
.form-inline {
        display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: inherit;
    flex-flow: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.conferencetype.clearfix {
    width: 100%;
}
.card-title {
    margin-bottom: .75rem;
    color: #224695;
    text-transform: uppercase;
    transition: all 0.5s ease;
    margin-bottom: 0;
    font-size: 15px;
    padding-top: 7%;
}


@media screen and (min-width: 1400px){
.is-checked .subFilter {
    position: absolute;
    color: #6d6f71;
    top: 0px;
    display: block;
    border-left: 1px solid #ccc;
    border-top: none;
    padding-left: 10px;
    text-transform: none;
    left: 0;
    padding-top: 0;
}
}

form#awardscaptcha_validation .form-actions.clearfix {
    display: inline-block;
}
.link-to {
    background-color: rgb(178, 155, 103);
    padding: 4px 10px;
    color: #fff;
    border: solid 1px rgb(178, 155, 103);
    transition: .4s ease;
}
.link-to:hover {
    color: rgb(178, 155, 103);
    background-color: #fff;
}
.modal-open .modal {
    cursor: default;
}
 .title-wrapper.clearfix {
    background: url(/img/headerbg.jpg) no-repeat;
    background-size: cover;
        background: #224694 url(/media/2575/technicalbanner.jpg) no-repeat left !important;
    background-size: cover !important;
    position: relative;
}
.title-cta {
    text-align: right;
    padding-top: 50px !important;
    float: right;
}
.title-wrapper.clearfix:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background:#00000069;
}
.title-cta .cta-btn {
    float: right;
    padding: 0;
    margin-right: 10px;
    margin-bottom: 10px;
    clear: both;
    min-width: 300px;
}
.card-body h4{
    word-break: break-word;
}

.panelchair-wrapper.clearfix {
    margin-top: 20px;
}
.card-body{
    min-height:185px !important;
}
.showhide{display:none;}
    .element-item.sessionlist > a > p.text {
    font-weight: 400;
}
.panelchair-wrapper.clearfix > h4,.moderator-wrapper.clearfix > h4{ 
    background: #224694;
    color: #fff;
    padding: 0 10px;
}
.panelchair-wrapper.clearfix > h4 span,.moderator-wrapper.clearfix > h4 span {
    line-height: 34px;
    color: #fff;
    text-transform: uppercase;
}
.card-body{
    min-height:185px !important;
}
.showhide{display:none;}
    .element-item.sessionlist > a > p.text {
    font-weight: 400;
}
.panelchair-wrapper.clearfix > h4,.moderator-wrapper.clearfix > h4{ 
    background: #224694;
    color: #fff;
    padding: 0 10px;
}
.panelchair-wrapper.clearfix > h4 span,.moderator-wrapper.clearfix > h4 span {
    line-height: 34px;
    color: #fff;
    text-transform: uppercase;
}

.conferencetype.pillars.clearfix > h6 {
    font-size: 14px;
    background: #cbcde5;
    padding: 10px;
    margin-bottom: 5px;
}
.date-container.clearfix {
    padding-top: 110px;
    padding: 10px;
}
.conferencetype.clearfix > h6 {
    background: #cbcde5;
    padding: 10px;
    margin-bottom:10px;
}

.conferencetype.clearfix {
    margin-top: 0px;
}

.subFilter {
    padding: 0 !important;
}

.col-md-12.filter-option.clearfix > .col-md-3 > h4 {
    padding: 0;
    font-size: 14px;
    background: #cbcde5;
    padding: 10px;
    margin-bottom: 5px;
    color: #6c6f71;
}

.button.strategicbtn.is-checked {
    padding-top: 0;
}

.conferencetype.sessiontype.clearfix > h6 {
    background: none;
    padding: 0;
    font-size: 15px;
    color:#224693;
}
.conferencetype.sessiontype.clearfix a.active {
    background: #224693;
    padding: 3px 10px;
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    margin: 5px 0 10px;
    padding-left: 25px;
    font-size: 14px;
}
.conferencetype.sessiontype.clearfix a{
    background: none;
    padding: 3px 10px;
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    margin: 5px 0 10px;
    padding-left: 25px;
    font-size: 14px;
    
}
.conferencetype.sessiontype.clearfix a:before{
    margin-left:-10px !important;
}
.container.innersections {
    padding: 0;
}

.main-content-wrap {
    margin-top: 5px;
}

.date-container.clearfix.div_65481 {
    padding-left: 15px;
    padding-right: 15px;
}
.title-cta .cta-btn a {
    color: #224693 !important;
    background: #fff !important;
    padding: 3px 10px !important;
    display: block;
    text-align: left !important;
    text-transform: uppercase !important;
    font-size: 15px !important;
    border-radius: 5px;
    font-weight: bold;
}
.col-md-7.title-cta .cta-btn{
    min-width:0;
     clear:none !important;
}
.col-md-7.title-cta {
    text-align: right;
    padding-top: 100px !important;
    float: right;
   
}
.title-wrapper.clearfix h1 {
    color: #fff;
    text-transform: uppercase;
    padding: 100px 0 10px !important;
    font-size: 30px;
}

.modal-footer a {
    float: left;
    text-align: left;
}

.modal-footer {
    display: block;
    border-top: none !important;
    float: left;
}

.modal-footer button.btn.btn-primary {
    float: left;
}
.subFilter input[type=checkbox]:not(old)+label:before, .subFilter input[type=checkbox]:not(old)+label:after {
    top: 2px !important;
    border: 2px solid #d3d3d4;
}
.popover{
    width:600px !important;
    height:200px !important;
    max-width:600px !important;
    max-height:200px !important;
}
.conferencetype.clearfix .form-check {
    margin-bottom: 5px;
    width: auto;
}
.sessiontype.clearfix > h6 {
    margin-bottom: 5px;
}
.sessiontype.clearfix {
    width: 100%;
}
.sessiontype.clearfix > h6 {
    background: #cbcde5;
    padding: 10px;
    margin-bottom: 5px;
}
.conferencetype.clearfix .form-check {
    width: auto;
}
.blocks div:nth-child(3) p {
    clear: both;
}
.blocks div:nth-child(3) h4 {
    float: left;
    padding-left: 5px;
    padding-top: 0px;
}
.blocks div:nth-child(3) img {
    display: none;
}
.blocks .col-sm-3.col-xs-12 img {
    margin-bottom: 5px;
    padding:5px;
}
.panelchair-wrapper.clearfix {
    margin-top: 15px;
}
.sessionlist {
    border-right: 2px solid #ccc;
}
.blocks div {
    float: left;
    padding: 5px;
    margin: 5px;
    box-shadow: 0 0 0px transparent, 0 0px 0px transparent !important;
    width: calc(100%/3 - 10px);
}
div.blocks h4{
    font-size:18px;
}
.colorbox p {
    margin-bottom: 10px;
    font-weight: 400;
}
.modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto;
    position: absolute;
    right: 20px;
    top: 20px;
}
.modal-content .col-lg-2 {
    min-width: 25% !important;
}
.element-item.sessionlist:hover .date,.element-item.sessionlist:hover .text{
    color:#fff;
}
.conferencetype.topiclist.clearfix h6 {
    padding: 5px 0;
    margin-top: 5px;
}

.conferencetype.sessiontype.clearfix h6 {
    padding-bottom: 5px;
}
.filter-option {
    z-index: 9;
    padding-top: 15px;
    padding-bottom: 15px;
}
.card-body{padding: 0 0 5px 0 !important;}
.topiclist.clearfix{display:none;}

    .subFilter h6{
        display:block;
    }
    .conferencetype.sessiontype.clearfix a:before {
        font-family: FontAwesome;
        content: '\f105';
        color: #fff;
        display: inline-block;
        margin-right: 10px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
        margin-left: -15px;
    }
    .conferencetype.sessiontype.clearfix a:hover{
        padding-left: 25px;
        background: #224693;
        color:#fff;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }
    .conferencetype.sessiontype.clearfix a {
        padding: 3px 10px;
        background:#e7e7e7;
        display: inline-block;
        color: #6c6f71;
        text-transform: uppercase;
        margin: 5px 0 10px;
        padding-left: 10px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }
    .conferencetype.sessiontype.clearfix a.active {
        background: #224693;
        padding: 3px 10px;
        display: inline-block;
        color: #fff;
        text-transform: uppercase;
        margin: 5px 0 10px;
        padding-left: 25px;
    }
    
    .production input[type=checkbox]:not(old)+label:before {
    border-color: #2bb674  !important;
}
.production [type="checkbox"][class*='filled-in']:checked+label:after {
    border-color: #fff !important;
    background-color: #2bb674 ;
}
.element-item.sessionlist.Well {
    background-size: 200% 100%;
    background-image: linear-gradient(to right, #fff 50%, #456101 50%);
    -webkit-transition: background-position .3s;
    -moz-transition: background-position .3s;
    transition: background-position .3s;
    -webkit-box-shadow: inset 4px 0 0 0 #456101;
    box-shadow: inset 4px 0 0 0 #456101;
}
 .well input[type=checkbox]:not(old)+label:before {
    border-color: #456101  !important;
}
.well [type="checkbox"][class*='filled-in']:checked+label:after {
    border-color: #fff !important;
    background-color: #456101 ;
}
/*Digital*/
.element-item.sessionlist.AI.and.Digital:hover a, .element-item.sessionlist.AI.and.Digital:hover p {
    color: #000;
    font-weight: 400;
}
.element-item.sessionlist.AI.and.Digital a, .element-item.sessionlist.AI.and.Digital p {
    font-weight: 400;
}
.element-item.sessionlist.AI.and.Digital {
    background-size: 200% 100%;
    background-image: linear-gradient(to right, #fff 50%, #6cb7d1   50%);
    -webkit-transition: background-position .3s;
    -moz-transition: background-position .3s;
    transition: background-position .3s;
    -webkit-box-shadow: inset 4px 0 0 0 #6cb7d1  ;
    box-shadow: inset 4px 0 0 0 #6cb7d1  ;
}
.element-item.sessionlist.Ai.and.Digital {
    background-size: 200% 100%;
    background-image: linear-gradient(to right, #fff 50%, #6cb7d1   50%);
    -webkit-transition: background-position .3s;
    -moz-transition: background-position .3s;
    transition: background-position .3s;
    -webkit-box-shadow: inset 4px 0 0 0 #6cb7d1  ;
    box-shadow: inset 4px 0 0 0 #6cb7d1  ;
}
 .aianddigital input[type=checkbox]:not(old)+label:before {
    border-color: #6cb7d1    !important;
}
.aianddigital [type="checkbox"][class*='filled-in']:checked+label:after {
    border-color: #fff !important;
    background-color: #6cb7d1   ;
}

/*Energy Transition*/
.element-item.sessionlist.Energy:hover a, .element-item.sessionlist.Energy:hover p {
    color: #000;
    font-weight: 400;
}
.element-item.sessionlist.Energy a, .element-item.sessionlist.Energy p {
    font-weight: 400;
}
.element-item.sessionlist.Energy {
    background-size: 200% 100%;
    background-image: linear-gradient(to right, #fff 50%, #51ab73 50%);
    -webkit-transition: background-position .3s;
    -moz-transition: background-position .3s;
    transition: background-position .3s;
    -webkit-box-shadow: inset 4px 0 0 0 #51ab73;
    box-shadow: inset 4px 0 0 0 #51ab73;
}
 .energytransition input[type=checkbox]:not(old)+label:before {
    border-color: #51ab73  !important;
}
.energytransition [type="checkbox"][class*='filled-in']:checked+label:after {
    border-color: #fff !important;
    background-color: #51ab73 ;
}



.element-item.sessionlist.Project:hover a, .element-item.sessionlist.Project:hover p {
    color: #fff;
    font-weight: 400;
}
.projectengineering input[type=checkbox]:not(old)+label:before {
    border-color: #c167c1 !important;
}
.projectengineering [type="checkbox"][class*='filled-in']:checked+label:after {
    border-color: #fff !important;
    background-color: #c167c1;
}
.element-item.sessionlist.Project {
    background-size: 200% 100%;
    background-image: linear-gradient(to right, #fff 50%, #c167c1  50%);
    -webkit-transition: background-position .3s;
    -moz-transition: background-position .3s;
    transition: background-position .3s;
    -webkit-box-shadow: inset 4px 0 0 0 #c167c1 ;
    box-shadow: inset 4px 0 0 0 #c167c1 ;
}
 .project input[type=checkbox]:not(old)+label:before {
    border-color: #c167c1   !important;
}
.project [type="checkbox"][class*='filled-in']:checked+label:after {
    border-color: #fff !important;
    background-color: #c167c1  ;
}

.element-item.sessionlist.ARTIFICIAL {
    background-size: 200% 100%;
    background-image: linear-gradient(to right, #fff 50%, #d060da  50%);
    -webkit-transition: background-position .3s;
    -moz-transition: background-position .3s;
    transition: background-position .3s;
    -webkit-box-shadow: inset 4px 0 0 0 #d060da ;
    box-shadow: inset 4px 0 0 0 #d060da ;
}
 .ARTIFICIAL input[type=checkbox]:not(old)+label:before {
    border-color: #d060da   !important;
}
.ARTIFICIAL [type="checkbox"][class*='filled-in']:checked+label:after {
    border-color: #fff !important;
    background-color: #d060da  ;
}
.element-item.sessionlist.Sustainable {
    background-size: 200% 100%;
    background-image: linear-gradient(to right, #fff 50%, #4278bc  50%);
    -webkit-transition: background-position .3s;
    -moz-transition: background-position .3s;
    transition: background-position .3s;
    -webkit-box-shadow: inset 4px 0 0 0 #4278bc ;
    box-shadow: inset 4px 0 0 0 #4278bc ;
}
 .sustainable input[type=checkbox]:not(old)+label:before {
    border-color: #4278bc   !important;
}
.sustainable [type="checkbox"][class*='filled-in']:checked+label:after {
    border-color: #fff !important;
    background-color: #4278bc  ;
}
.element-item.sessionlist.Enhanced {
    background-size: 200% 100%;
    background-image: linear-gradient(to right, #fff 50%, #6f0aba  50%);
    -webkit-transition: background-position .3s;
    -moz-transition: background-position .3s;
    transition: background-position .3s;
    -webkit-box-shadow: inset 4px 0 0 0 #6f0aba ;
    box-shadow: inset 4px 0 0 0 #6f0aba ;
}
 .enhanced input[type=checkbox]:not(old)+label:before {
    border-color: #6f0aba   !important;
}
.enhanced [type="checkbox"][class*='filled-in']:checked+label:after {
    border-color: #fff !important;
    background-color: #6f0aba  ;
}
.element-item.sessionlist.Gas {
    background-size: 200% 100%;
    background-image: linear-gradient(to right, #fff 50%, #cc942b  50%) !important;
    -webkit-transition: background-position .3s;
    -moz-transition: background-position .3s;
    transition: background-position .3s;
    -webkit-box-shadow: inset 4px 0 0 0 #cc942b !important;
    box-shadow: inset 4px 0 0 0 #cc942b !important;
}
 .gasfield input[type=checkbox]:not(old)+label:before {
    border-color: #ce6969   !important;
}
.gasfield [type="checkbox"][class*='filled-in']:checked+label:after {
    border-color: #fff !important;
    background-color: #ce6969  ;
}

.element-item.sessionlist.Geosciences {
    background-size: 200% 100%;
    background-image: linear-gradient(to right, #fff 50%, #8497B0 50%) !important;
    -webkit-transition: background-position .3s;
    -moz-transition: background-position .3s;
    transition: background-position .3s;
    -webkit-box-shadow: inset 4px 0 0 0 #8497B0 !important;
    box-shadow: inset 4px 0 0 0 #8497B0 !important;
}
 .geosciences input[type=checkbox]:not(old)+label:before {
    border-color: #8497B0   !important;
}
.geosciences [type="checkbox"][class*='filled-in']:checked+label:after {
    border-color: #fff !important;
    background-color: #8497B0  ;
}
.element-item.sessionlist.Health {
    background-size: 200% 100%;
    background-image: linear-gradient(to right, #fff 50%, #12237a  50%) !important;
    -webkit-transition: background-position .3s;
    -moz-transition: background-position .3s;
    transition: background-position .3s;
    -webkit-box-shadow: inset 4px 0 0 0 #12237a !important;
    box-shadow: inset 4px 0 0 0 #12237a !important;
}
.element-item.sessionlist.Health:hover a, .element-item.sessionlist.Health:hover p {
    color: #fff;
    font-weight: 400;
}
 .health input[type=checkbox]:not(old)+label:before {
    border-color: #b31163   !important;
}
.health [type="checkbox"][class*='filled-in']:checked+label:after {
    border-color: #fff !important;
    background-color: #b31163  ;
}
  .oilfield input[type=checkbox]:not(old)+label:before {
    border-color: #006938   !important;
}
.oilfield [type="checkbox"][class*='filled-in']:checked+label:after {
    border-color: #fff !important;
    background-color: #006938  ;
}
.element-item.sessionlist.People {
    background-size: 200% 100%;
    background-image: linear-gradient(to right, #fff 50%, #2c8585  50%) !important;
    -webkit-transition: background-position .3s;
    -moz-transition: background-position .3s;
    transition: background-position .3s;
    -webkit-box-shadow: inset 4px 0 0 0 #2c8585 !important;
    box-shadow: inset 4px 0 0 0 #2c8585 !important;
}
 .people input[type=checkbox]:not(old)+label:before {
    border-color: #2c8585   !important;
}
.people [type="checkbox"][class*='filled-in']:checked+label:after {
    border-color: #fff !important;
    background-color: #2c8585  ;
}
.peopleandtalent input[type="checkbox"][class*='filled-in']:checked+label:before {
  /*  border-color: transparent #000 #000 transparent !important;*/
}

.element-item.sessionlist.Completions  {
    background-size: 200% 100%;
    background-image: linear-gradient(to right, #fff 50%, #4576e4    50%) !important;
    -webkit-transition: background-position .3s;
    -moz-transition: background-position .3s;
    transition: background-position .3s;
    -webkit-box-shadow: inset 4px 0 0 0 #4576e4 !important;
    box-shadow: inset 4px 0 0 0 #4576e4 !important;
}
 .completions input[type=checkbox]:not(old)+label:before {
    border-color: #4576e4   !important;
}
.completions [type="checkbox"][class*='filled-in']:checked+label:after {
    border-color: #fff !important;
    background-color: #4576e4  ;
}

.element-item.sessionlist.Sustainable.Oil.and.Gas  {
    background-size: 200% 100%;
    background-image: linear-gradient(to right, #fff 50%, #498ab5    50%) !important;
    -webkit-transition: background-position .3s;
    -moz-transition: background-position .3s;
    transition: background-position .3s;
    -webkit-box-shadow: inset 4px 0 0 0 #498ab5 !important;
    box-shadow: inset 4px 0 0 0 #498ab5 !important;
}
 .sustainable input[type=checkbox]:not(old)+label:before {
    border-color: #498ab5   !important;
}
.sustainable [type="checkbox"][class*='filled-in']:checked+label:after {
    border-color: #fff !important;
    background-color: #498ab5;
}
.element-item.sessionlist.Marine {
    background-size: 200% 100%;
    background-image: linear-gradient(to right, #fff 50%, #a97ba1    50%) !important;
    -webkit-transition: background-position .3s;
    -moz-transition: background-position .3s;
    transition: background-position .3s;
    -webkit-box-shadow: inset 4px 0 0 0 #a97ba1   !important;
    box-shadow: inset 4px 0 0 0 #a97ba1   !important;
}
 .marineoperations input[type=checkbox]:not(old)+label:before {
    border-color: #a97ba1     !important;
}
.marineoperations [type="checkbox"][class*='filled-in']:checked+label:after {
    border-color: #fff !important;
    background-color: #a97ba1    ;
}

 .Artificial input[type=checkbox]:not(old)+label:before {
    border-color: #d060da     !important;
}
.Artificial [type="checkbox"][class*='filled-in']:checked+label:after {
    border-color: #fff !important;
    background-color: #d060da    ;
}

.element-item.sessionlist.Supply {
    background-size: 200% 100%;
    background-image: linear-gradient(to right, #fff 50%, #22646b  50%) !important;
    -webkit-transition: background-position .3s;
    -moz-transition: background-position .3s;
    transition: background-position .3s;
    -webkit-box-shadow: inset 4px 0 0 0 #22646b !important;
    box-shadow: inset 4px 0 0 0 #22646b !important;
}
 .supply input[type=checkbox]:not(old)+label:before {
    border-color: #22646b   !important;
}
.col-md-12.title-section.clearfix {
    margin-bottom: 15px;
}
.supply [type="checkbox"][class*='filled-in']:checked+label:after {
    border-color: #fff !important;
    background-color: #22646b    ;
}
  form#form-conference-type {
    padding-left: 10px;
}
.modal .blocks div p {
    text-align: center;
}

div.blocks h4 {
    text-align: center;
}

.blocks .col-sm-3.col-xs-12 img {
    padding-right: 10px;
}

.blocks a {
    background: #17345c;
    color: #fff;
}

.blocks .col-sm-3.col-xs-12 a:hover {
    color: #fff !important;
}
.popover {
    max-height: 250px !important;
height:250px !important;
}  
.element-item .text {
    text-align: left !important;
    margin-bottom: 10px;
}
@media only screen and (max-width:1500px){
div#forheight {
    max-width: 80% !important;
}
}


.date-container.clearfix {
    padding-top: 110px;
}
.form-check-label {
    padding-left: 25px !important;
    padding-right: 10px;
}
span.time {
    background: #e9eefb;
    color: #6d6f71;
    padding: 3px 5px;
    margin-right: 10px;
    border: 1px solid #ccc;
}
.artificialintelligence [type="checkbox"][class*='filled-in']:checked+label:after {
    border-color: #fff !important;
    background-color: #d060da;
}
.artificialintelligence input[type=checkbox]:not(old)+label:before{
	border-color: #d060da !important;
}
.element-item.sessionlist.Artificial{
    background-size: 200% 100%; 
    background-image: linear-gradient(to right, #fff 50%, #d060da 50%); 
    -webkit-transition: background-position .3s; 
    -moz-transition: background-position .3s;
    transition: background-position .3s; 
    -webkit-box-shadow: inset 4px 0 0 0 #d060da; 
    box-shadow: inset 4px 0 0 0 #d060da; 
}
.petroleum [type="checkbox"][class*='filled-in']:checked+label:after {
    border-color: #fff !important;
    background-color: #5e3b71;
}
.petroleum input[type=checkbox]:not(old)+label:before{
	border-color: #5e3b71 !important;
}
.element-item.sessionlist.Petroleum{
    background-size: 200% 100%; 
    background-image: linear-gradient(to right, #fff 50%, #5e3b71 50%); 
    -webkit-transition: background-position .3s; 
    -moz-transition: background-position .3s;
    transition: background-position .3s; 
    -webkit-box-shadow: inset 4px 0 0 0 #5e3b71; 
    box-shadow: inset 4px 0 0 0 #5e3b71; 
}
.eandpgeoscience [type="checkbox"][class*='filled-in']:checked+label:after {
    border-color: #fff !important;
    background-color: #8497B0;
}
.eandpgeoscience input[type=checkbox]:not(old)+label:before{
	border-color: #8497B0 !important;
}
.element-item.sessionlist.Geoscience{
    background-size: 200% 100%; 
    background-image: linear-gradient(to right, #fff 50%, #8497B0 50%); 
    -webkit-transition: background-position .3s; 
    -moz-transition: background-position .3s;
    transition: background-position .3s; 
    -webkit-box-shadow: inset 4px 0 0 0 #8497B0; 
    box-shadow: inset 4px 0 0 0 #8497B0; 
}
.fielddevelopment [type="checkbox"][class*='filled-in']:checked+label:after {
    border-color: #fff !important;
    background-color: #939312;
}
.fielddevelopment input[type=checkbox]:not(old)+label:before{
	border-color: #939312 !important;
}
.element-item.sessionlist.Field:hover a, .element-item.sessionlist.Field:hover p {
    color: #fff;
    font-weight: 400;
}
.element-item.sessionlist.Field {
    background-size: 200% 100%; 
    background-image: linear-gradient(to right, #fff 50%, #939312 50%); 
    -webkit-transition: background-position .3s; 
    -moz-transition: background-position .3s;
    transition: background-position .3s; 
    -webkit-box-shadow: inset 4px 0 0 0 #939312; 
    box-shadow: inset 4px 0 0 0 #939312; 
}
.element-item.sessionlist.ePoster {
    background-size: 200% 100%; 
    background-image: linear-gradient(to right, #fff 50%, #224693 50%); 
    -webkit-transition: background-position .3s; 
    -moz-transition: background-position .3s;
    transition: background-position .3s; 
    -webkit-box-shadow: inset 4px 0 0 0 #224693; 
    box-shadow: inset 4px 0 0 0 #224693; 
}
.drilling [type="checkbox"][class*='filled-in']:checked+label:after {
    border-color: #fff !important;
    background-color: #FFCC00;
}
.drilling input[type=checkbox]:not(old)+label:before{
	border-color: #FFCC00 !important;
}
.element-item.sessionlist.Drilling {
    background-size: 200% 100%; 
    background-image: linear-gradient(to right, #fff 50%, #FFCC00 50%); 
    -webkit-transition: background-position .3s; 
    -moz-transition: background-position .3s;
    transition: background-position .3s; 
    -webkit-box-shadow: inset 4px 0 0 0 #FFCC00; 
    box-shadow: inset 4px 0 0 0 #FFCC00; 
}
.element-item.sessionlist.Drilling:hover a, .element-item.sessionlist.Drilling:hover p {
    color: #000;
    font-weight: 400;
}
.gastechnology [type="checkbox"][class*='filled-in']:checked+label:after {
    border-color: #fff !important;
    background-color: #cc942b;
}
.gastechnology input[type=checkbox]:not(old)+label:before{
	border-color: #cc942b !important;
}
.element-item.sessionlist.Gas {
    background-size: 200% 100%; 
    background-image: linear-gradient(to right, #fff 50%, #cc942b 50%); 
    -webkit-transition: background-position .3s; 
    -moz-transition: background-position .3s;
    transition: background-position .3s; 
    -webkit-box-shadow: inset 4px 0 0 0 #cc942b; 
    box-shadow: inset 4px 0 0 0 #cc942b; 
}
.hse [type="checkbox"][class*='filled-in']:checked+label:after {
    border-color: #fff !important;
    background-color: #12237a;
}
.hse input[type=checkbox]:not(old)+label:before{
	border-color: #12237a !important;
}
.element-item.sessionlist.HSE {
    background-size: 200% 100%; 
    background-image: linear-gradient(to right, #fff 50%, #A9D08E 50%); 
    -webkit-transition: background-position .3s; 
    -moz-transition: background-position .3s;
    transition: background-position .3s; 
    -webkit-box-shadow: inset 4px 0 0 0 #A9D08E; 
    box-shadow: inset 4px 0 0 0 #A9D08E; 
}
.ioreor [type="checkbox"][class*='filled-in']:checked+label:after {
    border-color: #fff !important;
    background-color: #9e1f63;
}
.ioreor input[type=checkbox]:not(old)+label:before{
	border-color: #9e1f63 !important;
}
.element-item.sessionlist.ioreor {
    background-size: 200% 100%; 
    background-image: linear-gradient(to right, #fff 50%, #9e1f63 50%); 
    -webkit-transition: background-position .3s; 
    -moz-transition: background-position .3s;
    transition: background-position .3s; 
    -webkit-box-shadow: inset 4px 0 0 0 #9e1f63; 
    box-shadow: inset 4px 0 0 0 #9e1f63; 
}
.offshore [type="checkbox"][class*='filled-in']:checked+label:after {
    border-color: #fff !important;
    background-color: #a97ba1;
}
.offshore input[type=checkbox]:not(old)+label:before{
	border-color: #a97ba1 !important;
}
.element-item.sessionlist.Offshore {
    background-size: 200% 100%; 
    background-image: linear-gradient(to right, #fff 50%, #4278bc 50%); 
    -webkit-transition: background-position .3s; 
    -moz-transition: background-position .3s;
    transition: background-position .3s; 
    -webkit-box-shadow: inset 4px 0 0 0 #4278bc; 
    box-shadow: inset 4px 0 0 0 #4278bc; 
}
.operational [type="checkbox"][class*='filled-in']:checked+label:after {
    border-color: #fff !important;
    background-color: #b54a1c;
}
.operational input[type=checkbox]:not(old)+label:before{
	border-color: #b54a1c !important;
}
.operational input[type="checkbox"][class*='filled-in']:checked+label:before {
   /* border-color: transparent #000 #000 transparent !important;*/
}
.element-item.sessionlist.Operational:hover a, .element-item.sessionlist.Operational:hover p {
    color: #fff;
    font-weight: 400;
}
.popover {top: 0 !important;}

.popover-title {
    margin-bottom: 0 !important;
    font-size:20px !important;
}
.element-item.sessionlist.Panel .posterno {
    display: none;
}
.element-item.sessionlist.Operational {
    background-size: 200% 100%; 
    background-image: linear-gradient(to right, #fff 50%, #b54a1c 50%); 
    -webkit-transition: background-position .3s; 
    -moz-transition: background-position .3s;
    transition: background-position .3s; 
    -webkit-box-shadow: inset 4px 0 0 0 #b54a1c; 
    box-shadow: inset 4px 0 0 0 #b54a1c; 
}
.peopleandtalent [type="checkbox"][class*='filled-in']:checked+label:after {
    border-color: #fff !important;
    background-color: #2c8585;
}
.peopleandtalent input[type=checkbox]:not(old)+label:before{
	border-color: #2c8585 !important;
}
.element-item.sessionlist.People:hover a, .element-item.sessionlist.People:hover p {
    color: #000;
    font-weight: 400;
}
.element-item.sessionlist.People {
    background-size: 200% 100%; 
    background-image: linear-gradient(to right, #fff 50%, #00FFFF 50%); 
    -webkit-transition: background-position .3s; 
    -moz-transition: background-position .3s;
    transition: background-position .3s; 
    -webkit-box-shadow: inset 4px 0 0 0 #00FFFF; 
    box-shadow: inset 4px 0 0 0 #00FFFF; 
}
.productionfacilities [type="checkbox"][class*='filled-in']:checked+label:after {
    border-color: #fff !important;
    background-color: #2bb674;
}
.productionfacilities input[type=checkbox]:not(old)+label:before{
	border-color: #2bb674 !important;
}
.element-item.sessionlist.Production {
    background-size: 200% 100%; 
    background-image: linear-gradient(to right, #fff 50%, #2bb674 50%); 
    -webkit-transition: background-position .3s; 
    -moz-transition: background-position .3s;
    transition: background-position .3s; 
    -webkit-box-shadow: inset 4px 0 0 0 #2bb674; 
    box-shadow: inset 4px 0 0 0 #2bb674; 
}
.projectengineering [type="checkbox"][class*='filled-in']:checked+label:after {
    border-color: #fff !important;
    background-color: #c167c1;
}
.projectengineering input[type=checkbox]:not(old)+label:before{
	border-color: #c167c1 !important;
}
.element-item.sessionlist.Projects {
    background-size: 200% 100%; 
    background-image: linear-gradient(to right, #fff 50%, #6d6e71 50%); 
    -webkit-transition: background-position .3s; 
    -moz-transition: background-position .3s;
    transition: background-position .3s; 
    -webkit-box-shadow: inset 4px 0 0 0 #6d6e71; 
    box-shadow: inset 4px 0 0 0 #6d6e71; 
}
.element-item.sessionlist.Unconventional:hover a, .element-item.sessionlist.Unconventional:hover p {
    color: #fff;
    font-weight: 400;
}
.unconventional [type="checkbox"][class*='filled-in']:checked+label:after {
    border-color: #fff !important;
    background-color: #366072;
}
.unconventional input[type=checkbox]:not(old)+label:before{
	border-color: #366072 !important;
}
.element-item.sessionlist.Unconventional  {
    background-size: 200% 100%; 
    background-image: linear-gradient(to right, #fff 50%, #366072 50%); 
    -webkit-transition: background-position .3s; 
    -moz-transition: background-position .3s;
    transition: background-position .3s; 
    -webkit-box-shadow: inset 4px 0 0 0 #366072; 
    box-shadow: inset 4px 0 0 0 #366072; 
}
.element-item.sessionlist:hover {
    background-position: -100% 0;
}


    
.speaker-wrapper.clearfix > h4 {
    background: #224694;
    color: #fff;
    padding: 0 10px;
}

.speaker-wrapper.clearfix > h4 span {
    line-height: 34px;
    color: #fff;
    text-transform: uppercase;
}
        .date-container.clearfix.div_9657 {
            padding-top: 20px;
        }
        .element-item.conference {
    background: #234694;
    height: auto;
    line-height: 24px;
    cursor: default!important;
    max-height: 100%;
    background: none;
    padding:0;
}
.fixedTitle {
    position: relative;
    left: 0px;
    top: 0px;
    font-size: 16px;
    font-weight: 400;
    color: white;
    text-transform: uppercase;
    background: #234694;
    width: 100%;
    padding: 10px;
}
.daynew {
    width: 100% !important;
    }
    .sessionlist {
    width: 100%;
    border-bottom: 2px solid #ccc;
    margin-bottom: 0;
}
        .popupbtn {
            background: #224694;
            color: #fff !important;
            padding: 5px;
            text-transform: uppercase;
            display:block;
        }

        .element-item .modal .popupbtn:hover {
            color: #fff !important;
        }

        .element-item .modal .modal-footer a:hover, .element-item .modal .modal-footer:hover {
            color: #fff !important;
        }

        .regbtnstyle > a, .regbtnstyle > p a:first-child {
            display: none;
        }

        .element-item .modal a:hover, .element-item .modal:hover {
            color: #6d6f71 !important;
        }

        .modal-body .regbtnstyle a:hover {
            color: #fff !important;
        }

        .fade {
            opacity: 0;
            transition: opacity .15s linear;
        }

        .sessionlist {
            width: 100%;
            border-bottom: 2px solid #ccc;
            max-height:100%;
        }

        .modal {
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 1050;
            display: none;
            overflow: hidden;
            outline: 0;
        }

        .modal {
            padding-right: 0 !important;
        }

        .fade.show {
            opacity: 1;
        }

        .modal-open .modal {
            overflow-x: hidden;
            overflow-y: auto;
            z-index: 9999999999;
            font-size: 16px;
        }

        .modal-open .header.shrink {
            z-index: 99;
        }

        .modal-dialog {
            position: relative;
            width: auto;
            margin: .5rem;
            pointer-events: none;
        }

        @media (min-width: 576px) {
            .modal-dialog {
                max-width: 500px;
                margin: 1.75rem auto;
            }
        }

        .modal-dialog {
            max-width: 60% !important;
        }

        @media (min-width: 992px) {
            .modal .modal-full-height {
                position: absolute;
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                margin: 0;
                width: 400px;
                height: 100%;
                top: 0;
                right: 0;
            }
        }

        @media (max-width: 991px) {
         .modal-dialog {
            max-width: 95% !important;
        }
        .modal-body .blocks div{
            width: calc(100%/2 - 10px) !important;
        }
            .modal .modal-full-height {
                position: absolute;
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                margin: 0;
                width: 400px;
                height: 100%;
                top: 0;
                right: 0;
            }
        }

        .modal .modal-full-height {
            width: 100%;
        }

        .modal.fade .modal-dialog {
            transition: -webkit-transform .3s ease-out;
            transition: transform .3s ease-out;
            transition: transform .3s ease-out, -webkit-transform .3s ease-out;
            -webkit-transform: translate(0, -25%);
            transform: translate(0, -25%);
            -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
        }

        .modal.show .modal-dialog {
            -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
        }

        @media (min-width: 768px) {
            .col-md-3 {
                float: left;
                width: 25%;
            }
            
            .modal .modal-dialog.modal-right {
                right: 0;
            }
			.is-checked .subFilter{
			position:relative;
			margin-left:0;
			}
        }
        @media (max-width: 768px) {
        .element-item.conference{
        width:100%
        }
		.blocks div img{
			max-height:30px;
		}
		.blocks div {
    		width: calc(100%/4 - 10px) !important;
			padding: 2px !important;
		}
		
		.modal-dialog .modal-content .modal-header{
			display:block;			
		}
		
		.button-group {
    		min-width: 100%;
		}
		.button-group .button{
			padding:0;
		}
		.subFilter h6{
			display: block;
    		margin-bottom: 10px;
		}
		.is-checked .subFilter{
			position:relative;
			margin-left:0;
		}
		.date-container.clearfix {
    		padding-top: 20px;
		}
		
        }
        .modal .modal-dialog.modal-right {
            position: fixed;
        }

        .modal-content {
            position: relative;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            width: 100%;
            pointer-events: auto;
            background-color: #fff;
            background-clip: padding-box;
            border: 1px solid rgba(0,0,0,.2);
            border-radius: .3rem;
            outline: 0;
        }

        .modal-content {
            -webkit-border-radius: 0px !important;
            -moz-border-radius: 0px !important;
            border-radius: 0px !important;
        }

        .modal-dialog .modal-content {
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
        }

        .modal-dialog .modal-content {
            border: 0;
            border-radius: .125rem;
        }

        .modal-body a:hover {
            color: #58595b !important;
        }

       @media (min-width: 992px) {
            .modal .modal-full-height .modal-content {
                width: 100%;
            }
        }

        .modal .modal-full-height .modal-content {
            overflow: scroll;
                color: #6d6f71 !important;
        }

        .modal-header {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            padding: 1rem;
            border-bottom: 1px solid #e9ecef;
            border-top-left-radius: .3rem;
            border-top-right-radius: .3rem;
        }

        .modal-header {
            border-bottom: none !important;
        }

        .modal-dialog .modal-content .modal-header {
            border-top-left-radius: .125rem;
            border-top-right-radius: .125rem;
			display:block;
        }

        .modal-title {
            margin-bottom: 0;
            line-height: 1.5;
        }

        .modal-title {
            font-size: 22px;
            text-transform: uppercase;
            color: #224694;
        }

        .close {
            float: right;
            font-size: 1.5rem;
            font-weight: 700;
            line-height: 1;
            color: #000;
            text-shadow: 0 1px 0 #fff;
            opacity: .5;
        }

        .modal-header .close {
            padding: 1rem;
            margin: -1rem -1rem -1rem auto;
        }

        .close:not(:disabled):not(.disabled) {
            cursor: pointer;
        }

        .modal-body {
            position: relative;
            padding: 1rem;
            padding-top:35px;
        }
.blocks {
    display: inline-block !important;
    }
        .blocks div {
            float: left;
            padding: 15px;
            margin: 5px;
            box-shadow: 0 0 0px transparent, 0 0px 0px transparent !important;
            width: calc(100%/5 - 10px);
            text-align: center;
        }
.blocks div img {
    height: auto !important;
    max-height: 50px;
    margin-bottom: 20px;
    width: auto;
    transform: none;
}
        .modal-body .blocks div {
            float: left;
            padding: 15px;
            margin: 5px;
            box-shadow: 0 0 0px transparent, 0 0px 0px transparent !important;
            width: calc(100%/4 - 10px);
            text-align: center;
        }

            .modal-body .blocks div img {
                max-height: 50px;
                margin-bottom: 20px;
                width: auto;
                transform: none;
            }

        div.blocks h4 {
            color: #224694;
            font-weight: 600;
            font-size: 15px;
        }

        .blocks div p {
            margin-bottom: 0px;
        }

        .modal .blocks div p {
            font-size: 14px;
        }

        .colorbox {
            background: #efefef;
            padding: 15px;
        }

        .sub-title {
            color: #2a3986;
        }

        .modal .sub-title {
            font-size: 20px;
            font-weight: 400;
        }

        .card-wrapper {
            margin: 0;
            position: relative;
            -webkit-perspective: 800px;
            perspective: 800px;
        }

            .card-wrapper .card-rotating {
                position: relative;
                -webkit-transform-style: preserve-3d;
                transform-style: preserve-3d;
            }

        .grey-text {
            color: #9e9e9e !important;
        }

        .card-wrapper .face {
            position: relative;
            width: 100%;
            height: 100%;
        }

        .card-wrapper .back, .card-wrapper .front {
            border-radius: .25rem;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            -webkit-transition: 1s;
            transition: 1s;
        }

        .card-wrapper .card-up {
            border-top-left-radius: .25rem;
            border-top-right-radius: .25rem;
            overflow: hidden;
            height: 50%;
        }

        .card-wrapper .card-up {
            border-top-left-radius: 0 !important;
            border-top-right-radius: 0 !important;
            overflow: hidden;
            height: auto;
        }

        .card-img-top {
            width: 100%;
            border-top-left-radius: calc(.25rem - 1px);
            border-top-right-radius: calc(.25rem - 1px);
        }

        .card-wrapper img {
            max-width: 100%;
        }

        .card-wrapper .card-up img {
            min-width: 400px;
        }

        .card-wrapper .card-up img {
            min-width: auto;
        }

        .card-body {
            -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
            flex: 1 1 auto;
            padding: 1.25rem;
        }

        .card-body {
            background: #f4f4f4;
            font-size: 15px;
            text-align: left;
            padding: 0 0 5px 0;
            min-height: 180px;
        }

            .card-body h4 {
                color: #fff !important;
                background: #224695;
                padding: 10px;
                font-weight: 600;
                margin-bottom: 5px !important;
                min-height: 58px;
                font-size:20px;
            }

            .card-body h4 {
                color: #224695;
                text-transform: uppercase;
                transition: all 0.5s ease;
                margin-bottom: 0;
            }

        .dark-grey-text {
            color: #4f4f4f !important;
        }

        .card-body p {
            padding-left: 10px;
            margin-bottom: 5px;
            padding-right: 10px;
        }

        .font-weight-bold {
            font-weight: 700 !important;
        }

        .card-wrapper .face {
            position: relative;
            width: 100%;
            height: 100%;
        }

        .card-wrapper .back, .card-wrapper .front {
            border-radius: .25rem;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            -webkit-transition: 1s;
            transition: 1s;
        }

        .card-wrapper .back {
            -webkit-transform: rotateY(-180deg);
            transform: rotateY(-180deg);
        }

        .regbtnstyle {
            background: #1f4397 url('/media/3880/registernowbtn.png') left center no-repeat;
        }

            .regbtnstyle p {
                padding-left: 120px;
                color: #fff;
                margin-bottom: 0;
            }

                .regbtnstyle p a {
                    padding: 39px 6px;
                    display: block;
                    margin-bottom: 0;
                    font-size: 28px;
                    text-transform: uppercase;
                    font-weight: 400;
                    line-height: 32px;
                    color: #fff;
                }

        .modal-footer {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
            padding: 1rem;
            border-top: 1px solid #e9ecef;
        }

        .modal-footer {
            border-top: none !important;
        }

        .btn-primary {
            background-color: #224695 !important;
            color: #fff !important;
        }

        .modal-footer > :not(:last-child) {
            margin-right: .25rem;
        }

        .modal-footer > :not(:first-child) {
            margin-left: .25rem;
        }
        @media only screen and (max-width:600px){
        .is-checked .subFilter{
            position:relative;
            width:100%;
                margin-left: 0;
        }
		.element-item.sessionlist:visited,.element-item.sessionlist:focus,.element-item.sessionlist:active,.element-item.sessionlist:hover{
			background-image: linear-gradient(to right, #fff 50%, #fff 50%);
			background-size: 200% 100%;
			background-position: 0;
		}
		.modal-footer { 
    		display: block;
		}
        .button-group .button{
            padding:0;
            width:100%;
        }
        .date-container.clearfix {
            padding-top: 20px;
        }
        .form-inline{
            display:block;
        }
        .sessiontype.clearfix {
            width: 50%;
            float: left;
        }
        .conferencetype.clearfix {
            width: 50%;
            float: left;
        }
        .subFilter h6{
            width:100%;
        }
        .form-inline .form-check {
            width: 100%;
            padding: 5px 0;
        }
        .button-group {
    min-width: 100%;
    padding: 0;
}
.filter-option {
    padding: 0;
}

        }
        .sessiontitlepopup {
    min-height: 58px;
}
.conferencetype.sessiontype.clearfix > a {
    background: #224693;
    color: #fff !important;
    padding: 8px !important;
    display: block !important;
    border-radius: 0 !important;

}
p.info span.time {
    width: 220px !important;
}
.info .time {
    width: 125px;
    float: left;
    background: #c7c7c7;
    text-align: center;
    padding: 5px;
    margin-right: 5px;
}

.info .posterno {
    width: 110px;
    float: left;
    background: #c7c7c7;
    text-align: center;
    padding: 5px;
    margin-right: 5px;
}

.info .sessiontitlepopup {
    float: left;
    background: #224693;
    text-align: center;
    padding: 5px;
    width: calc(100% - 245px);
    float: left;
    color: #fff;
    text-align: left;
    font-size: 18px;
}

.info {
    display: block;
}

.speaker-wrapper.clearfix {
    clear: both;
    margin-top: 20px;
    display: inline-block;
    width: 100%;
}

.info.col-md-12.clearfix {
    padding: 0;
}
.colorbox p {
    margin-bottom: 10px;
    font-weight: 400;
}
.element-item.sessionlist:hover .date,.element-item.sessionlist:hover .text{
    color:#fff;
}
.conferencetype.topiclist.clearfix h6 {
    padding: 5px 0;
    margin-top: 5px;
}

.conferencetype.sessiontype.clearfix h6 {
    padding-bottom: 5px;
}
.filter-option {
    z-index: 9;
    padding-top: 15px;
    padding-bottom: 15px;
}
.card-body{padding: 0 0 5px 0 !important;}


    .subFilter h6{
        display:block;
    }
    .conferencetype.sessiontype.clearfix a:before {
        font-family: FontAwesome;
        content: '\f105';
        color: #fff;
        display: inline-block;
        margin-right: 10px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
        margin-left: -10px;
    }
    .conferencetype.sessiontype.clearfix a:hover{
        padding-left: 25px;
        background: #224693;
        color:#fff;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }
    .conferencetype.sessiontype.clearfix a {
        padding: 3px 10px;
        display: inline-block;
        color: #6c6f71;
        text-transform: uppercase;
        margin: 5px 0 10px;
        padding-left: 10px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }
    .conferencetype.sessiontype.clearfix a.active {
        background: #224693;
        padding: 3px 10px;
        display: inline-block;
        color: #fff;
        text-transform: uppercase;
        margin: 5px 0 10px;
        padding-left: 25px;
    }
.element-item.sessionlist.Panel {
    background-size: 200% 100%;
    background-image: linear-gradient(to right, #fff 50%, #0070C0 50%);
    -webkit-transition: background-position .3s;
    -moz-transition: background-position .3s;
    transition: background-position .3s;
    -webkit-box-shadow: inset 4px 0 0 0 #0070C0;
    box-shadow: inset 4px 0 0 0 #0070C0;
}
 .panel input[type=checkbox]:not(old)+label:before {
    border-color: #0070C0  !important;
}
.panel [type="checkbox"][class*='filled-in']:checked+label:after {
    border-color: #fff !important;
    background-color: #0070C0 ;
}
.element-item.sessionlist:hover {
    background-position: -100% 0;
}
    @media only screen and (max-width:600px){
    .subFilter h6{
        margin-bottom:0;
    }
    .form-inline .form-check {
        width: 50%;
        padding: 5px 0;
        float: left;
        margin-bottom: 0;
    }
    .conferencetype.clearfix {
        width: 100%;
        float: left;
    }
    }
    @media only screen and (max-width:480px){
    .form-inline .form-check {
        width: 100%;
        padding: 5px 0;
        margin-bottom: 0;
    }
    }
        
        
.col-md-12.filter-option.clearfix > .col-md-3 > h4 {
    display: none;
}
.filter-option {
    padding: 15px;
}
.col-md-12.filter-option.clearfix .col-md-3.p-0 {
    width: 25%;
    float: left;
}
.col-md-12.filter-option.clearfix .col-md-9.p-0 {
    width: 75%;
    float: left;
}
.col-md-12 {
    width: 100%;
    float: left;
}
.button.strategicbtn.is-checked {
    width: 100%;
}
.form-inline .form-check {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
}