@font-face {
    font-family: 'STIXGeneral-Bold';
    src: url('/journal/fonts/STIXGeneral-Bold.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'STIXGeneral-Regular';
    src: url('/journal/fonts/STIXGeneral-Regular.otf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'IBMPlexSans';
    src: url('/fonts/IBMPlexSans-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Cardo';
    src: url('/fonts/Cardo-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Nunito';
    src: url('/fonts/Nunito-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'IBMPlexSans-Semi';
    src: url('/fonts/IBMPlexSans-SemiBold.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GenBkBasR';
    src: url('/fonts/GenBkBasR.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GenBkBasB';
    src: url('/fonts/GenBkBasB.ttf');
    font-weight: normal;
    font-style: normal;
}
body {
    font-family:  'IBMPlexSans', 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    color:#000;
}

a { 
    color:darkblue;
}

.toolbar {
    display:block;
}
.file-container {
    border: 2px dashed #dadada;
    border-radius: 10px;
    background: #fff;
    margin-bottom: 15px;
    position: relative
}

.file-container.is-invalid {
    border: 2px dashed #ff0000;
}

.file-container.is-valid {
    border: 2px dashed #2fb344;
}

.custom-checkbox input {
    cursor: pointer;
    width: 1rem;
    height: 1rem;
    margin-top: 0.1142857rem;
    margin-right: 0.4142857rem;
    vertical-align: top;
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(101, 109, 119, 0.24);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
}

.custom-checkbox input[type="checkbox"] {
    border-radius: 4px;
}

.custom-checkbox input[type="radio"] {
    border-radius: 50%;
}

.custom-checkbox input:active {
    filter: brightness(90%);
}

.custom-checkbox input:focus {
    border-color: #90b5e2;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(32, 107, 196, 0.25);
}

.custom-checkbox input:checked {
    background-color: #206bc4;
    border-color: rgba(101, 109, 119, 0.24);
}

.custom-checkbox input:checked[type="checkbox"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8.5l2.5 2.5l5.5 -5.5'/%3e%3c/svg%3e");
}

.custom-checkbox input:checked[type="radio"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3ccircle r='3' fill='%23ffffff' cx='8' cy='8' /%3e%3c/svg%3e");
}

.custom-checkbox input[type="checkbox"]:indeterminate {
    background-color: #206bc4;
    border-color: #206bc4;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}

.custom-checkbox input:disabled {
    pointer-events: none;
    filter: none;
    opacity: 0.5;
}

.custom-checkbox input[disabled]~.form-check-label,
.form-check-input:disabled~.form-check-label {
    opacity: 0.7;
}

.custom-container {
    max-width: 1440px;
    margin: 0px auto;
    width: 100%;
}

.journal-title {
    transition: all 0.5s ease 0s;
    font-size: calc(1.875rem + 0.3vw);
    font-weight: 700;
}

.fs-action {
    font-size: calc(1.275rem + 0.3vw);
}

.headerUp {
    transition: all 0.5s ease 0s;
    transform: translateY(-100%);
}

.headerUp_two {
    transition: all 0.5s ease 0s;
    transform: translateY(-100%);
}

.bg-cyan-light {
    background-color: rgb(51, 149, 162);
}

.bg-cyan-dark {
    background-color: rgb(0, 125, 141);
}

.cmp_article_list>.article .title,
.obj_article_summary .title {
    font-family: "STIXGeneral-Bold", "IBM Plex Sans", sans-serif;
    font-size: 20px;
    font-weight: bold;
    margin-top: 10px;
}

.meta .authors {
    font-family: "IBM Plex Sans", sans-serif;
}

.article-author,
.article-pub,
.article-keywords,
.article-abstract,
.article-figures-show,
.article-Reference-show {
    margin-top: 6px;
}

.article-abstract,
.article-references .ref {
    line-height: 1.6;
}

.article-abstract .abstract-cropped,
.article-abstract .abstract-full,
.article-references {
    display: none;
}

.article-abstract .abstract-cropped.inline,
.article-abstract .abstract-cropped.inline>div,
.article-abstract .abstract-full.inline,
.article-abstract .abstract-full.inline>div {
    display: inline;
}

.article-abstract .abstract-cropped {
    font-size: 13px;
}

.article-figures {
    padding: 5px 0 10px;
    position: relative;
}

.article-figures .arrow.left-arrow {
    left: 0;
}

.article-figures .arrow.right-arrow {
    right: 0;
}

.article-figures .arrow,
.article-figures .arrow.left-arrow i,
.article-figures .arrow.right-arrow i {
    color: #ccc;
    font-size: 30px;
    height: 300px;
    line-height: 300px;
    position: absolute;
}

.article-figures .arrow.right-arrow {
    margin-right: 20px
}

.article-figures .figure-slide {
    cursor: pointer;
    margin: 10px auto 0;
    max-height: 330px;
    padding-bottom: 20px;
    text-align: center;
    width: 90%;
}

.article-figures .figure-slide .img-show {
    height: 300px;
    text-align: center;
    width: 100%;
}

.article-figures .figure-slide .img-show p {
    margin-top: 20px;
}

.article-figures .arrow:hover,
.article-figures .arrow.left-arrow i:hover,
.article-figures .arrow.right-arrow i:hover {
    color: #666;
    cursor: pointer;
}

.article-figures .cycle-slideshow {
    cursor: pointer;
    margin: 10px auto 0;
    max-height: 330px;
    padding-bottom: 20px;
    text-align: center;
    width: 90%;
}

.article-figures .cycle-slideshow .cycle-slide {
    height: 300px;
    padding-bottom: 20px;
    text-align: center;
    width: 100%;
}

.article-figures .cycle-slideshow .medium {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.article-figures .cycle-slideshow p {
    bottom: -5px;
    display: block;
    margin: 10px 0 0;
    position: relative;
    text-align: center;
    line-height: 1.8;
    width: 100%;
}

.article-figures .cycle-slideshow img {
    border: 1px solid #ccc;
    max-height: 100%;
    max-width: 100%;
}

.articleContent .figure,
.articleContent .table {
    margin: 30px 0;
}

.articleContent .figure-footer {
    border-top: 1px solid rgb(227, 227, 227);
    ;
}

.articleContent .figure-caption,
.articleContent .table-caption {
    display: flex;
    -moz-box-pack: end;
    justify-content: flex-end;
}

.articleContent .figure-caption .caption-number,
.articleContent .table-caption .caption-number {
    flex: 9 1 0%;
    font-size: 16px;
    padding: 19px 21px 10px;
    font-family: STIXGeneral-Bold;
}

.articleContent .figure-caption a.caption-partial-url,
.articleContent .table-caption a.caption-partial-url {
    flex: 1 1 0%;
    background: rgba(0, 0, 0, 0) url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjA0ODI2NTgxODIwIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjU3OTEiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTk3Mi43NjA2MTUgMzg0Vjg3LjM5NDQ2MmwtNTcwLjcyMjQ2MSA1NzAuNjgzMDc2LTM2LjE5NDQ2Mi0zNi4xOTQ0NjFMOTM2LjU2NjE1NCA1MS4yaC0yOTYuNjA1NTM5VjBoMzg0djM4NGgtNTEuMnpNNTEuMTYwNjE1IDk3Mi44aDgxOS4yVjU2My4yaDUxLjJWMTAyNGgtOTIxLjZWMTAyLjRoNDYwLjh2NTEuMmgtNDA5LjZ2ODE5LjJ6IiBmaWxsPSIjMUM4NzhDIiBwLWlkPSI1NzkyIj48L3BhdGg+PC9zdmc+") no-repeat scroll center center;
    padding: 19px 17px 0px 0px;
    text-align: right;
}

.articleContent .table-footer {
    background-image: url("/journal/public/site/table_thumb.svg");
    background-repeat: no-repeat;
    background-position: 17px 17px;
    background-size: 100px 70px;
    border-top: medium none;
    min-height: 110px;
    position: relative;
}

.articleContent .table-caption .caption-number {
    padding-left: 137px;
}

.articleContent .figure-footer .caption-text {
    padding: 0px 18px 19px 21px;
    font-size: 14px;
}

.articleContent .table-footer .caption-text {
    color: black;
    display: block !important;
    text-decoration: none;
    margin-left: 140px;
    margin-right: 20px;
    padding: 0px 0px 15px;
    width: -moz-fit-content;
    font-size: 14px;
}

.articleContent .table-footer .table-thumb-overlay {
    cursor: pointer;
    position: absolute;
    left: 17px;
    top: 17px;
    height: 70px;
    width: 100px;
}

.figure {
    display: block;
}

.figure-caption {
    color: #000;
}

.fig-image {
    overflow-x: scroll;
}
.abstract-img {
    height:330px;
    line-height:330px;
    vertical-align:middle;
}
.abstract-img img{max-height:300px;}
.sv-slider {
    border: 1px solid rgb(227, 227, 227);
    margin: 25px auto;
}

.sv-slider-item {
    text-align: center;
}

.sv-slider-item img {
    width: 100%;
}

.owl-carousel .owl-stage-outer {
    border-bottom: 1px solid rgb(227, 227, 227);
    padding-bottom: 10px;
}

.sv-slider .owl-fig-thumbs {
    width: calc(100% - 110px);
    overflow-x: auto;
    align-items: self-start;
    white-space: nowrap;
}

.owl-fig-thumbs button {
    text-align: center;
    cursor: pointer;
    border: 0px none;
    width: 100px;
    padding-bottom: 20px;
    background-color: rgb(255, 255, 255);
}

.owl-fig-thumbs button>img {
    width: 90px;
    height: 90px;
    border: 1px solid rgb(151, 151, 151);
    margin: 10px 0px;
}

.owl-thumb-item.active>img {
    border-color: rgb(28, 135, 140);
}

.owl-thumb-item.active {
    color: rgb(28, 135, 140);
}

.owl-nav {
    position: absolute;
    right: 0px;
    bottom: -145px;
    height: 50px;
}

.owl-prev {
    background: rgba(0, 0, 0, 0) url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjA0ODI3MTQ2MzU0IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEyNjAgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjEwODY0IiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjI5LjUzMTI1IiBoZWlnaHQ9IjI0Ij48ZGVmcz48c3R5bGUgdHlwZT0idGV4dC9jc3MiPjwvc3R5bGU+PC9kZWZzPjxwYXRoIGQ9Ik0xMzYuMjcwNzY5IDU0OC41NDg5MjNsMzc2LjY3NDQ2MiAzNzYuNzUzMjMxYTM1LjYwMzY5MiAzNS42MDM2OTIgMCAwIDEtNTAuMzMzNTM5IDUwLjMzMzUzOGwtNDM0LjgwNjE1NC00MzQuODA2MTU0YTM5LjM4NDYxNSAzOS4zODQ2MTUgMCAwIDEgMC01NS42ODk4NDZsNDYwLjAxMjMwOC00NjAuMDEyMzA3YTM1LjYwMzY5MiAzNS42MDM2OTIgMCAxIDEgNTAuMzMzNTM5IDUwLjMzMzUzOEwxMzYuMjcwNzY5IDQ3Ny4zNDE1MzhoMTA4OC40MzMyMzFhMzUuNjAzNjkyIDM1LjYwMzY5MiAwIDEgMSAwIDcxLjIwNzM4NUgxMzYuMjcwNzY5eiIgZmlsbD0iIzFDODc4QyIgcC1pZD0iMTA4NjUiPjwvcGF0aD48L3N2Zz4=") no-repeat scroll 17.5px 54.35%;
    background-position-x: 17.5px;
    height: 50px;
    width: 61px;
    display: inline-block;
    border-color: currentcolor rgb(227, 227, 227) currentcolor currentcolor;
    border-style: none solid none none;
    border-width: 0px 1px 0px 0px;
    border-image: none 100% / 1 / 0 stretch;
    padding: 0px;
    cursor: pointer;
}

.owl-next {
    background: rgba(0, 0, 0, 0) url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuWbvuWxgl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI5LjUzMXB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyOS41MzEgMjQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI5LjUzMSAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjMUM4NzhDIiBkPSJNMjYuNzI4LDEwLjU2N2wtOC44MjgtOC44M2MtMC4zMTctMC4zMzUtMC4zMDQtMC44NjIsMC4wMzEtMS4xOGMwLjMyMS0wLjMwNiwwLjgyNi0wLjMwNiwxLjE0OCwwDQoJbDEwLjE5LDEwLjE5YzAuMzYsMC4zNiwwLjM2LDAuOTQ1LDAsMS4zMDVMMTguNDg4LDIyLjgzNWMtMC4zMTcsMC4zMzQtMC44NDYsMC4zNDktMS4xOCwwLjAzMWMtMC4zMzUtMC4zMTctMC4zNDktMC44NDYtMC4wMzEtMS4xOA0KCWMwLjAxLTAuMDExLDAuMDIxLTAuMDIxLDAuMDMxLTAuMDMxbDkuNDE5LTkuNDE5SDEuMjE3Yy0wLjQ2MSwwLTAuODM1LTAuMzc0LTAuODM1LTAuODM0YzAtMC40NjEsMC4zNzQtMC44MzQsMC44MzUtMC44MzRIMjYuNzI4eiINCgkvPg0KPC9zdmc+DQo=") no-repeat scroll 18.5px center;
    height: 52px;
    width: 61px;
    display: inline-block;
    padding: 0px;
    cursor: pointer;
    border: 0px none;
}

.table_custom {
    margin-left: auto;
    margin-right: auto;
}

table {
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse;
}

.table_custom td {
    padding: 3px 9px;
}

.table_custom hr {
    margin: 0;
}

.thead-hr,
.thead-hr-bold {
    width: 100%;
}

.table_custom hr {
    border-width: 1px  !important;
    border-color: #000;
    color: #000;
    opacity: 0.2;
}

.table_custom .thead-hr-bold hr {
    border-width: 2px;
    height: 2px;
    border-color: #000;
    background-color: #000;
    color: #000;
    opacity: 1;
}

.thead-hr-double hr {
    border-width: 3px;
    border-bottom-style: double;
}

.align_center {
    text-align: center;
}

.align_left {
    text-align: left;
}

footer {
    z-index: -1;
}

footer ul li {
    list-style: none;
}

footer ul li a {
    color: #fff;
}

footer ul li a:hover {
    color: #fff;
}

#navbar button {
    background: none;
    margin: 0;
    padding: 0;
    color: #fff;
    outline: none;
    border: none;
}

#navbar a {
    color: #fff;
}

#navbar button:hover,
#navbar button.hov {
    background-color: #fff;
    border-left: 1px solid #d5dce8;
    border-right: 1px solid #d5dce8;
    color: #000;
    text-decoration: none;
}

#navbar .downmenu {
    display: flex;
    left: 0px;
    position: absolute;
    right: 0px;
    background: rgb(255, 255, 255) none repeat scroll 0% 0%;
    z-index: -1;
    transition: transform 0.5s ease 0s;
    display: none;
    padding: 24.5px 3% 0px;
    box-shadow: rgba(0, 0, 0, 0.21) 0px 4px 6px;
}

#navbar .downmenu:hover {
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
}

#navbar .downmenu div {}

#navbar .downmenu div a {
    display: flex;
    padding: 12.5px 0px;
    font-size: 18px;
    font-weight: bold;
    color: #000;
    font-weight: 700;
}

.bg-dark-light {
    background: #232e3c;
}

.nav-pills.transformy {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}