html{font-family:  'Source Sans Pro', sans-serif; background-color: #6591C0;}

@media screen and (max-width: 991px) {
header {background-image: url('/img/panorama.jpg');}
  p.maintitleabrev{width:100%;line-height:120%;font-size:120%;margin:0}
  p.where{margin:0;position:absolute;right:5px;bottom:15px;font-weight:normal;font-size:100%}
  span.when{font-weight:bold;line-height:110%;font-size:90%}
}

@media screen and (max-width: 767px) {
header {background-image: url('/img/panorama.jpg');}
  p.maintitleabrev{width:100%;line-height:120%;font-size:120%;margin:0}
  p.where{margin:0;position:absolute;right:5px;bottom:15px;font-weight:normal;font-size:100%}
  span.when{font-weight:bold;line-height:110%;font-size:90%}
}

@media screen and (max-width: 479px) {
header {background-image: url('/img/panorama.jpg');}
  p.maintitleabrev{width:100%;font-size:80%;margin:0}
  p.where{margin:0;position:absolute;right:5px;bottom:5px;font-weight:normal;font-size:60%}
  span.when{font-weight:bold;line-height:70%;font-size:100%}
}

header {background-size: calc(100vw - 12px) auto;width:calc(100vw - 12px); height:calc( (100vw - 12px ) * 0.225)}

body  {width:100vw;background-color:#eee; margin: 0 auto !important;padding:0;color:#333;}
body * :target { background-color: #FCFFBA;}

textarea, input, select, label, fieldset, #abstract_mathml, #abstract_title_mathml, #poster_abstract, #poster_title, #mensagens_arquivadas { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

#page {   border-right:1px solid #fff; border-left:1px solid #fff; 
 min-height:700px; background-color: #fcfcfc;margin: 0 auto ;padding:0; }

header
{
color:#ffffff;padding:0 5px ; 
position: relative; margin:0; text-align:right;font-weight: 700;
}

#logo
{
  padding: 0;background-repeat:no-repeat;width:140px; height:100px;  position: relative;
}

#title
{
    font-weight:bold; margin:0 auto; 
}

#maintitle
{
  position: absolute; left: 5px; top: 5px; font-size:75%;line-height: 105%; width:100%;
}

#print_session_group{display:none}

#menu
{
font-size: 70%; padding:0; margin: 0;background-color: #5d6773;
}

@media screen and (min-width: 326px)  {
    #menu{font-size: 60%;}
}

#menu ul{
    margin:0; padding-left:7px;text-align:center;padding-right:7px;line-height:150%
}

#menu li {display:inline;padding:0 2px 0 0; margin:0}
/* #menu ul {display:inline;margin:0; padding:0; font-size:150%;} */

a.hidden {display:none}
a:link, a:visited{text-decoration:none; color:#225599;}

#menu a:link, #menu a:visited{ color:#ffffff;  white-space:normal; background-color: #5d6773}
#menu a.selmenu:link, #menu a.selmenu:visited{ color:#aaa; white-space:normal; }

#menu a{text-decoration:none;padding:0 5px;}

#texto
{
min-height:514px;  padding:20px;overflow:auto;
background-repeat: no-repeat; font-size:90%
}

.photo_honoree{max-width:40%; margin-right:0px; float:right}

#editor{clear:both}

textarea.codigo {
	color: #555;
	width: 50em; height:13em; margin:5px 0 5px 0; font-size:12px}

h1{font-style: normal; font-weight:bold; color:#3d677f;line-height:110%;font-size:140%}

h2{font-style: normal; font-weight:bold; color:#4C6676; margin-top:2em;font-size:120%}

h3{font-style: normal; font-weight:bold; color:#ae6539; margin-top:1.5em;font-size:110%}

dt{font-weight:bold; margin-bottom:0.5em; color:#ae6539}

#my_abstracts dl dt{font-style: normal;font-size:120%;margin-top:2em;color:#225599}

#my_abstracts dl dd{margin-left:1em}

#my_abstracts dl dd h2{font-style: normal; margin-top:0.5em; margin-bottom:0.5em;
         font-size: 100%; font-weight:bold}


footer{
    clear:both;border-top:thick solid #3d677f;background-color: white;text-align:center;
}

footer img{margin:0 5px;height:30px;width:auto}

.btt {
    font-weight: bold;
    line-height: 1;
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}

button.btt, button.btt:visited {
    background: #bf5700 url('/img/buttons/alert-overlay.png') repeat-x;
    display: inline-block;
    padding: 5px 10px 6px;
    color: #fff;
    text-decoration: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    border-bottom: 1px solid rgba(0,0,0,0.25);
    position: relative;
    cursor: pointer;
    margin: 0 0 1em 0;
}

button.btt:hover, button.btt:focus {
    background-color: #0047af; color: #fff;
}

fieldset{margin-top:1.0em;background-color:#fceeba}

fieldset label{margin-top:1.0em;display:block}

#map, #map_canvas{width:100%}

button.deletefile{
    float:right; color:#ffffff;background-color: #ff7777;
}

#filelist{
    width:50%
}

.abstract{margin-top:0}

.hyphenate {hyphens: auto; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto;}
textarea, .donthyphenate{hyphens: none; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none;}

.speakers {-webkit-column-count:3;
-moz-column-count:3;
column-count:3;}

table.schedule td{padding:5px;position:relative}

.newschedule{background:rgb(245,245,220);background:rgba(245,245,220,.4);position:relative;width: 96%;margin:2em auto 2em auto;font-size:70%;border: thin solid #777;min-width:800px}
.days{position:absolute;top:0;left:0;border-bottom:thin solid #999; width:100%; height:20px}
.hours{position:absolute;top:0;left:0;border-right:thin solid #999; width:5%; height:100%}
.content{position:absolute;top:20px;left:5%;border:thin solid #f99; width:95%;}
.columns{text-align:center; font-weight:bold;position:absolute;border-right:thin solid #999}
.item{position:absolute;background:rgb(220,220,200);background:rgba(220,220,200,1.0);border-left:thin solid #999;border-top:thin solid #999;padding-left:3px;padding-right:3px;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;z-index:10;line-height:1.15em;overflow:hidden}
.document_link {float:right;font-size:75%;max-width:30%;width:130px;padding:0.5em;border:thin solid #995;background-color:#30a4d5;opacity: 0.6;margin:0 0 2em 2em}
.nottalk{z-index:15}
.group1{background:rgb(220,200,220)}
.group2{background:rgb(200,220,220)}

.sticky {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -o-sticky;
  position: -ms-sticky;
  position: sticky;
  top:0;
  z-index:1050
}

.marker{background-color:yellow}

.hyphenate {hyphens: auto; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto;}
textarea, .donthyphenate{hyphens: none; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none;}

.hidedetail{display:none}

.image img{max-width:100%;height:auto;margin-left:auto;margin-right:auto}

#filter{right:0;top:50px;position:fixed; margin:0 0 0 2em; text-align:right;
     min-height:20px;border:thin solid #777; background-color:#fca;padding:5px;
     width:70px; font-size:70%;z-index:1100}

.ssdetails{padding:0.5em 20px}
h4.ssdetails{margin-top:0;margin-bottom:0}

.datetimetip{font-size:80%;color:#999}

#lsearch{white-space: nowrap;padding:0 4px;margin:0 2px;color:#ffffff; background-color: #5d6773;}
#lsearch button{background-color: transparent;border:none}
#fsearch{display:inline}
#fsearch img{vertical-align:middle}
#search input[type="search"]:required {background-color:#ddffdd;color:#000}

#search input[type="search"]:invalid {background-color:#ffdddd;color:#000}

input:invalid {
  background-color: #ffdddd;
}
/* form:invalid {
  border: 5px solid #ffdddd;
} */
input[type="date"]:valid, input[type="time"]:valid, input[type="url"]:valid, input[type="search"]:valid, input[type="number"]:valid, input[type="email"]:valid, input[type="text"]:valid {
  background-color: #ddffdd;
}
/* form:valid {
  border: 5px solid #ddffdd;
} */
input[type="date"]:required, input[type="time"]:required, input[type="url"]:required ,input[type="search"]:required , input[type="number"]:required, input[type="email"]:required, input[type="text"]:required{
  border-color: #800000;
  border-width: 3px;
}
a.abstracts_link{display:block; float:left; max-width:45%}
a.participants_link{display:block; float:right; max-width:45%}