/*------ Financial Calendar Starts --------------------------*/
/*.eventWrapper .h3{margin-bottom:23px;}*/
.eventWrapper {margin-bottom: 60px;display:grid;}
.eventWrapper .event-data{border-bottom: 1px solid #e5e5e5;}
.eventWrapper .trHeaders{border-bottom:1px solid #f2f2f2;}
.eventWrapper .trHeaders > div, .eventWrapper .event-data > div {float:left;}
.eventWrapper .date {width: 18%;text-align: left;padding-left: 30px;}
.eventWrapper .subject {width: 52%;  text-align: left;}
.eventWrapper .outlook {width: 12%; text-align:center;}
.eventWrapper .outlook > a {display:inline-block;}

.eventWrapper .rp-webcast {width: 17%; text-align:center;}

.eventWrapper .rp-webcast a:before{content: "\e91f";display: inline-block;font-size: 2rem;text-indent: 0;font-family: Icomoon;float: left;}
.eventWrapper .rp-webcast a { display: inline-block;text-indent: -9999px;}

.eventWrapper .event-data.last { margin-bottom: 22px; }
.eventWrapper h2.past-events {clear: both; margin-top: 22px; float: left; width: 100%;}
.event-data > div{float: left;font-size: 1.4rem;line-height: 22px; padding: 20px 20px 50px 20px;text-align: center;}
.trHeaders > div{color:#595959; float: left;font-size: 1.6rem;    line-height: 20px;padding: 20px 20px; text-align: center;}
/*.event-container{ margin-bottom:40px;margin-top:50px;} --> Commented as per the ticket MSMBWF-1163*/
.eventWrapper .date {color:#595959;}
.eventWrapper .subject {color:#595959;}
.float100.alt.event-data {background:#F6F9F8;}
.eventWrapper i.icon-outlook:before {content: "";background: url('~/media/Images/M/Multitude/icons/calander');display:block;width: 26px;height: 28px;position: absolute;transform: scale(0.7);margin-left:-15px;}
.eventWrapper .icon-outlook {font-size:0;}

@media only screen and (max-width: 1024px){
    .eventWrapper .subject {width: 35%;  text-align: left;}
    .eventWrapper .date {width: 18%;text-align: left;padding-left: 30px;}
    .cAlign.pre-registration {margin-left: 32px;}
}

@media only screen and (max-width: 991px){
	.eventWrapper {margin-bottom: 45px;}
    .eventWrapper .event-data.last {margin-bottom: 0px;}
}

@media only screen and (max-width: 767px){
	.eventWrapper {margin-bottom: 30px;}
    .eventWrapper .subject {width: 100%; padding-left: 0px; padding-bottom: 0px; text-align: left;}
    .eventWrapper .date {width: 100%;text-align: left;padding-left: 0;}
    .float100.alt.event-data {background:#FFFFFF;}
}

@media only screen and (min-width:800px) and (max-width:991px) {
	.eventWrapper i.icon-outlook:before {margin-left:-5px;}
}