/* color elements */
body {
    --gcp: #7400EF;
    --gcd: #131128;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
}

/*
disable tap blue glow
.AccordionWidget,
.Button {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
}
*/

/* Tool Tip */
.tooltip {
    position: relative;
}

.tooltip::before,
.tooltip::after {
    position: absolute;
    opacity: 0;
    transform: translateY(-50%);
    top: 50%;
    visibility: hidden;
    transition: all ease 0.3s;
}

.tooltip::before {
    content: "";
    border-width: 6px 10px 6px 0;
    border-style: solid;
    border-color: transparent rgba(0, 0, 0, 1) transparent transparent;
    left: calc(100% + 2px);
}

.tooltip::after {
    content: attr(data-tooltip);
    background-color: black;
    padding: 9px;
    border-radius: 6px;
    color: white;
    font-size: 11px;
    line-height: 110%;
    left: calc(100% + 12px);
    width: 230px;
}

/* Hover Tool Tip */
.tooltip:hover::before,
.tooltip:hover::after {
    opacity: 1;
    visibility: visible;
}

.tooltip:hover::before {
    left: calc(100% + 6px);
}

.tooltip:hover::after {
    left: calc(100% + 16px);
}

/*404*/
.email {
    text-decoration: underline;
    font-weight: 700;
}

/* right bar buttons */

@media all and (min-width: 830px) {

    #u78982,
    #u76923,
    #u83907 {
        left: calc(-338px - 2.28%);
    }
}

@media all and (min-width: 559px) {

    .labs-btn,
    .centra-btn {
        margin-top: 25px !important;
    }

    .centra-btn {
        left: calc(-171px - 2.28%) !important;
    }

    .labs-btn {
        left: calc(-339px - 2.28%) !important;
    }

    #u84213 {
        left: calc(-280px - 2.28%) !important;
    }
}

@media all and (max-width: 560px) {
    .labs-btn {
        left: calc(-154px - 3.93%) !important;
    }

    #u84213 {
        left: calc(-217px - 3.93%) !important;
    }
}

/* verdict lable styles */
@media all and (max-width: 830px) {
    html, body {
  overflow-x: hidden;
}
body {
  position: relative;
        overflow-y: hidden;

}
    .sticky-m .verdict-label {
        padding: 9px 6px !important;
        border-radius: 2px !important;
        margin-top: 0px !important;
    }
    .download{
        display: none !important;
    }
}

.search-break {
    display: none;
}

@media all and (max-width: 560px) {
    .search-break {
        display: unset !important;
    }
}

.verdict-label {
    padding: 16px 10px;
    border-radius: 4px;
    line-height: unset !important;
    margin-top: 1px;
}

.malic-label {
    background-color: #8F1021;
}

.was-malic-label {
    background-color: #527a52;
}

.clean-label {
    background-color: #00CC88;
}

.search-result span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}

/* Search Form */

.search-btn {
    cursor: pointer;
}

input.search-field::placeholder {
    color: #808080;
    font-style: italic;
}

input.search-field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

.search-field {
    width: calc(100% - 40px);
    height: 40px;
    padding: 0px 0 0 14px;
    color: #131028;
    letter-spacing: 0.5px;
}

.search {
    font-family: 'Graphik Web' !important;
    font-family: lato;
    margin: 20px 0;
}

input.search-field:focus::placeholder {
    opacity: 0;
}

.search-btn {
    width: 40px;
    height: 40px;
    float: right;
    background: #00F7CD url(../images/baseline-search-24px.svg) no-repeat center center;
    background-size: 24px 24px;
}

/* Search Form End */

.grayedout {
    filter: grayscale(100%);
    pointer-events: none
}

.grayedout div {
    opacity: 0.5 !important;
}

.otout {
    opacity: 0.3 !important;
}

/*non selectsble*/
.container,
.btn_prev,
.btn_next,
.btn_now,
.time_text,
input.search-field::placeholder {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}


.tippy-tooltip {
    color: #131128 !important
}

.arrow-regular {
    border-bottom: 7px solid #00F7CD !important;
}

#tippy-tooltip-1 .tippy-tooltip {
    padding: 9px 9px 10px 12px !important;
    font-size: 12px !important;
    letter-spacing: 1px;
    background-color: #00F7CD !important;
}

.pin2top {
    position: fixed !important;
    top: 56px
}

.popup-holder-prev {
    display: none
}

.popup-holder-next {
    display: none
}

.mpop-btn,
.btn_next,
.btn_prev,
.popup-close,
.btn_now,
.tip1 {
    cursor: pointer;
}

.odometer-inside {
    line-height: .93 !important
}

#tables_container table {
    border-collapse: collapse !important;
    text-align: left;
    width: 100% !important;
    height: 100%;
}

#tables_container tr {
    border: solid !important;
    border-width: 0 0 1px 0 !important;
    border-color: #e5e5e5 !important;
    background-color: #fff;
    font-family: lato;
    font-size: 12px;
    letter-spacing: 1;
    color: #333;
}

#tables_container tr:last-child {
    border-width: 0 0 1px 0 !important;
}

#tbl_dom,
#tbl_ip {
    width: 100%;
    float: left;
    border: none;
    height: 350px;
}

#tables_container table td {
    padding: 0 20px 0 20px;
}

/* Week Nav Menu Mobile Stick to top / Hide */

.stick-menu {
    top: 0 !important;
    position: fixed !important;
    background-color: var(--gcd) !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.5) !important;
}

.stick-menu .time_text {
    color: white;
}

.hide-menu {
    transform: translateY(-107%) !important;
    transition: all .3s ease-in-out !important;

}

.nav-bar-m {
    transition: all .3s ease-in-out !important;
}

.pop-in {
    -webkit-animation: fade-in-top .3s cubic-bezier(.445, .050, .55, .95) both;
    animation: fade-in-top .3s cubic-bezier(.445, .050, .55, .95) both
}

@-webkit-keyframes fade-in-top {
    0% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes fade-in-top {
    0% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

.pop-out {
    -webkit-animation: fade-out-bottom .3s cubic-bezier(.25, .46, .45, .94) both;
    animation: fade-out-bottom .3s cubic-bezier(.25, .46, .45, .94) both
}

@-webkit-keyframes fade-out-bottom {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    100% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
        opacity: 0
    }
}

@keyframes fade-out-bottom {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    100% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
        opacity: 0
    }
}

/* mobile pop-up */
.notification-popup {
    display: none;
    top: calc(50vh - 275px);
}

@media (max-width: 1100px) and (min-width: 681px) {
    .notification-popup {
        top: calc(50vh - 275px) !important;
    }
}


.mpop-show {
    display: block !important;
    -webkit-animation: slide-in-top 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
    animation: slide-in-top 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
}

.mpop-hide {
    -webkit-animation: slide-out-top 0.5s cubic-bezier(0.600, -0.280, 0.735, 0.045) both;
    animation: slide-out-top 0.5s cubic-bezier(0.600, -0.280, 0.735, 0.045) both;
}



@-webkit-keyframes slide-out-top {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateY(-1000px);
        transform: translateY(-1000px);
        opacity: 0;
    }
}

@keyframes slide-out-top {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateY(-1000px);
        transform: translateY(-1000px);
        opacity: 0;
    }
}

@-webkit-keyframes slide-in-top {
    0% {
        -webkit-transform: translateY(-1000px);
        transform: translateY(-1000px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes slide-in-top {
    0% {
        -webkit-transform: translateY(-1000px);
        transform: translateY(-1000px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}