﻿/*.si {
    color: #ffffff;
}*/

.fullview .prev, .fullview .next {
    background-color: #ff0000;
}

.listview .col_img .prev, .listview .col_img .next, .listview .col_article_view .prev, .listview .col_article_view .next {
    background-color: #ff0000;
}

.listview .accordian ul ul.pg_thumb li .pg_thumb_main_div > .pg_thumb_ch_div > img.selected_thubm_pg, .listview .accordian ul ul.pg_thumb li .pg_thumb_main_div > .pg_thumb_ch_div > img:hover {
    border-color: #ff0000;
}

#Ulproducts li img.selected_thubm_pg, #Ulproducts li img.selected_thubm_pg > img:hover {
    border: 2px solid #ff0000;
    padding: 2px;
}

.owl-theme .owl-nav .owl-prev, .owl-theme .owl-nav .owl-next {
    background-color: #ff0000;
}

    .owl-theme .owl-nav .owl-prev:hover, .owl-theme .owl-nav .owl-next:hover {
        background-color: #ff0000;
    }

.owl-theme .item img:hover, .owl-theme .item img:active, .owl-theme .item img:focus, .owl-theme .item img.selectedIMG {
    border: 2px solid #ff0000;
    padding: 2px;
}

.page_image_section .prevpage span, .page_image_section .nextpage span {
    background-color: #ff0000;
}

.index_mobile .owl-theme .owl-nav .owl-prev, .index_mobile .owl-theme .owl-nav .owl-next {
    background-color: transparent;
}

.thumbnails_section .owl-theme .owl-nav .owl-prev span, .thumbnails_section .owl-theme .owl-nav .owl-next span {
    background-color: #ff0000;
}

/*popup css*/
/*[name=button] {
    color: #fff !important;
    background-color: #ff0000 !important;
   
}
.ui-dialog-titlebar {
    color: #fff !important;
    background-color: #ff0000 !important;
}*/
.page_carousel_box .sound {
    /*display: none;*/
}

.prevpage {
    display: none;
}

.nextpage {
    display: none;
}

/*.app_root .header {
    display: none;
}*/

.header-inner {
    display: block !important;
    text-align: center;
}

    .header-inner .logo {
        text-align: center !important;
        margin: auto;
    }

.nav-container {
    display: none;
}

.top-section {
    background-color: #ff0000;
}

.contact_section {
    background-color: #f1f1f1 !important;
}

.tm.my-account .tm_header .top-section {
    background-color: #ff0000;
    width: 100%;
    padding: 15px;
}

.gdpr-button_1 {
    color: #ff0000 !important;
    font-weight: 700 !important;
    font-size: 16px !important;
}

.gdpr-button {
    color: #ff0000;
    font-weight: normal;
    font-size: 12px;
}

.btn-action {
    border-radius: 0 0 6px 6px;
    background-color: #ff0000;
    border-color: #ff0000;
    color: #fff;
}

.listview .col_article_view .article_body #body {
    font-size: 18px;
}

/*.thumbnails_section .owl-nav {
    display: none !important;
}*/

.btn-action:hover, .btn-action:focus {
    color: #fff;
    background-color: #8b0000;
    border-color: #8b0000;
}

.subscription-detail {
    display: none !important;
}

.gdpr-container-fixedbottom {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
}

.disclaimer .expender_link {
    display: none !important;
}

.share_page .prev_article, .share_page .next_article {
    display: none;
}

.app_root .header {
    display: block !important;
    text-align: center !important;
}

.ticker_label {
    position: absolute;
    height: 35px;
    background-color: #005689 !important;
    padding: 5px 15px;
    color: #ffffff;
    font-size: 16px;
    z-index: 1029;
    min-width: 150px;
}

.ticker_wrap {
    width: 100%;
    padding-left: 100%;
    background-color: #c0deef !important;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    border-bottom: 3px solid #005689;
}

.ticker_item > a {
    color: #000 !important;
    font-size: 18px;
    /* color: #000; */
}

    .ticker_item > a:hover {
        text-decoration: none;
        color: #aeaeae;
    }

.app_root .header {
    display: flex !important;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 120px;
}

.overlay-content > span {
    font-family: 'Open Sans', sans-serif;
}

.modal.modal-server-message .modal-body .message p {
    font-family: 'Open Sans', sans-serif;
}

.modal.modal-server-message .modal-body .message h3 {
    font-family: 'Open Sans', sans-serif;
}

.modal-server-message .btn-action {
    font-family: 'Open Sans', sans-serif;
}

@media only screen and (max-width: 1414px) {
    .header {
        padding: 0px 30px;
    }

        .header .logo {
            height: auto;
            width: calc(100% - 899px);
        }

    .header-inner .logo {
        width: 100%;
    }

        .header-inner .logo img {
            width: auto !important;
        }

    .header .logo img {
        width: 75%;
    }

    .app-cta .action .cta > img {
        margin-right: 30px;
        margin-left: 30px;
    }

    .header .container {
        width: 100% !important;
    }
}

@media only screen and (max-width: 1205px) {
    .header {
        padding: 0px 20px;
    }

        .header .logo {
            height: auto;
            width: calc(100% - 859px);
        }

    .header-inner .logo {
        width: 100%;
    }

    .app-cta .action .cta > img {
        margin-right: 20px;
        margin-left: 20px;
        width: 90px;
    }

    .app_root .header {
        display: flex !important;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        height: 60px;
    }
}

@media only screen and (max-width: 1023px) {
    .disclaimer .expender_link {
        display: none !important;
    }

    .header {
        padding: 0px 15px;
    }

    .app_root .header {
        display: flex !important;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        height: 60px;
    }
}

@media only screen and (max-width: 767px) {
    .header .logo {
        height: auto;
        width: calc(100% - 130px);
        margin-left: 35px;
    }

    .header-inner .logo {
        width: 100%;
        margin-left: 0px;
    }

    .app-cta .action .cta > img {
        margin-right: 0px;
    }

    .app_root .header {
        display: flex !important;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        height: 60px;
    }
}

@media only screen and (max-width: 556px) {
    .header {
        padding: 0px 10px;
    }

        .header .logo {
            height: auto;
            width: calc(100% - 100px);
            margin-left: 35px;
        }

    .header-inner .logo {
        width: 100%;
        margin-left: 0px;
    }

    .app-cta .action .cta > img {
        margin-right: 0px;
        margin-left: 10px;
        width: 90px;
        height: 20px;
    }

    .app_root .header {
        display: flex !important;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        height: 60px;
    }
}
