@import url('https://fonts.googleapis.com/css?family=Merriweather');

html,
body {
    font-size: 15px;
    overflow-x: hidden;
    font-family: "Merriweather";
}

h1,
h2 {
    font-size: 1.4em;
    font-family: "Merriweather";
}

.svg_background {
    background-color: #eeedff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg %3E%3Cpath fill='%23f1f1ff' d='M486 705.8c-109.3-21.8-223.4-32.2-335.3-19.4C99.5 692.1 49 703 0 719.8V800h843.8c-115.9-33.2-230.8-68.1-347.6-92.2C492.8 707.1 489.4 706.5 486 705.8z'/%3E%3Cpath fill='%23f5f4ff' d='M1600 0H0v719.8c49-16.8 99.5-27.8 150.7-33.5c111.9-12.7 226-2.4 335.3 19.4c3.4 0.7 6.8 1.4 10.2 2c116.8 24 231.7 59 347.6 92.2H1600V0z'/%3E%3Cpath fill='%23f8f8ff' d='M478.4 581c3.2 0.8 6.4 1.7 9.5 2.5c196.2 52.5 388.7 133.5 593.5 176.6c174.2 36.6 349.5 29.2 518.6-10.2V0H0v574.9c52.3-17.6 106.5-27.7 161.1-30.9C268.4 537.4 375.7 554.2 478.4 581z'/%3E%3Cpath fill='%23fcfbff' d='M0 0v429.4c55.6-18.4 113.5-27.3 171.4-27.7c102.8-0.8 203.2 22.7 299.3 54.5c3 1 5.9 2 8.9 3c183.6 62 365.7 146.1 562.4 192.1c186.7 43.7 376.3 34.4 557.9-12.6V0H0z'/%3E%3Cpath fill='%23ffffff' d='M181.8 259.4c98.2 6 191.9 35.2 281.3 72.1c2.8 1.1 5.5 2.3 8.3 3.4c171 71.6 342.7 158.5 531.3 207.7c198.8 51.8 403.4 40.8 597.3-14.8V0H0v283.2C59 263.6 120.6 255.7 181.8 259.4z'/%3E%3Cpath fill='%23fcfbfc' d='M1600 0H0v136.3c62.3-20.9 127.7-27.5 192.2-19.2c93.6 12.1 180.5 47.7 263.3 89.6c2.6 1.3 5.1 2.6 7.7 3.9c158.4 81.1 319.7 170.9 500.3 223.2c210.5 61 430.8 49 636.6-16.6V0z'/%3E%3Cpath fill='%23faf7f9' d='M454.9 86.3C600.7 177 751.6 269.3 924.1 325c208.6 67.4 431.3 60.8 637.9-5.3c12.8-4.1 25.4-8.4 38.1-12.9V0H288.1c56 21.3 108.7 50.6 159.7 82C450.2 83.4 452.5 84.9 454.9 86.3z'/%3E%3Cpath fill='%23f7f4f5' d='M1600 0H498c118.1 85.8 243.5 164.5 386.8 216.2c191.8 69.2 400 74.7 595 21.1c40.8-11.2 81.1-25.2 120.3-41.7V0z'/%3E%3Cpath fill='%23f5f0f2' d='M1397.5 154.8c47.2-10.6 93.6-25.3 138.6-43.8c21.7-8.9 43-18.8 63.9-29.5V0H643.4c62.9 41.7 129.7 78.2 202.1 107.4C1020.4 178.1 1214.2 196.1 1397.5 154.8z'/%3E%3Cpath fill='%23f2ecef' d='M1315.3 72.4c75.3-12.6 148.9-37.1 216.8-72.4h-723C966.8 71 1144.7 101 1315.3 72.4z'/%3E%3C/g%3E%3C/svg%3E");
    background-size: cover;
}

a {
    color: rgb(137, 132, 214);
}

.page,
.no-padding {
    padding: 0px
}

.fa {
    margin-right: 5px;
}


.headroom--pinned {
    display: block;
}

.headroom--unpinned {
    display: none;
}


/* theme spesific style */
.alert-info {
    background-color: #f17979;
}

.btn-primary {
    color: #fff;
    background-color: #fc3a3a;
    border-color: transparent;
}

.btn-primary:hover {
    background-color: #ff0202;
    color: rgb(231, 231, 231);

}



/* Hamburger Menu  */
.navbar-toggle {
    margin-top: 0px;
    margin-right: 0px;
}

.navbar-toggle .icon-bar {
    background-color: #ffffff !important;
}


.text-black {
    color: black !important
}

#scrollTop {
    display: none;
    position: fixed;
    bottom: 28px;
    right: 30px;
    z-index: 9999;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: rgb(224, 235, 250);
    color: rgb(175, 221, 235);
    cursor: pointer;
    padding: 3px 10px 3px 15px;
    border-radius: 4px;
}

#scrollTop:hover {
    background-color: rgb(148, 175, 250);
}

.btn-info {
    background-color: #ef5327;
}



.navbar .navbar-collapse,
.navbar-desktop {
    float: none;
    text-align: center;

}

.navbar-desktop {
    background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 50%, #ffffff 100%);
    border-bottom: 1px solid rgb(240, 240, 240);
    margin: 0px 0px;
    padding: 0px 0px;
    font-size: 1.3em;
}

.navbar-desktop .navbar-nav {
    display: inline-block;
    float: none;

}

.navbar-desktop .nav>li>a {
    margin: 5px 10px;
}

.navbar-desktop .nav>li>a:hover {
    color: #e00;

}

.navbar-desktop .dropdown-menu>li>a {
    padding-left: 0px;
    padding-right: 15px;
    font-size: 1.2em;

}

.navbar-desktop .dropdown-menu>li>a:hover {
    background: none;
    color: #e00;
}

.navbar-desktop>li.dropdown.open>ul>li {
    padding-left: 5px;
}


.row.equal {
    display: flex;
    flex-wrap: wrap;
}

.background-white {
    background-color: #fff;
}

.equal {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}

.box-shadow {
    -webkit-box-shadow: 0 1px 15px 1px rgba(117, 108, 234, 0.08);
    -moz-box-shadow: 0 1px 15px 1px rgba(117, 108, 234, 0.08);
    box-shadow: 0 1px 15px 1px rgba(117, 108, 234, 0.08);
    border: 1px solid #f3f3f3;
}

.background_white {
    background: white;
}

.border-grey {
    border: 1px solid grey;
}


/* Border shadowed style */

.or-spacer {
    margin-top: 50px;
    width: 100%;
    position: relative;
}

.or-spacer .mask {
    overflow: hidden;
    height: 20px;
}

.or-spacer .mask::after {
    content: '';
    display: block;
    margin: -25px auto 0;
    width: 100%;
    height: 25px;
    border-radius: 125px / 12px;
    box-shadow: 0 0 8px #B6B6B6;
}


/* end Border shadowed style */

.pkp_structure_page {
    background: #fafafa;
}

.block_web_feed {
    text-align: center;
}

.block_web_feed img {
    width: 40%
}


/* Site header */

.top_menu {
    position: fixed;
    z-index: 999;
    width: 100%;
}


/* Slider Feature */

#slider {
    z-index: -1;
    margin: -70px -10px 0px -10px;
    position: relative;
}

#slider .carousel-control {
    margin-top: 40px;
}


#slider .carousel-inner img {
    height: 450px;
    width: 100%;
}

.slider-text {
    text-align: center;
    width: 90%;
    padding-left: 10%;
}

.slider-text p {
    margin-top: -180px;
    color: white;

}

.navbar,
.header_view {
    background-color: transparent;
    margin-bottom: 0px;
    box-shadow: none;
    z-index: 1;
    border: unset;
}

.header_with_slider {
    height: 300px;
}

.user_navigation {
    padding: 2px 30px;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    color: rgb(36, 34, 34);
    width: 100%;
    z-index: 1;

}

.user_navigation .site-name {
    padding: 10px;
    margin: 0px;
    color: white;
}

.site-name-header {
    width: 50%
}

.site-name-header h1.site-name {
    float: left;
}

.user_navigation .journal_title {
    color: #ee0303;
}

.user_navigation .journal_title {
    float: left;
    width: 70%;
    padding: 5px;
    margin-top: 0px;
    font-size: 1.5em
}

.user_navigation img.journal_logo {
    max-width: 110px;
    margin: -5px 10px 0px 0px;
    float: left;
    -webkit-filter: drop-shadow(2px 4px 3px grey);
    height: 40px;
    filter: drop-shadow(2px 4px 3px #b5b5b5);
}


.user_navigation h1.site-name a {
    font-family: 'Open Sans', sans-serif;
    color: rgb(167, 1, 1);

}

.user_navigation h1.site-name a:hover {
    text-decoration: none;
    color: rgb(240, 112, 112)
}

.site-name .navbar-brand,
.page-header {
    font-family: 'Lora', serif;
    color: rgb(5, 5, 5);
    font-size: 20px;
}

.site_header {
    padding: 10px 20px 0px 10px;
    background: linear-gradient(180deg, rgba(15, 26, 36, 0.8) 0%, rgba(15, 26, 36, 0.5) 90%, rgba(15, 26, 36, 0) 100%);
    mix-blend-mode: normal;
    height: 60px;
    z-index: 1;
    width: 100%;
}

.site_header li a {
    padding: 10px 10px;
    font-size: 1em;

}

.site_header nav ul#main-navigation {
    background: #ffffff;
    padding: 0px 40px 0px 30px;
    visibility: hidden
}

.site_header nav ul#main-navigation li:after {
    content: "";
    position: absolute;
    right: 0;
    z-index: 100;
    margin-top: 13px;
    top: 0;
    width: 1px;
    height: 40%;
    /* or 100px */
    background: rgb(209, 209, 209);
}

.site_header nav ul#main-navigation li a {
    color: white;
    margin: 0px 5px;
    color: grey;
}

.site_header nav ul#main-navigation li.dropdown.open a {
    color: rgb(2, 2, 2)
}

.site_header form {
    margin: 10px
}

.primary_menu {
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ffffff 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ffffff 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 50%, #ffffff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
    /* IE6-9 */
    border-bottom: 1px solid rgb(240, 240, 240);

}

.primary_menu li a {
    margin: 0px 25px;
}

.primary_menu .dropdown-menu>li>a {
    margin: 5px 0px 5px -2px;
}

.primary_menu_no_index {
    margin-top: 115px;
    border: 1px solid rgb(241, 241, 241);
}

#nav-menu {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
}

.navbar .navbar-nav {

    vertical-align: top;

}

#main-navigation>li.dropdown.open>ul>li {
    padding-left: 20px;
}

#main-navigation>li>a {
    padding: 8px 10px 8px 20px;
    text-align: left;

    text-transform: uppercase;
    font-weight: bold;
    font-size: 0.7em;
}

header .site_header input.form-control {
    background-color: rgba(255, 255, 255, 0.432);
    color: rgb(71, 71, 71);
    box-shadow: none;
    border-radius: 8px;
    padding-left: 10px;
    border: 1px solid rgb(226, 226, 226);
}

.site_header .search {
    display: inline-block;
    margin-bottom: 4px;
    vertical-align: middle;
}

.search-results h2 {
    color: #e80d0d;
}

.search-results .article-summary {
    padding: 30px 20px 20px 20px;
    background: #f9f9fb;
}

.nav_article {
    margin-top: 120px;
}

.pkp_block span.title {
    margin: -15px -15px 20px;
    border: 1px solid #eceaea;
}

.site_header .search button {
    margin-left: -30px;
    background: transparent;
    padding: 0px;
    border: 0px;
    font-size: 1.28em;
    color: #ffffff;
    box-shadow: none;
    border: none;
}

.site_header .search button:hover {
    background: transparent;
    font-size: 1.4em
}

.site_header .search .advanced {
    color: #fff;
    font-weight: normal;
    font-size: 0.85em;
    width: 50px;
    float: right;
    margin-left: 10px;
    text-transform: none;
}

.site_header .search .advanced a {
    color: white
}

.header_shadow {
    background: url(../images/headershadow.png) no-repeat scroll center -8px;
    content: "";
    height: 20px;
    left: 0;
    position: absolute;
    width: 100%;
    margin-top: 1px
}

#homepage-carousel {
    /*! height: 60vh; */
    /*! overflow: hidden; */
    border-bottom: 5px solid #134471;
}

#homepage-carousel .carousel-inner>.item>a>.img,
#homepage-carousel .carousel-inner>.item>.img {
    width: 100%;
    height: 60vh;
    background-size: cover
}

#homepage-carousel .carousel-caption h2,
#homepage-carousel .carousel-caption h2 a {
    font-weight: bold;
    color: #fff;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.8)
}

#homepage-carousel .about-site {
    background-image: url("http://demo.ojsplus.com/plugins/themes/ojsPlusA/imgs/site.jpg")
}

.page-header h1 {
    font-size: 1.3em;
    padding: 0px 0px 8px;
    margin: 0px
}

.panel-default>.panel-heading,
.pkp_block .title {
    border-color: #ddd;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}


/* Journal Index */

.journal_index {
    /* background: url('../images/bg_transparent.png') repeat; */
    /* background-image: linear-gradient(to bottom, rgba(255, 254, 254, 0.6) 0%,rgba(223, 222, 222, 0.6) 100%), url('../images/image_header.jpg'); */
    /* background: url('../images/nav-one.png') repeat; */
    min-height: 540px;
    margin: 0px;

}

.journal_index a.galley-link,
.article-summary a.galley-link {
    font-size: 10px;
    margin-right: 8px;
    padding: 3px 4px;
    display: inline-block;
    background: -moz-linear-gradient(-45deg, #e1ffff 0%, #fdffff 12%, #e6f8fd 42%, #c8eefb 54%, #bee4f8 75%, #b1d8f5 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #e1ffff 0%, #fdffff 12%, #e6f8fd 42%, #c8eefb 54%, #bee4f8 75%, #b1d8f5 100%);
    /* Chrome10-25,Safari5.1-6 */
    border-radius: 2px;
    border: 1px solid rgb(174, 199, 255)
}

.journal_index a.galley-link:hover,
.article-summary a.galley-link:hover {
    text-decoration: none;
    background: -moz-linear-gradient(45deg, #e1ffff 0%, #fdffff 12%, #e6f8fd 42%, #c8eefb 54%, #bee4f8 75%, #b1d8f5 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #e1ffff 0%, #fdffff 12%, #e6f8fd 42%, #c8eefb 54%, #bee4f8 75%, #b1d8f5 100%);
    /* Chrome10-25,Safari5.1-6 */
}


label.date-interval {
    background: #f1e767;
    /* Old browsers */
    background: -moz-linear-gradient(left, #f1e767 0%, #feb645 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #f1e767 0%, #feb645 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #f1e767 0%, #feb645 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1e767', endColorstr='#feb645', GradientType=1);
    /* IE6-9 */
    color: rgb(173, 90, 17);
}



.journal_description .box-shadow {
    padding-top: 20px;
    float: left;
}

.homepage_image {
    margin-bottom: 30px;
}

.homepage_image img {
    width: 100%;
}



.journal_description .thumbnail {
    /* border: none; */

}

.journal-description h2 {
    font-size: 18px;
    margin-top: -10px;
    font-family: 'Lora', serif;
    text-shadow: -1px -1px 1px rgb(189, 189, 189);
}

div.row.journal_index>div.journal_description>div.col-md-2>div>section>header>h3 {
    font-size: 1.1em;
}

div.row.journal_index>div.journal_description>div.col-md-2>div>section>p {
    font-size: 14px;
}

div.row.journal_index>div.journal_description>div.col-md-2>div>section>.meta p {
    margin: 0px 0px 2px;
}

.homepage_image img {
    height: 350px;
}


.journal_index .site_description {
    border: 1px solid rgb(231, 231, 231);
    background: white;
    border-radius: 10px;
    margin-left: 10px;
}

.journal_index .about_site {
    font-size: 13px;
    padding: 20px 5px;
}

.journal_index .about h2 {
    margin-top: 0px;
    color: #121fc7;
    text-shadow: 0px 1px 1px rgb(184, 182, 159);
    font-family: "Merriweather";
}

.journal_index h1 {
    font-size: 2.3em;
    color: rgb(245, 163, 41);
    color: #121fc7;
    text-shadow: 0px 1px 1px rgb(184, 182, 159);
}

.journal_index .statement {
    margin-top: -5px
}

.journal_index .site_logo {
    padding-left: 0px
}

.journal_index .site_logo img {
    padding: 4px 40px 5px 10px;
    margin-bottom: 10px;
    border: 1px solid rgb(231, 231, 231);
    background: white;
    border-radius: 10px;
    margin-bottom: 10px;
    width: auto;
}


/* Section : article_tab_list */

.annoucement_list {
    display: block;
    clear: both;
    /* background: rgb(248, 248, 248);  */
    padding: 40px 30px;

    /* background-color: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg %3E%3Cpath fill='%23fdfeff' d='M486 705.8c-109.3-21.8-223.4-32.2-335.3-19.4C99.5 692.1 49 703 0 719.8V800h843.8c-115.9-33.2-230.8-68.1-347.6-92.2C492.8 707.1 489.4 706.5 486 705.8z'/%3E%3Cpath fill='%23fbfdff' d='M1600 0H0v719.8c49-16.8 99.5-27.8 150.7-33.5c111.9-12.7 226-2.4 335.3 19.4c3.4 0.7 6.8 1.4 10.2 2c116.8 24 231.7 59 347.6 92.2H1600V0z'/%3E%3Cpath fill='%23f9fbff' d='M478.4 581c3.2 0.8 6.4 1.7 9.5 2.5c196.2 52.5 388.7 133.5 593.5 176.6c174.2 36.6 349.5 29.2 518.6-10.2V0H0v574.9c52.3-17.6 106.5-27.7 161.1-30.9C268.4 537.4 375.7 554.2 478.4 581z'/%3E%3Cpath fill='%23f7faff' d='M0 0v429.4c55.6-18.4 113.5-27.3 171.4-27.7c102.8-0.8 203.2 22.7 299.3 54.5c3 1 5.9 2 8.9 3c183.6 62 365.7 146.1 562.4 192.1c186.7 43.7 376.3 34.4 557.9-12.6V0H0z'/%3E%3Cpath fill='%23f5f9ff' d='M181.8 259.4c98.2 6 191.9 35.2 281.3 72.1c2.8 1.1 5.5 2.3 8.3 3.4c171 71.6 342.7 158.5 531.3 207.7c198.8 51.8 403.4 40.8 597.3-14.8V0H0v283.2C59 263.6 120.6 255.7 181.8 259.4z'/%3E%3Cpath fill='%23f7faff' d='M1600 0H0v136.3c62.3-20.9 127.7-27.5 192.2-19.2c93.6 12.1 180.5 47.7 263.3 89.6c2.6 1.3 5.1 2.6 7.7 3.9c158.4 81.1 319.7 170.9 500.3 223.2c210.5 61 430.8 49 636.6-16.6V0z'/%3E%3Cpath fill='%23f9fbff' d='M454.9 86.3C600.7 177 751.6 269.3 924.1 325c208.6 67.4 431.3 60.8 637.9-5.3c12.8-4.1 25.4-8.4 38.1-12.9V0H288.1c56 21.3 108.7 50.6 159.7 82C450.2 83.4 452.5 84.9 454.9 86.3z'/%3E%3Cpath fill='%23fbfdff' d='M1600 0H498c118.1 85.8 243.5 164.5 386.8 216.2c191.8 69.2 400 74.7 595 21.1c40.8-11.2 81.1-25.2 120.3-41.7V0z'/%3E%3Cpath fill='%23fdfeff' d='M1397.5 154.8c47.2-10.6 93.6-25.3 138.6-43.8c21.7-8.9 43-18.8 63.9-29.5V0H643.4c62.9 41.7 129.7 78.2 202.1 107.4C1020.4 178.1 1214.2 196.1 1397.5 154.8z'/%3E%3Cpath fill='%23ffffff' d='M1315.3 72.4c75.3-12.6 148.9-37.1 216.8-72.4h-723C966.8 71 1144.7 101 1315.3 72.4z'/%3E%3C/g%3E%3C/svg%3E");
background-attachment: fixed;
background-size: cover; */

    background-color: #ffffff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg %3E%3Cpath fill='%23fdfeff' d='M486 705.8c-109.3-21.8-223.4-32.2-335.3-19.4C99.5 692.1 49 703 0 719.8V800h843.8c-115.9-33.2-230.8-68.1-347.6-92.2C492.8 707.1 489.4 706.5 486 705.8z'/%3E%3Cpath fill='%23fbfdff' d='M1600 0H0v719.8c49-16.8 99.5-27.8 150.7-33.5c111.9-12.7 226-2.4 335.3 19.4c3.4 0.7 6.8 1.4 10.2 2c116.8 24 231.7 59 347.6 92.2H1600V0z'/%3E%3Cpath fill='%23f9fbff' d='M478.4 581c3.2 0.8 6.4 1.7 9.5 2.5c196.2 52.5 388.7 133.5 593.5 176.6c174.2 36.6 349.5 29.2 518.6-10.2V0H0v574.9c52.3-17.6 106.5-27.7 161.1-30.9C268.4 537.4 375.7 554.2 478.4 581z'/%3E%3Cpath fill='%23f7faff' d='M0 0v429.4c55.6-18.4 113.5-27.3 171.4-27.7c102.8-0.8 203.2 22.7 299.3 54.5c3 1 5.9 2 8.9 3c183.6 62 365.7 146.1 562.4 192.1c186.7 43.7 376.3 34.4 557.9-12.6V0H0z'/%3E%3Cpath fill='%23f5f9ff' d='M181.8 259.4c98.2 6 191.9 35.2 281.3 72.1c2.8 1.1 5.5 2.3 8.3 3.4c171 71.6 342.7 158.5 531.3 207.7c198.8 51.8 403.4 40.8 597.3-14.8V0H0v283.2C59 263.6 120.6 255.7 181.8 259.4z'/%3E%3Cpath fill='%23f7faff' d='M1600 0H0v136.3c62.3-20.9 127.7-27.5 192.2-19.2c93.6 12.1 180.5 47.7 263.3 89.6c2.6 1.3 5.1 2.6 7.7 3.9c158.4 81.1 319.7 170.9 500.3 223.2c210.5 61 430.8 49 636.6-16.6V0z'/%3E%3Cpath fill='%23f9fbff' d='M454.9 86.3C600.7 177 751.6 269.3 924.1 325c208.6 67.4 431.3 60.8 637.9-5.3c12.8-4.1 25.4-8.4 38.1-12.9V0H288.1c56 21.3 108.7 50.6 159.7 82C450.2 83.4 452.5 84.9 454.9 86.3z'/%3E%3Cpath fill='%23fbfdff' d='M1600 0H498c118.1 85.8 243.5 164.5 386.8 216.2c191.8 69.2 400 74.7 595 21.1c40.8-11.2 81.1-25.2 120.3-41.7V0z'/%3E%3Cpath fill='%23fdfeff' d='M1397.5 154.8c47.2-10.6 93.6-25.3 138.6-43.8c21.7-8.9 43-18.8 63.9-29.5V0H643.4c62.9 41.7 129.7 78.2 202.1 107.4C1020.4 178.1 1214.2 196.1 1397.5 154.8z'/%3E%3Cpath fill='%23ffffff' d='M1315.3 72.4c75.3-12.6 148.9-37.1 216.8-72.4h-723C966.8 71 1144.7 101 1315.3 72.4z'/%3E%3C/g%3E%3C/svg%3E");
    background-size: cover;
}

.article_tab_list {
    display: block;
    clear: both;
    background-color: #eeedff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg %3E%3Cpath fill='%23f1f1ff' d='M486 705.8c-109.3-21.8-223.4-32.2-335.3-19.4C99.5 692.1 49 703 0 719.8V800h843.8c-115.9-33.2-230.8-68.1-347.6-92.2C492.8 707.1 489.4 706.5 486 705.8z'/%3E%3Cpath fill='%23f5f4ff' d='M1600 0H0v719.8c49-16.8 99.5-27.8 150.7-33.5c111.9-12.7 226-2.4 335.3 19.4c3.4 0.7 6.8 1.4 10.2 2c116.8 24 231.7 59 347.6 92.2H1600V0z'/%3E%3Cpath fill='%23f8f8ff' d='M478.4 581c3.2 0.8 6.4 1.7 9.5 2.5c196.2 52.5 388.7 133.5 593.5 176.6c174.2 36.6 349.5 29.2 518.6-10.2V0H0v574.9c52.3-17.6 106.5-27.7 161.1-30.9C268.4 537.4 375.7 554.2 478.4 581z'/%3E%3Cpath fill='%23fcfbff' d='M0 0v429.4c55.6-18.4 113.5-27.3 171.4-27.7c102.8-0.8 203.2 22.7 299.3 54.5c3 1 5.9 2 8.9 3c183.6 62 365.7 146.1 562.4 192.1c186.7 43.7 376.3 34.4 557.9-12.6V0H0z'/%3E%3Cpath fill='%23ffffff' d='M181.8 259.4c98.2 6 191.9 35.2 281.3 72.1c2.8 1.1 5.5 2.3 8.3 3.4c171 71.6 342.7 158.5 531.3 207.7c198.8 51.8 403.4 40.8 597.3-14.8V0H0v283.2C59 263.6 120.6 255.7 181.8 259.4z'/%3E%3Cpath fill='%23fcfeff' d='M1600 0H0v136.3c62.3-20.9 127.7-27.5 192.2-19.2c93.6 12.1 180.5 47.7 263.3 89.6c2.6 1.3 5.1 2.6 7.7 3.9c158.4 81.1 319.7 170.9 500.3 223.2c210.5 61 430.8 49 636.6-16.6V0z'/%3E%3Cpath fill='%23fafcff' d='M454.9 86.3C600.7 177 751.6 269.3 924.1 325c208.6 67.4 431.3 60.8 637.9-5.3c12.8-4.1 25.4-8.4 38.1-12.9V0H288.1c56 21.3 108.7 50.6 159.7 82C450.2 83.4 452.5 84.9 454.9 86.3z'/%3E%3Cpath fill='%23f7fbff' d='M1600 0H498c118.1 85.8 243.5 164.5 386.8 216.2c191.8 69.2 400 74.7 595 21.1c40.8-11.2 81.1-25.2 120.3-41.7V0z'/%3E%3Cpath fill='%23f5f9ff' d='M1397.5 154.8c47.2-10.6 93.6-25.3 138.6-43.8c21.7-8.9 43-18.8 63.9-29.5V0H643.4c62.9 41.7 129.7 78.2 202.1 107.4C1020.4 178.1 1214.2 196.1 1397.5 154.8z'/%3E%3Cpath fill='%23f2f8ff' d='M1315.3 72.4c75.3-12.6 148.9-37.1 216.8-72.4h-723C966.8 71 1144.7 101 1315.3 72.4z'/%3E%3C/g%3E%3C/svg%3E");
    background-size: cover;
    padding: 40px 30px;
}

.article_tab_list .content {
    padding: 40px;
}

.article_tab_list h1,
.informationTab h1,
.annoucement_list h1 {
    font-family: 'Merriweather', sans-serif;
    color: rgb(245, 163, 41);
    text-shadow: none;
    color: #f35626;
    background-image: -webkit-linear-gradient(92deg, #f35626, #feab3a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: hue 60s infinite linear;
    font-size: 1.8em;
    text-align: center
}

.article_detail_tab_list {
    padding: 15px;
    margin-left: -10px;
    margin-top: 40px;
    float: left;
    width: 100%
}

.article_tab_list .nav-tabs>li,
.article_detail_tab_list .nav-tabs>li {
    margin-right: 10px;
}

.article_tab_list .nav-tabs>li>a {
    font-family: "Lora";
    padding-right: 10px;
    color: rgb(68, 68, 68);
    font-size: 1.4em;
}

.article_tab_list .nav-tabs>li.active>a,
.article_tab_list .nav-tabs>li.active>a:focus,
.article_tab_list .nav-tabs>li>a:hover {
    box-shadow: inset 0 -2px 0 #f38021;
    color: #333333;
    font-weight: bold;
    border: none;
}

.article_detail_tab_list .nav-tabs>li>a {
    font-family: "Lora";
    padding-right: 10px;
    color: rgb(187, 167, 140);
    font-size: 1.2em;
    border-bottom: 1px solid;
}

.article_detail_tab_list .nav-tabs>li>a>.fa {
    margin-left: 10px;
}

.article_detail_tab_list .nav-tabs>li.active>a,
.article_detail_tab_list .nav-tabs>li.active>a:focus,
.article_detail_tab_list .nav-tabs>li>a:hover {
    box-shadow: inset 0 -2px 0 #eb0407;
    color: #d47632;
    font-weight: bold;
    border: unset;
}

.article_detail_tab_list .nav-tabs {
    border-bottom: unset;
}

#shareTab ul {
    padding-left: 10px;
}

#shareTab li {
    list-style-type: none;
    margin-bottom: 10px;
    font-size: 1.1em
}

.article-details a.galley-link {
    padding: 8px 14px;
    border-radius: 4px;
    display: block;
    margin-top: 10px;
    max-width: 150px;
    background: rgb(231, 245, 255);
    border: 1px solid rgb(218, 233, 255);
}

.article-details a.galley-link:hover {
    border: 1px solid rgb(194, 194, 255);
    background: rgb(218, 236, 250);
    text-decoration: none;
}

.article_tab_list .tab-content {
    padding: 20px 0px;
}

.block_most_read_theme .date-range {
    font-size: 14px;
    color: rgb(184, 184, 184)
}

.block_most_read_theme a {
    font-size: 13px;
}

/* end Section  */

.sidebar_list,
.informationTab {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;
    /* NEW, Spec - Firefox, Chrome, Opera */
    padding: 40px 30px 20px 30px;
    justify-content: center;
    align-items: center;
    background: rgb(255, 255, 255);
    margin: 0px -10px;

}

.informationTab h1,
.annoucement_list h1 {
    margin-top: -30px;

    padding-bottom: 20px;
    border-bottom: 1px solid #f7f5f5;
}

.annoucement_list h1 {
    margin-top: 0px;
    padding-bottom: 20px
}


/* .sidebar_list .item2 {
    border: 1px solid rgb(228, 228, 228);
    width: 25%;
    float: left;
    margin: auto;
    background: rgb(226, 225, 225);
    padding: 20px;
} */

.sidebar_list [class^="col"] {
    margin: 15px 0px;

}

.sidebar_list .pkp_block {
    width: 19%;
    float: left;
    margin-right: 1%;
    box-shadow: 0 1px 15px 1px rgba(113, 106, 202, .08);
}


.sidebar_list .item {
    background-color: rgb(255, 255, 255);
    padding: 20px;
    height: 100%;
    -webkit-box-shadow: 0 1px 15px 1px rgba(113, 106, 202, .08);
    -moz-box-shadow: 0 1px 15px 1px rgba(113, 106, 202, .08);
    box-shadow: 0 1px 15px 1px rgba(113, 106, 202, .08);
    border: 1px solid rgb(241, 241, 241);
}

.annoucement_list .content,
.informationTab .content {
    width: 100%;
    background: white;
    padding: 40px 30px 0px 30px;
    text-align: center;


}





/* put  this to the bottom to fix the responsive */
/* @media (min-width: 992px)
{ */
.col-md-offset-3 {
    margin-left: 20%;
}

.annoucement_list .annouc_list {
    display: inline-block;
    width: 100%
}

article.announcement-summary img {
    max-width: 400px;
    display: block;
    margin-bottom: 20px;
}

article.announcement-summary h2 {
    text-align: left
}

article.announcement-summary {
    width: 50%;
    float: left;
    text-align: center;
    padding: 50px 0px 0px 40px;
}

article.announcement-summary .item {
    display: inline-block
}

article.announcement-summary p {
    font-size: 14px;
    text-align: left
}

div.row.annoucement_list>div>section>div>article:nth-child(1) {
    border-right: 1px solid rgb(241, 241, 241);
}

.annoucement_list .content .col-md-5 {
    border: 1px solid blue;
    margin-top: 30px;
}

.informationTab .nav-tabs,
.article_tab_list .nav-tabs {
    border-bottom: none;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}

.informationTab .tab-content {
    padding: 40px;
    text-align: justify;
    font-size: 1.2em;
}

.article-summary h3 {
    margin-top: 0px;
}

.article-summary a.article_name {
    line-height: 20px;
    font-size: 15px;
    color: rgb(137, 132, 214);
    font-family: "Merriweather";
    margin-bottom: 15px;
}

.non_index_header {
    min-height: 140px;
    margin: -23px 0px 20px;
    padding: 20px 0px 20px;
    -webkit-box-shadow: inset 0px -4px 5px -3px rgba(166, 166, 166, 0.29);
    -moz-box-shadow: inset 0px -4px 5px -3px rgba(166, 166, 166, 0.29);
    box-shadow: inset 0px -4px 5px -3px rgba(166, 166, 166, 0.29);
    border-bottom: 2px solid rgb(255, 255, 255);
    background: #ECE9E6;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #FFFFFF, #ECE9E6);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #FFFFFF, #ECE9E6);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

div#main-content.page_index_journal div.col-md-4.thumbnail {
    border: none
}

.block_make_submission a {
    border: 1px solid red;
}

#main_content {
    padding-top: 20px;

}

/* #main-content {
    border: 1px solid rgb(240, 240, 240);
    padding: 40px;
  
} */

.pkp_op_index#main-content {
    border: none !important;
}

.main_content {
    margin-top: 140px;

}

.main_content_not_index {
    padding-top: 20px;
    margin-top: -0px;
}

.not_index #nav-menu {
    margin-top: 114px;
    border-top: 1px solid #c1c1c1;
}

.main_content main {

    padding: 10px;
}

.main_content .col-md-8 {}

.main_content .col-md-8 {
    padding: 30px;
    float: left
}

aside#sidebar {}

aside#sidebar img {
    max-width: 500px;
}

.pkp_page_issue .img-responsive {
    width: 250px;
}

.pkp_page_issue .article-summary {
    border-bottom: 1px solid rgb(230, 230, 230)
}

.pkp_page_issue .article-summary .meta {
    margin-bottom: 10px
}




.panel,
.pkp_block {
    -webkit-box-shadow: 0 1px 15px 1px rgba(113, 106, 202, .08);
    -moz-box-shadow: 0 1px 15px 1px rgba(113, 106, 202, .08);
    box-shadow: 0 1px 15px 1px rgba(113, 106, 202, .08);
    border: unset;
}

.page-header small {
    margin-top: 13px;
}

.page-header {
    padding: 0px !important;
    margin-top: 0px !important;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
    margin: 12px 0px 20px 0px;
    color: #444444
}

#main-site>div>div>h2 {
    margin-top: 10px;
}

.page-header h2 {
    font-size: 24px;
    padding-bottom: 0px;
    margin-top: 30px;
}

.media ul.nav-pills {
    display: block;
    float: right;
    margin-top: 10px;
}

.media .media-heading {
    font-size: 1.28em;
    font-family: "Merriweather";
    /* border-bottom: 1px dotted rgb(207, 207, 209); */
    margin-bottom: 10px;

}

.media-left img {
    max-width: 200px;
}

.media .nav-pills li a {
    border: 1px solid rgb(213, 213, 214);
    margin-right: 10px;
    padding: 8px 10px;
    border-radius: 4px;
    background: rgba(255, 255, 255, 1);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 0.99) 47%, rgba(237, 237, 237, 0.97) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(47%, rgba(246, 246, 246, 0.99)), color-stop(100%, rgba(237, 237, 237, 0.97)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 0.99) 47%, rgba(237, 237, 237, 0.97) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 0.99) 47%, rgba(237, 237, 237, 0.97) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 0.99) 47%, rgba(237, 237, 237, 0.97) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 0.99) 47%, rgba(237, 237, 237, 0.97) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);
}


/* Article Summary On the Journal Index */

.article-summary {
    min-height: 200px;
    padding-top: 10px;
    font-size: 0.9em;
    margin-bottom: 20px;
}

.article-summary:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 97%;
    /* or 100px */

}

div.article-summary>div>h3>a>p {
    margin-top: 5px;
}

div.article-summary>div>h3>a>p>small {
    color: rgb(140, 140, 141);
}

.article-summary .date_published {
    font-style: italic
}

.article-summary .meta {
    /* vertical-align: bottom;
    position: absolute;
    bottom: 0;
    width: 100%; */
}

.article-summary .author {
    font-size: 0.92em;
    margin-bottom: 8px;

}

.article-summary .pages {
    font-size: 10px;
}

.article-summary .pages .page_number {
    font-family: 'Lora', serif;
    font-size: 1.5em;
    color: #a7a7a7
}

.article-summary .article_counter_read {
    display: inline-block;
    width: 20px;
    height: 10px;
    background: url('../images/bar_chart_icon.png') no-repeat top left;
    color: white;
}

.article-summary .date_galley_row {
    vertical-align: bottom;
    position: absolute;
    bottom: 0;
    left: 10;
    width: 100%;
    padding-bottom: 5px;

}


/* Article Summary */


/* current isssue */

.current_issue .page-header h2 {
    font-size: 22px;
}

.issue-toc .thumbnail {
    border: none;
}

.current_issue .thumbnail {
    border: none;
}




/* Archive Issue  */
.issue-summary {
    border-bottom: 1px solid rgb(230, 230, 230);
    padding-bottom: 20px;
}


/* Journal Spesific View */

.page_article {
    margin-top: -12px;
}

.article-details {
    margin-bottom: 40px;
}

.article-details .col-md-8 {
    padding-right: 10px;
}


.article-details .article-summary {
    display: block;
    clear: both;
}

h3.corresponding_author {
    color: #9898cc;
}

.XML_generated {
    float: left;
    text-align: justify;
    text-justify: inter-word;
}

.xml_description {
    margin-bottom: 50px;
    border-bottom: 1px solid rgb(241, 241, 241);
    margin-left: 5px;
}



.article-details-keywords-value {
    display: block;
    float: left;
    margin-bottom: 20px;
}

.article-details-keywords-value .keyword_item {
    float: left;
    margin: 0px 15px 10px 0px;
    padding: 2px 10px;
    border: 1px solid rgb(236, 236, 236);
    border-radius: 3px;
    background: rgb(238, 241, 250);
    color: grey;
}

.article-details .cover-image img {
    width: 250px;
    margin: 0 auto;
    padding: 10px;
    border: 1px solid rgb(243, 243, 243);
}

.article-details .issueDetail {
    padding: 10px
}

.article-details .issueDetail h4 {
    font-size: 13px;
    font-weight: bold;
    line-height: 2
}

.article-details .article_issue {
    margin-bottom: 20px
}

.article-details .current_issue {
    padding: 30px 20px;
}

.article-details .current_issue img {
    margin-top: 10px;
}

.article-details .current_issue h2,
.article-details .article_issue h2 {
    font-family: "Merriweather";
    font-size: 1.2em;
    color: rgb(167, 102, 6);
    text-align: center;
    margin-bottom: 0px
}

.article-details .current_issue p {
    text-align: left
}

.article-details .panel {
    box-shadow: none;
}

.article-details .doi {}

.article-details .tab-content {
    padding: 40px 30px
}

.article-details .tab-content h2 {
    margin-top: 0px;
}

.pkp_page_article article h1.page-header {
    font-size: 1.8em
}

.pkp_page_article .article-details h2 {
    font-size: 1.4em;
    font-weight: 400
}

.pkp_page_article .article-details h3 {
    font-size: 1.2em;
    font-weight: 400
}

.article-details h1 {
    margin-left: -10px;
    line-height: 1.5;
    color: #f35626;
    margin-top: -20px;
    background-image: -webkit-linear-gradient(92deg, #f35626, #feab3a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: hue 60s infinite linear;
    margin-bottom: 0px;
    font-size: 1.3em;

}


#referencesTab .xml_description {
    margin: 20px 0px;
}

#referencesTab ol,
ol.references {
    padding-left: 10px;
}

#referencesTab li,
ol.references li {
    line-height: 30px;
    margin: 10px;
}

.pkp_page_article .article-more-details .panel {
    border-radius: 0px;
    box-shadow: none;
    -webkit-box-shadow: none;
    border: 1px solid #ebeaea;
}

.pkp_page_article .article-more-details .panel-default>.panel-heading {
    background: none;
    border-bottom: 1px solid #ebeaea;
    color: #1d1d1d;
    font-size: 1.2em;
}

.pkp_page_article .article-details .panel-default>.panel-heading {
    background: none;
    border-bottom: 1px solid #ebeaea;
    color: #1d1d1d;
    font-size: 1.2em;
}

.authors .author .orcid a {
    vertical-align: top;
    margin-left: 5px
}

.authors .author .orcid_icon,
.orcid_icon {
    vertical-align: middle;
    width: 18px;
    height: 18px;
}

.article-details .author-bios .biography {
    margin: 15px 0px 0px 0px;
    border-bottom: 1px solid rgb(255, 239, 233);
    padding-bottom: 10px
}

.article-details .author-bios .biography p {
    color: #bbbbbb
}

.article-details .author-bios .biography .media-body {
    font-size: 12px;
}

.article-details .author-bios .biography h3 {
    font-size: 1.2em;
    color: #8a3900;
    margin-bottom: 5px
}

.article-details .article_counter_read {
    display: inline-block;
    width: 20px;
    height: 10px;
    background: url('../images/bar_chart_icon.png') no-repeat top left;
    color: white;
}

.article-details .doi_link {
    background-size: 20px !important;
    height: 30px !important;
    background: url('../images/DOI_logo.svg') no-repeat center left;
    padding: 5px 0px 5px 30px
}

.article_detail h5.citation_download {
    margin-top: 40px;
    font-size: 1.11em;
    color: #000000;
}

h3 {
    font-size: 22px;
}


/* article detail history */

.article-details .date-list {
    margin: 0px 0px 60px
}

.article-details .date-list .detail {
    border-bottom: 1px solid #f5f5f5;
    padding: 10px 7px
}

.article-details .date-list strong {
    color: rgb(212, 212, 212);
    font-size: 1.4em;
    font-family: "Merriweather";
}

.article-details .date-list .date {
    margin-top: -5px
}

.pkp_page_article .article-header h1 {
    color: #ce730c;
    margin: 10px 0px 5px 0px;
    font-weight: 550;
    font-size: 1.6em;
    line-height: 30px;
    font-family: 'Lora', serif;
    text-shadow: 0px 1px 2px #DBD5D2;

}

.pkp_page_article .article-header .author {
    padding-bottom: 10px;
    padding-top: 10px;
    margin-bottom: 10px;
}

.pkp_page_article .article-header .author:before {
    border-bottom: 1px solid rgb(237, 237, 237);
    content: "";
    position: absolute;
    left: 5;
    bottom: 0;
    height: 1px;
    width: 99%
}

.pkp_page_article .article-header .authors .second_col {}

.pkp_page_article .article-header .authors .second_col:after {
    border-width: 1px;
    border-style: solid;
    border-image: linear-gradient(to bottom, rgb(249, 249, 249), rgba(202, 202, 202, 0.144)) 0.5 200%;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 90%;
    width: 1px;
}

.article-header .authors,
.article-details .authors {
    padding-left: 5px
}

.article-header .subtitle,
.article-details .subtitle {
    font-size: 1.1em;
    color: #7c7c7c;
    margin-left: -10px;

}

.header-section {
    color: rgb(99, 69, 246);
    margin-top: -18px;
    font-size: 1.6em;
    text-shadow: 1px 1px 2px #e1b8bf;
}

.pkp_page_article div.row.non_index_header .article-header .breadcrumb {
    padding-left: 0px;
    background: none;
    font-size: 0.9em;
    color: grey;
}


/* Article detail author */

.article-details .author,
.authors .author {
    padding: 10px 0px 10px 10px;
    margin-right: 10px;
    width: 45%;
    float: left;
    position: relative;
    z-index: 1;
    min-height: 145px;
}

.article-details .author+.author,
.authors .author+.author {
    margin-top: 0px
}

.article_abstract_n_keyword {
    border: 1px solid rgb(238, 238, 238);
    background: rgb(250, 250, 250);
    float: left;
    padding: 20px;
    margin-bottom: 40px;
}

/* article detail references */

/* JATS Parser TOC */
.intraarticle-menu {

    overflow-y: none;
    height: auto;
    padding-bottom: 20px;

}


.article_toc {}

.article_toc h2 {
    margin-top: 30px;
    padding-bottom: 10px;
    text-align: center;
    border-bottom-color: #efefef;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    color: rgb(167, 102, 6);


}



.intraarticle-menu #article-navbar {
    border: none;

}

.intraarticle-menu #article-navbar a {
    display: block;
    margin: 3px;
}

.intraarticle-menu #article-navbar nav {
    padding-left: 10px;
}



.article-references-content {
    padding-top: 15px
}

.article-references .readmore_references {
    width: 100px !important;
    padding: 6px;
    float: right
}

.pkp_page_article div.row.non_index_header .article-header .breadcrumb a {
    color: rgb(197, 194, 194);
}

.pkp_page_article div.row.non_index_header .article-header .article-header-text {
    background: rgb(250, 251, 252);
    border: 1px solid white;
}

.header-page-section {
    background: rgb(248, 242, 242);
    text-transform: capitalize;
    margin-top: 30px;
    color: rgb(118, 119, 119);
    padding: 0px 10px;
    font-size: 2em;
    border-left: 3px solid rgb(252, 180, 248);
}





/* indexed logo icon */

div#customblock-indexed_by,
div#customblock-indexed-by,
div#customblock-indexed_logo {
    display: none;
}

div.list_of_index {
    /* margin: 20px auto -52px auto; */
    margin-bottom: 20px;
}

.indexed_by {
    border: 1px solid rgb(255, 255, 255);
    padding: 20px 30px;
    width: 99%;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(207, 205, 207, 0.57);
    -moz-box-shadow: 0px 0px 5px 0px rgba(207, 205, 207, 0.57);
    box-shadow: 0px 0px 5px 0px rgba(207, 205, 207, 0.57);
    text-align: center;
    margin-top: 30px;
    background: white;
}

.indexed_by img {
    height: 20px;
    max-width: 100px;
    margin-right: 40px;
}


/* end indexed logo icon */

.footer_border {
    height: 2px;
    background: #f6e6b4;
    /* Old browsers */
    background: -moz-linear-gradient(top, #f6e6b4 0%, #4c17ed 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f6e6b4 0%, #4c17ed 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f6e6b4 0%, #4c17ed 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6e6b4', endColorstr='#ed9017', GradientType=0);
    /* IE6-9 */
}

footer[role="contentinfo"] {
    /* background: url('../images/blackorchid.png') repeat; */
    background: #45484d;
    /* Old browsers */
    background: -moz-linear-gradient(135deg, #afc4e1 0%, #e3eaf2 100%);
    background: -webkit-linear-gradient(135deg, #afc4e1 0%, #e3eaf2 100%);
    background: linear-gradient(135deg, #afc4e1 0%, #e3eaf2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45484d', endColorstr='#000000', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
    color: white;
    padding-top: 35px;
    margin-top: 0px;
    color: #5a5858;
    font-size: 1.1em;
}

footer .contact_detail {
    font-size: 1.1em;
}

footer .fa {
    margin-right: 5px;
    font-size: 1.3em;
    color: #963d3d;
}

footer img {
    margin-bottom: 20px
}

footer .contact_detail .item-contact div {
    padding: 5px;
    margin-bottom: 8px;
    border-bottom: 1px solid #d2d2d2;

}

footer h4 {
    font-size: 18px;
    color: #692808;
}

.contact_section .email_header {
    font-size: 1.7em;
}

.contact_section .fa {
    font-size: 1.1em;
    margin-right: 20px;
    color: #b35900
}

.contact_section .contact .fa {
    font-size: 1.4em;
    margin-bottom: 10px;
}


/* side bar */

.editorial_team_block div {
    padding: 0px;
}

.editorial_team_block .col-md-4 {
    width: 30%;
    padding-left: 15px;
}

.editorial_team_block img {
    width: 85px !important;
    padding: 5px;
    border: 1px solid #e6e6e646;
    float: left
}

.editorial_team_block .profile {
    min-height: 100px;
    padding-top: 10px;
    padding-left: 0px;
}

.editorial_team_block .profile div {
    line-height: 1.5;
    text-align: left
}

.editorial_team_block .profile .name {
    font-size: 14px;
}

.editorial_team_block .profile .speciality {
    font-weight: bold;
}

.pkp_structure_sidebar .block_custom h1 {
    font-size: 21px;
    text-align: left;
    margin-top: 10px;
    color: #ff8040;
    text-shadow: black;
    padding-bottom: 10px;
    border-bottom: 1px solid #ffdfb0
}

.pkp_structure_sidebar .block_custom {
    text-align: center
}

;

#customblock-incoming-event img {
    width: 320px
}


/* sidebar menu */

#customblock-sidebar_menu {
    text-align: left
}

#customblock-sidebar_menu>div:nth-child(1)>p:nth-child(1) {
    margin-top: 5px
}

#customblock-sidebar_menu p {
    background: rgb(250, 250, 250);
    margin: 0px 0px 1px;
    border-bottom: 1px solid #f5f4f4;
    padding: 10px 0px 10px 30px;
    width: 100%
}

#customblock-sidebar_menu p:hover {
    background: rgb(255, 255, 255)
}

#customblock-sidebar_menu p a {
    font-size: 1.2em
}

#customblock-sidebar_menu p a:hover {
    text-decoration: none;
}

#customblock-sidebar_menu p a em.fa {
    margin: 0px 15px 0px -10px;
    border-right: 1px solid rgb(231, 229, 229);
    width: 35px;
    font-size: 1.09em
}


/* siderbar custom */
#customblock-editorial-team {
    display: none
}

#customblock-editorial-team,
#block-editorial-team {
    padding-top: 0px;
}

#customblock-editorial-team h1,
#block-editorial-team h1 {
    font-family: "Merriweather";
    font-size: 1.8em;
    border-bottom: 1px solid rgb(238, 238, 238);
    padding: 0px 0px 10px 20px;
}

#customblock-static_indexing_icon,
#block-static_indexing_icon,
.dummy_static-indexing-icon {
    background: white;
    padding-bottom: 20px
}

.main_content_not_index #customblock-static_indexing_icon img {
    padding-top: 20px;
}

.journal_index #customblock-static_indexing_icon img {
    max-width: 800px;
    display: inline-block;
    margin-top: -50px
}

#customblock-editorial-team .col-md-8 {
    box-shadow: none;
}


/* make submission */

#customblock-make_submission,
#block-make_submission {
    margin-bottom: 20px;
    padding: 10px;
}

#customblock-make_submission p,
#block-make_submission p {
    margin-bottom: 0px;
    text-align: center;
}

#customblock-make_submission img:hover,
#block-make_submission img:hover {
    transform: scale(1.02);
    cursor: pointer;
    /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

/* homepage carousel */
#customblock-header_carousel,
#customblock-header-carousel {
    display: none;
}


/* hover effect */


/* Underline From Center */

.side-menu_hover_effect {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
}

.side-menu_hover_effect:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    bottom: 0;
    background: #2098D1;
    height: 1px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 2.3s;
    transition-duration: 2.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.side-menu_hover_effect:hover:before,
.side-menu_hover_effect:focus:before,
.side-menu_hover_effect:active:before {
    right: 0;
}


/* Plugin */


/* Page static */

.page-static {
    font-size: 14px;
}



/* For demo */

.statistic_menu_color {
    color: #261ac9;
}

img[alt="Creative Commons License"] {
    margin: 0 !important;
}

.pkp_screen_reader,
.cmp_skip_to_content a,
.pkp_page_index .journals h2,
.page_register .context_optin .roles legend {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    left: -2000px;
}

.custom-collapse {
    margin-top: 10px;
    margin-bottom: 10px;
}

.custom-nav-tabs {
    border-bottom: unset;
}

.custom-tab-pane {
    border-radius: 0px 4px 4px 4px;
    padding: 10px 10px;
    border: 1px solid #ddd;
}

.informationTab .nav-tabs li a {
    margin-right: 0;
    background-color: transparent;
    border: none;
    color: #666;
    -webkit-box-shadow: inset 0 -1px 0 #ddd;
    box-shadow: inset 0 -1px 0 #ddd;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    font-size: unset;
}

.informationTab .nav-tabs li a:hover {
    border: unset;
    border-bottom: 1px solid;
    color: #2196f3;
    box-shadow: unset;
}

.informationTab .nav-tabs li.active a {
    border: unset;
    border-bottom: 1px solid;
    color: #2196f3;
    box-shadow: unset;
}

.article_abstract_n_keyword p {
    text-align: justify;
}

.tab-content p {
    text-align: justify;
}

.article-references-content br {
    content: "";
    margin: 4em;
    display: block;
    font-size: 24%;
}