* { box-sizing: border-box; }
body { background-color: #ffffff; color: #595959; overflow-x: hidden !important; }
body,p,div,td,th,ul,li,ol,a { font-family: Lato, 'Open Sans',Roboto,Calibri,sans-serif }
body,p,div,td,th,ul,li,ol { font-size: 15px }

p,div,li { line-height: 26px }
h1,h2,h3,h4,h5,h6 { font-family: Lato,'Open Sans',Roboto,Calibri,sans-serif;line-height: auto !important}
a:hover {text-decoration: none}

/* Structure */
.container-fluid { padding: 0 !important;}
.wrapper { max-width: 1200px; min-width: 290px; margin: 0 auto; padding: 0 10px; }
.d-none { display: none }

/* Scroll Bars */
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: #f1f1f1;}
::-webkit-scrollbar-thumb { background: #ccc; }
::-webkit-scrollbar-thumb:hover { background: #888; }

/* Header */
.jumbotron { height: 200px; padding: 0 !important; margin: 0 !important; background-image: url(/images/backgrounds/f2@back.jpg) !important; box-shadow: 0 0 12px #000; overflow: hidden;  border-bottom: solid 1px #336699;background-position: center top; background-attachment: fixed;}
.jumbotron h2 { color: #fff; font-size: 16px; font-weight: 700; line-height: 20px; text-shadow: 3px 3px 4px #000; white-space: nowrap; padding: 0; padding-left: 26px; margin: 0; letter-spacing: 1px }
.light-green {color: #93ffdb;} 
#header {padding:0; height:110px; }
.header-left { position: absolute; top: 50%; left: 0}
.header-right {position: absolute; top: 50%; right: 0; padding: 20px 10px 0 0}

/* Structure */
#top-line {display: none; background-color: #eee; z-index: 1000; position: fixed; bottom:0; left: 0; width: 100%}
.cc-banner { display: none; position: fixed; bottom: 0; left: 0; width: 100%; background-color: #333; min-height: 50px; padding: 10px 0 0; z-index: 1001 }
.cc-banner a { color: yellow; }
#layered { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,0.4); z-index:1002; }
#mover { position: fixed; bottom: 18px; right: 20px; } 
#waiter { position:fixed; top: calc(50% - 25px); left: calc(50% - 25px); border: 10px solid #c0e2ff; border-top: 10px solid #3250e4;border-radius: 50%; width: 50px; height: 50px; animation: spin 1s linear infinite; -webkit-animation: spin 1s linear infinite;}
@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); }}
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); }}

/* Top bar */
.navbar-collapse { padding-left: 0 !important; }
.navbar { z-index: 1001; }
.nav>li>a { color: #333 !important; padding-right: 10px !important; padding-left:10px !important }
.navbar-nav>li>a:hover { color: #fff !important; background-color: #5bc0de !important }
.flag { background-position: center center; background-repeat: no-repeat; background-size: 20px 20px; width: 36.88px !important }
.flag-it { background-image: url(/images/gadgets/flagita.png); }
.flag-en { background-image: url(/images/gadgets/flaguk.png); }
.icon-search { background-image: url(https://www.w3schools.com/css/searchicon.png); background-size: 14px 14px; background-position: 8px center; background-repeat: no-repeat; padding-left: 38px;}

/* Breadcrumb */
.breadcrumb { background-color: #fff; border-bottom: solid 1px #ddd; border-radius: 0; padding-left: 8px !important; margin-bottom: 30px }
.breadcrumb li a, .breadcrumb li { font-size: 16px !important; }
.breadcrumb>li+li:before { content: "\0226B" !important; color: orange !important; font-weight: bold !important; text-shadow: 1px 1px 2px #bbb /*"/\00a0";*/ }

/* Footer */
.sponsors { background-color: #fff;  }
.sponsors img { vertical-align: middle; max-width: 130px }
.flex-line {display: flex !important}
.flex-fill {flex: 1 1 auto !important; padding: 6px; }
.flex-fill a { display: block; width: 100%; height: 100% ; background-color: #f8f9fa; border: solid 1px #f8f9fa; border-radius: 6px; text-align: center; padding: 16px 0 10px}
.footer .flex-fill a{ background-color: white !important; border: solid 1px #ddd }
.footer .flex-fill a:hover { border: solid 1px orange !important }
.footer.bottom.most a { color: yellow !important }
.footer.bottom.most a:hover { color: #FFEB3B !important }

/* Top menus */
.dropdown-menu { min-width: 300px }
.dropdown-menu li>a { padding-top: 6px; padding-bottom: 6px }

/* Footer menu */
.footer .list-group-item { background-color: transparent !important; color: #fff !important; border: none !important; padding: 5px !important; font-size: 14px !important;}
.footer .list-group-item:hover { color: #FFEB3B !important; text-decoration: underline  }
.footer h3 { font-size: 16px !important; border-bottom: solid 1px #ddd; padding-bottom: 10px }
.footer h3>span { display:none }

/* Lateral Menu */
.overlay {position: fixed;z-index: 1003;right: 0;top: 0;bottom:0;width: 0;min-height: 100%;max-height: none; transition: 0.5s;padding-bottom: 60px;background-color: #f8f9fa;}
.overlay .list-group-item { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding: 8px 10px }
.overlay-content { top: 2%;width: 100%;text-align: left;margin-top: 50px; margin-bottom: 20px; padding: 0 20px; }
.overlay-content h3 { font-size: 20px; color: #595959; text-align: left !important }
.overlay .closebtn { display: block; color: #545454 !important; text-decoration: none; }

/* Home page headers */
.home-title {margin-bottom: 20px; cursor: pointer }
.home-title:hover { color: #3c96c3; text-shadow: 2px 2px 2px #bbb }

/* Right menu */
#right-menu { position: sticky; position: -webkit-sticky; top: 56px; }
#right-menu .list-group { border-radius: 0 }
#right-menu .list-group-item { display: block; background-color: #f8f9fa; border: solid 1px #fff !important; text-align: left; box-shadow: none !important; color: #595959; margin-bottom: 3px;text-decoration: none !important; border-radius: 6px; padding-left: 10px; padding-right: 18px; overflow: hidden; line-height: 22px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; background-image: url(/images/gadgets/alt-menu-carat-l.png); background-position: 98% center; background-repeat: no-repeat; background-size: 14px 14px; }
#right-menu .list-group-item:hover, #right-menu .list-group-item:focus {color: #000 !important; background-color: #fff; border: solid 1px orange !important }
#right-menu .reduced { font-size: 92%; line-height: 20px; margin-bottom: 1px !important; padding-top: 4px !important; padding-bottom: 4px !important }

.full-button { display: block; background-color: #f8f9fa; height: 48px; border: solid 1px #fff !important; text-align: left; white-space: normal !important; box-shadow: none !important; color: #595959; margin-bottom: 3px; text-decoration: none !important; border-radius: 6px; padding-left: 10px; padding-right: 10px; overflow: hidden; line-height: 22px;}
.full-button:hover { color: #000 !important; background-color: #fff; border: solid 1px orange !important; }

/* Accordion */
#accordion-menu .panel-default {border: none; margin: 0 !important }
#accordion-menu .panel-default>.panel-heading { padding: 0 !important; color: #333; background-color: #fff; border: none; }
#accordion-menu .panel-title {font-size: 15px; font-weight: 400; margin: 0 !important; padding: 0 !important; border-top: dotted 1px #ddd }
#accordion-menu .panel-title a {display: block; padding: 10px 10px; margin: 0; border: dotted 1px white; border-radius: 4px }
#accordion-menu .panel-title a:hover { border: dotted 1px orange; text-decoration:none; }
#accordion-menu .panel-title a:before { content: '\25B2'; float: right; }
#accordion-menu .panel-title a.collapsed:before { content: '\25BC'; float: right; }
#accordion-menu .panel-title .fas { display: inline-block; float: right;  }
#accordion-menu .list-group-item { font-size: 13px; margin: 0; padding: 6px 20px 6px 10px; border-radius: 4px; border: transparent}
#accordion-menu .list-group-item:hover { background-color: #fff; border: solid 1px orange }
#accordion-menu ul.list-group { max-height: 40vh; overflow-y: auto}

/* Horizontal menu in full-text */
#paper-buttons { margin-top: 20px; margin-bottom: 30px }
#paper-buttons i { display: block; font-size: 20px; padding-bottom: 8px }
#paper-buttons span { display: block; font-size: 12px; white-space: nowrap }
/*
#paper-buttons .flex-fill { background-color: #f8f9fa;}*/
#paper-buttons  a { color: #626161; text-decoration: none !important }
#paper-buttons  a:hover { color: #337ab7; background-color: #fff; border: solid 1px #337ab7 !important }
#paper-buttons .active { background-color: #fff; border: solid 1px #337ab7 !important}

/* Article Lists */
a.list-group-item:hover {background-color: rgba(160,200,220,.12) !important}
.top { margin-top: 0; padding-top: 0 }
.silver { font-style: italic; }
.mb-20 { margin-bottom: 20px; }
.btn-local { float: right; margin-top: -2px}
.article-container.media-wide img { width: 180px !important; height: 180px !important; border-radius: 4px; border: solid 1px #ddd }
.article-container .media-left img { width: 140px; height: 140px; border-radius: 4px; border: solid 1px #ddd }
.article-list:hover { background-color: #f8f9fb; }
.kind, .title, .authors, .info { padding: 0 0 4px 0; margin: 0; line-height: 20px !important}
.title { font-weight: bold; font-size: 118%; color: #595959 !important }
.kind, .info {font-style: italic}
a.wbox { font-weight: bold !important}

.well { background-color: #f8f9fa !important;}
.summary { margin-top: 35px }
.cursor { cursor: pointer}
.r2l { text-align: right }

/* Lists */
.overflown { max-height: 75vh; overflow-y: auto }

/* Volume list */
.col-container { justify-content: center /*space-between;*/ }
.w-flex { margin: 3px }
.a-flex { width: 20%; margin-bottom: 6px } 
.a-flex a { margin: 3px; display: block; background-color: #f8f9fa; padding: 8px 6px; border: solid 1px #f8f9fa; border-radius: 4px; color: #595959; text-decoration: none; height: 100%; }
.a-flex .key { background-color: #fff}
.a-flex a:hover { background-color: #eee; color: black; border: solid 1px #ddd; }
.volume-container, .col-container, .flex-container { display: -webkit-flex; -webkit-flex-wrap: wrap; display: flex; flex-wrap: wrap; }
.volume-container .list-group-item { width: 50% }
.volume-container .media-left img { width: 140px; border-radius: 4px; border: solid 1px #ddd }
.vol-details { font-size: 88%; line-height: 20px }

/* Responsive */
.hide-desktop, .hide-scroll { display: none }
.m-right { float: right; margin-left: 30px; width: 107px }
.m-right a { text-align: right !important; font-size: 108%; border: transparent }
.block-570 { display:none }

/* TimeLines */
#news-list { overflow-y: auto; border-bottom: solid 1px #ddd }
#f-box { height: 663.49px; border: solid 1px #ddd; border-radius: 5px; margin-bottom: 20px; overflow: hidden }

#adBlock, .gc_ cse_block_container, .gsc-wrapper .gsc-adBlock {display:none !important}
.gsc-results .gsc-cursor-box .gsc-cursor-current-page { color: #595959 !important; }
.gsc-webResult.gsc-result, .gsc-results .gsc-imageResult { margin-bottom: 6px !important; border-radius: 8px; }
._1drm, ._1drn { border: none !important; }

/* Articles */
.img-big-thumb { border-radius: 4px; border: solid 1px #ddd}
.article-title { font-size: 1.90769em; font-weight: 400;line-height: 1.2em;text-shadow: 2px 2px 2px rgba(99,99,99,.3); }
.chapter h1, .chapter h2, chapter h3 { font-weight: 400; line-height: 1.2em; text-align: left; text-shadow: 2px 2px 2px rgba(99,99,99,.3);}
.chapter h1 { font-size: 1.80769em; }
.chapter h2 { font-size: 1.40769em; font-style: italic }
.chapter h3 { font-size: 1.20769em; }
.pre { position: relative; margin: 20px 0px; cursor: pointer; text-align: center; padding: 10px 10px 10px 2px; border: 1px solid #fff; border-radius: 8px; max-width: 96%; overflow-x: auto }
.pre:hover { border: solid 1px orange }
.pre .eqn { position: absolute; top: 40%; right: 6px; font-size: 118% }
code { background-color: transparent; color: #595959; font-family: 'Times new Roman',serif; font-style: italic; font-weight: bold; font-size: 118% }
a.wlink,a.ref { font-weight: bold }


.orcid { background: transparent url(/images/gadgets/orcid-small.jpg) left center no-repeat;background-size: 14px 14px; padding-left: 20px;}

/* Papers */
.section h2, .b-sect h2 { border-bottom: solid 1px #ddd; margin: 30px 0 8px; padding-bottom: 8px }
.section h3 { font-style: italic }
.b-sect h3 { border-bottom: solid 1px #ddd; margin-bottom: 8px; padding-bottom: 8px }
.b-sect h4 { font-weight: bold; }

/* Inline item boxes */
.legendbox .legend {padding-right: 8px }
.cdata-container-min { max-height: 240px !important; overflow: auto; } 
.cdata-container table { background-color: #fff; border-bottom: solid 1px #ddd }
.cdata-container table.tdata { width: 100% }
.cdata-container th { background-color: #eee; vertical-align: middle !important; }
.cdata-container td { padding-left: 4px; padding-right: 4px }
.cdata-container.box-container { padding-top: 10px; border-top: dotted 1px #595959 ! important; border-bottom: dotted 1px #595959 !important}
td.tdln, th.thln { text-align: left }
td, th {text-align: center }
.image-textbox { background-color: #f8f9fa !important; margin: 20px 0; }
.image-textbox .imgbox img { border-radius: 4px; }
.image-textbox .imgbox, .image-textbox .legendbox { width: 100% }
.image-textbox .col { width: 50% !important }
.image-textbox a.linkbox { display: block; -moz-border-radius: 6px; border-radius: 6px; border: 1px solid #ddd; overflow: visible; margin-top: 20px }
.image-textbox a.linkbox:hover { border: solid 1px orange }
.image-textbox a.shortbox { max-height: 240px !important; overflow: hidden !important; margin-top: 0 !important}
.image-textbox .line-clamp { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 9; max-height: 234px; overflow: hidden; }
#chart { width: 100%; max-width: 100%; height: 300px; margin: 0 auto; overflow: hidden;  }
#pie-chart { width: 100%; max-width: 100%; height: 270px; margin: 0 auto; overflow-x: hidden }

/* References */
.biblio-item { display: table; margin: 8px 0 }
.biblio-no, .footnote-no { display: table-cell; margin-top: 0; text-align: right; width: 2em; }
.biblio-text, .footnote-text { display: table-cell; padding-left: 16px;  }

/* Special Text */
.top { margin-top: 0 !important; padding-top: 0 !important}
.top10 { margin-top: 10px}
.top20 { margin-top: 20px}
.section { margin-bottom: 20px; }
.section h4, b-sect h4 { font-weight: bold; margin-top: 20px}
.bordered {  border-bottom: solid 1px #ddd; padding-bottom: 10px; margin-bottom: 20px }
.auth {margin-bottom: 20px }

/* Abstract */
.main-title { line-height: 1.5em; margin-top: 0; padding-top: 0; text-shadow: 2px 2px 2px rgba(99,99,99,.3) }
.auth-link, .key-link, .corr-link { font-weight: normal !important; color: #111 !important; font-size: 1.2em !important; white-space: nowrap; line-height: 1.7em }
.auth-link:hover, .key-link:hover { color: #2489ce !important; text-decoration: underline black !important }

/* viewer */
#view-canvas{position:fixed;z-index:1099;top:0;left:0;bottom:0;right:0;background:#fff;display:none;border: solid 10px #eee;}
#v-header{height:44px;padding:4px;overflow:hidden;display:block;border-bottom:solid 1px #eee;background-color: #eee}
#v-image-legend{padding:10px;}
#v-image-content{padding:10px;}
#v-image-button{background:transparent;position:fixed;bottom:170px;width:43px;right:20px;border-radius:6px;overflow:hidden;}
#v-list{position:fixed;bottom:0;left:0;right:0;height:125px;overflow:hidden;background-color:#eee;}
.v-list-mover{display:inline-block;position:absolute;top:0;width:38px;height:125px;padding:2px;background-color:white;text-align:center}
.v-list-mover a{display:block;}
#v-list-slider{width:calc(100% - 80px);margin:0 auto;height:125px;max-height:140px;overflow-x:auto;overflow-y:hidden;}
a.v-list-img{display:inline-block;border:solid 1px #eee;width:120px;height:100px;overflow:hidden;border-radius:6px;position:relative;}
a.v-list-selected, a.v-list-selected:hover{border:solid 1px orange;}
a.v-list-img:hover{border:solid 1px orange;}
a.v-list-img>img{max-width:100%;margin:auto;}
.v-image-name{position:absolute;bottom:0;left:0;right:0;padding:2%;min-height:22px;background-color:black;opacity:0.6;filter:alpha(opacity=60);}
.v-image-name p{margin:0;padding:0;color: #fff;font-size:15px;color:white;opacity:1.0;filter:alpha(opacity=100);}
#v-image-content .cdata-container th{ vertical-align:middle !important; padding:12px 6px; font-size:14px; min-width:26px }
#v-image-content .cdata-container td{ vertical-align:top; padding:6px !important; font-size:14px }
.t-ellipses {display: block;width: calc(100% - 201px);white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.v-list-button { position:absolute;display:block;top:0;bottom:0;width:39px;background-color:#eee;z-index:5001; }
.v-list-button>a { display:block;top:-6px;bottom:0;width:100% !important;height:120px !important;z-index:5001; }
ul.appendix-box li a { -webkit-box-shadow: 0 0 0 #fff !important; box-shadow: 0 0 0 #fff !important; border: solid 1px #f8f9fa !important; background-color: #f8f9fa !important; }
ul.appendix-box li a:hover { border: solid 1px orange !important; background-color: #fff !important; }

/* Flex items */
.b-flex {width: 33%; }
.b-flex .inner { margin: 3px; display: block; background-color: #f8f9fa; padding: 8px 6px; border: solid 1px #f8f9fa; border-radius: 4px; color: #595959; text-decoration: none; height: 93% }

/* Others */
.hide-desktop { display: none }
.btn-local { display:none; margin-left: 10px; }
.btn-local span.fa-th:after { content: ' Menu'; font-family: Lato, 'Open Sans',Roboto,Calibri,sans-serif; }
.btn-nav-share a { text-align: left }

@media screen and (max-width: 992px) {
  #top-line {display: block; max-width: 100%}
  #right-menu { display: none }
  #news-list, .side-list-container { height: auto !important; max-height: auto !important; overflow-y: visible; }

  .flex-line-b {display: -webkit-flex; -webkit-flex-wrap: wrap; display: flex; flex-wrap: wrap;}
  .flex-line-b .flex-fill { width: 50% }
  .a-flex {width: 33%;}
  
  .volume-container .list-group-item { width: 100% }
  .article-container .media-left img { width: 140px !important; }
}
@media screen and (max-width: 900px) {
  .b-sect h2.top { margin-top: 30px !important }
  .hide-menu { display:none }
  .section h2, .b-sect h2 { margin: 30px 0 8px; padding-bottom: 8px }
}
@media screen and (max-width: 768px) {
  .hide-desktop { display: inline-block }
  .r2l { text-align: left }

  .navbar-nav { padding: 0 15px }
  .navbar-nav .dropdown-menu li:hover { background-color: #a6e2f4; color: #fff }

  .header-right {display:none}
  .header-left {width: 100%; text-align: center;}
  .jumbotron h2 {padding-left: 0 !important}
  .btn-local { display: block }

  .table-switch thead { display: none }
  .table-switch td { display:block; text-align: left }

  #news-list { max-height: auto; }
}
@media screen and (max-width: 599px) {
  .breadcrumb img {display:none}
  .img-big-thumb { width: 120px }
  .article-container .media-left img { width: 110px !important; max-height: auto !important; height: auto !important;}
  .img-thumb { width: 80px }
  .a-flex {width: 100%;}
  .b-flex {width: 100%;}
  .button-group a { display: block; margin-bottom: 10px }
}
@media screen and (max-width: 460px) {
  .article-container .media-left, .volume-container .media-left { display: block; width: 100%; margin-bottom: 20px; max-height: 280px; overflow: hidden; border: solid 1px #ddd; border-radius: 4px; padding-right: 0 }
  .article-container .media-left img, .volume-container .media-left img { width: 100% !important; max-height: auto; height: auto; border: none }
  .article-container .media-body, .volume-container .media-body { display: block; width: 100%; }
  .jumbotron h2 {font-size: 14px}
}