body {
  overscroll-behavior-y: none;
}

#not-ready {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 9999999;
}

.hidden {
  display: none;
}

.detection-actions {
    margin-top: 10px;
    /*display: none;*/
}

.custom-control.inline {
    display: inline-block;
    margin-right: 20px;
}

.card-list .card-list-head {
    padding-bottom: 10px;
}

/*.card-list .detection:last-child .card {
  margin-bottom: 0; }
*/

.ring-container {
    position: relative;
        display: inline-block;
}

.more-icon {
    line-height: 1em;
    font-size: 18px;
    position: relative;
    top: 4px;
}

.more-icon .material-icons {
    font-size: 17px;
}

.meta-platform-icons {
  display: flex;
  align-items: center;
  gap: 8px;
  max-width: 120px;
  margin: 4px 0;
}

.fbAdSpan {
  display: inline-block;
  flex: 0 0 12px;
  width: 12px;
  height: 12px;
  box-sizing: border-box;
  border: 1px solid #65676b;
  border-radius: 50%;
  background-color: transparent;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.fbAdSpan::before {
  content: '';
  display: block;
  width: 4px;
  height: 10px;
  margin: 0 auto;
  border-right: 1px solid #65676b;
  border-left: 1px solid #65676b;
  border-radius: 50%;
}

.fbAdSpan--facebook,
.fbAdSpan--instagram,
.fbAdSpan--audience_network,
.fbAdSpan--messenger,
.fbAdSpan--whatsapp,
.fbAdSpan--threads {
  border: 0;
  border-radius: 0;
  background-color: #65676b;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 12px 12px;
  mask-size: 12px 12px;
}

.fbAdSpan--facebook::before,
.fbAdSpan--instagram::before,
.fbAdSpan--audience_network::before,
.fbAdSpan--messenger::before,
.fbAdSpan--whatsapp::before,
.fbAdSpan--threads::before {
  display: none;
}

.fbAdSpan--facebook {
  -webkit-mask-image: url('/assets/img/meta-platform-facebook.png');
  mask-image: url('/assets/img/meta-platform-facebook.png');
}

.fbAdSpan--instagram {
  -webkit-mask-image: url('/assets/img/meta-platform-instagram.png');
  mask-image: url('/assets/img/meta-platform-instagram.png');
}

.fbAdSpan--audience_network {
  -webkit-mask-image: url('/assets/img/meta-platform-audience-network.png');
  mask-image: url('/assets/img/meta-platform-audience-network.png');
}

.fbAdSpan--messenger {
  -webkit-mask-image: url('/assets/img/meta-platform-messenger.png');
  mask-image: url('/assets/img/meta-platform-messenger.png');
}

.fbAdSpan--whatsapp {
  -webkit-mask-image: url('/assets/img/meta-platform-whatsapp.png');
  mask-image: url('/assets/img/meta-platform-whatsapp.png');
}

.fbAdSpan--threads {
  -webkit-mask-image: url('/assets/img/meta-platform-threads.png');
  mask-image: url('/assets/img/meta-platform-threads.png');
}

.Z98Wse {
    background-color: #fff;
    border-radius: 3px;
    color: #006621;
    display: inline-block;
    font-size: 11px;
    border: 1px solid #006621;
    padding: 1px 3px 1px 2px;
    line-height: 11px;
    vertical-align: baseline;
}

.UdQCqe {
    display: inline-block;
    max-width: 505px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap;
    color: #006621;
    font-style: normal;
}

.UdQCqe:hover {
    text-decoration: underline;
    color: #006621;
}

.facebookLink {
  display: inline-block;
  max-width: 505px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap;
  color: #365899;
  font-style: normal;
}

.facebookLink:hover {
    text-decoration: underline;
    color: #006621;
}

.bg-dark {
  /*background-color: #343a40 !important;*/
  background: url('/assets/img/hunt.jpg');
  background-size: cover;
  background-position: center center;
}

.phishing-radar {
    font-size: .75em;
    margin-bottom: 0.6em;
    display: block;
}

.navbar-nav .nav-item .badge {
    float: right;
    position: relative;
    top: 2px;
}

.navbar .nav-item .badge.blink {
  animation: badgeBlinkAnimation 1s infinite;  /* IE 10+, Fx 29+ */
}


.navbar-nav .nav-item {
  overflow: hidden;
}

.navbar-nav .monitor-menu-item.nav-link {
  width: 75%;
  float: left;
}

.navbar-nav .monitor-menu-item.nav-link.active {
  color:white;
  font-weight: bold;
}

.navbar-nav .nav-item .badge.unseen-count {
  /* width: 20%; */
  padding: 5px 5px;
  float: right;
  margin-top: 6px;
  color: rgba(255, 255, 255, 0.9);
}

.navbar-nav .nav-item .badge.unseen-count:hover {
  background: rgba(255, 255, 255, 0.4);
}

.mark-all-as-seen {
  position: relative;
  top: -6px;
  margin-right: 10px;
}

@-webkit-keyframes badgeBlinkAnimation {
  0%, 49% {
    background-color: rgba(40, 167, 69, 1);
  }
  50%, 100% {
    background-color: rgba(40, 167, 69, 0);
  }
}

.nav-tabs .nav-item .badge {
    position: relative;
    top: -2px;
    margin-left: 7px;
    background: #17a2b8;
    color: white;
    font-weight: bold;
    font-size: 10px;
    line-height: 19px;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    text-align: center;
}

.nav-tabs .nav-item .badge.open-takedowns-badge {
  /*background: #dc3545;*/
}

.navbar .nav-item.active {
    position: relative;
}

.navbar .nav-item.active:before {
    content: "";
    position: absolute;
    top: 0;
    left: -25px;
    height: 100%;
    border-left: 5px solid #17a2b8;
}

.navbar .nav-item:not(.active):hover{
    opacity: 0.6;
}

.navbar .nav-item:not(.active):hover .badge.unseen-count {
  color: white;
}

.lds-ellipsis {
  display: block;
  position: relative;
  width: 64px;
  height: 64px;
  margin: 0 auto;
}
.lds-ellipsis div {
  position: absolute;
  top: 27px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #17a2b8;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 6px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 6px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 26px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 45px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(19px, 0);
  }
}

.detection .card {
/*    border-left: 3px solid transparent;
    transition: border 0.5s;*/
}

.detection.not-seen .card h6:before, .detection.not-seen-admin .card h6:before {
    /*border-left: 3px solid #17a2b8;*/
    display: inline-block;
    content: "";
    width: 10px;
    height: 10px;
    margin-right: 4px;
    position: relative;
    top: 1px;
    border-radius: 50%;
    background-color: #17a2b8;
    background-color: #28a745;
}

/*.nav-tabs .nav-item:last-child .nav-link:not(.active) {
    border-radius: 0;
    border-left: 2px solid #e5e8ea;
}*/

.detection .badge {
  font-size: 10px;
  /*background: black;*/
  border-radius: 20px;
  /*color: white;*/
  padding: 4px 12px;
}

.detection .badge.activity {
  position: relative;
  top: -2px;
  padding: 3px 9px;
  background: #e9eef2;
  margin-left: 5px;
}

.detection .badge.marketplace {
    position: relative;
    top: -2px;
    padding: 3px 9px;
    background: #75bfec;
    margin-left: 5px;
}

.detection .badge.takedown-badge, .detection .badge.brand-badge {
    line-height: 11px;
    padding: 0 20px 0 0;
    border-radius: 5px;
    background: #f2f2f2;
    color: black;
    margin-top: 10px;
    margin-left: -4px;
    cursor: pointer;
    transition: all .35s;
    font-size: 10px; 
}

.detection .badge.brand-badge {
  padding: 8px 11px;
  margin-left: 10px;
  pointer-events: none;
  background: white;
  border: 1px dashed #dcdcdc;
}

.detection .badge.takedown-badge:hover {
  transform: scale(1.03);
  transition: all .1s;
}

.detection .badge.takedown-badge:before {
    content: attr(data-takedownlabel);
    display: inline-block;
    font-size: 10px;
    /* background: black; */
    border-radius: 5px 0 0 5px;
    color: white;
    padding: 8px 11px;
    margin-right: 11px;
    /* margin-top: 2px; */
}

.detection .badge.takedown-badge.removal-request:before {
    content: "removal";
}

.detection .badge.takedown-badge.danger:before {
    background: #dc3545;
}

.detection .badgetakedown-badge.warning:before {
    background: #ffc107;
    color: #212529;
}

.detection .badge.takedown-badge.success:before {
    background: #28a745;
}

.avatar.has-notes {
  border: 3px solid #ffc107;
  padding: 2px;
}

.client-badge {
  background: transparent;
  padding: 9px 15px 9px !important;
  border-radius: 0 8px 0 8px !important;
  /* margin-bottom: -22px; */
  z-index: 2;
  text-align: right;
  float: right;
  color: #7d7d7d;
  width: auto;
  position: absolute;
  right: 3px;
  top: 3px;
}

.modal-footer .left {
  margin-right: auto;
}

.takedown-status-alert {
  font-size: 0.9em;
  margin-bottom: 0;
}

.isp-statuses small {
  opacity: 0.5;
}

.content-container.in-notes-tab {
  height: initial;
  /*height: calc(100vh - 340px);*/
}

#takedown-notes {
  position: relative;
  min-height: 240px;
}

.in-notes-tab .chat-module {
  min-height: auto;
  padding: 0 !important;
}

#takedown-notes {
  top: 0;
  height: 100%;
}

#takedown-notes:after {
  pointer-events: none;
  content: 'No notes for this request';
  border-radius: 0.5rem;
  display: flex;
  background: #EEF2F5;
  justify-content: center;
  align-items: center;
  font-size: .875rem;
  font-weight: 500;
  color: rgba(108, 117, 125, 0.5);
  display: none;
  text-align: center;
  padding: 100px 25px;
  /* padding-top: 50%; */
}


#takedown-notes:empty:after {
  display: block;
}

#takedown-screenshots:after {
  content: "";
  display: block;
  width: 100%;
  clear: both;
  overflow: hidden;
}

.takedown-image {
  border-radius: 0.5rem;
  background: #fff;
  /*border: 1px dashed #E9EEF2;*/
  padding: 5px;
  margin-right: 8.4px;
  margin-top: 8.4px;
  display: block;
  float: left;
  width: 110px;
  height: 110px;
  transition: all 0.2s;
  box-shadow: 0 0.1875rem 0.375rem rgba(33, 37, 41, 0.05);
  position: relative;
}

.custom-delete {
  position: absolute;
  right: -5px;
  top: -5px;
  z-index: 2;
  background: #dc3545;
  color: white;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  text-align: center;
  opacity: 0;
  transition: all 0.2s;
  transform: scale(0.7);
  cursor: pointer;
}

.custom-delete i {
  font-size: 20px;
  margin-top: 2px;
}

.takedown-image:hover {
  transform: scale(1.05);
}

.custom-delete:hover {
    color: white;
    transform: scale(1.15) !important;
}

.takedown-image:hover .custom-delete {
    transform: scale(1);
    opacity: 1;
}

#takedown-notes .custom-delete {
  top: 30px;
  right: 5px;
}

#takedown-notes .chat-item {
  position: relative;
}

#takedown-notes .chat-item:hover .custom-delete {
  transform: scale(1);
  opacity: 1;
}

.takedown-image.loading {
  background: #eef2f5;
}

.takedown-image.loading > div {
  margin-top: 20px;
}

.takedown-image img {
  width: 100px;
  border-radius: 0.5rem;
}

.new-screenshot-uploader {
    text-align: center;
    cursor: pointer;
    background: white;
    border: none;
}

.new-screenshot-uploader:hover {
  /*background: #007bff;
  color: white;
  border: none;*/
}

.new-screenshot-uploader .material-icons {
  margin-top: 30px;
  font-size: 40px;
  /*opacity: 0.7;*/
  display: block;
}

#modal-data .modal-body > .lds-ellipsis {
  margin: 80px auto;
}

#modal-data button i {
  font-size: inherit;
  position: relative;
  top: 2px;
  margin-right: 3px;
}

.filter-dropdown {
  margin-right: 15px;
}

.filter-dropdown span {
  font-size: 0.8em;
}

.dropdown-divider-text {
  color: #6c757d;
  padding: 0.25rem 0.5rem;
}

.card-title h6 {
  transition: all .2s;
  word-break: break-all;
}

.card-title a:hover h6 {
  text-decoration: underline;
  /*font-weight: bold;*/
}

.dropdown.navbar-settings {
  float: right;
  margin-left: 10px;
}

.card.keyword .card-body {
  padding: 0.8rem 0.5rem;
}

.btn-danger.btn-round {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-danger.btn-round i {
  color: white;
}

.card.keyword .remove-bar {
  opacity: 0;
  transition: all .2s;
  transition-delay: 0s;
}

.card.keyword:hover .remove-bar {
  opacity: 1;
  transition-delay: 0.5s;
}

p.keyword-exp {
  font-size: 0.85em;
}

.keyword-icon {
  float: left;
  margin-top: 2px;
}

#keywords-tab h6, #users-tab h6, #clients-tab h6, #login-history-tab h6 {
  margin-bottom: 0.3rem;
}

.narrow-loading .card-body {
  padding: 0.3rem;
}

.badge-filtered {
  font-size: 0.6em;
  position: absolute !important;
  right: -2px !important;
  top: -5px !important;
}

.badge-registry {
  position: relative;
  top: -5px;
  left: -5px;
  padding: 4px 8px;
}

.domain-media-body {
  margin-top: -5px;
}

.card.keyword.client-card {
  overflow: hidden;
}

.card.keyword.client-card .card-body {
  padding: 1.4rem 0.5rem 1.2em;
}

.takedown-credit:first-child hr {
  display: none;
}

.user-details {
  padding: 8px 7px 10px;
  border-bottom: 1px solid #e1e8ec;
  margin-bottom: 13px;
  color: #4e4e4e;
  font-size: 12px;
}

.user-details strong {
  display: block;
  font-size: 16px;
}

#system-status {
  padding: 15px 0;
  text-align: center;
  display: block;
  width: 100%;
}

#system-status i {
  font-size: 1em;
  display: inline-block;
  margin: 0 auto;
  cursor: pointer;
}

.blinking {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

#in-page-results .card-list > .lds-ellipsis {
  margin: 100px auto;
}

.dashboard-card h3 {
  font-weight: bold;
  margin: 12px 0 4px;
  height: 35px;
}

@keyframes placeHolderShimmer{
  0%{
      background-position: -468px 0
  }
  100%{
      background-position: 468px 0
  }
}

.gradient {
  animation-duration: 1.8s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  /* background: #f6f7f8; */
  background: linear-gradient(to right, #fff 8%, #f4f4f4 38%, #fff 84%);
  background-size: 100% 100%;
  position: relative;
}

.dashboard-card h3.placeholder {
  display: block;
  width: 250px;
  height: 35px;
  /* background: #b6babe; */
  opacity: 0.5;
  border-radius: 4px;
}

.dashboard-card .avatar {
/*  margin-right: -0px;
  position: relative;
  z-index: -1;*/
}

.dashboard-card h6 {
  margin-bottom: -15px;
}

.cyber-time {
  white-space: nowrap;
}

.cyber-summary {
  display: block;
  margin-top: 5px;
  max-width: 100%;
  white-space: nowrap; 
  overflow: hidden;
  text-overflow: ellipsis;
}

.cyber-intelligence-link, .cyber-intelligence-link:hover {
  color: inherit;
}

.cyber-item {

}

.cyber-item:hover {
 color: #495057;
 text-decoration: none;
 background-color: #f8f9fa;
}

.cyber-item.selected {
  color: #6c757d;
  background-color: #e9ecef;
}

.cyber-item h6 {
  margin-bottom: 0;
}

a.takedown-days {
  margin-right: 10px;
  color: inherit;
}

a.takedown-days:hover {
  color: #212529;
}

a.takedown-days.active {
  font-weight: bold;
  color: #212529;
}

.logins-table  {
  font-size: 0.85em;
  margin-top: 20px;
  border-top: none;
}

.logins-table thead th {
  font-size: 1.1em;
}

.logins-table th {
  border-top: none;
}

.page-link {
  padding: 0.2rem 0.75rem;
  background: #EEF2F5;
  color: #212529;
}

.page-link:focus {
  box-shadow: none;
}

.page-item.active .page-link {
  background: #dfe0e2;
  color: #212529;
  /* border: none; */
  border: 1px solid #c6c9cc;
}

.page-link:hover {
  z-index: initial;
  color: #212529;
  background: #e7e7e8;
}


li.page-item {
    display: none;
}

.page-item:first-child,
.page-item:nth-child( 2 ),
.page-item:nth-child( 3 ),
.page-item:nth-last-child( 2 ),
.page-item:nth-last-child( 3 ),
.page-item:last-child,
.page-item.active,
.page-item.disabled {

    display: block;
}

.online-badge {
 background: #28a745;
 width: 6px;
 height: 6px;
 display: inline-block;
 border-radius: 50%;
 position: relative;
 top: -4px;
}

.fullscreen {
  background: #0e74ac;
  background-size: cover;
  min-height: 100vh;
  min-height: 100dvh;
}

.fullscreen.anti-phishing {
  background-image: url('/assets/img/login-anti-phishing.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.fullscreen.anti-piracy {
  background-image: url('/assets/img/login-anti-piracy.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.fullscreen ul {
  text-align: left;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.fullscreen ul li {
  text-decoration: none;
  list-style: none;
  width: 50%;
  float: left;
  text-align: center;
  font-size: 0.8em;
}

.fullscreen ul li a {
  color: white;
  background: #104263;
  display: block;
  padding: 20px;
  border-radius: 0 20px 0 20px;
}

.fullscreen ul li:first-child a {
  border-radius: 20px 0 20px 0;
}

.fullscreen ul li a.active {
  color: #104263;
  background: white;
}

.fullscreen h1.h2 {
  color: white;
  font-weight: bold;
  margin-top: 45px;
  margin-bottom: 40px;
  font-size: 1.7em;
}

.fullscreen form {
  background: white;
  border-radius: 20px;
}

.fullscreen form h5 {
  text-align: left;
  font-weight: bold;
  color: #1f2e37;
  margin-bottom: 30px;
}

.fullscreen form .inner-form {
  padding: 30px 40px 40px;
}

.fullscreen form .inner-form h5 {
  margin-top: 30px;
  margin-bottom: 20px;
}

.fullscreen form .inner-form > span {
  text-align: left !important;
  display: block;
  margin-top: -10px;
  margin-bottom: 25px;
  color: #1f2e37;
  font-size: 0.9em;
}

.fullscreen form .inner-form input {
  border: none;
  border-radius: 0;
  border-bottom: 1px solid #8cbad5;
}

.fullscreen form .btn, .fullscreen form .btn:active, .fullscreen form .btn:focus {
  background: #e2cd3e !important;
  color: #1f2e37 !important;
  border: none  !important;
  padding: 8px !important;
  margin-top: 30px !important;
  border-radius: 25px !important;
  font-weight: bold;
  font-size: 1em;
}

.fullscreen input {
  background-repeat: no-repeat;
  background-position: center left;
  padding: 10px 34px;
  margin-bottom: 25px;
}

.fullscreen .form-group a, .fullscreen .text-left > small {
  color: #1f2e37;
}

.fullscreen input::placeholder {
  color: #1f2e37;
}

.fullscreen #email-address {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20px' height='22px'%3E%3Cpath fill-rule='evenodd' fill='rgb(25, 117, 171)' d='M19.810,18.309 C19.431,16.491 18.561,14.802 17.313,13.432 C17.004,13.092 16.474,13.078 16.150,13.402 L16.150,13.402 C15.847,13.705 15.833,14.193 16.122,14.508 C17.162,15.643 17.914,17.054 18.243,18.635 C18.295,18.884 18.233,19.140 18.073,19.336 C17.981,19.449 17.775,19.640 17.433,19.640 L16.221,19.640 L16.221,19.640 L2.567,19.640 C2.225,19.640 2.019,19.449 1.927,19.336 C1.767,19.140 1.705,18.884 1.757,18.635 C2.588,14.645 6.110,11.730 10.176,11.636 C10.244,11.638 10.312,11.640 10.380,11.640 C10.449,11.640 10.517,11.638 10.586,11.636 C11.580,11.658 12.551,11.845 13.476,12.192 C13.889,12.348 14.351,12.138 14.506,11.725 C14.661,11.311 14.452,10.850 14.038,10.694 C13.906,10.645 13.772,10.598 13.638,10.554 C14.963,9.561 15.821,7.979 15.821,6.200 C15.821,3.200 13.380,0.760 10.380,0.760 C7.380,0.760 4.939,3.200 4.939,6.200 C4.939,7.980 5.799,9.564 7.125,10.557 C5.910,10.957 4.770,11.579 3.772,12.399 C1.943,13.904 0.671,16.003 0.191,18.309 C0.040,19.032 0.220,19.774 0.685,20.345 C1.148,20.914 1.833,21.240 2.567,21.240 L10.380,21.240 L16.221,21.240 L17.433,21.240 C18.167,21.240 18.853,20.914 19.315,20.345 C19.780,19.774 19.960,19.032 19.810,18.309 ZM6.540,6.200 C6.540,4.083 8.262,2.360 10.380,2.360 C12.498,2.360 14.221,4.083 14.221,6.200 C14.221,8.255 12.598,9.938 10.567,10.035 C10.505,10.034 10.442,10.033 10.380,10.033 C10.318,10.033 10.255,10.034 10.193,10.035 C8.162,9.937 6.540,8.254 6.540,6.200 Z'/%3E%3C/svg%3E") !important;
}

.fullscreen #password {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='18px' height='22px'%3E%3Cpath fill-rule='evenodd' fill='rgb(25, 117, 171)' d='M3.720,14.600 C3.720,14.158 4.078,13.800 4.520,13.800 C4.962,13.800 5.320,14.158 5.320,14.600 C5.320,15.042 4.962,15.400 4.520,15.400 C4.078,15.400 3.720,15.042 3.720,14.600 ZM6.720,14.600 C6.720,14.158 7.078,13.800 7.520,13.800 C7.962,13.800 8.320,14.158 8.320,14.600 C8.320,15.042 7.962,15.400 7.520,15.400 C7.078,15.400 6.720,15.042 6.720,14.600 ZM9.720,14.600 C9.720,14.158 10.078,13.800 10.520,13.800 C10.962,13.800 11.320,14.158 11.320,14.600 C11.320,15.042 10.962,15.400 10.520,15.400 C10.078,15.400 9.720,15.042 9.720,14.600 ZM12.760,14.600 C12.760,14.158 13.118,13.800 13.560,13.800 C14.002,13.800 14.360,14.158 14.360,14.600 C14.360,15.042 14.002,15.400 13.560,15.400 C13.118,15.400 12.760,15.042 12.760,14.600 ZM17.160,15.240 C16.718,15.240 16.360,14.882 16.360,14.440 L16.360,11.480 C16.360,10.598 15.642,9.880 14.760,9.880 L3.240,9.880 C2.358,9.880 1.640,10.598 1.640,11.480 L1.640,18.040 C1.640,18.922 2.358,19.640 3.240,19.640 L14.760,19.640 C15.642,19.640 16.360,18.922 16.360,18.040 C16.360,17.598 16.718,17.240 17.160,17.240 C17.602,17.240 17.960,17.598 17.960,18.040 C17.960,19.804 16.525,21.240 14.760,21.240 L3.240,21.240 C1.476,21.240 0.040,19.804 0.040,18.040 L0.040,11.480 C0.040,9.716 1.476,8.280 3.240,8.280 L4.199,8.280 L4.199,5.459 C4.199,2.868 6.352,0.760 8.999,0.760 C11.645,0.760 13.799,2.868 13.799,5.459 L13.799,8.280 L14.760,8.280 C16.525,8.280 17.960,9.716 17.960,11.480 L17.960,14.440 C17.960,14.882 17.602,15.240 17.160,15.240 ZM12.199,5.459 C12.199,3.750 10.763,2.360 8.999,2.360 C7.234,2.360 5.799,3.750 5.799,5.459 L5.799,8.280 L12.199,8.280 L12.199,5.459 Z'/%3E%3C/svg%3E") !important;
}

.login-logo {
  margin-top: 70px;
  width: 113px;
}


.download-as-excel {
  color: inherit;
  
}


.monitor-card {
  max-width: 25% !important;
}


/* Shimmer overlay for cards during ajaxable loads */
.card.shimmer {
  position: relative;
  overflow: hidden;
}
.card.shimmer::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(244,244,244,0.85) 50%, rgba(255,255,255,0) 100%);
  animation: placeHolderShimmer 1.6s linear infinite;
  pointer-events: none;
}


@media (max-width: 577px) {

  .navbar-settings-wrapper {
    float: right;
    display: block;
    width: 100%;
    margin-top: 10px;
  }

  .card-task .card-body {
    overflow: hidden;
  }
  
  .kanban-board {
    display: block;
  }
  .monitor-card {
    max-width: 100% !important;
    width: 100% !important;
    padding-right: 0 !important;
  }
}

.see-takedown-details {
  color: inherit;
  font-weight: bold;
  text-decoration: underline;
}

.see-takedown-details:hover {
  color: inherit;
}

.detection-card {
  display: inline-block;
  margin-left: 5px;
}

.detection-card .btn-options {
  color: #17a2b8;
}

.detection-card .btn-options span {
  font-size: 0.7em;
}

.hidden-detection-group {
  display: none;
}

/* Dropdown submenu styles */
.dropdown-submenu {
  position: relative;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
}

.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}

.dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #ccc;
  margin-top: 5px;
  margin-right: -10px;
}

.dropdown-submenu:hover > a:after {
  border-left-color: #fff;
}

.ai-button .ai-icon {
  font-size: 16px;
  margin-left: 4px;
  background: url('/assets/img/ai.svg') no-repeat center center;
  background-size: 100%;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
}

.ai-score-badge {
  /* opacity: .38; */
  font-size: 12px;
  padding: 2px 4px;
  border-radius: 4px;
  text-decoration: none;
  margin-left: 7px;
}

.ai-score-badge .ai-icon {
  font-size: 16px;
  /* margin-right: 2px; */
  background: url('/assets/img/ai.svg') no-repeat center center;
  background-size: 100%;
  width: 14px;
  height: 14px; 
  display: inline-block;
  vertical-align: middle;
  margin-top: -3px;
}

/* Ports + IP display in port card */
.card-task .ip-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.card-task .ports-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.card-task .port-chip {
  background: #f2f2f2;
  color: #212529;
  border-radius: 14px;
  padding: 2px 8px;
  font-size: 11px;
  line-height: 1.6;
}
.card-task .port-chip.new {
  background: #28a745;
  color: #fff;
}

/* Slightly rounded tooltip for port chips */
.tooltip.port-tooltip .tooltip-inner {
  border-radius: 6px !important;
}

/*
 * Bootstrap 5 tooltip arrow compatibility for legacy theme.css
 * (theme.css still carries Bootstrap 4 arrow selectors).
 */
.tooltip .tooltip-arrow {
  position: absolute;
  display: block;
  width: 0.5rem;
  height: 0.25rem;
}

.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.tooltip[data-popper-placement^="top"] {
  padding: 0.25rem 0;
}

.tooltip[data-popper-placement^="top"] .tooltip-arrow {
  bottom: 0;
}

.tooltip[data-popper-placement^="top"] .tooltip-arrow::before {
  top: 0;
  border-width: 0.25rem 0.25rem 0;
  border-top-color: #495057;
}

.tooltip[data-popper-placement^="right"] {
  padding: 0 0.25rem;
}

.tooltip[data-popper-placement^="right"] .tooltip-arrow {
  left: 0;
  width: 0.25rem;
  height: 0.5rem;
}

.tooltip[data-popper-placement^="right"] .tooltip-arrow::before {
  right: 0;
  border-width: 0.25rem 0.25rem 0.25rem 0;
  border-right-color: #495057;
}

.tooltip[data-popper-placement^="bottom"] {
  padding: 0.25rem 0;
}

.tooltip[data-popper-placement^="bottom"] .tooltip-arrow {
  top: 0;
}

.tooltip[data-popper-placement^="bottom"] .tooltip-arrow::before {
  bottom: 0;
  border-width: 0 0.25rem 0.25rem;
  border-bottom-color: #495057;
}

.tooltip[data-popper-placement^="left"] {
  padding: 0 0.25rem;
}

.tooltip[data-popper-placement^="left"] .tooltip-arrow {
  right: 0;
  width: 0.25rem;
  height: 0.5rem;
}

.tooltip[data-popper-placement^="left"] .tooltip-arrow::before {
  left: 0;
  border-width: 0.25rem 0 0.25rem 0.25rem;
  border-left-color: #495057;
}