/**
 * @file styles/article_detail.css
 *
 * Copyright (c) 2017 Varshil Mehta, MBBS, Editor in Chief, Journal of Medical Research and Innovation
 * Distributed under the GNU GPL v3.
 *
 * @brief for use in default Manuscript theme with jatsParser plugin
 */

ul#navigationPrimary a {
    text-decoration: none;
}



@media (min-width: 720px) {
ol.article-list li:nth-child(2n+1) {
    clear: left;
}
}

/* backround color for article */
body {
    background: #ddd;
    text-align: justify;
}


body.pkp_page_article.pkp_op_view {
    background: #ddd;
    text-align: justify;
}

body.pkp_page_article.pkp_op_view div.pkp_structure_content.has_sidebar{
    background-color: #ddd;
    text-align: justify;
max-width: 100%;
}

div.pkp_structure_page {
    box-shadow: none;
    text-align: justify;
max-width: 100%;
}

div.row > ul.ui-tabs-nav.ui-corner-all.ui-helper-reset.ui-helper-clearfix.ui-widget-header {
    background-color: #ddd;
}

/* article tabs */
div.before_title > p {
    margin: 0;
margin-right: 15px;
}

/* breadcumbs */
nav.cmp_breadcrumbs.col-lg-12.col-md-12.col-sm-12.col-xs-12 {
    margin-top: 30px;
}

/* detail tab */
div.entry_details.ui-tabs-panel.ui-corner-bottom.ui-widget-content {
    margin: 0;
}

div#details_tab div.panel.panel-default{
    margin-bottom: 0;
}


/* for mobiles and tablets */
@media (min-width: 768px) {
    div.pkp_structure_content {
     
        text-align: justify;
    }
}

/* right navigational menu*/
div.fornav {
    position: relative;
}


div.fornav nav.bs-docs-sidebar.affix {
    right: auto;
    max-width: 360px;
}


div.fornav nav.bs-docs-sidebar.affix-bottom {
    max-width: 360px;
}

/* fix for login form color */
form.cmp_form span.label {
    color: black;
    text-align: left;
}
/* fix for search page */
.cmp_form .label {
    color: black;
    text-align: left;
}

/* space between paragraphs and headings */
div.pkp_structure_main p {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
}
div.pkp_structure_main h2 {
    margin-top: 15px;
}

h2 {
    position: relative;
}

h2 span {
    background-color: white;
    padding-right: 0px;
}

h2:after {
    content:"";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 0.5em;
    z-index: -1;
}

div.pkp_structure_main h3 {
    margin-top: 15px;
}


.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active {
    background: #6024a0;
    border: none;
    margin: 0;
}



thead th {
  text-align: center;
  vertical-align: middle;
}

table.table.table-striped.table-bordered  tr > td {
      text-align: center;
 }

caption.table-title {
      text-align: center;
 }

div.issues div.issue {
width: 16%;
float: left;
text-align: center;
display: block;
}

div {
display: block;
}

div.issues_archive {
    margin: 0;
    padding: 0;
    padding-top: 0.5em;
    font-size: 0.7em;
    /* border-top: 2px dotted #000; */
    width: 720px;
    padding-left: 30px;
}




#div.imagewrap {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

#div.imagewrap {opacity: 0.7;}

.pkp_structure_main h1 {
position: afixed;
top: 0;
}


.fixed {
  overflow: hidden;
  background-color: #333;
  position: fixed;
  top: 0;
  width: 100%;
}

.fixed a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 10px 12px;
  text-decoration: none;
  font-size: 14px;
}

.pkp_structure_footer {
background-color: #5a5a5a;
}

div.panel-body {
   
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}











.obj_article_details .abstract {
    text-align: justify;
}

#main {
    background-color: white;
background: white;
 
    }

 #header {
      position: fixed;
    }
    
    #content {
      margin-top: 100px;
    }

.pkp_structure_footer_wrapper{
  background: #5a5a5a;
  border-bottom: #5a5a5a;
}

body.pkp_page_article.pkp_op_view {
    background: #f6f6f6;
    text-align: justify;
}

div.row > ul.ui-tabs-nav.ui-corner-all.ui-helper-reset.ui-helper-clearfix.ui-widget-header {
    background-color: #fff;
}

body.pkp_page_article.pkp_op_view div.pkp_structure_content.has_sidebar {
    background-color: #fff;
    text-align: justify;
}

div.page.page_article {
    background-color: white;
    
    padding: 20px;
    box-shadow: 0 40px 5px rgb(255, 255, 255);
}

div.fornav {
    background-color: white;
    border-radius: 5px;
    border-top-left-radius: 5px;
    padding: 20px;
    margin-top: 34px;
    box-shadow: 0 0 5px rgb(255, 255, 255);  
}

    background-image: linear-gradient(to bottom,#f6f6f6 0,#f6f6f6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
    background-repeat: repeat-x;
}

.cmp_manuscript_button, .block_make_submission a, .obj_galley_link {
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    background: #eee;
    color: #63219e;
    border: #63219e;
}

nav.bs-docs-sidebar.affix {
    margin-top: 0;
    margin-left: 0;
    top: 100;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    background-color: white;
    width: 100%;
    color: #5a5a5a;
    z-index: 2;
    overflow-y: auto;
    border-radius: 5px;
    box-shadow: 0 0 5px rgb(255, 255, 255);
    max-width: 346;
}

.affix-bottom {
    position: relative;
    bottom: 1px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    background-color: white;
    width: 105.2%;
    border-radius: 5px;
    box-shadow: 0 0 5px rgb(255, 255, 255);
    color: #5a5a5a;
}


.panel-default>.panel-heading {
    background-image: -webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);
    background-image: -o-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#e8e8e8));
    background-image: linear-gradient(to bottom,#374ea5 0,#62219f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
    background-repeat: repeat-x;
}

.panel-default>.panel-heading {
    color: white;
    background-color: #f8f8f8;
    border-color: #f6f6f6;
    padding-left: 10px;
}




.cmp_manuscript_button, .block_make_submission a, .obj_galley_link, btn btn-default btn-xs, .ui-widget input, .ui-widget select, .ui-widget textarea, {
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
    font-weight: 600;
    background: #eee;
    color: #483ea1;
    border: 1px solid;
    background: linear-gradient(#f8f8f8, white);
    p.solid {border-style: solid;};
}


.obj_galley_link:hover {
 background: #483ea1;
    color: white;
}


.ui-widget-content a {
    color: #5a5a5a;
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 5px 5px;
}


h1.pkp_site_name, ul#navigationUser, .pkp_navigation_primary_wrapper, .pkp_structure_footer, pkp_footer_content  {
    min-width: 100%;
    
}




.pkp_structure_page {
    max-width: 100%;
    margin-top: 0;
    margin-bottom: 0;
}

.pkp_structure_main p {
    line-height: 25px;
    /* margin: 5px 0; */
}



.pkp_navigation_primary_row {
    
    max-width: 100%;
    padding-left: 30px;
    padding-right: 30px;
    font-weight: normal;
    color: #5a5a5a;
    background: linear-gradient(#eee, white);

   
    
}

.pkp_site_name {
    padding-top: 0px;
    padding-bottom: 0px;

}

button, input, optgroup, select, textarea {
    margin: 7px;
    font: inherit;
    color: #483ea1;
    border: 1px solid transparent;
    padding: 5px;
    background-color: white;
    border-color: #483ea1;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: .25rem;
    transition: all .15s ease-in-out;
    font-size: 1rem;
    line-height: 1.25;
    
}


button:hover {
background-color: #483ea1;
color: white;
}

#navigationPrimary a {
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
    font-size: 13px;
    color: #5a5a5a;
    font-weight: 700;
}

button, input, select, textarea {
    font-weight: 700;

}

.pkp_site_name > a {
    padding-top: 10px;
   padding-bottom: 10px;
}

.pkp_structure_footer_wrapper {
    background: #333;
    border-top: #891fb1;
    border-bottom: #5a5a5a;
    body: white;
    color: white;
    max-width: 100%;
}

.affix {
      top: 100;
      width: 100%;
  }




.pkp_site_name_wrapper {
    padding-left: 30px;
    padding-right: 30px;
    font-weight: 700;
    background: linear-gradient(#2e58a6, #63219e);
}


.pkp_structure_footer {
    text-align: center;
    background: #333;
    border-top: 10px solid #891fb1;
}

ul.csv { list-style: none; margin: 0; padding: 0; }
ul.csv li { display: inline; }
ul.csv li:after { content: ","; }
ul.csv li:last-child:after { content: ""; }
ul.csv li:nth-last-child(2):after { content: " and"; 
color: #5a5a5a;}


.dropdown-menu>li>a {
    display: block;
    padding: 5px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    border: 0px;
}


/* new How to Cite block */
.citation_formats #cslCitationFormats .label {
    border-top: none;
}

/* doi */
.obj_article_details .main_entry .doi {
    padding-left: 0;
}


.obj_article_details .citation_display .citation_formats_styles a:hover {
background-color: #e0e0e0;
color: blue;
}



.container-fluid {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
    width: 100%;
}







.obj_article_summary {

    display: block;
    padding: .75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;


}

.obj_article_summary:hover {

    display: block;
    padding: .75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    box-shadow: 0 0 5px rgb(255, 255, 255);  
    border-radius: 5px;

}


.obj_issue_toc .cover img {
    margin-left: auto;
    margin-right: auto;
    height: 125px;
}

.obj_issue_toc > .galleys h2, .obj_issue_toc .section h2 {
    margin-top: 50px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    text-align: center;
    display: block;
    -webkit-margin-before: 0.83em;
    -webkit-margin-after: 0.83em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
background: linear-gradient(#3b4ba3, #5e269e);
color: white;
 border-top-left-radius: 10px;
 border-top-right-radius: 10px;
padding: 0 0 5px;
border-top: 0px solid white;
}

.obj_issue_toc .galleys, .obj_issue_toc .section {
border-top: 0px solid white;
   
}



.obj_issue_toc .galleys:before, .obj_issue_toc .section:before {
   
    border-top: 0px solid white;
}


.pkp_navigation_primary > li > a {

    color: #5a5a5a;
}

.pkp_navigation_primary > li > a:hover {

    color: black;

}

b, strong {
    font-weight: 700;
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;

}

h2 span {
    background-color: rgba(0,0,0,.0001);
    padding-right: 0px;
}





#contentv {
    width: 140px;
    height: 140px;
    margin-top: 0px;
margin-right: 0px;
padding-right: 0px;
font-size:small;
text-align: center;
  position: relative;
border-color: white;
  }

#contentv .A:hover {
 opacity: 0.8;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}



  #contentv .A {
    width:50%;
    height: 50%;
    float: left;
    background: #decbe4;
#FCFCFC;
color: black;
margin: auto;
text-align: center;
padding: 5px;
border: 1px solid;
border-color: white;
border-top-left-radius: 25px;
  }

  #contentv .B {
    width:50%;
    height: 50%;
    float: left;
    background: #d4afe0;
color: black;
margin: auto;
text-align: center;
padding: 5px;
border: 1px solid;
border-color: white;
	top: 50%;
    border-top-right-radius: 25px;
  }

#contentv .B:hover {
 opacity: 0.8;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}




  #contentv .C {

    width:50%;
    height: 50%;
    float: left;
    background: #5f249f;
color: white;
margin: auto;
text-align: center;
padding: 5px;
border: 1px solid;
border-color: white;
border-bottom-left-radius: 25px;
  }


#contentv .C:hover {
 opacity: 0.8;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}


  #contentv .D {
    width:50%;
    height: 50%;
    float: left;
    background: #232323;
color: white;
margin: auto;
text-align: center;
padding: 5px;
border: 1px solid;
border-color: white;
border-bottom-right-radius: 25px;

  }

#contentv .D:hover {
 opacity: 0.8;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

 #contentv .E {
    width:100%;
    height: 25%;
    float: left;
    background: #4343a5;
border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
margin: auto;
text-align: center;
padding: 5px;
border: 1px solid;
border-color: white;

  }






}
}


.pkp_navigation_primary ul a {
    color: #4343a5;
}



.nav-tabs>li>a {

    line-height: 1.12857143;

}

.h1, .h2, .h4, .h5, .h6, h1, h2, h4, h5, h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.4;
    color: inherit;
    text-align: left;
}

a:focus, a:hover {
    color: #337ab7;
    text-decoration: none;
}

h2.page_title {
font-weight: 600;
}

a {
    color: #3650a5;
    text-decoration: none;
}


@media screen and (min-width: 0px) and (max-width: 720px) {
  #facebook { display: none; }
#myBtn { display: none; }
  .mobile-hide{ display: none; }
}

#close {
    float:left;
    display:inline-block;
    padding:5px;
    background: rgba(255,255,255,.15);
    bottom: 1px;
    color: white;
    font-weight: 700;
    cursor: pointer;
    margin-top: 5px;
    transition: all 1s ease;
}

#close:hover {
    float:left;
    display:inline-block;
    padding:5px;
    background:#ccc;
    color:#fff;
margin: 5px;
cursor: pointer;
    transition: all 1s ease;
}

.bottom-bar {
display: block;
box-shadow: 30 30 30px rgb(255, 255, 255); 
border-top: 1px solid;
border-color: #3650a5;
 
}

#sidenav-left {
  position: fixed;
  width: 150px;
  left: 0
}

#myBtn {
  display: none;
  position: fixed;
  bottom: 50%;
  left: 0px;
  z-index: 99;
  border: none;
  outline: none;
  background-color: #3650a5;
  color: white;
  cursor: pointer;
  padding: 5px;
  border-radius: 5px;

}

#myBtn:hover {
  background-color: white;
color: #3650a5;

}



.bottomMenu {
    position-top: fixed;
    top: 5;
    width: 100%;
    border-bottom: 1px solid #000;
    background: white;
    z-index: 1005;
}

div#leftAffix {
    left: 0px;
    box-shadow: 0 0 5px rgb(193, 193, 193);
    top: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 64%;
background: linear-gradient(#2e58a6, #63219e);
color: white;
line-height: 1.8;
border-bottom-right-radius: 20px;
padding-right: 10px;
opacity: 0.9;
     transition-timing-function: ease-in-out;
     -webkit-transition-duration: 0.5s;
     transition-duration: 0.5s;
}







@media screen and (min-width: 0px) and (max-width: 720px) {
   button#myBtn { display: none; }
  .mobile-hide{ display: none; }
   visibility: hidden;
}


@media screen and (min-width: 0px) and (max-width: 720px) {
    button#myBtn {
         visibility: hidden;
                 }
}

@media screen and (min-width: 0px) and (max-width: 720px) {
    div#leftAffix {
         visibility: hidden;
                 }
}




  .affix {
      top: 100;
      width: 100%;
      z-index: 9999 !important;
      background-color: white;
      color: black;
      right: 60px;
  }

  .affix + .container-fluid {
      padding-top: 100px;
  }

#leftffix {
      width: 100%;
      z-index: 99999 !important;
      background-color: white;
      color: black;
}

$("#myAffix").css({ top: '46px' });


#myAffix  { display: table-footer-group; }
#div.myAffix { display: table-header-group; }




/* Center the loader */
#loader5 {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 5;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s 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); }
}

/* Add animation to "page content" */
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 500ms
}

@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 } 
  to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
  from{ bottom:-100px; opacity:0 } 
  to{ bottom:0; opacity:1 }
}

#myDiv5 {
  display: none;
}


.navbar {
 transition: opacity 500ms;
}

.navbar.fadeOut{
    opacity: 0;
}

.card {
    /* Add shadows to create the "card" effect */
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
}

/* On mouse-over, add a deeper shadow */
.card:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

/* Add some padding inside the card container */
.container {
    padding: 2px 16px;
}

.obj_issue_toc .section h2 {
    margin-bottom: 0px;
}



.cmp_manuscript_button, .block_make_submission a, .obj_galley_link {
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    background: #ffffff;
    color: #4045a2;
    border: #473da1;
    border: 1px solid;
}

.obj_article_summary {
    display: block;
    padding: .75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    margin-top: 7px;
    padding-top: 10px;
    border-top: 0px;
}

div.csl-right-inline {
text-align: left;
}

div.csl-bib-body {
text-align: left;
}


div.issuexyz .li .ul {
flex-flow: row wrap;
display: flex;
}



ul.csv2 {
    display: -webkit-inline-box;
    text-align: center;
width: auto;
position: relative;
}


@media only screen
            and (max-width : 720px)
ul.csv2 {
   display: grid;
    text-align: center;


}


@media only screen
            and (max-width : 1000px) {
            #ul.csv2{
                margin-left: 1.0416666666666666666666666666667%;    /* 10px / 960px */
                margin-right: 1.0416666666666666666666666666667%;   /* 10px / 960px */
            }
           }

p.media-heading {
text-align: left;
font-size: 14px;
}


div.serieslead2 {
    font-size: 14px;
 visibility: hidden;
}

body {
background: #fff;
}


div.pkp_brand_footer {
visibility: hidden;
}

pkp_content_footer {
color: white;
}


pkp_structure_footer {
color: white;
}

a.pkp_structure_footer {
color: white;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    background-color: rgba(94, 38, 159, 0.51);
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

body {
    background: white;
    text-align: justify;
background-color: white;
}

pkp_page_index pkp_op_index {
background: white;
background-color: white;
}

p.pkp_page_index pkp_op_index {
background: white;
background-color: white;
}

p.pubfont {
padding-left: 35px;
margin-right: 20px;
}

a.afont {
margin-right: 20px;
color: #374ea4;
}

a.afont:hover {
border-bottom: 2px solid;
border-color: #374ea4;
color: white;
}

.obj_article_details .abstract .forpan {
    text-align: justify;
    padding: 5px;
    background-color: #decbe48c;
    border-radius: 10px;
}

.pkp_footer_content {
    padding: 15px;
}

div#articlesBySameAuthorList {
    padding-left: 25px;
padding-right: 25px;
padding-top: 10px;
padding-bottom: 10px;
}

.pkp_site_name .is_text {
    font-size: 20px;
    padding-bottom: 15px;
    padding-top: 15px;
    text-transform: uppercase;
}

.pkp_site_name .is_text:hover {
    font-size: 20px;
    padding-bottom: 15px;
    padding-top: 15px;
    text-transform: uppercase;
color: #ddd;
}


.pkp_site_name_wrapper {
    padding-left: 30px;
    padding-right: 30px;
    font-weight: 700;
    background: #333;
    color: white;
}

.pkp_navigation_primary_row {
    max-width: 100%;
    padding-left: 30px;
    padding-right: 30px;
    font-weight: normal;
    color: white;
    background: #333;
border-bottom: 10px solid #891fb1;
}

ul#navigationPrimary a {
    color: white;
padding-left: 5px;
padding-right: 5px;
}

ul#navigationPrimary a:hover {
background:#891fb1;
color: white;
border-bottom: 1px solid #891fb1;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}

.pkp_head_wrapper .pkp_search .search_controls .search_prompt {
    padding-bottom: 10px;
    border-bottom: none;
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
    font-size: 13px;
    color: rgb(255, 255, 255);
    font-weight: 700;
    text-transform: uppercase;
}

.label-info {
    background-color: #891fb1;
}

#navigationPrimary > li > a {
    border-bottom-width: 0px;
}

#navigationPrimary a {
    text-transform: inherit;
}