/* SETUP */
:root {
    --tags-font-size: 10px;
    --ctsp-black: #333;
    --ctsp-blue: #3276b1;
}

.vertical-center {
    min-height: 100%;
    /* Fallback for browsers do NOT support vh unit */
    min-height: 100vh;
    /* These two lines are counted as one :-)       */
    display: flex;
    align-items: center;
}

@media screen and (max-width: 576px) {
    .header-search select#filter {
        display: inline-block;
        width: 30%;
    }
}

@media screen and (min-width: 576px) and (max-width: 768px) {
    .header-search select#filter {
        display: inline-block;
        width: 30%;
    }
}


/* open-sans-300 - latin */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/open-sans-v27-latin-300.eot');
    /* IE9 Compat Modes */
    src: local(''), url('../fonts/open-sans-v27-latin-300.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/open-sans-v27-latin-300.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../fonts/open-sans-v27-latin-300.woff') format('woff'),
        /* Modern Browsers */
        url('../fonts/open-sans-v27-latin-300.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../fonts/open-sans-v27-latin-300.svg#OpenSans') format('svg');
    /* Legacy iOS */
}


/* open-sans-regular - latin */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/open-sans-v27-latin-regular.eot');
    /* IE9 Compat Modes */
    src: local(''), url('../fonts/open-sans-v27-latin-regular.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/open-sans-v27-latin-regular.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../fonts/open-sans-v27-latin-regular.woff') format('woff'),
        /* Modern Browsers */
        url('../fonts/open-sans-v27-latin-regular.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../fonts/open-sans-v27-latin-regular.svg#OpenSans') format('svg');
    /* Legacy iOS */
}


/* open-sans-600 - latin */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/open-sans-v27-latin-600.eot');
    /* IE9 Compat Modes */
    src: local(''), url('../fonts/open-sans-v27-latin-600.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/open-sans-v27-latin-600.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../fonts/open-sans-v27-latin-600.woff') format('woff'),
        /* Modern Browsers */
        url('../fonts/open-sans-v27-latin-600.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../fonts/open-sans-v27-latin-600.svg#OpenSans') format('svg');
    /* Legacy iOS */
}


/* open-sans-700 - latin */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/open-sans-v27-latin-700.eot');
    /* IE9 Compat Modes */
    src: local(''), url('../fonts/open-sans-v27-latin-700.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/open-sans-v27-latin-700.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../fonts/open-sans-v27-latin-700.woff') format('woff'),
        /* Modern Browsers */
        url('../fonts/open-sans-v27-latin-700.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../fonts/open-sans-v27-latin-700.svg#OpenSans') format('svg');
    /* Legacy iOS */
}


/* open-sans-italic - latin */

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/open-sans-v27-latin-italic.eot');
    /* IE9 Compat Modes */
    src: local(''), url('../fonts/open-sans-v27-latin-italic.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/open-sans-v27-latin-italic.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../fonts/open-sans-v27-latin-italic.woff') format('woff'),
        /* Modern Browsers */
        url('../fonts/open-sans-v27-latin-italic.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../fonts/open-sans-v27-latin-italic.svg#OpenSans') format('svg');
    /* Legacy iOS */
}


/* open-sans-700italic - latin */

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    src: url('../fonts/open-sans-v27-latin-700italic.eot');
    /* IE9 Compat Modes */
    src: local(''), url('../fonts/open-sans-v27-latin-700italic.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/open-sans-v27-latin-700italic.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../fonts/open-sans-v27-latin-700italic.woff') format('woff'),
        /* Modern Browsers */
        url('../fonts/open-sans-v27-latin-700italic.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../fonts/open-sans-v27-latin-700italic.svg#OpenSans') format('svg');
    /* Legacy iOS */
}

body::-webkit-scrollbar {
    display: none;
}

html {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
    height: 100%;
}

body {
    height: 100%;
    font-weight: 550;
}

body p {
    font-size: 14px;
    font-weight: 400;
}

h1,
h2,
h3,
h4 {
    font-weight: 400;
}

#content {
    padding: 0 0 !important;
}


/* .page-footer {
    bottom: unset !important;
} */

#widget-grid {
    padding: 10px 14px;
}

#main {
    overflow-y: scroll;
    padding: 0 0 !important;
    height: calc(100% - 49px) !important;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
}

.left-footer {
    margin-top: auto;
    text-align: center;
}

.left-footer ul {
    display: inline-block;
    margin: 0;
    padding: 0;
    /* For IE, the outcast */
    zoom: 1;
    *display: inline;
}

/* Overlay */
.loading_overlay {
    display: none;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 9999;
    background: white;
    opacity: 0.8;
}

.context_overlay {
    display: none;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 9998;
}

#overlay_loader {
    top: 50%;
}

/* Header */

#header {
    background-image: linear-gradient(to right, #3a3633 93%, #2a2725 100%);
}

#header {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: center;
    align-items: flex-start;
    width: 100%;
}

#header>div#logo-group {
    order: 0;
    flex: 0 1 auto;
    align-self: auto;
    float: left;
}

#header>span.text-danger {
    margin-left: 20px;
}

#header>div.header-menu {
    order: 0;
    flex: 0 1 100%;
    align-self: auto;
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: center;
    align-items: flex-start;
    /*added by Joe*/
}

div.header-menu>div#hide-menu,
div.header-menu>div#logout,
div.header-menu>div#fullscreen {
    order: 0;
    flex: 0 1 auto;
    align-self: auto;
}

form#search-form {
    order: 0;
    flex: 0 1 80%;
    align-self: auto;
}

.header-search input#search-fld,
.header-search div#search-fld {
    float: right;
    box-sizing: border-box;
    /*modify by Joe*/
    min-width: 80%;
    /* width: 86%; */
    /* width: auto; */
    height: 30px;
    padding: 0 10px;
    outline: 0;
    border-width: 1px;
    border-style: solid;
    border-radius: 0;
    border-color: #bfbfbf;
    background: #fff;
    color: #404040;
    -moz-appearance: none;
    -webkit-appearance: none;
    margin-top: 10px;
    line-height: normal;
}

.header-search div#search-fld div.ms-sel-ctn {
    margin-top: 3px;
}

.header-search div#search-fld div.ms-sel-item {
    color: black;
}

@media screen and (min-width: 760px) and (max-width: 900px) {
    .header-search input#search-fld {
        width: 65%;
        min-width: unset;
    }
}

@media screen and (max-width: 760px) {
    .header-search input#search-fld {
        width: 65%;
        min-width: unset;
    }
}


/* .header-search button {
    background: 0 0;
    border: none;
    color: #6d6a69;
    font-size: 17px;
    height: 30px;
    line-height: 30px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 10px;
    width: 30px;
    z-index: 2;
} */

#logo img {
    width: 120%;
}

.logo img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 60%;
}


/*end of header*/


/* content footer */

@media (min-width: 1000px) {
    .footer-row {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .footer-row>div:nth-child(1) {
        width: 20%;
    }

    .footer-row>div:nth-child(2) {
        width: 80%;
    }

    .footer-row>div:nth-child(3) {
        width: 20%;
    }

    #logo-footer {
        display: inline-block;
    }

    .content-footer {
        background: #3a3633;
        padding-top: 10px;
        margin-top: auto;
    }

    .content-nav-footer ul li {
        display: inline-block;
    }

    .content-nav-footer ul li a {
        color: #fff;
        padding: 0 5px;
        font-size: 14px;
    }

    .content-nav-footer ul li:not(:last-child):after {
        content: " | ";
        color: #fff;
    }
}

@media (max-width: 999px) {
    .footer-row {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .footer-row>div:nth-child(1) {
        width: 0%;
    }

    .footer-row>div:nth-child(2) {
        width: 100%;
    }

    .footer-row>div:nth-child(3) {
        width: 0%;
    }

    #logo-footer {
        display: inline-block;
    }

    .content-footer {
        background: #3a3633;
        padding-top: 10px;
        margin-top: auto;
    }

    .content-nav-footer ul li {
        display: inline-block;
    }

    .content-nav-footer ul li a {
        color: #fff;
        padding: 0 5px;
        font-size: 14px;
    }

    .content-nav-footer ul li:not(:last-child):after {
        content: " | ";
        color: #fff;
    }
}


/* end of content footer */


/*submission form*/

form#custom-variables-form div#tlp-btn label.btn {
    padding: 6px 12px;
}

#tlp-btn #green.active,
#tlp-btn #green:hover {
    background-color: #739e73;
    color: #ffffff;
}

#tlp-btn #yellow.active,
#tlp-btn #yellow:hover {
    background-color: #c79121;
    color: #ffffff;
}

#tlp-btn #red.active,
#tlp-btn #red:hover {
    background-color: #a90329;
    color: #ffffff;
}

#tlp-btn .label-white.btn-default.active {
    background-color: #ffffff;
    box-shadow: inset 3px 2px 12px 1px rgba(0, 0, 0, 0.4);
}

label.tlp-label {
    width: 70px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid transparent;
    font-size: 13px;
    padding: 6px 12px;
}


label.tlp-mini-label.label-white {
    text-align: center;
    vertical-align: middle;
    border: 1px solid grey;
    /* font-size: 13px; */
}

label.tlp-label.label-white {
    border: 1px solid grey;
}

div#submission-object-tlp label.btn.btn-default:hover {
    background-color: none;
}

.ioc-tag {
    background-color: #3276b1;
    margin: 10px;
    display: inline;
    padding: 0.2em 0.6em 0.3em;
    font-size: 85%;
    font-weight: 700;
    line-height: 2.2;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25em;
    margin-left: 0.6em;
}

.ioc-submission-cc-emails {
    background-color: #3b3b3b;
    /* margin: 10px; */
    display: inline;
    padding: 0.2em 0.6em 0.3em;
    font-weight: 500;
    line-height: 1;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25em;
    margin-left: 0.6em;
}

a#associated-incident {
    float: right;
}

#user_submission_history_wrapper {
    margin-top: 5px;
}

div#tags-input-div .ms-ctn .ms-sel-item {
    background: #607d8b;
    color: #ffffff;
}

div#tags-input-div .ms-sel-invalid {
    color: #999 !important;
}

div#upload-file-field {
    display: block;
    /* padding-left: 0px; */
}

div.upload-file-unit {
    padding-top: 5px;
}

div#cc-magicsuggest-switch {
    float: left;
}

div#file-upload-group label i.fa-question-circle,
i.ioc-tip {
    color: #0065c4;
    font-size: 120%;
}

div.note-group-image-url {
    display: none;
}

input.file-type-not-allowed {
    color: red;
    font-weight: bold;
}

span.file-type-not-allowed {
    color: red;
    margin-left: 5px;
    font-weight: bold;
}

div.upload-file-unit a {
    display: block;
    width: fit-content;
}

div.upload-file-unit input {
    display: inline;
}

form#custom-variables-form textarea {
    white-space: pre;
    height: auto;
}

textarea#custom-template~div.note-editor div.note-editable,
textarea#custom-signature~div.note-editor div.note-editable {
    line-height: 1.7;
}

form#custom-variables-form div.api-content {
    margin-top: 10px;
}

form#custom-variables-form span.api-content-key {
    margin-left: 15px;
    /* padding-top: 20px; */
    font-weight: bold;
}

form#custom-variables-form span.api-content-detail {
    margin-left: 5px;
    /* padding-top: 20px; */
}

form#custom-variables-form input#allowed-api-ip {
    width: 50%;
    margin-left: 15px;
    /* margin-top: 20px; */
}

textarea#submit-fp-editor~div.note-editor div.note-editable,
textarea#submit-ioc-editor~div.note-editor div.note-editable {
    line-height: 1;
}

div#ioc-submission-description-msg {
    overflow-wrap: break-word;
}

span.widget-recent-incident-updated {
    color: red;
    margin-left: 20px;
    font-size: 80%;
    font-weight: bold;
}

div#cancel-submission {
    padding-top: 7.5%;
}

button#cancel-submission {
    font-weight: 700;
}

label#submission-is-cancel {
    font-size: 100%;
}

div.history-comment {
    display: block;
    width: 100%;
    padding: 20px;
}

div.comment-item {
    display: block;
    padding: 25px;
    border: none;
    background: rgba(255, 255, 255, 0.9);
    position: relative;
}

div.comment-item:nth-child(n+2) {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

span.comment-item-author-email {
    font-weight: bold;
}

td.submission-info-analyst-comment-td {
    white-space: pre-wrap;
}

div#upload-error-msg label {
    color: red;
    font-weight: bold;
}

.duplicate-upload-file,
.large-upload-file {
    border-color: red;
}


/*end of submission form */


/*login */

div.wrap-login100 {
    height: 800px;
}

div.wrap-login100 ul {
    margin-left: 5%;
}

div.wrap-login100 ul,
div.wrap-login100 li {
    list-style-type: initial;
}

div.wrap-login100 div#logo {
    width: 140px;
}

div.wrap-login100 div#logo {
    margin: auto;
}

img#login-logo {
    width: 100%;
}

img#maintenance-logo {
    width: 84px;
}

span#login-error {
    color: red;
}

span#login-pw-msg {
    color: red;
}

div#login-msg {
    color: red;
    text-align: center;
}

.login100-form-title {
    font-size: 18px;
}

.login100-form-title.text-danger {
    font-size: 10px;
}

input#login-btn {
    background-color: #ee2e24;
}

div#forti-cloud-btn-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 13px;
    /* height: 100px; */
}

div#forti-cloud-btn-container-wrapper {
    width: 100%;
    display: block;
    position: relative;
    z-index: 1;
    border-radius: 25px;
    overflow: hidden;
    margin: 0 auto;
    text-align: center;
    padding: 0px;
    border-color: #ee2e24;
    border-style: solid;
    border-width: 5px;
}

div#forti-cloud-btn-container-wrapper span {
    display: block;
    margin-top: 10px;
}

img#forti-cloud-login-btn {
    margin-top: 10px;
    display: block;
    background-color: #ffffff;
}

input#login-btn:hover,
div#forti-cloud-btn-container-wrapper {
    cursor: pointer;
}

h3.horizontal-divider {
    text-align: center;
    border-bottom: 1px solid #379ccb;
    line-height: 0.1em;
    height: 1px;
    margin: 0 auto;
    margin-top: 40px;
}

h3.horizontal-divider span {
    background: #ffffff;
    padding: 0 10px;
    font-size: 14px;
    font-weight: normal;
}

div#set-pw-msg {
    text-align: center;
}

div#set-pw-error,
div#set-pw-error p {
    text-align: center;
    color: #ee2e24;
}

.focus-input100::before {
    background: -webkit-linear-gradient(left, #ee2e24, #ffffff);
    background: -o-linear-gradient(left, #ee2e24, #ffffff);
    background: -moz-linear-gradient(left, #ee2e24, #ffffff);
    background: linear-gradient(left, #ee2e24, #ffffff);
}

a.login-link:hover {
    color: #ee2e24;
}


/*end of login */

/* dashboard */
.tag-analytics-container {
    display: flex;
    max-height: 540px;
}

@media screen and (max-width: 1150px) {
    .tags-analytics-table-container {
        width: 100%;
    }

    .tags-analytics-graph-container {
        display: none;
    }
}


@media screen and (min-width: 1150px) {
    .tags-analytics-table-container {
        width: 60%;
    }

    .tags-analytics-graph-container {
        width: 40%;
    }
}

.tag-analytics-header>#tag-header-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

#time-window {
    padding-right: 5px;
}

#tag-header-toolbar>label.active {
    background: #3276b1;
    color: white;
}

.tag-analytics-graphic-container {
    display: flex;
}

.tags-analytics-table-container {
    display: flex;
    flex-direction: column;
    overflow-x: auto;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.tags-analytics-graph-container-header {
    height: 32px;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
}

.tags-analytics-time-update,
span#url-scan-ts-header,
span#url-scan-ts-content {
    font-weight: 700;
    cursor: default;
}

.tags-analytics-graph-title {
    display: flex;
    justify-content: center;
    font-weight: 700;
    padding-top: 7px;
}

.tags-analytics-graph-title-border {
    height: 35px;
    position: absolute;
    width: 40%;
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    top: 67px;
    background: #f4f4f4;
}

.tags-analytics-graph-container-header>table {
    position: absolute;
    height: 35px;
}

#pseudo-column {
    width: 40%;
    border-left: none;
}

.tag-analytics-graph {
    margin-left: -5px;
}

.tags-table-title {
    height: 32px;
}

#tags-analytics-table>thead:after {
    width: 641px;
    border: 1 solid black;
}

.tag-analytics-footer {
    display: flex;
    flex-direction: column;
}

.tag-analytics-footer>.dataTables_paginate {
    display: flex;
    justify-content: flex-end;
}

.positive-change {
    color: #007560;
}

.negative-change {
    color: #bd1414;
}

.positive-change-chart {
    color: #6df6ab;
}

.negative-change-chart {
    color: #fe9c81;
}

/*end of dashboard */

/* statistics page */
div.stats-widget>.tag-analytics-container {
    display: flex;
    flex-direction: column;
    max-height: 750px;
    height: 750px;
}

/* end of statistics page */
/*indicator search + post */

div.post-title {
    display: flex;
    align-items: baseline;
}

h1.post-title {
    word-wrap: break-word;
    width: fit-content;
    display: inline-block;
}

h1.indicator-title {
    word-wrap: break-word;
    max-width: 95%;
}

.copy-btn {
    background-color: #ffffff;
}

.copy-btn:hover {
    background-color: lightgray;
}

div#tags>div.d-inline-block {
    float: left;
}

img.research-logo {
    width: 30px;
    height: auto;
    margin-right: 5px;
}

div#research-link>div.d-inline-block {
    float: right;
}

div#research-link div#view-ioc-description {
    margin-right: 10px;
}

span.overview-info {
    font-size: 100%;
    color: #000000;
    font-weight: normal;
    white-space: normal;
}

div#exact-match-switch-container {
    display: flex;
    width: 100%;
    margin: 10px;
    flex-direction: row-reverse;
    padding-right: 23px;
}

div#exact-match-switch-container form {
    float: right;
}

div#show-history-switch-container {
    display: flex;
    width: 100%;
    margin: 10px;
    flex-direction: row-reverse;
    padding-right: 23px;
}

div#show-history-switch-container form {
    float: right;
}

span.stats-title {
    color: black;
}

span.event-title-container {
    width: 135px;
}

span.attributes-title-container {
    width: 150px;
}

span.event-details-container {
    text-align: end;
    display: contents;
}

span.summary-box-title {
    display: inline-block;
    width: 32px;
    height: 21px;
    margin-right: 10px;
}

span.stats-asn-info {
    font-size: 10px;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

span.post-title {
    word-break: break-all;
}

.flex-row {
    display: flex;
}

.flex-container-align-end {
    align-items: flex-end;
}

.flex-col {
    margin-top: 0px !important;
    border-right: 1px solid #DADADA !important;
    border-top: 1px solid #DADADA !important;
    overflow: hidden;
    padding: 7px 9px;
}

.flex-col:last-child {
    border-right: none !important;
}

.flex-box {
    display: flex;
    flex-direction: column;
}

.flex-box-row {
    display: flex;
}

.cts-flex-summary-row {
    display: flex;
    margin-bottom: 10px;
    align-items: center;
}

.ratings-container {
    margin-left: 15px;
}

.external-links {
    display: flex;
    flex-direction: column;
}

.ratings-container-row {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.ratings-message {
    font-size: 11px;
}

.insights-icon {
    width: 32px !important;
    position: relative;
    top: -1px;
}

#single-search-threat-objects a:hover {
    cursor: pointer;
}

a#showHistOpt,
a#exactMatchOpt {
    cursor: pointer;
}

#myTab>li>a {
    display: flex;
    align-items: center;
}

#myTab>li>a>span.badge {
    background-color: #EF9A1A;
    opacity: 0.8;
    vertical-align: baseline;
    margin-left: 5px;
    margin-right: 5px;
}

#myTab>li.active>a>span.badge {
    opacity: 1;
    background-color: #c55802;
}

#myTab>li>a>span.empty-badge {
    background-color: #999;
    vertical-align: baseline;
    margin-left: 5px;
    margin-right: 5px;
}

#myTab>li>a>span.badge>i.glyphicon-refresh {
    -webkit-animation-name: rotateThis;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    top: 0px;
}

.risk-distribution-title span,
.parental-control-title span {
    margin-right: 20px;
}

/* end of indicator search + post */


/* threat intelligent widgets */

div#copy-ioc-button div {
    float: right;
    cursor: pointer;
}

div#range {
    padding: 20px;
    margin-left: 20px;
}

.investigation-loader {
    position: absolute;
    left: 50%;
    top: 20%;
    z-index: 1;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    border-bottom: 16px solid #3498db;
    width: 50px;
    height: 50px;
    -webkit-animation: spin 2s linear infinite;
    /* Safari */
    animation: spin 2s linear infinite;
}

.telemetry-inner-loader {
    z-index: 1;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    border-bottom: 16px solid #3498db;
    width: 50px;
    height: 50px;
    -webkit-animation: spin 2s linear infinite;
    /* Safari */
    animation: spin 2s linear infinite;
}

div.fetch-scan-loader-container div.investigation-loader {
    position: relative;
    width: 5px;
    height: 5px;
}


/* Safari */

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


/* page widgets */

#back-top {
    position: fixed;
    bottom: 10%;
    right: 2%;
    cursor: pointer;
    color: rgba(89, 95, 102, 0.7);
    text-align: center;
    z-index: 900;
    display: block;
    opacity: 100;
    width: 30px;
    height: 30px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

#back-top i {
    font-size: 30px;
    line-height: 30px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

#back-top i:hover {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    color: #3276b1;
}


/* INVESTIGATION TOOLS */


/*whois */

.whois-historical-value>.whois-wrapper {
    display: flex;
}

.whois-historical-records>.whois-wrapper {
    display: flex;
    justify-content: space-between;
}

.whois-historical-record-container {
    display: flex;
    flex-direction: column;
}

.whois-wrapper>.record-column {
    overflow-x: auto;
}

.whois-wrapper>.raw-record-column {
    padding-left: 15px;
}

#whois-raw-record {
    overflow-y: scroll;
    width: 100%;
    height: 500px;
}

#show-raw-record {
    cursor: pointer;
}

.whois-table,
.key-value-table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #ddd;
}

.whois-table th,
.key-value-table th {
    padding: 7px;
    border: #ddd 1px solid;
    background: #f8f8f8;
}

.whois-table th:nth-child(1),
.key-value-table th:nth-child(1) {
    width: 20%;
}

.whois-table td,
.key-value-table td {
    padding: 7px;
    border: #ddd 1px solid;
}

.whois-table tr,
.key-value-table tr {
    background: #f9f9f9;
}

.whois-table tr:nth-child(odd),
.key-value-table tr:nth-child(odd) {
    background: #f9f9f9;
}

.whois-table tr:nth-child(even),
.key-value-table tr:nth-child(even) {
    background: #ffffff;
}

.whois-table-history {
    margin-top: 10px;
    border-collapse: collapse;
    border: 1px solid #ddd;
    width: 100%;
}

.whois-table-history th {
    padding: 7px;
    border: #ddd 1px solid;
    background: #f8f8f8;
}

.whois-table-history td {
    padding: 7px;
    border: #ddd 1px solid;
}

.whois-table-history tr {
    background: #f9f9f9;
}

.whois-table-history tr:nth-child(odd) {
    background: #f9f9f9;
}

.whois-table-history tr:nth-child(even) {
    background: #ffffff;
}

.whois-wrapper>.tab-content {
    overflow: auto;
}

.whois-roles,
.emphasize-content {
    font-weight: 700;
    color: #cd3b2b;
}

.tab-content {
    width: 100%;
}

div.whois-wrapper>.tab-content {
    border-top: 1px solid #dddddd;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

div.whois-wrapper>.tab-content>.tab-pane {
    margin-left: 18px;
}

div.whois-wrapper>div#historical-tabs {
    display: flex;
    flex-direction: column;
    min-width: 190px;
}

div.tabs-left>ul>li.active>a {
    margin-right: -1.5px !important;
    margin-top: 0px !important;
}

div.tabs-left>ul>li:nth-child(1)>a {
    margin-top: 1px;
}

div.whois-wrapper>div#historical-record-tabs {
    display: flex;
    overflow-y: auto;
    overflow-x: hidden;
    flex-direction: column;
    max-height: 900px;
    min-width: 120px;
}

div.tabs-left>#pill-nav {
    width: 120px;
    margin-right: 0px;
    height: 100%;
}

div.tabs-left>#value-nav {
    width: 190px;
    margin-right: 0px;
    height: 100%;
}

div.tabs-left>#value-nav>li>a>.badge {
    background-color: #EF9A1A;
    vertical-align: baseline;
    opacity: 0.8;
    margin-left: 5px !important;
    margin-right: 5px !important;
    font-size: 12px;
    padding: 3px 7px;
}

div.tabs-left>#value-nav>li>a>.zero-badge {
    background-color: #999;
    opacity: 0.8;
    vertical-align: baseline;
    margin-left: 5px !important;
    margin-right: 5px !important;
}

div.tabs-left>#value-nav>li.active>a>.badge,
div.tabs-left>#value-nav>li.active>a>.zero-badge {
    background-color: #c55802;
    opacity: 1;
}

.whois-wrapper td.active-column {
    text-align: center !important;
}

.whois-wrapper i.grey {
    color: #9d9d9d !important;
}

.whois-wrapper i.green {
    color: #94cf05 !important;
}

.tabs-left>#value-nav>li>a>.whois-tab-key {
    display: inline-block;
    width: 110px;
    margin-right: 10px;
}

.whois-no-data {
    align-items: center;
    display: flex;
    justify-content: center;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 20px;
}

td.whois-last-row-diff {
    border-bottom: 2px solid #aaa;
}

div#whois-retry-container {
    display: flex;
    align-items: center;
    justify-content: center;
}

/*whois history */

.changes-date {
    font-weight: bold;
    font-size: large;
}

.counts-num {
    color: red;
    padding: 5px;
}

.Differences {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
}

.Differences thead th {
    text-align: left;
    border-bottom: 1px solid #000;
    background: #aaa;
    color: #000;
    padding: 4px;
}

.Differences tbody th {
    text-align: right;
    background: #ccc;
    width: 4em;
    padding: 1px 2px;
    border-right: 1px solid #000;
    vertical-align: top;
    font-size: 13px;
}

.Differences td {
    padding: 1px 2px;
    font-family: Consolas, monospace;
    font-size: 13px;
}

.DifferencesSideBySide .ChangeInsert td.Left {
    background: #dfd;
}

.DifferencesSideBySide .ChangeInsert td.Right {
    background: #cfc;
}

.DifferencesSideBySide .ChangeDelete td.Left {
    background: #f88;
}

.DifferencesSideBySide .ChangeDelete td.Right {
    background: #faa;
}

.DifferencesSideBySide .ChangeReplace .Left {
    background: #fe9;
}

.DifferencesSideBySide .ChangeReplace .Right {
    background: #fd8;
}

.Differences ins,
.Differences del {
    text-decoration: none;
}

.DifferencesSideBySide .ChangeReplace ins,
.DifferencesSideBySide .ChangeReplace del {
    background: #fc0;
}

.Differences .Skipped {
    background: #f7f7f7;
}

.DifferencesInline .ChangeReplace .Left,
.DifferencesInline .ChangeDelete .Left {
    background: #fdd;
}

.DifferencesInline .ChangeReplace .Right,
.DifferencesInline .ChangeInsert .Right {
    background: #dfd;
}

.DifferencesInline .ChangeReplace ins {
    background: #9e9;
}

.DifferencesInline .ChangeReplace del {
    background: #e99;
}

.whoisdt-label {
    font-weight: bold;
}

.carousel-control {
    width: 10px;
}

#carousel-inner>div.item>div>div.whois-heading {
    background-color: #63d3e9;
    font-weight: bold;
    font-size: medium;
    padding: 5px;
}

#carousel-inner>div.item>div {
    width: 100% !important;
}

table.whoisdt>tbody>tr {
    border-bottom: 1pt solid black;
}

table.whoisdt>tbody>tr>td {
    padding: 5px;
}

table.multiple-records {
    width: 100%;
}

.whois-history-title {
    word-break: break-all;
}

/* SUBDOMAINS */

div#subdomains-title {
    margin-bottom: 20px;
}

/*RELATED DOMAINS */

div#related-domains-title {
    margin-bottom: 20px;
}

.timeZone {
    font-size: 10px;
    margin: 0px;
    font-weight: 700;
}

#related-domains-table {
    width: 100%;
}

#myCarousel-btns {
    align-items: center;
    /*modified by Joe*/
    /*display: flex;*/
    text-align: center;
    justify-content: center;
}

#myCarousel-btns button {
    background-color: #008cba;
    border-radius: 8px;
    color: white;
    font-size: 16px;
    box-shadow: none;
    /*modified by Joe*/
    /*width:20%;*/
    padding: 5px;
    margin: 10px;
    border: 1px solid #008cba;
    -webkit-transition-duration: 0.4s;
    /* Safari */
    transition-duration: 0.4s;
}

#myCarousel-btns button:hover {
    background-color: white;
    color: #008cba;
    -webkit-transition-duration: 0.4s;
    /* Safari */
    transition-duration: 0.4s;
}

#myCarousel-btns button.changed {
    background-color: #f44336;
    border: 1px solid #f44336;
}

#myCarousel-btns button.changed:hover {
    color: #f44336;
    background-color: white;
}

div#spam_tag>span {
    margin-left: 0.6em;
}

div.whois-history-no-data,
div#host-visit>pre,
div#passive-dns>pre,
div#whois>pre,
div#whois-history>pre {
    text-align: center;
}

div#host-visit div#range span#date-range {
    margin-left: 20px;
}

div#host-visit div#lineChart {
    width: 100%;
}

.traffic-title {
    display: flex;
    align-items: center;
}

.traffic-sub-title {
    display: flex;
    align-items: center;
    margin-left: 20px;
}

.country-title {
    font-weight: 700px;
}

.fill-b {
    overflow: visible !important;
}

.visit-host-count-country {
    display: inline;
}

.traffic-source-report-title-container {
    display: flex;
    align-items: center;
}


/*END OF INVESTIGATION TOOL */


/* LEFT NAV PANEL */

aside#left-panel {
    background: #3a3633;
    /*added by Joe*/
    position: fixed;
    display: flex;
    flex-direction: column;
    height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

aside#left-panel::-webkit-scrollbar {
    display: none;
}

aside#left-panel nav {
    overflow-x: visible;
    flex: 1 1 auto;
    scroll-behavior: smooth;
}

/* MINIFY/COLLAPSE BUTTON */
aside#left-panel .minifyme {
    display: block;
    text-align: center;
    padding: 6px;
    cursor: pointer;
    line-height: 20px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
}

aside#left-panel .minifyme:hover {
    background: #646464;
    color: #E4E4E4;
}

aside#left-panel .minifyme i {
    font-size: 18px;
    vertical-align: middle;
}

.login-info span {
    /*modified by Joe*/
    text-transform: none !important;
    font-size: 100%;
    max-width: 100%;
    display: inline-block;
    width: 100%;
    height: 100%;
    color: #fff;
}

.login-info {
    font-size: 100%;
    height: auto !important;
    min-height: 39px;
}

.login-info > span {
    height: auto !important;
    min-height: 38px;
}

div.login-info {
    text-align: center;
}

/* Allow the email span to use full width of the sidebar
   instead of being constrained to 150px by SmartAdmin defaults */
.login-info a span {
    max-width: none !important;
}

.bold-text {
    font-weight: bold;
}

a#show-shortcut {
    width: 100%;
}


/* END OF LEFT NAV PANEL */


/* INCIDENT PAGE */


/* table#indicator-list-table>tbody>tr>td:nth-child(2) {
    max-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
} */


/* table#tag-search>tbody>tr>td:nth-child(1) {
    width: 5%;
}

table#tag-search>tbody>tr>td:nth-child(2) {
    width: 5%;
}

table#tag-search>tbody>tr>td:nth-child(3) {
    width: 30%;
    max-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
} */


/* table#tag-search-ioc td.ioc-url {
    overflow-wrap: anywhere;
} */

#tag-search-threat-objs a:hover {
    cursor: pointer;
}


/* table#tag-search-threat-objs td.threat-obj-create-date {
    white-space: nowrap;
} */


/* table#tag-search-ioc td.threat-obj-create-date {
    white-space: nowrap;
} */

#single-search-indicators th {
    font-size: 13px;
}


/* table#fazioc-table td.ioc-url {
    word-break: break-all;
} */

table#user_submission_history>tbody>tr>td:nth-child(1) {
    width: 5%;
}

table#tag-user_submission_history>tbody>tr>td:nth-child(2) {
    width: 50%;
}

table#ioc-trend-table>tbody>tr>td:nth-child(2) {
    width: 20%;
}

div.ioc-summary-detail {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

div.ioc-summary-detail,
div.killchain-summary-detail,
div.threat-object-summary-detail {
    padding: 20px;
}

div.ioc-summary-detail>button,
div.ioc-summary-detail>button:active,
div.ioc-summary-detail>button:focus,
div.killchain-summary-detail>button,
div.killchain-summary-detail>button:active,
div.killchain-summary-detail>button:focus,
div.threat-object-summary-detail>button,
div.threat-object-summary-detail>button:active,
div.threat-object-summary-detail>button:focus {
    margin: 5px;
    background-color: #ffffff;
    color: #000000;
    border-color: #dadada;
    border-radius: 8px;
    font-size: 16px;
    box-shadow: none;
    padding: 5px;
    margin: 10px;
}

div.ioc-summary-detail>button:hover,
div.killchain-summary-detail>button:hover,
div.threat-object-summary-detail>button:hover {
    background-color: #64b4ff;
    color: #ffffff;
    border-color: #ffffff;
    box-shadow: none;
}

div.ioc-summary-detail>button.btn-clicked,
div.killchain-summary-detail>button.btn-clicked,
div.threat-object-summary-detail>button.btn-clicked {
    background-color: #0065c4;
    border-color: #ffffff;
    color: #ffffff;
    box-shadow: none;
}

div#indicator-filter-btn {
    display: flex;
    width: 100%;
}

div.download-area {
    display: flex;
    padding: 20px;
    padding-right: 13px;
    margin-left: auto;
}

div#download-column {
    display: flex;
    align-items: center;
}

#post-tags>div>a,
#tag-search div.label>a {
    color: white;
}

div#post-content img {
    max-width: 100%;
    display: block;
}

div#post-content {
    word-wrap: break-word;
    padding-bottom: 20px;
    /* by Joe */
    font-size: 15px !important;
}


/* END OF INCIDENT PAGE */


/* BULK QUERY */

button.bulk-query-result-filter-btns.selected {
    background: #3276b1;
    color: white;
    pointer-events: none;
}

.time-selector-btns.btn-primary {
    background: #3276b1;
    color: white;
    pointer-events: none;
}

.stage-filter {
    user-select: none;
}

.country-filter {
    user-select: none;
}

.tag-filter {
    user-select: none;
}

#bulk_query_result_wrapper .btn-group {
    border: none !important;
}

#bulk_query_result_wrapper .menu-btn {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    border-radius: 0px !important;
}

#bulk_query_result_wrapper .dt-filter-btns {
    border-radius: 0px !important;
}

button.dt-filter-btns>* {
    position: relative;
    top: -1px;
}


/* #bulk_query_result_wrapper > .dt-buttons > div.dt-button-collection {
    width:200px !important;
} */

.dt-tb>div {
    display: flex;
    align-items: center;
    gap: 5px;
}

asn-subnets-table .dt-button-collection>.dropdown-menu {
    max-height: 240px;
    overflow-y: scroll;
}

whois-records-table .dt-button-collection>.dropdown-menu {
    max-height: 240px;
    overflow-y: scroll;
}

asn-subnets-table tbody tr.selected td,
asn-subnets-table tbody tr.selected td.dtfc-fixed-left-hover,
whois-records-table tbody tr.selected td,
whois-records-table tbody tr.selected td.dtfc-fixed-left-hover,
ip-hosting-profiles-table tbody tr.selected td,
ip-hosting-profiles-table tbody tr.selected td.dtfc-fixed-left-hover,
.selectable-table tbody tr.selected td,
.selectable-table tbody tr.selected td.dtfc-fixed-left-hover {
    background-color: #ebf2f6 !important;
}

asn-subnets-table tbody tr.selected,
whois-records-table tbody tr.selected,
ip-hosting-profiles-table tbody tr.selected,
.selectable-table tbody tr.selected {
    color: var(--ctsp-black) !important;
}

asn-subnets-table tbody tr.selected a,
whois-records-table tbody tr.selected td:not(.stale) a,
ip-hosting-profiles-table tbody tr.selected a,
.selectable-table tbody tr.selected td:not(.stale) a {
    color: #3276b1 !important;
}

asn-subnets-table tbody tr.selected a:not(.preview-highlight):hover,
whois-records-table tbody tr.selected a:not(.preview-highlight):hover,
ip-hosting-profiles-table tbody tr.selected a:not(.preview-highlight):hover,
.selectable-table tbody tr.selected a:not(.preview-highlight):hover {
    color: #214e75 !important;
}

/* Ad-hoc fix for scrollbar covering last row in datatable. Firefox only */
@-moz-document url-prefix() {
    asn-subnets-table div.dataTables_scrollBody table tbody tr.last-row-padding:last-child td {
        padding-bottom: 15px;
    }

    whois-records-table div.dataTables_scrollBody table tbody tr.last-row-padding:last-child td {
        padding-bottom: 15px;
    }
}

.dt-button-collection>.dropdown-menu>li>a::before {
    content: "";
    margin-right: 15px;
}

.dt-button-collection>.dropdown-menu>li.active>a::before {
    content: "\2713";
    color: black;
    margin-right: 5px;
}

.dt-button-collection>.dropdown-menu>.active>a {
    background: white !important;
    color: #333 !important;
}

.dt-button-collection>.dropdown-menu>.active>a:hover {
    background: #ecf3f8 !important;
}

.dt-button>a:hover {
    background: #ecf3f8 !important;
    color: #333 !important;
}

.fixed-column-hover {
    background: #ecf3f8 !important;
}

.bulk-query-result-export-btns:hover {
    background: #ecf3f8 !important;
}

.bulk-query-result-export-btns:focus {
    background: white !important;
}

.bulk-query-result-export-btns>* {
    position: relative;
    top: -1px;
}

.forti-export-btn>a {
    padding-left: 30px !important;
}

.export-btn {
    text-decoration: none;
    color: black !important;
    padding: 3px 20px;
    display: inline-block;
    width: 100%;
}

.export-btn:hover {
    text-decoration: none;
    background-color: #ecf3f8;
}

.fortiSiem-export-title {
    pointer-events: none;
}

.fortiSiem-export-title>a {
    font-weight: bold !important;
}

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid rgba(0, 0, 0, .15);
}

div#bulk-query-clean-up-toggle>label,
div#bulk-query-fetch-detail-toggle>label,
div.bulk-query-toggle>label {
    float: left;
}

div#bulk-query-clean-up-label label,
div#bulk-query-fetch-detail-label,
div.bulk-query-label label {
    font-weight: 400;
    font-size: 15px;
    color: #000000be;
}

textarea#bulk-query {
    width: 100%;
    height: 300px;
}

table#bulk_query_result {
    width: 100%;
}


/* table#bulk_query_result>tbody>tr>td:nth-child(1) {
    max-width: 0;
    word-break: break-all;
} */

div#bulk_query_result_wrapper>div.dt-buttons.btn-group {
    width: 100%;
    margin-bottom: 15px;
}

div.dataTables_wrapper div.dt-buttons.btn-group button.btn.dt-filter-btns:last-of-type:first-of-type {
    border-radius: 0px !important;
    height: 30px;
}

button.buttons-collection>span>.fa-angle-down:before {
    font-weight: 700;
}

.bulk_search_box {
    width: inherit !important;
    float: right;
}

.label-malformed-warning {
    background-color: #efe1b3;
    color: #966b3c;
}

table#url-seen>tbody>tr>td:nth-child(1) {
    max-width: 0;
    width: 75%;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
}

.sparkline-div {
    text-align: center;
}

div#loading-progress-bar {
    width: 50%;
}

div#progress-bar {
    width: 100%;
}


/*END OF BULK QUERY */


/*LATEST FEEDS */

.product-deatil {
    margin-left: None;
}

div#post-cards {
    margin: 10px;
}

div.ioc-summary-title,
div.killchain-summary-title {
    margin: auto;
    padding-left: 16px;
}

div.ioc-summary-postcard-detail,
div.killchain-summary-postcard-detail {
    margin: auto;
    padding-left: 10%;
}

span.post-info,
span.ioc-summary-item,
span.killchain-summary-item {
    margin-left: 5px;
    margin-right: 5px;
}

div.product-content {
    padding-bottom: 20px;
}

div.product-deatil div {
    margin: 5px;
}

label.summary-title,
span.ioc_summary_title {
    font-weight: bold;
    margin-left: 5px;
}

span.post-info-title {
    font-weight: bold;
}

span.post-info,
.capitalize {
    text-transform: capitalize;
}

span.ioc-summary-item,
span.killchain-summary-item {
    text-transform: capitalize;
    display: inline-block;
}


/*END OF LATEST FEED */


/* UNAUTHORIZED LABEL */

.unauthorized-to-view-label {
    margin: 20px;
    font-weight: bold;
}


/* DATA TABLE */

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
    opacity: 0.2 !important;
}

table.dataTable thead .sorting_asc:after {
    opacity: 0.8 !important;
}

table.dataTable thead .sorting_desc:after {
    opacity: 0.8 !important;
}

div.dataTables_scrollHead {
    background-color: #f5f5f5;
    border-top: 1px solid rgb(221, 221, 221) !important;
    border-bottom: 1px solid rgb(221, 221, 221) !important;
    box-shadow: 1px 0 0 0 rgb(221, 221, 221) !important;
}

div.dt-header {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

div.dataTables_scrollHeadInner>table {
    border-top: 0;
    border-bottom: 0;
    /*     display: grid;
 */
}

div.dataTables_scrollHeadInner>table>thead>tr>th {
    border-top: 0;
    border-bottom: 0;
}

div.dataTables_scrollHead div.dataTables_scrollHeadInner table.table-bordered tr th:first-child {
    border-left: none !important;
}

div.dataTables_scroll div.dataTables_scrollHead div.dataTables_scrollHeadInner table {
    margin-top: 0px !important;
    border-left: none !important;
}

div.dataTables_scroll div.dataTables_scrollBody {
    border-left: none !important;
}

div.dataTables_scroll div.dataTables_scrollBody table {
    border-left: none !important;
}

div.dataTables_scroll {
    border-left: 1px solid #ddd;
}

div.dataTables_scrollHeadInner {
    background-color: #f5f5f5;
}

div.dataTables_processing {
    z-index: 1003;
}

.dt-tb {
    display: flex;
    margin-bottom: 6px;
}

.dt-flex-row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.dt-flex-dates {
    font-size: 11px;
    color: #cd3c2b;
}

.dt-flex-row-subdomain {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.dt-flex-row-passiveDns {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.dt-flex-row-relatedDomain {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.dt-flex-row-tags {
    overflow: hidden;
    text-overflow: clip;
    height: 22px;
    word-break: break-all;
    min-width: 0;
    display: flex;
    width: 0px;
    flex: 1 1 auto;
}

.whoisModalButton {
    cursor: pointer;
}

.dt-ioc .modalButton,
.text-ellipsis {
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 13px;
    font-weight: 550;
}

.dt-modal-ioc {
    max-width: calc(100% - 1px);
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 13px;
    font-weight: 550;
}

.incidentModalButton {
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 13px;
    font-weight: 550;
}

.dataTables_scrollBody {
    border-bottom: 1px solid #ddd;
}

.dt-ioc {
    min-width: 0;
    display: flex;
    width: 0px;
    flex: 1 1 auto;
    font-weight: 550;
    word-break: break-word;
}

.dt-asn {
    min-width: 0;
    display: flex;
    width: 0px;
    flex: 1 1 auto;
}

.bulk-asn {
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.dt-text-clip {
    min-width: 0;
    display: flex;
    width: 0px;
    flex: 1 1 auto;
}

.dt-text-clip>* {
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.dt-text-wrap {
    min-width: 0;
    display: flex;
    width: 0px;
    flex: 1 1 auto;
}

.dt-text-wrap>* {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
}

.dt-text-wrap-url-scan {
    min-width: 0;
    display: flex;
    width: 0px;
    flex: 1 1 auto;
}

.dt-text-wrap-url-scan>* {
    word-break: break-all;
}


#indicator-table {
    table-layout: fixed;
    width: 100% !important;
}

.dt-flex-row a:nth-child(1) {
    margin-left: 0 !important;
}

.dt-flex-row:nth-child(1) {
    margin-bottom: 5px;
}

#indicator-table td:nth-child(1),
#indicator-table th:nth-child(1) {
    max-width: 350px !important;
    white-space: normal;
    text-overflow: ellipsis;
    overflow: hidden;
}

div.dataTables_scroll th.subtype,
div.dataTables_scroll td.subtype {
    width: 50px;
}

div.dataTables_scroll th.category,
div.dataTables_scroll td.category {
    width: 40px;
    max-width: 40px;
    min-width: 40px;
}

div.dataTables_scroll th.confidence,
div.dataTables_scroll td.confidence {
    width: 70px;
}

div.dataTables_scroll th.ioc_confidence,
div.dataTables_scroll td.ioc_confidence {
    width: 130px;
}

div.dataTables_scroll th.active-column,
div.dataTables_scroll td.active-column {
    width: 36px;
}

div.dataTables_scroll th.ioc_rating,
div.dataTables_scroll td.ioc_rating {
    width: fit-content;
}

div.dataTables_scroll th.incident_dist,
div.dataTables_scroll td.incident_dist {
    width: 120px;
}

div.dataTables_scroll th.type,
div.dataTables_scroll td.type {
    width: 60px;
    min-width: 60px;
}

div.dataTables_scroll td.ioc-url,
div.dataTables_scroll th.ioc-url {
    min-width: 100px;
    /*     width: 400px;
 */
}

td.ioc-url.inactive {
    background: #ffcbbd;
}

td.ioc-url.first-seen-today {
    background: #c8f0da;
}

td.ioc-url.last-seen-today {
    background: #ffa5002e;
}

div.dataTables_scroll th.active-record-column,
div.dataTables_scroll td.active-record-column {
    width: 90px;
}

div.dataTables_scroll td.created,
div.dataTables_scroll th.created {
    width: 70px;
}

div.dataTables_scroll td.expires,
div.dataTables_scroll th.expires {
    width: 70px;
}

div.dataTables_scroll td.first_seen,
div.dataTables_scroll th.first_seen {
    width: 70px;
}

div.dataTables_scroll td.last_seen,
div.dataTables_scroll th.last_seen {
    width: 70px;
}

div.dataTables_scroll td.associate-obj-create-date,
div.dataTables_scroll th.associate-obj-create-date {
    width: 96px;
}


div.dataTables_scroll th.events-record-type,
div.dataTables_scroll td.events-record-type {
    max-width: 45px !important;
    width: fit-content;
}

div.dataTables_scroll th.events-date,
div.dataTables_scroll td.events-date {
    max-width: 77px !important;
    width: fit-content;
}

div.dataTables_scroll th.events-records,
div.dataTables_scroll td.events-records {
    width: fit-content;
    max-width: 300px !important;
}

div.dataTables_scroll td.threat-obj-create-date,
div.dataTables_scroll th.threat-obj-create-date {
    width: 150px;
}

div.dataTables_scroll th.ioc-create-date,
div.dataTables_scroll th.ioc-create-date,
div.dataTables_scroll th.ioc-update-date,
div.dataTables_scroll th.ioc-update-date {
    width: 125px;
}

div.dataTables_scroll th.threat_object_count,
div.dataTables_scroll td.threat_object_count {
    width: 100px;
}

div.dataTables_scroll td.log_date,
div.dataTables_scroll th.log_date {
    width: 70px;
}

div.dataTables_scroll td.co_score,
div.dataTables_scroll th.co_score {
    width: 70px;
}

div.dataTables_scroll td.common_dev_ct,
div.dataTables_scroll th.common_dev_ct {
    width: 100px;
}

div.dataTables_scroll td.src,
div.dataTables_scroll th.src {
    width: 40px;
}

div.dataTables_scroll th.asn,
div.dataTables_scroll td.asn {
    width: 300px;
}

th.tag_trend_count,
td.tag_trend_count {
    width: 35px;
}

th.tag_trend_difference,
td.tag_trend_difference {
    width: 85px;
}

th.tag_trend_difference_percent,
td.tag_trend_difference_percent {
    width: 95px;
}

th.tag_trend_distribution,
td.tag_trend_distribution {
    width: 75px;
}

.whois-reverse-widget-title {
    display: flex;
    align-items: center;
}

.dt-flex-confidence {
    display: flex;
    align-items: center;
    height: 100%;
}

.dt-flex-stages {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.dt-flex-date {
    display: flex;
    align-items: center;
    height: 100%;
}

.dt-flex-subtype {
    display: flex;
    align-items: center;
    height: 100%;
}

.dt-flex-related-count {
    display: flex;
    align-items: center;
    height: 100%;
    margin-bottom: 5px;
}

.dt-flex-asn {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.dt-flex-rating {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.dt-parent-rating {
    overflow: hidden;
}

.dt-label {
    min-width: 0;
    display: flex;
    width: 0px;
    flex: 1 1 auto;
}

.height-0 {
    height: 0;
}

.action-buttons {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    margin-left: auto;
    padding-left: 20px;
    gap: 5px;
}

.action-buttons>.fa-copy,
.action-buttons>a>.fa-external-link,
.action-buttons>a>.fa-search {
    position: relative;
    top: 0.5px;
}

.fa-copy {
    -webkit-text-stroke: 0.2px;
}

div.dataTables_paginate ul.pagination li.paginate_button.active a {
    background-color: #eee;
}

div.DTE_Body div.DTE_Body_Content div.DTE_Field>label {
    width: 100%;
    text-align: left;
}

div.DTE_Header_Content {
    margin-top: -20px;
}

div.DTE_Footer.modal-footer>div.DTE_Form_Buttons>button.btn-success {
    background-image: none;
    background-color: #739e73;
    color: #fff;
}

div.DTE_Footer.modal-footer>div.DTE_Form_Buttons>button.btn-cancel {
    background-image: none;
    background-color: #fff;
}

div.DTE_Footer.modal-footer>div.DTE_Form_Buttons>button.btn-danger {
    background-image: none;
    background-color: #a90329;
    color: #fff;
}

table#user-table>tbody>tr>td:nth-child(5),
table#user-table>tbody>tr>td:nth-child(6) {
    text-align: center;
}

.dtfc-right-top-blocker {
    display: none !important;
}

table.table-hover .dtfc-fixed-left-hover {
    background-color: #ecf3f8 !important;
}


/*FOOTER */

div.page-footer {
    padding: unset;
    text-align: center;
}

div.page-footer div.row {
    margin-top: 20px;
}


/* END OF FOOTER */


/*LANDING PAGE */

div.widget-btn-group {
    display: flex;
    justify-content: space-between;
    vertical-align: middle;
    padding: 11% 0;
}

div#tag-cloud {
    background-color: #3a3633;
}

div[role="content"] {
    padding-bottom: 13px;
}

span.jqcloud-word.w1 {
    color: #ffece7;
    font-size: 100%;
}

span.jqcloud-word.w2 {
    color: #ffc6b9;
    font-size: 150%;
}

span.jqcloud-word.w3 {
    color: #ffb3a2;
    font-size: 200%;
}

span.jqcloud-word.w4 {
    color: #ffa08b;
    font-size: 250%;
}

span.jqcloud-word.w5 {
    color: #ff8d73;
    font-size: 300%;
}

span.jqcloud-word.w6 {
    color: #ff7a5c;
    font-size: 350%;
}

span.jqcloud-word.w7 {
    color: #ff6745;
    font-size: 400%;
}

span.jqcloud-word.w8 {
    color: #ff542e;
    font-size: 450%;
}

span.jqcloud-word.w9 {
    color: #ff4117;
    font-size: 500%;
}

span.jqcloud-word.w10 {
    color: #ff2e00;
    font-size: 550%;
}

span.jqcloud-word a:hover {
    color: #f9f977;
}

canvas#incident-trend-bar-graph {
    background: white;
    background-color: white;
    height: 328px;
}

canvas#lineChart {
    height: 400px;
}

table#ioc-trend-table,
table#recent-submission-table {
    width: 100%;
    padding-bottom: 5px;
}


/* END OF LANDING PAGE */


/* USER PROFILE */

span.remote-loading-status {
    color: #000000;
    font-size: 16px;
    font-weight: bold;
}

div#dialog-edit-user {
    margin: 0px;
    overflow: hidden;
}

div#welcome-new-user-msg {
    margin: 10px;
}

div#welcome-new-user-msg span {
    font-size: 20px;
    font-weight: bold;
    color: #b94a48;
}

div#dialog-change-pw {
    margin: 0px;
    overflow: hidden;
}


/* CONTACT US */

div#dialog-contact-us {
    margin: 0;
}

form#contact-us textarea {
    width: 100%;
    min-height: 211px;
    height: 100%;
    resize: vertical;
}

form#submit-comment textarea {
    width: 95%;
    min-height: 50px;
    height: 100%;
    resize: vertical;
}

form#submit-comment div.form-group {
    margin-left: 5%;
}


/* CONTACT US */


/* ADMIN PAGE */

div.admin-reset-btn-group {
    display: inline;
}

div.admin-reset-btn-group button {
    margin: 5px;
}

form#admin-reset-pw,
form#admin-change-pw {
    padding: 10px;
    height: 100;
}

form#user-permission-list {
    padding: 10px;
}

form#user-permission-list fieldset#permission-list-field-set {
    display: flex;
    flex-direction: row;
}

form#user-permission-list fieldset#permission-list-field-set>div {
    flex-basis: auto;
    display: inline;
}

form#usage-input fieldset {
    display: flex;
    align-items: center;
}

form#usage-input span label,
form#usage-input span {
    margin: 10px;
}

div#file-upload-group label i.fa-question-circle,
i.ioc-tip {
    color: #0065c4;
    font-size: 120%;
}

.hide-icon {
    opacity: 0;
}

div#file-upload-group label i.fa-question-circle,
i.ioc-tip {
    color: #0065c4;
    font-size: 120%;
}


/*END OF ADMIN PAGE */


/* Maintenance */

div.maintenance-block {
    position: relative;
}

img#ring-logo {
    position: absolute;
}

img#maintenance-logo {
    position: absolute;
    margin-left: 30%;
    margin-top: 30%;
}

div.maintenance-msg {
    margin-top: 250px;
}

div.countdown-timer {
    margin-top: 50px;
    text-align: center;
    font-weight: bold;
    font-size: 50;
}


/* END OF MAINTENANCE */


/*Tooltip CSS */

.flex-container-legend {
    display: flex;
}

.flex-column-legend {
    display: flex;
    flex-direction: column;
}

.flex-column-legend>span {
    margin: 2px;
}


/* dyGraph */

#chart-menu,
div#tag-telemetry-chart-menu {
    margin-left: 85px;
    display: flex;
    flex-wrap: wrap;
}

#event-per-day-chart-border,
#ipwhois-event-per-day-chart-border {
    margin-left: 56px;
}

#dygraph-legend-container,
div#tag-telemetry-dygraph-legend-container {
    display: flex;
    flex-wrap: wrap;
}

div#tag-telemetry-dygraph-legend-container {
    justify-content: center;
    width: 100%;
}

.dygraph-legend-content {
    background: white;
    display: flex;
    margin: 7px;
    -moz-box-shadow: 0 0 8px 0 rgb(70 78 86 / 25%);
    -webkit-box-shadow: 0 0 8px 0 rgb(70 78 86 / 25%);
    box-shadow: 0 0 8px 0 rgb(70 78 86 / 25%);
}

.chart-dropdown-btn:hover {
    background-color: transparent;
}

.chart-dropdown-btn {
    margin: 7px;
}

.chart-filter-menu {
    margin-left: auto;
    display: flex;
    align-items: center;
}


/* .chart-filter-btn {
    background: white;
    border-left: solid 5px;
    border-bottom: solid 1px lightgray;
    border-right: solid 1px lightgray;
    border-top: solid 1px lightgray;
    margin: 7px;
    padding: 4px;
    -moz-box-shadow:0 0 8px 0 rgb(70 78 86 / 25%);
    -webkit-box-shadow:0 0 8px 0 rgb(70 78 86 / 25%);
    box-shadow:0 0 8px 0 rgb(70 78 86 / 25%);
    float: right;
} */

.chart-filter-btn {
    width: 100%;
    background: white;
    text-align: left;
    padding-bottom: 8px;
    padding-top: 8px;
    padding-right: 15px;
    padding-left: 15px;
    border-color: transparent;
    background-color: transparent;
    -moz-box-shadow: 0 0 0px 0 rgb(70 78 86 / 25%);
    -webkit-box-shadow: 0 0 0px 0 rgb(70 78 86 / 25%);
    box-shadow: 0 0 0px 0 rgb(70 78 86 / 25%);
}

.chart-filter-btn:hover {
    background-color: #ecf3f8;
}

.legend-color-bar {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    width: 5px;
}

.legend-close-button {
    font-weight: 400;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .8;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
}

.legend-close-button:hover {
    color: rgb(116, 116, 116);
}

.telemetry-message,
.error-message {
    align-items: center;
    display: flex;
    justify-content: center;
    height: 100px;
    margin: 0 auto;
}

.dygraph-axis-label.dygraph-axis-label-x {
    transform: translate(0px, 10px);
}

.lineChart-outer {
    display: flex;
    justify-content: center;
}

#lineChart {
    width: 100% !important;
}

.tag-telemetry-line-chart-outer {
    display: flex;
    justify-content: start;
}

#tag-telemetry-line-chart {
    width: 100% !important;
}

/* ACCESS PAGE */

.access_group_input {
    width: 100%;
    height: 25px;
}

.access-group-filter-title {
    font-weight: 550;
    margin: 0.5em;
}

.group-access-table-footer {
    display: flex;
}

.group-access-table-button {
    margin-left: auto;
    margin-right: 15px;
}

#user-group-access-container {
    display: flex;
    flex-direction: column;
}

.group-access-dialog-column {
    height: 700px;
    overflow-y: auto;
    border: 1px solid black;
}

.group-access-dialog-selection-column {
    height: 700px;
}

#dt-access-selection-buttons {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.user-group-access-selected {
    width: 100%;
    height: 700px !important;
}

.user-group-access-dialog-class>.ui-dialog-titlebar,
.add-group-access-dialog-class>.ui-dialog-titlebar {
    height: 52px;
    width: 100%;
    background-color: #e8e9eb;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    padding: 16px 10px 2px 16px;
    font-size: 1.3em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.user-group-access-dialog-class>.ui-dialog-titlebar>.ui-dialog-title .add-group-access-dialog-class>.ui-dialog-titlebar>.ui-dialog-title {
    display: block;
    font-size: 19px;
    font-weight: 400;
    margin: 0px 0 10px 0;
    line-height: normal;
}

#user-group-access-dialog,
#add-group-access-dialog {
    width: 100% !important;
}

.add-group-access-container {
    height: 200px;
}

.user-group-access-footer-container,
.add-group-access-dialog-footer-container {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 52px;
    width: 100%;
    background-color: #e8e9eb;
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#user-group-access-footer,
#add-group-access-footer {
    display: flex;
    flex-direction: row;
    margin-left: auto;
    margin-right: 25px;
    float: right;
}

.add-group-access-dialog-footer {
    display: flex;
    flex-direction: row-reverse;
}

.user-group-access-footer-btn {
    margin-left: 15px;
}

/* GENERAL USE */

.flex-row {
    flex-direction: row;
}

.flex-column {
    flex-direction: column;
}

.flex-container {
    display: flex;
    align-items: center;
}

.flex-row-reverse {
    flex-direction: row-reverse;
}

.ioc-summary-export {
    display: flex;
    margin-left: auto;
    margin-right: 13px;
}

.display-none {
    display: none;
}

.ioc-progress {
    padding: 13px;
}

.information-icon,
.info-icon {
    width: 16px;
    filter: invert(61%) sepia(9%) saturate(0%) hue-rotate(165deg) brightness(91%) contrast(84%);
}

.disable-scrollbar::-webkit-scrollbar {
    display: none;
}

.disable-scrollbar {
    scrollbar-width: none;
}

.invis {
    visibility: hidden;
}

.display-col {
    flex-direction: column;
}

.float-right {
    float: right;
}

.margin-left-auto {
    margin-left: auto !important;
}

.margin-right-auto {
    margin-right: auto !important;
}

.margin-left-5 {
    margin-left: 5px !important;
}

.margin-left-10 {
    margin-left: 10px !important;
}

.margin-left-12 {
    margin-left: 12px;
}

.margin-left-20 {
    margin-left: 20px !important;
}

.margin-left-30 {
    margin-left: 30px !important;
}

.margin-right-10 {
    margin-right: 10px !important;
}

.margin-top-5 {
    margin-top: 5px;
}

.margin-top-15 {
    margin-top: 15px;
}

.margin-top-20 {
    margin-top: 20px;
}

.margin-top-auto {
    margin-top: auto;
}

.margin-right-15 {
    margin-right: 15px !important;
}

.margin-bottom-5 {
    margin-bottom: 5px;
}

.margin-bottom-15 {
    margin-bottom: 15px;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.margin-bottom-30 {
    margin-bottom: 30px;
}

.margin-bottom-50 {
    margin-bottom: 50px;
}

.border-right-none {
    border-right: none !important;
}

.padding-5 {
    padding: 5px;
}

.padding-15 {
    padding: 15px;
}

.padding-left-10 {
    padding-left: 10px;
}

.flex {
    display: flex;
}

.flex-end {
    justify-content: flex-end;
}

.inline {
    display: inline;
}

.inline-block {
    display: inline-block;
}

.padding-left-5 {
    padding-left: 5px;
}

.padding-right-5 {
    padding-right: 5px;
}

.padding-right-10 {
    padding-right: 10px;
}

.padding-right-15 {
    padding-right: 15px;
}

.padding-right-20 {
    padding-right: 20px;
}

.padding-right-30 {
    padding-right: 30px;
}

.vertical-align-middle {
    vertical-align: middle !important;
}

label.label-stage,
span.label-stage {
    background-color: #0f4c5c;
}

label.label-yellow,
span.label-yellow {
    background-color: #f6b100;
}

label.label-orange,
span.label-orange {
    background-color: #c6401e;
}

label.label-red,
span.label-red {
    background-color: #a90329;
}

label.label-ioc-summary {
    color: black;
    border: solid 1px rgb(143, 143, 143);
    border-radius: 3px;
}

label.confidence-high,
span.confidence-high {
    background-color: #a90329;
}

label.confidence-suspicious,
span.confidence-suspicious {
    background-color: #d92222;
}

label.confidence-moderate,
span.confidence-moderate {
    background-color: #c79121
}

label.confidence-medium,
span.confidence-medium {
    background-color: #d92222;
}

label.confidence-low,
span.confidence-low {
    background-color: #4caf50;
}

label.confidence-clean,
span.confidence-clean {
    background-color: #397f3a;
}

label.confidence-unknown,
span.confidence-unknown {
    background-color: #606b6b;
}

.flag-container {
    display: inline-block;
    margin-right: 10px;
}

img.country-flag {
    height: 21px;
    width: 32px;
}

img.location-flag {
    margin-right: 5px;
    height: 21px !important;
    width: 32px !important;
    vertical-align: top !important;
    filter: drop-shadow(0px 0px 1px #222);
}

.custom-tooltip {
    position: relative;
}

.custom-tooltip::before {
    content: attr(data-title);
    display: none;
    position: absolute;
    overflow: visible;
    transform: translate(-20%, -120%);
    padding: 10px;
    border-radius: 10px;
    background: #000;
    color: #fff;
    white-space: nowrap;
    z-index: 999 !important;
    font-weight: 400 !important;
    line-height: 14.5667px;
}

.custom-tooltip:hover:before {
    display: inline-block;
}

.tag {
    display: inline-block;
    height: 26px;
    line-height: 26px;
    padding: 0 20px 0 10px;
    position: relative;
    margin: 0 5px 0px 0;
    color: #fff;
    font-weight: 700;
    font-size: 12px;
}

.tag:first-child {
    margin-left: 5px;
}

.tag::after {
    background: #fff;
    content: '';
    position: absolute;
    right: 0%;
    top: 0%;
    border: 13px solid transparent;
    border-right-width: 0;
    border-left-width: 13px;
}

.tag:hover::after {
    border-left-color: #77021d !important;
}

.tag:hover {
    color: #fff;
}

.label-danger.tag::after {
    border-left-color: #a90329;
}

.rotate-135 {
    transform: rotate(135deg);
}

.filter-white {
    filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(58deg) brightness(104%) contrast(101%);
}


/* second level */

.red-horizontal-tabs>li.active>a {
    -webkit-box-shadow: 0 -2px 0 #C83E4D;
    -moz-box-shadow: 0 -2px 0 #C83E4D;
    box-shadow: 0 -2px 0 #C83E4D;
}


/* third level */

.orange-left-tabs>li.active>a.orange-tab {
    -webkit-box-shadow: -2px 0 0 #EF9A1A;
    -moz-box-shadow: -2px 0 0 #EF9A1A;
    box-shadow: -2px 0 0 #EF9A1A;
}


/* MISC / UNKOWN */

.blur {
    -webkit-filter: blur(2px);
    filter: blur(2px);
    opacity: 0.5;
}

div.system-title {
    text-align: center !important;
    margin: 0 auto;
    /* width: 90%; */
}

div.system-title span {
    display: inline;
    margin: auto;
}

form#change-pw input {
    /* width: 100%; */
}

article#page-navigation {
    position: fixed;
    top: 25%;
    right: 2%;
    width: 10%;
}

body>div.pace.pace-active>div.pace-progress {
    display: none;
}

table#associate_ioc td.submit-ioc,
table#recent-submission-table td.submit-subject,
table#user_submission_history td,
h1#submit-ticket-title {
    overflow-wrap: anywhere;
}

div#search-fld span.ms-helper {
    display: none !important;
}


/* by Joe*/

.jarviswidget>header>h2 {
    /* margin-bottom: 10px;*/
}

.live-rating-wrapper {
    display: flex;
    align-items: center;
}

#webfiltering_tag,
#spam_tag,
#ioc_tag {
    float: left;
}

.label {
    display: inline-block;
    padding: 5px !important;
    margin-bottom: 2px !important;
    font-size: 12px;
    font-weight: 600;
}

div#confirm-reset-editor,
div#confirm-insert-template-editor,
div#confirm-clear-template-editor,
div#confirm-insert-custom-template-editor,
div#confirm-cancel-submission,
div#upload-file-error-modal {
    margin-top: 0px;
    margin-bottom: 0px;
    overflow: hidden;
}

div.popover-content {
    padding: 10px;
    line-height: 20px;
}

div.popover {
    max-width: 100%;
    background-color: ghostwhite;
}

div.popover.right>div.arrow:after {
    border-right-color: ghostwhite;
}

div.popover.left>div.arrow:after {
    border-left-color: ghostwhite;
}

div.popover.top>div.arrow:after {
    border-top-color: ghostwhite;
}

.popover-content {
    background-color: ghostwhite;
}

.popover.bottom>.arrow::after {
    border-bottom-color: ghostwhite !important;
}

div#popover-align-right {
    text-align: right;
}

div#dialog-confirm-submit footer {
    float: right;
}

div#dialog-confirm-submit span.admin-confirm-submit-warning {
    color: red;
    font-weight: bold;
}

button.bulk-query-result-filter-btns:hover {
    background: #ecf3f8;
}

.time-selector-btns:hover {
    background: #ecf3f8;
}

table.dataTable.no-footer {
    /* border-bottom: 1px solid #111; */
}

.ambiance-custom {
    background: #b40000;
    color: #dff0d8;
    padding: 10px;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    border-radius: 5px;
}

div.dataTables_wrapper>div.pdns-table-toolbar {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

div.pdns-table-toolbar>.filter-btn-group>.dataTables_length {
    position: relative;
    top: 2px;
}

li.dns-table-nav-tab>a>span>i.glyphicon-refresh,
div.ip-reverse-dns-title>span>i.glyphicon-refresh {
    -webkit-animation-name: rotateThis;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    top: 0px;
}

@-webkit-keyframes "rotateThis" {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

div.limited-display-msg {
    font-size: 13px;
    font-style: italic;
    color: #969696;
    margin-left: auto;
    text-align: right;
    padding-left: 13px;
    padding-right: 13px;
}

div.live-dns-table-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 13px;
    padding-right: 13px;
}

div.ip-reverse-dns-title {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 13px;
    padding-right: 13px;
}

div.ip-reverse-dns-title>h4 {
    margin: 0;
    font-weight: 400;
}

.pdns-export-block {
    display: flex;
    margin-left: auto;
    justify-content: flex-end;
}

div.pdns-export-block>.downloading-msg {
    font-size: 13px;
    font-style: italic;
    color: #969696;
    display: flex;
    align-items: center;
    justify-content: center;
}

td.active-column {
    text-align: center !important;
}

td.active-record-column {
    text-align: center !important;
}

#dns-records hr {
    border-top: 1px solid #eee;
    margin-bottom: 30px;
    margin-top: 30px;
}

#dns-title {
    margin-bottom: 20px;
}

.active-column>i.grey,
.active-record-column>i.grey {
    color: #9d9d9d !important;
}

.active-column>i.green,
.active-record-column>i.green {
    color: #94cf05 !important;
}

#passive-dns td .popover {
    width: fit-content;
}

a.txt-indicator {
    max-width: calc(100% - 1px);
    display: inline-block;
    overflow-wrap: break-word;
    font-size: 13px;
    font-weight: 550;
}

a.non-exist-indicator {
    cursor: default;
}

ul.dropdown-menu>li.filter-dropdown-btn {
    padding-left: 10px;
}

ul.dropdown-menu>li>a.filter-value {
    display: flex;
    justify-content: space-between;
}

ul.dropdown-menu>li>a.filter-value.selected {
    pointer-events: none;
    opacity: 0.5;
}

ul.dropdown-menu>li.filter-dropdown-title {
    pointer-events: none;
}

ul.dropdown-menu>li.filter-dropdown-title>a {
    font-weight: bold;
}

div.filter-btn-group {
    margin-bottom: 5px;
    margin-right: 5px;
}

button.table-filter-btn {
    width: 140px;
    height: 30px;
}

button.table-filter-btn>* {
    position: relative;
    top: -1px;
}

button.table-filter-btn>i.fa-angle-down:before {
    font-weight: 700;
}

button.table-filter-btn>i {
    margin-left: 0.6em;
}

#dns-records>.tabs-left {
    display: flex;
}

#dns-nav-left-tabs {
    margin-right: 0px;
}

#dns-nav-left-tabs>li {
    white-space: nowrap;
    width: 100%;
}

#dns-nav-left-tabs>li.active>a {
    -webkit-box-shadow: -2px 0 0 #C83E4D;
    -moz-box-shadow: -2px 0 0 #C83E4D;
    box-shadow: -2px 0 0 #C83E4D;
}

#dns-tab-content {
    margin-left: 0px;
    padding-left: 20px;
    border-top: 1px solid #ddd;
    min-width: 0;
}

#dns-records .tab-content {
    width: 100%;
}

ul#pdns-nav {
    border-bottom: none;
}

ul#live-dns-nav {
    border-bottom: none;
}

div.pdns-table-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 13px;
    padding-right: 13px;
}

#dns-records .nav-pills {
    background-color: transparent;
    padding: 13px;
    display: flex;
    flex-wrap: wrap;
    width: fit-content;
}

#dns-records .nav-pills>li {
    margin-left: 0px;
    -webkit-box-shadow: 0 2px 0 #999;
    -moz-box-shadow: 0 2px 0 #999;
    box-shadow: 0 2px 0 #999;
}

#dns-records .nav-pills>li.active {
    -webkit-box-shadow: 0 2px 0 #c55802;
    -moz-box-shadow: 0 2px 0 #c55802;
    box-shadow: 0 2px 0 #c55802;
}

/*We want this specific tab to be no bolded*/
#dns-records .table-selector {
    background-color: transparent;
    font-size: 15px;
    width: fit-content;
    white-space: nowrap;
    color: #000;
    display: flex;
    align-items: center;
    font-weight: 500;
}

#dns-records .table-selector:hover {
    background-color: #eee;
}

#dns-records .nav-pills>li>a>.badge,
div.ip-reverse-dns-title>span.badge {
    background-color: #EF9A1A;
    opacity: 0.8;
    vertical-align: baseline;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 12px;
    font-weight: 700;
    padding: 3px 7px 3px 7px;
}

div.ip-reverse-dns-title>span.badge {
    margin-top: 3px;
}

#dns-records .nav-pills>li.active>a>.badge {
    opacity: 1;
    background-color: #c55802;
}

#dns-records .nav-pills>li>a>.empty-badge {
    background-color: #999;
    vertical-align: baseline;
    margin-left: 5px;
    margin-right: 5px;
}

#dns-records .investigation-loader {
    top: 50%;
}

div.no-data-message {
    position: relative;
    text-align: center;
    top: 50%;
}

.filter-black-svg {
    filter: invert(0%) sepia(0%) saturate(7%) hue-rotate(253deg) brightness(103%) contrast(100%);
}

.filter-link-svg {
    filter: invert(38%) sepia(71%) saturate(493%) hue-rotate(165deg) brightness(96%) contrast(89%);
}

.cursor-pointer {
    cursor: pointer;
}

.disableSelect {
    user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -webkit-touch-callout: none;
    -o-user-select: none;
    -moz-user-select: none;
}

.DTCR_pointer {
    width: 2px !important;
}


/** Toggle Switch **/

.toggle-container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 0px;
    padding-right: 15px;
}

.toggle-container>.title {
    font-size: 15px;
    width: 100%;
    margin-right: 10px;
    text-align: right;
}

.toggle-container>.switch {
    display: block;
    margin-bottom: 7px;
    float: right;
}

.switch {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 56px;
    height: 20px;
    padding: 3px;
    background-color: white;
    border-radius: 18px;
    cursor: pointer;
    background-image: -webkit-linear-gradient(top, #eeeeee, white 25px);
    background-image: -moz-linear-gradient(top, #eeeeee, white 25px);
    background-image: -o-linear-gradient(top, #eeeeee, white 25px);
    background-image: linear-gradient(to bottom, #eeeeee, white 25px);
}

.switch-input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.switch-label {
    position: relative;
    display: block;
    height: inherit;
    font-size: 10px;
    text-transform: uppercase;
    background: #eceeef;
    border-radius: inherit;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
    -webkit-transition: 0.15s ease-out;
    -moz-transition: 0.15s ease-out;
    -o-transition: 0.15s ease-out;
    transition: 0.15s ease-out;
    -webkit-transition-property: opacity background;
    -moz-transition-property: opacity background;
    -o-transition-property: opacity background;
    transition-property: opacity background;
}

.switch-label:before,
.switch-label:after {
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    line-height: 1;
    -webkit-transition: inherit;
    -moz-transition: inherit;
    -o-transition: inherit;
    transition: inherit;
}

.switch-label:before {
    content: attr(data-off);
    right: 11px;
    color: #aaa;
    text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}

.switch-label:after {
    content: attr(data-on);
    left: 11px;
    color: white;
    text-shadow: 0 1px rgba(0, 0, 0, 0.2);
    opacity: 0;
}

.switch-input:checked~.switch-label {
    background: #47a8d8;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}

.switch-input:checked~.switch-label:before {
    opacity: 0;
}

.switch-input:checked~.switch-label:after {
    opacity: 1;
}

.switch-handle {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 18px;
    height: 18px;
    background: white;
    border-radius: 10px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    background-image: -webkit-linear-gradient(top, white 40%, #f0f0f0);
    background-image: -moz-linear-gradient(top, white 40%, #f0f0f0);
    background-image: -o-linear-gradient(top, white 40%, #f0f0f0);
    background-image: linear-gradient(to bottom, white 40%, #f0f0f0);
    -webkit-transition: left 0.15s ease-out;
    -moz-transition: left 0.15s ease-out;
    -o-transition: left 0.15s ease-out;
    transition: left 0.15s ease-out;
}

.switch-handle:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -6px;
    width: 12px;
    height: 12px;
    background: #f9f9f9;
    border-radius: 6px;
    box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
    background-image: -webkit-linear-gradient(top, #eeeeee, white);
    background-image: -moz-linear-gradient(top, #eeeeee, white);
    background-image: -o-linear-gradient(top, #eeeeee, white);
    background-image: linear-gradient(to bottom, #eeeeee, white);
}

.switch-input:checked~.switch-handle {
    left: 40px;
    box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}

div#url-scan-result h3,
div#url-scan-result h5 {
    display: inline;
}

table#url-scan-result-table {
    width: 50%;
    border-collapse: collapse;
    border: 1px solid #ddd;
}

table#url-scan-result-table th {
    padding: 7px;
    border: #ddd 1px solid;
    background: #f8f8f8;
}

table#url-scan-result-table td {
    padding: 7px;
    border: #ddd 1px solid;
    /* text-align: center; */
}

table#url-scan-result-table .url-scan-result-table-engine {
    width: 30%;
}

table#url-scan-result-table .url-scan-result-table-rating {
    width: 70%;
}

table#url-scan-result-table tr {
    background: #f9f9f9;
}

table#url-scan-result-table tr:nth-child(odd) {
    background: #f9f9f9;
}

table#url-scan-result-table tr:nth-child(even) {
    background: #ffffff;
}

table#scan-history-table th.ioc {
    width: 30%;
}

table#scan-history-table th.ratings {
    width: 30%;
}

table#scan-history-table th.screenshot {
    width: 20%;
}

table#scan-history-table td.screenshot {
    text-align: center;
}

table#scan-history-table img {
    max-width: 50%;
}

div#url-scan-result-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

div#url-scan-screenshot-container {
    width: 50%;
    text-align: center;
    padding: 10px;
}

div#fetch-scan-screenshot-content img {
    width: 60%;
    max-width: 700px;
}

div.url-scan-history-td-flex-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

div.url-scan-history-td-flex-container div.ucs-rating-contianer {
    width: 50%;
    /* padding: 5px; */
}

div.url-scan-history-td-flex-container div.fure-rating-contianer {
    width: 50%;
    /* padding: 5px; */
}

div.fure-rating-container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

div.fure-rating-container div {
    margin-right: 5px;
}

pre#iam-lookup-result,
pre#subs-lookup-result {
    white-space: pre-wrap;
    /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;
    /* Mozilla, since 1999 */
    white-space: -pre-wrap;
    /* Opera 4-6 */
    white-space: -o-pre-wrap;
    /* Opera 7 */
    word-wrap: break-word;
    /* Internet Explorer 5.5+ */
}


@media screen and (min-width: 1150px) {
    div#tag-telemetry-result-display {
        display: flex;
        flex-direction: row;
    }

    div#tag-telemetry-visit-count-date,
    div#tag-telemetry-visit-count-country {
        width: 50%;
    }

    div#tag-telemetry-result-display {
        margin-top: 20px;
    }
}

@media screen and (max-width: 1150px) {
    div#tag-telemetry-result-display {
        display: flex;
        flex-direction: column;
    }

    div#tag-telemetry-visit-count-date {
        width: 100%;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    div#tag-telemetry-visit-count-country {
        width: 100%;
        margin-top: 20px;
    }
}

div#tag-telemetry-visit-count-date {
    padding: 20px;
}

div.ui-datepicker {
    z-index: 50;
}

form#telemetry-date-selection fieldset span {
    margin-left: 20px;
}

div#tag-telemetry-visit-count-country {
    display: flex;
    flex-direction: column;
    justify-content: start;
}

div#visit-count-view-switch {
    display: flex;
    justify-content: end;
    padding-right: 13px;
}

div#tag-telemetry-visit-count-heatmap-container div#vector-map-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 420px;
}

/* risk score section */
#risk-profile-empty {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px;
}

div.risk-reasons {
    min-width: 500px;
}

div.dataTables_scroll th.ioc_riskScore,
div.dataTables_scroll td.ioc_riskScore {
    width: 110px;
}

.riskscore-tooltip-table {
    display: table;
    width: 100%;
    /* border-collapse: collapse; */
}

.riskscore-tooltip-row {
    display: table-row;
}

.riskscore-tooltip-header {
    display: table-cell;
    font-weight: bold;
    /* padding: 2px; */
}

.riskscore-tooltip-cell {
    display: table-cell;
    padding: 2px;
    padding-left: 5px;
}

.riskscore-tooltip-cell .border {
    border: 1px solid #ccc;
}

.risk-distribution-graphic,
.parental-control-graphic {
    padding-top: 5px;
    padding-bottom: 5px;
    display: flex;
    flex-wrap: wrap;
}

.parental-control-graphic>div,
.risk-distribution-graphic>div {
    border-right: 1px solid white;
}

.risk-distribution-item,
.parental-control-item {
    width: 120px;
}

@media(max-width:1276px) {

    .risk-distribution-item,
    .parental-control-item {
        width: 25%;
    }
}

@media(max-width:767px) {

    .risk-distribution-item,
    .parental-control-item {
        width: 50%;
    }
}

@media(max-width:600px) {

    .risk-distribution-item,
    .parental-control-item {
        width: 120px;
    }
}

.count-boxes-table {
    display: table;
    width: 100%;
}

.count-boxes-row {
    display: table-row;
}

.count-boxes-title {
    display: table-cell;
    font-weight: bold;
    padding-bottom: 2px;
    padding-right: 5px;
}

.count-boxes-box {
    display: table-cell;
    min-width: 20px;
    padding: 3px;
    padding-bottom: 2px;
    padding-right: 5px;
}

.riskscore-html-table {
    width: 100%;
    border: solid 1px #DDD;
}

.riskscore-html-table tr th {
    padding: 5px;
    background: #EEE;
    border: solid 1px #DDD;
}

.riskscore-html-total-title {
    padding: 5px;
    background: rgb(249, 249, 249);
    font-weight: bold;
}

.riskscore-html-total-value {
    padding: 5px;
    background: rgb(249, 249, 249);
}

.riskscore-html-table tr:nth-child(odd) {
    padding: 5px;
    background: rgb(249, 249, 249);
}

.riskscore-html-table tr:nth-child(even) {
    padding: 5px;
    background: #FFF;
}

.riskscore-html-table tr td {
    padding: 5px;
    border: solid 1px #DDD;
}

div#risk-profile-container {
    padding-left: 13px;
    padding-right: 13px;
}

#risk-profile-container>div:not(:first-child) {
    margin-top: 10px;
}

.risk-overview-column {
    width: 200px;
}

.risk-overview-row {
    margin-bottom: 10px;
}

.risk-overview-title {
    font-weight: 700;
}

.risk-overview-value {
    margin-left: 5px;
}

.threat-bar-container,
.compare-bar-container {
    width: 100%;
    grid-area: a;
    display: flex;
}

div.risk-profile-grid {
    display: grid;
    gap: 1em;
    grid-template-rows: min-content minmax(0, 4fr);
    grid-template-columns: minmax(0, 2fr) minmax(0, 2fr);
    grid-template-areas:
        "a a"
        "b c";
    /* height: calc(50vh - 2em); */
    min-height: 180px;
}

div.risk-overview-grid {
    display: grid;
    gap: 1em;
    grid-template-rows: min-content minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-areas:
        "a b";
}

div.risk-profile-meta-grid {
    display: grid;
    gap: 0em 1em;
    grid-template-rows: min-content minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-areas:
        "a b";
}

div.risk-profile-grid legend {
    grid-area: a;
}

div.risk-profile-grid table {
    grid-area: b;
    padding: 1em;
}

div.risk-profile-grid figure {
    grid-area: c;
}

.riskscore-legend-color {
    height: 10px;
    width: 10px;
    margin: auto;
}

.risk-dist-total-container>td,
.pc-dist-total-container>td {
    font-weight: 700;
}

.risk-profile-title-container {
    display: flex;
    align-items: center;
}

.risk-profile-title {
    margin-bottom: 20px;
}

.threat-row-title,
.threat-row-stat {
    background: #FFF !important;
    padding: 5px;
}

.malware-subtotal>td,
.phishing-subtotal>td,
.spam-subtotal>td,
.ddns-subtotal>td,
.pup-subtotal>td,
.clean-subtotal>td,
.threat-total>td {
    font-weight: 700;
}

.risk-compromised-child-border {
    height: 10px;
    width: 10px;
    border-left: solid 1px #9a9a9a;
    border-bottom: solid 1px #9a9a9a;
    margin-left: 10px;
    margin-right: 5px;
    margin-top: 2px;
}

/* color scheme */
.riskscore-text-high,
.isdb-high-risk,
.not-ca-signed,
.expired {
    color: #a90329;
}

.riskscore-text-suspicious,
.isdb-suspicious {
    color: #d92222;
}

.riskscore-text-moderate,
.isdb-moderate {
    color: #c79121;
}

.riskscore-text-medium {
    color: #d92222;
}

.riskscore-text-low {
    color: #4caf50;
}

.riskscore-text-clean,
.isdb-clean,
.ca-signed {
    color: #397f3a;
}

.riskscore-text-unknown {
    color: #313131;
}

.riskscore-fill-high,
.riskscore-fill-malware-malicious {
    background-color: #a90329;
    text-align: center;
    color: white;
}

.riskscore-fill-malware-compromised {
    background-color: #d44264;
    text-align: center;
    color: white;
}

.riskscore-fill-malware-predicted {
    background-color: #b45959;
    text-align: center;
    color: white;
}

.riskscore-fill-suspicious {
    background-color: #d92222;
    text-align: center;
    color: white;
}

.riskscore-fill-moderate {
    background-color: #c79121;
    text-align: center;
    color: white;
}

.riskscore-fill-medium {
    background-color: #d92222;
    text-align: center;
    color: white;
}

.riskscore-fill-low {
    background-color: #4caf50;
    text-align: center;
    color: white;
}

.riskscore-fill-clean {
    background-color: #397f3a;
    text-align: center;
    color: white;
}

.riskscore-fill-unknown {
    background-color: #606b6b;
    text-align: center;
    color: white;
}


.riskscore-fill-phishing-malicious {
    background-color: #216ec7;
    text-align: center;
    color: white;
}

.riskscore-fill-phishing-compromised {
    background-color: #5165b8;
    text-align: center;
    color: white;
}

.riskscore-fill-phishing-predicted {
    background-color: #6e96c3;
    text-align: center;
    color: white;
}

.riskscore-fill-spam-malicious {
    background-color: #c79121;
    text-align: center;
    color: white;
}

.riskscore-fill-spam-predicted {
    background-color: #c7c121;
    text-align: center;
    color: white;
}

.riskscore-fill-pup-malicious {
    background-color: #8f07b1;
    text-align: center;
    color: white;
}

.riskscore-fill-ddns-malicious {
    background-color: #330085;
    text-align: center;
    color: white;
}

div.riskscore-pc-porn {
    background-color: #c79121;
    text-align: center;
    color: white;
}

div.riskscore-pc-adult {
    background-color: #d92222;
    text-align: center;
    color: white;
}

div.riskscore-pc-gambling {
    background-color: #643500;
    text-align: center;
    color: white;
}

div.riskscore-pc-games {
    background-color: #3f21c7;
    text-align: center;
    color: white;
}

div.riskscore-pc-dating {
    background-color: #c721b9;
    text-align: center;
    color: white;
}

div.riskscore-pc-others {
    background-color: #397f3a;
    text-align: center;
    color: white;
}

.riskscore-pc-overview-item {
    background-color: #6f6f6f;
    text-align: center;
    color: white;
}

.threat-bar-mal {
    display: inline-block;
    background-color: #d92222;
    text-align: center;
    color: white;
    min-width: 150px;
}

.threat-bar-clean {
    display: inline-block;
    background-color: #397f3a;
    text-align: center;
    color: white;
    min-width: 150px;
}

.compare-bar-predicted {
    display: inline-block;
    background-color: #408EC6;
    text-align: center;
    color: white;
    min-width: 150px;
}

.compare-bar-known {
    display: inline-block;
    background-color: #3d478f;
    text-align: center;
    color: white;
    min-width: 150px;
}

div.group-malware {
    display: table-row-group;
}

div.group-phishing {
    display: table-row-group;
}

div.group-spam {
    display: table-row-group;
}

div.group-others {
    display: table-row-group;
}

.risk-profile-info-text {
    width: 300px;
}

/* end risk score */

/* copyright */

.attribution-container {
    margin: 20px;
}

/* new feature */
#dialog-new-feature {
    display: flex;
    flex-direction: column;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.new-feature-body {
    overflow-y: scroll;
    max-height: 700px;
}

.new-feature-images {
    width: 700px;
}

.new-feature-footer {
    margin-top: auto;
    margin-bottom: 10px;
    display: flex;
    width: 100%;
}

.feature-checkbox-container {
    display: flex;
    align-items: center;
    flex-grow: 1;
}

#feature-checkbox {
    margin-top: 0px !important;
}

#feature-checkbox-message {
    cursor: default;
}

.feature-button {
    display: flex;
    justify-content: end;
}

span.date-popover {
    font-weight: 550;
}

table div.dt-flex-row-tags .label {
    font-size: 10px;
}

/* context menu */
#context-menu {
    display: none;
    position: absolute;
    z-index: 9999;
}

#context-menu-container {
    background-color: white;
    border: solid 1px #c2c2c2;
    border-radius: 5px;
    box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
}

.context-menu-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 6px;
    background: #fafafa;
    border-bottom: 1px solid #c2c2c2;
    padding: 0px 6px 0px 6px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.context-menu-header-title {
    flex-grow: 1;
    font-family: "Open Sans", Arial, Helvetica, Sans-Serif;
    font-size: 17px;
    font-weight: 700;
    line-height: normal;
}

#context-menu-list {
    display: flex;
    flex-direction: column;
    padding: 0px 0px 6px 0px;
}

.context-menu-item {
    padding: 0px 6px 0px 6px;
}

.context-menu-item>a {
    padding: 4px 8px;
    display: inline-block;
    width: 100%;
    cursor: default;
}

.context-menu-item:hover {
    background-color: #ecf3f8;
}

.tr-hover {
    background-color: #ecf3f8 !important;
}

#context-close-button {
    float: right;
    font-size: 28px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .8;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
}

/* 
    NOTE:
    This is a quick fix to solve a bug where close button is not clickable on modal
    
    The problem is that editor.dataTables.min.css affects the styling for editor.bootstrap.min.css
    that makes the DTE_Header go behind another layer which makes the close button unclickable.

    A better approach is to just use the editor.bootstrap.min.css styling which not only fixes this
    issue but provides a way for us to use editor modal styling that bootstrap 3 provides.
*/
div.DTE div.DTE_Header {
    z-index: 100;
}

div.ui-datepicker {
    z-index: 9999 !important;
}

span.ui-icon.ui-icon-circle-triangle-e {
    cursor: pointer;
}

form.custom-editor-form.smart-form div.DTE_Field {
    padding: 0 !important
}

form.custom-editor-form.smart-form .controls {
    width: 100%;
    float: none;
}

div.DTE_Body div.DTE_Body_Content form.custom-editor-form.smart-form div.DTE_Field>label {
    float: right;
    width: 100%;
    padding-top: 6px;
}

form.custom-editor-form.smart-form fieldset {
    padding-top: 0;
}

form.custom-editor-form.smart-form fieldset textarea {
    resize: none;
}

div.custom-editor-error,
form.custom-editor-form.smart-form div.form-info {
    padding: 15px 14px 0;
}

.bg-cts-blue {
    background-color: #3276b1;
}

.modal.modal-scrollable .modal-body {
    max-height: calc(100vh - 180px);
    overflow-y: scroll;
}

.smart-form .toggle input:checked+i:before {
    background-color: #FFF;
}

.smart-form .toggle input:checked+i:after {
    color: #FFF;
}

.smart-form .toggle input:checked+i {
    background-color: #3276b1;
}

.width-80-percent {
    width: 80%;
}

.width-50-percent {
    width: 50%;
}

.display-flex-end {
    display: flex;
    justify-content: flex-end;
}

.h-150 {
    height: 150px !important;
}

.h-90 {
    height: 90px !important;
}

.m-0 {
    margin: 0;
}

.txt-color-cts-blue {
    color: #3276b1 !important;
}

a.txt-color-cts-blue:hover {
    background-color: #ecf3f8 !important;
}

.margin-left-0 {
    margin-left: 0 !important;
}

.margin-right-dot-6-em {
    margin-right: 0.6em;
}

/* NOTE: This is only for the nameserver datatables. */
#name-servers .action-buttons {
    flex: 1;
}

/* NOTE: This is only for the nameserver datatables. */
#name-servers .dt-ioc {
    width: auto;
    flex: none;
}

.padding-left-15 {
    padding-left: 15px !important;
}

.w-150 {
    width: 150px !important;
}

.d-inline {
    display: inline !important;
}

.padding-bottom-0 {
    padding-bottom: 0px !important;
}

.txt-color-inherit {
    color: inherit;
}

.padding-right-8 {
    padding-right: 8px !important;
}

.no-animation {
    animation-name: none !important;
}

.border-top-cts-gray {
    border-top: 1px solid #DADADA !important;
}

.max-width-max-content {
    max-width: max-content;
}

.w-100-percent {
    width: 100% !important;
}

/* Note: These lines of code forces the pagination to be centered */
.dataTables_paginate {
    justify-content: center !important;
    text-align: center !important;
}

@media (min-width: 1200px) {
    .dt-centered-pagination {
        display: flex;
    }

    .dt-centered-pagination::after {
        flex: 1;
        content: '';
    }

    .dt-centered-pagination [class*="col-"]:first-child {
        flex: 1;
        padding-right: 0;
    }

    .dt-centered-pagination [class*="col-"]:nth-child(2) {
        padding-left: 0;
    }

    .dt-centered-pagination [class*="col-"] {
        width: auto;
    }
}

@media (max-width: 1500px) {

    div.dataTables_wrapper div.dataTables_filter,
    div.dataTables_wrapper div.dataTables_info,
    div.dataTables_wrapper div.dataTables_paginate {
        text-align: center;
    }

    .dt-centered-pagination {
        display: flex;
        flex-direction: column;
    }

    .dt-centered-pagination [class*="col"] {
        width: auto;
    }
}

.bg-color-gray {
    background-color: rgba(0, 0, 0, 0.1) !important;
}

.margin-left-30 {
    margin-left: 30px;
}

.padding-top-20 {
    padding-top: 20px;
}

.padding-top-5 {
    padding-top: 5px;
}

.padding-bottom-5 {
    padding-top: 5px;
}

.padding-left-20 {
    padding-left: 20px;
}

#pdns-timeline .dropdown-menu>li.active>a::before {
    content: '\2713';
    color: black;
    margin-right: 5px;
}

#pdns-timeline .dropdown-menu>li>a::before {
    content: '';
    margin-right: 15px;
}

#pdns-timeline .dropdown-menu>.active>a,
#pdns-timeline .dropdown-menu>.active>a:focus,
#pdns-timeline .dropdown-menu>.active>a:hover {
    color: inherit;
    text-decoration: none;
    outline: 0;
    background-color: #FFF;
}

#pdns-timeline .dropdown-menu>li>a:hover {
    background: #ecf3f8 !important;
    color: black;
}

.no-transition {
    transition: none !important;
    -webkit-animation-name: none !important;
    -moz-animation-name: none !important;
    -ms-animation-name: none !important;
    -o-animation-name: none !important;
    animation-name: none !important;
}

.d-inline {
    display: inline !important;
}

.d-inline-block {
    display: inline-block !important;
}

#timeline-filters li:not(.active),
#eventsperday-filters li:not(.active),
#ipwhois-eventsperday-filters li:not(.active),
#event-type-filters span:not(.active) {
    text-decoration: line-through;
    opacity: 0.4;
}

.dygraph-annotation.event-chart-annotation {
    background-color: #fff !important;
    border-color: #ddd !important;
    border-radius: 4px !important;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05) !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05) !important;
    color: #000 !important;
}

.padding-bottom-20 {
    padding-bottom: 20px;
}

.padding-bottom-30 {
    padding-bottom: 30px;
}

.flex-center {
    display: flex !important;
    align-items: center;
}

.cursor-pointer {
    cursor: pointer;
}

.padding-bottom-5 {
    padding-bottom: 5px;
}

.padding-top-5 {
    padding-top: 5px;
}

.list-style-none {
    list-style: none;
}

#event-per-day-chart-details table.dataTable thead .sorting_asc::after {
    display: none !important;
}

.text-break-all {
    word-break: break-all !important;
}

#event-per-day-chart span.loading {
    position: absolute;
    top: 25%;
    left: 45%;
    width: 200px;
    text-align: center;
    padding: 1em 0;
    z-index: 1000;
}

.flex-wrap {
    display: flex;
    flex-wrap: wrap;
}

/* Update spacing for top header widget for pdns timeline view depending on screen size */
@media only screen {

    #passive-dns span[data-id="date-value"],
    #dns-records span[data-id="date-value"],
    #passive-dns #eventsperday-filters,
    #dns-records #eventsperday-filters {
        padding-bottom: 75px
    }
}

@media only screen and (min-width: 768px) {

    #passive-dns span[data-id="date-value"],
    #dns-records span[data-id="date-value"],
    #passive-dns #eventsperday-filters,
    #dns-records #eventsperday-filters {
        padding-bottom: 60px
    }
}

@media only screen and (min-width: 992px) {

    #passive-dns span[data-id="date-value"],
    #dns-records span[data-id="date-value"],
    #passive-dns #eventsperday-filters,
    #dns-records #eventsperday-filters {
        padding-bottom: 50px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1800px) {

    #passive-dns span[data-id="date-value"],
    #dns-records span[data-id="date-value"],
    #passive-dns #eventsperday-filters,
    #dns-records #eventsperday-filters {
        padding-bottom: 45px;
    }
}

@media only screen and (min-width: 1800px) {

    #passive-dns span[data-id="date-value"],
    #dns-records span[data-id="date-value"],
    #passive-dns #eventsperday-filters,
    #dns-records #eventsperday-filters {
        padding-bottom: 15px;
    }
}

.label-secondary {
    background-color: #17a2b8 !important;
}

.dataTable.table-striped>tbody>tr:nth-of-type(even):not(:hover):not(.selected) {
    background-color: #fff;
}

.break-word {
    word-wrap: break-word;
}

.overflow-auto {
    overflow: auto;
}

.width-30-percent {
    width: 30%;
}

.width-20-percent {
    width: 20%;
}

.bold {
    font-weight: bold;
}

.vertical-align-top {
    vertical-align: top;
}

.margin-bottom-0 {
    margin-bottom: 0px;
}

.padding-bottom-15 {
    padding-bottom: 15px;
}

.monospace {
    font-family: monospace;
}

/* Note: Ensure that tooltip is visible */
.jvectormap-tip {
    z-index: 999 !important;
}

.invert-filter {
    filter: invert(61%) sepia(9%) saturate(0%) hue-rotate(165deg) brightness(91%) contrast(84%);
}

div.widget-body.bulk-query-label,
div.widget-body.bulk-query-toggle,
div#bulk-query-clean-up-label,
div#bulk-query-clean-up-toggle {
    min-height: 70px;
}

.icons-on-hover i:hover,
.icons-on-hover:hover {
    color: #3276b1;
    text-decoration: none;
}

.vertical-align-top {
    vertical-align: top;
}

.fit-content {
    width: fit-content !important;
}

.font-size-11px {
    font-size: 11px;
}

.font-size-12px {
    font-size: 12px;
}

.font-size-13px {
    font-size: 13px;
}

.flex-row-baseline {
    align-items: baseline;
}

.bg-color-light-yellow {
    background-color: #EF9A1A;
}

.txt-color-light-yellow {
    color: #EF9A1A;
}

*[data-cert-hash="true"] {
    cursor: pointer;
}

*[data-cert-hash="true"]:hover {
    color: #000;
}

.dt-dynamic-column {
    min-width: 0;
    display: flex;
    width: 0px;
    flex: 1 1 auto;
}

#sans-table .dt-label .label,
#cert-alt-names-table .dt-label .label {
    margin-bottom: 0px !important;
}

.flex-wrap {
    flex-wrap: wrap;
}

.height-100-percent {
    height: 100%;
}

.grid {
    display: grid;
    border-top: 1px solid #C2C2C2;
}

.grid>* {
    border-bottom: 1px solid #C2C2C2;
    padding: 5px;
}

/* .grid.borderless,
.grid.borderless>* {
    border: 0px !important;
} */

.grid-border-left {
    border-left: 1px solid #C2C2C2;
}

.grid-border-right {
    border-right: 1px solid #C2C2C2;
}

.disabledContent {
    cursor: not-allowed;
    opacity: 0.2
}

.disabledContent>* {
    pointer-events: none;
}

#ipwhois-current-records>ul[role="tree"] li.active>p>span {
    border-color: #9cb4c5;
    color: #305d8c;
    background-color: #d6dde7;
    font-weight: bold;
}

#ipwhois-current-records>ul[role="tree"] li>p>span {
    padding-right: 0px;
    padding-left: 10px;
}

.padding-20 {
    padding: 20px !important;
}

i.grey {
    color: #9d9d9d !important;
}

i.green {
    color: #94cf05 !important;
}

.padding-top-10 {
    padding-top: 10px;
}

.bg-color-light-yellow {
    background-color: #EF9A1A;
}

.padding-top-2 {
    padding-top: 2px;
}

.padding-bottom-2 {
    padding-bottom: 2px;
}

div.dataTables_scroll td.cidr,
div.dataTables_scroll th.cidr {
    width: 130px;
}

div.dataTables_scroll td.ip_count,
div.dataTables_scroll th.ip_count {
    width: 150px;
}

div.dataTables_scroll td.indexes,
div.dataTables_scroll th.indexes {
    width: 20px;
}


div.dataTables_scroll td.ip_range,
div.dataTables_scroll th.ip_range {
    width: 220px;
    min-width: 220px;
}

.min-width-120px {
    min-width: 120px !important;
}

.min-width-50px {
    min-width: 50px !important;
}

.min-width-60px {
    min-width: 60px !important;
}

.min-width-0 {
    min-width: 0px;
}

.nowrap {
    overflow: hidden;
    white-space: nowrap;
}

.max-width-550px {
    max-width: 550px;
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
    .sticky-position {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        /*Note: This is the highest number that does not go above the preview widget's z-index. */
        z-index: 997;
    }
}


.country-el img.country-flag {
    height: 15px;
    width: 25px;
    filter: drop-shadow(0px 0px 1px #222);
    transform: scale(1) translate(5%, -5%);
    margin-right: 1px;
    margin-left: -3px;
}

#entity_name .country-el img.country-flag {
    height: 25px !important;
    width: 35px !important
}

#entity_name .country-el span {
    margin-left: 10px !important;
}

/* NOTE: Quick bug fix for issue where table */
#ipwhois-current-record-details {
    max-width: 79%;
}

.disabledContent {
    cursor: not-allowed;
    opacity: 0.2
}

.disabledContent>* {
    pointer-events: none;
}

.font-weight-600 {
    font-weight: 600 !important;
}

.min-width-20px {
    min-width: 20px;
}

.width-20px {
    width: 20px;
}

.width-110px {
    width: 110px;
}

.width-125px {
    width: 125px;
}

.width-90px {
    width: 90px;
}

.overflow-x-auto {
    overflow-x: auto
}

.min-width-110px {
    min-width: 110px;
}

.min-width-130px {
    min-width: 130px;
}

.progress-bar.known {
    background-color: #3d478f;
}

.progress-bar.predicted {
    background-color: #408EC6;
}

.progress-bar.malicious {
    background-color: #d92222;
}

.progress-bar.clean {
    background-color: #397f3a;
}

.inline-flex {
    display: inline-flex;
}

.inline-flex a.add-left-space {
    margin-left: 2px;
}

.bg-color-E93434 {
    background-color: #E93434;
}

.preview-highlight:hover {
    background-color: #e3effa;
    border-radius: 6px;
}

.table-hover .preview-highlight:hover {
    background-color: #c7e1f9;
}

.stale,
.stale *,
td.stale-column {
    color: #9d9d9d !important;
}

.rotate-180 {
    transform: rotate(180deg);
}

.mirrored-icon-horizontal {
    transform: scaleX(-1);
}

.left-overlap-icon-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 13px;
    height: 11px;
}

.left-overlap-top-bar {
    width: 78%;
    height: 5px;
    background-color: var(--ctsp-black);
    border-radius: 1.5px;
}

.left-overlap-bottom-bar {
    width: 72%;
    height: 5px;
    background-color: white;
    border: 1px solid var(--ctsp-black);
    border-radius: 1.5px;
    align-self: flex-end;
}

rdap-record .added-value,
rdap-record .added-value>* {
    background: #6df6ab
}

rdap-record .removed-value,
rdap-record .removed-value>* {
    background: #fe9c81
}

.rotate-el {
    -webkit-animation-name: rotateThis;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    top: 0px;
}

.ambiance-info {
    background-color: var(--ctsp-blue);
    color: white;
    border-radius: 5px;
    -moz-border-radius: 5px;
    /* Firefox 3.6 and earlier. */
    padding: 10px;
    margin: 10px;
}

.fa-lg {
    line-height: .75em;
}

/* Force FA 4.7.2 icon styles for specific icons */
.fa-copy:before {
    font: normal normal normal 14px / 1 FontAwesome !important;
}