/*==============================================================
   = Common =
================================================================*/


html, body {
    margin: 0;
    font-family: Helvetica, Sans-Serif;
    color: #555555;
    background: #f8faff;
    line-height: 1.4;
    width:100%;
    height:100%;
    min-width:320px;
}

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

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: 19px;
    margin-bottom: 25px;
    color:#000;
}
.mini-title{font-size:12px;color:#555;display:block;}

h2 {
    font-size: 18px;
}
.full-paper-h2{display:none;}
h3 {
    font-size: 20px;
}


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





#reference p{font-size:14px;text-align:left;font-family:Verdana;margin:15px 5px;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%;
    position:relative;
}

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

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

#jname {
    color: #da6f07;
    font-size: 21px;
    margin: 9px 0 0 0;
    line-height: 24px
}

#menu-bar{
    
    list-style: none;
    float: right;
    font-size: 30px;
    position: relative;
    margin:34px 25px 0 17px;
    padding:0;
    cursor:pointer;
}


#header-menu {
    list-style: none;
    font-size: 14px;
    position: absolute;
    width:200px;
    top:81px;
    right:8px;
    margin:0;
    padding:0;
    display:none;
    float:right;
    box-shadow: #1f497d5c 3px 5px 9px;
    z-index:1000;
    user-select: none;
    
}


#header-menu li {
   
    margin: 0;
    padding:0;
    background:#fcfcfc;
}

#header-menu li a {
    text-decoration: none;
    padding:17px 15px;
     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;
}

/*==============================================================
   = Archive box. =
================================================================*/
#archive-box div{float:left;padding:25px;}
#archive-box h2 {border-bottom:1px solid #eee; padding:0 70px 9px 0;}
/*==============================================================
   = Header and Aff. =
================================================================*/

#authors {
    font-size: 14px;
    position:relative;
    text-align:left;
}

#authors span {
    padding: 2px 3px;
    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:#555;
    border-radius: 5px;
    display: none;
    position: absolute;
    font-size: 14px;
    font-weight: normal;
    padding: 15px;
    min-width:300px;
	box-shadow:0 0 5px #000;
	z-index:200;
	left:0;
}
#authors span span:hover {color:#555;}

#abstract {
    background: #e6f1ff;
    padding: 20px;
    text-align: justify;
    font-family: Georgia, serif;
    font-size: 18px;
    line-height: 28px;
    margin: 20px 0;
}

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


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



#clear{clear:both;}

/*==============================================================
   = Article Tools =
================================================================*/
#article-tools {
}
#citation-box {
    font-size:12px;
}

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


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


#share-box {
    float: left;
}

#share-box div {
    margin: 0 5px 5px 5px;;
    float: left;
    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 #da4a4a;
    color:#da4a4a;
    border-radius:50px;
}

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



#download-citation {
    font-size:21px;
    padding:10px 10px;
    border:1px solid #1e96a9;
    color:#1e96a9;
    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 {
    
    width:100%;
}


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

}



#article-category{color:#363636;font-size:12px;top:10px;position:relative;}
#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: #555555;
    padding: 5px 5px;
    border-radius: 50px;
    color: #ffffff;
    font-weight: bold;
    font-size: 10px;
    
    display:inline-block;
}


.article {
    border-top: 1px solid #eeeeee;
    margin: 25px 0 0 0;
}

.article p {
    margin-left: 5px;
    font-size: 12px;
    font-family:arial;
    line-height:15px;
    
}

.article h2 {
    font-size: 15px;
    color: #333;
    font-weight: bold;
    line-height:23px;
}

.article a {
    text-decoration: none
}

#orangebox{
    background:#db901f;
    width:95%;
    margin:auto;
    
}

#orangebox h2 {text-align:center;font-family:sans-serif;font-weight:400;padding:20px;color:#fff;line-height:1;}
#orangebox img {display:block;width:150px;margin:auto;padding:0 0 25px 0;}
/*** Current Issue ***/
#current-issue {
    float: left;
    width: 620px;
}

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

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

#journal-box {
    position:relative;
}


/*==============================================================
   = 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 #555;
    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: 12px;
    font-weight: bold;
    line-height:16px;
    margin-top: 20px;
}

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

#jpublisher {
    font-size:5px;
    text-align:right;
    color:#555;
    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;
    font-family: "arial"
}

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

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


.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                         =
================================================================*/


.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;
}



#ientpubicon {
   width:83%;
   height:30%;
   display:block;
   margin:auto;
}


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

.submitButton:hover {

    color: #fff;
    text-decoration: none;

}

.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;
}

.sidebar-head {
    color: rgb(255, 255, 255);
    padding: 10px;
    background-color: #1b6c8a;
    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 {
    max-width:90%;
    padding: 5px;
	font-family:arial;
	margin:0 auto;
}

.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;
}

.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;
}


#publisher {
    width:250px;
    margin:auto;
    
}
#publisher img {
   width:250px;
   height:125px;
   display:block;
   margin:auto;
}

#publisher a {text-decoration:none;}


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

#pdf-viewer {display:none;}

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

/*=== 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; }