/* EasyChair style sheet
 * (c) 2017 Cool Press Ltd
 * (c) 2018-2021 EasyChair Ltd
 */

#content.content {background:#f6f6ef;}
.menu_and_content { background:#f6f6ef; }
.subcontent { background:#f6f6ef; }

.subcontent a:link { color:#003399; }
.subcontent a:visited { color:#003399; }
.subcontent a:link:hover { color:#f00; }
.subcontent a:visited:hover { color:#f00; }

.smartslide h2 { padding: 5pt 0pt 0pt 0pt; }
.smartslide h3 { padding: 5pt 0pt 0pt 0pt; }

.smartslide .organizers { background: #faecb6; }
.smartslide .authors { background: #ececec; }

.smartslide td.content_container {
  background:#f5f8fa;/*f6f6ef;*/
  border:1px #999 solid;
  vertical-align:top;
  border-top:0px #999 solid;  /* delete top border over menu */
  border-radius: 0pt 0pt 8pt 8pt; /* rounded borders at the bottom */
}

.smartslide .container {
  width: 100%;
  height: 100%;
  border-spacing: 0px;
}

.smartslide .container td {
  padding:0pt;
  vertical-align: top;
  background:#b6c1c9;
}

.smartslide .footbuttons td.numbers {
  padding:0pt;
  vertical-align: middle;
  width: 90pt;
  text-align: center;
  color: #dfeaf0;
  font-size: 12pt;
}

.smartslide .container td.sidebar {
  vertical-align: text-top;
  font-size: 10pt;
  border-right:1px #b0b0b0 solid;
  padding-bottom:15pt;
  background: transparent;
}
.smartslide .container td.relatedbar {
  vertical-align: text-top;
  font-size: 10pt;
  padding-bottom:15pt;
  background: transparent;
}
.smartslide .collectiontext {
  font-size:9pt;
  font-weight:normal;
  padding:10pt 20pt 10pt 20pt;
  background:#fff;
  border-bottom:1px #8fabbf solid;
}
.smartslide .collectiontext a, a:visited { color:#464646; }
.smartslide .collectiontext a:hover { color:#f00; }

.smartslide .abouttext {
  padding:10pt 20pt 0pt 20pt;
  color:#464646;
  font-size:9pt;
  font-weight:normal;
}
.smartslide .abouttext a:link {
  color:#464646;
  text-decoration: underline;
}
.smartslide .abouttext a:visited { color:#447548; }
.smartslide .abouttext a:link:hover { color:red; }
.smartslide .abouttext a:visited:hover { color:red; }
.smartslide .abouttext a.more {
  font-size: 12pt;
  text-decoration: none;
  color: #0777ff;
  line-height: 0.5;
}

.smartslide .abouttitle {
  font-weight:bold;
  margin-right:4pt;
}

.smartslide .slide_header {
  background: transparent;/*#d6cfc7;*/
  width: auto;
  border-spacing: 0px;
  padding: 10pt;
}

.smartslide .slide_header td {
  border-spacing: 0px;
}
.smartslide .slide_title {
  border: solid #fff 0px;
  color:#1a496a;/*768b9e;*/
  font-weight: normal;
  padding-top:10pt;
  padding-bottom:10pt;
  padding-left:4pt;
}
.smartslide .slide_options {
  color:#768b9e;
  padding:10pt 10pt 10pt 10pt;
}
.smartslide .slide_empty {
  white-space: normal;
}

.smartslide img.slide,
.smartslide video.slide {
  display:block;
  margin:0pt auto;
  max-height: 640px;
  max-width: 640px;
}
.smartslide video.slide {
  width: 640px;
  outline: none;
}
.smartslide img.slide {
  border: solid #999 1px;
}


.smartslide .accessbar {
  height:16px;
  width:100%;
  border-collapse: collapse;
}
.smartslide .accessbar td {
   border:1px #b6b1ab solid;
   background: #103753;
   width:1%;
   text-align: center;
   color: #ccc;
   font-size: 10px;
   font-family: Arial;
   line-height: 16px;
   padding: 1px;     /* must be defined or 1px border will appear */
   vertical-align: bottom;
}
.smartslide .accessbar td.selected {
  background:#ff0;
  color: #000;
}
.smartslide .accessbar td div {
  position: relative;
  height:16px;
  width:100%;
  text-decoration: none;
  cursor: pointer;
}
.smartslide .accessbar td.hover {
  background: #041c2c;
  color: #fff;
}
.smartslide .accessbar div img {
  display: none;
  visibility: hidden;
  border:1px solid #800000;
  position:absolute;
  left: 50%;
  bottom: 24px;
  margin-left:-96px;
}
.smartslide .accessbar div:hover img {
  display: inline-block;
  visibility: visible;
  z-index:999;
}

.smartslide .slide_footer input[type="text"] {
  width:20pt;
  height:13pt;
  font-size:9pt;
  font-family:verdana;
  color:#800000;
  padding:0 3pt 0 0pt;
  border:solid 1px #800000;
  text-align:right;
  background:#fff;
}

.smartslide .slide_footer {
  background:#869eb0;/*d6cfc7;*/
  height:32pt;
  border-bottom: 1px #254b82 solid;
}
.smartslide .slide_footerLeft {
  float:left;
  width:48pt;
  white-space:normal;
}
.smartslide .slide_footerCenter {
  margin-left:49pt;
  margin-right:49pt;
}
.smartslide .slide_footerRight {
  float:right;
  padding:4pt 10pt 0pt 0pt;
  width:48pt;
}

.smartslide a.tofullscreen {
  background: url('/images/tofullscreen.png') no-repeat;
  background-position: center center;
  display: inline-block; 
  float : right;
  width: 30px;
  height:35px; 
}
.smartslide a.tofullscreen:hover {
  background: url('/images/tofullscreen_hover.png') no-repeat;
  background-position: center center;
}

.smartslide a.tosmallscreen {
  background: url('/images/tosmallscreen.png') no-repeat;
  background-position: center center;
  display: inline-block;
  float : right;
  width: 30px;
  height:35px; 
}
.smartslide a.tosmallscreen:hover {
  background: url('/images/tosmallscreen_hover.png') no-repeat;
  background-position: center center;
}

.smartslide a.tohead {
  background:transparent url('/images/tohead.png') no-repeat;
  background-position: center center;
  display: inline-block; 
  width: 30px; 
  height:35px; 
}
.smartslide a.tohead:hover {
  background: url('/images/tohead_hover.png') no-repeat;
  background-position: center center;
}
.smartslide a.toleft {
  background: url('/images/toleft.png') no-repeat;
  background-position: center center;
  display: inline-block; 
  width: 45px; 
  height:35px; 
}
.smartslide a.toleft:hover {
  background: url('/images/toleft_hover.png') no-repeat;
  background-position: center center;
}
.smartslide a.toright {
  background: url('/images/toright.png') no-repeat;
  background-position: center center;
  display: inline-block; 
  width: 45px; 
  height:35px; 
}
.smartslide a.toright:hover {
  background: url('/images/toright_hover.png') no-repeat;
  background-position: center center;
}
.smartslide a.totail {
  background: url('/images/totail.png') no-repeat;
  background-position: center center;
  display: inline-block; 
  width: 30px;
  height:35px; 
}
.smartslide a.totail:hover {
  background: url('/images/totail_hover.png') no-repeat;
  background-position: center center;
}

.smartslide a.tosave {
  background: url('/images/tosave.png') no-repeat;
  background-position: center center;
  display: inline-block; 
  width: 25px;
  height: 25px;
  position:relative;
  padding:5pt 5pt 5pt 5pt;
}
.smartslide a.tosave:hover {
  background: url('/images/tosave_hover.png') no-repeat;
  background-position: center center;
}

.smartslide .footbuttons {
  margin:0 auto;
  height: 16pt;
}
.smartslide .footbuttons td {
  background: transparent;
}

.smartslide .slideicon {
  color:#464646;
  font-size:8pt;
  font-weight:normal;
  padding:4pt 4pt 4pt 8pt;
  border:1px #fff solid;
  margin-right:4pt;
  margin-left:4pt;
}
.smartslide .slideicon:hover {
  border:1px #800000 solid;
  cursor:pointer;
}
.smartslide .slidenum {
  color:#000;
  background:#dedede;
  font-size:10pt;
  font-weight:bold;
  padding:1pt 4pt 2pt 4pt;
  float:left;
  border-top:1px #333 solid;
  border-left:1px #333 solid;
  border-bottom:1px #333 solid;
}

.smartslide #slideicons {
  padding:5pt 0pt 0pt 0pt;
  border-top:1px solid #b8b5b0;
  position:relative;
  z-index:100;
}
.smartslide #bkmarks {
  height:12pt;
  padding:10pt 0pt 1pt 1pt;
  background:#b6c1c9;;
}
.smartslide #bkmarks a { /* bookmarks links */
  height:18pt;
  padding:2pt 10pt 2pt 10pt;
  text-decoration:none;
  font-size:9pt;
  -webkit-border-radius:4pt 4pt 0 0; /* Saf3-4, iOS 1-3.2, Android <e;1.6 */
  -moz-border-radius:4pt 4pt 0 0; /* FF1-3.6 */
  border-radius:4pt 4pt 0pt 0pt; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
  border-top:1px solid #b8b5b0;
  border-left:1px solid #b8b5b0;
  border-right:1px solid #b8b5b0;
  color:#666;
  background:#ebeae5;
  position:relative;
  top:0px;
  left:-1px;
  z-index:99;
}
.smartslide #bkmarks a.selected { /* bookmarks selected link */
  height:18pt;
  padding:2pt 10pt 2pt 10pt;
  text-decoration:none;
  font-size:9pt;
  -webkit-border-radius:4pt 4pt 0 0; /* Saf3-4, iOS 1-3.2, Android <e;1.6 */
  -moz-border-radius:4pt 4pt 0 0; /* FF1-3.6 */
  border-radius:4pt 4pt 0pt 0pt; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
  border-top:1px solid #b8b5b0;
  border-left:1px solid #b8b5b0;
  border-right:1px solid #b8b5b0;
  color:#000;
  background:#fff;
  border-bottom:1px solid #fff;
  position:relative;
  top:0px;
  left:-1px;
  z-index:101;
}
.smartslide #bkmarks a:hover {
  color:#333;
}

body.fullscreen {
   background: #b6c1c9;;
}

.smartslide div.fullscreen_container {
   position: absolute;
   margin: 0 auto;
   height: 100%;
   width: 100%;
   z-index: 100;
   border: 1 solid red;
   text-align: center;
   overflow: hidden;
}
.smartslide #fslide_large {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 100%;
}
.smartslide .fullscreen_upperlayer {
   position: absolute;
   height: 100%;
   width: 100%;
   padding: 0px 0px 0px 0px;
   border: 0px;
   border-spacing: 0px;
   z-index: 101;
   visibility: visible;
}
.smartslide .fullscreen_upperlayer td {   
   padding: 0px;   /* or else a 1px border will appear */
}  
.smartslide .topbar {
   color:#fff;
   font-family:Verdana,sans-serif;
   font-size:13px;
   height:28px;
   width: auto;
   border-bottom:1px  #748999 solid;
   background: #869eb0;
   padding-left: 20px;
   opacity: 0.8;
   vertical-align: text-top;
   padding-top: 8px;
   background: linear-gradient(to bottom, #748999, rgba(134,158,176,.1));
   border-bottom:0px  #cfd9e0 solid;
}

.smartslide .topbar {
   color:#fff;
   font-family:Verdana,sans-serif;
   font-size:13px;
   height:28px;
   width: auto;
   border-bottom:1px  #748999 solid;
   background: #869eb0;
   padding-left: 20px;
   opacity: 0.8;
   vertical-align: text-top;
   padding-top: 8px;
   background: linear-gradient(to bottom, #748999, rgba(134,158,176,.1));
   border-bottom:0px  #cfd9e0 solid;
}

.smartslide span.ofstyle {  
  font-size: 12px;
  padding-left: 10px;
  padding-right: 10px;
}

.smartslide .abstract_popup {
   position: absolute;
   top: 50%;
   left: 50%;
   margin-right: -50%;
   transform: translate(-50%, -50%);
   width: 40%;
   max-width:400pt; 
   box-shadow: 8px 8px 8px 4px rgba(0, 0, 0, .2);
   border: solid 1px #a7a7a2;
   border-radius: 8pt;
   background: #fffefa;/*f6f6ef;*/
   padding: 16pt 24pt 20pt 26pt;
   z-index: 100;
}

.smartslide .crossredimg {
    float: right;
    cursor: pointer;
    position: relative;
}

.smartslide .abstract_popup h3 {
    padding: 0pt 0pt 0pt 0pt;
    margin: 0pt 0pt 0pt 0pt;
}

.switch-link {
  display: block;
  width: 145px;
  height: 40px;
  margin: 0 auto;
  border: none;
  cursor: pointer;
}
.switch-link.slides-to-video {
  background: center no-repeat url("/images/button-switch-slides-video.svg");
}
.switch-link.video-to-slides {
  background: center no-repeat url("/images/button-switch-video-slides.svg");
}