/*@import url('https://www.ojsdemo.com/plugins/themes/themeSeventeen/resources/font-awesome.min.css');*/
/* @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800'); */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
@import url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css');

@font-face {
  font-family: 'sfuidisplay_bold';
  font-style: normal;
  font-weight: 400;
  src: local('sfuidisplay_bold'),
	  
       url('../fonts/sfuidisplay_bold/sfuidisplay_bold.woff2') format('woff2'), 
       url('../fonts/sfuidisplay_bold/sfuidisplay_bold.woff') format('woff'),
       url('../fonts/sfuidisplay_bold/sfuidisplay_bold.ttf') format('truetype'),
       url('../fonts/sfuidisplay_bold/sfuidisplay_bold.eot') format('embedded-opentype');
}
@font-face {
  font-family: 'sfuidisplay_semibold';
  font-style: normal;
  font-weight: 400;
  src: local('sfuidisplay_semibold'),
       url('../fonts/sfuidisplay_semibold/sfuidisplay_semibold.woff2') format('woff2'), 
       url('../fonts/sfuidisplay_semibold/sfuidisplay_semibold.woff') format('woff'),
       url('../fonts/sfuidisplay_semibold/sfuidisplay_semibold.ttf') format('truetype'),
       url('../fonts/sfuidisplay_semibold/sfuidisplay_semibold.eot') format('embedded-opentype');
}
@font-face {
  font-family: 'neometric';
  font-style: normal;
  font-weight: 400;
  src: local('neometric'),
       url('../fonts/neometric/neometric.woff2') format('woff2'), 
       url('../fonts/neometric/neometric.woff') format('woff'),
       url('../fonts/neometric/neometric.ttf') format('truetype'),
       url('../fonts/neometric/neometric.eot') format('embedded-opentype');
}

@font-face {
	font-family: 'sfuidisplay_medium';
	font-style: normal;
	font-weight: 400;
	src: local('sfuidisplay_medium'),  url('../fonts/sfuidisplay_medium/sfuidisplay_medium.woff2') format('woff2'),  url('../fonts/sfuidisplay_medium/sfuidisplay_medium.woff') format('woff'),  url('../fonts/sfuidisplay_medium/sfuidisplay_medium.ttf') format('truetype'),  url('../fonts/sfuidisplay_medium/sfuidisplay_medium.eot') format('embedded-opentype');
}
@font-face {
    font-family: 'FontAwesome';
    src: url('https://use.fontawesome.com/releases/v5.0.1/css/all.css"') format('truetype');
}
/*----------------------- Global ---------------------------*/
* {
    font-family: "Roboto", sans-serif;
}
body { font-family: "Roboto", "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif; background: #fff;}
ul, ol { margin:0; padding:0; list-style:none;}
a { color: #3b4c93; word-wrap:break-word; text-decoration: none; border: 0; box-shadow: none;}
a:hover { text-decoration:none; color: #3b4c93; background: none;}
a:focus { color: none; text-decoration: none; outline:0;}
img { max-width:100%;}
p { font-size: 14px !important; line-height: 18px; margin: 0 0 16px 0; color: #000; }
span, strong { font-size: 14px;}
strong { font-weight: 500 !important; }
h1, h2, h3, h4, h5, h6 { margin: 20px 0 10px 0; font-family: "Roboto", "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;}
h1, h1 * { font-family: "Roboto", sans-serif !important; font-size: 34px !important; font-weight: 500 !important;}
h2, h2 * { font-family: "Roboto", sans-serif !important; font-size: 24px !important; font-weight: 500 !important; line-height: 32px;}
h3, h3 * { font-size: 20px !important; font-weight: 500 !important;}
h4, h4 * { font-size: 18px !important; font-weight: 500 !important;}
h5, h5 * { font-size: 16px !important; font-weight: 500 !important;}
h6, h6 * { font-size: 15px !important; font-weight: 500 !important;}
p, li, a, blockquote, span { font-family: "Roboto", sans-serif; }

fieldset.identity, .registrationRight .login-data{margin-top:20px !important;}
.journalRegistrationRight.registrationRight .login-data{margin-top:91px !important;}
.main.container {
    position: relative;
    padding-top: 32px;
    padding-bottom: 32px;
    min-height: 40svh;
}
.pa span, .pa strong { font-size: 14px !important; line-height: 18px;}
header {
    display: block;
    padding: 0;
    background: #3b4c93;
    margin-bottom: 0px;
    width: 100%;
    top:0; 
    left:0;
   /* top: 0;
    position: fixed;
    height: 147px;
   */
   position:relative;
    z-index: 2;
}
header.fixed {
    position: fixed;
    
   
}

header .logo {
    display: block;
    /* height: 63px; */
}
.menu2 { 
    display:none;
}
.journal-logo{max-width:300px;}
.topSearch {
    position: relative;
    width: 250px;
}
.topSearch.mobile {
    position: relative;
    width: 100%;
    margin: 10px auto;
}
.topSearch form,
.topSearch .form-group {
    margin: 0;
}
.topSearch input[type="text"] {
    width: 100%;
    padding: 8px 16px;
    font-size: 13px;
    font-weight: 500;
    background: #F2F4F7;
    border-radius: 25px;
    border: 0;
}
.topSearch button[type="submit"] {
    width: auto;
    height: 100%;
    font-size: 14px !important;
    padding-right: 14px;
    padding-left: 14px;
    background: none;
    border: 0;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    border-left: 1px solid #D0D5DD;
}
.topSearch input[type="text"]:focus,
.topSearch button[type="submit"]:focus {
    outline: 0;
}
.topSearch .advanceSearch {
    position: absolute;
    bottom: -24px;
    right: 10px;
    z-index: 1;
    font-size: 12px !important;
    color: #fff;
    font-family: "Roboto", sans-serif !important;
}
.navRight {
    float: right;
}
.navRight ul.social {
    float: left;
    font-size: 0;
    margin-right: 5px;
    margin-top: 11px;
}
#languageNav li > a {
    padding-left: 10px;
}
@-moz-document url-prefix() {
  .navRight ul.social {
    margin-top: 7px;
  }
}
.navRight ul.social li {
    display: inline-block;
    font-size: 16px !important;
    margin-left: 10px;
}
.navRight ul.social li a {
    color: #fff;
}
header .navigation {
    display: block;
    /* background: #336d5e; */
    margin-top: 0;
    box-shadow: 0 0 3px 1px #d9d9d940;
}
/* header .navigation ul#navigationPrimary li.dropdown .dropdown-menu a, header .navigation #navigationUser li.dropdown .dropdown-menu a {
    color: #344054 !important;
} */

header .topHead{
    gap: 8px;
    padding: 16px 0;
}

.topHead .contact, .topHead .issn-number {
    gap: 4px;
    padding: 5px 12px;
}

.topHead .contact{
    background-color: #F2F4F7;
    border-radius: 50px;
    font-size: 12px !important;
    font-weight: 500;
    line-height: 18px;
}

/* header .navigation ul#navigationPrimary li:first-child {
    margin: 0 18px 0 0;
    height: 39px;
    position: relative;
    border: 4px solid #f3f5f0;
    padding: 8px 0 !important;
    border-top: none;
    border-bottom: none;
    background: #D55C39 !important;
} */
/* header .navigation ul#navigationPrimary li:first-child:after, 
header .navigation ul#navigationPrimary li:first-child:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
header .navigation ul#navigationPrimary li:first-child:before {
    border-color: rgba(243, 245, 240, 0);
    border-left-color: #f3f5f0;
    border-width: 11px;
    margin-top: -11px;
}
header .navigation ul#navigationPrimary li:first-child:after {
    border-color: rgba(213, 92, 57, 0);
    border-left-color: #D55C39;
    border-width: 5px;
    margin-top: -5px;
    background: none;
} */
/* header .navigation ul#navigationPrimary li:first-child a {
    text-indent: -99999px;
    padding: 0 10px !important;
    background: url(https://www.ojsdemo.com/public/journals/2/home2.png) no-repeat center center;
    width: 46px;
    height: 20px;
    margin-left: 0;
    border: none !important;
} */
header .navigation ul#navigationPrimary {
    display: flex;
    align-items: center;
    justify-content: left;
    padding-bottom: 0;
}
@media screen\0 {
   header .navigation ul#navigationPrimary { float:left; } 
}
header .navigation ul#navigationPrimary li {
    position: relative;
    margin-bottom: 0;
}
/* header .navigation ul#navigationPrimary li:after {
    content: '';
    width: 1px;
    height: 15px;
    background: #ccc;
    position: absolute;
    top: 12px;
    right: 8px;
    z-index: 0;
} */
header #navigationUser {
    gap: 8px;
}
header #navigationUser .nav-link {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 5px 16px !important;
    background-color: #253887;
    border-radius: 50px;
    margin: 0;
    font-family: "Roboto", sans-serif !important;
    font-size: 12px !important;
    font-weight: 500;
    line-height: 18px;
    text-transform: capitalize;
}
header .navigation #languageNav {
    border-bottom: none;
    float: right;
    margin-top: 1px;
}
header .navigation #navigationPrimary .nav-link {
    text-transform: none;
    font-weight: 500;
    font-family: "Roboto", sans-serif !important;
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 4px;
    line-height: normal;
    margin: 0 !important;
    height: 48px;
}
header .navigation #navigationPrimary .nav-link.active {
    color: #1e2d6c;
    background-color: #F2F4F7;
    border-radius: 0;
}
header .navigation #navigationPrimary .nav-link:hover {
    color: #1e2d6c;
    background-color: #F2F4F7;
    border-radius: 0;
}
.dropdown-toggle::after{
    content: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M5.19406%206.96625C4.88979%207.22611%204.72833%207.61593%204.75972%208.01483C4.78783%208.37203%204.99342%208.62989%205.09594%208.75234C5.21085%208.8896%205.36747%209.04618%205.52682%209.20548L8.95291%2012.6316C9.02307%2012.7018%209.10687%2012.7856%209.18675%2012.8535C9.27931%2012.932%209.41981%2013.0367%209.61367%2013.0997C9.86473%2013.1812%2010.1352%2013.1812%2010.3862%2013.0997C10.5801%2013.0367%2010.7206%2012.932%2010.8131%2012.8535C10.893%2012.7857%2010.9768%2012.7018%2011.047%2012.6316L14.4731%209.20544C14.6324%209.04616%2014.7891%208.88959%2014.904%208.75234C15.0065%208.62989%2015.2121%208.37202%2015.2402%208.01483C15.2716%207.61593%2015.1101%207.22611%2014.8058%206.96625C14.5334%206.73355%2014.2057%206.69658%2014.0466%206.68249C13.8683%206.66669%2013.6468%206.66672%2013.4215%206.66675H6.57839C6.35307%206.66672%206.13161%206.66669%205.9533%206.68249C5.79422%206.69658%205.46651%206.73355%205.19406%206.96625Z%22%20fill%3D%22%23344054%22%2F%3E%0A%3C%2Fsvg%3E");
    border: 0 !important;
    margin: 0;
    height: auto;
    width: auto;
}
#navigationUser::after, #navigationUser::before{
    display: none;
}
#navigationUser .dropdown-toggle::after{
    content: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M5.19406%206.966C4.88979%207.22587%204.72833%207.61569%204.75972%208.01458C4.78783%208.37178%204.99342%208.62965%205.09594%208.7521C5.21085%208.88936%205.36747%209.04593%205.52682%209.20523L8.95291%2012.6313C9.02307%2012.7015%209.10687%2012.7854%209.18675%2012.8532C9.27931%2012.9318%209.41981%2013.0364%209.61367%2013.0994C9.86473%2013.181%2010.1352%2013.181%2010.3862%2013.0994C10.5801%2013.0364%2010.7206%2012.9318%2010.8131%2012.8532C10.893%2012.7854%2010.9768%2012.7016%2011.047%2012.6313L14.4731%209.2052C14.6324%209.04591%2014.7891%208.88934%2014.904%208.7521C15.0065%208.62965%2015.2121%208.37178%2015.2402%208.01458C15.2716%207.61568%2015.1101%207.22587%2014.8058%206.966C14.5334%206.7333%2014.2057%206.69634%2014.0466%206.68224C13.8683%206.66644%2013.6468%206.66647%2013.4215%206.66651H6.57839C6.35307%206.66647%206.13161%206.66644%205.9533%206.68224C5.79422%206.69634%205.46651%206.7333%205.19406%206.966Z%22%20fill%3D%22%23FEFEFE%22%2F%3E%0A%3C%2Fsvg%3E");
}
header .navigation .nav-item.show .nav-link.dropdown-toggle {
    color: #1e2d6c;
    background: none;
}
#navigationUser .nav-link {
    color: #ffffff !important;
}
/* header li:last-child .nav-link.locales-toogle-off{
    padding-right: auto;
} */
header .navigation .dropdown-menu {
    padding: 0px;
    background: #336d5e;
    border: 0;
}
header .navigation .dropdown-menu .dropdown-item {
    font-size: 14px !important;
    color: #fff;
    padding: 7px 17px;
    border-bottom: 2px solid transparent !important;
}
header .navigation .dropdown-menu .dropdown-item:hover {
    background: none;
    color: #8FDCB1;
    border-bottom: 2px solid #8FDCB1;
}
header .navigation .open>.dropdown-menu {
    display: none !important;
}
header .navigation .show>.dropdown-menu {
    display: block !important;
}
#languageNav .show #languageToggleMenulanguageNav {
    color: #8FDCB1;
}

/*----------------------- Footer ---------------------------*/
footer {
    display: block;
    padding: 60px 0 20px 0;
    background: url('https://www.ojsdemo.com/plugins/themes/themeSeventeen/templates/images/bg-footer.jpg') no-repeat;
    background-size: cover;
}
footer .footBox {
    display: block;
}
footer .footBox ul {
    display: inline-block;
    width: 30%;
    padding: 0 3% 0 0;
    vertical-align: top;
}
footer .footBox ul:last-child {
    margin-right: 0;
}
footer .footBox ul li {
    font-size: 15px;
    color: #444;
    width: 250px;
    position: relative;
    border-top: 1px solid #9BBCC5;
    padding: 7px 0;
    line-height: 15px;
}
footer .footBox ul.first li {
    line-height: 20px;
}
footer .footBox ul li a {
    color: #444;
    font-size: 15px;
    background: url(https://www.ojsdemo.com/plugins/themes/themeSeventeen/img/ico-ls.png) no-repeat center left;
    padding: 0 0 0 15px;
}
footer .footBox ul.first li a {
    padding: 0;
    background: none;
}
footer .footBox ul li a:hover {
    color: #444;
    text-decoration: underline;
}
footer .bottomfoot {
    border-top: 1px solid #9BBCC5;
    padding-top: 20px;
    /*margin-top: 30px;*/
}
footer .bottomfoot .copyright {
    font-size: 13px;
    color: #444;
}

.footer-inner-text .list-custom li, 
.footer-inner-text li {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 4px 0;
}
.footer-inner-text .list-custom li svg{
    flex-shrink: 0;
}

.footer-icon-link {
    display: flex;
    gap: 12px;
}
.footer-icon-link svg {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

.footer-inner-text .social {
    gap: 8px;
}
.footer-inner-text .social-link {
    padding: 5px;
}
.footer-inner-text .social-link:hover {
    background-color: #1e2d6c;
    border-radius: 50%;
}

/*----------------------- Middle Section ---------------------------*/
.middleSection {
    margin-bottom: 50px;
}
.tabpageBlock {
    display: block;
    position: relative;
}
.tabpageBlock ul.nav-tabs {
    border-bottom: 2px solid #f0f0f0;
    margin-bottom: 20px;
}
.tabpageBlock ul.nav-tabs > li {
    margin-bottom: -2px;
    margin-right: 10px;
}
.tabpageBlock ul.nav-tabs > li a {
    color: #667085;
    font-size: 16px !important;
    font-weight: 500;
    background: none;
    box-shadow: none;
    line-height: 24px;
    padding: 12px 20px;
    border-radius: 4px 4px 0 0;
    display: block;
    border: 0;
    text-transform: capitalize;
    border-bottom: 2px solid transparent;
}
.tabpageBlock ul.nav-tabs > li > a.active {
    background: none;
    color: #344054;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-bottom: 2px solid #1e2d6c;

}
.issn {
    position: absolute;
    top: 7px;
    right: 0;
    z-index: 0;
    font-size: 16px !important;
    color: #3e3e3e;
}
.tabpageBlock .tab-content {
    display: block;
}

.section {
    display: block;
}
/*.section .section_content {
    display: block;
    width: 100%;
    float: left;
    clear: both;
}*/
.section_content {
    gap: 11px;
}
.section_content .article_summary {
    display: flex;
    flex-direction: column;
    /* float: left;
    width: 32%; */
    max-width: 32.5%;
    min-width: 30%;
    flex: 1;
    /* min-height: 300px; */
    margin-right: 0;
    /* padding: 15px; */
    margin-bottom: 20px;
    /* border: 1px solid #e2e4e2; */
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 2px 4px 0 #d4d4d440;
}
.article_summary .summary_cover {
    position: relative;
}
.article_summary .summary_cover img {
    aspect-ratio: 16/9;
    width: 100%;
    object-fit: cover;
}
.article_summary .article_summary_body {
    padding: 15px;
    background: #fff;
    flex: 1;
}

.article_summary .summary_cover .tag{
    position: absolute;
    top: 8px;
    inset-inline-start: 8px;
    padding: 4px 8px;
    border-radius: 3px;
    background-color: #000;
    color: #fff;
}

.article_summary_body a, .doiText { font-size:11px;}
.article_summary_body .scite-badge {
    display: block;
}
.article_summary_body .scite-badge div {
    padding-bottom: 0;
}
.article_summary_body .scite-badge a {
    color: #fff !important;
}
.article_summary_body .scite-badge .scite-tally div {
    padding: 0;
}
.article_summary_body .scite-badge .scite-tally {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 0;
    border: 0;
    padding: 0;
}
.article_summary_body .scite-badge .scite-tally div:not(:first-child) {
    display: none !important;
}
.article_summary_body .scite-badge .scite-tally i::before {
    content: "\f10e";
    font: normal normal normal 14px/1 FontAwesome;
}
.article_summary_body .scite-badge .scite-tally * {
    font-size: 12px !important;
    font-family: "Roboto", sans-serif !important;
    color: #667085;
}
.section .section_content .article_summary:nth-child(3n+3) {
    margin-right: 0;
}
.tabpageBlock .tab-content .recentEditions {
    display: block;
}
.recentEditions .reItem {
    display: block;
    margin-bottom: 20px;
}
.recentEditions .reItem .date {
    width: 100px;
    height: 70px;
    text-align: center;
    margin-right: 20px;
    float: left;
    font-size: 14px !important;
    color: #333;
    padding: 10px 0;
    text-align: center;
    border-right: 2px solid #3b4c93;
}
.recentEditions .reItem .date span {
    display: block;
    font-weight: 500;
}
.recentEditions .reItem a {
    display: block;
    font-size: 16px !important;
    font-weight: 500;
    color: #3b4c93;
}
.recentEditions .reItem a span {
    display: block;
    font-style: italic;
    font-size: 14px !important;
    text-decoration: underline;
}
.recentEditions .reItem a:hover {
    color: #69847d;
    background: none;
}
.reData {
    padding-top: 6px;
}
/*----------------------- Middle Sidebar ---------------------------*/
.sidebar {
    display: flex;
    margin-bottom: 40px;
    flex-direction: column;
    gap: 20px;
}
.sidebar .pkp_block {
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    /* padding-left: 10px; */
}
/* .sidebar .pkp_block:first-child .content{
    display: block !important;
} */
.sidebar .pkp_block .title {
    background: none;
    color: #000;
    display: block;
    padding: 8px 16px;
    text-align: left;
    margin: 0;
    margin-bottom: 16px;
    text-transform: capitalize;
    background: #F2F4F7;
    position: relative;
    border-radius: 50px;
    font-size: 16px !important;
    font-weight: 500;
    line-height: 24px;
}
.sidebar .pkp_block.block_information.block_announcement .title {
    background-color: #3b4c93;
    color: #fff;
    font-weight: 500;
    font-family: "Roboto", sans-serif !important;
    border-radius: 0;
    
}
.sidebar .block_announcement_feed .title {
    background-color: #007f7f;
    color: #fff;
    font-weight: 500;
    font-family: "Roboto", sans-serif !important;
    border-radius: 0;
}

.sidebar .pkp_block.block_information.block_announcement {
    /*border-left: 1px solid #ededed;*/
}
.sidebar .pkp_block.block_information.block_announcement .content {
    padding-left: 0;
}
.sidebar .block_make_submission .content a {
    display: block;
    background-color: #000;
    padding: 10px 10px 10px 35px;
    color: #fff;
    font-size: 14px !important;
    font-weight: 500;
    text-transform: capitalize;
}
.sidebar .block_pre_submission .block_pre_submission_link a {
    display: block;
    background-color: transparent;
    border: 1px solid #3b4c93;
    border-radius: 50px;
    color: #3b4c93;
    font-size: 14px !important;
    font-weight: 500;
    text-transform: capitalize;
}
/*.sidebar .pkp_block:nth-child(2) .content {
    padding-left: 0;
    margin-bottom: 10px;
}*/
.sidebar .pkp_block.block_make_submission .content {
    padding-left: 0;
}

.sidebar .pkp_block p {
    margin: 0;
}
.sidebar ul {
    margin: 0 0 30px 0;
}
.sidebar ul li {
    font-size: 14px !important;
    color: #333;
    position: relative;
    padding-left: 15px;
}
.sidebar .article {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    padding: 4px 8px !important;
    color: #101828;
    border-bottom: 1px solid #dbdce0 !important;
}
.sidebar .article .article-title .article-link {
    color: #101828 !important;
    font-size: 14px !important;
    font-weight: 500;
    line-height: 22px;
}
.article-authors, .article-cited, .article-year {
    font-size: 10px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    color: #475467 !important;
}
.sidebar .guidelines-block {
    display: flex;
    flex-direction: column;
    gap: 4px;
    border-bottom: 1px solid #dbdce0;
    padding-top: 4px;
    padding-bottom: 8px;
}
.sidebar .most_read {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.sidebar .most_read li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    padding: 4px 8px;
    font-size: 14px !important;
    font-weight: 500;
    line-height: 22px;
    margin: 0;
    color: #101828;
    border-bottom: 1px solid #dbdce0;
}
.sidebar .most_read .most_read_article_journal {
    font-size: 10px !important;
    font-weight: 500;
    line-height: 20px;
    color: #475467;
}

.sidebar .guidelines-block li {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0 12px;
    font-size: 14px !important;
    font-weight: 500;
    line-height: 22px;
    margin: 0;
    color: #101828;
}
.sidebar .guidelines-block li::before {
    content: '';
    width: 8px;
    height: 8px;
    display: block;
    background: #101828;
    border-radius: 50%;
}
.sidebar .guidelines-block li i {
    font-size: 10px !important;
    color: #3b4c93;
    margin-right: 4px;
    position: absolute;
    top: 8px;
    left: 0;
    z-index: 0;
}
.sidebar ul li a {
    color: #424242;
    display: block;
    padding: 0;
    font-size: 14px !important;
}
.sidebar ul li a:hover {
    background: none;
}
.sidebar .img {
    margin-bottom: 20px;
}
.sidebar .img a {
    display: block;
}
.sidebar .submitAnArticle {
    display: block;
    padding: 15px 0;
    text-align: center;
    font-size: 16px !important;
    font-weight: 500;
    color: #3b4c93;
    background: #cde6e0;
}
.sidebar .submitAnArticle:hover {
    background: #b8d2cc;
}



.cmp_announcements {
    margin: 0;
}
.obj_announcement_summary .announcement-summary-heading {
    margin: 0 0 10px 0;
    font-size: 14px !important;
    font-weight: 400;
}
.obj_announcement_summary .date {
    margin-bottom: 5px;
    font-size: 14px !important;
    color: #000;
}
.obj_announcement_summary .buttons {
    margin-top: 0;
    font-size: 14px !important;
}
.obj_announcement_summary {
    border-bottom: 1px solid #ededed;
    padding-bottom: 15px;
}
.sidebar .cmp_announcements .obj_announcement_summary .buttons a {
    color: #c41a1a !important;
    font-size: 11px !important;
    font-style: italic;
    position: relative;
    padding-left: 0px;
    background: none;
}
.sidebar .cmp_announcements .obj_announcement_summary .buttons a:hover {
    background: none;
    color: #c41a1a;
}
.obj_announcement_summary .buttons a:before {
    content: '\f101';
    color: #c41a1a;
    font-family: fontAwesome;
    position: absolute;
    left: 0;
    top: 0px;
    z-index: 0;
    font-style: normal;

}
.cmp_announcements .media-list {
    display: block;
    width: 100%;
    padding: 0 10px;
}

/*All CSS*/
.article_summary .btn-primary,
.obj_article_details .btn-primary {
    color: #888;
border: 1px solid #aaa;
background: none;
border-radius: 0;
font-weight: 300;
}
.article_summary .btn-primary{
    border: 0;
    color: #0060FF !important;
    font-weight: 500;
    font-size: 12px !important;
    padding: 8px;
    margin: 0;
}
.article_summary .abstract {
    background-color: transparent !important;
    border: 0 !important;
    font-weight: 400;
    padding: 0 0px 0 20px;
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url('https://www.ojsdemo.com/plugins/themes/themeSeventeen/img/ico-summary1.png');
    margin-top:0;
}
.article_summary .pdf {
    background-color: transparent !important;
    color: #EC521F !important;
    border: 0 !important;
    font-weight: 400;
    padding: 0 0px 0 20px;
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url('https://www.ojsdemo.com/plugins/themes/themeSeventeen/img/ico-pdf1.png');
    margin-top:0;
}
.article_summary .file {
    background-color: transparent !important;
    color: #EC521F !important;
    border: 0 !important;
    font-weight: 400;
    padding: 0 0px 0 20px;
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url('https://www.ojsdemo.com/plugins/themes/themeSeventeen/img/ico-summary1.png');
    margin-top:0;
}
.article_summary .btn-primary:hover,
.obj_article_details .btn-primary:hover {
    background-color: #e9e9e9;
}
.article_summary .pdf:hover,
.article_summary .file:hover,
.article_summary .pdf:focus,
.article_summary .file:focus,
.article_summary .abstract:hover,
.article_summary .abstract:focus {
    background-color: transparent;
    /* color: #EC521F; */
}
.obj_issue_toc .read_more {
    color: #3b4c93 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    padding: 10px 24px !important;
    border: 1px solid #3b4c93;
    border-radius: 50px;
    background: #F2F4F7;
}
.obj_issue_toc .read_more:hover {
    background: #f2f2f2;
}

main.page_article>.article {
    background: #fff;
    padding: 24px;
    padding-bottom: 32px;
    margin-top: 24px;
    margin-bottom: 80px;
    border-radius: 5px;
}
.bannerBox {
    display: block;
    margin-bottom: 60px;
}
.bannerBox a {
    display: block;
    text-align: center;
}
.bannerBox img {
    padding: 15px;
    background: #fff;
    border: 1px solid #e6e6e6;
}
.section_content .article_summary .article_summary_body .tag, .article_summary_body .tag {
    padding: 2px 10px;
    background: #EEEEEE;
    font-family: "Roboto", sans-serif !important;
    font-size: 14px !important;
    color: #888888;
    display: inline-block;
    margin-bottom: 5px;
}
.section_content .article_summary .article_summary_body .summary_title {
    color: #333333;
    line-height: 130%;
    font-weight: 500;
    font-family: "Roboto", sans-serif !important;
    font-size: 14px !important;
    display: inline-block;
    margin-bottom: 12px;
}
.summary_meta .authors {
    font-family: "Roboto", sans-serif !important;
    font-size: 12px !important;
    color: #667085;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    overflow: hidden;
    -webkit-box-orient: vertical;
    padding: 0 !important;
}
.summary_meta .pages {
    font-family: "Roboto", sans-serif !important;
    font-size: 12px !important;
    color: #667085;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-top: 11px;
    margin-bottom: 16px;
}
.summary_meta .pages>div {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
    margin: 0;
    padding: 0;
}
hr {
    display: block;
    height: 1px;
    border: 0;
    margin: 1em 0;
    padding: 0;
    border-top: 1px solid #e2e4e2;
}
.section_content .article_summary .galleys_links {
    margin-top: 2px;
}
.section_content .article_summary .article_summary_body .galley-link, .section_content .article_summary .galleys_links span  {
    border: 0;
    color: #0060FF !important;
    font-weight: 500;
    font-size: 12px !important;
    padding: 8px;
    margin: 0;
    font-family: "Roboto", sans-serif !important;
}
.section_content .article_summary .article_summary_body .galley-link svg {
    display: none;
}
.article_summary .article_summary_body .summary_meta * {
    font-size: 12px !important;
}
.tab-content .additional_content {
    margin-top: 40px;
}
.section {
    padding: 0;
}
.headings {
    color: #3b4c93 !important;
    font-size: 25px;
}
.sidebar .pkp_block .content {
    padding-top: 0px;
}
.sidebar ul {
    margin: 0;
}
.sidebar ul li a:hover {
    text-decoration: underline;
}
.pkp_block .title {
    font-size: 18px !important;
}
.current_issue_label {
    font-size: 22px !important;
    color: #3b4c93;
    display: block;
    margin-bottom: 20px;
    font-weight: bold;
    font-family: "Roboto", sans-serif !important;
}
.current_issue_title {
    display: block;
    font-size: 18px !important;
    font-weight: 500;
    color: #1D2939 !important;
    display: inline-block;
    margin: 10px 0;
    font-family: "Roboto", sans-serif !important;
}
.issue_heading {
    padding-top: 20px;
}
.reItem .published {
    text-align: center;
    margin-right: 0;
    font-size: 14px !important;
    color: #51609f;
    border: 0 !important;
    padding: 10px 0;
    display: flex;
    align-items: center;
}
.reItem {
    border-radius: 8px;
    width: 100%;
    display: flex;
    margin-top: 16px;
    padding: 16px 24px;
    background-color: #F2F4F7;
    flex-direction: row;
    align-items: center;
}
.reItem .published .date_label {
    display: none;
}
.obj_issue_toc {
    clear: both;
}
.forthpage {
    display: block;
    width: 100%;
}
.forthpage h2 {
    font-size: 32px !important;
    color: #3b4c93;
    display: block;
    margin-bottom: 20px;
    font-weight: bold;
    font-family: "Roboto", sans-serif !important;
}

.forthpage ul.articles {
    list-style: none;
    padding: 0;
}
.forthpage ul.articles > li {
    float: left;
    width: 44.2%;
    height: 270px;
    margin-right: 20px;
    background: #fff;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid #e2e4e2;
    overflow: hidden;
}
.forthpage ul.articles li .title {
    font-weight: 700;
    margin: 10px 0;
    display: block;
    font-size: 17px;
    color: #333;
    font-family: "Roboto", sans-serif !important;
}
.forthpage ul.articles li .meta {
    color: #757575;
    font-size: small;
    font-family: "Roboto", sans-serif !important;
}
.forthpage ul.articles li .abstract {
    font-family: "Roboto", sans-serif !important;
    color: #000;
}
.tab-pane iframe {
    width: 100%;
}
.forthpage .galleys_links li .btn-primary.pdf {
    background-color: #3b4c93;
    border-color: #3b4c93;
    color: #fff;
    font-size: 14px !important;
    padding: 6px 35px;
    background-repeat: no-repeat;
    background-position: 10px center;
    background-image: url(https://www.ojsdemo.com/plugins/themes/themeSeventeen/img/ico-pdf.png);
}
.additional_content {
    margin-top: 0;
}
.cmp_announcements {
    margin-right: 0;
    margin-left: 0;
}
.btn-primary {
   color: #888;
border: 1px solid #aaa;
background: none;
border-radius: 0;
font-weight: 400;
color: #3b4c93 !important;
}

.btn-primary:hover{
    background-color:#ddd !important;
}

.forthpage ul.articles li .meta {
    color: #757575;
    font-size: small;
    font-family: "Roboto", sans-serif !important;
}
.forthpage ul.articles li .abstract {
    font-family: "Roboto", sans-serif !important;
    color: #000;
}
.tab-pane iframe {
    width: 100%;
}
.forthpage .galleys_links li .btn-primary.pdf {
    background-color: #3b4c93;
    border-color: #3b4c93;
    color: #fff;
    font-size: 14px !important;
    padding: 6px 35px;
    background-repeat: no-repeat;
    background-position: 10px center;
    background-image: url(https://www.ojsdemo.com/plugins/themes/themeSeventeen/img/ico-pdf.png);
}
.additional_content {
    margin-top: 0;
    border-top: 1px solid #ccc;
    padding-top: 20px;
    margin-top: 20px;
}
.reItem .issue_cover_block {
    width: 120px;
}
.reItem .issue_cover_block img {
    width: 100%;
    height: auto;
}
.cIssue {
    display: flex;
    flex: 1;
    align-items: flex-start;
    flex-direction: column;
    margin-left: 36px;
    padding: 16px 0px;
}
.cIssue .description p{
    margin: 0;
}
.description {
    width: 100%;
}
.description p {
    font-size: 14px !important;
}
.description .published {
    width: auto;
    height: auto;
    float: none;
    border: 0;
    text-align: left;
    padding: 0;
    margin-top: -18px;
    font-size: 12px !important;
}
.description .published .date_label {
    display: inline-block;
    margin-right: 5px;
}
.obj_issue_toc .published,
.obj_issue_toc .issue_heading {
    display: none;
}
.sections {
    margin-top: 0;
}

.profile-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
    padding: 0 8px;
    margin-bottom: 40px;
}
.profile-card {
    /* flex: 1; */
    display: flex;
    flex-direction: column;
    width: 31.5%;
    background-color: #fff;
    backdrop-filter: 0 2px blur(4px) rgba(212, 212, 212, 0.2);
    border-radius: 4px;
}
.profile-card img {
    width: 100% !important;
    height: auto;
    aspect-ratio: 1/1;
    object-fit: contain;
}
.profile-card .profile-info {
    padding: 8px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.profile-card .profile-info * {
    padding: 0 !important;
    margin: 0 !important;
}
.profile-info .profile-name {
    font-size: 18px !important;
    font-weight: 500;
    line-height: 28px;
}
.page_editorial_team table{
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    font-family: "Roboto", sans-serif !important;
    text-transform: none;
}
.page_editorial_team table thead {
    margin-bottom: 8px;
}
.page_editorial_team table thead tr {
    padding: 8px 8px;
    text-align: left;
    background-color: #3b4c93;
    color: #fff;
}
.page_editorial_team table th {
    background-color: transparent;
    color: inherit;
    font-size: 18px !important;
    font-weight: 500;
    line-height: 28px;
    text-transform: capitalize;
    padding: 8px 8px;
}
.page_editorial_team table thead th:first-child {
    border-radius: 4px 0 0 4px;
}
.page_editorial_team table thead th:last-child {
    border-radius: 0 4px 4px 0;
}
.page_editorial_team table tbody tr  {
    padding: 8px 8px;
    border-bottom: 1px solid #ccc;
}
.page_editorial_team table tbody td {
    font-size: 14px !important;
    font-weight: 500;
    color: #344054;
    padding: 8px 8px;
}
.journalDescriptionWrp {
    display: flex;
    flex-direction: column;
    gap: 32px;
}
.journal-thumbnail {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background-color: #F2F4F7;
    border-radius: 8px;
}
.journalDescriptionWrp .homepage-image {
    display: inline-block;
    width: 200px;
    padding: 10px 24px;
}
.journal-description {
    display: flex;
    flex-direction: column;
    width: 100%;
    vertical-align: top;
    padding: 26px 26px 26px 12px;
    overflow: hidden;
}
.journal-about {
    display: flex;
    flex-direction: column;
    width: 100%;
    vertical-align: top;
    overflow: hidden;
}
.journal-description p, .journal-about p {
    font-size: 14px !important;
}
.journal-description p:last-child, .journal-about p:last-child {
    margin: 0;
}
.announcement-full-title,
.pa h1, .static_page h1, .page .headings h1, .page h1 *, .pa h1 *, .static_page h1 * {
    font-family: "Roboto", sans-serif !important;
    font-size: 24px !important;
    font-weight: 500;
    color: #3b4c93;
    text-align: left;
    /* text-transform: capitalize; */
    line-height: 30px;
    margin-top: 0;
    margin-bottom: 16px;
    padding: 8px 0;
}
.pa h2, .pa h3, .pa h4, .pa h5, .static_page h2, .static_page h3, .static_page h4, .static_page h5, .page h2, .page h3, .page h4, .page h5, .page h2 *, .page h3 *, .page h4 *, .page h5 *, .static_page h2 *, .static_page h3 *, .static_page h4 *, .static_page h5 *, .pa h2 *, .pa h3 *, .pa h4 *, .pa h5 * {
    font-family: "Roboto", sans-serif !important;
    font-size: 18px !important;
    font-weight: 500;
    /* color: #3b4c93; */
    text-align: left;
    text-transform: capitalize;
    margin-top: 16px;
    margin-bottom: 0;
    padding: 8px 0;
}
.pdf-download-button .label {
    color: #1D2939 !important;
}
.pa h1.page_title,
.leftcolumn .section .headings {
    font-size: 24px !important;
    font-weight: 500;
    color: #3b4c93;
    text-align: left;
    text-transform: capitalize;
    line-height: 30px;
    margin-top: 0;
    margin-bottom: 16px;
    padding: 8px 0;
}
.submissions-heading .headings {
    margin: 0 !important;
}
.pa h1.page_title:after {
    content: '';
    width: 89%;
    height: 1px;
    border-top: 1px solid #ccc;
    position: absolute;
    top: 14px;
    right: 0;
    margin-left: 10px;
}

.pa p, .static_page p, .page p {
    font-family: "Roboto", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400;
    line-height: 24px;
    margin-top: 0;
    margin-bottom: 16px;
    /* padding-inline-start: 8px; */
}
.pa p *, .static_page p *, .page p * {
    font-family: "Roboto", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
}

.current_issue .section .section_title {
    font-family: "Roboto", sans-serif !important;
    position: static;
    font-weight: 500;
    background: transparent;
}

.current_issue .section .section_title hr {
    border: 0;
}




.announcement-full-date i {
    color: #3b4c93;
}
.submission-actions{
    display: flex;
    align-items: center;
    gap: 16px;
}
.btn-submit, .btn-login {
    background-color: #3b4c93 !important;
    color: #fff !important;
    border: 1px solid #3b4c93;
    border-radius: 50px;
    padding: 8px 16px;
}
.btn-view, .btn-register {
    background-color: transparent;
    color: #3b4c93 !important;
    border: 1px solid #3b4c93;
    border-radius: 50px;
    padding: 8px 16px;
}
.submission-checklist-item,
.submission-checklist-item i {
    font-size: 16px !important;
}
.cmp_notification {
    background: #3b4c93;
    text-align: center;
    margin-bottom: 15px;
    color: #858484;
    border: 1px solid #dbdbdb;
    background: none;
    border-radius: 0;
    font-weight: 300;
}
.cmp_notification a {
    color: #d55c39;
}
.cmp_notification a:hover {
    color: #0a950e;
}
.contact_section {
    text-align: left;
}
.contact-heading {
    font-size: 24px !important;
}
ul.static-page-list li {
    font-size: 14px !important;
}
.issue_item {
    width: 100%;
}
.issue_item .obj_issue_summary a.cover {
    display: inline-block;
    width: 200px;
    float: left;
}
.issue_item .obj_issue_summary {
    display: block;
    flex-direction: inherit;
}
.issue_item .obj_issue_summary .right-content {
    width: 75%;
    display: block;
    float: left;
    padding-left: 20px;
}
.issue_summary_title,
.issue_title {
    font-family: "Roboto", sans-serif !important;
}
.issue_summary_title {
    color: #3b4c93;
    display: block;
}
.issue_summary_title:hover {
    color: #3b4c93;
}
.issue_item:nth-child(4n+3) .obj_issue_summary,
.issue_item:nth-child(4n+2) .obj_issue_summary {
    margin-left: 0;
    margin-right: 0;
}
.pa {
    padding-bottom: 30px;
}


/*----end----*/
.homeSlider {
    margin-bottom: 30px;
    overflow:hidden;
}
.homeSlider .journalInfoCol {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: end;
}
.no-slider{
    padding-top: 40px;
    padding-left: 9%;
    padding-right: 4%;
    padding-bottom: 40px;
    gap: 16px;
}
.no-slider .journal-about {
    gap: 16px;
}
.no-slider .journal-about p {
    font-size: 14px !important;
    line-height: 24px;
}
.no-slider .journal-about * {
    margin: 0;
    color: #fff;
}
.no-slider .submission-button {
    display: flex;
    padding: 5px 16px;
    color: #fff;
    background-color: #1e2d6c;
    width: fit-content;
    border-radius: 50px;
    font-weight: 500;
    font-size: 12px !important;
    flex-direction: row;
    align-items: center;
    gap: 4px;
    margin-top: 8px;
}

.issue-toc .thumbnail {
    border: 0px;
    width: 250px;
}

.journalInfoCol .carousel {
    width: 450px;
    color: #fff;
    float: right;
    padding: 60px 50px;
    height: 315px;
    background: rgba(254,0,0,0.60);
    margin-bottom: 0px !important;
}
.homeSlider .journalInfoCol .item p {
    font-size:10px;
    color: #fff;
    margin-bottom:10px;
}
.homeSlider .journalInfoCol .item h5 {
    font-size: 17px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 20px 0;
}
.homeSlider .journalInfoCol .item img {
    height: 35px;
    width: auto;
    float: left;
    margin: 0 15px 15px 0;
}
.homeSlider .journalInfoCol .carousel-indicators {
    position: absolute;
    top:26px;
    left: 5px;
    z-index: 0;
    padding: 0;
    margin: 0;
    width: 200px;
    height: 30px;
}
.homeSlider .journalInfoCol .carousel-indicators li {
    width: 15px;
    height: 15px;
    margin: 0;
    display: inline-block;
    background: #711917;
    margin-right: 10px;
    border: 0;
    border-radius: 0;
}
.homeSlider .journalInfoCol .carousel-indicators li.active {
    background: #fe0000;
}
.carousel-control .glyphicon-chevron-left, 
.carousel-control .glyphicon-chevron-right, 
.carousel-control .icon-next, 
.carousel-control .icon-prev {
    font-size: 19px;
}
.carousel-control .glyphicon-chevron-left, 
.carousel-control .icon-prev {
    margin-left: -20px;
}
.carousel-control .glyphicon-chevron-right, 
.carousel-control .icon-next {
    margin-right: -20px;
}
nav.cmp_breadcrumbs {
    display: block;
    background-color: #F9FAFB;
    /* border-bottom: 1px solid #ededed; */
    margin: 0;
   /* position: fixed;
    width: 100%;
    left: 0;
    top: 167px;
    z-index: 1;*/
}
.breadcrumb>.active {
    color: #667085;
}
.header-ads{text-align:center;}
nav.cmp_breadcrumbs .breadcrumb {
    background-color: transparent;
    padding: 8px 16px;
    width: 1110px;
    margin: 0 auto;
}
nav.cmp_breadcrumbs ol.breadcrumb li:nth-child(1):before {
    display: none;
}
nav.cmp_breadcrumbs ol.breadcrumb li {
    margin-bottom: 0;
}
nav.cmp_breadcrumbs ol.breadcrumb li a {
    color: #d55c39;
}
nav.cmp_breadcrumbs nav.cmp_breadcrumbs {
    margin: 0;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    color: #fff;
    background: none;
}
aside {
    border-inline-start: 1px solid #EAECF0;
}
.sidebar > div .title{display: block; cursor: pointer; background: #0a6a08; color: #fff; position: relative;     font-size: 17px;
font-weight: 500;
padding: 5px 40px 5px 10px;} 
.sidebar > div .title:after{
    content:''; padding: 10px; line-height: 24px; inset-inline-end:16px; top:0; bottom: 0; position: absolute; color: #fff !important;
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMSIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIxIDIwIiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTE1LjMwNTkgMTMuMDM0QzE1LjYxMDIgMTIuNzc0MSAxNS43NzE3IDEyLjM4NDMgMTUuNzQwMyAxMS45ODU0QzE1LjcxMjIgMTEuNjI4MiAxNS41MDY2IDExLjM3MDQgMTUuNDA0MSAxMS4yNDc5QzE1LjI4OTIgMTEuMTEwNiAxNS4xMzI1IDEwLjk1NDEgMTQuOTczMiAxMC43OTQ4TDExLjU0NzEgNy4zNjg2OEMxMS40NzY5IDcuMjk4NDYgMTEuMzkzMSA3LjIxNDYgMTEuMzEzMyA3LjE0Njc4QzExLjIyMDcgNy4wNjgyIDExLjA4MDIgNi45NjM1OCAxMC44ODYzIDYuOTAwNTlDMTAuNjM1MyA2LjgxOTAyIDEwLjM2NDggNi44MTkwMiAxMC4xMTM4IDYuOTAwNTlDOS45MTk5MiA2Ljk2MzU4IDkuNzc5NDIgNy4wNjgyIDkuNjg2ODYgNy4xNDY3OEM5LjYwNjk5IDcuMjE0NTkgOS41MjMxOSA3LjI5ODQ1IDkuNDUzMDMgNy4zNjg2Nkw2LjAyNjkgMTAuNzk0OEM1Ljg2NzU3IDEwLjk1NDEgNS43MTA5NSAxMS4xMTA3IDUuNTk2MDUgMTEuMjQ3OUM1LjQ5MzUzIDExLjM3MDQgNS4yODc5NCAxMS42MjgyIDUuMjU5ODMgMTEuOTg1NEM1LjIyODQ0IDEyLjM4NDMgNS4zODk5MSAxMi43NzQxIDUuNjk0MTcgMTMuMDM0QzUuOTY2NjIgMTMuMjY2NyA2LjI5NDM0IDEzLjMwMzcgNi40NTM0MSAxMy4zMTc4QzYuNjMxNzIgMTMuMzMzNiA2Ljg1MzE5IDEzLjMzMzUgNy4wNzg1IDEzLjMzMzVMMTMuOTIxNiAxMy4zMzM1QzE0LjE0NjkgMTMuMzMzNSAxNC4zNjg0IDEzLjMzMzYgMTQuNTQ2NyAxMy4zMTc4QzE0LjcwNTggMTMuMzAzNyAxNS4wMzM1IDEzLjI2NjcgMTUuMzA1OSAxMy4wMzRaIiBmaWxsPSIjM2I0YzkzIi8+Cjwvc3ZnPg==') no-repeat center center;
}

/* .sideBox .block_announcement .title:before{content:'\f028'; padding: 10px; line-height: 24px; font-size: 14px !important; font-family: "fontAwesome"; left:2px; top:-3px; bottom: 0px; position: absolute; background: none; color: #fff !important; } */

.sidebar > div.showHide .title:after{
    content:'';
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTUuMTk0MDYgNi45NjYyNUM0Ljg4OTc5IDcuMjI2MTEgNC43MjgzMyA3LjYxNTkzIDQuNzU5NzIgOC4wMTQ4M0M0Ljc4NzgzIDguMzcyMDMgNC45OTM0MiA4LjYyOTg5IDUuMDk1OTQgOC43NTIzNEM1LjIxMDg1IDguODg5NiA1LjM2NzQ3IDkuMDQ2MTggNS41MjY4MiA5LjIwNTQ4TDguOTUyOTEgMTIuNjMxNkM5LjAyMzA3IDEyLjcwMTggOS4xMDY4NyAxMi43ODU2IDkuMTg2NzUgMTIuODUzNUM5LjI3OTMxIDEyLjkzMiA5LjQxOTgxIDEzLjAzNjcgOS42MTM2NyAxMy4wOTk3QzkuODY0NzMgMTMuMTgxMiAxMC4xMzUyIDEzLjE4MTIgMTAuMzg2MiAxMy4wOTk3QzEwLjU4MDEgMTMuMDM2NyAxMC43MjA2IDEyLjkzMiAxMC44MTMxIDEyLjg1MzVDMTAuODkzIDEyLjc4NTcgMTAuOTc2OCAxMi43MDE4IDExLjA0NyAxMi42MzE2TDE0LjQ3MzEgOS4yMDU0NEMxNC42MzI0IDkuMDQ2MTYgMTQuNzg5MSA4Ljg4OTU5IDE0LjkwNCA4Ljc1MjM0QzE1LjAwNjUgOC42Mjk4OSAxNS4yMTIxIDguMzcyMDIgMTUuMjQwMiA4LjAxNDgzQzE1LjI3MTYgNy42MTU5MyAxNS4xMTAxIDcuMjI2MTEgMTQuODA1OCA2Ljk2NjI1QzE0LjUzMzQgNi43MzM1NSAxNC4yMDU3IDYuNjk2NTggMTQuMDQ2NiA2LjY4MjQ5QzEzLjg2ODMgNi42NjY2OSAxMy42NDY4IDYuNjY2NzIgMTMuNDIxNSA2LjY2Njc1TDYuNTc4MzkgNi42NjY3NUM2LjM1MzA3IDYuNjY2NzIgNi4xMzE2MSA2LjY2NjY5IDUuOTUzMyA2LjY4MjQ5QzUuNzk0MjIgNi42OTY1OCA1LjQ2NjUxIDYuNzMzNTUgNS4xOTQwNiA2Ljk2NjI1WiIgZmlsbD0iIzNiNGM5MyIvPgo8L3N2Zz4=');
    background-repeat: no-repeat;
    background-position: center center;
    inset-inline-end: 16px;
}
.sidebar > div.showHide .title ~ *{display: none; }
.sidebar > div.showHide { border: 0; }
.sidebar > div.showHide .title { color: #2f5e83 }

.summary_meta {
    margin-top: 0;
    font-weight: 500;
    line-height: 1.25;
}
p.pages {
    font-family: "Roboto", sans-serif !important;
    font-size: 12px !important;
    color: #858585;
    display: block;
    margin: 0 0 0px 0;
}
.odate {
    font-family: "Roboto", sans-serif !important;
    font-size: 12px !important;
    color: #858585;
    display: block;
   
}
.modal-header {
    background: #3b4c93;
    color: #fff;
    text-align: left;
    display: block;
    justify-content: flex-start;
}
.modal-header h4 {
    display: block;
    width: 100%;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #259a7d;
    padding-bottom: 10px;
}
.modal-header h6 {
    display: block;
    width: 100%;
    margin: 0;
    font-size: 12px !important;
}
.modal-header h6 i {
    margin-right: 6px;
}
#accordion .panel-collapse.collapse {
    display: none !important;
}
#accordion .panel-collapse.collapse.show.in,
#accordion .panel-collapse.collapse.in {
    display: block !important;
}
#accordion .panel-title a {
    display: block;
    font-weight: 500;
    color: #3b4c93;
}
#accordion .panel.panel-default {
    margin-bottom: 10px;
}
#accordion h4 a.accordion-toggle:before {
    display: inline-block;
    float: right;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    margin-top: 0;
}
#accordion h4 .accordion-toggle:before {
    content: "\f078";
}
#accordion h4 a.accordion-toggle.collapsed:before {
    content: "\f054";
}
.submissionBox .nav-tabs {
    width: 100%;
    float: right;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    border-bottom: 1px solid #dbdce0;
    padding: 0 8px;
}
.submissionBox .nav-tabs::after, .submissionBox .nav-tabs::before {
    display: none;
}
.submissionBox .nav-tabs li {
    float: none;
    display: inline-block;
    font-weight: 500;
    color: #667085;
    font-size: 16px !important;
    line-height: 24px;
}
.submissionBox .nav-tabs li a {
    background: none;
    border: 0;
    border-bottom: 2px solid transparent;
    color: #667085;
    font-size: 16px !important;
    line-height: 24px;
    padding: 12px 20px;
}
.submissionBox .nav-tabs li a:hover, .submissionBox .nav-tabs li.active a {
    background: none;
    border: 0;
    border-bottom: 2px solid #1e2d6c;
    color: #344054;
}
.submissionBox .tab-content {
    clear: both;
}
.submissionBox p {
    padding: 0;
}
.submission-item-block h2 {
    margin-bottom: 20px;
    color: #3b4c93 !important;
    font-size: 20px !important;
}
.submissionBox .submission-checklist-item, 
.submissionBox .submission-checklist-item i {
    font-size: 14px !important;
    color: #344054;
}

.submission-checklist-item {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 8px;
}
.submission-checklist-item>*{
    width: 100%;
}
.submission-checklist-item ul {
    list-style: inside;
}
.submission-checklist-item>p, .submission-checklist-item>i {
    margin: 0;
    width: auto;
    max-width: calc(100% - 25px);
}
.submission-checklist-item .fa-check-square:before {
    display: inline-block;
    margin-top: 8px;
}
.submission-checklist-item br {
    display: none;
}
.page_contact .page-header {
    margin: 0 0 30px 0;
}
.page_contact .page-header h1 {
    font-size: 20px !important;
    color: #3b4c93;
}
.contact-form .form-control {
    border: 1px solid #ccc;
    box-shadow: none;
}
.form-control:focus {
    outline: 0;
    border: 1px solid #ccc;
    transition: none;
    padding-left: 13px;
}
/*.contact-form button[type="submit"] {*/
/*    color: #888;*/
/*    border: 1px solid #aaa;*/
/*    background: none;*/
/*    border-radius: 0;*/
/*    font-weight: 300;*/
/*}*/
.section:not(:last-child) {
    border: 0;
}
.contact_section .contact ul li {
    margin-bottom: 10px;
}
.cmp_form.register{
    margin-top: 50px;
}
.formBoxLR p {
    padding: 0;
}
.page_search * {
    font-family: "Roboto", sans-serif !important;
}
.formBoxLR fieldset.fields .form-control,
.formBoxLR .fields .form-control, .form-control, .searchleft select{
    border: 1px solid #EAECF0;
    box-shadow: none;
    background-color: #F2F4F7 !important;
    border-radius: 50px;
    padding: 10px 16px;
    font-family: "Roboto", sans-serif !important;
    font-size: 14px !important;
    line-height: 20px;
    font-weight: 400;
    height: auto;
}
.page_search .form-control, .page_search .searchleft select {
    background-color: white !important;
}

.page_search .form-control:focus {
    box-shadow: none;
    outline: 0 !important;
}
.formBoxLR .fields .form-control::placeholder {
    color: #667085;
}
.searchfieldA {
    box-shadow: none;
    border-radius: 50px;
    overflow: hidden;
}
.searchfieldA input {
    background-color: white !important;
    border: 1px solid #EAECF0;
}
.searchfieldA .submit {
    background-color: #3b4c93 !important;
    border: 0;
    padding: 10px 16px;
    color: white !important;
    border: 1px solid #3b4c93;
}
.searchfieldA .submit:hover {
    background-color: #3b4c93 !important;
    color: white !important;
}
.search-pagination-results span {
    border-bottom: 1px solid #3b4c93;
}
.formBoxLR fieldset.fields small.form-text,
.formBoxLR .fields small.form-text {
    text-align: right; 
    font-size: 10px !important;
}
.formBoxLR fieldset.fields p small a {
    color: #D92D20;
    font-size: 12px !important;
    line-height: 18px;
    font-weight: 500;
}
.formBoxLR fieldset.fields button.submit,
.formBoxLR fieldset.fields button.submit:hover,
.formBoxLR fieldset.fields button.submit:focus {
    float: none;
    margin-right: 0;
    padding: 10px 30px;
    background-color: #3b4c93 !important;
    font-family: "Roboto", sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    border: 0;
    border-radius: 50px;
    color: #fff !important;
    margin-top: 26px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
}

.obj_announcement_summary 



.formBoxLR fieldset.fields button.submit:hover{
    background:#ddd;
}

.formBoxLR fieldset.fields .custom-control-label {
    display: inline-block;
    margin-left: 17px;
    margin-top: 10px;
    font-family: "Roboto", sans-serif !important;
    font-weight: 500;
    font-size: 14px !important;
    color: #475467;
}
.formBoxLR fieldset.fields .register {
    display: none;
}
.cmp_form.login h2, .cmp_form.register h2 {
    font-size: 20px !important;
    line-height: 30px;
    color: #344054;
}
.cmp_form.login .form-group {
    padding-right: 60px;
}
.cmp_form.login .form-group:not(:last-child) {
    border-right: 1px solid #dbdce0;
}
.socialMediaLogin {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.socialMediaLogin .or {
    position: absolute;
    top: 45%;
    left: -40px;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background-color: #ccc;
    text-align: center;
    line-height: 30px;
    text-transform: uppercase;
}
.socialMediaLogin .or:after {
    content: '';
    width: 1px;
    height: 80px;
    background-color: #ccc;
    bottom: -89px;
    display: block;
    position: absolute;
    left: 15px;
}
.socialMediaLogin .or:before {
    content: '';
    width: 1px;
    height: 80px;
    background-color: #ccc;
    top: -89px;
    display: block;
    position: absolute;
    left: 15px;
}
.socialMediaLogin p {
    text-align: center;
    font-size: 14px !important;
}
.socialMediaLogin p a {
    color: #d55c39;
    font-weight: 500;
}
.socialMediaLogin p strong {
    display: block;
    margin-bottom: 10px;
}
.socialMediaLogin a.social {
    display: block;
    width: 200px;
    margin: 10px auto;
}
.formBoxLR .nav-tabs {
    border-bottom: 1px solid #dbdce0;
}
.formBoxLR .nav-tabs li a {
    color: #667085;
    border: 0;
    font-family: "Roboto", sans-serif !important;
    font-size: 16px !important;
    line-height: 24px;
    font-weight: 500;
}
.formBoxLR .nav-tabs li.active a,
.formBoxLR .nav-tabs li.active a:hover,
.formBoxLR .nav-tabs li.active a:focus {
    /* border-top: 3px solid #D55C39; */
    /* border-right: 1px solid #ddd; */
    /* border-left: 1px solid #ddd; */
    border-bottom: 2px solid #1e2d6c;
    color: #3d4751;
}
.formBoxLR .nav-tabs li a,
.formBoxLR .nav-tabs li.active a {
    border-radius: 0;
    font-weight: 500;
    background: none;
}
.formBoxLR .nav-tabs li a:hover,
.formBoxLR .nav-tabs li a:focus {
    background: none;
    border: 0;
}
.formBoxLR .form-control:focus {
    padding-left: 13px;
}
.formBoxLR #connect-orcid-button {
    margin: 20px 0 20px 0;
}
.formBoxLR fieldset legend {
    font-family: "Roboto", sans-serif !important;
    font-size: 16px !important;
    font-weight: 500;
    padding-bottom: 10px;
   
}
.formBoxLR fieldset.identity {
    margin-top: 0;
}
.formBoxLR .form-control#country {
    height: auto;
    line-height: 14px;
}
.label{
    color: #000;
}
.reviewer_interests .label{
    font-size: 14px !important;
    color: #475467;
    font-family: "Roboto", sans-serif !important;
}
.formBoxLR fieldset.login-data {
    margin-top: 20px;
}
.formBoxLR fieldset.consent .custom-control {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}
.formBoxLR .buttons a.login {
    display: none;
}
.formBoxLR .right button.submit,
.formBoxLR .right button.submit:hover,
.formBoxLR .right button.submit:focus {
    float: none;
    /* margin-right: 66px; */
    background: #3b4c93 !important;
    /* border: 1px solid #e0e0e0 !important; */
    color: #fff !important;
    padding: 10px 30px;
    border: 0;
    margin: 0;
    font-family: "Roboto", sans-serif !important;
    font-size: 16px !important;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    width: 100%;
    border-radius: 50px;
}
.formBoxLR .right .buttons {
    margin-top: 10px;
}
.fa-envelope:before {
    color: #3b4c93;
}
.gridView .issue_item {
    display: flex;
    width: 222px;
    float: left;
    margin: 0;
}
.gridView .issue_item:nth-child(5n+5) {
    margin-right: 0;
}
.gridView .issue_item .mainMedia {
    width: 100%;
    height: 280px;
    position: relative;
    display: flex;
    flex-direction: column;
    /* border: 1px solid #ddd; */
    border-radius: 5px;
    /* -webkit-box-shadow: 1px 2px 5px 0 rgba(0,0,0,0.20); */
}
.gridView .issue_item .media-body, .calView .issue_item .media-body {
    width: 100%;
    background-color: white;
    /* height: 100px; */
    padding: 8px;
    /* position: absolute; */
    /* bottom: 0;
    left: 0; */
    z-index: 0;
}
.gridView .issue_item .media-left {
    padding-right: 0;
    text-align: center;
    width: 100%;
    background-color: #F2F4F7;
}
@media screen\0 {
   .gridView .issue_item .media-left { display: block; } 
}
.gridView .issue_item .media-object, .calView .issue_item .media-object {
    width: 100%;
    height: auto;
    display: inline-block;
    padding: 10px 10px;
}
.gridView .issue_item .media-heading, .calView .issue_item .media-heading {
    margin-top: 0;
    margin-bottom: 0px;
    font-size: 14px !important;
    color: #000;
    text-align: center;
    /* padding: 0 10px; */
    font-size: 16px !important;
}
.gridView .issue_item .media-heading a {
    color: #3b4c93;
    font-size: 14px !important;
    font-weight: 500;
    display: block;
    /* margin-bottom: 7px; */
}
/* .gridView .issue_item .media-heading a span {
    display: none;
} */
.gridView .issue_item .media-heading .lead {
    font-size: 14px !important;
}

.gridView .description, .calView .description {
    display:none;
}
.gridView .a1 {
    display:none;
}
.listView .description {
    display:block;
}
.listView .a2 {
    display:none;
}
.gridListBox {
    position: relative;
    display: inline-block;
    color: #3b4c93;
}

.gridListBox .dropdown-toggle {
    font-size: 14px !important;
    font-weight: 500;
    width: 180px;
    outline: none;
    float: none !important;
    position: static;
    margin: 0;
    border-radius: 50px;
    background-position: right 16px center;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 16px;
    border: 0.5px solid #3b4c93;
    background-color: #F2F4F7;
}

.gridListBox .dropdown-toggle div {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #3b4c93 !important;
}

.gridListBox .dropdown-toggle::after {
    content: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M5.19406%206.96625C4.88979%207.22611%204.72833%207.61593%204.75972%208.01483C4.78783%208.37203%204.99342%208.62989%205.09594%208.75234C5.21085%208.8896%205.36747%209.04618%205.52682%209.20548L8.95291%2012.6316C9.02307%2012.7018%209.10687%2012.7856%209.18675%2012.8535C9.27931%2012.932%209.41981%2013.0367%209.61367%2013.0997C9.86473%2013.1812%2010.1352%2013.1812%2010.3862%2013.0997C10.5801%2013.0367%2010.7206%2012.932%2010.8131%2012.8535C10.893%2012.7857%2010.9768%2012.7018%2011.047%2012.6316L14.4731%209.20544C14.6324%209.04616%2014.7891%208.88959%2014.904%208.75234C15.0065%208.62989%2015.2121%208.37202%2015.2402%208.01483C15.2716%207.61593%2015.1101%207.22611%2014.8058%206.96625C14.5334%206.73355%2014.2057%206.69658%2014.0466%206.68249C13.8683%206.66669%2013.6468%206.66672%2013.4215%206.66675H6.57839C6.35307%206.66672%206.13161%206.66669%205.9533%206.68249C5.79422%206.69658%205.46651%206.73355%205.19406%206.96625Z%22%20fill%3D%22%23344054%22%2F%3E%0A%3C%2Fsvg%3E");
}

.gridListBox .dropdown-menu {
    display: none; /* Hidden by default */
    position: absolute;
    background-color: white;
    min-width: 160px;
    width: 100%;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    padding: 8px 0;
    margin: 0;
    top: 0;
}

.gridListBox .dropdown-menu li {
    cursor: pointer;
    margin: 0;
}
.gridListBox .dropdown-menu li div{
    display: flex;
    align-items: center;
    gap: 10px;

}
.gridListBox .dropdown-menu li a {
    text-decoration: none;
    display: block;
    padding: 8px 16px;
}
.gridListBox .dropdown-menu li:first a{
    padding-top: 0;
}

.gridListBox .dropdown-menu li:last a{
    padding-bottom: 0;
}

/* Show the dropdown menu on hover or active state */
.gridListBox:hover .dropdown-menu,
.gridListBox.active .dropdown-menu {
    display: block;
}
.gridListBox:hover .dropdown-toggle,
.gridListBox.active .dropdown-toggle {
    border: 0;
}

.gridListBox li.active div, .gridListBox li.active a {
    background-color: white !important;
    color: #3b4c93 !important;
}
.gridListBox li div:hover, .gridListBox li a:hover {
    background-color: white !important; 
    color: #3b4c93 !important;
}

/* .gridListBox .dropdown-menu li a i {
    margin-right: 8px;
} */
span.line {
    width: 100%;
    height: 1px;
    background-color: #ccc;
    position: absolute;
    top: 10px;
    z-index: 0;
}
span.view {
    position: absolute;
    right: 113px;
    font-size: 16px !important;
    color: #333;
    font-weight: 500;
    background: #fff;
    padding: 0 10px;
}
/* .gridListBox ul {
    float: right;
    position: relative;
    z-index: 0;
    background: #fff;
}
.gridListBox ul li {
    float: left;
    margin-left: 10px;
    padding-right: 10px;
    font-size: 14px !important;
    background: #fff;
    border-right: 1px solid #ccc;
}
.gridListBox ul li:last-child {
    border-right: 0;
}
.gridListBox ul li a {
    color: #333;
}

.gridListBox ul li a:hover {
    color: #fe0000;
}

.gridListBox ul li.active a {
    color: #fe0000;
} */
.listView .issue_item {
    display: block;
    background: #f8f8f8;
    padding: 20px;
           
}
.listView .issue_item .issue-summary {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.listView .issue_item .media-left {
    padding: 10px 24px;
}
.listView .issue_item .media-left img {
    width: auto;
    object-fit: cover;
    height: 170px;
}
.listView .issue_item .media-body {
    overflow: visible;
    padding: 10px 12px;
}
.listView .issue_item .media-body .media-heading {
    display: block;
    position: relative;
    margin-bottom: 0;
    /* padding-left: 113px; */
}
.listView .issue_item .media-body .media-heading a {
    font-size: 18px !important;
    font-weight: 500;
    display: block;
    margin-bottom: 10px;
    margin-top: 0;
}

.listView .issue_item .media-body .media-heading a:hover {
    color: #000;
}

.listView .issue_item .media-body .media-heading .lead {
    margin: 0;
}


.listView .issue_item .archiveVol {
    font-size: 15px;
    display: none;
    padding-top: 5px;
    font-weight: 500;
}
.listView .issue_item .archiveDate {
    font-size: 14px !important;
    color: #333;
    font-weight: 500;
    padding: 0;
    text-align: start;
    color: #51609f;
}
.listView {
    padding-top: 30px;
}
.listView .issue_item {
    margin-top: 0;
    padding: 0;
    margin-inline-start: 10px;
    margin-bottom: 16px;
    background-color: #F2F4F7;
    border-radius: 8px;
}
.listView .yearBox,
.gridView .yearBox {
    display: none;
}
.calView {
    margin-top: 10px;
    padding-bottom: 20px;
    border-radius: 4px;
}
.calView .yearBox {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px !important;
    line-height: 28px;
    font-weight: 500;
    color: #344054;
    margin: 16px 0;
    width: 100%;
    padding: 0 2px;
}
/* .calView .yearBox:first-child {
    margin-top: -1px;
} */
.calView .a1, .gridView .a1,
.calView .a2, .gridView .a2 {
    display:none;
}
.gridView .yearView, .calView .yearView {
    margin: 10px;
    display: flex;
    flex: 1;
}
.gridView .yearView:hover, .calView .yearView:hover {
    box-shadow: 1px 1px 10px 1px #ddd;
}
.calView .issue_item .media {
    width: 100%;
    height: auto;
    position: relative;
    display: flex;
    flex-direction: column;
    /* border: 1px solid #ddd; */
    border-radius: 5px;
    flex: 1;
    /* -webkit-box-shadow: 1px 2px 5px 0 rgba(0,0,0,0.20); */
}
.calView .issue_item {
    display: flex;
    width: 222px;
    float: left;
    margin: 0;
}
.calView .issue_item .media-body .media-heading a {
    color: #3b4c93;
    font-size: 14px !important;
    font-weight: 500;
    display: block;
    margin: 0;
    /* margin-bottom: 7px; */
}
.calView .issue_item .media-body .media-heading a:hover {
    
    color: #000;
}

/* .calView .issue_item .media-body .media-heading a:before {
    content: '\f02d';
    font-family: fontAwesome;
    margin-right: 4px;
    color: #000;
    font-size:14px;
} */
.calView .issue_item .media-body .media-heading a span {
    font-size: 14px !important;
    font-weight: 500;
    color: #3b4c93;
}
.calView .issue_item .media-left {
    padding-right: 0;
    text-align: center;
    width: 100%;
    background-color: #F2F4F7;
}
.calView .issue_item .series.lead, .gridView .issue_item .series.lead {
    display: none;
}
.calView .issue_item .media-body.takeWidth {
    display: block;
}

.cover_image{
    cursor: pointer;
}

/* Modal styles */
.image-preview-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    z-index: 1000;
}

.image-preview-modal-content {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.image-preview-modal-header {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 1001;
}

.image-preview-modal .button-group {
    display: flex;
    gap: 10px;
}

.image-preview-modal .modal-btn {
    padding: 8px 16px;
    background-color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
}

.image-preview-modal .modal-btn:hover {
    background-color: #f0f0f0;
}

#imagePreviewModalImage {
    max-width: 100%;
    max-height: 100vh;
    margin: auto;
    object-fit: contain;
    padding: 5vh 0;
}

/* Modal overlay for Table of Contents */
.toc-modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.6);
    transition: opacity 0.3s ease;
  }
  .toc-modal.active {
    display: block;
  }
  
  /* Modal content container */
  .toc-modal-content {
    background-color: #fff;
    margin: 10% auto;
    padding: 20px 30px;
    border: 1px solid #888;
    width: 80%;
    max-width: 600px;
    border-radius: 4px;
    position: relative;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  }
  
  /* Close button for modal */
  .toc-close {
    color: #aaa;
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
    transition: color 0.2s ease;
  }
  .toc-close:hover,
  .toc-close:focus {
    color: #000;
  }
  
  /* Title styling inside the modal */
  .toc-modal-content h2 {
    margin-top: 0;
    font-size: 1.5rem;
    text-align: center;
    color: #333;
  }
  
  /* Styling for the TOC list inside modal */
  .toc-modal-content ul {
    list-style: none;
    padding-left: 0;
    margin: 20px 0 0;
  }
  .toc-modal-content li {
    margin: 10px 0;
  }
  .toc-modal-content a {
    color: #3b4c93;
    text-decoration: none;
    font-size: 1.5rem;
    transition: color 0.2s ease;
  }
  .toc-modal-content a:hover {
    text-decoration: underline;
    color: #3b4c93;
  }
  

/* Responsive adjustments */
@media (max-width: 768px) {
    #imagePreviewModalImage {
        width: 100%;
        height: auto;
    }
    
    .image-preview-modal-header {
        top: 10px;
        right: 10px;
    }
    
    .image-preview-modal .modal-btn {
        padding: 6px 12px;
        font-size: 12px;
    }
}

.article_section_title{
    font-size: 14px !important;
    font-weight: 500;
    font-family: "Roboto", sans-serif !important;
    line-height: 32px;
    color: #475467;
    text-transform: capitalize;
    padding: 0;
    margin-bottom: 4px;
}
.article_abstract_block {
    background: transparent;
    padding: 0;
}
.article_abstract_block h3 {
    font-family: "Roboto", sans-serif !important;
    font-size: 20px !important;
    font-weight: 500;
    line-height: 30px;
    color: #3b4c93;
    margin: 0 0 20px 0;
    display: block;
    text-align: left;
    padding: 0;
}

#related_articles_list h3 {
    margin-top: 20px;
}
#related_articles_list .article-summary * {
    font-size: 16px !important;
}

.article-container a, .article-container div, .article-container figure, .article-container li, .article-container p, .article-container span, .article-container table{

    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.42857143 !important;

}

#article-navigation-menu-items .nav-subtitle {
    font-size: 11px !important;
    margin-top: 0;
    margin-bottom: 0;
    color: #72706f !important;
}

.value {
    padding-top: 0px;
}
.article_abstract_block li {
    font-family: "Roboto", sans-serif !important;
    font-size: 14px !important;
    margin: 0 0 10px 0;
    color: #344054;
}
/* Container styles for all content under .abstract */
.abstract {
    font-size: 1rem; /* 16px default */
    line-height: 1.6;
    color: #333;
    /* margin: 0 auto;
    padding: 20px; */
  }
/* Headings */
.abstract h1,
.abstract h2,
.abstract h3,
.abstract h4,
.abstract h5,
.abstract h6,
.article_abstract_block h3 {
  font-weight: 600;
  line-height: 1.2;
  margin-top: 1em;
  margin-bottom: 0.5em;
  color: #3b4c93;
}

.abstract h1 {
  font-size: 2em !important;
  border-bottom: 2px solid #eaeaea;
  padding-bottom: 0.3em;
}
.article_abstract_block h3{
    border-bottom: 2px solid #eaeaea;
    padding-bottom: 0.3em;
}

.abstract h2 {
  font-size: 1.75em !important;
  padding: 0;
}

.abstract h3 {
  border: 0;
  padding: 0;
  font-size: 1.6em !important; 
}

.abstract h4 {
  font-size: 1.25em !important;
  padding: 0;
}

.abstract h5 {
  font-size: 1.1em !important;
  padding: 0;
}

.abstract h6 {
  font-size: 1em !important;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 0;
}

/* Paragraphs and text elements */
.abstract p {
  margin-bottom: 1em !important;
  line-height: 1.75;
}

.abstract a {
  color: #0472B1;
  text-decoration: none;
  transition: color 0.3s ease;
}

.abstract a:hover,
.abstract a:focus {
  text-decoration: underline;
  color: #005fa3;
}

.abstract strong,
.abstract b {
  font-weight: bold;
}

.abstract em,
.abstract i {
  font-style: italic;
}

/* Blockquotes */
.abstract blockquote {
  border-left: 4px solid #ddd;
  padding-left: 1em;
  margin: 1.5em 0;
  font-style: italic;
  color: #666;
  background-color: #f9f9f9;
}

/* Lists */
.abstract ul,
.abstract ol {
  margin: 1em 0 1em 1.5em;
  padding-left: 1em;
}

.abstract ul {
  list-style: inside;
}

.abstract li {
  margin-bottom: 0.5em;
}

/* Horizontal Rule */
.abstract hr {
  border: 0;
  border-top: 1px solid #eee;
  margin: 2em 0;
}

.table-of-contents{
    position: sticky;
    top: 20px;
}

/* Tables */
/* .abstract table {
  width: 100%;
  border-collapse: collapse;
  margin: 1em 0;
  font-size: 0.95em !important;
}

.abstract table th,
.abstract table td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: left;
}

.abstract table th {
  background-color: #f5f5f5;
  font-weight: bold;
} */

/* Images and Figures */
/* .abstract img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 1em 0;
}

.abstract figure {
  margin: 1em 0;
  text-align: center;
}

.abstract figcaption {
  font-size: 0.9em !important;
  color: #666;
  margin-top: 0.5em;
} */

/* Preformatted Text and Code */
.abstract pre {
  background-color: #2d2d2d;
  color: #f8f8f2;
  padding: 1em;
  overflow-x: auto;
  border-radius: 4px;
  font-size: 0.9em !important;
  line-height: 1.4;
  margin: 1em 0;
}

.abstract code {
  background-color: #f4f4f4;
  color: #c7254e;
  padding: 0.2em 0.4em;
  border-radius: 3px;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-size: 0.9em !important;
}

/* === Collapsed Preview for Tables === */
.abstract .collapsed-table {
    display: flex;
    align-items: center;
    cursor: pointer;
    border: 1px solid #ddd;
    padding: 10px 15px;
    margin: 10px 0;
    background: #f9f9f9;
    border-radius: 4px;
    /* No hover effects, relies solely on click */
  }
  .abstract .collapsed-table .icon-table {
    font-size: 5em;
    margin-right: 10px;
    /* You can use a Unicode character or a custom icon font */
    /* For example: */
    color: #007acc;
  }
  .abstract .collapsed-table .icon-table svg {
      width: 80px;
      height: 80px;
  }
  .abstract .collapsed-table .table-caption {
    font-size: 14px;
    color: #333;
  }
  
  /* === Collapsed Preview for Images === */
  .abstract .collapsed-image {
    display: flex;
    align-items: center;
    cursor: pointer;
    border: 1px solid #ddd;
    padding: 10px 15px;
    margin: 10px 0;
    background: #f9f9f9;
    border-radius: 4px;
  }
  .abstract .collapsed-image .thumb {
    width: 80px;
    height: 80px;
    object-fit: cover;
    margin-right: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
  }
  .abstract .collapsed-image .image-caption {
    font-size: 1em;
    color: #333;
  }
  
  /* === Modal Overlay === */
  .modal-overlay {
    display: none;
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
  }
  .modal-overlay.active {
    display: block;
  }
  
  /* === Full Table Modal === */
  .full-table-modal {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    max-width: 1100px;
    background: #fff;
    border: 1px solid #ddd;
    padding: 20px;
    z-index: 1000;
    overflow-y: auto;
    max-height: 90%;
    border-radius: 4px;
  }
  .full-table-modal.active {
    display: block;
  }
  /* Table caption in modal, before table, left-aligned */
  .full-table-modal .table-caption-full {
    font-size: 1.1em;
    font-weight: 600;
    margin-bottom: 10px;
    text-align: left;
    padding: 5px;
  }
  .full-table-modal caption {
    display: none;
  }
  .full-table-modal table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 0.95rem;
    color: #333;
  }
  
  .full-table-modal table th,
  .full-table-modal table td {
    padding: 12px 15px;
    border: 1px solid #ddd;
    text-align: left;
    font-size: 1.4em !important;
    vertical-align: middle;
  }
  
  .full-table-modal table thead td {
    background-color: #f5f5f5;
    font-weight: bold;
  }
  
  .full-table-modal table tr:nth-child(even) {
    background-color: #fafafa;
  }
  
  .full-table-modal table tr:hover {
    background-color: #f1f1f1;
  }
  
  
  /* === Full Figure Modal === */
  .full-figure-modal {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    max-width: 600px;
    background: #fff;
    border: 1px solid #ddd;
    padding: 20px;
    z-index: 1000;
    overflow-y: auto;
    max-height: 90%;
    border-radius: 4px;
  }
  .full-figure-modal.active {
    display: block;
  }
  .full-figure-modal figure {
    margin: 0;
    text-align: center;
  }
  .full-figure-modal figure img {
    /* max-width: 100%; */
    height: 90%;
    width: auto !important;
    object-fit: contain;
    display: block;
    margin: 0 auto;
  }
  .full-figure-modal figure figcaption {
    margin-top: 10px;
    font-size: 0.95em;
    color: #666;
    text-align: center;
  }

/* Responsive Typography Adjustments */
@media (max-width: 600px) {
  .abstract {
    padding: 15px;
    font-size: 0.95rem !important;
  }
  .abstract h1 {
    font-size: 1.75em !important;
  }
  .abstract h2 {
    font-size: 1.5em !important;
  }
  .abstract h3 {
    font-size: 1.3em !important;
  }
  .abstract .collapsed-table,
  .abstract .collapsed-image {
    flex-direction: column;
    text-align: center;
  }
  .abstract .collapsed-table .icon-table,
  .abstract .collapsed-image .thumb {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
.references-list {
    padding-left: 0;
}
.reference-links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 60px;
    margin: 8px 0;
    color: #0472B1;
    font-size: 12px !important;
    line-height: 18px;
}
.reference-links:hover {
    color: #1e2d6c;
}
ol.references-list li a, #articlesBySimilarityList li a {
    font-style: italic;
    font-weight: 500;
    color: #0472B1;
}
#articlesBySimilarityList h3 a{
    color: #3b4c93;
}
#articlesBySimilarityList .pagination_navigation {
    display: none !important;
}
ol.references-list li:before{
    font-family: "Roboto", sans-serif !important;
    font-size: 14px !important;
    line-height: 24px;
    color: #344054 !important;
}
.reference-links a {
    color: #0472B1 !important;
    border-bottom: 1px solid #0472B1;
}

ol.references-list li a, #articlesBySimilarityList li a {
    font-style: italic;
    font-weight: 500;
    color: #0472B1;
}
.page_article .galleys {
    text-align: center;
    display: flex;
    gap: 16px;
}
.page_article .galley-link {
    display: flex;
    align-items: center;
    gap: 4px;
    margin: 0;
    padding: 0 4px;
    color: #344054;
    line-height: 18px;
}
.page_article .galley-link:hover {
    color: #1e2d6c;
}
.page_article .galleys .btn-primary {
    margin: 0 20px 0 0;
}
.article-full-title {
    font-size: 22px !important;
    font-weight: 500;
    line-height: 32px;
    margin: 0;
    color: #344054;
}
h2.subheading {
    font-size: 14px !important;
    color: #8c8c8c;
    margin: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #e0e0e0;
}
.articledSection h2.subheading {
    padding-bottom: 0;
    border:0;
}
.authors_info {
    margin-top: 0px;
}
.authors_info li {
    color: #3b4c93;
}
.authors_info .art_det_author_name, .author-delimiter {
    color: #2c3e50 !important;
}
.more-authors-info-button {
    font-size: 14px !important;
    color: #1D2939 !important;
    font-weight: 500;
    display: flex;
    gap: 8px;
}
#authorInfoCollapse{
    gap: 16px;
    padding: 16px 16px 8px 16px;
}
#authorInfoCollapse .author-info {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
}
#authorInfoCollapse .author-info .additional-author-name {
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
    font-size: 14px !important;
    font-weight: 500;
    color: #344054 !important;
}
.additional-author-affiliation {
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
    font-size: 12px !important;
    font-weight: 500;
    color: #667085;
    padding: 0 16px;
}
.additional-author-block {
    font-family: "Roboto", sans-serif !important;
    font-size: 12px !important;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 16 !important;
}
.articledSection .article_views {
    display: flex;
    align-items: center;
    gap: 32px;
    font-size: 12px !important;
    font-weight: 500;
    color: #344054;
    margin-bottom: 6px;
}
.articledSection .article_views .view_info {
    display: flex;
    align-items: center;
    gap: 8px;
}
.article_views .view_info .view_count {
    display: flex;
    align-items: center;
    gap: 4px;
}
.articledSection .info_and_share{
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 12px !important;
    font-weight: 500;
    color: #344054;
}
.articledSection .info_and_share .date_info {
    display: flex;
    align-items: center;
    gap: 24px;
    font-weight: 400;
}
.articledSection .info_and_share .download_sharing_buttons {
    display: flex;
    align-items: center;
    gap: 16px;
    font-size: 12px !important;
    font-weight: 500;
    color: #475467;
}
#mainEntry {
    font-family: "Roboto", sans-serif !important;
    padding: 0;
    border-left: 1px solid #dbdce0;
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 24px;
}
.main_entry>div:not(:last-child) {
    margin-bottom: 0 !important;
}
#mainEntry a {
    color: #0472B1;
    font-size: 14px !important;
    line-height: 22px;
    font-weight: 500;
}
#mainEntry a.btn.btn-primary {
    color: #888;
    border: 1px solid #dbdbdb;
    background: none;
    border-radius: 0;
    font-weight: 300;
}

.article_main_data {
     font-family: "Roboto", sans-serif !important;
     margin: 0;
     padding-top: 20px;
     display: flex;
     gap: 16px;
     flex-wrap: nowrap;
}
.side-header{
    padding: 8px 10px;
    margin-bottom: 4px;
}
.side-body {
    padding: 4px 0 12px 0;
    margin: 0 16px;
    border-bottom: 1px solid #dbdce0;
}
#mainEntry>div:last-child .side-body {
    border-bottom: 0;
}
.side-body p { 
    padding: 0;
    margin: 0;
}
.copyright .side-body {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.keywords_label,
.citation_format_label, .side-label {
    display: flex;
    align-items: center;
    font-size: 16px !important;
    color: #3b4c93;
    font-weight: 500;
    padding: 8px 16px;
    font-weight: 700;
    background-color: #F2F4F7;
    border-radius: 50px;
}
.csl-entry {
    font-size: 14px !important;
}
.keyword_item a {
    display: inline-block;
    font-size: 14px !important;
    text-transform: capitalize;
    color: #101828 !important;
}
.keyword_item a:hover {
    color: #0472B1 !important;
}
.article-detail-link {
    display: block;
    margin-top: 20px;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    text-align: center;
}
.article-detail-link ul {
    margin: 0;
    padding: 0;
}
.article-detail-link ul li {
    display: inline-block;
    font-size: 12px !important;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    width: 26%;
    color: #929292;
}
.article-detail-link ul li div {
    color: #929292;
    font-size: 12px !important;
    font-weight: 500;
}
.article-detail-link ul li:first-child {
    text-align: left;
    width: 19%;
}
.article-detail-link ul li:last-child {
    text-align: right;
    width: 20%;
}
.article-detail-link ul li a {
    display: inline-block;
    color: #929292;
    padding: 10px 0;
}
.name_wrapper {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #253887;
}
.article-detail-link ul li a:hover {
    color: #253887;
}
.article-detail-link.xmlpage ul li {
   font-family: "Roboto", sans-serif !important; 
   text-align: center !important;
   width: 30% !important;
}
.article-detail-link.xmlpage ul li:first-child {
    text-align: left !important;
    width: 19% !important;
    float: left;
}
.article-detail-link.xmlpage ul li:last-child {
    text-align: right !important;
    width: 20% !important;
}
.article-detail-link.xmlpage ul li div,
.article-detail-link.xmlpage ul li div span {
    font-size: 12px !important;
    font-family: "Roboto", sans-serif !important; 
    margin-top: 10px;

}
.article-detail-link.xmlpage li a {
    font-size: 12px !important;
    font-family: "Roboto", sans-serif !important; 
}
.page.page_article {
    margin-top: -32px;
}
.additional-authors-info .more-authors-info-button ion-icon {
    color: #626868;
    border: 1px solid #cdd1d4;
    background: #e9eef2;
    background: -moz-linear-gradient(top, #e9eef2 0%, #ffffff 100%);
    background: -webkit-linear-gradient(top, #e9eef2 0%,#ffffff 100%);
    background: linear-gradient(to bottom, #e9eef2 0%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9eef2', endColorstr='#ffffff',GradientType=0 );
}
.additional-authors-info {
    margin-top: 1px;
}
.entry_authors_list {
    gap: 4px;
    margin: 0;
    padding: 0;
    align-items: center;
}
.obj_article_details .additional-authors-info {
    margin-top: 8px;
}
.headingback {
    display: block;
    position: static;
    z-index:0;
}
.headingback span {
    border-top: 1px solid #d4d2d2;
    font-size: 0;
    height:1px;
    position: absolute;
    top:16px;
    left:0;
    z-index:0;
    width: 100%;
}
/* .headingback h2 {
    display: inline-block;
    background: #fff;
    position: relative;
    z-index:1;
    padding-right: 10px;
    padding-bottom: 5px;
} */
.section .headingback span {
    top:12px;
}
.static_page .headingback h2 {padding-bottom: 15px;}
.citation_display .citation_formats{
    border: 0 !important;
    border-radius: 0 !important;
}
.submissions-heading .headingback {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.citation_formats.dropdown .dropdown-menu {
    top: auto !important;
    bottom: 50px !important;
    right: 0;
    transform: none !important;
}
.citation_formats.dropdown .dropdown-menu .dropdown-item:focus, 
.citation_formats.dropdown .dropdown-menu .dropdown-item:hover, 
.citation_formats.dropdown .dropdown-menu .dropdown-item:active {
    background: #3b4c93;
    color: #fff !important;
}
.citation_dropdown_button {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #FEFEFE !important;
    font-weight: 500;
    padding: 10px 16px;
    font-weight: 500;
    background-color: #3b4c93 !important;
    border-radius: 50px;
    font-size: 14px !important;
}
ul.faq-static-page-list {
    padding-top: 20px;
}

.cmp_announcements .obj_announcement_summary .buttons a:hover {
    color: #fff;
    background: #3b4c93;
}
.cmp_announcements .obj_announcement_summary .buttons a:before {
    display: none;
}
.announcements-introduction {
    border: 0;
    padding: 0;
    margin: 0;
}
.article-container {
    margin-top: 0 !important;
}
.galley-article-meta {
    margin-top: 0px !important;
    margin-bottom: 0 !important;
    flex-direction: inherit !important;
}
.article_cover_wrapper {
    display: inline-block;
    width: 130px;
    padding: 0 !important;
    float: left;
    margin-right: 20px;
}
.article_cover_wrapper img {
    padding: 4px;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.articledSection {
    display: flex;
    flex-direction: column;
    gap: 16px;
    text-align: left;
    width: 100%;
    font-family: "Roboto", sans-serif !important;
}
.keyBox {
    clear: both;
    padding-top: 20px;
}
.article-container .galley-article-meta h1 {
    font-size: 20px !important;
    display: inline-block;
    text-align: left;
    width: 75%;
    float: left;
    margin-top: 10px;
    font-family: "Roboto", sans-serif !important;
}
.article-container .article-details-authors {
    width: 100%;
    text-align: left;
    font-family: "Roboto", sans-serif !important; 
}
.article-container .article-details-authors .article-details-author .article-details-author-affiliation {
    font-family: "Roboto", sans-serif !important;
    font-size: 14px !important;
}
.article-container .authors-string {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #ccc;
    justify-content: left;
    width: 100%;
}
.article-container .authors-string li {
    font-family: "Roboto", sans-serif !important;
}
.article-container .authors-string li a {
    font-family: "Roboto", sans-serif !important;
}
.article-container .authors-string li .jatsparser-author-string-href span {
    font-size: 14px !important;
    font-family: "Roboto", sans-serif !important;
    font-weight: 500;
    color: #d55c39;
}
.article-container .authors-string li .jatsparser-author-string-href sup {
    float: left;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 18px;
    margin-right: 10px;
    top: 3px;
    font-size: 20px !important;
    color: #626868;
    border: 1px solid #cdd1d4;
    background: #e9eef2;
    background: -moz-linear-gradient(top, #e9eef2 0%, #ffffff 100%);
    background: -webkit-linear-gradient(top, #e9eef2 0%,#ffffff 100%);
    background: linear-gradient(to bottom, #e9eef2 0%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9eef2', endColorstr='#ffffff',GradientType=0 );
}
.article-container .article-fulltext {
    background: #f3f3f3;
    padding: 20px 60px;
    position: relative;
    max-width: 750px;
    margin: 0;
}
.article-container .article-fulltext h2 {
    font-size: 20px !important;
    font-weight: 400;
    color: #000;
    margin: 30px 0 20px 0;
    display: block;
    text-align: left;
    padding: 0;
    font-family: "Roboto", sans-serif !important;
}
.article-container .article-fulltext p {
    font-family: "Roboto", sans-serif !important;
    font-size: 14px !important;
}
.article-container .article-fulltext .galley-pdf-link-wrapper {
    position: absolute;
    left: -10px;
    top: 40px;
    z-index: 0;
    width: 46px;
}
.article-container .articleView-data {
    margin-top: 20px;
}
.article-container .details-wrapper>div:first-child {
    margin-top: 0;
}
.article-container #article-navigation-menu-items .nav-link:before {
    content: ' ';
    height: 6px;
    width: 6px;
    border-radius: 0;
    display: inline-block;
    margin-right: 10px;
    padding-top: 3px;
    border: 1px solid #000;
    background: #000;
    position: relative;
    top: -2px;
}
.article-container .intraarticle-menu .tableofcontent {
    font-family: "Roboto", sans-serif !important;
    font-size: 14px !important;
    color: #333;
    line-height: 30px;
    border-bottom: 1px solid #ccc;
    width: 100%;
    margin-top: 0;
    text-align: center;
    background: #f3f3f3;
}
.article-container #article-navigation-menu-items .nav-link {
    font-family: "Roboto", sans-serif !important;
color: #000;
display: block;
width: 100%;
padding: 0 20px 5px 20px;
}
.article-container .intraarticle-menu #article-navbar {
    padding-top: 0;
}
.article-container .authors_info {
    padding-top: 10px;
    padding-left:0px !important;
    
}
.article-container .authors_info ul li img {
    width: 62%;
    height: auto;
    margin-top: -12px;
    margin-right: 0px;
}
.copyright {
    border-top: 0px solid #ccc;
    padding: 1px 16px;
}
.article_header_wrapper{
    border-bottom: 1px solid #F2F4F7;
    padding-bottom: 16px;
    /* margin:20px 0; */
}
.article-container .authors_info ul li span {
    font-family: "Roboto", sans-serif !important;
    font-size: 14px !important;
}
.article-container .additional-authors-info a span,
.article-container .additional-authors-info span {
    font-family: "Roboto", sans-serif !important;
    font-size: 12px !important;
    
}
.page-item.active .page-link {
    background-color: #3b4c93 !important;
    border-color: #3b4c93 !important;
    color: #fff !important;
}
.editorialpage.container {
    width: 100%;
}
.editorialpage.container .col-md-12 {
    padding: 0;
}

.container-page, .container-page{
     padding-top: 0 !important;
}
.page_editorial_team .container-page {
    padding-top: 0;
}

.galley-article-meta  {
   border-bottom: 1px solid #ccc;
}
.galley-article-meta .copyright {
   margin-top: 5px;
   border-top: 1px solid #ccc;
}
.article_licence img{
    width:50px;
}

.article_licence p, 
.article_licence  a{
   font-size:14px !important;
   margin-top:3px !important;
    font-family: "Roboto", sans-serif !important;
}
.galley-article-meta .copyright p,
.galley-article-meta .copyright a, .keyword_item span {
    font-family: "Roboto", sans-serif !important;
    font-size: 13px !important;
}
.article-container .copyright a,
.article-container .copyright p {
    font-family: "Roboto", sans-serif !important;
    font-size: 13px !important;
}
.article-container .modal-header .close {
    padding: 0;
    margin: 0;
    position: absolute;
    right: 10px;
    top: 6px;
}
.article-container .modal-header .close span {
    font-size:24px;
}


.detailxmlbox{
    width:100%;
    float:left;
}
.detailxmlbox .xmlboxsections {
    width:49%;
    float:left;
    padding:0 10px;
    margin:10px 0;
}
.detailxmlbox .section2 {
   border-left : 1px solid #ccc !important;
}
.navigation-item-content .pa h1.page_title {
    margin-bottom: 20px;
}
fieldset.search_advanced {
    display: block;
    width: 100%;
}
fieldset.search_advanced .searchleft,
fieldset.search_advanced legend {
    font-family: "Roboto", sans-serif !important;
}
fieldset.search_advanced .searchleft {
    width: 300px;
}
.row1 {
    padding:  0 5px;
}
fieldset.search_advanced .searchleft .search-form-label {
    margin: 0;
}
fieldset.search_advanced .searchleft #dateFrom select,
fieldset.search_advanced .searchleft #dataAfter select {
    border: 1px solid #ccc;
}
.searchfieldA {
    position: relative;
}
.searchfieldA button.submit {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    z-index: 1;
    margin: 0;
}
#search-form .headingback h2 {
    margin: 0;
}
.article-container ul.keywords_value a,
.detailxmlbox .xmlboxsections .keywords li a {
    font-family: "Roboto", sans-serif !important;
    font-size: 14px !important;
}
.obj_article_details .detailxmlbox {
    border-top: 1px solid #ccc;
}
#more_keywords, #less_keywords {
    color: #000;
}
#articleAbstractBlock .item .value {
    font-size: 14px !important;
    color: #000;
}
.search_results {
    border-top: 1px solid #ccc;
    padding-top: 20px;
}
.search_results .article_summary_body .summary_title_wrapper a {
    font-size: 14px !important;
    line-height: 20px;
    margin-bottom: 10px;
    display: block;
    font-family: "Roboto", sans-serif !important;
}
.article-container .galley-article-meta {
    padding-bottom:20px;
}

.about_site {margin-bottom: 30px; margin-top: 0px; font-size: 14px !important; font-family: "Roboto", sans-serif !important;}

.journals .media-heading{font-size: 18px !important; color: #0b7dae}

.journals a{ color: #3b4c93}

.journals .nav-pills>li>a{     font-weight: 500;     padding: 0px 10px;}

.journals .nav-pills>li:first-child>a{ padding-left: 0px;}

.journals .nav-pills>li>a:hover{background: transparent;}

.journals .media-list .media{border-bottom: 1px solid #eee;  margin-top: 0;  padding-bottom: 20px; }

.journals .media-list .media:nth-child(2n+1){border-right: 1px solid #eee;}

.journals .media-list .media:last-child{border-right: 0px solid #eee;}

.journals .media-list .media .description{ overflow: auto; min-height: 120px; font-size: 12px !important;}

.journals .media-list .media .media-left{width: 160px; padding-right: 20px}

.journals .media-list .media .media-left img{max-width: 160px; width: auto; height: 200px;  border: 1px solid #ccc;     border: 5px solid #f7f7f7;}

.journals .media-list .nav-pills{margin-bottom: 10px;}

.journals .media-list .nav-pills li{border-right: 1px solid #ccc}

.journals .media-list .nav-pills li:last-child{border-right: 0px solid #ccc}
#primary-nav-wraper {
    width: 89%;
}
.nav-link.navbar-toggle {
    color: #000 !important;
    padding: 0 20px;
}
.article-container .keywords_label,
.article-container a {
    font-family: "Roboto", sans-serif !important;
}
.search_results .article_summary {
    float: left;
    width: 32%;
    min-height: 300px;
    margin-right: 15px;
    background: #fff;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid #e2e4e2;
    overflow: hidden;
    -webkit-box-shadow: 1px 2px 5px 0 rgba(0,0,0,0.20);
    box-shadow: 1px 2px 5px 0 rgba(0,0,0,0.20);
}
.search_results .article_summary:nth-child(3n+3) {
    margin-right: 0;
}
#search-form .search-advanced-legend {
    padding-bottom: 10px;
}
#search-form fieldset .col-md-6 {
    padding: 0;
}
#primary-nav-wraper.navbar-collapse.show.in {
    position: fixed;
    width: 100%;
    height: 100vh !important;
    overflow-y: scroll;
    background: #fff;
    z-index: 2;
    top:0;
    left:0;
    
}
.contact-form button#submit {
   color: #3b4c93;
   font-size: 14px !important;
   font-weight: 400 !important;
   padding: 8px 10px !important;
   border: 1px solid #dbdbdb;
   border-radius: 1px;
   background: #fff;
}
.contact-form button#submit:hover {
    background: #f2f2f2;
}
#primary-nav-wraper.navbar-collapse.show.in #navigationPrimary li a.nav-link {
    color: #000 !important;
}
.custom-technologies {
    display:block;
    padding: 30px 0 60px 0;
    text-align: center;
}
.custom-technologies h3 {
    font-weight:300;
    font-size:24px;
    margin: 0 0 20px 0;
    font-family: "Roboto", sans-serif !important;
}

.custom-technologies li {
    display: inline-block;
    width: 218px;
    border-right: 1px solid #f2f0e8;
}
.custom-technologies li:last-child {
    border:0;
}
a:not([href]):not([tabindex]) {
    cursor: pointer;
}
.mobileMenuBox {
    position:fixed;
    top:0;
    left:-100%;
    bottom:0;
    z-index:3;
    width: 100%;
    height: 100vh;
    background: #fff;
    padding:15px;
    overflow-y: scroll;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.mobileMenuBox.showmenu {
    left:0;
}
.mobileMenuBox .close {
    position: absolute;
    top: 0;
    inset-inline-end: 0;
    padding: 1rem;
}
.mobileMenuBox #navigationPrimary .nav-link {
    color: #000 !important;
}
.mobileMenu#nav-small {
    display: none;
}
.mobileMenu#nav-small a {
    color: #344054;
}
.article-container .article_licence .additional-author-block a.art_det_author_name {
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-weight: bold;
    font-size: 15px;
    line-height: 1.42857143;
    color: #2c3e50;
}
.article-container .article_licence .additional-author-block {
    line-height:15px;
}
figure .caption .ellipsis {
    z-index: 0 !important;
}
.articleDropdown {
    float: right;
    color: #3b4c93;
    border: 1px solid #3b4c93;
    background-color: #F2F4F7;
    position: relative;
    z-index: 0;
    padding: 8px 16px;
    width: 140px;
    margin-top:-43px;
}
.filter-section {
    padding: 8px 0;
    border-bottom: 1px solid #dbdce0;
}
.section-filter{
    font-size: 14px !important;
    font-weight: 500;
    width: 180px;
    outline: none;
    float: none !important;
    position: static;
    margin: 0;
    border-radius: 50px;
    background-position: right 16px center;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTUuMTk0MDYgNi45NjYyNUM0Ljg4OTc5IDcuMjI2MTEgNC43MjgzMyA3LjYxNTkzIDQuNzU5NzIgOC4wMTQ4M0M0Ljc4NzgzIDguMzcyMDMgNC45OTM0MiA4LjYyOTg5IDUuMDk1OTQgOC43NTIzNEM1LjIxMDg1IDguODg5NiA1LjM2NzQ3IDkuMDQ2MTggNS41MjY4MiA5LjIwNTQ4TDguOTUyOTEgMTIuNjMxNkM5LjAyMzA3IDEyLjcwMTggOS4xMDY4NyAxMi43ODU2IDkuMTg2NzUgMTIuODUzNUM5LjI3OTMxIDEyLjkzMiA5LjQxOTgxIDEzLjAzNjcgOS42MTM2NyAxMy4wOTk3QzkuODY0NzMgMTMuMTgxMiAxMC4xMzUyIDEzLjE4MTIgMTAuMzg2MiAxMy4wOTk3QzEwLjU4MDEgMTMuMDM2NyAxMC43MjA2IDEyLjkzMiAxMC44MTMxIDEyLjg1MzVDMTAuODkzIDEyLjc4NTcgMTAuOTc2OCAxMi43MDE4IDExLjA0NyAxMi42MzE2TDE0LjQ3MzEgOS4yMDU0NEMxNC42MzI0IDkuMDQ2MTYgMTQuNzg5MSA4Ljg4OTU5IDE0LjkwNCA4Ljc1MjM0QzE1LjAwNjUgOC42Mjk4OSAxNS4yMTIxIDguMzcyMDIgMTUuMjQwMiA4LjAxNDgzQzE1LjI3MTYgNy42MTU5MyAxNS4xMTAxIDcuMjI2MTEgMTQuODA1OCA2Ljk2NjI1QzE0LjUzMzQgNi43MzM1NSAxNC4yMDU3IDYuNjk2NTggMTQuMDQ2NiA2LjY4MjQ5QzEzLjg2ODMgNi42NjY2OSAxMy42NDY4IDYuNjY2NzIgMTMuNDIxNSA2LjY2Njc1TDYuNTc4MzkgNi42NjY3NUM2LjM1MzA3IDYuNjY2NzIgNi4xMzE2MSA2LjY2NjY5IDUuOTUzMyA2LjY4MjQ5QzUuNzk0MjIgNi42OTY1OCA1LjQ2NjUxIDYuNzMzNTUgNS4xOTQwNiA2Ljk2NjI1WiIgZmlsbD0iIzNiNGM5MyIvPgo8L3N2Zz4=');
}
.section-filter:focus {
    outline: 1px solid #3b4c93;
}
.obj_issue_toc .sections {
    /* margin-top: 38px; */
    display: flex;
    flex-direction: column;
    gap: 24px;
}
span.envolapeArticle {
    position: absolute;
    top: 0px;
}

.envolapeArticle {
    padding-bottom: 3px !important;
    overflow: hidden;
    color: #626262;
    margin-left: -6px !important;
}
.orcid-image-url {
    margin-right:0;
}
.orcid-image-url img {width:62%; padding-top:4px;}

.entry_author_block {
    display: flex;
    justify-content: flex-start;
    gap: 2px;
    padding-right: 0px;
    margin: 0;
}
.author-delimiter {padding-left:0px;}
.obj_article_details span.envolapeArticle {
    position: relative;
    /* top: -3px; */
}
.article_sharing_buttons {
    clear: both;
    text-align:right;
    padding-right:30px;
    font-family: "Roboto", sans-serif !important;
}
.article_sharing_buttons strong {
    font-size:14px;
}
.article_sharing_buttons .addthis {
    display:inline-block;
    font-family: "Roboto", sans-serif !important;
    vertical-align: sub;
}
.obj_article_details .article_sharing_buttons {
    padding-right:0px;
}
.obj_article_details .article_sharing_buttons .addthis {
    vertical-align: middle;
}
.article_summary_body .article_sharing_buttons {
    text-align:left;
    padding-right:0px;
}
.article_summary_body .article_sharing_buttons .addthis {
    vertical-align: top;
}
.article_summary_body hr {
    margin: 0em 0 1em 0;
}
.design {
    font-size:14px;
    color:#000;
    text-align: right;
}
.search-pagination-results {
    clear:both;
}

@media only screen and (max-width:767px) {
 header .navigation #navigationPrimary .nav-link, #user-dashboard-link, #navigationUser a.nav-link, #user-nav-wraper a, #languageNav .dropdown-toggle {
    color: #1d1b1b !important;
}
    .journalInfoCol .carousel {float: none; width: 100%; height: auto; padding: 40px;}
    .homeSlider .journalInfoCol .carousel-indicators { left: 40px;}
}

table tr th {
    background: #3d4751;
    border-bottom-style: none;
    font-weight: 500;
    font-size: 14px !important;
    text-transform: uppercase;
}
table tr th, table tr th a, table tr th a:hover {
    color: #FFF;
    font-weight: bold;
}
tr td, tr th {
    padding: 4px 9px;
    text-align: left;
    border-bottom: 1px dashed #ddd;
    border-bottom-style: dashed;
}


/*Custom color for Article and tags*/
/* .Research {background: #fff !important;} */
.Research .tag {background: #164B98 !important; color: #fff!important;}

/* .Articles {background: #fff!important;} */
.Articles .tag {background: #4E9E00!important; color: #fff!important;}

/* .Editorial {background: #fff!important;} */
.Editorial .tag {background: #A02525 !important; color: #fff!important;}

.Original {background: #fff !important;}
.Original .tag {background: #000 !important; color: #fff!important;}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px !important;
    letter-spacing: 0.5px;
    font-weight: 500;
}

header .navigation .dropdown-menu .dropdown-item {
    font-size: 16px !important;
    color: #fff;
    padding: 10px 18px;
    border-bottom: 1px solid #F2F4F7 !important;
    /* text-transform: capitalize !important; */
    letter-spacing: 0.5px;
    line-height: 24px;
    font-weight: 500;
    font-family: "Roboto", sans-serif !important;
}

#navigationPrimary > li {
    float: left;
}
.custom-control-label{
    padding-left:30px;
    display:inline-block;
    font-family: "Roboto", sans-serif !important;
    font-weight: 500;
    font-size: 14px !important;
    color: #475467;
}
.custom-control-label::after, .custom-control-label::before {
    top: 0;
    left: 0;
    display: block;
    width: 2rem;
    height: 2rem;
    background-color: white;
    border: 1px solid #D0D5DD;
    border-radius: 4px !important;
    outline: 0 !important;
}
.custom-control-input:focus~.custom-control-label::before {
    box-shadow: none !important;
}
.custom-control-input:checked~.custom-control-label::before {
    background-color: #E5FFFE !important;
    border: 1px solid #3b4c93;
}
.custom-control-input:checked~.custom-control-label::after {
    background-color: transparent;
    border: 0;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxNCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuNjY2MDIgNS40MDc1N0w0Ljk0ODA3IDguNjY2ODNMMTIuMzMyNyAxLjMzMzUiIHN0cm9rZT0iIzE5OTc5MyIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+") !important;
}

.formBoxLR fieldset.fields .custom-control-label{margin-left:0;}
.custom-control{padding-left:0px}
 .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

#contextOptinGroup .input-group>.form-control{font-size: 12px !important; line-height:24px}
#contextOptinGroup .list-group-item{border:0px; z-index:0;}
.topHeadSocial{position:relative; padding-top: 8px; padding-bottom: 16px;}
.topHeadSocial .social{position:absolute; right:20px; top:-25px;}
.topHeadSocial .social li{float:left; margin-left: 10px;}
.topHeadSocial .social li a{color:#fff;}
.static_page .container-page, .static_page h2.headings, .page .headings {margin-top:0;}
.headingback{
    /* padding-left: 15px; */
    /* border-bottom: 1px solid #dbdce0; */
    margin-bottom: 16px;
}
.static_page .headingback{margin-left:0px;}
.static_page ul, .static_page ol{
    margin: 0;
    padding: 0;
    margin-bottom: 25px;
    margin-left: 28px;
    list-style-type: initial;}
    .announcement-full-date{margin-top:0;}
    .page_announcements, .announcement-full-wrapper{margin-left:15px;}
    .cmp_announcement {padding-left:0;}
/* header .navigation .col-md-4{padding-right:0px;} */
.cmp_breadcrumbs_catalog ol{padding: 8px 0;  width: 1110px;  margin: 0 auto;}
.cmp_breadcrumbs_catalog ol li{list-style:none; display:inline-block;}
.cmp_breadcrumbs_catalog ol li:before{display:none;}
.cmp_breadcrumbs_catalog ol li h1{ margin:0px;   font-size: 14px !important; color: #777; font-weight:normal;}


/* Caption styling for figures and tables */
.image-caption .caption-number,
.table-caption .caption-number,
.table-caption-full .caption-number,
figcaption .caption-number {
    display: block;
    font-weight: bold;
    font-size: 1.1em;
    color: #333;
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 2px solid #ddd;
}

.image-caption .caption-description,
.table-caption .caption-description,
.table-caption-full .caption-description,
figcaption .caption-description {
    display: block;
    font-weight: normal;
    color: #666;
    line-height: 1.4;
}

/* Specific styling for image captions */
.image-caption {
    display: block;
    margin-top: 8px;
}

/* Specific styling for table captions */
.table-caption,
.table-caption-full {
    display: block;
    margin: 8px 0;
}

/* Modal figcaption styling */
.full-figure-modal figcaption {
    display: block;
    text-align: left;
    margin-top: 15px;
    padding: 10px 0;
}