/**
 *
 * Open Journal Systems
 * Copyright (c) 2013-2016 Simon Fraser University Library
 * Copyright (c) 2003-2016 John Willinsky
 *
 * Credits: Anwar Dani
 * Background pattern from subtlepatterns.com
 *
 **/
        /**
 * Copyright (c) themeOJS.com | Open Journal Systems Premium Themes
 *
 * Ver 1.0.248.7 (2016-07-11)
 *
 */

        @import url('https://fonts.googleapis.com/css?family=Titillium+Web&display=swap');
        @import url('https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz&display=swap');

        .journals ul .body .description a {
            display: inline;
        }

        html,
        body,
        * {
            font-family: helvetica, calibri;
        }

        body {
            box-shadow: #c7f5f5;
            background-color: #c7f5f5;
            /* background-image: url('https://1.bp.blogspot.com/-fYO1uBVsKxY/YKx9SzG2fvI/AAAAAAAADpU/GCr1_8jkXj0KLOyY8iOfxZsf68M_75f0wCLcBGAsYHQ/s300/background_math_edu.jpg'); */
            /* background-image: url('https://1.bp.blogspot.com/-fYO1uBVsKxY/YKx9SzG2fvI/AAAAAAAADpU/GCr1_8jkXj0KLOyY8iOfxZsf68M_75f0wCLcBGAsYHQ/s300/background_math_edu.jpg'); */
            position: relative;
            opacity: 1;
        }

        a {
            color: #035067;
        }

        a:hover {
            /* background-color: #c7f5f5 !important; */
            color: rgb(52, 17, 207) !important;
        }

        .cmp_button_wire,
        .obj_galley_link {
            background: #036762;
            border: 1px solid #036762;
            color: #fff;
        }

        .obj_article_summary {
            border: 1px solid #036762;
            padding: 10px;
            border-radius: 5px;
            box-shadow: 3px 3px #036762;
        }

        .pkp_structure_page>header#headerNavigationContainer {
            width: 86%;
            height: 100px;
            position: relative;
            font-weight: bold;
            color: #ffff;
            margin: -2px auto;
            border: 0px solid;
        }

        header#headerNavigationContainer .container-fluid:nth-child(1) {
            width: 100%;
            height: 200px;
            position: static;
            margin-top: 10px;
            background-color: rgb(215, 248, 250);
            background-size: cover;
            background-image: url("https://1.bp.blogspot.com/-Xw-Mq8OtjHg/YKcvH7UNCVI/AAAAAAAADok/b37zWB3XwW4YRn0H09wRVk3VKepRq0lGQCLcBGAsYHQ/s1153/HEADER_MATH_EDU_2.jpg");
            background-repeat: no-repeat;

        }

        header#headerNavigationContainer .container-fluid:nth-child(2) {
            width: 100%;
            height: 40px;
            position: static;
            margin-top: -2px;
            color: #FFFFFF;
            background-color: #CC0000 !important;
        }

        header#headerNavigationContainer .container-fluid:nth-child(2)>div.navbar-header>h1.site-name>a {
            background-color: #CC0000 !important;
            color: #FFFFFF !important;
        }


        header#headerNavigationContainer .container-fluid:nth-child(2)>div.navbar-header>h1.site-name>a:hover {
            background-color: #c7f5f5 !important;
            color: rgb(52, 17, 207) !important;
        }

        header#headerNavigationContainer .container-fluid:nth-child(2)>nav#nav-menu.navbar-collapse.collapse>ul>li>a {
            background-color: #CC0000 !important;
            color: #FFFFFF !important;
            z-index: auto;
            position: sticky;
        }

        header#headerNavigationContainer .container-fluid:nth-child(2)>nav#nav-menu.navbar-collapse.collapse>ul>li>a:hover {
            background-color: #c7f5f5 !important;
            color: rgb(52, 17, 207) !important;
        }

        .pkp_structure_page .pkp_structure_content.container {
            margin-top: 150px;
            border: 0px solid;
            background-color: #FFFFFF;
            width: 85.5%;
            position: relative;
        }


        .container-fluid::before .row::after {
            height: 100%;
            width: 100%;
            position: relative;
        }

        div.pkp_structure_content.container>main.pkp_structure_main.col-xs-12.col-sm-10.col-md-8 {
            width: 70%;
            height: auto;
            margin: auto;
        }

        aside#sidebar.pkp_structure_sidebar.left.col-xs-12.col-sm-2.col-md-4 {
            width: 30%;
            height: auto;
            margin: auto;
            background-color: #ddd2d2;
        }

        aside#sidebar.pkp_structure_sidebar.left.col-xs-12.col-sm-2.col-md-4>div.pkp_block {
            width: 100%;
            height: auto;
            margin: 3px;
            border-radius: 5px;
            background-color: #FFFFFF;
        }

        footer.footer {
            width: 85.5%;
            height: 4%;
            background-color: #c7f5f5;
            margin: auto;
        }

        footer.footer>div.container,
        footer.footer>div.container>div.row {
            width: 100%;
            height: 3%;
        }

        footer.footer>div.container>div.row>div.col-md-10>p>a>img {
            width: 100px;
            height: auto;
        }

        footer.footer>div.container>div.row>div.col-md-2>a>img.img-responsive {
            width: 50%;
            height: 20%;
        }

        .pkp_site_name {
            margin: 0;
        }

        .pkp_site_name>a {
            padding-top: 0;
            padding-bottom: 0;
            color: #fff !important;
        }

        .pkp_site_name_wrapper {
            padding-left: 0;
            padding-right: 0;
            margin: 0;
        }

        .pkp_site_name .is_img img {
            max-height: 5em;
            padding: 20px;
        }

        .pkp_navigation_user_wrapper {
            top: 0;
            right: 0;
            padding: 0;
        }

        .pkp_navigation_user_wrapper .pkp_navigation_user {
            font-family: helvetica, calibri;
            font-weight: normal;
        }

        .pkp_navigation_user_wrapper .pkp_navigation_user>li.profile {
            font-family: helvetica, calibri;
            color: #fff
        }

        .pkp_navigation_user_wrapper .pkp_navigation_user>li.profile>a {
            font-family: helvetica, calibri;
            font-weight: normal !important;
            padding-right: 10px;
            color: #fff
        }

        .pkp_navigation_user_wrapper .pkp_navigation_user>li.profile>ul.dropdown-menu {
            border-radius: 0 !important;
        }

        .pkp_navigation_user_wrapper .pkp_navigation_user>li.profile>ul.dropdown-menu>li>a {
            font-family: helvetica, calibri;
            font-weight: normal !important;
        }

        .pkp_navigation_user {
            background: #036762;
        }

        .pkp_navigation_user>li>a,
        .pkp_navigation_user>li.in_focus>a,
        .pkp_navigation_user>li>a:hover,
        .pkp_navigation_user>li>a:focus {
            color: #fff;
            background-color: aqua;
        }

        .pkp_navigation_primary_row {
            background: rgba(19, 0, 73, 0.46);
        }

        .pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li {
            padding: 0 !important;
            margin: 0 !important;
        }

        .pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a {
            margin: 0 !important;
            padding: 0 10px !important;
            line-height: 40px !important;
        }

        .pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li,
        .pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a {
            font-family: Sunflower, helvetica, calibri;
            color: #FFFFFF !important;
            font-weight: normal !important
        }

        .pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a:hover {
            background: rgba(0, 0, 0, .3) !important
        }

        .pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul,
        .pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li a:hover {
            border-radius: 0 !important;
            -webkit-border-radius: 0 !important;
            -o-border-radius: 0 !important;
        }

        .pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul {
            background: #036762 !important
        }

        .pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li {
            border-bottom: solid 1px rgba(255, 255, 255, .35) !important;
        }

        .pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li:last-child {
            border-bottom: none !important;
        }

        .pkp_navigation_primary_row .pkp_navigation_primary_wrapper .pkp_search .search_controls a.headerSearchPrompt.search_prompt {
            font-family: Sunflower, helvetica, calibri;
            color: #FFFFFF !important
        }

        .pkp_navigation_primary_row .pkp_navigation_primary_wrapper .pkp_search.is_open input[type=text] {
            font-family: Sunflower, helvetica, calibri;
        }

        .pkp_structure_page {
            margin: auto;
            width: 100%;
            padding-bottom: 0 !important;
            border-left: 1px solid rgb(9, 235, 243);
            border-right: 1px solid rgb(209, 193, 49);
            background: url(/public/site/images/bbusro/white-background.jpg);
        }

        .pkp_structure_content {
            padding-top: 0;
            width: 1160px;
            background: rgb(255, 255, 255);
            color: black;
        }

        .pkp_structure_sidebar .pkp_block .title {
            font-family: 'Titillium Web', helvetica, calibri;
            background: #036762;
            border-left: 10px solid rgb(48, 45, 189);
            color: white;
            padding: 10px 5px;
            border-radius: 0 5px 0 0;
        }

        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            font-family: 'Titillium Web', helvetica, calibri;
        }

        @media (max-width: 1000px) {
            .pkp_structure_page {
                margin: auto;
                width: 100%;
            }

            .pkp_structure_content {
                width: 100%;
            }
        }

        .pkp_block {
            margin: 0 !important
        }

        #customblock-Sidebar_menu.pkp_block {
            margin: 0 !important;
            padding: 0 !important
        }

        #customblock-Sidebar_menu.pkp_block ul,
        #customblock-Sidebar_menu.pkp_block ul li {
            margin: 0 !important;
            padding: 0 !important;
            list-style: none;
        }

        #customblock-Sidebar_menu.pkp_block ul li {
            background: #f9fcfc !important;
            border-bottom: solid 1px rgb(204, 164, 99)
        }

        #customblock-Sidebar_menu.pkp_block ul li:last-child {
            border-bottom: none
        }

        #customblock-Sidebar_menu.pkp_block ul li a {
            background: #fdfdfd !important;
            display: block;
            line-height: 40px;
            padding: 0 10px 0 20px;
            color: #FFFFFF;
        }

        .pkp_block.block_make_submission .content {
            margin: 0 !important;
            padding: 0 !important;
            text-align: center !important
        }

        .pkp_block.block_make_submission .content a {
            background: #036762;
            line-height: 40px;
            font-family: Sunflower, helvetica, calibri;
            color: #FFFFFF
        }

        .pkp_block.block_make_submission .content a:hover {
            background: rgba(0, 0, 0, 0.25) !important;
            color: #fff
        }

        .obj_article_summary .item.doi .label {
            background: url(/public/journals/8/images/icon-doi.png) left center no-repeat;
            width: 25px !important;
            height: 24px !important;
            color: transparent;
            text-indent: 100%;
            white-space: nowrap;
            overflow: hidden;
        }

        .obj_article_summary .item.stats .abstract,
        .obj_article_summary .item.stats .galley {
            position: relative;
        }

        .obj_article_summary .item.stats .abstract {
            margin-left: 20px;
            margin-right: 10px;
        }

        .obj_article_summary .item.stats .galley {
            margin-left: 25px;
        }

        .obj_article_summary .item.stats .abstract:before {
            content: "\f080";
            font-family: FontAwesome;
            left: -15px;
            position: absolute;
            top: 0;
        }

        .obj_article_summary .item.stats .galley:before {
            content: "\f1c1";
            font-family: FontAwesome;
            left: -15px;
            position: absolute;
            top: 0;
        }

        .pkp_structure_footer_wrapper {
            border-bottom: none !important;
        }

        .pkp_block {
            padding: 15px 10px;
        }

        #customblock-Tools .content>.content div {
            width: 80% !important;
            margin: auto;
        }

        #customblock-Tools .content>.content div a img {
            width: 100% !important;
        }

        #customblock-Visitor_statistics .content>.content .supercounter,
        #customblock-Visitor_statistics .content>.content .statcounter {
            text-align: center;
        }

        .sidebar-block {
            background: #036762;
            padding: 5px 2px 5px 10px;
            color: #fff;
            margin: 10px -10px;
        }

        .cmp_announcements .obj_announcement_summary.full_width {
            width: 100% !important;
        }

        .cmp_announcements .obj_announcement_summary .summary p {
            line-height: 1.3em;
            margin-top: 0 !important;
            margin-bottom: 1em !important;
        }

        .pkp_structure_footer .pkp_footer_content {
            background: #0b6ab0;
            padding: 10px !important;
        }

        .pkp_structure_footer .pkp_footer_content p {
            margin: 0
        }

        .pkp_structure_footer .pkp_brand_footer {
            background: #036762;
            height: auto !important;
            padding: 10px;
        }

        .pkp_structure_footer .pkp_brand_footer img {
            width: 48px !important;
            height: auto;
            display: none;
        }

        #customblock-custom_css {
            display: none;
        }

        .pkp_structure_head {
            border-bottom: 1px solid #ddd;
            background: #036762;
            background-position: 0% 40% !important;
        }

        .has_site_logo .pkp_head_wrapper {
            width: 100%;
        }

        .pkp_site_name,
        .pkp_navigation_primary_wrapper,
        .pkp_navigation_user {
            width: 100%;
        }

        .pkp_structure_footer_wrapper {
            background: transparent;
        }

        .pkp_head_wrapper {
            padding-top: 30px;
        }

        .pkp_site_name .is_text {
            font-family: 'Titillium Web', sans-serif;
            font-size: 40px;
            font-weight: 700;
            color: #fdfdfd;
            padding: 50px 30px;
            text-shadow: 2px 2px #959595;
        }

        .pkp_page_index .current_issue .current_issue_title {
            font-family: 'Titillium Web', sans-serif;
            font-size: 1.5em;
        }

        .pkp_structure_main h1,
        .pkp_structure_main h2,
        .pkp_structure_main h3,
        .pkp_structure_main h4 {
            font-family: 'Titillium Web', sans-serif;
        }

        .published::before {
            content: "\f073";
            font-family: FontAwesome;
            top: 0;
            color: #036762;
        }

        .current_issue_title::before {
            content: "\f02d";
            font-family: FontAwesome;
            top: 0;
            color: #036762;
        }

        ul.galleys_links li {
            font-size: 10pt;
        }

        .authors::before {
            content: "\f007";
            font-family: FontAwesome;
            top: 0;
        }

        /* untuk slder pengelola jurnal */

        .malasngoding-slider {
            border: 0px solid #efefef;
            position: relative;
            overflow: hidden;
            background: #efefef;
        }

        .malasngoding-slider {
            margin: 1px auto;
            width: 180px;
            height: 250px;
        }

        .isi-slider img {
            width: 180px;
            height: 250px;
            float: left;
        }

        .isi-slider {
            position: absolute;
            width: 1080px;
            /*pengaturan durasi lama tampil gambar bisa di atur di bawah ini*/
            animation-name: slider;
            animation-duration: 16s;
            animation-timing-function: ease-in-out;
            animation-iteration-count: infinite;
            -webkit-animation-name: slider;
            -webkit-animation-duration: 16s;
            -webkit-animation-timing-function: ease-in-out;
            -webkit-animation-iteration-count: infinite;
            -moz-animation-name: slider;
            -moz-animation-duration: 16s;
            -moz-animation-timing-function: ease-in-out;
            -moz-animation-iteration-count: infinite;
            -o-animation-name: slider;
            -o-animation-duration: 16s;
            -o-animation-timing-function: ease-in-out;
            -o-animation-iteration-count: infinite;
        }

        /*saat gambar di hover oleh cursor mouse maka berhenti slide*/

        .isi-slider:hover {
            -webkit-animation-play-state: paused;
            -moz-animation-play-state: paused;
            -o-animation-play-state: paused;
            animation-play-state: paused;
        }

        .isi-slider img {
            float: right;
        }

        .malasngoding-slider:after {
            font-size: 150px;
            position: absolute;
            z-index: 12;
            color: rgba(255, 255, 255, 0);
            left: 300px;
            top: 80px;
            -webkit-transition: 1s all ease-in-out;
            -moz-transition: 1s all ease-in-out;
            transition: 1s all ease-in-out;
        }

        .malasngoding-slider:hover:after {
            color: rgba(255, 255, 255, 0.6);
        }

        @-moz-keyframes slider {
            0% {
                left: 0;
                opacity: 1;
            }

            2% {
                opacity: 1;
            }

            10% {
                left: 0;
                opacity: 1;
            }

            11% {
                opacity: 0;
            }

            15% {
                opacity: 0;
            }

            16% {
                left: -180px;
                opacity: 1;
            }

            20% {
                opacity: 1;
            }

            26% {
                left: -180px;
                opacity: 1;
            }

            27% {
                opacity: 0;
            }

            30% {
                opacity: 0;
            }

            32% {
                left: -360px;
                opacity: 1;
            }

            38% {
                opacity: 1;
            }

            42% {
                left: -360px;
                opacity: 1;
            }

            43% {
                opacity: 0;
            }

            47% {
                opacity: 0;
            }

            48% {
                left: -540px;
                opacity: 1;
            }

            53% {
                opacity: 1;
            }

            58% {
                left: -540px;
                opacity: 1;
            }

            60% {
                opacity: 0;
            }

            63% {
                opacity: 0;
            }

            64% {
                left: -720px;
                opacity: 1;
            }

            70% {
                opacity: 1;
            }

            74% {
                left: -720px;
                opacity: 1;
            }

            76% {
                opacity: 0;
            }

            79% {
                opacity: 0;
            }

            80% {
                left: -900px;
                opacity: 1;
            }

            84% {
                opacity: 1;
            }

            86% {
                left: -900px;
                opacity: 1;
            }

            88% {
                opacity: 0;
            }

            94% {
                opacity: 0;
            }

            95% {
                left: -1080px;
                opacity: 1;
            }

            99% {
                left: -1080px;
                opacity: 1;
            }

            100% {
                left: 0;
                opacity: 0;
            }
        }

        @-webkit-keyframes slider {
            0% {
                left: 0;
                opacity: 1;
            }

            2% {
                opacity: 1;
            }

            10% {
                left: 0;
                opacity: 1;
            }

            11% {
                opacity: 0;
            }

            15% {
                opacity: 0;
            }

            16% {
                left: -180px;
                opacity: 1;
            }

            20% {
                opacity: 1;
            }

            26% {
                left: -180px;
                opacity: 1;
            }

            27% {
                opacity: 0;
            }

            30% {
                opacity: 0;
            }

            32% {
                left: -360px;
                opacity: 1;
            }

            38% {
                opacity: 1;
            }

            42% {
                left: -360px;
                opacity: 1;
            }

            43% {
                opacity: 0;
            }

            47% {
                opacity: 0;
            }

            48% {
                left: -540px;
                opacity: 1;
            }

            53% {
                opacity: 1;
            }

            58% {
                left: -540px;
                opacity: 1;
            }

            60% {
                opacity: 0;
            }

            63% {
                opacity: 0;
            }

            64% {
                left: -720px;
                opacity: 1;
            }

            70% {
                opacity: 1;
            }

            74% {
                left: -720px;
                opacity: 1;
            }

            76% {
                opacity: 0;
            }

            79% {
                opacity: 0;
            }

            80% {
                left: -900px;
                opacity: 1;
            }

            84% {
                opacity: 1;
            }

            86% {
                left: -900px;
                opacity: 1;
            }

            88% {
                opacity: 0;
            }

            94% {
                opacity: 0;
            }

            95% {
                left: -1080px;
                opacity: 1;
            }

            99% {
                left: -1080px;
                opacity: 1;
            }

            100% {
                left: 0;
                opacity: 0;
            }
        }

        @keyframes slider {
            0% {
                left: 0;
                opacity: 1;
            }

            2% {
                opacity: 1;
            }

            10% {
                left: 0;
                opacity: 1;
            }

            11% {
                opacity: 0;
            }

            15% {
                opacity: 0;
            }

            16% {
                left: -180px;
                opacity: 1;
            }

            20% {
                opacity: 1;
            }

            26% {
                left: -180px;
                opacity: 1;
            }

            27% {
                opacity: 0;
            }

            30% {
                opacity: 0;
            }

            32% {
                left: -360px;
                opacity: 1;
            }

            38% {
                opacity: 1;
            }

            42% {
                left: -360px;
                opacity: 1;
            }

            43% {
                opacity: 0;
            }

            47% {
                opacity: 0;
            }

            48% {
                left: -540px;
                opacity: 1;
            }

            53% {
                opacity: 1;
            }

            58% {
                left: -540px;
                opacity: 1;
            }

            60% {
                opacity: 0;
            }

            63% {
                opacity: 0;
            }

            64% {
                left: -720px;
                opacity: 1;
            }

            70% {
                opacity: 1;
            }

            74% {
                left: -720px;
                opacity: 1;
            }

            76% {
                opacity: 0;
            }

            79% {
                opacity: 0;
            }

            80% {
                left: -900px;
                opacity: 1;
            }

            84% {
                opacity: 1;
            }

            86% {
                left: -900px;
                opacity: 1;
            }

            88% {
                opacity: 0;
            }

            94% {
                opacity: 0;
            }

            95% {
                left: -1080px;
                opacity: 1;
            }

            99% {
                left: -1080px;
                opacity: 1;
            }

            100% {
                left: 0;
                opacity: 0;
            }
        }