html {max-width:940px; /*height:100vh;*/ height:101% !important; margin:0px auto;}

body {
  height:101% !important;
  text-align:left;
  padding:0px;
  margin:0px auto;
  font-family: Arial,Helvetica,sans-serif;
  color: #555;
  background-color: white;
  font-size:14px;
 line-height:1.55;
}

.center {
  margin: auto;
  width: 50%;
}
.text_right {
  text-align: right;
  margin-right: 0px;
}
.highlight { background: #FFFF40; }


/* Page structure (width, height, color, margins, paddings) */
#pg0 {
  background-color: white;
  max-width:940px;
  /*   border:solid #4E90C3; border-width: 0 1px 0 1px; */
  height:101% !important;
  margin:0;
  padding:0;

}
#content0 {
  padding:0;
  margin:40px 0 0 0;
  background-color:white;
  height:101% !important;
  box-shadow: none;
}
/*  */
#content1 {
  padding:10px 10px;
  margin:0px;
  background-color:white;
box-shadow: none;
}
/*  */
#content2 {
  padding:20px 0;
  margin:0px;
}
.mobile_banner {width:100%; margin:10px; background-color:white; color:#4a9cd7;}
.search_section, .result_section, #search_results, .summary, .result_pagescount {
  background-color: white;
  max-width:940px;
  padding:0 20px;
  margin:20px 0 0 0;
}

#calendar {margin:20px 0;}
/* End of Page structure (width, height, color, margins, paddings)  */


/* Headings */
h1 {
  padding: 20px 0 0 0;
  margin: 0px;
  font-family: Arial,Helvetica,sans-serif;
  font-weight: bold;
  font-style: normal;
  font-size: 1.7em;
  font-variant: small-caps;
  color: #0390d5;
}

h1.filter_hdr {
  padding: 0px 0 10px 0;
  margin: 60px 0px 0px 0px;
  font-family: Arial,Helvetica,sans-serif;
  font-style: normal;
  font-size: 1.5em;
  font-variant: small-caps;
  color: #0390d5;font-weight:bold;
}
/* end of Headings */

.banner  {
  vertical-align:middle;
  /*   height:80px; */
  text-align:center;
  line-height:80px;
  /*  */
  display:none;
}

.banner image {
  margin:0 auto;
}

#footer {
  background-color: white;
  max-width:940px;
  margin:auto;
}

#coms_lang {height:70px !important;}











/* Buttons and form controls */
.btn-primary {
  color: #fff;
  background-color: #3d78b4 !important;
  border-color: #0064b4 !important;
}
.form-control {
  display: inline-block;
  width: auto;
  padding: 6px 12px;
  line-height: 1.42857143;
  margin: 0 0 20px 0;
  background-color: #f5f5f5 !important;
  border-color: #195c8C !important;
  box-shadow: none;
}
.form-control:focus {
  outline: 0;
}
input.zoom_searchbox {
  width: 30em !important;
  padding-left: 0.25em;
  margin: 0px 20px 10px 0;
  background-color: #f5f5f5;
  border: 1px solid #195c8C;
  box-shadow: none;
}
.zoom_metaform_text {
  width: 30em;
}
/* End of Buttons and form controls */





/* Search results */
.result_block, .result_altblock {
  margin: 15px 0px 35px 0px;
  padding: 20px;
  clear: left;
}
.bg-success {background-color:#DDEFFC;}
.bg-warning {background-color:#F5F1EE;}
.meta_section {margin-left:0em; }
.result_meta_val {white-space:normal; }
.result_metaname {font-weight:bold; }
.hrbkm {
  margin: 9px 0;
  border: 0;
  height: 1px;
  background-color: white;
}
.description {
  display: none;
}
/* End of Search results */



/*  ------------------------------------------   */
/* Navigation pills (daily overviews)

.dnav-pills {
  display:flex; flex-wrap:wrap;
  justify-content:space-around;
  margin:0;
  border-bottom: 2px #4a9cd7 solid;
}
.dnav-pills  a {
  color: #4a9cd7;
  font-weight:bold;
  border: white solid;
  padding:8px 16px;
  text-decoration: none !important;
}
.dnav-pills  a:hover, .nav-pills  a:focus {
  background-color: #F0F8FF;
  color: #4a9cd7;
}
.dnav-pills  .active  a {
  background-color: #3d78b4;
  color: white;
  padding:8px 16px;
}
.dnav-pills  .active  a {
  border-radius: 0px 0px 0px 0px;
  color: #ffffff;
  background-color: #3d78b4;
  border: white solid;
  border-width: 2px 0px 0px 0px !important;
  text-decoration: none !important;
}
.last_tab {
  margin-right: 0;
  border-right: 0 !important;
}
 End of Navigation pills (daily overviews) */

.logo a:link {font-size:1.1em;}

.back_link {
  padding: 20px 0 20px 10px;
}
#content {
  padding: 0px;
  text-align: left;
  background-color: white;
}


.save-to-cal-checkbox {margin:0 10px;}
.save-to-cal-checkbox .cb {padding:px 10px 0px 10px; display:inline;}
.save-to-cal-checkbox .cb-label {padding:3px 10px 4px 10px; }
.cb-label1 {padding:3px 10px 0px 10px; }

.btn-file {  position: relative;  overflow: hidden;}
.btn-file input[type="file"] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

.player button {
    cursor: pointer;
    font-size: 0.7em !important;
}
    
.room-nav {display:flex; flex-wrap:wrap; justify-content:space-around; background-color: #F0F8FF;  margin:0; padding: 16px 0px;  border-bottom:1px #337ab7 solid;}
.room-nav li {display:inline-block; list-style-type: none;    margin: 3px 20px;  padding: 0;}
.room-nav a {}
.room-pill a {text-decoration:none !important; padding:3px 1px;}
.room-active a { border-bottom:3px #337ab7 solid;}
        /* Works on Firefox  #4a9cd7 */
        * {
        scrollbar-width: thin;
        scrollbar-color: #ccc transparent;

        }

        /* Works on Chrome, Edge, and Safari */
        *::-webkit-scrollbar {
        width: 10px !important;
        }

        *::-webkit-scrollbar-track {
        background: transparent;
        }

        *::-webkit-scrollbar-thumb {
        background-color: #ccc;
        border-radius: 20px;
        border: 5px solid transparent;
        }
        
        body::-webkit-scrollbar {
        width: 10px !important;               /* width of the entire scrollbar */
        }

        body::-webkit-scrollbar-track {
        background: transparent;        /* color of the tracking area */
        }

        /* Handle on hover */
        ::-webkit-scrollbar-thumb:hover {
        background: #ccc; 
        }    
.page_bottom {padding:40px 20px; box-sizing: border-box;}
         
         .session_listing {display:flex; flex-wrap:nowrap; }
              .flex_row {display:flex; flex-wrap:nowrap;}
              .session_times {padding:9px 7px; text-align:right;}
              .session_desc {padding:9px 7px!important;}
              .div_border_left {}
              
              
              .org_tz {display:inline;  color:#999; font-size:0.9em;}
              .org_tz div {display:inline;}
              .loc_tz {display:inline; margin-left:10px;}
              .session_times .org_tz {display:block;}
              .session_times .org_tz div {display:block;}
              .session_times .loc_tz {display:block; margin-left:0px;}
      
      .checkbox-inline {
           display: flex;
           align-items: center;
      }
              
      @media (max-width: 700px)  {
          .presentation_entry {
              display: flex !important;
              flex-direction: column;
              align-items: flex-start !important;
              justify-content: flex-start !important;
              width: 100% !important;
          }
       
          .uploaded_presentation {
              display: flex !important;
              flex-direction: column;
              align-items: center !important;
              justify-content: flex-start !important;
              width: 100% !important;
             padding:30px 0;
             max-width:100% !important;
          }
     
           .nav_logo {
              font-size: 1.1em;
              margin-right: auto;
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
                   max-width: 250px;
                   display: block;
           }
     }
     
     
     @media (max-width: 400px)  {
               .zoom-desc {display:none;}
     }
     
       @media (max-width: 768px)  {
          .session_times, .time_cell  {
                width:100% !important; 
                min-width:100% !important; 
                text-align:right;
          }      
     
  
              
          .session_listing {display: block;}
              .session_times {
               width: 100%;
          }
          .flex_row {display:flex; flex-wrap:wrap;}
              
              .room-nav {padding: 5px 10px;  border-bottom:1px #443787 solid;}
              .room-nav li {margin: 5px 10px;  }
              }/*.presentation_summary {margin:20px 0px 30px 0px; }
 .presentation_details{padding: 0px 0px 10px 0px;}
 .presentation_summary {padding: 0px 0px 20px 0px;}
 .presentation_type {}
 
 .session {margin:auto; clear:both;}
 .summary_label {font-weight:bold; text-align:left; margin-bottom:3px; padding-right:6px; float:left;}
 .summary_value {padding-left:0px; float:left;}
 
 .abstract {background-color: transparent;}
 .abstract {padding: 0px 10px 0px 10px; line-height: 1.42em;}
 .abstract .abstracttitle {margin-bottom:10px; font-weight:bold; font-size:1.3em; padding-bottom:3px;}
 .abstract .abstracttext {margin-top:0px; text-align:justify;}
 .abstract .authors-affiliations {margin-bottom:10px;   padding: 0;}
 .abstract .authors {margin-bottom:10px;}
 .abstract .affiliations {margin-bottom:10px; font-style: italic;  margin:0; padding:0; }
 
 .horiz_separator {color: #99bfe8; background-color: #99bfe8; height: 1px; border: 0; clear: both;}
 .notes ul { margin: 0px; padding: 0px; display: inline; }
 .notes li {  margin-left: 15px;  }*/
 
 
 
 .presentation_summary {margin:20px 0px 30px 0px; }
 
 .presentation_summary {padding: 0px 0px 20px 0px;}
 .presentation_type {}
 .presentation {display:flex; justify-content:flex-start; width:auto; margin-bottom:30px !important;}
 
 .presentation_section {margin:20px 0px; 
 padding:10px; 
 background-color: #eee; }
 
 .session {margin:auto; clear:both;}
 .summary_label {font-weight:bold; text-align:left; margin-bottom:3px; padding-right:6px; float:left;}
 .summary_value {padding-left:0px; float:left;}
 
 .abstract {background-color: transparent;}
 .abstract {padding: 10px !important; line-height: 1.5em;}
 .abstract .abstracttitle {margin-bottom:10px; font-weight:bold; font-size:1.1em; padding-bottom:10px;}
 .abstract .abstracttext {margin-top:0px; text-align:justify;}
 .abstract .authors-affiliations {margin-bottom:10px;   padding: 0;}
 .abstract .authors {margin-bottom:10px;}
 .abstract .affiliations {margin-bottom:10px; font-style: italic;  margin:0; padding:0; }
 
 .horiz_separator {color: #99bfe8; background-color: #99bfe8; height: 1px; border: 0; clear: both;}
 .notes ul { margin: 0px; padding: 0px; display: inline; }
 .notes li {  margin-left: 15px;  }/*.session_header0 {margin:0 !important; padding:0 !important; }
 .session_header3  {background-color:#F0F8FF !important; border-bottom: 0 !important;}
 
  -----------------------------------------------------  e0e0fd */
 a {color:#555;}
 .session_listing {border-bottom: 1px solid #e0e0fd;}
 .session_header0 {margin:0px 0 10px 0 !important; padding:10px 0 !important; color:#555; }
 .session_header0 {background-color:#Fff !important;padding:10px 0;}
 .session_header1 {background-color:#fff; margin:0 0 10px 0 !important; padding:10px 0 !important;}
 .session_header2 {background-color:#eeeeee !important;}
 .session_header3  {border-bottom: 0 !important; background-color: #F0F8FF !important; color:#222;}
 .session_header4  {background-color: #F0F8FF !important;; }
 
 /* ----------------------------------------------------- */
 .room-nav {display:flex; flex-wrap:wrap; justify-content:space-between; background-color: #443787;  margin:0; padding: 10px 20px;  border-bottom:1px #443787 solid;}
 .room-nav li {display:inline-block; list-style-type: none; margin: 5px 20px;  padding: 0;}
 .room-nav a {color: #fff !important;}
 .room-pill a {text-decoration:none !important; padding:4px 10px;}
 .room-active a { border-bottom:0px #443787 solid; background-color: #fff; color:#443787 !important; border-radius:4px;}.glyphicon {display:none;}.pres_row {background-color:transparent; margin-bottom:0px; border-bottom: 1px #aaa solid; padding:10px 0;}
 
 .coffee .session_link {display:none;}.pres_row {margin-bottom:0px; border-bottom: 1px #4a9cd7 solid;}.pres_row {margin-bottom:0px; border-bottom: 1px #4a9cd7 solid;}.pres_row {margin-bottom:0px; border-bottom: 1px #4a9cd7 solid;}/*.session_header1 {border-bottom: 1px #4a9cd7 solid;}*/
 
 .session_header1 {}.pres_cell {
   padding: 9px 7px;
   margin: 0px;
   flex-grow: 1;
 }
 
 .poster_link {margin-top:30px;}.authors u, .authors div {background-color:#9bb1c5 ; border-radius: 3px; color:white; display:inline; padding:2px 7px; text-decoration: none; font-weight:bold; white-space:nowrap; margin: 11px 0; line-height:2;}
 .authors u a:link, .authors div a:link {color:white !important; }/* fixed navigation bar at the top */
           #top_nav_fixed {
             box-shadow: none;
             position: fixed;
             top: 0;
             width:100%;
             max-width: 940px;
             margin: auto;
             height: 40px;
             color: #555 !important;
             background-color: white !important;
             z-index: 1000;
             border-bottom: 0px #555 solid;
             box-shadow: 0 4px 6px -6px #555;
           }
           #top_nav_fixed a {color:#555 !important;}
           #navitems {
                 display:flex;
                 flex-wrap: nowrap;
                 flex-direction:row;
                 align-items:center !important;
                 height: 40px;
             }
           .navitem {
               height: 21px;
               line-height: 21px;
               padding: 0;
               margin: 0 10px;
               font-weight: normal;
               font-size: 1.0em;
           }
     .navitem_links {
                 display:flex;
                 flex-wrap: nowrap;
                 flex-direction:row;
                 align-items:center !important;
                 justify-content:flex-end !important;
                 width: 100%;
     }
     .logo {
                 display:flex;
                 flex-wrap: nowrap;
                 flex-direction:row;
                 align-items:center !important;
                 justify-content:flex-start !important;
                 margin-right:auto;
     }
     .logo a {
                display:inline;
                overflow: hidden;
                text-overflow: ellipsis;
    }
    
           .nav li {list-style:none;}
           .navitem a {text-decoration:none !important;}
           .nav_logo {
                font-weight:bold; 
                font-size:1.3em; 
                margin-right: auto;
                display:inline;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
       }
           .nav-txt {font-weight:bold;}
           /*  end of fixed navigation bar at the top */
           
           @media (max-width: 768px)  {
             .nav_logo {
                font-size: 1.0em;
                margin-right: auto;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                max-width: 150px;
                display: block;
             }
          }/* Navigation pills (daily overviews) */
  .nav {
    border-bottom: 4px #4a9cd7 solid;
    margin:5px 0 0 0; 
    padding: 0px 0px 0px 0;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    background-color: #fff !important;
  }
  .nav-pills > li > a {
    color: #4a9cd7;
    font-weight:bold;
    border-width: 0px 0px 0px 0px !important;
    border: transparent solid;
    display:inline-block;
    float:left;
    margin:0px;
    padding:7px 12px;
    border-radius:0;
  }
  .nav-pills > li.active > a {
    border: transparent solid;
    color: #F0F8FF !important;
    background-color:#4a9cd7;
    text-decoration: none !important;
    /*border-bottom: 2px #3d78b4 solid !important;*/
  }
  .nav-pills > li > a:hover, .nav-pills > li > a:focus {
    background-color: #F0F8FF !important;
    color: #4a9cd7 !important;
  }
  .last_tab {
    margin-right: 0;
    border-right: 0 !important;
  }
  /* End of Navigation pills (dayly overviews) */.hdr_frame {margin-top:0px;}
     
     .session_times {
       width:11em !important;
       min-width:11em !important;
     }
     .session_desc {
       padding:0px;
       margin:0;
       font-size:1.0em;
     }
     .session_header0  .session_desc a:link {  text-decoration: underline !important; font-size:1.1em;}
     .session_header0  .session_desc a:visited,
     .session_header0  .session_desc a:hover,
     .session_header0  .session_desc a:active
     {  color: #555  !important; text-decoration: none !important;}
     .session_desc  a {font-weight: normal; }
     .session_desc  a:link {color: #555 !important;
     font-weight:normal  !important; font-size:1.2em;
     }
     
     
     /* Links */
     
     a:link {
       color: #262525;
       text-decoration: underline;
       font-weight: bold;
     }
     a:visited, a:hover, a:active {
       color: #d32f2f;
       text-decoration: underline;
       font-weight: bold;
     }
     .body_css a:link {
       color: #3d8ecc;
       text-decoration: none;
       font-weight: bold;
     }
     .body_css a:visited, .body_css a:hover, .body_css a:active {
       color: #4a9cd7;
       text-decoration: underline;
     }
     .abstracttitle {margin:0px 0 5px 0;}
     .abstracttitle a:link {
       color: #4a9cd7;
       text-decoration: underline;
     font-weight:normal;
     font-size:1.1em;
     }
     .session_desc { font-weight:normal; }
     .abstracttitle a:visited, .abstracttitle a:hover, .session_desc a:active{
       color: #3d8ecc;
       text-decoration: underline;
      font-weight:normal;
      font-size:1.1em;
     }
     .fc-event-container a:link, .fc-event-container a:visited, .fc-event-container a:hover, .fc-event-container a:active {
       font-weight: bold !important;
     }
     
     /* Link to the abstract on the search page */
     .result_title a:link {
       color: #262525;
       text-decoration: underline !important;
       font-weight: bold;
     }
     /* end of Links */.hdr_frame {margin-top:0px;}
 
 .content1 a:link {
   /* These are technically the same, but use both */
   overflow-wrap: break-word;
   word-wrap: break-word;
 
   -ms-word-break: break-all;
   /* This is the dangerous one in WebKit, as it breaks things wherever */
   word-break: break-all;
   /* Instead use this non-standard one: */
   word-break: break-word;
 
   /* Adds a hyphen where the word breaks, if supported (No Blink) */
   -ms-hyphens: auto;
   -moz-hyphens: auto;
   -webkit-hyphens: auto;
   hyphens: auto;
 
 }
 
 .time_cell {
   width:11em !important;
   min-width:11em !important;
 }
 
 .zoom_embed {margin:30px 0;}
 
 .zoom {max-width: 600px;}.presentation a {
        padding: 10px 20px;
        margin: 20px 0;
        border-radius: 2px;
       text-decoration: none;
    }
    .presentation a:link {background-color:#297db3; color:white !important;}
    .presentation   a:hover, .presentation  a:focus {
        background-color: #F0F8FF !important;
        color: #4a9cd7 !important;
    }
    .abstract .presentation {display:flex; justify-content:center;}
    
    .join_link > a:link {
    background-color:#0072aa;
    color:white !important;
    border-radius: 2px;
    display: inline;
    text-decoration: none;
    font-weight: 600;
    white-space: nowrap;
    padding: 7px 10px;
    font-size:1.2em;
    }
    
    .join_link  > a:hover, .join_link > a:focus {
        background-color: #F0F8FF !important;
        color: #4a9cd7 !important;
    }.presentation_entry {
          display:flex; 
          flex-wrap:nowrap; 
          align-items:flex-start; 
          justify-content: space-between; 
          width:100%;
      }
      
      .uploaded_presentation {
          width:240px; 
          display:flex; 
          flex-wrap:wrap; 
          align-items:flex-start; 
         justify-content: flex-end !important;
      }
     
     
     .glyphicon {
         display: inline-block !important;
     }
    
    .fc-event-container a:link, .fc-event-container a:visited, .fc-event-container a:hover, .fc-event-container a:active {
        text-decoration: none;
    }
    
    .fc-state-default {
         background-color: transparent !important;
         padding:4px 8px !important;
        background-image: none !important;
        box-shadow: none !important;
        border: none !important;
        text-shadow: none !important;
        text-decoration:underline !important;
        font-weight:bold !important;
        color:#777 !important;
    }
    
    .fc-state-down, .fc-state-active {
         background-color: transparent !important;
         padding:4px 8px !important;
        background-image: none !important;
        box-shadow: none !important;
        border: none !important;
        text-shadow: none !important;
    }
   
   .fc-state-active {color:black !important;}
    .fc-state-hover, .fc-state-down, .fc-state-active, .fc-state-disabled {
   
    }

@media (max-width: 768px)  {
    #side-menu-container {display:none !important;}
    #side-menu {display:none;}
}
@media (min-width: 769px)  {
    #left_menu_agenda {display:none;}
    #ham {display:none;}
    #side-menu {display:block;}
} 
    
/*  Sliding left menu  */
.hamburger {
  font-size: max(1.1em, 18px);
  cursor: pointer;
  background-color:<banner_bgcolor_mobile>;
  color:<banner_color_mobile>;
  display:flex; 
  flex-wrap:nowrap; 
  align-items:center;  
  padding:0;
  margin:0;
}
#ham a:link {
  color:<banner_color_mobile>; 
  text-decoration:none; 
}

.drawer {
  display: none;
}
.drawer_agenda_overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1200;
  opacity: 0;
  transition: opacity 0.3s;
  will-change: opacity;
  background-color: #000;

  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;      
}

.drawer_agenda_header {
  /* Optional */
  /* padding: 1.5rem; */
  padding: 0.25rem 2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #ddd;
}

.drawer_agenda_close {
  /* Optional */
  margin: 0;
  padding: 0;
  border: none;
  background-color: transparent;
  flex-shrink: 0;
  margin-left: 1rem;
  font-weight:bold;
  font-size:1.3em;
  color:#555;
}

.drawer_agenda_wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  height:100%;
  width: 100%;
  max-width: 300px;
  z-index: 9999;
  overflow: auto;
  
  transition: transform 0.3s;
  will-change: transform;
  background-color: #fff;
  
  display: flex;
  flex-direction: column; 

  -webkit-transform: translate3d(103%, 0, 0);
  transform: translate3d(103%, 0, 0); /* extra 3% because of box-shadow */ 
  
  -webkit-overflow-scrolling: touch; /* enables momentum scrolling in iOS overflow elements */

  /* Optional */
  box-shadow: 0 2px 6px #777;
}

.drawer_agenda_content {
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  height:100%;
  flex-grow: 1;
  /* padding: 1.5rem; */
  padding: 0rem 1.5rem 0rem 0rem;
  margin: 0 1rem 0 -0.75rem;
}

.drawer--left .drawer_agenda_wrapper {
  left: 0;
  right: auto;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.drawer.is-active {
  display: block;
}

.drawer.is-visible .drawer_agenda_wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.drawer.is-visible .drawer_agenda_overlay {
  opacity: 0.5;
}

.drawer_agenda_content details > summary {
  list-style-type: none;
}
.drawer_agenda_content details > summary::-webkit-details-marker {
  display: none;
}
.drawer_agenda_content details.accordion > summary {
  list-style-type: none;
  display:flex;
}
.drawer_agenda_content details.accordion > summary::-webkit-details-marker {
  display: none;
}
.drawer_agenda_content details > summary:first-of-type {
    list-style-type: none;
}
.drawer_agenda_content details > summary {
    border-bottom: #777 solid 2px;
}
.drawer_agenda_content .tab_is_selected {background-color:transparent !important;}
.drawer_agenda_content .menu_hdr0 {border:none;}
/* End: Sliding left menu  */


/*  Material Icons */    
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: 
    url("https://conference-service.com/fonts/material-design-icons/font//coms.woff2") format('woff2'),
    url("https://conference-service.com/fonts/material-design-icons/font//font/coms.woff") format('woff');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: 'liga';
  -moz-osx-font-smoothing: grayscale;
}
.box {
    width:640px; 
    max-height: 360px;
    background-color: #000;
    position: relative;
}
.container {
  background-color: #000;
  position: relative;
  width: 100%;
  overflow: hidden;
  margin:0px 0;
  padding-top: 56.25%; /* 16:9 Aspect Ratio */
}
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
  padding:0; 
  margin:0;
  overflow: hidden;
}

.innerBox-container {
    position:absolute;
    top:0;left:0;
    display:flex;
    flex-direction:column;
    height:100%;
    width:100%;
    align-items:flex-start;
    justify-content:space-between;
    cursor: pointer;
}
#div-top {width:100%; }
#div-bottom {width:100%;}

/*
.center_hv {
    display:flex; 
    flex-direction:row; 
    justify-content:center;
    align-items:center; 
    display:block;
}


.outerBox {
    width:100%;
    height: 0;
    background: #000;
    padding-bottom: 56.25%;
    border:0;
    cursor: pointer; 
    position: relative;
}


.innerBox {
    background: transparent;
    padding: 0px;
    font-size: 20px;
    border:0;
    position: absolute;
    width:100%;
    height: 100%;left:0;
}

.start-button {
    font-size:5vh;
    z-index: 99;
    color: white;
    background: transparent;
}
*/

@media (max-width: 768px)  {@media (max-width:768px)  {
body {background-color: white !important;

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever 
  word-break: break-all;*/
  /* Instead use this non-standard one: 
  word-break: break-word;*/

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
 .big-start-btn .start-button {display:none;}
#content0 {
  padding: 0;
  margin: 40px 0 0 0;
  background-color: white;
  height: 101% !important;
  box-shadow: none;
}
#content1 {
  padding: 0px 0px;
  margin: 0px;
  background-color: white;
  box-shadow: none;
}
#content2 {padding:10px;}
.page_bottom {
  margin:0 20px;
}
.mobile_banner {width:100%; margin:10px; background-color:white; color:#4a9cd7; margin-top:20px;display: none;}
.mobile_banner_srch {}

#srch_frm {margin: 0 10px;}
.search_section, .result_section, #search_results, .summary {
  padding: 10px;
  margin: 0px;
}
.searchheading  h1 {    padding: 20px 0 0 10px;}

.results {
  padding: 0 0px;
  margin: 0 10px;
}
.zoom_metaform_text {
  max-width: 20em;
}
input.zoom_searchbox {
  max-width: 20em;
}
.result_custommeta {display:inline-block; }
.result_metaname {
    font-weight: bold;
    word-break: keep-all;
}

.pres_row {
display:flex; flex-direction:column;
padding-top:10px;    border-bottom: 2px  #dadada solid;}
.presentation_entry {
         display:flex; 
         flex-direction:column;
         align-items:flex-start; 
         justify-content: space-between; 
         width:100%;
     }

.pic {margin:0; display:block; float:none; width:100%; height:auto;}

#xport1 {margin-left: 20px;}

.text_right {
  text-align: left;
  margin-left:0px;
}

.session_times {display:flex; width:auto;}
.session_desc .text_right {
  text-align: left;
  margin-left:0px;

}

h1.filter_hdr {
  margin: 0;
}




.abstract {
  padding: 0px 6px;
}
.abstracttext {text-align:left !important;}
.back_link {
  padding: 20px 0 20px 6px;
}
.save-to-cal-checkbox {
  margin: 0 6px;
}

#calendar {
  padding: 10px 16px;
}
.fc-agendaAllDays-button {display:none;}
.embedded_link {
    width:300px !important; 
    height:200px !important;
}}