body.widget {
  background-color: #E4FBFF !important;
  color: #13182D !important;
  font-family: "IBM Plex Sans", sans-serif !important;
  
  @media (max-width: 768px) {
    .main-react-view {
      padding-bottom: 17px !important;
    }
  }
}
 .time-slots-time{
  font-family: "IBM Plex Sans", sans-serif !important;
  }

.agenda-view {
  font-family: "IBM Plex Sans", sans-serif !important;
  
  .agenda-search-container .agenda-search .view-buttons-container .view-button {
    background-color: #E4FBFF !important;
  }
  .session-list-container .session-day-container .time-row .session-elem .session-container {
    background-color: #F0FDFF !important;
  }
  /* The below change addresses an issue where profile pictures were being slighly truncated when viewing the schedule app on mobile */
  .session-list-container .session-day-container .time-row .session-elem .session-container .speakers-container .speakers-carousel .speaker-photo img {
    object-fit: contain !important;
  }
  
  .session-page {
    background-color: #E4FBFF !important;
    
    .session-control-buttons {
      box-shadow: none !important;
    }
    .session-section-container {
      background-color: #E4FBFF !important;
    }
  }
  
  @media (max-width: 768px) {
    .agenda-search-container .agenda-search .view-buttons-container.is-pull-left {
    	right: 130px !important;
    }
    .agenda-search-container .agenda-search .login-buttons-container {
      bottom: -123px !important;
      right: 30px !important;
    }
    .session-list-container .session-day-container .time-row .time-elem {
      padding: 0 0 0 15px !important;
    }
    .speakers-carousel .speaker-photo {
      overflow: hidden !important;
    }
    .session-name {
      padding-top: 8px;
    }
  }
    
  @media (max-width: 608px) {
    .speakers-container .slick-slider .slick-track {
      width: auto !important;
    }
  }
}

input.form-control,
.bz-hoc-filter.btn-group button,
.agenda-view .agenda-search-container .agenda-search .search-row .select-ticket-section .ticket-select-holder {
  background-color: #E4FBFF !important;
}

.color-1-hover-opacity-outline, .color-1-hover-opacity-outline.custom-color {
  background-color: transparent !important;
}
.color-1-hover-opacity-outline:hover, .color-1-hover-opacity-outline.custom-color:hover {
  background-color: #F7901E !important;
  color: white !important;
}

.speaker-view .speaker-container {
  padding: 65px 0 0 0 !important;
  
  @media (max-width: 768px) {
    padding: 112px 0 0 0 !important;
  }
  
  .speaker-profile {
    background-color: #F0FDFF !important;
    border: 1px solid #E1E2E7 !important;
    
    .speaker-back-button {
      box-shadow: none !important;
      top: -41px !important;
      
      @media (max-width: 608px) {
        left: 14px !important;
      }
    }
    .speaker-share-button {
      box-shadow: none !important;
      background-color: #E4FBFF !important;
      top: -41px !important;
      width: auto !important;
      padding: 0 !important;
      
      @media (max-width: 608px) {
        width: 85px !important;
      }
    }
    .speaker-bio-wrapper {
      color: #13182D !important;
    }
  }
  .speaker-sessions {
    background-color: #F0FDFF !important;
    border: 1px solid #E1E2E7 !important;
  }
}

/*specific page containers*/
.home-custom-css {
  .trade-template .speakers .entity-photo-holder img, 
  .trade-template .speakers .entity-photo-holder .object-trade-thumbnail {
    width: 226px !important;
    min-width: 226px !important;
    height: 226px !important;
    border: 4px solid transparent !important;
  }
  .trade-template .speakers .entity-photo-holder:hover img,
  .trade-template .speakers .entity-photo-holder:hover .object-trade-thumbnail {
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    border: 4px solid #0388D5 !important;
  }
  .section-speakers {
    @media (min-width: 992px) {
    	.col-md-4 {
        	width: 25% !important;
    	}
	}
    .speaker-text {
      .attendee-name {
        font-size: 18px !important;
        font-weight: 700 !important;
        line-height: 26px !important;
        margin: 0 !important;
      }
      .attendee-title,
      .attendee-company {
        font-size: 14px !important;
        line-height: 24px !important;
        margin: 0 !important;
    }
  }
}
  
.community-custom-css{}

.agenda-custom-css {
  .session-container {
    background-color: #F0FDFF !important;
  }
}

.speakers-custom-css {
}

/*main container of each section*/
.main-app-container {
  /* custom submission modal position for exhibitor app */
  .element-27641518 {
    div.modal {
      position: fixed !important;
      top: 2875px !important;
      left: 50% !important;
      transform: translateX(-50%) !important;
      word-break: break-word; // long email address
    }
  }
}

/*
call-to-action buttons e.g:
Register, Join The Community etc
*/
.btn-register {}

/*Top navigation bar container*/
.template-nav {}

/*Top navigation bar items container*/
#bs-example-navbar-collapse-1 {}

/*social share buttons container*/
.social-share-button {}

/*social share buttons per social network*/
.social-share-button.facebook {}
.social-share-button.twitter {}
.social-share-button.linkedin {}
.social-share-button.google {}