@charset "UTF-8";

/* Base html
----------------------------------------------- */

* {
    font-size: 100.01%;
}

* {
    box-sizing: border-box;
}

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td, img, a {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
  }

html, body {
    height: auto;
    min-height: 100%;
    overflow-x: hidden !important;
    text-size-adjust: 100%;
}

body {
    min-height: 100%;
    color: #232323;
    font: 400 100%/1.5 'Roboto', Helvetica, Arial, sans-serif;
    background-color: #f5f4f1;
}

.mrg-auto {
    position: relative;
    width: 100%;
    max-width: 1024px;
    padding: 0 4%;
    margin: 0 auto;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.rel {
    position: relative;
}

.abs {
    position: absolute;
}

.novisible {
    display: none;
}

.comp-no-visible {
    display: none;
}

.clear {
    clear: both;
    font-size: 1px;
    line-height: 1px;
}

.nowrap-line {
    white-space: nowrap;
}

.font-weight-normal {
    font-weight: normal;
}

.gray {
    color: #828282;
}

.black {
    color: #232323;
}

.red {
    color: #cc0000;
}

.mrg-btm12 {
    margin-bottom: 12px !important;
}

.mrg-btm34 {
    margin-bottom: 32px !important;
}

.mrg-btm32 {
    margin-bottom: 28px !important;
}

.mrg-btm22 {
    margin-bottom: 22px !important;
}

.mrg-btm16 {
    margin-bottom: 16px !important;
}

.mrg-btm14 {
    margin-bottom: 14px !important;
}

.mrg-btm10 {
    margin-bottom: 10px !important;
}

.mrg-btm8 {
    margin-bottom: 8px !important;
}

.mrg-btm0 {
    margin-bottom: 0 !important;
}

.line {
    width: 100%;
    height: 1px;
    background: transparent;
    border-bottom: 1px dashed #c9c9c9;
    margin: 0 0 30px 0;
    clear: both;
}

.line1 {
    width: 100%;
    height: 1px;
    background: transparent;
    border-bottom: 1px dashed #999;
    margin: 0 0 32px 0;
    clear: both;
}

.line_header {
    border-bottom: 1px solid #000;
    height: 1px;
    margin: 6px auto 3px auto;
    width: 630px;
}

.font11 {
    font-size: 0.875rem !important;
}

.font12 {
    font-size: 0.875rem !important;
}

.font14 {
    font-size: 1rem !important;
}

.font16 {
    font-size: 1.125rem !important;
}

.font18 {
    font-size: 1.25rem !important;
}

.font-it {
    font-style: italic;
}

.font_georgia {
    font-family: Georgia, serif;
    font-size: 1.0rem;
}

.gray {
    color: #666;
}

.orcid-icon {
    background: url(images/orcid-icon.png) no-repeat transparent;
    background-size: 18px 18px;
    width: 18px;
    height: 18px;
    display: block;
    float: left;
    margin-right: 4px;
}

.open-access {
    background: url(images/design/open-access1.png) 94% 50% no-repeat #e9e9e9;
    position: absolute;
    top: 56px;
    right: 5%;
    padding: 5px 12px;
    padding-right: 25px;
    color: #555;
    font-size: 0.875em;
}

h1 {
    font-size: 2rem;
    color: #222;
    font-weight: normal;
    font-family: 'Lora', serif;
    line-height: 1.2;
    margin: 0 0 1.125em 0;
    font-weight: 400;
}

h1 sub, h1 sup {
    font-size: 60%;
}

h2 {
    font-family: 'Lora', serif;
    color: #232323;
    font-weight: normal;
    line-height: 1.6;
    padding: 0;
    font-size: 1rem;
    margin: 0;
}

h2.midle {
    font-size: 1.5rem;
    border-left: 4px solid #f7d137;
    line-height: 28px;
    padding: 0 0 0 10px;
    color: #232323;
}

h3 {
    font-size: 1.125rem;
    color: #232323;
    font-weight: normal;
    line-height: 130%;
    padding: 0;
    margin: 0 0 2px 0;
}

h3 sub, h3 sup {
    font-size: 69.2307%;
}

h3.bg-gray {
    font-size: 1.0rem;
    line-height: 48px;
    padding: 0;
    margin: 5px 0 10px 0;
    background: #f7d137;
    text-align: center;
    font-weight: normal;
    color: #111;
}

h3.items {
    font-size: 1.125rem;
    color: #383838;
    font-weight: 600;
    line-height: 26px;
    padding: 0;
    margin: 0 0 12px 0;
}

h4.bgr_gray {
    font-size: 0.75rem;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 22px;
    padding: 0 0;
    margin: 0 0 18px 0;
    border-bottom: 1px solid #ddd;
}

p {
    margin: 0 0 1.5em 0;
    padding: 0;
}

ul {
    margin: 0 0 14px 0;
    padding: 0;
    list-style: none;
}

ul li {
    padding: 0;
    margin: 0;
}

.square li {
    display: list-item;
    padding-left: 22px;
    position: relative;
    margin: 0 0 8px 0;
}

.square li:before {
    content: "";
    display: block;
    width: 14px;
    height: 1px;
    background: #555;
    position: absolute;
    top: 12px;
    left: 0;
}

ul.editor_board li {
    float: left;
    width: 218px;
    padding: 0 12px 20px 0;
}

ul.editor_board li.third {
    padding: 0 0 20px 0;
}

ul.year_issue li {
    float: left;
    width: 85px;
    padding: 0 0 14px 0;
}

ul.year_issue li.first {
    width: 70px;
}

.fulltext p {
    margin: 0;
    padding: 0;
}

.fulltext ul {
    margin: 0;
    padding: 0;
}

a, a:hover {
    text-decoration: none;
}

a {
    color: #0060AC;
}

a:hover {
    color: #c90000;
}

a.u-dotted {
    color: #666;
    border-bottom: 1px dotted #bbb;
}

a.u-dotted:hover {
    border-color: #000;
    color: #383838;
}

a.pdf1 {
    border-bottom: 1px solid #D7D6D6;
    color: #666;
    padding: 0 0 0 0;
}

a.pdf1:hover {
    border-color: #383838;
    color: #383838;
}

.pdf_img {
    background: url(images/design/pdf-icon4.png) 0 0 no-repeat;
    padding: 0 11px;
}

a.black {
    border-bottom: 1px solid #D7D6D6;
    color: #383838;
}

a.black:hover {
    border-color: #383838;
    text-decoration: none;
    color: #383838;
}

a.a_affiliation {
    color: #383838;
}

a.a_affiliation:hover {
    color: #383838;
}

a.mendeley {
    padding-left: 25px;
    padding-top: 4px;
    background: url(images/design/mendeley20.png) left center no-repeat;
}

.formitem {
    float: left;
    width: 68%;
    margin: 0;
    padding: 0 0 5px 0;
}

.frm label, .frm input, .frm select, .frm textarea {
    float: left;
    width: 30%;
    text-align: left;
    margin: 6px 4px 2px 0;
    padding: 6px 0;
    font-size: 14px;
    line-height: 24px;
}

.frm input, .frm select, .frm textarea {
    width: 94%;
    border: #D0D5D5 solid 1px;
    background: #fff;
    padding-left: 5px;
}

.frm label {
    margin: 6px 4px 2px 0;
    font-weight: normal;
}

.frm select {
    height: 38px;
    padding: 0;
    color: #444;
}

.frm input[type="file"] {
    padding: 5px 0;
}

.frm label.error {
    font-style: italic;
    width: 90%;
    margin: 0;
    font-weight: normal;
    padding: 0 0 2px 18px;
    background: url(images/design/unchecked.gif) 0 20% no-repeat;
}

.frm input.error, .frm select.error, .frm textarea.error {
    border: #f00 dotted 1px;
}

.frm label.valid {
    background: url(images/design/checked.gif) 0 100% no-repeat;
    height: 16px;
    width: 1px;
    padding-left: 18px;
    margin: 7px 0 0 0;
}

.frm input:hover, .frm select:hover, .frm textarea:hover {
    background: #F9F9F9;
    border: #666 solid 1px;
}

.frm input:focus, .frm select:focus, .frm textarea:focus {
    background: #fff;
    border: #999 solid 1px;
}

.frm label.asterisk {
    background: url(images/design/asterisk.gif) 102% 0 no-repeat;
}

.frm input.radio {
    width: 15px;
    height: 15px;
    margin: 10px 5px 0 0;
    border: none;
    background: transparent;
}

table {
    margin-bottom: 32px;
}

td {
    padding: 0 0 5px 0;
    margin: 0;
}

td.left_column {
    white-space: nowrap;
    padding-right: 45px;
}

tr {
    vertical-align: baseline;
    outline: 0;
}

button {
    border: 0;
    cursor: pointer;
    overflow: visible;
}

* html button {
    overflow: visible;
}

.rightBtn {
    float: right;
    margin: 10px 35px 0 0;
}

button.submitBtn {
    display: block;
    padding: 13px 32px;
    margin: 0 0 6px 0;
    color: #383838;
    background: #f7d137;
    font-size: 14px;
    text-align: center;
}

button.submitBtn:hover {
    background: #dcdcdc;
}

a.btn-yellow {
    border-radius: 4px;
    text-decoration: none;
    display: block;
    padding: 8px 0;
    margin: 0 0 5px 0;
    color: #383838;
    background: #FFE01A;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
}

a.btn-yellow:hover {
    background: #ebebeb;
    color: #000;
}

#header {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0 0 0.75em 0;
    background: transparent;
    border-bottom: 1px solid #ddd;
}

#header a {
    color: #282828;
}

.logo {
    float: left;
    height: 3.5em;
    margin: 38px 0 10px 0;
    font-weight: bold;
    font-family: 'Roboto', Helvetica, verdana, arial, "Georgia Pro", georgia, serif;
}

.logo_mfat_big {
    float: left;
    letter-spacing: 0;
    font-size: 3.625em;
    line-height: 49px;
    margin: 0;
    padding: 0 0 3px 0;
    border-bottom: 4px solid #f7d137;
}

.logo_mfat_small {
    font-family: 'Roboto', verdana;
    float: left;
    text-transform: uppercase;
    font-size: 1em;
    max-width: 250px;
    line-height: 20px;
    padding: 0 12px;
    margin-top: 0;
}

.logo_img img {
    float: left;
    overflow: hidden;
    width: 360px;
    margin: 33px 0 10px 0;
}

.imath_top {
    position: absolute;
    top: 6px;
    left: 0;
    color: #383838;
    font-size: 0.875em;
}

a.submission {
    position: absolute;
    bottom: 9px;
    right: 5%;
    font-size: 1rem;
    line-height: 24px;
    color: #0060AC !important;
    height: 30px;
}

a.submission:hover {
    color: #c90000 !important;
}

#content {
    position: relative;
    width: 100%;
    max-width: 1024px;
    margin: 0 auto 0 auto;
    min-height: 920px;
    padding: 0 4%;
    font-size: 1.125rem;
}

.column1 {
    float: left;
    width: 28%;
    max-width: 258px;
    min-height: 860px;
    padding-right: 2rem;
    margin: 60px 0 20px 0;
}

.column2 {
    float: right;
    width: 72%;
    max-width: 720px;
    padding: 0;
    margin: 60px 0 50px 0;
}

.show-abstract {
    border: #eee solid 6px;
    padding: 16px 10px 0 10px;
    margin: 12px 0;
    display: none;
    clear: both;
}

.block-gray {
    padding: 15px;
    margin: 0 0 30px 0;
    background-color: whitesmoke;
    border: #E3E3E3 solid 1px;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgb(0, 0, 0, 0.05) inset;
}

.grey_block {
    display: inline-block;
    background: #f5f5f5;
    padding: 20px 25px;
    margin: 0 0 28px 0;
    border-bottom: 1px dashed #AFB3B2;
}

.alalytics {
    margin: 0 0 22px 0;
    font-size: 1rem;
    border: #ddd solid 1px;
    text-align: center;
    padding: 15px 0;
    border-radius: 3px;
}

.pipe {
    font-size: 18px;
    line-height: 24px;
    color: #ddd !important;
    padding: 0 25px;
}

.pageJump, .pageJumpLeft {
    float: right;
    margin: 8px 0;
}

.pageJumpLeft {
    float: left;
}

.pageJump a, .pageJumpLeft a {
    font-size: 1rem;
    font-weight: normal;
    padding: 8px 32px;
    line-height: 24px;
    display: inline-block;
    border: #ddd solid 1px;
    margin-left: 0;
    color: #222;
}

.pageJump a:hover, .pageJumpLeft a:hover {
    background: #ddd;
}

.arrow {
    font-family: "Times New Roman", Times, serif;
    font-size: 14px;
}

.block-journal-img {
    width: 100%;
    max-width: 240px;
    margin: 0 0 30px 0;
    padding: 0;
}

.block-journal-img img {
    width: 100%;
    max-width: 240px;
    border: #ddd solid 1px;
    border-width: 1px 1px 1px 1px;
    padding: 0;
    margin: -10px 0 0 0;
}

.block-journal-img p {
    text-align: center;
    line-height: 18px;
    font-size: 15px;
    margin: 0 0 2px 0;
}

#ish1, #ish2 {
    position: absolute;
    font: bold 13px Times, "Times New Roman";
    z-index: 10;
}

#ish1 {
    left: 20px;
    top: 242px;
    color: #fbfbfb;
}

#ish2 {
    left: 62px;
    top: 168px;
    font-size: 11px;
    color: #000;
}

.atricle_type {
    font-size: 9px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #85A51E;
    text-transform: uppercase;
    margin: 0 0 -5px 0;
}

.citation_authors {
    margin-bottom: 3px;
}

.author_name {
    white-space: nowrap;
}

.a_plus_minus {
    width: 12px;
    display: inline-block;
}

.affiliations {
    font-size: 0.875rem;
    line-height: 150%;
    margin-top: 8px;
}

.affiliations p {
    margin-bottom: 8px;
}

.art_info_sht {
    position: relative;
    overflow: hidden;
    min-height: 20px;
    line-height: 16px;
    margin: 26px 0 -4px 0;
    padding: 0;
}

.art_pdf {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 2px 0 0 0;
}

pre {
    color: black;
    background-color: #e9e9e9;
    border: #ddd solid 1px;
    padding: 20px;
    white-space: pre-wrap;
    font-size: 0.875rem;
    line-height: 20px;
}

ol {
    display: block;
    list-style-type: decimal;
    font-size: 14px;
    line-height: 20px;
}

.Citation {
    position: relative;
    margin-top: 14px;
    margin-bottom: 14px;
}

.Citation cite {
    font-style: normal;
}

.Citation a:after {
    content: '↗';
    margin-left: 4px;
    font-size: 100%;
    vertical-align: top;
    font-family: verdana;
    font-size: 0.875em;
}

.Citation a:after {
    color: #aaa;
    margin-right: 4px;
}

.Citation a:hover:after, a:hover.mrlink:after {
    color: #c90000;
}

#footer {
    font-size: 0.875rem;
    margin: 15px 0 0 0;
    color: #444;
    padding: 40px 0 60px 0;
    line-height: 1.5em;
    border-top: 1px solid #ddd;
    text-align: center;
}

#footer a {
    text-decoration: underline;
    color: #555;
    padding: 0;
}

#footer a:hover {
    color: #c90000;
}

#footer a.active:hover {
    color: #555;
}

#footer p {
    margin: 0 0 1rem 0;
}

#footer .logost {
    float: right;
    margin-top: 20px !important;
    width: 200px;
    text-align: right;
}

.breadcrumbs {
    position: relative;
    margin: 0 0 12px 0;
    line-height: 24px;
}

.breadcrumbs li {
    margin: 0;
    position: relative;
    display: inline-block;
    margin: 0 18px 0 0;
    font-size: 0.875rem;
}

.breadcrumbs li:before {
    content: "›";
    position: absolute;
    right: -13px;
    top: 50%;
    margin: -12px 0 0;
    color: #969696;
    font-size: 15px;
    font-family: Arial;
}

.breadcrumbs ul>li:before {
    content: '\2022\a0';
    float: left;
    color: #5A196E;
    margin-left: -1.25em;
}

.breadcrumbs li:last-child:before {
    content: none;
}

.breadcrumbs li:first-child a {
    border: none;
}

.icon-home {
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 16px;
    background-repeat: no-repeat;
    background-image: url(images/icon-home.png);
}

.countAll {
    position: absolute;
    top: 95px;
    right: 6%;
    height: 36px;
    line-height: 36px;
    padding: 0 12px;
    margin: 7px 0 0 0;
    background-color: #eee;
    color: #555;
    font-size: 0.875em;
}

.search-box {
    margin: 0;
    width: 398px;
    position: absolute;
    top: 44px;
    right: 5%;
}

#gs_id50 {
    margin: 0 !important;
}

.gsc-control {
    width: 200px !important;
}

.gsc-control-cse {
    font-family: Arial, sans-serif;
    border-color: transparent !important;
    background-color: transparent !important;
    width: 410px !important;
}

.gsc-input {
    padding-right: 5px !important;
    padding-bottom: 0 !important;
}

.gsc-search-button {
    margin-top: 4px !important;
}

.gsst_b {
    padding: 0 2px 0 0 !important;
}

.gsib_a {
    padding: 6px 4px 6px 4px !important;
}

.gsc-input {
    font-size: 14px !important;
}

.gsc-search-button-v2 {
    height: 35px !important;
    background-color: #f7d137 !important;
    border-color: #f7d137 !important;
}

.gsc-search-button-v2:hover {
    border-color: #ccc !important;
    background-color: #ccc !important;
    height: 35px !important;
}

.service-list {
    margin: -11px 0 0;
    position: relative;
    font-size: 13px;
}

.service-list>div {
    display: none;
}

.service-title {
    background: #f4f4f4;
    height: 25px;
    line-height: 25px;
    padding-left: 20px;
    color: #555;
    border-bottom: 1px solid #e3e3e3;
}

.service-title:hover {
    cursor: pointer;
    border-bottom: 1px solid #d3d3d3;
}

.service-title span {
    float: right;
    display: block;
    width: 9px;
    height: 7px;
    background: url(images/design/serv_ar7.png) -9px 0 no-repeat;
    margin: 15px 10px;
}

.service-title span:hover {
    cursor: pointer;
}

.serv-pad {
    margin: 0 20px !important;
    padding-bottom: 7px !important;
    color: #979797;
    margin-bottom: 8px !important;
    font-style: italic;
    font-size: 13px;
    border-bottom: 1px dotted #ccc;
}

.serv-pad.last {
    border: none;
    margin-bottom: 25px !important;
}

.serv-pad p {
    margin-bottom: 0 !important;
}

.serv-pad a {
    display: block;
}

.qa-blurb {
    background-color: #f3f3f3;
    padding: 10px 12px;
    border: #e2e2e2 solid 1px;
    margin-bottom: 20px;
    line-height: 24px;
}

.qa-blurb p {
    margin-bottom: 0 !important;
    font-size: 14px;
}

a.gs-title {
    color: #1155CC !important;
}

.gs-result .gs-title {
    text-decoration: none !important;
}

.gs-result .gs-title:hover {
    text-decoration: underline !important;
}

.google-metric {
    float: left;
    width: 50%;
}

.mendeley-metric {
    float: left;
    width: 45%;
}

@media  (max-width: 860px) {
    #content {
        font-size: 1.125rem;
    }

    .column1 {
        display: none;
    }

    .column2 {
        width: 100%;
        max-width: 900px;
        margin-top: 30px;
        float: left;
    }

    .search-box, .fb-like, #fb-root, .mendeley-metric, .logost, .mobile-no-visible, .countAll, .alalytics, .no-br, .open-access {
        display: none !important;
    }

    .logo_mfat_biz {
        font-size: 3.5em;
    }

    .logo_mfat_small {
        font-size: 1em;
    }

    .logo_img img {
        width: 100%;
        max-width: 367px;
        margin: 65px 0 12px 0;
        float: none !important;
    }

    ul.year_issue li {
        width: 70px;
        padding: 0 0 8px 0;
    }

    ul.year_issue li.first {
        width: 55px;
    }

    td.left_column {
        padding-right: 5px;
        font-size: 0.875em;
    }

    td {
        font-size: 0.875em;
    }

    .google-metric {
        width: 100%;
    }

    h1 {
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 130%;
    }

    h2.midle {
        font-size: 1.375rem;
        font-weight: 700;
    }

    h3.items {
        font-size: 1.125rem;
    }

    .affiliations {
        line-height: 150%;
    }

    #footer p {
        margin: 0 0 1em 0;
    }

    .comp-no-visible {
        display: block;
    }

    a.submission {
        top: 10px;
        font-size: 1.125em;
    }

    #footer {
        font-size: 1rem;
    }

    .breadcrumbs li {
        font-size: 0.875rem;
    }
}