/*==============================================================
   = Common =
================================================================*/
@import url('https://fonts.googleapis.com/css2?family=PT+Serif:wght@700&display=swap');

html, body {
    margin: 0;
    font-family: 'Barlow', sans-serif;
    color: #333333;
    background: #f8faff;
    line-height: 1.4;
    width:100%;
    height:100%;
}

p {font-size:14px; line-height: 2;text-align: justify;}

p a {color:#da6f07;}
p a:hover {text-decoration:underline;}s

#reference p a, #article-tools p a{color:#2a6496;}

a {
    color: #1f497d;
    text-decoration: none;
}
a:hover {
    text-decoration: none;
    color: #e07722;
}
a:focus {
    text-decoration: none;
}

h1, h2, h3 {line-height:1.4;}
h1 {
    font-size: 24px;
    margin-bottom: 25px;
    font-family: 'PT Serif', serif;
    color:#000;
    font-weight:lighter;
}
.mini-title{font-size:16px;color:#000;}

h2 {
    font-size: 2.4rem;
    
}

h3 {
    font-size: 2rem;
}



ul.nanoient {font-size: 14px; position: relative;}
ul.nanoient li {line-height: 2.5; }


/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #eee; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #2399c5; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #2e608b; 
}


#reference p{text-align:left;font-family:calibri;margin:15px 5px;font-size:16px;line-height:1.2;text-align:justify;}


/*==============================================================
   = Editor Table =
================================================================*/
#editor-table tr:nth-child(1) {
    background: #f9f9f9;
}
#editor-table tr{border-bottom: 1px solid #ddd}
#editor-table td {
    padding: 13px 45px;
    vertical-align: top;
    line-height: 25px;
}

#editor-table td a {
    font-size: 21px;
    line-height: 55px
}

/*==============================================================
   = Header =
================================================================*/

#header {
    background: #feffff;
    height: 95px;
    box-shadow: #1f497d5c 0 0 7px;
    width:100%;
}

#logo-box {
    width: 360px;
    height:95px;
    float: left;
    margin:0;
}

#logo {
    width: 80px;
    height: 80px;
    float: left;
    margin:8px 6px 7px 15px;
}

#jname {
    color: #da6f07;
    font-size: 21px;
    margin: 9px 0 0 0;
    line-height: 22px;
    font-family: 'Barlow', sans-serif;
}


#header-menu {
    list-style: none;
    float: right;
    font-size: 14px;
    position: relative;
    margin:0;
    padding:0;
    z-index:200;
}



#header-menu li {
    display: inline-block;
    margin: 37px 8px;
    padding:0;
}

#header-menu li a {
    text-decoration: none;
}

#header-menu li:hover ul {
    display: block;
}

#header-menu ul {
    position: absolute;
    background: #fcfcfc;
    list-style: none;
    margin: 0 0 0 0;
    padding: 0;
    display: none;
    box-shadow: #1f497d5c 3px 5px 9px;
}

#header-menu ul li {
    margin: 0;
    display: block;
}

#header-menu ul a {
    display: block;
    padding: 10px 30px;
    
}

#header-menu ul a:hover {
    background: #1f497d14;
    color: #da6f54;
}

#menu-bar{
    display:none;
}

#clear{clear:both;}
/*==============================================================
   = Archive box. =
================================================================*/
#archive-box div{float:left;padding:25px;}
#archive-box p a{color:#2a6496;}
#archive-box h2 {border-bottom:1px solid #eee; padding:0 70px 9px 0;}

/*==============================================================
   = Author and Aff. =
================================================================*/

#authors {
    font-size: 15px;
    position: relative;
    text-align:left;
    color:#1f497d;
    font-weight:bold;
}
#authors p {line-height:1.6;}
#authors span {
    
    padding: 2px 5px;
    border-radius: 7px;
    cursor: pointer;
    display:inline-block;
}

#authors span:hover {
    color: #e07722;
}

#authors span:hover span {
    display: block;
}

#authors span span {
    background: #fff;
    color:#000;
    border-radius: 5px;
    display: none;
    position: absolute;
    font-size: 14px;
    font-weight: normal;
    padding: 15px;
	box-shadow:0 0 5px #000;
	z-index:200;
	left:0;
}
#authors span span:hover {color:#000;}




#abstract {
    background: #e6f1ff;
    padding: 20px;
    text-align: justify;
    line-height: 22px;
    margin: 20px 0;
}

#abstract p {font-family: Georgia, serif;
    font-size: 17px;line-height:1.6;}

#topad {
    max-width: 728px;
    height: 90px;
    color: #ccc;
    margin: 10px auto 0 auto;
}


#bottomad {
    max-width: 970px;
    height: 250px;
    margin: 10px auto;
}





/*==============================================================
   = Article Tools =
================================================================*/
#article-tools {
   font-family: Helvetica, Sans-Serif;
}
#citation-box {
    font-size:15px;
    float:left; 
}

#citation-box p{
    font-size:15px;
}

#view-box {
    float: right;
    margin:0 25px 0 0;
}


#share-box {
   float:right; 
}

#share-box div {
    margin: 0 5px 5px 5px;
    float: right;
    height: 50px;
    font-size: 12px;
    cursor:pointer;
    position:relative;
}
#share-box div:hover ul{display:block;position:absolute;}

#share-box div p{font-size:12px;margin:1px 1px;padding:2px 2px;text-align:center;}
#share-box div ul {
    display:none;
    position: absolute;
    list-style: none;
    background: #fff;
    width: 210px;
    font-size: 15px;
    margin: 0;
    padding: 0;
    box-shadow: 1px 1px 5px #ccc;
    display: none;
    z-index: 1;
    top:65px;
    left:0;
}

#share-box div ul li a {
    display: block;
    padding: 5px 10px;
    border-bottom: 1px solid #eee;
}


#pdf-download-icon {
    font-size:22px;
    padding:9px 9px;
    border:1px solid #447abd;
    color:#447abd;
    border-radius:50px;
}

#share-icon {
    font-size:22px;
    padding:9px 10px;
    border:1px solid #447abd;
    color:#447abd;
    border-radius:50px;
}



#download-citation {
    font-size:21px;
    padding:10px 10px;
    border:1px solid #447abd;
    color:#447abd;
    border-radius:50px;
}

/**** Content ****/
#content-wrapper {
    width: 100%;
    margin: 10px auto 10px auto;
    background: #feffff;
    box-shadow: #1f497d5c 0 0 3px;
}

#wrapper2 {
    max-width: 1300px;
    margin: auto;


}

#content {
    float: left;
    width: calc(100% - 315px);
    font-family: arial, sans-serif;
}


#content, #sidebar {
    padding: 10px;
    margin: 5px;

}

#article-category{color:#363636;font-size:12px;top:10px;position:relative;font-family:Helvetica, Sans-Serif;}
#article-category a {color:#363636;}
#article-category a:hover {color:orange;}
#article-category span {display:inline-block;background:#ebebeb;padding:0 19px;}
/*** DOI ***/
.doi {
    background: #000;
    padding: 6px 4px;
    border-radius: 50px;
    color: #ffffff;
    font-weight: bold;
    font-size: 10px;
    font-family: arial;
}


.article {
    border-top: 1px solid #eeeeee;
    font-family: Georgia, Serif;
    margin: 25px 0 0 0;
}

.article p {
    margin-left: 5px;
    font-size: 13px;
    font-family: arial;
    line-height:1.6;
}
.article p a {color:#2a6496;}
.article h2 {
    font-size: 20px;
    color: #333;
    font-weight: normal;
}

.article a {
    text-decoration: none
}

/*** Current Issue ***/
#current-issue {
    float: left;
    width: 620px;
}

#current-issue #jinfo p {
    margin: 0;
    font-size: 13px;
    line-height: 21px;
    color: #000;
}

#current-issue h2 {
    font-size: 16px;
    font-weight: bold;
    color: #1f497d;
}


/*==============================================================
   = Journal Cover =
================================================================*/


#journal {
    background: rgb(153, 153, 51);
    background: linear-gradient(90deg, rgba(153, 153, 51, 1) 0%, rgba(238, 233, 204, 1) 100%);
    width: 190px;
    height: 250px;
    margin: auto;
    box-shadow:5px 5px 5px #000;
    position:relative;
}

#journal #red {
    background: #e52b26;
    width: 40px;
    
    margin-left: 10px;
    height: 250px;
    float: left;
}

#journal #red img {
    width: 30px;
    height: 30px;
    margin:20px auto 3px auto;
    display:block;
    
}

#journal #red p {
    font-size: 2px;
    color: #fff;
    text-align: center;
}

#jtitle-area {
    width: 130px;
    height: 230px;
    padding: 5px 10px 0 0;
    margin: 10px 0 0 0;
    background: #fffded;
    float: right;
    border-radius: 20px 0 0 20px
}

#jtitle {
    text-align: right;
    color: #bf0808;
    font-size: 11px;
    font-weight: bold;
    line-height:16px;
    margin-top: 20px;
}

#jissn{
    font-size:5px;
    text-align:right;
    color:#000;
    line-height:1.2;}

#jpublisher {
    font-size:5px;
    text-align:right;
    color:#000;
    line-height:1.2;
    margin-top:100px;
    
}


@keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}
#journal:hover #jblack-cover {
    display:block;animation: fadeIn 1s;
}
#jblack-cover{
    
    position:absolute;
    width:100%;
    height:100%;
    background:#2b4257;
    border:6px #ffd600 solid;
    display:none;
    
}
#jblack-cover p {
    color:#ffd600;
    font-family: 'Barlow', sans-serif;
    font-size:15px;
    text-align:center;
    margin-top:75px;
}


/*** Submit paper button ***/
#submitpaper-btn {
    display: block;
    padding: 10px;
    background: #2B4257;
    color: #FFF;
    margin: 8px 0;
    font-weight: 600;
    font-size: 15px;
    text-align: center;
}


input {
    padding: 8px;
    border: 1px solid #ccc;
    margin:10px;
    border-radius:3px;
}

input:focus {
    outline-color: #4e81b5;
    outline-width: 1px
}

input[type="text"] {
    font-size: 14px;
    color: #333;
    box-sizing: border-box;
}


input[type="submit"]:hover {
    background:#ddd;
    
}

.clear {
    clear: both;
}

/*** Footer ***/

/*** footer1 ***/
#footer1 {
	font-family:calibri;
    background: #10151c;
    padding: 30px 15px 15px 15px;
}

#foot-row {
    content: "";
    display: table;
    clear: both;
    margin: auto;
}

#footer1 h2 {
    color: #bbb;
    font-size: 15px;
}

.foot-col {
    width: 250px;
    margin: auto 10px;
    float: left;
}

.foot-col a {
    color: #aaa;
}

.foot-col ul {
    color: #aaa;
    list-style: none;
    font-size: 14px;
}


/*** footer2 ***/
#footer2 {
    background: #1a202a;
    padding: 10px 0;
    clear: both;
	font-family:calibri;
}

#copyright {
    color: #aaa;
    text-align: center;
    font-size: 14px
}

#social {
    margin: auto;
    display: block;
    font-size: 20px;
    width: 300px;
}

#social li {
    display: inline-block;
    padding: 5px 7px;
}

#social li a {
    padding: 5px 7px;
    color: #aaa;
    text-decoration: none;
}


/*==============================================================
   = Journal of Environmental  Nanotechnology - Left Side bar                         =
================================================================*/


.collapsed {
    display: block;
    background: #1b6c8a;
    color: #FFF;
}

.collapsed:hover {
    color: #333;
}

.accordian-menu {
    list-style: none;
    padding: 0;

}

.accordian-menu li {
    font-size: 13px;
}

.accordian-menu li a {
    color: #333;
}

.accordian-ico {
    color: #1968b5;
    padding: 0 5px;
    font-size: 12px;
}

.volume-icon {
    color: #FFF;


}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
    color: inherit;
}

.panel-body {
    padding: 5px;
}

.panel-heading {
    padding: 6px 14px;
}

.panel-group .panel + .panel {
    margin-top: 2px;
}

.sidePadding {
    padding: 0;
    margin: 0;
}


/*==============================================================
   = Journal of Environmental  Nanotechnology - Right Side bar                         =
================================================================*/
.ientBack {
    display: inline-block;
    border: 2px solid #73bed1;
    padding: 10px 43px;

}

.ientBack:hover {
    border: 2px solid #e74f55;
}

.ientSmall {
    display: inline-block;
    float: left;
    padding: 5px;
}

.ientSmall img {
    max-width: 55px;
    float: left;

}

.openAccess img {
    border: 2px solid #73bed1
}

.openAccess img:hover {
    border: 2px solid #f68211
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
    color: inherit;
}

.collapsed {
    background: #1b6c8a;
}

.ientIcon {
    font-size: 32px;
    float: left;
    padding: 7px 0 5px 8px;
    font-weight: 600;
    color: #e74f55;
    font-weight: normal;
}

.ientBack-button {
    display: inline-block;
}

.submitButton {
    display: block;
    padding: 5px;
    background: #2B4257;
    color: #fff;
    margin: 5px 0;
    font-weight: 600;
    font-size: 17px;
    text-align: center;
    text-decoration: none;
}

.submitButton:hover {
    color: #fff;
}

.contactSubmit {
    background: #0095fc;
    margin: 10px 0 0;
    padding: 5px 25px;
    text-transform: uppercase;
    font-weight: bold;
    display: block;
    border: none;
    border-bottom: 2px solid #0f5496;
    background: #1968b5;
    border-radius: 6px;
    color: #FFF;
}

.sidebar-link-yellow {
    color: #FFD600;
}
.submitButton:hover .sidebar-link-yellow {color:#ffe38e;}


.sidebar-head {
    color: rgb(255, 255, 255);
    padding: 10px;
    background-color: #56BBD5;
    border-bottom: 7px solid #747474;
    margin-bottom: 5px;
}

.orange-background {
    background: #db901f !important;
    line-height: 25px;
    font-weight: 600;
}

.orange-background a {
    color: #FFF;
}

.sidebar {
    width: 250px;
    padding: 5px;
    float: right;
	font-family:arial;
}

.sidebar a:hover {text-decoration:underline;}

.scopus-index {
    border-top: 1px solid #a5ddf7; 
    border-bottom: 1px solid #a5ddf7;
    margin-bottom:5px;
    background:#75b1db0d;
    padding:10px;
    border-left:100px solid transparent;
    border-right:100px solid transparent;
}
.scopus-index p {color:#000;font-size:12px;font-weight:bold;margin:0 0 0 -45px; position:relative;left:55px;}
.scopus-index img {position:relative;left:-85px;}



.sidebar-button {
    display: inline-block;
    width: 100%;
    padding: 5px;
    margin: 3px 0 0 0;
    background: #1b6c8a;
    color: #FFF;
    font-size:13px;
}
.sidebar-button:hover {color:#fff;}
.rightArrow {
    float: right;
    margin-right: 5px;
}

.openAccess {

}

.openAccess img {
    width: 100%;
}

.sideArticle {
    font-size: 12px;
    border-bottom: 1px solid #CCC;
    padding-bottom: 5px;
}

.sideArticle a {
    margin-left: 5px;
}

.special-link a:hover {
    color: #FFF;
}

#orangebox {display:none;}



#publisher {
    width:250px;
    margin:auto;
    
}

#pubcolor{color:#FFD600;font-weight:bold;}
#publisher img {
   width:250px;
   height:125px;
   display:block;
   margin:auto;
}

#publisher a {text-decoration:none;}


#publisher p {
    display:block;
    background:#2b4257;
    color:#fff;
    text-align:center;
    font-size:12px;
    padding:2px 5px;
    margin:0 3px;
    position:relative;
    bottom:6px;
}


#pdf-box{position:relative;box-shadow:0 0 4px #ccc;}
#pdf-left-frame {position:absolute;height:700px;background:#ffffff;width:8px;}
#pdf-right-frame {position:absolute;right:17px;height:700px;background:#ffffff;width:7px;}
#pdf-top-frame {position:absolute;top:0;height:6px;background:#ffffff;width:100%;}
#pdf-bottom-frame {position:absolute;bottom:0;height:15px;background:#ffffff;width:100%;}




.breadcrumbs{list-style:none;margin:18px 5px 3px 4px;padding:0;}
.breadcrumbs li{display:inline;}

.pkp_screen_reader{display:none;}
.required{color:red;}
.label {color:#000000;}

.retraction-box {border:1px solid #f1e13a;background:#fffff1;padding:10px;margin:10px;}
.retraction-box p{margin:10px;line-height:1.5;}

/*=== Articles in Press Table ===*/
#aiptable { border-collapse: collapse; width: 100%; }
#aiptable td, #aiptable th { border: 1px solid #ddd; padding: 8px; }
#aiptable td:nth-child(6) { text-align: center; }
#aiptable tr:nth-child(1) { background: #ccc; }
#aiptable tr:nth-child(even) { background-color: #f2f2f2; }
#aiptable tr:hover { background-color: #ddd; }
#aiptable th { padding: 12px 10px; text-align: center; }