/*
    Use this stylesheet to modify the layout of your
    conference.
*/

/* ----------- Styles for the conference header ----------- */

/*
The wrapper of the whole conference page.
*/
.conf {
    width: 100%;
    border: none;
    margin: auto;
  }
  
  /*
      Wraps around the upper part of the conference header.
      */
  .confTitleBox {
    position: relative;
    color: white;
    height: 355px;
    border: none;
    border-radius: 1px;
    background: #ffffff;
    background-size: 900px;
    background-image: url("https://events.kfupm.edu.sa/event/253/attachments/191/1348/2%202.png");
    background-repeat: no-repeat;
    background-position: center;
  }
  /*
  linear-gradient(
        to right,
        rgba(245, 246, 252, 0),
        rgba(240, 240, 240, 0.8)
      ),
      */


  /*
      Sets the width of the upper part of the conference header.
      Is set to 950px and centered by default.
      */
  .confTitle {
    width: 950px;
    margin: 0 auto;
  }
  
  /*
      The box containing the logo. By the default the logo is placed
      on the left of the conference title.
      */
  .confLogoBox {
    float: left;
    padding-right: 10px;
  }
  
  /*
      The style for the title text.
      */
  .conference-title-link {
    font-family: "Calibri";
    font-size: 0pt;
    display: block;
    padding: 0 px 0;
    color: #1a6457;
  }
  
  /*
      Wrapper around the bottom part of the conference header
      */
  .confSubTitleBox {
    background: #ffffff;
    padding: 1rem 0;
    text-align: center;
    border: none;
    padding-block: 2rem;
  }
  
  /*
      The content of the lower part of the header. Is by default
      centered and has a fixed width.
      */
  .confSubTitleContent {
    width: 950px;
    margin: 0 auto;
    font-size: 11pt;
    color: #24425a;
    font-family: "Calibri";
  }
  
  /*
      Style for links in the lower part of the header
      */
  .confSubTitle a {
    font-size: 11pt;
    font-family: "Calibri";
  }
  */
    
    /*
      Styles for the date and place information.
      */
    .datePlace {
    font-size: 12pt;
    font-family: "Calibri";
  }
  
  .datePlace > * {
    margin-bottom: 10px;
  }
  
  .place {
    font-weight: 600;
    font-size: 1.4rem;
  }
  
  .date {
    font-size: 1.4rem;
    font-weight: 600;
  }
  
  .date > span {
    font-size: 1rem;
  }
  
  /*
    List Styles
      */
  
  ol {
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  }
  
  ol li {
    padding: 10px 20px;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease;
  }
  
  ol li:last-child {
    border-bottom: none;
  }
  
  ol li:hover {
    background-color: #f5f5f5;
  }
  
  /*
      Announcement styles
      */
  .simpleTextAnnouncement {
    background: #f5faff url(/images/conf/sprites_blue.png) repeat-x scroll 0 -400px;
    border-top: 1px solid #c2d6e7;
    font-family: "Calibri";
    font-weight: bold;
    font-size: 10pt;
    text-align: center;
    color: #0f283d;
    padding: 8px 0;
  }
  
  /* ----------- Styles for the main content ----------- */
  
  /*
      The wrapper around the menu and the page content.
      By default centered with a fix width.
      */
  #confSectionsBox {
    width: 950px;
    margin: 0 auto;
    margin-top: 30px;
  }
  
  /* Headers */
  .conferenceDetails :not(td) > p span span {
    color: #2fabe1;
  }
  
  /* ----------- Styles for the menu ----------- */
  
  /* Styles for all menu Items */
  
  /*
      Wrapper around the menu
      */
  .conf_leftMenu {
    float: left;
    width: 200px;
  }
  
  /*
      Styles for the menu box
      */
  #outer {
    border: none;
    background: #f3f3f6;
    border-radius: 7px;
    padding: 7px;
  }
  
  /*
      The menu item
      */
  #outer li a {
    font-family: "Calibri";
    font-size: 13pt;
    border-radius: 7px;
    margin: 5px;
  }
  
  /*
      The menu item when doing mouseover
      */
  #outer li a:hover {
    background: #e2e2e2;
  }
  
  #outer .menuConfTitle.selected > a:hover,
  #outer .menuConfMiddleCell.selected > a:hover {
    background: #2fabe1;
  }
  
  /*
      A non selected menu item
      */
  .menuConfTitle {
    text-align: left;
  }
  
  .menuConfTitle a {
    color: #72747b;
    padding: 7px 12px;
  }
  
  /*
      A selected menu item
      */
  
  .menuConfTitle.selected > a,
  .menuConfMiddleCell.selected > a {
    font-weight: 600;
    color: #ffffff;
    background: #2fabe1;
  }
  
  .menuConfSelected,
  .menuConfMiddleCellSelected {
    background: none;
    border: none;
  }
  
  /*
      sub menu item
      */
  li ul.inner li a {
    padding: 7px 12px 7px 30px;
    background: transparent url(/images/conf/left_menu_bullet.png) scroll
      no-repeat 15px center;
  }
  
  /*
      Support box
      */
  
  .support_box {
    background: #f6f6f6;
    border-radius: 0px 0px 7px 7px;
    border: none;
  }
  
  .support_box > h3 {
    color: #f3f3f3;
    font-weight: 600;
    border-radius: 7px 7px 0px 0px;
    background: #2fabe1;
    padding: 5px;
  }
  
  .support_box li {
    margin-bottom: 5px;
  }
  
  /* ----------- Styles for the page content ----------- */
  
  /*
      Wrapper around the content
      */
  .confBodyBox {
    margin-left: 230px;
  }
  
  /* Table Styles */
  
  table {
    border-collapse: collapse;
  }
  
  table li {
    list-style-type: "-  ";
  }
  
  .action-box.highlight {
      border-top: 1px solid #26985E;
      border-bottom: 1px solid #26985E;
      border-right: 1px solid #26985E;
      border-left: 1px solid #26985E;
      background: #b6d6bb;
      color: #777;
      display: none;
  }
  
  .ui-dialog .ui-dialog-title
  {
    max-width: 800px;
    display: none;
  }
  
  .warning-message-box
  {
    background-color: #fff3e2;
    border: 1px solid #be9056;
    display: none;
  }
  
  .conference-page section .header-row h3 {
      flex-grow: 1;
      color: #cb6d04;
      font-size: 1.5em;
      font-weight: normal;
      display: none;
  }
  .f-j-start {
      display: none;
      justify-content: flex-start;
  }
  div.page-header {
      position: relative;
      background-color: #26985E;
      display: none;
  }