body {
    font-family: open sans,sans-serif!important;
    font-weight: 400
}

body,button,input,select,textarea {
}

body .site-content-contain {
    background-color: transparent
}

.single-post:not(.has-sidebar) #primary,.page.page-one-column:not(.twentyseventeen-front-page) #primary,.archive.page-one-column:not(.has-sidebar) .page-header,.archive.page-one-column:not(.has-sidebar) #primary {
    margin-left: auto;
    margin-right: auto;
    max-width: 1170px
}

.dropdown-toggle {
    outline: none!important
}

.dropdown-toggle .icon {
    fill: #fff
}

.navigation-top {
    background: #000;
    border-bottom: 0;
    border-top: 0
}

.home .navigation-top {
    //background: transparent;
    border-bottom: 0;
    border-top: 0
}

.navigation-top .wrap {
    padding: 0;
    max-width: inherit!important;
    z-index: 99
}

.navigation-top nav {
    display: inline-block
}

.navigation-top .user-box-info {
    display: inline-block;
    float: right;
    margin-right: 35px;
    padding: 30px 0;
    min-width: 200px;
    position: relative;
    cursor: pointer
}
.submit-icon {
	width: 120px;
	padding: 0px;
	background: transparent !important;
	display: block;
}
.navigation-top .user-box-info-ai {
    display: inline-block;
    position: relative;
    cursor: pointer;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 120px;
    height: fit-content;
}
.navigation-top .user-box-info:after {
    content: "";
    background-image: url(images/user-info-box-arrow.png);
    width: 28px;
    height: 28px;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 36px
}

.navigation-top .user-box-info:hover .action-links {
    display: block
}

.navigation-top .user-box-info .avatar-image {
    float: left;
    margin-right: 25px;
    height: 40px
}

.navigation-top .user-box-info .avatar-image img {
    width: 40px
}

.navigation-top .user-box-info .nickname {
    font-size: 14px;
    color: #fff;
    float: left;
    line-height: 40px
}

.navigation-top .user-box-info .action-links {
    width: 100%;
    max-width: 200px;
    position: absolute;
    top: 100px;
    background-color: #006db5;
    padding: 20px;
    display: none
}

.navigation-top .user-box-info .action-links ul {
    list-style: none;
    margin-bottom: 0
}

.navigation-top .user-box-info .action-links ul li {
    border-bottom: 1px solid #0e7fca;
    height: 40px;
    line-height: 40px
}

.navigation-top .user-box-info .action-links ul li svg {
    margin-right: 10px;
    position: relative;
    top: 4px
}

.navigation-top .user-box-info .action-links ul li a {
    font-size: 11px;
    color: #fff;
    text-transform: uppercase
}

.navigation-top .user-box-info .action-links ul li a:hover {
    font-weight: 700
}

.navigation-top .user-box-info-home {
    display: inline-block;
    float: right;
    margin-right: 35px;
    padding: 26px 0;
    min-width: 200px;
    position: relative
}

.navigation-top .user-box-info-home .action-buttons {
}

.navigation-top .user-box-info-home .action-buttons a {
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    background-color: #0071bc;
    border: 1px solid #0071bc;
    color: #fff;
    padding: 14px 40px;
    width: 160px;
    display: inline-block;
    margin-left: 5px;
    outline: none!important;
    border-radius: 2px
}

.navigation-top .user-box-info-home .action-buttons a:hover {
    -webkit-transition: all 300ms ease-in;
    -webkit-transform: scale(1.1);
    -ms-transition: all 300ms ease-in;
    -ms-transform: scale(1.1);
    -moz-transition: all 300ms ease-in;
    -moz-transform: scale(1.1);
    transition: all 300ms ease-in;
    transform: scale(1.1)
}

.navigation-top .user-box-info-home .action-buttons a span {
    font-family: fontawesome;
    margin-right: 10px
}

.acf-map {
    width: 100%;
    height: 850px;
    border: 0;
    margin: 0;
    opacity: 0
}

.acf-map-country {
    width: 100%;
    height: 850px;
    border: 0;
    margin: 0;
    opacity: 0
}

.single .acf-map {
    width: 100%;
    height: 450px;
    border: 4px solid #fff;
    margin: 0
}

.single .acf-map-country {
    width: 100%;
    height: 450px;
    margin: 0
}

.single .report-map-wrapper #map,.page-template .report-map-wrapper #map {
    width: 100%;
    height: 450px;
    border: 4px solid #fff;
    margin: 0
}

.acf-map img {
    max-width: inherit!important
}

.acf-map-country img {
    max-width: inherit!important
}

table {
    border-collapse: collapse
}

table,th,td {
    border: 1px solid #000!important;
    padding: 5px 10px!important;
    font-size: 13px;
    text-align: center
}

th:first-child,td:first-child {
    border: 1px solid #000;
    padding: 5px 10px!important;
    font-size: 13px;
    text-align: left
}

td input[type=checkbox] {
    margin-right: 0!important
}

td:first-child input[type=checkbox] {
    margin-right: .5em!important
}

thead th {
    font-size: 14px
}

tbody ul {
    list-style: none
}

tbody li {
    font-size: 14px
}

.user-email-settings tr.child {
    display: none
}

.user-email-settings tr.has_children td:first-child .btn {
    display: block;
    float: right;
    position: relative
}

.user-email-settings tr.has_children td:first-child .btn:after {
    content: '';
    position: absolute;
    right: 0;
    width: 0;
    height: 0;
    margin-top: 5px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #000;
    clear: both;
    cursor: pointer
}

.user-email-settings tr.has_children td:first-child .btn.active:after {
    content: '';
    position: absolute;
    right: 0;
    width: 0;
    height: 0;
    margin-top: 5px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #000;
    border-top: 0;
    clear: both;
    cursor: pointer
}

.site-footer {
    background-image: url(https://d2b0ddfx17v6oh.cloudfront.net/wp-content/uploads/2017/07/10151754/footer-background-image.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    border: 0
}

.site-footer h2.widget-title {
    color: #fff;
    position: relative
}

.site-footer h2.widget-title:after {
    background: #0071bc none repeat scroll 0 0;
    bottom: -15px;
    content: "";
    display: inline-block;
    height: 2px;
    left: 0;
    position: absolute;
    width: 35px;
    z-index: 1
}

.site-footer .widget_text {
    word-wrap: break-word;
    color: #878787
}

.site-footer .widget_text a {
    color: #0071bc!important;
    box-shadow: none!important
}

.site-footer .widget-area {
    margin-bottom: 1em;
    border-bottom: 1px solid #2b2b2b;
    padding-bottom: 0;
    padding-top: 2em
}

.site-info {
    color: #878787
}

.social-navigation a {
    background-color: transparent;
    -webkit-border-radius: 0;
    border-radius: 0
}

.social-navigation a:hover,.social-navigation a:focus {
    background-color: transparent
}

.site-footer .wrap {
    padding-bottom: 0;
    padding-top: 0
}

.site-content {
    background: url(https://app.max-security.com/wp-content/uploads/2017/07/body-background.png);
    background-repeat: no-repeat
}

.site-content.no_back {
    background: 0 0!important
}

@media screen and (min-width: 48em) {
    .page.page-one-column .entry-header,.twentyseventeen-front-page.page-one-column .entry-header,.archive.page-one-column:not(.has-sidebar) .page-header {
        margin-bottom:0
    }

    .single-post .entry-title,.page .entry-title,.single-pi .entry-title {
        font-size: 40px!important;
        font-weight: 800;
        margin: 0;
        color: #000!important;
        text-transform: uppercase!important;
        letter-spacing: unset!important
    }

    .site-content {
        padding: 6.2em 0 0
    }

    .twentyseventeen-front-page .site-content {
        padding: 6.2em 0 0
    }

    .site-content .wrap {
        padding-top: 1em;
        padding-bottom: 1em
    }

    .wrap {
        max-width: 1170px;
        padding-left: 0;
        padding-right: 0
    }

    h2.widget-title {
        margin-bottom: 3em
    }

    .site-footer {
        background-image: url(https://d2b0ddfx17v6oh.cloudfront.net/wp-content/uploads/2017/07/10151754/footer-background-image.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        background-attachment: fixed;
        margin-top: 0;
        border: 0
    }

    .site-footer .widget-column.footer-widget-1 {
        float: left;
        width: 45%
    }

    .widget_sp_image {
        padding-bottom: 2em
    }

    .site-footer .widget-column.footer-widget-2 {
        float: right;
        width: 50%
    }

    .site-footer .widget-column.footer-widget-2 section {
        float: left;
        width: 48%
    }

    .social-navigation {
        clear: right;
        float: right;
        margin-bottom: 0;
        width: 50%;
        text-align: right
    }

    .site-info {
        float: left;
        padding: .7em 0 0;
        width: 50%
    }

    .social-navigation+.site-info {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 1.5em
    }

    .site-info .sep {
        margin: 0 .5em;
        display: inline;
        visibility: visible;
        height: auto;
        width: auto
    }

    .custom-logo-link {
        padding-right: 0;
        padding-left: 2em
    }

    .main-navigation li {
        display: block
    }

    .main-navigation li {
        border-bottom: 1px solid #eee;
        position: relative;
        border-bottom: 1px solid #eee;
        border-bottom: 0 solid #eee
    }

    .main-navigation .menu-item-has-children>a>.icon,.main-navigation .page_item_has_children>a>.icon {
        display: inline;
        right: 20px;
        left: initial;
        position: absolute;
        top: 14px
    }

    .main-navigation ul ul .menu-item-has-children>a>.icon,.main-navigation ul ul .page_item_has_children>a>.icon {
        margin-top: -7px;
        left: auto;
        position: absolute;
        right: 20px;
        top: 50%;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    .main-navigation>div>ul {
        padding: .75em 0
    }

    .navigation-top {
        font-size: 16px;
        font-size: 1rem
    }

    .main-navigation a {
        padding: .5em 1.7em;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 800;
        color: #b0d9f5
    }
}

@media screen and (min-width: 48em) {
    .js .menu-toggle {
        display:inline-block
    }

    .js .dropdown-toggle {
        display: none
    }

    .js .main-navigation ul,.js .main-navigation ul ul,.js .main-navigation>div>ul {
        display: none
    }

    .js .main-navigation.toggled-on ul,.js .main-navigation.toggled-on ul ul,.js .main-navigation.toggled-on>div>ul {
        display: block
    }

    .main-navigation ul li:hover>ul,.main-navigation ul li.focus>ul {
        left: 0;
        right: auto;
        border: 0;
        width: 100%;
        background-color: #0066a9!important;
        padding: 33px 0;
        outline: none
    }

    .main-navigation ul ul li:hover>ul,.main-navigation ul ul li.focus>ul {
        border: 0;
        top: 101px;
        left: 280px;
        width: 280px!important;
        position: fixed;
        display: block;
        z-index: 99;
        width: 100%;
        background-color: #004979!important;
        padding: 9% 0;
        height: 100%;
        outline: none
    }

    .main-navigation ul ul a {
        padding: 1em 2em;
        width: 100%;
        font-size: 12px;
        font-weight: 600
    }

    .main-navigation ul ul li:hover a {
        padding: 1em 1.6em;
        width: 100%;
        font-size: 12px;
        font-weight: 600;
        outline: none
    }

    .main-navigation ul ul li a {
        outline: none
    }

    .main-navigation ul ul ul a {
        padding: 1em 2em;
        width: 100%;
        font-size: 12px;
        text-transform: uppercase;
        outline: none
    }

    .main-navigation li li:hover,.main-navigation li li.focus {
        background: #004979;
        border-left: 5px solid #0d8fe4;
        outline: none
    }

    .main-navigation li li li:hover,.main-navigation li li li.focus {
        background: #004979;
        border-left: 0 solid #0d8fe4;
        outline: none
    }

    .main-navigation ul li.menu-item-has-children.focus:before,.main-navigation ul li.menu-item-has-children:hover:before,.main-navigation ul li.menu-item-has-children.focus:after,.main-navigation ul li.menu-item-has-children:hover:after,.main-navigation ul li.page_item_has_children.focus:before,.main-navigation ul li.page_item_has_children:hover:before,.main-navigation ul li.page_item_has_children.focus:after,.main-navigation ul li.page_item_has_children:hover:after {
        display: none
    }
}

.main-navigation.toggled-on .menu-default-menu-container {
    position: fixed;
    z-index: 99;
    width: 100%;
    height: 100%;
    max-width: 280px;
    background-color: #006db5;
    padding-top: 30px
}

.main-navigation.toggled-on .menu-public-menu-container {
    position: fixed;
    z-index: 99;
    width: 100%;
    height: 100%;
    max-width: 280px;
    background-color: #006db5;
    padding-top: 50px
}

.menu-toggle .icon {
    margin-right: 0;
    font-size: 30px;
    color: #fff;
    top: 0
}

.menu-toggle {
    width: 100px;
    height: 100px;
    padding: 0;
    background-color: #006db5!important;
    border-radius: 0;
    margin: 0;
    outline: none!important
}

@media screen and (max-width: 48em) {
    .main-navigation.toggled-on .menu-default-menu-container {
        position:absolute;
        bottom: inherit;
        z-index: 99;
        padding: 0
    }

    .main-navigation.toggled-on .menu-public-menu-container {
        position: absolute;
        bottom: inherit;
        z-index: 99;
        padding: 0
    }

    .login-wrapper {
        top: 30%!important;
        left: 0!important;
        width: 100%!important;
        margin-left: 0%!important
    }

    .login-wrapper .left {
        padding: 40px 20px!important
    }

    .site-header {
        z-index: 9999999
    }
}

.main-navigation ul {
    background: #006db5!important;
    border-top: 0!important
}

.navigation-top a {
    color: #b0d9f5;
    text-transform: uppercase
}

.main-navigation a:hover {
    color: #fff
}

.navigation-top .current-menu-item>a,.navigation-top .current_page_item>a {
    color: #fff
}

.home .custom-logo-link {
    padding-top: 15px;
    padding-bottom: 15px;
    outline: none
}

.custom-logo-link {
    padding-right: 0;
    padding-left: 2em
}

.custom-logo-link img {
    top: 3px;
    position: relative
}

@media screen and (max-width: 400px) {
    .menu-toggle {
        width:80px;
        height: 80px
    }

    .custom-logo-link {
        padding-right: 0;
        padding-left: .5em
    }
}

.reports-map {
    float: left;
    width: 50%
}

.page-template-dashboard-page-archive .top-section {
    background-color: #060709;
}

.page-template-dashboard-page-archive .reports-list-wrapper {
    float: none;
    width: 50%;
    height: auto;
    background-color: #060709;
    margin: 0 auto;
}

.page-template-dashboard-page-archive .reports-list-wrapper .page-title {
    margin: 0px 0px 0;
    padding-top: 20px;
}

.page-template-dashboard-page-archive .reports-list-wrapper .reports-list {
    margin: 20px 0px;
    padding-right: 0;
    padding-left: 0;
    overflow: unset;
    height: auto;
    margin-bottom: 0;
}

.page-template-dashboard-page-archive .reports-list-wrapper .reports-list ul {
    margin-bottom: 0;
}

.page-template-dashboard-page-archive .reports-list-wrapper .search-reports-form {
    padding-right: 0;
    padding-left: 0;
}

.reports-list-wrapper {
    float: left;
    width: 50%;
    height: 850px;
    background-color: #060709
}

.reports-list-wrapper .search-reports-form {
    padding: 20px 23px 10px;
    border-bottom: 2px solid #22252a
}

.reports-list-wrapper .search-reports-form input[type=text],.reports-list-wrapper .search-reports-form input[type=search] {
    display: inline-block;
    width: 30%;
    background-color: #202020;
    border-color: #1a77bc;
    border-radius: 0;
    max-height: 40px;
    min-height: 40px;
    font-size: 12px;
    color: #999
}

.reports-list-wrapper .search-reports-form .single-filter {
    line-height: 27px
}

.reports-list-wrapper .search-reports-form .single-filter span {
    float: left;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-transform: uppercase;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700
}

.reports-list-wrapper .search-reports-form input[type=checkbox] {
    display: none;
    position: absolute;
    right: 0
}

.reports-list-wrapper .search-reports-form .single-btn {
    display: none!important
}

.reports-list-wrapper .search-reports-form input[type=checkbox]+label {
    cursor: pointer;
    background-image: url(/wp-content/themes/max-portal/country-images/switch-on.png);
    background-repeat: no-repeat;
    width: 47px;
    height: 25px;
    display: inline-block;
    margin: 1px 10px
}

.reports-list-wrapper .search-reports-form [id^=advisory_btn]:checked+label {
    background: 0 0;
    background-image: url(/wp-content/themes/max-portal/country-images/switch-off.png);
    background-repeat: no-repeat;
    width: 47px;
    height: 25px
}

.page-template-access-page .reports-list-wrapper .search-reports-form input[type=text],.page-template-access-page .reports-list-wrapper .search-reports-form input[type=search] {
    max-width: 200px
}

.page-template-access-page .reports-list-wrapper .search-reports-form select {
    max-width: 200px
}

.page-template-access-page .search-field-wrapper {
    position: relative;
    display: inline-block;
    width: 18%;
    margin-right: 1%
}

.page-template-access-page .reports-list-wrapper .search-reports-form .select-wrapper {
    width: 18%;
    margin-right: 1%
}

.page-template-access-page .date-range-wrapper {
    width: 18%
}

.reports-list-wrapper .search-reports-form select {
    display: inline-block;
    width: 100%;
    background-color: #202020;
    border-color: #1a77bc;
    border-radius: 0;
    max-height: 40px;
    min-height: 40px;
    font-size: 12px;
    color: #999;
    cursor: pointer;
    padding-left: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none
}

.reports-list-wrapper .search-reports-form .select-wrapper {
    position: relative;
    display: inline-block;
    width: 23%;
    margin-right: 3%
}

.reports-list-wrapper .search-reports-form .select-wrapper:after {
    font-family: fontawesome;
    color: #999;
    position: absolute;
    right: 15px;
    top: 7px;
    content: "\f107";
    z-index: 5
}

::-webkit-input-placeholder {
    color: #999
}

::-moz-placeholder {
    color: #999
}

:-ms-input-placeholder {
    color: #999
}

:-moz-placeholder {
    color: #999
}

#report-date-range {
    margin-right: 0;
    width: 100%;
    cursor: pointer;
    padding-left: 35px
}

#report-date-range-a {
    margin-right: 0;
    width: 100%;
    cursor: pointer;
    padding-left: 35px
}

.reports-list-wrapper .reports-list {
    margin: 20px 50px;
    height: 650px;
    overflow-y: auto;
}

.reports-list-wrapper.favorite {
    background-color: transparent;
    width: 100%;
    height: auto
}

.reports-list-wrapper.favorite .reports-list {
    margin: 0;
    height: auto;
    overflow-y: visible
}

.reports-list-wrapper.favorite .reports-list li .info .title a {
    color: #000!important;
    margin-right: 5px
}

.reports-list-wrapper .reports-list::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    border-radius: 10px;
    background-color: transparent
}

.reports-list-wrapper .reports-list::-webkit-scrollbar {
    width: 10px;
    background-color: transparent
}

.reports-list-wrapper .reports-list::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.3);
    background-color: #006db5
}

.reports-list-wrapper .reports-list ul {
    list-style: none
}

.reports-list-wrapper .reports-list li {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 2px solid #22252a;
    min-height: 60px;
    width: 100%
}

.reports-list-wrapper .reports-list li .ricon {
    float: left;
    width: 60px;
    clear: both
}

.reports-list-wrapper.favorite .reports-list li {
    border-bottom: 1px solid #22252a
}

.reports-list-wrapper .reports-list li .ricon img {
    width: 33px
}

.reports-list-wrapper .reports-list li .info {
    margin-left: 60px;
    margin-right: 60px
}

.reports-list-wrapper .reports-list li .info .title {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    margin-right: 5px
}

.reports-list-wrapper .reports-list li .info .title a {
    color: #fff!important
}

.reports-list-wrapper .reports-list li .info .title a span {
    position: relative;
    top: -2px
}

.reports-list-wrapper .reports-list li .info .location {
    font-size: 12px;
    color: #6f747d;
    padding-left: 15px;
    position: relative;
    margin-right: 5px
}

.reports-list-wrapper .reports-list li .info .location:before {
    content: "\f041";
    font-family: fontawesome;
    position: absolute;
    left: 0;
    top: -3px;
    font-size: 14px
}

.reports-list-wrapper .reports-list li .info .date {
    font-size: 12px;
    color: #6f747d;
    padding-left: 14px;
    position: relative;
    font-weight: 600;
    font-style: italic
}

.reports-list-wrapper .reports-list li .info .date:before {
    content: "\f017";
    font-family: fontawesome;
    position: absolute;
    left: 0;
    top: -2px;
    font-size: 14px;
    font-style: normal
}

.reports-list-wrapper .reports-list li .info .excerpt a {
    font-size: 13px;
    color: #fff
}

.reports-list-wrapper .page-title {
    margin: 20px 23px 0;
    position: relative
}

.reports-list-wrapper #reports-export {
    position: absolute;
    right: 0;
    top: 0;
    line-height: initial;
    width: 50%
}

.reports-list-wrapper #reports-export #export_all_reports {
    background-color: #202020;
    border: 1px solid #0071bc;
    border-radius: 2px;
    width: 42%;
    float: right;
    margin-left: 10px
}

.reports-list-wrapper #reports-export #export_all_reports:hover,.reports-list-wrapper #reports-export #export_curr_reports:hover {
    background-color: #0071bc
}

.reports-list-wrapper #reports-export #export_curr_reports {
    padding: 14px 10px;
    background-color: #202020;
    border: 1px solid #0071bc;
    border-radius: 2px;
    width: 40%;
    float: right
}

button:hover,button:focus,input[type=button]:hover,input[type=button]:focus,input[type=submit]:hover,input[type=submit]:focus {
    background: #1a77bc
}

.reports-list-wrapper .page-title h1 {
    font-size: 14px;
    color: #fff;
    margin-bottom: 0;
    font-weight: 800
}

.date-range-wrapper {
    position: relative;
    display: inline-block;
    width: 23%
}

.date-range-wrapper:before {
    font-family: fontawesome;
    color: #006db5;
    position: absolute;
    left: 15px;
    top: 8px;
    content: "\f073";
    cursor: pointer
}

#ui-datepicker-div {
    z-index: 99!important
}

.search-field-wrapper {
    position: relative;
    display: inline-block;
    width: 23%;
    margin-right: 3%
}

.search-field-wrapper:before {
    font-family: fontawesome;
    color: #999;
    position: absolute;
    left: 15px;
    top: 7px;
    content: "\f002"
}

.gm-style-iw {
    //width: 250px!important;
    top: 40px!important;
    background-color: transparent!important;
    box-shadow: none!important;
    border: none;
    border-radius: 0 0 0 0!important;
    padding-left: 25px!important;
    padding-right: 25px!important;
    padding-bottom: 10px!important
}

.gm-style .gm-style-iw-t::after {
    display: none
}

.gm-style-iw .gm-style-iw-d {
    overflow: unset!important
}

.gm-style-iw #iw-container {
    background-color: rgba(14,14,14,.9);
    padding: 25px
}

#iw-container .type-icon {
    display: block;
    position: absolute;
    left: 9px
}

#iw-container .type-icon img {
    width: 32px
}

#iw-container h4 a {
    color: #fff!important;
    font-weight: 400;
    font-size: 13px;
    outline: none;
    text-decoration: none!important;
    box-shadow: none
}

#iw-container h4 {
    padding-top: 0;
    margin: 0
}

#iw-container .info-box h2 {
    margin-bottom: 0;
    color: #fff;
    font-size: 26px
}

#iw-container .address {
    color: #6f747d;
    font-size: 13px;
    margin-bottom: 0;
    display: inline-block;
    margin: 5px 0;
    padding-left: 15px;
    position: relative
}

#iw-container .address:before {
    content: "\f041";
    font-family: fontawesome;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 14px
}

#iw-container .date {
    font-size: 12px;
    color: #6f747d;
    padding-left: 15px;
    position: relative;
    margin: 5px 0;
    margin-left: 0;
    display: inline-block
}

#iw-container .date:before {
    content: "\f017";
    font-family: fontawesome;
    position: absolute;
    left: 0;
    top: -1px;
    font-size: 14px
}

.reports-list-wrapper .search-reports-form .search-field-wrapper input[type=search] {
    width: 100%;
    padding-left: 35px
}

.report-buttom-area {
    background-color: #f8f8f8
}

.report-buttom-area .comments-area {
    max-width: 650px
}

.single-post .entry-header,.single-pi .entry-header {
    position: relative
}

.single-post .entry-header .report-logo {
    position: absolute;
    right: 0;
    top: -140px;
    z-index: 1000
}

.report-content-wrapper {
    float: left;
    width: 100%;
    margin-top: 100px
}

.report-content-wrapper.Monthly,.report-content-wrapper.Forecast {
    margin-top: 0
}

.report-content-wrapper.Daily,.report-content-wrapper.Situation.Update,.single-event .report-content-wrapper {
    margin-top: 50px
}

.report-content-wrapper .report-date {
    width: 240px;
    float: left;
    clear: both
}

.report-content-wrapper .report-date .day {
    width: 135px;
    background-color: #000;
    color: #fff;
    font-size: 48px;
    text-align: center;
    line-height: 40px;
    padding-top: 15px
}

.report-content-wrapper .report-date .month {
    width: 135px;
    background-color: #000;
    color: #fff;
    font-size: 14px;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 5px
}

.report-content-wrapper .report-date .time {
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    width: 135px;
    background-color: #1a77bc;
    padding: 5px 0;
    color: #fff
}

.report-content-wrapper .report-info {
    width: 570px;
    float: left
}

.report-info .content-section table,.report-info .content-section tr,.report-info .content-section td,.report-info .content-section th {
    //border: 0px!important
}

.report-info .content-section.old table,.report-info .content-section.old tr,.report-info .content-section.old td,.report-info .content-section.old th {
    border: 0!important
}

.report-info .content-section ul {
    list-style: inherit;
    padding-left: 30px
}

.report-info .content-section ol {
    padding-left: 30px
}

.report-content-wrapper .report-info .main-title {
    color: #000;
    font-size: 30px;
    font-weight: 400;
    line-height: 1.2em
}

.report-content-wrapper .report-info .content-section {
    margin-bottom: 10%
}

.report-content-wrapper .report-info .content-section.old {
}

.report-content-wrapper .report-info .content-section.old table {
    margin: 0!important;
    margin-bottom: 1%!important
}

.report-content-wrapper .report-info .content-section.old table table {
    margin: 0!important
}

.report-content-wrapper .report-info .content-section.old tr {
}

.report-content-wrapper .report-info .content-section.old td {
    padding: 0!important
}

.report-content-wrapper .report-info .content-section .sub-title {
    color: #1a77bc;
    font-size: 18px;
    line-height: 32px;
    font-weight: 600;
    padding-left: 15px;
    border-left: 2px solid #000;
    padding-top: 0
}

.report-content-wrapper .report-info .content-section .content {
    font-size: 15px;
    color: #484a4c
}

.report-content-wrapper .report-info .content-section .content ul,.report-content-wrapper .report-info .content-section .content ol {
    padding-left: 18px
}

.report-content-wrapper .report-info .content-section .content ul li,.report-content-wrapper .report-info .content-section .content ol li {
    padding-bottom: 18px
}

.report-content-wrapper .report-siderbar {
    float: left;
    width: 360px;
    padding-left: 100px
}

.report-content-wrapper .report-siderbar .report-properties {
    display: block
}

.report-content-wrapper .report-siderbar .report-properties .single-box {
    margin-bottom: 20px;
    min-height: 50px
}

.report-content-wrapper .report-siderbar .report-properties .single-box .icon-img {
    display: inline-block;
    float: left;
    clear: both;
    padding: 0 15px;
    height: 50px;
    border-left: 2px solid;
    border-color: #a4b3be;
    width: 60px;
    text-align: center
}

.report-content-wrapper .report-siderbar .report-properties .single-box .icon-img svg {
    margin-top: 13px
}

.report-content-wrapper .report-siderbar .report-properties .single-box .header {
    display: block;
    font-size: 11px;
    color: #000;
    font-weight: 800;
    padding-top: 5px;
    text-transform: uppercase
}

.report-content-wrapper .report-siderbar .report-properties .single-box .value {
    font-size: 14px;
    color: #1a77bc;
    text-transform: capitalize
}

.comment-body {
    margin-bottom: 2em;
    padding-bottom: 2em;
    border-bottom: 1px solid #e8e8e8
}

.comment-list li.comment {
}

.comment-list li.comment .reply {
    margin-left: 30px
}

.comment-list li.comment ol.children {
    margin-left: 45px
}

.comment-list li.comment ol.children .reply {
    margin-left: 30px
}

.report-footer-area {
    background-color: #212121;
    border-bottom: 0 solid #000;
    position: sticky;
    width: 100%;
    bottom: 0
}

.report-footer-area .wrap {
    padding: 0
}

.report-footer-area ul {
    margin: 0;
    list-style: none;
    padding: 0;
    text-align: center;
    max-height: 78px
}

.report-footer-area ul li {
    color: #fff;
    display: inline-block;
    width: 16%;
    text-align: center;
    padding-bottom: 1em;
    padding-top: 1em;
    cursor: pointer
}

.report-footer-area ul li.favourite {
    padding: 0;
    top: -16px;
    position: relative
}

.report-footer-area ul li.favourite button {
    opacity: 1;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 11px;
    padding: 0;
    width: 100%;
    background: 0 0;
    padding-bottom: 1.5em;
    padding-top: 1.5em
}

.report-footer-area ul li.favourite button:hover {
    background-color: transparent
}

.report-footer-area ul li a {
    color: #fff
}

.report-footer-area ul li:hover {
    background-color: #000
}

.report-footer-area ul li.upgrade-account {
    padding: 0;
    line-height: 45px;
    background-color: #0071bc;
    top: -16px;
    position: relative;
    border: 1px solid #0071bc;
    border-radius: 2px;
    font-weight: 700
}

.report-footer-area ul li.upgrade-account:hover {
    -webkit-transition: all 300ms ease-in;
    -webkit-transform: scale(1.1);
    -ms-transition: all 300ms ease-in;
    -ms-transform: scale(1.1);
    -moz-transition: all 300ms ease-in;
    -moz-transform: scale(1.1);
    transition: all 300ms ease-in;
    transform: scale(1.1)
}

.report-footer-area ul li.upgrade-account .image {
    float: left;
    margin-top: 0;
    position: relative;
    top: 7px;
    padding-left: 10px;
    display: none
}

.report-footer-area ul li.upgrade-account .title {
    color: #fff!important
}

.report-footer-area ul li:hover .image svg path {
    fill: #1a77bc
}

.report-footer-area ul li .simplefavorite-button.active svg path {
    fill: #ff0
}

.report-footer-area ul li .simplefavorite-button.active {
    color: #ff0
}

.report-footer-area ul li.upgrade-account:hover .image svg path {
    fill: #fff
}

.report-footer-area ul li:hover .title {
    color: #1a77bc
}

.report-footer-area ul li:hover button {
    color: #1a77bc
}

.report-footer-area ul li .image {
}

.report-footer-area ul li .title {
    font-weight: 800;
    text-transform: uppercase;
    font-size: 11px
}

.report-content-wrapper .report-siderbar .report-properties .single-box.High .icon-img svg path {
    fill: #fa4646
}

.report-content-wrapper .report-siderbar .report-properties .single-box.High .value {
    color: #fa4646
}

.report-content-wrapper .report-siderbar .report-properties .single-box.High .icon-img {
    border-color: #fa4646
}

.report-content-wrapper .report-siderbar .report-properties .single-box.Medium .icon-img svg path {
    fill: #e99f22
}

.report-content-wrapper .report-siderbar .report-properties .single-box.Medium .value {
    color: #e99f22
}

.report-content-wrapper .report-siderbar .report-properties .single-box.Medium .icon-img {
    border-color: #e99f22
}

.report-content-wrapper .report-siderbar .report-properties .single-box.Low .icon-img svg path {
    fill: #16a64f
}

.report-content-wrapper .report-siderbar .report-properties .single-box.Low .value {
    color: #16a64f
}

.report-content-wrapper .report-siderbar .report-properties .single-box.Low .icon-img {
    border-color: #16a64f
}

.report-content-wrapper .report-siderbar .report-properties .single-box.Extreme .icon-img svg path {
    fill: #6f3997
}

.report-content-wrapper .report-siderbar .report-properties .single-box.Extreme .value {
    color: #6f3997
}

.report-content-wrapper .report-siderbar .report-properties .single-box.Extreme .icon-img {
    border-color: #6f3997
}

.report-content-wrapper .report-siderbar .report-properties .single-box.Extreme .icon-img svg path {
}

.related-report-wrapper {
    margin-top: 50px;
    margin-bottom: 50px
}

.related-report-wrapper.Daily,.related-report-wrapper.Analysis,.related-report-wrapper.Monthly,.related-report-wrapper.Forecast,.single-event .related-report-wrapper,.related-report-wrapper.Special.Report,.related-report-wrapper.Tactical.Monitoring,.single-max_events .related-report-wrapper {
    margin-top: 0
}

.related-report-wrapper .title {
    color: #000;
    font-size: 32px;
    font-weight: 700
}

.related-report-wrapper .reports-list.single-page {
}

.related-report-wrapper .reports-list.single-page .main-region {
    color: #737373;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 11px;
    margin-bottom: 10px
}

.related-report-wrapper .reports-list.single-page .main-region svg {
    margin-right: 10px;
    position: relative;
    top: 1px
}

.related-report-wrapper .reports-list.single-page ul {
    list-style: none
}

.related-report-wrapper .reports-list.single-page li {
    margin-bottom: 15px
}

.related-report-wrapper .reports-list.single-page li .ricon {
    float: left;
    width: 50px;
    clear: both
}

.related-report-wrapper .reports-list.single-page li .ricon img {
    position: relative;
    top: 8px
}

.related-report-wrapper .reports-list.single-page li .info {
    margin-left: 50px
}

.related-report-wrapper .reports-list.single-page li .info .title {
    color: #000;
    font-size: 11px;
    font-weight: 700
}

.related-report-wrapper .reports-list.single-page li .info .title a {
    color: #737373;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 11px;
    text-decoration: none!important;
    border: 0!important;
    box-shadow: none!important
}

.related-report-wrapper .reports-list.single-page li .info .excerpt a {
    text-decoration: none!important;
    border: 0!important;
    box-shadow: none!important
}

.related-report-wrapper .reports-list.single-page li .info .excerpt {
    color: #000;
    font-size: 14px
}

.page-template-profile-page .site-content {
    background: 0 0
}

.profile-header {
    background-color: #eeeff3;
    height: 180px;
    position: relative
}

.profile-header .user-box {
    margin-top: .5em;
    float: left;
    width: 100%
}

.profile-header .user-box .user-box-info {
    float: left;
    width: 50%
}

.profile-header .user-box .avatar-image {
    float: left;
    clear: both;
    margin-right: 20px
}

.profile-header .user-box .avatar-image img {
    width: 96px;
    height: 96px
}

.profile-header .user-box .nickname {
    display: block;
    font-size: 24px;
    color: #000;
    padding-top: 20px;
    line-height: 24px
}

.profile-header .user-box .occupation {
    color: #848486;
    font-size: 13px
}

.profile-header .user-box .action-buttons {
    float: right;
    margin-top: 30px
}

.profile-header .user-box .action-buttons .btn-upgrade {
    display: inline-block;
    font-size: 12px;
    text-transform: uppercase;
    background-color: #0071bc!important;
    padding: 11px 30px;
    font-weight: 800;
    border-radius: 2px
}

.profile-header .user-box .action-buttons .btn-upgrade:hover {
    background-color: #000!important
}

.profile-header .user-box .action-buttons a .btn-upgrade {
    color: #fff!important
}

.profile-header .user-box .action-buttons .btn-upgrade svg {
    margin-top: 0;
    position: relative;
    top: 4px;
    margin-right: 10px
}

.profile-header .user-box .action-buttons .btn-upgrade a {
    color: #fff
}

.profile-header .user-box .action-buttons .btn-logout {
    display: inline-block;
    font-size: 11px;
    text-transform: uppercase;
    padding: 10px 30px;
    font-weight: 800
}

.profile-header .user-box .action-buttons .btn-logout svg {
    margin-top: 0;
    position: relative;
    top: 2px;
    margin-right: 5px
}

.profile-header .user-box .action-buttons .btn-logout a {
    color: #000
}

.profile-header .wrap {
}

.profile-header .tabs {
    float: left;
    width: 100%;
    padding-top: 25px
}

.profile-header .tabs ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.profile-header .tabs ul li {
    display: inline-block;
    padding-right: 10px;
    padding-left: 10px;
    margin-right: 40px;
    text-transform: uppercase;
    font-size: 13px;
    padding-bottom: 5px;
    cursor: pointer;
    color: #000;
    font-weight: 600
}

.profile-header .tabs ul li.active {
    color: #0071bc;
    font-weight: 600;
    border-bottom: 2px solid
}

.profile-header .tabs ul li:hover {
    color: #0071bc;
    font-weight: 600
}

.page-template-profile-page #adduser {
    max-width: 360px
}

.page-template-profile-page #adduser label {
    color: #a2aabd;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 800;
    margin-bottom: 0
}

.page-template-profile-page #adduser input {
    color: #000;
    font-size: 18px;
    border: 0;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
    padding: 0
}

.page-template-profile-page #adduser input[type=submit] {
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    background-color: #0071bc!important;
    width: 100%;
    padding: 15px;
    border-radius: 2px
}

.page-template-profile-page #adduser .acf-field-image {
    padding: 30px 0
}

.page-template-profile-page #adduser .acf-field-image .acf-label {
    display: none
}

.page-template-profile-page #adduser .acf-field-image .acf-image-uploader img {
    background: 0 0
}

.page-template-profile-page #adduser .form-profileimage {
    float: left;
    width: 100%;
    margin-top: 50px;
    margin-bottom: 50px
}

.page-template-profile-page #adduser .form-profileimage img {
    float: left;
    width: 96px;
    height: 96px;
    margin-right: 30px
}

.page-template-profile-page #adduser .fileContainer {
    overflow: hidden;
    position: relative
}

.page-template-profile-page #adduser .fileContainer [type=file] {
    cursor: inherit;
    display: block;
    filter: alpha(opacity=0);
    min-height: 100%;
    min-width: 100%;
    width: 100px;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
    cursor: pointer;
    z-index: -1
}

.page-template-profile-page #adduser .fileContainer {
    float: left;
    margin-top: 30px;
    padding: 1em;
    color: #0071bc!important;
    cursor: pointer;
    display: inline-block;
    position: relative;
    text-transform: uppercase;
    border: 1px solid #0071bc;
    background-color: #fff;
    outline: none;
    box-shadow: none;
    border-radius: 2px
}

.page-template-profile-page #adduser .fileContainer:hover {
    background-color: #0071bc;
    color: #fff!important
}

.page-template-profile-page #adduserdisplay {
    max-width: 575px
}

.page-template-profile-page #adduserdisplay .form-header {
    margin-top: 50px;
    margin-bottom: 50px;
    float: left;
    width: 100%
}

.page-template-profile-page #adduserdisplay .form-header h2 {
    margin: 0;
    color: #000;
    font-size: 24px;
    font-weight: 600
}

.page-template-profile-page #adduserdisplay .form-header h4 {
    padding-top: 5px;
    color: #848486;
    font-size: 12px;
    font-weight: 600
}

.page-template-profile-page #adduserdisplay .form-theme {
    margin-bottom: 70px
}

.page-template-profile-page #adduserdisplay .form-theme .light {
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 25px
}

.page-template-profile-page #adduserdisplay .form-theme .light span {
    color: #000;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 13px;
    position: relative;
    top: -5px
}

.page-template-profile-page #adduserdisplay .form-theme .light .image {
    background-color: #eeeff3;
    padding: 20px;
    margin-top: 20px;
    padding-bottom: 15px
}

.page-template-profile-page #adduserdisplay .form-theme .dark {
    display: inline-block
}

.page-template-profile-page #adduserdisplay .form-theme .dark span {
    color: #000;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 13px;
    position: relative;
    top: -5px
}

.page-template-profile-page #adduserdisplay .form-theme .dark .image {
    background-color: #eeeff3;
    padding: 20px;
    margin-top: 20px;
    padding-bottom: 15px
}

.page-template-profile-page #adduserdisplay .form-map {
    margin-bottom: 70px
}

.page-template-profile-page #adduserdisplay .form-map .regular {
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 25px
}

.page-template-profile-page #adduserdisplay .form-map .regular span {
    color: #000;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 13px;
    position: relative;
    top: -5px
}

.page-template-profile-page #adduserdisplay .form-map .regular .image {
    background-color: #eeeff3;
    padding: 20px;
    margin-top: 20px;
    padding-bottom: 15px
}

.page-template-profile-page #adduserdisplay .form-map .color {
    display: inline-block
}

.page-template-profile-page #adduserdisplay .form-map .color span {
    color: #000;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 13px;
    position: relative;
    top: -5px
}

.page-template-profile-page #adduserdisplay .form-map .color .image {
    background-color: #eeeff3;
    padding: 20px;
    margin-top: 20px;
    padding-bottom: 15px
}

.page-template-profile-page #adduserdisplay input[type=submit] {
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    background-color: #0071bc!important;
    width: 100%;
    padding: 15px;
    border-radius: 2px
}

.page-template-profile-page .tab-content {
    display: none
}

.page-template-profile-page .tab-content.active {
    display: inherit
}

.page-template-profile-page .tab-notif-content {
    display: none
}

.page-template-profile-page .tab-notif-content.active {
    display: inherit
}

.form-submit {
    text-align: left
}

.user-notif-settings .form-submit {
    margin-top: 50px;
    text-align: center
}

.radio_term[type=radio]::before {
    position: relative;
    display: block;
    border: 0;
    content: "";
    background: 0 0;
    width: 20px;
    height: 20px
}

.radio_term[type=radio]::after {
    position: relative;
    display: block;
    left: 0;
    top: -11px;
    width: 7px;
    height: 7px;
    border-width: 0;
    border-style: solid;
    border-color: transparent;
    content: "";
    background-image: none;
    background-repeat: no-repeat;
    background-position: center
}

.radio_term[type=radio]:disabled:after {
    -webkit-filter: opacity(.4)
}

.radio_term[type=radio]:not(:disabled):hover:after {
    background-image: none;
    border-color: transparent
}

.radio_term {
    height: 20px;
    width: 20px;
    border: 0;
    background: 0 0
}

.radio_term[type=radio]::before {
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #dadada;
    border-radius: 9px
}

.radio_term[type=radio]::after {
    top: -20px;
    width: 20px;
    height: 20px
}

.radio_term[type=radio]:checked:after {
    background-image: url(images/radio-selected.png);
    border: 0!important
}

.radio_term[type=radio]:checked:before {
    border: 0 solid!important
}

.radio_term[type=radio]:not(:disabled):checked:hover:after {
    background-image: url(images/radio-selected.png);
    border: 0!important
}

.checkbox_term[type=checkbox]::before {
    position: relative;
    display: block;
    border: 0;
    content: "";
    background: 0 0;
    width: 20px;
    height: 20px
}

.checkbox_term[type=checkbox]::after {
    position: relative;
    display: block;
    left: 0;
    top: -11px;
    width: 7px;
    height: 7px;
    border-width: 0;
    border-style: solid;
    border-color: transparent;
    content: "";
    background-image: none;
    background-repeat: no-repeat;
    background-position: center
}

.checkbox_term[type=checkbox]:disabled:after {
    -webkit-filter: opacity(.4)
}

.checkbox_term[type=checkbox]:not(:disabled):hover:after {
    background-image: none;
    border-color: #797268
}

.checkbox_term {
    height: 20px;
    width: 20px;
    border: 0;
    background: 0 0
}
.checkbox_term.selectAllSingleCheckbox {
    float: left;
    position: relative;
    top: -2px;
}
#assets-table .checkbox_term,#assets-table .checkbox_term_all {
    height: 20px;
    width: 20px;
    border: 0;
    background: 0 0;
    margin: 0!important
}

.checkbox_term[type=checkbox]::before {
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #dadada;
    border-radius: 2px
}

.checkbox_term[type=checkbox]::after {
    top: -20px;
    width: 20px;
    height: 20px
}

.checkbox_term[type=checkbox]:checked:after {
    background-image: url(images/checkbox-selected.png)
}

.checkbox_term[type=checkbox]:not(:disabled):checked:hover:after {
    background-image: url(images/checkbox-selected.png)
}

.tabs-notif ul {
    list-style: none
}

.tabs-notif ul li {
    cursor: pointer;
    display: inline-block;
    min-width: 180px;
    margin-right: 60px;
    text-align: center;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 800;
    color: #c7ccd8;
    position: relative
}

.tabs-notif ul li.close:before {
    content: "";
    background-color: transparent!important;
    position: absolute;
    width: 100%;
    left: 0;
    height: 100%;
    z-index: 9998
}

.tabs-notif ul li:last-child {
    margin-right: 0
}

.tabs-notif ul li .image {
    min-height: 140px;
    background-position: center;
    margin: 0 auto;
    margin-bottom: 20px
}

.tabs-notif ul li.active span {
    color: #016eb5
}

.tabs-notif ul li:hover span {
    color: #016eb5
}

.tabs-notif ul li.close:hover span {
    color: #c7ccd8
}

.tabs-notif ul li.mena .image {
    background-image: url(images/mena.png);
    background-repeat: no-repeat;
    width: 182px;
    height: 137px
}

.tabs-notif ul li.mena.active .image {
    background-image: url(images/mena-active.png)
}

.tabs-notif ul li.mena:hover .image {
    background-image: url(images/mena-active.png)
}

.tabs-notif ul li.close.mena:hover .image {
    background-image: url(images/mena.png)
}

.tabs-notif ul li.amer .image {
    background-image: url(images/america.png);
    background-repeat: no-repeat;
    width: 182px;
    height: 137px
}

.tabs-notif ul li.amer.active .image {
    background-image: url(images/america-active.png)
}

.tabs-notif ul li.amer:hover .image {
    background-image: url(images/america-active.png)
}

.tabs-notif ul li.close.amer:hover .image {
    background-image: url(images/america.png)
}

.tabs-notif ul li.asia .image {
    background-image: url(images/asia.png);
    background-repeat: no-repeat;
    width: 182px;
    height: 137px
}

.tabs-notif ul li.asia.active .image {
    background-image: url(images/asia-active.png)
}

.tabs-notif ul li.asia:hover .image {
    background-image: url(images/asia-active.png)
}

.tabs-notif ul li.close.asia:hover .image {
    background-image: url(images/asia.png)
}

.tabs-notif ul li.euro .image {
    background-image: url(images/europe.png);
    background-repeat: no-repeat;
    width: 182px;
    height: 137px
}

.tabs-notif ul li.euro.active .image {
    background-image: url(images/europe-active.png)
}

.tabs-notif ul li.euro:hover .image {
    background-image: url(images/europe-active.png)
}

.tabs-notif ul li.close.euro:hover .image {
    background-image: url(images/europe.png)
}

.tabs-notif ul li.afri .image {
    background-image: url(images/africa.png);
    background-repeat: no-repeat;
    width: 182px;
    height: 137px
}

.tabs-notif ul li.afri.active .image {
    background-image: url(images/africa-active.png)
}

.tabs-notif ul li.afri:hover .image {
    background-image: url(images/africa-active.png)
}

.tabs-notif ul li.close.afri:hover .image {
    background-image: url(images/africa.png)
}

.page-template-profile-page .form-header {
    margin-top: 50px;
    margin-bottom: 50px
}

.page-template-profile-page .form-header h2 {
    margin: 0;
    color: #000;
    font-size: 24px;
    font-weight: 600
}

.page-template-profile-page form input[type=submit] {
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    background-color: #0071bc!important;
    width: 100%;
    max-width: 200px;
    padding: 15px
}

.page-template-profile-page form input[type=submit]:hover,.page-template-profile-page #adduser input[type=submit]:hover,.page-template-profile-page #adduserdisplay input[type=submit]:hover {
    background-color: #000!important
}

.page-template-profile-page .user-notif-settings {
    margin-top: 50px
}

.page-template-profile-page .user-notif-settings table {
    border: 0!important;
    padding: 0!important;
    border-collapse: unset
}

.page-template-profile-page .user-notif-settings table th {
    background-color: #eceef3;
    border: 0!important;
    padding: 12px 20px!important;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 11px
}

.page-template-profile-page .user-notif-settings table tr {
}

.page-template-profile-page .user-notif-settings table>tbody>tr:nth-child(odd) {
    background-color: #f7f8fb!important
}

.page-template-profile-page .user-notif-settings table>tbody>tr:nth-child(even) {
    background-color: #fff!important
}

.page-template-profile-page .user-notif-settings table tr td {
    border: 0!important;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 800;
    padding: 14px 20px!important
}

.page-template-profile-page .user-notif-settings table tr td .selectall {
    color: #006db5;
    font-size: 11px;
    display: block;
    margin-top: 5px;
    white-space: nowrap
}

.tabs-notif ul li .btn-upgrade {
    display: inline-block;
    font-size: 11px;
    text-transform: uppercase;
    background-color: #006db5!important;
    padding: 10px 30px 12px;
    font-weight: 800;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 42px;
    display: none
}

.tabs-notif ul li a .btn-upgrade {
    color: #fff
}

.tabs-notif ul li.close .btn-upgrade {
    display: block;
    z-index: 9999
}

.tabs-notif ul li .btn-upgrade svg {
    margin-top: 0;
    position: relative;
    top: 4px;
    margin-right: 10px
}

.tabs-notif ul li .btn-upgrade a {
    color: #fff
}

.tabs-notif ul li.close:hover {
}

.single-special-report {
    float: left;
    width: 23%;
    margin-left: .5%;
    margin-right: .5%
}

.special-report-row.list .single-special-report {
    width: 24%
}

.special-report-row.list .single-special-report {
    margin-bottom: 5%;
    min-height: 504px
}

.special-report-row.list .special-report-info {
    padding: 0 10px
}

.single-special-report .special-report-image img {
    box-shadow: none
}

.special-report-row {
    float: left;
    width: 100%;
    clear: both;
    margin-bottom: 50px
}

.single-special-report .special-report-info .entry-excerpt {
    margin-bottom: 0;
    font-size: 12px;
    color: #737373;
    font-weight: 800;
    text-transform: uppercase;
    margin: 10px 0;
    min-height: 16px
}

body .single-special-report .special-report-info .entry-title {
    font-size: 16px!important;
    text-transform: capitalize!important;
    max-width: 80%;
    min-height: 66px
}

.single-special_report .sp-report-list-wrapper ul li:nth-child(4n) {
    margin-right: 0!important
}

.single-special_report .sp-report-list-wrapper ul li {
    float: left;
    width: 144px;
    min-height: 290px;
    margin-right: 1.3%!important
}

.sp-report-list-wrapper ul li input {
    float: left;
    margin-top: 0!important;
    margin-right: 0
}

.sp-report-list-wrapper ul li label {
    float: right
}

.single-special_report ul.gfield_checkbox {
    float: left;
    width: 100%!important
}

.single-special_report .entry-content .left {
    width: 50%;
    float: left
}

.single-special_report .gform_wrapper ul.gform_fields li.gfield {
    padding-right: 0
}

.single-special_report .entry-content .right {
    width: 50%;
    float: left
}

.single-special_report .entry-content .right h1 {
    text-transform: uppercase;
    color: #000;
    font-weight: 800;
    margin-bottom: 10px
}

.single-special_report .entry-content .right h3 {
    font-size: 14px;
    color: #737373;
    font-weight: 800;
    text-transform: uppercase;
    padding-top: 0
}

.single-special_report .entry-content .right .content {
}

.single-special_report .sp-reports-form {
    max-width: 700px;
    margin: 0 auto;
    padding: 50px
}

.single-special_report .sp-reports-form .gform_description {
    color: #0071bc;
    font-size: 80px;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 80px;
    width: 100%;
    text-align: center;
    margin: 50px 0
}

.single-special_report .gform_wrapper .top_label .gfield_label {
    color: #a2aabd;
    text-transform: uppercase;
    margin-bottom: 0;
    margin-top: 20px;
    font-size: 14px!important
}

.single-special_report .gform_wrapper .more-reports .gfield_label {
    display: block
}

.single-special_report .ginput_container {
    margin-top: 0!important
}

.single-special_report .gfield_label .gfield_required {
    color: #a2aabd
}

.single-special_report .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    border: 0;
    border-bottom: 1px solid #a2aabd;
    border-radius: 0;
    color: #a2aabd;
    background-color: transparent
}

.single-special_report ::-webkit-input-placeholder {
    color: #fff
}

.single-special_report ::-moz-placeholder {
    color: #fff
}

.single-special_report :-ms-input-placeholder {
    color: #fff
}

.single-special_report :-moz-placeholder {
    color: #fff
}

@media screen and (min-width: 48em) {
    .has-sidebar:not(.error404) #primary {
        float:none;
        width: 100%
    }
}

ul#top-menu .not-active a:first-child {
    pointer-events: none
}

ul#top-menu .not-active ul a {
    pointer-events: auto!important;
    text-transform: uppercase
}

#triangle-up {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #006db5;
    margin: 0 auto;
    position: absolute;
    top: -10px;
    left: 90px
}

#triangle-down {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 11px solid rgba(14,14,14,.9);
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 46%;
    z-index: 999
}

#sidebar-bottom-category {
    margin: 50px 0
}

.mobile-action-bar {
    display: none
}

.search-reports-form.mobile {
    display: none
}

.report-siderbar-mobile {
    display: none
}

.report-properties.mobile {
    display: none
}

.content-section.mobile {
    display: none
}

.notable-block.mobile {
    display: none;
    margin-right: 1.5em;
    margin-left: 1.5em
}

.report-buttom-area.mobile {
    display: none
}

.special-report-row .slick-prev,.special-report-row .slick-next {
    font-size: 0;
    line-height: 0;
    top: 45%;
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    padding: 0;
    cursor: pointer;
    border: none;
    outline: none;
    background: 0 0;
    color: #000
}

.special-report-row .slick-prev {
    right: -15px;
    left: auto;
    height: 50px
}

.special-report-row .slick-prev:before {
    font: normal normal normal 48px/1 FontAwesome;
    content: "\f105";
    color: #000
}

.special-report-row .slick-next:before {
    font: normal normal normal 48px/1 FontAwesome;
    content: "\f104";
    color: #000
}

.special-report-row .slick-next {
    right: auto;
    left: -15px;
    height: 50px
}

.special-report-row .slick-slide {
    float: left!important;
    margin-bottom: 0;
    direction: ltr
}

.special-report-row.slick-slider {
    //direction: rtl;
    //overflow: hidden;
    //position: relative
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block
}

.upgrade-account.mobile {
    display: none
}

@media screen and (max-width: 48em) {
	
    .reports-map {
        width:100%;
        position: absolute;
        float: none;
        opacity: 0;
        height: 0
    }

    .acf-map {
        height: 89vh
    }

    .reports-map.active {
        display: block;
        opacity: 1;
        height: 100%
    }

    .reports-list-wrapper {
        //float: none;
        width: 100%;
        float: none;
        height: 100%;
        display: none
    }

    .reports-list-wrapper.active {
        display: block;
        z-index: 99
    }

    .reports-list-wrapper .search-reports-form {
        display: none
    }

    .single-special-report {
        float: left;
        width: 100%
    }

    .single-special-report .special-report-image img {
        margin: 0 auto
    }

    .special-report-info {
        max-width: 263px;
        margin: 0 auto
    }

    .special-report-row {
        margin-top: 50px
    }

    .archive .site-content {
        padding: 0
    }

    .reports-list-wrapper .reports-list li .info .excerpt {
        font-size: 18px;
        color: #fff
    }

    .reports-list-wrapper .page-title {
        margin: 0;
        padding: 20px 23px
    }

    .reports-list-wrapper .page-title h1 {
        font-size: 30px
    }

    .reports-list-wrapper .reports-list li .info .title {
        font-size: 24px
    }

    .reports-list-wrapper .reports-list li .info .location {
        font-size: 16px
    }

    .reports-list-wrapper .reports-list li .info .location:before {
        font-size: 16px
    }

    .reports-list-wrapper .reports-list li .info .date {
        font-size: 16px
    }

    .reports-list-wrapper .reports-list li .info .date:before {
        font-size: 16px
    }

    .reports-list-wrapper .reports-list li .info {
        margin-left: 45px
    }

    .reports-list-wrapper .reports-list li .ricon {
        float: left;
        width: 45px;
        position: relative;
        top: 7px;
        clear: both
    }

    .reports-list-wrapper .reports-list {
        padding: 0 10px;
        margin: 10px!important;
        height: 76vh!important;
        overflow-y: scroll;
        padding-top: 0
    }

    .reports-list-wrapper .reports-list li {
        width: 100%
    }

    .top-section {
        position: relative;
        height: 90vh
    }

    .mobile-action-bar {
        display: block;
        position: absolute;
        width: 100%;
        margin: 0 auto;
        bottom: 10%;
        z-index: 99
    }

    .page-template-access-page .desk-action-bar {
        display: none!important
    }

    .reports-list-wrapper #reports-export {
        position: relative;
        right: 0;
        margin-top: 10px;
        line-height: initial;
        display: none
    }

    .reports-list-wrapper #reports-export input[type=submit] {
        font-size: 11px;
        padding: 10px!important;
        width: 49%
    }

    .mobile-action-bar.filters {
        display: none
    }

    .mobile-action-bar ul {
        margin: 0 auto;
        width: 70%;
        list-style: none;
        background-color: #fff;
        float: left;
        position: relative;
        left: 15%
    }

    .mobile-action-bar ul li {
        float: left;
        width: 50%;
        text-align: center;
        color: #1a77bc;
        text-transform: uppercase;
        font-size: 15px;
        font-weight: 800;
        padding: 10px 0
    }

    .mobile-action-bar ul li.active {
        display: none
    }

    .mobile-action-bar ul li.filters.active {
        display: block
    }

    .mobile-action-bar ul li.map {
        border-right: 1px solid #d6d6d6
    }

    .mobile-action-bar.map ul li.map {
        display: none
    }

    .mobile-action-bar ul li.list {
        border-right: 1px solid #d6d6d6
    }

    .mobile-action-bar.list ul li.list {
        display: none
    }

    .mobile-action-bar ul li.filters {
        border-left: 1px solid #d6d6d6
    }

    .navigation-top .user-box-info {
        display: inline-block;
        float: right;
        margin-right: 15px;
        padding: 20px 0;
        min-width: 85px;
        position: relative;
        cursor: pointer
    }
	.submit-icon {
		width: 19vw;
		padding: 0px;
		background: transparent !important;
		display: block;
	}
	.navigation-top .user-box-info-ai {
        display: inline-block;
        position: relative;
        cursor: pointer;
        position: absolute;
        left: auto;
        right: 12vw;
        top: 1vw;
        bottom: auto;
        width: 5em;
        height: fit-content;
    }

    .navigation-top .user-box-info .action-links {
        width: 100%;
        width: 200px;
        right: 0;
        position: absolute;
        top: 80px;
        background-color: #006db5;
        padding: 20px
    }

    .navigation-top .user-box-info .nickname {
        display: none
    }

    .navigation-top .user-box-info:after {
        top: 26px
    }

    .custom-logo-link img {
        top: 6px;
        position: relative;
        width: 26em
    }

    .menu-toggle {
        width: 100px;
        height: 80px
    }

    .custom-logo-link {
        padding-right: 0;
        padding-left: 1em
    }

    .home .custom-logo-link {
        padding-top: 0;
        padding-bottom: 0;
        outline: none;
        display: inline-block;
    }

    .search-reports-form.mobile {
        display: none;
        height: 640px
    }

    .search-reports-form.mobile.active {
        display: block;
        background-color: #060709;
        height: 100%;
        padding-top: 30%
    }

    .search-reports-form.mobile input[type=submit] {
        font-size: 16px;
        color: #fff;
        text-transform: uppercase;
        background-color: #006db5!important;
        width: 100%;
        max-width: 600px;
        padding: 17px 0;
        min-height: 76px;
        position: relative;
        bottom: 10%;
        left: 0;
        margin-left: 0
    }

    .search-reports-form.mobile {
        padding: 20px;
        border-bottom: 2px solid #22252a
    }

    .search-reports-form.mobile input[type=text],.reports-list-wrapper .search-reports-form input[type=search] {
        display: inline-block;
        width: 30%;
        max-width: 200px;
        min-width: 200px;
        background-color: #202020;
        border-color: #2f3238;
        border-radius: 0;
        max-height: 40px;
        min-height: 40px;
        margin-right: 15px;
        font-size: 12px;
        color: #999
    }

    .search-reports-form.mobile select {
        display: inline-block;
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        background-color: #202020;
        border-color: #2f3238;
        border-radius: 0;
        max-height: 76px;
        min-height: 76px;
        margin-right: 15px;
        font-size: 24px;
        color: #999;
        cursor: pointer;
        padding-left: 15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-appearance: none;
        -moz-appearance: none
    }

    .search-reports-form.mobile .select-wrapper {
        position: relative;
        display: inline-block;
        width: 100%
    }

    .search-reports-form.mobile .search-field-wrapper {
        width: 100%
    }

    .search-reports-form.mobile .date-range-wrapper {
        width: 100%
    }

    .search-reports-form.mobile .select-wrapper:after {
        font-family: fontawesome;
        color: #999;
        position: absolute;
        right: 30px;
        top: 20px;
        content: "\f107";
        font-size: 24px;
        z-index: 9
    }

    .search-reports-form.mobile .date-range-wrapper:before {
        font-family: fontawesome;
        color: #006db5;
        position: absolute;
        left: 15px;
        top: 20px;
        content: "\f073";
        z-index: 9;
        font-size: 24px;
        cursor: pointer
    }

    .search-reports-form.mobile input[type=text],.search-reports-form.mobile input[type=search] {
        display: inline-block;
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        background-color: #202020;
        border-color: #2f3238;
        border-radius: 0;
        max-height: 76px;
        min-height: 76px;
        margin-right: 15px;
        font-size: 24px;
        padding-left: 45px!important;
        color: #999
    }

    .search-field-wrapper:before {
        font-family: fontawesome;
        color: #999;
        position: absolute;
        left: 15px;
        top: 18px;
        font-size: 24px
    }

    .search-reports-form.mobile .search-field-wrapper input[type=search] {
        width: 100%
    }

    .single-post .entry-header ,.single-pi .entry-header {
        border-bottom: 5px solid #000;
        margin-bottom: 1em;
        margin-left: 1.5em!important;
        margin-right: 1.5em!important
    }

    .single-post .site-content ,.single-pi .site-content {
        padding: 1em 0 0
    }

    .single-post .entry-header h2,.single-pi .entry-header h2 {
        font-size: 40px;
        font-weight: 800;
        color: #000;
        margin: 0
    }

    .single-post .entry-header .report-logo, .single-pi .entry-header .report-logo {
        width: 45%;
        top: -85px;
        right: -30px
    }

    .single-post .wrap,.single-pi .wrap {
        padding-left: 0;
        padding-right: 0
    }

    .site-footer .wrap {
        padding-left: 1.5em;
        padding-right: 1.5em
    }

    .single-post .entry-header .report-logo img,.single-pi .entry-header .report-logo img {
    }

    .single .report-map-wrapper #map,.page-template .report-map-wrapper #map {
        width: 100%;
        height: 30vh;
        border: 4px solid #fff;
        margin: 0
    }

    .report-map-wrapper {
        margin-right: 1.5em;
        margin-left: 1.5em
    }

    .report-content-wrapper {
        float: left;
        width: 100%;
        margin-top: 50px
    }

    .report-content-wrapper .report-info .main-title {
        color: #000;
        font-size: 30px;
        font-weight: 400;
        line-height: 1.2em
    }

    .report-content-wrapper .report-info {
        width: 65%;
        float: left;
        margin-left: 1.5em;
        margin-right: 1.5em
    }

    .report-content-wrapper .report-info .content-section {
        display: none
    }

    .report-content-wrapper .report-info .notable-block {
        display: none
    }

    .report-content-wrapper .report-date {
        width: 20%;
        float: left;
        clear: none;
        margin-left: 1.5em
    }

    .report-content-wrapper .report-date .day {
        width: 120px;
        background-color: #000;
        color: #fff;
        font-size: 60px;
        text-align: center;
        line-height: 57px;
        padding-top: 10px
    }

    .report-content-wrapper .report-date .month {
        width: 120px;
        background-color: #000;
        color: #fff;
        font-size: 24px;
        font-weight: 800;
        text-align: center;
        text-transform: uppercase;
        padding-bottom: 0
    }

    .report-content-wrapper .report-date .time {
        font-size: 18px;
        font-weight: 600;
        text-align: center;
        width: 120px;
        background-color: #1a77bc;
        padding: 5px 0;
        color: #fff
    }

    .content-section.mobile table,.content-section.mobile tr,.content-section.mobile td,.content-section.mobile th {
        border: 0!important
    }

    .single-post .content-section.mobile table, .single-post .content-section.mobile tr, .single-post .content-section.mobile td, .single-post .content-section.mobile th,.single-pi .content-section.mobile table, .single-pi .content-section.mobile tr, .single-pi .content-section.mobile td, .single-pi .content-section.mobile th {
        border: 1px solid #000!important
    }

    .single-post .content-section.mobile table ,.single-pi .content-section.mobile table {
        border: 0!important
    }

    .content-section.mobile ul {
        list-style: inherit
    }

    .content-section.mobile ol {
        padding-left: 30px
    }

    .report-content-wrapper .content-section.mobile .main-title {
        color: #000;
        font-size: 30px;
        font-weight: 400;
        line-height: 1.2em
    }

    .report-content-wrapper .content-section.mobile {
        float: none;
        margin-right: 1.5em;
        margin-left: 1.5em
    }

    .report-content-wrapper .content-section.mobile .content-section.mobile {
        float: none;
        margin-right: 0em;
        margin-left: 0em
    }

    .report-content-wrapper .content-section.mobile .sub-title {
        color: #1a77bc;
        font-size: 24px;
        line-height: 36px;
        font-weight: 600;
        padding-left: 20px;
        border-left: 2px solid #000;
        padding-top: 0
    }

    .report-content-wrapper .content-section.mobile .content {
        font-size: 22px;
        color: #484a4c
    }

    .report-content-wrapper .content-section.mobile .content ul,.report-content-wrapper .content-section.mobile .content ol {
        padding-left: 22px
    }

    .report-content-wrapper .content-section.mobile .content ul li,.report-content-wrapper .content-section.mobile .content ol li {
        padding-bottom: 18px;
        font-size: 22px;
        color: #484a4c
    }

    .report-siderbar-mobile {
        display: block!important;
        float: left;
        width: 100%;
        padding-left: 1.5em;
        padding-right: 1.5em
    }

    .report-siderbar-mobile .widget_sp_image {
        text-align: center
    }

    .report-siderbar-mobile .related-report-wrapper {
        margin-top: 30px;
        margin-bottom: 30px
    }

    .report-content-wrapper .report-siderbar {
        display: none
    }

    .report-properties.mobile {
        display: block!important;
        clear: both;
        padding-top: 6%;
        padding-bottom: 6%;
        margin-right: 1.5em;
        margin-left: 1.5em
    }

    .report-properties.mobile .single-box {
        background-color: #f2f4f5;
        max-height: 80px;
        line-height: 20px;
        border-bottom: 2px solid #fff
    }

    .report-properties.mobile .single-box .icon-img {
        float: left;
        width: 10%;
        height: 80px;
        position: relative
    }

    .report-properties.mobile .single-box .icon-img svg {
        margin: auto;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0
    }

    .report-properties.mobile .single-box .header {
        font-weight: 800;
        width: 50%;
        display: inline-block;
        font-size: 16px;
        position: relative;
        top: 0;
        line-height: 80px;
        float: left
    }

    .report-properties.mobile .single-box .value {
        width: 38%;
        display: inline-block;
        position: relative;
        top: 0;
        height: 80px;
        display: table-cell;
        vertical-align: middle
    }

    .report-properties.mobile .single-box .value span {
        position: relative;
        line-height: 0;
        top: -15px
    }

    .report-properties.mobile .single-box .value span:last-child {
        position: relative;
        line-height: 0;
        top: 10px
    }

    .content-section.mobile,.notable-block.mobile {
        display: block!important;
        clear: both;
        padding-top: 6%;
    }

    .report-buttom-area {
        display: none
    }

    .report-buttom-area.mobile {
        display: block!important;
        float: left;
        width: 100%;
        padding: 0 1.5em
    }

    .report-buttom-area.mobile .comment-list {
    }

    .report-buttom-area.mobile .comment-list .comment-author {
        font-size: 14px;
        text-transform: uppercase;
        color: #737373
    }

    .report-buttom-area.mobile .comment-list .comment-author b {
        font-weight: 800
    }

    .report-buttom-area.mobile .comment-list .comment-metadata {
        color: #878787;
        font-size: 18px;
        text-transform: none;
        font-weight: 600;
        box-shadow: none
    }

    .report-buttom-area.mobile .comment-list .comment-content {
        font-size: 20px;
        color: #484a4c
    }

    .report-footer-area ul li {
        width: 24%
    }

    .report-footer-area ul li.download {
        display: none
    }

    .report-footer-area ul li.upgrade-account {
        display: none
    }

    .upgrade-account.mobile {
        display: block
    }

    .upgrade-account.mobile {
        padding: 0;
        line-height: 76px;
        background-color: #0071bc;
        top: -16px;
        position: relative;
        margin-right: 1.5em;
        margin-left: 1.5em;
        text-transform: uppercase;
        text-align: center
    }

    .upgrade-account.mobile .image {
        position: absolute;
        margin-top: 0;
        top: 5px;
        padding-left: 10px;
        left: 25%
    }

    .upgrade-account.mobile .title {
        color: #fff!important;
        font-size: 16px;
        font-weight: 800
    }

    .site-footer .contact-info section {
        width: 50%;
        float: left;
        padding-bottom: 1em
    }

    .site-footer .widget {
        padding-bottom: 2em
    }

    .site-footer .widget-area {
        padding-top: 2em
    }

    .social-navigation,.site-info {
        text-align: center
    }

    .profile-header .user-box .user-box-info {
        float: left;
        width: 100%
    }

    .profile-header .user-box .action-buttons {
        width: 100%;
        float: left;
        margin-top: 5px
    }

    .profile-header .tabs li:nth-child(3) {
        display: none
    }

    .profile-header .tabs ul li {
        display: inline-block;
        padding-right: 10px;
        padding-left: 10px;
        margin-right: 0
    }

    .page-template-profile-page .site-content {
        padding: 0
    }

    .profile-header .user-box {
        margin-top: 1em
    }

    .profile-header {
        height: 185px
    }

    .page-template-profile-page #adduserdisplay .form-theme {
        margin-bottom: 30px
    }

    .page-template-access-page #content .wrap {
        padding: 0
    }

    .travelers .report-content-wrapper .report-info {
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }

    .travelers .report-content-wrapper .report-info .content-section {
        position: relative;
        display: block
    }

    .travelers .report-map-wrapper {
        margin-right: 0;
        margin-left: 0
    }

    .travelers .report-content-wrapper .report-date {
        margin-left: 0
    }

    .travelers .report-content-wrapper {
        margin-top: 15px
    }

    .report-content-wrapper .report-siderbar.travelers {
        display: block;
        padding-left: 0!important;
        width: 100%!important
    }

    .travelers .costumize-form-wrapper {
        margin-bottom: 50px
    }

    .single-block-title {
        line-height: 56px!important
    }

    .single-block-title .title-image {
        width: 46px!important;
        height: 56px!important
    }
}

@media screen and (max-width: 30em) {
    .travelers .report-content-wrapper .report-date {
        margin-left:0
    }

    .custom-logo-link {
        padding-left: .5em
    }

    .custom-logo-link img {
        top: 1px;
        position: relative;
        width: 42vw;
        float: left;
    }

    .menu-toggle {
        width: 5em;
        height: 4em
    }

    .navigation-top .user-box-info {
        display: inline-block;
        float: right;
        margin-right: 15px;
        padding: 8px 0;
        min-width: auto;
        position: relative;
        cursor: pointer
    }

    .navigation-top .user-box-info:after {
        top: 15px
    }

    .single-post .entry-header h2,.single-pi .entry-header h2 {
        font-size: 1.3em!important
    }

    .single-post .entry-header .report-logo,.single-pi .entry-header .report-logo {
        width: 45%;
        top: -3em;
        right: -20px
    }

    .report-content-wrapper {
        float: left;
        width: 100%;
        margin-top: 25px!important
    }

    .report-content-wrapper .report-date {
        width: 25%;
        float: left;
        clear: none;
        margin-left: 1.5em
    }

    .report-content-wrapper .report-date .day {
        width: 80px;
        background-color: #000;
        color: #fff;
        font-size: 40px;
        text-align: center;
        line-height: 37px;
        padding-top: 10px
    }

    .report-content-wrapper .report-date .month {
        width: 80px;
        background-color: #000;
        color: #fff;
        font-size: 18px;
        font-weight: 800;
        text-align: center;
        text-transform: uppercase;
        padding-bottom: 0
    }

    .report-content-wrapper .report-date .time {
        font-size: 11px;
        font-weight: 600;
        text-align: center;
        width: 80px;
        background-color: #1a77bc;
        padding: 5px 0;
        color: #fff
    }

    .report-content-wrapper .report-info .main-title {
        color: #000;
        font-size: 1em;
        font-weight: 400;
        line-height: 1.2em
    }

    .report-content-wrapper .report-info {
        width: 60%;
        float: left;
        margin-left: .75em;
        margin-right: .75em
    }

    .report-properties.mobile .single-box {
        background-color: #f2f4f5;
        max-height: 50px;
        line-height: 12px;
        height: 50px;
        border-bottom: 2px solid #fff
    }

    .report-properties.mobile .single-box .icon-img {
        float: left;
        width: 15%;
        height: 50px;
        position: relative
    }

    .report-properties.mobile .single-box .icon-img svg {
        margin: auto;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0
    }

    .report-properties.mobile .single-box .header {
        font-weight: 800;
        width: 50%;
        display: inline-block;
        font-size: .6em;
        position: relative;
        top: 0;
        line-height: 50px;
        float: left
    }

    .report-properties.mobile .single-box .value {
        width: 32%;
        display: inline-block;
        font-size: .6em;
        position: relative;
        top: 0;
        height: 50px;
        display: table-cell;
        vertical-align: middle
    }

    .report-properties.mobile .single-box .value span {
        position: relative;
        line-height: 0;
        top: -5px
    }

    .report-properties.mobile .single-box .value span:last-child {
        position: relative;
        line-height: 0;
        top: 5px
    }

    .report-content-wrapper .content-section.mobile .sub-title {
        font-size: 1.2em;
        padding-left: 10px;
        line-height: 28px
    }

    .report-content-wrapper .content-section.mobile .content ul li,.report-content-wrapper .content-section.mobile .content ol li {
        padding-bottom: 9px;
        font-size: .5em
    }

    .report-content-wrapper .content-section.mobile .content ul li ul li,.report-content-wrapper .content-section.mobile .content ol li ol li {
        padding-bottom: 9px;
        font-size: inherit
    }

    .report-content-wrapper .content-section.mobile .content p {
        font-size: .5em
    }

    .report-content-wrapper .content-section.mobile .content ul,.report-content-wrapper .content-section.mobile .content ol {
        margin-bottom: 10px
    }

    .report-buttom-area.mobile .comment-list .comment-author {
        font-size: .8em;
        text-transform: uppercase;
        color: #737373
    }

    .report-buttom-area.mobile .comment-list .comment-author b {
        font-weight: 800
    }

    .report-buttom-area.mobile .comment-list .comment-metadata {
        color: #878787;
        font-size: .8em;
        text-transform: none;
        font-weight: 600;
        box-shadow: none
    }

    .report-buttom-area.mobile .comment-list .comment-content {
        font-size: .8em;
        color: #484a4c
    }

    .upgrade-account.mobile {
        padding: 0;
        line-height: 4em;
        background-color: #0071bc;
        top: -16px;
        position: relative;
        margin-right: 1.5em;
        margin-left: 1.5em;
        text-transform: uppercase;
        text-align: center
    }

    .upgrade-account.mobile .image {
        position: absolute;
        margin-top: 0;
        top: .8em;
        padding-left: 10px;
        left: 3.5em;
        line-height: 0
    }

    .upgrade-account.mobile .title {
        color: #fff!important;
        font-size: .8em;
        font-weight: 800
    }

    .reports-list-wrapper .page-title h1 {
        font-size: 1.5em
    }

    .reports-list-wrapper .reports-list li .info .title {
        font-size: 1em
    }

    .reports-list-wrapper .reports-list li .info .location {
        font-size: .8em
    }

    .reports-list-wrapper .reports-list li .info .location:before {
        font-size: 14px
    }

    .reports-list-wrapper .reports-list li .info .date {
        font-size: .8em
    }

    .reports-list-wrapper .reports-list li .info .date:before {
        font-size: 14px
    }

    .reports-list-wrapper .reports-list li .info .excerpt {
        font-size: .8em
    }

    .reports-list-wrapper .reports-list li .ricon {
        top: .1em
    }

    .search-reports-form.mobile input[type=submit] {
        font-size: 1em;
        color: #fff;
        text-transform: uppercase;
        background-color: #006db5!important;
        width: 100%;
        padding: 17px 0;
        min-height: 46px;
        position: relative;
        bottom: 10%;
        left: 0;
        margin-left: 0
    }

    .search-reports-form.mobile {
        padding: 20px;
        border-bottom: 2px solid #22252a
    }

    .search-reports-form.mobile input[type=text],.reports-list-wrapper .search-reports-form input[type=search] {
        display: inline-block;
        width: 30%;
        max-width: 200px;
        min-width: 200px;
        background-color: #202020;
        border-color: #2f3238;
        border-radius: 0;
        max-height: 40px;
        min-height: 40px;
        margin-right: 15px;
        font-size: 12px;
        color: #999
    }

    .search-reports-form.mobile select {
        max-height: 46px;
        min-height: 46px;
        margin-right: 0;
        font-size: 1em;
        padding-left: 12px
    }

    .search-reports-form.mobile .select-wrapper {
        position: relative;
        display: inline-block;
        width: 100%;
        margin-bottom: .5em
    }

    .search-reports-form.mobile .search-field-wrapper {
        width: 100%
    }

    .search-reports-form.mobile .date-range-wrapper {
        width: 100%
    }

    .search-reports-form.mobile .select-wrapper:after {
        font-family: fontawesome;
        color: #999;
        position: absolute;
        right: 20px;
        top: 6px;
        content: "\f107";
        font-size: 1.5em;
        z-index: 9
    }

    .search-reports-form.mobile .date-range-wrapper:before {
        font-family: fontawesome;
        color: #006db5;
        position: absolute;
        left: 15px;
        top: 12px;
        content: "\f073";
        z-index: 9;
        font-size: 1em;
        cursor: pointer
    }

    .search-reports-form.mobile input[type=text],.search-reports-form.mobile input[type=search] {
        max-height: 46px;
        min-height: 46px;
        padding-left: 2em!important;
        font-size: 1em;
        width: 100%;
        max-width: inherit
    }

    .search-field-wrapper:before {
        font-family: fontawesome;
        color: #999;
        position: absolute;
        left: 10px;
        top: 12px;
        font-size: 1em
    }

    .search-reports-form.mobile .search-field-wrapper input[type=search] {
        width: 100%
    }

    .site-footer .contact-info section {
        width: 48%;
        float: left;
        padding-bottom: 1em;
        margin-right: 2%
    }
}

@media screen and (max-width: 21em) {
    .site-footer .contact-info section {
        width:100%;
        float: left;
        padding-bottom: 1em;
        margin-right: 2%
    }

    .upgrade-account.mobile .image {
        left: 1.5em
    }

    .profile-header {
        height: 205px
    }
}

.js .main-navigation ul.sub-menu {
    visibility: hidden;
    max-height: 0;
    opacity: 0;
    width: 100%;
    background: inherit;
    list-style: none
}

.js .main-navigation ul.sub-menu ul.sub-menu {
    overflow: auto;
    z-index: 99999999999999
}

.js .main-navigation ul.sub-menu ul.sub-menu::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    border-radius: 10px;
    background-color: transparent
}

.js .main-navigation ul.sub-menu ul.sub-menu::-webkit-scrollbar {
    width: 10px;
    background-color: transparent
}

.js .main-navigation ul.sub-menu ul.sub-menu::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.3);
    background-color: #006db5
}

.js .main-navigation ul li:hover ul.sub-menu {
    visibility: visible;
    opacity: 1;
    max-height: inherit;
    transition-delay: 1s
}

.js .main-navigation ul#top-menu li:hover ul.sub-menu li ul.sub-menu {
    transition-delay: 0s!important
}

.js .main-navigation ul li ul.sub-menu li:hover ul.sub-menu {
    transition-delay: 0s!important
}

.home .elementor-widget-video .elementor-custom-embed-image-overlay img {
    box-shadow: 0 10px 80px 0 rgba(0,0,0,.6)
}

.login-wrapper.mailer {
    background-image: url(https://app.max-security.com/wp-content/themes/max-portal/images/register-back-pop.png);
    background-repeat: no-repeat;
    background-color: #fff;
    background-position: right
}

.login-wrapper {
    position: fixed;
    display: none;
    z-index: 9999;
    position: fixed;
    height: auto;
    top: 50%;
    left: 60%;
    width: 50%;
    max-width: 570px;
    max-height: 410px;
    margin-left: -25%;
    margin-top: -12.5%
}

.login-wrapper .left {
    float: left;
    width: 50%;
    min-height: 415px;
    background-color: #fff;
    padding: 40px
}

.login-wrapper .left textarea {
    border-color: #dedede;
    border-radius: 0;
    border-width: 2px;
    margin-bottom: 10px;
    font-size: 12px;
    color: #828997;
    min-height: 40px
}

.login-wrapper .left h3 {
    font-size: 24px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 0
}

.login-wrapper.mailer .left h3 {
    margin-bottom: 20px
}

.login-wrapper .left .desc,.login-wrapper .left label {
    color: #828997;
    font-size: 12px;
    font-weight: 400
}

.login-wrapper .left .desc {
    margin: 0
}

.login-wrapper .left #form-messages {
    font-size: 14px;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: 700
}

.login-wrapper .left .status {
    color: #000;
    font-size: 12px;
    font-weight: 600
}

.login-wrapper .left #login-inner {
    margin-top: 20px
}

.login-wrapper .left input {
    border-color: #dedede;
    border-radius: 0;
    border-width: 2px;
    margin-bottom: 10px;
    font-size: 12px;
    color: #828997;
    min-height: 40px
}

.login-wrapper .left [type=submit] {
    background: #3078bf;
    width: 100%;
    font-size: 11px;
    text-transform: uppercase;
    height: 40px;
    margin-top: 20px
}

.login-wrapper .right {
    float: left;
    width: 50%;
    min-height: 415px;
    background-image: url(images/register-back-pop.png);
    padding: 40px;
    position: relative
}

.login-wrapper .right .wrapper {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 40px;
    height: 150px
}

.login-wrapper .right h3 {
    font-size: 13px;
    color: #fff;
    text-align: center
}

.login-wrapper .right a {
    background: 0 0;
    width: 100%;
    font-size: 11px;
    text-transform: uppercase;
    height: 40px;
    padding: 10px;
    display: inline-block;
    border: 2px solid #fff;
    color: #fff;
    text-align: center
}

.login_overlay {
    height: 100%;
    width: 100%;
    background-color: #000;
    opacity: .5;
    position: fixed;
    z-index: 9998
}

.page-template-access-page {
}

.page-template-access-page .reports-map {
    float: left;
    width: 100%;
    display: none;
    opacity: 0;
    height: 0
}

.page-template-access-page .reports-list-wrapper {
    float: left;
    width: 100%;
    height: auto;
    background-color: #060709;
    display: none
}

.page-template-access-page .reports-list-wrapper .reports-list {
    margin: 20px 50px;
    max-height: inherit;
    height: auto;
    overflow-y: auto
}

.page-template-access-page .reports-map.active {
    display: block;
    opacity: 1;
    height: auto
}

.page-template-access-page .reports-list-wrapper.active {
    display: block;
    position: relative
}

.page-template-access-page .desk-action-bar {
    display: block;
    width: 100%;
    margin: 0 auto;
    z-index: 9
}

.page-template-access-page .desk-action-bar.filters {
    display: none
}

.page-template-access-page .desk-action-bar ul {
    margin: 0 auto;
    width: 250px;
    list-style: none;
    background-color: #1a77bc;
    float: left;
    position: relative;
    left: 0;
    margin-bottom: 10px
}

.page-template-access-page .desk-action-bar ul li {
    float: left;
    width: 100%;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 800;
    padding: 10px 0;
    cursor: pointer
}

.page-template-access-page .desk-action-bar ul li.active {
    display: none
}

.page-template-access-page .desk-action-bar ul li.filters.active {
    display: block
}

.page-template-access-page .desk-action-bar ul li.map {
    border-right: 0
}

.page-template-access-page .desk-action-bar.map ul li.map {
    display: none
}

.page-template-access-page .desk-action-bar ul li.list {
    border-right: 1px solid #d6d6d6
}

.page-template-access-page .desk-action-bar.list ul li.list {
    display: none
}

.page-template-access-page .desk-action-bar ul li.filters {
    border-left: 1px solid #d6d6d6
}

.page-numbers.current {
    color: #fff;
    display: inline-block
}

.page:not(.page-template-elastic-search) .pagination.sp .page-numbers.current {
    color: #000;
    display: inline-block
}

.page:not(.page-template-elastic-search) .pagination,.comments-pagination {
    /* border-top: 0; */
    /* padding: 1em 0; */
}

.page:not(.page-template-elastic-search) .pagination a {
    color: #6f747d;
    -webkit-box-shadow: inset 0 -1px 0 #6f747d;
    box-shadow: inset 0 -1px 0 #6f747d
}

.page:not(.page-template-elastic-search) .pagination a.page-numbers {
    -webkit-box-shadow: none;
    box-shadow: none;
    display: inline-block
}

.page:not(.page-template-elastic-search) .pagination a:hover {
    color: #fff
}

@media screen and (max-width: 48em) {
    .single-pi .report-company-name {
        width: 100%;
        margin-left: 1.2em;
    }

    table {
        margin-bottom: 0;
        overflow: hidden;
        overflow-x: scroll;
        display: block;
        white-space: nowrap
    }

    .single-post table,.single-pi table {
        margin-bottom: 0;
        overflow: initial;
        overflow-x: unset;
        display: block;
        white-space: initial;
        border: 0!important
    }

    .single-post table th,.single-post table td,.single-pi table th,.single-pi table td {
        border: 1px solid #000!important
    }

    table::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,.5);
        border-radius: 10px;
        background-color: transparent
    }

    table::-webkit-scrollbar {
        width: 10px;
        background-color: transparent
    }

    table::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.3);
        background-color: #006db5
    }

    .single-special_report .sp-reports-form .gform_description {
        font-size: 70px!important
    }

    .single-special_report .entry-content .left,.single-special_report .entry-content .right {
        width: 100%!important;
        float: none!important
    }

    .single-special_report .sp-reports-form {
        padding: 0!important
    }
}

.general-date-filter {
    margin-top: 10px;
    display: block;
    width: 100%
}

body .search-reports-form .general-date-filter input {
    height: 40px;
    width: 23%;
    padding-right: 10px!important;
    padding-left: 10px!important;
    min-width: 120px;
    margin-right: 3%;
    text-transform: uppercase;
    border: 1px solid #1a77bc;
    background-color: #202020
}

body .search-reports-form .general-date-filter input:hover {
    background-color: #1a77bc
}

.general-date-filter input:nth-child(3) {
}

.general-date-filter input:nth-child(4) {
    margin-right: 0;
    width: 20%
}

.general-date-filter input.active {
    background: #1a77bc
}

.page-template-access-page .search-reports-form .search-submit {
    display: inline-block;
    margin-left: 2%;
    padding: 1em;
    max-height: 40px;
    top: 2px;
    left: 10px;
    position: relative;
    width: 21%;
    text-transform: uppercase;
    border: 1px solid #0071bc;
    line-height: 10px;
    background-color: #202020
}

.search-reports-form .search-submit {
    display: inline-block;
    margin-left: 3%;
    padding: 1em;
    max-height: 40px;
    top: 2px;
    left: 2px;
    position: relative;
    width: 20%;
    text-transform: uppercase;
    border: 1px solid #0071bc;
    line-height: 10px;
    background-color: #202020
}

.search-reports-form .search-submit:hover {
    background: #1a77bc
}

#container-async {
    clear: both;
    float: left;
    width: 100%
}

.sp.nav-filter {
    list-style: none;
    text-align: left
}

.sp.nav-filter li {
    display: inline-block;
    padding: 5px 10px;
    font-size: 14px;
    background-color: #0071bc;
    margin-bottom: 10px;
    margin-right: 5px;
    border-radius: 5px
}

.sp.nav-filter li.active a {
    font-weight: 700
}

.sp.nav-filter li.active {
    background-color: #000
}

.sp.nav-filter li a {
    font-family: open sans,sans-serif!important;
    font-weight: 700;
    outline: none;
    color: #fff
}

.sp.nav-filter li a:hover {
    box-shadow: none
}

.sp.nav-filter li a:focus {
    box-shadow: none!important
}

.download-map-pdf {
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    background-color: #0071bc!important;
    width: 200px;
    margin: auto;
    font-weight: 700;
    margin-top: 25px;
    margin-bottom: 10px;
    border-radius: 2px
}

.download-map-pdf a {
    display: block;
    padding: 15px
}

.download-map-pdf:hover {
    background-color: #000!important
}

.download-map-pdf a {
    color: #fff
}

.refresh-overlay {
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 99;
    display: none
}

#refresh-box {
    display: none;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 50px;
    line-height: 50px;
    width: 300px;
    z-index: 999;
    background-color: #006db5;
    border-radius: 10px
}

#refresh-box p {
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0
}

.favorite-reports h2 {
    color: #0071bc;
    font-size: 32px;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 20px
}

.favorites-list {
    padding-left: 0
}

.favorites-list li {
}

.favorites-list li p {
    margin-bottom: 5px
}

.favorites-list li a {
}

.site-footer .contact-info section {
    width: 100%;
    float: left;
    padding-bottom: 1em;
    margin-right: 2%
}

@media screen and (max-width: 48em) {
    .special-report-row.list .single-special-report {
        width:48%;
        min-height: 300px
    }

    body .single-special-report .special-report-info .entry-title {
        font-size: 12px!important;
        max-width: 100%
    }

    .special-report-row.list .special-report-info {
        padding: 0
    }

    .sp.nav-filter li {
        font-size: 10px
    }

    .special-report-row {
        margin-top: 0
    }

    .sp.nav-filter {
        list-style: none;
        text-align: left
    }

    .fancybox {
        pointer-events: none;
        cursor: default
    }
}

.site-info-text {
    display: inline-block;
    float: right;
    margin-right: 0;
    padding: 25px 0;
    min-width: 150px;
    position: relative;
    cursor: pointer
}

.site-info-text h4 {
    margin-bottom: 0;
    text-transform: uppercase;
    color: #fff
}

.site-info-text span {
    text-transform: uppercase;
    color: #ed1c24;
    font-weight: 800
}

#commentform {
    display: none
}

#reply-title {
    position: relative;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700
}

#reply-title i {
    position: absolute;
    right: 0;
    font-size: 25px;
    cursor: pointer
}

.contact-us-form {
}

.contact-us-form .gfield_label {
    color: #a2aabd;
    text-transform: uppercase;
    margin-bottom: 0;
    margin-top: 20px;
    font-size: 14px!important
}

.contact-us-form .gform_wrapper .gfield_radio li label {
    margin: 2px 0 0 4px;
    color: #a2aabd;
    text-transform: uppercase;
    font-weight: 700
}

.contact-us-form .gfield_label .gfield_required {
    color: #a2aabd
}

.contact-us-form .ginput_container {
    margin-top: 0!important
}

.contact-us-form .gform_wrapper ul.gform_fields li.gfield {
    padding-right: 0
}

.contact-us-form input[type=text],.contact-us-form input[type=email],.contact-us-form input[type=tel],.contact-us-form textarea {
    border: 0;
    border-bottom: 1px solid #a2aabd;
    border-radius: 0;
    color: #a2aabd;
    background-color: transparent
}

.contact-us-form input[type=submit] {
    width: 100%!important;
    max-width: 200px;
    background: #1a77bc;
    text-transform: uppercase;
    font-size: 16px!important
}

.contact-us-form .gform_wrapper .gform_footer {
    text-align: center
}

.contact-us-text p {
    margin: 0!important
}

.page-template-logged-page.elementor-page .site-content {
    padding: 6.2em 0 0
}

.africa-image {
    background-image: url(images/africa.png);
    width: 182px;
    height: 137px;
    margin: 0 auto;
    margin-bottom: 10px
}

.africa-image:hover,.elementor-active .africa-image {
    background-image: url(images/africa-active.png)
}

.mena-image {
    background-image: url(images/mena.png);
    width: 182px;
    height: 137px;
    margin: 0 auto;
    margin-bottom: 10px
}

.mena-image:hover,.elementor-active .mena-image {
    background-image: url(images/mena-active.png)
}

.usa-image {
    background-image: url(images/usa.png);
    width: 160px;
    height: 121px;
    margin: 0 auto;
    margin-bottom: 10px;
    background-size: 100% 100%
}

.usa-image:hover,.elementor-active .usa-image {
    background-image: url(images/usa-active.png)
}

.america-image {
    background-image: url(images/america.png);
    width: 182px;
    height: 137px;
    margin: 0 auto;
    margin-bottom: 10px
}

.america-image:hover,.elementor-active .america-image {
    background-image: url(images/america-active.png)
}

.asia-image {
    background-image: url(images/asia.png);
    width: 182px;
    height: 137px;
    margin: 0 auto;
    margin-bottom: 10px
}

.asia-image:hover,.elementor-active .asia-image {
    background-image: url(images/asia-active.png)
}

.europe-image {
    background-image: url(images/europe.png);
    width: 182px;
    height: 137px;
    margin: 0 auto;
    margin-bottom: 10px
}

.europe-image:hover,.elementor-active .europe-image {
    background-image: url(images/europe-active.png)
}

.risk-level-tabs .elementor-tab-title {
    text-align: center!important
}

.wpfc-calendar .fc-center h2 {
    font-size: 18px!important
}

.global-risk-level-indicator-wrapper .tab-notif-content {
    opacity: 0;
    position: absolute
}

.global-risk-level-indicator-wrapper .tab-notif-content.active {
    opacity: 1
}

.report-content-wrapper .report-siderbar .report-properties.travelers .single-box .icon-img {
    padding: 0;
    height: 66px;
    width: 66px
}

.report-content-wrapper .report-siderbar .report-properties.travelers .single-box {
    margin-bottom: 20px;
    min-height: 66px
}

.report-content-wrapper .report-siderbar .report-properties.travelers .single-box.no-image {
    margin-bottom: 20px;
    min-height: 66px;
    border-left: 2px solid;
    border-color: #a4b3be;
    padding-left: 15px
}

.report-content-wrapper .report-siderbar .report-properties.travelers .single-box .icon-img svg {
    margin-top: 26px
}

.report-content-wrapper .report-siderbar .report-properties.travelers .single-box .header {
    padding-top: 13px
}

.report-content-wrapper .report-siderbar .report-properties.travelers h2.title {
    font-weight: 800;
    color: #000;
    padding-top: 0
}

.report-content-wrapper .report-siderbar.travelers {
    padding-left: 60px;
    width: 340px;
    position: relative
}

.report-content-wrapper .report-date.travelers {
    width: 260px
}

.report-content-wrapper .report-date.travelers img {
    max-width: 218px
}

.travelers .costumize-wrapper {
    margin-top: 15px
}

.travelers .costumize-btn {
    display: block;
    max-width: 218px;
    text-align: center;
    background-color: #1a77bc;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 0;
    cursor: pointer;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: none;
    font-weight: 700
}

.travelers .costumize-btn:hover {
    background-color: #000
}

.travelers .costumize-form-wrapper {
    display: none;
    max-width: 218px;
    margin-top: 15px;
    padding: 15px;
    background-color: #fff;
    color: #313131;
    border: 1px solid #d6d6d6;
    -webkit-box-shadow: 6px 10px 49px 0 rgba(0,0,0,.75);
    -moz-box-shadow: 6px 10px 49px 0 rgba(0,0,0,.75);
    box-shadow: 6px 10px 49px 0 rgba(0,0,0,.75);
    z-index: 9999
}

.travelers .costumize-form-wrapper h3 {
    text-transform: uppercase;
    font-weight: 800;
    font-size: 130%;
    color: #006db0;
    padding-top: 10px
}

.travelers .costumize-form-wrapper input,.travelers .costumize-form-wrapper textarea {
    display: inline-block;
    min-height: 40px;
    width: 100%;
    font-size: 14px;
    line-height: 1.8;
    padding: 6px 12px;
    vertical-align: middle;
    background-color: transparent;
    color: #333;
    border: 1px solid #000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.travelers .costumize-form-wrapper .field {
    margin-top: 10px
}

.travelers .costumize-form-wrapper button {
    margin-top: 10px;
    width: 100%;
    padding: 10px;
    text-transform: uppercase
}

.travelers .costumize-form-wrapper a.closeX {
    position: relative;
    left: 0;
    top: 0;
    width: 22px;
    height: 22px;
    opacity: .3;
    display: block;
    float: left;
    z-index: 999;
    box-shadow: none
}

.travelers .costumize-form-wrapper a.closeX:hover {
    opacity: 1
}

.travelers .costumize-form-wrapper a.closeX:before,.travelers .costumize-form-wrapper a.closeX:after {
    position: absolute;
    left: 10px;
    content: ' ';
    height: 22px;
    width: 2px;
    background-color: #333
}

.travelers .costumize-form-wrapper a.closeX:before {
    transform: rotate(45deg)
}

.travelers .costumize-form-wrapper a.closeX:after {
    transform: rotate(-45deg)
}

.travelers .report-content-wrapper {
    margin-top: 30px
}

.travelers .report-content-wrapper input[type=checkbox] {
    display: none;
    position: absolute;
    right: 0
}

.travelers .report-content-wrapper input[type=checkbox].single-section {
    position: relative
}

.travelers .report-content-wrapper .report-info .content-section {
    position: relative
}

.travelers .report-content-wrapper input[type=button].select-all {
    position: relative;
    text-transform: uppercase;
    width: 100%
}

.travelers .report-content-wrapper input[type=button].select-all:hover {
    color: #fff;
    background-color: #006db0;
    border-color: #006db0
}

.single-block-title {
    padding-top: 0;
    font-weight: 800;
    color: #000;
    line-height: 66px;
    margin-bottom: 10px
}

.single-block-title {
    font-size: 30px;
    font-weight: 900;
    color: #0070ae;
    padding: 0;
    text-transform: uppercase;
    margin-bottom: 20px
}

.single-block-title .title-image {
    display: inline-block;
    position: relative;
    width: 66px;
    height: 66px;
    float: left;
    margin-right: 10px
}

.single-block-title .title-image img {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin-left: 0
}

.single-section-title {
    padding-top: 0;
    font-weight: 800;
    text-transform: uppercase;
    color: #006db0
}

.single-section .single-block {
    margin-bottom: 20px;
    position: relative
}

.single-block .onoffswitch {
    position: absolute;
    width: 140px;
    right: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.onoffswitch {
    position: relative;
    width: 140px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.onoffswitch.all {
    width: 186px
}

.onoffswitch-checkbox {
    display: none!important
}

.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid #999;
    border-radius: 20px;
    display: none
}

.onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    transition: margin .3s ease-in 0s
}

.onoffswitch-inner:before,.onoffswitch-inner:after {
    display: block;
    float: left;
    width: 50%;
    height: 30px;
    padding: 0;
    line-height: 30px;
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    box-sizing: border-box
}

.onoffswitch-inner:before {
    content: "All SECTION";
    padding-left: 10px;
    background-color: #006db0;
    color: #fff
}

.onoffswitch-inner.all:before {
    content: "All BRIEF SELECTED";
    padding-left: 10px;
    background-color: #006db0;
    color: #fff
}

.onoffswitch-inner.all:after {
    content: "SELECT ALL BRIEF";
    padding-right: 20px;
    background-color: #eee;
    color: #999;
    text-align: right
}

.single-block .onoffswitch-inner:before {
    content: "All BLOCK";
    padding-left: 10px;
    background-color: #006db0;
    color: #fff
}

.onoffswitch-inner:after {
    content: "OFF";
    padding-right: 10px;
    background-color: #eee;
    color: #999;
    text-align: right
}

.onoffswitch-switch.all {
    right: initial
}

.onoffswitch-switch {
    display: block;
    width: 18px;
    margin: 6px;
    height: 22px;
    background: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 106px;
    border: 2px solid #999;
    border-radius: 20px;
    transition: all .3s ease-in 0s
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner {
    margin-left: 0
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch {
    right: 0
}

[id^=single_block_]+label,[id^=main_info]+label,[id^=major_religious]+label,[id^=emengercy_numbers]+label {
    background-color: #fff;
    padding: 11px 9px;
    border-radius: 15px;
    display: inline-block;
    position: absolute;
    right: 0;
    margin-right: 0;
    background: #eee;
    border: 2px solid #999;
    width: 60px;
    height: 22px;
    margin-bottom: 0;
    top: 20px;
    display: none
}

[id^=single_block_]+label:before,[id^=main_info]+label:before,[id^=major_religious]+label:before,[id^=emengercy_numbers]+label:before {
    content: ' ';
    position: absolute;
    background: #fff;
    top: 0;
    z-index: 1;
    left: 0;
    width: 22px;
    color: #fff;
    height: 22px;
    border-radius: 15px
}

[id^=single_block_]+label:after,[id^=main_info]+label:after,[id^=major_religious]+label:after,[id^=emengercy_numbers]+label:after {
    content: 'OFF';
    position: absolute;
    font-size: .8em;
    color: #999;
    font-weight: 700;
    right: 0;
    padding: 0;
    top: 2px;
    border-radius: 100px
}

[id^=single_block_]:checked+label,[id^=main_info]:checked+label,[id^=major_religious]:checked+label,[id^=emengercy_numbers]:checked+label {
    background: #006db0
}

[id^=single_block_]:checked+label:after,[id^=main_info]:checked+label:after,[id^=major_religious]:checked+label:after,[id^=emengercy_numbers]:checked+label:after {
    content: 'ON';
    left: 6px;
    color: #fff
}

[id^=single_block_]:checked+label:before,[id^=main_info]:checked+label:before,[id^=major_religious]:checked+label:before,[id^=emengercy_numbers]:checked+label:before {
    content: ' ';
    position: absolute;
    z-index: 1;
    right: 0;
    left: initial
}

[id^=single_block_]+label:after,[id^=main_info]+label:after,[id^=major_religious]+label:after,[id^=emengercy_numbers]+label:after {
    right: 6px
}

input[type=checkbox]+label {
    cursor: pointer;
    font-size: 1em
}

.report-properties.travelers input[type=checkbox]+label {
    position: relative;
    top: 0;
    margin: 0 auto;
    margin-bottom: 10px;
    margin-top: 10px;
    margin-right: 0
}

.travelers .report-content-wrapper [id^=single_block_],.travelers .report-content-wrapper [id^=main_info],.travelers .report-content-wrapper [id^=major_religious],.travelers .report-content-wrapper [id^=emengercy_numbers] {
    display: none!important
}

.single-travelers h1 {
    font-weight: 800;
    color: #000
}

.single-travelers h1 span {
    font-weight: 600;
    text-transform: uppercase;
    color: #006db0
}

.user-upgrade-form {
}

.user-upgrade-form ul {
    list-style: none
}

.user-upgrade-form ul li {
    display: inline-block
}

.user-upgrade-form ul li.has_children {
    margin-bottom: 5%
}

.user-upgrade-form ul li h3 {
    font-weight: 900;
    color: #000;
    font-size: 20px
}

.user-upgrade-form ul li span {
    color: #000;
    display: block;
    float: left;
    width: 15%
}

.user-upgrade-form ul li input.parent_check_list_region {
    color: #000
}

.user-upgrade-form ul li input {
    position: relative;
    top: 3px;
    cursor: pointer
}

.user-upgrade-form ul li ul {
    float: left;
    width: 85%;
    margin-left: 0
}

.user-upgrade-form ul li ul li {
    display: inline-block;
    width: 25%;
    color: #000
}

.user-upgrade-form .submit-btn-wrapper {
    margin-bottom: 5%;
    text-align: center
}

.user-upgrade-form .submit-btn-wrapper input {
    width: 100%;
    max-width: 200px
}

#upgrade-form-messages {
    text-align: center;
    font-weight: 900;
    margin: 20px;
    font-size: 24px
}

.report-footer-area ul li {
    position: relative
}

.report-footer-area ul li:before {
    content: "";
    background-color: transparent;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.report-footer-area ul li.favourite:before,.report-footer-area ul li.download:before {
    display: none
}

.report-footer-area ul li.download a {
    display: block
}

.single-traveler {
    float: left;
    width: 22.75%;
    max-width: 260px;
    margin-bottom: 5%;
    margin-right: 3%;
    min-height: 180px
}

.traveler-info h4.entry-title {
    font-size: 18px!important;
    text-align: center;
    text-transform: uppercase!important
}

.single-traveler:nth-child(4n+4) {
    margin-right: 0!important
}

@media screen and (max-width: 48em) {
    .travelers.list {
        padding:10px
    }

    .single-traveler {
        float: left;
        width: 49%;
        max-width: 260px;
        margin-bottom: 5%;
        margin-right: 2%;
        min-height: 125px!important
    }

    .single-traveler:nth-child(even) {
        float: left;
        margin-right: 0%
    }

    .traveler-info h4 {
        font-size: 14px!important
    }

    .single-traveler .traveler-info.covid h4.entry-title {
        font-size: 14px!important
    }
}

.page-template-access-page .site-content {
    min-height: 50vh
}

.single-traveler.disable {
    pointer-events: none;
    cursor: default;
    opacity: .3
}

.zoomContainer {
    z-index: 6!important
}

@media screen and (min-width: 48em) {
    .page:not(.home) #content {
        padding-bottom:0
    }
}

.widget_media_image a img {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none
}

.widget_media_image a {
    text-decoration: none;
    outline: none;
    box-shadow: none!important
}

.social-navigation .icon {
    height: 25px;
    top: 3px;
    width: 25px;
    vertical-align: top;
    outline: none
}

.social-navigation a {
    outline: none
}

.social-navigation .icon:hover {
    fill: #0071bc
}

button,input[type=button],input[type=submit] {
    background-color: #0071bc;
    text-transform: uppercase
}

button:hover,button:focus,input[type=button]:hover,input[type=button]:focus,input[type=submit]:hover,input[type=submit]:focus {
    background: #000
}

.permission-wrapper {
    text-align: center;
    height: 90vh;
    padding-top: 5vh
}

.error-404 .permission-wrapper {
    padding-top: 1vh
}

.error-404 h2 {
    font-size: 100px;
    color: #1a77bc;
    font-weight: 900;
    margin: 0;
    text-align: center;
    line-height: 1;
    padding-top: 5vh
}

.permission-wrapper .title h1 {
    font-size: 28px;
    color: #000;
    font-weight: 900
}

.permission-wrapper .title h2 {
    font-size: 28px;
    color: #000;
    font-weight: 900
}

.permission-wrapper .description {
    color: #000;
    font-size: 16px
}

.permission-wrapper .description p {
    margin: 0
}

.action-buttons-wrapper {
    margin: 30px 0
}

.action-buttons-wrapper a {
    width: 100%!important;
    max-width: 200px;
    background: #1a77bc;
    text-transform: uppercase;
    font-size: 16px!important;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-weight: 800;
    line-height: 1;
    padding: 1em 2em;
    border-radius: 2px;
    margin: 0 25px
}

.region_dd {
    text-align: left
}

.region_dd select {
    border: 1px solid #aed0ea;
    background: #d7ebf9;
    font-weight: 700;
    color: #2779aa;
    border-radius: 10px;
    padding: 0 1em;
    height: 40px;
    font-size: 12px;
    margin-top: 4px
}

.event-top-wrapper {
    float: left;
    width: 100%;
    margin: 20px 0
}

.event-top-wrapper .region_dd {
    float: left;
    width: 30%
}

.event-top-wrapper .info-strip {
    width: 70%;
    float: left
}

.wpfc-calendar-wrapper {
    position: relative;
    clear: both
}

@media screen and (max-width: 767px) {
    .event-top-wrapper {
        float:left;
        width: 100%;
        margin: 20px 0
    }

    .event-top-wrapper .region_dd {
        float: none;
        width: 100%
    }

    .event-top-wrapper .info-strip {
        float: none;
        width: 100%;
        display: none
    }

    .region_dd select {
        width: 100%
    }
}

.events-mobile-list ul {
    list-style: none;
    float: left
}

.events-mobile-list ul li {
    float: left;
    width: 100%;
    padding-bottom: 3%;
    padding-top: 3%;
    border-bottom: 1px solid #e1e1e1
}

.events-mobile-list ul li .date {
    float: left;
    width: 20%
}

.events-mobile-list ul li .date .day {
    font-size: 22px;
    line-height: 22px;
    display: block;
    text-align: center;
    font-weight: 700
}

.events-mobile-list ul li .date .mounth {
    font-size: 14px;
    display: block;
    text-align: center;
    color: gray;
    text-transform: uppercase;
    margin-top: 5%
}

.events-mobile-list ul li .info {
    float: left;
    width: 100%
}

.events-mobile-list ul li .info .country {
    display: block;
    color: #2779aa;
    font-weight: 700
}

.events-mobile-list ul li .info .country .time {
    float: right;
    color: gray;
    font-size: 12px
}

.events-mobile-list ul li .info .name {
    font-size: 12px
}

.mymap {
    height: 250px;
    width: 100%
}

.hide {
    display: none
}

.btn {
    display: inline-block;
    border-radius: 5px;
    padding: 5px 15px;
    border: 1px solid #aaa
}

.btn.add_icon {
    cursor: pointer;
    color: #fff;
    text-transform: uppercase;
    background-color: #006db5!important
}

.row {
    overflow: auto;
}

.row::after {
    content: "";
    clear: both;
    display: table
}

.half {
    float: left;
    width: 48%;
    margin: 0 1%
}

.third {
    float: left;
    width: 31%;
    margin: 0 1%
}

#locations .third {
    float: left;
    width: 32%;
    margin: 0 1%
}

.single-edit .third {
    float: left;
    width: 32%;
    margin: 0 1%
}

.fourth {
    float: left;
    width: 24%;
    margin: 0 1%
}

.two-third {
    float: left;
    width: 64%;
    margin: 0 1%
}

.fourth {
    float: left;
    width: 23%;
    margin: 0 1%
}

.full {
    margin: 0 1%
}

.button {
    border-radius: 3px;
    border: 1px solid #bbb;
    padding: .7em;
    text-align: center;
    width: 100%;
    display: block
}

.location {
    position: relative
}

.location .actions {
    position: absolute;
    position: relative;
    top: 0;
    right: 0;
    padding: 10px;
    margin-bottom: 20px;
    margin-top: 20px;
    text-align: center
}

.location .icons-list {
    height: auto
}

.location .icons-list li {
    list-style-type: none;
    display: inline-block;
    margin: 2px;
    cursor: pointer
}

.location .icons-list li img {
    padding: 2px
}

.location .icons-list li img.selected {
    border: 1px solid #000
}

#file_upload {
    display: none;
    background: #fff;
    padding: 20px;
    position: relative;
    z-index: 1000;
    position: fixed;
    box-shadow: 0 0 1px #000;
    position: fixed;
    width: 580px;
    height: auto;
    left: 50%;
    top: 50%;
    margin-left: -290px
}

#file_upload .close {
    position: absolute;
    top: 10px;
    right: 10px;
    font-family: OpenSans!important
}

#file_upload .close:hover {
    cursor: pointer
}

#file_upload input {
    color: #000;
    text-transform: uppercase;
    background-color: #eceef3!important;
    padding: 8px;
    display: inline-block;
    text-align: center;
    margin: 0 auto;
    cursor: pointer;
    border-radius: 3px;
    margin: 0 10px 0 0;
    font-weight: 800;
    font-size: 14px;
    text-transform: uppercase
}

#file_upload button {
    color: #fff;
    text-transform: uppercase;
    background-color: #006db5!important;
    width: 150px;
    padding: 10px;
    display: inline-block;
    text-align: center;
    margin: 0 auto;
    cursor: pointer;
    border-radius: 3px;
    margin: 0 10px 0 0;
    font-weight: 800;
    font-size: 14px;
    font-family: OpenSans!important
}

#assets-table {
    margin-top: 30px
}

.assets-form-fields-wrapper {
    width: 100%;
    float: left;
    margin-bottom: 20px;
    clear: both;
    display: flex;
}

.assets-form-fields-wrapper select {
    display: inline-block;
    width: 100%;
    background-color: #eceef3;
    border-color: #eceef3!important;
    border-radius: 0;
    max-height: 42px;
    min-height: 42px;
    font-size: 12px;
    color: #000;
    cursor: pointer;
    padding-left: 5px
}

.assets-form-fields-wrapper .select2-container .select2-selection--single,#assets-table .select2-container .select2-selection--single,#assets-notif-table .select2-container .select2-selection--single {
    max-height: 44px;
    min-height: 44px;
    height: 44px;
    border-radius: 0!important;
    border-color: #eceef3!important
}

.assets-form-fields-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow,#assets-table .select2-container--default .select2-selection--single .select2-selection__arrow,#assets-notif-table .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 42px
}

.assets-form-fields-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #000 transparent transparent transparent
}

.assets-form-fields-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered,#assets-table .select2-container--default .select2-selection--single .select2-selection__rendered,#assets-notif-table .select2-container--default .select2-selection--single .select2-selection__rendered {
    display: inline-block;
    width: 100%;
    background-color: #f7f8fb;
    border-color: #eceef3;
    border-radius: 0!important;
    max-height: 42px;
    min-height: 42px;
    font-size: 12px;
    color: #000;
    cursor: pointer;
    padding-left: 5px;
    line-height: 42px;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 14px
}

.select2-results__option {
    font-size: 12px!important
}

.assets-form-fields-wrapper div {
    float: left;
    width: 22%;
    margin-right: 1%;
}

.assets-form-fields-wrapper .search-field-wrapper:before {
    right: 15px;
    left: initial!important;
    display: none
}

.assets-form-fields-wrapper .search-field-wrapper input {
    background-color: #fff;
    border-color: #999;
    border-radius: 0;
    max-height: 44px;
    min-height: 44px;
    font-size: 12px;
    color: #000;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 14px;
    background-color: #f7f8fb;
    border-color: #eceef3;
    font-family: OpenSans!important;
    padding-left: 5px
}

.assets-form-fields-wrapper .search-field-wrapper input::-webkit-input-placeholder {
    color: #000;
    font-family: open sans,sans-serif!important
}

.assets-form-fields-wrapper .search-field-wrapper input::-moz-placeholder {
    color: #000;
    font-family: open sans,sans-serif!important
}

.assets-form-fields-wrapper .search-field-wrapper input:-ms-input-placeholder {
    color: #000;
    font-family: open sans,sans-serif!important
}

.assets-form-fields-wrapper .search-field-wrapper input:-moz-placeholder {
    color: #000;
    font-family: open sans,sans-serif!important
}

#assets-table .bulkactions {
    float: left;
    clear: both;
    margin-bottom: 20px;
    width: 40%
}

#assets-table .bulkactions input[type=submit],#assets-notif-table .bulkactions input[type=submit] {
    float: left;
    width: 42.5%;
    height: 44px;
    color: #fff;
    text-transform: uppercase;
    background-color: #006db5!important;
    padding: 15px
}

#assets-table .bulkactions input[type=submit][disabled] {
    opacity: .5
}

#assets-table .bulkactions select,#assets-table .bulkactions .select2-container {
    float: left;
    width: 42.5%!important;
    margin-right: 7.5%
}

#assets-table table,#assets-notif-table table {
    border: 0!important;
    padding: 0!important;
    border-collapse: unset
}

#assets-table table th,#assets-notif-table table th {
    background-color: #eceef3;
    border: 0!important;
    padding: 12px 20px!important;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 14px
}

#assets-table table th:first-child {
    width: 60px
}

#assets-notif-table table th:first-child {
    width: auto;
    text-align: center
}

#assets-table table tr {
}

#assets-table table>tbody>tr:nth-child(odd),#assets-notif-table table>tbody>tr:nth-child(odd) {
    background-color: #f7f8fb!important
}

#assets-table table>tbody>tr:nth-child(even),#assets-notif-table table>tbody>tr:nth-child(even) {
    background-color: #fff!important
}

#assets-table table tr td,#assets-notif-table table tr td {
    border: 0!important;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 800;
    padding: 10px 15px!important
}

#assets-table table tr td:first-child,#assets-notif-table table tr td:first-child {
    text-align: center!important
}

#assets-table table tr.single-edit-wrapper td:first-child,#assets-notif-table table tr.single-edit-wrapper td:first-child {
    padding-left: 0!important;
    padding-right: 0!important
}

#assets-table table tr td .selectall,#assets-notif-table table tr td .selectall {
    color: #006db5;
    font-size: 11px;
    display: block;
    margin-top: 5px;
    white-space: nowrap
}

#asset_filter {
    float: left;
    width: 100%;
    max-width: 15%;
    height: 44px;
    color: #fff;
    text-transform: uppercase;
    background-color: #006db5!important;
    width: 100%;
    padding: 15px
}

#asset_notif {
    float: none;
    width: 100%;
    max-width: 20%;
    height: 44px;
    color: #fff;
    text-transform: uppercase;
    background-color: #006db5!important;
    width: 100%;
    padding: 15px;
    display: block;
    margin: 0 auto
}

#asset_filter[disabled] {
    opacity: .5
}

.btnedit,.btndelete {
    color: #a2aabd;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 800;
    margin-bottom: 0;
    line-height: 20px;
    cursor: pointer
}

#assets-table td:first-child input[type=checkbox] {
    float: none
}

.single-edit-wrapper {
    display: none
}

.single-edit {
}

.page-template-assets-locations #map-locations input.radius {
    margin-top: 10px
}

.page-template-assets-locations #map-locations input,.page-template-user-locations #map-locations input {
    background-color: #fff;
    border-color: #999;
    border-radius: 0;
    max-height: 44px;
    min-height: 44px;
    font-size: 12px;
    color: #000;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 14px;
    background-color: #f7f8fb;
    border-color: #eceef3
}

.page-template-user-locations #map-locations input.radius {
    margin-top: 10px
}

.page-template-assets-locations #map-locations input[type=radio],.page-template-assets-locations #map-locations input[type=checkbox],.page-template-user-locations #map-locations input[type=radio],.page-template-user-locations #map-locations input[type=checkbox] {
    min-height: auto!important;
    margin-top: 15px
}

.page-template-assets-locations #map-locations .button,.page-template-assets-locations .delete-button,.page-template-user-locations #map-locations .button,.page-template-user-locations .delete-button {
    color: #fff;
    text-transform: uppercase;
    background-color: #006db5!important;
    width: 100%
}

.page-template-assets-locations fieldset,.page-template-user-locations fieldset {
    margin-bottom: 0!important;
    padding-top: 20px!important
}

.page-template-assets-locations .location.row,.page-template-user-locations .location.row {
    background-color: #eceef3;
    text-align: left;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 800;
    margin-top: 10px
}

.page-template-user-locations .location.row {
}

.page-template-assets-locations .location.row select,.page-template-user-locations .location.row select {
    display: inline-block;
    width: 100%;
    background-color: #f7f8fb;
    border-color: #eceef3;
    border-radius: 0!important;
    max-height: 42px;
    min-height: 42px;
    font-size: 12px;
    color: #000;
    cursor: pointer;
    padding-left: 5px;
    line-height: 42px;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 14px
}

.location .actions span,.btnupdate {
    color: #fff;
    text-transform: uppercase;
    background-color: #006db5!important;
    width: 200px;
    padding: 10px;
    display: block;
    text-align: center;
    margin: 0 auto;
    cursor: pointer;
    border-radius: 3px
}

.location .actions a {
    color: #fff;
    text-transform: uppercase;
    background-color: #006db5!important;
    width: 200px;
    padding: 10px;
    display: inline-block;
    text-align: center;
    margin: 0 auto;
    cursor: pointer;
    border-radius: 3px;
    margin: 0 10px
}

.closeedit,.closeadd {
    position: absolute;
    color: #fff;
    text-transform: uppercase;
    background-color: #006db5!important;
    width: 40px;
    padding: 10px;
    display: block;
    text-align: center;
    margin: 0 auto;
    cursor: pointer;
    border-radius: 0;
    top: 0;
    right: 0
}

.add-assets-wrapper {
}

.add-assets-wrapper span {
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 800;
    display: block;
    margin-bottom: 10px
}

.add-assets-wrapper a,.add-assets-wrapper button {
    color: #fff;
    text-transform: uppercase;
    background-color: #006db5!important;
    width: 150px;
    padding: 10px;
    display: inline-block;
    text-align: center;
    margin: 0 auto;
    cursor: pointer;
    border-radius: 3px;
    margin: 0 10px 0 0;
    font-weight: 800;
    font-size: 14px
}

#import_upload {
    display: inline-block
}

#import_upload input {
    color: #000;
    text-transform: uppercase;
    background-color: #eceef3!important;
    padding: 8px;
    display: inline-block;
    text-align: center;
    margin: 0 auto;
    cursor: pointer;
    border-radius: 3px;
    margin: 0 10px 0 0;
    font-weight: 800;
    font-size: 14px;
    text-transform: uppercase
}

.add-assets-wrapper a i,.add-assets-wrapper button i {
    margin-right: 5px
}

.page-template-user-locations #locations ul {
    margin-bottom: 10px
}

.page-template-user-locations #locations ul li .location-header {
    background-color: #eceef3;
    text-align: left;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 800;
    margin-top: 10px;
    padding: 10px;
    position: relative;
    cursor: pointer
}

.page-template-user-locations #locations ul li .location.row {
    display: none
}

.page-template-user-locations #locations ul li .arrow {
    position: absolute;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    right: 14px;
    top: 20px;
    border-top-color: #000
}

.page-template-user-locations #locations ul li .location-header.open .arrow {
    margin-top: 11px;
    border-bottom-color: #000;
    border-top-color: transparent;
    top: 3px
}

.page-template-assets-locations h1,.page-template-user-locations h1,.page-template-assets-notifications h1 {
    text-transform: uppercase;
    font-weight: 800
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: #f7f8fb;
    border-color: #eceef3
}

.select2-search--dropdown .select2-search__field {
    background-color: #f7f8fb;
    border-radius: 0
}

.all-edit-wrapper {
    clear: both
}

#overlay {
    position: fixed;
    top: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    display: none;
    background: rgba(0,0,0,.6)
}

.cv-spinner {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.spinner {
    width: 40px;
    height: 40px;
    border: 4px #ddd solid;
    border-top: 4px #2e93e6 solid;
    border-radius: 50%;
    animation: sp-anime .8s infinite linear
}

@keyframes sp-anime {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(359deg)
    }
}

.is-hide {
    display: none
}

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 24px;
    margin: 0;
    margin-left: 20px;
}

#assets-notif-table table .switch {
    top: -5px;
}

#assets-notif-table table .switch .slider-txt {
    position: absolute;
    cursor: pointer;
    left: 0;
    right: 0;
    bottom: -15px;
    font-size: 10px;
    font-weight: 700;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0
}

.switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s
}

.switch .slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 10px;
    bottom: 4px;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s
}

.switch input:checked+.slider {
    background-color: #006db5
}

.switch input:focus+.slider {
    box-shadow: 0 0 1px #2196f3
}

.switch input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px)
}

.switch .slider.round {
    border-radius: 34px
}

.switch .slider.round:before {
    border-radius: 50%
}

.my-assets-box {
    text-align: left;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 800;
    margin-top: 10px;
    padding: 10px;
    text-align: center
}

.my-assets-box select {
    display: inline-block;
    width: auto;
    max-width: 200px;
    background-color: #f7f8fb;
    border-color: #eceef3;
    border-radius: 0!important;
    max-height: 42px;
    min-height: 42px;
    font-size: 12px;
    color: #000;
    cursor: pointer;
    padding-left: 5px;
    line-height: 42px;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 14px;
    margin-left: 20px
}

.my-assets-box .checkbox_term {
    top: 5px!important;
    position: relative
}

.single-covid h1 {
    font-size: 50px;
    font-weight: 900;
    color: #0070ae;
    margin-bottom: 0
}

.covid-info h3.title {
    font-size: 15px;
    font-weight: 700;
    color: #000;
    margin: 0;
    line-height: 1.5;
    margin-top: 5px;
    margin-bottom: 5px
}

.single-covid .wrap {
    max-width: 1150px
}

.covid-info {
    font-size: 15px;
    font-weight: 400;
    color: #000
}

.covid-info ul {
    padding-left: 20px
}

.covid-info p {
    margin-bottom: 10px
}

.covid-info .single-block {
    clear: both
}

#vaccination {
    float: left;
    width: 100%
}

.covid-info .single-block .single-block-title {
    font-size: 26px;
    font-weight: 900;
    color: #0070ae;
    margin-bottom: 0
}

.single-row {
    position: relative;
    margin-bottom: 10px
}

.single-row .icon {
    width: 40px;
    height: 40px;
    display: block;
    position: absolute
}

#infrastructure .single-row.Poor .title:after {
    content: "";
    width: 59px;
    height: 12px;
    background-image: url(/wp-content/themes/max-portal/country-images/Stars001.png);
    background-size: cover;
    display: inline-block;
    margin-left: 10px
}

#infrastructure .single-row.Mediocre .title:after {
    content: "";
    width: 59px;
    height: 12px;
    background-image: url(/wp-content/themes/max-portal/country-images/Stars002.png);
    background-size: cover;
    display: inline-block;
    margin-left: 10px
}

#infrastructure .single-row.Good .title:after {
    content: "";
    width: 59px;
    height: 12px;
    background-image: url(/wp-content/themes/max-portal/country-images/Stars003.png);
    background-size: cover;
    display: inline-block;
    margin-left: 10px
}

#infrastructure .single-row.Excellent .title:after {
    content: "";
    width: 59px;
    height: 12px;
    background-image: url(/wp-content/themes/max-portal/country-images/Stars004.png);
    background-size: cover;
    display: inline-block;
    margin-left: 10px
}

.single-row .icon .days {
    position: absolute;
    left: 9px;
    font-size: 18px;
    bottom: 7px;
    color: #fff;
    font-weight: 600
}

.covid-content-wrapper input[type=checkbox] {
    display: none;
    position: absolute;
    right: 0
}

.covid-content-wrapper [id^=single_block_],.covid-content-wrapper [id^=main_info],.covid-content-wrapper [id^=major_religious],.covid-content-wrapper [id^=emengercy_numbers] {
    display: none!important
}

.single-row .title {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    display: block;
    margin-left: 50px;
    line-height: 40px
}

.single-black-title {
    font-size: 15px;
    font-weight: 700;
    color: #000;
    display: block;
    padding: 0
}

.single-row .text {
    font-size: 15px;
    color: #000;
    margin-left: 50px;
    display: block
}

.covid-indicator-block {
    width: 100%;
    max-width: 280px;
    float: left;
    position: relative;
    margin-right: 10px
}

.covid-indicator-block:last-child {
    margin-right: 0
}

.covid-indicator-block .trend {
    width: 47px;
    height: 47px;
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    top: 0;
    left: -30px;
    z-index: 9
}

.covid-indicator-block .trend.up {
}

.covid-indicator-block .trend.down {
}

.covid-indicator-block .trend.center {
}

.covid-indicator-block h2 {
    font-size: 18px;
    font-weight: 600;
    color: #000;
    margin-bottom: 5px
}

.covid-indicator-block .infected {
    background-repeat: repeat-x;
    background-color: #073754;
    width: 280px;
    height: 45px;
    font-size: 22px;
    color: #fff;
    padding: 5px 0;
    padding-left: 30px
}

.covid-indicator-block .dead {
    background-repeat: repeat-x;
    background-color: #0c2a43;
    width: 280px;
    height: 45px;
    font-size: 22px;
    color: #fff;
    padding: 5px 0;
    padding-left: 30px
}

.covid-indicator-block .recovered {
    background-color: #115da1;
    width: 280px;
    height: 45px;
    font-size: 22px;
    color: #fff;
    padding: 5px 0;
    padding-left: 30px
}

.covid-indicator-block .active {
    background-color: #7a7d7e;
    width: 280px;
    height: 45px;
    font-size: 22px;
    color: #fff;
    padding: 5px 0;
    padding-left: 30px
}

.covid-indicator-block .recovered .title,.covid-indicator-block .dead .title,.covid-indicator-block .infected .title,.covid-indicator-block .active .title {
    font-size: 15px;
    font-weight: 600;
    margin-right: 10px;
    display: inline-block
}

.covid-indicator-block .transportation.red {
    background-repeat: no-repeat;
    background-color: #7d000a;
    width: 280px;
    height: 60px;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    padding: 18px 0 18px 60px
}

.covid-indicator-block .transportation.green {
    background-repeat: no-repeat;
    background-color: #26641c;
    width: 280px;
    height: 60px;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    padding: 18px 0 18px 60px
}

.covid-indicator-block .transportation.orange {
    background-repeat: no-repeat;
    background-color: #cd8217;
    width: 280px;
    height: 60px;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    padding: 18px 0 18px 60px
}

.covid-indicator-block .international.red {
    background-repeat: no-repeat;
    background-color: #7d000a;
    width: 280px;
    height: 60px;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    padding: 18px 0 18px 60px
}

.covid-indicator-block .international.green {
    background-repeat: no-repeat;
    background-color: #26641c;
    width: 280px;
    height: 60px;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    padding: 18px 0 18px 60px
}

.covid-indicator-block .international.orange {
    background-repeat: no-repeat;
    background-color: #cd8217;
    width: 280px;
    height: 60px;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    padding: 18px 0 18px 60px
}

.covid-indicator-block .domestic.red {
    background-repeat: no-repeat;
    background-color: #7d000a;
    width: 280px;
    height: 60px;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    padding: 18px 0 18px 60px
}

.covid-indicator-block .domestic.green {
    background-repeat: no-repeat;
    background-color: #26641c;
    width: 280px;
    height: 60px;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    padding: 18px 0 18px 60px
}

.covid-indicator-block .domestic.orange {
    background-repeat: no-repeat;
    background-color: #cd8217;
    width: 280px;
    height: 60px;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    padding: 18px 0 18px 60px
}

.covid-indicator-block .quarantine.red,.covid-indicator-block .mask.red,.covid-indicator-block .risk_level.red {
    background-repeat: no-repeat;
    background-color: #7d000a;
    width: 280px;
    height: 60px;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    padding: 18px 0 18px 60px;
    position: relative
}

.covid-indicator-block .quarantine.red .days,.covid-indicator-block .mask.orange .red,.covid-indicator-block .risk_level.red .days {
    color: #7d000a;
    position: absolute;
    left: 20px;
    font-size: 18px;
    bottom: 16px;
    width: 23px;
    text-align: center;
}

.covid-indicator-block .quarantine.green,.covid-indicator-block .mask.green,.covid-indicator-block .risk_level.green {
    background-repeat: no-repeat;
    background-color: #26641c;
    width: 280px;
    height: 60px;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    padding: 18px 0 18px 60px;
    position: relative
}

.covid-indicator-block .quarantine.green .days,.covid-indicator-block .mask.green .days,.covid-indicator-block .risk_level.green .days {
    color: #26641c;
    position: absolute;
    left: 20px;
    font-size: 18px;
    bottom: 16px;
    width: 23px;
    text-align: center;
}

.covid-indicator-block .quarantine.orange,.covid-indicator-block .mask.orange,.covid-indicator-block .risk_level.orange {
    background-repeat: no-repeat;
    background-color: #cd8217;
    width: 280px;
    height: 60px;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    padding: 18px 0 18px 60px;
    position: relative
}

.covid-indicator-block .risk_level.purple {
    background-repeat: no-repeat;
    background-color: #705799;
    width: 280px;
    height: 60px;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    padding: 18px 0 18px 60px;
    position: relative
}

.covid-indicator-block .quarantine.orange .days,.covid-indicator-block .mask.orange .days,.covid-indicator-block .risk_level.orange .days {
    color: #cd8217;
    position: absolute;
    left: 20px;
    font-size: 18px;
    bottom: 16px;
    width: 23px;
    text-align: center;
}

.covid-info-block {
    position: relative;
    padding-left: 110px;
    margin-top: 15px;
    min-height: 40px
}

.covid-info-block label,.covid-info-block span.title {
    font-size: 15px;
    line-height: 15px;
    font-weight: 700;
    color: #000;
    display: block;
    margin-bottom: 3px
}

.covid-info-block .count {
    position: absolute;
    left: 0
}

.covid-info-block .count.infected {
    background-color: #073754;
    width: 98px;
    height: 40px;
    font-size: 17px;
    color: #fff;
    padding: 8px 0;
    text-align: center;
    display: block
}

.covid-info-block .count.dead {
    background-color: #0c2a43;
    background-repeat: no-repeat;
    width: 98px;
    height: 40px;
    font-size: 17px;
    color: #fff;
    padding: 8px 0;
    text-align: center;
    display: block
}

.covid-info-block .count.recovered {
    background-color: #115da1;
    width: 98px;
    height: 40px;
    font-size: 17px;
    color: #fff;
    padding: 8px 0;
    text-align: center;
    display: block
}

.covid-info-block .count.hours {
    background-color: #7a7d7e;
    width: 98px;
    height: 40px;
    font-size: 17px;
    color: #fff;
    padding: 8px 0;
    text-align: center;
    display: block
}

.sticky-nav {
    position: fixed;
    left: 0;
    width: 200px;
    z-index: 99
}

.sticky-nav div {
    display: block;
    text-decoration: none!important;
    box-shadow: none;
    outline: none;
    color: #073754!important;
    font-weight: 600;
    position: relative;
    cursor: pointer;
    transition: background .4s;
    -webkit-transition: background .4s
}

.sticky-nav div.active {
}

.sticky-nav div span {
    position: absolute;
    top: 0;
    left: 77px;
    right: 0;
    bottom: 0;
    margin: auto;
    height: fit-content;
    display: none
}

.sticky-nav div:hover span {
    display: block
}

.sticky-nav div:hover {
    text-decoration: none;
    box-shadow: none;
    outline: none
}

.sticky-nav.mobile div:nth-child(1) {
    background-image: url(/wp-content/themes/max-portal/covid-images/059.png);
    background-repeat: no-repeat;
    height: 67px;
    background-size: 30%;
    height: 60px;
    padding-left: 60px
}

.sticky-nav div:nth-child(1) {
    background-image: url(/wp-content/themes/max-portal/covid-images/043.png);
    background-repeat: no-repeat;
    background-size: 30%;
    height: 60px;
    padding-left: 60px
}

.sticky-nav div:nth-child(1):hover,.sticky-nav div.active:nth-child(1) {
    background-image: url(/wp-content/themes/max-portal/covid-images/044.png)
}

.sticky-nav div:nth-child(2) {
    background-image: url(/wp-content/themes/max-portal/covid-images/045.png);
    background-repeat: no-repeat;
    height: 67px;
    background-size: 30%;
    height: 60px;
    padding-left: 60px
}

.sticky-nav div:nth-child(2):hover,.sticky-nav div.active:nth-child(2) {
    background-image: url(/wp-content/themes/max-portal/covid-images/046.png)
}

.sticky-nav div:nth-child(3) {
    background-image: url(/wp-content/themes/max-portal/covid-images/047.png);
    background-repeat: no-repeat;
    height: 67px;
    background-size: 30%;
    height: 60px;
    padding-left: 60px
}

.sticky-nav div:nth-child(3):hover,.sticky-nav div.active:nth-child(3) {
    background-image: url(/wp-content/themes/max-portal/covid-images/048.png)
}

.sticky-nav div:nth-child(4) {
    background-image: url(/wp-content/themes/max-portal/covid-images/049.png);
    background-repeat: no-repeat;
    height: 67px;
    background-size: 30%;
    height: 60px;
    padding-left: 60px
}

.sticky-nav div:nth-child(4):hover,.sticky-nav div.active:nth-child(4) {
    background-image: url(/wp-content/themes/max-portal/covid-images/050.png)
}

.sticky-nav div:nth-child(5) {
    background-image: url(/wp-content/themes/max-portal/covid-images/051.png);
    background-repeat: no-repeat;
    height: 67px;
    background-size: 30%;
    height: 60px;
    padding-left: 60px
}

.sticky-nav div:nth-child(5):hover,.sticky-nav div.active:nth-child(5) {
    background-image: url(/wp-content/themes/max-portal/covid-images/052.png)
}

.sticky-nav div:nth-child(6) {
    background-image: url(/wp-content/themes/max-portal/covid-images/053.png);
    background-repeat: no-repeat;
    height: 67px;
    background-size: 30%;
    height: 60px;
    padding-left: 60px
}

.sticky-nav div:nth-child(6):hover,.sticky-nav div.active:nth-child(6) {
    background-image: url(/wp-content/themes/max-portal/covid-images/054.png)
}

.sticky-nav div:nth-child(7) {
    background-image: url(/wp-content/themes/max-portal/covid-images/055.png);
    background-repeat: no-repeat;
    height: 67px;
    background-size: 30%;
    height: 60px;
    padding-left: 60px
}

.sticky-nav div:nth-child(7):hover,.sticky-nav div.active:nth-child(7) {
    background-image: url(/wp-content/themes/max-portal/covid-images/056.png)
}

.sticky-nav div:nth-child(8) {
    background-image: url(/wp-content/themes/max-portal/covid-images/057.png);
    background-repeat: no-repeat;
    height: 67px;
    background-size: 30%;
    height: 60px;
    padding-left: 60px
}

.sticky-nav div:nth-child(8):hover,.sticky-nav div.active:nth-child(8) {
    background-image: url(/wp-content/themes/max-portal/covid-images/058.png)
}

.sticky-nav div:nth-child(9) {
    background-image: url(/wp-content/themes/max-portal/covid-images/059.png);
    background-repeat: no-repeat;
    height: 67px;
    background-size: 30%;
    height: 60px;
    padding-left: 60px
}

.travel-info-btn,.operational-info-btn,.regulations-info-btn,.status-info-btn,.vaccination-info-btn {
    background-image: url(/wp-content/themes/max-portal/covid-images/006.png);
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    top: 5px;
    right: 0;
    cursor: pointer
}

.travel-info {
    display: none
}

.travel-info,.operational-info,.regulations-info,.status-info {
    display: none;
    position: absolute;
    width: 280px;
    padding: 10.5px;
    background-color: rgba(255,255,255,.9);
    font-size: 12px;
    z-index: 9
}

.vaccination-info {
    display: none;
    position: absolute;
    width: 100%;
    padding: 10.5px;
    background-color: rgba(255,255,255,.9);
    font-size: 15px;
    z-index: 9
}

.covid-indicator-block {
}

.covid-indicator-block img {
}

.covid-indicator-block .title {
    font-weight: 700
}

.covid-indicator-block .color-point {
}

.covid-indicator-block .color-point .red {
    width: 10px;
    height: 10px;
    display: inline-block;
    background-color: #93130b;
    border-radius: 10px;
    margin-right: 5px
}

.covid-indicator-block .color-point .green {
    width: 10px;
    height: 10px;
    display: inline-block;
    background-color: #27752b;
    border-radius: 10px;
    margin-right: 5px
}

.covid-indicator-block .color-point .orange {
    width: 10px;
    height: 10px;
    display: inline-block;
    background-color: #d9942a;
    border-radius: 10px;
    margin-right: 5px
}

.covid-indicator-block .color-point .purple {
    width: 10px;
    height: 10px;
    display: inline-block;
    background-color: #705799;
    border-radius: 10px;
    margin-right: 5px
}

.travel-info-btn.active,.operational-info-btn.active,.regulations-info-btn.active,.status-info-btn.active,.vaccination-info-btn.active {
    background-image: url(/wp-content/themes/max-portal/covid-images/007.png);
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    top: 5px;
    right: 0;
    cursor: pointer;
    background-color: transparent;
    padding: 0
}

.covid .costumize-wrapper {
    margin-top: 0;
    position: fixed;
    left: 0;
    width: 380px;
    margin-left: -380px;
    height: 603px;
    z-index: 999
}

.covid .costumize-wrapper.active {
    z-index: 9999
}

.covid .costumize-btn {
    cursor: pointer
}

.covid .costumize-btn:hover {
}

.covid .costumize-form-wrapper {
    max-width: 380px;
    height: 100%;
    margin-top: 0;
    padding: 60px 30px;
    background-color: rgba(0,0,0,.8);
    color: #fff;
    border: 0
}

.covid .costumize-form-wrapper h3 {
    text-transform: uppercase;
    font-weight: 800;
    font-size: 28px;
    color: #fff;
    padding-top: 10px
}

.covid .costumize-form-wrapper input,.covid .costumize-form-wrapper textarea {
    display: inline-block;
    min-height: 40px;
    width: 100%;
    font-size: 14px;
    line-height: 1.8;
    padding: 6px 12px;
    vertical-align: middle;
    background-color: transparent;
    color: #fff;
    border: 1px solid #eee;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.covid .costumize-form-wrapper ::-webkit-input-placeholder {
    color: #fff
}

.covid .costumize-form-wrapper :-ms-input-placeholder {
    color: #fff
}

.covid .costumize-form-wrapper ::placeholder {
    color: #fff
}

.covid .costumize-form-wrapper .field {
    margin-top: 20px;
    text-align: right
}

.covid .costumize-form-wrapper .field label {
    color: #fff;
    display: none
}

.covid .costumize-form-wrapper button {
    margin-top: 10px;
    width: 100px;
    padding: 10px;
    text-transform: uppercase;
    background-color: #1a77bc
}

.covid .costumize-form-wrapper a.closeX {
    position: absolute;
    right: 30px;
    top: 30px;
    width: 30px;
    height: 30px;
    opacity: 1;
    display: block;
    float: left;
    z-index: 999;
    box-shadow: none;
    color: #fff;
    border: 1px solid;
    border-radius: 50px
}

.covid .costumize-form-wrapper a.closeX:hover {
    opacity: 1
}

.covid .costumize-form-wrapper a.closeX:before,.covid .costumize-form-wrapper a.closeX:after {
    position: absolute;
    left: 13px;
    content: ' ';
    height: 17px;
    width: 2px;
    top: 5px;
    background-color: #fff
}

.covid .costumize-form-wrapper a.closeX:before {
    transform: rotate(45deg)
}

.covid .costumize-form-wrapper a.closeX:after {
    transform: rotate(-45deg)
}

.single-covid .single-block .onoffswitch {
    position: absolute;
    width: 140px;
    right: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.single-covid .onoffswitch {
    position: relative;
    width: 140px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.single-covid .onoffswitch.all {
    width: auto
}

.single-covid .onoffswitch-checkbox {
    display: none!important
}

.single-covid .onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 0;
    border-radius: 0;
    display: none
}

.single-covid .onoffswitch-title {
    position: absolute;
    top: -4px;
    left: 43px
}

.single-covid .onoffswitch-inner {
    display: block;
    margin-left: 0;
    transition: margin .3s ease-in 0s;
    background-image: url(/wp-content/themes/max-portal/covid-images/on.png);
    background-repeat: no-repeat;
    width: 33px;
    height: 17px
}

.single-covid .onoffswitch-inner:before,.onoffswitch-inner:after {
    display: block;
    float: left;
    width: 50%;
    height: 30px;
    padding: 0;
    line-height: 30px;
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    box-sizing: border-box
}

.single-covid .onoffswitch-inner:before {
    content: "";
    padding-left: 10px;
    background-color: #006db0;
    color: #fff
}

.single-covid .onoffswitch-inner.all:before {
    content: "";
    padding-left: 10px;
    background-color: transparent;
    color: #fff
}

.single-covid .onoffswitch-inner.all:after {
    content: "";
    padding-right: 20px;
    background-color: #eee;
    color: #999;
    text-align: right
}

.single-covid .single-block .onoffswitch-inner:before {
    content: "";
    padding-left: 10px;
    background-color: #006db0;
    color: #fff
}

.single-covid .onoffswitch-inner:after {
    content: "";
    padding-right: 10px;
    background-color: #eee;
    color: #999;
    text-align: right
}

.single-covid .onoffswitch-switch.all {
    right: initial
}

.single-covid .onoffswitch-switch {
    display: block;
    width: 18px;
    margin: 6px;
    height: 22px;
    background: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 106px;
    border: 2px solid #999;
    border-radius: 20px;
    transition: all .3s ease-in 0s
}

.single-covid .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
    background-image: url(/wp-content/themes/max-portal/covid-images/off.png);
    background-repeat: no-repeat;
    width: 33px;
    height: 18px
}

.single-covid .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch {
    right: 0
}

.single-covid [id^=single_block_]+label {
    background-color: transparent;
    padding: 0;
    border-radius: 15px;
    display: inline-block;
    position: absolute;
    right: 0;
    margin-right: 0;
    background: 0 0;
    border: 0;
    width: auto;
    height: auto;
    margin-bottom: 0;
    top: 20px;
    display: none
}

.single-covid [id^=single_block_]+label:before {
    content: '';
    position: absolute;
    background: 0 0;
    top: 0;
    z-index: 1;
    left: 0;
    width: 0;
    color: #fff;
    height: 0;
    border-radius: 15px
}

.single-covid [id^=single_block_]+label:after {
    content: '';
    position: absolute;
    font-size: .8em;
    color: #999;
    font-weight: 700;
    right: 0;
    padding: 0;
    top: 0;
    border-radius: 0
}

.single-covid [id^=single_block_]:checked+label {
    background: 0 0;
    background-image: url(/wp-content/themes/max-portal/covid-images/off.png);
    background-repeat: no-repeat;
    width: 33px;
    height: 18px
}

.single-covid [id^=single_block_]:checked+label:after {
    content: '';
    left: 6px;
    color: #fff
}

.single-covid [id^=single_block_]:checked+label:before {
    content: '';
    position: absolute;
    z-index: 1;
    right: 0;
    left: initial
}

.single-covid [id^=single_block_]+label:after {
    right: 6px
}

.single-covid input[type=checkbox]+label {
    cursor: pointer;
    font-size: 1em;
    background-image: url(/wp-content/themes/max-portal/covid-images/on.png);
    background-repeat: no-repeat;
    width: 33px;
    height: 17px
}

.single-covid input[type=checkbox]+label.onoffswitch-label {
    background-image: none
}

@media only screen and (max-width: 1400px) {
    .main-navigation.toggled-on .menu-default-menu-container {
        padding-top:10px
    }
}

@media only screen and (max-width: 768px) {
    .single-covid .wrap {
        padding-left:1em;
        padding-right: 1em
    }

    .single-covid h1 {
        font-size: 62px;
        font-size: 8.072916666666668vw;
        font-weight: 900;
        color: #0070ae;
        margin-bottom: 0
    }

    .covid-indicator-block h2 {
        font-size: 30px;
        font-size: 3.90625vw;
        font-weight: 600;
        color: #000;
        margin-bottom: 5px;
        padding: 0!important
    }

    .covid-indicator-block .recovered .title,.covid-indicator-block .dead .title,.covid-indicator-block .infected .title {
        font-size: 30px;
        font-size: 3.90625vw;
        font-weight: 400;
        margin-right: 10px;
        display: inline-block
    }

    .covid-info .single-block .single-block-title {
        font-size: 41px;
        font-size: 5.338541666666666vw;
        font-weight: 900;
        color: #0070ae;
        margin-bottom: 0
    }

    .covid-indicator-block .infected {
        background-repeat: repeat-x;
        background-color: #073754;
        width: 100%;
        height: auto;
        font-size: 30px;
        font-size: 3.90625vw;
        color: #fff;
        padding: 13px 0;
        padding-left: 60px;
        line-height: 30px!important;
        padding: 12px 0 12px 60px!important
    }

    .covid-indicator-block .dead {
        background-repeat: repeat-x;
        background-color: #0c2a43;
        width: 100%;
        height: auto;
        font-size: 30px;
        font-size: 3.90625vw;
        color: #fff;
        padding: 13px 0;
        padding-left: 60px;
        line-height: 30px!important;
        padding: 12px 0 12px 60px!important
    }

    .covid-indicator-block .recovered {
        background-color: #115da1;
        width: 100%;
        height: auto;
        font-size: 30px;
        font-size: 3.90625vw;
        color: #fff;
        padding: 13px 0;
        padding-left: 60px;
        line-height: 30px!important;
        padding: 12px 0 12px 60px!important
    }

    .covid-indicator-block .active {
        background-color: #7a7d7e;
        width: 100%;
        height: auto;
        font-size: 30px;
        font-size: 3.90625vw;
        color: #fff;
        padding: 13px 0;
        padding-left: 60px;
        line-height: 30px!important;
        padding: 12px 0 12px 60px!important
    }

    .covid-indicator-block .transportation {
        width: 100%!important;
        font-size: 3.90625vw!important
    }

    .covid-indicator-block .international {
        width: 100%!important;
        font-size: 3.90625vw!important
    }

    .covid-indicator-block .domestic {
        width: 100%!important;
        font-size: 3.90625vw!important
    }

    .covid-indicator-block .quarantine,.covid-indicator-block .mask,.covid-indicator-block .risk_level {
        width: 100%!important;
        font-size: 3.90625vw!important
    }

    .travel-info,.operational-info,.regulations-info {
        width: 100%!important;
        background-color: #fff;
        z-index: 99;
        padding-left: 0
    }

    .covid-info {
        font-size: 30px;
        font-size: 3.90625vw;
        font-weight: 400;
        color: #000
    }

    .covid-info-block label,.covid-info-block span.title {
        font-size: 30px;
        font-size: 3.90625vw;
        line-height: 30px;
        line-height: 3.90625vw;
        font-weight: 700;
        color: #000;
        display: block;
        margin-bottom: 3px
    }

    .single-row .title,.single-row .text,.covid-info h3.title {
        font-size: 30px;
        font-size: 3.90625vw
    }

    .covid-indicator-block .trend {
        width: 47px;
        height: 47px;
        display: block;
        position: absolute;
        background-repeat: no-repeat;
        top: 0;
        right: -10px;
        left: initial
    }

    .travel-info-btn,.operational-info-btn,.regulations-info-btn,.status-info-btn,.vaccination-info-btn {
        top: 1.5vw
    }

    .covid-indicator-block {
        width: 100%;
        max-width: 100%;
        float: none;
        position: relative;
        margin-right: 0;
        margin-bottom: 10px
    }

    .covid-indicator-block img {
        width: 100%
    }

    .covid-status-icons img {
        width: 20px!important;
        height: 20px!important;
        box-shadow: none!important;
        margin: 0 2px!important
    }

    .covid-status-icons span {
        width: 20px!important;
        height: 20px!important;
        display: inline-block;
        border-radius: 50px;
        margin: 0 2px
    }

    .covid-status-icons .single-icon .days {
        position: absolute;
        color: #fff;
        font-size: 11px!important;
        font-weight: 600;
        margin: 0 2px;
        line-height: 20px!important
    }

    .covid-status-icons {
        text-align: center;
        margin: 5px 0 0!important
    }

    #forecast {
    }

    #forecast .month-box {
        background-color: #f1f1f1;
        padding-bottom: 8px;
        margin-bottom: 10px
    }

    #forecast div.month-box .single-box {
        padding-left: 0!important
    }

    #forecast div.month-box:nth-child(4) .single-box .month-title-wrapper {
        background-color: #0c2a43;
        color: #0c2a43!important
    }

    #forecast div.month-box:nth-child(5) .single-box .month-title-wrapper {
        background-color: #073754;
        color: #073754!important
    }

    #forecast div.month-box:nth-child(6) .month-title-wrapper {
        background-color: #115da1;
        color: #115da1!important
    }

    #forecast div.month-box:nth-child(7) .month-title-wrapper {
        background-color: #7a7d7e;
        color: #7a7d7e!important
    }

    #forecast .single-box .month-title-wrapper {
        display: block!important;
        position: relative!important;
        background: 0 0!important;
        font-weight: 700!important;
        width: 100%!important;
        padding-left: 10px!important;
        padding-right: 10px!important
    }

    #forecast .single-box .month-title-wrapper span {
    }

    #forecast .single-box ul {
        list-style: none;
        padding: 0
    }

    #forecast .single-box ul li {
        background-color: #f1f1f1;
        margin-bottom: 8px
    }

    #forecast .single-box ul li .info {
        padding: 0 10px;
        height: auto!important
    }

    #forecast .single-box ul li .info .icon {
        left: 8px!important
    }

    #forecast .single-box ul li .info .text {
        line-height: 20px!important;
        position: relative!important;
        width: calc(100% - 50px);
        margin: initial!important
    }

    .covid-back-btn {
        position: relative!important;
        text-align: left!important
    }

    .vaccination-info-block .single-vaccination-block {
        margin-bottom: 20px;
        max-width: 100%!important;
    }

    .vaccination-info-block .single-vaccination-block:last-child {
    }
}

.covid-status-icons {
    text-align: center;
    margin: 5px 0
}

.covid-status-icons img {
    display: inline-block;
    width: 28px;
    height: 28px;
    box-shadow: none!important;
    margin: 0 3px
}

.covid-status-icons span {
    width: 28px;
    height: 28px;
    display: inline-block;
    border-radius: 50px;
    margin: 0 3px
}

.covid-status-icons .single-icon {
    display: inline-block
}

.covid-status-icons .single-icon .days {
    position: absolute;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    line-height: 26px
}

.traveler-info.covid {
    display: block;
    margin: 0 auto;
    width: fit-content;
    position: relative;
    padding-left: 28px
}

.traveler-info.covid h4.entry-title {
    font-size: 16px!important;
    line-height: 28px;
    text-align: left;
    text-transform: uppercase!important
}

.traveler-info.covid img {
    width: 28px;
    position: absolute;
    left: -5px
}

#forecast {
}

#forecast .month-box {
}

#forecast div.month-box .single-box {
    padding-left: 145px
}

#forecast div.month-box:nth-child(4) .single-box .month-title-wrapper {
    background-color: #0c2a43
}

#forecast div.month-box:nth-child(5) .single-box .month-title-wrapper {
    background-color: #073754
}

#forecast div.month-box:nth-child(6) .month-title-wrapper {
    background-color: #115da1
}

#forecast div.month-box:nth-child(4) .month-title-wrapper {
    background-color: #7a7d7e
}

#forecast .single-box .month-title-wrapper {
    width: 165px;
    height: 40px;
    font-size: 17px;
    color: #fff;
    padding: 8px 20px;
    text-align: left;
    display: inline-block;
    position: absolute;
    left: 0;
    z-index: 2
}

#forecast .single-box .month-title-wrapper span {
    font-weight: 700
}

#forecast .single-box ul {
    list-style: none;
    padding: 0
}

#forecast .single-box ul li {
    margin-bottom: 8px
}

#forecast .single-box ul li .info {
    background-color: #f1f1f1;
    position: relative;
    height: 40px;
    border-bottom-left-radius: 40px;
    border-top-left-radius: 40px
}

#forecast .single-box ul li .info .icon {
    width: 40px;
    height: 40px;
    top: 0;
    left: 1px;
    z-index: 3;
    position: absolute
}

#forecast .single-box ul li .info .text {
    display: block;
    line-height: 16px;
    height: fit-content;
    position: absolute;
    top: 0;
    right: 0;
    left: 50px;
    bottom: 0;
    margin: auto
}

.page-template-access-page-now .reports-map {
    float: left;
    width: 100%;
    display: none;
    opacity: 0;
    height: 0
}

.page-template-access-page-now .reports-list-wrapper {
    float: left;
    width: 100%;
    height: auto;
    background-color: #060709;
    display: none
}

.page-template-access-page-now .reports-list-wrapper .reports-list {
    margin: 20px 50px;
    max-height: inherit;
    height: auto;
    overflow-y: auto
}

.page-template-access-page-now .reports-map.active {
    display: block;
    opacity: 1;
    height: auto
}

.page-template-access-page-now .reports-list-wrapper.active {
    display: block;
    position: relative
}

.page-template-access-page-now .desk-action-bar {
    display: block;
    width: 100%;
    margin: 0 auto;
    z-index: 9
}

.page-template-access-page-now .desk-action-bar.filters {
    display: none
}

.page-template-access-page-now .desk-action-bar ul {
    margin: 0 auto;
    width: 250px;
    list-style: none;
    background-color: #1a77bc;
    float: left;
    position: relative;
    left: 0;
    margin-bottom: 10px
}

.page-template-access-page-now .desk-action-bar ul li {
    float: left;
    width: 100%;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 800;
    padding: 10px 0;
    cursor: pointer
}

.page-template-access-page-now .desk-action-bar ul li.active {
    display: none
}

.page-template-access-page-now .desk-action-bar ul li.filters.active {
    display: block
}

.page-template-access-page-now .desk-action-bar ul li.map {
    border-right: 0
}

.page-template-access-page-now .desk-action-bar.map ul li.map {
    display: none
}

.page-template-access-page-now .desk-action-bar ul li.list {
    border-right: 1px solid #d6d6d6
}

.page-template-access-page-now .desk-action-bar.list ul li.list {
    display: none
}

.page-template-access-page-now .desk-action-bar ul li.filters {
    border-left: 1px solid #d6d6d6
}

.page-template-access-page-now .reports-list-wrapper .search-reports-form input[type=text],.page-template-access-page-now .reports-list-wrapper .search-reports-form input[type=search] {
    max-width: 200px
}

.page-template-access-page-now .reports-list-wrapper .search-reports-form select {
    max-width: 200px
}

.page-template-access-page-now .search-field-wrapper {
    position: relative;
    display: inline-block;
    width: 18%;
    margin-right: 1%
}

.page-template-access-page-now .reports-list-wrapper .search-reports-form .select-wrapper {
    width: 18%;
    margin-right: 1%
}

.page-template-access-page-now .date-range-wrapper {
    width: 18%
}

.covid-back-btn {
    position: fixed;
    left: 0;
    width: 100px;
    text-align: center
}

.covid-back-btn a {
    color: #8d9090
}

.covid-back-btn:hover a {
    color: #000
}

.covid-back-btn span:before {
    content: "";
    background-image: url(/wp-content/themes/max-portal/covid-images/back-g.png);
    background-repeat: no-repeat;
    height: 14px;
    padding-right: 20px;
    background-position: 0 3px
}

.covid-back-btn:hover span:before {
    content: "";
    background-image: url(/wp-content/themes/max-portal/covid-images/back-b.png);
    background-repeat: no-repeat;
    height: 14px;
    padding-right: 20px;
    background-position: 0 3px
}

.page-template-world-map .site-content {
    background: #fff!important;
    padding: 0!important
}

.page-template-public-world-map .site-content,.page-template-max-world-map .site-content {
    background: #d3d3d3!important;
    padding: 0!important
}

.page-template-world-map .map-info-notes {
    position: absolute;
    z-index: 9;
    left: 3%;
    bottom: 65px;
    border-radius: 0;
    width: 520px
}

.page-template-world-map .map-info-notes .color-points {
    float: left;
    width: 145px
}

.page-template-world-map .map-info-notes .content {
    float: left;
    width: calc(100% - 145px);
    padding-left: 35px
}

.page-template-world-map .map-info-notes .content p {
    margin-bottom: 25px
}

.page-template-public-world-map .map-info-notes,.page-template-max-world-map .map-info-notes {
    position: absolute;
    z-index: 9;
    left: 3%;
    bottom: 65px;
    border-radius: 0;
    width: 280px
}

.page-template-world-map .map-info-notes .title {
    font-weight: 700;
    margin-bottom: 20px;
    font-size: 24px
}

.page-template-public-world-map .map-info-notes .title,.page-template-max-world-map .map-info-notes .title {
    font-weight: 700
}

.page-template-world-map .map-info-notes .color-point {
    font-size: 14px;
    margin-bottom: 10px
}

.page-template-public-world-map .map-info-notes .color-point,.page-template-max-world-map .map-info-notes .color-point {
}

.page-template-world-map .map-info-notes .color-point .red {
    display: inline-block;
    background-color: #93130b;
    border-radius: 10px;
    margin-right: 42px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    padding: 2px 15px
}

.page-template-world-map .map-info-notes .color-point .green {
    display: inline-block;
    background-color: #27752b;
    border-radius: 10px;
    margin-right: 45px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    padding: 2px 15px
}

.page-template-world-map .map-info-notes .color-point .orange {
    display: inline-block;
    background-color: #d9942a;
    border-radius: 10px;
    margin-right: 19px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    padding: 2px 15px;
    text-align: center
}

.page-template-world-map .map-info-notes .color-point .purple {
    display: inline-block;
    background-color: #705799;
    border-radius: 10px;
    margin-right: 18px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    padding: 2px 15px;
    text-align: center
}

.page-template-world-map .top-map-wrapper {
    text-align: center;
    padding: 0
}

.page-template-public-world-map .map-info-notes .color-point .red,.page-template-max-world-map .map-info-notes .color-point .red {
    width: 10px;
    height: 10px;
    display: inline-block;
    background-color: #93130b;
    border-radius: 10px;
    margin-right: 5px
}

.page-template-public-world-map .map-info-notes .color-point .green,.page-template-max-world-map .map-info-notes .color-point .green {
    width: 10px;
    height: 10px;
    display: inline-block;
    background-color: #27752b;
    border-radius: 10px;
    margin-right: 5px
}

.page-template-public-world-map .map-info-notes .color-point .orange,.page-template-max-world-map .map-info-notes .color-point .orange {
    width: 10px;
    height: 10px;
    display: inline-block;
    background-color: #d9942a;
    border-radius: 10px;
    margin-right: 5px
}

.page-template-public-world-map .map-info-notes .color-point .purple,.page-template-max-world-map .map-info-notes .color-point .purple {
    width: 10px;
    height: 10px;
    display: inline-block;
    background-color: #705799;
    border-radius: 10px;
    margin-right: 5px
}

.page-template-public-world-map .top-map-wrapper,.page-template-max-world-map .top-map-wrapper {
    text-align: center;
    padding: 0
}

.page-template-max-world-map .top-map-wrapper {
    margin-bottom: 20px
}

.top-map-wrapper button {
}

.top-map-wrapper button.active {
    background-color: #000
}

.page-template-world-map .top-map-wrapper h1 {
    font-family: open sans,open sans,Sans-serif;
    font-size: 30px;
    font-weight: 900;
    text-transform: uppercase;
    padding: 1em 0;
    margin: 0;
    color: #0071bc
}

.page-template-public-world-map .top-map-wrapper h1 {
    font-family: open sans,open sans,Sans-serif;
    font-size: 30px;
    font-weight: 900;
    text-transform: uppercase;
    padding: 1em 0;
    margin: 0;
    color: #0071bc
}

.page-template-max-world-map .top-map-wrapper h1 {
    font-family: open sans,open sans,Sans-serif;
    font-size: 30px;
    font-weight: 900;
    text-transform: uppercase;
    padding: .5em 0;
    margin: 0;
    color: #0071bc
}

.page-template-world-map .logo {
    position: absolute;
    right: 3%;
    bottom: 15px
}

.page-template-public-world-map .logo {
    position: absolute;
    right: 3%;
    bottom: 5px
}

.page-template-max-world-map .logo {
    position: absolute;
    right: 4%;
    bottom: 5px
}

.page-template-world-map .logo img {
    width: 114px;
    opacity: .3
}

.page-template-public-world-map .logo img,.page-template-max-world-map .logo img {
    width: 200px
}

.page-template-world-map input[type=button] {
    position: absolute;
    z-index: 9;
    left: 3%;
    background: #ff9200;
    bottom: 15px;
    font-size: 14px!important;
    text-transform: none;
    padding: 1em;
    border-radius: 5px;
    font-weight: 700
}

.page-template-public-world-map input[type=button],.page-template-max-world-map input[type=button] {
    position: absolute;
    z-index: 9;
    left: 3%;
    background: #000;
    bottom: 15px;
    font-size: 12px!important
}

.top-map-wrapper button {
    font-size: 12px!important;
    line-height: .5em;
    margin-bottom: .3em
}

@media only screen and (max-width: 768px) {
    .page-template-world-map .top-map-wrapper h1 {
        font-family:open sans,open sans,Sans-serif;
        font-size: 20px;
        font-weight: 900;
        text-transform: uppercase;
        padding: .5em 0;
        margin: 0;
        color: #0071bc
    }

    .page-template-public-world-map .top-map-wrapper h1,.page-template-max-world-map .top-map-wrapper h1 {
        font-family: open sans,open sans,Sans-serif;
        font-size: 20px;
        font-weight: 900;
        text-transform: uppercase;
        padding: .5em 0;
        margin: 0;
        color: #0071bc
    }

    .page-template-world-map .logo img {
    }

    .page-template-public-world-map .logo img,.page-template-max-world-map .logo img {
        width: 160px
    }

    .page-template-world-map .map-info-notes {
        font-size: 14px;
        width: calc(100% - 6%)
    }

    .page-template-public-world-map .map-info-notes,.page-template-max-world-map .map-info-notes {
        font-size: 14px;
        width: calc(100% - 6%)
    }

    .us-map-wrapper.map-container {
        top: 0!important
    }

    .page-template-public-world-map .us-map-wrapper.map-container {
        top: 48px!important
    }

    .page-template-max-world-map .us-map-wrapper.map-container {
        top: 115px!important
    }

    .page-template-max-world-map .top-map-wrapper {
        margin-bottom: 0
    }
}

.map-container {
    height: 250px
}

.us-map-wrapper.map-container {
    display: none;
    top: 0
}

.page-template-public-world-map .us-map-wrapper.map-container {
    display: none;
    top: 102px
}

.page-template-max-world-map .us-map-wrapper.map-container {
    display: none;
    top: 126px
}

.us-map-wrapper.map-container.active {
    display: block
}

.jvmap-smart {
    width: 100%;
    height: 100%;
    padding: 0 3%
}

.jvmap-smart.hide {
    display: none
}

@media only screen and (min-width: 480px) {
    .map-container {
        height:300px
    }
}

@media only screen and (min-width: 576px) {
    .map-container {
        height:350px
    }
}

@media only screen and (min-width: 768px) {
    .map-container {
        height:500px
    }
}

@media only screen and (min-width: 992px) {
    .map-container {
        height:600px
    }
}

@media only screen and (min-width: 1200px) {
    .map-container {
        height:calc(95vh - 126px)
    }
}

a.toolTip {
    color: #fff!important;
    font-weight: 700
}

.single-block .vaccination-info-block {
    float: left;
    width: 100%
}

.vaccination-info-block h2 {
    font-size: 18px;
    font-weight: 600;
    color: #000;
    margin-bottom: 5px;
}

.vaccination-info-block .single-vaccination-block {
    float: left;
    width: 100%;
    max-width: 280px;
    padding: 18px;
    background-color: #eee;
    text-align: center;
    margin-right: 0;
    position: relative;
    height: 60px;
    font-size: 15px;
    font-weight: 600;
}

.vaccination-info-block .single-vaccination-block:last-child {
    margin-right: 0;
    height: 60px;
    color: #ff;
}

.percentage-text {
    display: inline-block;
    z-index: 2;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: fit-content
}

.page-template-public-world-map .map-info-notes .color-point .blue1,.page-template-max-world-map .map-info-notes .color-point .blue1,.vaccination-info .color-point .blue1 {
    width: 10px;
    height: 10px;
    display: inline-block;
    background-color: #539dce;
    border-radius: 10px;
    margin-right: 5px
}

.page-template-public-world-map .map-info-notes .color-point .blue2,.page-template-max-world-map .map-info-notes .color-point .blue2,.vaccination-info .color-point .blue2 {
    width: 10px;
    height: 10px;
    display: inline-block;
    background-color: #0070ae;
    border-radius: 10px;
    margin-right: 5px
}

.page-template-public-world-map .map-info-notes .color-point .blue3,.page-template-max-world-map .map-info-notes .color-point .blue3,.vaccination-info .color-point .blue3 {
    width: 10px;
    height: 10px;
    display: inline-block;
    background-color: #0d567e;
    border-radius: 10px;
    margin-right: 5px
}

.page-template-public-world-map .map-info-notes .color-point .blue4,.page-template-max-world-map .map-info-notes .color-point .blue4,.vaccination-info .color-point .blue4 {
    width: 10px;
    height: 10px;
    display: inline-block;
    background-color: #053754;
    border-radius: 10px;
    margin-right: 5px
}

.page-template-public-world-map .map-info-notes .color-point .blue5,.page-template-max-world-map .map-info-notes .color-point .blue5,.vaccination-info .color-point .blue5 {
    width: 10px;
    height: 10px;
    display: inline-block;
    background-color: #00223b;
    border-radius: 10px;
    margin-right: 5px
}

.page-template-world-map-new .site-content {
    background: #fff!important;
    padding: 0!important
}

.page-template-world-map-new .map-info-notes {
    position: absolute;
    z-index: 9;
    left: 3%;
    bottom: 65px;
    border-radius: 0;
    width: 520px
}

.page-template-world-map-new .map-info-notes .color-points {
    float: left;
    width: 155px
}

.page-template-world-map-new .map-info-notes .color-points.vacc {
    float: left;
    width: 125px
}

.page-template-world-map-new .map-info-notes .content {
    float: left;
    width: calc(100% - 155px);
    padding-left: 24px
}

.page-template-world-map-new .map-info-notes .content .subtitle {
    margin-bottom: 25px
}

.page-template-world-map-new .map-info-notes .content p {
    margin-bottom: 25px
}

.page-template-world-map-new .map-info-notes .title {
    font-weight: 700;
    margin-bottom: 20px;
    font-size: 24px
}

.page-template-world-map-new .map-info-notes .color-points .color-point {
    font-size: 14px;
    margin-bottom: 10px
}

.page-template-world-map-new .map-info-notes .color-point {
    font-size: 16px;
    margin-bottom: 10px
}

.page-template-world-map-new .map-info-notes .color-points .color-point span {
    width: auto;
    height: auto
}

.page-template-world-map-new .map-info-notes .color-points .color-point .red {
    display: inline-block;
    background-color: #93130b;
    border-radius: 10px;
    margin-right: 42px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    padding: 2px 10px;
    width: 100%;
}

.page-template-world-map-new .map-info-notes .color-points .color-point .green {
    display: inline-block;
    background-color: #27752b;
    border-radius: 10px;
    margin-right: 45px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    padding: 2px 10px;
    width: 100%;
}

.page-template-world-map-new .map-info-notes .color-points .color-point .orange {
    display: inline-block;
    background-color: #d9942a;
    border-radius: 10px;
    margin-right: 19px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    padding: 2px 10px;
    width: 100%;
}

.page-template-world-map-new .map-info-notes .color-points .color-point .purple {
    display: inline-block;
    background-color: #705799;
    border-radius: 10px;
    margin-right: 18px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    padding: 2px 10px;
    width: 100%;
}

.page-template-world-map-new .map-info-notes .color-point .red {
    background-color: #93130b
}

.page-template-world-map-new .map-info-notes .color-point .green {
    background-color: #27752b
}

.page-template-world-map-new .map-info-notes .color-point .orange {
    background-color: #d9942a
}

.page-template-world-map-new .map-info-notes .color-point .purple {
    background-color: #705799
}

.page-template-world-map-new .map-info-notes .color-point .red,.page-template-world-map-new .map-info-notes .color-point .green,.page-template-world-map-new .map-info-notes .color-point .orange,.page-template-world-map-new .map-info-notes .color-point .purple {
    width: 16px;
    height: 16px;
    display: inline-block;
    border-radius: 10px;
    margin-right: 8px;
    padding: 0;
    position: relative;
    top: 3px
}

.page-template-world-map-new .map-container {
    top: 26px
}

.page-template-world-map-new .us-map-wrapper.map-container {
    top: 26px
}

.page-template-world-map-new .top-map-wrapper {
    text-align: center;
    padding: 0;
    margin-top: 32px;
    position: absolute;
    z-index: 9;
    width: 100%
}

.page-template-world-map-new .top-map-wrapper h1 {
    font-family: open sans,open sans,Sans-serif;
    font-size: 30px;
    font-weight: 900;
    text-transform: uppercase;
    padding: 1em 0;
    margin: 0;
    color: #0071bc
}

.page-template-world-map-new .logo {
    position: absolute;
    right: 3%;
    bottom: 15px
}

.page-template-world-map-new .logo img {
    width: 114px;
    opacity: .3
}

.page-template-world-map-new input[type=button] {
    position: absolute;
    z-index: 9;
    left: 3%;
    background: #ff9200;
    bottom: 15px;
    font-size: 14px!important;
    text-transform: none;
    padding: 1em;
    border-radius: 5px;
    font-weight: 700
}

.page-template-world-map-new .top-map-wrapper button {
    font-size: 12px!important;
    border-radius: 24px;
    height: 24px;
    color: #00629b;
    background-color: #fff;
    border: 1px solid #00629b;
    padding: 4px 8px;
    text-transform: capitalize;
    font-weight: 600;
    margin: 0 4px
}

.page-template-world-map-new .top-map-wrapper button:hover {
    background-color: #d6f0ff
}

.page-template-world-map-new .top-map-wrapper button.active {
    background-color: #031030;
    border-color: #031030;
    color: #fff
}

.page-template-world-map-new .map-info-notes .color-point .blue1 {
    width: 16px!important;
    height: 16px!important;
    display: inline-block;
    background-color: #539dce;
    border-radius: 10px;
    margin-right: 8px;
    position: relative;
    top: 3px
}

.page-template-world-map-new .map-info-notes .color-point .blue2 {
    width: 16px!important;
    height: 16px!important;
    display: inline-block;
    background-color: #0070ae;
    border-radius: 10px;
    margin-right: 8px;
    position: relative;
    top: 3px
}

.page-template-world-map-new .map-info-notes .color-point .blue3 {
    width: 16px!important;
    height: 16px!important;
    display: inline-block;
    background-color: #0d567e;
    border-radius: 10px;
    margin-right: 8px;
    position: relative;
    top: 3px
}

.page-template-world-map-new .map-info-notes .color-point .blue4 {
    width: 16px!important;
    height: 16px!important;
    display: inline-block;
    background-color: #053754;
    border-radius: 10px;
    margin-right: 8px;
    position: relative;
    top: 3px
}

.page-template-world-map-new .map-info-notes .color-point .blue5 {
    width: 16px!important;
    height: 16px!important;
    display: inline-block;
    background-color: #00223b;
    border-radius: 10px;
    margin-right: 8px;
    position: relative;
    top: 3px
}

@media only screen and (max-width: 768px) {
    .page-template-world-map-new .top-map-wrapper h1 {
        font-family:open sans,open sans,Sans-serif;
        font-size: 20px;
        font-weight: 900;
        text-transform: uppercase;
        padding: .5em 0;
        margin: 0;
        color: #0071bc
    }

    .page-template-world-map-new .logo img {
    }

    .page-template-world-map-new .map-info-notes {
        font-size: 14px;
        width: calc(100% - 6%);
        position: relative;
        bottom: -20px
    }

    .page-template-world-map-new .map-container {
        top: 56px!important
    }

    .page-template-world-map-new .us-map-wrapper.map-container {
        top: 56px!important
    }

    .page-template-world-map-new .top-map-wrapper {
        margin-top: 22px!important
    }

    .page-template-world-map-new .map-wrapper.small-wrapper {
        height: 80vh
    }

    .page-template-world-map-new .top-map-wrapper button {
        margin-bottom: 4px!important
    }

    #clear_filter_c {
        left: auto!important;
        right: 1em
    }
}

.page:not(.page-template-elastic-search) .select2-container {
    min-width: 250px;
    max-width: 250px
}

.incident-select {
    visibility: hidden
}

.incident_all {
    visibility: hidden
}

.report-type-select {
    visibility: hidden
}

.report_type_all {
    visibility: hidden
}

.all_incident_type_checkbox {
    visibility: hidden;
    opacity: 0;
    transition: visibility .5s linear,opacity .5s linear;
    font-size: 11px;
    padding: 7.5px 10px;
    margin: 0 5px;
    width: 100%;
    max-width: 250px;
    border: 1px solid #fff;
    border-radius: 4px;
    display: block;
    margin: 0 auto;
    margin-top: 5px
}

.active.all_incident_type_checkbox {
    opacity: 1;
    visibility: visible
}

.all_report_type_checkbox {
    visibility: hidden;
    opacity: 0;
    transition: visibility .5s linear,opacity .5s linear;
    font-size: 11px;
    padding: 7.5px 10px;
    margin: 0 5px;
    width: 100%;
    max-width: 250px;
    border: 1px solid #fff;
    border-radius: 4px;
    display: block;
    margin: 0 auto;
    margin-top: 5px
}

.active.all_report_type_checkbox {
    opacity: 1;
    visibility: visible
}

.select2-results__option {
    padding-right: 20px;
    vertical-align: middle
}

.select2-results__option:before {
    content: "";
    display: inline-block;
    position: relative;
    height: 20px;
    width: 20px;
    border: 2px solid #e9e9e9;
    border-radius: 4px;
    background-color: #fff;
    margin-right: 20px;
    vertical-align: middle
}

.select2-results__option[aria-selected=true]:before {
    font-family: fontAwesome;
    content: "\f00c";
    color: #fff;
    background-color: #006db5;
    border: 0;
    display: inline-block;
    padding-left: 5px;
    padding-top: 2px
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #fff
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #eaeaeb;
    color: #272727
}

.select2-container--default .select2-selection--multiple {
    margin-bottom: 10px;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-radius: 4px
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #006db5;
    border-width: 2px
}

.select2-container--default .select2-selection--multiple {
    border-width: 2px
}

.select2-container--open .select2-dropdown--below {
    border-radius: 6px;
    top: 32px
}

.select2-selection .select2-selection--multiple:after {
    content: 'hhghgh'
}

.select-icon .select2-selection__placeholder .badge {
    display: none
}

.select-icon .placeholder {
    display: none
}

.select-icon .select2-results__option:before,.select-icon .select2-results__option[aria-selected=true]:before {
    display: none!important
}

.select-icon .select2-search--dropdown {
    display: none
}

.user-notif-settings .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #006db5;
    border: 1px solid #006db5;
    border-radius: 2px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px 0 20px;
    color: #fff;
    font-size: 11px
}

.user-notif-settings .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}

.page:not(.page-template-elastic-search) .select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #dadada!important;
    border-radius: 4px;
    cursor: text;
    margin-bottom: 0!important
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    width: 100%;
    max-height: 48px;
    min-height: 48px;
    overflow-y: auto!important;
    padding-top: 1px!important
}

.page-template-profile-page-notif-setting .site-content {
    background: 0 0
}

.page-template-profile-page-notif-setting .tab-content {
    display: none
}

.page-template-profile-page-notif-setting .tab-content.active {
    display: inherit
}

.page-template-profile-page-notif-setting .tab-notif-content {
    display: none;
    visibility: hidden;
    opacity: 0;
    min-height: 500px
}

.page-template-profile-page-notif-setting .tab-notif-content.active {
    display: inherit;
    opacity: 1;
    visibility: visible;
    transition: visibility .5s linear,opacity .5s linear
}

.page-template-profile-page-notif-setting .form-header {
    margin-top: 50px;
    margin-bottom: 50px
}

.page-template-profile-page-notif-setting .form-header h2 {
    margin: 0;
    color: #000;
    font-size: 24px;
    font-weight: 600
}

.page-template-profile-page-notif-setting form input[type=submit] {
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    background-color: #0071bc!important;
    width: 100%;
    max-width: 200px;
    padding: 15px
}

.page-template-profile-page-notif-setting form input[type=submit]:hover,.page-template-profile-page-notif-setting #adduser input[type=submit]:hover,.page-template-profile-page-notif-setting #adduserdisplay input[type=submit]:hover {
    background-color: #000!important
}

.page-template-profile-page-notif-setting .user-notif-settings {
    margin-top: 50px;
    position: relative;
}
.page-template-profile-page-notif-setting .user-notif-settings .form-submit {
    margin-top: 50px;
    text-align: center;
    background-color: #fff;
    padding: 10px;
    position: sticky;
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    bottom: 0;
}

.page-template-profile-page-notif-setting .user-notif-settings select {
    font-size: 11px;
    border-radius: 2px;
    text-transform: uppercase;
    border-color: #dadada;
    width: 100%;
    min-width: 100px;
    max-width: 100px
}

.page-template-profile-page-notif-setting .user-notif-settings table {
    border: 0!important;
    padding: 0!important;
    border-collapse: unset
}

.page-template-profile-page-notif-setting .user-notif-settings table th {
    background-color: #eceef3;
    border: 0!important;
    padding: 12px 20px!important;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 11px
}

.page-template-profile-page-notif-setting .user-notif-settings table th:nth-child(3) {
    border-left: 1px solid #d3d3d3!important
}

.page-template-profile-page-notif-setting .user-notif-settings table tr {
}

.page-template-profile-page-notif-setting .user-notif-settings table>tbody>tr:nth-child(odd) {
    background-color: #f7f8fb!important
}

.page-template-profile-page-notif-setting .user-notif-settings table>tbody>tr:nth-child(even) {
    background-color: #fff!important
}

.page-template-profile-page-notif-setting .user-notif-settings table tr td {
    border: 0!important;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 800;
    padding: 14px 20px!important
}
.page-template-profile-page-notif-setting .user-notif-settings table tr[id^="singletr_"] td:first-child::before {
    position: relative;
    display: block;
    border: 0;
    content: "select all";
    background: 0 0;
    font-size:10px;
    font-weight: 600;
    padding: 5px 0;
    color: #1a77bc;
}
.page-template-profile-page-notif-setting .user-notif-settings table tr td:nth-child(3) {
    border-left: 1px solid #d3d3d3!important
}

.page-template-profile-page-notif-setting .user-notif-settings table tr td .selectall {
    color: #006db5;
    font-size: 11px;
    display: block;
    margin-top: 5px;
    white-space: nowrap
}

.fade-in {
    animation: fadeIn ease 5s;
    -webkit-animation: fadeIn ease 5s;
    -moz-animation: fadeIn ease 5s;
    -o-animation: fadeIn ease 5s;
    -ms-animation: fadeIn ease 5s
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-ms-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.country-top-header {
    position: relative
}

.country-top-header span {
    float: left;
    position: relative;
    top: 12.5px;
    margin-right: 5px
}

.country-top-header span#covid_risk span {
    top: 0
}

#covid_risk {
    cursor: pointer;
    position: relative
}

.country-top-header span img {
    width: 100%;
    float: left
}

.single-countries h1 {
    font-size: 50px;
    font-weight: 900;
    color: #0070ae;
    margin-right: 10px;
    margin-bottom: 10px;
    text-transform: uppercase;
    float: left
}

.single-countries h2 {
    font-size: 20px;
    font-weight: 900;
    color: #0070ae;
    padding: 0;
    text-transform: uppercase;
    margin-bottom: 20px
}

.country-top-wrapper {
    display: flex;
    margin-bottom: 20px;
}

.country-top-wrapper .risk-indicators-wrapper,.country-top-wrapper .covid-indicators-wrapper {
    width: 50%
}
.country-top-wrapper .risk-indicators-wrapper{
    width: 66.66%
}
.country-top-wrapper .country-infrastructure-wrapper{
    width: 33.33%
}
.country-extra-info-wrapper {
    display: flex
}

.country-extra-info-wrapper .single-extra-info {
    width: 50%
}

.indicator-info-block,.covid-indicator-info-block {
    width: 100%;
    float: left;
    margin-bottom: 15px;
    position: relative
}

.covid-indicator-info-block,.covid-link-block {
    width: 50%;
    float: left;
    margin-bottom: 15px;
    position: relative
}

.covid-link-block a {
    color: #8c8f90!important;
    font-size: 18px;
    font-weight: 600;
    float: left;
    margin: 0;
    clear: none;
    text-transform: capitalize;
    cursor: pointer;
    padding-left: 0;
    text-decoration: none;
    box-shadow: none!important
}

.covid-link-block .link-icon {
    float: left;
    margin-right: 5px;
    width: 19px;
    height: 24px;
    background-repeat: no-repeat;
    background-image: url(/wp-content/themes/max-portal/country-images/link-w.png);
    background-size: 100%;
    float: left;
    display: block;
    cursor: pointer
}

.covid-link-block:hover .link-icon {
    background-image: url(/wp-content/themes/max-portal/country-images/link.png)
}

.covid-link-block .link-icon img {
    display: block
}

.indicator-info-block h2,.covid-indicator-info-block h2 {
    color: #8c8f90;
    font-size: 18px;
    font-weight: 600;
    float: left;
    margin: 0;
    clear: none;
    text-transform: capitalize;
    cursor: pointer;
    padding-left: 5px
}

.indicator-info-block .info-icon,.covid-indicator-info-block .info-icon {
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-image: url(/wp-content/themes/max-portal/country-images/info-ico-w.png);
    background-size: 100%;
    float: left;
    display: block;
    margin-top: 2.5px;
    margin-right: 0;
    cursor: pointer
}

.indicator-info-block.active .info-icon,.covid-indicator-info-block.active .info-icon {
    background-image: url(/wp-content/themes/max-portal/country-images/info-ico.png)
}

.risk-indicators-wrapper {
    margin-right: 15px
}

.risk-indicators-wrapper .risk-indicator-block {
    width: calc(50% - 7.5px);
    float: left;
    position: relative
}

.risk-indicators-wrapper .risk-indicator-block:nth-child(2) {
    margin-right: 15px
}

/*.risk-indicators-wrapper .risk-indicator-block:nth-child(2) .single-risk-indicator:first-child {
    border-top-left-radius: 10px
}

.risk-indicators-wrapper .risk-indicator-block:nth-child(2) .single-risk-indicator:last-child {
    border-bottom-left-radius: 10px
}

.risk-indicators-wrapper .risk-indicator-block:nth-child(3) .single-risk-indicator:first-child {
    border-top-right-radius: 10px
}

.risk-indicators-wrapper .risk-indicator-block:nth-child(3) .single-risk-indicator:last-child {
    border-bottom-right-radius: 10px
}
*/

.single-risk-indicator {
    float: left;
    width: 100%;
    padding-left: 15px;
    position: relative;
    height: 60px;
    margin-bottom: 3px;
    background-color: #f3f3f3;
}

/*.single-risk-indicator.low {
    background-color: #009e4f
}

.single-risk-indicator.high {
    background-color: #e1001c
}

.single-risk-indicator.medium {
    background-color: #eb9c26
}

.single-risk-indicator.extreme {
    background-color: #692e7a
}
*/
.single-risk-indicator .level {
    display: block;
    position: relative;
    float: left;
    z-index: 4;
    top: 10px
}

.country-infrastructure-indicator .label {
    color: #8c8f90;
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 15px;
    display: block;
}

.country-infrastructure-indicator .poor.title:after {
    content: "";
    width: 59px;
    height: 12px;
    background-image: url(/wp-content/themes/max-portal/city-images/Stars001.png);
    background-size: cover;
    display: inline-block;
    margin-left: 10px
}

.country-infrastructure-indicator .mediocre.title:after {
    content: "";
    width: 59px;
    height: 12px;
    background-image: url(/wp-content/themes/max-portal/city-images/Stars002.png);
    background-size: cover;
    display: inline-block;
    margin-left: 10px
}

.country-infrastructure-indicator .good.title:after {
    content: "";
    width: 59px;
    height: 12px;
    background-image: url(/wp-content/themes/max-portal/city-images/Stars003.png);
    background-size: cover;
    display: block;
    margin-left: 10px
}

.country-infrastructure-indicator .excellent.title:after {
    content: "";
    width: 59px;
    height: 12px;
    background-image: url(/wp-content/themes/max-portal/city-images/Stars004.png);
    background-size: cover;
    display: inline-block;
    margin-left: 10px
}

.country-infrastructure-indicator .title {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    margin-right: 10px;
    line-height: 40px;
    width: 100%;
    position: relative;
    display: flex;
    padding: 10px;
    background-color: #f3f3f3;
    margin-bottom: 3px;
    align-items: center;
}


.indicator-info,.covid-indicator-info {
    display: none;
    position: absolute;
    width: 100%;
    padding: 15px;
    background-color: #fff;
    font-size: 14px;
    z-index: 9;
    top: 39px;
    border-radius: 10px
}

.top-status-info {
    display: none;
    position: absolute;
    width: 400px;
    padding: 15px;
    background-color: #fff;
    font-size: 14px;
    z-index: 9;
    top: 60px;
    border-radius: 10px
}

.covid-indicator-info {
    width: 200%
}

.indicator-info .boxes,.covid-indicator-info .boxes {
    display: flex
}

.indicator-info .boxes div.left,.indicator-info .boxes div.right,.covid-indicator-info .boxes div.left,.covid-indicator-info .boxes div.right {
    width: 50%;
    color: #000;
    margin-right: 10px
}

.indicator-info .boxes ul {
    list-style: none;
    padding: 0;
    margin-bottom: 5px
}

.indicator-info .boxes ul li {
    display: block;
    margin-right: 0;
    position: relative;
    padding-left: 16px;
    color: #000;
    margin-bottom: 10px
}

.indicator-info .boxes .right ul li {
    padding-left: 20px
}

.indicator-info .boxes ul li strong {
    font-weight: 700
}

.indicator-info .boxes ul li span {
    position: absolute;
    left: 0;
    top: 5px;
    margin: 0
}

.indicator-info .boxes ul li span.icon.forecast {
    font-size: 16px;
    top: 3px
}

.indicator-info .boxes ul li span img {
    display: block
}

.indicator-info ul {
    list-style: none;
    padding: 0;
    margin-bottom: 5px
}

.indicator-info ul li {
    display: inline-block;
    margin-right: 10px;
    color: #000
}

.indicator-info ul li span {
    border-radius: 100%;
    margin-right: 5px;
    font-size: 12px
}

.indicator-info ul li span.icon.forecast {
    font-size: 16px
}

.indicator-info ul li span.icon.info {
    font-size: 17px
}

.indicator-info ul li span img {
    display: block
}

.indicator-info ul li:nth-child(1) span.icon.risk {
    background-color: #009e4f
}

.indicator-info ul li:nth-child(3) span.icon.risk {
    background-color: #e1001c
}

.indicator-info ul li:nth-child(2) span.icon.risk {
    background-color: #eb9c26
}

.indicator-info ul li:nth-child(4) span.icon.risk {
    background-color: #692e7a
}

.indicator-info .title,.covid-indicator-info .title,.top-status-info .title {
    font-weight: 700;
    color: #000;
    margin-bottom: 10px;
    margin-top: 10px;
    margin-right: 50px
}

.indicator-info .title:first-child,.covid-indicator-info .right .title:first-child,.covid-indicator-info .left .title:first-child {
    margin-top: 0
}

.indicator-info .color-point {
}

.covid-indicator-info .left {
}

.covid-indicator-info .right {
}

.country-top-header .color-point span {
    top: auto;
    float: none
}

.covid-indicator-info .color-point .red,.top-status-info .color-point .red {
    width: 10px;
    height: 10px;
    display: inline-block;
    background-color: #e1001c;
    border-radius: 10px;
    margin-right: 5px
}

.covid-indicator-info .color-point .green,.top-status-info .color-point .green {
    width: 10px;
    height: 10px;
    display: inline-block;
    background-color: #009e4f;
    border-radius: 10px;
    margin-right: 5px
}

.covid-indicator-info .color-point .orange,.top-status-info .color-point .orange {
    width: 10px;
    height: 10px;
    display: inline-block;
    background-color: #eb9c26;
    border-radius: 10px;
    margin-right: 5px
}

.covid-indicator-info .color-point .purple,.top-status-info .color-point .purple {
    width: 10px;
    height: 10px;
    display: inline-block;
    background-color: #692e7a;
    border-radius: 10px;
    margin-right: 5px
}

.single-risk-indicator .level img {
    float: left
}

.single-risk-indicator .forecast {
    position: relative;
    float: left;
    z-index: 5;
    top: 10px;
    margin-right: 10px;
    margin-left: 5px
}

.single-risk-indicator .forecast img {
    float: left
}

.single-risk-indicator .label {
    position: absolute;
    top: 0;
    bottom: 0;
    height: fit-content;
    margin: auto;
    float: left;
    z-index: 5;
    color: #000;
    line-height: 20px;
    font-size: 16px;
    font-weight: 600;
}

.covid-indicators-wrapper {
}

.covid-indicators-wrapper .covid-indicator-block {
    width: calc(50% - 7.5px);
    max-width: 100%;
    float: left;
    position: relative
}

.covid-indicators-wrapper .covid-indicator-block:nth-child(2) {
    margin-right: 15px
}

.single-covid-indicator {
    float: left;
    width: 100%;
    padding-left: 15px;
    position: relative;
    height: 60px;
    margin-bottom: 15px
}

.single-covid-indicator .level {
    display: block;
    position: relative;
    float: left;
    z-index: 4;
    top: 10px;
    margin-right: 10px
}

.single-covid-indicator .level img {
    float: left
}

.single-covid-indicator .label {
    position: absolute;
    top: 0;
    bottom: 0;
    height: fit-content;
    margin: auto;
    float: left;
    z-index: 5;
    color: #fff;
    line-height: 20px;
    font-size: 16px;
    font-weight: 600
}

.single-covid-indicator .days {
    position: absolute;
    top: 0;
    left: 15px;
    bottom: 0;
    height: fit-content;
    margin: auto;
    float: left;
    z-index: 5;
    max-width: 120px;
    color: #000;
    line-height: 20px;
    font-size: 15px;
    font-weight: 600;
    width: 40px;
    text-align: center
}

.single-covid-indicator.green {
    background-color: #009e4f
}

.single-covid-indicator.red {
    background-color: #e1001c
}

.single-covid-indicator.orange {
    background-color: #eb9c26
}

.single-covid-indicator.purple {
    background-color: #692e7a
}

.covid-indicators-wrapper .covid-indicator-block:nth-child(3) .single-covid-indicator:first-child {
    border-top-left-radius: 10px
}

.covid-indicators-wrapper .covid-indicator-block:nth-child(3) .single-covid-indicator:last-child {
    border-bottom-left-radius: 10px
}

.covid-indicators-wrapper .covid-indicator-block:nth-child(4) .single-covid-indicator:first-child {
    border-top-right-radius: 10px
}

.covid-indicators-wrapper .covid-indicator-block:nth-child(4) .single-covid-indicator:last-child {
    border-bottom-right-radius: 10px
}

.country-reports-top-wrapper {
    margin-top: 10px;
    margin-bottom: 15px;
    display: flex
}

.country-reports-top-wrapper .reports-list-filter,.country-reports-top-wrapper .reports-map-filter {
    width: 50%
}

.reports-list-filter {
    position: relative
}

.reports-list-filter span {
    min-width: 120px;
    max-width: 120px;
    float: left
}

.reports-list-filter .select-wrapper {
    margin-bottom: 0
}

.reports-list-filter .select-wrapper select {
    background-repeat: no-repeat;
    background-image: url(/wp-content/themes/max-portal/country-images/arrow_down.png);
    background-position: right 0 top 0;
    height: 27px;
    border: 0;
    background-color: #f3f3f3;
    border-radius: 50px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0 10px;
    width: 100%;
    color: #8c8f90;
    font-size: 18px;
    font-weight: 600
}

.reports-map-filter {
}

.reports-map-filter .single-filter,.reports-list-filter .single-filter {
    float: left;
    line-height: 27px;
    margin-left: 10px
}

.reports-map-filter .single-filter span,.reports-list-filter .single-filter span {
    display: block;
    float: left;
    color: #8c8f90;
    font-size: 18px;
    font-weight: 600;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    max-width: initial
}

.reports-map-filter input[type=checkbox],.reports-list-filter input[type=checkbox] {
    display: none;
    position: absolute;
    right: 0
}

.reports-map-filter .single-btn,.reports-list-filter .single-btn {
    display: none!important
}

.reports-map-filter input[type=checkbox]+label,.reports-list-filter input[type=checkbox]+label {
    cursor: pointer;
    background-image: url(/wp-content/themes/max-portal/country-images/switch-off.png);
    background-repeat: no-repeat;
    width: 47px;
    height: 25px;
    float: left;
    margin: 1px 10px
}

.reports-map-filter [id^=assets_btn]:checked+label,.reports-map-filter [id^=risk_btn]:checked+label,.reports-map-filter [id^=radius_btn]:checked+label {
    background: 0 0;
    background-image: url(/wp-content/themes/max-portal/country-images/switch-on.png);
    background-repeat: no-repeat;
    width: 47px;
    height: 25px
}

body .reports-list-filter [id^=advisory_btn]+label {
    cursor: pointer;
    background-image: url(/wp-content/themes/max-portal/country-images/switch-on.png);
    background-repeat: no-repeat;
    width: 47px;
    height: 25px;
    float: left;
    margin: 1px 10px
}

.reports-list-filter [id^=advisory_btn]:checked+label {
    background: 0 0;
    background-image: url(/wp-content/themes/max-portal/country-images/switch-off.png);
    background-repeat: no-repeat;
    width: 47px;
    height: 25px
}

.country-reports-wrapper {
}

.country-reports-wrapper .reports-list-wrapper {
    float: left;
    width: 50%;
    height: 450px;
    background-color: #060709
}

.country-reports-wrapper .reports-list-wrapper .reports-list {
    margin: 20px;
    height: 400px;
    overflow-y: auto
}

.country-reports-wrapper {
    padding: 20px;
    background-color: #f3f3f3;
    border-radius: 10px;
    display: flex
}

.country-reports-wrapper .map-container {
    height: 450px
}

.country-reports-wrapper .map-container .acf-map {
    border: 0
}

.country-info ul {
    padding-left: 20px
}

.single-extra-info h3 {
    font-size: 20px;
    font-weight: 600;
    color: #8c8f90;
    display: block;
    margin-top: 30px
}

.single-extra-info.events ul {
    list-style: none;
    float: left;
    width: 100%
}

.single-extra-info.events ul li {
    float: left;
    width: 100%;
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
    padding-top: 10px;
    outline: none;
    position: relative
}

.single-extra-info.events ul li a {
    outline: none
}

.single-extra-info.events ul li:nth-child(odd) {
    background: #edeeee
}

.single-extra-info.events ul li:nth-child(even) {
    background: #f3f3f3
}

.single-extra-info.events ul li:nth-child(1) {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px
}

.single-extra-info.events ul li:nth-child(6) {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px
}

.single-extra-info.events ul li .date {
    width: 60px
}

.single-extra-info.events ul li .date .day {
}

.single-extra-info.events ul li:nth-child(odd) .date .day {
}

.single-extra-info.events ul li:nth-child(even) .date .day {
}

.single-extra-info.events ul li .date .mounth {
    font-size: 12px;
    display: block;
    text-align: center;
    color: gray;
    text-transform: uppercase;
    margin-top: 5%
}

.single-extra-info.events ul li .info {
    width: calc(100% - 60px);
    position: absolute;
    height: fit-content;
    top: 0;
    right: 0;
    left: 60px;
    bottom: 0;
    margin: auto
}

.single-extra-info.events ul li .info .country {
    display: block;
    color: #2779aa;
    font-weight: 700;
    display: none
}

.single-extra-info.events ul li .info .country .time {
    float: right;
    color: gray;
    font-size: 12px;
    display: none
}

.single-extra-info.events ul li .info .name {
    font-size: 16px
}

.single-extra-info.general {
    margin-right: 15px
}

.single-extra-info.general .icon {
    display: inline-block;
    height: 40px;
    position: relative;
    vertical-align: middle;
    width: 40px;
    margin: 12px 10px;
    float: left
}

.single-extra-info.general .text {
    position: relative;
    vertical-align: middle;
    margin: 12px 10px;
    width: calc(100% - 80px);
    float: left;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: fit-content;
    margin-left: 10px;
    font-size: 16px;
}

.single-extra-info.general ul {
    list-style: none;
    float: left;
    width: 100%
}

.single-extra-info.general ul li {
    float: left;
    width: 100%;
    border-bottom: 1px solid #fff;
    position: relative
}

.single-extra-info.general ul li:nth-child(1) {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px
}

.single-extra-info.general ul li:nth-child(6) {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px
}

.single-extra-info.general ul li:nth-child(odd) {
    background: #edeeee
}

.single-extra-info.general ul li:nth-child(even) {
    background: #f3f3f3
}

.single-extra-info.general .info-icon-g {
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-image: url(/wp-content/themes/max-portal/country-images/info-ico-w.png);
    background-size: 100%;
    display: block;
    cursor: pointer;
    position: absolute;
    right: 10px;
    bottom: 0;
    top: 0;
    margin: auto
}

.single-extra-info.general .info-icon-g:hover {
    background-image: url(/wp-content/themes/max-portal/country-images/info-ico.png)
}

.single-extra-info.general .info-weather {
    position: absolute;
    z-index: 9;
    margin-left: 70px;
    width: calc(100% - 120px);
    padding: 1px 0;
    display: none
}

.single-extra-info.general .info-weather li {
    font-size: 14px;
    background: #f3f3f3!important;
    border-bottom: 0
}

.country-info h3.title {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    margin: 0;
    line-height: 1.5;
    margin-top: 5px;
    margin-bottom: 5px
}

.single-countries .site-content {
    background: 0 0
}

.country-content-wrapper .content p,.country-content-wrapper .content ul {
    font-size: 16px;
    font-weight: 400
}

.sticky-nav-country {
    position: fixed;
    left: 0;
    padding-top: 70px;
    width: 200px;
    z-index: 99;
    transition: .5s
}

.sticky-nav-country .closebtn {
    display: block;
    text-align: right;
    cursor: pointer;
    position: relative;
    left: 10px;
    width: calc(100% - 10px)
}

.sticky-nav-country.close .closebtn {
    display: block;
    text-align: right;
    cursor: pointer;
    transform: rotateY(180deg);
    position: relative;
    left: 5px;
    transition: .5s;
    width: 20px
}

.sticky-nav-country.close .closebtn:before {
    content: "";
    background-image: url(/wp-content/themes/max-portal/covid-images/back-g.png);
    background-repeat: no-repeat;
    height: 14px;
    padding-right: 20px
}

.sticky-nav-country.open .closebtn:before {
    content: "";
    background-image: url(/wp-content/themes/max-portal/covid-images/back-g.png);
    background-repeat: no-repeat;
    height: 14px;
    padding-right: 20px;
    background-position: 0 3px
}

.sticky-nav-country.close div span {
    overflow: hidden;
    padding-right: 5px;
    height: 34px
}

.sticky-nav-country div {
    display: block;
    text-decoration: none!important;
    box-shadow: none;
    outline: none;
    color: #073754!important;
    font-weight: 600;
    position: relative;
    cursor: pointer;
    margin-bottom: 5px
}

.sticky-nav-country div.active {
}

.sticky-nav-country div span {
    position: relative;
    background-color: #f3f3f3;
    color: #8c8f90;
    width: 100%;
    display: block;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 5px 0 5px 10px
}

.sticky-nav-country div:hover span {
    display: block
}

.sticky-nav-country div:hover {
    text-decoration: none;
    box-shadow: none;
    outline: none
}

.sticky-nav-country ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.sticky-nav-country ul li {
    padding: 5px 0 0 10px;
    color: #8c8f90;
    font-weight: 400;
    font-size: 14px
}

.sticky-nav-country.close ul li {
    padding: 5px 0 0 10px;
    color: #8c8f90;
    font-weight: 400;
    font-size: 14px;
    overflow: hidden;
    padding-right: 5px;
    height: 30px
}

.sticky-nav-country ul li:hover,.sticky-nav-country ul li.active {
    color: #0070ae
}

.back-btn.country {
    position: fixed;
    left: 5px;
    width: 100px;
    text-align: left;
    z-index: 999
}

.back-btn.country a {
    color: #8d9090
}

.back-btn.country:hover a {
    color: #000
}

.back-btn.country span:before {
    content: "";
    background-image: url(/wp-content/themes/max-portal/covid-images/back-g.png);
    background-repeat: no-repeat;
    height: 14px;
    padding-right: 20px;
    background-position: 0 3px
}

.back-btn.country:hover span:before {
    content: "";
    background-image: url(/wp-content/themes/max-portal/covid-images/back-b.png);
    background-repeat: no-repeat;
    height: 14px;
    padding-right: 20px;
    background-position: 0 3px
}

.sticky-nav-country div>ul {
    visibility: hidden;
    height: 0;
    opacity: 0;
    transition: visibility 0s,opacity .5s linear
}

.sticky-nav-country div:hover>ul {
    visibility: visible;
    opacity: 1;
    height: auto
}

.sticky-nav-country div.active>ul {
    visibility: visible;
    opacity: 1;
    height: auto
}

.country-extra-info-wrapper {
    display: flex
}

@media screen and (max-width: 1023px) {
    .country-top-header,.country-top-wrapper,.country-reports-top-wrapper,.country-extra-info-wrapper,.country-content-wrapper {
        padding-left:1em;
        padding-right: 1em
    }

    .back-btn.country {
        position: relative!important;
        text-align: left!important;
        padding-top: 0;
        padding-left: 0;
        padding-right: 1em;
        left: 1em
    }

    .single-countries .costumize-btn {
        position: relative!important;
        margin-top: 10px!important;
        left: 1em!important
    }

    .single-countries h1 {
        font-size: 45px;
        margin-bottom: 0
    }

    .single-countries h2 {
        font-size: 25px
    }

    .indicator-info-block h2,.covid-indicator-info-block h2 {
        font-size: 18px
    }

    .country-top-header span {
        top: 10px
    }

    .single-countries .site-content .wrap {
        padding-left: 0;
        padding-right: 0
    }

    .risk-indicators-wrapper .risk-indicator-block {
        width: 100%;
        margin: 0!important;
        float: left;
        position: relative
    }

    .country-top-wrapper,.country-reports-top-wrapper,.country-reports-wrapper,.country_map_wrap {
        display: block;
        clear: both;
        float: left;
        margin: 0;
        width: 100%
    }

    .country-extra-info-wrapper {
        display: block;
        clear: both;
        float: left
    }

    .country-extra-info-wrapper .single-extra-info {
        width: 100%;
        float: left;
        margin: 0
    }

    .single-extra-info h3 {
        font-size: 20px;
        font-weight: 600;
        color: #8c8f90;
        display: block;
        margin-top: 15px;
        margin-bottom: 15px
    }

    .single-extra-info ul {
        margin-bottom: 0
    }

    .events-mobile-list {
        float: left;
        width: 100%
    }

    .single-extra-info.events ul li .info .name {
        font-size: 15px
    }

    .single-extra-info.events ul li .date {
        width: 50px
    }

    .country-top-wrapper .risk-indicators-wrapper,.country-top-wrapper .covid-indicators-wrapper,.country-top-wrapper .country-infrastructure-wrapper {
        width: 100%;
        float: left;
        margin-bottom: 15px;
        margin-right: 0
    }
    .
    /*.single-countries .country-top-wrapper .risk-indicators-wrapper .risk-indicator-block .single-risk-indicator {
        border-radius: 0;
        margin-bottom: 1px
    }

    .single-countries .country-top-wrapper .risk-indicators-wrapper .risk-indicator-block:nth-child(2) .single-risk-indicator:first-child {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px
    }

    .single-countries .country-top-wrapper .risk-indicators-wrapper .risk-indicator-block:nth-child(3) .single-risk-indicator:last-child {
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px
    }
    */
    .covid-indicators-wrapper .covid-indicator-block {
        width: 100%;
        float: left;
        margin-bottom: 0;
        margin-right: 0
    }

    .single-countries .country-top-wrapper .covid-indicators-wrapper .covid-indicator-block .single-covid-indicator {
        border-radius: 0;
        margin-bottom: 1px
    }

    .single-countries .country-top-wrapper .covid-indicators-wrapper .covid-indicator-block:nth-child(3) .single-covid-indicator:first-child {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px
    }

    .single-countries .country-top-wrapper .covid-indicators-wrapper .covid-indicator-block:nth-child(4) .single-covid-indicator:last-child {
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px
    }

    .covid-indicator-info-block {
        width: calc(100% - 25px);
        float: left;
        margin-left: 25px;
        margin-bottom: 15px;
        position: relative
    }

    .covid-link-block {
        width: auto;
        float: left;
        margin-bottom: 0;
        position: absolute
    }

    .covid-link-block a {
        font-size: 0
    }

    .country-reports-top-wrapper .reports-list-filter,.country-reports-top-wrapper .reports-map-filter {
        width: 100%
    }

    .country-reports-wrapper {
        padding: 0;
        background-color: transparent;
        border-radius: 0;
        margin-top: 15px
    }

    .country-reports-wrapper .reports-list-filter {
        margin-bottom: 15px;
        padding-right: 1em;
        padding-left: 1em
    }

    #report_filter {
        text-align: center
    }

    .reports-list-filter span {
        min-width: 120px;
        max-width: 120px;
        float: none;
        display: inline-block
    }

    .reports-list-filter .single-filter span {
        max-width: initial
    }

    .reports-list-filter .single-filter {
        float: none;
        display: inline-block;
        margin: 0;
        margin-top: 10px
    }

    #clear_filter_c {
        right: 1em!important
    }

    .country-reports-wrapper .reports-list-wrapper .reports-list {
        height: 400px!important;
        overflow-y: auto;
        margin: 20px!important;
        padding: 0
    }

    .reports-list-wrapper .reports-list li {
        padding-bottom: 10px;
        margin-bottom: 10px;
        border-bottom: 2px solid #22252a;
        min-height: 60px;
        width: 100%
    }

    .country-reports-wrapper .reports-list-wrapper {
        width: 100%;
        display: block
    }

    .country-reports-wrapper .reports-map {
        width: 100%;
        position: relative;
        opacity: 1;
        height: auto;
        float: left;
        margin-top: 15px
    }

    .country-reports-wrapper .map-container {
        height: 450px;
        float: left;
        width: 100%
    }

    .country-reports-wrapper .reports-map .reports-map-filter {
        margin-bottom: 15px;
        margin-top: 15px;
        padding-right: 1em;
        padding-left: 1em;
        float: left;
        width: 100%;
        clear: both
    }

    .country-content-wrapper {
        width: 100%;
        float: left
    }

    .single-extra-info.events ul li .info {
        width: calc(100% - 50px);
        left: 50px
    }

    .single-row .title {
        font-size: 16px
    }

    .single-countries .single-block .header .single-block-tabs-nav-wrap {
        margin-left: 0!important
    }
}

.indicator.list {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    min-height: 300px
}

.indicator.list .single-indicator {
    width: 25%;
    text-align: center
}

.indicator.list .single-indicator img {
    box-shadow: none
}

.indicator.list .single-indicator .image {
    position: relative
}

.indicator.list .single-indicator .image .map-trend {
    background: 0 0!important;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto
}

.indicator.list .single-indicator .image img {
    background: linear-gradient(90deg,#eee 99%,#FFFFFF 1%)
}

.indicator.list .single-indicator .image.low:hover img {
    background-color: #009e4f;
    background: linear-gradient(90deg,#009e4f 99%,#FFFFFF 1%)
}

.indicator.list .single-indicator .image.medium:hover img {
    background-color: #eb9c26;
    background: linear-gradient(90deg,#eb9c26 99%,#FFFFFF 1%)
}

.indicator.list .single-indicator .image.high:hover img {
    background-color: #e1001c;
    background: linear-gradient(90deg,#e1001c 99%,#FFFFFF 1%)
}

.indicator.list .single-indicator .image.extreme:hover img {
    background-color: #692e7a;
    background: linear-gradient(90deg,#692e7a 99%,#FFFFFF 1%)
}

.indicator.list .single-indicator .info {
}

.indicator.list .single-indicator .info .title {
    text-transform: uppercase;
    margin-top: 10px;
    margin-bottom: 0
}

.indicator.list .single-indicator .info .risk-title {
    padding: 0;
    text-transform: capitalize;
    letter-spacing: normal;
    margin-bottom: 10px;
    font-weight: 400
}

.indicator.list .single-indicator .info .risk-title.low {
    color: #009e4f
}

.indicator.list .single-indicator .info .risk-title.medium {
    color: #eb9c26
}

.indicator.list .single-indicator .info .risk-title.high {
    color: #e1001c
}

.indicator.list .single-indicator .info .risk-title.extreme {
    color: #692e7a
}

.indicator.list .single-indicator .indicator-risk-icons {
}

.indicator.list .single-indicator .indicator-risk-icons img {
    margin: 3px;
    width: 34px
}

.indicator.list .single-indicator .indicator-forecast-icons {
}

.indicator.list .single-indicator .indicator-forecast-icons img {
    margin: 3px;
    width: 34px
}

.indicator-info-block.page {
    margin-top: 50px
}

.indicator-info-block.page .indicator-info {
    border: 1px solid #f1f1f1;
    padding-bottom: 5px
}

.indicator-info-block.page .indicator-info .col-wrapper {
    display: flex
}

.indicator-info-block.page .indicator-info .col:first-child {
    width: 60%;
    margin-right: 0
}

.indicator-info-block.page .indicator-info .col:last-child {
    width: 40%;
    margin-right: 0
}

.indicator-ajax-filter {
}

.indicator-ajax-filter ul.nav-filter {
    list-style: none;
    display: flex;
    margin-bottom: 50px
}

.indicator-ajax-filter ul.nav-filter li {
    width: 20%;
    margin-right: 50px;
    text-align: center;
    text-align: center;
    border: 3px solid #026faf;
    border-radius: 10%
}

.indicator-ajax-filter ul.nav-filter li:last-child {
    margin-right: 0
}

.indicator-ajax-filter ul.nav-filter li a {
    text-decoration: none!important;
    box-shadow: none!important
}

.indicator-ajax-filter ul.nav-filter li a h4 {
    padding-top: 0;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 15px;
    color: #000;
    box-shadow: none
}

.indicator-ajax-filter .africa-image {
    background-image: url(images/africa.png);
    width: 182px;
    height: 137px;
    margin: 0 auto;
    margin-bottom: 10px
}

.indicator-ajax-filter .africa-image:hover,.indicator-ajax-filter ul li.active .africa-image {
    background-image: url(images/africa-active.png)
}

.indicator-ajax-filter .mena-image {
    background-image: url(images/mena.png);
    width: 182px;
    height: 137px;
    margin: 0 auto;
    margin-bottom: 10px
}

.indicator-ajax-filter .mena-image:hover,.indicator-ajax-filter ul li.active .mena-image {
    background-image: url(images/mena-active.png)
}

.indicator-ajax-filter .americas-image {
    background-image: url(images/america.png);
    width: 182px;
    height: 137px;
    margin: 0 auto;
    margin-bottom: 10px
}

.indicator-ajax-filter .americas-image:hover,.indicator-ajax-filter ul li.active .americas-image {
    background-image: url(images/america-active.png)
}

.indicator-ajax-filter .asia-image {
    background-image: url(images/asia.png);
    width: 182px;
    height: 137px;
    margin: 0 auto;
    margin-bottom: 10px
}

.indicator-ajax-filter .asia-image:hover,.indicator-ajax-filter ul li.active .asia-image {
    background-image: url(images/asia-active.png)
}

.indicator-ajax-filter .europe-image {
    background-image: url(images/europe.png);
    width: 182px;
    height: 137px;
    margin: 0 auto;
    margin-bottom: 10px
}

.indicator-ajax-filter .europe-image:hover,.indicator-ajax-filter ul li.active .europe-image {
    background-image: url(images/europe-active.png)
}

.indicator-filter-wrapper {
    display: flex;
    margin-bottom: 10px
}

.indicator-filter-wrapper .indicator {
    width: 50%;
    margin-right: 25px;
    position: relative
}

.indicator-filter-wrapper .indicator:last-child {
    margin-right: 0
}

.indicator-filter-wrapper .country-filter::before {
    content: "";
    width: 23px;
    height: 23px;
    top: 8px;
    left: 25px;
    position: absolute;
    display: block;
    background-image: url(country-images/Indicators-assets/search-icon.png)
}

.indicator-filter-wrapper .country-filter input {
    background-color: #0070b0;
    border-radius: 0;
    border: 0;
    padding: 8px;
    color: #fff;
    text-transform: uppercase;
    padding-left: 55px
}

.indicator-filter-wrapper .country-filter input::placeholder {
    color: #fff
}

.indicator-filter-wrapper .risk-filter select {
    background-color: #0070b0;
    border-radius: 0;
    border: 0;
    padding: 8px;
    color: #fff;
    text-transform: uppercase;
    padding-left: 25px;
    width: 100%;
    height: auto;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-repeat: no-repeat;
    background-image: url(country-images/Indicators-assets/risk-arrow.png);
    background-position: right 25px top 14px
}

.indicator-filter-wrapper .risk-filter select:focus {
    box-shadow: none!important
}

#loading {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    text-align: center;
    width: 100%;
    height: 100%;
    background-color: rgb(255 255 255/90%)
}

#loading img {
    width: 200px;
    margin-top: 50px
}

.country_map_wrap #loadingc {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    text-align: center;
    width: 100%;
    height: 100%;
    background-color: rgb(255 255 255/50%)
}

.country_map_wrap #loadingc img {
    width: 150px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin-top: 0;
    margin: auto
}

#clear_filter {
    width: fit-content;
    background-color: #0070b0;
    color: #fff;
    padding: 5px 10px;
    text-transform: uppercase;
    font-size: 12px;
    cursor: pointer
}

#clear_filter i {
    margin-right: 5px
}

#clear_filter_c {
    width: fit-content;
    background-color: #0070b0;
    color: #fff;
    padding: 5px 10px;
    text-transform: uppercase;
    font-size: 12px;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 50px;
    padding-bottom: 4px;
    max-height: 27px
}

#clear_filter_c i {
    margin-right: 5px
}

.single-countries .costumize-wrapper {
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(50,50,50,.5);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999
}

.single-countries .costumize-wrapper.active {
    z-index: 9999
}

.single-countries .costumize-btn {
    cursor: pointer;
    position: fixed;
    left: 5px;
    width: 32px;
    text-align: left;
    z-index: 999;
    padding-top: 1em;
    background-image: url(/wp-content/themes/max-portal/country-images/share.png);
    background-repeat: no-repeat;
    background-size: 100%;
    height: 25px;
    margin-top: 30px
}

.single-countries .costumize-btn:hover {
    background-image: url(/wp-content/themes/max-portal/country-images/share-a.png)
}

.single-countries .wrap {
    position: relative
}

.single-countries .costumize-form-wrapper {
    max-width: 650px;
    padding: 10px 0;
    background-color: rgba(0,0,0,.8);
    color: #fff;
    border: 0;
    width: 100%;
    margin: 150px auto 20px;
    position: relative
}

.single-countries .costumize-form-wrapper #loading {
    background-color: rgb(0 0 0/60%)
}

.single-countries .costumize-form-wrapper #loading img {
    width: 100px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.single-countries .costumize-form-wrapper .costumize-form-inner {
    padding: 0 10px 10px;
    margin: 10px;
    height: auto
}

.single-countries .costumize-form-wrapper .interests-block::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    border-radius: 10px;
    background-color: transparent
}

.single-countries .costumize-form-wrapper .interests-block::-webkit-scrollbar {
    width: 10px;
    background-color: transparent
}

.single-countries .costumize-form-wrapper .interests-block::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.3);
    background-color: #006db5
}

.single-countries .costumize-form-wrapper h3 {
    text-transform: uppercase;
    font-weight: 800;
    font-size: 28px;
    padding-top: 0;
    color: #fff
}

.single-countries .costumize-form-wrapper input,.single-countries .costumize-form-wrapper textarea {
    display: inline-block;
    font-size: 14px;
    line-height: 1.8;
    padding: 6px 12px;
    vertical-align: middle;
    background-color: transparent;
    color: #fff;
    border: 1px solid #eee;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    margin-right: 0
}

.single-countries .costumize-form-wrapper textarea {
    height: 100px
}

.single-countries .costumize-form-wrapper label {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    margin: 0
}

.single-countries .interests-block {
    height: auto;
    max-height: 320px;
    overflow: auto
}

.single-countries fieldset {
    font-size: 14px
}

.single-countries fieldset div {
    float: left;
    width: 100%
}

.single-countries fieldset div.select_all {
    margin-bottom: 10px;
    background-color: #1a77bc;
    padding: 5px 10px;
    width: fit-content;
    border-radius: 2px;
    cursor: pointer
}

.single-countries fieldset div.select_all label {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700
}

.single-countries fieldset div.select_all input[type=checkbox] {
    opacity: 0;
    position: absolute
}

.single-countries .sub_sections {
    display: flex;
    flex-wrap: wrap;
    display: none;
    padding: 5px 10px
}

.single-countries .single_sub_sections {
    width: 50%
}

.single-countries .costumize-form-wrapper ::-webkit-input-placeholder {
    color: #fff
}

.single-countries .costumize-form-wrapper :-ms-input-placeholder {
    color: #fff
}

.single-countries .costumize-form-wrapper ::placeholder {
    color: #fff
}

.single-countries .costumize-form-wrapper .field {
    margin-top: 20px;
    text-align: right
}

.single-countries .costumize-form-wrapper .field label {
    color: #fff;
    display: none
}

.single-countries .costumize-form-wrapper button {
    margin-top: 0;
    width: 100px;
    padding: 10px;
    text-transform: uppercase;
    background-color: #1a77bc
}

.single-countries .costumize-form-wrapper a.closeX {
    position: absolute;
    right: 30px;
    top: 20px;
    width: 30px;
    height: 30px;
    opacity: 1;
    display: block;
    float: left;
    z-index: 999;
    box-shadow: none;
    color: #fff;
    border: 1px solid;
    border-radius: 50px;
    background-color: rgba(0,0,0,.8)
}

.single-countries .costumize-form-wrapper a.closeX:hover {
    opacity: 1
}

.single-countries .costumize-form-wrapper a.closeX:before,.single-countries .costumize-form-wrapper a.closeX:after {
    position: absolute;
    left: 13px;
    content: ' ';
    height: 17px;
    width: 2px;
    top: 5px;
    background-color: #fff
}

.single-countries .costumize-form-wrapper a.closeX:before {
    transform: rotate(45deg)
}

.single-countries .costumize-form-wrapper a.closeX:after {
    transform: rotate(-45deg)
}

.report-content-wrapper .monthly-wrapper .header-section {
    margin-top: 20px
}

.report-content-wrapper .monthly-wrapper .header-section {
    text-align: center;
    background-image: url(images/forecast-strip-d.jpg);
    background-size: cover;
    padding: 61.5px 0
}

.report-content-wrapper .monthly-wrapper .header-section .title {
    font-weight: 900;
    font-size: 48px;
    color: #fff;
    text-transform: uppercase
}

.report-content-wrapper .monthly-wrapper .header-section .sub-title {
    font-weight: 900;
    font-size: 26px;
    color: #fff;
    text-transform: uppercase
}

.report-content-wrapper .monthly-wrapper .content-section {
    max-width: 900px;
    margin: 0 auto;
    margin-top: 40px
}

.report-content-wrapper .monthly-wrapper .monthly-summary {
    margin-bottom: 40px
}

.report-content-wrapper .monthly-wrapper .monthly-summary .title {
    font-weight: 600;
    font-size: 38px;
    line-height: 38px;
    margin-bottom: 20px;
    color: #002849;
    text-transform: uppercase
}

.report-content-wrapper .monthly-wrapper .content h3:first-child {
    padding-top: 0
}

.report-content-wrapper .monthly-wrapper .content h3 {
    padding-top: 20px
}

.report-content-wrapper .monthly-wrapper .content h3,.report-content-wrapper .monthly-wrapper .content h3 strong {
    color: #006db0;
    font-weight: 600;
    font-size: 28px;
    margin-bottom: 10px
}

.report-content-wrapper .monthly-wrapper .content p {
    margin-bottom: 20px
}

.report-content-wrapper .monthly-wrapper .content strong {
    color: #000;
    font-weight: 900
}

.report-content-wrapper .monthly-wrapper .content ul {
    padding-left: 20px;
    font-size: 21px;
    line-height: 31px;
    color: #11151e;
    font-weight: 300;
    margin-bottom: 0
}

.report-content-wrapper .monthly-wrapper .content strong {
    font-size: 21px;
    font-weight: 600;
    color: #11151e
}

.report-content-wrapper .monthly-wrapper .monthly-risk-map {
    margin-bottom: 40px
}

.report-content-wrapper .monthly-wrapper .monthly-risk-map .title {
    font-weight: 600;
    font-size: 38px;
    line-height: 38px;
    margin-bottom: 20px;
    color: #002849;
    text-transform: uppercase
}

.report-content-wrapper .monthly-wrapper .monthly-risk-map ul li {
    display: inline-block;
    margin-right: 20px;
    color: #11151e;
    font-size: 21px;
    font-weight: 300
}

.report-content-wrapper .monthly-wrapper .monthly-risk-map ul li span.icon {
    width: 20px;
    height: 20px;
    border-radius: 20px;
    margin-right: 5px
}

.report-content-wrapper .monthly-wrapper .monthly-risk-map ul li:nth-child(4) span.icon.risk {
    background-color: #009e4f
}

.report-content-wrapper .monthly-wrapper .monthly-risk-map ul li:nth-child(2) span.icon.risk {
    background-color: #e1001c
}

.report-content-wrapper .monthly-wrapper .monthly-risk-map ul li:nth-child(3) span.icon.risk {
    background-color: #eb9c26
}

.report-content-wrapper .monthly-wrapper .monthly-risk-map li:nth-child(1) span.icon.risk {
    background-color: #692e7a
}

.report-content-wrapper .monthly-wrapper .monthly-single-region {
    margin-bottom: 20px;
    float: left;
    width: 100%
}

.report-content-wrapper .monthly-wrapper .top-block {
    float: left;
    width: 100%;
    clear: both;
    margin-bottom: 20px
}

.report-content-wrapper .monthly-wrapper .notable-block {
    float: left;
    width: 100%;
    clear: both;
    margin-bottom: 20px
}

.report-content-wrapper .monthly-wrapper .region-flag {
    float: left;
    width: fit-content;
    margin-right: 10px
}

.report-content-wrapper .monthly-wrapper .region-flag img {
    float: left;
    width: 70px;
    height: 45px;
    border: 1px solid #000;
    margin: 0 2px
}

.report-content-wrapper .monthly-wrapper .region-name {
    font-weight: 600;
    font-size: 38px;
    line-height: 40px;
    color: #002849;
    text-transform: uppercase;
    float: left;
    margin-right: 10px
}

.report-content-wrapper .monthly-wrapper .region-risk-level {
    font-size: 0;
    margin-bottom: 0;
    font-weight: 600;
    text-transform: capitalize;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    float: left
}

.report-content-wrapper .monthly-wrapper .region-risk-forecast {
    font-size: 0;
    margin-bottom: 0;
    font-weight: 600;
    text-transform: capitalize;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    float: left;
    margin-left: 10px
}

.report-content-wrapper .forecast-wrapper .region-risk-forecast {
    font-size: 0;
    margin-bottom: 0;
    font-weight: 600;
    text-transform: capitalize;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    float: left;
    margin-left: 10px
}

.report-content-wrapper .forecast-wrapper .toc .region-risk-forecast {
    margin: 0 auto;
    float: none;
    min-width: 41px
}

.report-content-wrapper .monthly-wrapper .region-risk-level.low {
    color: #16a64f;
    background-color: #16a64f
}

.report-content-wrapper .monthly-wrapper .region-risk-level.medium {
    color: #e99f22;
    background-color: #e99f22
}

.report-content-wrapper .monthly-wrapper .region-risk-level.high {
    color: #fa4646;
    background-color: #fa4646
}

.report-content-wrapper .monthly-wrapper .region-risk-level.extreme {
    color: #6f3997;
    background-color: #6f3997
}

.report-content-wrapper .monthly-wrapper .situation-block,.report-content-wrapper .monthly-wrapper .assessments-block {
    float: left;
    width: 100%;
    clear: both
}

.report-content-wrapper .monthly-wrapper .situation-block .title,.report-content-wrapper .monthly-wrapper .assessments-block .title {
    font-size: 28px;
    line-height: 28px;
    font-weight: 600;
    color: #006db0;
    margin-bottom: 20px
}

.report-content-wrapper .monthly-wrapper .situation-block .image {
    margin-bottom: 20px
}

.report-content-wrapper .monthly-wrapper .situation-block .content,.report-content-wrapper .monthly-wrapper .assessments-block .content {
    margin-bottom: 0;
    font-size: 21px;
    font-weight: 300;
    color: #11151e
}

.report-content-wrapper .monthly-wrapper .assessments-block .content_image {
    float: left;
    width: 100%;
    margin: 0;
    margin-bottom: 20px
}

.report-content-wrapper .monthly-wrapper .assessments-block .content_image .image {
    float: left
}

.report-content-wrapper .monthly-wrapper .assessments-block .content_image .text {
    font-size: 21px;
    font-weight: 600;
    color: #006db0;
    font-style: italic;
    float: left
}

.report-content-wrapper .monthly-wrapper .assessments-block .content_image.col {
    display: table;
    float: none
}

.report-content-wrapper .monthly-wrapper .assessments-block .content_image.col .image {
    float: none;
    max-width: 70%;
    display: table-cell
}

.report-content-wrapper .monthly-wrapper .assessments-block .content_image.col .image img {
    float: left
}

.report-content-wrapper .monthly-wrapper .assessments-block .content_image.col .text {
    max-width: 30%;
    width: 30%;
    display: table-cell;
    vertical-align: bottom;
    float: none;
    padding: 0 20px
}

.report-content-wrapper .monthly-wrapper .situation-block .content,.report-content-wrapper .monthly-wrapper .assessments-block .assessments-title {
    margin-bottom: 20px;
    font-size: 21px;
    font-weight: 600;
    color: #11151e
}

.report-content-wrapper .monthly-wrapper .situation-block .content {
    font-weight: 300;
    margin-bottom: 40px
}

.report-content-wrapper .monthly-wrapper .situation-block .single-situation-block {
    display: table;
    border-bottom: 1px dotted;
    width: 100%
}

.report-content-wrapper .monthly-wrapper .situation-block .single-situation-block .date-title {
    display: table-cell;
    width: 150px;
    vertical-align: bottom
}

.report-content-wrapper .monthly-wrapper .situation-block .single-situation-block .date-title span {
    font-size: 21px;
    font-weight: 400;
    color: #8d9090;
    background-color: rgba(141,144,144,.2);
    padding: 5px 20px;
    position: relative;
    width: 100px;
    display: inline-block;
    text-align: center
}

.report-content-wrapper .monthly-wrapper .situation-block .single-situation-block .date-content {
    display: table-cell;
    padding-bottom: 10px
}

.report-content-wrapper .monthly-wrapper .situation-block .single-situation-block .date-content p {
    margin-top: 20px;
    margin-bottom: 0
}

.report-content-wrapper .monthly-wrapper .situation-block .content h4,.report-content-wrapper .monthly-wrapper .assessments-block .content h4 {
    font-size: 15px;
    font-weight: 900;
    color: #0071bc;
    margin-bottom: 10px
}

.report-content-wrapper .monthly-wrapper .situation-block .content p img.alignleft,.report-content-wrapper .monthly-wrapper .assessments-block .content img.alignleft {
    margin-top: 1em;
    margin-right: 1em
}

.report-content-wrapper .monthly-wrapper .notable-block .title {
    font-weight: 600;
    font-size: 38px;
    line-height: 40px;
    color: #002849;
    text-transform: uppercase;
    margin-bottom: 20px
}

.report-content-wrapper .monthly-wrapper .notable-block .events ul {
    list-style: none;
    float: left;
    width: 100%;
    -moz-columns: 2
}

.report-content-wrapper .monthly-wrapper .notable-block .events ul li {
    float: left;
    width: 100%;
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
    padding-top: 10px;
    outline: none;
    position: relative
}

.report-content-wrapper .monthly-wrapper .notable-block .events ul li a {
    outline: none
}

.report-content-wrapper .monthly-wrapper .notable-block .events ul li:nth-child(odd) {
    background: #edeeee
}

.report-content-wrapper .monthly-wrapper .notable-block .events ul li:nth-child(even) {
    background: #f3f3f3
}

.report-content-wrapper .monthly-wrapper .notable-block .events ul li:nth-child(1) {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px
}

.report-content-wrapper .monthly-wrapper .notable-block .events ul li:nth-child(6) {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px
}

.report-content-wrapper .monthly-wrapper .notable-block .events ul li.left-col {
    float: left;
    width: 49%;
    min-height: 40px;
    border-radius: 0
}

.report-content-wrapper .monthly-wrapper .notable-block .events ul li.right-col {
    float: right;
    width: 49%;
    margin: 0;
    min-height: 40px;
    border-radius: 0
}

.report-content-wrapper .notable-block .events ul li.left-col {
    float: left;
    width: 49%;
    min-height: 40px;
    border-radius: 0
}

.report-content-wrapper .notable-block .events ul li.right-col {
    float: right;
    width: 49%;
    margin: 0;
    min-height: 40px;
    border-radius: 0
}

.report-content-wrapper .monthly-wrapper .notable-block .events ul li .date {
    width: 60px
}

.report-content-wrapper .monthly-wrapper .notable-block .events ul li .date .mounth {
    font-size: 12px;
    display: block;
    text-align: center;
    color: gray;
    text-transform: uppercase;
    margin-top: 5%
}

.report-content-wrapper .monthly-wrapper .notable-block .events ul li .info {
    width: calc(100% - 60px);
    position: absolute;
    height: fit-content;
    top: 0;
    right: 0;
    left: 60px;
    bottom: 0;
    margin: auto;
    padding-right: 10px
}

.report-content-wrapper .monthly-wrapper .notable-block .events ul li .info .country {
    display: block;
    color: #2779aa;
    font-weight: 700;
    display: none
}

.report-content-wrapper .monthly-wrapper .notable-block .events ul li .info .country .time {
    float: right;
    color: gray;
    font-size: 12px;
    display: none
}

.report-content-wrapper .monthly-wrapper .notable-block .events ul li .info .name {
    font-size: 16px
}

.report-content-wrapper .forecast-wrapper .header-section {
    margin-top: 20px
}

.report-content-wrapper .forecast-wrapper .header-section {
    text-align: center;
    background-image: url(images/forecast-strip-d.jpg);
    background-size: cover;
    padding: 61.5px 0
}

.report-content-wrapper .forecast-wrapper .header-section .title {
    font-weight: 900;
    font-size: 48px;
    color: #fff;
    text-transform: uppercase
}

.report-content-wrapper .forecast-wrapper .header-section .sub-title {
    font-weight: 900;
    font-size: 26px;
    color: #fff;
    text-transform: uppercase
}

.report-content-wrapper .forecast-wrapper .content-section {
    max-width: 900px;
    margin: 0 auto;
    margin-top: 40px
}

.report-content-wrapper .forecast-wrapper .content-section.toc {
    max-width: 900px;
    margin: 0 auto;
    margin-top: 40px;
    margin-bottom: 80px
}

.report-content-wrapper .forecast-wrapper .forecast-single-region-title {
    font-weight: 600;
    font-size: 48px;
    line-height: 50px;
    color: #006db0;
    text-transform: uppercase;
    float: left;
    margin-bottom: 20px;
    width: 100%
}

.report-content-wrapper .forecast-wrapper .anchor {
    cursor: pointer
}

.report-content-wrapper .forecast-wrapper .forecast-single-region-title-small {
    font-weight: 600;
    font-size: 28px;
    line-height: 30px;
    color: #006db0;
    text-transform: uppercase;
    margin-bottom: 20px;
    width: 100%
}

.forecast-single-region-prediction {
    margin-bottom: 20px;
    font-size: 21px;
    font-weight: 600;
    color: #11151e
}

.report-content-wrapper .forecast-wrapper .forecast-single-region-prediction ul {
    display: inline-block;
    margin: 0
}

.report-content-wrapper .forecast-wrapper .forecast-single-region-prediction ul li {
    display: inline-block;
    margin-left: 10px;
    color: #11151e;
    font-size: 21px;
    font-weight: 300
}

.report-content-wrapper .forecast-wrapper .forecast-single-region-prediction ul li span.icon {
    width: 21px;
    height: 21px;
    margin-right: 5px
}

.report-content-wrapper .forecast-wrapper .forecast-single-region-prediction ul li span.icon img {
    display: block
}

.report-content-wrapper .forecast-wrapper .content h3:first-child {
    padding-top: 0
}

.report-content-wrapper .forecast-wrapper .content h3 {
    padding-top: 20px
}

.report-content-wrapper .forecast-wrapper .content h3,.report-content-wrapper .forecast-wrapper .content h3 strong {
    color: #006db0;
    font-weight: 600;
    font-size: 28px;
    margin-bottom: 10px
}

.report-content-wrapper .forecast-wrapper .content p {
    margin-bottom: 20px
}

.report-content-wrapper .forecast-wrapper .content strong {
    color: #000;
    font-weight: 900
}

.report-content-wrapper .forecast-wrapper .content ul {
    padding-left: 20px;
    font-size: 21px;
    line-height: 31px;
    color: #11151e;
    font-weight: 300;
    margin-bottom: 0
}

.report-content-wrapper .forecast-wrapper .content strong {
    font-size: 21px;
    font-weight: 600;
    color: #11151e
}

.report-content-wrapper .forecast-wrapper .forecast-single-region,.report-content-wrapper .forecast-wrapper .forecast-sub-region {
    margin-bottom: 20px;
    width: 100%;
    border: 0
}

.report-content-wrapper .forecast-wrapper .forecast-single-region {
    margin-bottom: 60px
}

.report-content-wrapper .forecast-wrapper .toc .forecast-sub-region:nth-child(even) {
    background: #fafafa;
    margin-bottom: 5px
}

.report-content-wrapper .forecast-wrapper .toc .forecast-sub-region:nth-child(odd) {
    background: #f6f6f6;
    margin-bottom: 5px
}

.forecast-single-region table {
    border: 0!important;
    width: 100%
}

.report-content-wrapper .forecast-wrapper .forecast-sub-region td {
    border: 0!important;
}

.report-content-wrapper .forecast-wrapper .top-block {
    width: 100%;
    clear: both;
    margin-bottom: 10px;
    display: inline-block
}

.report-content-wrapper .forecast-wrapper .assessments-block {
    width: 100%;
    clear: both
}

.report-content-wrapper .forecast-wrapper .region-flag {
    float: left;
    overflow: hidden;
    position: relative
}

.report-content-wrapper .forecast-wrapper .toc .region-flag {
    float: none;
    margin: 0 auto;
    min-width: 41px;
}

.report-content-wrapper .forecast-wrapper .region-flag.regular img {
    margin: 0 5px
}

.report-content-wrapper .forecast-wrapper .content-section.toc .region-flag.regular img {
    margin: 0
}

.report-content-wrapper .forecast-wrapper .region-flag.custom img {
    max-width: 41px
}

.report-content-wrapper .forecast-wrapper .region-name {
    font-weight: 600;
    font-size: 38px;
    line-height: 40px;
    color: #002849;
    text-transform: uppercase;
    float: left;
    margin-right: 10px
}

.report-content-wrapper .forecast-wrapper .toc .region-name {
    font-weight: 600;
    font-size: 21px;
    line-height: 30px;
    color: #002849;
    text-transform: none;
    float: left;
    min-width: 180px;
    margin-right: 10px
}

.region-name.anchor {
}

.report-content-wrapper .forecast-wrapper .assessments-block .title {
    margin-bottom: 10px;
    font-size: 21px;
    font-weight: 600;
    color: #11151e
}

.report-content-wrapper .forecast-wrapper .toc .assessments-block .title {
    margin-bottom: 0;
    font-size: 21px;
    font-weight: 100;
    color: #11151e;
    text-align: left
}

.report-content-wrapper .forecast-wrapper .assessments-block .content {
    margin-bottom: 0;
    font-size: 21px;
    font-weight: 300;
    color: #11151e
}

.report-content-wrapper .forecast-wrapper .assessments-block .content_image {
    width: 100%;
    margin: 0;
    margin-bottom: 20px;
    display: inline-block
}

.report-content-wrapper .forecast-wrapper .assessments-block .content_image .image {
    float: left
}

.report-content-wrapper .forecast-wrapper .assessments-block .content_image .text {
    font-size: 21px;
    font-weight: 600;
    color: #006db0;
    font-style: italic;
    float: left
}

.report-content-wrapper .forecast-wrapper .assessments-block .content_image.col {
    display: table;
    float: none
}

.report-content-wrapper .forecast-wrapper .assessments-block .content_image.col .image {
    float: none;
    max-width: 70%;
    display: table-cell
}

.report-content-wrapper .forecast-wrapper .assessments-block .content_image.col .image img {
    float: left
}

.report-content-wrapper .forecast-wrapper .assessments-block .content_image.col .text {
    max-width: 30%;
    width: 30%;
    display: table-cell;
    vertical-align: bottom;
    float: none;
    padding: 0 20px
}

.report-content-wrapper .daily-wrapper .notable-block .title {
    margin-bottom: 20px;
    color: #1a77bc;
    font-size: 18px;
    line-height: 32px;
    font-weight: 600;
    padding-left: 15px;
    border-left: 2px solid #000;
    padding-top: 0
}

.report-content-wrapper .daily-wrapper .notable-block .events ul {
    list-style: none;
    float: left;
    width: 100%
}

.report-content-wrapper .daily-wrapper .notable-block .events ul li {
    float: left;
    width: 100%;
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
    padding-top: 10px;
    outline: none;
    position: relative
}

.report-content-wrapper .daily-wrapper .notable-block .events ul li a {
    outline: none
}

.report-content-wrapper .daily-wrapper .notable-block .events ul li:nth-child(odd) {
    background: #edeeee
}

.report-content-wrapper .daily-wrapper .notable-block .events ul li:nth-child(even) {
    background: #f3f3f3
}

.report-content-wrapper .daily-wrapper .notable-block .events ul li:nth-child(1) {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px
}

.report-content-wrapper .daily-wrapper .notable-block .events ul li:nth-child(6) {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px
}

.report-content-wrapper .daily-wrapper .notable-block .events ul li .date {
    width: 60px
}

.report-content-wrapper .daily-wrapper .notable-block .events ul li .date .mounth {
    font-size: 12px;
    display: block;
    text-align: center;
    color: gray;
    text-transform: uppercase;
    margin-top: 5%
}

.report-content-wrapper .daily-wrapper .notable-block .events ul li .info {
    width: calc(100% - 60px);
    position: absolute;
    height: fit-content;
    top: 0;
    right: 0;
    left: 60px;
    bottom: 0;
    margin: auto
}

.report-content-wrapper .daily-wrapper .notable-block .events ul li .info .country {
    display: block;
    color: #2779aa;
    font-weight: 700;
    display: none
}

.report-content-wrapper .daily-wrapper .notable-block .events ul li .info .country .time {
    float: right;
    color: gray;
    font-size: 12px;
    display: none
}

.report-content-wrapper .daily-wrapper .notable-block .events ul li .info .name {
    font-size: 16px
}

.page-template-dashboard-page-archive .reports-list-wrapper .search-reports-form .select-wrapper,.page-template-dashboard-page .reports-list-wrapper .search-reports-form .select-wrapper,.category .reports-list-wrapper .search-reports-form .select-wrapper {
    position: relative;
    display: inline-block;
    width: 18%;
    margin-right: 1.8%
}

.page-template-dashboard-page-archive .reports-list-wrapper .search-reports-form .search-field-wrapper,.page-template-dashboard-page .reports-list-wrapper .search-reports-form .search-field-wrapper,.category .reports-list-wrapper .search-reports-form .search-field-wrapper {
    position: relative;
    display: inline-block;
    width: 18%;
    margin-right: 1.8%
}

.page-template-dashboard-page-archive .reports-list-wrapper .search-reports-form .date-range-wrapper,.page-template-dashboard-page .reports-list-wrapper .search-reports-form .date-range-wrapper,.category .reports-list-wrapper .search-reports-form .date-range-wrapper {
    position: relative;
    display: inline-block;
    width: 18%
}

.page-template-dashboard-page-archive .reports-list-wrapper .search-reports-form .search-submit,.page-template-dashboard-page .reports-list-wrapper .search-reports-form .search-submit,.category .reports-list-wrapper .search-reports-form .search-submit {
    display: inline-block;
    margin-left: 1.8%;
    padding: 1em;
    max-height: 40px;
    top: 1px;
    left: 0;
    position: relative;
    width: 18%;
    text-transform: uppercase;
    border: 1px solid #0071bc;
    line-height: 10px;
    background-color: #202020;
    border-radius: 0
}

#content .report_type-monthly .entry-header,#content .report_type-forecast .entry-header {
    margin-top: 0!important;
    padding-top: 0!important;
    border: 0!important;
    margin-bottom: 0;
    margin-left: 0!important;
    margin-right: 0!important
}

@media only screen and (max-width: 768px) {
    .report-content-wrapper .monthly-wrapper .header-section .title {
        font-size:42px
    }

    .report-content-wrapper .monthly-wrapper .header-section .sub-title {
        font-size: 22px
    }

    .report-content-wrapper.Monthly {
        margin-top: 0!important
    }

    .report-content-wrapper .monthly-wrapper .header-section {
        text-align: center;
        background-image: url(images/forecast-strip-m.jpg);
        background-size: cover;
        padding: 60px 0
    }

    .report-content-wrapper .monthly-wrapper .content-section {
        margin-right: 1em;
        margin-left: 1em;
        margin-top: 0
    }

    .report-content-wrapper .monthly-wrapper .monthly-summary .title {
        font-weight: 600;
        font-size: 32px
    }

    .report-content-wrapper .monthly-wrapper .content h3,.report-content-wrapper .monthly-wrapper .situation-block .title,.report-content-wrapper .monthly-wrapper .assessments-block .title {
        font-size: 22px;
        margin-bottom: 10px
    }

    .report-content-wrapper .monthly-wrapper .content ul,.report-content-wrapper .monthly-wrapper .content strong,.report-content-wrapper .monthly-wrapper .situation-block .single-situation-block .date-title span {
        font-size: 17px
    }

    .report-content-wrapper .monthly-wrapper .monthly-risk-map .title,.report-content-wrapper .monthly-wrapper .region-name {
        font-size: 32px
    }

    .report-content-wrapper .monthly-wrapper .monthly-risk-map ul li {
        font-size: 17px
    }

    .report-content-wrapper .monthly-wrapper .top-block {
        margin-bottom: 10px
    }

    .report-content-wrapper .monthly-wrapper .situation-block .content,.report-content-wrapper .monthly-wrapper .assessments-block .assessments-title {
        font-size: 19px;
        float: left;
        width: 100%
    }

    .report-content-wrapper .monthly-wrapper .situation-block .content,.report-content-wrapper .monthly-wrapper .assessments-block .content,.report-content-wrapper .monthly-wrapper .assessments-block .content_image .text {
        font-size: 17px
    }

    .single-assessments-block {
        float: left
    }

    .report-content-wrapper .monthly-wrapper .monthly-single-region {
        margin-bottom: 20px;
        float: left;
        width: 100%
    }

    .report-content-wrapper .monthly-wrapper .assessments-block .content_image.col {
        display: block;
        float: left
    }

    .report-content-wrapper .monthly-wrapper .assessments-block .content_image.col .image {
        float: left;
        max-width: 100%;
        width: 100%;
        display: block
    }

    .report-content-wrapper .monthly-wrapper .assessments-block .content_image.col .image img {
        float: none
    }

    .report-content-wrapper .monthly-wrapper .assessments-block .content_image.col .text {
        max-width: 100%;
        width: 100%;
        display: block;
        vertical-align: bottom;
        float: left;
        padding: 0
    }

    .report-content-wrapper .monthly-wrapper .notable-block .events ul {
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1
    }

    .report-content-wrapper .monthly-wrapper .notable-block .events ul li.left-col,.report-content-wrapper .monthly-wrapper .notable-block .events ul li.right-col {
        width: 100%
    }
}

@media only screen and (max-width: 768px) {
    .report-content-wrapper .forecast-wrapper .header-section .title {
        font-size:42px
    }

    .report-content-wrapper .forecast-wrapper .header-section .sub-title {
        font-size: 22px
    }

    .report-content-wrapper.Forecast {
        margin-top: 0!important
    }

    .report-content-wrapper .forecast-wrapper .header-section {
        text-align: center;
        background-image: url(images/forecast-strip-m.jpg);
        background-size: cover;
        padding: 60px 0
    }

    .report-content-wrapper .forecast-wrapper .content-section {
        margin-right: 1em!important;
        margin-left: 1em!important;
        margin-top: 0
    }

    .report-content-wrapper .forecast-wrapper .forecast-summary .title {
        font-weight: 600;
        font-size: 32px
    }

    .report-content-wrapper .forecast-wrapper .content h3,.report-content-wrapper .forecast-wrapper .assessments-block .title {
        font-size: 17px!important;
        margin-bottom: 10px
    }

    .report-content-wrapper .forecast-wrapper .content ul,.report-content-wrapper .forecast-wrapper .content strong {
        font-size: 17px
    }

    .report-content-wrapper .forecast-wrapper .region-name {
        font-size: 32px
    }

    .report-content-wrapper .forecast-wrapper .toc .region-name {
        width: 100%;
        margin: 0;
        margin-bottom: 10px;
        font-size: 24px
    }

    .report-content-wrapper .forecast-wrapper .toc .region-flag,.report-content-wrapper .forecast-wrapper .toc .region-risk-forecast {
        float: left;
        margin: inherit;
        margin-right: 10px;
        margin-bottom: 0
    }

    .report-content-wrapper .forecast-wrapper .toc .forecast-sub-region:nth-child(even) {
        background: #fafafa;
        margin-bottom: 5px;
        padding: 20px
    }

    .report-content-wrapper .forecast-wrapper .toc .forecast-sub-region:nth-child(odd) {
        background: #f6f6f6;
        margin-bottom: 5px;
        padding: 20px
    }

    .report-content-wrapper .forecast-wrapper .top-block {
        margin-bottom: 10px
    }

    .report-content-wrapper .forecast-wrapper .toc .top-block {
        margin-bottom: 0
    }

    .report-content-wrapper .forecast-wrapper .assessments-block .assessments-title {
        font-size: 19px;
        float: left;
        width: 100%
    }

    .report-content-wrapper .forecast-wrapper .assessments-block .content,.report-content-wrapper .forecast-wrapper .assessments-block .content_image .text {
        font-size: 17px
    }

    .single-assessments-block {
        float: left
    }

    .report-content-wrapper .forecast-wrapper .forecast-single-region {
        margin-bottom: 20px;
        float: left;
        width: 100%
    }

    .report-content-wrapper .forecast-wrapper .forecast-single-region-title-small {
        font-weight: 600;
        font-size: 32px;
        line-height: 30px;
        color: #006db0;
        text-transform: uppercase;
        margin-bottom: 20px;
        width: 100%
    }

    .report-content-wrapper .forecast-wrapper .forecast-single-region-prediction ul li {
        margin: 0;
        font-size: 17px;
        margin-right: 5px
    }

    .report-content-wrapper .forecast-wrapper .forecast-single-region-title {
        font-weight: 600;
        font-size: 45px;
        line-height: 50px;
        color: #006db0;
        text-transform: uppercase;
        float: left;
        margin-bottom: 20px;
        width: 100%
    }

    .report-content-wrapper .forecast-wrapper .assessments-block .content_image.col {
        display: block;
        float: left
    }

    .report-content-wrapper .forecast-wrapper .assessments-block .content_image.col .image {
        float: left;
        max-width: 100%;
        width: 100%;
        display: block
    }

    .report-content-wrapper .forecast-wrapper .assessments-block .content_image.col .image img {
        float: none
    }

    .report-content-wrapper .forecast-wrapper .assessments-block .content_image.col .text {
        max-width: 100%;
        width: 100%;
        display: block;
        vertical-align: bottom;
        float: left;
        padding: 0
    }
}

.single-countries .single-block .header {
    clear: both;
    margin-bottom: 20px
}

.single-countries .single-block .header .single-block-title {
    margin: 0;
    display: inline-block
}

.single-countries .single-block .header .single-block-tabs-nav-wrap {
    display: inline-block;
    margin-left: 10px;
    position: relative;
    top: -5px
}

.single-countries .single-block .header .single-block-tabs-nav-wrap .single-block-tabs-nav {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0!important
}

.single-countries .single-block .header .single-block-tabs-nav-wrap .single-block-tabs-nav .single-block-tab-nav-link {
    list-style: none;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 900;
    padding: 3px 10px;
    text-transform: uppercase;
    background: #8c8f90
}

.single-countries .single-block .header .single-block-tabs-nav-wrap .single-block-tabs-nav .single-block-tab-nav-link:hover {
    background: #0070ae
}

.single-countries .single-block .header .single-block-tabs-nav-wrap .single-block-tabs-nav .single-block-tab-nav-link.active {
    background: #0070ae
}

.single-countries .single-block .tabs-nav-wrap {
    padding: 10px 0;
    margin-left: 50px
}

.single-countries #dos_dont.single-block .tabs-nav-wrap {
    margin-left: 0;
    margin-top: -30px
}

#dos_dont.single-block .text {
    color: #000;
    display: block;
    font-size: 16px;
}

.single-countries .single-block .tabs-nav-wrap ul {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0!important
}

.single-countries .single-block .tabs-nav-wrap ul li {
    list-style: none;
    display: inline-block;
    margin-right: 5px
}

.single-countries .single-block .tabs-nav li {
    list-style: none;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 900;
    padding: 3px 10px;
    background: #8c8f90
}

.single-countries .single-block .tabs-nav .tab-nav-link.current,.single-countries .single-block .tabs-nav .tab-nav-link:hover {
    background: #0070ae
}

.single-countries .single-block .tab-content {
    display: none
}

.single-countries .single-block .single-block-tabs-nav-wrap .label {
    pointer-events: none;
    display: flex;
    align-items: center;
    margin-bottom: 0
}

.single-countries .single-block .single-block-tabs-nav-wrap .switch,.single-countries .single-block .single-block-tabs-nav-wrap .input:checked+.label .left,.single-countries .single-block .single-block-tabs-nav-wrap .input:not(:checked)+.label .right {
    pointer-events: all;
    cursor: pointer
}

.single-countries .single-block .single-block-tabs-nav-wrap .input {
    display: none
}

.single-countries .single-block .single-block-tabs-nav-wrap .switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 26px;
    margin: 0 auto
}

.single-countries .single-block .single-block-tabs-nav-wrap .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #8c8f90;
    -webkit-transition: .4s;
    transition: .4s
}

.single-countries .single-block .single-block-tabs-nav-wrap .slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 5px;
    bottom: 5px;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s
}

.single-countries .single-block .single-block-tabs-nav-wrap input:checked+.label .slider {
    background-color: #0070ae
}

.single-countries .single-block .single-block-tabs-nav-wrap input:focus+.label .slider {
    box-shadow: 0 0 1px #0070ae
}

.single-countries .single-block .single-block-tabs-nav-wrap input:checked+.label .slider:before {
    -webkit-transform: translateX(24px);
    -ms-transform: translateX(24px);
    transform: translateX(24px)
}

.single-countries .single-block .single-block-tabs-nav-wrap .slider.round {
    border-radius: 25px
}

.single-countries .single-block .single-block-tabs-nav-wrap .slider.round:before {
    border-radius: 50%
}

.single-countries .single-block .single-block-tabs-nav-wrap .left,.single-countries .single-block .single-block-tabs-nav-wrap .right {
    list-style: none;
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    font-size: 14px;
    font-weight: 900;
    padding: 3px 10px
}

.single-countries .costumize-form-wrapper.header {
    clear: both;
    margin-bottom: 20px
}

.single-countries .costumize-form-wrapper .header h3 {
    margin: 0;
    display: inline-block
}

.single-countries .costumize-form-wrapper .header .single-block-tabs-nav-wrap {
    display: inline-block;
    margin-left: 10px;
    position: relative;
    top: -5px
}

.single-countries .costumize-form-wrapper .header .single-block-tabs-nav-wrap .single-block-tabs-nav {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0!important
}

.single-countries .costumize-form-wrapper .header .single-block-tabs-nav-wrap .single-block-tabs-nav .single-block-tab-nav-link {
    list-style: none;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 900;
    padding: 3px 10px;
    text-transform: uppercase;
    background: #8c8f90
}

.single-countries .costumize-form-wrapper .header .single-block-tabs-nav-wrap .single-block-tabs-nav .single-block-tab-nav-link:hover {
    background: #0070ae
}

.single-countries .costumize-form-wrapper .header .single-block-tabs-nav-wrap .single-block-tabs-nav .single-block-tab-nav-link.active {
    background: #0070ae
}

.single-countries .costumize-form-wrapper .single-block-tabs-nav-wrap .input {
    display: none
}

.single-countries .costumize-form-wrapper .single-block-tabs-nav-wrap .switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 20px;
    margin: 0 auto;
    top: 5px
}

.single-countries .costumize-form-wrapper .single-block-tabs-nav-wrap .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #8c8f90;
    -webkit-transition: .4s;
    transition: .4s
}

.single-countries .costumize-form-wrapper .single-block-tabs-nav-wrap .slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 5px;
    bottom: 2px;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s
}

.single-countries .costumize-form-wrapper .single-block-tabs-nav-wrap input:checked+.label .slider {
    background-color: #0070ae
}

.single-countries .costumize-form-wrapper .single-block-tabs-nav-wrap input:focus+.label .slider {
    box-shadow: 0 0 1px #0070ae
}

.single-countries .costumize-form-wrapper .single-block-tabs-nav-wrap input:checked+.label .slider:before {
    -webkit-transform: translateX(14px);
    -ms-transform: translateX(14px);
    transform: translateX(14px)
}

.single-countries .costumize-form-wrapper .single-block-tabs-nav-wrap .slider.round {
    border-radius: 25px
}

.single-countries .costumize-form-wrapper .single-block-tabs-nav-wrap .slider.round:before {
    border-radius: 50%
}

.single-countries .costumize-form-wrapper .single-block-tabs-nav-wrap .left,.single-countries .costumize-form-wrapper .single-block-tabs-nav-wrap .right {
    list-style: none;
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    font-size: 12px;
    font-weight: 900;
    padding: 3px 5px
}

.post-type-archive-pi .pi-top-dash {
}

.post-type-archive-pi .pi-split-dash {
    display: flex;
}

.post-type-archive-pi .pi-top-dash h1 {
    font-size: 50px;
    font-weight: 900;
    color: #0070ae;
    margin-right: 10px;
    margin-bottom: 10px;
    text-transform: uppercase;
    float: left;
}

.post-type-archive-pi .pi-top-dash h2 {
    font-size: 30px;
    font-weight: 900;
    color: #0070ae;
    padding: 0;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.pi-left-dash {
    width: 60%;
    margin-right: 2%;
}

.pi-right-dash {
    width: 40%;
}

.pi-report-block {
    /* background: #ffffff; */
}
.pi-report-block ul::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    border-radius: 10px;
    background-color: transparent
}

.pi-report-block ul::-webkit-scrollbar {
    width: 10px;
    background-color: transparent
}

.pi-report-block ul::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.3);
    background-color: #006db5
}

.pi-report-block h2 {
    /* text-transform: uppercase; */
    margin-bottom: 0;
    /* background-color: #eee; */
    padding: 10px 0px;
    color: #8c8f90;
    font-size: 18px;
    font-weight: 600;
}

.pi-report-block ul {
    list-style: none;
    max-height: 313px;
    overflow: auto;
}

.pi-report-block ul li {
    padding: 10px 10px;
    border-bottom: 2px solid #fff;
    display: flex;
    align-items: center;
}

.pi-report-block ul li:nth-child(odd) {
    background: #edeeee
}

.pi-report-block ul li:nth-child(even) {
    background: #f3f3f3
}

.pi-report-block ul li .picon {
    margin-right: 10px;
}

.pi-report-block ul li .picon img {
    float: left;
}

.pi-report-block ul li a {
    display: block;
    font-size: 15px;
}

.pi-report-block ul li a .date {
    display: block;
    font-size: 12px;
    color: #000;
    position: relative;
    font-weight: 700;
    font-style: italic;
}

.pi-widget {
    margin-bottom: 20px;
}

.pi-widget:not(.top) ul {
    list-style: none;
    text-align: center;
    margin: 10px 0;
}

.pi-widget:not(.top) h3 {
    text-align: left;
    /* text-transform: uppercase; */
    margin-bottom: 0;
    /* background-color: #eee; */
    padding: 10px 0px;
    color: #8c8f90;
    font-size: 18px;
    font-weight: 600;
}

.pi-widget.top {
    border: 0;
    display: flex;
}

.pi-widget.top div {
    width: 33.33%;
    margin-right: 10px;
    padding: 8px 10px 12px 10px;
    display: block;
    background-color: #eee;
    text-align: center;
}

.pi-widget.top div:last-child {
    margin-right: 0;
    background-color: #692e7a;
}

.pi-widget.top div:last-child h3,.pi-widget.top div:last-child .num {
    color: #fff;
}

.pi-widget.top div h3 {
    font-size: 18px;
    font-weight: 600;
    color: #000;
    margin: 0;
    display: inline-block;
}

.pi-widget.top div span {
    font-size: 22px;
    font-weight: 600;
    margin: 0;
    text-align: center;
    color: #006db5;
    margin-left: 5px;
}

.single-pi .entry-header {
    position: relative
}

.single-pi .entry-header .report-logo {
    position: absolute;
    right: 0;
    top: -140px;
    z-index: 1000
}

.single-pi .report-company-name {
    float: left;
    clear: both;
    margin-bottom: 10px;
    color: #000;
    font-size: 20px;
    font-weight: 700;
    color: #000;
    font-size: 20px;
    font-weight: 700;
}

.single-pi .report-content-wrapper {
    float: left;
    width: 100%;
    margin-top: 50px;
}

.single-pi .report-content-wrapper .report-info .content-section {
    margin-bottom: 0;
}

.single-pi .report-content-wrapper .report-siderbar .report-properties .single-box .icon-img img {
    margin-top: 13px
}

.single-pi .report-content-wrapper .report-info .content-section .sub-title {
    color: #1a77bc;
    font-size: 18px;
    line-height: 32px;
    font-weight: 700;
    padding-left: 0;
    border-left: 0;
    padding-top: 0;
    border-bottom: 2px solid rgba(0,0,0,0.1);
    margin-bottom: 20px;
    position: relative;
}

.single-pi .report-content-wrapper .report-info .content-section .sub-title::after {
    content: "";
    display: block;
    background-color: #1a77bc;
    width: 40px;
    height: 2px;
    position: absolute;
    bottom: -2px;
    left: 0;
}

.single-pi .report-content-wrapper .report-info .content-section .sub-title::before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: -6px;
    left: 0;
    border-left: 0;
    border-right: 5px solid transparent;
    border-top: 5px solid #1a77bc;
}

.single-pi .report-content-wrapper .report-info .content-section .content-section .sub-title {
    color: #000;
    font-size: 16px;
    line-height: 32px;
    font-weight: 600;
    padding-left: 0;
    border-left: 0;
    padding-top: 0;
}

.single-pi .report-content-wrapper .report-info .content-section .content-section .sub-title::after {
    content: "";
    display: block;
    background-color: #000;
    width: 40px;
    height: 2px;
    position: absolute;
    bottom: -2px;
    left: 0;
}

.single-pi .report-content-wrapper .report-info .content-section .content-section .sub-title::before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: -6px;
    left: 0;
    border-left: 0;
    border-right: 5px solid transparent;
    border-top: 5px solid #000;
}

.single-pi .report-content-wrapper .report-info .content-section .content h2, .single-pi .report-content-wrapper .report-info .content-section .content h3, .single-pi .report-content-wrapper .report-info .content-section .content h4 {
    font-size: 15px;
    font-weight: 600;
    color: #000;
}


/* Define your custom styles for the custom legend */
canvas#pieChart {
  border: 10px solid rgb(142 145 145 / 30%);
  border-radius: 100%;
  display: block;
  margin: auto;
}
.custom-legend {
  display: flex;
  justify-content: center;
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
}
.legend-item {
	margin-bottom: 5px;
	width: 100%;
	text-align: center;
	padding: 10px;
	line-height: 18px;
 }

.legend-title {
	 color: #fff;
	 font-size:13px;
	 text-transform: uppercase;
}

.legend-number {
  color: #fff; /* Customize number color */
  display: block;
  font-size:18px;
}
.legend-number:after{
	content:'%';
	font-size:12px;
}

/* Define background colors for each risk level class */
.legend-item.Low {
background-color: #009e4f; /* Light green for Low */
}

.legend-item.Medium {
background-color: #eb9c26; /* Light gray for Medium */
}

.legend-item.High {
background-color: #e1001c; /* Light red for High */
}

.legend-item.Extreme {
background-color: #692e7a; /* Gold for Extreme */
}
#bar_block {
  height: 270px ; /* Adjust the height as needed */
  width: 100% ; /* Adjust the width as needed */
}
.custom-legend-bar {
  display: flex;
  justify-content: center;
  margin-top: 5px;
  margin-bottom: 5px;
  text-align: center;
}
.legend-item-bar {
    margin-bottom: 0px;
    width: fit-content;
    text-align: center;
    padding: 10px;
    line-height: 18px;
    display: inline-block;
}

.legend-color-box-bar {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px;
}

.legend-title-bar {
    color: #000;
    font-size: 13px;
    text-transform: uppercase;
}
@media screen and (max-width: 1023px) {
	.pi-widget.top{
		flex-wrap: wrap;
	}
    .pi-widget.top div{
        width:100%;
        margin: 0;
    }
    .post-type-archive-pi .pi-split-dash {
	  flex-wrap: wrap;
	}
		.pi-left-dash {
		width: 100%;
		margin-right: 0%;
		order:1;
	}
		.pi-right-dash {
		width: 100%;
		order:0;
	}
    
     .post-type-archive-pi .pi-top-dash h1 {
       font-size: 45px;
       line-height: 1.2em;
       margin-right: 0;
    }

    .post-type-archive-pi .pi-top-dash h2 {
        font-size: 25px
    }
	.post-type-archive-pi .site-content {
		padding: 2.5em 0 0;
	}
    .legend-color-box-bar{
      display:block;  
	      margin: 0 auto;
    }
	#bar_block {
	  height: 200px ; /* Adjust the height as needed */
	  width: 100% ; /* Adjust the width as needed */
	}

}
/**********cities*************/
.cities-top-header h1 {
    margin-top: 0px;
    font-size: 50px;
    font-weight: 900;
    color: #0070ae;
    margin-right: 10px;
    margin-bottom: 0px;
    float: left;
}

.cities-top-header span {
    float: left;
    position: relative;
    top: 12.5px;
    margin-right: 5px;
}

.cities-top-header span img {
    width: 100%;
    float: left
}

.cities-top-header h2 {
    font-size: 20px;
    font-weight: 900;
    color: #0070ae;
    padding: 0;
    text-transform: uppercase;
    margin-bottom: 20px
}

.single-cities h2 {
    padding: 0
}

.single-cities .indicator-info-block h2 {
    color: #8c8f90;
    font-size: 18px;
    font-weight: 600;
    float: left;
    margin: 0;
    clear: none;
    text-transform: capitalize;
    cursor: pointer;
    padding-left: 5px
}

.cities-top-wrapper {
    display: flex;
    margin-bottom: 20px;
}

.cities-risk-indicators-wrapper {
    width: 33.33%;
    margin-right: 20px
}

.cities-risk-indicators-wrapper .indicator-info-block {
    width: 100%;
    margin-bottom: 15px;
    position: relative;
    /* float: left; */
}

.cities-risk-indicators-wrapper .cities-risk-indicator-block {
    position: relative;
    width: 100%;
    clear: both;
    /*columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2*/
}

.cities-risk-indicators-wrapper .cities-risk-indicator-block p {
    font-size: 16px;
    margin-bottom: 10px;
    color: #000
}

.cities-risk-indicators-wrapper .risk-indicator-block:nth-child(2) .cities-single-risk-indicator:last-child {
    border-bottom-left-radius: 10px
}

.cities-risk-indicators-wrapper .risk-indicator-block:nth-child(3) .cities-single-risk-indicator:first-child {
    border-top-right-radius: 10px
}

.cities-risk-indicators-wrapper .risk-indicator-block:nth-child(3) .cities-single-risk-indicator:last-child {
    border-bottom-right-radius: 10px
}

.cities-single-risk-indicator {
    width: 100%;
    position: relative;
    display: flex;
    padding: 10px;
    background-color: #f3f3f3;
    margin-bottom: 3px
}

.cities-single-risk-indicator span.level {
    width: 40px;
    font-weight: 700;
    font-size: 16px;
    color: #000;
    display: inline-flex;
    margin-right: 10px
}

.cities-single-risk-indicator span.label {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    display: inline-flex;
    align-items: center
}

.cities .single-block-title {
    margin-bottom: 5px;
    font-size: 28px;
}

.cities-risk-indicator-block .single-block-title {
    font-size: 20px;
    color: #000;
    line-height: 20px!important;
    margin-bottom: 20px
}

.cities-contact-numbers-wrapper {
    width: 33.33%
}

.cities-contact-numbers-wrapper .cities-contact-numbers-block h2 {
    color: #8c8f90;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
    clear: none;
    text-transform: capitalize
}

.cities-contact-numbers-wrapper .cities-contact-numbers-block .content div.double-block {
    padding: 10px;
    background-color: #f3f3f3;
    margin-bottom: 3px;
    display: flex
}

.cities-contact-numbers-wrapper .cities-contact-numbers-block .content div.double-block div {
    width: 50%;
    display: block;
    margin-right: 2%;
    line-height: 20px;
}

.cities-contact-numbers-wrapper .cities-contact-numbers-block .content div:not(.tourism-police) .number {
    font-size: 16px;
    font-weight: 600;
    display: block;
    margin-right: 10px
}

.cities-contact-numbers-wrapper .cities-contact-numbers-block .content div:not(.tourism-police) .title {
    color: #000;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600
}

.cities-contact-numbers-wrapper .cities-contact-numbers-block .content div.tourism-police {
    background-color: #1a77bc;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    padding: 10px
}

.cities-contact-numbers-wrapper .cities-contact-numbers-block .content div.tourism-police .picon {
    display: flex;
    margin-right: 10px
}

.cities-contact-numbers-wrapper .cities-contact-numbers-block .content div.tourism-police .phone {
    line-height: 20px
}

.cities-contact-numbers-wrapper .cities-contact-numbers-block .content div.tourism-police .phone .title {
    display: block;
    color: #fff
}

.cities-contact-numbers-wrapper .cities-contact-numbers-block .content div.tourism-police .phone .number {
    color: #fff;
    display: block
}

.single-cities .costumize-wrapper {
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(50,50,50,.5);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999
}

.single-cities .costumize-wrapper.active {
    z-index: 9999
}

.single-cities .costumize-btn {
    cursor: pointer;
    position: fixed;
    left: 5px;
    width: 32px;
    text-align: left;
    z-index: 999;
    padding-top: 1em;
    background-image: url(/wp-content/themes/max-portal/country-images/share.png);
    background-repeat: no-repeat;
    background-size: 100%;
    height: 25px;
    margin-top: 30px
}

.single-cities .costumize-btn:hover {
    background-image: url(/wp-content/themes/max-portal/country-images/share-a.png)
}

.single-cities .wrap {
    position: relative
}

.single-cities .costumize-form-wrapper {
    max-width: 650px;
    padding: 10px 0;
    background-color: rgba(0,0,0,.8);
    color: #fff;
    border: 0;
    width: 100%;
    margin: 150px auto 20px;
    position: relative
}

.single-cities .costumize-form-wrapper #loading {
    background-color: rgb(0 0 0/60%)
}

.single-cities .costumize-form-wrapper #loading img {
    width: 100px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.single-cities .costumize-form-wrapper .costumize-form-inner {
    padding: 0 10px 10px;
    margin: 10px;
    height: auto
}

.single-cities .costumize-form-wrapper .interests-block::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    border-radius: 10px;
    background-color: transparent
}

.single-cities .costumize-form-wrapper .interests-block::-webkit-scrollbar {
    width: 10px;
    background-color: transparent
}

.single-cities .costumize-form-wrapper .interests-block::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.3);
    background-color: #006db5
}

.single-cities .costumize-form-wrapper h3 {
    text-transform: uppercase;
    font-weight: 800;
    font-size: 28px;
    padding-top: 0;
    color: #fff
}

.single-cities .costumize-form-wrapper input,.single-cities .costumize-form-wrapper textarea {
    display: inline-block;
    font-size: 14px;
    line-height: 1.8;
    padding: 6px 12px;
    vertical-align: middle;
    background-color: transparent;
    color: #fff;
    border: 1px solid #eee;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    margin-right: 0
}

.single-cities .costumize-form-wrapper textarea {
    height: 100px
}

.single-cities .costumize-form-wrapper label {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    margin: 0
}

.single-cities .interests-block {
    height: auto;
    max-height: 320px;
    overflow: auto
}

.single-cities fieldset {
    font-size: 14px
}

.single-cities fieldset div {
    float: left;
    width: 100%
}

.single-cities fieldset div.select_all {
    margin-bottom: 10px;
    background-color: #1a77bc;
    padding: 5px 10px;
    width: fit-content;
    border-radius: 2px;
    cursor: pointer
}

.single-cities fieldset div.select_all label {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700
}

.single-cities fieldset div.select_all input[type=checkbox] {
    opacity: 0;
    position: absolute
}

.single-cities .sub_sections {
    display: flex;
    flex-wrap: wrap;
    display: none;
    padding: 5px 10px
}

.single-cities .single_sub_sections {
    width: 50%
}

.single-cities .costumize-form-wrapper ::-webkit-input-placeholder {
    color: #fff
}

.single-cities .costumize-form-wrapper :-ms-input-placeholder {
    color: #fff
}

.single-cities .costumize-form-wrapper ::placeholder {
    color: #fff
}

.single-cities .costumize-form-wrapper .field {
    margin-top: 20px;
    text-align: right
}

.single-cities .costumize-form-wrapper .field label {
    color: #fff;
    display: none
}

.single-cities .costumize-form-wrapper button {
    margin-top: 0;
    width: 100px;
    padding: 10px;
    text-transform: uppercase;
    background-color: #1a77bc
}

.single-cities .costumize-form-wrapper a.closeX {
    position: absolute;
    right: 30px;
    top: 20px;
    width: 30px;
    height: 30px;
    opacity: 1;
    display: block;
    float: left;
    z-index: 999;
    box-shadow: none;
    color: #fff;
    border: 1px solid;
    border-radius: 50px;
    background-color: rgba(0,0,0,.8)
}

.single-cities .costumize-form-wrapper a.closeX:hover {
    opacity: 1
}

.single-cities .costumize-form-wrapper a.closeX:before,.single-cities .costumize-form-wrapper a.closeX:after {
    position: absolute;
    left: 13px;
    content: ' ';
    height: 17px;
    width: 2px;
    top: 5px;
    background-color: #fff
}

.single-cities .costumize-form-wrapper a.closeX:before {
    transform: rotate(45deg)
}

.single-cities .costumize-form-wrapper a.closeX:after {
    transform: rotate(-45deg)
}

.single-cities .country-extra-info-wrapper .single-extra-info {
    width: 100%;
    margin: 0
}

.single-cities .country-extra-info-wrapper .single-extra-info ul:not(.info-weather) {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2
}

.single-cities .single-extra-info.general ul li:not(.info-weather li){
    float: left;
    width: 100%;
    border-bottom: 1px solid #fff;
    position: relative;
    border-radius: 0;
}

.cities-infrastructure-wrapper {
    width: 33.33%;
    margin-right: 20px;
}

.cities-infrastructure-wrapper .cities-infrastructure-indicator {
}

.cities-overview-map-wrapper {
}

.cities-overview-map-wrapper .cities-map-block {
    display: flex;
    padding: 10px;
    background-color: #f3f3f3;
    margin-bottom: 3px;
}

.cities-overview-map-wrapper .cities-map-block .map {
    width: 80%;
    padding: 10px;
}

.cities-overview-map-wrapper .cities-map-block .map .text {
    color: #000;
    font-size: 14px;
    font-weight: 700;
    padding-top: 10px;
}

.cities-overview-map-wrapper .cities-map-block .legend {
    width: 20%;
    color: #000;
    font-size: 14px;
    padding: 10px;
}

.cities-overview-map-wrapper .cities-map-block .legend .title {
    font-weight: 700;
    color: #000;
    margin-bottom: 10px;
    line-height: 18px;
}

.cities-overview-map-wrapper .cities-map-block .legend .boxes ul {
    list-style: none;
    padding: 0;
    margin-bottom: 5px;
    line-height: 16px;
}

.cities-overview-map-wrapper .cities-map-block .legend .boxes ul li {
    display: block;
    margin-right: 0;
    position: relative;
    padding-left: 0;
    color: #000;
    margin-bottom: 10px;
    font-size: 12px;
}

.cities-overview-map-wrapper .cities-map-block .legend .boxes ul li span.icon {
    margin-right: 5px;
}

.cities-overview-map-wrapper .cities-map-block .legend .boxes ul li span.icon {
    margin-right: 5px;
}

.cities-overview-map-wrapper .cities-map-block .legend .boxes ul li:nth-child(1) span.icon.risk {
    background-color: #009e4f
}

.cities-overview-map-wrapper .cities-map-block .legend .boxes ul li:nth-child(2) span.icon.risk {
    background-color: #eb9c26
}

.cities-overview-map-wrapper .cities-map-block .legend .boxes ul li:nth-child(3) span.icon.risk {
    background-color: #e1001c
}

.cities-overview-map-wrapper .cities-map-block .legend .boxes ul li:nth-child(4) span.icon.risk {
    background-color: #692e7a
}

.cities-infrastructure-indicator .label {
    color: #8c8f90;
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 15px;
    display: block;
}

.cities-infrastructure-indicator .poor.title:after {
    content: "";
    width: 59px;
    height: 12px;
    background-image: url(/wp-content/themes/max-portal/city-images/Stars001.png);
    background-size: cover;
    display: inline-block;
    margin-left: 10px
}

.cities-infrastructure-indicator .mediocre.title:after {
    content: "";
    width: 59px;
    height: 12px;
    background-image: url(/wp-content/themes/max-portal/city-images/Stars002.png);
    background-size: cover;
    display: inline-block;
    margin-left: 10px
}

.cities-infrastructure-indicator .good.title:after {
    content: "";
    width: 59px;
    height: 12px;
    background-image: url(/wp-content/themes/max-portal/city-images/Stars003.png);
    background-size: cover;
    display: block;
    margin-left: 10px
}

.cities-infrastructure-indicator .excellent.title:after {
    content: "";
    width: 59px;
    height: 12px;
    background-image: url(/wp-content/themes/max-portal/city-images/Stars004.png);
    background-size: cover;
    display: inline-block;
    margin-left: 10px
}

.cities-infrastructure-indicator .title {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    margin-right: 10px;
    line-height: 40px;
    width: 100%;
    position: relative;
    display: flex;
    padding: 10px;
    background-color: #f3f3f3;
    margin-bottom: 3px;
    align-items: center;
}

.single-cities .single-row .text.risk {
    margin-bottom: 1.5em;
}

.single-cities .single-row .text.risk .content {
    padding: 10px;
    background-color: #f3f3f3;
    margin-bottom: 3px;
    display: inline-table;
    font-size: 15px;
    font-weight: 600;
    width: 50%;
}

.single-cities .single-row .text.risk .content.low {
    color: #009e4f
}

.single-cities .single-row .text.risk .content.high {
    color: #e1001c
}

.single-cities .single-row .text.risk .content.medium {
    color: #eb9c26
}

.single-cities .single-row .text.risk .content.extreme {
    color: #692e7a
}

@media screen and (max-width: 1023px) {
    .single-cities .site-content .wrap {
        padding-left:0;
        padding-right: 0
    }

    .cities-top-header,.cities-top-wrapper,.cities-content-wrapper {
        padding-left: 1em;
        padding-right: 1em;
        flex-wrap: wrap;
    }

    .cities-infrastructure-wrapper {
        padding-left: 0;
        padding-right: 0;
        margin: 0;
        margin-bottom: 20px;
        width: 100%;
    }

    .cities-overview-map-wrapper .cities-map-block .map .text {
        padding-left: 1em;
        padding-right: 1em;
    }

    .cities-overview-map-wrapper .cities-overview-block {
        padding-left: 1em;
        padding-right: 1em;
    }

    .single-cities .costumize-btn {
        position: relative!important;
        margin-top: 10px!important;
        left: 1em!important
    }

    .single-cities h1 {
        font-size: 45px;
        margin-top: 0;
    }
}

@media only screen and (max-width: 768px) {
    .cities-risk-indicators-wrapper {
        flex-wrap: wrap;
        width: 100%;
        margin: 0;
    }

    .cities-contact-numbers-wrapper {
        width: 100%;
    }

    .cities-risk-indicators-wrapper .cities-risk-indicator-block,.cities-risk-indicators-wrapper.two-col .cities-risk-indicator-block {
        width: 100%;
        margin-bottom: 20px;
        margin-right: 0!important;
        /*columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1;*/
    }

    .cities-risk-indicators-wrapper.two-col .cities-risk-indicator-block:first-child {
        order: 2
    }

    .cities-contact-numbers-wrapper .cities-contact-numbers-block .content div.double-block div {
        width: 100%;
        display: block;
        margin-right: 2%;
    }

    .cities-overview-map-wrapper .cities-map-block {
        flex-wrap: wrap;
        padding: 1px;
    }
	.cities-overview-map-wrapper .city.single-filter {
		width: calc( 100% - 20px );
		line-height: 27px;
		margin: 10px 10px;
		direction: ltr;
		display: flex;
	}

    .cities-overview-map-wrapper .cities-map-block .map {
        width: 100%;
        padding: 0px;
    }

    .cities-overview-map-wrapper .cities-map-block .legend {
        width: 100%;
        color: #000;
        font-size: 14px;
        padding: 10px;
        padding-left: 1em;
        padding-right: 1em;
    }

    .single-cities .country-extra-info-wrapper .single-extra-info ul {
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1;
    }

    .single-cities .single-row .text.risk .content {
        padding: 10px;
        background-color: #f3f3f3;
        margin-bottom: 3px;
        display: inline-table;
        font-size: 15px;
        font-weight: 600;
        width: 100%;
    }

    .cities-infrastructure-indicator {
        display: block;
    }

    .cities-infrastructure-indicator .title {
        display: block;
        line-height: 30px;
    }

    .single-cities .content p {
        font-size: 16px;
    }
}

.single-countries .single-block .goto-button{
   
    display: inline-block;
    position: relative;
    top: -3px;
    left: 10px;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    padding: 3px 10px;
    background: #0070ae;
}
.single-countries .single-block .goto-button:hover{

    background: #8c8f90;
}

.indicator-filter-wrapper .city-filter input {
    background-color: #0070b0;
    border-radius: 0;
    border: 0;
    padding: 8px;
    color: #fff;
    text-transform: uppercase;
    padding-left: 55px
}
.indicator-filter-wrapper .city-filter::before {
    content: "";
    width: 23px;
    height: 23px;
    top: 8px;
    left: 25px;
    position: absolute;
    display: block;
    background-image: url(country-images/Indicators-assets/search-icon.png)
}
.indicator-filter-wrapper .city-filter input::placeholder {
    color: #fff
}
#clear_filter_city {
    width: fit-content;
    background-color: #0070b0;
    color: #fff;
    padding: 5px 10px;
    text-transform: uppercase;
    font-size: 12px;
    cursor: pointer;
}
.page-template-assets-locations .pagination a {
    text-decoration: none;
    padding: 5px 10px;
    border: 1px solid #a2aabd;
    margin: 0 2px;
    color: #a2aabd;
    border-radius: 5px;
}
.page-template-assets-locations .pagination span {
    color: #a2aabd;
}
.page-template-assets-locations .pagination a.current {
    background-color: #a2aabd;
    color: #fff;
}

.page-template-assets-locations .pagination a.prev::before {
    content: "\2190"; /* Unicode arrow left character */
    margin-right: 5px;
}

.page-template-assets-locations .pagination a.next::after {
    content: "\2192"; /* Unicode arrow right character */
    margin-left: 5px;
}

.main-region-link{
    display: flex;
    align-items: center;
    position: absolute;
    top: 2em;
    right: 0;
}

.main-region-link a{
    font-size: 18px;
    font-weight: 700;
    color: #0070ae;
    padding: 0;
    text-decoration: none;
    border: 0 !important;
    box-shadow: none;
    display: inline-block;
}
.main-region-link span {
    background-image: url(/wp-content/themes/max-portal/covid-images/back-b.png);
    background-repeat: no-repeat;
    height: 14px;
    width: 16px;
    float: none;
    top: auto;
    margin: 0;
    margin-left: 10px;
    transform: rotateY(180deg);
}
@media only screen and (max-width: 768px) {
    .main-region-link{
        display: flex;
        align-items: center;
        position: relative;
        top: 5px;
        left: 0;
    }
}



.login-wrapper-home {
    display: flex;
    margin: 0 auto;
    width: 300px;
    background: #fff;
    border-radius: 3px;
    box-shadow: rgba(0,0,0,.1) 0 0 10px;
    box-sizing: border-box;
    margin-bottom: 50px;
    margin-top: 50px;
    flex-wrap: wrap
}

.login-wrapper-home .left {
    width: 100%;
    background-color: #fff;
    padding: 20px 40px;
    padding-bottom: 0
}

.login-wrapper-home .left textarea {
    border-color: #dedede;
    border-radius: 0;
    border-width: 2px;
    margin-bottom: 10px;
    font-size: 12px;
    color: #828997;
    min-height: 40px
}

.login-wrapper-home .left h3 {
    font-size: 24px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 0
}

.login-wrapper-home.mailer .left h3 {
    margin-bottom: 20px
}

.login-wrapper-home .left .desc,.login-wrapper-home .left label {
    color: #828997;
    font-size: 12px;
    font-weight: 400
}

.login-wrapper-home .left .desc {
    margin: 0
}

.login-wrapper-home .left #form-messages {
    font-size: 14px;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: 700
}

.login-wrapper-home .left .status {
    color: #000;
    font-size: 12px;
    font-weight: 600
}

.login-wrapper-home .left #login-inner {
    margin-top: 20px
}

.login-wrapper-home .left input {
    border-color: #dedede;
    border-radius: 0;
    border-width: 2px;
    margin-bottom: 10px;
    font-size: 12px;
    color: #828997;
    min-height: 40px
}

.login-wrapper-home .left [type=submit] {
    background: #3078bf;
    width: 100%;
    font-size: 11px;
    text-transform: uppercase;
    height: 40px;
    margin-top: 20px
}

.login-wrapper-home .right {
    width: 50%;
    background-image: url(images/register-back-pop.png);
    padding: 20px 40px;
    position: relative
}

.login-wrapper-home .right .wrapper {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 40px;
    height: 150px
}

.login-wrapper-home .right h3 {
    font-size: 13px;
    color: #fff;
    text-align: center
}

.login-wrapper-home .right a {
    background: 0 0;
    width: 100%;
    font-size: 11px;
    text-transform: uppercase;
    height: 40px;
    padding: 10px;
    display: inline-block;
    border: 2px solid #fff;
    color: #fff;
    text-align: center
}

body .login-wrapper-home form#loginform p {
    margin: 0
}

body .login-wrapper-home form#loginform p.login-remember {
    display: none
}

body .login-wrapper-home form#loginform p label[for=user_pass] {
    display: none
}

body .login-wrapper-home form#loginform>div.user-pass-wrap>div>button {
    display: none!important
}

body .login-wrapper-home p#nav {
    display: none
}

body .login-wrapper-home form#loginform input#user_pass {
    display: none
}

body .login-wrapper-home #loginform {
    box-shadow: inherit
}

body .login-wrapper-home .wrapper {
    color: #828997;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    width: 100%;
    background-color: #fff;
    padding: 0 40px 20px
}

body .login-wrapper-home .wrapper a {
    color: #828997;
    font-size: 12px;
    font-weight: 400;
    text-align: center
}

body .login-wrapper-home div#login_error1 {
    border-left: 4px solid #dd3d36;
    margin-left: 0;
    padding: 12px;
    background: #fff;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.1)
}

body .login-wrapper-home .left [type=submit] {
    color: #fff
}

.show_subzone .single-filter {
    float: left;
    line-height: 27px;
    margin-left: 10px;
    position: relative;
}
.show_subzone {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    justify-content: center;
    padding: 10px;
}
.show_subzone .single-filter span {
    display: block;
    float: left;
    color: #8c8f90;
    font-size: 14px;
    font-weight: 600;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    max-width: initial
}

.show_subzone input[type=checkbox]{
    display: none;
    position: absolute;
    right: 0
}
.show_subzone input[type=checkbox]+label {
    cursor: pointer;
    background-image: url(/wp-content/themes/max-portal/country-images/switch-off.png);
    background-repeat: no-repeat;
    width: 47px;
    height: 25px;
    float: left;
    margin: 1px 10px
}

.show_subzone [id^=showAssetsCheckbox]:checked+label{
    background: 0 0;
    background-image: url(/wp-content/themes/max-portal/country-images/switch-on.png);
    background-repeat: no-repeat;
    width: 47px;
    height: 25px
}
.my-assets-box {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    justify-content: center;
}
.my-assets-box .single-filter {
    float: left;
    line-height: 27px;
    margin-left: 10px
}

.my-assets-box .single-filter span {
    display: block;
    float: left;
    color: #8c8f90;
    font-size: 14px;
    font-weight: 800;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    max-width: initial
}

.my-assets-box input[type=checkbox]{
    display: none;
    position: absolute;
    right: 0
}
.my-assets-box input[type=checkbox]+label {
    cursor: pointer;
    background-image: url(/wp-content/themes/max-portal/country-images/switch-off.png);
    background-repeat: no-repeat;
    width: 47px;
    height: 25px;
    float: left;
    margin: 1px 10px
}

.my-assets-box [id^=show_my_locations]:checked+label{
    background: 0 0;
    background-image: url(/wp-content/themes/max-portal/country-images/switch-on.png);
    background-repeat: no-repeat;
    width: 47px;
    height: 25px
}

.city.single-filter {
    float: left;
    line-height: 27px;
    margin: 0 10px;
}

.city.single-filter {
    width: 100%;
    line-height: 27px;
    margin: 10px 0px;
    direction: ltr;
    display: flex;
}

.city.single-filter span {
    /* display: block; */
    /* float: none; */
    display: inline-block;
    color: #8c8f90;
    font-size: 18px;
    font-weight: 600;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    max-width: initial;
}

.city.single-filter input[type=checkbox] {
    display: none;
    position: absolute;
    right: 0;
}

.city.single-filter input[type=checkbox]+label {
    cursor: pointer;
    background-image: url(/wp-content/themes/max-portal/country-images/switch-off.png);
    background-repeat: no-repeat;
    width: 47px;
    height: 25px;
    /* float: left; */
    display: inline-block;
    margin: 1px 10px;
}

.city.single-filter [id^=showAssetsCheckbox]:checked+label{
    background: 0 0;
    background-image: url(/wp-content/themes/max-portal/country-images/switch-on.png);
    background-repeat: no-repeat;
    width: 47px;
    height: 25px;
}

.report-content-wrapper .report-info .content-section .content.source {
    font-size: 15px;
    color: #484a4c
}
.report-content-wrapper .report-info .content-section .content.source span{
    font-size: 14px;
    color: #1a77bc;
    display: inline-block;
    font-weight: 600;
    margin-right: 5px;
}
.report-content-wrapper .report-info .content-section .content.source p{
     display:inline-block;
}