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.65;
}
p, div { line-height:1.65;}
.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 (dayly overviews) */




.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 0px 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;
}

.result_custommeta {display:flex; }
.result_meta_val {margin-left: 5px;}

#xport1 {display:none;}
.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: 500px)  {      .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; line-height:1.7;}  .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:center; 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.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;  }/*.session_header0 {margin:0 !important; padding:0 !important; } .session_header3  {background-color:#F0F8FF !important; border-bottom: 0 !important;}   -----------------------------------------------------  e0e0fd */ a {color:#555 !important;} .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;}.pres_row {background-color:transparent; margin-bottom:0px; border-bottom: 1px #aaa solid; padding:10px 0;}  .coffee {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; }.authors u {background-color:#9bb1c5 !important  ; border-radius: 3px; color:white !important; display:inline; padding:2px 7px; text-decoration: none; font-weight:bold; white-space:nowrap; margin: 11px 0; line-height:2;}    .authors u a:link {color:white !important; }  .authors .presenter {background-color:#9bb1c5 !important  ; border-radius: 3px; color:white !important; display:inline; padding:2px 7px; text-decoration: none; font-weight:bold; white-space:nowrap; margin: 11px 0; line-height:2;}    .authors .presenter a:link {color:white !important; } /*  .link-not-active  a {         pointer-events: none;         cursor: default;  text-decoration:none !important; color: #183d22 !important;  }*/ #srch_navitem {}/* 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;                padding: 0 5px;             }           .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: 500px)  {             .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-top:5px; margin-bottom: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;    min-width:11em;  }  .session_desc {    padding:0px;    margin:0;    font-size:1.0em;  }  .session_header0  .session_desc a:link {    text-decoration: underline !important;   font-size:1.1em;  color: #207fb8 !important;  }  .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 a:link {    color: #4a9cd7 !important;    text-decoration: underline;    font-weight:normal;    font-size:1.2em;  }      .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.2em;  }  .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;     min-width:11em;   }      .   .zoom {margin: 20px !important;}   .zoom_embed .session_times {display:none;}.poster_link {        background-color: #99bfe8;        color: white;        padding: 10px 20px;        margin: 20px 0;        border-radius: 3px;    }    .poster_link a:link {color:white !important;}            .join_link {          border-radius: 3px;        display: inline;        text-decoration: none !important;        font-weight: 600;        white-space: nowrap;        padding: 7px 10px;        font-size: 1.2em;        font-style: normal !important;    }               .join_link > a:link {               background-color:#297db3  !important;               color:white !important;                padding: 7px 10px;                border-radius: 2px;               }                              .join_link  > a:hover, .join_link > a:focus, .join_link > a:visited {                   background-color: #F0F8FF !important;                   color: #4a9cd7 !important;                   padding: 7px 10px;                  border-radius: 2px;               }.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: center !important;          padding: 0 0 0 10px;       }                  .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 {         }
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialicons/v67/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}

.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: 600px)  {
body {background-color: white !important;}

.navitem {
   align-self: center;
    margin: 0 40px 0 7px;
}
/*.nav_logo {display:none;}*/
.nav_logo {font-size:1.1em; }
.nav_logo img {display:none;}







#content0 {
  padding: 0;
  margin: 20px 0 0 0;
  background-color: white;
  height: 101% !important;
  box-shadow: none;
 margin-top: 40px;
}
#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 {}

.search_section, .result_section, #search_results, .summary {
  padding: 10px;
  margin: 10px;
}
.results {
  padding: 0 0px;
  margin: 0 20px;
}
.zoom_metaform_text {
  max-width: 20em;
}
input.zoom_searchbox {
  max-width: 20em;
}


.pic {margin:0; display:block; float:none; width:100%; height:auto;}



.text_right {
  text-align: left;
  margin-left:0px;
}

.session_desc .text_right {
  text-align: left;
  margin-left:0px;
}


.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;
}}