body {
	
	
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #002939;
	line-height : 1.5;
	background: #F8F9F9;
	margin: auto;
	min-width: 300px;
	
}



p {
	font-family: 'Roboto Condensed', sans-serif;
	

}

a:link {a

	color:  #d35400;
	text-decoration: none;
 
	position: static; z-index: -100;
}

a:active {

	color: #d35400;
	text-decoration: none;	

	position: static; z-index: -100; 
}

a:visited {

	//color: #76448a;
	color: #d35400;
	text-decoration: none;	

	position: static; z-index: -100; 
}

a:hover {
	color: rgba(0,0,0,0.54);
	background: ;
	text-decoration: none;
 
	position: static; z-index: -100;	
}

a.title {
    font-family: 'Roboto Condensed', sans-serif;
    color: #002939;
    font-size: 16px;
}

div.item.copyright {
    font-size: 13px;
}

.tabbed {

  position: center;

  width: 90%;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 10px;


}

.center {
	margin: auto;
 
}

h3 {
	font-family:  'Roboto Condensed', sans-serif;
	font-size: 18px;
	color: #002939;
}

.text {
	font-family: 'Lora', serif;
	font-size: 14px;
	color: black;
}

.title {
	font-family: 'Roboto Condensed', sans-serif;
	color: #002939;
	font-size: 11px;
	//font-weight: 700;

}

.pkp_structure_main h2 {
	font-family: 'Roboto Condensed', sans-serif;
	color: #002939;
	font-size: 24px;
	font-weight: 700;

}

/*.articletype {
	font-family: 'Roboto Condensed', sans-serif;
}*/

.notes {
	font-family: 'Roboto Condensed', sans-serif;
	color: ;
	font-size: 14px;
}

.detailstag {
	font-family:  'Roboto Condensed', sans-serif;
	color: #002939;
	font-weight: bold;
	
}

div.value {
	font-family:  'Roboto Condensed', sans-serif;
	color: #002939;
	
}



li {
	font-family:  'Roboto Condensed', sans-serif;
	color: #002939;
	margin: 0 0 0 0;

}

.attachmentsname {
	font-family:  'Roboto Condensed', sans-serif;
	font-weight: bold;
	color: #002939;
	font-size: 18px;
}



.abstractsub {
	font-family:  'Roboto Condensed', sans-serif;
	font-weight: bold;
	color: #002939;
}

.abstracttemplate {
    font-family:  'Roboto Condensed', sans-serif;
}

.abstracttext {
    font-family:  'Roboto Condensed', sans-serif;
    color: #000000;
}

.tabfiglabel {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 12px;
}

.figicon {
	font-family: 'Roboto Condensed', sans-serif;
}

.tabbed > input{
  display : none;
  font-family: 'Roboto Condensed', sans-serif;

}

.tabbed > section > h1{
  float       : left;
  box-sizing  : border-box;
  margin      : 0;
  padding     : 0.5em 0.5em 0;
  overflow    : hidden;
  font-size   : 1em;
  font-weight : normal;

}

.tabbed > input:first-child + section > h1{
  padding-left : 1em;

}

.tabbed > section > h1 > label{
  display                 : block;
  padding                 : 0.25em 0.75em;
  border                  : 1px solid #D0D3D4;
  border-bottom           : none;
  color			  : #fff;

  background              : #002939;
  cursor                  : pointer;
     -moz-user-select     : none;
      -ms-user-select     : none;
  -webkit-user-select     : none;

}



.tabbed > section > div{
 // position      : relative;
  z-index       : 1;
  float         : right;
  box-sizing    : border-box;
  margin        : 2.5em 0 0 -100%;
  
  border        : 1px solid #D0D3D4;

  background    : #fff;
  padding-left: 25px;
  padding-right: 25px;
  padding-bottom: 25px;
//  margin-bottom: 525px;
  width: 100%;
}

.tabbed > input:checked + section > h1{
    position : relative;
    z-index  : 2;

}

.tabbed > input:not(:checked) + section > div{
    display : none;

}

.attachments {
	font-family: 'Roboto Condensed', sans-serif;
	
	color: #ffffff;
	font-size: 1em; 
	
	margin: 1.2em; 
	
	background-color:#002939;
	
	border-radius: 15px;
        border: 2px solid #002939;
        padding: 30px; 
       
}

.inessence {
	font-family: 'Roboto Condensed', sans-serif;
	color: #ffffff; 
	
	font-size: 16px; 
	font-weight: bold;
	
}

p.references {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 12px;
	line-height: 2;
	color: #000000;
	
}



/*th {
	color: #002939;
	font-family: 'Works Sans', serif;
	font-size: 0.8em;
	background-color: #fff;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom: 1px solid #002939;
	border-top: 1px solid #002939;

	
}

tr {

	font-family: 'Works Sans', serif;
	font-size: 0.8em;
	background-color: #fff;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 3px;
	padding-bottom: 3px;
	
}

.fttd {

	font-family: 'Works Sans', serif;
	font-size: 0.9em;
	background-color: #fff;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom: 1px solid #002939;
	border-spacing: 0px

}

.footnote {
	font-family: 'Works Sans', serif;
	font-size: 0.9em;
	background-color: #fff;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 3px;
	padding-bottom: 3px;
	} */
	
.figlabel {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold;
	color: #002939;
	font-size: 12px;
}

.headnotes {
 
  position: center;
  min-width: 900px;
  width: 50%;
  font-family:  'Roboto Condensed', sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #002939;

}
.iecontent {
	font-family: 'Roboto Condensed', sans-serif;
	color: #ffffff; 
	
	font-size: 12px; 
	
	}
	
.pkp_structure_main p {
	line-height: 1.5;
	}



.articlelabel {
	display                 : block;
	padding                 : 0.25em 0.75em;
	border                  : 1px solid #D0D3D4;
	border-bottom           : none;
 
  background              : #002939;
  cursor                  : pointer;
     -moz-user-select     : none;
      -ms-user-select     : none;
  -webkit-user-select     : none;

}

.pkp_structure_main h2 {
    font-family: "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
    font-size: 28px;
    line-height: 1.5;
    font-weight: 700;
    margin: 20px 0 20px;
}

section {
 
  box-sizing    : border-box;
//  margin-top: 2%;
//  margin-right: 6%;
  margin-bottom: 2%;
//  margin-left: 20%;
//  border        : 1px solid #D0D3D4;
//  box-shadow    : 0 0 0.5em #D0D3D4;
//  background    : #fff;
  padding-left: 25px;
  padding-right: 25px;
//  padding-bottom: 25px;

  width 100%;

}

.pkp_structure_main h3 {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 24px;
    line-height: 20px;
    font-weight: 700;
}


.articletype {
	font-family: 'Roboto Condensed', sans-serif;
	color: #d35400; 
	//FONT-WEIGHT: 700i;
	font-size: 18px; 
	
}

hr {
	 width: 5%;
	 background-color: #d35400;
	 height: 1px;
	 border: 0px;
}

.figtable {
	
	border: 1px solid #EAECEE;
	padding: 15px;
}

.labeltd {
	background: #EAECEE;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	border: 1px solid #EAECEE;
}

.pkp_structure_main p {
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
       
        }

.pkp_structure_main {
	padding-bottom: 15px;
	padding-left: auto;
	padding-right: auto;
	//POSITION: ABSOLUTE;
	margin-left: auto;
	margin-right: auto;
    	vertical-align: middle;
    	FLOAT: NONE;
    	
    	width: 100%;
	max-width: 1000px;
	font-family: 'Works Sans', serif;
	
	}

.pkp_structure_content {
	vertical-align: middle;
	display: block;
	}
	
div.pkp_structure_content.has_sidebar {
	width: auto;
	padding-left: 0px;
	padding-right: 0px;
	vertical-align: middle;
	}

div#pkp_content_main.pkp_structure_main {
	vertical-align: middle;
	
}
.pkp_structure_main::before, .pkp_structure_main::after {
	vertical-align: middle;
	}

div.entry_details {
	padding: auto;
	//padding-right: 0px;
	//padding-top: 0px;
	padding-bottom: 20px;
	font-size: 10px;
	}

.obj_article_details .main_entry {
  	width: 100%;
	max-width: 640px;
	padding: auto;
	//padding-right: 0px;
	//padding-top: 0px;
	padding-bottom: 20px;
}

.obj_article_details .entry_details {
  	width: 100%;
	max-width: 300px;
	margin: auto;
}

article {
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
        margin-right: 0px;
	}
	
.obj_article_details .row {
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 20px;
    overflow: hidden;
  
}

.figtable {
	//background: #F8F9F9;
	border: 1px solid #EAECEE;
	padding: 15px;
}

.labeltd {
	background: #EAECEE;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
}
.tablehead {
	background: #EAECEE;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	width; auto;
	margin: auto;
}

th {

	font-family: 'Roboto Condensed', sans-serif;
	font-size: 14px;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 8px;
	padding-bottom: 8px;
	background: #002939;
	color: #fff;
	margin: auto;
	
}

.fttd {

	font-family: 'Roboto Condensed', sans-serif;
	font-size: 14px;
	background-color: #fbfcfc;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid #002939;
	border-spacing: 0px;
	margin: auto;
	letter-spacing: 0px;

}

.fttd2 {

	font-family: 'Roboto Condensed', sans-serif;
	font-size: 14px;
	background-color: #f4f6f7;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid #002939;
	border-spacing: 0px;
	margin: auto;
	letter-spacing: 0px;

}

.fttd3 {

	font-family: 'Roboto Condensed', sans-serif;
	font-size: 12px;
	background-color: #eaeded;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid #002939;
	border-spacing: 0px;
	margin: auto;
	letter-spacing: 0px;

}

.footnote {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 12px;
	margin: auto;
}

.tableframe {
	overflow: auto;
	overflow-y: hidden;
	margin: auto;
}



div#citationOutput.value {
	font-size: 11px;
	}

div.value {
	font-size: 11px;
	}

.obj_article_details .entry_details .item .label {
    font-family: 'Work Sans', sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: rgba(0,0,0,0.54);
}

div.value {
   font-family: 'Work Sans', sans-serif;
    font-size: 13px;
    color: #002939;
}

.subheading {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 16px;
	color: #002939;
	font-weight: bold;
}

.quote {
	padding-left: 20%;
	padding-right: 20%;
	margin: auto;
}

a.obj_galley_link.file.restricted:hover {
 	 background: #002939;
	 color: #fff;
	 border: 1px solid #002939;
	 font-weight: normal;
	 }
	 
	 
#myImg {
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#myImg:hover {
  opacity: 0.7;
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0, 0, 0); /* Fallback color */
  background-color: rgba(0, 0, 0, 0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
  margin: auto;
  display: block;
  width: 75%;
  //max-width: 75%;
}

/* Caption of Modal Image */
#caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}

/* Add Animation */
.modal-content,
#caption {
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}

.out {
  animation-name: zoom-out;
  animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
  from {
    -webkit-transform: scale(1);
  }
  to {
    -webkit-transform: scale(2);
  }
}

@keyframes zoom {
  from {
    transform: scale(0.4);
  }
  to {
    transform: scale(1);
  }
}

@keyframes zoom-out {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(0);
  }
}

/* The Close Button */
.close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px) {
  .modal-content {
    width: 100%;
  }
}



section {
	padding-right:20px;
	padding-left: 20px;
}



.obj_article_details .entry_details {
    float: left;
    width: 300px;
    margin: 0 0 0 -1px;
    border-top: none;
    border-left: 1px solid transparent;
}

.pkp_head_wrapper .pkp_search {
    position: absolute;
    top: 0;
    right: 0;
    height: 40px;
    min-width: 100px;
    padding: 0;
    font-size: 14px;
    line-height: 20px;
    transition: min-width .4s;
    text-align: right;
    overflow-x: hidden;
}

.pkp_structure_main:first-child:last-child {
    float: none;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
}


/**
 * plugins/generic/htmlArticleGalley/display.css
 *
 * Copyright (c) 2014-2017 Simon Fraser University
 * Copyright (c) 2003-2017 John Willinsky
 * Distributed under the GNU GPL v2. For full terms see the file docs/COPYING.
 *
 * Styles for embedded viewing of a HTML galley.
 */

html, body, #htmlContainer, iframe {
	height: auto;
	width: auto;
	overflow: auto;
	margin: auto;
}

iframe {
	padding-bottom: 0px;
	position: fixed;
}

html, body {
	overflow: auto;
	
	
}

iframe {
	border: 0px;
	height: 85%;
	width: 100%;
	position: fixed;
}

.white {
 
  box-sizing    : border-box;
  margin-left: auto;
  margin-right: auto;
  vertical-align: middle;
 
  width: auto;
  box-shadow    : 0 0 0.5em #D0D3D4;
  background    : #fff;
 

}