:root {
  --critical: #cc2b2b;
  --high: #fe5544;
  --medium: #f5824c;
  --low: #b78f00;
  --positive: #0e7d44;
  --info: #5a86e4;
  /* --primary: #4576df; */
  --primary: #006dd2;
  --green: #009447;
  --black: #161718;
  --gray: #5a5d65;
  --darkGray: #989ca5;
  --lightGray: #d4d8e1;
  --high-color: #fe5544;
  --medium-color: #ff9021;
  --low-color: #ffc310;
  --positive-color: #00aa5d;
  --informational-color: #437eeb;
  --red-color: #c9595a;
  --coral-color: #ff5959;
  --mustard-color: #d7811c;
  --yellow-color: #b78f00;
  --darkred-color: #b30000;
  --darkblue-color: #006dd2;
  --lightGreen: #97d05e;
  --orange-color: #f68536;
  --orange2-color: #f6821f;
  --orange3-color: #ff9900;
  --green2-color: #7a9a51;
  --red2-color: #e25444;
  --darkblue2-color: #1f5b98;
  --darkblue3-color: #28385b;
  --darkblue4-color: #003a70;
  --darkblue5-color: #0470e6;
  --lightbrown-color: #a47e52;
  --darkbrown-color: #76401a;
  --lightmustard-color: #ffc899;
  --pink-color: #e1174c;
  --darkpink-color: #822779;
  --lightpink-color: #ff7499;
  --lightblue-color: #85d1f4;
  --skyblue-color: #4285f4;
  --skyblue2-color: #00a8e0;
  --purple-color: #512bd4;
  --darkpurple-color: #00188f;
}

#sidebar {
  min-width: 230px;
  max-width: 230px;
  min-width: 225px;
  max-width: 225px;
  background: #000;
  transition: all 0.3s;
  position: fixed;
  height: 100%;
  z-index: 1045;
}

body {
  font-family: 'Poppins', 'sans-serif!important';
  font-size: 1.4rem;
}

a,
a:hover,
a:focus {
  text-decoration: none;
  transition: all 0.3s;
  border-radius: 0.4rem;
  font-weight: 400;
  white-space: nowrap;
  color: #4576df;
  cursor: pointer;
}

h4 {
  font-size: 1.8rem;
}

h5 {
  font-size: 1.4rem;
}

h6 {
  font-size: 1.2rem;
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.btn-disable,
button[disabled],
html input[disabled] {
  cursor: no-drop !important;
  background-color: #d4d8e1 !important;
  color: #989ca5 !important;
  border: none;
}

b,
strong,
th,
label {
  font-weight: normal !important;
}

label {
  margin-bottom: 1rem;
  font-size: 1.4rem;
  font-weight: 400;
  color: #5a5d65;
  display: block;
}

.vue-tags-input {
  height: 3.6rem !important;
}

.table {
  margin-bottom: 0;
}

.disabled_class {
  background: grey !important;
  cursor: not-allowed !important;
}

.disabled_class_del {
  cursor: not-allowed !important;
}

.gray-text {
  color: #838383;
}

.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
  background-color: transparent !important;
  border-color: none !important;
}

.flex-justify-center-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

.secure-state {
  background-color: #25a01c;
  text-transform: capitalize;
}

.top-margin {
  margin-top: 1rem;
}

.table {
  margin-bottom: 0 !important;
}

table tr td img {
  cursor: pointer;
}

rect {
  fill: transparent !important;
}

button {
  outline: none;
}

.form-control:focus {
  border-color: #66afe9 !important;
  outline: 0 !important;
  -webkit-box-shadow:
    inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(102, 175, 233, 0.6) !important;
  box-shadow:
    inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(102, 175, 233, 0.6) !important;
}

.edit-modal {
  cursor: pointer;
}

table tr td,
table tr th {
  vertical-align: middle !important;
}

table.dataTable thead th {
  border-bottom: none;
}

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  background-color: #ddd;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: #1c5abe;
}

#saveToast,
#errorToast,
#delToast,
#editToast {
  visibility: hidden;
  min-width: 250px;
  margin-left: -125px;
  background-color: #fff;
  text-align: center;
  border-radius: 30px;
  padding: 10px 20px;
  position: fixed;
  z-index: 1;
  left: 50%;
  bottom: 30px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);
}

#saveToast i,
#errorToast i,
#delToast i,
#editToast i {
  margin-right: 5px;
}

#saveToast,
#editToast {
  color: green;
}

#errorToast,
#delToast {
  color: #bc3125;
}

#saveToast.showtoast,
#errorToast.showtoast,
#delToast.showtoast,
#editToast.showtoast {
  visibility: visible;
  -webkit-animation:
    fadein 0.5s,
    fadeout 0.5s 2.5s;
  animation:
    fadein 0.5s,
    fadeout 0.5s 2.5s;
}

@-webkit-keyframes fadein {
  from {
    bottom: 0;
    opacity: 0;
  }

  to {
    bottom: 30px;
    opacity: 1;
  }
}

@keyframes fadein {
  from {
    bottom: 0;
    opacity: 0;
  }

  to {
    bottom: 30px;
    opacity: 1;
  }
}

@-webkit-keyframes fadeout {
  from {
    bottom: 30px;
    opacity: 1;
  }

  to {
    bottom: 0;
    opacity: 0;
  }
}

@keyframes fadeout {
  from {
    bottom: 30px;
    opacity: 1;
  }

  to {
    bottom: 0;
    opacity: 0;
  }
}

.company-name {
  float: right;
  margin: 1.2rem 1.5rem 1.2rem 0;
  font-size: 1.4rem;
}

.form-error-msg {
  color: red;
  font-size: 12px;
  padding: 0px 8px 15px;
}

.form-error-msg span {
  margin-right: 5px;
  margin-right: 5px;
  display: inline-block !important;
}

.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.multiselect {
  width: 100%;
  font-size: 15px;
  border-radius: 3px;
  border: 1px solid #ccc;
  transition: 0.2s;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.multiselect .title {
  color: #838383 !important;
  background-color: transparent !important;
  border-right: 0;
  color: #838383 !important;
}

.multiselect .title:before {
  content: none;
}

.multiselect .title:after {
  content: none;
}

.multiselect:hover {
  border: 1px solid rgba(0, 0, 0, 0.3);
}

.multiselect.active {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 1px solid transparent;
}

.multiselect > .title {
  cursor: pointer;
  height: 31px;
  padding: 6px 12px;
}

.multiselect > .title > .text {
  max-width: 130px;
  max-height: 25px;
  display: block;
  float: left;
  overflow: hidden;
  line-height: 1.3em;
}

.multiselect > .title > .expand-icon,
.multiselect > .title > .close-icon {
  float: right;
  border-radius: 50%;
  padding: 0 4px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  transition: 0.2s;
  display: none;
}

.multiselect.selection > .title > .expand-icon {
  display: none;
}

.multiselect > .title > .expand-icon,
.multiselect.selection > .title > .close-icon {
  display: block;
}

.multiselect > .title > .close-icon:hover {
  border: 1px solid rgba(0, 0, 0, 0.3);
  background: #cb2020;
  color: #fff;
}

.multiselect > .options {
  margin-left: -1px;
  width: 100%;
  position: absolute;
  background: #fff;
}

.multiselect.active > .options {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top: 0;
}

.multiselect:hover > .options {
  border-top-color: rgba(0, 0, 0, 0.3);
}

.multiselect.active:hover > .options {
  border-color: rgba(0, 0, 0, 0.3);
}

.multiselect > .options > option {
  display: none;
  cursor: pointer;
  transition: 0.2s;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  font-size: 12px;
  padding: 5px 12px;
}

.multiselect > .options > option.selected {
  background: #ccc;
  color: #000;
}

.multiselect > .options > option:hover {
  background: rgba(0, 0, 0, 0.1);
  color: #000;
}

.multiselect.active > .options > option {
  display: block;
}

.multiselect__tags .multiselect__tags-wrap {
  display: flex;
  flex-wrap: wrap;
}

.modal-dialog .multiselect__tags {
  padding: 4px 40px 4px 8px;
}

.modal-dialog .multiselect__tags .multiselect__placeholder {
  margin-bottom: 7px;
  padding-top: 5px;
  font-size: 11px;
}

.modal-dialog .multiselect__tags .multiselect__input:focus,
.modal-dialog .multiselect__tags .multiselect__single:focus {
  margin-bottom: 7px;
  padding-top: 5px;
}

.modal-dialog .multiselect__tags .multiselect__tags-wrap span.multiselect__tag {
  overflow: visible;
  background: #fff;
  border-radius: 19px;
  color: rgb(28 90 190 / 80%);
  cursor: initial;
  display: inline-flex !important;
  justify-content: 'center';
  align-items: center;
  margin: 2px 10px 2px 0;
  padding: 4px 10px;
  border: 1px solid #1c5abe;
  font-size: 11px;
}

.modal-dialog
  .multiselect__tags
  .multiselect__tags-wrap
  span.multiselect__tag
  .multiselect__tag-icon {
  position: static;
  margin-left: 2px;
  line-height: 14px;
  width: 14px;
  background: transparent;
}

.modal-dialog
  .multiselect__tags
  .multiselect__tags-wrap
  span.multiselect__tag
  .multiselect__tag-icon:hover {
  color: #000;
}

.modal-dialog
  .multiselect__tags
  .multiselect__tags-wrap
  span.multiselect__tag
  .multiselect__tag-icon:hover:after {
  color: #000;
}

.multiselect__content-wrapper
  .multiselect__content
  .multiselect__element
  .multiselect__option {
  border-bottom: 1px solid #e4e4e4;
  padding: 7px 12px;
  min-height: 31px;
  line-height: 17px;
  font-size: 12px;
}

.multiselect__content-wrapper
  .multiselect__content
  .multiselect__element
  .multiselect__option--highlight {
  cursor: initial;
  background: #fff;
  color: #35495e;
}

.multiselect__content-wrapper
  .multiselect__content
  .multiselect__element
  .multiselect__option--highlight:after {
  content: none;
}

.multiselect__content-wrapper
  .multiselect__content
  .multiselect__element
  .multiselect__option.multiselect__option--selected {
  color: #e4e4e4;
  cursor: initial;
  pointer-events: none;
  background: #fff;
}

.multiselect__content-wrapper
  .multiselect__content
  .multiselect__element
  .multiselect__option.multiselect__option--selected:after {
  content: none;
}

.safe-browsing-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  margin: 14px 0;
}

.highcharts-credits {
  display: none !important;
}

.responsive-img {
  width: 100%;
}

.safe-browsing-wrapper .google-webrisk-sec,
.safe-browsing-wrapper .yandex-webrisk-sec {
  height: 140px;
  text-align: center;
}

.google-webrisk-sec .name {
  margin-bottom: 6px;
  color: #000;
}

.google-webrisk-sec img.google-img {
  height: 69px;
}

.google-webrisk-sec .lower-text {
  font-size: 14px;
  margin-top: 9px;
}

.webrisk-safe {
  color: #25a01c;
}

.webrisk-unsafe {
  color: #bc0707;
}

.yandex-webrisk-sec .name {
  margin-bottom: 0;
  color: #000;
}

.yandex-webrisk-sec img {
  height: 80px;
}

.yandex-webrisk-sec .lower-text {
  margin-top: 2px;
}

#overlayer {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.6);
}

.loader-wrapper {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -16%);
}

.loader {
  width: 100px;
  height: 100px;
  border-radius: 100%;
  position: relative;
  margin: 0 auto;
}

#loader-1:before,
#loader-1:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: 10px solid #fff;
  border-top-color: #3498db;
}

#loader-1:before {
  z-index: 100;
  animation: spin 1s infinite;
}

#loader-1:after {
  border: 10px solid #ccc;
}

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

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

.heading {
  color: #000;
}

.no-image {
  max-width: 47%;
  margin: 0 auto;
  display: block;
}

.small-img-height {
  height: 14px;
}

.notify-img-height {
  height: 22px;
}

.new-modal-dialog ::-webkit-scrollbar {
  width: 6px;
}

.new-modal-dialog ::-webkit-scrollbar-track {
  box-shadow: none;
  border-radius: 7px;
}

.new-modal-dialog ::-webkit-scrollbar-thumb {
  background: #1c5abe;
  border-radius: 7px;
}

.pd0 {
  padding: 0 0 !important;
}

.pdr0 {
  padding-right: 0 !important;
}

.mt0 {
  margin-top: 0 !important;
}

.mb0 {
  margin-bottom: 0 !important;
}

.mb25 {
  margin-bottom: 25px;
}

.mb10 {
  margin-bottom: 0 !important;
}

.mt40 {
  margin-top: 40px;
}

.mt70 {
  margin-top: 70px;
}

.mt15 {
  margin-top: 15px;
}

.mt25 {
  margin-top: 25px;
}

.mb15 {
  margin-bottom: 15px;
}

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

.pd8 {
  padding: 0 8px 8px !important;
}

p {
  font:
    300 1.1em/1.7em 'Poppins',
    sans-serif;
  color: #838383;
}

.page-heading {
  color: var(--black);
  margin: 2rem 0;
}

.dropdown-menu > li > a {
  font-size: 12px;
}

.admin-panel-dropdown .btn {
  border: 1px solid #2064be;
  background-color: #fff;
  border-radius: 2px;
  font-size: 12px;
  color: #2064be;
  display: flex;
  align-items: center;
  margin-left: 10px;
}

.admin-panel-dropdown .btn:hover,
.admin-panel-dropdown .btn:active,
.admin-panel-dropdown .btn:focus {
  border: 1px solid #2064be !important;
  color: #2064be !important;
  background-color: #fff !important;
}

.admin-page-breadcrumb {
  margin: 15px 0 0;
}

.share-link .admin-portion {
  display: flex;
  align-items: center;
}

.admin-org-dropdown > li > a {
  font-weight: 400 !important;
  clear: both;
  font-weight: 400 !important;
  line-height: 1.42857143;
  color: #333 !important;
  white-space: nowrap;
}

.admin-heading-wrapper h4 {
  display: inline-block;
  text-transform: uppercase;
  font-size: 16px;
  padding: 15px 0;
  margin-bottom: 0;
  margin-top: 2px;
}

.admin-header {
  box-shadow: 0 8px 6px -3px rgba(0, 0, 0, 0.1) !important;
  margin-bottom: 10px !important;
  padding: 0 18px;
}

.scorecard-table-btn {
  padding: 1px 8px 8px !important;
  background-color: #1c5abe !important;
  font-size: 11px !important;
  border-color: #1c5abe !important;
}

.edit-scorecard-label {
  font-size: 10px;
}

.scorecard-table-btn span {
  margin-right: 3px;
}

.email-breach-card {
  min-height: 285px;
  box-shadow: 0 4px 15px rgb(0 0 0 / 10%);
  padding: 25px 15px;
  border-radius: 10px;
  display: inline-block;
  margin: 0 15px 50px;
  width: 46%;
}

.center-box-wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.center-inner-box {
  flex: 1 !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  margin: 0 1.5rem 5rem;
  border-radius: 1rem;
  background-color: #fff;
}

.center-box hr {
  border-top: 1px solid #f3f3f3;
}

.riskscore-infobox {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.riskscore-infobox .left,
.riskscore-infobox .right {
  display: flex;
  align-items: center;
}

.riskscore-infobox .left .heading {
  margin-left: 10px;
}

.riskscore-infobox .right .comp-main-info {
  text-align: left;
  margin-left: 10px;
}

.riskscore-infobox .right .comp-main-info a {
  font-size: 12px;
  text-decoration: underline;
}

.comp-detail-text {
  font-size: 1.2rem;
  margin-bottom: 2rem;
  color: #262626;
  font-weight: 400;
  line-height: 1.7;
}

.center-box {
  box-shadow: 0 0.4rem 1.5rem rgba(0, 0, 0, 0.1);
  padding: 2.5rem 1.5rem;
  border-radius: 1rem;
  display: inline-block;
  width: 100%;
}

.comp-wrapper-icon .comp-icon {
  width: 6rem;
  height: 6rem;
  margin: auto;
  line-height: 6rem;
  font-size: 2.4rem;
  background-color: rgba(225, 161, 44, 0.3);
  color: #e1a12c;
  border-radius: 50%;
  text-align: center;
}

.center-box .heading {
  font-size: 1.3rem;
}

.comp-info-wrapper {
  display: flex;
  margin-bottom: 20px;
}

.comp-info-wrapper .left {
  margin-right: 10px;
  width: 25px;
  height: 25px;
  text-align: center;
  border-radius: 50%;
  background-color: rgba(242, 114, 34, 0.3);
  line-height: 25px;
  font-size: 12px;
  color: #f27222;
}

.comp-info-wrapper .right .first {
  font-size: 12px;
  color: #000;
  margin-bottom: 5px;
}

.comp-info-wrapper .right .second {
  font-size: 12px;
  color: #838383;
}

.center-box h4 {
  margin-top: 0;
  font-size: 14px;
  text-transform: uppercase;
}

.center-box ul {
  padding-left: 0;
}

.center-box ul li {
  list-style: none;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  font-size: 12px;
}

.center-box ul li span {
  margin-left: 10px;
  font-weight: 400;
}

.center-box ul li h5 {
  font-size: 12px;
  margin-bottom: 0;
}

.risk-profile-total-score {
  display: flex;
  align-items: center;
  margin-top: 15px;
  justify-content: space-between;
}

.risk-score {
  width: 6rem;
  height: 6rem;
  margin: auto;
  line-height: 6rem;
  text-align: center;
  border-radius: 50%;
  font-size: 3rem;
}

.risk-score-red {
  color: #bc0707;
  background-color: rgba(188, 7, 7, 0.3);
}

.risk-score-green {
  color: #25a01c;
  background-color: rgba(37, 160, 28, 0.3);
}

.risk-score-yellow {
  color: #f8d74c;
  background-color: rgba(248, 215, 76, 0.3);
}

.risk-score-orange {
  color: #f27222;
  background-color: rgba(242, 114, 34, 0.3);
}

.risk-score-lightgreen {
  color: #79e279;
  background-color: rgba(121, 226, 121, 0.3);
}

.total-score-green {
  color: #25a01c;
}

.total-score-lightgreen {
  color: #79e279;
}

.total-score-orange {
  color: #f27222;
}

.total-score-yellow {
  color: #f8d74c;
}

.total-score-red {
  color: #bc0707;
}

.total-score-no {
  margin-left: 1rem;
  font-size: 3.5rem;
}

.total-score-no span {
  font-size: 1.4rem;
  color: #838383;
}

.center-box p {
  font-size: 12px;
  margin-top: 10px;
}

.export-btn .btn-primary {
  background-color: #1c5abe !important;
  padding: 3px 12px 4px !important;
  font-size: 13px;
}

.export-btn .btn-primary .caret {
  margin-left: 3px;
}

.export-dropdown-menu > li > a {
  color: #1c5abe !important;
}

.export-dropdown-menu > li > a i {
  font-size: 12px;
  margin-right: 3px;
}

.severity-tab-wrapper {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
  margin: 40px 0;
  border-radius: 10px;
  display: flex;
  width: 100%;
}

.severity-pills li {
  width: 100%;
  border-bottom: 1px solid #f4f5f7;
}

.nav-pills > li + li {
  margin-left: 0 !important;
}

.severity-pills li a {
  border-radius: 0 !important;
  padding: 1.5rem !important;
}

.severity-pills > li.active > a {
  background-color: #d0def578 !important;
  border-right: 3px solid #1c5abe;
}

.severity-pills > li > a:focus,
.severity-pills > li > a:hover {
  background-color: #d0def578 !important;
}

.severity-list-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.severity-list-info .first {
  display: flex;
  color: #000;
  font-size: 1.2rem;
}

.high-link {
  color: #dd8383 !important;
}

.medium-link {
  color: #f8b890;
}

.low-link {
  color: #ffe49a;
}

.positive-link {
  color: #92cf8d;
}

.info-link {
  color: #7fa6e0;
}

.severity-list-info .first span {
  margin-right: 10px;
}

.severity-list-info .second {
  color: #000;
  font-size: 1.4rem;
  font-weight: 500;
}

.severity-right-wrapper {
  display: block;
  width: 100%;
}

.desc-recom-wrapper {
  border-left: 1px solid #f4f5f7;
  height: 255px;
  overflow: auto;
}

.findings-wrapper {
  height: 255px;
  overflow: auto;
}

.severity-wrapper {
  padding: 0 10px;
}

.severity-wrapper .small-heading {
  font-size: 1.3rem;
  margin: 1.5rem 0;
  color: #000;
}

.severity-wrapper .desc {
  font-size: 1.2rem;
  color: #838383;
  line-height: 2.1rem;
}

.severity-wrapper ul.nav-pills li.active a,
.severity-wrapper ul.nav-pills li a:hover {
  background-color: transparent !important;
  color: #000 !important;
  padding: 0 !important;
}

.severity-wrapper ul.nav-pills li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 !important;
  color: #838383;
}

.report-table tr td a {
  border: 1px solid #1c5abe;
  color: #1c5abe;
  background-color: #fff;
  padding: 3px 10px;
  border-radius: 4px;
  text-transform: capitalize;
  font-size: 10px;
  display: block;
  text-align: center;
}

.reports-table {
  margin: 30px 0;
}

.main-report-wrapper {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
  padding: 20px;
  border-radius: 10px;
  position: relative;
}

.main-report-wrapper:hover .overlayReport {
  opacity: 0.3;
  background-color: #000;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 10px;
}

.main-report-wrapper .report-name {
  margin-top: 20px;
}

.main-report-wrapper .overlayReport {
  opacity: 0;
}

.main-report-wrapper .run-btn a {
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  background-color: #fff;
  border: 2px solid #1c5abe;
  font-size: 12px;
  padding: 6px 30px;
  border-radius: 30px;
  color: #1c5abe;
  box-sizing: border-box;
  opacity: 0;
  transition: 0.3s;
  cursor: pointer;
}

.main-report-wrapper:hover .run-btn a {
  transform: translate3d(-50%, -50%, 0);
  opacity: 1;
}

.comp-total-score {
  display: flex;
  border-right: 2px solid #e2e1e1;
}

.comp-details {
  text-align: center;
  margin: 30px 0;
}

.comp-details .comp-name {
  font-size: 23px;
}

.comp-details .comp-sector {
  text-transform: uppercase;
  margin-top: 6px;
  color: #1c5abe;
}

.comp-grade {
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  color: #fff;
  font-size: 26px;
  border-radius: 50%;
  margin: 0 5px;
  display: inline-block;
}

.comp-total-score .right {
  margin-left: 15px;
}

.comp-total-score .right .main-score {
  font-size: 30px;
  color: #25a01c;
}

.report-grade-wrapper {
  padding-top: 40px;
  display: flex;
}

.stats-wrap .inside-value {
  width: 86px;
  height: 86px;
  line-height: 86px;
  border-radius: 50%;
  background: #fff;
  text-align: center;
  position: absolute;
  z-index: 100;
  font-size: 25px;
  color: #4d4f5c;
  top: 7px;
  left: 7px;
}

.dns-wrapper {
  margin: 0px auto;
  width: 100px;
  height: 100px;
  background: rgba(121, 226, 121, 0.3);
  border-radius: 50%;
}

.dns-wrapper .circle {
  position: relative;
}

.dns-wrapper .circle .mask.full,
.dns-wrapper .circle .fill {
  animation: fill ease-in-out 3s;
  transform: rotate(120deg);
}

.dns-wrapper .circle .mask {
  clip: rect(0px, 100px, 100px, 49px);
}

.dns-wrapper .circle .mask,
.dns-wrapper .circle .fill {
  width: 100px;
  height: 100px;
  position: absolute;
  border-radius: 50%;
}

.dns-wrapper .circle .mask .fill {
  border: 6px solid #79e279;
}

.grade-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
  padding: 0 15px;
}

.grade-wrapper:last-child {
  margin-bottom: 0;
}

.grade-wrapper .left {
  text-transform: capitalize;
  margin-right: 10px;
  font-size: 13px;
}

.grade-wrapper .left .issues-count {
  margin-top: 5px;
  color: #838383;
  font-size: 12px;
}

.grade-wrapper .right {
  display: flex;
  align-items: center;
}

.grade-wrapper .right .grade-value {
  font-size: 14px;
}

.grade-circle-shape {
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  color: #fff;
  font-size: 11px;
  border-radius: 50%;
  margin: 0 5px;
}

.threats-left {
  background-color: #f2f6fd;
  border-top-left-radius: 13px;
  border-bottom-left-radius: 13px;
}

.comp-overall-grade {
  width: 32px;
  height: 32px;
  clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
  animation: 4s poly infinite alternate ease-in-out;
  margin: 0px 8px 0 15px;
  line-height: 32px;
  text-align: center;
  color: #fff;
  font-size: 17px;
}

.issues-found {
  text-align: center;
  margin-top: 5px;
}

.issues-found span {
  color: #1c5abe;
}

.activity-log-form {
  position: relative;
}

.activity-log-form i {
  top: 27px;
  position: absolute;
  left: 7px;
  height: 28px;
  line-height: 28px;
  width: 28px;
  text-align: center;
  color: #8e8a8a;
}

.activity-log-form input {
  background-color: #f3f4f8;
  border: 1px solid #eae6e6;
}

.activity-log-form select {
  background-color: #f3f4f8;
  border: 1px solid #eae6e6;
}

.activity-log-form .btn {
  background-color: #1c5abe !important;
  border: none !important;
  width: 100%;
}

.activity-log-form input[type='date'] {
  font-size: 12px;
}

.sentiment-slider {
  -webkit-appearance: none;
  width: 100%;
  height: 6px;
  outline: 0;
  margin: 0px 0 35px;
  z-index: 1;
  background-image: linear-gradient(to right, #ca0909, #0de40d);
}

.sentiment-slider::-webkit-slider-thumb {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 6px;
  background: #fff;
  border: 1px solid #f1f1f1;
  cursor: pointer;
  z-index: 9999;
}

.sentiment-slider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  background: #4caf50;
  cursor: pointer;
}

.sentiment-filter .neg {
  position: absolute;
  top: 12px;
  z-index: 1;
  font-size: 12px;
  color: #000;
}

.sentiment-filter .pos {
  position: absolute;
  top: 12px;
  right: 0;
  z-index: 1;
  font-size: 12px;
  color: #000;
}

.score-slider {
  -webkit-appearance: none;
  width: 100%;
  height: 6px;
  outline: 0;
  z-index: 1;
  background-color: #d3d3d3;
}

.score-slider::-webkit-slider-thumb {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  -webkit-appearance: none;
  appearance: none;
  width: 9px;
  height: 20px;
  background: #fff;
  border: 1px solid #ddd;
  cursor: pointer;
  z-index: 9999;
}

.score-slider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  background: #4caf50;
  cursor: pointer;
}

.brand-score-list ul {
  padding-left: 0;
  list-style: none;
}

.brand-score-list ul li {
  display: inline-block;
  margin-top: 13px;
  margin-right: 6px;
}

.brand-score-list ul li:last-child {
  margin-right: 0;
}

.select-duration .radio-grp {
  float: right;
}

.select-duration .radio-grp span {
  margin-left: 12px;
}

.select-duration .radio-grp span label {
  font-size: 12px;
  font-weight: 400;
}

.newsfeed-wrapper {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  background-color: #fff;
  margin-top: 20px;
  margin-bottom: 40px;
}

.newsfeed-wrapper select {
  background: #fff no-repeat right;
  border-radius: 6px;
  background-size: 14%;
  background-position-x: 69px;
  padding: 6px 8px 6px 15px;
  position: relative;
}

.newsfeed-positive-value {
  border: 1.3px solid #1c5abe;
  color: #1c5abe;
}

.newsfeed-negative-value {
  border: 1.3px solid #bc0707;
  color: #bc0707;
}

.newsfeed-neutral-value {
  border: 1.3px solid #838383;
  color: #838383;
}

.newsfeed-progress {
  width: 100%;
  background-color: #ddd;
  margin-bottom: 0;
  height: 7px;
  box-shadow: none;
}

.newsfeed-progress .progress-bar {
  background-color: rgb(50 198 13);
}

.newsfeed-score-wrapper {
  width: 26%;
  margin-right: 20px;
}

.newsfeed-score span {
  color: rgb(50 198 13);
  font-size: 17px;
}

.newsfeed-score {
  font-size: 12px;
  font-weight: 400;
}

.newsfeed-wrapper .upper-wrapper {
  padding: 15px 25px;
}

.newsfeed-wrapper .heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
}

.newsfeed-wrapper .heading .right {
  display: flex;
  align-items: center;
  width: 50%;
  justify-content: flex-end;
}

.newsfeed-wrapper .heading h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  margin-right: 10px;
  width: 318px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  height: 20px;
}

.newsfeed-wrapper div.published-date {
  font-size: 12px;
  color: #000;
}

.newsfeed-wrapper div.published-date span {
  margin-right: 5px;
}

.newsfeed-wrapper .heading .right-box {
  border: 1px solid #838383;
  font-size: 11px;
  margin-left: 15p;
  margin-right: 15px;
  padding: 2px 10px;
  border-radius: 4px;
}

.newsfeed-wrapper .heading .right-box-point {
  border: none;
  border-left: 2px solid;
  border-radius: 0;
  text-transform: uppercase;
  font-size: 11px;
  margin-left: 15p;
  margin-right: 15px;
  padding: 2px 10px;
}

.newsfeed-wrapper .heading .score-no {
  color: green;
}

.newsfeed-wrapper .heading .negative {
  color: #bc0707;
  background-color: rgba(188, 7, 7, 0.3);
}

.newsfeed-wrapper .heading .positive {
  color: #1c5abe;
  background-color: rgba(28, 90, 190, 0.3);
}

.newsfeed-wrapper .heading a {
  font-size: 12px;
  color: #1c5abe;
  text-decoration: underline;
}

.newsfeed-domain {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.newsfeed-domain-hover {
  visibility: hidden;
  width: 100%;
  background-color: #ddd;
  color: #000;
  text-align: center;
  border-radius: 6px;
  padding: 8px 5px;
  top: -5px;
  left: 105%;
  position: absolute;
  z-index: 1;
  font-size: 11px;
}

.newsfeed-domain-hover::after {
  content: ' ';
  position: absolute;
  top: 44%;
  left: -4%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent #ddd transparent transparent;
}

.newsfeed-domain:hover .newsfeed-domain-hover {
  visibility: visible;
}

.newsfeed-wrapper p.desc {
  font-size: 12px;
  margin-bottom: 0;
}

.newsfeed-wrapper .lower-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #f5f5f5;
  padding: 10px 25px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-top: 1px solid #ddd;
}

.newsfeed-wrapper .lower-wrapper .left,
.newsfeed-wrapper .lower-wrapper .right,
.add-tag-wrapper,
.add-tag-wrapper .add-tag-field {
  display: flex;
  align-items: center;
}

.newsfeed-wrapper .lower-wrapper .symbols {
  margin-right: 15px;
  font-size: 12px;
  cursor: pointer;
}

.add-tag-field {
  position: relative;
}

.add-tag-wrapper .add-tag-field .form-control {
  height: 28px;
  border-radius: 30px;
}

.add-tag-field span {
  background: #1c5abe !important;
  width: 27px;
  height: 27px;
  line-height: 27px;
  text-align: center;
  background-color: #1c5abe !important;
  color: #fff;
  position: absolute;
  right: 0;
  top: 1px;
}

.add-tag-wrapper .add-tag-field button {
  background-color: #1c5abe !important;
  border: 1px solid #1c5abe !important;
}

.clickable {
  cursor: pointer;
}

.newsfeed-pills {
  display: flex;
  justify-content: center;
}

.newsfeed-pills li {
  margin: 0 10px 10px !important;
  width: 20%;
}

.newsfeed-pills li a img {
  margin-bottom: 5px;
}

.newsfeed-pills li.active a {
  background-color: transparent !important;
}

.newsfeed-pills li a {
  background-color: #f1f1f1;
}

.newsfeed-pills li.active a p.first,
.newsfeed-pills li.active a p.second {
  color: #2064be;
}

.newsfeed-pills li.active a span.all {
  background-color: #2064be;
  color: #fff;
}

.newsfeed-pills li.active a span.twitter {
  background-color: #55acee;
  color: #fff;
}

.newsfeed-pills li.active a span.videos {
  background-color: #b00;
  color: #fff;
}

.newsfeed-pills li.active a span.blogs {
  background-color: #4a535c;
  color: #fff;
}

.newsfeed-pills li.active a span.web {
  background-color: green;
  color: #fff;
}

.newsfeed-pills li.active a span.podcast {
  background-color: #e06b33;
  color: #fff;
}

.newsfeed-pills li.active a span.news {
  background-color: #7a517c;
  color: #fff;
}

.newsfeed-pills li a span.newsfeed-icon {
  width: 35px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  border-radius: 50%;
  font-size: 16px;
  margin-bottom: 10px;
}

.newsfeed-pills li a span.all {
  background-color: #ddd;
  color: #000;
}

.newsfeed-pills li a span.twitter {
  background-color: #ddd;
  color: #524f4f;
}

.newsfeed-pills li a span.videos {
  background-color: #ddd;
  color: #524f4f;
}

.newsfeed-pills li a span.blogs {
  background-color: #ddd;
  color: #524f4f;
}

.newsfeed-pills li a span.web {
  background-color: #ddd;
  color: #524f4f;
}

.newsfeed-pills li a span.podcast {
  background-color: #ddd;
  color: #524f4f;
}

.newsfeed-pills li a span.news {
  background-color: #ddd;
  color: #524f4f;
}

.newsfeed-pills li a p {
  margin-bottom: 0;
}

.newsfeed-pills li a p.first {
  font-size: 13px;
  text-transform: uppercase;
  color: #000;
}

.newsfeed-pills li a p.second {
  font-size: 12px;
  margin-top: 5px;
}

.newsfeed-chart-wrapper {
  margin: 50px 0;
  padding: 30px 35px;
}

#newsfeed-tab {
  margin: 30px 0;
}

.autocomplete {
  position: relative;
  display: inline-block;
  width: 100% !important;
}

.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: 0;
  border-top: 0;
  z-index: 99;
  top: 100%;
  left: 0;
  right: 0;
  box-shadow: 0 4px 8px rgb(0 0 0 / 20%);
  margin: 0 -1px;
}

.autocomplete-items div {
  padding: 8px 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
  font-size: 12px;
}

.autocomplete-items div:hover {
  background-color: #e9e9e9;
}

.autocomplete-active {
  background-color: DodgerBlue !important;
  color: #fff;
}

/* .select-wrapper {
  margin: auto;
  max-width: 600px;
  width: calc(100% - 40px);
  position: relative;
} */

.select-wrapper {
  position: relative;
}

.select-wrapper:after {
  content: '\f078';
  font-family: 'Font Awesome\ 5 Free';
  font-weight: 900;
  right: 1.1rem;
  top: 0.9rem;
  position: absolute;
  color: #777777;
  font-size: 1.3rem;
  pointer-events: none;
}

.select-pure__select {
  align-items: center;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-sizing: border-box;
  color: #363b3e;
  cursor: pointer;
  display: flex;
  font-size: 12px;
  font-weight: 500;
  justify-content: left;
  min-height: 34px;
  padding: 5px 10px;
  position: relative;
  transition: 0.2s;
  width: 100%;
}

.select-pure__options {
  border-radius: 0;
  border: 1px solid #ccc;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  color: #363b3e;
  display: none;
  left: 0;
  max-height: 137px;
  overflow-y: scroll;
  position: absolute;
  top: 32px;
  width: 100%;
  z-index: 5;
}

.select-pure__select--opened .select-pure__options {
  display: block;
}

.select-pure__option {
  background: #fff;
  border-bottom: 1px solid #e4e4e4;
  box-sizing: border-box;
  height: 34px;
  line-height: 10px;
  padding: 10px;
}

.select-pure__option--selected {
  color: #e4e4e4;
  cursor: initial;
  pointer-events: none;
}

.select-pure__option--hidden {
  display: none;
}

.select-pure__selected-label {
  align-items: 'center';
  background: #c7ddff;
  border-radius: 3px;
  color: #000;
  cursor: initial;
  display: inline-flex;
  justify-content: 'center';
  margin: 2px 10px 2px 0;
  padding: 3px 7px;
}

.select-pure__selected-label:last-of-type {
  margin-right: 0;
}

.select-pure__selected-label i {
  cursor: pointer;
  display: inline-block;
  margin-left: 7px;
  position: relative;
  top: 2px;
}

.select-pure__selected-label img {
  cursor: pointer;
  display: inline-block;
  height: 18px;
  margin-left: 7px;
  width: 14px;
}

.select-pure__selected-label i:hover {
  color: #000;
}

.select-pure__autocomplete {
  background: #f9f9f8;
  border-bottom: 1px solid #e4e4e4;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  box-sizing: border-box;
  font-size: 16px;
  outline: 0;
  padding: 10px;
  width: 100%;
}

.select-pure__placeholder--hidden {
  display: none;
}

#osint-all-data {
  display: none;
}

@media (min-width: 768px) {
  .alerts-modal-dialog {
    width: 450px !important;
    margin: 30px auto;
  }
}

@media (min-width: 768px) {
  .alerts-modal-dialog {
    width: 450px !important;
    margin: 30px auto;
  }
}

.alerts-main-wrapper {
  display: inline-block;
  width: 100%;
  padding: 0;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
}

.group-events-wrapper {
  display: flex;
}

.group-events-wrapper div {
  margin-right: 10px;
}

.group-events-text {
  font-size: 12px;
}

.create-alert-btn {
  border: 1px solid #1c5abe !important;
  background-color: #fff !important;
  color: #1c5abe !important;
}

.alerts-footer {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.alerts-footer .update-pass-btn {
  background-color: #1c5abe !important;
  border: none;
  color: #fff;
}

.alerts-footer .cancel-pass-btn {
  background-color: #fff;
  border: 1px solid #000;
  color: #000;
}

.alerts-footer .btn {
  text-transform: uppercase;
  padding: 3px 20px;
}

.top-alerts-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

.alerts-info {
  display: flex;
  justify-content: space-between;
  padding: 6px 15px;
  text-align: left;
  align-items: center;
}

.alerts-info .left .alert-name {
  display: inline-block;
  margin-left: 10px;
}

.alert-second-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}

.alerts-det-wrapper {
  justify-content: space-between;
  display: flex;
  border-right: 1px solid #f5efef;
  border-top: 1px solid #f5efef;
  padding: 10px 20px;
  width: 100%;
  align-items: center;
}

.alerts-btn-wrapper {
  padding: 10px;
  justify-content: flex-end;
}

.alert-name {
  height: 35px;
  line-height: 35px;
  font-size: 14px;
}

.alerts-det-wrapper .right {
  text-align: center;
  font-size: 13px;
}

.rules-det {
  background-color: rgba(28, 90, 190, 0.3) !important;
}

.ip-det {
  background-color: rgba(0, 128, 0, 0.3) !important;
}

.recp-det {
  background-color: rgba(242, 115, 57, 0.3) !important;
}

.alerts-det-wrapper .left {
  font-size: 20px;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  background-color: #fff;
  border-radius: 50%;
}

.rules-no {
  color: #1c5abe !important;
}

.ip-no {
  color: green !important;
}

.recp-no {
  color: #f27339 !important;
}

.alert-second-info .right .freq-name {
  background-color: rgba(28, 90, 190, 0.3) !important;
  color: #1c5abe !important;
  padding: 2px 15px;
  border-radius: 30px;
}

.alerts-info .left {
  width: 55%;
  display: flex;
  align-items: center;
}

.alerts-info .right {
  width: 45%;
  text-align: right;
}

.alerts-btn-wrapper .alerts-edit-btn {
  background-color: #9e9e9e !important;
}

.alerts-btn-wrapper .alerts-create-btn {
  background-color: #1c5abe !important;
}

.alerts-btn-wrapper .alerts-del-btn {
  background-color: #bc0707 !important;
}

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

.onoffswitch-checkbox {
  display: none;
}

.onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border-radius: 20px;
  margin-bottom: 0 !important;
}

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

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

.onoffswitch-inner:before {
  content: 'Enabled!';
  padding-left: 10px;
  background-color: green;
  color: #fff;
}

.onoffswitch-inner:after {
  content: 'Disabled';
  padding-right: 10px;
  background-color: #a9a9a9;
  color: #fff;
  text-align: right;
}

.onoffswitch-switch {
  display: block;
  width: 20px;
  margin: 2px;
  background: #fff;
  position: absolute;
  top: 1px;
  bottom: 1px;
  right: 67px;
  border-radius: 20px;
  transition: all 0.3s ease-in 0s;
}

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

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

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

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

.alerts-btn-wrapper .btn {
  padding: 4px 12px 12px !important;
  border: none !important;
  margin: 5px;
}

.alerts-wrapper {
  width: 600px;
  margin: 0 auto 20px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  padding: 15px;
  border-radius: 6px;
}

.my-apps-wrapper {
  padding: 0 15px;
  margin: 30px 0 10px;
}

.fakeapps-wrapper {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 15px 20px;
  background-color: #fff;
  margin-bottom: 30px;
  cursor: pointer;
}

.fakeapps-wrapper .upper-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.fakeapps-wrapper .left-section {
  width: 25%;
}

.fakeapps-wrapper .mid-section {
  display: flex;
  align-items: center;
  width: 55%;
  justify-content: space-between;
}

.fakeapps-wrapper .right-section {
  width: 20%;
  text-align: right;
}

.fakeapp-box {
  font-size: 13px;
}

.fakeapp-box .value {
  color: #838383;
}

.fakeapp-box .heading {
  margin-bottom: 6px;
  letter-spacing: 0 !important;
}

.fakeapps-wrapper .left-section .heading {
  color: #1c5abe !important;
}

.fakeapps-wrapper .left-section .domain a {
  font-size: 13px;
  text-decoration: underline;
  cursor: pointer;
  color: #838383;
}

.fakeapps-wrapper .fakeapp-box .app-type {
  background-color: #ddd;
  padding: 2px 12px;
  border-radius: 15px;
}

.fakeapps-wrapper .fakeapp-box .android-app {
  color: green;
}

.fakeapps-wrapper .fakeapp-box .ios-app {
  color: #1c5abe !important;
}

.fakeapps-wrapper .download-url {
  text-align: center;
  margin-top: 15px;
}

.fakeapps-wrapper .download-url button {
  border: 2px solid #1c5abe !important;
  padding: 4px 15px 15px !important;
}

.fakeapps-table {
  border-spacing: 0 12px;
  border-collapse: separate;
}

.fakeapps-table tr th {
  border-bottom: none;
  padding: 13px 13px !important;
}

.fakeapps-table tr td {
  border-top: none;
  color: #000 !important;
  text-align: left;
  color: #000 !important;
  vertical-align: middle !important;
}

.fakeapps-table tbody tr {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}

.fakeapps-table tbody tr:hover .td:first-child {
  border-left: 2px solid #1c5abe;
}

.fakeapps-table thead {
  display: table-row;
  width: 100%;
}

.fakeapps-table thead tr {
  width: 100%;
  display: contents;
}

.fakeapps-table tr td span.app-type {
  padding: 2px 10px;
  border-radius: 5px;
}

.fakeapps-table tr td span.android-app {
  background-color: rgba(0, 128, 0, 0.2);
  color: green;
}

.fakeapps-table tr td span.ios-app {
  background-color: rgba(28, 90, 190, 0.2);
  color: #1c5abe;
}

td span.security-rating,
td span.web-repu {
  padding: 2px 10px;
  border-radius: 15px;
}

td span.security-rating.calculating {
  background-color: #ddd;
  color: #000;
}

td span.good i {
  color: #a5d6a7;
}

td span.warning i {
  color: rgba(188, 49, 37, 0.7);
}

td span.safe i {
  color: rgba(0, 128, 0, 0.7);
}

td span.calculating i {
  color: #ddd;
}

td span.average i {
  color: #ffe082;
}

td span.fair i {
  color: #e6ee9c;
}

td span.bad i {
  color: #ef9a9a;
}

td span.poor i {
  color: #ffab91;
}

.myapps-table tr td i {
  margin-right: 6px;
}

.mob-security-table td > a {
  border: 1px solid #1c5abe;
  color: #1c5abe;
  background-color: #fff;
  padding: 3px 10px;
  border-radius: 4px;
  font-size: 10px;
  display: block;
  text-align: center;
}

.myapps-table {
  margin-top: 25px;
}

.myapps-table tr th,
.myapps-table thead {
  border-bottom: none;
  border-top: none;
}

.myapps-table tr td,
.myapps-table tr th {
  font-size: 12px;
}

.fakeapp-status-modal-btn {
  background-color: #1c5abe !important;
  color: #fff !important;
  font-size: 14px !important;
  text-transform: uppercase;
}

.fakeapps-summary-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  padding: 15px 20px;
  margin-bottom: 20px;
}

.fakeapps-summary-wrapper .left {
  text-align: center;
  font-size: 28px;
  padding: 0px 10px;
  border-radius: 3px;
}

.fakeapps-summary-wrapper .android-text {
  color: #fff;
  background-color: #1c5abe;
}

.fakeapps-summary-wrapper .ios-text {
  color: #fff;
  background-color: green;
}

.fakeapps-summary-wrapper .report-text {
  color: #fff;
  background-color: #f27339;
}

.fakeapps-summary-wrapper .takedown-text {
  color: #fff;
  background-color: #9e9e9e;
}

.fakeapps-summary-wrapper .right .right-text {
  text-transform: uppercase;
  text-align: center;
  color: #000;
  font-size: 13px;
}

.fakeapps-details .second {
  display: flex;
}

.fakeapps-details .second i {
  font-size: 15px;
}

.fakeapps-details .second i.full-star,
.fakeapps-details .second i.half-star {
  color: #f2b01e;
}

.fakeapps-details .second i.empty-star {
  color: #a9a9a9;
}

.status-modal-btn {
  border: 1px solid #1c5abe !important;
  background-color: #fff !important;
  border-radius: 2px !important;
}

.fakeapp-logo {
  border: 1px solid #ddd;
  box-shadow: 0 0.4rem 1.5rem rgba(0, 0, 0, 0.1);
  padding: 0.5rem;
  border-radius: 0.6rem;
  background-color: #e4e4e4;
  width: 20%;
  margin-right: 2rem;
}

.fakeapp-logo .fakeapp-logo-img {
  border: 0.1rem dotted #ccc;
  padding: 0.4rem;
  border-radius: 0.4rem;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fakeapp-logo .fakeapp-logo-img img {
  max-width: 100%;
  max-height: 100%;
}

.fakeapp-info {
  text-align: left !important;
}

.fakeapp-info .left {
  display: flex;
  width: 50%;
}

.fakeapp-info .right {
  width: 50%;
  text-align: right;
}

.fakeapp-name .first {
  color: #1c5abe !important;
}

.fakeapp-name .second {
  font-size: 1.2rem;
  color: #838383;
}

.fakeapp-info .right .btn {
  padding: 3px 20px 20px !important;
  border: none !important;
}

.rating-views {
  margin-left: 5px;
  color: #1c5abe;
}

.fakeapp-info .right .fakeapp-report-btn {
  background-color: #bc0707 !important;
}

.fakeapp-info .right .fakeapp-ignore-btn {
  background-color: #9e9e9e !important;
}

.fakeapps-more-btn {
  text-align: center;
  margin: 15px 0 0;
}

.fakeapps-more-btn .btn {
  border: 2px solid #1c5abe !important;
  padding: 4px 15px 15px !important;
}

.fakeapps-more-btn .btn:active,
.fakeapps-more-btn .btn:hover,
.fakeapps-more-btn .btn:focus {
  border: 2px solid #1c5abe !important;
  padding: 4px 15px 15px !important;
}

#fakeapps-more,
#fakeapps-more1,
#fakeapps-more2 {
  display: none;
  margin-top: 20px;
}

.fakeapps-filter-wrapper .left-sec {
  display: flex;
  align-items: center;
}

.fakeapps-filter-wrapper .left-sec .left-icon {
  width: 30px;
  height: 30px;
  line-height: 27px;
  text-align: center;
  background-color: #e3e9ef;
  border-radius: 50%;
  margin-right: 5px;
}

.fakeapps-filter-wrapper .left-sec .left-icon img {
  height: 19px;
}

.app-no {
  background-color: #1c5abe !important;
  height: 18px;
  line-height: 17px;
  border-radius: 10px;
  color: #fff;
  text-align: center;
}

.fakeapp-filter-logo {
  border: 1px solid #ddd;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  padding: 2px;
  border-radius: 6px;
  background-color: #e4e4e4;
  width: 40%;
  margin-right: 10px;
}

.fakeapp-filter-logo .fakeapp-filter-logo-img {
  height: 30px;
  border: 1px dotted #ccc;
  padding: 4px;
  border-radius: 4px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fakeapp-filter-logo .fakeapp-filter-logo-img img {
  max-width: 100%;
  max-height: 100%;
}

.domain-status-wrapper {
  padding: 2rem 0;
}

.domaintakedown-flextable {
  display: flex;
  align-items: center;
}

.domaintakedown-flextable .number {
  margin-right: 3px;
}

.domaintakedown-flextable .warning-value {
  background-color: #bc0707;
}

.domaintakedown-flextable .safe-value {
  background-color: #25a01c;
}

.typosquat-table {
  margin-bottom: 20px !important;
  margin-bottom: 30px;
  width: 100%;
}

.typosquat-table tr td .typo-flextable .safe-value {
  background-color: green;
}

.takedown-summary-wrapper {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  padding: 15px 15px 0;
  margin-bottom: 20px;
}

.table-icons-grp svg {
  width: 2rem;
  height: 2rem;
}

.domain-takedown-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 13px;
}

.takedown-summary-wrapper .right .right-text {
  text-transform: uppercase;
  text-align: center;
  font-size: 1.4rem;
}

.takedown-summary-wrapper .left {
  text-align: center;
  margin-right: 1rem;
  font-size: 2.8rem;
  padding: 0px 1rem;
  border-radius: 0.4rem;
}

.takedown-summary-wrapper .facebook-text {
  color: #3b5998;
  background-color: rgba(59, 89, 152, 0.3);
}

.takedown-summary-wrapper .twitter-text {
  color: #55acee;
  background-color: rgba(85, 172, 238, 0.3);
}

.takedown-summary-wrapper .linkedin-text {
  color: #007bb5;
  background-color: rgba(0, 123, 181, 0.3);
}

.takedown-summary-wrapper .primary-text {
  color: #1c5abe !important;
  background-color: rgba(28, 90, 190, 0.3) !important;
}

.takedown-summary-wrapper .success-text {
  color: green !important;
  background-color: rgba(0, 128, 0, 0.3) !important;
}

.takedown-summary-wrapper .unsuccess-text {
  color: #f27339 !important;
  background-color: rgba(242, 115, 57, 0.3) !important;
}

.takedown-summary-wrapper .progress-text {
  color: #9e9e9e !important;
  background-color: rgba(158, 158, 158, 0.3) !important;
}

.takedown-summary-wrapper .social-wrapper .social-profile-left .right-text {
  text-transform: uppercase;
  color: #000;
  font-size: 13px;
}

.social-profile-left {
  word-break: break-all;
}

.requests-wrapper {
  display: inline-block;
  width: 100%;
  padding: 2rem 0;
  box-shadow: 0 4px 15px rgb(0 0 0 / 10%);
  margin-bottom: 2rem;
  border-radius: 0.8rem;
  position: relative;
}

.primary-wrapper {
  border-right: 2px solid #1c5abe;
  border: 1px solid #1c5abe;
}

.successful-wrapper {
  border-right: 2px solid green;
  border: 1px solid green;
}

.progress-wrapper {
  border-right: 2px solid #9e9e9e;
  border: 1px solid #9e9e9e;
}

.unsuccessful-wrapper {
  border-right: 2px solid #f27339;
  border: 1px solid #f27339;
}

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

.domain-info .left {
  font-size: 1.4rem;
  text-align: center;
  color: #337ab7;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.domain-info .right .second {
  padding: 4px 10px;
  font-size: 12px;
  border-radius: 30px;
}

.domain-info .right .success-text {
  background-color: rgba(0, 128, 0, 0.3);
  color: green;
}

.domain-info .right .unsuccess-text {
  background-color: rgba(242, 115, 57, 0.3);
  color: #f27339;
}

.domain-info .right .progress-text {
  color: #9e9e9e !important;
  background-color: rgba(158, 158, 158, 0.3) !important;
}

.domain-info .right .primary-text {
  color: #1c5abe !important;
  background-color: rgba(28, 90, 190, 0.3) !important;
}

.domain-details {
  font-size: 12px;
  text-align: center;
}

.domain-details .first {
  font-weight: 400;
  margin-bottom: 0.5rem;
  font-size: 1.4rem;
  word-break: break-all;
}

.domain-status-wrapper ul {
  list-style-type: none;
}

.domain-status-wrapper ul li span.check {
  background-color: green;
}

.domain-status-wrapper ul li span.cross {
  background-color: red;
}

.domain-status-wrapper ul li .takedown-status {
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  text-align: center;
  font-size: 1rem;
  border-radius: 50%;
  color: #fff;
  position: relative;
  left: -1.2rem;
  top: 2rem;
}

.domain-status-wrapper ul li span.ellipse {
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  text-align: center;
  font-size: 1rem;
  border-radius: 50%;
  background-color: gray;
  color: #fff;
  position: relative;
  left: -1.2rem;
  top: 1.3rem;
}

.domain-status-wrapper ul li ul {
  padding-top: 15px;
}

.domain-status-wrapper ul li ul li {
  border-left: none !important;
  position: relative;
}

.domain-status-wrapper ul li ul li span.left-border {
  content: '-';
  position: absolute;
  height: 2px;
  width: 33px;
  left: -41px;
  top: 2.3rem;
  background-color: #dddede;
}

.domain-status-wrapper ul li:last-child {
  padding-bottom: 0;
}

.domain-status-wrapper ul li {
  border-left: 0.2rem solid #dddede !important;
  padding-bottom: 1.5rem;
  font-size: 1.2rem;
  color: #000;
}

.domain-status-wrapper ul li .status-flexbox {
  display: flex;
}

.status-wrapper {
  /* box-shadow: 0 0.4rem 1.5rem rgba(0, 0, 0, 0.1); */
  padding: 1.2rem;
  /* border-right: 0.2rem solid #1c5abe !important; */
  width: 84%;
  border: 0.15rem solid #eaeaea;
  border-radius: 0.6rem;
}

.status-wrapper .name {
  font-size: 1.2rem;
  font-weight: 500;
  color: #262626;
  margin-bottom: 0.4rem;
}

.status-wrapper .status-title {
  margin: 6px 0;
  color: #838383;
}

.status-wrapper .remarks {
  color: #1c5abe !important;
  display: block;
  font-size: 1.2rem;
  font-weight: 400;
}

.circle-lightgreen-shape {
  background-color: #79e279;
  color: #000 !important;
}

.poly-orange-shape {
  background-color: #f27222;
}

.circle-orange-shape {
  background-color: #f27222;
}

.poly-yellow-shape {
  background-color: #f8d74c;
  color: #000;
}

.circle-yellow-shape {
  background-color: #f8d74c;
  color: #000 !important;
}

.left-comparison-wrapper {
  background-color: #eaf2ff;
  text-align: center;
  padding: 30px 10px;
}

.left-comparison-wrapper .first {
  color: #000;
  font-size: 1.2rem;
  margin-bottom: 0;
}

.left-comparison-wrapper .second {
  font-size: 1.1rem;
  margin-bottom: 0;
}

.right-comparison-wrapper {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  padding: 10px 0 0;
  background-color: #fff;
  display: inline-block;
  width: 100%;
  margin-bottom: 30px;
}

.comparison-score {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.comparison-upper-score-content p {
  color: #000;
  font-size: 1rem;
  margin-bottom: 0;
}

.comaprison-lower-score-content ul {
  list-style: none;
  padding-bottom: 10px;
}

.comaprison-lower-score-content ul li {
  margin-bottom: 6px;
  display: flex;
  align-items: baseline;
  font-size: 11px;
  color: #838383;
}

.comaprison-lower-score-content ul li .left i {
  margin-right: 8px;
}

.comparison-show-details {
  background-color: #508ff4;
  text-align: center;
  padding: 5px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.comparison-show-details a {
  color: #fff;
  font-size: 12px;
}

.del-company-icon {
  position: absolute;
  top: 5px;
  right: 10px;
  cursor: pointer;
}

.share-link .left h5 {
  color: #000;
}

.scorecard-name-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.scorecard-name-info .left {
  margin-right: 18px;
}

.scorecard-name-info .left h5 {
  text-transform: uppercase;
  color: #000;
}

.scorecard-name-info .left h5.email-breach {
  text-align: left;
}

.scorecard-name-info .left p {
  font-size: 1.1rem;
  color: #1f1b24;
  height: 3.6rem;
}

.scorecard-wrapper {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 20px;
  background-color: #fff;
  display: inline-block;
  width: 100%;
  margin-bottom: 50px;
}

.scorecard-severity-info {
  list-style: none;
  padding-left: 0;
}

.scorecard-severity-info li {
  display: flex;
  justify-content: space-between;
  font-size: 1.2rem;
  margin-bottom: 1rem;
}

.scorecard-severity-info li .right {
  color: #696565;
  font-size: 1rem;
}

.scorecard-icon {
  font-weight: 600 !important;
  margin-right: 5px;
}

.info-severe-icon {
  color: #1366c3;
}

.low-severe-icon {
  color: var(--positive);
}

.med-severe-icon {
  color: #feca4c;
}

.high-severe-icon {
  color: #f27339;
}

.critical-severe-icon {
  color: #bc3125;
}

.scorecard-inner-chart-info {
  display: flex;
  align-items: center;
}

.scorecard-view-detail {
  text-align: center;
  cursor: pointer;
}

.scorecard-view-detail a {
  font-size: 1.2rem;
  font-weight: 500;
  color: #006dd2;
}

.scorecard-view-detail a:hover {
  text-decoration: none;
}

.logoabuse-extra-det {
  margin: 6px 0 15px;
}

.logoabuse-heading {
  padding-left: 15px;
}

.logoabuse-extra-det .domaintakedown-flextable {
  font-size: 12px;
}

.logoabuse-extra-det .heading {
  letter-spacing: 0;
  margin-bottom: 7px;
  font-size: 12px;
  letter-spacing: 0;
  margin-bottom: 7px;
}

.logoabuse-extra-det p {
  font-size: 13px;
}

.logoabuse-extra-det p.lang {
  color: #000;
}

#logoreportModal {
  z-index: 9999 !important;
}

#logoabuse-snackbar {
  visibility: hidden;
  min-width: 250px;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  padding: 16px;
  position: fixed;
  z-index: 99999999;
  left: 50%;
  font-size: 17px;
  top: 50%;
  transform: translate(-50%, -50%);
}

#logoabuse-snackbar.showtoast {
  visibility: visible;
  -webkit-animation:
    fadein 0.5s,
    fadeout 0.5s 2.5s;
  animation:
    fadein 0.5s,
    fadeout 0.5s 2.5s;
  visibility: visible;
  -webkit-animation:
    fadein 0.5s,
    fadeout 0.5s 2.5s;
  animation:
    fadein 0.5s,
    fadeout 0.5s 2.5s;
  visibility: visible;
  -webkit-animation:
    fadein 0.5s,
    fadeout 0.5s 2.5s;
  animation:
    fadein 0.5s,
    fadeout 0.5s 2.5s;
}

@-webkit-keyframes fadein {
  from {
    top: 0;
    opacity: 0;
  }

  to {
    top: 50%;
    opacity: 1;
  }
}

@keyframes fadein {
  from {
    top: 0;
    opacity: 0;
  }

  to {
    top: 50%;
    opacity: 1;
  }
}

@-webkit-keyframes fadeout {
  from {
    top: 50%;
    opacity: 1;
  }

  to {
    top: 0;
    opacity: 0;
  }
}

@keyframes fadeout {
  from {
    top: 50%;
    opacity: 1;
  }

  to {
    top: 0;
    opacity: 0;
  }
}

.logoabuse-descrip {
  height: 82px;
  overflow: auto;
}

.logoabuse-descrip p {
  margin-bottom: 0;
}

.report-btn {
  color: #bc0707 !important;
}

.ignore-btn {
  color: #9e9e9e !important;
}

.filter-high-text {
  color: var(--high);
  background-color: rgba(188, 49, 37, 0.3);
  padding: 2px 10px;
}

.filter-medium-text {
  color: var(--medium);
  background-color: rgba(242, 115, 57, 0.3);
  padding: 2px 10px;
}

.filter-low-text {
  color: var(--low);
  background-color: rgba(254, 202, 76, 0.3);
  padding: 2px 10px;
}

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

.logo-pills > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  margin-bottom: 15px;
}

.logo-pills > li.active > a,
.logo-pills > li.active > a:focus,
.logo-pills > li.active > a:hover {
  color: #000 !important;
  background-color: #fff !important;
  border-left: 6px solid #1c5abe;
}

.screenshot-wrapper {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  margin-bottom: 20px;
}

.screenshot-wrapper .lower {
  padding: 15px;
  border-top: 6px solid #1c5abe;
}

.lower .lower-content .url {
  font-size: 12px !important;
  cursor: pointer;
  background-color: rgba(225, 161, 44, 0.3);
  color: #e1a12c;
  padding: 4px 10px 10px !important;
  display: inline-block;
  margin-bottom: 5px;
  height: 24px;
  overflow: hidden;
}

.lower .lower-content .logo-title {
  text-transform: uppercase;
  font-size: 14px;
}

.lower .lower-content p {
  font-size: 12px;
}

.screenshot-wrapper .upper .img-wrapper {
  position: relative;
}

.screenshot-wrapper .upper .img-wrapper img {
  width: 100%;
  border-radius: 6px 6px 0 0;
  height: 200px;
}

.screenshot-wrapper .upper .img-wrapper .accu-wrapper {
  background-color: rgba(0, 0, 0, 0.7);
  position: absolute;
  top: 50%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
  padding: 5px 20px;
  border-radius: 28px;
  border: 1px solid #ffffffb8;
}

.logo-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  background: rgba(0, 0, 0, 0.35);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.asset-logo-fix p {
  text-transform: none !important;
}

span.check-icon {
  font-size: 18px;
}

span.yes-value {
  color: #25a01c;
}

span.no-value {
  color: #bc0707;
}

.asset-table tr td.third-party-ven-risk {
  text-transform: uppercase;
}

.asset-table tr td.high-risk {
  color: var(--high);
}

.asset-table tr td.medium-risk {
  color: var(--medium);
}

.asset-table tr td.low-risk {
  color: var(--low);
}

.asset-table tr td.positive-risk {
  color: var(--positive);
}

.content-inner-info .something h6 {
  margin-bottom: 0;
}

.asset-table tr td span.collection-type {
  color: #fff;
  padding: 1px 8px;
  border-radius: 15px;
  font-size: 11px;
}

.collection-type {
  font-size: 13px;
  color: #fff;
  padding: 1px 8px 2px;
  border-radius: 15px;
  display: inline-block;
}

.card-collection-type {
  margin-top: 10px;
  font-size: 12px;
  padding: 3px 9px 4px;
  border-radius: 15px;
  display: inline-block;
  background-color: #eee;
}

.logo-collection-type-wrapper h6 {
  color: #1c5abe !important;
}

.card-type-cloud {
  color: #e1a12c;
}

.card-type-manual {
  color: #eb4a8a;
}

.card-type-auto {
  color: #1c5abe;
}

.keyword-collection-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}

.keyword-collection-wrapper h6 {
  color: #1c5abe;
}

.asset-table tr td span.type-auto,
.type-auto {
  background-color: #1c5abe;
}

.asset-table tr td span.type-cloud,
.type-cloud,
.asset-table tr td span.type-oracle,
.type-oracle {
  background-color: #e1a12c;
}

.asset-table tr td span.type-cloud,
.type-cloud {
  white-space: nowrap;
}

.asset-table tr td span.type-manual,
.type-manual,
.asset-table tr td span.type-do,
.type-do {
  background-color: #eb4a8a;
}

.asset-table tr td span.type-gcp,
.type-gcp {
  background-color: #de6438;
}

.asset-table tr td span.type-azure,
.type-azure {
  background-color: #609c8d;
}

span.status-icon i {
  font-size: 10px;
  margin-right: 3px;
}

span.enabled-value {
  color: #25a01c;
}

span.disabled-value {
  color: #b3adad;
}

.label-info {
  background-color: #c7ddff !important;
}

.bootstrap-tagsinput input {
  font-size: 13px !important;
  box-shadow: none;
  outline: 0;
  background-color: transparent !important;
  padding: 0;
  margin: 0;
  width: 11em !important;
  max-width: inherit;
  line-height: 21px !important;
  font-size: 13px !important;
}

.bootstrap-tagsinput {
  padding: 6px 12px 12px !important;
  line-height: 1.25;
  transition: border-color 0.15s ease-in-out;
  height: auto !important;
}

.bootstrap-tagsinput .tag [data-role='remove']:after {
  padding: 0px 2px 2px !important;
  font: 14px/1 'FontAwesome ' !important;
}

.bootstrap-tagsinput .tag {
  color: #000 !important;
  font-size: 12px !important;
  display: inline-flex !important;
  align-items: center !important;
}

.bootstrap-tagsinput .tag [data-role='remove'] {
  margin-left: 8px;
  cursor: pointer;
}

.bootstrap-tagsinput .has-focus {
  background-color: #fff;
  border-color: #5cb3fd;
}

.add-company-footer {
  margin-top: 0 !important;
  padding-top: 0 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.email,
.phone,
.comp-profile,
.executive-member,
.bulk-entry {
  display: none;
}

.rb-email:checked ~ .email {
  display: inline;
}

.rb-phone:checked ~ .phone {
  display: inline;
}

.rb-single:checked ~ .single-entry {
  display: inline;
}

.rb-bulk:checked ~ .bulk-entry {
  display: inline;
}

.rb-compprofile:checked ~ .comp-profile {
  display: inline;
}

.rb-exemember:checked ~ .executive-member {
  display: inline;
}

.email div:first-child,
.phone div:first-child,
.single-entry div:first-child,
.bulk-entry div:first-child,
.comp-profile div:first-child,
.executive-member div:first-child {
  margin-top: 10px;
  width: 100%;
}

.rb-compprofile,
.rb-exemember,
.rb-phone,
.rb-email,
.rb-single,
.rb-bulk {
  position: relative;
  top: 2px;
  padding-left: 0 !important;
}

.vendor-score-wrapper {
  display: flex;
  align-items: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.vendor-small-circle-shape {
  width: 15px;
  height: 15px;
  line-height: 15px;
  text-align: center;
  color: #fff;
  font-size: 8px;
  border-radius: 50%;
  margin: 0 5px;
}

.comp-wrapper .right {
  display: flex;
}

.comp-wrapper .right div {
  margin-left: 10px;
}

.asset-comp-heading {
  font-size: 14px;
}

.comp-wrapper {
  padding: 10px 10px !important;
}

.social-wrapper {
  display: flex;
  margin-bottom: 10px;
}

.comp-soc-main {
  font-size: 11px;
  margin-bottom: 0;
  margin-top: 3px;
}

.last-mob-wrapper {
  margin-bottom: 30px;
}

.mob-app-wrapperP {
  margin-bottom: 10px;
}

.keywords-wrapper {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  padding: 10px 15px;
  margin-bottom: 20px;
}

.keywords-wrapper .first .keyword-name {
  font-size: 14px;
  color: #000;
  margin-bottom: 10px;
}

.keywords-wrapper .first,
.keyword-actions {
  display: flex;
  justify-content: space-between;
}

.keyword-actions div {
  margin-left: 10px;
  cursor: pointer;
}

.keywords-wrapper .yellow-border:after {
  content: '';
  display: block;
  width: 40%;
  border-radius: 4px;
  height: 4px;
  background-color: rgba(225, 161, 44, 0.6);
  margin-top: 5px;
}

.keywords-wrapper .green-border:after {
  content: '';
  display: block;
  width: 40%;
  border-radius: 4px;
  height: 4px;
  background-color: rgba(0, 128, 0, 0.6);
  margin-top: 5px;
}

.keywords-wrapper .red-border:after {
  content: '';
  display: block;
  width: 40%;
  border-radius: 4px;
  height: 4px;
  background-color: rgba(188, 7, 7, 0.6);
  margin-top: 5px;
}

.keywords-wrapper p {
  font-size: 12px;
}

.asset-modal-btn {
  border: 1px solid #1c5abe !important;
  background-color: #fff !important;
}

.asset-table tr td .typo-flextable {
  display: flex;
  align-items: center;
}

.asset-table-res {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
}

.asset-table {
  margin-bottom: 0px !important;
}

.asset-table tr td {
  vertical-align: middle !important;
  font-size: 11px;
  white-space: nowrap;
}

.asset-table thead tr th {
  border-bottom: none;
}

.asset-table tr td .typo-flextable .number {
  margin-right: 3px;
}

.asset-table tr td .typo-flextable .warning-value {
  background-color: #bc0707;
}

.asset-table tr td .typo-flextable .high-value {
  background-color: #bc3125;
}

.asset-table tr td .typo-flextable .medium-value {
  background-color: #f27222;
}

.asset-table tr td .typo-flextable .low-value {
  background-color: #f8d74c;
}

.asset-table tr td .typo-flextable .safe-value {
  background-color: #25a01c;
}

.asset-table tr td .typo-flextable .asset-version {
  background-color: #1c5abe;
}

.asset-table tr td .typo-flextable .value {
  color: #fff;
  padding: 1px 8px;
  border-radius: 10px;
  text-transform: uppercase;
}

.asset-table tr td > a {
  color: #1c5abe;
  background-color: #fff;
  padding: 3px 5px;
  border-radius: 4px;
  font-size: 12px;
  display: block;
}

.add-asset-btn {
  display: flex;
  justify-content: end;
  align-items: center;
}

.asset-cloud-pills {
  margin-bottom: 20px;
}

.asset-cloud-pills > li {
  width: 100%;
  margin-bottom: 0;
}

.asset-cloud-pills > li + li {
  margin-left: 0 !important;
}

.asset-cloud-pills > li.active > a,
.asset-cloud-pills > li.active > a:hover,
.asset-cloud-pills > li.active > a:focus {
  color: #fff;
  background-color: #1c5abe;
  border-radius: 0px !important;
  border: none;
}

.left-tab-wrapper h4 {
  padding-top: 14px;
}

.asset-cloud-pills > li.active > a .total-no {
  color: #fff;
}

.asset-cloud-pills > li > a:first-child {
  border-top: 1px solid #eae9e9;
}

.asset-cloud-pills > li > a {
  position: relative;
  border-radius: 0px !important;
  padding: 1rem 1.5rem !important;
  border-left: 1px solid #eae9e9;
  border-right: 1px solid #eae9e9;
  border-bottom: 1px solid #eae9e9;
  color: #000;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  width: 100%;
  font-size: 1.2rem;
}

.asset-cloud-pills > li > a .icon {
  margin-right: 0.6rem;
}

.asset-cloud-pills > li > a .left {
  display: flex;
}

.asset-cloud-pills > li > a .total-no {
  font-weight: 600;
  color: #666;
  font-size: 1.2rem;
}

.asset-cloud-pills > li.active > a svg#custom-svg {
  fill: red !important;
}

.cloud-integration-pills {
  justify-content: center;
}

.cloud-integration-pills li {
  width: 20%;
}

.cloud-integration-pills li.active a {
  color: #0056b3 !important;
  background-color: #fff !important;
}

.cloud-integration-pills li a {
  display: block;
  padding: 0.9rem 1rem;
  text-align: center;
  border-radius: 10px;
  margin: 0 1.5rem 2rem;
  background-color: #f1f1f1;
  color: #333;
}

.cloud-integration-pills li.active span.total-acc {
  color: #0056b3 !important;
}

.cloud-integration-pills li span.total-acc {
  font-size: 1.4rem;
  color: #666;
}

.cloud-integration-pills li span {
  display: block;
}

.cloud-integration-pills li span.pill-name {
  margin: 0.7rem 0 0.5rem;
  font-size: 1.4rem;
}

.cloud-integration-pills li span.icon {
  height: 30px;
}

.exemembers-wrapper {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  padding: 20px;
  border-radius: 6px;
  display: inline-block;
  width: 100%;
}

.exemembers-wrapper .col-md-6:first {
  border-right: 1px solid #f8f8f8;
}

.exemembers-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}

.exemembers-heading .first {
  color: #000 !important;
}

.exemembers-heading .first:after {
  content: '';
  display: block;
  width: 40%;
  padding-top: 6px;
  border-bottom: 2px solid #1c5abe;
}

.exemembers-heading .second .fa {
  font-size: 25px;
  color: #ddd;
}

.exemembers-content h4 {
  font-size: 12px;
}

.exemembers-content p {
  font-size: 12px;
}

.exemembers-content {
  padding: 10px;
  display: flex;
}

.exemembers-content .left {
  margin-right: 10px;
}

.exemembers-content .right h4 {
  margin-top: 0;
  color: #000;
}

.exemembers-content .left .fa-facebook {
  color: #3b5998;
}

.exemembers-content .left .fa-linkedin {
  color: #007bb5;
}

.exemembers-content .left .fa-twitter {
  color: #55acee;
}

.card4 .fa-facebook-square {
  color: #3b5998;
}

.card4 .fa-linkedin-square {
  color: #007bb5;
}

.card4 .fa-twitter-square {
  color: #55acee;
}

.card4 .exe-gradientbg {
  background-image: linear-gradient(-90deg, #0d324d, #7f5a83);
  border-radius: 0.6rem 0.6rem 0 0;
  padding: 1.5rem 1rem;
  position: relative;
  text-align: center;
}

.card4 .img {
  width: 75px;
  height: 75px;
  margin: 40px auto 0;
  border-radius: 50%;
  border: 2px solid #e2dede;
}

.card4 {
  padding: 0 0 0 !important;
}

.card4 .img img {
  width: 100%;
}

.card4 h4 {
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
  margin-top: 0;
}

.card4 p {
  font-size: 12px;
  margin-bottom: 0;
  color: #fff;
}

.card4 .exe-heading {
  font-size: 1.2rem;
  font-weight: 400;
  color: #fff !important;
  display: inline-block;
  background-color: #375b96 !important;
  padding: 0.3rem 0.7rem;
  border-radius: 3rem;
}

.card4 .social div {
  margin: 1.5rem;
  cursor: pointer;
  font-size: 1.2rem;
  display: flex;
  align-items: center;
}

.social {
  word-break: break-all;
}

.mobapp-icon {
  padding: 15px;
}

.card4 i {
  font-size: 1.6rem;
  margin-right: 1rem;
  color: #3b5998;
  width: 2rem;
  text-align: center;
}

.mobapp-content-main h4 {
  color: #1c5abe !important;
  margin-bottom: 15px;
}

.mobapp-content-main {
  padding: 0 15px 15px;
  background-color: #fff;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 45px 1fr 50px;
  grid-gap: 12px;
}

.mobapp-wrapper img {
  width: 100%;
  border-radius: 8px;
  margin: auto;
  display: block;
  height: 120px;
}

.mobapp-radiobtns {
  display: flex;
  align-items: center;
}

.assetlogo-wrapper {
  background-image: linear-gradient(-90deg, #0d324d, #7f5a83);
  padding: 10px;
  opacity: 0.9;
  border-radius: 6px 6px 0 0;
  position: relative;
}

.assetlogo-trash {
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: #896a8f;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
}

.asset-label {
  font-size: 1.3rem !important;
  font-weight: 400;
  color: #5a5d65;
  display: block;
}

.mobapp-radiobtns .mobapp-radio {
  font-size: 12px !important;
}

.exe-member-wrapper {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  border-radius: 1rem;
  padding: 1.5rem;
  margin-bottom: 2rem;
}

.exe-member-wrapper .right-most {
  color: #1c5abe !important;
}

.social-details .social-flexbox {
  display: flex;
  margin-bottom: 10px;
}

.social-details .social-flexbox:last-child {
  margin-bottom: 0;
}

.social-details .social-flexbox .second {
  font-size: 12px;
}

.social-details {
  background-color: #1c5abe !important;
  padding: 8px;
  border-radius: 6px;
  color: #fff;
}

.social-details .social-flexbox .first {
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 50%;
  background-color: #fff;
  margin-right: 4px;
  font-size: 12px;
}

.social-details .social-flexbox .first .fa-facebook {
  color: #3b5998;
}

.social-details .social-flexbox .first .fa-linkedin {
  color: #007bb5;
}

.social-details .social-flexbox .first .fa-twitter {
  color: #55acee;
}

.flip-card {
  background-color: transparent !important;
  height: 270px;
  border-radius: 6px;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
}

.flip-card-front .right-most {
  color: #1c5abe !important;
}

.user-info .first {
  font-size: 14px;
}

.user-info .second {
  font-size: 12px;
}

.exe-red-shape {
  background-color: #e1a12c;
}

.exe-circle-shape {
  width: 33px;
  height: 33px;
  line-height: 33px;
  text-align: center;
  color: #fff;
  font-size: 15px;
  border-radius: 50%;
  margin: 0 5px;
}

.exe-member {
  width: 90px;
  height: 90px;
  text-align: center;
  margin: 15px auto;
  background-color: #fff;
  border-radius: 50%;
  border: 4px solid #e1a12c;
}

.exe-member img {
  width: 100%;
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front,
.flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-card-front {
  background-color: #fff;
  color: #000;
  text-align: center;
  padding: 10px;
}

.flip-card-back {
  color: #fff;
  transform: rotateY(180deg);
}

.blue-card-back {
  background-color: #1c5abe !important;
  padding: 6px 10px;
  margin-bottom: 15px;
}

#addCompanyModal
  > div
  > div
  > div.modal-body.add-company-popup-body
  > div
  > div
  > div {
  width: 100%;
}

/*************************************
CVE TAB - OSINT PAGE CSS
*************************************/
.cvetitle {
  display: flex;
  border: none;
  border-top: 0.1rem solid #d4d8e1;
  /* box-shadow: 0 0.4rem 1.5rem rgba(0, 0, 0, 0.1); */
  font-weight: bold;
  padding: 1rem 2.3rem;
  font-size: 1.2rem;
  cursor: pointer;
  background-color: #fff;
  justify-content: space-between;
  align-items: center;
}

.cvetitle:after,
.cvetitle:before {
  content: '';
  position: absolute;
  left: 2.8rem;
  top: 2.1rem;
  width: 0.2rem;
  height: 1.3em;
  transition: all 0.2s;
  background-color: var(--primary);
}

.ratingProfilerTitle::after,
.ratingProfilerTitle:before {
  top: 23px;
}

/* .toggle:checked+.cvetitle+.sha-content {
  margin-top: 20px;
}

.toggle:checked+.cvetitle,
.toggle:checked+.cvetitle+.sha-content {
  margin-top: 20px;
} */

.toggle:checked + .cvetitle {
  background-color: #fff !important;
}

.toggle:checked + .cvetitle + .sha-content {
  max-height: 50rem;
}

.cvetitle:after {
  transform: rotate(90deg);
}

.toggle:checked + .cvetitle:before {
  transform: rotate(90deg) !important;
  background-color: red !important;
}

.cve-publish-date {
  font-size: 1.2rem;
}

.cve-wrapper {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  padding: 10px;
  height: 220px;
  margin-bottom: 20px;
  overflow: auto;
  position: relative;
}

.cve-wrapper h5 {
  margin-top: 0;
  margin-bottom: 0;
  color: #000;
  padding: 5px 0;
}

.cve-severity-no {
  display: inline-block;
  padding: 0.2rem 2rem;
  font-size: 1.2rem;
  font-weight: 600;
  text-transform: uppercase;
  margin: 0.5rem 0;
}

.cve-critical-high {
  color: #f55d58;
  background-color: rgb(245 93 88 / 30%);
}

.cve-critical-medium {
  color: #fa9837;
  background-color: rgb(250 152 55 / 30%);
}

.cve-critical-low {
  color: #ffe047;
  background-color: rgb(255 224 71 / 30%);
}

.cve-wrapper p {
  font-size: 12px;
  color: #000;
}

.cve-high {
  border-right: 2px solid var(--high);
}

.cve-medium {
  border-right: 2px solid var(--medium);
}

.cve-low {
  border-right: 2px solid var(--low);
}

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

.cve-inner-acc-wrapper {
  margin-bottom: 2rem;
}

.cve-references-wrapper {
  margin-bottom: 1.5rem;
}

.cve-references-wrapper p a {
  cursor: pointer;
  white-space: initial;
}

.cve-references-wrapper .tags {
  background-color: #c7ddff;
  display: inline-block;
  font-size: 1rem;
  padding: 0.2rem 1rem;
  border-radius: 3rem;
  margin-top: 0.4rem;
}

.cve-inner-acc-wrapper p {
  font-size: 1.2rem;
  color: #000;
}

.cve-inner-acc-wrapper h5 {
  border-bottom: 1px solid #ebf2f7;
  padding-bottom: 1rem;
  font-weight: 600;
}

.cwetitle {
  display: flex;
  font-weight: bold;
  padding: 0 0 0 2.5rem;
  font-size: 1.2rem;
  cursor: pointer;
  background-color: #fff;
  align-items: center;
}

.cwetitle i {
  margin-right: 0.5rem;
  color: #e1a12c;
}

.toggle:checked + .cwetitle + .sha-content {
  margin-top: 10px;
}

.toggle:checked + .cwetitle,
.toggle:checked + .cwetitle + .sha-content {
  margin-top: 10px;
}

.toggle:checked + .cwetitle {
  background-color: #fff !important;
}

.toggle:checked + .cwetitle + .sha-content {
  max-height: 100%;
}

.cwetitle:after {
  transform: rotate(90deg);
}

.toggle:checked + .cwetitle:before {
  transform: rotate(90deg) !important;
}

.config-inner-wrapper .first {
  font-size: 12px;
  font-weight: 600;
}

.cve-outer-acc-wrapper label h5 {
  font-weight: 400;
  color: var(--black);
  padding-left: 2.5rem;
}

#snackbar {
  visibility: hidden;
  min-width: 250px;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  padding: 16px;
  position: fixed;
  z-index: 99999999;
  left: 50%;
  font-size: 17px;
  top: 50%;
  transform: translate(-50%, -50%);
}

#snackbar.showtoast {
  visibility: visible;
  -webkit-animation:
    fadein 0.5s,
    fadeout 0.5s 2.5s;
  animation:
    fadein 0.5s,
    fadeout 0.5s 2.5s;
  visibility: visible;
  -webkit-animation:
    fadein 0.5s,
    fadeout 0.5s 2.5s;
  animation:
    fadein 0.5s,
    fadeout 0.5s 2.5s;
  visibility: visible;
  -webkit-animation:
    fadein 0.5s,
    fadeout 0.5s 2.5s;
  animation:
    fadein 0.5s,
    fadeout 0.5s 2.5s;
}

@-webkit-keyframes fadein {
  from {
    top: 0;
    opacity: 0;
  }

  to {
    top: 50%;
    opacity: 1;
  }
}

@keyframes fadein {
  from {
    top: 0;
    opacity: 0;
  }

  to {
    top: 50%;
    opacity: 1;
  }
}

@-webkit-keyframes fadeout {
  from {
    top: 50%;
    opacity: 1;
  }

  to {
    top: 0;
    opacity: 0;
  }
}

@keyframes fadeout {
  from {
    top: 50%;
    opacity: 1;
  }

  to {
    top: 0;
    opacity: 0;
  }
}

.typosquat-table tr td button {
  border: 1px solid #e1a12c !important;
  color: #e1a12c !important;
  text-transform: capitalize;
}

.thanku-wrapper {
  text-align: center;
  border-radius: 6px;
}

.thanku-wrapper .thanku-icon img {
  width: 100%;
  max-width: 22%;
}

.thanku-wrapper .thanku-heading {
  color: #4a967d;
  font-size: 25px;
  margin: 6px 0 10px;
}

.thanku-dashboard {
  margin: 15px 0 10px;
}

.thanku-dashboard .btn {
  padding: 3px 20px 20px !important;
  border: none !important;
  text-transform: uppercase;
  background-color: #4a967d !important;
}

.terms-tooltip {
  font-size: 12px !important;
  color: #4576df;
  text-decoration: underline !important;
}

.terms-tooltip .tooltiptext {
  width: 100% !important;
}

.takedown-form-wrapper .takedown-form-content {
  display: inline-block;
  width: 100%;
  /* padding-left: 30px; */
  /* border-left: 2px solid #1c5abe !important; */
}

.takedown-form-wrapper .takedown-form-content .takedown-form-icon {
  position: absolute;
  left: 0;
  height: 34px;
  width: 34px;
  text-align: center;
  line-height: 34px;
  top: 23px;
}

.takedown-form-wrapper .takedown-right-form .form-group {
  position: relative;
}

.takedown-form-wrapper .takedown-right-form .form-group .form-control {
  padding-left: 34px;
}

/* .takedown-form-wrapper .takedown-form-content label {
  color: #000 !important;
  display: block;
} */
.confidential-wrapper {
  margin-top: 10px;
}

.close {
  opacity: 1 !important;
  margin: 5px 5px 0;
  cursor: pointer;
}

.takedown-form-wrapper .takedown-form-heading {
  margin-bottom: 0.7rem;
  font-size: 1.4rem;
  color: #1c5abe !important;
}

.takedown-text {
  font-size: 10px;
}

.takedown-form-wrapper .takedown-form-heading span {
  width: 3rem;
  height: 3rem;
  background-color: #1c5abe !important;
  text-align: center;
  line-height: 3rem;
  border-radius: 50%;
  color: #fff;
  padding: -0.6rem;
  position: relative;
  left: -1.2rem;
}

#typo_table thead .sorting_desc {
  background: #eaf2ff url('/images/sort_desc.png') no-repeat center right !important;
  border-top-left-radius: 0px !important;
}

#typo_table thead .sorting_asc {
  background: #eaf2ff url('/images/sort_asc.png') no-repeat center right !important;
  border-top-left-radius: 0px !important;
}

.typo-heading-main {
  color: #000;
  letter-spacing: 1px;
  margin: 35px 0;
}

.typosquat-apply-filter-wrapper .right-sec .dropdown-wrapper {
  display: flex;
}

.typosquat-apply-filter-wrapper
  .right-sec
  .dropdown-wrapper
  .typo-dropdown-toggle {
  color: #508ff4 !important;
  background-color: #fff !important;
  padding: 8px 15px 15px !important;
  margin-right: 15px;
  cursor: pointer;
}

.typosquat-apply-filter-wrapper
  .right-sec
  .dropdown-wrapper
  .typo-dropdown-menu {
  padding: 10px 10px 0;
}

.typosquat-apply-filter-wrapper
  .right-sec
  .dropdown-wrapper
  .typo-dropdown-menu
  li {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.typosquat-apply-filter-wrapper
  .right-sec
  .dropdown-wrapper
  .typo-dropdown-menu
  li
  input[type='checkbox'] {
  position: relative;
  top: -4px;
  margin-right: 5px;
}

.typosquat-apply-filter-wrapper
  .right-sec
  .dropdown-wrapper
  .typo-dropdown-menu
  li
  label {
  font-weight: 400;
  font-size: 12px;
}

.typosquat-table thead tr th {
  padding: 10px 10px !important;
  border-bottom: none;
  white-space: nowrap;
}

.typosquat-table tr td {
  padding: 8px 8px 8px !important;
  border-top: none;
}

.typosquat-table tr td span.take-down-icon,
.issues-table-wrapper tr td span.take-down-icon {
  font-size: 18px;
  color: #838383;
  cursor: pointer;
}

.typosquat-table tr td .typo-flextable {
  display: flex;
  align-items: center;
  justify-content: center;
}

.typosquat-table tr td .typo-flextable .number {
  margin-right: 3px;
}

.typosquat-table tr td .typo-flextable .value {
  color: #fff;
  padding: 1px 8px;
  border-radius: 10px;
}

.typosquat-table tr td .typo-flextable .high-value {
  background-color: #bc3125;
}

.typo-squat-searchbar label {
  font-size: 12px;
  color: #838383;
}

.typo-squat-searchbar .form-group i {
  top: 24px;
  position: absolute;
  left: 3px;
  height: 28px;
  line-height: 28px;
  width: 28px;
  text-align: center;
  color: #8e8a8a;
}

.typo-squat-searchbar .form-control {
  margin-left: 0 !important;
  padding-left: 30px;
  background-color: #f3f4f8;
  border: none;
  box-shadow: none;
  border-radius: 30px;
  height: 28px;
}

.typosquat-search-filter {
  display: block;
  margin: auto;
  width: 800px;
}

.typosquat-apply-filter-wrapper {
  margin: 0 0 30px;
}

.typosquat-apply-filter-wrapper .left-sec {
  margin-right: 10px;
}

.typosquat-apply-filter-wrapper .left-sec h4 {
  margin-bottom: 15px;
}

.typofilter-dropdown {
  position: relative;
  display: inline-block;
}

.typofilter-dropdown .typofilter-dropbtn {
  background-color: #fff;
  color: #2064be;
  padding: 4px 10px;
  font-size: 12px;
  border: 1px solid #2064be;
  border-radius: 2px;
}

.typofilter-dropdown .typofilter-dropdown-content {
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  padding: 5px 10px;
}

.typofilter-dropdown .typofilter-dropdown-content a {
  color: #000;
  padding: 8px 10px;
  text-decoration: none;
  display: block;
  font-size: 12px;
}

.typofilter-dropdown-content a:hover {
  background-color: #ddd;
}

.typofilter-dropdown:hover .typofilter-dropdown-content {
  display: block;
}

.typofilter-dropdown:hover .typofilter-dropbtn {
  background-color: #2064be;
  color: #fff;
}

.typosquat-filter-wrapper {
  border: none !important;
  margin-bottom: 15px;
  display: flex;
  width: 100%;
}

#typo-domain-filter {
  display: none;
}

.typosquat-filter-heading {
  color: #508ff4 !important;
  background-color: #fff !important;
  padding: 8px 15px 15px !important;
  margin-right: 15px;
  cursor: pointer;
}

.typosquat-filter-inner-wrapper {
  display: none;
}

.typosquat-filter-wrapper .typo-filter-inner h4 {
  color: #1c5abe !important;
}

.typo-filter-inner {
  margin-bottom: 20px;
}

.typosquat-filter-wrapper .typo-filter-inner .typo-filter-content {
  padding-left: 15px;
}

.typo-filter-checkbox {
  font-weight: 400 !important;
  font-weight: 400 !important;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 10px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #696565;
  background-color: #e3e3e3;
  margin-right: 10px;
  border: 1px solid #e3e3e3;
  border-radius: 6px;
  padding: 10px 10px 10px 32px;
}

.typo-filter-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.typo-filter-checkmark {
  position: absolute;
  top: 8px;
  left: 10px;
  height: 18px;
  width: 18px;
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 3px;
}

.typo-filter-checkbox:hover input ~ .typo-filter-checkmark {
  background-color: #fff;
  border: 1px solid #eee;
}

.typo-filter-checkbox input:checked .typo-filter-checkbox {
  background-color: #e2edff;
  border: 1px solid #9fc1f7;
  color: #9fc1f7;
}

.typo-filter-checkbox input:checked ~ .typo-filter-checkmark {
  border: 1px solid #508ff4 !important;
}

.typo-filter-checkmark:after {
  content: '';
  position: absolute;
  display: none;
}

.typo-filter-checkbox input:checked ~ .typo-filter-checkmark:after {
  display: block;
}

.typo-filter-checkbox .typo-filter-checkmark:after {
  left: 8px;
  top: 3px;
  width: 3px;
  height: 9px;
  border: solid #508ff4;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.typo-stats-wrapper {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  padding: 20px;
  border-radius: 10px;
  margin: 20px 0 35px;
  position: relative;
}

.typo-stats-wrapper h4 {
  padding-left: 18px;
  color: #1c5abe;
  font-size: 14px;
  display: inline-block;
}

#typo-chart-inner-text {
  left: 49%;
  transform: translate(-38%, -50%);
  position: absolute;
  left: 50;
  top: 48%;
  text-align: center;
  font-size: 11px;
}

.typo-stats-wrapper #typo-chart-inner-text .first {
  font-size: 32px;
  color: #508ff4;
}

.typo-stats-wrapper #typo-chart-inner-text .second {
  font-size: 16px;
  color: #508ff4;
}

.dashboard-stats-chart {
  margin-top: 20px;
}

.security-advisory-wrapper {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  background-color: #fff;
  display: flex;
  width: 100%;
  margin-bottom: 30px;
}

.emails-wrapper {
  background-color: #eaf2ff;
  height: 100%;
}

.right-breaches-wrapper {
  background-color: #fff;
}

.left-border-color h4 {
  border-bottom: 2px solid #d7e2f5;
}

.right-border-color h4 {
  border-bottom: 2px solid #ccc;
}

.left-emails-wrapper h4,
.right-breaches-wrapper h4 {
  margin-top: 0;
  margin-bottom: 0;
  padding: 15px 0;
  font-size: 16px;
  color: #000;
}

.left-emails-wrapper .nav-pills > li.active {
  float: none;
  padding: 15px;
}

.left-emails-wrapper .nav-pills > li {
  float: none;
  padding: 6px;
  border-bottom: 2px solid #d7e2f5;
}

.left-emails-wrapper .nav-pills > li > a {
  color: #000;
}

.left-emails-wrapper .nav-pills > li.active > a,
.left-emails-wrapper .nav-pills > li.active > a:focus,
.left-emails-wrapper .nav-pills > li.active > a:hover {
  color: #fff;
  background-color: #508ff4;
  box-shadow: 0 9px 18px rgba(0, 0, 0, 0.2);
}

.breach-content-wrapper {
  padding: 0 15px;
}

.breach-wrapper {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  background-color: #fff;
  display: inline-block;
  width: 100%;
  padding: 10px;
  margin-top: 15px;
}

.breach-wrapper h6 {
  color: #235cf5;
  font-size: 14px;
}

.breach-inner-wrapper {
  margin-bottom: 10px;
  color: #000;
  font-size: 12px;
}

.breach-inner-wrapper .first {
  margin-bottom: 5px;
}

.email-breach-dropdown {
  position: relative;
  margin-bottom: 15px;
  float: right;
}

.email-breach-dropdown .typofilter-dropbtn {
  background-color: #2064be;
  color: #fff;
  padding: 4px 15px;
  font-size: 14px;
  border: 1px solid #2064be;
  border-radius: 2px;
  letter-spacing: 1px;
}

.email-breach-dropdown .typofilter-dropdown-content {
  display: none;
  position: absolute;
  background-color: #eaf2ff;
  min-width: 235px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  border: none;
  border-radius: 3px;
  padding: 10px 25px;
  left: -147px;
}

.email-breach-dropdown .typofilter-dropdown-content a {
  color: #000;
  padding: 8px 10px;
  text-decoration: none;
  display: block;
  font-size: 12px;
}

.breach-filter-heading {
  font-size: 14px;
}

.email-breach-dropdown .typofilter-dropdown-content a:hover {
  background-color: #ddd;
}

.email-breach-dropdown:hover .typofilter-dropdown-content {
  display: block;
}

.email-breach-dropdown:hover .typofilter-dropbtn {
  background-color: #2064be;
  color: #fff;
}

.typo-radio {
  font-weight: 400 !important;
  padding-left: 23px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 0;
  font-weight: 400 !important;
  cursor: pointer;
  font-size: 10px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.typo-radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.typo-checkmark {
  position: absolute;
  top: 8px;
  left: 0;
  height: 17px;
  width: 17px;
  background-color: #fff;
  border: 1px solid #e0dcdc;
}

.typo-radio input:checked ~ .typo-checkmark {
  background-color: #2196f3;
  border: none;
}

.typo-checkmark:after {
  content: '';
  position: absolute;
  display: none;
}

.typo-radio input:checked ~ .typo-checkmark:after {
  display: block;
}

.typo-radio .typo-checkmark:after {
  top: 5px;
  left: 5px;
  width: 8px;
  height: 8px;
  background: #fff;
}

.breaches-img-wrapper {
  text-align: center;
  width: 11.5rem;
  height: 11.5rem;
  background-color: #fff;
  margin: auto;
  line-height: 9.5rem;
  padding: 1rem;
  z-index: 9999;
  background-image: linear-gradient(382deg, #aeabb7, #cac9c6);
  border-radius: 1rem;
}

.breaches-img-wrapper img {
  width: 100%;
  padding: 10px;
  max-width: 75%;
}

.breach-right-info {
  padding-left: 25px !important;
}

.center-box .password-heading {
  margin-bottom: 6px;
  font-size: 16px;
  position: relative;
}

.center-box .pass-found {
  color: green;
}

.center-box .pass-not-found {
  color: #bc0707;
}

.center-box .pass-subtext {
  margin-bottom: 0;
  font-size: 13px;
  color: #000;
}

.myorg-pass {
  text-transform: uppercase;
  text-transform: capitalize;
  padding: 0.3rem 1rem;
  border-radius: 2rem;
  display: inline-block;
}

.emailbreach-table {
  margin-bottom: 0 !important;
}

.emailbreach-table tr td a.view-link {
  /* border: 1px solid #1c5abe; */
  color: var(--primary);
  /* background-color: #fff; */
  /* padding: 0.3rem 1rem; */
  /* border-radius: 0.4rem; */
  text-transform: capitalize;
  font-size: 1.2rem;
  display: block;
}

.pass-breached {
  color: var(--darkred-color);
  background-color: rgb(152 16 16 / 20%);
}

.pass-not-breached {
  color: var(--positive-color);
  background-color: rgb(14 125 68 / 20%);
}

.rb-email-breach label.rblookup-label {
  position: relative;
  left: -4px;
  border-radius: 0 4px 4px 0;
}

.emailbreach-table-res {
  margin-bottom: 30px !important;
}

.emailbreach-table tr td a {
  color: #337ab7;
}

.emailbreach-table tr td {
  text-align: left;
  font-size: 11px;
}

.rb-email-breach label.rborg-label {
  border-radius: 4px 0 0 4px;
}

.rb-org:checked + label,
.rb-lookup:checked + label {
  color: #fff !important;
}

.rb-riskrating:checked + label,
.rb-customscore:checked + label {
  color: #1c5abe;
  background-color: transparent !important;
  border: none;
  padding: 0 8px 0 0;
  font-size: 14px;
}

.rb-riskrating-label,
.rbcustomscore-label {
  background-color: transparent !important;
  border: none;
  padding: 0 8px 0 0;
  font-size: 14px;
  color: #000;
  cursor: pointer;
}

.rb-org,
.rb-lookup,
.rb-riskrating,
.rb-customscore {
  width: 1px;
  height: 1px;
  position: absolute;
}

.rborg-label,
.rblookup-label {
  color: #1c5abe;
  font-size: 13.5px !important;
  text-align: center;
  padding: 7px 16px 16px !important;
  transition: all 0.1s ease-in-out;
  margin-bottom: 0;
  font-weight: 400;
}

.myorg,
.lookup,
.riskrating,
.customscore {
  display: none;
}

.rb-org:checked ~ .myorg {
  display: inline;
}

.rb-riskrating:checked ~ .riskrating {
  display: inline;
}

.rb-lookup:checked ~ .lookup {
  display: inline;
}

.rb-customscore:checked ~ .customscore {
  display: inline;
}

.emailbreach-lookup-wrapper {
  margin: 35px auto;
  width: 510px;
}

.lookup-searchbox {
  position: relative;
  display: flex;
  border-radius: 0 6px 6px 0;
}

.lookup-searchbox select {
  border: 1px solid #e0dede;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  border-radius: 6px 0 0 6px;
  border-right: 0;
  padding: 0 8px;
  font-size: 13px;
}

.lookup-searchbox i {
  top: 0;
  position: absolute;
  left: 0;
  height: 60px;
  line-height: 62px;
  width: 40px;
  text-align: center;
  color: #838383;
  font-size: 16px;
}

.lookup-searchbox input[type='search'] {
  height: 4.5rem;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  border: 1px solid #e0dede;
  border-radius: 0 6px 6px 0;
}

.custom-email-search {
  display: flex;
  align-items: center;
}

.custom-email-results-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ececec;
  padding: 1.5rem;
  border-radius: 2rem;
  margin: 3.5rem 0;
}

.custom-email-results-wrapper .first-no {
  color: #000;
  font-size: 2.2rem;
  margin-bottom: 0.7rem;
}

.custom-email-results-wrapper .second-text {
  color: #838383;
  font-size: 1.3rem;
}

.custom-email-breach-wrapper {
  padding: 25px 20px 20px !important;
  margin-bottom: 35px !important;
  text-align: left;
}

.custom-email-breach-wrapper ul,
.lookup-options ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

.custom-email-breach-wrapper ul li {
  margin-bottom: 13px;
  color: #000;
}

.custom-email-breach-wrapper ul li:last-child {
  margin-bottom: 0;
}

.custom-email-breach-wrapper ul li span {
  margin-left: 10px;
  font-weight: 400;
  font-size: 12px;
}

.available-color {
  color: green;
}

.unavailable-color {
  color: #bc0707;
}

.lookup-options ul {
  margin: 25px 0;
  display: flex;
  justify-content: center;
}

.lookup-options ul li.active a {
  background-color: #508ff4 !important;
  padding: 6px 15px;
  border-radius: 4px;
}

.lookup-options ul li a {
  border: 1px solid #508ff4 !important;
  padding: 6px 15px 15px !important;
  border-radius: 4px !important;
  margin-right: 10px;
  float: left !important;
}

.custom-email-breach-wrapper h6 {
  padding-left: 15px;
}

.asset-manager-stats-wrapper {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  padding: 10px 20px;
  border-radius: 10px;
  margin: 0px 0 35px;
}

.asset-manager-stats-wrapper h4 {
  padding-left: 18px;
  color: #1c5abe;
  font-size: 14px;
  display: inline-block;
}

.asset-manager-stats-wrapper p {
  padding-left: 18px;
  color: #838383;
  font-size: 12px;
}

.first-breach-info {
  margin-bottom: 10px;
}

.breach-info .first {
  font-size: 1.3rem;
  margin-bottom: 0.4rem;
  font-weight: 500;
}

.breach-info .second {
  font-size: 1.2rem;
  font-weight: 500;
}

.organisation-chart img {
  height: 100px;
}

.lookup-wrapper {
  flex: 1;
}

.integrate-table {
  margin-bottom: 30px !important;
}

.integrate-table tr td .integration-availability {
  color: #fff;
  padding: 1px 8px;
  border-radius: 10px;
  text-transform: uppercase;
  display: inline-block;
}

.integrate-table tr td .not-available {
  background-color: #bc0707;
}

.integrate-table tr td .available {
  background-color: #25a01c;
}

#successToast,
#servicenowsuccessToast {
  visibility: hidden;
  min-width: 250px;
  margin-left: -125px;
  background-color: #fff;
  color: green;
  text-align: center;
  border-radius: 34px;
  padding: 9px 20px;
  position: fixed;
  z-index: 99999999;
  left: 50%;
  bottom: 30px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);
}

#successToast.showtoast,
#servicenowsuccessToast.showtoast {
  visibility: visible;
  -webkit-animation:
    fadein 0.5s,
    fadeout 0.5s 2.5s;
  animation:
    fadein 0.5s,
    fadeout 0.5s 2.5s;
  visibility: visible;
  -webkit-animation:
    fadein 0.5s,
    fadeout 0.5s 2.5s;
  animation:
    fadein 0.5s,
    fadeout 0.5s 2.5s;
  visibility: visible;
  -webkit-animation:
    fadein 0.5s,
    fadeout 0.5s 2.5s;
  animation:
    fadein 0.5s,
    fadeout 0.5s 2.5s;
}

@-webkit-keyframes fadein {
  from {
    bottom: 0;
    opacity: 0;
  }

  to {
    bottom: 30px;
    opacity: 1;
  }
}

@keyframes fadein {
  from {
    bottom: 0;
    opacity: 0;
  }

  to {
    bottom: 30px;
    opacity: 1;
  }
}

@-webkit-keyframes fadeout {
  from {
    bottom: 30px;
    opacity: 1;
  }

  to {
    bottom: 0;
    opacity: 0;
  }
}

@keyframes fadeout {
  from {
    bottom: 30px;
    opacity: 1;
  }

  to {
    bottom: 0;
    opacity: 0;
  }
}

.form-group.mandatory .asset-label:after,
.form-group .asset-label:after,
.form-group small:after {
  content: '*';
  color: red;
  margin-left: 2px;
}

.settings-togglebtn {
  margin-left: 0 !important;
}

.integration-wrapper {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  padding: 0;
  border-radius: 6px;
  margin-bottom: 20px;
  display: inline-block;
  width: 100%;
  text-align: center;
  position: relative;
}

.gitlab-wrapper {
  background-image: linear-gradient(165deg, #e24329, #fca326);
  padding: 1rem;
  opacity: 0.9;
}

.gray-wrapper {
  background-image: linear-gradient(165deg, #28313b, #485461);
  padding: 1rem;
  opacity: 0.9;
}

.lightblue-wrapper {
  background-image: linear-gradient(165deg, #83eaf1, #63a4ff);
  padding: 1rem;
  opacity: 0.9;
}

.blue-green-wrapper {
  background-image: linear-gradient(165deg, #20bf55, #01baef);
  padding: 1rem;
  opacity: 0.9;
}

.purple-wrapper {
  background-image: linear-gradient(165deg, #000, #923cb5);
  padding: 1rem;
  opacity: 0.9;
}

.lightred-wrapper {
  background-image: linear-gradient(165deg, #ffa69e, #861657);
  padding: 1rem;
  opacity: 0.9;
}

.darkblue-wrapper {
  background-image: linear-gradient(165deg, #009ffd, #2a2a72);
  padding: 1rem;
  opacity: 0.9;
}

.jira-wrapper {
  background-image: linear-gradient(165deg, #647dee, #7f53ac);
  padding: 1rem;
  opacity: 0.9;
}

.darkred-wrapper {
  background-image: linear-gradient(165deg, #b91372, #6b0f1a);
  padding: 1rem;
  opacity: 0.9;
}

.net-wrapper {
  background-image: linear-gradient(165deg, #fb7ba2, #fce043);
  padding: 1rem;
  opacity: 0.9;
}

.green-wrapper {
  background-image: linear-gradient(165deg, #233329, #63d471);
  opacity: 0.9;
  background-image: linear-gradient(165deg, #233329, #63d471);
  padding: 1rem;
  opacity: 0.9;
}

.integration-img {
  width: 11.5rem;
  height: 11.5rem;
  background-color: #fff;
  border-radius: 50%;
  margin: auto;
  line-height: 9.5rem;
  padding: 1rem;
  z-index: 9999;
}

.thirdparty-img img {
  padding: 22px 22px !important;
}

.integration-img img {
  width: 100%;
  padding: 12px;
}

.integration-btn {
  padding: 1rem 1.5rem;
}

.integration-btn .whitelist-domain {
  display: flex;
  margin: 4px 0;
  align-items: center;
  position: relative;
  cursor: pointer;
}

.integration-btn .whitelist-domain .left {
  margin-right: 10px;
  color: #1c5abd;
  font-size: 18px;
}

.whitelist-domain:hover .whitelist-wrapper {
  display: block;
}

.whitelist-wrapper {
  display: none;
  position: absolute;
  top: 100%;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  z-index: 9;
  padding: 10px 13px;
  border-radius: 6px;
  color: #000;
  font-size: 11px;
  font-weight: 500;
  max-height: 90px;
  width: 100%;
  overflow: auto;
}

.whitelist-wrapper ul {
  padding-left: 0;
  list-style: none;
}

.whitelist-wrapper ul li {
  margin-bottom: 10px;
}

.integration-btn p {
  word-break: break-all;
  color: #000;
  font-size: 1.4rem;
  text-transform: uppercase;
  margin: 0.5rem 0;
}

.integration-btn p.last-updated-logo {
  color: #838383;
  font-size: 12px;
}

.integration-btn .btn {
  border: none;
  padding: 0.3rem 1.2rem 0.4rem;
  border-radius: 30px;
  font-size: 1.2rem;
  margin: 1rem auto;
  display: block;
  width: 50%;
}

.integration-btn .btn-primary {
  background-color: #1c5abe !important;
  color: #fff !important;
}

.integration-btn .btn-default {
  background-color: #e0dede !important;
}

.assets-risk-wrapper {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  padding: 15px;
  border-radius: 6px;
  margin-bottom: 20px;
  display: inline-block;
  width: 100%;
}

.version-wrapper {
  text-align: center;
}

.version-wrapper p {
  font-size: 12px;
  margin-bottom: 8px;
  color: #000;
}

.assets-at-risk ul {
  list-style: none;
  padding-left: 20px;
}

.assets-at-risk ul li {
  margin-bottom: 5px;
}

.assets-pills li {
  float: none !important;
  margin-bottom: 15px;
}

.assets-pills li a {
  padding: 6px 15px 15px !important;
  color: #1c5abe !important;
  border-radius: 30px !important;
  font-size: 12px !important;
}

.assets-pills > li.active > a,
.assets-pills > li.active > a:focus,
.assets-pills > li.active > a:hover {
  color: #fff !important;
  background-color: #1c5abe !important;
}

.cve-tracker-wrapper p {
  color: #000;
  font-size: 12px;
}

.cve-tracker-wrapper {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  padding: 15px;
  display: inline-block;
  width: 100%;
  margin: 0px 8px 20px;
}

.cve-tracker-outer-wrapper {
  display: flex;
}

.cve-tracker-filter-left {
  width: 18% !important;
}

.cve-tracker-main-content {
  width: 82% !important;
}

.cve-tracker-wrapper h5 {
  text-transform: uppercase;
  font-size: 12px;
  padding: 5px 0;
  text-align: center;
  border-radius: 2px;
}

.cve-tracker-yellow {
  border-top: 3px solid #e1a12c;
}

.cve-tracker-blue {
  border-top: 3px solid #20c7ef;
}

.cve-tracker-pink {
  border-top: 3px solid #eb4a8a;
}

.cve-tracker-red {
  border-top: 3px solid #bc0707;
}

.cve-tracker-green {
  border-top: 3px solid green;
}

.cve-tracker-darkblue {
  border-top: 3px solid #1c5abe;
}

.cve-tracker-no {
  font-size: 18px;
  margin-bottom: 8px;
}

.cve-tracker-wrapper .first {
  margin-bottom: 0;
}

.cve-tracker-yellow h5 {
  color: #e1a12c;
  background-color: rgba(225, 161, 44, 0.3);
}

.cve-tracker-blue h5 {
  color: #20c7ef;
  background-color: rgba(32, 199, 239, 0.3);
}

.cve-tracker-pink h5 {
  color: #eb4a8a;
  background-color: rgba(235, 74, 138, 0.3);
}

.cve-tracker-red h5 {
  color: #bc0707;
  background-color: rgba(188, 7, 7, 0.3);
}

.cve-tracker-green h5 {
  color: green;
  background-color: rgba(0, 128, 0, 0.3);
}

.cve-tracker-darkblue h5 {
  color: #1c5abe;
  background-color: rgba(28, 90, 190, 0.3);
}

.cve-tracker-blue .cve-tracker-no {
  color: #20c7ef;
}

.cve-tracker-pink .cve-tracker-no {
  color: #eb4a8a;
}

.cve-tracker-yellow .cve-tracker-no {
  color: #e1a12c;
}

.cve-tracker-red .cve-tracker-no {
  color: #bc0707;
}

.cve-tracker-green .cve-tracker-no {
  color: green;
}

.cve-tracker-darkblue .cve-tracker-no {
  color: #1c5abe;
}

.cve-table {
  margin-bottom: 0 !important;
}

.cve-table thead tr th {
  border-bottom: none;
}

.cve-table tbody tr td {
  font-size: 12px;
}

.cve-pills li {
  float: none !important;
  margin-bottom: 10px;
}

.cve-pills li.active a {
  background-color: rgba(28, 90, 190, 0.3) !important;
  border: none !important;
  color: #000 !important;
}

.cve-pills li a {
  padding: 5px 10px 10px !important;
  background-color: #fff !important;
  font-size: 11px !important;
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  border-radius: 18px;
}

.cve-pills li a:hover {
  text-decoration: none;
}

.cve-heading-wrapper {
  justify-content: space-between;
  font-size: 1.8rem;
  display: flex;
  align-items: center;
}

.share-cve a img {
  height: 12px;
}

.cve-version-no {
  font-size: 12px;
}

.cve-pills > li + li {
  margin-left: 0 !important;
}

.cve-pills h5 {
  text-transform: uppercase;
  font-size: 12px;
  display: flex;
  align-items: center;
}

.cve-prod-heading-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 5px 0 7px;
}

.cve-prod-heading-wrapper h5 img {
  height: 14px;
  margin-right: 6px;
}

.cve-prod-heading-wrapper .prod-no {
  background-color: #1c5abe !important;
  height: 18px;
  line-height: 17px;
  border-radius: 10px;
  color: #fff;
  text-align: center;
}

.cve-product-list {
  border-left: 2px solid #1c5abe;
}

.news-bites-wrapper {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  padding: 20px 0px;
  border-radius: 6px;
  margin-bottom: 20px;
}

.news-bites-inner h4 {
  margin-top: 0;
  font-size: 14px;
}

.news-bites-inner .source {
  display: inline-block;
  background-color: #c7ddff;
  border-radius: 30px;
  padding: 2px 10px;
  font-size: 12px;
  margin-bottom: 10px;
}

.news-bites-inner {
  border-left: 5px solid #1c5abe;
  padding: 0 20px;
}

.news-bites-inner .main-content {
  font-size: 12px;
  margin-bottom: 0;
}

.myalerts-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #ebf2f7;
  padding: 0px 15px 15px;
}

.myalerts-wrapper h5 {
  margin: 0;
}

.myalerts-no {
  background-color: #1c5abe;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 25px;
  color: #fff;
  border-radius: 15px;
}

.myalerts-wrapper h5 span img {
  width: 100%;
  max-width: 15px;
  position: relative;
  top: -1px;
  margin-right: 6px;
}

.alerts-item {
  padding: 0;
  list-style: none;
}

.alerts-item li {
  padding: 15px 15px 15px 25px;
  border-bottom: 1px solid #eee;
  position: relative;
}

.myalerts-info-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.myalerts-info-wrapper .alert-name {
  font-size: 12px;
  color: #000;
}

.alert-actions img {
  margin-left: 8px;
}

.alert-border {
  width: 5px;
  height: 35px;
  position: absolute;
  left: 11px;
  top: 8px;
  border-radius: 6px;
  opacity: 0.6;
}

.yellow-alert-border {
  background-color: #e1a12c;
}

.red-alert-border {
  background-color: #bc0707;
}

.green-alert-border {
  background-color: green;
}

.news-alerts-wrapper {
  padding: 20px 0 0;
}

.phishing-searchbar .btn,
.phishing-searchbar .btn:hover,
.phishing-searchbar .open > .dropdown-toggle.btn-primary,
.phishing-searchbar .open > .dropdown-toggle.btn-primary:focus,
.phishing-searchbar .open > .dropdown-toggle.btn-primary:hover {
  border: 1px solid rgba(34, 36, 38, 0.15);
  background-color: #fff;
  border-radius: 2px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.87);
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  padding: 0.78571429em 2.1em 0.78571429em 1em;
}

.phishing-searchbar .dropdown-menu > li > a {
  padding: 10px 20px;
}

.phishing-searchbar .dropdown-menu {
  padding: 0;
  width: 100%;
}

.img-inner .accu-wrapper {
  background-color: rgba(0, 0, 0, 0.7);
  position: absolute;
  top: 50%;
  font-size: 16px;
  color: #fff;
  text-align: center;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  padding: 2px 20px;
  border-radius: 28px;
  border: 1px solid #ffffffb8;
}

.web-ip-rep-wrapper {
  border-top: 1px solid #ddd;
  display: inline-block;
  width: 100%;
  padding: 10px 0px 5px;
  text-align: center;
}

.web-ip-header .typo-flextable {
  display: flex;
  align-items: center;
  font-size: 12px;
  justify-content: center;
}

.web-ip-header .typo-flextable .number {
  margin-right: 3px;
}

.web-ip-header .typo-flextable .value {
  color: #fff;
  padding: 1px 8px 2px;
  border-radius: 10px;
  font-size: 11px;
}

.web-ip-header .typo-flextable .high-value {
  background-color: #bc3125;
}

.web-ip-header .typo-flextable .safe-value {
  background-color: green;
}

.web-ip-header .typo-flextable .warning-value {
  background-color: #bc3125;
}

.loader-bar .progress {
  height: 12px;
  background-color: transparent !important;
  border-radius: 30px;
  border: 2px solid #b7d3ff;
}

.loader-bar .progress-bar {
  background-color: #b7d3ff;
  box-shadow: none;
}

.dropdown-select {
  background-color: #f3f4f8;
  border-radius: 6px;
  border: solid 1px #ddd;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  float: left;
  font-size: 12px;
  font-weight: normal;
  height: auto;
  line-height: 22px;
  outline: 0;
  padding: 5px 30px 5px 18px;
  position: relative;
  text-align: left !important;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  word-break: break-all;
  width: auto;
}

.dropdown-select:focus {
  background-color: #f3f4f8;
}

.dropdown-select:hover {
  background-color: #f3f4f8;
}

.dropdown-select:active,
.dropdown-select.open {
  background-color: #f3f4f8 !important;
  border-color: #bbb;
}

.dropdown-select:after {
  height: 0;
  width: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #777;
  -webkit-transform: origin(50% 20%);
  transform: origin(50% 20%);
  transition: all 0.125s ease-in-out;
  content: '';
  display: block;
  margin-top: -2px;
  pointer-events: none;
  position: absolute;
  right: 10px;
  top: 50%;
}

.dropdown-select.open:after {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.dropdown-select.open .list {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  pointer-events: auto;
}

.dropdown-select.open .option {
  cursor: pointer;
}

.dropdown-select.wide {
  width: 100%;
}

.dropdown-select.wide .list {
  left: 0 !important;
  right: 0 !important;
}

.dropdown-select .list {
  left: 0;
  z-index: 999;
  max-height: 250px;
  overflow: auto;
  box-sizing: border-box;
  transition:
    all 0.15s cubic-bezier(0.25, 0, 0.25, 1.75),
    opacity 0.1s linear;
  -webkit-transform: scale(0.75);
  transform: scale(0.75);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  background-color: #fff;
  border-radius: 6px;
  margin-top: 4px;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: 100%;
}

.dropdown-select .list:hover .option:not(:hover) {
  background-color: transparent !important;
}

.dropdown-select .dd-search {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.5rem;
}

.dropdown-select .dd-searchbox {
  width: 90%;
  padding: 0.5rem;
  border: 1px solid #ddddde;
  border-radius: 4px;
  outline: 0;
  height: 34px;
}

.dropdown-select .dd-searchbox:focus {
  border-color: #12cbc4;
}

.dropdown-select .list ul {
  padding: 0;
}

.dropdown-select .option {
  cursor: default;
  font-weight: 400;
  line-height: 16px;
  outline: 0;
  padding: 1rem;
  text-align: left;
  transition: all 0.2s;
  list-style: none;
}

.dropdown-select .option:hover,
.dropdown-select .option:focus {
  background-color: #f6f6f6 !important;
}

.dropdown-select .option.selected {
  color: #1c5abe;
}

.dropdown-select .option.selected:focus {
  background: #f6f6f6;
}

.dropdown-select a {
  color: #aaa;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
}

.dropdown-select a:hover {
  color: #666;
}

.integration-btn-group {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  margin: 10px 0;
}

.integration-btn-group .btn {
  padding: 0.5rem 2rem;
  border-radius: 0.4rem;
  transition: all 0.2s;
  font-size: 1.3rem;
}

.btn-accept {
  border: 1px solid green !important;
  border: 1px solid green !important;
}

.integration-btn-group .btn:hover {
  cursor: pointer;
  color: #fff;
}

.btn-accept:hover {
  background-color: green;
}

.btn-decline {
  border: 1px solid #8b0000 !important;
  border: 1px solid #8b0000 !important;
}

.btn-decline:hover {
  background-color: #8b0000;
}

.phishing-searchbar .heading {
  color: #1c5abe;
  margin: 0 0 30px;
}

.phishing-results-inner {
  display: flex;
  align-items: center;
}

.phishing-results-inner h6 {
  font-size: 14px;
  width: 50%;
}

.phishing-results-inner h6.left {
  color: #000;
}

.phishing-results-inner h6.right {
  margin-left: 20px;
  color: #1c5abe;
}

.phishing-images img {
  width: 100%;
  border-radius: 8px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  margin-top: 15px;
}

.phishing-searchbar {
  margin: 15px 0;
}

.card-deck {
  display: flex;
}

.mobapp-wrapper .img {
  height: auto !important;
}

.phishing-wrapper {
  flex: 1;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
  margin-bottom: 25px;
  position: relative;
  display: grid;
  grid-template-rows: repeat(auto-fit, minmax(14rem, 1fr));
}

.phishing-wrapper .img {
  height: 135px;
}

.content-main {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 1px;
}

.content-main-info {
  padding: 15px 10px;
  background-color: #fff;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 65px 1fr 50px;
  grid-gap: 15px;
  grid-gap: 12px;
}

.content-inner-info {
  display: flex;
}

.content-inner-info .icon {
  margin-right: 10px;
}

.content-inner-info .icon span {
  color: #e1a12c;
}

.content-main-btns {
  padding: 0.5rem 1.5rem 0.6rem;
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #ddd;
}

.content-main-btns .left {
  border-right: 1px solid #ddd;
}

.approve-btn {
  color: green !important;
}

.disapprove-btn {
  color: #bc0707 !important;
}

.btn:focus {
  outline: none !important;
}

.verify-btn {
  color: #1c5abe !important;
}

.content-main-btns .btn {
  padding: 0.8rem 1.2rem 1.2rem !important;
  font-size: 1.3rem !important;
  text-transform: uppercase;
  background-color: transparent !important;
  border: none;
}

.img-inner {
  position: relative;
  padding: 15px;
  height: 150px;
}

.img-inner .img {
  padding: 15px;
  position: relative;
}

.img-number {
  background: #e1a12c !important;
  left: 29px;
  background-color: #e1a12c !important;
  border: 1px solid;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  color: #fff;
  border-radius: 50%;
  z-index: 9;
}

.img-share {
  background: #e1a12c !important;
  background-color: #e1a12c !important;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  border-radius: 50%;
  z-index: 9;
}

.overlayPhishingImg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  background: #000;
  opacity: 0.35;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.phishing-wrapper-detail {
  display: flex;
  justify-content: center;
  align-items: center;
}

.phish-det-icon {
  text-align: center;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  font-size: 14px;
  line-height: 35px;
  margin-bottom: 3px;
  color: #fff;
}

.phish-det-blue-ico {
  background-color: #004ec2;
}

.phish-det-pink-ico {
  background-color: #eb4a8a;
}

.phish-det-lightblue-ico {
  background-color: #20c7ef;
}

.phishing-wrapper-detail h6.first {
  text-align: left;
  font-weight: 400;
  margin: 0 10px;
  font-size: 12px;
  line-height: 18px;
  color: #838383;
}

.phishing-wrapper-detail h6.second {
  font-size: 18px;
}

.phishing-outer-wrapper {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  padding: 26px 0;
  border-radius: 6px;
  margin: 0 0 20px;
  display: inline-block;
  width: 100%;
}

.url-risk-severity {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  padding: 15px 20px;
  background-color: #fff;
  display: flex;
  margin: 15px 0;
  align-items: center;
}

.url-risk-pink {
  border-left: 25px solid #f05f6b;
}

.url-risk-orange {
  border-left: 25px solid #fc9e74;
}

.url-risk-blue {
  border-left: 25px solid #4b86e4;
}

.url-risk-green {
  border-left: 25px solid #9ee09a;
}

.url-risk-text p {
  margin-bottom: 0;
}

.url-risk-text .url-risk-text-pink {
  color: #f05f6b;
}

.url-risk-text .url-risk-text-orange {
  color: #fc9e74;
}

.url-risk-text .url-risk-text-blue {
  color: #4b86e4;
}

.url-risk-text .url-risk-text-green {
  color: #9ee09a;
}

.url-risk-text p.first {
  font-size: 18px;
}

.url-risk-text p.second {
  font-size: 13px;
  color: #000;
}

#urlchart-inner-text {
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  left: 50;
  top: 50%;
  text-align: center;
  color: #000;
  text-transform: uppercase;
}

#urlchart-inner-text span {
  font-size: 12px;
}

.url-risk-wrapper {
  padding: 0 30px;
}

.urk-risk-searchbar {
  margin: 30px 0 20px;
}

.urk-risk-searchbar .form-group i {
  top: 0;
  position: absolute;
  left: 3px;
  height: 28px;
  line-height: 28px;
  width: 28px;
  text-align: center;
  color: #8e8a8a;
}

.urk-risk-searchbar .form-control {
  margin-left: 0 !important;
  padding-left: 30px;
  background-color: #f3f4f8;
  border: none;
  box-shadow: none;
  border-radius: 30px;
  height: 28px;
}

.url-risk-filter-wrapper {
  background-color: #508ff4;
  padding: 17px 15px;
  border-radius: 3px;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.url-risk-filter-wrapper h6 {
  margin: 0;
  color: #fff;
}

.url-risk-filter-radio {
  font-weight: 400 !important;
  padding-left: 20px;
  color: #fff;
  margin-bottom: 0;
  font-weight: 400 !important;
  cursor: pointer;
  font-size: 10px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.url-risk-filter-radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.url-risk-filter-radio input:checked ~ .filter-checkmark {
  background-color: #fff;
  border: none;
}

.url-risk-filter-radio input:checked ~ .filter-checkmark:after {
  display: block;
}

.url-risk-filter-radio .filter-checkmark:after {
  top: 3px;
  left: 3px;
  width: 9px;
  height: 9px;
  background: #508ff4;
}

.url-risk-summary-table table tr td {
  text-align: center;
}

.acc-ip-grade span.certigrade-a {
  background-color: #25a01c;
  color: #fff;
}

.acc-ip-grade span.certigrade-b {
  background-color: #79e279;
  color: #000;
}

.acc-ip-grade span.certigrade-c {
  background-color: #f8d74c;
  color: #000;
}

.acc-ip-grade span.certigrade-d {
  background-color: #f27222;
  color: #fff;
}

.acc-ip-grade span.certigrade-e {
  background-color: #bc0707;
  color: #fff;
}

.acc-ip-grade span.certigrade-f {
  background-color: #7f86fb;
  color: #fff;
}

.acc-ip-grade {
  float: right;
  color: #000;
}

.tooltip {
  font:
    1.6rem 'Poppins',
    sans-serif !important;
  display: inline-block;
  font-size: 11px !important;
  cursor: pointer;
  opacity: 1;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: auto;
  background-color: #000;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 10px;
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

.tooltip .tooltiptexturl {
  font-size: 10px !important;
  background-color: #000;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 10px;
  font-size: 10px !important;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1;
}

.tooltip:hover .tooltiptexturl {
  visibility: visible;
}

.osint-table tr td .typo-flextable {
  display: flex;
  align-items: center;
}

.osint-table tr td .typo-flextable .number {
  margin-right: 3px;
}

.osint-table tr td .typo-flextable .high-value {
  background-color: #bc3125;
}

.osint-table tr td .typo-flextable .warning-value {
  background-color: #bc0707;
}

.osint-table tr td .typo-flextable .safe-value {
  background-color: #25a01c;
}

.osint-table tr td .typo-flextable .medium-value {
  background-color: #f27222;
}

.osint-table tr td .typo-flextable .low-value {
  background-color: #f8d74c;
}

.osint-table tr td .typo-flextable .value {
  color: #fff;
  padding: 1px 8px;
  border-radius: 10px;
  text-transform: uppercase;
}

#more {
  display: none;
}

#more1 {
  display: none;
}

#more2 {
  display: none;
}

#more3 {
  display: none;
}

#stats-more {
  display: none;
}

.techno-tags {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  margin-top: 5px;
}

.techno-tags li {
  display: inline-block !important;
}

.techno-tags li.cve-references-wrapper:last-child {
  margin-bottom: 0;
}

.ssl-popup-body .sha-ssl-wrapper:nth-of-type(odd) {
  background-color: #f9f9f9;
}

.ssl-score-wrap {
  cursor: pointer;
  margin: 15px auto;
  width: 150px;
  height: 150px;
  background: rgba(28, 90, 190, 0.3) !important;
  border-radius: 50%;
}

.ssl-popup-body {
  padding: 15px 1px 1px !important;
}

.ssl-popup-body h6 {
  font-size: 11px;
}

.ssl-footer .btn {
  text-transform: uppercase;
  padding: 3px 20px;
}

.ssl-footer .cancel-pass-btn {
  background-color: #fff;
  border: 1px solid #000;
  color: #000;
}

.sha-ssl-wrapper {
  display: flex;
  align-items: center;
  font-size: 12px;
}

.ssl-header {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.ssl-footer {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.ssl-score-wrap .circle .mask,
.ssl-score-wrap .circle .fill {
  width: 150px;
  height: 150px;
  position: absolute;
  border-radius: 50%;
}

.ssl-score-wrap .circle .mask {
  clip: rect(0px, 150px, 150px, 75px);
}

.ssl-score-wrap .circle .mask .fill {
  border: 10px solid #1c5abe !important;
}

.ssl-score-wrap .circle .mask.full,
.ssl-score-wrap .circle .fill {
  animation: fill ease-in-out 3s;
  transform: rotate(104deg);
  animation: fill ease-in-out 3s;
  transform: rotate(104deg);
  animation: fill ease-in-out 3s;
  transform: rotate(104deg);
}

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

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

.ssl-score-wrap .ssl-inside-circle {
  width: 130px;
  height: 130px;
  border-radius: 50%;
  background: #fff;
  text-align: center;
  margin-top: 10px;
  margin-left: 10px;
  position: absolute;
  z-index: 100;
  font-size: 14px;
  color: #4d4f5c;
  padding: 40px 0;
}

.ssl-score-wrap .ssl-inside-circle span {
  font-size: 24px;
  color: #000;
}

.ssl-score-btn {
  text-align: right;
  margin: 20px 0;
}

.ssl-score-wrapper {
  display: none;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  padding: 15px;
}

.technology-wrapper {
  padding: 2rem 1.4rem;
  border-radius: 4px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  text-align: center;
  margin: 1.5rem 0;
}

.techno-img img {
  height: 30px;
  width: 30px;
}

.techno-content {
  margin-top: 1rem;
  font-size: 1.3rem;
}

.techno-subtext {
  font-size: 1.2rem;
  margin-top: 0.6rem;
  color: #000;
}

.osint-main-heading {
  font-size: 1.4rem;
  font-weight: 600;
  color: #1c5abe !important;
  text-transform: uppercase;
  margin-bottom: 2rem;
}

.whois-outer-wrapper {
  width: 550px;
  width: 675px;
  margin: auto;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  padding: 15px 0;
  border-radius: 8px;
}

.whois-outer-wrapper h4 {
  color: #1c5abe !important;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  margin: auto;
}

#myCarousel {
  max-width: 650px;
  margin: 0 auto;
  background: #fff;
}

#thumbCarousel {
  max-width: 650px;
  margin: 0 auto;
  overflow: hidden;
  background: #fff;
  padding: 10px 0;
}

#thumbCarousel .thumb {
  float: left;
  margin-right: 10px;
  border: 1px solid #e6e6e6;
  background: #fff;
}

#thumbCarousel .thumb:last-child {
  margin-right: 0;
}

.thumb:hover {
  cursor: pointer;
}

.thumb img {
  opacity: 0.5;
}

.thumb img:hover {
  opacity: 1;
}

.thumb.active img {
  opacity: 1;
  border: 1px solid grey;
}

#network_table thead .sorting_desc {
  background: #e3e9ef url('/images/sort_desc.png') no-repeat center right !important;
  border-top-left-radius: 0px !important;
}

#network_table thead .sorting_asc {
  background: #e3e9ef url('/images/sort_asc.png') no-repeat;
  background: #e3e9ef url('/images/sort_asc.png') no-repeat center right !important;
  border-top-left-radius: 0px !important;
}

.webrisk-tab-content {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  margin: 0 0 20px;
  display: inline-block;
  width: 100%;
  padding: 10px;
}

.webrisk-main-heading {
  display: flex;
  align-items: center;
}

.webrisk-link {
  list-style: none;
}

.webrisk-link li {
  margin-bottom: 10px;
  font-size: 12px;
}

.webrisk-link li div {
  color: #3d84ef;
  text-decoration: underline;
}

.webrisk-link li p {
  font-size: 12px;
}

.webrisk-link li i {
  font-size: 14px;
  margin-right: 5px;
}

.webrisk-techno {
  list-style: none;
  padding-left: 0;
}

.techno-info-wrapper .techno-logo img {
  height: 20px;
  margin-right: 5px;
}

.webrisk-techno li {
  padding: 8px 10px;
  border-bottom: 1px solid #eee;
  position: relative;
}

.techno-info-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.techno-info-wrapper .techno-logo {
  display: flex;
  align-items: center;
  font-size: 12px;
}

.techno-info-wrapper .techno-name {
  font-size: 12px;
  padding: 0 15px;
  border-radius: 30px;
}

.techno-name-wrapper {
  display: flex;
  align-items: center;
}

.techno-name-wrapper .techno-name {
  margin-left: 10px;
}

.techno-info-wrapper .wordpress-text {
  background-color: rgba(50, 55, 60, 0.3);
  color: #32373c;
}

.techno-info-wrapper .bootstrap-text {
  background-color: rgba(86, 61, 124, 0.3);
  color: #563d7c;
}

.techno-info-wrapper .jquery-text {
  background-color: rgba(21, 107, 175, 0.3);
  color: #156baf;
}

.techno-info-wrapper .font-text {
  background-color: rgba(51, 154, 240, 0.3);
  color: #339af0;
}

.techno-info-wrapper .php-text {
  background-color: rgba(54, 68, 127, 0.3);
  color: #36447f;
}

.techno-info-wrapper .seo-text {
  background-color: rgba(115, 174, 43, 0.3);
  color: #73ae2b;
}

.techno-info-wrapper .cloud-text {
  background-color: rgba(244, 129, 31, 0.3);
  color: #f4811f;
}

.techno-info-wrapper .googlefont-text {
  background-color: rgba(219, 69, 58, 0.3);
  color: #db453a;
}

.webrisk-main-icon {
  text-align: center;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  font-size: 18px;
  margin: auto auto 3px;
  line-height: 32px;
}

.webrisk-categories-wrapper {
  display: flex;
}

.stats-outer-wrapper {
  margin-bottom: 15px;
}

.stats-outer-wrapper .first {
  font-size: 35px;
}

.stats-outer-wrapper .first span {
  color: #838383;
  font-size: 15px;
}

.stats-outer-wrapper .second {
  color: #1c5abe;
  font-size: 12px;
}

.cookies-table tr td .incorrect {
  color: red;
}

.cookies-table tr td .correct {
  color: green;
}

.cookies-table tr td span.action-icon {
  width: 18px;
  height: 18px;
  text-align: center;
  line-height: 18px;
  border-radius: 50%;
  background-color: #e3e9ef;
  padding: 0;
}

.webrisk-blacklist-table tr th,
.webrisk-blacklist-table tr td {
  border-top: none;
  border-bottom: none;
}

.webrisk-blacklist-table tr td.not-listed {
  color: #25a01c;
}

.webrisk-blacklist-table tr td.listed {
  color: #1c5abe !important;
}

.webrisk-home-icon {
  color: #f27222;
  border: 1.5px solid #f27222;
}

.webrisk-links li a:hover .webrisk-home-icon {
  color: #fff;
  background-color: #f27222;
}

.webrisk-http-icon {
  color: #ffc935;
  border: 1.5px solid #ffc935;
}

.webrisk-links li a:hover .webrisk-http-icon {
  color: #fff;
  background-color: #ffc935;
}

.webrisk-blacklist-icon {
  color: #bc0707;
  border: 1.5px solid #bc0707;
}

.webrisk-links li a:hover .webrisk-blacklist-icon {
  color: #fff;
  background-color: #bc0707;
}

.webrisk-ioc-icon {
  color: #b35656;
  border: 1.5px solid #b35656;
}

.webrisk-links li a:hover .webrisk-ioc-icon {
  color: #fff;
  background-color: #b35656;
}

.webrisk-cookies-icon {
  color: #23bfc8;
  border: 1.5px solid #23bfc8;
}

.webrisk-links li a:hover .webrisk-cookies-icon {
  color: #fff;
  background-color: #23bfc8;
}

.webrisk-console-icon {
  color: #7a517c;
  border: 1.5px solid #7a517c;
}

.webrisk-links li a:hover .webrisk-console-icon {
  color: #fff;
  background-color: #7a517c;
}

.webrisk-link-icon {
  color: #fb90a4;
  border: 1.5px solid #fb90a4;
}

.webrisk-links li a:hover .webrisk-link-icon {
  color: #fff;
  background-color: #fb90a4;
}

.webrisk-techno-icon {
  color: #4a535c;
  border: 1.5px solid #4a535c;
}

.webrisk-links li a:hover .webrisk-techno-icon {
  color: #fff;
  background-color: #4a535c;
}

.webrisk-dom-icon {
  color: #25a01c;
  border: 1.5px solid #25a01c;
}

.webrisk-links li a:hover .webrisk-dom-icon {
  color: #fff;
  background-color: #25a01c;
}

.webrisk-content-icon {
  color: #004ec2;
  border: 1.5px solid #004ec2;
}

.webrisk-links li a:hover .webrisk-content-icon {
  color: #fff;
  background-color: #004ec2;
}

.ip-subdomain-pills > li.active > a {
  background-color: #1c5abe;
  font-size: 12px;
  border: 1px solid #1c5abe;
  padding: 5px 15px;
}

.ip-subdomain-pills > li > a {
  padding: 5px 15px 15px !important;
}

.domain-ip-wrapper p {
  font-size: 12px;
  color: #000;
  margin-bottom: 0;
}

.domain-ip-wrapper p.lookup span {
  background-color: #e1a12c;
  margin-left: 8px;
  color: #fff;
  padding: 1px 8px;
  font-size: 10px;
  border-radius: 30px;
}

.stats-more-btn {
  text-align: center;
  margin: 20px 0 0;
}

.stats-more-btn #stats-more-icon {
  width: 25px;
  height: 25px;
  text-align: center;
  border-radius: 50%;
  background-color: #e3e9ef;
  font-size: 19px;
}

.ip-head-hr {
  margin: 10px 0 0 !important;
}

.domain-ip-wrapper p a {
  font-size: 12px;
  text-decoration: underline;
  cursor: pointer;
}

.ip-head-wrapper {
  color: #1c5abe;
  font-size: 13px;
  margin-bottom: 4px;
}

.webrisk-wrapper {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  padding: 15px 20px;
  border-radius: 6px;
  margin: 0 0 20px;
  display: inline-block;
  width: 100%;
}

.malicious-wrapper .first {
  width: 40px;
  height: 40px;
  background-color: #bc0707;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  font-size: 20px;
  line-height: 40px;
  margin-right: 8px;
}

.safe-act-wrapper {
  display: flex;
}

.safe-act-wrapper .first {
  width: 40px;
  height: 40px;
  background-color: green;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  font-size: 20px;
  line-height: 40px;
  margin-right: 8px;
}

.malicious-wrapper .second {
  font-size: 14px;
  color: #bc0707;
}

.safe-act-wrapper .second {
  font-size: 14px;
  color: green;
}

.malicious-wrapper .second span,
.safe-act-wrapper .second span {
  font-size: 12px !important;
  font-weight: 300 !important;
  color: #000 !important;
}

.malicious-view-det {
  background-color: #1c5abe !important;
  border-color: #1c5abe !important;
  font-size: 12px !important;
  padding: 1px 10px 10px !important;
  margin-top: 15px !important;
}

.detail-outer-wrapper {
  display: flex;
  align-items: center;
}

.ioc-info {
  background-color: #f3f3f3;
  padding: 10px;
  border: 1px solid #e0dede;
  border-radius: 5px;
  overflow: auto;
}

.ioc-info p {
  font-size: 10px;
}

.webrisk-wrapper h5 {
  margin-top: 0;
}

.webrisk-heading h5 {
  border-bottom: 1px solid #ebf2f7;
  padding-bottom: 10px;
}

.webrisk-wrapper h6 {
  line-height: 16px;
}

.http-transc-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #ebf2f7;
  padding-bottom: 10px;
}

.http-transc-wrapper .http-transc-heading {
  display: flex;
  align-items: center;
}

.http-transc-wrapper .http-transc-heading h5 {
  margin-bottom: 0 !important;
}

.http-transc-table {
  margin-top: 10px;
  border: 1px solid #e0dede;
}

.http-transc-wrapper .http-transc-heading .http-transc-no {
  background-color: green;
  color: #fff;
  border-radius: 50%;
  font-size: 12px;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  margin-right: 4px;
}

.http-transc-dropdown .form-control {
  height: 25px;
  padding: 0px 12px;
  font-size: 12px;
  color: #2064be;
  background-color: #fff;
  border: 1px solid #2064be;
}

.stats-outer-wrapper .stats-wrapper {
  border-left: 2px solid #e3e9ef;
  padding-left: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.stats-outer-wrapper .stats-wrapper .first {
  font-size: 12px;
  border-radius: 30px;
}

.stats-outer-wrapper .stats-wrapper .first i {
  color: #e3e9ef !important;
  position: relative;
  left: -22px;
}

.stats-outer-wrapper .stats-wrapper .second {
  font-size: 12px;
}

.detail-wrapper,
.malicious-wrapper {
  display: flex;
}

.detail-wrapper {
  margin: 5px 0;
}

.detail-wrapper h6 {
  margin: 0;
}

.detail-wrapper h6.first {
  margin-right: 5px;
}

.webrisk-links {
  border-bottom: none;
  border-bottom: none !important;
}

#webrisk-links {
  margin: 20px 0;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  margin-left: -32px !important;
  padding: 10px 0 5px;
  z-index: 9999;
  background-color: #fff;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  border-bottom: 1px solid #cac5c5;
}

.dom-wrapper {
  height: 300px;
  overflow: auto;
}

.webrisk-links li {
  float: left;
  cursor: pointer;
}

.webrisk-links > li.active > a,
.webrisk-links > li.active > a:focus,
.webrisk-links > li.active > a:hover {
  border: none !important;
  background-color: transparent !important;
  color: #000 !important;
  cursor: pointer !important;
}

.webrisk-main-url {
  font-size: 12px;
  text-decoration: underline;
}

.webrisk-links li a {
  font-size: 12px !important;
  border: none !important;
  border-radius: 4px !important;
}

.ports-services-wrapper {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
  margin-bottom: 15px;
  border-radius: 10px;
  padding: 20px;
  display: inline-block;
  width: 100%;
}

.ip-info-wrapper .ip-info-inner {
  margin-bottom: 18px;
}

.ip-info-wrapper .ip-info-inner h6:first-child {
  margin-bottom: 0;
}

.ports-services-content blockquote {
  font-size: 10px !important;
  margin: 5px 0 0 13px !important;
}

.ports-services-content ul {
  padding: 0 0 !important;
}

.ports-services-content ul li {
  list-style: none;
  margin-bottom: 10px;
  font-size: 12px;
}

.ports-services-content {
  display: inline-block;
  width: 100%;
}

.ports-left {
  background-color: #508ff4;
  border-top-left-radius: 13px;
  border-bottom-left-radius: 13px;
}

.ports-right-content {
  padding: 30px 20px;
}

.ports-list {
  padding: 30px 10px 10px !important;
}

.ports-list li {
  float: none !important;
  margin-bottom: 5px;
}

.ports-list > li.active > a,
.ports-list > li.active > a:focus,
.ports-list > li.active > a:hover {
  color: #fff !important;
  background-color: #508ff4 !important;
}

.ports-list > li > a:hover .ports-list-info .first {
  text-decoration: none;
  color: #000;
}

.ports-list > li + li {
  margin-left: 0 !important;
}

.ports-list li a {
  padding: 7px 10px 10px !important;
  border-radius: 20px !important;
}

.ports-inner-wrapper {
  display: flex;
  border: 1px solid #f2f6fd;
  border-radius: 13px;
}

.ports-list-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ports-list-info .first {
  font-size: 12px;
  color: #fff;
  margin-bottom: 0;
}

.ports-list-info .second {
  font-size: 12px;
  color: #000;
  background-color: #fff;
  width: 30px;
  text-align: center;
  height: 20px;
  line-height: 20px;
  border-radius: 11px;
}

.ports-list-border {
  position: absolute;
  height: 34px;
  width: 4px;
  border-radius: 11px;
  left: 12px;
  opacity: 0.75;
}

.ports-services-content table {
  width: 100%;
  margin-bottom: 0;
}

.ports-services-content table tbody tr td {
  padding: 8px 15px;
  font-size: 12px;
  border-bottom: 1px solid #ddd;
}

.port-inner-name {
  width: 100px;
  height: 100px;
  background-color: #fff;
  border: 3px solid #eaf2ff;
  text-align: center;
  line-height: 100px;
  border-radius: 50%;
  margin: auto;
}

.ports-services-heading {
  display: flex;
  align-items: center;
  margin: 0px 0 10px;
}

.left-ports-services-heading {
  display: flex;
  align-items: center;
  margin: 0px 0 10px;
  justify-content: space-between;
  padding: 0 15px;
}

.left-ports-services-heading .second {
  text-transform: uppercase;
  font-size: 18px;
}

.left-ports-services-heading .left {
  background-color: #1c5abe;
  color: #fff;
  padding: 2px 13px;
  font-size: 16px;
}

.ports-services-heading .second {
  font-size: 14px;
  text-transform: uppercase;
}

.ports-services-heading .first {
  color: #1c5abe;
  font-size: 35px;
  margin-right: 5px;
}

.port-name-wrapper p {
  text-align: center;
  font-size: 10px;
  margin-top: 7px;
  color: #000;
}

.ports-details-wrapper h6 {
  margin-top: 0;
  color: #000;
}

.service-vulnerability {
  margin: 15px 0;
}

.service-vulnerability span {
  color: #fff;
  font-size: 12px;
  padding: 3px 12px;
  border-radius: 12px;
}

.no-vulnerability span {
  background-color: #25a01c;
}

.service-detail {
  margin-bottom: 25px;
}

.service-detail ul li {
  margin-bottom: 5px;
  font-size: 12px;
  color: #000;
}

.service-detail p,
.service-detail h6 {
  font-size: 12px;
  color: #000;
}

.blacklist-wrapper {
  padding: 0 20px;
}

.blacklist-wrapper .blacklist-inner-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 7px;
}

.blacklist-wrapper .blacklist-inner-wrapper .first {
  font-size: 12px;
}

.blacklist-wrapper .blacklist-inner-wrapper .second i {
  font-size: 17px;
}

.blacklist-wrapper .blacklist-inner-wrapper .second i.wrong-icon {
  color: #ce202e;
}

.blacklist-wrapper .blacklist-inner-wrapper .second i.right-icon {
  color: #25a01c;
}

.ip-risk-severity-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
}

.ip-risk-severity-wrapper .main-text {
  font-size: 16px;
  width: 90px;
  height: 90px;
  text-align: center;
  text-transform: uppercase;
  border-radius: 50%;
  position: relative;
}

.ip-risk-severity-wrapper .risk-sev-high {
  color: #ce202e;
  border: 10px solid rgba(206, 32, 46, 0.7);
}

.ip-risk-severity-wrapper .risk-sev-medium {
  color: #f27222;
  border: 10px solid rgba(242, 114, 34, 0.7);
}

.ip-risk-severity-wrapper .risk-sev-low {
  color: #f8d74c;
  border: 10px solid rgba(248, 215, 76, 0.7);
}

.ip-risk-severity-wrapper .risk-sev-safe {
  color: #25a01c;
  border: 10px solid rgba(37, 160, 28, 0.7);
}

.ipreport-risk {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
}

.ipreport-risk-sev-text {
  text-align: center;
  margin-top: 10px;
  font-size: 12px;
}

.toggle {
  display: none;
}

.accordion {
  margin-bottom: 10px;
  background-color: #fff;
  color: var(--#000);
  cursor: pointer;
  padding: 1rem 1.2rem;
  width: 100%;
  text-align: left;
  border: none;
  outline: 0;
  transition: 0.4s;
  margin-bottom: 0;
}

.option {
  position: relative;
  width: 100%;
}

.title,
.sha-content {
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: all 0.2s;
}

.title {
  color: #1c5abe !important;
  padding: 10px 23px;
  color: #1c5abe !important;
  border-right: 2px solid;
  cursor: pointer;
}

.grade-inner-acc {
  display: block;
  padding: 8px 0 8px 40px;
  font-size: 11px;
  cursor: pointer;
}

.grade-inner-inner-acc {
  padding: 8px 0 8px 50px !important;
}

.grade-inner-inner-content {
  padding-left: 50px;
}

.acc-ip {
  color: #1c5abe !important;
  padding: 10px 23px;
  color: #1c5abe !important;
  cursor: pointer;
}

.acc-ip-grade span {
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  border-radius: 50%;
  background-color: green;
  color: #fff;
}

.acc-ip-grade span.ip-grade-green {
  background-color: green;
  color: #fff;
}

.acc-ip-grade span.ip-grade-yellow {
  background-color: #f8d74c;
  color: #fff;
}

.acc-ip-grade span.ip-grade-orange {
  background-color: #fd7046;
  color: #fff;
}

.title:after,
.title:before {
  content: '';
  position: absolute;
  left: 11px;
  top: 14px;
  width: 2px;
  height: 0.75em;
  transition: all 0.2s;
  background-color: green;
}

.grade-inner-acc:after,
.grade-inner-acc:before {
  content: '';
  position: absolute;
  left: 31px;
  top: 11px;
  width: 2px;
  height: 0.75em;
  transition: all 0.2s;
  background-color: green;
}

.grade-inner-inner-acc:after,
.grade-inner-inner-acc:before {
  content: '';
  position: absolute;
  left: 40px !important;
  top: 12px !important;
}

.acc-ip:after,
.acc-ip:before {
  content: '';
  position: absolute;
  left: 11px;
  top: 14px;
  width: 2px;
  height: 0.75em;
  transition: all 0.2s;
  background-color: green;
}

.title:after {
  transform: rotate(90deg);
}

.grade-inner-acc:after {
  transform: rotate(90deg);
}

.acc-ip:after {
  transform: rotate(90deg);
}

.sha-content h6 {
  font-size: 11px;
}

.sha-content {
  max-height: 0;
  overflow: hidden;
  overflow-y: scroll;
  background-color: #fff;
}

.toggle:checked + .title + .sha-content {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  max-height: 100%;
}

.toggle:checked + .title,
.toggle:checked + .title + .sha-content {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.toggle:checked + .title {
  background-color: #e3e9ef !important;
}

.toggle:checked + .grade-inner-acc + .sha-content {
  border-bottom: 1px solid #eee;
  max-height: 100%;
}

.toggle:checked + .grade-inner-acc,
.toggle:checked + .grade-inner-acc + .sha-content {
  border-bottom: 1px solid #eee;
}

.toggle:checked + .grade-inner-acc {
  background-color: transparent !important;
}

.toggle:checked + .acc-ip + .sha-content {
  border-right: 1px solid #eee;
  border-left: 1px solid #eee;
  border-bottom: 1px solid #eee;
  max-height: 100%;
}

.toggle:checked + .acc-ip,
.toggle:checked + .acc-ip + .sha-content {
  border-right: 1px solid #eee;
  border-left: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

.toggle:checked + .acc-ip {
  background-color: #fff !important;
  border-bottom: none;
}

.sha-more-btn {
  text-align: center;
  margin: 7px 0 20px;
}

.sha-more-btn .btn {
  border: 2px solid #1c5abe !important;
  padding: 4px 15px 15px !important;
}

.sha-more-btn .btn:hover,
.sha-more-btn .btn:focus {
  border: 2px solid #1c5abe !important;
  padding: 4px 15px 15px !important;
}

.toggle:checked + .title:before {
  background-color: red !important;
}

.toggle:checked + .grade-inner-acc:before {
  background-color: red !important;
}

.toggle:checked + .acc-ip:before {
  background-color: red !important;
}

.sha-wrapper {
  display: flex;
  align-items: center;
  font-size: 12px;
}

.osint-filter .panel-heading a:before {
  font-family: 'Glyphicons Halflings';
  content: '\e114';
  float: right;
  transition: all 0.5s;
  margin-top: 0 !important;
  color: #ccc;
  font-weight: 100;
}

.panel-heading.active a:before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}

.osint-filter .main-name {
  font-size: 1.1rem;
}

.osint-filter {
  box-shadow: none !important;
  border: none !important;
  margin-bottom: 5px !important;
}

.osint-filter .panel-heading .panel-title > a {
  font-size: 1.2rem !important;
  text-transform: uppercase;
}

.osint-filter .panel-heading .panel-title > a > i {
  color: #1c5abe !important;
  position: relative;
  left: -14px;
}

.osint-filter .panel-heading {
  background-color: #fff !important;
  padding: 10px 10px !important;
  border: none !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.osint-filter .panel-body {
  padding: 15px 15px 0 !important;
}

.filter-inner-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

.filter-inner-wrapper .right-sec {
  display: flex;
  align-items: center;
}

.filter-inner-wrapper .right-sec .tick {
  margin-left: 10px;
}

.filter-inner-wrapper .right-sec .tick span {
  width: 1.8rem;
  height: 1.8rem;
  text-align: center;
  line-height: 1.6rem;
  border-radius: 50%;
  background-color: #e3e9ef;
}

.filter-inner-wrapper .right-sec .tick i {
  font-size: 10px;
}

.osint-filter-left {
  width: 22% !important;
}

.osint-main-content {
  width: 78% !important;
}

.osint-pills li.active a {
  background-color: #1c5abe !important;
  padding: 6px 15px;
  border-radius: 30px;
}

.osint-pills li {
  margin-bottom: 5px;
}

.osint-pills li a {
  border: 1px solid #1c5abe !important;
  padding: 6px 15px 15px !important;
  border-radius: 30px !important;
  margin-right: 10px;
  float: left !important;
}

.filter-inner-wrapper .right-sec .tick .correct {
  color: #25a01c;
}

.filter-inner-wrapper .right-sec .tick .incorrect {
  color: #bc0707;
}

.osint-table {
  width: 100%;
}

.osint-table thead tr th {
  border-bottom: none;
  white-space: nowrap;
}

.osint-table tr td {
  padding: 10px;
  font-size: 11px;
  white-space: nowrap;
  border-top: 1px solid #ddd;
}

.osint-table tr td > a,
.osint-table tr td .tooltip a {
  color: #337ab7;
}

.osint-table tr td span {
  color: #fff;
  padding: 1px 8px;
  border-radius: 15px;
}

.osint-table tr td span.black-span {
  color: #000;
  padding: 1px 8px;
  border-radius: 15px;
}

.osint-table tr td span.first-src {
  background-color: #eb4a8a;
}

.osint-table tr td span.last-src {
  background-color: #20c7ef;
}

.osint-table tr td span.mx-src {
  background-color: green;
}

.osint-table tr td span.img-src {
  background-color: green;
}

.osint-table tr td span.mid-src {
  background-color: #1c5abe;
}

.osint-table tr td span.txt-src {
  background-color: #e1a12c;
}

.osint-table tr td span.not-listed {
  background-color: #25a01c;
}

.osint-table tr td span.listed {
  background-color: #bc0707 !important;
}

.osint-info-wrapper {
  box-shadow: 0 8px 6px -3px rgba(0, 0, 0, 0.1);
  padding: 0 2rem 1rem;
}

.osint-info-wrapper .nav-pills > li {
  margin-bottom: 1rem;
}

.osint-heading {
  display: flex;
  align-items: center;
}

.osint-full-width-search {
  width: 70%;
  margin: 0 auto 40px;
}

.osint-full-width-search .webrisk-searchbar {
  width: 100%;
}

.osint-full-width-search .webrisk-searchbar .form-control {
  padding-left: 95px;
  width: 100%;
  margin-left: 0;
}

.osint-full-width-search .webrisk-searchbar span {
  position: absolute;
  left: 46px;
  top: 4px;
}

.reanalyze-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.reanalyze-btn .btn {
  background-color: green !important;
  border: none !important;
  padding: 5px 12px 12px !important;
}

.reanalyze-btn .btn i {
  margin-right: 3px;
  font-size: 13px;
}

.osint-table-res {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
}

.history-date {
  margin-bottom: 10px;
  position: relative;
  color: #fff;
}

.dorks-data label {
  margin-top: 10px;
}

.dorks-data p {
  margin-bottom: 10px !important;
  font-size: 11px;
  color: #000;
}

.history-pills li {
  float: none !important;
}

.history-pills li a {
  padding: 0 0 !important;
  color: #000 !important;
}

.history-pills > li + li {
  margin-left: 0px !important;
}

.history-pills li.active a {
  background-color: #fff !important;
}

.history-date .heading {
  font-weight: 400 !important;
}

.history-info {
  display: inline-block;
  width: 100%;
  font-size: 11px;
}

.history-info h6 {
  font-size: 1.2rem;
}

.history-cal {
  background-color: #967bd3 !important;
  height: 50px;
  text-align: center;
  line-height: 47px;
  border-radius: 50%;
  border: 4px solid #fff;
  position: absolute;
  top: -9px;
  left: -8px;
}

.history-cal i {
  font-size: 20px;
  color: #fff;
}

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

.history-table tr td ul {
  list-style: none;
}

.history-table tr td ul li {
  float: left;
}

.sha-info {
  display: none;
}

.login-logo-img img {
  width: 100%;
  max-width: 50%;
  margin-bottom: 5px;
}

.login-outer-wrapper {
  display: flex;
  min-height: 100vh;
  height: 100%;
  background: url('/images/login-banner.png') center;
  background-size: cover;
}

.resetpassword-wrapper {
  background-color: #fff !important;
}

.login-wrapper {
  background-color: #fff;
  max-width: 450px;
  width: 100%;
  margin: auto;
  padding: 20px 30px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  z-index: 9999;
}

.login-wrapper .logo-container {
  display: flex;
  width: 100%;
  margin: 1rem auto 3rem;
}

.login-wrapper .logo-container img {
  width: 250px;
  max-width: calc(100% - 4rem);
  margin: auto;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  background: #000;
  opacity: 0.55;
}

.login-wrapper h3 {
  margin: 10px 0;
  font-size: 30px;
}

.login-wrapper p {
  font-size: 14px;
}

.sign-in-wrapper form .form-group:nth-child(2) {
  margin-bottom: 5px;
}

.login-wrapper form .form-group {
  position: relative;
  margin-bottom: 17px;
}

.login-wrapper form .form-group i {
  position: absolute;
  top: 24px;
  left: 0;
  width: 33px;
  height: 33px;
  text-align: center;
  line-height: 33px;
}

.login-wrapper form .form-group .form-control {
  padding-left: 35px;
  border: none;
  border-bottom: 1px solid #ccc;
  box-shadow: none;
  border-radius: 0;
}

.forgot-pass-link {
  text-align: right;
}

.forgot-pass-link a {
  font-size: 1.2rem;
  cursor: pointer;
  color: #2064be;
}

.login-wrapper .btn {
  background-color: #e2a031 !important;
  border: none !important;
  padding: 6px 30px 30px !important;
  margin: 17px 0;
}

.create-account-link p,
.create-account-link a {
  font-size: 12px;
  margin-bottom: 0;
  text-align: center;
}

.create-account-link a {
  display: block;
  text-decoration: underline;
  font-size: 12px;
  cursor: pointer;
  color: #337ab7;
}

.signup-checkbox-wrapper,
.signup-checkbox-wrapper p {
  display: flex;
  font-size: 10px;
  text-align: left !important;
}

.page-breadcrumb {
  font-size: 14px;
}

.main-page-name {
  color: #838383;
}

.page-breadcrumb .active-page-name {
  color: #1c5abe;
}

.breadcrumb-search-wrapper {
  display: flex;
  align-items: center;
}

.ip-search .form-control {
  background-color: #f3f4f8;
  border: none;
  box-shadow: none;
  border-radius: 30px;
  height: 2.8rem;
  margin-left: 15px;
  padding-left: 3rem;
}

.ip-search .form-group {
  margin-bottom: 0;
  position: relative;
}

.ip-search .form-group i {
  top: 0;
  position: absolute;
  left: 1.6rem;
  height: 2.8rem;
  line-height: 2.8rem;
  width: 2.8rem;
  text-align: center;
  color: #8e8a8a;
}

.webrisk-searchbar .form-group i {
  left: 18px;
}

.company-search .form-group i {
  left: 0;
}

.ip-info-right .left-sec {
  margin-right: 25px;
}

.ip-info-right .left-sec a {
  color: #000;
  display: flex;
  align-items: center;
}

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

.table-checkbox {
  display: block;
  position: relative;
  padding-left: 3rem;
  font-weight: 400 !important;
  margin-bottom: 0;
  cursor: pointer;
  font-size: 1.2rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: var(--black);
}

.table-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.table-checkmark {
  position: absolute;
  top: -0.8rem;
  left: 0;
  height: 1.6rem;
  width: 1.6rem;
  background-color: #fff;
  border: 0.2rem solid var(--primary);
  border-radius: 0.3rem;
}

.table-checkbox:hover input ~ .table-checkmark {
  background-color: #fff;
  border: 1px solid #aba9a9;
}

.table-checkbox input:checked ~ .table-checkmark {
  border: 0.2rem solid var(--primary);
  background-color: transparent !important;
}

.table-checkmark:after {
  content: '';
  position: absolute;
  display: none;
}

.table-checkbox input:checked ~ .table-checkmark:after {
  display: block;
}

.table-checkbox .table-checkmark:after {
  left: 0.4rem;
  top: 0;
  width: 0.5rem;
  height: 1rem;
  border: solid var(--primary);
  border-width: 0 0.2rem 0.2rem 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.left-score-wrapper {
  display: flex;
  align-items: center;
  position: relative;
  box-shadow: 0 0.4rem 1.5rem rgba(0, 0, 0, 0.1);
  border-radius: 0.8rem;
  padding: 1.5rem 1rem;
  background-color: #fff;
  display: flex;
  margin: 3.5rem 0;
  align-items: center;
  position: relative;
  font-size: 1.4rem;
}

.add-company-input .autocomplete {
  width: 100%;
}

.comparison-module-name {
  font-size: 1.6rem;
  color: #000;
  margin-bottom: 0.5rem;
}

.left-blue-score {
  border-left: 1.2rem solid #1e58f5;
}

.left-lightblue-score {
  border-left: 1.2rem solid #20c7ef;
}

.left-pink-score {
  border-left: 1.2rem solid #eb4a8a;
}

.left-darkblue-score {
  border-left: 1.2rem solid #1c5abe;
  justify-content: center;
  cursor: pointer;
}

.left-darkblue-score span {
  color: #1c5abe;
  margin-right: 5px;
}

.score-text {
  width: 60%;
}

.score-text .first {
  color: #000;
  font-size: 1.4rem;
  /* font-weight: 500; */
  margin-bottom: 0px;
}

.score-text .second {
  font-size: 1.2rem;
  font-weight: 500;
  margin-bottom: 0;
}

.score-no h5 {
  font-size: 20px;
  color: #000;
}

.poly-shape {
  width: 32px;
  height: 32px;
  clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
  animation: 4s poly infinite alternate ease-in-out;
  margin: 0px 8px 0 15px;
  line-height: 32px;
  text-align: center;
  color: #fff;
  font-size: 17px;
}

.circle-shape {
  width: 2.6rem;
  height: 2.6rem;
  line-height: 2.6rem;
  text-align: center;
  color: #fff;
  font-size: 1.5rem;
  border-radius: 50%;
  margin: 0 0.5rem;
}

.poly-green-shape {
  background-color: #25a01c;
}

.circle-green-shape {
  background-color: #25a01c;
}

.circle-lightgreen-shape {
  background-color: #79e279;
  color: #000 !important;
}

.poly-lighgreen-shape {
  background-color: #79e279;
  color: #000;
}

.circle-orange-shape {
  background-color: #f27222;
}

.circle-red-shape {
  background-color: rgb(188, 7, 7);
}

.poly-yellow-shape {
  background-color: #f8d74c;
  color: #000;
}

.circle-yellow-shape {
  background-color: #f8d74c;
  color: #000 !important;
}

.new-form-control {
  padding: 6px 0 0 !important;
  border-radius: 0px !important;
  border: none !important;
  border-bottom: 1px solid #ccc;
}

.form-group {
  position: relative;
  display: inline-block;
  width: 100%;
  margin-bottom: 2.5rem;
}

.ml-label {
  color: #5d5d5d;
  text-transform: uppercase;
  margin-bottom: 0 !important;
}

.ml-icon {
  position: absolute;
  top: 24px;
  right: 0;
  width: 32px;
  height: 32px;
  text-align: center;
  line-height: 33px;
  font-size: 17px;
  color: #d5d7da;
}

.machine-learn-img h2 {
  text-transform: uppercase;
}

.machine-learn-img h2:after {
  content: '';
  display: block;
  width: 20%;
  margin: 0 auto;
  padding-top: 6px;
  border-bottom: 2px solid #1c5abe;
}

.machine-learn-img h2 span.first {
  font-size: 18px;
  color: #508ff3;
}

.machine-learn-img h2 span.second {
  font-size: 24px;
}

.drop-file-wrapper {
  margin-top: 10px;
  border: 2px dashed #87a1f8;
  background-color: #fff;
  padding: 15px;
  border-radius: 4px;
  text-align: center;
}

.machine-learning-form {
  padding: 20px 35px 35px !important;
}

.machine-learning-form #upload .flex-form-group {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  width: 100%;
}

.inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.file-label {
  font-size: 12px;
  display: block;
  cursor: pointer;
}

.hidden-input {
  opacity: 0;
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
}

.inputfile + label {
  color: #fff !important;
  background-color: #1c5abe !important;
  display: inline-block;
  padding: 3px 10px;
  cursor: pointer;
}

.inputfile:focus + label,
.inputfile + label:hover {
  background-color: red;
}

.upload-logo-text {
  font-size: 12px;
  margin: 3px 0 8px;
}

.upload-logo-text span {
  color: green;
}

.upload-csv-btn {
  color: #fff !important;
  border: none !important;
  background-color: #1c5abe !important;
  display: inline-block;
  padding: 7px 15px 15px !important;
  font-size: 12px !important;
  margin-top: 20px;
}

.machine-learning-form label {
  font-size: 10px !important;
  font-weight: 400 !important;
}

.company-info-wrapper,
.company-details {
  display: flex;
}

.company-inner-section {
  padding: 2rem;
}

.company-info-wrapper {
  box-shadow: 0 8px 6px -3px rgba(0, 0, 0, 0.1);
  padding: 0 15px 40px;
}

.company-details {
  border-right: 2px solid #e2e1e1;
  padding: 0 20px;
}

.company-score {
  padding: 0 20px;
}

.company-score p {
  margin-bottom: 0;
}

.company-score .first {
  color: #000;
}

.company-score .second {
  font-size: 10px;
}

.alignment {
  display: inline-block;
}

.company-details .right {
  margin-left: 10px;
}

.company-details .right h3 {
  margin-top: 0;
  margin-bottom: 8px;
  font-size: 21px;
}

.company-details .right a {
  color: #000;
  text-decoration: underline;
}

.company-details .right a,
.company-details .right p {
  font-size: 10px;
  margin-bottom: 6px;
}

.company-circle-shape {
  width: 28px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  border-radius: 50%;
  margin: 0 5px;
  display: inline-block;
}

.framework-form-wrapper {
  padding: 0 20px;
  height: 200px;
  text-align: left;
}

.framework-form-wrapper form {
  position: relative;
  height: 100%;
}

.security-checkbox-wrapper {
  position: absolute;
  bottom: 0;
}

.framework-inner-wrapper {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 20px;
  background-color: #fff;
  display: inline-block;
  width: 100%;
  margin-bottom: 30px;
}

.form-wrapper-height {
  height: 338px;
}

.circle-wrap {
  margin: 0px auto;
  width: 150px;
  height: 150px;
  background: #fff;
  border-radius: 50%;
  transform: rotate(106deg);
}

.circle-wrap .circle .mask,
.circle-wrap .circle .fill {
  width: 150px;
  height: 150px;
  position: absolute;
  border-radius: 50%;
}

.circle-wrap .circle .mask {
  clip: rect(0px, 150px, 150px, 75px);
}

.circle-wrap .circle .mask .fill {
  clip: rect(0px, 75px, 150px, 0px);
  border: 16px solid #7798f8;
}

.circle-wrap .circle .mask.full,
.circle-wrap .circle .fill {
  animation: fill ease-in-out 3s;
  transform: rotate(126deg);
  animation: fill ease-in-out 3s;
  transform: rotate(126deg);
  animation: fill ease-in-out 3s;
  transform: rotate(126deg);
}

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

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

.circle-wrap .inside-circle {
  text-align: center;
  margin-top: 10px;
  margin-left: 10px;
  position: absolute;
  z-index: 100;
  font-size: 4em;
  transform: rotate(254deg);
  top: 0;
  right: 47px;
  color: #8786ed;
}

.framework-inner-wrapper form p {
  font-size: 10px;
  text-align: left;
  margin-bottom: 7px;
}

.profile-blue-border {
  height: 20px;
  background-color: #508ff4;
}

.framework-form {
  display: flex;
  margin: 20px 0;
}

.framework-inner-wrapper p {
  font-size: 12px;
  color: #5d5d5d;
}

.framework-form .form-control {
  border-radius: 3px;
  height: 30px !important;
  line-height: 30px !important;
}

.framework-inner-wrapper textarea {
  font-size: 10px !important;
  color: #696565 !important;
  text-align: center;
  height: 140px !important;
  margin-bottom: 15px;
}

.framework-form select {
  font-size: 10px !important;
  color: #696565 !important;
}

.framework-save-btn {
  margin: 0 20px;
}

.profile-page-btn {
  background-color: #1c5abe !important;
  border: none !important;
  text-transform: capitalize;
  padding: 3px 30px 30px !important;
}

.framework-inner-wrapper h5 span {
  font-size: 10px !important;
  color: #696565 !important;
}

.not-completed-link {
  margin-bottom: 15px;
}

.not-completed-link a {
  color: #1c5abe;
  font-size: 10px;
}

.security-checkbox-wrapper,
.security-checkbox-wrapper p {
  display: flex;
  font-size: 10px;
  text-align: left !important;
}

.profile-completion-wrapper {
  margin: 30px 0;
  display: inline-block;
  width: 100%;
}

.profile-completion-info h4 {
  color: #000;
  font-size: 16px;
}

.profile-completion-info p {
  font-size: 13px;
  color: #000;
}

.profile-progress .chart {
  height: 160px;
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 40px;
  line-height: 160px;
}

.custom-radio {
  font-weight: 400 !important;
  padding-left: 30px;
  margin-bottom: 20px;
  font-weight: 400 !important;
  cursor: pointer;
  font-size: 10px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.custom-radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.radio-checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border: 1px solid #eee;
}

.custom-radio input:checked ~ .radio-checkmark {
  background-color: #2196f3;
  border: none;
}

.radio-checkmark:after {
  content: '';
  position: absolute;
  display: none;
}

.custom-radio input:checked ~ .radio-checkmark:after {
  display: block;
}

.custom-radio .radio-checkmark:after {
  top: 5px;
  left: 5px;
  width: 9px;
  height: 9px;
  background: #fff;
}

.custom-checkbox {
  position: absolute;
  top: 0.2rem;
  left: 0;
  height: 1.6rem;
  width: 1.6rem;
  background-color: #fff;
  border: 0.2rem solid var(--primary);
  border-radius: 0.3rem;
  /* font-weight: 400 !important;
  padding-left: 30px;
  font-weight: 400 !important;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 10px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #696565; */
}

.checkbox-wrapper span.custom-checkbox-name {
  padding: 0 0 0 2.6rem;
  cursor: pointer;
  color: var(--gray);
  display: block;
  font-size: 1.4rem;
  white-space: nowrap;
  word-break: break-all;
}

.checkbox-wrapper label {
  margin-bottom: 1.5rem;
  position: relative;
}

.checkbox-wrapper label:last-child {
  margin-bottom: 0;
}

.checkbox-wrapper input:checked ~ .custom-checkbox:after {
  display: block;
}

.checkbox-wrapper input:checked ~ span.custom-checkbox-name {
  /* background-color: rgb(32 150 243 / 25%); */
  color: var(--primary);
}

.checkbox-wrapper .custom-checkbox:after {
  left: 0.4rem;
  top: 0;
  width: 0.5rem;
  height: 1rem;
  border: solid var(--primary);
  border-width: 0 0.2rem 0.2rem 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.custom-checkbox:after {
  content: '';
  position: absolute;
  display: none;
}

.checkbox-wrapper input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.custom-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.custom-checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 3px;
}

.custom-checkbox:hover input ~ .custom-checkmark {
  background-color: #fff;
  border: 1px solid #eee;
}

.custom-checkbox input:checked ~ .custom-checkmark {
  background-color: #2196f3;
  border: none;
}

.custom-checkmark:after {
  content: '';
  position: absolute;
  display: none;
}

.custom-checkbox input:checked ~ .custom-checkmark:after {
  display: block;
}

.custom-checkbox .custom-checkmark:after {
  left: 8px;
  top: 3px;
  width: 3px;
  height: 9px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.switch-field {
  display: flex;
  margin-left: 20px;
  overflow: hidden;
}

.switch-field input {
  position: absolute !important;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  width: 1px;
  border: 0;
  overflow: hidden;
}

.switch-field label {
  background-color: #f1f1f1;
  color: #1c5abe;
  font-size: 1.2rem;
  line-height: 1;
  text-align: center;
  padding: 0.7rem 1.6rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
  transition: all 0.1s ease-in-out;
  margin-bottom: 0;
}

.switch-field label:hover {
  cursor: pointer;
}

.switch-field input:checked + label {
  background-color: #1c5abe;
  box-shadow: none;
  color: #fff;
}

.switch-field label:first-of-type {
  border-radius: 4px 0 0 4px;
}

.switch-field label:last-of-type {
  border-radius: 0 4px 4px 0;
}

.portfolio-circle-green-shape {
  background-color: #158536;
}

.portfolio-circle-lightgreen-shape {
  background-color: #79e279;
}

.portfolio-circle-orange-shape {
  background-color: #d2622f;
}

.portfolio-circle-red-shape {
  background-color: #f5615c;
}

.portfolio-circle-wrap {
  margin: 0.6rem auto 1.6rem;
  width: 15rem;
  height: 15rem;
  background: #eb4a8a;
  border-radius: 50%;
}

.portfolio-circle-wrap .circle .mask,
.portfolio-circle-wrap .circle .fill {
  width: 15rem;
  height: 15rem;
  position: absolute;
  border-radius: 50%;
}

.portfolio-circle-wrap .circle .mask {
  clip: rect(0px, 15rem, 15rem, 7.5rem);
}

.portfolio-circle-wrap .circle .mask .fill {
  clip: rect(0px, 7.5rem, 15rem, 0px);
  background-color: #2862ff;
}

.portfolio-circle-wrap .circle .mask.full,
.portfolio-circle-wrap .circle .fill {
  animation: fill ease-in-out 3s;
  transform: rotate(104deg);
  animation: fill ease-in-out 3s;
  transform: rotate(104deg);
  animation: fill ease-in-out 3s;
  transform: rotate(104deg);
}

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

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

.portfolio-circle-wrap .inside-circle {
  width: 13rem;
  height: 13rem;
  border-radius: 50%;
  background: #fff;
  line-height: 13rem;
  text-align: center;
  margin-top: 1rem;
  margin-left: 1rem;
  position: absolute;
  z-index: 100;
  font-size: 1rem;
  padding: 4.5rem 0;
}

.portfolio-circle-wrap .inside-circle p {
  margin-bottom: 0;
}

.companies-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 4.5rem 0 0.5rem;
}

.company-search .form-control {
  border-radius: 0 !important;
  width: 35rem;
  margin-left: 0;
}

.companies-wrapper .left-sec {
  display: flex;
  align-items: center;
  width: 30%;
}

.companies-wrapper .left-sec h5 {
  margin-bottom: 0;
}

.portfolio-score-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

.portfolio-small-circle-shape {
  width: 1.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  color: #fff;
  font-size: 0.85rem;
  border-radius: 50%;
  margin: 0 0.5rem;
}

.portfolio-score {
  display: flex;
  align-items: center;
  margin-bottom: 35px;
}

.portfolio-circle-shape {
  width: 55px;
  height: 55px;
  line-height: 55px;
  text-align: center;
  color: #fff;
  font-size: 24px;
  border-radius: 50%;
  margin: 0 5px;
}

.portfolio-heading {
  color: #000;
  margin-bottom: 7px;
  margin-top: 20px;
}

.portfolio-score .first {
  font-size: 35px;
  margin-bottom: 0;
  color: #000;
}

.portfolio-rating-wrapper,
.company-active-inactive-wrapper {
  border: 1px solid #ccc;
  padding: 15px 15px 0;
}

.active-inactive-val {
  padding: 30px 0;
}

.portfolio-rating-wrapper h5,
.company-active-inactive-wrapper h5 {
  font-size: 1.5rem;
  margin-top: 0;
  color: #000;
  margin-bottom: 1.5rem;
}

.portolio-table thead {
  background-color: #f1f4f7;
}

.portolio-table {
  border-bottom: none;
  width: 100%;
  margin-bottom: 20px;
}

.portolio-table thead th {
  padding: 9px 18px;
  border-bottom: 1px solid #111;
  font-size: 10px;
  color: #737272;
  text-align: center;
}

.portolio-table tbody td {
  text-align: center;
  font-size: 12px;
  padding: 8px 12px;
  white-space: nowrap;
}

.portolio-table tbody td.negative-td {
  color: #d02828 !important;
}

.portolio-table tbody td i.trash {
  color: #8e8a8a;
}

.portolio-table tbody td i.envelope {
  color: #2064be;
}

.portolio-table tbody td a {
  color: #337ab7;
}

.portolio-table tr td.third-party-ven-risk {
  text-transform: uppercase;
}

.portolio-table tr td.high-risk {
  color: #bc3125;
}

.portolio-table tr td.medium-risk {
  color: #f27339;
}

.portolio-table tr td.low-risk {
  color: #feca4c;
}

.portolio-table tr td.positive-risk {
  color: #39a12d;
}

.add-portfolio-heading {
  color: #1c5abe !important;
  text-align: center;
  text-transform: uppercase;
}

.onboard-heading {
  color: #1c5abe !important;
  text-align: center;
  text-transform: uppercase;
  flex-grow: 1;
}

.add-company-popup-body p {
  font-size: 14px;
  color: #000;
}

.add-company-popup-search .form-group {
  position: relative;
}

.add-company-popup-search .form-group i {
  top: 2rem;
  position: absolute;
  left: 0;
  height: 3.4rem;
  line-height: 3.4rem;
  width: 3.4rem;
  text-align: center;
  color: #8e8a8a;
}

.modal-header {
  border-bottom: none;
  margin-bottom: 15px;
}

.modal-footer {
  border-top: none;
  margin-top: 15px;
}

.add-company-footer .cancel-pass-btn {
  background-color: #fff;
  border: 1px solid #000;
  color: #000;
}

.add-company-footer .cancel-pass-btn:hover {
  background-color: #fff;
  border: 1px solid #000;
  color: #000;
}

.add-company-footer .btn {
  text-transform: uppercase;
  padding: 0.3rem 2rem;
  font-size: 1.4rem;
}

.add-company-footer .update-pass-btn {
  background-color: #1c5abe !important;
  border: none;
  color: #fff;
}

.add-company-footer .update-pass-btn:hover {
  background-color: #1c5abe !important;
  border: none;
  color: #fff;
}

.add-company-popup-body {
  display: inline-block;
  width: 100%;
}

.invite-inner-wrapper {
  display: flex;
  margin: 2rem 0 1rem;
}

.invite-info-wrapper {
  background-color: #f8f8f8;
  padding: 10px 13px;
  border-radius: 4px;
  border: 2px dotted #f3f3f3;
}

.add-company-popup-search textarea {
  line-height: 23px !important;
  padding-left: 10px !important;
}

.add-company-footer .email-pass-btn {
  background-color: #fff;
  border: 1px solid #1c5abe;
  color: #1c5abe;
  float: left;
}

.portolio-table tbody td.invite-icon {
  cursor: pointer;
}

.invite-info-wrapper .invite-text {
  font-size: 12px;
}

.invite-info-wrapper ul li {
  font-size: 12px;
  margin-top: 10px;
}

.add-company-popup-header {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.add-company-popup-search .form-control {
  background-color: #f3f4f8;
  border: none;
  box-shadow: none;
  height: 3.4rem;
  padding-left: 3.2rem;
}

.dataTables_paginate {
  float: right !important;
  text-align: right !important;
  display: block !important;
  padding: 20px 0 !important;
  /* margin-top: 20px; */
  /* position: fixed;
  bottom: 9%;
  left: 50%; */
}

.dataTables_info {
  float: left;
  padding: 20px !important;
}

.dataTables_paginate .paginate_button {
  padding: 0.4rem 1rem !important;
  min-width: auto !important;
  font-size: 1.2rem;
  font-weight: 500;
  color: #161718;
  cursor: pointer;
}

.dataTables_length,
.dataTables_filter,
.dataTables_info,
.dataTables_processing,
.dataTables_paginate {
  color: #838383 !important;
  font-size: 12px;
}

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

.dataTables_paginate .paginate_button.current {
  background: #508ff4 !important;
  border: none !important;
  color: #fff !important;
  border-radius: 3px;
}

.edit-settings-link a {
  text-decoration: underline;
  font-size: 10px;
  color: #696565;
}

.red-down-arrow {
  color: red;
}

.green-up-arrow {
  color: green;
}

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

.notfication-wrapper {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 15px 20px;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}

.highlighted-notification-wrapper {
  background-color: #f2f6fd;
  border: 1px solid #7ca9f8;
}

.notfication-wrapper .left-section p {
  font-size: 11px;
  color: #000;
}

.notfication-wrapper .left-section a {
  color: #1b54af;
  font-size: 12px;
}

.notfication-wrapper .left-section {
  width: 35%;
}

.notfication-wrapper .right-section {
  width: 20%;
  text-align: right;
}

.notfication-wrapper .mid-section {
  display: flex;
  align-items: center;
  width: 45%;
}

.view-log-link .btn {
  background-color: #fff !important;
  border: 2px solid #838383 !important;
}

.view-log-link .btn:hover {
  background-color: #fff !important;
  border: 2px solid #838383 !important;
}

.baggage-icon {
  background-color: #000;
  width: 45px;
  height: 45px;
  line-height: 45px;
  border-radius: 50%;
  text-align: center;
  position: relative;
}

.baggage-icon-wrapper i {
  font-size: 20px;
  color: #508ff4;
}

.baggage-icon-wrapper p {
  right: -28px;
  font-size: 12px;
  color: #bc0707;
  position: absolute;
  top: -8px;
  right: -32px;
}

.baggage-icon-wrapper {
  position: relative;
}

.mid-section .mid-right-sec p {
  margin-bottom: 0;
  font-size: 10px;
}

.mid-right-sec {
  margin-left: 35px;
}

.notification-mark-all-read-link {
  margin-top: 15px;
  text-align: right;
  margin-bottom: 7px;
}

.notification-mark-all-read-link a {
  color: #000;
  text-decoration: underline;
  font-size: 10px;
}

.filter-wrapper {
  background-color: #508ff4;
  padding: 12px 12px 1px;
  border-radius: 5px;
}

.filter-wrapper h6 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 15px;
}

.filter-radio {
  font-weight: 400 !important;
  padding-left: 20px;
  color: #fff;
  margin-bottom: 20px;
  font-weight: 400 !important;
  cursor: pointer;
  font-size: 10px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.filter-radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.filter-checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 15px;
  width: 15px;
  background-color: #508ff4;
  border: 1px solid #fff;
}

.filter-radio input:checked ~ .filter-checkmark {
  background-color: #fff;
  border: none;
}

.filter-checkmark:after {
  content: '';
  position: absolute;
  display: none;
}

.filter-radio input:checked ~ .filter-checkmark:after {
  display: block;
}

.filter-radio .filter-checkmark:after {
  top: 3px;
  left: 3px;
  width: 9px;
  height: 9px;
  background: #508ff4;
}

.userprofile-content {
  padding: 0 30px;
}

.myprofile-wrapper {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 30px;
  background-color: #fff;
  margin-bottom: 30px;
  display: inline-block;
  width: 100%;
}

.userprofile-name {
  color: #1c5abe !important;
  margin-top: 10px;
}

.change_password {
  cursor: pointer;
}

.personal-info-label {
  font-size: 10px;
  color: #696565;
}

.personal-info-text {
  font-size: 10px;
  color: #000;
}

.change-pass-link a {
  background-color: rgb(0 78 194 / 20%);
  padding: 0.2rem 1.5rem 0.4rem;
  border-radius: 15px;
  white-space: nowrap;
  color: #004ec2;
  font-size: 1rem;
}

.personal-info-content {
  margin-bottom: 6px;
  display: inline-block;
  width: 100%;
}

.alert-switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 20px;
  margin-bottom: 0;
}

.alert-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  width: auto;
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.slider:before {
  height: 14px;
  width: 14px;
  left: 2px;
  top: 3px;
  position: absolute;
  content: '';
  height: 1rem;
  width: 1rem;
  left: 0.15rem;
  top: 0.2rem;
  background-color: #f3f3f3;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked + .slider {
  background-color: var(--primary);
}

input:focus + .slider {
  box-shadow: 0 0 1px var(--primary);
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
  -webkit-transform: translateX(1.6rem);
  -ms-transform: translateX(1.6rem);
  transform: translateX(1.6rem);
}

.slider.round {
  border-radius: 3.4rem;
}

.slider.round:before {
  border-radius: 50%;
}

.alert-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.alert-wrapper .btn {
  background-color: #1c5abe !important;
  border: none;
  text-transform: uppercase;
  color: #fff;
  padding: 3px 15px;
}

.alert-toggle span {
  font-size: 12px;
  color: #000;
  margin-left: 6px;
}

.alert-toggle {
  justify-content: flex-end;
  display: flex;
  align-self: center;
  justify-content: center;
}

.alerts-edit-wrapper {
  background-color: #f3f7fe;
  display: flex;
  border-radius: 5px;
  align-items: center;
  padding: 15px 0;
  margin-top: 10px;
}

.alerts-edit-wrapper .left-sec {
  display: flex;
  align-items: center;
}

.alerts-edit-wrapper .left-sec p {
  margin-bottom: 0;
  color: #000;
  font-size: 10px;
}

.mid-sec {
  background-color: #508ff4;
  display: inline-block;
  border-radius: 30px;
  color: #fff;
  padding: 5px 10px;
  margin-right: 10px;
}

.mid-sec span i {
  color: #fff;
  margin-right: 6px;
}

.alerts-edit-wrapper .mid-sec p {
  color: #fff;
  margin-bottom: 0;
}

.alerts-edit-wrapper .right-sec {
  float: right;
}

.total-alerts-no {
  margin-top: 20px;
  color: #000;
}

.user-profile-img-wrapper {
  width: 30%;
}

.user-profile-img-wrapper img {
  width: 100%;
  max-width: 80%;
  border-radius: 50%;
  box-shadow: 0 4px 15px rgb(0 0 0 / 10%);
  border: 1px solid #eee;
  aspect-ratio: 1;
  object-fit: cover;
}

.user-profile-info .user-name {
  font-size: 1.4rem;
  margin-bottom: 0;
  margin-left: 0 !important;
}

.user-profile-info .user-org {
  font-size: 1.2rem;
  color: #838383;
}

.user-info-name {
  font-size: 1.2rem;
  color: #838383;
  margin-bottom: 0.5rem;
}

.user-info-value {
  font-size: 1.3rem;
}

.change-pass-wrapper {
  margin: 10px 0 0px 20px;
}

.passwordFields {
  display: inline-block;
  width: 100%;
  padding: 30px 0;
  background-color: #f2f6fd;
  margin-top: 30px;
  border-radius: 11px;
}

.change-pass-input {
  border: none;
  box-shadow: 0 2px 6px rgb(0 0 0 / 6%);
  border-radius: 15px;
}

.authentication-wrapper {
  border-radius: 0 0 10px 10px;
}

.authentication-not-enabled {
  border-top: 2px solid #9c2b2c;
}

.authentication-enabled {
  border-top: 2px solid green;
}

.authentication-img-wrapper {
  width: 30%;
  margin: auto;
  text-align: center;
}

.authentication-img-wrapper img {
  width: 100%;
  max-width: 56%;
}

.authentication-info-wrapper {
  width: 70%;
}

.authentication-info-wrapper h4 {
  margin-bottom: 0.6rem;
  color: #9c2b2c;
}

.authentication-info-wrapper p {
  color: #7a7b73;
  font-size: 1.2rem;
}

.myprofile-input {
  background-color: #f2f6fd;
  box-shadow: none;
  border: 1px solid #d6d3d3;
  padding: 6px 8px;
  height: 28px;
  line-height: 28px;
}

::placeholder {
  font-size: 1.3rem;
  color: var(--darkGray);
  font-weight: 300;
}

select {
  font-size: 1.4rem;
  color: var(--black);
  appearance: none;
}

.update-pasword-btns .btn {
  text-transform: uppercase;
  padding: 3px 20px;
}

.update-pasword-btns .update-pass-btn {
  background-color: #1c5abe !important;
}

.update-pasword-btns .cancel-pass-btn {
  background-color: #fff;
  border: 1px solid #000;
  color: #000;
}

.update-pasword-btns {
  margin-top: 10px;
  float: right;
  margin-top: 4px;
}

#sidebar.active {
  min-width: 8rem;
  max-width: 8rem;
  text-align: center;
}

#content.active,
#contentnav.active {
  left: 80px;
}

#content.active.active2,
#contentnav.active.active2 {
  left: 230px;
}

#sidebar.active .sidebar-header h3 {
  font-size: 14px;
}

/* #sidebar.active ul li a {
  padding: 2rem 1rem;
  text-align: center;
  font-size: 0.85em;
  justify-content: center;
} */

#sidebar.active ul li a span.navbar-link-name {
  display: none;
}

#sidebar.active ul li a .caret-icon {
  display: none;
}

#sidebar.active ul li a i {
  margin-right: 0;
  display: block;
  font-size: 1.8em;
  margin-bottom: 5px;
}

#sidebar.active ul ul a {
  padding: 10px 10px !important;
}

.navbar {
  background: #fff;
  border: none;
  border-radius: 0;
  margin-bottom: 40px;
}

.navbar-btn {
  outline: none;
}

.line {
  width: 100%;
  height: 1px;
  border-bottom: 1px dashed #ddd;
  margin: 40px 0;
}

i,
span {
  display: inline-block;
}

#sidebar.active .sidebar-header h3,
#sidebar.active .CTAs {
  display: block;
}

#sidebar.active .sidebar-header .left {
  display: none;
}

#sidebar.active.active2 .sidebar-header .left {
  display: block;
}

#sidebar.active .sidebar-header {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}

/* #sidebar .sidebar-header,
#sidebar.active.active2 .sidebar-header {
  padding: 20px;
  background: #000;
  display: flex;
  justify-content: space-between;
  align-items: center;
} */
#sidebar .sidebar-header .left {
  width: 100%;
  max-width: 86%;
}

#sidebar .sidebar-header .right {
  float: right;
  cursor: pointer;
}

#sidebar .sidebar-header .right i {
  font-size: 20px;
}

#sidebar ul.components {
  padding: 2rem 0;
  height: calc(100vh - 60px);
  overflow-y: scroll;
  background-color: var(--black);
}

#sidebar ::-webkit-scrollbar {
  width: 0 !important;
}

#sidebar ul li {
  cursor: pointer;
}

#sidebar ul li.active {
  background-color: #000;
}

#sidebar ul li .submenu-menu li a:hover {
  color: #c8c8c8;
  background: transparent;
}

/* #sidebar ul li .submenu-menu li a,
#sidebar.active.active2 ul li .submenu-menu li a {
  padding: 10px 12px 10px 35px;
  text-decoration: none;
  font-size: 12px;
  display: flex;
  justify-content: space-between;
  background-color: #1e1e1e;
  border-bottom: 0;
} */
/* #sidebar ul li .submenu-menu li a span.right-angle {
  font-size: 15px;
  position: relative;
  top: -3px;
} */
/* #sidebar ul li a:hover {
  color: #c8c8c8;
  background: transparent;
} */

/* #sidebar ul li a i {
  margin-right: 5px;
} */
/* #sidebar ul li a img {
  margin-right: 10px;
  height: 13px;
} */

.domain-info .left a {
  display: block;
  text-align: center;
}

.domain-info .left .tooltip {
  font-size: 14px !important;
  color: #337ab7;
}

.takedownStatus {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 12px;
}

.takedownStatus .success-text {
  background-color: rgba(0, 128, 0, 0.3);
  color: green;
  white-space: nowrap;
  padding: 3px 15px;
  border-radius: 0 7px;
}

.takedownStatus .unsuccess-text {
  background-color: rgba(242, 115, 57, 0.3);
  color: #f27339;
  white-space: nowrap;
  padding: 3px 15px;
  border-radius: 0 7px;
}

.takedownStatus .progress-text {
  color: #9e9e9e !important;
  background-color: rgba(158, 158, 158, 0.3) !important;
  padding: 0.3rem 1.5rem;
  border-radius: 0 0.7rem;
  font-size: 1.2rem;
}

.takedownStatus .primary-text {
  color: #1c5abe !important;
  background-color: rgba(28, 90, 190, 0.3) !important;
  padding: 3px 15px;
  border-radius: 0 7px;
}

.domain-details .second {
  text-transform: capitalize;
  font-size: 1.2rem;
}

@-webkit-keyframes fadein {
  from {
    top: 0;
    opacity: 0;
  }

  to {
    top: 50%;
    opacity: 1;
  }
}

@keyframes fadein {
  from {
    top: 0;
    opacity: 0;
  }

  to {
    top: 50%;
    opacity: 1;
  }
}

@-webkit-keyframes fadeout {
  from {
    top: 50%;
    opacity: 1;
  }

  to {
    top: 0;
    opacity: 0;
  }
}

@keyframes fadeout {
  from {
    top: 50%;
    opacity: 1;
  }

  to {
    top: 0;
    opacity: 0;
  }
}

.mobapp-pkgid-text {
  line-height: 20px;
  height: 40px;
}

@-webkit-keyframes fadein {
  from {
    top: 0;
    opacity: 0;
  }

  to {
    top: 50%;
    opacity: 1;
  }
}

@keyframes fadein {
  from {
    top: 0;
    opacity: 0;
  }

  to {
    top: 50%;
    opacity: 1;
  }
}

@-webkit-keyframes fadeout {
  from {
    top: 50%;
    opacity: 1;
  }

  to {
    top: 0;
    opacity: 0;
  }
}

@keyframes fadeout {
  from {
    top: 50%;
    opacity: 1;
  }

  to {
    top: 0;
    opacity: 0;
  }
}

.emailbreach-table thead tr th {
  padding: 10px 10px !important;
  border-bottom: none;
  white-space: nowrap;
}

.radio_container {
  display: flex;
  align-items: center;
  border: 1px solid #ddd;
  padding: 10px 17px;
  border-radius: 9999px;
  box-shadow: 0.5px 0.5px 2px 0 rgba(0, 0, 0, 0.15);
}

.radio_container input[type='radio'] {
  appearance: none;
  display: none;
}

.radio_container label {
  font-size: 1.3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 9999px;
  overflow: hidden;
  transition: linear 0.3s;
  color: #838383;
  margin-bottom: 0;
  background-color: #eee;
  margin-right: 2rem;
  cursor: pointer;
  padding: 0.6rem 1.5rem;
}

.radio_container label i {
  top: 0;
  margin-right: 8px;
  top: -1px;
  position: relative;
}

.radio_container input[type='radio']:checked + label {
  font-weight: 900;
  transition: 0.3s;
  background-color: rgb(32 150 243 / 25%);
  color: #1b5abd;
}

.daily-calendar-box {
  padding: 2px 15px;
  background-color: rgb(32 150 243 / 25%);
  color: #000;
  border-radius: 15px;
}

.daily-calendar-box i {
  margin-right: 5px;
  color: #1b5abd;
}

@-webkit-keyframes fadein {
  from {
    bottom: 0;
    opacity: 0;
  }

  to {
    bottom: 30px;
    opacity: 1;
  }
}

@keyframes fadein {
  from {
    bottom: 0;
    opacity: 0;
  }

  to {
    bottom: 30px;
    opacity: 1;
  }
}

@-webkit-keyframes fadeout {
  from {
    bottom: 30px;
    opacity: 1;
  }

  to {
    bottom: 0;
    opacity: 0;
  }
}

@keyframes fadeout {
  from {
    bottom: 30px;
    opacity: 1;
  }

  to {
    bottom: 0;
    opacity: 0;
  }
}

.form-group.mandatory .asset-label:after {
  content: '*';
  color: red;
  margin-left: 2px;
}

.asset-resolved {
  padding: 2px 15px;
  border-radius: 10px;
  margin-left: 5px;
  white-space: nowrap;
}

.unresolved-issue {
  background-color: var(--medium);
  color: #fff;
}

.resolved-issue {
  background-color: green;
  color: #fff;
}

.total-high-issues {
  color: var(--high);
}

.total-med-issues {
  color: var(--medium);
}

.total-low-issues {
  color: var(--low);
}

.total-info-issues {
  color: var(--info);
}

.issues-count-vr {
  margin: 0 4px;
}

.phishing-wrapper img {
  width: 100%;
  object-fit: contain;
  height: 100%;
}

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

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

.osint-fix-searchbar {
  width: 70%;
  margin: 4rem 0 0;
}

.osint-full-width-search .webrisk-searchbar,
.osint-fix-searchbar .webrisk-searchbar {
  width: 100%;
}

.osint-full-width-search .webrisk-searchbar .form-control,
.osint-fix-searchbar .webrisk-searchbar .form-control {
  padding-left: 95px;
  width: 100%;
  margin-left: 0;
}

.osint-full-width-search .webrisk-searchbar span,
.osint-fix-searchbar .webrisk-searchbar span {
  position: absolute;
  left: 46px;
  top: 4px;
}

.poly-lighgreen-shape {
  background-color: #79e279;
  color: #000;
}

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

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

.portfolio-circle-yellow-shape {
  background-color: #d2b740;
}

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

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

#content.active {
  left: 80px;
}

#sidebar.active.active2 ul li a i {
  display: inline-block;
  margin-right: 8px;
  font-size: 1.2rem;
}

#sidebar.active.active2 ul ul a {
  padding: 10px 12px 10px 35px !important;
}

#sidebar .sidebar-header {
  padding: 1.5rem 2rem;
  /* background: #000; */
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#sidebar ul li .submenu-menu li a {
  padding: 1.5rem 1rem 1.5rem 5.3rem;
  text-decoration: none;
  font-size: 1.3rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: none;
}

a[data-toggle='collapse'] {
  position: relative;
}

ul.CTAs {
  padding: 20px;
}

ul.CTAs a {
  font-size: 0.9em !important;
  display: block;
  border-radius: 5px;
  margin-bottom: 5px;
}

a.download {
  background: #fff;
  color: #7386d5;
}

/* .upgrade-btn {
  float: right;
  background-color: #e1a12c;
  color: #fff;
  padding: 4px 17px 6px;
  border-radius: 24px;
  font-size: 12px;
  text-transform: uppercase;
  margin-top: 15px;
} */

a.article,
a.article:hover {
  color: #fff !important;
}

#content {
  top: 50px;
  position: absolute;
  top: 70px;
  left: 24rem;
  right: 0;
  padding: 0 2rem;
  min-height: 100vh;
  transition: all 0.3s;
  background-color: #fff;
}

#content::before {
  background-color: red;
  position: absolute;
}

.navbar-inverse {
  background-color: #fff !important;
  padding: 0 2.2rem 0 2.5rem;
  /* transform: translateX(24rem); */
  left: 23rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all 0.3s;
}

.navbar-inverse .navbar-nav {
  display: flex;
  align-items: center;
}

.navbar-inverse .navbar-nav > li > a,
.upper-menu-dropdown > a {
  padding: 1rem 0.3rem;
}

.navbar-inverse .navbar-nav > li > a > span,
.upper-menu-dropdown > a > span {
  padding: 0.6rem 1rem;
  font-size: 2rem;
  color: #626060;
}

.navbar-inverse .navbar-nav > li > a:hover span,
.upper-menu-dropdown > a:hover span,
.upper-menu-dropdown.open > a > span {
  border-radius: 4px;
  color: #1c5abe;
}

.navbar-inverse .left-nav {
  flex: 1;
}

.navbar-inverse .left-nav li a.main-page-name {
  color: var(--darkGray);
  font-weight: 400;
  font-size: 1.4rem;
}

/* .navbar-inverse .left-nav li a::after {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f0da';
  margin: 0 0.7rem 0 1.5rem;
  position: relative;
  top: 0.1rem;
  font-size: 1.6rem;
  color: var(--darkGray);
} */

.navbar-inverse .left-nav li a::after {
  content: url(/images/icons/arrows/gray-right-arrow.svg);
  margin: 0 0.7rem 0 1.5rem;
  position: relative;
  top: 0.35rem;
  display: inline-block;
}

.navbar-inverse .left-nav li a.active-page-name {
  color: var(--primary);
  font-weight: 400;
  font-size: 1.4rem;
}

.navbar-inverse .left-nav li:last-child a::after {
  content: unset;
}

.upper-menu-dropdown > a > span.org-name-form {
  border-radius: 100%;
  padding: 0;
  background-color: #d4d8e1;
  width: 3.2rem;
  height: 3.2rem;
  font-size: 1.5rem;
  text-align: center;
  line-height: 3.2rem;
  color: #5a5d65 !important;
  border: none;
}

.upper-menu-dropdown > a > span.org-name-form img {
  height: 32px;
  border-radius: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  /* box-shadow: 0 4px 15px rgb(0 0 0 / 10%); */
}

.pricing-btn {
  background-color: transparent !important;
  color: #1c5abe;
  border: 1px solid #1c5abe;
  padding: 4px 15px;
}

span.dropdown-wrapper {
  display: none;
}

.add-shadow {
  box-shadow: 0 8px 6px -3px rgb(0 0 0 / 10%);
}

.slider-main-wrapper {
  padding: 20px;
}

.slider-heading-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
}

.slider-heading-wrapper .left {
  font-size: 16px;
}

.slider-heading-wrapper .left span {
  padding: 2px 12px 1px;
  border-radius: 10px;
  font-size: 12px;
  background-color: rgb(102 102 102 / 20%);
  margin-left: 10px;
  color: #1c5abe;
}

.slider-heading-wrapper .right {
  display: flex;
  align-items: center;
}

.slider-heading-wrapper .right .alert-switch {
  width: 50px;
  height: 15px;
}

.slider-heading-wrapper .right .slider:before {
  height: 13px;
  width: 13px;
  left: -5px;
  top: 1px;
}

.small-subtext {
  font-size: 12px;
}

.slider-heading-wrapper .right .alert-toggle span {
  font-size: 12px;
  color: #000;
  margin-left: 15px;
}

.slider-content-wrapper {
  border-top: 1px solid;
  padding: 15px 0;
}

.slider-flexbox {
  display: flex;
  justify-content: space-between;
}

.slider-flexbox .left {
  display: flex;
}

.slider-flexbox .left .icon {
  width: 25px;
  height: 25px;
  border-radius: 100%;
  text-align: center;
  line-height: 25px;
  margin-right: 10px;
}

.slider-flexbox .left .icon img {
  height: 10px;
}

.slider-flexbox .left .error-bg {
  background-color: rgb(188 7 7 / 7%);
}

.slider-flexbox .left .success-bg {
  background-color: rgb(37 160 28 / 15%);
}

.slider-flexbox .left .gray-bg {
  background-color: rgb(221 221 221 / 40%);
}

.slider-flexbox .left .gray-bg i {
  font-size: 12px;
  color: #838383;
}

.slider-flexbox .heading {
  color: #000;
  font-size: 14px;
}

.slider-flexbox .subtext {
  color: rgb(0 0 0 / 85%);
  font-size: 12px;
  line-height: 1.7;
  margin: 2px 0 10px;
}

.slider-flexbox .right button {
  border-radius: 100%;
  width: 25px;
  height: 25px;
  background-color: #fff;
  line-height: 5px;
  border: none;
  box-shadow: none;
  color: #1c5abe;
}

.slider-flexbox .right button i {
  font-size: 8px;
}

.slider-content-wrapper:hover button,
.slider-flexbox .right button:hover {
  border: 1px solid rgb(28 90 190 / 20%);
}

.notification-date {
  color: #838383;
  font-size: 12px;
  margin-left: 35px;
}

.notification-date span {
  margin-right: 5px;
  color: #1c5abe;
}

.notification-tooltip {
  visibility: hidden;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 42px;
  border: 1px solid #ccc;
  padding: 5px 15px;
  background-color: #fff;
  text-align: center;
  color: #000;
  box-shadow: 0 4px 15px rgb(0 0 0 / 10%);
  white-space: nowrap;
  border-radius: 6px;
}

.tooltip__arrow {
  height: 12px;
  width: 12px;
  position: absolute;
  top: 0;
  right: calc(83% - 8px);
  transform: translatey(-7px) rotate(45deg);
  border: 1px solid #ccc;
  border-bottom: 0;
  height: 12px;
  width: 12px;
  position: absolute;
  top: 0;
  right: calc(100% - 5.3px);
  transform: translatey(19px) rotate(-48deg);
  background-color: #fff;
}

.tooltip:hover .notification-tooltip {
  visibility: visible;
}

.new-notification-icon {
  font-size: 8px !important;
  position: absolute;
  top: 9px;
  right: 5px;
  color: rgb(37 160 28 / 80%) !important;
  padding: 0 0 !important;
  width: 15px;
  height: 15px;
  text-align: center;
  line-height: 15px;
  border-radius: 100%;
}

.checklist-container {
  display: block;
  position: relative;
  padding-left: 35px;
  padding-bottom: 15px;
  margin-bottom: 15px;
  cursor: pointer;
  border-bottom: 1px solid;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.checklist-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checklist-container .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  width: 22px;
  background-color: #fff;
  border-radius: 6px;
  box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
  border: 1px solid rgb(221 221 221 / 70%);
}

.checklist-container input:checked ~ .checkmark {
  background-color: #fff;
  border: 1px solid #3276e3;
}

.checklist-container .checkmark:after {
  content: '';
  position: absolute;
  display: none;
  left: 5px;
  top: 5px;
  width: 10px;
  height: 10px;
  background-color: #3276e3;
  border-radius: 100%;
}

.checklist-container input:checked ~ .checkmark:after {
  display: block;
}

/* .upper-menu-dropdown {
  padding: 15px 10px;
} */
.upper-menu-dropdown a {
  color: #000;
}

.upper-menu-dropdown .dropdown-menu {
  margin: 0;
  padding: 0;
  border: 1px solid #eee;
  min-width: 18rem;
}

.user-domain {
  color: #004ec2;
}

.upper-menu-dropdown .dropdown-menu li a {
  font-size: 1.1rem;
  padding: 1rem 1.5rem;
  border-top: 1px solid #eee;
}

.upper-menu-dropdown .dropdown-menu li a i {
  margin-right: 0.6rem;
}

.upper-menu-dropdown .dropdown-menu li a.user-main-info {
  text-align: center;
  width: 100%;
  font-size: 1.2rem;
  padding: 0.8rem 1rem;
  color: #000;
}

.notify-dropdown .dropdown-menu {
  min-width: 240px;
}

.notify-wrapper {
  margin-bottom: 10px;
}

.notify-wrapper .notify-info {
  display: flex;
  align-items: center;
  padding: 3px 10px;
  font-size: 10px;
}

.notify-dropdown .dropdown-menu li {
  margin: 0;
}

.notify-wrapper .notify-date {
  background-color: #e4ecf7;
  font-size: 10px;
  color: #000;
  padding: 3px 10px;
}

.view-all-notify {
  background-color: #f1f1f1;
}

.notify-dropdown .dropdown-menu li.view-all-notify a {
  color: #333;
}

.notify-wrapper p {
  color: #2064be;
  font-size: 10px;
  padding: 3px 10px;
  margin-bottom: 0;
}

.notify-wrapper a {
  color: #696565;
  font-size: 8px;
  padding: 3px 10px;
  margin-bottom: 0;
  text-decoration: underline;
}

.notify-wrapper .notify-info .text {
  color: #000;
}

.notify-wrapper .notify-info .pts {
  color: red;
  margin: 0 5px;
}

.stats-per-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

.stats-per-loader {
  margin: 0px auto;
  width: 115px;
}

.stats-per-loader .stat-name {
  font-size: 12px;
  margin-top: 10px;
}

.legitimate-wrapper {
  margin: 0px auto;
  width: 70px;
  height: 70px;
  background: rgba(127, 134, 251, 0.3);
  border-radius: 50%;
}

.legitimate-wrapper .circle {
  position: relative;
}

.legitimate-wrapper .circle .mask.full,
.legitimate-wrapper .circle .fill {
  animation: fill ease-in-out 3s;
  transform: rotate(104deg);
}

.legitimate-wrapper .circle .mask {
  clip: rect(0px, 70px, 70px, 33px);
}

.legitimate-wrapper .circle .mask,
.legitimate-wrapper .circle .fill {
  width: 70px;
  height: 70px;
  position: absolute;
  border-radius: 50%;
}

.legitimate-wrapper .circle .mask .fill {
  border: 3px solid #7f86fb;
}

.potential-malicious-wrapper {
  margin: 0px auto;
  width: 70px;
  height: 70px;
  background: rgba(127, 196, 251, 0.3);
  border-radius: 50%;
}

.potential-malicious-wrapper .circle {
  position: relative;
}

.potential-malicious-wrapper .circle .mask.full,
.potential-malicious-wrapper .circle .fill {
  animation: fill ease-in-out 3s;
  transform: rotate(104deg);
}

.potential-malicious-wrapper .circle .mask {
  clip: rect(0px, 70px, 70px, 45px);
}

.potential-malicious-wrapper .circle .mask,
.potential-malicious-wrapper .circle .fill {
  width: 70px;
  height: 70px;
  position: absolute;
  border-radius: 50%;
}

.potential-malicious-wrapper .circle .mask .fill {
  border: 3px solid #7fc4fb;
}

.others-wrapper {
  margin: 0px auto;
  width: 70px;
  height: 70px;
  background: rgba(142, 213, 233, 0.3);
  border-radius: 50%;
}

.others-wrapper .circle {
  position: relative;
}

.others-wrapper .circle .mask.full,
.others-wrapper .circle .fill {
  animation: fill ease-in-out 3s;
  transform: rotate(2deg);
}

.others-wrapper .circle .mask {
  clip: rect(0px, 70px, 70px, 34px);
}

.others-wrapper .circle .mask,
.others-wrapper .circle .fill {
  width: 70px;
  height: 70px;
  position: absolute;
  border-radius: 50%;
}

.others-wrapper .circle .mask .fill {
  border: 3px solid #8ed5e9;
}

.down-wrapper {
  margin: 0px auto;
  width: 70px;
  height: 70px;
  background: rgba(251, 182, 127, 0.3);
  border-radius: 50%;
}

.down-wrapper .circle {
  position: relative;
}

.down-wrapper .circle .mask.full,
.down-wrapper .circle .fill {
  animation: fill ease-in-out 3s;
  transform: rotate(-16deg);
}

.down-wrapper .circle .mask {
  clip: rect(0px, 70px, 70px, 46px);
}

.down-wrapper .circle .mask,
.down-wrapper .circle .fill {
  width: 70px;
  height: 70px;
  position: absolute;
  border-radius: 50%;
}

.down-wrapper .circle .mask .fill {
  border: 3px solid #fbb67f;
}

.stats-wrap .inside-circle {
  width: 62px;
  height: 62px;
  line-height: 62px;
  border-radius: 50%;
  background: #fff;
  text-align: center;
  position: absolute;
  z-index: 100;
  font-size: 14px;
  color: #4d4f5c;
  top: 4px;
  left: 4px;
}

.seperate-issues {
  margin: 0 0 0 20px;
  width: 100px;
}

.progress-bar {
  box-shadow: none;
}

.high-progress-bar {
  background-color: var(--high) !important;
}

.med-progress-bar {
  background-color: var(--medium) !important;
}

.low-progress-bar {
  background-color: var(--low) !important;
}

.positive-progress-bar {
  background-color: var(--positive) !important;
}

.info-progress-bar {
  background-color: var(--info) !important;
}

.high-issues {
  color: #f27339;
}

.med-issues {
  color: #feca4c;
}

.low-issues {
  color: #39a12d;
}

.positive-issues {
  color: #1366c3;
}

.no-of-issues {
  font-size: 1rem;
  margin-bottom: 5px;
}

.issues-progress {
  background-color: #ffffc4 !important;
  height: 5px !important;
  margin-bottom: 20px;
  overflow: hidden;
}

.issues-flexbox {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.dashboard-viewmore-link {
  border: 1px solid #1c5abe;
  font-size: 12px;
  color: #1c5abe;
  padding: 2px 10px 3px;
  border-radius: 6px;
  cursor: pointer;
}

.issues-heading-flexbox {
  display: flex;
  align-items: center;
  width: 100%;
}

.issue-table-flexbox {
  display: flex;
  align-items: center;
  justify-content: center;
}

.issues-heading-flexbox .total-issues-no {
  color: #1c5abe;
  font-weight: 600;
  font-size: 3.5rem;
  margin-right: 0.5rem;
}

.issue-high-circle,
.issues-high-value {
  color: #f27339;
}

.issue-med-circle,
.issues-med-value {
  color: #feca4c;
}

.issue-low-circle,
.issues-low-value {
  color: #39a12d;
}

.issue-positive-circle,
.issues-positive-value {
  color: #1366c3;
}

.issue-table-flexbox .circle {
  margin-right: 5px;
}

.issues-table {
  margin-top: 10px;
}

.table > thead > tr > th,
.table > tbody > tr > td {
  padding: 1.7rem 2rem 1.3rem 2rem !important;
  font-size: 1.2rem;
  white-space: nowrap;
  vertical-align: middle;
}

.table > thead > tr > th,
table.dataTable thead th,
table.dataTable tfoot th {
  background-color: #f3f3f3;
  color: #161718;
  font-weight: 400 !important;
}

.table-center {
  text-align: center;
}

.cve-issue-no {
  background-color: #508ff4;
  width: 38px;
  margin: auto;
  height: 20px;
  line-height: 20px;
  color: #fff;
  border-radius: 11px;
}

.security-gauge-meter {
  position: relative;
  text-align: center;
  margin-top: 30px;
}

#foo {
  width: auto !important;
}

.gauge-active-value {
  font-size: 4rem;
  position: absolute;
  left: 50%;
  transform: translate(-36%, -27%);
  text-align: center;
  top: 50%;
}

.security-score-bad,
.security-score-bad span {
  color: var(--high);
}

.security-score-fair,
.security-score-fair span {
  color: #f8d74c;
}

.security-score-good,
.security-score-good span {
  color: #79e279;
}

.security-score-excellent,
.security-score-excellent span {
  color: #25a01c;
}

.gauge-active-value span {
  font-size: 14px;
  display: block;
  text-transform: capitalize;
}

.chart-heading-radio-btns-grp {
  margin-bottom: 20px;
}

.chart-heading-radio-btns-grp,
.chart-heading-radio-btns-grp .left-sec,
.chart-heading-radio-btns-grp .left-sec .inner-left-sec {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.chart-heading-radio-btns-grp .left-sec form {
  margin-left: 30px;
}

.chart-heading-radio-btns-grp .right-sec {
  margin-left: 53px;
}

.block-inner-tiles {
  margin-left: 1rem;
  border: 1px dashed #c1c1c1;
  border-top: 0;
  border-right: 0;
  padding: 0 0 1rem 1rem;
  display: flow-root;
  width: 100%;
}

.tiles-sec {
  padding: 1px 1px !important;
  text-align: center;
}

.tiles-design {
  font-size: 1.3rem;
  padding: 1.3rem 0;
  border-radius: 0.4rem;
}

.x-axis-tiles-text {
  font-size: 1.2rem;
}

.black-tiles-text {
  color: #000;
}

.white-tiles-text {
  color: #fff;
}

.yellow-tiles-design {
  background-color: var(--low);
  border: 1px solid var(--low);
}

.mustard-tiles-design {
  background-color: var(--medium);
  border: 1px solid var(--medium);
}

.red-tiles-design {
  background-color: var(--high);
  border: 1px solid var(--high);
}

.light-green-tiles-design {
  background-color: #92d050;
  border: 1px solid #73ac36;
}

.dark-green-tiles-deisgn {
  background-color: var(--positive);
  border: 1px solid var(--positive);
}

.progress-bar-wrapper {
  width: 500px !important;
  margin: auto;
}

.heading-box small {
  font-size: 11px !important;
}

.black-heading span {
  color: #a5150f;
}

.progress-box .first-heading {
  font-size: 10px;
  color: #333;
  margin-bottom: 5px;
}

.progress-box .second-heading {
  font-size: 10px;
  color: #000;
  margin-bottom: 3px;
}

.progress-box .second-heading span {
  color: #acacac;
  text-transform: capitalize;
}

.block-wrapper ul {
  list-style: none;
  padding: 0;
}

.block-wrapper ul li {
  height: 5.3rem;
  line-height: 5.3rem;
  font-size: 1.2rem;
  color: #1f1b24;
  text-align: right;
}

.block-wrapper-x-axis {
  color: #000;
  margin-top: 3rem;
  font-size: 1.4rem;
  margin-bottom: 0;
  position: relative;
  left: 3rem;
  display: inline-block;
  margin-bottom: 1rem;
  font-weight: 500;
}

.upper-small-heading {
  color: rgba(131, 131, 131, 1);
  font-weight: 400;
  font-size: 14px;
}

.block-wrapper-y-axis {
  color: #000;
  font-size: 1.4rem;
  margin-left: 4.5rem;
}

.block-inner-wrapper {
  display: flex;
}

.ports-wrapper {
  border: 1px solid #f1ebeb;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 15px 20px;
  width: 100%;
  display: inline-block;
  background-color: #fff;
  margin-bottom: 50px;
}

.blue-heading {
  color: var(--primary);
  font-weight: 400;
}

.black-heading {
  float: none !important;
  margin-bottom: 7px;
}

.security-score-heading {
  border-bottom: 1px solid #ebf2f7;
  margin-bottom: 7px;
}

.heading-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 7px;
}

.blue-dropdown {
  background-color: #c7ddff;
  padding: 2px 15px;
  font-size: 12px;
  border-radius: 18px;
}

.blue-dropdown span {
  position: relative;
  top: -4px;
  margin-right: 5px;
}

.port-table {
  border: 1px solid #1e58f5;
  border-radius: 14px;
  margin-top: 20px;
  font-size: 12px;
}

.port-table table {
  margin-bottom: 0;
}

.port-table table thead {
  background-color: #f1f1f1;
}

.port-table table thead th {
  color: #000;
}

.chart-wrapper {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 20px;
  width: 100%;
  display: inline-block;
  background-color: #fff;
  margin-bottom: 60px;
}

.dashboard-heading {
  font-weight: 500;
  font-size: 1.5rem;
}

.security-score-wrapper .dashboard-heading {
  font-weight: 500;
  font-size: 1.5rem;
}

.chart-wrapper form span {
  margin-right: 45px;
}

.chart-wrapper input[type='radio'] {
  color: #333 !important;
}

.comparison-wrap {
  margin: 0px auto;
  width: 150px;
  height: 150px;
  background: rgba(188, 7, 7, 0.3);
  border-radius: 50%;
}

.comparison-wrap .circle .mask,
.comparison-wrap .circle .fill {
  width: 150px;
  height: 150px;
  position: absolute;
  border-radius: 50%;
}

.comparison-wrap .circle .mask {
  clip: rect(0px, 150px, 150px, 75px);
}

.comparison-wrap .circle .mask .fill {
  clip: rect(0px, 75px, 150px, 0px);
  border: 10px solid #bc0707;
}

.comparison-wrap .circle .mask.full,
.comparison-wrap .circle .fill {
  animation: fill ease-in-out 3s;
  transform: rotate(104deg);
}

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

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

.comparison-wrap .inside-circle {
  width: 130px;
  height: 130px;
  border-radius: 50%;
  background: #fff;
  text-align: center;
  margin-top: 10px;
  margin-left: 10px;
  position: absolute;
  z-index: 100;
  font-size: 10px;
  color: #4d4f5c;
  padding: 40px 0;
}

.share-link .left a {
  color: #8f9198;
}

.severity-findings-table table {
  width: 100%;
  margin: 15px 0 40px;
}

.severity-findings-table table thead {
  background-color: #eaf2ff;
}

.severity-findings-table table tr th {
  padding: 8px 8px !important;
  vertical-align: middle !important;
  font-size: 11px !important;
}

.severity-findings-table table tr td {
  border: none !important;
  border: none !important;
  border-bottom: 1px solid #ddd;
  vertical-align: middle !important;
  font-size: 11px !important;
  white-space: nowrap;
}

.issue-heading {
  color: #bc0707;
  border: 1px solid #bc0707;
  display: inline-block;
  padding: 0.3rem 2.5rem;
  font-size: 1.2rem;
  margin-bottom: 1rem;
}

.organisation-chart {
  position: relative;
}

#chart-inner-text {
  position: absolute;
  left: 50;
  top: 50%;
  text-align: center;
  color: #000;
  font-size: 1.1rem;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: 600;
}

.severity-issue-heading h4 {
  margin-bottom: 5px;
  color: #000;
}

.severity-issue-text {
  font-size: 12px;
  margin-bottom: 25px;
  color: #2e2e2e;
}

.severity-issue-heading p {
  font-size: 1.3rem;
  color: #bc0707;
}

.severity-issue-heading span {
  text-transform: uppercase;
  color: #696565;
}

.severity-outer-wrapper {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  padding: 15px 10px;
  background-color: #fff;
  margin: 50px 0 20px;
  display: flex;
  width: 100%;
}

.severity-outer-wrapper .severity-sections {
  width: 20%;
  padding: 0 3px;
}

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

.organisation-detail {
  margin-left: 25px;
}

.organisation-detail h4 {
  text-transform: uppercase;
  color: #000;
}

.organisation-detail p {
  font-size: 1.2rem;
}

.organisation-score-no h5 {
  font-size: 3.5rem;
  color: #000;
}

.organisation-circle-shape {
  width: 3.3rem;
  height: 3.3rem;
  line-height: 3.3rem;
  text-align: center;
  color: #fff;
  font-size: 1.5rem;
  border-radius: 50%;
  margin: 0 0.5rem;
}

.organisation-score {
  display: flex;
  align-items: center;
}

.circle-red-shape {
  background-color: #bc0707;
}

.share-link {
  margin: 20px 0 35px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.riskscore-findings {
  margin-top: 25px;
}

.panel-heading {
  padding: 0;
  border: 0;
}

.panel-title > a:hover {
  text-decoration: none;
}

.panel-title > a:focus {
  text-decoration: none;
}

.panel-title > a:visited {
  text-decoration: none;
}

.panel-title > a[aria-expanded='true'] {
  background: none !important;
}

.panel-title > a,
.panel-title > a:active {
  display: block;
  color: #555;
  font-size: 16px;
  text-decoration: none;
}

.panel-heading a:before {
  font-family: 'Glyphicons Halflings';
  content: '\e114';
  float: right;
  transition: all 0.5s;
  margin-top: 20px;
}

.severity-wrapper h5 {
  text-align: center;
  padding: 6px 10px;
  font-size: 12px;
  color: #000;
}

.severity-wrapper ul {
  padding: 0;
}

.severity-wrapper ul li {
  margin-bottom: 1rem;
  list-style-type: none;
  width: 100%;
  font-size: 1.2rem;
  cursor: pointer;
}

.severity-wrapper ul li.highlighted {
  color: #000;
  font-weight: 600;
}

.severity-wrapper ul li div.left {
  margin-right: 0.8rem;
}

.critical-clr-heading {
  background-color: #e9a5a6;
}

.high-clr-heading {
  background-color: #f7d0b3;
}

.med-clr-heading {
  background-color: #fef1ad;
}

.low-clr-heading {
  background-color: #ade2c6;
}

.sec-clr-heading {
  background-color: #aec5e7;
}

.accordion-wrapper {
  border: 1px solid #f1ebeb !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
  width: 100%;
  display: inline-block;
  background-color: #fff !important;
}

.accordion-wrapper .panel-heading {
  background-color: transparent !important;
  border: none !important;
}

.accordion-inner-wrapper {
  display: flex;
  align-items: center;
}

.accordion-inner-wrapper h5 {
  text-transform: uppercase;
  color: #000;
}

.accordion-inner-wrapper p {
  font-size: 12px;
  margin-bottom: 0;
}

.color-alpha {
  display: inline-block;
  font-size: 25px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  text-align: center;
}

.small-color-number {
  width: 20px;
  height: 20px;
  text-align: center;
  border-radius: 50%;
  margin-right: 7px;
}

.green-a {
  border: 2px solid #228b22;
  color: #228b22;
}

.yellow-a {
  border: 2px solid #ffd400;
  color: #ffd400;
}

.orange-a {
  border: 2px solid #ff4800;
  color: #ff4800;
}

.darkred-a {
  border: 2px solid #be1f18;
  color: #be1f18;
}

.red-one {
  background-color: red;
}

.darkyellow-one {
  background-color: #c7960a;
}

.yellow-one {
  background-color: #ffd400;
}

.green-one {
  background-color: #0ac733;
}

.blue-one {
  background-color: #0a78c7;
}

.accordion-outer-heading {
  margin-bottom: 5px;
  text-transform: uppercase;
}

.collapse-all-section {
  margin: 20px 0;
  display: flow-root;
}

.collapse-all-left-panel {
  float: left;
  display: flex;
  align-items: center;
}

.collapse-all-left-panel span {
  color: #1f1b24;
  display: flex;
  align-items: center;
  font-size: 1.4rem;
}

.collapse-all-left-panel span img {
  margin-right: 1rem;
}

.collapse-all-right-panel {
  float: right;
}

.collapse-all-right-panel .issues-total-count {
  font-size: 1.4rem;
}

.switch {
  margin-left: 18px;
  position: relative;
  width: 100px;
  height: 30px;
  padding: 3px;
  margin-bottom: 0 !important;
  border-radius: 18px;
  cursor: pointer;
  box-sizing: content-box;
}

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

.switch-label {
  position: relative;
  display: block;
  height: inherit;
  font-size: 10px;
  background: #ddd;
  border-radius: inherit;
  box-sizing: content-box;
}

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

.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: #fff;
  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
  opacity: 0;
}

.switch-input:checked ~ .switch-label {
  background: #1267e8;
}

.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: 28px;
  height: 28px;
  background: linear-gradient(to bottom, #fff 40%, #f0f0f0);
  background-image: -webkit-linear-gradient(top, #fff 40%, #f0f0f0);
  border-radius: 100%;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}

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

.switch-label,
.switch-handle {
  transition: All 0.3s ease;
  -webkit-transition: All 0.3s ease;
  -moz-transition: All 0.3s ease;
  -o-transition: All 0.3s ease;
}

.severity-panel-title {
  padding: 0 30px 0 15px;
  display: flow-root;
}

.severity-panel-title div {
  text-align: center;
  text-transform: uppercase;
}

.issues-table-wrapper {
  border-radius: 4px;
  background-color: #fff;
  margin-bottom: 30px;
  margin-bottom: 0 !important;
}

.issues-table-wrapper tr td {
  padding: 1.3rem 1.8rem !important;
  vertical-align: middle !important;
  font-size: 1.2rem !important;
  color: #838383;
  white-space: nowrap;
  border-top: none !important;
  border-bottom: 1px solid #eee;
}

.issues-table-wrapper tr td span img {
  width: 100%;
  max-width: 45%;
}

.issues-table-wrapper tr td button {
  border: 1px solid #1c5abe;
  color: #1c5abe;
  background-color: #fff;
  padding: 3px 10px;
  border-radius: 4px;
  text-transform: capitalize;
}

.issues-table-wrapper thead tr th {
  color: #666 !important;
  padding: 0.8rem 1.8rem 0.8rem !important;
  vertical-align: middle !important;
  font-size: 1.1rem !important;
  font-weight: 400;
  border-bottom: none !important;
  white-space: nowrap;
  background-color: #f1f1f1 !important;
}

.low-text-clr {
  color: var(--low) !important;
  text-transform: uppercase;
}

.pos-text-clr {
  color: var(--positive) !important;
  text-transform: uppercase;
}

.med-text-clr {
  color: var(--medium) !important;
  text-transform: uppercase;
}

.high-text-clr {
  color: var(--high) !important;
  text-transform: uppercase;
}

.info-text-clr {
  color: var(--info) !important;
  text-transform: uppercase;
}

.negative-score {
  color: #bc0707 !important;
}

.modal-heading-wrapper {
  display: flex;
}

.new-modal-content .modal-header {
  background-color: #f3f4f8;
  border-bottom: 1px solid #ddd;
}

.leak-close-btn {
  background: #1c5abe !important;
  right: -6px;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #1c5abe !important;
  text-shadow: none !important;
  color: #fff !important;
}

.modal-heading-wrapper .left-sec img {
  width: 100%;
  max-width: 49%;
  text-align: center;
}

.modal-heading-wrapper .right-sec h4 {
  text-transform: uppercase;
  color: #1c5abe;
}

.modal-heading-wrapper .right-sec p {
  margin-bottom: 0;
  font-size: 12px;
  color: #000;
}

.leak-wrapper-right-sec p {
  color: #000;
  font-size: 12px;
}

.leak-wrapper-right-sec h6 {
  color: #000 !important;
  color: #000 !important;
  margin-bottom: 5px;
}

.leak-wrapper-left-sec {
  text-align: center;
}

.ip-wrapper {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
  border-radius: 10px !important;
  width: 100%;
  padding: 35px 20px;
  display: inline-block;
}

.gray-ip-wrapper {
  background-color: #f5f5fc;
}

.sea-green-ip-wrapper {
  background-color: #f0fcfb;
}

.aqua-ip-wrapper {
  background-color: #f0fcfb;
}

.left-ip-wrapper .first {
  margin-bottom: 10px;
}

.left-ip-wrapper {
  padding: 15px;
  border-radius: 5px;
  margin-bottom: 30px;
}

.left-ip-wrapper h4 {
  margin-top: 0;
  color: #000;
  margin-bottom: 15px;
}

.left-ip-inner {
  display: flex;
  justify-content: space-between;
}

.left-ip-inner div {
  font-size: 12px;
  color: #8c8787;
}

.ip-inner-accordion-wrapper {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
  border-bottom: none;
  display: inline-block;
  background-color: #fff !important;
  border-bottom: none !important;
}

.ip-accordion-wrapper {
  border-bottom: none;
  border: none !important;
  margin: 25px auto 0;
  width: 510px;
}

.ip-accordion-heading {
  padding: 15px 20px 20px !important;
}

.ip-accordion-heading a:before {
  margin-top: 10px !important;
}

.ip-accordion-left-heading .main {
  color: #933fdb;
  font-size: 15px;
  margin-bottom: 7px;
}

.ip-accordion-left-heading .sub {
  font-size: 13px;
}

.ip-right-inner {
  padding: 0 5px;
}

.ip-right-inner-flex h6 {
  margin: 8px 0;
  color: #8e8a8a;
  font-size: 15px;
}

.ip-right-inner-flex .main {
  color: #000 !important;
}

.add-ip-wrapper {
  display: inline-block;
  width: 100%;
  margin: 10px 0;
}

.add-ip-wrapper .company-info-left a {
  text-decoration: underline;
}

.add-ip-wrapper .company-info-left a,
.add-ip-wrapper .company-info-left p {
  font-size: 10px;
  margin-bottom: 6px;
  color: #000;
}

.company-info-left {
  float: left;
}

.ip-info-right {
  float: right;
  display: flex;
}

.ip-info-right .left-sec a img {
  margin-right: 3px;
}

.checkbox-custom {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.checkbox-custom input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark {
  top: 0;
  height: 25px;
  width: 25px;
  position: absolute;
  top: -1px;
  left: 0;
  height: 21px;
  width: 21px;
}

.checkbox-custom:hover input ~ .checkmark {
  background-color: #ccc;
}

.checkbox-custom input:checked ~ .checkmark {
  background-color: #2196f3;
}

.checkmark:after {
  content: '';
  position: absolute;
  display: none;
}

.checkbox-custom input:checked ~ .checkmark:after {
  display: block;
}

.checkbox-custom .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.compliance-outer-wrapper {
  padding: 0 45px;
}

.compliance-framework-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.compliance-framework-wrapper .btn,
.chart-heading-radio-btns-grp .right-sec .btn {
  border: 1.3px solid #1c5abe;
  background-color: #fff;
  border-radius: 6px;
  font-size: 13px;
  color: #1c5abe;
  display: flex;
  align-items: center;
}

.score-filter-wrapper .btn,
.score-filter-wrapper .btn:hover,
.score-filter-wrapper .btn:active,
.score-filter-wrapper .btn:focus {
  border: none;
  background-color: #e5e8f8;
  border-radius: 6px;
  width: 100%;
  font-size: 13px;
  color: #5a5b60;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.score-filter-wrapper .open > .dropdown-toggle.btn-primary:focus,
.score-filter-wrapper .open > .dropdown-toggle.btn-primary:hover {
  color: #5a5b60;
  background-color: #e5e8f8;
  border: none;
}

.score-filter-wrapper .btn img {
  height: 16px;
}

.chart-heading-radio-btns-grp .right-sec .btn img {
  height: 16px;
  margin-left: 5px;
}

.score-chart-heading {
  margin-bottom: 30px;
}

.compliance-framework-wrapper .btn:hover,
.compliance-framework-wrapper .btn:active,
.compliance-framework-wrapper .btn:focus,
.chart-heading-radio-btns-grp .right-sec .btn:hover,
.chart-heading-radio-btns-grp .right-sec .btn:active,
.chart-heading-radio-btns-grp .right-sec .btn:focus {
  border: 1px solid #2064be !important;
  color: #2064be !important;
  background-color: #fff !important;
}

.compliance-framework-wrapper .btn i,
.chart-heading-radio-btns-grp .right-sec .btn i {
  margin-left: 5px;
}

.table-compliance-wrapper {
  margin-bottom: 25px;
}

.table-compliance-wrapper .correct {
  color: #25a01c;
  margin-right: 5px;
}

.table-compliance-wrapper .incorrect {
  color: #bc0707;
  margin-right: 5px;
}

.table-compliance-wrapper .table > thead > tr > th {
  font-size: 11px;
  color: #000;
  border-bottom: 0;
  background-color: #e3e9ef;
}

.table-compliance-wrapper .table > tbody > tr > td {
  font-size: 11px;
  border-top: 0;
  border-bottom: 1px solid #ddd;
  padding: 13px 8px;
}

.compliance-chart-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 25px;
}

.compliance-wrapper {
  border: 1px solid #f1ebeb !important;
  border: 1px solid #f1ebeb !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
  width: 100%;
  padding: 20px 30px;
  display: inline-block;
  background-color: #fff !important;
}

.compliance-wrapper h5 {
  font-size: 14px;
  font-weight: 500;
  margin: 0;
}

.history-block-outer-wrapper {
  width: 850px;
  margin: 0 auto;
  display: flex;
  align-items: center;
}

.left-score-sec {
  background-color: #eaf2ff;
  text-align: center;
  padding: 10px;
  border-radius: 6px 0 0 6px;
}

.right-score-sec {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
  padding: 15px 20px;
  border-radius: 8px;
  border: 1px solid #508ff4;
}

.right-score-sec a {
  font-size: 11px;
  text-decoration: underline;
  text-transform: capitalize;
  color: #004ec2;
}

.score-marks {
  display: flex;
  align-items: center;
  justify-content: center;
}

.score-number {
  margin-left: 6px;
}

.score-heading {
  font-size: 12px;
  margin-bottom: 5px;
}

.right-score-sec .first {
  font-size: 13px;
  text-transform: uppercase;
  color: #948d8d;
}

.right-score-sec .first img {
  margin-left: 10px;
}

.right-score-sec p {
  margin-top: 15px;
  color: #000;
  font-size: 12px;
}

.score-heading span {
  color: #be1f18;
}

.history-wrapper h6 {
  margin-bottom: 25px;
  color: #696565;
}

.history-view-more-link {
  text-align: center;
  margin: 30px 0;
}

.history-view-more-link a {
  font-size: 16px;
  color: #004ec2;
}

.riskscorebar {
  background-color: #f5f5f5 !important;
  border-radius: 0.4rem !important;
  height: 0.8rem !important;
  margin-top: 0.5rem !important;
  margin-bottom: 0.9rem !important;
}

.riskscorebar .progress-bar {
  background-color: #25a01c;
}

.deletemodal-dialog {
  width: 36rem !important;
  /* margin: 100px auto 30px; */
}

.deletemodal-header {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  /* display: flex; */
}

.onboardmodal-header {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  display: flex;
}

.deletemodal-footer {
  padding: 0 0 !important;
}

.pagination-wrapper {
  margin: 2rem 0;
  text-align: right;
}

.pagination-wrapper a {
  text-decoration: none;
  cursor: pointer;
}

.pagination-wrapper a:hover {
  text-decoration: none;
}

.pagination-wrapper .paginate_button:hover {
  color: var(--primary);
}

.pagination-wrapper .paginate_button.current {
  background: var(--primary);
  border: none;
  color: #fff;
  border-radius: 0.4rem;
}

.pagination-wrapper .paginate_button {
  padding: 0.4rem 1rem;
  min-width: auto;
  font-size: 1.2rem;
  font-weight: 500;
  color: #161718;
}

.pagination-wrapper .paginate_button.current:hover {
  background: var(--primary);
  color: #fff;
}

.dropdown-menu > li > a.test {
  outline: none;
}

.jira-export-menu li a {
  color: #1c5abe !important;
}

.jira-export-btn {
  background-color: #1c5abe !important;
  padding: 4px 12px 12px !important;
}

.content-inner-info .something {
  word-break: break-all;
}

.content-inner-info .something .phishing-url {
  height: 34px;
}

.content-inner-info .something .phishing-url a {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-height: 16px;
  max-height: 32px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.reputation-score-label {
  white-space: nowrap;
  font-weight: 400;
  color: var(--#000);
  font-size: 1.2rem;
}

.reputation-score-label.good i {
  /* color: #a5d6a7; */
  color: var(--positive);
}

.reputation-score-label.fair i {
  /* color: #e6ee9c; */
  color: var(--medium);
}

.reputation-score-label.average i {
  /* color: #ffe082; */
  color: var(--low);
}

.reputation-score-label.poor i {
  /* color: #ffab91; */
  color: var(--critical);
}

.reputation-score-label.bad i {
  /* color: #ef9a9a; */
  color: var(--high);
}

.plan-wrapper {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
  border-radius: 15px;
}

.plan-wrapper table tr td,
.plan-wrapper table tr th {
  vertical-align: top;
  padding: 10px 20px;
}

.plan-wrapper table tr th p {
  font-size: 12px;
  margin-top: 20px;
}

.plan-wrapper table tr td ul {
  padding-left: 0;
  list-style: none;
  padding-top: 15px;
  margin-bottom: 0;
}

.plan-wrapper table tr td#freeplan-details ul {
  border-top: 1px solid #f2f6fd;
}

.plan-wrapper table tr td#enterprise-details ul {
  border-top: 1px solid #edeff1;
}

.plan-wrapper table tr td ul li {
  margin-bottom: 15px;
  font-size: 12px;
  display: flex;
}

.plan-wrapper table tr td ul li:last-child {
  margin-bottom: 0;
}

.plan-wrapper table tr .enterprise-bg {
  background-color: #edf4fb;
}

#freeplan-header h4,
#main-header h4 {
  color: #000;
  font-size: 15px;
}

#enterprise-header h4 {
  color: #1c5abe;
  font-size: 15px;
}

.plan-wrapper table tr th#enterprise-header {
  border-top-right-radius: 15px;
}

.plan-wrapper table tr .freeplan-border {
  border-left: 2px solid #f2f6fd;
}

.plan-wrapper table tr td#enterprise-details ul li span i {
  font-size: 8px;
  margin-right: 8px;
  width: 14px;
  height: 14px;
  text-align: center;
  line-height: 14px;
  background-color: green;
  border-radius: 50%;
  color: #fff;
}

.plan-wrapper table tr td#freeplan-details ul li span i {
  font-size: 8px;
  margin-right: 8px;
  width: 14px;
  height: 14px;
  text-align: center;
  line-height: 14px;
  background-color: #ccc;
  border-radius: 50%;
  color: #000;
}

.plan-wrapper table tr td.main-title {
  padding-top: 15px;
  color: #000;
}

#sidebar ul li .submenu-menu li.activesubmenu a {
  color: #fff;
}

#sidebar ul li .submenu-menu li.activesubmenu a span.right-angle {
  color: #bb86fc;
}

.ports-inner-box {
  padding: 0 0 !important;
  border-radius: 10px;
  padding: 0 !important;
}

.ports-table-wrapper {
  padding: 0 20px;
}

.ports-table-wrapper table {
  margin-bottom: 0;
}

.ipports-inner-wrapper {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 20px;
  background-color: #fff;
  display: inline-block;
  width: 100%;
}

.ipports-inner-wrapper p {
  font-size: 12px;
}

.ports-table-wrapper table tr td {
  font-size: 12px;
}

.ports-header {
  background-color: #e6e3ea;
  padding: 8px;
  color: #1c5abe;
  text-transform: uppercase;
  border-radius: 6px 6px 0 0;
}

.poly-gray-shape {
  background-color: #e0dddd;
}

.no-score-wrapper {
  width: 60px;
  height: 60px;
  clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
  animation: 4s poly infinite alternate ease-in-out;
  line-height: 70px;
  text-align: center;
  color: #000;
  font-size: 27px;
  margin: auto;
}

.score-cal-wrapper .left {
  border-right: 2px solid #e2e1e1;
  padding: 0 30px 0 20px;
}

.score-cal-wrapper .left a.text {
  font-size: 12px;
  margin-top: 10px;
  cursor: pointer;
  display: block;
}

.score-cal-wrapper .right {
  padding: 0 20px 0 30px;
}

.score-cal-wrapper .right h3 {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 21px;
}

.score-cal-wrapper .right p {
  font-size: 12px;
  margin-bottom: 10px;
  margin-top: 7px;
}

.score-cal-wrapper .right p img {
  margin-right: 5px;
}

.risk-rating-info p {
  margin: 25px 0;
  color: #000;
}

.risk-rating-info-text {
  margin-top: 15px;
}

.risk-rating-info-text span {
  font-style: italic;
}

.risk-rating-wrapper-height {
  height: 415px;
}

.no-margin-header {
  margin-bottom: 0 !important;
}

.new-modal-header h4 {
  text-align: center;
  color: #1c5abe;
  font-size: 15px;
}

.riskscore-modal-body {
  padding: 15px 20px;
}

.riskscore-modal-body ul {
  padding: 0 30px;
}

.riskscore-modal-body ul li {
  list-style: none;
  color: #000;
  font-size: 12px;
  margin-bottom: 15px;
  display: flex;
}

.riskscore-modal-body ul li i {
  color: #1c5abe;
  margin-right: 8px;
  font-size: 14px;
}

.riskscore-modal-body p {
  padding: 0 20px;
  color: #666;
  font-size: 13px;
  margin-bottom: 20px;
}

.riskscore-modal-body blockquote {
  padding: 10px 20px;
  margin: 0 52px 20px;
  font-size: 13px;
  border-left: 5px solid #eee;
  color: #666;
  line-height: 1.7em;
  font-style: italic;
}

.center-box-wrapper .outer-category-wrapper {
  border: 1px solid rgb(200 228 252 / 40%) !important;
  padding: 20px;
  border: 1px solid rgb(200 228 252 / 40%) !important;
  margin: 0;
  align-items: center;
  display: flex;
  justify-content: center;
}

.category-wrapper .category-heading {
  font-size: 14px;
  color: #000;
  margin: 5px 0;
}

.category-wrapper .cat-wrapper-text {
  font-size: 12px;
  color: #666;
  margin-bottom: 0;
}

.category-wrapper .icon i {
  color: #1684e6;
  font-size: 2em;
}

.no-result-wrapper img {
  width: 100%;
  max-width: 15%;
}

.no-result-wrapper p {
  color: #000;
  font-size: 14px;
  margin-top: 10px;
}

.risk-rating-info h6 {
  color: #1c5abe;
}

.riskrating-desc {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  border-radius: 50px 0;
  padding: 20px 30px;
  width: 350px;
  margin: auto;
}

.riskrating-desc ul {
  list-style: none;
  padding-left: 0;
}

.riskrating-desc ul li {
  display: flex;
  font-size: 12px;
  color: #5d5d5d;
  line-height: 1.8;
  border-left: 1px solid #ccc;
  padding-bottom: 15px;
}

.riskrating-desc ul li i {
  color: #1c5abe;
  margin-right: 13px;
  font-size: 12px;
  position: relative;
  left: -6px;
  top: -6px;
}

.riskrating-desc ul li .desc {
  margin-top: -6px;
}

.riskrating-wrapper {
  margin-top: 30px;
}

.riskrating-desc h4 {
  font-size: 16px;
}

.riskrating-wrapper ul {
  list-style: none;
  padding-left: 0;
  margin: 25px auto 0;
}

.riskrating-wrapper ul li {
  margin-bottom: 15px;
  font-size: 12px;
  display: flex;
  color: #5d5d5d;
}

.riskrating-wrapper ul li i {
  margin-right: 10px;
  font-size: 14px;
  color: #1c5abe;
}

.riskrating-wrapper ul li a {
  color: #5d5d5d;
  cursor: pointer;
  text-decoration: underline;
}

.get-started-wrapper li {
  justify-content: space-between !important;
  align-items: center;
  padding: 10px;
  border-radius: 6px;
  border: 1px solid #ccc;
}

.get-started-wrapper li a {
  text-decoration: none !important;
}

.get-started-wrapper li .steps-checklist i {
  font-size: 18px !important;
}

.get-started-wrapper li .step-check i {
  color: #25a01c !important;
}

.get-started-wrapper li .step-uncheck i {
  color: #ccc !important;
}

.risk-rating-wrapper-height h4 {
  font-size: 16px;
}

.userManagement-tabs > li > a {
  width: 100% !important;
}

.userManagement-add-user {
  text-align: right;
}

.userManagement-table-wrapper thead tr th {
  font-size: 12px !important;
}

.userManagement-table-wrapper tr td {
  font-size: 12px !important;
}

.userManagement-table-wrapper tr td div.admin {
  color: green;
}

.userManagement-table-wrapper tr td div.power-user {
  color: #f27222;
}

.userManagement-table-wrapper tr td div.acc-permission {
  text-transform: uppercase;
}

.user-state input:checked + .slider {
  background-color: #3276e3;
}

.userManagement-table-wrapper tr td div.user-state {
  color: #fff;
  padding: 2px 12px;
  display: inline-block;
  border-radius: 10px;
}

.userManagement-table-wrapper tr td div.enable-state {
  background-color: green;
}

.userManagement-table-wrapper tr td div.disable-state {
  background-color: #bc0707;
}

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

.checkbox-wrapper div {
  display: flex;
  align-items: center;
  margin-top: 9px;
  margin-right: 15px;
}

.checkbox-wrapper div input[type='radio'] {
  margin: 1px 0 0 !important;
  cursor: pointer;
}

.checkbox-wrapper div label {
  font-weight: 400;
  font-size: 1.3rem;
  margin: 0.1rem 0 0 0.5rem;
  cursor: pointer;
}

#addUser .checkbox-wrapper .checkbox-inner {
  display: flex !important;
  flex-wrap: wrap;
}

#addUser .checkbox-wrapper .checkbox-inner span {
  width: 100%;
}

.scorecard-res-table tr td.edit-link {
  cursor: pointer;
}

.profile-pic-wrapper {
  width: 50px;
  height: 50px;
}

.profile-pic-wrapper img {
  height: 50px;
  border-radius: 50%;
  width: 50px;
}

.heading-btn-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.cloud-integration-wrapper {
  width: 800px;
  margin: 30px auto 0;
}

.cloud-wrapper {
  border-radius: 10px;
  display: flex;
  padding: 20px;
}

.cloud-wrapper .right {
  width: 100%;
}

.accounts-info .first {
  font-size: 15px;
  margin-bottom: 6px;
}

.accounts-info .second {
  font-size: 14px;
  color: #5d5d5d;
  margin-bottom: 6px;
}

.account-tags-wrapper {
  display: flex;
  align-items: center;
  padding: 0 15px;
}

.account-tags-wrapper .tag-wrap {
  border-radius: 10px;
  padding: 3px 10px;
  font-size: 13px;
  margin-right: 13px;
}

.account-tags-wrapper .account-type {
  background-color: #1c5abe;
  color: #fff;
}

.account-tags-wrapper .account-tag {
  background-color: #ddd;
  color: #000;
}

.account-toggle {
  display: flex;
  align-self: center;
  float: right;
  margin-left: 5px;
}

.account-toggle .acc-switch {
  height: 24px;
  margin-bottom: 0;
  position: relative;
  display: inline-block;
  width: 58px;
  height: 24px;
  margin-bottom: 0;
  position: relative;
  display: inline-block;
  width: 45px;
}

.account-toggle .acc-switch input:checked + .slider {
  background-color: #3276e3;
}

.account-toggle .acc-switch .slider.round {
  border-radius: 34px;
}

.account-toggle .acc-switch span {
  font-size: 12px;
  color: #000;
  margin-left: 6px;
}

.account-toggle .acc-switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.account-toggle .acc-switch input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(13px);
}

.account-toggle .acc-switch .slider.round:before {
  border-radius: 50%;
}

.acc-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.account-toggle .acc-switch .slider:before {
  position: absolute;
  content: '';
  height: 18px;
  width: 18px;
  left: 5px;
  top: 3px;
  background-color: #fff;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.cloud-wrapper .fakeapp-info .right {
  width: 50%;
  text-align: right;
}

.status-error i {
  color: #bc0707;
}

.status-success i {
  color: #25a01c;
}

.status-disabled i {
  color: gray;
}

p.iam-role-desc {
  font-size: 12px;
  color: #666;
}

p.arn-value-info {
  font-size: 12px;
  color: #1c5abe;
}

.dns-table tr td a {
  white-space: nowrap;
  width: 430px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  cursor: pointer;
}

.collapse-filter {
  border-left: 2px solid #1c5abe;
  padding: 15px 5px 0px 16px !important;
}

.truncate-text {
  white-space: nowrap;
}

.truncate-tooltip {
  border-radius: 6px !important;
  color: #fff;
  text-align: center;
  border-radius: 6px !important;
  padding: 5px 0 0 !important;
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 0;
}

.dns-table tr td a:hover .truncate-tooltip {
  visibility: visible;
  overflow: visible;
}

.dark-toggle-checkbox {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
  border: 0;
  background: none;
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  clip: rect(1px, 1px, 1px, 1px);
}

button.darkmode-toggle {
  display: none;
}

.switch_btn_wrap {
  margin: 1rem 0px 0 1rem;
  float: right;
}

.switch_btn_wrap label {
  display: block;
  position: relative;
  width: 8.2rem;
  height: 2.6rem;
  padding: 0 0.7rem;
  border-radius: 2.8rem;
  background: linear-gradient(127deg, #797878, #0e0b0b);
  box-shadow:
    inset 1px 1px 4px rgba(0, 0, 0, 0.1),
    inset -1px -1px 4px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}

.switch_btn_wrap label .txt {
  display: block;
  font-size: 1rem;
  color: #fff;
  line-height: 2.5rem;
  text-transform: uppercase;
  text-align: right;
}

.switch_btn_wrap label:after {
  position: absolute;
  top: 0.5rem;
  left: 0.4rem;
  width: 1.5rem;
  height: 1.5rem;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 100%;
  background-color: #fff;
  background-clip: content-box;
  transition: left 0.5s;
  content: '';
}

.switch_btn_wrap input:checked + label {
  background: #fff;
}

.switch_btn_wrap input:checked + label .txt {
  text-align: left;
  color: #000;
}

.switch_btn_wrap input:checked + label:after {
  left: 64px;
  background-color: #e1a12c;
  border: none;
}

.switch_btn_wrap_old label {
  display: block;
  position: relative;
  width: 42px;
  height: 28px;
  padding: 0 7px;
  border-radius: 28px;
}

.switch_btn_wrap_old label .switch {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 20px;
  height: 20px;
}

.switch_btn_wrap_old label .txt {
  display: block;
  font-size: 12px;
  color: #fff;
  line-height: 28px;
  text-transform: uppercase;
  text-align: right;
}

.switch_btn_wrap_old input.checked + label {
  background-position: 0 -30px;
}

.switch_btn_wrap_old input.checked + label .txt {
  text-align: left;
}

.exe-member-heading {
  display: inline-block;
  width: 100%;
  margin: 20px 0 20px 15px;
}

.comp-name-heading {
  display: inline-block;
  width: 100%;
  margin: 0px 0 2rem 1.5rem;
}

.signup-login-bg {
  content: '';
  background: url('/images/signup-login-banner.PNG') no-repeat center center;
  background-size: cover;
  position: fixed;
  filter: blur(2px);
  margin: 0;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.signup-outer-wrapper h5 {
  text-align: center;
  font-size: 1.7rem;
  margin-bottom: 0.5rem;
}

.signup-wrapper {
  position: relative;
  width: 100%;
  height: 100vh;
}

.signup-outer-wrapper p {
  text-align: center;
  font-size: 1.2rem;
  margin-bottom: 2rem;
}

.signup-login-bg::before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.7);
}

.info-item img {
  width: 100%;
  max-width: 65%;
}

.container-form .table,
.info-item .table {
  display: table;
  height: 100%;
  width: 100%;
}

.container-form .table-cell,
.info-item .table-cell {
  display: table-cell;
  transition: all 0.5s ease 0s;
  vertical-align: middle;
  padding: 0 2rem;
}

.signup-outer-wrapper {
  background-color: #0a2c65;
  height: 43.5rem;
  position: absolute;
  top: 50%;
  transition: all 0.5s ease 0s;
  width: 60rem;
  z-index: 9999;
  left: 50%;
  transform: translate(-50%, -50%);
}

.signup-outer-wrapper .box {
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
}

.signup-outer-wrapper .container-forms {
  position: relative;
  z-index: 9999;
}

.signup-outer-wrapper .btn,
.signup-outer-wrapper .btn:hover {
  background-color: #e2a031;
  border: 1px solid #e2a031;
  color: #fff;
  text-transform: uppercase;
  cursor: pointer;
  margin: 0 auto;
  opacity: 1;
  text-align: center;
  transition: all 0.5s ease 0s;
  font-size: 1.3rem;
  padding: 0.6rem 2.5rem;
  border-radius: 2.4rem;
}

.signup-outer-wrapper .container-form .btn {
  box-shadow: 5px 5px 10px rgb(226 160 49 / 0.25);
  display: block;
  margin-top: 25px;
  position: relative;
}

.signup-outer-wrapper input {
  border-radius: 2.4rem;
  font-size: 1.2rem;
  padding: 0.4rem 1.7rem 0.6rem;
  border: #f3f3f3;
  box-shadow: 0 0.4rem 1.5rem rgba(0, 0, 0, 0.1);
  color: #666;
  display: block;
  margin: 0 auto 1rem;
  transition: all 0.3s ease 0s;
}

.signup-outer-wrapper .container-forms .container-info {
  font-size: 0;
  text-align: left;
}

.signup-outer-wrapper .container-forms .container-info .info-item {
  color: #fff;
  display: inline-block;
  font-size: 16px;
  height: 43.5rem;
  opacity: 1;
  text-align: center;
  transition: all 0.3s ease 0s;
  vertical-align: top;
  width: 30rem;
}

.signup-outer-wrapper .container-forms .container-info .info-item p {
  font-size: 1.5rem;
  margin: 1rem 2rem 2rem;
  color: rgb(255 255 255 / 0.7);
}

.signup-outer-wrapper .container-forms .container-info .info-item .btn {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid rgb(255, 255, 255);
}

.signup-outer-wrapper .container-forms .container-info .info-item .table-cell {
  padding-left: 10px;
  padding-right: 10px;
}

.signup-outer-wrapper
  .container-forms
  .container-info
  .info-item:nth-child(2)
  .table-cell {
  padding-left: 10px;
  padding-right: 10px;
}

.signup-outer-wrapper .container-form {
  background-color: #fff;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
  height: 43.5rem;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  transition: all 0.5s ease 0s;
  width: 30.5rem;
}

.signup-outer-wrapper .container-form::before {
  color: #5356ad;
  content: '✔';
  font-size: 130px;
  left: 160px;
  opacity: 0;
  position: absolute;
  top: -50px;
  transition: all 0.5s ease 0s;
}

.signup-outer-wrapper .form-item {
  height: 100%;
  left: 0;
  opacity: 1;
  position: absolute;
  top: 0;
  transition: all 0.5s ease 0s;
  width: 100%;
}

.signup-outer-wrapper .form-item.sign-up {
  left: -100%;
  opacity: 0;
  position: absolute;
}

.signup-outer-wrapper.log-in .box::before {
  height: 265px;
  left: 180px;
  position: absolute;
  top: 62px;
}

.signup-outer-wrapper.log-in .box::after {
  height: 220px;
  left: 192px;
  top: 22px;
  width: 324px;
}

.signup-outer-wrapper.log-in .container-form {
  left: 295px;
}

.signup-outer-wrapper.log-in .container-form .form-item.sign-up {
  left: 0;
  opacity: 1;
}

.signup-outer-wrapper.log-in .container-form .form-item.log-in {
  left: -100%;
  opacity: 0;
}

.rabbit {
  bottom: 20px;
  fill: #fff;
  height: 50px;
  position: absolute;
  right: 20px;
  width: 50px;
  z-index: 3;
}

.inventory-breadcrumb-wrapper {
  margin: 30px 0;
}

.rating-table-wrapper {
  border: 1px solid #e3e3e3;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  background-color: #fff;
  margin-bottom: 30px;
  margin-bottom: 0 !important;
}

/* .rating-table-wrapper tr td {
  padding: 10px 10px !important;
  vertical-align: middle !important;
  font-size: 11px !important;
} */
.rating-table-wrapper tr td span img {
  width: 100%;
  max-width: 45%;
}

.rating-table-wrapper tr td button {
  border: 1px solid #1c5abe;
  color: #1c5abe;
  background-color: #fff;
  padding: 3px 10px;
  border-radius: 4px;
  text-transform: capitalize;
}

/* .rating-table-wrapper thead tr th {
  font-size: 11px !important;
  font-size: 11px !important;
  border-bottom: none;
} */
.rating-profile-toggle {
  display: flex;
  align-self: center;
  justify-content: center;
}

.rating-profile-toggle span {
  font-size: 12px;
  color: #000;
  margin-left: 0;
}

.rating-profile-switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 15px;
  margin-bottom: 0;
}

.rating-profile-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.rating-profile-switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.rating-profile-switch .slider:before {
  position: absolute;
  content: '';
  height: 13px;
  width: 13px;
  left: 0;
  top: 1px;
  background-color: #fff;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.custom-profiles-pills {
  display: flex;
  flex-direction: column;
  margin-top: 80px;
}

.custom-profiles-pills li {
  width: 100%;
}

.assets-scanned-wrapper {
  margin-bottom: 50px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}

.assets-scanned-wrapper .item {
  background-color: transparent !important;
}

.assets-scanned-info .icon {
  font-size: 1.6rem;
  color: #1c5abe;
  background-color: #f2f2fd;
  width: 4rem;
  height: 4rem;
  line-height: 4rem;
  border-radius: 0.6rem;
  margin-left: 1.5rem;
  text-align: center;
}

.total-scans {
  color: #000;
  font-weight: 600;
  font-size: 1.8rem;
  font-family: 'Kameron', serif !important;
}

.scan-asset-name {
  color: #838383;
  font-size: 1rem;
  margin-bottom: 4px;
}

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

.rules-wrapper select {
  margin-right: 3rem;
}

.footer-btn-wrapper {
  margin: 20px 0 30px;
  text-align: right;
}

.save-btn,
.save-btn:hover,
.save-btn:focus {
  background-color: #1c5abe !important;
  border: 1px solid #1c5abe;
  color: #fff;
  text-transform: uppercase;
  padding: 5px 30px;
  margin: 0 5px;
}

.cancel-btn,
.cancel-btn:hover,
.cancel-btn:focus {
  background-color: #fff;
  border: 1px solid #000;
  color: #000;
  text-transform: uppercase;
  padding: 5px 30px;
  margin: 0 5px;
}

.hidden_field {
  margin-top: 10px;
}

.score-chart-wrapper {
  display: flex;
}

.score-filter-wrapper {
  background-color: #f5f6fc;
}

.score-filter-wrapper .filter-section {
  padding: 20px;
  border-bottom: 1px solid #e5e8f8;
}

.score-filter-wrapper .filter-section:last-child {
  border-bottom: 0;
}

.score-chart {
  border: 1.2px solid #ddd;
  padding: 23px 23px 15px;
  border-radius: 6px;
}

.score-filter-wrapper label {
  font-weight: 500;
  font-size: 14px;
  margin-bottom: 12px;
  color: #000;
}

.score-filter-checkmark {
  position: absolute;
  top: 2px;
  left: 0;
  height: 14px;
  width: 14px;
  background-color: #fff;
  border: 1.5px solid #1c5abe;
  border-radius: 3px;
}

.score-filter-checkbox {
  font-weight: 400 !important;
  padding-left: 23px;
  font-weight: 400 !important;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 12px !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #696565;
}

.score-filter-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.score-filter-checbox {
  margin-bottom: 15px;
}

.score-filter-checkbox input:checked ~ .score-filter-checkmark {
  background-color: #1c5abe;
  border: none;
}

.score-filter-checkmark:after {
  content: '';
  position: absolute;
  display: none;
}

.score-filter-checkbox input:checked ~ .score-filter-checkmark:after {
  display: block;
}

.score-filter-checkbox .score-filter-checkmark:after {
  left: 5px;
  top: 1px;
  width: 3px;
  height: 9px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.period-name {
  border: none;
  outline: 0;
  padding: 0 8px;
  background-color: #fff;
  cursor: pointer;
  text-transform: uppercase;
  color: #8f9198;
}

#period-menu .active,
#period-menu .period-name:hover {
  color: #1c5abe;
}

.score-chart-wrapper .right-sec {
  display: flex;
  align-items: center;
}

#period-menu {
  border: 1.3px solid #1c5abe;
  border-radius: 6px;
  padding: 5px 0px;
  margin-right: 20px;
}

#period-menu .vr {
  color: #cccbcb;
}

.tally-wrapper {
  padding: 2rem 4rem;
  box-shadow: 0 4px 15px rgb(0 0 0 / 10%);
  border-radius: 10px;
  width: 80%;
  margin: auto;
}

.send-wrapper {
  margin-bottom: 4rem;
}

.send-wrapper .top-sec {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
}

.send-wrapper .top-sec .number {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  text-align: center;
  font-size: 16px;
  line-height: 30px;
  position: relative;
  left: -12px;
}

.send-wrapper .top-sec .heading {
  font-size: 14px;
  color: #37392e;
  letter-spacing: 0;
}

.send-wrapper .bottom-sec {
  border-left: 1px solid #ddd;
  padding: 0 3rem;
}

.tally-radio {
  display: block;
  position: relative;
  padding-left: 26px;
  margin-bottom: 20px;
  font-weight: 400 !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid #ddd;
  display: inline-block;
}

.tally-radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.tally-radio input:checked ~ .tally-checkmark {
  background-color: #fff;
  border: 2px solid;
}

.tally-checkmark {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  border: 1px solid #7ca9f8;
  border-radius: 20px;
}

.tally-radio input:checked ~ .tally-checkmark:after {
  display: block;
}

.tally-radio .tally-checkmark:after {
  top: 1px;
  left: 1px;
  width: 13px;
  height: 13px;
  background: #2196f3;
  border-radius: 9px;
  border: 1px solid #fff;
}

.tally-checkmark:after {
  content: '';
  position: absolute;
  display: none;
}

.tally-label {
  color: #7a7b73;
  font-size: 13px;
  font-weight: 500;
}

.upload-userimg-wrapper {
  text-align: center;
  border: 0.2rem dashed #f2f2f2;
  width: 96%;
  margin: 0 auto 2rem;
  padding: 3rem;
  font-size: 1.6rem;
  background-color: #fdfdfd;
}

.questionnaire-wrapper .accordion .sha-content:first-child {
  max-height: 100%;
}

.tally-chart-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}

.tally-response-bar {
  height: 7.4px;
  margin-bottom: 0;
  box-shadow: none;
  background-color: #ddd;
}

.first-accordion {
  max-height: 100% !important;
  margin-top: 20px;
}

.total-yes-count {
  background-color: rgb(50 198 13);
}

.total-no-count {
  background-color: rgb(239 59 74);
}

.total-not-applicable-count {
  background-color: var(--darkGray);
}

.tally-response {
  margin-left: 10px;
}

.yes-count {
  color: #51b330;
}

.no-count {
  color: #f55d58;
}

.tally-eval {
  padding: 2px 10px;
  border-radius: 15px;
  font-size: 12px;
  color: #000;
  white-space: nowrap;
}

.tally-chart {
  height: 45px !important;
  width: 45px !important;
}

.tally-ques-count {
  color: #000;
}

.status-progress {
  background-color: rgba(158, 158, 158, 0.3);
}

.status-approved {
  background-color: rgba(0, 128, 0, 0.3);
}

.status-flagged {
  background-color: rgba(242, 115, 57, 0.3);
}

.comment-btn {
  background-color: #1c5abe;
  font-size: 12px;
  padding: 4px 15px 5px;
  float: right;
  margin-top: 15px;
  border-radius: 6px;
  text-transform: uppercase;
}

#allUploads {
  display: none;
}

.questionnaire-modal-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.ans-history-wrapper li {
  margin-bottom: 10px;
  margin-bottom: 15px;
  margin-bottom: 15px;
}

.upload-userimg-wrapper span {
  display: block;
}

.upload-icon {
  color: #1c5abe !important;
  margin-bottom: 5px;
}

.file-progress #progressBar {
  width: 100%;
  border-radius: 0;
  height: 4px;
  background-color: #ff0;
}

.file-progress {
  padding: 0 12px;
}

.file-progress-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.or-text {
  display: block;
  margin: 0.7rem 0 1rem;
}

.upload-userimg-wrapper .inputfile + label,
.upload-img-btn {
  color: #fff !important;
  border: 1px solid #1c5abe !important;
  padding: 0.3rem 1rem;
  font-size: 1.4rem;
  border: 1px solid #1c5abe !important;
}

.upload-userimg-wrapper input[type='file'] {
  opacity: 0;
}

.tally-grade {
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  color: #fff;
  font-size: 12px;
  border-radius: 50%;
  margin: auto;
}

.questionnaire-wrapper {
  width: 90%;
  margin: 40px auto;
}

.questionnaire-inner-wrapper {
  margin-bottom: 3.5rem;
  padding: 2rem 1rem;
  display: inline-block;
  width: 100%;
  border-radius: 0.8rem;
  border: 1px solid #ddd;
}

.questionnaire-top-sec {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1.5rem;
}

.questionnaire-top-sec h5 {
  line-height: 1.5;
  margin: 0 0 0 5px;
  text-align: justify;
  font-size: 1.3rem;
}

.switch-field input:checked + label.yes {
  background-color: rgb(37 160 28 / 30%);
  color: #25a01c;
}

.switch-field input:checked + label.no {
  color: #bc0707 !important;
}

.switch-field label span {
  margin-right: 5px;
}

.switch-field label.no {
  color: #bc0707;
}

.switch-field label.yes {
  color: #25a01c;
}

.questionnaire-comment-sec {
  position: relative;
}

.questionnaire-status {
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.answer-yes {
  color: #25a01c;
}

.answer-no {
  color: #bc0707;
}

.remark-modal {
  margin-top: 5px;
  color: #838383;
}

.ans-history {
  margin: 0 6px;
  color: #1c5abe;
  cursor: pointer;
  font-size: 13px;
}

.ans-history i {
  position: relative;
  top: 1px;
  margin-right: 3px;
}

.questionnaire-status .status {
  padding: 3px 15px 4px;
  border-radius: 4px;
  font-size: 13px;
  margin-left: 7px;
}

.questionnaire-status .status i {
  margin-right: 5px;
  font-size: 11px;
}

.questionnaire-in-progress,
.questionnaire-in-progress:hover,
.questionnaire-in-progress:focus,
.questionnaire-in-progress:active {
  background-color: rgba(158, 158, 158, 0.3);
  color: #9e9e9e;
  border: none;
}

.questionnaire-flagged,
.questionnaire-flagged:hover,
.questionnaire-flagged:focus,
.questionnaire-flagged:active {
  background-color: rgba(242, 115, 57, 0.3);
  color: #f27339;
  border: none;
}

.questionnaire-approved,
.questionnaire-approved:hover,
.questionnaire-approved:focus,
.questionnaire-approved:active {
  background-color: rgba(0, 128, 0, 0.3);
  color: green;
  border: none;
}

.tally-dropdown-menu {
  padding: 5px 20px;
  min-width: 147px;
}

.tally-dropdown-menu li {
  display: flex;
  align-items: center;
  margin: 5px 0;
}

.tally-dropdown-menu li label {
  font-weight: 400;
  font-size: 12px;
}

.tally-dropdown-menu li input[type='checkbox'] {
  position: relative;
  top: -4px;
  margin-right: 5px;
}

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

.questionnaire-textarea label {
  font-size: 12px;
  text-align: right;
  display: block;
}

.questionnaire-bottom-sec {
  padding: 15px 0;
  border-radius: 10px;
}

.questionnaire-bottom-sec table tr td,
.questionnaire-bottom-sec table tr th {
  font-size: 12px;
}

.questionnaire-bottom-sec table tr th {
  border-bottom: 0;
}

.questionnaire-bottom-sec table tr td {
  border-top: 1px solid #d8e6ff;
  padding: 10px;
}

.questionnaire-bottom-sec table tr td a {
  color: #1c5abe;
  text-decoration: underline;
}

.questionnaire-severity i {
  margin-right: 5px;
}

.ques-high-issue i {
  color: var(--high);
}

.ques-medium-issue i {
  color: var(--medium);
}

.ques-low-issue i {
  color: var(--low);
}

.ques-positive-issue i {
  color: var(--positive);
}

.ques-info-issue i {
  color: var(--info);
}

.uploads {
  list-style: none;
  padding-left: 0;
  margin-top: 10px;
}

.uploads li {
  border-bottom: 1px solid #e8e6e6;
  padding: 12px 0;
}

.upload-list-wrapper {
  display: flex;
  justify-content: space-between;
}

.upload-list-wrapper .left {
  display: flex;
  align-items: center;
}

.upload-file-icon {
  margin-right: 12px;
}

.upload-file-icon i {
  font-size: 32px;
  color: #6b6a6a;
}

.upload-file-info h5 {
  margin-top: 0;
  font-size: 14px;
}

.upload-file-info h6 {
  font-size: 13px;
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .allupload-modal {
    width: 500px;
    margin: 30px auto;
  }
}

.seeUploadBtn {
  border: none;
  color: #1c5abe;
  background-color: #fff;
  padding: 0;
  border-bottom: 1px solid #1c5abe;
}

.see-upload-wrapper {
  padding: 0 12px;
}

.tally-pills span {
  display: block;
}

.flagged-questionnaire {
  background-color: rgb(255 127 80 / 30%);
  color: coral;
  padding: 1px 15px 3px;
  border-radius: 10px;
  margin-left: 5px;
}

.tally-org-col {
  display: flex;
  align-items: center;
}

.tally-org-name {
  margin-left: 7px;
  text-align: left;
}

.tally-pills li {
  width: 20%;
}

.receive-tabs-wrapper {
  margin-top: 4rem;
}

.tally-pills li a {
  text-align: center;
  background-color: #f1f1f1;
  margin: 0 1.5rem 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 1rem;
}

.tally-pills li.active a,
.tally-pills li.active a:hover,
.tally-pills li.active a:focus,
.tally-pills li a:hover {
  background-color: #fff;
  border: none;
  box-shadow: 0 0.4rem 1.5rem rgb(0 0 0 / 10%);
}

.tally-pills li.active .tally-icon {
  background-color: rgb(0 86 179 / 20%);
  color: #0056b3;
}

.tally-pills .tally-icon {
  width: 4.5rem;
  height: 4.5rem;
  line-height: 4.5rem;
  background-color: #e7e7e7;
  color: #666;
  border-radius: 50%;
  text-align: center;
  font-size: 2rem;
}

.tally-pills li.active .tally-receive-no,
.tally-pills li.active .tally-tab-name {
  color: #0056b3;
}

.tally-receive-wrapper {
  width: 90%;
  margin: 2.5rem auto;
}

.tally-receive-no {
  font-family: 'Kameron', 'serif!important';
  color: #000;
}

.tally-tab-name {
  color: #666;
  font-size: 1.4rem;
}

.tally-status {
  color: #fff;
  padding: 0.1rem 0.8rem;
  border-radius: 1rem;
  white-space: nowrap;
}

.tally-status.not-completed {
  background-color: #bc0707;
}

.tally-progress {
  display: block;
}

.tally-per {
  color: #000;
  font-size: 1.6rem;
  margin-bottom: 0.2rem;
}

.tally-org-logo {
  width: 6rem;
  height: 6rem;
  border-radius: 50%;
  border: 1px solid #ddd;
  text-align: center;
  line-height: 6rem;
}

.tally-org-logo img {
  width: 100%;
  max-width: 65%;
}

.tally-send-wrapper .action-button,
.tally-send-wrapper .action-button:hover,
.tally-send-wrapper .action-button:focus {
  padding: 6px 25px;
  border: 1px solid #1c5abe;
  background-color: #1c5abe;
  color: #fff;
  display: inline-block;
  text-transform: uppercase;
  font-size: 13px;
  box-shadow: 0 4px 8px rgb(0 0 0 / 20%);
  border-radius: 4px;
  margin-top: 10px;
  margin-left: 15px;
}

.approveQuestionnaireContainer {
  display: flex;
}

.tally-module-names h6 {
  margin-bottom: 2rem;
  font-size: 1.4rem;
  color: #1c5abe;
}

#lstBox1 {
  width: 100%;
  height: 29.8rem;
  padding: 2rem;
  cursor: pointer;
  border: none;
  background-color: #f5f8ff;
}

.select-listbox {
  box-shadow: 0 4px 15px rgb(0 0 0 / 10%) !important;
  box-shadow: 0 4px 15px rgb(0 0 0 / 10%) !important;
}

.questionnaire-listbox {
  height: 30rem;
  overflow-y: auto;
}

.select-listbox ::-webkit-scrollbar {
  width: 10px;
}

.select-listbox ::-webkit-scrollbar-track {
  background: #f5f8ff;
  margin: 20px;
}

.select-listbox ::-webkit-scrollbar-thumb {
  background: #d8e6ff;
  border-radius: 10px;
}

.select-listbox ::-webkit-scrollbar-thumb:hover {
  background: #d8e6ff;
}

.selected-listbox ::-webkit-scrollbar {
  width: 10px;
}

.selected-listbox ::-webkit-scrollbar-track {
  background: #f5faf5;
  margin: 20px;
}

.selected-listbox ::-webkit-scrollbar-thumb {
  background: #dceddd;
  border-radius: 10px;
}

.selected-listbox ::-webkit-scrollbar-thumb:hover {
  background: #dceddd;
}

#lstBox1:focus {
  outline: none;
}

#lstBox1 option {
  background-color: #d8e6ff;
  color: #000;
  margin-bottom: 0.9rem;
  padding: 0.6rem 1rem;
  border-radius: 0.6rem;
  white-space: normal;
}

#lstBox2 {
  overflow-y: auto;
  cursor: pointer;
  height: 29.8rem;
  width: 40rem;
  background-color: #f5faf5;
  border: none;
  border-radius: 0.4rem;
  padding: 2rem;
}

.selected-listbox {
  box-shadow: 0 4px 15px rgb(0 0 0 / 10%) !important;
  box-shadow: 0 4px 15px rgb(0 0 0 / 10%) !important;
}

#lstBox2 option {
  background-color: #dceddd;
  color: #000;
  margin-bottom: 0.9rem;
  padding: 6px 10px;
  border-radius: 6px;
  white-space: normal;
}

.tally-selected-module h6 {
  margin-bottom: 2rem;
  font-size: 1.4rem;
  color: #438a46;
}

.transferBtns {
  margin-right: 30px;
  margin-left: 30px;
  float: left;
  align-self: center;
}

.tally-send-btn {
  margin-top: 1rem;
}

.tally-send-btn #btnRight {
  width: 5rem;
  height: 5rem;
  line-height: 5rem;
  font-size: 2rem;
  border-radius: 50%;
  background-color: #d8e6ff;
  cursor: pointer;
  text-align: center;
}

.tally-send-btn #btnRight:hover {
  background-color: #c6d5ef;
}

.tally-send-btn #btnLeft:hover {
  background-color: #cbe6cc;
}

.tally-send-btn #btnLeft {
  width: 5rem;
  cursor: pointer;
  height: 5rem;
  line-height: 5rem;
  font-size: 2rem;
  border-radius: 50%;
  background-color: #dceddd;
  text-align: center;
}

.tally-send-form {
  width: 65%;
  margin: 35px 0;
}

.tally-send-form h6 {
  margin-bottom: 2rem;
  font-size: 1.4rem;
  color: #1c5abe;
}

.copy-icon i {
  color: #1c5abe;
  font-size: 17px;
  cursor: pointer;
}

.tally-start-btn {
  border: 1px solid #1c5abe;
  color: #1c5abe;
  background-color: #fff;
  padding: 0.3rem 0.5rem;
  border-radius: 0.4rem;
  text-transform: capitalize;
  font-size: 1.2rem;
  display: block;
}

.redirerct-wrapper {
  width: 40%;
  box-shadow: 0 4px 15px rgb(0 0 0 / 10%);
  margin: 3rem auto;
  border-radius: 6px;
  padding: 24px;
}

.heading-main {
  color: #1c5abe !important;
  text-transform: uppercase;
}

.redirect-comp-name {
  font-size: 15px;
  margin-bottom: 5px;
}

.comp-info-text {
  font-size: 14px;
  margin-bottom: 25px;
}

.browser-header {
  display: flex;
  width: 100%;
  background-color: #fff;
  box-shadow: 0 4px 15px rgb(0 0 0 / 10%);
  align-items: center;
  justify-content: space-between;
  padding: 10px 16px;
}

.browser-section {
  display: flex;
  align-items: center;
}

.browser-section i {
  font-size: 16px;
}

.browser-left-section {
  width: 10%;
}

.browser-center-section {
  width: 78%;
  position: relative;
}

.browser-right-section {
  width: 12%;
  margin-left: 30px;
}

.browser-comp-info {
  text-align: right;
}

.browser-icons-btns {
  margin-right: 17px;
}

.browser-center-section i {
  position: absolute;
  left: 13px;
  color: #bcbcbc;
}

.browser-searchbar {
  padding-left: 39px;
  border-radius: 30px;
}

.tor-browser-wrapper,
.mid-wrapper {
  width: 70%;
  margin: 3rem auto;
}

.tor-welcome-wrapper {
  display: flex;
  align-items: center;
}

.tor-welcome-wrapper .left {
  width: 30%;
  text-align: center;
}

.tor-welcome-wrapper .left img {
  width: 100%;
  max-width: 75%;
  margin: auto;
}

.tor-welcome-wrapper .right {
  width: 70%;
}

.tor-welcome-wrapper .right h2 {
  color: purple;
  font-size: 40px;
}

.tor-welcome-wrapper .right p {
  font-size: 15px;
  color: #000;
}

.tor-info-box-wrapper {
  display: flex;
  flex-wrap: wrap;
}

.tor-info-box {
  flex: 1;
  box-shadow: 0 4px 15px rgb(0 0 0 / 10%);
  margin: 3rem;
  padding: 25px;
  border-radius: 6px;
}

.tor-info-box .icon {
  height: 50px;
  width: 50px;
  text-align: center;
  line-height: 52px;
  border-radius: 50%;
  background-color: rgb(128 0 128 / 30%);
  color: purple;
  font-size: 22px;
  margin-bottom: 15px;
}

.tor-info-box .heading {
  font-size: 18px;
  margin-bottom: 10px;
}

.tor-info-box p {
  font-size: 13px;
}

.tor-browser-list {
  list-style: none;
  padding-left: 0;
  margin: 20px 0;
}

.tor-browser-list li {
  margin-bottom: 10px;
}

.tor-browser-list li span {
  margin-right: 5px;
}

.questiones-bar {
  height: 6px;
  margin-bottom: 0;
  box-shadow: none;
  background-color: #ddd;
}

.questiones-bar .progress-bar {
  background-color: #1c5abe;
}

.questions-progress-info {
  margin-bottom: 3px;
  font-size: 14px;
  font-weight: 400;
}

.browser-comp-info img {
  width: 100%;
}

.tor-info-wrapper-left ul {
  list-style: none;
  padding-left: 0;
}

.tor-info-wrapper-left ul li {
  display: flex;
  font-size: 13px;
  margin-bottom: 15px;
}

.logo-img img {
  width: 100%;
  max-width: 4%;
  margin-right: 8px;
}

.logo-img {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
}

.logo-img .logo-name {
  font:
    35px 'Press Start 2P',
    cursive;
  color: #00c000;
}

.exploit-link-name {
  color: #1c5abe;
  font-size: 16px;
  margin-bottom: 50px;
}

.tor-info-wrapper-left {
  box-shadow: 0 4px 15px rgb(0 0 0 / 10%);
  padding: 20px;
  border-radius: 10px;
}

.info-name {
  width: 20%;
}

.info-desc {
  width: 80%;
}

.tag-name {
  background-color: #1c5abe;
  padding: 3px 10px;
  border-radius: 15px;
  color: #fff;
  margin-right: 10px;
}

.search-filter input[type='radio'] {
  position: relative;
  top: 2px;
  margin-right: 3px;
}

.search-filter {
  font-size: 13px;
}

.search-filter label {
  font-weight: 400;
}

.flex-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 15px;
}

.newsfeed-social-media span {
  width: 33px;
  height: 33px;
  text-align: center;
  line-height: 36px;
  border-radius: 50%;
  font-size: 1.8rem;
  color: #fff;
}

.newsfeed-twitter-icon {
  background-color: #00aced;
}

.newsfeed-instagram-icon {
  background-color: #ff0084;
}

.newsfeed-facebook-icon {
  background-color: #3b5998;
}

#onionBrowser {
  display: none;
  font-family: Verdana;
  background-color: #151414;
  padding-top: 1rem;
}

.menu {
  width: 1000px;
  margin: 0px auto;
  line-height: 14px;
  font-size: 10px;
}

.onion-browser-content {
  background: #000;
  border: 1px solid green;
  width: 1000px;
  padding: 0px 10px 10px;
  margin: 0 auto;
  position: relative;
}

.popup_welcome {
  width: 800px;
  background: #000;
  padding: 0;
  display: none;
}

.head_auth {
  float: right;
  line-height: 18px;
}

.menu_icon {
  display: inline-block;
  vertical-align: middle;
}

.RedText,
.RedText a {
  color: #f87431;
}

.head_contacts {
  float: left;
  margin: 2px 0px 0px;
  line-height: 16px;
  cursor: pointer;
}

.link,
#onionBrowser a {
  color: #00c000;
  text-decoration: none;
  cursor: pointer;
}

.head {
  text-align: center;
}

.double_spacer {
  height: 20px;
}

.exploit_title {
  padding-bottom: 10px;
}

.exploit_title h1 {
  margin: 10px 0px 0px;
  text-align: center;
}

.category_text h1,
.exploit_title h1 {
  font-size: 14px;
  margin: 0;
  text-align: center;
}

.YellowText,
.YellowText a {
  color: #d6ef39;
}

.category_title {
  font-size: 10px;
  text-align: center;
  margin: 2px 0px;
}

.exploit_view_table {
  float: left;
  width: 640px;
  background: #161718;
  padding: 0;
  font-size: 11px;
  border: 1px solid green;
  position: relative;
}

.exploit_view_table_content {
  height: 20px;
  overflow: hidden;
  margin: 0;
  border-bottom: 1px solid #4e4f51;
}

.exploit_view_table_content div.td {
  width: 80px;
  font-weight: normal;
  padding: 6px 5px;
  color: #aaa;
  text-shadow: 0px 1px 0px #000;
  text-align: left;
  vertical-align: top;
  display: inline-block;
  overflow: hidden;
  word-wrap: break-word;
}

.exploit_view_table_content div.td + div.td {
  width: 520px;
  border-left: 1px solid #4e4f51;
  color: #ddd;
  text-shadow: 0px 1px 0px #000;
  text-align: left;
}

.exploit_view_right_blocks {
  float: right;
  width: 330px;
}

.exploit_view_right_block {
  float: right;
  width: 330px;
  margin-left: 20px;
  border: 1px solid green;
  background: #161718;
  overflow: hidden;
}

.exploit_price {
  text-align: center;
  color: green;
  line-height: 25px;
  font-size: 12px;
  margin: 7px 0px 0px;
}

.message_form_label {
  color: green;
}

.open_buttons_incognito {
  text-align: center;
  margin: 0 auto 7px;
}

.buy_anonymous_button {
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  padding: 0 20px;
  border: 1px solid #6b6b6b;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  -o-text-overflow: clip;
  text-overflow: clip;
  background:
    -webkit-linear-gradient(
      -90deg,
      rgba(155, 152, 146, 1) 0,
      rgba(91, 91, 90, 1) 100%
    ),
    rgba(104, 104, 104, 1);
  background:
    -moz-linear-gradient(
      180deg,
      rgba(155, 152, 146, 1) 0,
      rgba(91, 91, 90, 1) 100%
    ),
    rgba(104, 104, 104, 1);
  background:
    linear-gradient(180deg, rgba(155, 152, 146, 1) 0, rgba(91, 91, 90, 1) 100%),
    rgba(104, 104, 104, 1);
  -webkit-background-origin: padding-box;
  background-origin: padding-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-background-size: auto auto;
  background-size: auto auto;
  -webkit-box-shadow: 0 2px 1px 0 rgb(0 0 0 / 30%);
  box-shadow: 0 2px 1px 0 rgb(0 0 0 / 30%);
  text-shadow: 0 1px 2px rgb(45 40 32);
  width: 130px;
  margin: 0px auto;
  text-align: center;
  font-size: 13px;
  cursor: pointer;
  position: relative;
}

.buy_anonymous_button span {
  display: block;
  padding: 7px 10px;
  color: #fff;
}

.spacer {
  height: 15px;
}

.rates_block {
  width: 145px;
  text-align: center;
  margin: 0 auto;
}

.GreyText {
  color: #555;
}

.rates_open_up,
.rates_up {
  color: #00c000;
}

.rates_up img {
  float: right;
}

.rates_open_down,
.rates_down {
  color: #f87431;
}

.rates {
  width: 72px;
}

.rates_open,
.rates {
  float: left;
  line-height: 24px;
}

.rates_open img,
.rates img {
  float: left;
  margin: 0px 5px;
}

.exploit_view_right_block_spacer15 {
  float: left;
  width: 350px;
  height: 15px;
}

.GoldText {
  color: #ffd800;
}

.exploit_view_right_block_text {
  color: #aaa;
  padding: 0px 20px;
  text-align: justify;
}

.exploit_accept_money {
  text-align: center;
  line-height: 31px;
  font-size: 12px;
  margin: 0;
}

.exploit_accept_money div.exploit_accept_money_img {
  display: inline-block;
}

.open_buttons {
  text-align: center;
}

.buy_gold_button {
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  border: 1px solid #99740f;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  -o-text-overflow: clip;
  text-overflow: clip;
  background:
    -webkit-linear-gradient(
      -90deg,
      rgba(226, 171, 74, 1) 0,
      rgba(178, 130, 33, 1) 100%
    ),
    rgba(188, 159, 86, 1);
  background:
    -moz-linear-gradient(
      180deg,
      rgba(226, 171, 74, 1) 0,
      rgba(178, 130, 33, 1) 100%
    ),
    rgba(188, 159, 86, 1);
  background:
    linear-gradient(
      180deg,
      rgba(226, 171, 74, 1) 0,
      rgba(178, 130, 33, 1) 100%
    ),
    rgba(188, 159, 86, 1);
  -webkit-background-origin: padding-box;
  background-origin: padding-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-background-size: auto auto;
  background-size: auto auto;
  -webkit-box-shadow: 0 2px 1px 0 rgb(0 0 0 / 30%);
  box-shadow: 0 2px 1px 0 rgb(0 0 0 / 30%);
  text-shadow: 0 1px 2px rgb(119 87 34);
  width: 130px;
  margin: 0px auto;
  text-align: center;
  font-size: 13px;
  cursor: pointer;
  position: relative;
}

.centertext {
  text-align: center;
  margin: 5px 0;
}

.exploit_view_table_user {
  width: 290px;
  padding: 5px 20px 10px;
  border: 0;
  font-size: 11px;
  position: relative;
}

.exploit_view_table_user_content {
  height: 20px;
  overflow: hidden;
  margin: 3px 0px 0px;
}

.exploit_view_table_user_content div.td {
  width: 50px;
  font-weight: normal;
  color: #aaa;
  text-shadow: 0px 1px 0px #000;
  text-align: right;
  vertical-align: top;
  display: inline-block;
  overflow: hidden;
  word-wrap: break-word;
  padding: 4px 5px;
}

.comments {
  width: 900px;
  margin: 0 auto;
  padding: 20px 40px;
  border: 1px solid green;
}

.comments_rules_divider {
  width: 100%;
  border-bottom: 1px dashed green;
}

.support_message {
  width: 900px;
  padding: 10px 0px;
  overflow: hidden;
}

.support_date {
  line-height: 15px;
  color: #555;
}

.support_text {
  width: 760px;
  text-align: justify;
}

.footer {
  text-align: center;
  font-size: 9px;
  position: relative;
  display: inline-block;
  width: 100%;
  color: green;
  margin-top: 40px;
}

.bugs {
  position: absolute;
  bottom: 0;
  right: 0;
  background: url('/images/report.png') center center no-repeat;
  width: 104px;
  height: 26px;
  cursor: pointer;
}

#contentnav {
  position: absolute;
  top: 0;
  left: 24rem;
  right: 0;
  padding: 0px 2rem !important;
  min-height: 0;
  transition: all 0.3s;
  background-color: #fff;
  /* border-top-left-radius: 35px; */
}

.osint-tabs-row {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.osint-tabs-wrapper {
  padding: 2rem;
  flex: 1;
  border-radius: 1rem;
  margin: 0 1.5rem 4rem;
  flex-direction: column;
  text-align: left;
  box-shadow: 0 4px 15px rgb(0 0 0 / 10%);
}

.osint-tab {
  display: inline-block;
  font-size: 1.2rem;
  text-transform: uppercase;
  border-radius: 3px;
  margin-bottom: 1rem;
}

.osint-tabs-wrapper .left {
  width: 30%;
}

.osint-tabs-wrapper .left i {
  color: #4c6dad;
  font-size: 1.7em;
}

.osint-tabs-wrapper .right {
  width: 70%;
}

.osint-tabs-wrapper .right h6 {
  font-size: 14px;
  margin-bottom: 12px;
}

.osint-tab-name {
  background-color: #e2ebfb;
  display: inline-block;
  padding: 5px 14px 6px;
  font-size: 14px;
  border-radius: 10px;
  color: #2a519e;
  margin-bottom: 10px;
}

.osint-tab-desc {
  font-size: 1.2rem;
  font-weight: 400;
  color: #666;
  margin-bottom: 0;
}

.rescan-wrapper {
  float: right;
  margin-top: 30px;
}

.rescan-icon {
  background-color: #25a01c;
  width: 12rem;
  text-align: center;
  color: #fff;
  border-radius: 1.7rem;
  font-size: 1.4rem;
  box-shadow: 0 0.3rem 0.8rem rgb(0 0 0 / 40%);
  cursor: pointer;
  padding: 0.5rem 1.5rem;
}

.rescan-icon i {
  font-size: 1.2rem;
  margin-right: 0.3rem;
}

.rotate {
  animation: spin 4s linear infinite;
}

.mob-app-report-table-wrapper {
  box-shadow: 0 4px 15px rgb(0 0 0 / 10%);
  display: inline-block;
  width: 100%;
  border-radius: 10px;
}

.mob-app-report-tag {
  padding: 1px 15px;
  border-radius: 10px;
  white-space: nowrap;
}

.cwe-tag {
  color: #1c5abe;
  background-color: rgb(28 90 190 / 30%);
}

.high-severity-tag {
  color: #f55d58;
  background-color: rgb(245 93 88 / 30%);
}

.med-severity-tag {
  color: #fa9837;
  background-color: rgb(250 152 55 / 30%);
}

.low-severity-tag {
  color: #c3a308;
  background-color: rgb(236 204 49 / 30%);
}

.mob-app-report-heading {
  margin: 0 0 20px;
  font-size: 16px;
}

#stringslegendBlock ul,
#assetslegendBlock ul,
#permissionlegendBlock ul {
  padding-left: 0;
  margin-bottom: 0;
}

#stringslegendBlock li,
#assetslegendBlock li,
#permissionlegendBlock li {
  list-style: none;
  display: flex;
  align-items: center;
  font-size: 13px;
  margin-bottom: 8px;
  color: #838383;
}

#stringslegendBlock li span,
#assetslegendBlock li span,
#permissionlegendBlock li span {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 8px;
  border: 1px solid #fff;
  border-radius: 50%;
}

.mob-app-summary-wrapper {
  box-shadow: 0 4px 15px rgb(0 0 0 / 10%);
  border-radius: 10px;
  padding: 0 20px 20px 0;
  display: inline-block;
  width: 100%;
}

.mob-app-summary-wrapper h4 {
  padding: 20px 0 0 15px;
  font-size: 16px;
}

.mob-app-data-pills {
  justify-content: center;
}

.mob-app-data-pills li {
  width: 20%;
  margin-bottom: 20px;
}

.mob-app-data-pills li.active a,
.mob-app-data-pills li.active a:hover,
.mob-app-data-pills li.active a:focus,
.mob-app-data-pills li a:hover {
  color: #0056b3 !important;
  background-color: #fff !important;
  border-radius: 0 0 10px 10px;
}

.mob-app-data-pills li a {
  display: block;
  padding: 1.4rem 1.3rem;
  border-radius: 10px;
  margin: 0 15px 20px;
  box-shadow: 0 4px 15px rgb(0 0 0 / 10%);
  color: #333;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.app-data-lists {
  list-style: none;
  padding: 20px 0 0 24px;
}

.app-data-lists li {
  margin-bottom: 13px;
}

.app-data-lists li span {
  font-size: 15px;
}

.mob-report-table th,
.mob-report-table td {
  font-size: 12px;
  line-height: 1.6;
  padding: 12px 8px;
}

.mob-report-table td {
  border-top: none;
}

.mob-report-table th {
  border-bottom: none;
}

.user-name {
  margin-left: 10px;
}

.enable-btn {
  border: 1px solid #1c5abe;
  color: #1c5abe;
  padding: 3px 10px;
  border-radius: 4px;
  cursor: pointer;
}

.enable-btn i {
  margin-right: 3px;
}

.authenticate-modal h4 {
  font-size: 14px;
}

.authenticate-modal .modal-content {
  border: none !important;
}

.authenticate-modal p {
  font-size: 13px;
  margin-bottom: 20px;
}

.authenticate-btn {
  background-color: #fff;
  color: #1c5abe;
  text-transform: capitalize;
  padding: 5px 15px;
  border-radius: 5px;
  font-size: 12px;
  margin: 20px 0;
  border: 1px solid #1c5abe;
}

.authenticate-btn i {
  margin-right: 3px;
}

.authenticate-modal input::-webkit-outer-spin-button,
.authenticate-modal input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.authenticate-modal input[type='number'] {
  -moz-appearance: textfield;
}

.authenticate-modal input,
.authenticate-modal input:focus-visible {
  width: 40px;
  height: 40px;
  text-align: center;
  border: none;
  border-bottom: 1px solid #1c5abe;
  outline: 0;
  color: #1c5abe;
  font-size: 20px;
  margin: 0 10px;
}

.authenticate-modal .modal-footer {
  text-align: center;
}

.resend-text {
  font-size: 12px;
}

.resend-text a {
  color: #1c5abe;
}

#verificationSignin {
  display: none;
}

.mob-app-report-summary {
  padding: 15px 20px 0;
}

.mob-app-report-rating {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.mob-app-rating-wrapper {
  padding: 0 25px;
  border-right: 2px solid #ddd;
}

.mob-app-download-btn {
  padding: 0 25px;
}

.mob-app-tab-wrapper {
  padding: 3rem 4rem;
  display: inline-block;
  width: 100%;
}

.mob-app-pagination-wrapper {
  margin: 30px 10px;
  text-align: right;
}

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

.apk-left-section {
  background-color: #eaf2ff;
  padding: 15px;
  border-radius: 10px 0 0 10px;
}

.apk-left-section .name {
  color: #3b5e97;
}

.apk-right-section {
  box-shadow: 0 4px 15px rgb(0 0 0 / 10%);
  border-radius: 10px;
  padding: 10px 20px;
}

.apk-info-wrapper {
  margin-right: 20px;
}

.apk-info-name {
  font-size: 13px;
  margin-bottom: 5px;
}

.apk-info-value {
  font-size: 13px;
}

.apk-show-more {
  color: #1c5abe;
  border-radius: 10px;
  border: 1px solid #1c5abe;
  padding: 1px 10px;
  font-size: 12px;
  margin-left: 5px;
  cursor: pointer;
}

.apk-more-info-wrapper {
  list-style: none;
  padding-left: 0;
  margin-top: 20px;
}

.apk-more-info-wrapper li {
  margin-bottom: 10px;
  font-size: 13px;
  display: inline-block;
  background-color: rgb(28 90 190 / 30%);
  color: rgb(28 90 190 / 80%);
  padding: 1px 10px;
  border-radius: 10px;
}

.app-data-name {
  font-size: 15px;
  margin-bottom: 8px;
}

.app-data-value {
  font-size: 18px;
}

.app-data-icon span {
  color: #1c5abe !important;
  color: #1c5abe !important;
  background-color: rgb(28 90 190 / 30%) !important;
  height: 30px;
  text-align: center;
  line-height: 30px;
  border-radius: 4px;
}

.shadow-form-group {
  position: relative;
  box-shadow: 0 4px 15px rgb(0 0 0 / 10%);
  border-radius: 6px;
}

.form-icon {
  position: absolute;
  width: 3.5rem;
  height: 5.4rem;
  line-height: 5.4rem;
  color: #1c5abe;
  text-align: center;
  font-size: 1.5rem;
}

.shadow-form-group .form-control[disabled] {
  background-color: #eee;
  opacity: 1;
  color: #838383;
  pointer-events: auto;
}

.parent-el {
  border: 1px solid #e5e3e3;
  border-radius: 6px;
  background-color: #eee;
  opacity: 1;
  color: #838383;
  pointer-events: none;
}

.disabled-input-form .form-icon {
  opacity: 0.55;
}

.single-input-form {
  padding-left: 35px;
}

.single-input-form label {
  padding: 0.8rem 0 0 1.2rem;
  color: #838383 !important;
  font-size: 1.1rem !important;
  margin-bottom: 0 !important;
}

.single-input-form input {
  border: none;
  box-shadow: none;
  padding: 0px 1.2rem 0.6rem;
  height: 3rem;
}

.auth-login-wrapper img {
  width: 100%;
  max-width: 45%;
  margin-bottom: 5px;
}

.disable-authentication-modal p {
  font-size: 1.3rem;
}

.disable-authentication-modal .modal-header {
  margin-bottom: 0;
}

.signup-btn,
.signup-btn:hover {
  padding: 6px 25px 25px !important;
  color: #fff;
  text-transform: uppercase;
  cursor: pointer;
  margin: 10px auto 0;
  opacity: 1;
  text-align: center;
  transition: all 0.5s ease 0s;
  font-size: 13px;
  padding: 6px 25px !important;
}

.omni-searchbar {
  width: 100%;
}

.omni-searchbar input,
.omni-searchbar input:focus,
.omni-searchbar input:hover {
  position: relative;
  box-shadow: 0 4px 15px rgb(0 0 0 / 10%);
  background-color: #fff;
  border: none;
  height: 4.5rem;
  border-radius: 1.7rem;
  padding-left: 5.5rem;
}

.omni-searchbar .search-img {
  position: absolute;
  top: 1rem;
  left: 1.5rem;
  width: 100%;
  max-width: 3%;
}

.search-web-img {
  width: 100%;
  max-width: 25%;
  margin: 40px 0;
}

.omni-searchbar span {
  position: absolute;
  left: 48px;
  top: 12px;
  font-size: 15px;
  color: #1c5abe;
}

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

.mobsec-wrapper ul {
  padding-left: 0;
  background-color: #e4e7f2;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
}

.mobsec-wrapper h4 {
  color: rgb(255 255 255 / 80%);
  font-size: 17px;
  margin-bottom: 20px;
  font-weight: 400;
  padding: 0 35px;
  letter-spacing: 0.5px;
}

.mobsec-wrapper ul li {
  text-align: center;
  padding: 0 10px;
}

.mobsec-wrapper ul > li.active > a,
.mobsec-wrapper ul > li.active > a:focus,
.mobsec-wrapper ul > li.active > a:hover,
.mobsec-wrapper ul > li > a:hover {
  border-radius: 0 !important;
  border: none;
  border-bottom: 2.5px solid #1c5abe;
  color: #1c5abe;
  margin-right: 0;
}

.mobsec-wrapper ul li a {
  border-radius: 0;
  font-size: 12px;
  padding: 15px 0;
  border: none;
  color: #000;
  margin-right: 0;
}

.mobsec-wrapper ul li a .icon {
  font-size: 14px;
  margin-bottom: 3px;
  color: #838383;
}

.mobsec-wrapper ul li a .tab-name {
  letter-spacing: 0.5px;
}

.mob-app-tags-wrapper {
  font-size: 1.2rem;
  margin-top: 1rem;
}

.mob-app-tags {
  padding: 0.2rem 0.7rem;
  border-radius: 1.2rem;
  margin-right: 0.7rem;
}

.mob-app-tags span {
  margin-right: 0.2rem;
}

.category-tag,
.app-tag {
  display: flex;
  background-color: rgb(28 90 190 / 23%);
  color: #1c5abe;
}

.price-tag {
  display: flex;
  background-color: rgb(0 128 0 / 23%);
  color: green;
}

.main-features {
  border-right: 2px solid #eee;
  margin-top: 0;
}

.feature-value {
  font-size: 20px;
  margin-bottom: 5px;
}

.feature-name {
  font-size: 1.1rem;
}

.mob-app-btn {
  border: none;
  padding: 0.5rem 1.5rem;
  border-radius: 0.6rem;
  font-size: 1.3rem;
  width: 100%;
}

.mob-app-btn i {
  position: relative;
  top: 0.1rem;
  margin-left: 0.5rem;
}

.scan-btn {
  background-color: rgb(37 160 28 / 30%);
  color: #25a01c;
}

.view-btn {
  background-color: rgb(28 90 190 / 33%);
  color: #1c5abe;
  font-size: 1.2rem;
}

.approve-ques-btn {
  background-color: transparent !important;
  color: #25a01d;
  border: 1px solid #25a01d;
}

.flag-ques-btn {
  background-color: transparent !important;
  color: #d61a1a;
  border: 1px solid #d61a1a;
  margin-top: 10px;
}

.approved {
  background-color: #25a01d;
  color: #fff;
}

.flagged {
  background-color: #d61a1a;
  color: #fff;
}

.mobsec-tabs {
  padding-left: 0;
}

.mobsec-tabs li {
  padding: 0;
  margin-right: 2rem;
}

.mobsec-tabs > li.active > a,
.mobsec-tabs > li.active > a:focus,
.mobsec-tabs > li.active > a:hover,
.mobsec-tabs > li > a:hover {
  color: #1c5abe;
  cursor: pointer;
  background-color: #fff;
  border: none;
  border-bottom: 1.5px solid #1c5abe;
}

.mobsec-tabs > li > a {
  margin-right: 2px;
  padding: 7.3px 0px;
  line-height: 1.42857143;
  border: none;
  border-radius: 0;
  color: #838383;
  border-bottom: 1.5px solid transparent;
}

.mobsec-tabs > li > a > i {
  margin-right: 5px;
  font-size: 15px;
}

.mobsec-tab-content {
  padding: 20px 0;
}

.overview-features {
  margin: 1.5rem 0;
}

.overview-feat-name {
  font-size: 1.3rem;
  margin-bottom: 0.3rem;
  color: #838383;
}

.overview-feat-value {
  font-size: 1.3rem;
  color: #000;
  font-weight: 500;
}

.mobsec-tab-heading {
  font-size: 1.35rem;
}

.rating-wrapper {
  display: inline-block;
  background-color: #eee;
  padding: 6px 20px;
  border-radius: 26px;
}

.rating-wrapper span {
  margin: 0 2px;
}

.full-rating-star {
  color: #ffcb48;
}

.null-rating-star {
  color: #ddd;
}

.rating-lists {
  padding-left: 0;
  list-style: none;
  margin-top: 1.5rem;
}

.rating-lists li {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}

.rating-name {
  width: 20%;
  color: #1c5abe;
}

.rating-value {
  margin-left: 1rem;
  color: #000;
}

.rating-progress {
  box-shadow: none;
  background-color: #eee;
  height: 1rem;
  border-radius: 1rem;
  margin-bottom: 0;
  width: 100%;
}

.start5-rating-bar {
  background-color: #51b330;
}

.start4-rating-bar {
  background-color: #79e279;
}

.start3-rating-bar {
  background-color: #ffe047;
}

.start2-rating-bar {
  background-color: #fa9837;
}

.start1-rating-bar {
  background-color: #f55d58;
}

.mob-app-inner-tab {
  border-bottom: 0;
  padding-left: 0;
  display: inline-block;
}

.mob-app-inner-tab li {
  margin-bottom: 1rem;
  margin-right: 0.5rem;
  width: 100%;
}

.mob-app-inner-tab li.active a,
.mob-app-inner-tab li.active a:hover,
.mob-app-inner-tab li.active a:focus,
.mob-app-inner-tab li.active a:active {
  border: none;
  color: #000;
  border-left: 0.2rem solid #1c5abe;
}

.mob-app-inner-tab li a {
  border-radius: 0;
  padding: 1rem 1.5rem;
  font-size: 1.3rem;
  border: none;
  cursor: pointer;
  color: #838383;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0 0.4rem 1.5rem rgb(0 0 0 / 10%);
}

.mob-app-inner-tab li a:hover {
  background-color: #fff;
}

.mob-app-inner-tab li a i {
  font-size: 8px;
  margin-right: 2px;
  position: relative;
  top: -1px;
}

.mob-app-tab-table {
  height: 250px;
  overflow: auto;
}

.permission-table td,
.permission-table th {
  border-top: none;
}

.permission-table th {
  border-bottom: none;
  color: #838383;
  padding: 12px 12px !important;
}

.permission-table td {
  padding: 10px 12px 12px !important;
}

.permission-table th:first-child {
  border-radius: 6px 0 0 6px;
}

.permission-table th:last-child {
  border-radius: 0 6px 6px 0;
}

.mob-app-contact-info {
  margin-bottom: 2rem;
}

.contact-icon {
  width: 3.5rem;
  background-color: #eee;
  height: 3.5rem;
  text-align: center;
  line-height: 3.5rem;
  margin-right: 1rem;
  border-radius: 50%;
}

.contact-icon i {
  font-size: 12px;
  color: #838383;
}

.contact-info-name {
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
}

.contact-info-value {
  font-size: 1.3rem;
}

.mob-app-risk-rating {
  font-size: 30px;
  color: #25a01c;
}

.risk-rating-text {
  font-size: 12px;
  text-align: center;
  margin-top: 5px;
}

.mob-app-risk-rating-wrapper {
  display: flex;
  justify-content: center;
  background-color: rgb(202 217 240 / 20%);
  padding: 10px 0;
  border-radius: 10px;
}

.url-line-height {
  line-height: 1.6;
}

.truncate-link {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  cursor: pointer;
  height: 4rem;
  font-weight: 400;
}

.link-wrapper {
  box-shadow: 0 4px 15px rgb(0 0 0 / 10%);
  padding: 10px 20px;
  border-radius: 12px;
  display: flex;
  color: #838383;
  margin-top: 7px;
}

.copy-link-heading {
  font-size: 16px;
}

.link-icon {
  width: 8%;
  border-right: 2px solid #ccc;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.link-copy-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 92%;
}

.link-copy-wrapper .link {
  padding: 0 10px;
  color: #838383;
  font-size: 12px;
  word-break: break-all;
}

.link-copy-icon {
  color: #1c5abe;
  font-size: 18px;
  cursor: pointer;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  text-align: center;
  line-height: 35px;
  position: relative;
  padding: 0 9px;
}

.link-copy-icon:hover {
  background-color: #ddd;
}

.link-copy-wrapper .copytooltiptext,
.dark-copy-icon .copytooltiptext {
  visibility: hidden;
  width: 140px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -75px;
  opacity: 0;
  transition: opacity 0.3s;
  font-size: 12px;
}

.link-copy-wrapper .copytooltiptext::after,
.dark-copy-icon .copytooltiptext::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.link-copy-icon:hover .copytooltiptext,
.dark-copy-icon:hover .copytooltiptext {
  visibility: visible;
  opacity: 1;
}

.risk-matrix-table thead tr th {
  border-bottom: 0;
}

.risk-matrix-table tr th {
  font-size: 12px;
}

.risk-matrix-table tr td {
  font-size: 13px;
  color: #838383;
}

.risk-matrix-table tr th:nth-child(3) {
  width: 15%;
  text-align: center;
}

.info-severe-icon,
.risk-matrix-table tr td.info-risk {
  color: var(--info);
}

.med-severe-icon,
.risk-matrix-table tr td.low-risk {
  color: var(--low);
}

.high-severe-icon,
.risk-matrix-table tr td.medium-risk {
  color: var(--medium);
}

.critical-severe-icon,
.risk-matrix-table tr td.high-risk {
  color: var(--high);
}

.riskmatrix-collapse-wrapper {
  margin-top: 30px;
  width: 100%;
}

.issues-table-wrapper a {
  color: #337ab7;
}

.privacy-info {
  padding-left: 0;
}

.privacy-info ul {
  list-style: none;
  padding-left: 0;
}

.privacy-info ul li {
  display: flex;
  margin-top: 15px;
}

.privacy-info ul li .left {
  margin-right: 10px;
}

.privacy-info ul li .left i {
  font-size: 14px;
  position: relative;
  top: 1px;
}

.privay-name {
  font-size: 13px;
}

.privacy-detail {
  color: #838383;
  font-size: 12px;
  margin-top: 2px;
}

.regions-lists {
  list-style: none;
  padding-left: 0;
}

.regions-lists li {
  margin-bottom: 5px;
  color: #838383;
  display: inline-block;
  margin-right: 10px;
}

.region-heading {
  margin-bottom: 10px;
}

.regions-lists li i {
  margin-right: 4px;
}

.available-regions li i {
  color: #25a01c;
}

.unavailable-regions li i {
  color: #bc0707;
}

.privacy-lists {
  list-style: none;
  padding-left: 0;
  color: #666;
}

.privacy-lists li {
  margin-bottom: 1rem;
  font-size: 1.3rem;
}

.privacy-lists li i {
  width: 2rem;
}

.privacy-view-detail a {
  color: #337ab7;
  text-decoration: underline;
}

.privacy-heading {
  margin-bottom: 10px;
}

.privacy-heading i {
  color: #1c5abe;
  position: relative;
  top: 1px;
  margin-right: 5px;
}

.privacy-subtext {
  color: #838383;
  margin-bottom: 2rem;
  font-size: 1.2rem;
}

.privacy-lists-info {
  list-style: none;
  padding-left: 0;
  margin-bottom: 2rem;
}

.privacy-lists-info li {
  display: flex;
  margin-top: 2rem;
}

.privacy-lists-info li .left {
  width: 3rem;
  text-align: center;
}

.privacy-lists-info li .left i {
  position: relative;
  top: 1px;
}

.privacy-title {
  font-size: 1.4rem;
  padding: 1.5rem 2.3rem 1.5rem 4rem;
}

.privacy-title:after,
.privacy-title:before {
  content: '';
  position: absolute;
  left: 22px;
  top: 20px;
  width: 2px;
  height: 0.75em;
  transition: all 0.2s;
  background-color: green;
}

.privacy-acc-heading {
  color: #000;
  font-size: 14px;
  padding: 10px 15px 0;
}

#scorecard-expanded-table tr td {
  white-space: unset;
}

.asset-table .flag,
.osint-table tr td span.flag {
  margin: -1.2em 0 -1.2em -0.9em !important;
  max-width: 100%;
  height: 40px;
  border-radius: 0 !important;
}

.text-box input {
  opacity: 0;
  position: absolute;
  pointer-events: none;
}

.text-box p.truncated {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.text-box input:checked + p {
  -webkit-line-clamp: unset;
}

.truncateBtn {
  padding: 0;
  background-color: transparent !important;
  border: none;
  color: #1c5abe;
  cursor: pointer;
}

.truncateBtn:hover {
  text-decoration: underline;
  color: #042458;
}

.fake-domain-link {
  cursor: pointer;
}

.login-urls-wrapper {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 25px;
}

.card-description-text {
  line-height: 20px;
  color: #838383;
  height: 40px;
}

.compliance-chart-detail-wrapper {
  margin-bottom: 50px;
  padding: 0 20px;
}

#pciDetailInfo,
#isoDetailInfo {
  display: none;
}

.questionnaire-text {
  display: flex;
  margin: 0 1.5rem;
  border-radius: 0.6rem;
  width: 100%;
}

.commentsResults {
  height: 155px;
  overflow: scroll;
}

.tally-comment-list {
  display: flow-root;
  list-style: none;
  padding: 15px;
}

.tally-comment-list li {
  margin-bottom: 5px;
}

.tally-comment-input-wrapper {
  width: 100%;
  padding: 8px 10px;
  display: flex;
  align-items: center;
  border-radius: 30px;
  border: 1px solid #ddd;
}

.ans-history-wrapper {
  list-style: none;
  padding-left: 0;
  height: 197px;
  overflow: scroll;
}

.comment-history-wrapper {
  list-style: none;
  padding-left: 0;
  height: 19.7rem;
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.comment-history-wrapper li {
  margin-bottom: 2rem;
}

.comment-history-wrapper li span {
  display: block;
}

.tally-comment-wrapper {
  margin: auto;
  width: 65%;
}

.tally-comment-input-wrapper input[type='text'] {
  width: 100%;
  border-radius: 0 0 0 6px;
  border-top: 1px solid #ddd;
  padding: 0 15px;
  border: none;
  box-shadow: none;
}

.tally-comment-input-wrapper input[type='text']:focus-visible {
  border: none !important;
}

.tally-comment-input-wrapper input[type='submit'] {
  background: #1c5abe !important;
  background-color: #1c5abe;
  color: #fff;
}

.tally-ques-ans input[type='radio'] {
  position: relative;
  top: 2px;
  margin-right: 4px;
}

.tally-ques-ans {
  margin-top: 15px;
  margin-left: 22px;
}

.tally-section-name {
  font-size: 1.8rem;
  color: #000;
  font-weight: 500;
}

.tally-dropdown {
  padding: 0;
  margin: 0;
}

.tally-dropdown li {
  border-bottom: 1px solid #eee;
}

.tally-dropdown li:last-child {
  border-bottom: 0;
}

.tally-dropdown li a {
  padding: 10px 15px;
}

.tally-dropdown li a:hover,
.tally-dropdown-btn:hover {
  background-color: #ecf0f1;
}

.tally-dropdown li a i,
.tally-dropdown-btn i {
  margin-right: 5px;
}

.tally-dropdown-btn {
  background-color: unset;
  border: none;
  font-size: 12px;
  color: #333;
  border-bottom: 1px solid #eee;
  padding: 10px 15px;
  width: 100%;
  text-align: left;
}

.tally-dropdown-btn i {
  color: #838383;
}

.tally-dropdown-btn:last-child {
  border-bottom: 0;
}

.ques-dropdowns-wrapper > a {
  cursor: pointer;
  box-shadow: 0 0.4rem 1.5rem rgb(0 0 0 / 10%);
  padding: 0.4rem 1.2rem;
  border-radius: 5px;
  font-size: 1.2rem;
  margin-right: 1rem;
  color: #1c5abe;
  border: 1px solid #1c5abe;
}

.ques-dropdowns-wrapper a i {
  margin-right: 5px;
}

.fake-app-name {
  width: 114px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: underline;
}

[data-title] {
  margin-bottom: -7px;
  position: relative;
  cursor: pointer;
}

[data-title]:hover::before {
  content: attr(data-title);
  position: absolute;
  bottom: -25px;
  padding: 5px 10px;
  background: #000;
  color: #fff;
  font-size: 13px;
  white-space: nowrap;
  border-radius: 5px;
}

[data-title]:hover::after {
  content: '';
  position: absolute;
  bottom: 2px;
  left: 8px;
  border: 8px solid transparent;
  border-bottom: 8px solid #000;
}

.certificates-table td {
  font-size: 12px;
  color: #838383;
}

.certificates-table th {
  white-space: nowrap;
  color: #000;
  font-size: 11px;
}

.certi-box-wrapper {
  display: flex;
  border-bottom: 1px solid #ddd;
}

.certi-box-wrapper .overview-feat-value {
  word-break: break-all;
  font-size: 1.2rem;
}

.certi-box-wrapper .overview-feat-name {
  font-size: 1.2rem;
}

.certi-tooltip-link {
  color: #1c5abe;
  cursor: pointer;
}

.certi-tooltip-link:hover {
  color: #1c5abe;
}

.certi-tooltip .tooltiptext {
  width: auto;
  background-color: #fff;
  color: #000;
  text-align: center;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  border: 1px solid #ccc;
  box-shadow: 0 4px 15px rgb(0 0 0 / 10%);
  padding: 10px;
  left: 108%;
  top: -18px;
  overflow: scroll;
  height: 160px;
}

.certi-alternate-list {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  margin-top: 5px;
  max-height: 205px;
  overflow: scroll;
}

.certi-info-box-wrapper {
  border: 1px solid #ccc;
  border-radius: 10px;
}

.certi-main-features .feature-value {
  font-size: 14px;
}

.certi-expiring-soon-tag {
  color: #cd6b17;
  background-color: rgb(207 109 23 / 25%);
}

.certi-expired-tag {
  color: #9c0a0a;
  background-color: rgb(156 10 10 / 23%);
}

.ques-status-tag {
  position: absolute;
  right: 0;
  top: 0;
  padding: 0.3rem 1.5rem;
  border-radius: 0 0.7rem;
  font-size: 1.2rem;
}

.certi-expiringsoon-wrapper {
  border: 1px solid #cd6b17;
}

.certi-expired-wrapper {
  border: 1px solid #9c0a0a;
}

#certi-extra-info1,
#certi-extra-info2,
#certi-extra-info3,
#certi-extra-info4,
#certi-extra-info5,
#certi-extra-info6,
#certi-extra-info7 {
  display: none;
  margin-top: 20px;
}

.ques-dropdowns-wrapper {
  padding-right: 15px;
  margin-top: 15px;
}

.tally-upper-wrapper {
  align-items: center;
  justify-content: space-between;
  padding-top: 25px;
}

.tally-ques-category-info {
  padding: 0 2rem;
}

.tally-ques-status {
  margin-top: 10px;
  color: #838383;
}

.tally-category-status-details {
  text-align: left;
  margin-left: 15px;
}

.tally-dropdown-list {
  position: relative;
  display: inline-block;
}

.osint-right-links:hover,
.tally-dropdown-list:hover .osint-dropdown-icon {
  color: #1c5abe;
}

.tally-list-dropbtn {
  box-shadow: 0 0.4rem 1.5rem rgb(0 0 0 / 10%);
  padding: 0.4rem 1.2rem;
  border-radius: 0.5rem;
  color: #1c5abe;
  border: 1px solid #1c5abe;
  margin-right: 1rem;
  background-color: transparent !important;
  font-size: 1.2rem;
  cursor: pointer;
}

.tally-list-dropbtn i {
  margin-right: 0.5rem;
}

.tally-list-dropdown-content {
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 20.8rem;
  box-shadow: 0 0.6rem 1.2rem rgb(0 0 0 / 18%) !important;
  z-index: 20;
  border: 1px solid rgba(0, 0, 0, 0.15);
  right: 0;
  border-radius: 6px;
  top: 100%;
}

.tally-dropdown-links a:hover {
  background-color: #ecf0f1;
  color: #1b5abd;
}

.tally-dropdown-links a:hover i {
  color: #1b5abd;
}

.tally-list-dropdown-content a {
  color: #000;
  font-weight: 400;
  font-size: 1.2rem;
  padding: 1rem 1.5rem;
  text-decoration: none;
  margin-left: 0;
  border: none;
  box-shadow: none;
  display: block;
}

.tally-list-dropdown-content a i {
  color: #838383;
}

.tally-dropdown-list:hover .tally-list-dropdown-content,
.osint-list:hover .tally-list-dropdown-content {
  display: block;
}

.tally-dropdown-list:hover .osint-dropbtn {
  color: #1c5abe;
}

.tally-list-sub-dropdown {
  border-bottom: 1px solid #ddd;
}

.tally-list-sub-dropdown a {
  display: block;
  color: #000;
  text-decoration: none;
}

.tally-list-sub-dropdown a:focus,
.tally-list-sub-dropdown a:hover {
  background: #ecf0f1;
}

.tally-list-sub-dropdown a:active {
  background: #fbfcfc;
}

.tally-list-sub-dropdown .fa {
  float: right;
  margin-right: 0;
  position: relative;
  top: 3px;
}

ul.tally-sub-dropdown-list {
  display: none;
  border-top: 0.1em solid #c0cdd1;
  padding-left: 0;
  list-style-type: none;
  margin-bottom: 0;
}

ul.tally-sub-dropdown-list li {
  cursor: pointer;
  font-size: 12px;
  color: #838383;
}

ul.tally-sub-dropdown-list li input {
  position: relative;
  top: -2px;
  margin-right: 5px;
}

ul.tally-sub-dropdown-list li label {
  margin-left: 0;
  padding: 12px 15px;
  margin-bottom: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
}

ul.tally-sub-dropdown-list li:not(:first-child) {
  border-top: 0 dashed #dde4e6;
}

ul.tally-sub-dropdown-list li:focus,
ul.tally-sub-dropdown-list li:hover {
  background: #ecf0f1;
}

ul.tally-sub-dropdown-list li:active {
  background: #fbfcfc;
}

.tally-ques-detail-val {
  color: #838383;
  margin-top: 0.5rem;
  font-size: 1.3rem;
}

.tally-left-section {
  box-shadow: rgb(0 0 0 / 15%) 2.4px 2.4px 3.2px;
  min-height: 100vh;
}

.tally-ques-sidebar {
  padding: 4rem 0 2rem;
}

.tally-ques-list {
  padding-left: 0;
  list-style: none;
}

.tally-ques-list li {
  display: block;
  width: 100%;
  font-size: 1.3rem;
  border-bottom: 1px solid #eee;
}

.tally-ques-list li a {
  padding: 1.5rem 2rem 2rem !important;
  display: flex !important;
  align-items: center;
  justify-content: space-between;
}

.tally-ques-list li a:hover {
  color: #1c5abe !important;
}

.tally-ques-list li.active a {
  background-color: transparent !important;
  color: #1c5abe !important;
  border-right: 0.3rem solid #1c5abe;
  font-weight: 500;
  border-radius: 0px;
}

.tally-ques-list li span.info {
  border: 1px solid #838383 !important;
  text-align: center;
  border: 1px solid #838383 !important;
  line-height: 18px;
}

.tally-ques-list li.active span.info {
  width: 22px;
  height: 22px;
  text-align: center;
  border: 1px solid #1c5abe !important;
  /* background-color: #25a01c; */
  line-height: 18px;
  border-radius: 50%;
  color: #1c5abe;
}

.comment-wrap {
  background-color: #f3f3f3;
  border-radius: 30px;
  padding: 1rem 2.5rem;
}

.ques-comment {
  color: #838383;
  font-size: 1.3rem;
  margin-top: 2px;
}

.tally-ques-name {
  margin-right: 1rem;
}

.tally-ques-list li span i {
  font-size: 1.2rem;
}

.tally-right-section {
  padding: 0 0 40px 0px;
}

.questionnaire-right .questionnaire-right-btns {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.ans-history-date {
  color: #838383;
  font-size: 1.2rem;
  margin-top: 0.4rem;
  width: 100%;
  padding-right: 2rem;
}

.inner-tally-heading {
  margin: 0px 0 15px;
  color: #000;
}

.invite-link-wrapper {
  background-color: #f3f4f8;
  padding: 6px 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 6px;
  margin-bottom: 20px;
}

.invite-info-text {
  margin-bottom: 10px;
  display: block;
}

#ques-status-info,
#ques-status-info1,
#ques-status-info2,
#ques-status-info3,
#ques-status-info4,
#ques-status-info5,
#ques-status-info6,
#ques-status-info7,
#ques-status-info8 {
  display: none;
}

.questionnaire-flex-wrapper {
  display: flex;
  align-items: baseline;
}

#ques-status-info::before {
  content: '';
  position: absolute;
  top: -15px;
  right: 8px;
  border: 8px solid transparent;
  border-bottom: 8px solid #eee;
}

.ques-status-info-wrapper {
  position: relative;
  margin: 0 20px 15px;
  background-color: #eee;
  padding: 10px 15px;
  border-radius: 10px;
}

.ques-status-answered span {
  font-size: 18px;
  color: #1c5abe;
  font-weight: 900;
}

.ques-ans-status {
  margin-right: 10px;
}

.ques-ans-status i {
  margin-right: 2px;
}

.no-wrong-ans {
  color: #bc0707;
}

.no-right-ans {
  color: #25a01c;
}

.generate-report-btn {
  background-color: #1c5abe !important;
  border: none !important;
  margin-right: 15px;
}

.report-dropdown-menu {
  padding: 0;
}

.report-dropdown-menu li a {
  padding: 10px 12px;
}

.report-dropdown-menu li a:hover {
  color: #1c5abe;
}

.report-btn-grp .btn {
  margin-bottom: 0 !important;
  margin-left: 15px !important;
  margin-bottom: 0 !important;
  margin-right: 15px !important;
}

.ques-progress-bar {
  background-color: #25a01c;
  box-shadow: none;
}

.ques-progress {
  background-color: #eaeaea;
  height: 0.7rem;
  box-shadow: none;
  margin-bottom: 0;
  margin-right: 1rem;
}

.sticky-questionnaire-status {
  box-shadow: 0 0.8rem 0.6rem -0.3rem rgb(0 0 0 / 10%);
  padding: 2rem;
  z-index: 10;
  background-color: #fff;
  margin: 0.8rem 0.7rem 3rem;
  position: sticky;
  top: 0;
}

.sticky-ques-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}

.total-ques-ans-status span {
  font-size: 2.4rem;
  font-weight: 600;
}

.ques-yes-no-wrappper {
  padding: 0.2rem 1.5rem;
  border-radius: 1.6rem;
  margin-left: 1.5rem;
}

.ques-yes-no-wrappper i {
  margin-right: 0.5rem;
}

.yes-ans {
  background-color: rgb(37 160 29 / 20%);
  color: #25a01d;
}

.no-ans {
  background-color: rgb(255 0 0 / 20%);
  color: red;
}

.questionnaire-inner-wrapper-spacing {
  padding: 0 30px;
  z-index: 5;
}

.ans-history-table-text {
  color: #838383;
  font-size: 1.3rem;
}

.ans-history-span {
  padding: 2px 12px;
  border-radius: 4px;
  text-transform: uppercase;
}

.ans-history-table-text .yes {
  background-color: rgb(0 128 0 / 14%);
  color: green;
}

.ans-history-table-text .no {
  background-color: rgb(188 7 7 / 14%);
  color: #bc0707;
}

.tally-history-dropdown {
  height: 295px;
  overflow: scroll;
}

.questionnaire-left {
  width: 82%;
}

.questionnaire-right {
  width: 18%;
  margin-left: 40px;
}

#ques-received-more {
  display: block;
  margin-top: 20px;
}

.ss-main .ss-single span {
  display: webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 11.4rem;
}

.ss-content .ss-list .ss-option {
  display: flex;
  align-items: center;
  font-size: 1.3rem;
}

.ss-content .ss-list .ss-option span {
}

/* .modal-dialog span {
  display: block !important;
} */

.modal-footer,
.modal-header {
  padding: 1.5rem;
}

.form-error-text {
  color: var(--critical);
  margin-top: 0.8rem;
  font-size: 1.2rem;
  font-weight: 300;
}

.is-invalid,
.is-invalid:focus {
  background-color: rgb(174 25 21 / 8%);
  border: 1px solid #ae1915;
}

.tally-send-form span {
  display: block;
}

.passwordFields span {
  display: block;
}

.modal-subtext {
  color: #333 !important;
  font-size: 12.5px !important;
  margin-bottom: 20px;
}

.osint-asset-flagged {
  color: red;
}

.no-result-img-wrapper {
  text-align: center;
  margin-top: 2rem;
}

.no-result-img-wrapper img {
  width: 6rem;
  height: 6rem;
  margin-left: -1.5rem;
}

.no-result-wrapper-text {
  text-align: center;
  color: #051837;
  font-size: 1.4rem;
  margin-top: -0.7rem;
}

.comment-history-wrapper::-webkit-scrollbar {
  display: none;
}

.history-dropdown-wrapper-result {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: -17px;
}

.reports-outer-wrapper {
  display: flex;
}

.report-img-wrapper {
  flex: 1;
  margin: 0 15px;
}

.report-img-wrapper img {
  width: 100%;
  height: 100%;
}

.pass-breached img {
  height: 1.3rem;
  width: 1.3rem;
  margin-right: 0.3rem;
  position: relative;
  top: -1px;
}

.pass-not-breached img {
  height: 1.3rem;
  width: 1.3rem;
  margin-right: 0.3rem;
  position: relative;
  top: -1px;
}

.report-toggle-pills {
  display: flex;
  align-items: center;
  padding-left: 0;
}

.report-toggle-pills a {
  padding: 6px 16px 16px !important;
  background-color: #f1f1f1;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.report-toggle-pills a.past-report-tab {
  border-radius: 6px 0 0 6px;
}

.report-toggle-pills a.schedule-report-tab {
  border-radius: 0 6px 6px 0;
}

.report-toggle-pills > li.active > a,
.report-toggle-pills > li.active > a:focus,
.report-toggle-pills > li.active > a:hover {
  background-color: #1c5abe;
  box-shadow: none;
  color: #fff;
}

.report-table-data tr td,
.report-table-data tr th {
  text-align: left;
  padding: 8px 12px;
}

.report-download-icon {
  color: #000;
  cursor: pointer;
}

.report-download-icon i {
  font-size: 16px;
}

#scheduleReport .modal-dialog,
#editScheduleReport .modal-dialog {
  width: 65rem;
}

.report-type-checkbox-wrapper {
  flex-direction: row;
  margin-top: 5px;
}

.report-type-checkbox-wrapper label {
  margin-right: 10px;
  margin-bottom: 0;
  margin-right: 10px;
  margin-bottom: 0;
}

.report-frequency-custom-dropdown label {
  background-color: transparent !important;
  padding: 0;
  text-align: left;
  display: inline-block;
}

.report-frequency-custom-dropdown {
  background-color: #fff;
  box-shadow:
    rgb(0 0 0 / 19%) 0px 10px 20px,
    rgb(0 0 0 / 23%) 0px 6px 6px;
  z-index: 1;
  padding: 15px;
  border-radius: 6px;
  border: none;
  min-width: 200px;
  left: 36%;
}

.schedule-report-detail {
  color: #000;
  margin-bottom: 15px;
  font-size: 12px;
}

.schedule-report-detail span {
  display: inline-block !important;
}

.report-frequency-custom-dropdown ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

#weekly-frequency-date {
  left: 16%;
  min-width: 100px;
  padding: 0;
}

.report-frequency-custom-dropdown ul li a {
  padding: 6px 13px;
  font-size: 12px;
  color: #838383;
  display: block;
}

.report-frequency-custom-dropdown ul li a:hover {
  color: #000;
  background-color: rgb(131 131 131 / 20%);
}

#monthly-frequency-date {
  left: 34%;
  min-width: 100px;
  padding: 0;
  height: 200px;
  overflow: scroll;
}

.checkboxes-inner-wrapper {
  display: flex;
  flex-direction: column;
}

.checkboxes-inner-wrapper label {
  margin-bottom: 15px;
  position: relative;
}

.checkboxes-inner-wrapper input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.checkboxes-inner-wrapper span.permission-checkbox-name {
  padding: 0.8rem 1rem 0.9rem 4.4rem;
  cursor: pointer;
  background-color: rgb(131 131 131 / 20%);
  border-radius: 0.6rem;
  color: #565151;
  display: block;
  font-size: 1.3rem;
  white-space: nowrap;
}

.permissions-checkbox {
  cursor: pointer;
  top: 0.7rem;
  left: 1.5rem;
  height: 2rem;
  width: 2rem;
  position: absolute;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 24px;
}

.checkboxes-inner-wrapper input:checked ~ .permissions-checkbox {
  background-color: #2196f3;
  border: none;
}

.checkboxes-inner-wrapper input:checked ~ .permissions-checkbox:after {
  display: block;
}

.checkboxes-inner-wrapper .permissions-checkbox:after {
  left: 0.7rem;
  top: 0.3rem;
  width: 0.5rem;
  height: 1rem;
  border: solid #fff;
  border-width: 0 0.1rem 0.1rem 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.permissions-checkbox:after {
  content: '';
  position: absolute;
  display: none;
  content: '';
  position: absolute;
  display: none;
}

.checkboxes-inner-wrapper input:checked ~ span.permission-checkbox-name {
  background-color: rgb(32 150 243 / 25%);
  color: #1b5abd;
}

.schedule-report-frequency {
  border: none;
  box-shadow: none;
  padding: 0;
}

.schedule-report-frequency label {
  margin-right: 1.5rem;
  margin-top: 0.3rem;
  font-size: 1.2rem;
}

.vs__search {
  height: 3rem !important;
}

.ui-datepicker {
  z-index: 9999 !important;
}

.ui-widget {
  font-family: poppins;
}

.ui-datepicker td a {
  display: block;
  padding: 0;
  text-align: center;
  text-decoration: none;
  width: 25px;
  height: 25px;
  line-height: 25px;
  margin: 2px auto;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: none;
  background: transparent;
  border-radius: 50%;
}

.ui-state-default:hover,
.ui-widget-content .ui-state-default:hover,
.ui-widget-header .ui-state-default:hover {
  border: none;
  background-color: rgb(32 150 243 / 25%);
  color: #1b5abd;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: none;
  background-color: #1b5abd;
  color: #fff;
}

.ui-widget.ui-widget-content {
  border: none;
  box-shadow: 0 4px 15px rgb(0 0 0 / 10%);
  border-radius: 8px;
}

.schedule-report-btn {
  border: 1px solid #1c5abe;
  background-color: #1c5abe !important;
  color: #fff;
  padding: 4px 20px;
  font-size: 12px;
  margin-right: 10px;
  text-transform: capitalize;
}

.report-reload-btn {
  border: 0.1rem solid #1c5abe;
  background-color: transparent !important;
  color: #1c5abe;
  padding: 0.4rem 2rem;
  font-size: 1.2rem;
  border-radius: 0.4rem;
  cursor: pointer;
}

.assets-scanned-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-width: 0.1rem;
  border-style: solid;
  border-color: #f3f3f3;
  border-image: initial;
  padding: 1.5rem;
  flex: 1;
  cursor: pointer;
}

.assets-scanned-info:hover {
  background-color: rgb(242 242 253 / 30%);
}

.assets-scanned-info-wrapper {
  display: flex;
}

#section-loader-overlayer {
  margin-top: 50% !important;
}

.section-loader-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.section-loader-wrapper img {
  width: 87px;
  height: 87px;
}

.progress-wrapper .vendors-lists {
  height: 200px;
}

.takedown-req-btn-grp button,
.takedown-req-btn-grp button:hover,
.takedown-req-btn-grp button:active {
  padding: 0.5rem 1.5rem;
  border-radius: 0.6rem;
  font-size: 1.2rem;
  width: 100%;
  display: flex;
  white-space: nowrap;
  align-items: center;
  justify-content: center;
}

.takedown-req-detail-btn,
.takedown-req-detail-btn:hover {
  background-color: rgb(28 90 190 / 33%);
  color: #1c5abe;
  border: 1px solid rgb(28 90 190 / 33%);
}

.takedown-req-status-btn,
.takedown-req-status-btn:hover {
  background-color: transparent !important;
  color: #1c5abe;
  border: 1px solid #1c5abe;
}

.search-filter-wrapper {
  box-shadow: 0 4px 15px rgb(0 0 0 / 10%) !important;
  border-radius: 8px;
  margin-top: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 10px 0px 0;
  border: 1px solid #f1f1f1;
}

.search-filter-wrapper .left-section {
  display: flex;
  justify-content: space-between;
  width: 75%;
}

.searchbar-wrapper {
  position: relative;
  width: 100%;
}

.searchbar-wrapper span {
  position: absolute;
  width: 53px;
  height: 53px;
  line-height: 53px;
  text-align: center;
}

.searchbar-wrapper img {
  width: 22px;
  height: 22px;
}

.searchbar-wrapper input {
  padding-left: 3.6rem;
}

.search-filter-wrapper .right-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.asset-btn,
.asset-btn:active,
.asset-btn:focus {
  border: 1px solid #1c5abe;
  background-color: #1c5abe;
  color: #fff;
  border-radius: 6px;
  margin-left: 15px;
  font-size: 12.5px;
}

.asset-btn:hover {
  box-shadow: 0 4px 8px rgb(0 0 0 / 20%);
  border: 1px solid #1c5abe;
  background-color: #1c5abe;
  color: #fff;
}

.asset-btn img {
  margin-right: 3px;
  position: relative;
  top: -1px;
}

.asset-btn img.add-icon {
  width: 18px;
  height: 18px;
}

.asset-btn img.import-icon {
  margin-right: 5px;
}

img.filter-icon {
  width: 16px;
  height: 18px;
  margin-right: 3px;
}

.filter-main-btn,
.filter-main-btn:focus,
.filter-main-btn:active,
.download-dropdown-menu a.dropdown-toggle {
  background: transparent !important;
  background-color: transparent !important;
  color: #1c5abe;
  white-space: nowrap;
}

.download-dropdown-menu a.dropdown-toggle {
  padding: 7px 12px;
  border-radius: 4px;
}

.download-dropdown-menu a.dropdown-toggle i {
  position: relative;
  top: 1px;
  margin-left: 3px;
}

.download-dropdown-menu {
  padding: 0 0 !important;
  margin-left: 15px;
}

.download-dropdown-menu .dropdown-menu {
  right: 0 !important;
  left: unset;
  top: 130%;
}

.filter-main-btn:hover {
  background-color: rgb(28 90 190 / 15%) !important;
  color: #1c5abe;
  border: 1px solid #1c5abe;
}

.filter-main-btn i {
  position: relative;
  top: 1px;
  margin-left: 3px;
}

.filter-results {
  list-style: none;
  padding-left: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.filter-results li {
  border: 1px solid #1c5abe;
  padding: 4px 15px;
  border-radius: 21px;
  font-size: 12px;
  color: rgb(28 90 190 / 80%);
  margin: 0 10px 10px 0;
}

.filter-results li a.remove-icon {
  color: #1c5abe;
  margin-left: 5px;
  position: relative;
  top: 1px;
}

.search-filter-result-wrapper {
  margin: 25px 0 15px;
}

a.clear-filter-link {
  font-size: 13px;
  color: #665b5b;
  cursor: pointer;
  position: relative;
  top: -5px;
  cursor: pointer;
}

a.clear-filter-link:hover {
  color: #1c5abe;
}

.dropdown {
  position: relative;
  float: left;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 28rem;
  overflow: auto;
  box-shadow:
    rgba(0, 0, 0, 0.19) 0px 10px 20px,
    rgba(0, 0, 0, 0.23) 0px 6px 6px;
  z-index: 1;
  padding: 1.5rem;
  /* width: 100%; */
  right: 0;
  border-radius: 0.6rem;
  overflow: visible;
}

.dropdown-content a {
  color: #000;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.filter-dropdown label {
  font-size: 12px;
  color: #4b4949;
}

.filter-name {
  font-size: 14px;
  margin-bottom: 10px;
  color: #000;
}

.show {
  display: block;
}

.custom-select {
  position: relative;
}

.custom-select select {
  display: none;
}

.select-selected:after {
  position: absolute;
  content: '';
  top: 10px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: transparent transparent transparent #5c5858;
}

.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 7px;
}

.select-items div {
  color: #555;
  padding: 0.6rem 1.2rem;
  /* border: 1px solid #ccc; */
  /* border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent; */
  cursor: pointer;
  user-select: none;
  border-radius: 0.4rem;
  /* height: 34px; */
  line-height: 1.6;
  font-size: 1.3rem;
}

.select-selected {
  color: #555;
  padding: 6px 12px;
  border: 1px solid #ccc;
  cursor: pointer;
  user-select: none;
  border-radius: 4px;
  height: 34px;
  line-height: 1.6;
  font-size: 13px;
}

.select-items {
  position: absolute;
  background-color: #fff;
  top: 0px;
  left: -84%;
  /* right: 0; */
  z-index: 99;
  /* border: 1px solid #ddd; */
  height: auto;
  overflow: scroll;
  border-radius: 0 0 4px 4px;
  width: 20rem;
  border-radius: 4px;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
}

.select-hide {
  display: none;
}

.select-items div:hover,
.same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}

.filter-btn-grp {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 25px;
}

.filter-btn-grp .btn {
  text-transform: capitalize;
  border-radius: 4px;
  padding: 4px 20px 6px;
}

.filter-save-btn {
  background-color: rgb(28 90 190 / 90%) !important;
  color: #fff;
}

.filter-save-btn:hover {
  background-color: #1c5abe !important;
  color: #fff;
}

.filter-cancel-btn {
  border: none;
  background-color: transparent !important;
  color: #838383;
}

.domain-info-long-text {
  word-break: break-all;
}

.slider-info-wrapper,
.slider-info-wrapper1,
.slider-info-wrapper2,
.slider-info-wrapper3 {
  position: fixed;
  right: 0;
  height: 100vh;
  width: 650px;
  transform: translateX(145rem);
  z-index: 99999;
}

/* .slide-info-box,
.slide-info-box1,
.slide-info-box2,
.slide-info-box3 {
  width: 600px;
  margin-top: 46px;
  width: 100%;
  max-height: 100vh;
  transform: translateX(145rem);
  background-color: #fff;
  position: fixed;
  right: 0;
  overflow: scroll;
  bottom: 0;
  top: 0;
  box-shadow: 0px 0px 3px rgba(156, 156, 156, 0.45);
} */
.transition-after-pageload {
  transition: 0.8s;
}

.domain-filter-wrapper {
  position: relative;
  width: 40%;
  text-align: center;
  z-index: 200;
}

.domain-filter-wrapper .dropdown-checkbox[type='checkbox']:checked,
.domain-filter-wrapper .dropdown-checkbox[type='checkbox']:not(:checked) {
  position: absolute;
  left: -9999px;
  opacity: 0;
  pointer-events: none;
}

.domain-filter-wrapper .dropdown:checked + label,
.domain-filter-wrapper .dropdown:not(:checked) + label {
  position: relative;
  padding: 5px 10px;
  font-size: 14px;
  transition: all 200ms linear;
  border-radius: 4px;
  text-align: center;
  border: none;
  background-color: #1c5abe;
  cursor: pointer;
  color: #fff;
  box-shadow: 0 12px 35px 0 rgba(255, 235, 167, 0.15);
  font-weight: 400;
  float: right;
}

.domain-filter-wrapper .dropdown:checked + label i,
.domain-filter-wrapper .dropdown:not(:checked) + label i {
  margin-left: 5px;
}

.domain-filter-wrapper .section-dropdown {
  position: absolute;
  padding: 10px;
  background-color: #fff;
  top: 40px;
  left: 0;
  width: 100%;
  border-radius: 4px;
  display: block;
  box-shadow: 0 14px 35px 0 rgba(9, 9, 12, 0.4);
  z-index: 2;
  opacity: 0;
  pointer-events: none;
  transform: translateY(20px);
  transition: all 200ms linear;
}

.domain-filter-wrapper .dropdown:checked + label:before,
.domain-filter-wrapper .dropdown:not(:checked) + label:before {
  position: fixed;
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 100%;
  z-index: -1;
  cursor: auto;
  pointer-events: none;
}

.domain-filter-wrapper .dropdown:checked + label:before {
  pointer-events: auto;
}

.domain-filter-wrapper .dropdown:not(:checked) + label .uil {
  font-size: 24px;
  margin-left: 10px;
  transition: transform 200ms linear;
}

.domain-filter-wrapper .dropdown:checked + label .uil {
  transform: rotate(180deg);
  font-size: 24px;
  margin-left: 10px;
  transition: transform 200ms linear;
}

.domain-filter-wrapper .dropdown:checked ~ .section-dropdown {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.domain-filter-wrapper .section-dropdown:before {
  position: absolute;
  top: -20px;
  left: 0;
  width: 100%;
  height: 20px;
  content: '';
  display: block;
  z-index: 1;
}

.domain-filter-wrapper .section-dropdown:after {
  position: absolute;
  top: -7px;
  right: 30px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #fff;
  content: '';
  display: block;
  z-index: 2;
  transition: all 200ms linear;
}

.domain-filter-wrapper a {
  position: relative;
  transition: all 200ms linear;
  font-weight: 500;
  font-size: 12px;
  border-radius: 2px;
  padding: 5px 10px 8px;
  margin: 2px 0;
  text-align: left;
  text-decoration: none;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: 100%;
  cursor: pointer;
}

.domain-filter-wrapper a:last-child {
  margin-bottom: 0;
}

.domain-filter-wrapper a label {
  margin-bottom: 0;
  margin-left: 8px;
  position: relative;
  top: 2px;
  font-weight: 300;
  color: #000;
  width: 100%;
  cursor: pointer;
}

.domain-filter-wrapper a:hover {
  color: #102770;
  background-color: rgb(28 90 190 / 12%);
}

.domain-filter-wrapper a .uil {
  font-size: 22px;
}

.slide-info-heading-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 30px;
}

.slide-info-heading-wrapper h5 {
  margin-bottom: 5px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #838383;
}

.domain-url-link {
  color: #1b5abd;
  text-decoration: underline;
}

.extra-info-link {
  color: #337ab7;
  text-decoration: underline;
  cursor: pointer;
}

.domain-info-table tr td {
  border-top: none;
  padding: 11px 11px !important;
}

.domain-info-table tr td.left-heading {
  white-space: nowrap;
  text-align: right;
}

.technology-name {
  display: flex;
  align-items: center;
  color: #1c5abe;
  background-color: #fff;
  border: 1px solid #1c5abe;
  padding: 4px 10px;
  margin-right: 15px;
  border-radius: 23px;
  margin-bottom: 8px;
}

.technology-name img {
  margin-right: 2px;
}

.status-code {
  padding: 3px 10px;
  border-radius: 3px;
  margin-right: 5px;
}

.success-status {
  background-color: rgb(0 128 0 / 20%);
  color: green;
}

.error-status {
  background-color: rgb(255 0 0 / 20%);
  color: red;
}

.port-no {
  color: #1c5abe !important;
  background-color: rgb(28 90 190 / 20%) !important;
  padding: 3px 10px;
  border-radius: 3px;
  margin-right: 5px;
}

.url-name-wrapper {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}

.url-name-wrapper span.url-name {
  color: rgb(22, 23, 24);
}

.url-copy-link-icon {
  margin-left: 30px;
  font-size: 16px;
  color: rgb(51, 122, 183);
  cursor: pointer;
}

.ip-lists-wrapper span {
  color: #1c5abe;
  background-color: #fff;
  border: 1px solid #1c5abe;
  padding: 1px 10px;
  margin-right: 3px;
  margin-bottom: 8px;
  border-radius: 23px;
}

.d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
  justify-content: center;
}

.discovery-chain-wrapper {
  width: 100%;
  overflow-x: scroll;
  justify-content: flex-start;
}

.tc-tree-node-content {
  border-radius: 4px;
  border: 1px solid #c7d6ed;
  background-color: #e6ecf4;
}

.discovery-chain-outer-wrappper {
  padding: 20px 35px;
}

.discovery-chain-info {
  padding: 5px 15px;
  font-size: 12px;
}

.top-info-box {
  border-bottom: 1px solid #c7d6ed;
  color: #1c5abe;
}

.bottom-info-box {
  color: #484646;
}

.tc-tree-node {
  position: relative;
  margin-right: calc(2 * 2em);
  margin-bottom: 20px;
}

.tc-tree-col-last .tc-tree-node {
  margin-right: 0 !important;
}

.tc-tree-node-content::before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  width: 0.25em;
  height: 135%;
}

.left .tc-tree-node-content::before {
  border-left: 0 solid;
  left: -2em;
}

.right .tc-tree-node-content::before {
  border-right: 0 solid;
  right: -2em;
}

.tc-tree-node::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  border-right: 2em solid;
  height: 0.1em;
  right: -2em;
}

.tc-tree-node::before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  border-left: 2em solid;
  height: 0.1em;
  left: -2em;
}

.tc-tree-col-last .tc-tree-node::after,
.tc-tree-col-first .tc-tree-node::before {
  content: none;
}

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

.rounded-circle {
  border-radius: 50% !important;
}

.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  max-width: 100%;
  height: auto;
}

.first-card-border::before {
  display: none !important;
}

.list-wrapper {
  position: relative;
}

.list-child-node {
  position: relative;
  margin: 10px 0;
  padding: 8px;
  background-color: #ebebeb;
  border-radius: 0 6px 6pxx 0;
  border-left: 2px solid;
}

.list-wrapper::before {
  content: '';
  display: block;
  position: absolute;
  top: -8%;
  width: 0.25em;
  height: 88%;
  border-left: 0 solid #d2d2d2;
  left: 0.2em;
}

.list-child-node::before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  border-left: 2.7em solid #d2d2d2;
  height: 0.12em;
  left: -2.6em;
}

.slider-info-wrapper {
  position: fixed;
  right: 0;
  height: 100vh;
  width: 650px;
  transform: translateX(145rem);
}

.slide-info-box {
  width: 600px;
  max-height: 100vh;
  margin-top: 46px;
  transform: translateX(145rem);
  background-color: #fff;
  position: fixed;
  border-radius: 10px;
  right: 0;
  overflow: scroll;
  bottom: 0;
  top: 0;
  box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
}

.close-slide-box-icon {
  position: absolute;
  top: 6.2%;
  width: 30px;
  height: 30px;
  background-color: #ddd;
  text-align: center;
  line-height: 30px;
  font-size: 16px;
  border-radius: 50%;
  transform: translateX(145rem);
  box-shadow: rgba(0, 0, 0, 0.2) 0px 18px 50px -10px;
  cursor: pointer;
}

.takedown-info-wrapper {
  display: inline-block;
  width: 100%;
  margin-top: 5px;
}

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

.domain-details .first .takedown-username {
  white-space: nowrap;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 9rem;
  margin-bottom: -6px;
}

.certi-box-wrapper:last-child {
  border-bottom: 0;
}

.certi-box-info-box {
  border-right: 1px solid #ddd;
}

.view-pem-btn {
  color: #1c5abe;
}

.lookup-field-name {
  border: 1px solid #e0dede;
  box-shadow: 0 0.4rem 1.5rem rgb(0 0 0 / 10%);
  border-radius: 0.6rem 0 0 0.6rem;
  border-right: 0;
  padding: 0 1.5rem;
  white-space: nowrap;
  display: flex;
  align-items: center;
  font-size: 1.2rem;
}

.truncate-link:hover,
.domain-info .left:hover,
.issues-table-wrapper a:hover,
.portolio-table tbody td a:hover,
.emailbreach-table tr td a:hover,
.osint-table tr td > a:hover,
.osint-table tr td .tooltip a:hover {
  color: rgb(19 99 168);
  text-decoration: underline;
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min-device-pixel-ratio: 2),
  only screen and (min-resolution: 2dppx),
  only screen and (min-resolution: 192dpi) {
  .iti-flag {
    background-image: url('/images/flags.9c96e0ed.png?9c96e0ed7093c095fd33870329282962') !important;
  }
} */

@media (min-width: 768px) {
  .modal-dialog {
    width: 60rem;
    margin: 3rem auto;
  }

  .takedown-modal-dialog {
    width: 80rem !important;
    margin: 3rem auto;
  }

  .authenticator-modal-dialog {
    width: 45rem !important;
    margin: 3rem auto;
  }

  .authenticate-modal {
    width: 45rem;
    margin: 3rem auto;
  }

  .disable-authentication-modal {
    width: 35rem;
    margin: 3rem auto;
  }
}

@media (min-width: 768px) {
  .new-modal-dialog {
    width: 900px !important;
    margin: 30px auto;
  }

  .new-modal-content .modal-header {
    background-color: #f3f4f8;
    border-bottom: 1px solid #ddd;
    padding: 15px 70px;
  }

  .new-modal-body {
    height: 420px;
    overflow: auto;
    padding: 15px 40px 40px !important;
    margin: 0 30px;
  }
}

@media (max-width: 600px) {
  .mid-sec {
    margin-bottom: 10px;
  }
}

@media (max-width: 767px) {
  .company-info-wrapper {
    padding: 0 0px 40px;
  }

  .company-details .right h3 {
    margin-bottom: 5px;
    font-size: 16px;
  }

  .company-score {
    padding: 0 15px;
  }

  .mid-right-sec {
    margin-left: 0;
    margin-top: 15px;
  }

  .company-details .right a,
  .company-score .second,
  .mid-section .mid-right-sec p,
  .notfication-wrapper .left-section p,
  .notfication-wrapper .left-section a,
  .view-log-link .btn,
  .notification-mark-all-read-link a,
  .edit-settings-link a {
    font-size: 13px;
  }

  .red-down-arrow {
    margin-right: 5px;
  }

  .userManagement-add-user {
    margin-top: 20px;
    text-align: left;
  }

  .accounts-info .second {
    text-align: left;
  }

  .osint-table-res {
    margin-top: 15px;
  }

  .checkbox-wrapper {
    display: flex;
    align-items: left;
    flex-direction: column;
  }

  .integration-wrapper {
    margin: 10px 0;
  }

  .questionnaire-modal-wrapper {
    margin-bottom: 15px;
  }

  .questionnaire-textarea {
    position: static;
    right: 0;
    left: 0;
  }

  .questionnaire-status {
    flex-direction: column;
    text-align: left;
    align-items: unset;
    justify-content: unset;
  }

  .table-responsive {
    border: none;
  }

  .last-vr {
    display: none;
  }

  .questionnaire-status .status {
    margin-left: 0;
  }

  .questionnaire-wrapper {
    width: 100%;
  }

  .questionnaire-top-sec {
    flex-direction: column;
  }

  .issues-heading-flexbox {
    flex-direction: column;
    align-items: unset;
  }

  .chart-heading-radio-btns-grp {
    flex-direction: column;
    align-items: center;
  }

  .newsfeed-wrapper .heading,
  .newsfeed-wrapper .heading .left,
  .newsfeed-wrapper .heading .right-box-point,
  .newsfeed-wrapper .heading .right-box,
  .newsfeed-pills {
    display: inline-block;
  }

  .cloud-integration-pills li {
    width: 50%;
  }

  .cloud-integration-pills li a {
    margin: 30px 15px 0px;
  }

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

  .email-breach-dropdown {
    margin-top: 15px;
    float: left;
  }

  .newsfeed-wrapper .heading .right-box {
    margin-top: 8px;
    margin-bottom: 8px;
  }

  .left-score-sec {
    border-radius: 8px 8px 0 0;
  }

  .right-score-sec {
    border-radius: 0 0 8px 8px;
  }

  .compliance-framework-wrapper {
    margin-top: 20px;
  }

  .company-inner-section {
    padding: 2rem 0;
  }

  .typo-heading-main {
    margin: 20px 0;
  }

  .domain-info {
    text-align: left;
  }

  .domain-info .right .second {
    display: inline-block;
    margin-top: 10px;
  }

  .domain-info .left,
  .domain-info .right {
    text-align: center;
  }

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

  .breaches-img-wrapper {
    margin: 0 auto 25px;
  }

  .chart-heading-radio-btns-grp .right-sec {
    margin-left: 0;
  }

  .chart-heading-radio-btns-grp .left-sec {
    text-align: center;
  }

  .gauge-active-value {
    position: static;
    left: 0;
    transform: none;
  }

  .total-assets-heading {
    text-align: center;
  }

  h4 {
    font-size: 1.8rem;
  }

  .asset-cloud-pills > li.active > a::after {
    display: none;
  }

  .cloud-integration-wrapper {
    width: auto;
  }

  .asset-cloud-pills > li {
    width: 100%;
  }

  .asset-cloud-pills {
    margin: 20px 0;
    flex-direction: column;
  }

  .cloud-wrapper .fakeapp-info .right {
    text-align: left;
    width: 100%;
  }

  .card-deck {
    display: flex;
    flex-direction: column;
  }

  .company-name {
    margin: 11px 0 17px;
  }

  .severity-right-wrapper,
  .severity-tab-wrapper {
    display: inline-block;
    width: 100%;
  }

  .riskscore-infobox .left,
  .riskscore-infobox .right {
    display: flow-root;
  }

  .rb-email-breach {
    display: flow-root;
    margin-top: 30px;
  }

  .logoabuse-heading {
    padding-left: 0;
  }

  .ip-search .form-control {
    margin-left: 0;
    margin-left: 0;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .switch-field {
    margin-left: 0;
    margin-bottom: 20px;
  }

  .notfication-wrapper .left-section,
  .emailbreach-lookup-wrapper {
    width: 100%;
  }

  .notfication-wrapper .right-section {
    width: 100%;
    text-align: center;
  }

  .notfication-wrapper .mid-section {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 15px 0;
    flex-direction: column;
  }

  #sidebar .sidebar-header .left {
    width: 100%;
    max-width: 50%;
  }

  .alerts-info .left {
    width: 45%;
  }

  .alerts-info .right {
    width: 55%;
    text-align: right;
  }

  .news-bites-wrapper {
    margin-top: 20px;
  }

  .mbsmall30 {
    margin-bottom: 30px;
  }

  .organisation-chart img {
    height: 100px;
    margin-bottom: 15px;
  }

  .ports-services-wrapper {
    margin-top: 20px;
  }

  .sticky {
    position: relative;
  }

  .fakeapp-info .left {
    width: 100%;
  }

  .ports-left {
    border-top-left-radius: 13px;
    border-top-right-radius: 13px;
    border-bottom-left-radius: 0;
  }

  .domain-info,
  .ports-inner-wrapper,
  .osint-heading,
  .reanalyze-wrapper {
    display: inline-block;
    width: 100%;
  }

  .fakeapp-info .right {
    width: 100%;
    margin-top: 10px;
    text-align: left;
  }

  .security-advisory-wrapper,
  .custom-email-search,
  .custom-email-results-wrapper {
    display: inline-block;
    width: 100%;
  }

  .upload-csv-btn {
    margin-top: 10px;
    margin-bottom: 10px !important;
  }

  .center-box {
    height: auto;
    margin-top: 30px;
    margin-bottom: 50px;
    padding: 25px 20px;
  }

  .lower .lower-content .logo-title {
    text-transform: uppercase;
    font-size: 14px;
    height: auto;
  }

  .domain-status-wrapper ul li ul li span.left-border {
    display: none;
  }

  .domain-status-wrapper ul {
    padding-left: 0;
  }

  .domain-status-wrapper {
    width: 100%;
    margin: 0 auto 20px;
  }

  .acc-ip-grade {
    float: none !important;
  }

  .typosquat-search-filter {
    display: block;
    margin: auto;
    width: 100%;
    padding: 0 20px;
  }

  .approveQuestionnaireContainer {
    flex-direction: column;
  }

  .tally-send-form,
  .tally-pills li {
    width: 100%;
  }

  .tally-pills li a {
    margin: 0 0px 20px;
  }

  .cve-wrapper {
    height: auto;
  }

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

  .center-box-wrapper {
    flex-direction: column;
  }

  .webrisk-main-heading {
    display: flex;
    align-items: left;
    flex-direction: column;
  }

  .webrisk-links li {
    width: 20%;
  }

  .whois-outer-wrapper {
    width: 93%;
  }

  .pdsmall15 {
    padding: 0 15px 15px !important;
  }

  .osint-filter-left,
  .osint-main-content {
    width: 100% !important;
  }

  .machine-learning-form #upload .flex-form-group {
    display: inline-block;
    width: 100%;
  }

  .machine-learning-form h5 {
    text-align: center;
  }

  .machine-learning-form {
    padding: 20px 20px !important;
  }

  .severity-outer-wrapper .severity-sections {
    width: 100%;
    padding: 0;
  }

  .new-modal-content .modal-header {
    padding: 15px;
  }

  .login-wrapper {
    width: 355px;
    margin: 0 auto;
  }

  .leak-wrapper-left-sec img {
    margin-bottom: 10px;
  }

  .company-search .form-control {
    width: 100%;
  }

  .portfolio-rating-wrapper {
    margin-bottom: 30px;
    margin-top: 25px;
  }

  .ip-inventory-wrapper .ip-info-right {
    float: left;
    margin-top: 0;
  }

  .ip-search .form-group i {
    left: 0;
  }

  .ip-right-inner-flex h6 {
    font-size: 12px;
  }

  .ip-info-right {
    margin-top: 10px;
  }

  .issues-res-table {
    border: none !important;
  }

  .framework-inner-wrapper h5 span {
    float: left;
    margin: 10px 0;
  }

  .framework-form {
    display: inline-block;
    width: 100%;
  }

  .circle-wrap {
    margin: 15px auto 0;
  }

  .framework-save-btn {
    margin: 10px 0 0;
  }

  .dropdown-menu > li > a {
    font-size: 12px;
    white-space: unset !important;
  }

  .mbsmall0 {
    margin-bottom: 0px !important;
  }

  .mtsmall0 {
    margin-top: 0px !important;
  }

  .pdsmall0 {
    padding: 0 0 !important;
  }

  .mbsmall10 {
    margin-bottom: 10px !important;
  }

  .scorecard-res-table {
    border: none !important;
  }

  .compliance-outer-wrapper {
    padding: 0;
  }

  .dropdown-menu {
    width: 300px;
    overflow: auto;
  }

  #chart-inner-text {
    font-size: 14px;
  }

  .update-pasword-btns {
    float: left;
    margin-top: 10px;
    margin-left: 13px;
  }

  .alert-wrapper,
  .alerts-edit-wrapper,
  .alerts-edit-wrapper .left-sec,
  .breadcrumb-search-wrapper {
    display: inline-block;
    width: 100%;
  }

  .alert-toggle {
    margin-top: 0;
    margin-left: -6px;
  }

  .notfication-wrapper {
    display: inline-block;
    width: 100%;
    text-align: center;
  }

  .scorecard-inner-chart-info {
    margin: 20px 0;
    display: inline-block;
    width: 100%;
  }

  .scorecard-severity-info {
    margin-top: 15px;
  }

  .page-heading {
    margin: 20px 0 0;
  }

  .share-link {
    margin: 10px 0 0;
  }

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

  .severity-outer-wrapper {
    margin: 0 0 20px;
    display: inline-block;
    width: 100%;
  }

  .organisation-wrapper {
    margin: 20px 0;
  }

  #hamburgerMenu {
    display: none;
  }

  .comaprison-lower-score-content {
    text-align: center;
  }

  .comaprison-lower-score-content ul {
    padding-left: 0;
  }

  .signup-login-bg::before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.7);
  }

  .info-item img {
    width: 100%;
    max-width: 65%;
  }

  .container-form .table,
  .info-item .table {
    display: table;
    height: 100%;
    width: 100%;
  }

  .container-form .table-cell,
  .info-item .table-cell {
    display: table-cell;
    transition: all 0.5s ease 0s;
    vertical-align: middle;
    padding: 0 20px;
  }

  .signup-outer-wrapper {
    background-color: #0a2c65;
    height: 435px;
    margin: 300px auto 0;
    position: absolute;
    top: 50%;
    transition: all 0.5s ease 0s;
    width: 600px;
    z-index: 9999;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .signup-outer-wrapper .box {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
  }

  .signup-outer-wrapper .container-forms {
    position: relative;
    z-index: 9999;
  }

  .signup-outer-wrapper .btn,
  .signup-outer-wrapper .btn:hover {
    background-color: #e2a031;
    border: 1px solid #e2a031;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
    margin: 0 auto;
    opacity: 1;
    text-align: center;
    transition: all 0.5s ease 0s;
    font-size: 13px;
    padding: 6px 25px;
    border-radius: 24px;
    width: 50%;
  }

  .signup-outer-wrapper .container-form .btn {
    box-shadow: 5px 5px 10px rgb(226 160 49 / 0.25);
    display: block;
    margin-top: 25px;
    position: relative;
  }

  .history-block-outer-wrapper {
    width: 100%;
    display: inline-block;
  }

  .map-img img {
    width: 100%;
  }

  .ip-accordion-wrapper {
    width: 100%;
  }

  .tiles-design {
    font-size: 10px;
  }

  .block-wrapper ul li {
    font-size: 10px;
  }

  .block-wrapper {
    width: 100% !important;
  }

  .progress-bar-wrapper {
    width: 100% !important;
  }

  .accordion-inner-wrapper {
    display: inline-block;
    text-align: center;
  }

  .accordion-inner-wrapper p {
    margin-bottom: 10px;
  }

  #sidebar {
    min-width: 100% !important;
    max-width: 100% !important;
    position: static;
  }

  #sidebar ul.components {
    padding: 0;
    margin-bottom: 0;
    display: none;
  }

  #content {
    width: 100%;
    position: static;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-top-left-radius: 0;
    padding: 0 0 20px;
  }

  .chart-wrapper form span {
    margin-right: 10px;
  }

  .chart-wrapper form {
    float: left;
    margin-bottom: 15px;
  }

  #sidebar.active {
    min-width: 80px;
    max-width: 80px;
    text-align: center;
  }

  .profile-links {
    float: right;
  }

  .profile-links li {
    display: inline-block !important;
  }

  /* .upgrade-btn {
    float: left !important;
    margin-top: 18px !important;
    margin-bottom: 18px !important;
  } */

  .switch_btn_wrap {
    float: none;
    margin: 18px 0 0 10px;
  }

  #sidebar.active ul li a {
    padding: 20px 10px;
    font-size: 0.85em;
  }

  #sidebar.active ul li a i {
    margin-right: 0;
    display: block;
    font-size: 1.8em;
    margin-bottom: 5px;
  }

  #sidebar.active ul ul a {
    padding: 10px 10px !important;
  }

  #sidebarCollapse span {
    display: none;
  }

  .detail-outer-wrapper {
    display: inline-block;
    width: 100%;
  }

  .malicious-wrapper {
    display: flex;
    margin-top: 10px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .asset-cloud-pills > li.active > a::after {
    display: none;
  }

  .asset-cloud-pills > li {
    width: auto;
  }

  .cloud-integration-wrapper {
    width: auto;
  }

  .cloud-wrapper .fakeapp-info .right {
    text-align: right;
    width: 100%;
  }

  .card-deck {
    display: flex;
    flex-wrap: wrap;
  }

  .severity-right-wrapper {
    display: inline-block;
    width: 100%;
  }

  #sidebar ul li .submenu-menu li a {
    padding: 10px 12px 10px 11px;
    text-align: left;
  }

  #sidebar ul li .submenu-menu li a span.right-angle {
    top: 2px;
  }

  .fakeapp-info .left {
    width: 100%;
  }

  .chosen-container .chosen-results li {
    border-bottom: 1px solid #e4e4e4;
    padding: 10px 10px !important;
  }

  .multi-input-val {
    border-radius: 4px;
  }

  @media (min-width: 768px) {
    .takedown-modal-dialog {
      width: 800px !important;
      margin: 30px auto;
    }
  }

  .domain-info {
    display: inline-block;
    width: 100%;
  }

  .cloud-acc-namewrapper {
    display: flex;
    text-align: right;
  }

  .company-active-inactive-wrapper {
    margin-top: 30px;
  }

  .acc-ip-grade {
    float: none !important;
  }

  .tab-takedown-status {
    text-align: right;
    margin-top: 10px;
  }

  .takedown-modal-dialog {
    width: auto !important;
    margin: 15px 15px !important;
  }

  .typosquat-search-filter {
    display: block;
    margin: auto;
    width: 100%;
    padding: 0 20px;
  }

  #typo-chart-inner-text {
    transform: translate(86%, -50%);
  }

  .typo-stats-wrapper #typo-chart-inner-text .first {
    font-size: 20px;
  }

  .typo-stats-wrapper #typo-chart-inner-text .second {
    font-size: 12px;
  }

  .pdright0 {
    padding-right: 0 !important;
  }

  .osint-filter .panel-body {
    padding: 15px 5px 0 !important;
  }

  .new-modal-dialog {
    width: 700px !important;
    margin: 30px auto;
  }

  .pdstab0 {
    padding: 0 0 !important;
  }

  .osint-filter-left {
    width: 33% !important;
  }

  .osint-main-content {
    width: 66% !important;
  }
}

@media (max-width: 1023px) {
  .scorecard-name-info .left p {
    height: auto;
  }
}

@media (max-width: 1024px) {
  .osint-subdomain-table {
    overflow-x: auto !important;
  }

  .ip-wrapper {
    padding: 35px 0;
  }

  .ip-accordion-wrapper {
    width: 100%;
  }

  .map-img img {
    width: 100%;
  }

  .pdtab0 {
    padding: 0 0 !important;
  }

  .history-block-outer-wrapper {
    width: 100%;
  }

  .panel-heading {
    padding: 10px 10px 10px !important;
  }

  .panel-heading a:before {
    margin-top: 26px;
  }

  #sidebar {
    min-width: 150px;
    max-width: 150px;
  }

  #content {
    left: 150px;
    padding: 0 0 20px;
  }

  /* #sidebar ul li a {
    text-align: center;
    padding: 20px 8px;
  } */

  /* #sidebar ul li a i {
    margin-right: 0;
    display: block;
    margin-bottom: 3px;
  } */

  #sidebar ul.components {
    padding-left: 15px;
  }
}

@media (min-width: 1024px) {
  .osint-subdomain-table {
    overflow-x: unset !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199px) {
  .card-deck {
    display: flex;
    flex-wrap: wrap;
  }

  #sidebar ul li .submenu-menu li a {
    padding: 10px 12px 10px 11px;
    text-align: left;
  }

  #sidebar ul li .submenu-menu li a span.right-angle {
    top: 2px;
  }

  .organisation-chart img {
    height: 85px;
  }

  .webrisk-links li a {
    padding: 5px 9px 9px !important;
  }

  .sticky {
    margin-left: -14px !important;
  }
}

@media (min-width: 1214px) {
  .cve-wrapper {
    overflow: hidden !important;
  }
}

@media (min-width: 1300px) {
  .center-inner-box {
    /* margin: 0 2.8rem 5rem; */
  }

  .scorecard-pd-large {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
}

@media (min-width: 1500px) {
  /* .center-inner-box {
    margin: 0 67px 50px;
  } */
  .scorecard-pd-large {
    padding-left: 65px !important;
    padding-right: 65px !important;
  }
}

.modal-alert {
  text-align: center;
  font-size: large;
}

.alertToast.showtoast.success {
  background-color: #edfaf2;
  color: #1eb75a;
  border: 0.1rem solid #1eb75a;
}

.alertToast.showtoast.error {
  background-color: #feeeee;
  color: #bb322e;
  border: 0.1rem solid #bb322e;
}

.loader-mini {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  position: relative;
  margin: 0 auto;
}

.alertToast {
  visibility: hidden;
  /* min-width: 250px; */
  /* color: #fff; */
  text-align: center;
  border-radius: 0.6rem;
  padding: 1.2rem 1.6rem;
  position: fixed;
  z-index: 99999999;
  left: 50%;
  top: 64px;
  transform: translate(-50%, 0%);
  /* border: 4px solid #fff; */
  /* box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4); */
}

.alertToast.showtoast {
  visibility: visible;
  -webkit-animation:
    fadein 0.5s,
    fadeout 0.5s 3.5s;
  animation:
    fadein 0.5s,
    fadeout 0.5s 3.5s;
  animation-fill-mode: forwards;
}

@-webkit-keyframes fadein {
  from {
    top: 0;
    opacity: 0;
  }

  to {
    top: 64px;
    opacity: 1;
  }
}

@keyframes fadein {
  from {
    top: 0;
    opacity: 0;
  }

  to {
    top: 64px;
    opacity: 1;
  }
}

@-webkit-keyframes fadeout {
  from {
    top: 64px;
    opacity: 1;
  }

  to {
    top: 0;
    opacity: 0;
  }
}

@keyframes fadeout {
  from {
    top: 64px;
    opacity: 1;
  }

  to {
    top: 0;
    opacity: 0;
  }
}

.ui.search.dropdown,
.ui.dropdown .menu > .item {
  word-break: break-all;
  line-height: 18px !important;
}

.activefilter {
  color: #e3e9ef !important;
  background: #25a01c !important;
}

.notactivefilter {
  color: #e3e9ef !important;
  background: #bc0707 !important;
}

.vendors-wrapper {
  border-radius: 10px;
  width: 100%;
  display: inline-block;
  background-color: #fff;
}

.vendor-heading {
  padding: 0.8rem 1.5rem;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 500;
}

.vendor-heading span {
  margin-right: 5px;
}

.vendors-lists ul {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
}

.vendors-lists li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #ddd;
  padding: 8px 0px;
}

.vendors-lists li p {
  margin-bottom: 0;
  font-size: 1.3rem;
  margin-right: 10px;
  text-transform: capitalize;
  color: #337ab7;
  cursor: pointer;
}

.vendors-lists li p:hover {
  color: rgb(19 99 168);
  text-decoration: underline;
}

.vendor-score {
  font-weight: 500;
  font-size: 1.3rem;
}

.vendor-circle-shape {
  width: 2.2rem;
  height: 2.2rem;
  line-height: 2.2rem;
  text-align: center;
  color: #fff;
  font-size: 1.1rem;
  font-weight: 400;
  border-radius: 50%;
  margin: 0 0.5rem;
}

.vendor-score-drop-icon {
  margin-left: 5px;
}

.grid-tiles {
  cursor: pointer;
}

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

.report-btn-grp {
  display: flex;
  align-items: center;
}

.issue-type-count {
  padding: 0.2rem 1.2rem 0.1rem;
  border-radius: 1rem;
  font-size: 1.2rem;
  background-color: rgb(102 102 102 / 20%) !important;
  margin-left: 1rem;
}

.issues-pills li.active a .issue-type-count {
  background-color: rgb(28 90 190 / 20%) !important;
}

.issue-tab-content {
  box-shadow: 0 4px 15px rgb(0 0 0 / 10%);
  padding: 30px 20px;
  margin-bottom: 50px;
}

.issues-pills a {
  border-radius: 0 !important;
  color: #666;
  background: #f1f1f1;
  border-radius: 0 !important;
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  margin-right: 10px;
}

.issues-pills .active a {
  font-size: 13px;
  background: #fff !important;
  color: #1c5abe !important;
  box-shadow: 0 -5px 13px -3px rgb(0 0 0 / 10%);
  border-top: 2px solid#1C5ABE !important;
}

.mouse-pointer {
  cursor: pointer !important;
}

table tr th {
  border-bottom: none;
}

table tr td {
  padding: 12px 8px 8px !important;
}

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f4f4f4 !important;
}

.stage-name {
  padding: 2px 10px;
  color: #fff;
  border-radius: 30px;
}

#msform {
  position: relative;
}

#msform fieldset {
  background: transparent;
  border: 0 none;
  border-radius: 0;
  margin-top: 2rem;
  box-sizing: border-box;
  position: relative;
  width: 100%;
}

#msform fieldset:not(:first-of-type) {
  display: none;
}

#msform input,
#msform textarea {
  color: #2c3e50;
  font-size: 1.3rem;
  margin-bottom: 1rem;
}

#msform input:focus,
#msform textarea:focus {
  border: 0.1rem solid #66afe9 !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  outline-width: 0;
  transition: All 0.5s ease-in;
  -webkit-transition: All 0.5s ease-in;
  -moz-transition: All 0.5s ease-in;
  -o-transition: All 0.5s ease-in;
}

#msform .action-button {
  background: #1c5abe;
  border: 1px solid #1c5abe;
  color: #fff;
  border-radius: 0.6rem;
  cursor: pointer;
  padding: 0.6rem 2rem;
  margin: 1rem 0.5rem;
  float: right;
  font-size: 1.4rem;
}

#msform .action-button-previous {
  background: #fff;
  font-size: 1.4rem;
  background: #fff;
  border: 1px solid #1c5abe;
  border-radius: 0.6rem;
  color: #1c5abe;
  cursor: pointer;
  padding: 0.6rem 2rem;
  margin: 1rem 0.5rem;
}

#msform .action-button-previous:hover,
#msform .action-button-previous:focus {
  box-shadow:
    0 0 0 2px #fff,
    0 0 0 3px #c5c5f1;
}

.fs-title {
  font-size: 16px;
  text-transform: capitalize;
  color: #2c3e50;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
}

/* label {
  color: #555;
  font-size: 12px;
} */
.fs-subtitle {
  font-weight: normal;
  font-size: 13px;
  color: #666;
  margin-bottom: 20px;
}

#progressbar {
  margin-bottom: 0;
  padding-left: 0;
  overflow: hidden;
  counter-reset: step;
}

#progressbar li {
  list-style: none;
  color: #838383;
  text-transform: capitalize;
  font-size: 12px;
  width: 33.33%;
  float: left;
  position: relative;
  text-align: center;
}

#progressbar li:before {
  content: counter(step);
  counter-increment: step;
  width: 26px;
  height: 26px;
  line-height: 24px;
  display: block;
  font-size: 12px;
  color: #838383;
  border: 1.5px solid #ddd;
  background: #fff;
  border-radius: 25px;
  margin: 0 auto 10px;
  position: relative;
  z-index: 1;
}

#progressbar li:after {
  content: '';
  width: 100%;
  height: 2px;
  background-color: #ddd;
  position: absolute;
  left: -50%;
  top: 12px;
}

#progressbar li:first-child:after {
  content: none;
}

#progressbar li.active:before,
#progressbar li.active:after {
  background: #1c5abe;
  color: #fff;
  border: 1px solid #1c5abe;
}

.checkboxes-inner-wrapper span.permission-checkbox-name img {
  filter: grayscale(1);
}

.radio-container {
  margin-right: 15px;
  margin-bottom: 0;
  display: flex;
  position: relative;
  padding-left: 30px;
  margin-top: 5px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.radio-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.radio-container:hover input ~ .checkmark {
  background-color: #ccc;
}

.radio-container input:checked ~ .checkmark {
  background-color: #fff;
  border: 0.2rem solid var(--primary);
}

.radio-container input:checked ~ .checkmark:after {
  display: block;
}

.radio-container .checkmark:after {
  top: 4.4px;
  left: 4.3px;
  width: 10px;
  height: 10px;
  content: '';
  position: absolute;
  display: none;
  top: 50%;
  left: 50%;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background-color: var(--primary);
  transform: translate(-50%, -50%);
}

.ragion-name-row:not(:first-child) .region-name:first-child {
  padding-left: 25px !important;
}

.action-col-wrapper {
  display: flex;
  align-items: center;
}

.border-tabs > li > a {
  padding: 10px;
}

.border-tabs > li.active > a,
.border-tabs > li.active > a:focus,
.border-tabs > li.active > a:hover,
.border-tabs > li > a:hover {
  color: #1b5abd;
  border-bottom: 3px solid #1b5abd;
}

.border-tabs > li.disabled > a:hover {
  border-bottom: 0;
}

.border-tabs > li.disabled > a > img,
label.disabled img {
  filter: grayscale(1);
}

.border-tabs > li.active > a .issue-type-count {
  background-color: rgb(28 90 190 / 20%) !important;
}

.cloud-acc-logos {
  margin-right: 2px;
  position: relative;
}

.aws-img {
  top: 2px;
  height: 1.5rem;
}

.gcp-img,
.azure-img {
  top: -1px;
  height: 1.5rem;
}

.oracle-img {
  top: 0;
  height: 20px;
}

.digital-ocean-img {
  top: 0;
  height: 1.5rem;
}

.github-img {
  top: 0;
  height: 1.9rem;
}

.aws-radio-img {
  height: 2.3rem;
}

.azure-radio-img {
  height: 2.5rem;
  position: relative;
  top: -3px;
}

.gcp-radio-img {
  height: 2.3rem;
  position: relative;
  top: -2px;
}

.oracle-radio-img {
  height: 3rem;
  position: relative;
  top: -1px;
}

.digital-ocean-radio-img {
  height: 2.3rem;
  position: relative;
  top: -2px;
}

.github-radio-img {
  height: 2.8rem;
  position: relative;
  top: -2px;
}

.border-top-2x {
  border-top: 2px solid #c1c1c1;
}

.flex {
  display: flex;
}

#msform input {
  color: #2c3e50;
  font-size: 13px;
  margin-bottom: 10px;
}

#msform fieldset label {
  color: #333;
  font-size: 14px;
}

#msprogressbar {
  margin: 30px 0;
  padding-left: 0;
  overflow: hidden;
  counter-reset: step;
  display: flex;
  align-items: center;
  justify-content: center;
}

#msprogressbar li {
  list-style: none;
  color: #838383;
  text-transform: uppercase;
  font-size: 1.6rem;
  width: 25%;
  float: left;
  position: relative;
  text-align: center;
}

#msprogressbar li:before {
  content: counter(step);
  counter-increment: step;
  width: 2.6rem;
  height: 2.6rem;
  line-height: 2.4rem;
  display: block;
  font-size: 1.2rem;
  color: #838383;
  border: 1.5px solid #ddd;
  background: #fff;
  border-radius: 2.5rem;
  margin: 0 auto 0.5rem;
  position: relative;
  z-index: 1;
}

#msprogressbar li:after {
  content: '';
  width: 100%;
  height: 0.2rem;
  background-color: #ddd;
  position: absolute;
  left: -50%;
  top: 1.2rem;
}

#msprogressbar li:first-child:after {
  content: none;
}

#msprogressbar li.active:before,
#msprogressbar li.active:after {
  background: #1c5abe;
  color: #fff;
  border: 1px solid #1c5abe;
}

.region-table-wrapper {
  border: 1px solid #ddd;
  border-radius: 7px;
  margin: 20px 14px;
  height: 300px;
  overflow: auto;
}

.toggle-next {
  border-radius: 0;
}

.ellipsis {
  text-overflow: ellipsis;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.multiselect-dropdown-checkbox {
  margin: 0;
  display: none;
  border: 1px solid #ccc;
  border-top: 0;
}

.multiselect-dropdown-checkbox .inner-wrap {
  max-height: 140px;
  overflow: auto;
}

.multiselect-checkbox-dropdown-wrapper {
  margin-top: 20px;
  width: 50%;
}

.multiselect-checkbox-dropdown-wrapper button {
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  padding: 10px 15px;
  background-color: #fff;
  color: #838383;
  text-align: left;
}

.multiselect-dropdown-checkboxes {
  padding: 1rem 1rem 1rem 4rem;
  border-bottom: 1px solid #d6d6d6;
  margin-bottom: 0;
}

.multiselect-dropdown-checkboxes .table-checkmark {
  top: 1.2rem;
  left: 1.5rem;
}

.radio-flex-col {
  margin-bottom: 15px;
}

.iam-info-wrapper {
  border: 1px solid #ddd;
  border-radius: 7px;
  margin: 0 0 25px;
  padding: 15px 20px;
}

.iam-info-wrapper p {
  font-size: 13.2px;
  color: #838383;
  font-weight: 400;
  line-height: 1.7em;
}

.iam-info-wrapper button {
  margin: 5px 0 15px;
}

.custom-checkbox-wrapper {
  display: flex;
}

.custom-checkbox-wrapper label {
  margin-right: 1.5rem;
  position: relative;
  width: 7.5rem;
}

.custom-checkbox-wrapper span.permission-checkbox-name {
  cursor: pointer;
  background-color: #fff;
  border-radius: 6px;
  color: #565151;
  display: block;
  white-space: nowrap;
  border: 1px solid #979797;
  height: 5rem;
  line-height: 5rem;
  text-align: center;
}

.custom-checkbox-wrapper input:checked ~ .permissions-checkbox {
  background-color: #2196f3;
  border: none;
  display: none;
}

.custom-checkbox-wrapper .permissions-checkbox {
  display: none;
}

.custom-checkbox-wrapper input:checked ~ span.permission-checkbox-name {
  background-color: rgb(32 150 243 / 25%);
  color: #1b5abd;
  border: 1px solid rgb(32 150 243 / 25%);
}

.custom-checkbox-wrapper input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.custom-checkbox-wrapper input:checked ~ .permissions-checkbox:after {
  display: block;
}

.custom-checkbox-wrapper .permissions-checkbox:after {
  left: 7px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 1px 1px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.radio-container .checkmark {
  height: 21px;
  width: 21px;
  box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
  position: absolute;
  top: 0;
  left: 0;
  height: 1.7rem;
  width: 1.7rem;
  background-color: #fff;
  border: 0.2rem solid var(--primary);
  border-radius: 50%;
}

.radio-container input:checked ~ .radio-name {
  color: #333;
  font-size: 1.3rem;
}

.radio-name {
  color: #838383;
  font-size: 1.3rem;
}

.custom-table-wrapper tr th {
  border-bottom: none;
}

.custom-table-wrapper tr td {
  padding: 12px 8px 8px !important;
}

.custom-table-wrapper.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f4f4f4 !important;
}

.action-col-wrapper a {
  margin-right: 15px;
}

.extra-info-wrapper {
  background-color: #eff3fa;
  border-radius: 4px;
  padding: 15px;
}

.extra-info-wrapper .flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 5px;
}

.extra-info-wrapper p,
.cloud-account-aside p {
  color: #4d4d4d;
  font-size: 1.2rem;
  line-height: 1.6;
  margin-bottom: 1rem;
  font-weight: 400;
}

.extra-info-wrapper .flex .name {
  font-size: 14px;
}

.extra-info-wrapper .flex a {
  color: #1b5abd;
  text-transform: uppercase;
}

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

.cloud-account-aside {
  padding: 2.3rem 1rem;
}

.cloud-account-aside h4 {
  margin-bottom: 0.3rem;
  margin-bottom: 1rem;
  font-size: 1.4rem;
  line-height: 1.4;
  color: #000;
}

.cloud-account-info {
  margin-top: 20px;
}

.cloud-account-info .first {
  color: #757575;
  font-size: 13px;
}

.custom-pre-code {
  height: 300px;
  overflow-y: auto;
  color: rgb(255 255 255 / 70%);
  background-color: #1e1e1e;
  border: 1px solid #000;
  border-radius: 8px;
  position: relative;
}

.dark-copy-icon {
  right: 5%;
  position: absolute;
  background-color: #3d3d3d;
  top: 9%;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  border-radius: 4px;
  color: rgb(255 255 255 / 70%);
}

.status-col i {
  margin-right: 3px;
  position: relative;
  top: 2px;
}

.resource-list {
  padding-left: 0;
  list-style: none;
}

.resource-list li {
  margin-bottom: 1rem;
  color: #000;
  font-size: 1.3rem;
}

.resource-list-modal {
  width: 49rem !important;
}

.custom-modal-heading {
  color: #333 !important;
  text-align: left;
}

.custom-modal-body p {
  margin-bottom: 2rem;
  color: #333;
  font-size: 1.3rem;
}

.no-result-wrapper-box {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.no-result-wrapper-box .text {
  margin: 2.5rem 0;
  color: #1e1e1e;
  font-size: 1.5rem;
}

label.disabled,
.custom-checkbox-wrapper label.disabled span.permission-checkbox-name {
  cursor: not-allowed;
}

.iam-info-wrapper .img-wrapper {
  margin-bottom: 15px;
}

.clickable-link:hover,
.clickable-link:visited,
.clickable-link:focus,
.clickable-link:active {
  color: rgb(19 99 168);
  text-decoration: underline;
}

.clickable-link {
  cursor: pointer;
  color: #337ab7;
}

.cloud-acc-info-wrapper {
  margin-bottom: 2rem;
}

@-webkit-keyframes fadein {
  from {
    bottom: 0;
    opacity: 0;
  }

  to {
    bottom: 30px;
    opacity: 1;
  }
}

@keyframes fadein {
  from {
    bottom: 0;
    opacity: 0;
  }

  to {
    bottom: 30px;
    opacity: 1;
  }
}

@-webkit-keyframes fadeout {
  from {
    bottom: 30px;
    opacity: 1;
  }

  to {
    bottom: 0;
    opacity: 0;
  }
}

@keyframes fadeout {
  from {
    bottom: 30px;
    opacity: 1;
  }

  to {
    bottom: 0;
    opacity: 0;
  }
}

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

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

@media (min-width: 768px) {
  .alerts-modal-dialog {
    width: 450px !important;
    margin: 30px auto;
  }
}

@media (min-width: 768px) {
  .alerts-modal-dialog {
    width: 450px !important;
    margin: 30px auto;
  }
}

@-webkit-keyframes fadein {
  from {
    top: 0;
    opacity: 0;
  }

  to {
    top: 50%;
    opacity: 1;
  }
}

@keyframes fadein {
  from {
    top: 0;
    opacity: 0;
  }

  to {
    top: 50%;
    opacity: 1;
  }
}

@-webkit-keyframes fadeout {
  from {
    top: 50%;
    opacity: 1;
  }

  to {
    top: 0;
    opacity: 0;
  }
}

@keyframes fadeout {
  from {
    top: 50%;
    opacity: 1;
  }

  to {
    top: 0;
    opacity: 0;
  }
}

.add-company-footer button {
  margin-left: 10px;
  margin-top: 25px;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  opacity: 0.65;
  -webkit-box-shadow: none;
  box-shadow: none;
}

@-webkit-keyframes fadein {
  from {
    top: 0;
    opacity: 0;
  }

  to {
    top: 50%;
    opacity: 1;
  }
}

@keyframes fadein {
  from {
    top: 0;
    opacity: 0;
  }

  to {
    top: 50%;
    opacity: 1;
  }
}

@-webkit-keyframes fadeout {
  from {
    top: 50%;
    opacity: 1;
  }

  to {
    top: 0;
    opacity: 0;
  }
}

@keyframes fadeout {
  from {
    top: 50%;
    opacity: 1;
  }

  to {
    top: 0;
    opacity: 0;
  }
}

@-webkit-keyframes fadein {
  from {
    bottom: 0;
    opacity: 0;
  }

  to {
    bottom: 30px;
    opacity: 1;
  }
}

@keyframes fadein {
  from {
    bottom: 0;
    opacity: 0;
  }

  to {
    bottom: 30px;
    opacity: 1;
  }
}

@-webkit-keyframes fadeout {
  from {
    bottom: 30px;
    opacity: 1;
  }

  to {
    bottom: 0;
    opacity: 0;
  }
}

@keyframes fadeout {
  from {
    bottom: 30px;
    opacity: 1;
  }

  to {
    bottom: 0;
    opacity: 0;
  }
}

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

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

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

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

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

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

#sidebarCollapse2 {
  display: none;
}

/* #sidebar.active #sidebarCollapse,
#sidebar.active.active2 #sidebarCollapse2 {
  display: none;
}
#sidebar.active #sidebarCollapse2,
#sidebar.active.active2 #sidebarCollapse {
  display: block;
} */
/* #sidebar.active ul li ul li a {
  display: none;
} */

#sidebar.active.active2 ul li a span {
  display: inline-block;
}

.domaintakedown-flextable .value {
  text-transform: capitalize;
  font-weight: 400;
  font-size: 1.2rem;
}

.domaintakedown-flextable .value i,
.reputation-score-label .value i {
  margin-right: 0.5rem;
  vertical-align: middle;
}

@-webkit-keyframes fadein {
  from {
    top: 0;
    opacity: 0;
  }

  to {
    top: 50%;
    opacity: 1;
  }
}

@keyframes fadein {
  from {
    top: 0;
    opacity: 0;
  }

  to {
    top: 50%;
    opacity: 1;
  }
}

@-webkit-keyframes fadeout {
  from {
    top: 50%;
    opacity: 1;
  }

  to {
    top: 0;
    opacity: 0;
  }
}

@keyframes fadeout {
  from {
    top: 50%;
    opacity: 1;
  }

  to {
    top: 0;
    opacity: 0;
  }
}

@-webkit-keyframes fadein {
  from {
    top: 0;
    opacity: 0;
  }

  to {
    top: 50%;
    opacity: 1;
  }
}

@keyframes fadein {
  from {
    top: 0;
    opacity: 0;
  }

  to {
    top: 50%;
    opacity: 1;
  }
}

@-webkit-keyframes fadeout {
  from {
    top: 50%;
    opacity: 1;
  }

  to {
    top: 0;
    opacity: 0;
  }
}

@keyframes fadeout {
  from {
    top: 50%;
    opacity: 1;
  }

  to {
    top: 0;
    opacity: 0;
  }
}

.form-control {
  height: 3.6rem;
  padding: 0.6rem 1.2rem;
  font-size: 1.4rem;
  border-radius: 0.4rem;
  box-shadow: 0px 0px 0.3rem rgba(156, 156, 156, 0.45);
  border: none;
  background-color: #fff;
  color: var(--black);
}

textarea.form-control {
  height: auto;
  min-height: 62px;
}

select.form-control option,
select.form-control {
  font-size: 1.4rem !important;
}

@-webkit-keyframes fadein {
  from {
    bottom: 0;
    opacity: 0;
  }

  to {
    bottom: 30px;
    opacity: 1;
  }
}

@keyframes fadein {
  from {
    bottom: 0;
    opacity: 0;
  }

  to {
    bottom: 30px;
    opacity: 1;
  }
}

@-webkit-keyframes fadeout {
  from {
    bottom: 30px;
    opacity: 1;
  }

  to {
    bottom: 0;
    opacity: 0;
  }
}

@keyframes fadeout {
  from {
    bottom: 30px;
    opacity: 1;
  }

  to {
    bottom: 0;
    opacity: 0;
  }
}

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

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

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

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

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

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

#sidebar,
#sidebar.active.active2 {
  min-width: 24rem;
  max-width: 24rem;
  background: var(--black);
  color: #fff;
  transition: all 0.3s;
  position: fixed;
  height: 100%;
}

/* #sidebar ul li.active > a,
#sidebar.active.active2 ul li.active > a {
  color: var(--info);
  background-color: #000;
  text-decoration: none;
  border-left: 0.4rem solid var(--info);
  font-weight: 500;
  padding: 2rem 1rem 2rem 1.6rem;
} */

.modal-open .modal {
  top: 60px !important;
}

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

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

.osintdelete {
  margin-top: 100px;
}

@media (min-width: 768px) {
  .allupload-modal {
    width: 500px;
    margin: 30px auto;
  }
}

.close-slide-box-icon,
.close-slide-box-icon1,
.close-slide-box-icon2,
.close-slide-box-icon3,
.close-slide-box-icon4,
.close-slide-box-icon5,
.close-slide-box-icon6,
.close-slide-box-icon7,
.close-slide-box-icon8,
.close-slide-box-icon9,
.close-slide-box-icon10,
.close-slide-box-icon11,
.close-slide-box-icon12,
.close-slide-box-icon13,
.close-slide-box-icon51,
.close-slide-box-icon14 {
  color: var(--primary) !important;
  cursor: pointer;
  color: var(--primary) !important;
}

.slider-info-wrapper,
.slider-info-wrapper1,
.slider-info-wrapper2,
.slider-info-wrapper3,
.slider-info-wrapper4,
.slider-info-wrapper5,
.slider-info-wrapper6,
.slider-info-wrapper7,
.slider-info-wrapper8,
.slider-info-wrapper9,
.slider-info-wrapper10,
.slider-info-wrapper11,
.slider-info-wrapper12,
.slider-info-wrapper13,
.slider-info-wrapper51,
.slider-info-wrapper14 {
  position: fixed;
  right: 0;
  height: 100vh;
  transform: translateX(145rem);
  z-index: 1200;
}

.slide-info-box,
.slide-info-box1,
.slide-info-box2,
.slide-info-box3,
.slide-info-box4,
.slide-info-box5,
.slide-info-box6,
.slide-info-box7,
.slide-info-box8,
.slide-info-box9,
.slide-info-box10,
.slide-info-box11,
.slide-info-box12,
.slide-info-box13,
.slide-info-box51,
.slide-info-box14 {
  width: 100%;
  max-height: 100vh;
  transform: translateX(145rem);
  background-color: #fff;
  position: fixed;
  right: 0;
  overflow: scroll;
  bottom: 0;
  top: 0;
  box-shadow: 0px 0px 3px rgba(156, 156, 156, 0.45);
}

.slider-form-heading {
  display: flex;
  padding: 3rem 2.6rem 0.5rem;
  /* border-bottom: 1px solid; */
  align-items: center;
}

.slider-form-heading h4 {
  margin-top: 0;
  margin-bottom: 0;
  flex-grow: 1;
  font-size: 1.8rem;
}

.slider-form {
  display: inline-block;
  width: 100%;
  display: inline-block;
  width: 100%;
  padding: 2rem;
}

.status-unverified,
.medium-value,
.medium-value i.fa-circle,
.medium {
  color: var(--medium) !important;
}

.passive-mode,
.status-verified,
.positive-value,
.positive-value i.fa-circle,
.positive {
  color: var(--positive);
}

.active-mode {
  color: var(--primary);
}

.status-inprogress {
  color: var(--darkGray);
}

.low-value,
.low-value i.fa-circle,
.low {
  color: var(--low) !important;
}

.high-value,
.high-value i.fa-circle,
.high {
  color: var(--high) !important;
}

.critical-value,
.critical-value i.fa-circle,
.critical {
  color: var(--critical) !important;
}

.info {
  color: var(--info);
}

.tag-wrapper {
  background-color: #f3f3f3;
  font-size: 1.2rem;
  color: var(--#000);
  padding: 0.2rem 0.8rem;
  border-radius: 0.4rem;
  display: inline-block;
  border: 0.1rem solid rgb(212 216 225 / 30%);
}

.rules-list-wrapper li a i {
  margin-right: 0.5rem;
  font-size: 1.2rem;
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min-device-pixel-ratio: 2),
  only screen and (min-resolution: 2dppx),
  only screen and (min-resolution: 192dpi) {
  .iti-flag {
    background-image: url('/images/flags.9c96e0ed.png?9c96e0ed7093c095fd33870329282962') !important;
  }
} */

.scorecard-wrapper {
  box-shadow: 0px 0px 0.3rem rgba(156, 156, 156, 0.45);
  padding: 2.5rem 1.5rem;
  border-radius: 1rem;
  margin: 0 2rem 5rem;
  flex: 0 0 46%;
}

/* @media (min-width: 768px) {
  .takedown-modal-dialog {
    width: 800px !important;
    margin: 30px auto;
  }
  .authenticator-modal-dialog {
    width: 450px !important;
    margin: 30px auto;
  }
  .authenticate-modal {
    width: 450px;
    margin: 30px auto;
  }
  .disable-authentication-modal {
    width: 350px;
    margin: 30px auto;
  }
} */
@media (min-width: 768px) {
  .new-modal-dialog {
    width: 900px !important;
    margin: 30px auto;
  }

  .new-modal-content .modal-header {
    background-color: #f3f4f8;
    border-bottom: 1px solid #ddd;
    padding: 15px 70px;
  }

  .new-modal-body {
    height: 420px;
    overflow: auto;
    padding: 15px 40px 40px !important;
    margin: 0 30px;
  }
}

@media (max-width: 600px) {
  .mid-sec {
    margin-bottom: 10px;
  }
}

@media (max-width: 767px) {
  .company-info-wrapper {
    padding: 0 0px 40px;
  }

  .company-details .right h3 {
    margin-bottom: 5px;
    font-size: 16px;
  }

  .company-score {
    padding: 0 15px;
  }

  .mid-right-sec {
    margin-left: 0;
    margin-top: 15px;
  }

  .company-details .right a,
  .company-score .second,
  .mid-section .mid-right-sec p,
  .notfication-wrapper .left-section p,
  .notfication-wrapper .left-section a,
  .view-log-link .btn,
  .notification-mark-all-read-link a,
  .edit-settings-link a {
    font-size: 13px;
  }

  .red-down-arrow {
    margin-right: 5px;
  }

  .userManagement-add-user {
    margin-top: 20px;
    text-align: left;
  }

  .accounts-info .second {
    text-align: left;
  }

  .osint-table-res {
    margin-top: 15px;
  }

  .checkbox-wrapper {
    display: flex;
    align-items: left;
    flex-direction: column;
  }

  .integration-wrapper {
    margin: 10px 0;
  }

  .questionnaire-modal-wrapper {
    margin-bottom: 15px;
  }

  .questionnaire-textarea {
    position: static;
    right: 0;
    left: 0;
  }

  .questionnaire-status {
    flex-direction: column;
    text-align: left;
    align-items: unset;
    justify-content: unset;
  }

  .last-vr {
    display: none;
  }

  .questionnaire-status .status {
    margin-left: 0;
  }

  .questionnaire-wrapper {
    width: 100%;
  }

  .questionnaire-top-sec {
    flex-direction: column;
  }

  .issues-heading-flexbox {
    flex-direction: column;
    align-items: unset;
  }

  .chart-heading-radio-btns-grp {
    flex-direction: column;
    align-items: center;
  }

  .newsfeed-wrapper .heading,
  .newsfeed-wrapper .heading .left,
  .newsfeed-wrapper .heading .right-box-point,
  .newsfeed-wrapper .heading .right-box,
  .newsfeed-pills {
    display: inline-block;
  }

  .cloud-integration-pills li {
    width: 50%;
  }

  .cloud-integration-pills li a {
    margin: 30px 15px 0px;
  }

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

  .email-breach-dropdown {
    margin-top: 15px;
    float: left;
  }

  .newsfeed-wrapper .heading .right-box {
    margin-top: 8px;
    margin-bottom: 8px;
  }

  .left-score-sec {
    border-radius: 8px 8px 0 0;
  }

  .right-score-sec {
    border-radius: 0 0 8px 8px;
  }

  .compliance-framework-wrapper {
    margin-top: 20px;
  }

  .company-inner-section {
    padding: 2rem 0;
  }

  .typo-heading-main {
    margin: 20px 0;
  }

  .domain-info {
    text-align: left;
  }

  .domain-info .right .second {
    display: inline-block;
    margin-top: 10px;
  }

  .domain-info .left,
  .domain-info .right {
    text-align: center;
  }

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

  .breaches-img-wrapper {
    margin: 0 auto 25px;
  }

  .chart-heading-radio-btns-grp .right-sec {
    margin-left: 0;
  }

  .chart-heading-radio-btns-grp .left-sec {
    text-align: center;
  }

  .gauge-active-value {
    position: static;
    left: 0;
    transform: none;
  }

  .total-assets-heading {
    text-align: center;
  }

  h4 {
    font-size: 15px;
  }

  .asset-cloud-pills > li.active > a::after {
    display: none;
  }

  .cloud-integration-wrapper {
    width: auto;
  }

  .asset-cloud-pills > li {
    width: 100%;
  }

  .asset-cloud-pills {
    margin: 20px 0;
    flex-direction: column;
  }

  .cloud-wrapper .fakeapp-info .right {
    text-align: left;
    width: 100%;
  }

  .card-deck {
    display: flex;
    flex-direction: column;
  }

  .company-name {
    margin: 11px 0 17px;
  }

  .severity-right-wrapper,
  .severity-tab-wrapper {
    display: inline-block;
    width: 100%;
  }

  .riskscore-infobox .left,
  .riskscore-infobox .right {
    display: flow-root;
  }

  .rb-email-breach {
    display: flow-root;
    margin-top: 30px;
  }

  .logoabuse-heading {
    padding-left: 0;
  }

  .ip-search .form-control {
    margin-left: 0;
    margin-left: 0;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .switch-field {
    margin-left: 0;
    margin-bottom: 20px;
  }

  .notfication-wrapper .left-section,
  .emailbreach-lookup-wrapper {
    width: 100%;
  }

  .notfication-wrapper .right-section {
    width: 100%;
    text-align: center;
  }

  .notfication-wrapper .mid-section {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 15px 0;
    flex-direction: column;
  }

  #sidebar .sidebar-header .left {
    width: 100%;
    max-width: 50%;
  }

  .alerts-info .left {
    width: 45%;
  }

  .alerts-info .right {
    width: 55%;
    text-align: right;
  }

  .news-bites-wrapper {
    margin-top: 20px;
  }

  .mbsmall30 {
    margin-bottom: 30px;
  }

  .organisation-chart img {
    height: 100px;
    margin-bottom: 15px;
  }

  .ports-services-wrapper {
    margin-top: 20px;
  }

  .sticky {
    position: relative;
  }

  .fakeapp-info .left {
    width: 100%;
  }

  .ports-left {
    border-top-left-radius: 13px;
    border-top-right-radius: 13px;
    border-bottom-left-radius: 0;
  }

  .domain-info,
  .ports-inner-wrapper,
  .osint-heading,
  .reanalyze-wrapper {
    display: inline-block;
    width: 100%;
  }

  .fakeapp-info .right {
    width: 100%;
    margin-top: 10px;
    text-align: left;
  }

  .security-advisory-wrapper,
  .custom-email-search,
  .custom-email-results-wrapper {
    display: inline-block;
    width: 100%;
  }

  .upload-csv-btn {
    margin-top: 10px;
    margin-bottom: 10px !important;
  }

  .center-box {
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    padding: 25px 15px;
    border-radius: 10px;
    display: inline-block;
    width: 100%;
  }

  .lower .lower-content .logo-title {
    text-transform: uppercase;
    font-size: 14px;
    height: auto;
  }

  .domain-status-wrapper ul li ul li span.left-border {
    display: none;
  }

  .domain-status-wrapper ul {
    padding-left: 0;
  }

  .domain-status-wrapper {
    width: 100%;
    margin: 0 auto 20px;
  }

  .acc-ip-grade {
    float: none !important;
  }

  .typosquat-search-filter {
    display: block;
    margin: auto;
    width: 100%;
    padding: 0 20px;
  }

  .approveQuestionnaireContainer {
    flex-direction: column;
  }

  .tally-send-form,
  .tally-pills li {
    width: 100%;
  }

  .tally-pills li a {
    margin: 0 0px 20px;
  }

  .cve-wrapper {
    height: auto;
  }

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

  .center-box-wrapper {
    flex-direction: column;
  }

  .webrisk-main-heading {
    display: flex;
    align-items: left;
    flex-direction: column;
  }

  .webrisk-links li {
    width: 20%;
  }

  .whois-outer-wrapper {
    width: 93%;
  }

  .pdsmall15 {
    padding: 0 15px 15px !important;
  }

  .osint-filter-left,
  .osint-main-content {
    width: 100% !important;
  }

  .machine-learning-form #upload .flex-form-group {
    display: inline-block;
    width: 100%;
  }

  .machine-learning-form h5 {
    text-align: center;
  }

  .machine-learning-form {
    padding: 20px 20px !important;
  }

  .severity-outer-wrapper .severity-sections {
    width: 100%;
    padding: 0;
  }

  .new-modal-content .modal-header {
    padding: 15px;
  }

  .login-wrapper {
    width: 355px;
    margin: 0 auto;
  }

  .leak-wrapper-left-sec img {
    margin-bottom: 10px;
  }

  .company-search .form-control {
    width: 100%;
  }

  .portfolio-rating-wrapper {
    margin-bottom: 30px;
    margin-top: 25px;
  }

  .ip-inventory-wrapper .ip-info-right {
    float: left;
    margin-top: 0;
  }

  .ip-search .form-group i {
    left: 0;
  }

  .ip-right-inner-flex h6 {
    font-size: 12px;
  }

  .ip-info-right {
    margin-top: 10px;
  }

  .issues-res-table {
    border: none !important;
  }

  .framework-inner-wrapper h5 span {
    float: left;
    margin: 10px 0;
  }

  .framework-form {
    display: inline-block;
    width: 100%;
  }

  .circle-wrap {
    margin: 15px auto 0;
  }

  .framework-save-btn {
    margin: 10px 0 0;
  }

  .dropdown-menu > li > a {
    font-size: 12px;
    white-space: unset !important;
  }

  .mbsmall0 {
    margin-bottom: 0px !important;
  }

  .mtsmall0 {
    margin-top: 0px !important;
  }

  .pdsmall0 {
    padding: 0 0 !important;
  }

  .mbsmall10 {
    margin-bottom: 10px !important;
  }

  .scorecard-res-table {
    border: none !important;
  }

  .compliance-outer-wrapper {
    padding: 0;
  }

  .dropdown-menu {
    width: 300px;
    overflow: auto;
  }

  #chart-inner-text {
    font-size: 14px;
  }

  .update-pasword-btns {
    float: left;
    margin-top: 10px;
    margin-left: 13px;
  }

  .alert-wrapper,
  .alerts-edit-wrapper,
  .alerts-edit-wrapper .left-sec,
  .breadcrumb-search-wrapper {
    display: inline-block;
    width: 100%;
  }

  .alert-toggle {
    margin-top: 0;
    margin-left: -6px;
  }

  .notfication-wrapper {
    display: inline-block;
    width: 100%;
    text-align: center;
  }

  .scorecard-inner-chart-info {
    margin: 20px 0;
    display: inline-block;
    width: 100%;
  }

  .scorecard-severity-info {
    margin-top: 15px;
  }

  .page-heading {
    margin: 20px 0 0;
  }

  .share-link {
    margin: 10px 0 0;
  }

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

  .severity-outer-wrapper {
    margin: 0 0 20px;
    display: inline-block;
    width: 100%;
  }

  .organisation-wrapper {
    margin: 20px 0;
  }

  #hamburgerMenu {
    display: none;
  }

  .comaprison-lower-score-content {
    text-align: center;
  }

  .comaprison-lower-score-content ul {
    padding-left: 0;
  }

  .signup-login-bg::before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.7);
  }

  .info-item img {
    width: 100%;
    max-width: 65%;
  }

  .container-form .table,
  .info-item .table {
    display: table;
    height: 100%;
    width: 100%;
  }

  .container-form .table-cell,
  .info-item .table-cell {
    display: table-cell;
    transition: all 0.5s ease 0s;
    vertical-align: middle;
    padding: 0 20px;
  }

  .signup-outer-wrapper {
    background-color: #0a2c65;
    height: 435px;
    margin: 300px auto 0;
    position: absolute;
    top: 50%;
    transition: all 0.5s ease 0s;
    width: 600px;
    z-index: 9999;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .signup-outer-wrapper .box {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
  }

  .signup-outer-wrapper .container-forms {
    position: relative;
    z-index: 9999;
  }

  .signup-outer-wrapper .btn,
  .signup-outer-wrapper .btn:hover {
    background-color: #e2a031;
    border: 1px solid #e2a031;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
    margin: 0 auto;
    opacity: 1;
    text-align: center;
    transition: all 0.5s ease 0s;
    font-size: 13px;
    padding: 6px 25px;
    border-radius: 24px;
    width: 50%;
  }

  .signup-outer-wrapper .container-form .btn {
    box-shadow: 5px 5px 10px rgb(226 160 49 / 0.25);
    display: block;
    margin-top: 25px;
    position: relative;
  }

  .history-block-outer-wrapper {
    width: 100%;
    display: inline-block;
  }

  .map-img img {
    width: 100%;
  }

  .ip-accordion-wrapper {
    width: 100%;
  }

  .tiles-design {
    font-size: 10px;
  }

  .block-wrapper ul li {
    font-size: 10px;
  }

  .block-wrapper {
    width: 100% !important;
  }

  .progress-bar-wrapper {
    width: 100% !important;
  }

  .accordion-inner-wrapper {
    display: inline-block;
    text-align: center;
  }

  .accordion-inner-wrapper p {
    margin-bottom: 10px;
  }

  #sidebar {
    min-width: 100% !important;
    max-width: 100% !important;
    position: static;
  }

  #sidebar ul.components {
    padding: 0;
    margin-bottom: 0;
    display: none;
  }

  #content {
    width: 100%;
    position: static;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-top-left-radius: 0;
    padding: 0 0 20px;
  }

  .chart-wrapper form span {
    margin-right: 10px;
  }

  .chart-wrapper form {
    float: left;
    margin-bottom: 15px;
  }

  #sidebar.active {
    min-width: 80px;
    max-width: 80px;
    text-align: center;
  }

  .profile-links {
    float: right;
  }

  .profile-links li {
    display: inline-block !important;
  }

  /* .upgrade-btn {
    float: left !important;
    margin-top: 18px !important;
    margin-bottom: 18px !important;
  } */

  .switch_btn_wrap {
    float: none;
    margin: 18px 0 0 10px;
  }

  #sidebar.active ul li a {
    padding: 20px 10px;
    font-size: 0.85em;
  }

  #sidebar.active ul li a i {
    margin-right: 0;
    display: block;
    font-size: 1.8em;
    margin-bottom: 5px;
  }

  #sidebar.active ul ul a {
    padding: 10px 10px !important;
  }

  #sidebarCollapse span {
    display: none;
  }

  .detail-outer-wrapper {
    display: inline-block;
    width: 100%;
  }

  .malicious-wrapper {
    display: flex;
    margin-top: 10px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .asset-cloud-pills > li.active > a::after {
    display: none;
  }

  .asset-cloud-pills > li {
    width: auto;
  }

  .cloud-integration-wrapper {
    width: auto;
  }

  .cloud-wrapper .fakeapp-info .right {
    text-align: right;
    width: 100%;
  }

  .card-deck {
    display: flex;
    flex-wrap: wrap;
  }

  .severity-right-wrapper {
    display: inline-block;
    width: 100%;
  }

  #sidebar ul li .submenu-menu li a,
  #sidebar.active.active2 ul li .submenu-menu li a {
    padding: 10px 12px 10px 11px;
    text-align: left;
  }

  #sidebar ul li .submenu-menu li a span.right-angle {
    top: 2px;
  }

  .fakeapp-info .left {
    width: 100%;
  }

  .chosen-container .chosen-results li {
    border-bottom: 1px solid #e4e4e4;
    padding: 10px 10px !important;
  }

  .multi-input-val {
    border-radius: 4px;
  }

  @media (min-width: 768px) {
    .takedown-modal-dialog {
      width: 800px !important;
      margin: 30px auto;
    }
  }

  .domain-info {
    display: inline-block;
    width: 100%;
  }

  .cloud-acc-namewrapper {
    display: flex;
    text-align: right;
  }

  .company-active-inactive-wrapper {
    margin-top: 30px;
  }

  .acc-ip-grade {
    float: none !important;
  }

  .tab-takedown-status {
    text-align: right;
    margin-top: 10px;
  }

  .takedown-modal-dialog {
    width: auto !important;
    margin: 15px 15px !important;
  }

  .typosquat-search-filter {
    display: block;
    margin: auto;
    width: 100%;
    padding: 0 20px;
  }

  #typo-chart-inner-text {
    transform: translate(86%, -50%);
  }

  .typo-stats-wrapper #typo-chart-inner-text .first {
    font-size: 20px;
  }

  .typo-stats-wrapper #typo-chart-inner-text .second {
    font-size: 12px;
  }

  .pdright0 {
    padding-right: 0 !important;
  }

  .osint-filter .panel-body {
    padding: 15px 5px 0 !important;
  }

  .new-modal-dialog {
    width: 700px !important;
    margin: 30px auto;
  }

  .pdstab0 {
    padding: 0 0 !important;
  }

  .osint-filter-left {
    width: 33% !important;
  }

  .osint-main-content {
    width: 66% !important;
  }
}

@media (max-width: 1023px) {
  .scorecard-name-info .left p {
    height: auto;
  }
}

@media (max-width: 1024px) {
  .osint-subdomain-table {
    overflow-x: auto !important;
  }

  .ip-wrapper {
    padding: 35px 0;
  }

  .ip-accordion-wrapper {
    width: 100%;
  }

  .map-img img {
    width: 100%;
  }

  .pdtab0 {
    padding: 0 0 !important;
  }

  .history-block-outer-wrapper {
    width: 100%;
  }

  .panel-heading {
    padding: 10px 10px 10px !important;
  }

  .panel-heading a:before {
    margin-top: 26px;
  }

  #sidebar {
    min-width: 150px;
    max-width: 150px;
  }

  #content {
    left: 150px;
    padding: 0 0 20px;
  }

  /* #sidebar ul li a {
    text-align: center;
    padding: 20px 8px;
  } */

  /* #sidebar ul li a i {
    margin-right: 0;
    display: block;
    margin-bottom: 3px;
  } */

  #sidebar ul.components {
    padding-left: 15px;
  }
}

@media (min-width: 1024px) {
  .osint-subdomain-table {
    overflow-x: unset !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199px) {
  .card-deck {
    display: flex;
    flex-wrap: wrap;
  }

  #sidebar ul li .submenu-menu li a {
    padding: 10px 12px 10px 11px;
    text-align: left;
  }

  #sidebar ul li .submenu-menu li a span.right-angle {
    top: 2px;
  }

  .organisation-chart img {
    height: 85px;
  }

  .webrisk-links li a {
    padding: 5px 9px 9px !important;
  }

  .sticky {
    margin-left: -14px !important;
  }
}

@-webkit-keyframes fadein {
  from {
    top: 0;
    opacity: 0;
  }

  to {
    top: 64px;
    opacity: 1;
  }
}

@keyframes fadein {
  from {
    top: 0;
    opacity: 0;
  }

  to {
    top: 64px;
    opacity: 1;
  }
}

@-webkit-keyframes fadeout {
  from {
    top: 64px;
    opacity: 1;
  }

  to {
    top: 0;
    opacity: 0;
  }
}

@keyframes fadeout {
  from {
    top: 64px;
    opacity: 1;
  }

  to {
    top: 0;
    opacity: 0;
  }
}

.steps-info-wrapper {
  flex: 1;
  border-left: 1px solid #e8e8e8;
  height: 100vh;
}

.cloud-acc-info-wrapper ol li {
  color: #4d4d4d;
  font-size: 1.2rem;
  line-height: 1.6;
  margin-bottom: 0.5rem;
}

.cloud-acc-info-wrapper ol {
  padding-left: 1.5rem;
}

.table-responsive {
  margin-bottom: 20px;
  box-shadow: rgb(202 202 202 / 45%) 0 0.4rem 0.5rem;
  border-radius: 0.4rem 0.4rem 0 0;
}

table.dataTable thead .sorting {
  background-color: #f3f3f3;
}

.table > thead > tr > th,
table.dataTable thead th,
table.dataTable tfoot th {
  background-color: #f3f3f3;
  color: #161718;
  font-weight: 500 !important;
}

.table > thead > tr > th:last-child {
  border-radius: 0 0.4rem 0.4rem 0;
}

.table > tbody > tr > td {
  border-top: 0.1rem solid #d4d8e1;
  background-color: #fff;
  color: #161718;
  font-weight: 400;
}

.table > thead > tr > th,
.table > tbody > tr > td {
  padding: 1.7rem 2rem 1.3rem 2rem !important;
  font-size: 1.2rem;
  white-space: nowrap;
}

.table > tbody > tr > td.table-icons-grp a {
  padding: 0 1rem;
}

.table > tbody > tr > td.table-icons-grp img,
.table img.icon {
  width: 1.6rem;
  height: 1.6rem;
}

.table > tbody > tr > td > a > i {
  font-size: 1.6rem;
}

.issues-table thead tr th {
  font-size: 1rem;
  font-weight: 600;
  color: #000;
  padding: 1rem;
  border-bottom: none !important;
  background-color: #e3e9ef !important;
}

.issues-table tr td {
  padding: 0.8rem !important;
  font-size: 1.2rem;
  border-bottom: 1px solid #ddd;
  border-top: none !important;
}

.typo-flextable {
  display: flex;
  align-items: center;
}

.typo-flextable .number {
  margin-right: 3px;
}

.typo-flextable .warning-value {
  background-color: #bc0707;
}

.typo-flextable .high-value {
  background-color: #bc3125;
}

.typo-flextable .medium-value {
  background-color: #f27222;
}

.typo-flextable .low-value {
  background-color: #f8d74c;
}

.typo-flextable .safe-value {
  background-color: #25a01c;
}

.typo-flextable .asset-version {
  background-color: #1c5abe;
}

.typo-flextable .value {
  color: #fff;
  padding: 0.1rem 0.8rem;
  border-radius: 1rem;
  text-transform: uppercase;
}

button,
button:active,
button:visited,
input[type='submit'] {
  border-radius: 0.4rem;
  font-weight: 400;
  text-transform: capitalize;
  white-space: nowrap;
}

.btn-small {
  height: 2.8rem;
  padding: 0.2rem 1.6rem;
  font-size: 1.2rem;
}

.btn-medium {
  /* height: 3.5rem; */
  padding: 0.6rem 1.4rem;
  font-size: 1.4rem;
}

.primary-btn,
.primary-btn:active,
.primary-btn:visited,
.primary-btn:hover {
  background-color: var(--primary);
  border: none;
  color: #f3f3f3;
}

.link-btn {
  line-height: 2.6rem;
}

.secondary-btn,
.secondary-btn:active,
.secondary-btn:visited {
  border: 2px solid #4576df;
  color: #4576df;
  background-color: transparent !important;
}

.m-0 {
  margin: 0 0 !important;
}

.medium-heading {
  font-weight: 600;
  font-size: 1.6rem;
  text-transform: uppercase;
  color: var(--#000);
}

.criticality-value {
  text-transform: uppercase !important;
}

.criticality-value i {
  vertical-align: middle;
}

.margin-bottom-small {
  margin-bottom: 2rem;
}

.margin-top-small {
  /* margin-top: 3.2rem; */
  margin-top: 1rem;
}

.btn-group button {
  margin-left: 1rem;
}

.table-icons-grp .toggle-btn {
  position: relative;
  top: 0.1rem;
}

.toggle-btn span {
  font-size: 1.2rem;
  color: #000;
  margin-left: 0.6rem;
}

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

.toggle-switch {
  position: relative;
  display: inline-block;
  width: 3.6rem;
  height: 1.4rem;
  margin-bottom: 0;
}

.toggle-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider-outer-wrapper {
  /* top: 70px; */
  width: 30%;
}

.slider-multiselect-checkbox {
  width: 100% !important;
  border-radius: 0.4rem;
}

.sliderOverlay {
  content: '';
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1050;
  background-color: rgba(0, 0, 0, 0.6);
}

.slider-form-btn-grp .btn-small {
  margin-left: 1.5rem;
}

.accordion-form-wrapper.active {
  border-radius: 0.4rem 0.4rem 0 0;
}

.accordion-panel-wrapper {
  box-shadow: rgb(202 202 202 / 45%) 0 0.4rem 0.5rem;
  border-radius: 0 0 0.4rem 0.4rem;
  border-top: 1px solid #eee;
}

.accordion-panel-wrapper input[type='search'] {
  border: 1px solid #d4d8e1;
  box-shadow: none;
}

.accordion-flex-wrapper {
  display: flex;
  align-items: center;
  padding: 1rem 0;
}

.accordion-form-wrapper {
  box-shadow: 0px 0px 0.3rem rgba(156, 156, 156, 0.45);
  border-radius: 0.4rem;
  padding: 1rem 1.2rem;
}

.panel {
  padding: 0 18px;
  background-color: #fff;
  display: none;
  overflow: hidden;
  margin-bottom: 0;
  border: none;
}

/* .accordion:after {
  content: "\f078";
  font: 900 13px "Font Awesome\ 5 Free";
  color: #777;
  float: right;
  margin-left: 5px;
} */
.activeAccordion:after {
  content: '\f077';
  font-family: "'Font Awesome\ 5 Free'";
  font-weight: 900;
}

.accordion span.accordion-title {
  flex-grow: 1;
  font-size: 1.4rem;
}

.float-right {
  float: right;
}

.margin-top-xsmall {
  margin-top: 1rem;
}

.margin-bottom-xsmall {
  margin-bottom: 1rem;
}

.modal-header .close {
  color: var(--primary);
  opacity: 1;
  font-size: 2rem;
  font-weight: 400;
  margin-top: 6px;
}

.modal-footer button {
  margin-left: 1rem;
}

.navbar-nav .ss-main {
  width: 18.4rem !important;
  margin: 0 1.7rem 0 1.3rem !important;
}

.ss-main .ss-values .ss-single {
  align-items: center;
  font-size: 1.3rem;
}

.ss-main:focus {
  box-shadow: none !important;
}

.ps-5 {
  padding-left: 3.5rem;
}

.cve-list-wrapper {
  padding-left: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.cve-list-wrapper li {
  margin-right: 0.5rem;
}

.cve-outer-wrapper {
  padding: 2rem 2.6rem;
}

.cve-outer-wrapper .name {
  font-weight: 400;
  font-size: 1.4rem;
  color: var(--#000);
  width: 35%;
  margin-right: 1rem;
}

.cve-outer-wrapper .value {
  font-weight: 500;
  font-size: 1.4rem;
  color: var(--#000);
  line-height: 2.3rem;
  width: 65%;
}

.cve-info {
  margin-bottom: 2rem;
}

.cve-description {
  padding: 2rem 2.6rem 0;
  font-size: 1.2rem;
  line-height: 2.3rem;
}

.cve-heading-wrapper h4 {
  flex-grow: unset;
  padding-right: 1rem;
}

.cve-info-table {
  margin-top: 3rem;
}

.cvs-score {
  border-left: 1px solid #f3f3f3;
  padding: 0 1rem;
}

.cvs-risk {
  border-left: 1px solid #f3f3f3;
  padding-left: 1rem;
}

.border-tabs > li.active > a,
.border-tabs > li.active > a:focus,
.border-tabs > li.active > a:hover,
.border-tabs > li > a:hover {
  color: var(--primary);
  border-bottom: 1.5px solid var(--primary);
}

.mobsec-tabs li.active a,
.mobsec-tabs li.active a:focus,
.mobsec-tabs li.active a:hover,
.mobsec-tabs li a:hover {
  color: var(--primary);
  cursor: pointer;
  background-color: transparent !important;
  border: none;
  border-bottom: 1.5px solid var(--primary);
  font-weight: 500;
}

.border-tabs > li > a {
  padding: 1rem;
}

.mobsec-tabs li a {
  margin-right: 0.2rem;
  padding: 0.73rem 0px;
  line-height: 1.42857143;
  border: none;
  border-radius: 0;
  color: #838383;
  border-bottom: 1.5px solid transparent;
  font-size: 1.4rem;
  font-weight: 400;
}

.mobsec-tabs > li > a > i {
  margin-right: 0.5rem;
  font-size: 1.5rem;
}

.rb-email-breach label.rborg-label {
  border-radius: 4px 0 0 4px;
}

.rb-org:checked + label,
.rb-lookup:checked + label {
  background-color: #1c5abe;
  box-shadow: none;
  color: #fff !important;
}

.rb-riskrating:checked + label,
.rb-customscore:checked + label {
  color: #1c5abe;
  background-color: transparent !important;
  border: none;
  padding: 0 8px 0 0;
  font-size: 14px;
}

.rb-riskrating-label,
.rbcustomscore-label {
  background-color: transparent !important;
  border: none;
  padding: 0 8px 0 0;
  font-size: 14px;
  color: #000;
  cursor: pointer;
}

.rb-org,
.rb-lookup,
.rb-riskrating,
.rb-customscore {
  width: 1px;
  height: 1px;
  position: absolute;
}

.rborg-label,
.rblookup-label {
  cursor: pointer;
  background-color: #f1f1f1;
  color: rgb(28, 90, 190) !important;
  font-size: 1.3rem !important;
  line-height: 1;
  text-align: center;
  padding: 0.7rem 1.6rem !important;
  border: 1px solid rgba(0, 0, 0, 0.1);
  transition: all 0.1s ease-in-out;
  margin-bottom: 0;
  font-weight: 400;
}

.tooltip {
  font-family: 'Poppins', sans-serif !important;
  opacity: 1 !important;
  padding: 0 !important;
  position: relative !important;
  display: inline-block;
  font-size: 1.4rem !important;
  cursor: pointer;
}

.tooltip .tooltiptext {
  visibility: hidden;
  position: absolute;
  z-index: 1;
  top: 154%;
  left: 0px;
  border: 0.1rem solid #d4d8e1;
  padding: 1rem 1.5rem;
  background-color: #fff;
  text-align: left;
  color: var(--gray);
  box-shadow: 0 0.4rem 1.5rem rgb(0 0 0 / 10%);
  border-radius: 0.6rem;
  font-size: 1.1rem;
  line-height: 1.9rem;
}

.tooltip .tooltiptext a {
  color: var(--gray) !important;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

.tooltip .tooltiptexturl {
  visibility: hidden;
  width: auto;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 0.6rem;
  padding: 0.5rem 1rem;
  font-size: 1.1rem !important;
  /* Position the tooltip */
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1;
}

.tooltip:hover .tooltiptexturl {
  visibility: visible;
}

.searchbar-wrapper span img {
  width: 1.6rem;
  height: 1.6rem;
}

.searchbar-wrapper span {
  /* background-color: red; */
  width: 3.6rem;
  height: 3.6rem;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  line-height: 3.3rem;
}

.btn-icon {
  width: 1.4rem;
  height: 1.4rem;
  margin-right: 0.4rem;
  position: relative;
  top: -0.1rem;
}

/* asset manager */
.checkboxes-inner-wrapper input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.checkboxes-inner-wrapper input:checked ~ .permissions-checkbox {
  background-color: #2196f3;
  border: none;
}

.checkboxes-inner-wrapper input:checked ~ .permissions-checkbox:after {
  display: block;
}

.checkboxes-inner-wrapper input:checked ~ span.permission-checkbox-name {
  background-color: rgb(32 150 243 / 25%);
  color: #1b5abd;
}

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

.border-tabs > li > a {
  padding: 1rem;
}

#onboard-form {
  margin: 5rem auto;
  text-align: center;
  position: relative;
}

#onboard-form fieldset {
  width: 80%;
  margin: 0 10%;
  position: relative;
}

#onboard-form fieldset:not(:first-of-type) {
  display: none;
}

#onboard-form .form-btn {
  width: 14rem;
  color: white;
  border-radius: 0.6rem;
  cursor: pointer;
  margin: 2.3rem 0;
}

.previous-btn {
  float: left;
}

.next-btn,
.submit {
  float: right;
}

/*progressbar*/
#onboard-progressbar {
  margin-bottom: 3rem;
  overflow: hidden;
  /*CSS counters to number the steps*/
  counter-reset: step;
}

#onboard-progressbar li {
  list-style-type: none;
  color: var(--darkGray);
  font-size: 1.6rem;
  width: 33.33%;
  float: left;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

#onboard-progressbar li.active {
  color: var(--black);
}

#onboard-progressbar li:before {
  content: counter(step);
  counter-increment: step;
  width: 3rem;
  line-height: 3rem;
  display: block;
  font-size: 1.6rem;
  color: #f3f3f3;
  background: var(--lightGray);
  border-radius: 50%;
  margin: 0;
}

#onboard-progressbar li span {
  background-color: #fff;
  padding: 0 0.8rem;
}

#onboard-progressbar:after {
  content: '';
  width: 100%;
  height: 0.2rem;
  background-color: var(--lightGray);
  position: absolute;
  left: 0;
  top: 1.4rem;
  z-index: -1;
}

#onboard-progressbar li:first-child:after {
  content: none;
}

#onboard-progressbar li.active:before,
#onboard-progressbar li.active:after {
  background: var(--primary);
  color: white;
}

.eula-info-wrapper {
  width: 100%;
  margin: 0 auto;
  padding: 4rem;
  text-align: left;
  height: 50rem;
  overflow-y: scroll;
}

.mfa-info-wrapper {
  width: 100rem;
  margin: 0 auto;
  display: flex;
  padding: 7rem 0;
}

.mfa-token-wrapper p {
  font-size: 1.4rem;
  line-height: 2.4rem;
  font-weight: 400;
  color: var(--gray);
}

.userInput {
  margin: 6rem 0 4rem;
}

.userInput input {
  width: 3.6rem;
  height: 3.6rem;
  border-radius: 0.4rem;
  border: 0.2rem solid var(--primary);
  margin: 0 0.6rem;
  font-size: 1.4rem;
  text-align: center;
  outline: none;
}

.mfa-token-wrapper .btn-grp {
  margin-top: 4rem;
}

.mfa-token-wrapper .btn-grp button {
  width: 14.8rem;
  margin: 0 0.6rem;
}

.eula-info-wrapper p,
.eula-info-wrapper li {
  font-size: 1.4rem;
  color: var(--black);
  line-height: 2.8rem;
  font-weight: 400;
}

.eula-info-wrapper .heading {
  font-size: 2rem;
  color: var(--black);
  margin-bottom: 1.3rem;
  text-transform: uppercase;
  font-weight: 600;
}

.eula-info-wrapper .subtext {
  font-size: 1rem;
  color: var(--black);
  font-weight: 300;
  margin-bottom: 3.5rem;
}

.eula-info-wrapper img {
  width: 100%;
  max-width: 20%;
  margin: auto;
  display: block;
  margin-bottom: 2rem;
}

.photoUpload-moal {
  width: 84rem;
}

@media (min-width: 768px) {
  .photoUpload-moal {
    width: 84rem;
    margin: 3rem auto;
  }
}

.avatars-wrapper {
  display: flex;
  width: 100%;
  align-items: center;
  /* justify-content: space-between; */
  margin-bottom: 4rem;
  cursor: pointer;
}

.avatar-img-wrapper {
  width: 13%;
  margin-right: 2rem;
}

.avatar-img-wrapper img {
  width: 100%;
}

.upload-pic-wrapper .subheading {
  font-size: 1.4rem;
  color: var(--black);
  margin-bottom: 1.5rem;
  font-weight: 500;
}

.edit-user-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.upload-icon {
  margin-bottom: 1.5rem;
}

.upload-icon img {
  width: 4.8rem;
  height: 3.2rem;
}

.form-outer-wrapper {
  background-color: #f3f3f3;
  border-radius: 0.8rem;
}

.modal > div > span {
  display: block;
}

.modal > div > span > div > div.modal-body > div > span {
  display: block;
}

.modal
  > div
  > div
  > span
  > div.modal-body
  > div
  > div
  > div
  > div
  > div
  > div
  > span {
  display: block;
}

#scheduleReport > div > div > form > span {
  display: block;
}

#scheduleReport
  > div
  > div
  > form
  > div.modal-body.add-company-popup-body
  > div:nth-child(1)
  > div
  > div {
  display: flex;
  flex-direction: inherit;
}

/* #sidebar ul li a {
  padding: 2rem 1rem 2rem 2rem;
  text-decoration: none;
  font-size: 1.4rem;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: space-between;
} */

/* #sidebar ul li a {
  text-align: left;
  color: #f3f3f3;
  border-radius: 0;
} */

.sidebar-links-wrapper svg {
  width: 2rem;
  height: 2rem;
  margin-right: 1.5rem;
  fill: #f3f3f3;
}

.sidebar-links-wrapper svg path {
  fill: #fff !important;
}

#sidebar ul li#Inventory > a .sidebar-links-wrapper svg path {
  stroke: #fff;
  fill: none !important;
}

#sidebar ul li#Inventory.active > a .sidebar-links-wrapper svg path {
  stroke: var(--info);
  fill: none !important;
}

#sidebar ul li.active > a .sidebar-links-wrapper svg path {
  fill: var(--info) !important;
}

.sidebar-links-wrapper {
  display: flex;
  align-items: center;
}

#sidebar.active ul li a .sidebar-links-wrapper svg {
  margin-right: 0;
}

.sidebar-links-wrapper svg {
  width: 2rem;
  height: 2rem;
  margin-right: 1.5rem;
}

/*********************** Responsive CSS Media Queries ************************/
/* @media (min-width: 1300px) {
  html {
    font-size: 55%;
  }
} */
@media (min-width: 1150px) and (max-width: 1299px) {
  html {
    font-size: 45%;
  }
}

@media (min-width: 1300px) and (max-width: 1439px) {
  html {
    font-size: 52%;
  }
}

@media (min-width: 1440px) and (max-width: 1799px) {
  html {
    font-size: 62.5%;
  }
}

@media (min-width: 1800px) {
  html {
    font-size: 75%;
  }

  input[type='radio'] {
    width: 1.4rem;
    height: 1.4rem;
  }

  #content,
  .navbar-inverse {
    /* left: 30rem; */
    padding: 0 6rem;
  }

  #severity-chart {
    margin-top: 4rem;
  }

  #organisationChart {
    width: 250px;
    height: 250px;
  }
}

@media (min-width: 2100px) {
  html {
    font-size: 84%;
  }

  #content,
  .navbar-inverse {
    /* left: 30rem; */
    padding: 0 6rem;
  }

  #severity-chart {
    margin-top: 4rem;
  }

  #organisationChart {
    width: 250px;
    height: 250px;
  }
}

@media (min-width: 2560px) {
  html {
    font-size: 97%;
  }

  input[type='radio'] {
    width: 1.5rem;
    height: 1.5rem;
  }

  #content,
  .navbar-inverse {
    /* left: 30rem; */
    padding: 0 8rem;
  }

  #severity-chart {
    margin-top: 4rem;
  }

  #organisationChart {
    width: 250px;
    height: 250px;
  }

  #totalScoreBarChart {
    height: 30rem !important;
  }
}

@media (min-width: 3560px) {
  html {
    font-size: 130%;
  }

  #content,
  .navbar-inverse {
    /* left: 30rem; */
    padding: 0 8rem;
  }

  #severity-chart {
    margin-top: 4rem;
  }

  #organisationChart {
    width: 250px;
    height: 250px;
  }
}

@media (min-width: 4300px) {
  html {
    font-size: 160%;
  }

  #content,
  .navbar-inverse {
    /* left: 30rem; */
    padding: 0 10rem;
  }

  #severity-chart {
    margin-top: 4rem;
  }

  #organisationChart {
    width: 250px;
    height: 250px;
  }
}

@media (min-width: 5400px) {
  html {
    font-size: 200%;
  }

  #content,
  .navbar-inverse {
    /* left: 30rem; */
    padding: 0 8rem;
  }

  #severity-chart {
    margin-top: 4rem;
  }

  #organisationChart {
    width: 250px;
    height: 250px;
  }
}

.full-width-span-child span {
  display: block;
}

/**************************** DOMAIN EXTRA INFO BOX **********************************/
.domain-info-long-text {
  word-break: break-all;
}

.slider-info-wrapper,
.slider-info-wrapper1 {
  position: fixed;
  right: 0;
  height: 100vh;
  width: 780px;
  transform: translateX(145rem);
}

.slide-info-box,
.slide-info-box1 {
  width: 60rem;
  max-height: 100vh;
  transform: translateX(145rem);
  background-color: #fff;
  position: fixed;
  border-radius: 10px;
  right: 0;
  overflow: scroll;
  bottom: 0;
  top: 0;
  box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
}

.transition-after-pageload {
  transition: 0.8s;
}

.close-slide-box-icon,
.close-slide-box-icon1 {
  position: absolute;
  top: 1.2%;
  width: 3rem;
  height: 3rem;
  background-color: #ddd;
  text-align: center;
  line-height: 3rem;
  font-size: 1.6rem;
  border-radius: 50%;
  transform: translateX(145rem);
  box-shadow: rgba(0, 0, 0, 0.2) 0px 1.8rem 5rem -1rem;
  cursor: pointer;
}

.domain-filter-wrapper {
  position: relative;
  width: 40%;
  text-align: center;
  z-index: 200;
}

.domain-filter-wrapper .dropdown-checkbox[type='checkbox']:checked,
.domain-filter-wrapper .dropdown-checkbox[type='checkbox']:not(:checked) {
  position: absolute;
  left: -9999px;
  opacity: 0;
  pointer-events: none;
}

.domain-filter-wrapper .dropdown:checked + label,
.domain-filter-wrapper .dropdown:not(:checked) + label {
  position: relative;
  padding: 5px 10px;
  font-size: 14px;
  transition: all 200ms linear;
  border-radius: 4px;
  text-align: center;
  border: none;
  background-color: #1c5abe;
  cursor: pointer;
  color: #fff;
  box-shadow: 0 12px 35px 0 rgba(255, 235, 167, 0.15);
  font-weight: 400;
  float: right;
}

.domain-filter-wrapper .dropdown:checked + label i,
.domain-filter-wrapper .dropdown:not(:checked) + label i {
  margin-left: 5px;
}

.domain-filter-wrapper .section-dropdown {
  position: absolute;
  padding: 10px;
  background-color: #fff;
  top: 40px;
  left: 0;
  width: 100%;
  border-radius: 4px;
  display: block;
  box-shadow: 0 14px 35px 0 rgba(9, 9, 12, 0.4);
  z-index: 2;
  opacity: 0;
  pointer-events: none;
  transform: translateY(20px);
  transition: all 200ms linear;
}

.domain-filter-wrapper .dropdown:checked + label:before,
.domain-filter-wrapper .dropdown:not(:checked) + label:before {
  position: fixed;
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 100%;
  z-index: -1;
  cursor: auto;
  pointer-events: none;
}

.domain-filter-wrapper .dropdown:checked + label:before {
  pointer-events: auto;
}

.domain-filter-wrapper .dropdown:not(:checked) + label .uil {
  font-size: 24px;
  margin-left: 10px;
  transition: transform 200ms linear;
}

.domain-filter-wrapper .dropdown:checked + label .uil {
  transform: rotate(180deg);
  font-size: 24px;
  margin-left: 10px;
  transition: transform 200ms linear;
}

.domain-filter-wrapper .dropdown:checked ~ .section-dropdown {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.domain-filter-wrapper .section-dropdown:before {
  position: absolute;
  top: -20px;
  left: 0;
  width: 100%;
  height: 20px;
  content: '';
  display: block;
  z-index: 1;
}

.domain-filter-wrapper .section-dropdown:after {
  position: absolute;
  top: -7px;
  right: 30px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #fff;
  content: '';
  display: block;
  z-index: 2;
  transition: all 200ms linear;
}

.domain-filter-wrapper a {
  position: relative;
  transition: all 200ms linear;
  font-weight: 500;
  font-size: 12px;
  border-radius: 2px;
  padding: 5px 10px 8px 10px;
  margin: 2px 0;
  text-align: left;
  text-decoration: none;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: 100%;
  cursor: pointer;
}

.domain-filter-wrapper a:last-child {
  margin-bottom: 0;
}

.domain-filter-wrapper a label {
  margin-bottom: 0;
  margin-left: 8px;
  position: relative;
  top: 2px;
  font-weight: 300;
  color: #000;
  width: 100%;
  cursor: pointer;
}

.domain-filter-wrapper a:hover {
  color: #102770;
  background-color: rgb(28 90 190 / 12%);
}

.domain-filter-wrapper a .uil {
  font-size: 22px;
}

.slide-info-heading-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 30px;
}

.slide-info-heading-wrapper h5 {
  margin-bottom: 5px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #838383;
}

.domain-url-link {
  color: #1b5abd;
  text-decoration: underline;
}

.extra-info-link {
  color: rgb(51, 122, 183);
  text-decoration: underline;
  cursor: pointer;
}

.domain-info-table tr td {
  border-top: none !important;
  border-bottom: 1px solid #f1f2f9;
  font-size: 12px;
  color: #454458;
  padding: 11px !important;
}

.domain-info-table tr td.left-heading {
  white-space: nowrap;
  text-align: right;
}

.technology-name {
  display: flex;
  align-items: center;
  color: #1c5abe;
  background-color: #fff;
  border: 1px solid #1c5abe;
  padding: 4px 10px;
  margin-right: 15px;
  border-radius: 23px;
}

.technology-name img {
  margin-right: 2px;
}

.status-code {
  padding: 3px 10px;
  border-radius: 3px;
  margin-right: 5px;
}

.success-status {
  background-color: rgb(0 128 0 / 20%);
  color: green;
}

.error-status {
  background-color: rgb(255 0 0 / 20%);
  color: red;
}

.port-no {
  color: #1c5abe !important;
  background-color: rgb(28 90 190 / 20%) !important;
  border: none;
  padding: 3px 10px;
  border-radius: 3px;
  margin-right: 5px;
  font-weight: 500;
}

.url-name-wrapper {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-start;
}

.url-name-wrapper span.url-name {
  color: rgb(22, 23, 24);
}

.url-copy-link-icon {
  margin-left: 30px;
  font-size: 16px;
  color: rgb(51, 122, 183);
  cursor: pointer;
}

.ip-lists-wrapper span {
  color: #1c5abe;
  background-color: #fff;
  border: 1px solid #1c5abe;
  padding: 0.1rem 1rem;
  margin-right: 0.3rem;
  margin-bottom: 0.8rem;
  border-radius: 23px;
}

.d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
  justify-content: center;
}

.discovery-chain-wrapper {
  width: 100%;
  overflow-x: scroll;
  justify-content: flex-start;
}

.tc-tree-node-content {
  border-radius: 4px;
  border: 1px solid #c7d6ed;
  background-color: #e6ecf4;
}

.discovery-chain-outer-wrappper {
  padding: 20px 35px;
}

.discovery-chain-info {
  padding: 5px 15px;
  font-size: 12px;
}

.top-info-box {
  border-bottom: 1px solid #c7d6ed;
  color: #1c5abe;
}

.bottom-info-box {
  color: #484646;
}

.tc-tree-node {
  position: relative;
  margin-right: calc(2 * 2em);
  margin-bottom: 20px;
}

.tc-tree-col-last .tc-tree-node {
  margin-right: 0 !important;
}

.tc-tree-node-content::before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  width: 0.25em;
  height: 135%;
}

.left .tc-tree-node-content::before {
  border-left: 0.1em solid rgb(28 90 190 / 80%);
  left: -2em;
}

.right .tc-tree-node-content::before {
  border-right: 0.1em solid rgb(28 90 190 / 80%);
  right: -2em;
}

.tc-tree-node::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  border-right: 2em solid rgb(28 90 190 / 80%);
  height: 0.1em;
  right: -2em;
}

.tc-tree-node::before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  border-left: 2em solid rgb(28 90 190 / 80%);
  height: 0.1em;
  left: -2em;
}

.tc-tree-col-last .tc-tree-node::after,
.tc-tree-col-first .tc-tree-node::before {
  content: none;
}

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

.truncated-url {
  max-width: 26rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  margin-right: 1rem;
}

.multiple-list-wrapper {
  list-style: none;
  padding-left: 0;
}

.multiple-list-wrapper > li {
  display: inline-block;
  word-break: break-all;
  margin-top: 1.3rem;
}

.multiple-list-wrapper > li > a {
  padding: 0.4rem 1rem;
  border-radius: 0.2rem;
  /* color: #262626; */
  font-size: 1.2rem;
  font-weight: 500;
  border: 1px solid #eaeaea;
  margin-right: 0.5rem;
}

.multiple-list-wrapper > li > a:hover {
  border: 0.1rem solid #006dd2;
  text-decoration: none;
}

.rounded-circle {
  border-radius: 50% !important;
}

.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  max-width: 100%;
  height: auto;
}

.first-card-border::before {
  display: none !important;
}

.list-wrapper {
  position: relative;
}

.list-child-node {
  position: relative;
  margin: 10px 0;
  padding: 8px;
  background-color: #ebebeb;
  border-radius: 0 6px 6pxx 0;
  border-left: 2px solid;
}

.list-wrapper::before {
  content: '';
  display: block;
  position: absolute;
  top: -8%;
  width: 0.25em;
  height: 88%;
  border-left: 0.14em solid #d2d2d2;
  left: 0.2em;
}

.list-child-node::before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  border-left: 2.7em solid #d2d2d2;
  height: 0.12em;
  left: -2.6em;
}

.input-btn-flex-wrapper {
  display: flex;
  border: 1px solid #ccc;
  padding: 3px 5px;
  border-radius: 6px;
  align-items: center;
}

.input-btn-flex-wrapper input[type='text'] {
  border: none;
  box-shadow: none;
}

.input-btn-flex-wrapper button {
  background-color: #1c5abe !important;
  border: none;
  color: #fff;
  text-transform: uppercase;
  padding: 3px 20px;
  height: 29px;
  border-radius: 6px;
}

.certi-box-wrapper {
  display: flex;
}

.certi-box-wrapper .overview-feat-value {
  word-break: break-all;
  font-size: 1.2rem;
}

.certi-box-wrapper .overview-feat-name {
  font-size: 1.2rem;
}

.certi-tooltip-link {
  color: #1c5abe;
  cursor: pointer;
}

.certi-tooltip-link:hover {
  color: #1c5abe;
}

.certi-alternate-list {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
  margin-top: 5px;
  max-height: 205px;
  overflow: scroll;
}

.certi-alternate-list li {
  margin-bottom: 0.5rem;
  font-size: 1.1rem;
  color: #000;
}

.certi-info-box-wrapper {
  border: 1px solid #ccc;
  border-radius: 10px;
}

.certi-main-features .feature-value {
  font-size: 14px;
}

.certi-expiring-soon-tag {
  color: #cd6b17;
  background-color: rgb(207 109 23 / 25%);
}

.certi-expired-tag {
  color: #9c0a0a;
  background-color: rgb(156 10 10 / 23%);
}

.ques-status-tag {
  position: absolute;
  right: 0;
  top: 0;
  padding: 3px 15px;
  border-radius: 0 7px 0 7px;
  font-size: 12px;
}

.certi-expiringsoon-wrapper {
  border: 1px solid #cd6b17;
}

.certi-expired-wrapper {
  border: 1px solid #9c0a0a;
}

#certi-extra-info1,
#certi-extra-info2,
#certi-extra-info3,
#certi-extra-info4,
#certi-extra-info5,
#certi-extra-info6,
#certi-extra-info7 {
  display: none;
  margin-top: 20px;
}

.disable-selector {
  cursor: no-drop;
}

.asset-table-res {
  overflow-y: scroll;
  max-height: 660px;
}

.dns-list-wrapper {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
}

.dns-list-wrapper li {
  margin-bottom: 15px;
  color: rgb(0 0 0 / 80%);
  font-size: 12px;
  line-height: 1.6;
}

.step {
  white-space: nowrap;
  margin-right: 3px;
  display: inline-block !important;
}

.modal-dialog .dns-list-wrapper span {
  display: inline-block !important;
}

.download-verification-file {
  margin-left: 10px;
}

.domain-name {
  color: #1c5abe;
  margin-top: 10px;
  border: 1px solid #1c5abe;
  padding: 2px 10px;
  border-radius: 21px;
  font-size: 11px;
}

.dns-file-code {
  margin-top: 10px;
}

.copy-text {
  width: 90%;
  padding-left: 10px;
  font-size: 12px;
  color: #838383;
  white-space: nowrap;
  overflow: scroll;
  padding: 10px;
}

.copy-text::-webkit-scrollbar {
  display: none;
}

.copy-text {
  /* Hiding scollbar in IE and Edge */
  -ms-overflow-style: none;
}

.copy-text {
  /* Hiding scollbar in Firefox */
  scrollbar-width: none;
}

.copy-outer-wrapper {
  margin-top: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #ddd;
  border-radius: 8px;
}

.copy-outer-wrapper label {
  font-size: 11px;
}

.copy-outer-wrapper button,
.download-verification-file button,
.download-file-btn {
  background-color: #458bff;
  border: none;
  padding: 5px 10px;
  color: #fff;
  border-radius: 6px;
  margin-right: 6px;
}

.download-file-btn i {
  font-size: 14px;
  margin-right: 3px;
}

.verify-domain-note {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
  width: 100%;
  border-radius: 4px;
  color: darkred;
}

#myDropdown {
  z-index: 9995 !important;
}

.radio-btn-subheading {
  font-size: 13.2px;
  color: #838383;
  width: 100%;
  line-height: 21px;
  margin: 5px 0 10px;
}

.download-options-wrapper {
  margin: 0 0 20px 11px;
}

.download-options-wrapper a {
  font-size: 14.4px;
}

.form-control span {
  height: 3.6rem;
  padding: 0.6rem 1.2rem;
  font-size: 1.4rem;
  border-radius: 0.4rem;
  box-shadow: 0px 0px 0.3rem rgba(156, 156, 156, 0.45);
  border: none;
  background-color: #fff;
  color: var(--black);
}

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

.table > tbody > tr > td > a > i {
  font-size: 1.6rem;
}

/************************** Singin/signup CSS - Updated- 09 Mar, 2023 ************************/

.signup-center-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.singup-wrapper {
  background-color: #fff;
  box-shadow: 0px 0px 0.3rem rgba(156, 156, 156, 0.45);
  border-radius: 1.2rem;
  display: flex;
  /* align-items: center; */
  justify-content: center;
  height: 100%;
  width: 108.8rem;
  margin: 3rem auto;
  /* padding:1rem; */
}

.singup-wrapper .left-sidebar {
  width: 41.4rem;
  padding: 2rem;
  border-radius: 1.2rem;
  position: relative;
}

.singup-wrapper .left-sidebar .logo img {
  width: 100%;
  max-width: 60%;
  margin: 3rem auto 5rem;
  display: block;
}

.signup-heading-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  align-items: center;
  justify-content: center;
}

.dark-section {
  background-color: var(--black);
  color: #fff;
}

.singup-wrapper .right-section {
  width: 67%;
  padding: 0 13rem;
  text-align: center;
}

.about-riskprofiler-info {
  padding: 0;
}

.about-riskprofiler-info .flex-wrapper {
  align-items: baseline;
}

.about-riskprofiler-info .left-img {
  margin-right: 1.6rem;
}

.about-riskprofiler-info .left-img img {
  width: 2.2rem;
  height: 2.2rem;
  position: relative;
  top: 1px;
}

.about-riskprofiler-info .right-info .heading {
  font-weight: 500;
  font-size: 1.4rem;
  margin-bottom: 0.6rem;
  color: #d5d5d5;
}

.about-riskprofiler-info .right-info .desc {
  font-weight: 300;
  font-size: 1.1rem;
  line-height: 1.9rem;
  color: #b7b6b9;
}

.products-info-wrapper {
  margin-bottom: 4rem;
}

.support-wrapper {
  background-color: #000000;
  border-radius: 1.2rem;
  padding: 3rem;
  /* position: absolute;
  bottom: 2rem;
    width: 90%;
    right: 2rem; */
}

.support-links {
  margin-top: 2.5rem;
}

.support-links a {
  font-size: 1.6rem;
  margin-bottom: 1.4rem;
  display: block;
}

.support-links a:last-child {
  margin-bottom: 0;
}

.support-wrapper .small-text {
  font-size: 1.2rem;
  font-weight: 400;
  color: var(--lightGray);
}

.signup-heading-wrapper .heading {
  font-weight: 500;
  font-size: 2.5rem;
  margin-bottom: 0.7rem;
  color: var(--black);
}

.signup-heading-wrapper p {
  font-weight: 400;
  font-size: 1.6rem;
  color: var(--gray);
}

.signin-success-text {
  font-weight: 500;
  font-size: 1.6rem;
  color: var(--black);
}

.small-para {
  font-weight: 400;
  font-size: 1.4rem;
  color: var(--gray);
  margin-bottom: 2.5rem;
  line-height: 1.8;
}

.signin-form-wrapper {
  margin-top: 5rem;
}

.signup-heading-wrapper label {
  text-align: left;
}

.signin-btn-wrapper {
  margin-top: 4rem;
}

.or-divider {
  font-size: 1.6rem;
  color: var(--gray);
  margin: 2rem 0;
  position: relative;
}

.or-divider span {
  background-color: #fff;
  z-index: 9999;
  position: relative;
  padding: 0 0.5rem;
}

.or-divider::before {
  content: '';
  width: 60%;
  height: 0.15rem;
  background-color: var(--lightGray);
  display: inline-block;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  top: 50%;
}

.signin-btn {
  background: var(--primary);
  border-radius: 0.6rem;
  width: 15.8rem;
  padding: 0.6rem 4.5rem;
  font-size: 1.6rem;
  color: #f3f3f3;
  font-weight: 400;
  border: none;
}

.magic-link-btn {
  margin-bottom: 1.5rem;
  background: #fff;
  border-radius: 0.6rem;
  width: 27.8rem;
  padding: 0.6rem 4.5rem 0.6rem 3.5rem;
  font-size: 1.6rem;
  font-weight: 400;
  border: none;
  display: flex;
}

.signup-link-wrapper {
  margin-top: 1.4rem;
  font-weight: 300;
  font-size: 1.6rem;
  color: var(--gray);
}

.large-text {
  font-weight: 500;
  font-size: 2rem;
  color: #f3f3f3;
}

.sub-info-text {
  font-weight: 300;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #f3f3f3;
  margin: 1.4rem 0;
}

span.form-icon {
  position: absolute;
  top: 3rem;
  left: 0;
  height: 3.6rem;
  width: 3.6rem;
  text-align: center;
  line-height: 3.6rem;
}

.form-icon-wrapper label {
  text-align: left;
}

.form-icon-wrapper .icon-input-form {
  padding-left: 3.8rem;
}

.forgot-pass-link {
  font-size: 1.6rem;
}

.signup-btn-wrapper {
  margin: 4rem 0 3.8rem;
}

.signup-top-wrapper {
  margin-top: 3.3rem;
}

.signup-top-wrapper p {
  margin-bottom: 3rem;
}

.password-info-list {
  padding-left: 2rem;
}

.password-info-list li {
  margin-top: 0.3rem;
}

.bottom-fixed-section {
  position: absolute;
  bottom: 2rem;
  right: 2rem;
  left: 2rem;
}

.book-now-link {
  font-size: 1.6rem;
  color: var(--primary);
}

/************************** Custom Profile Page CSS - Updated- 09 Mar, 2023 ************************/
.cve-outer-acc-wrapper.accordion:after {
  display: none;
}

.cve-outer-acc-wrapper {
  padding: 0;
}

.cve-outer-acc-wrapper select,
.cve-outer-acc-wrapper select:focus,
.select-no-border select,
.select-no-border select:focus {
  font-weight: 400;
  box-shadow: none !important;
  background-color: transparent;
  /* padding-left:0;
  padding-right:0; */
}

.custom-profiler-heading-wrapper {
  background-color: #f3f3f3;
  color: #161718;
  font-weight: 500 !important;
  padding: 1.7rem 2rem 1.3rem 2rem !important;
  display: flex;
  align-items: center;
}

.custom-profiler-heading-wrapper div {
  font-size: 1.2rem;
}

.first-section {
  width: 70%;
}

.second-section,
.third-section {
  width: 15%;
  text-align: center;
}

.inner-acc-content {
  display: flex;
  border: none;
  border-top: 0.1rem solid #d4d8e1;
  padding: 1rem 2.3rem;
  font-size: 1.2rem;
  cursor: pointer;
  background-color: rgba(69, 118, 223, 0.05);
  justify-content: space-between;
  align-items: center;
}

.inner-acc-content h5 {
  font-weight: 300;
  padding-left: 4.3rem;
}

.cve-outer-acc-wrapper .inner-acc-content select,
.select-no-border select {
  font-weight: 300;
}

.select-no-border select {
  font-size: 1.2rem;
}

.link-btn {
  line-height: 2.6rem;
}

.link-btn:hover {
  text-decoration: none;
  color: #fff;
}

.bottom-btn-grp {
  margin-top: 4rem;
}

.bottom-btn-grp button {
  margin-left: 1rem;
}

.bottom-btn-grp a:hover {
  text-decoration: none;
}

/***************************************** 404 ERROR CSS  *****************************************/
.error-wrapper {
  padding: 3rem;
  text-align: center;
}

.error-text-wrapper .heading {
  font-size: 4rem;
  font-weight: 400;
  color: #132f5e;
  text-transform: uppercase;
}

.error-text-wrapper .subtext {
  font-size: 1.4rem;
  color: var(--gray);
  /* width: 44%; */
  margin: 1rem auto 4rem;
  line-height: 1.7;
}

.error-text-wrapper button {
  margin-bottom: 5rem;
}

.error-img img {
  width: 100%;
  max-width: 75%;
  /* height:50vh; */
  display: block;
  text-align: center;
  margin: auto;
}

.navbar-brand {
  float: left;
  height: 5rem;
  padding: 1rem;
  font-size: 1.8rem;
  line-height: 2rem;
}

.navbar-brand img {
  height: 5rem;
}

/* Comparison page new integration 19th July */
.comp-added-info {
  box-shadow: 0px 0px 3px 0px rgba(156, 156, 156, 0.45);
  border-radius: 0.4rem;
  padding: 1.5rem 2.5rem;
}

.comparison-wrapper {
  box-shadow: 0px 0px 0.3rem rgba(156, 156, 156, 0.45);
  border-radius: 0.6rem;
  padding: 3rem 1.5rem 1.5rem;
}

.baseline-flex-wrapper {
  display: flex;
  align-items: baseline;
}

.comparison-wrapper .baseline-flex-wrapper {
  justify-content: space-between;
}

.comparison-wrapper .severity-info {
  border-radius: 0.8rem;
  background: #f5f8fd;
  padding: 1rem;
  margin-top: 1.5rem;
}

.comparison-wrapper .severity-info .count {
  color: var(--black);
  font-size: 1.4rem;
  font-weight: 400;
  margin-bottom: 0.5rem;
}

.comparison-wrapper .severity-info .name {
  color: var(--black);
  font-size: 1.2rem;
  font-weight: 400;
}

.comp-card-info,
.add-comp-card-info {
  display: flex;
  align-items: center;
}

.comp-card-info img,
.add-comp-card-info img {
  width: 2.4rem;
  height: 2.4rem;
}

.comp-card-info span {
  font-size: 1.6rem;
  color: var(--black);
  font-weight: 500;
  margin-left: 1rem;
}

.add-comp-card-info span {
  font-size: 1.6rem;
  color: var(--darkGray);
  font-weight: 400;
  margin-left: 2.5rem;
}

.comp-added-info {
  box-shadow: 0px 0px 3px 0px rgba(156, 156, 156, 0.45);
  border-radius: 0.4rem;
  padding: 1.5rem 2.5rem;
}

.comparison-chart-wrapper {
  margin: 4rem 0;
}

.comp-score-no h5 {
  font-size: 1.4rem;
  color: var(--black);
  font-weight: 600;
}

.factor-wrapper {
  margin-bottom: 4rem;
}

.factor-wrapper ul {
  padding-left: 2.3rem;
}

.factor-wrapper ul li {
  font-size: 1.3rem;
  color: var(--gray);
  margin-bottom: 1rem;
  font-weight: 400;
}

.factor-name {
  font-size: 1.6rem;
  color: var(--black);
  font-weight: 500;
  margin-bottom: 0.5rem;
}

.factor-desc {
  font-size: 1.2rem;
  color: var(--darkGray);
  font-weight: 400;
}

.vul-heading {
  margin: 1.6rem 0 1rem;
  font-size: 1.3rem;
  color: var(--gray);
  font-weight: 500;
}

.checkbox-flex-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

.center-not-found-wrapper {
  margin-top: 10rem;
}

.slider-count-wrapper {
  list-style: none;
  padding-left: 0;
}

.slider-count-wrapper li {
  margin-bottom: 2rem;
  color: var(--black);
  font-size: 1.4rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.slider-count-wrapper li .left {
  font-weight: 400;
}

.slider-count-wrapper li .left svg {
  width: 1.6rem;
  height: 1.6rem;
  margin-right: 1rem;
  stroke: #565656;
}

.slider-count-wrapper li .left i {
  margin-right: 1rem;
  color: var(--primary);
}

.slider-count-wrapper li .left img {
  margin-right: 1rem;
}

.slider-count-wrapper li .right {
  font-weight: 500;
}

.alert-cloud-provider-wrapper {
  flex-direction: column;
  align-items: baseline !important;
}

.alert-cloud-provider-wrapper .radio-container {
  margin-bottom: 1rem;
}

.alert-cloud-provider-wrapper .radio-container:last-child {
  margin-bottom: 0;
}

.imposed-assets-wrapper .assets-heading {
  color: #262626;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
}

.assets-wrapper {
  margin-top: 1.5rem;
}

.assets-wrapper ul {
  list-style: none;
  padding-left: 0;
  /* margin-top: 1.5rem; */
}

.assets-wrapper ul li {
  font-size: 1.2rem;
  display: flex;
  /* align-items: center; */
  margin-bottom: 1rem;
}

.assets-wrapper ul li .name {
  color: #919191;
  font-size: 1.2rem;
  font-weight: 400;
  margin-right: 0.6rem;
  white-space: nowrap;
}

.assets-wrapper ul li .value {
  color: #262626;
  font-size: 1.2rem;
  font-weight: 400;
  word-break: break-all;
}

.assets-wrapper .asset-name {
  color: #262626;
  font-size: 1.2rem;
  font-weight: 500;
  display: flex;
}

.assets-wrapper .asset-name svg {
  width: 1.6rem;
  height: 1.6rem;
  margin-right: 0.6rem;
}

.select2-container:focus-visible,
.select2-selection--single:focus-visible {
  outline-color: #437eeb;
}

.or-divider {
  font-size: 1.6rem;
  color: var(--gray);
  margin: 2rem 0;
  position: relative;
}

.or-divider span {
  background-color: #fff;
  z-index: 9999;
  position: relative;
  padding: 0 0.5rem;
}

.or-divider::before {
  content: '';
  width: 60%;
  height: 0.15rem;
  background-color: var(--lightGray);
  display: inline-block;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  top: 50%;
}

.signin-links-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.signin-links-wrapper span.icon {
  position: relative;
  top: -2px;
  margin-right: 1rem;
  width: 10%;
}

.signin-links-wrapper span.name {
  width: 90%;
  text-align: left;
}

.signin-links-wrapper .google {
  border: 0.15rem solid #4286f5;
  color: #4286f5;
}

.signin-links-wrapper .magic-link {
  border: 0.15rem solid var(--primary);
  color: #f3f3f3;
  background-color: var(--primary);
}

.signin-links-wrapper .microsoft {
  border: 0.15rem solid #dd2928;
  color: #dd2928;
}

.signin-links-wrapper .microsoft img {
  height: 1.8rem;
}

.signin-links-wrapper i {
  font-size: 1.8rem;
  position: relative;
  top: 3px;
}

.secret-key-text {
  font-weight: 400;
  font-size: 1.4rem;
  color: #5a5d65;
  margin-bottom: 1rem;
  margin-top: 1rem;
}

.secret-key {
  font-size: 1.4rem;
  color: var(--black);
  margin-right: 0.5rem;
}

.label-pink-wrapper {
  color: #f9109e;
  background-color: #ffedf8;
}

.label-red-wrapper {
  color: #df471c;
  background-color: #fff1ed;
}

.label-violet-wrapper {
  color: #a724c7;
  background-color: #fceeff;
}

.label-teal-wrapper {
  color: #1bb7b7;
  background-color: #edffff;
}

.label-blue-wrapper {
  color: #0833cc;
  background-color: #edf1ff;
}

.label-orange-wrapper {
  color: #dd9200;
  background-color: #fff8ed;
}

.label-purple-wrapper {
  color: #7f20ac;
  background-color: #f2eaff;
}

.label-brown-wrapper {
  background-color: #f5ece9;
  color: #923b1c;
}

.label-crimson-wrapper {
  color: #cf1b3b;
  background-color: #ffeef2;
}

.label-skyblue-wrapper {
  color: #2061ac;
  background-color: #edf8ff;
}

.label-flashygreen-wrapper {
  color: #29bb72;
  background-color: #edfff6;
}

.remove-required::after {
  content: '' !important;
}

body.no-scroll {
  overflow: hidden;
}

.tippy-box {
  background-color: #151b28;
  padding: 0.3rem;
  word-break: break-all;
}

.tippy-tooltiptext {
  font-size: 1rem;
  font-weight: 400;
  color: #e0e0e0;
}

.capitalize {
  text-transform: capitalize;
}
.p-drawer-right .p-drawer {
  width: 45rem !important;
}

.p-inputtext,
.p-select,
.p-multiselect,
.p-textarea {
  border: 0.1rem solid #eaeaea !important;
  box-shadow: none !important;
  font-size: 1.4rem !important;
  width: 100% !important;
  padding: 0.8rem 1rem !important;
  height: auto !important;
}

.p-password,
.p-inputnumber {
  width: 100% !important;
}

.p-select-label {
  padding: 0 !important;
}

.p-select-label.p-placeholder {
  color: #747474 !important;
  font-weight: 300 !important;
}

.p-password-toggle-mask-icon {
  width: 1.6rem !important;
  height: 1.6rem !important;
  color: #565656 !important;
}

.p-toggleswitch {
  --p-toggleswitch-width: 4rem;
  --p-toggleswitch-height: 1.8rem;
}

.p-toggleswitch.p-toggleswitch-checked .p-toggleswitch-handle {
  /* inset-inline-start: auto !important; */
  /* right:0 !important; */
  transform: translate(-4px, -3px) !important;
}

.p-toggleswitch-handle {
  /* inset-inline-start: auto !important; */
  transform: translate(-1px, -3px) !important;
  transition: all 0.3s ease-in-out;
}

.p-toggleswitch.p-toggleswitch-checked .p-toggleswitch-slider {
  /* background: #EFF8FF !important; */
  background: #e1effb !important;
}

.p-toggleswitch.p-toggleswitch-checked .p-toggleswitch-handle {
  background: #006dd2 !important;
}

.p-toggleswitch-handle,
.p-drawer-close-button svg {
  width: 1.6rem !important;
  height: 1.6rem !important;
}

.p-button-lg {
  font-size: 1.4rem !important;
}

.p-drawer-close-button {
  position: absolute !important;
  right: 1.4rem !important;
}

.p-select-list {
  padding: 1rem !important;
}

.p-select-option,
.p-multiselect-option {
  padding: 0.8rem 1.2rem !important;
  font-size: 1.2rem !important;
}

.p-multiselect-header {
  padding: 0.8rem 1.4rem !important;
  font-size: 1.2rem !important;
}

.p-select-option:not(.p-select-option-selected):not(.p-disabled).p-focus,
.p-select-option.p-select-option-selected.p-focus,
.p-select-option.p-select-option-selected,
.p-multiselect-option:not(.p-multiselect-option-selected):not(
    .p-disabled
  ).p-focus {
  background: #006dd21a !important;
  border-radius: 0.8rem !important;
  /* color: var(--p-select-option-focus-color); */
}

.p-button-label {
  font-weight: 400 !important;
}

.p-button-text {
  color: #888 !important;
}

.p-drawer-footer {
  padding: 2rem !important;
}

.p-inputnumber-stacked .p-inputnumber-button-group {
  inset-inline-end: 13px !important;
  align-items: center !important;
  justify-content: center !important;
}

.p-inputnumber-stacked .p-inputnumber-button {
  flex: none !important;
}

.align-items-center,
.items-center {
  align-items: center;
}

.flex {
  display: flex;
}

.p-checkbox {
  width: 1.8rem !important;
  height: 1.8rem !important;
}

.p-checkbox-box {
  border-radius: 0.4rem !important;
  border: 1px solid #eaeaea !important;
  background: #ffffff !important;
  width: 1.8rem !important;
  height: 1.8rem !important;
  box-shadow: none !important;
}

.p-checkbox-checked .p-checkbox-box {
  border-color: var(--p-checkbox-checked-border-color);
  background: var(--p-checkbox-checked-background) !important;
}

.p-radiobutton {
  --p-radiobutton-width: 1.8rem !important;
  --p-radiobutton-height: 1.8rem !important;
}

.p-radiobutton-icon {
  left: 50%;
  top: 50%;
  width: 0.5rem !important;
  height: 1rem !important;
  border: solid #fff;
  border-width: 0 0.15rem 0.15rem 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: translate(-50%, -60%) rotate(45deg) !important;
  border-radius: 0.1rem !important;
  position: absolute !important;
  background-color: unset !important;
}

.p-radiobutton-box {
  --p-radiobutton-border-color: #eaeaea;
  --p-radiobutton-background: #fff;
  box-shadow: none !important;
}

.p-checkbox-checked .p-checkbox-icon {
  --p-checkbox-icon-checked-color: #fff !important;
  color: var(--p-checkbox-icon-checked-color);
}

.vertical-radiobtn-wrapper {
  flex-direction: column;
}

.vertical-radiobtn-wrapper label {
  width: 100%;
}

.vertical-radiobtn-wrapper > div {
  margin-bottom: 1.2rem;
}

.vertical-radiobtn-wrapper > div:last-child {
  margin-bottom: 0;
}

.prime-radiobutton-wrapper label {
  margin-left: 2rem;
  color: #262626;
  border: 1px solid #eaeaea;
  border-radius: 0.6rem;
  padding: 1rem 1.6rem;
  margin-bottom: 0;
}

.p-checkbox + label {
  margin-bottom: 0 !important;
}

.prime-nocheckmark-radiobtn {
  gap: 2.4rem;
}

.p-radiobutton-checked + label {
  border-color: #006dd2 !important;
}

.prime-nocheckmark-radiobtn .p-radiobutton {
  display: none;
}

.prime-nocheckmark-radiobtn label {
  width: 3.6rem;
  height: 3.6rem;
  border-radius: 50%;
  color: #565656;
  border: 1px solid #c1c1c1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.prime-nocheckmark-radiobtn .p-radiobutton-checked + label {
  border-color: #006dd2 !important;
  background-color: #006dd2 !important;
  color: #fff;
}

.p-datepicker {
  height: 3.6rem;
  width: 100%;
  font-size: 1.4rem !important;
  border-radius: 0.4rem !important;
  border: 0.1rem solid #eaeaea !important;
  background-color: #fff !important;
  box-shadow: none !important;
  color: var(--black) !important;
}

.p-datepicker-input {
  border: none !important;
}

.p-datepicker-input-icon-container svg {
  width: 2rem;
  height: 1.5rem;
  margin-top: -1rem !important;
}

.p-step-header {
  display: flex;
  flex-direction: column;
}

.p-step-number {
  width: 4rem !important;
  height: 4rem !important;
  border: 0.1rem solid #eaeaea !important;
  color: #565656 !important;
  font-size: 1.6rem !important;
  margin-bottom: 1rem !important;
}

.p-step-number::after {
  box-shadow: none !important;
}

.p-stepper-separator {
  background: #eaeaea !important;
}

/* .p-step:has(~ .p-step-active) .p-stepper-separator {
    background: var(--p-stepper-separator-active-background) !important;
} */

.p-step-active .p-step-number {
  background: var(--p-stepper-separator-active-background) !important;
  color: #fff !important;
}

.p-step:has(~ .p-step-active) .p-step-number {
  background: #00aa5d !important;
  color: transparent !important;
  text-indent: -9999px;
}

.p-step:has(~ .p-step-active) .p-step-number::after {
  background-image: url('/images/icons/white-tick.svg') !important;
  background-repeat: no-repeat !important;
  background-size: 50% !important;
  background-position: center;
}

.p-step-title > div:first-child {
  text-transform: uppercase;
  color: #747474;
  letter-spacing: 0.1rem;
  font-weight: 400;
  font-size: 1.2rem;
  margin-bottom: 0.4rem;
}

.p-step-title > div:last-child {
  font-size: 1.4rem;
  font-weight: 500;
  color: #262626;
}

.prime-basic-checkbox-wrapper .p-checkbox-box,
.prime-basic-checkbox-wrapper .p-checkbox {
  width: 1.6rem !important;
  height: 1.6rem !important;
}

.prime-basic-checkbox-wrapper .p-checkbox {
  margin-right: 1rem !important;
}

.prime-basic-checkbox-wrapper .p-checkbox-box {
  box-shadow: none !important;
  border: 0.1rem solid #eaeaea !important;
  border-radius: 0.4rem !important;
}

.multiselect-heading {
  padding: 1rem 1.5rem 0;
}

.p-chip {
  background-color: rgb(0, 109, 210, 10%) !important;
  color: #006dd2 !important;
  font-size: 1.2rem !important;
}

.p-chip-remove-icon {
  color: inherit !important;
}

.p-multiselect-label {
  padding: 0 !important;
  color: #747474 !important;
  font-weight: 300 !important;
}

.p-fileupload {
  border: none !important;
}

.p-fileupload-header {
  justify-content: center;
  border: 0.12rem dashed #d6d6d6 !important;
  padding: 2rem !important;
  text-align: center !important;
  border-radius: 0.5rem !important;
  background-color: #fff !important;
}

.p-fileupload-header:hover {
  border-color: #4b52fb !important;
}

.p-fileupload-choose-button {
  background: transparent !important;
  border: none !important;
}

.p-fileupload-content {
  border: 1px solid transparent;
  display: flex;
  flex-direction: column;
  gap: var(--p-fileupload-content-gap);
  transition: border-color var(--p-fileupload-transition-duration);
  padding: var(--p-fileupload-content-padding);
}

.p-dialog-title {
  --p-dialog-title-font-weight: 500;
  --p-dialog-title-font-size: 1.6rem;
}

.p-dialog-footer {
  margin-top: 2rem;
}

.p-dialog-footer .p-button,
.p-dialog-content .p-button {
  font-size: 1.2rem;
}

.p-dialog-header .p-icon {
  --p-icon-size: 1.4rem;
}

.custom-toaster {
  width: 35rem !important;
}

.custom-toaster .p-toast-message-icon {
  --p-toast-icon-size: 1.6rem;
  position: relative;
  top: 2px;
  margin-right: 0.4rem;
}

.custom-toaster .p-toast-summary {
  --p-toast-summary-font-size: 1.4rem;
}

.custom-toaster .p-toast-detail {
  --p-toast-detail-font-size: 1.2rem;
}

.upload-zone p {
  margin: 0rem !important;
  font-weight: 400;
}

.upload-zone p {
  margin: 0;
  font-size: 1.2rem;
  color: #262626;
  font-weight: 400;
}

.upload-zone span {
  color: #007aff;
  text-decoration: underline;
  cursor: pointer;
}

.file-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.6rem;
}

.uploaded-file-icon {
  position: relative;
  width: 3.2rem;
  height: 3.2rem;
  border: 0.1rem solid #eaeaea;
  border-radius: 0.4rem;
  margin-right: 1.2rem;
}

.uploaded-file-name {
  font-size: 1.2rem;
  color: #262626;
}

.uploaded-file-icon img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.uploaded-file-size {
  font-size: 1.2rem;
  color: #747474;
}

.upload-status {
  font-size: 1.2rem !important;
}

.upload-status.success {
  color: #40a432 !important;
}

.upload-status:before {
  content: '' !important;
  width: 0.3rem !important;
  height: 0.3rem !important;
  color: #747474 !important;
  display: inline-block !important;
  background-color: #747474 !important;
  margin: 0 0.5rem !important;
  border-radius: 50% !important;
  position: relative !important;
  top: -2px !important;
}

.icon-actions {
  display: flex;
  gap: 0.25rem;
}

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

.dialog-form-wrapper {
  margin: 2rem 0;
}

.p-datatable .p-datatable-tbody > tr:last-child {
  padding: 1.6rem 0 0 0 !important;
}

.p-datatable .p-datatable-tbody > tr:last-child > td {
  border-bottom: none !important;
}

.p-datatable .p-datatable-tbody > tr > td {
  font-size: 1.2rem;
  white-space: nowrap;
  vertical-align: middle;
}

.p-datatable tr > td.fix-col:last-child {
  position: sticky;
  right: 0;
  padding: 1.6rem 0 0 1rem !important;
  z-index: 2;
  transform: translateZ(0);
}

.p-datatable .p-datatable-thead > tr > th {
  background-color: #fff;
  color: #747474;
  font-weight: 500 !important;
  text-transform: uppercase;
  border-bottom: none !important;
  padding: 1.6rem 4rem 0 0 !important;
  font-size: 1.2rem;
  white-space: nowrap;
  vertical-align: middle;
}

.p-datatable .p-datatable-thead > tr > th:last-child {
  border-radius: 0 0.4rem 0.4rem 0;
  padding: 1.6rem 0 0 0 !important;
  text-align: center !important;
}

.p-datatable .p-datatable-tbody > tr > td {
  border-top: none;
  border-bottom: 0.1rem solid #eaeaea;
  background-color: #fff;
  color: #161718;
  font-weight: 400;
  font-size: 1.2rem;
  padding: 1.6rem 4rem 1.6rem 0 !important;
  white-space: nowrap;
  vertical-align: middle;
}

.p-datatable-column-title {
  font-weight: 500 !important;
}

.p-datatable .p-datatable-tbody > tr:last-child > td {
  border-bottom: none;
}

.p-datatable .table-icons-grp a {
  padding: 0 0.4rem;
  position: relative;
  top: 0.3rem;
}

.p-datatable .table-icons-grp svg,
.p-datatable .action-icons-grp svg {
  width: 2rem;
  height: 2rem;
  stroke: #006dd2;
}

.p-datatable .table-icons-grp a:hover {
  text-decoration: none;
}

.p-datatable {
  width: 100%;
  max-width: 100%;
  background-color: transparent;
}

.p-datatable tr > th.fix-col:last-child,
.p-datatable tr > td.fix-col:last-child {
  position: sticky;
  right: 0;
  padding: 1.6rem 0 0 1rem !important;
  z-index: 2;
  transform: translateZ(0);
}

.p-datatable tr > td.fix-col:last-child:before {
  content: '';
  position: absolute;
  left: 0;
  background-color: #eaeaea;
  width: 0.1rem;
  height: 100%;
  top: 0;
}

.table-p-select {
  padding: 0.4rem 0.8rem !important;
  font-size: 1.2rem !important;
  color: #565656 !important;
  font-weight: 500 !important;
  text-transform: uppercase;
}

.table-p-select-items {
  font-size: 1.2rem !important;
  color: #565656 !important;
  font-weight: 500 !important;
  text-transform: uppercase;
}

.p-datatable-header {
  border: none !important;
  padding: 0 !important;
  margin-bottom: 1rem;
}

.p-table-header .p-iconfield {
  width: 30%;
}

.p-iconfield .p-inputtext:not(:first-child),
.p-iconfield .p-inputwrapper:not(:first-child) .p-inputtext {
  padding-inline-start: 3rem !important;
}

.p-multiselect-header .p-inputicon .p-icon {
  --p-icon-size: 1.5rem !important;
}

.copy-icon {
  cursor: pointer !important;
  pointer-events: auto !important;
}

.p-inputicon {
  order: 2 !important;
  /* Forces the icon to appear after the input */
}

.p-multiselect-option-group {
  cursor: auto;
  margin: 0;
  padding: var(--p-multiselect-option-group-padding);
  background: var(--p-multiselect-option-group-background);
  color: #747474 !important;
  font-weight: 500 !important;
}

.slider-p-tabs {
  margin: 0 1rem 1rem;
}

.slider-p-tabs .p-tab {
  padding: 0.73rem 0px;
  border-radius: 0;
  color: #838383;
  border-bottom: 1.5px solid transparent;
  font-size: 1.4rem;
  font-weight: 400;
  margin-right: 2rem;
}

.slider-p-tabs .p-tab-active {
  background: var(--p-tabs-tab-active-background);
  border-color: var(--p-tabs-tab-active-border-color);
  color: #006dd2;
}
#skeletonLoader {
  /* General Styles */
  /* Loading Styles */
  /* Specific Loading Elements */
  /* Additional Specific Loading Elements */
  /* Flexbox Styles */
  /* Skeleton Loader */
  /* Skeleton Loader CSS  */
}
#skeletonLoader .table.slider-table > thead > tr > th {
  background-color: #fff;
  padding: 1rem 0 !important;
  font-size: 1.3rem;
  font-weight: 400 !important;
  border-bottom: none !important;
  color: #919191;
}
#skeletonLoader .table.slider-table > tbody > tr > td {
  background-color: #fff;
  padding: 1.3rem 0.6rem 1.3rem 0 !important;
  font-size: 1.3rem;
}
#skeletonLoader .upload-userimg-wrapper input[type=file] {
  opacity: 0;
  visibility: hidden;
  display: none;
}
#skeletonLoader .desc-text,
#skeletonLoader .takedown-type-text {
  font-size: 1.2rem;
  line-height: 1.7;
  margin-bottom: 1.5rem;
  margin-top: 1rem;
}
#skeletonLoader .loading {
  position: relative;
  background-color: #e2e2e2;
}
#skeletonLoader .loading::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(rgba(255, 255, 255, 0.2)), to(transparent));
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  animation: loadingAnim 0.8s infinite;
}
@keyframes loadingAnim {
100% {
    transform: translateX(20%);
}
}
#skeletonLoader .takedown-status__circle.loading,
#skeletonLoader .table__single-value.loading,
#skeletonLoader .takedown-status__card.loading,
#skeletonLoader .card__img-value.loading,
#skeletonLoader .table__single-med-value.loading,
#skeletonLoader .small__sqr-value.loading,
#skeletonLoader .primary-text.small__sqr-value.loading {
  display: inline-block;
  border-radius: 3px;
  background-color: #e2e2e2;
}
#skeletonLoader .takedown-status__circle.loading,
#skeletonLoader .table__single-value.loading,
#skeletonLoader .table__single-med-value.loading {
  height: 2rem;
}
#skeletonLoader .takedown-status__circle.loading,
#skeletonLoader .table__single-value.loading {
  width: 100%;
}
#skeletonLoader .takedown-status__card.loading {
  height: 6rem;
  border-radius: 0.6rem;
}
#skeletonLoader .card__img-value.loading {
  height: 15rem;
}
#skeletonLoader .table__single-med-value.loading {
  width: 50%;
}
#skeletonLoader .card__value.loading {
  height: 1.3rem;
}
#skeletonLoader .table__single-value.loading.wd-70 {
  width: 70%;
}
#skeletonLoader .table__single-value.loading.wd-50 {
  width: 50%;
}
#skeletonLoader .small__sqr-value.loading {
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 0.3rem;
  background-color: #e2e2e2 !important;
}
#skeletonLoader .btn__small-val.loading {
  width: 10rem;
}
#skeletonLoader .btn__small-val.secondary-btn {
  border: none;
}
#skeletonLoader .text__big-value.loading {
  height: 2rem;
  width: 100%;
  border-radius: 0.3rem;
}
#skeletonLoader .text__medium-value.loading {
  height: 1.3rem !important;
  width: 100%;
  border-radius: 0.3rem;
}
#skeletonLoader .text__small-value.loading {
  height: 1rem !important;
  width: 100%;
  border-radius: 0.3rem;
}
#skeletonLoader .fakeapp-name .first.text__big-value.loading {
  margin-bottom: 1rem;
}
#skeletonLoader .med__sqr-value.loading {
  height: 9rem;
}
#skeletonLoader .small__sqr-value.loading.feature-value {
  margin: 0 auto 1rem;
}
#skeletonLoader .med__sqr-value.loading.fakeapp-logo {
  box-shadow: none;
}
#skeletonLoader .med__sqr-value.loading.fakeapp-logo .fakeapp-logo-img {
  border: none;
  background-color: transparent;
}
#skeletonLoader .flex__card-val {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#skeletonLoader .flex__card-val div:first-child {
  margin-bottom: 0.7rem;
}
#skeletonLoader .slider-info-wrapper2.expand,
#skeletonLoader .slider-info-wrapper3.expand {
  width: 45% !important;
}
#skeletonLoader .table__single-value.loading {
  height: 2rem;
  width: 100%;
  border-radius: 3px;
  display: inline-block;
}
#skeletonLoader .table__single-value.loading.wd-70 {
  width: 70%;
}
#skeletonLoader .table__single-value.loading.wd-50 {
  width: 50%;
}
#skeletonLoader .card__value.loading {
  height: 1.3rem;
}
#skeletonLoader .text__big-value.loading {
  height: 2rem;
  width: 100%;
  border-radius: 0.3rem;
}
#skeletonLoader .big__sqr-value.loading {
  height: 12rem;
}
#skeletonLoader .breaches-img-wrapper.big__sqr-value.loading {
  background-image: none;
}
#skeletonLoader .loading.wd-30 {
  width: 30rem;
}
#skeletonLoader .slider-info-wrapper2.expand {
  width: 45% !important;
}
#skeletonLoader .text__big-value.loading {
  height: 2rem;
  width: 100%;
  border-radius: 0.3rem;
  display: inline-block;
}
#skeletonLoader .btn__small-val.loading {
  width: 10rem;
}
#skeletonLoader .btn__small-val.secondary-btn {
  border: none;
}
#skeletonLoader .text__medium-value.loading {
  height: 1.3rem !important;
  width: 100%;
  border-radius: 0.3rem;
  display: inline-block;
}
#skeletonLoader .textarea__medium-value.loading {
  height: 6rem;
  width: 100%;
  border-radius: 0.3rem;
}
#skeletonLoader .text__small-value.loading {
  height: 1rem !important;
  width: 100%;
  border-radius: 0.3rem;
  display: inline-block;
}
#skeletonLoader .pie__chart-value.loading {
  height: 13rem;
  width: 13rem;
  border-radius: 50%;
  border: 2.5rem solid #e2e2e2;
  background-color: transparent;
}
#skeletonLoader .loading.wd-10 {
  width: 10rem;
}
#skeletonLoader .loading.wd-15 {
  width: 15rem;
}
#skeletonLoader .loading.wd-20 {
  width: 20rem;
}
#skeletonLoader .loading.wd-30 {
  width: 30rem;
}
#skeletonLoader .loading.wd-8 {
  width: 8rem;
}
#skeletonLoader .loading.wd-5 {
  width: 5rem;
}
#skeletonLoader .loading {
  position: relative;
  background-color: #e2e2e2 !important;
}
#skeletonLoader .loading::after {
  display: block;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  /* transform: translateX(-100%);  */
  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(rgba(255, 255, 255, 0.2)), to(transparent));
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  animation: loading 0.8s infinite;
}
@keyframes loading {
100% {
    transform: translateX(20%);
}
}
/**************************** Table CSS - Updated- 09 Mar, 2023 ******************************/
.newTable .table {
  margin-bottom: 0;
}
.newTable table.dataTable thead .sorting {
  background-color: rgb(243, 243, 243) !important;
}
.newTable .table > thead > tr > th,
.newTable table.dataTable thead th,
.newTable table.dataTable tfoot th {
  background-color: #fff;
  color: #747474;
  font-weight: 500 !important;
  text-transform: uppercase;
}
.newTable .table > thead > tr > th:last-child {
  border-radius: 0 0.4rem 0.4rem 0;
}
.newTable .table > tbody > tr > td {
  border-top: none;
  border-bottom: 0.1rem solid #eaeaea;
  background-color: #fff;
  color: #161718;
  font-weight: 400;
}
.newTable .table > tbody > tr:last-child > td {
  border-bottom: none;
}
.newTable .table > thead > tr > th {
  border-bottom: none !important;
}
.newTable .table > thead > tr > th,
.newTable .table > tbody > tr > td {
  padding: 1.6rem 4rem 1.6rem 0 !important;
  font-size: 1.2rem;
  white-space: nowrap;
  vertical-align: middle;
}
.newTable .table > tbody > tr > td.table-icons-grp a {
  padding: 0 0.8rem;
  position: relative;
  top: 0.3rem;
}
.newTable .table > tbody > tr > td.table-icons-grp img,
.newTable .table img.icon,
.newTable img.icon {
  width: 1.6rem;
  height: 1.6rem;
}
.newTable .table-icons-grp svg {
  width: 2rem;
  height: 2rem;
  stroke: #006dd2;
}
.newTable .table-icons-grp a:hover {
  text-decoration: none;
}
.newTable .table img.logo {
  max-height: 2.5rem;
}
.newTable .table > tbody > tr > td > a > i {
  font-size: 1.6rem;
}
.newTable .table tr > td.single.fix-col:last-child {
  padding: 1.6rem 2rem !important;
}
.newTable .table tr > th.fix-col:last-child,
.newTable .table tr > td.fix-col:last-child {
  position: sticky;
  right: 0;
  padding: 1.6rem 0 !important;
}
.newTable thead tr:nth-child(1) th {
  background: white;
  position: sticky;
  top: 0;
  z-index: 10;
}
.newTable .add-shadow {
  box-shadow: 0 8px 6px -3px rgb(0 0 0/10%);
}
.newTable .table tr > td.fix-col:last-child:before {
  content: '';
  position: absolute;
  left: 0;
  background-color: #d4d8e1;
  width: 0.1rem;
  height: 100%;
  top: 0;
}
.newTable .table-responsive {
  margin-bottom: 20px;
  box-shadow: none;
  border-radius: none;
  max-height: 50rem;
}
.newTable .actionButtons {
  border: none !important;
  background-color: transparent !important;
  padding: 0rem 0.8rem;
}
/* Slider css */
#slider-portable .slide-info-box-portable {
  width: 100%;
  max-height: 100vh;
  transform: translateX(145rem);
  background-color: #fff;
  position: fixed;
  right: 0;
  overflow: scroll;
  bottom: 0;
  top: 0;
  box-shadow: 0px 0px 3px rgba(156, 156, 156, 0.45);
}
#slider-portable .close-slide-box-icon-portable {
  color: var(--primary) !important;
  cursor: pointer;
  color: var(--primary) !important;
}
#slider-portable .slider-info-wrapper-portable {
  position: fixed;
  right: 0;
  height: 100vh;
  transform: translateX(145rem);
  z-index: 1200;
}
#slider-portable .slider-outer-wrapper {
  top: 0;
}
#slider-portable .slider-form-heading {
  display: flex;
  padding: 3rem 2rem 0.5rem;
  align-items: center;
}
#slider-portable .slider-form-heading h4 {
  margin-top: 0;
  margin-bottom: 0;
  flex-grow: 1;
  font-size: 1.8rem;
  display: flex;
  align-items: center;
}
#slider-portable .slider-links-wrapper {
  display: flex;
}
/* Expand icon  */
#slider-portable .expand-icon {
  margin-right: 1rem;
}
#slider-portable .expand-icon svg {
  width: 1.8rem;
  height: 1.8rem;
  stroke: #006dd2;
}
/* Expand slider css */
#slider-portable .slider-info-wrapper-portable.expand {
  width: 50%;
}
#slider-portable .slider-form-heading h4 span {
  color: #006dd2;
  font-weight: 600;
  font-size: 2.8rem;
  margin-right: 0.5rem;
}
/**** Cross icon *******/
#slider-portable .slider-form-heading .close-icon {
  width: 1.2rem;
  height: 1.2rem;
}
#slider-portable .details-list-wrapper > li.details-list-heading {
  font-size: 1.4rem;
  font-weight: 500;
  color: #545f71;
  /* margin-bottom: 1.5rem; */
  border-left: 3px solid #006dd2;
  line-height: 1;
  padding-left: 0.7rem;
  text-transform: uppercase;
}
#slider-portable .details-list-wrapper {
  padding-left: 0;
  list-style-type: none;
  margin-top: 3rem;
}
#slider-portable .details-list-wrapper > li {
  display: flex;
  align-items: center;
  margin-bottom: 2.5rem;
  font-size: 1.2rem;
  font-weight: 400;
}
#slider-portable .details-list-wrapper > li:last-child {
  margin-bottom: 0;
}
#slider-portable .details-list-wrapper li .name {
  width: 35%;
  margin-right: 2rem;
  color: #565656;
}
#slider-portable .details-list-wrapper li .value {
  flex: 1;
  width: 65%;
  color: #262626;
  word-break: break-all;
}
#slider-portable .details-list-wrapper li .value .severity-name-wrapper {
  font-size: 1.2rem;
}
#slider-portable .details-list-wrapper li svg {
  width: 1.6rem;
  height: 1.6rem;
  stroke: #565656;
  margin-right: 0.7rem;
}
#slider-portable .details-list-wrapper > li .rules-list-wrapper a {
  white-space: normal;
}
#slider-portable .multiple-list-wrapper,
#slider-portable .rules-list-wrapper {
  list-style: none;
  padding-left: 0;
}
#slider-portable .multiple-list-wrapper > li > a:hover {
  border: 0.1rem solid #006dd2;
  text-decoration: none;
}
#slider-portable .multiple-list-wrapper > li {
  display: inline-block;
  margin-bottom: 1.3rem;
  word-break: break-all;
}
#slider-portable .center-flex-wrapper {
  display: flex;
  align-items: center;
}
#slider-portable .tag-wrapper {
  background-color: #f3f3f3;
}
#slider-portable .severity-name-wrapper {
  padding: 0.4rem 0.8rem;
  border-radius: 0.4rem;
  text-transform: uppercase;
  font-weight: 500;
}
#slider-portable .severity-medium {
  color: var(--mustard-color);
  background-color: #fff2f1;
}
#slider-portable .details-list-wrapper li .value.severity-critical,
#slider-portable .severity-high,
#slider-portable .severity-critical {
  color: var(--high-color);
  background-color: #fff2f1;
}
#slider-portable .details-list-wrapper li .value.severity-low,
#slider-portable .severity-low {
  color: var(--yellow-color);
  background-color: #fff2f1;
}
#slider-portable .details-list-wrapper li .value.severity-medium,
#slider-portable .severity-medium {
  color: var(--mustard-color);
  background-color: #fff2f1;
}
#slider-portable .severity-positive,
#slider-portable .severity-SAFE {
  background-color: rgb(0 170 93 / 10%);
  color: #00aa5d;
}
#slider-portable .severity-info {
  color: var(--darkblue-color);
  background-color: #eff8ff;
}
#blackListSlider .tech-list-wrapper,
#slider-portable .tech-list-wrapper {
  flex-direction: column;
  align-items: baseline !important;
}
#slider-portable .tech-list-wrapper > li {
  width: 100%;
  margin-bottom: 2rem !important;
  list-style-type: none;
  margin-left: -5rem;
}
#slider-portable .tech-list-wrapper > li > span.tech-name-wrapper {
  padding: 0.6rem 0.8rem;
  border-radius: 6px;
  border: 1px solid #eaeaea;
  display: inline;
  text-wrap: nowrap;

  /* align-items: center; */
}
#slider-portable .tech-list-wrapper img {
  width: 100%;
  max-width: 6%;
  margin-right: 0.4rem;
}
/* #slider-portable a:hover,
#slider-portable a:hover {
    color: rgb(0, 109, 210);
    text-decoration: underline;
} */
#slider-portable .flex-links-wrapper {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding-left: 0;
}
#slider-portable .flex-links-wrapper li {
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
}
#slider-portable .details-list-wrapper .value .info-card-tooltip {
  top: 3rem;
  left: unset;
  right: -1.8rem;
  width: 20rem;
}
#slider-portable
  .details-list-wrapper
  .value
  .info-icon-tooltip
  .tooltip__arrow {
  position: absolute;
  top: -0.4rem;
  right: calc(100% - 18.2rem);
  transform: translatey(0px) rotate(45deg);
  background-color: #151b28 !important;
}
#slider-portable .info-icon-tooltip {
  position: relative;
  cursor: pointer;
  margin-left: 0.7rem;
}
#slider-portable img.icon {
  width: 1.6rem;
  height: 1.6rem;
}
#slider-portable .slider-nav {
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  transform: none;
  top: 0.4rem;
  filter: none;
}
#slider-portable .slider-nav-dark .slider-nav {
  opacity: 1;
}
#slider-portable .slider-nav-dark .slider-nav::after {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f053';
  mask: unset;
  background-color: transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(0deg);
  height: auto;
  color: #006dd2;
  mask-repeat: no-repeat;
}
#slider-portable .slider-nav.slider-nav-next::after {
  transform: translate(-50%, -50%) rotate(180deg);
}
#slider-portable .slider-nav-tabs.nav-tabs {
  border-bottom: 0.1rem solid #eaeaea;
  margin-bottom: 2rem;
}
#slider-portable .slider-nav-tabs.nav-tabs > li > a {
  padding: 0 0 0.7rem 0;
  margin-right: 2.6rem;
  color: #747474;
  font-size: 1.2rem;
  font-weight: 400;
  cursor: pointer;
  border: none;
  border-bottom: 0.4rem solid transparent;
}
#slider-portable .slider-nav-tabs.nav-tabs > li.active > a,
#slider-portable .slider-nav-tabs.nav-tabs > li.active > a:focus,
#slider-portable .slider-nav-tabs.nav-tabs > li.active > a:hover {
  color: #555;
  cursor: pointer;
  background-color: #fff !important;
  border: none;
  border-bottom: 0.3rem solid #006dd2;
  border-radius: 0.8rem 0.8rem 0 0;
}
#slider-portable .slider-nav-tabs.nav-tabs > li > a:hover {
  border: none;
  border-bottom: 0.3rem solid #006dd2;
}
#slider-portable .slider-nav-tabs.nav > li > a:focus,
#slider-portable .slider-nav-tabs.nav > li > a:hover {
  text-decoration: none;
  background-color: #fff;
}
#slider-portable .slider-nav-tabs.nav-tabs svg {
  width: 1.6rem;
  height: 1.6rem;
  position: relative;
  top: 4px;
  stroke: #747474;
  margin-right: 0.6rem;
}
#slider-portable .slider-form-heading h4 span {
  color: #006dd2;
  font-weight: 600;
  font-size: 2.8rem;
  margin-right: 0.5rem;
}
/**** Cross icon *******/
#slider-portable .slider-form-heading .close-icon {
  width: 1.2rem;
  height: 1.2rem;
}
/**************************** Tags view more css ******************************/
#slider-portable .gray-link a {
  color: #262626;
  margin-left: 0.8rem;
  /* border: 0.12rem solid #eaeaea; */
  padding: 0.3rem 0.6rem;
}
#slider-portable .screenshots-wrapper,
#slider-portable .screenshots-wrapper {
  display: flex;
  margin-top: 3.2rem;
  flex-wrap: wrap;
}
#slider-portable .screenshot-box,
#slider-portable .screenshot-box {
  flex: 0 0 32%;
  margin-right: 0.7rem;
  margin-bottom: 0.7rem;
  border-radius: 0.8rem;
  width: 12rem;
  height: 12rem;
  position: relative;
  cursor: pointer;
  border: 1px solid #eaeaea;
}
#slider-portable .screenshot-box img,
#slider-portable .screenshot-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.8rem;
}
#slider-portable .screenshot-overlay,
#slider-portable .screenshot-overlay {
  visibility: hidden;
  background: rgba(38, 38, 38, 0.7);
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.8rem;
}
#slider-portable .screenshot-box:hover .screenshot-overlay,
#slider-portable .screenshot-box:hover .screenshot-overlay {
  visibility: visible;
}
#slider-portable .screenshot-links-wrapper,
#slider-portable .screenshot-links-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 1rem 0.8rem;
}
#slider-portable .screenshot-links-wrapper a svg,
#slider-portable .screenshot-links-wrapper a svg {
  width: 2rem;
  height: 2rem;
  stroke: #fff;
}
#slider-portable .screenshot-links-wrapper a,
#slider-portable .screenshot-links-wrapper a {
  margin-left: 0.8rem;
}
#slider-portable .screenshot-overlay {
  visibility: hidden;
  background: rgba(38, 38, 38, 0.7);
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.8rem;
}
#slider-portable .card-img:hover .screenshot-overlay {
  visibility: visible;
  cursor: pointer;
}
#slider-portable .screenshot-links-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 1rem 0.8rem;
}
#slider-portable .screenshot-links-wrapper a svg {
  width: 2rem;
  height: 2rem;
  stroke: #fff;
}
#slider-portable .screenshot-links-wrapper a {
  margin-left: 0.8rem;
}
#slider-portable .info-card-tooltip {
  visibility: hidden;
  position: absolute;
  z-index: 1;
  top: -0.7rem;
  left: 150%;
  padding: 1rem 1.5rem;
  background: #151b28;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15);
  text-align: left;
  width: auto;
  color: var(--gray);
  box-shadow: 0 0.4rem 1.5rem rgb(0 0 0 / 10%);
  border-radius: 0.3rem;
  font-size: 1.1rem;
}
#slider-portable .info-icon-tooltip:hover .info-card-tooltip {
  visibility: visible;
}
#slider-portable .info-icon-tooltip .tooltip__arrow {
  border: none;
  height: 1rem;
  width: 1rem;
}
#slider-portable .tooltiptext {
  color: #ffffff;
}
#slider-portable .table {
  margin-bottom: 0;
}
#slider-portable table.dataTable thead .sorting {
  background-color: rgb(243, 243, 243) !important;
}
#slider-portable .table > thead > tr > th,
#slider-portable table.dataTable thead th,
#slider-portable table.dataTable tfoot th {
  background-color: #fff;
  color: #747474;
  font-weight: 500 !important;
  text-transform: uppercase;
}
#slider-portable .table > thead > tr > th:last-child {
  border-radius: 0 0.4rem 0.4rem 0;
}
#slider-portable .table > tbody > tr > td {
  border-top: none;
  border-bottom: 0.1rem solid #eaeaea;
  background-color: #fff;
  color: #161718;
  font-weight: 400;
}
#slider-portable .table > tbody > tr:last-child > td {
  border-bottom: none;
}
#slider-portable .table > thead > tr > th {
  border-bottom: none !important;
}
#slider-portable .table > thead > tr > th,
#slider-portable .table > tbody > tr > td {
  padding: 1.6rem 4rem 1.6rem 0 !important;
  font-size: 1.2rem;
  white-space: nowrap;
  vertical-align: middle;
}
#slider-portable .table > tbody > tr > td.table-icons-grp a {
  padding: 0 0.8rem;
  position: relative;
  top: 0.3rem;
}
#slider-portable .table > tbody > tr > td.table-icons-grp img,
#slider-portable .table img.icon,
#slider-portable img.icon {
  width: 1.6rem;
  height: 1.6rem;
}
#slider-portable .table-icons-grp svg {
  width: 2rem;
  height: 2rem;
  stroke: #006dd2;
}
#slider-portable .table-icons-grp a:hover {
  text-decoration: none;
}
#slider-portable .table img.logo {
  max-height: 2.5rem;
}
#slider-portable .table > tbody > tr > td > a > i {
  font-size: 1.6rem;
}
#slider-portable .table tr > td.single.fix-col:last-child {
  padding: 1.6rem 2rem !important;
}
#slider-portable .table tr > th.fix-col:last-child,
#slider-portable .table tr > td.fix-col:last-child {
  position: sticky;
  right: 0;
  padding: 1.6rem 0 !important;
}
#slider-portable thead tr:nth-child(1) th {
  background: white;
  position: sticky;
  top: 0;
  z-index: 10;
}
#slider-portable .add-shadow {
  box-shadow: 0 8px 6px -3px rgb(0 0 0/10%);
}
#slider-portable .table tr > td.fix-col:last-child:before {
  content: '';
  position: absolute;
  left: 0;
  background-color: #d4d8e1;
  width: 0.1rem;
  height: 100%;
  top: 0;
}
#slider-portable .table-responsive {
  margin-bottom: 20px;
  box-shadow: none;
  border-radius: none;
  max-height: 50rem;
}
#slider-portable .info-icon-tooltip .tooltip__arrow {
  border: none;
  height: 1rem;
  width: 1rem;
  position: absolute;
  top: 1.2rem;
  right: calc(100% - 0.6rem);
  transform: translatey(-2px) rotate(45deg);
  background-color: #151b28;
}
#slider-portable .cve-heading-wrapper {
  flex-grow: 1;
  font-size: 1.8rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#slider-portable .validation-observer {
  width: 100%;
}
#slider-portable .remove-required::after {
  content: '';
}
/**************************** Asset Manager Loaders Css ******************************/
#skeleton .table__single-value.loading {
  height: 2rem;
  width: 100%;
  border-radius: 3px;
  display: inline-block;
}
#skeleton .table__circle-value.loading {
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  display: inline-block;
}
#skeleton .card__img-value.loading {
  height: 15rem;
  width: 100%;
  border-radius: 3px;
  display: inline-block;
}
#skeleton .table__single-med-value.loading {
  width: 50%;
  height: 2rem;
  border-radius: 3px;
  display: inline-block;
}
#skeleton .table__single-value.loading.wd-70 {
  width: 70%;
}
#skeleton .table__single-value.loading.wd-50 {
  width: 50%;
}
#skeleton .card__value.loading {
  height: 1.3rem;
}
/* The loading Class */
#skeleton .loading {
  position: relative;
  background-color: #e2e2e2;
}
#skeleton .selectize-control.loading {
  position: relative;
  background-color: unset;
}
#skeleton .selectize-control.loading::after {
  display: none;
}
/* The moving element */
#skeleton .loading::after {
  display: block;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  transform: translateX(-100%);
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(transparent),
    color-stop(rgba(255, 255, 255, 0.4)),
    to(transparent)
  );

  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.4),
    transparent
  );

  /* Adding animation */
  animation: loading 0.8s infinite;
}
/* Loading Animation */
@keyframes loading {
100% {
    transform: translateX(20%);
}
}
.card__value.loading::after,
.card__img-value.loading::after,
#skeleton .skeleton-flex-loader .loading::after {
  transform: translateX(0);
}
#skeleton .skeleton-flex-loader {
  padding-bottom: 1rem;
}
#skeleton .skeleton-flex-loader .icon {
  width: 20%;
}
#skeleton .skeleton-flex-loader .desc {
  width: 80%;
}
#skeleton .skeleton-flex-loader .icon .table__circle-value.loading {
  height: 5rem;
  width: 5rem;
  border-radius: 50%;
  display: inline-block;
}
#skeleton .skeleton-flex-loader .desc div:nth-child(2) {
  height: 1rem;
}
#skeleton .skeleton-profile-wrapper {
  margin-bottom: 1rem;
}
#skeleton .mr-10 {
  margin-right: 1rem;
}

#content[data-v-b7190a0d] {
    top: 12%;
    left: 0;
}
.pv-override.p-select {
  border-color: #e1e1e1 !important;
}
.pv-override .p-select-option {
  color: #262626;
  background-color: #fff;
}
.pv-override .p-select-option.p-select-option-selected, .pv-override .p-select-option:hover, .pv-override .p-select-option.p-focus, .pv-override .p-select-option.p-focus:hover {
  color: #1b5abd !important;
  background-color: #f4f8ff !important;
}
.pv-override .p-select-header .p-select-filter {
  font-size: 1.2rem;
}
.pv-override .p-select-header .p-inputtext:enabled:focus {
  border-color: #e1e1e1 !important;
}

.pv-dashboard-select-font.p-select {
  font-size: 1.2rem;
}
.pv-dashboard-select-font .p-select-option {
  font-size: 1.2rem;
}

.pv-select-overlay-z-index {
  z-index: 1200 !important;
}

.pv-select-padding {
  padding: 0.35rem;
}@font-face {
    font-family: 'primeicons';
    font-display: block;
    src: url('/public/primeicons-DMOk5skT.eot');
    src: url('/public/primeicons-DMOk5skT.eot?#iefix') format('embedded-opentype'), url('/public/primeicons-C6QP2o4f.woff2') format('woff2'), url('/public/primeicons-WjwUDZjB.woff') format('woff'), url('/public/primeicons-MpK4pl85.ttf') format('truetype'), url('/public/primeicons-Dr5RGzOO.svg?#primeicons') format('svg');
    font-weight: normal;
    font-style: normal;
}

.pi {
    font-family: 'primeicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.pi:before {
    --webkit-backface-visibility:hidden;
    backface-visibility: hidden;
}

.pi-fw {
    width: 1.28571429em;
    text-align: center;
}

.pi-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

@media (prefers-reduced-motion: reduce) {
  .pi-spin {
    -webkit-animation-delay: -1ms;
    animation-delay: -1ms;
    -webkit-animation-duration: 1ms;
    animation-duration: 1ms;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
  }
}

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

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

.pi-folder-plus:before {
    content: "\ea05";
}

.pi-receipt:before {
    content: "\ea06";
}

.pi-asterisk:before {
    content: "\ea07";
}

.pi-face-smile:before {
    content: "\ea08";
}

.pi-pinterest:before {
    content: "\ea09";
}

.pi-expand:before {
    content: "\ea0a";
}

.pi-pen-to-square:before {
    content: "\ea0b";
}

.pi-wave-pulse:before {
    content: "\ea0c";
}

.pi-turkish-lira:before {
    content: "\ea0d";
}

.pi-spinner-dotted:before {
    content: "\ea0e";
}

.pi-crown:before {
    content: "\ea0f";
}

.pi-pause-circle:before {
    content: "\ea10";
}

.pi-warehouse:before {
    content: "\ea11";
}

.pi-objects-column:before {
    content: "\ea12";
}

.pi-clipboard:before {
    content: "\ea13";
}

.pi-play-circle:before {
    content: "\ea14";
}

.pi-venus:before {
    content: "\ea15";
}

.pi-cart-minus:before {
    content: "\ea16";
}

.pi-file-plus:before {
    content: "\ea17";
}

.pi-microchip:before {
    content: "\ea18";
}

.pi-twitch:before {
    content: "\ea19";
}

.pi-building-columns:before {
    content: "\ea1a";
}

.pi-file-check:before {
    content: "\ea1b";
}

.pi-microchip-ai:before {
    content: "\ea1c";
}

.pi-trophy:before {
    content: "\ea1d";
}

.pi-barcode:before {
    content: "\ea1e";
}

.pi-file-arrow-up:before {
    content: "\ea1f";
}

.pi-mars:before {
    content: "\ea20";
}

.pi-tiktok:before {
    content: "\ea21";
}

.pi-arrow-up-right-and-arrow-down-left-from-center:before {
    content: "\ea22";
}

.pi-ethereum:before {
    content: "\ea23";
}

.pi-list-check:before {
    content: "\ea24";
}

.pi-thumbtack:before {
    content: "\ea25";
}

.pi-arrow-down-left-and-arrow-up-right-to-center:before {
    content: "\ea26";
}

.pi-equals:before {
    content: "\ea27";
}

.pi-lightbulb:before {
    content: "\ea28";
}

.pi-star-half:before {
    content: "\ea29";
}

.pi-address-book:before {
    content: "\ea2a";
}

.pi-chart-scatter:before {
    content: "\ea2b";
}

.pi-indian-rupee:before {
    content: "\ea2c";
}

.pi-star-half-fill:before {
    content: "\ea2d";
}

.pi-cart-arrow-down:before {
    content: "\ea2e";
}

.pi-calendar-clock:before {
    content: "\ea2f";
}

.pi-sort-up-fill:before {
    content: "\ea30";
}

.pi-sparkles:before {
    content: "\ea31";
}

.pi-bullseye:before {
    content: "\ea32";
}

.pi-sort-down-fill:before {
    content: "\ea33";
}

.pi-graduation-cap:before {
    content: "\ea34";
}

.pi-hammer:before {
    content: "\ea35";
}

.pi-bell-slash:before {
    content: "\ea36";
}

.pi-gauge:before {
    content: "\ea37";
}

.pi-shop:before {
    content: "\ea38";
}

.pi-headphones:before {
    content: "\ea39";
}

.pi-eraser:before {
    content: "\ea04";
}

.pi-stopwatch:before {
    content: "\ea01";
}

.pi-verified:before {
    content: "\ea02";
}

.pi-delete-left:before {
    content: "\ea03";
}

.pi-hourglass:before {
    content: "\e9fe";
}

.pi-truck:before {
    content: "\ea00";
}

.pi-wrench:before {
    content: "\e9ff";
}

.pi-microphone:before {
    content: "\e9fa";
}

.pi-megaphone:before {
    content: "\e9fb";
}

.pi-arrow-right-arrow-left:before {
    content: "\e9fc";
}

.pi-bitcoin:before {
    content: "\e9fd";
}

.pi-file-edit:before {
    content: "\e9f6";
}

.pi-language:before {
    content: "\e9f7";
}

.pi-file-export:before {
    content: "\e9f8";
}

.pi-file-import:before {
    content: "\e9f9";
}

.pi-file-word:before {
    content: "\e9f1";
}

.pi-gift:before {
    content: "\e9f2";
}

.pi-cart-plus:before {
    content: "\e9f3";
}

.pi-thumbs-down-fill:before {
    content: "\e9f4";
}

.pi-thumbs-up-fill:before {
    content: "\e9f5";
}

.pi-arrows-alt:before {
    content: "\e9f0";
}

.pi-calculator:before {
    content: "\e9ef";
}

.pi-sort-alt-slash:before {
    content: "\e9ee";
}

.pi-arrows-h:before {
    content: "\e9ec";
}

.pi-arrows-v:before {
    content: "\e9ed";
}

.pi-pound:before {
    content: "\e9eb";
}

.pi-prime:before {
    content: "\e9ea";
}

.pi-chart-pie:before {
    content: "\e9e9";
}

.pi-reddit:before {
    content: "\e9e8";
}

.pi-code:before {
    content: "\e9e7";
}

.pi-sync:before {
    content: "\e9e6";
}

.pi-shopping-bag:before {
    content: "\e9e5";
}

.pi-server:before {
    content: "\e9e4";
}

.pi-database:before {
    content: "\e9e3";
}

.pi-hashtag:before {
    content: "\e9e2";
}

.pi-bookmark-fill:before {
    content: "\e9df";
}

.pi-filter-fill:before {
    content: "\e9e0";
}

.pi-heart-fill:before {
    content: "\e9e1";
}

.pi-flag-fill:before {
    content: "\e9de";
}

.pi-circle:before {
    content: "\e9dc";
}

.pi-circle-fill:before {
    content: "\e9dd";
}

.pi-bolt:before {
    content: "\e9db";
}

.pi-history:before {
    content: "\e9da";
}

.pi-box:before {
    content: "\e9d9";
}

.pi-at:before {
    content: "\e9d8";
}

.pi-arrow-up-right:before {
    content: "\e9d4";
}

.pi-arrow-up-left:before {
    content: "\e9d5";
}

.pi-arrow-down-left:before {
    content: "\e9d6";
}

.pi-arrow-down-right:before {
    content: "\e9d7";
}

.pi-telegram:before {
    content: "\e9d3";
}

.pi-stop-circle:before {
    content: "\e9d2";
}

.pi-stop:before {
    content: "\e9d1";
}

.pi-whatsapp:before {
    content: "\e9d0";
}

.pi-building:before {
    content: "\e9cf";
}

.pi-qrcode:before {
    content: "\e9ce";
}

.pi-car:before {
    content: "\e9cd";
}

.pi-instagram:before {
    content: "\e9cc";
}

.pi-linkedin:before {
    content: "\e9cb";
}

.pi-send:before {
    content: "\e9ca";
}

.pi-slack:before {
    content: "\e9c9";
}

.pi-sun:before {
    content: "\e9c8";
}

.pi-moon:before {
    content: "\e9c7";
}

.pi-vimeo:before {
    content: "\e9c6";
}

.pi-youtube:before {
    content: "\e9c5";
}

.pi-flag:before {
    content: "\e9c4";
}

.pi-wallet:before {
    content: "\e9c3";
}

.pi-map:before {
    content: "\e9c2";
}

.pi-link:before {
    content: "\e9c1";
}

.pi-credit-card:before {
    content: "\e9bf";
}

.pi-discord:before {
    content: "\e9c0";
}

.pi-percentage:before {
    content: "\e9be";
}

.pi-euro:before {
    content: "\e9bd";
}

.pi-book:before {
    content: "\e9ba";
}

.pi-shield:before {
    content: "\e9b9";
}

.pi-paypal:before {
    content: "\e9bb";
}

.pi-amazon:before {
    content: "\e9bc";
}

.pi-phone:before {
    content: "\e9b8";
}

.pi-filter-slash:before {
    content: "\e9b7";
}

.pi-facebook:before {
    content: "\e9b4";
}

.pi-github:before {
    content: "\e9b5";
}

.pi-twitter:before {
    content: "\e9b6";
}

.pi-step-backward-alt:before {
    content: "\e9ac";
}

.pi-step-forward-alt:before {
    content: "\e9ad";
}

.pi-forward:before {
    content: "\e9ae";
}

.pi-backward:before {
    content: "\e9af";
}

.pi-fast-backward:before {
    content: "\e9b0";
}

.pi-fast-forward:before {
    content: "\e9b1";
}

.pi-pause:before {
    content: "\e9b2";
}

.pi-play:before {
    content: "\e9b3";
}

.pi-compass:before {
    content: "\e9ab";
}

.pi-id-card:before {
    content: "\e9aa";
}

.pi-ticket:before {
    content: "\e9a9";
}

.pi-file-o:before {
    content: "\e9a8";
}

.pi-reply:before {
    content: "\e9a7";
}

.pi-directions-alt:before {
    content: "\e9a5";
}

.pi-directions:before {
    content: "\e9a6";
}

.pi-thumbs-up:before {
    content: "\e9a3";
}

.pi-thumbs-down:before {
    content: "\e9a4";
}

.pi-sort-numeric-down-alt:before {
    content: "\e996";
}

.pi-sort-numeric-up-alt:before {
    content: "\e997";
}

.pi-sort-alpha-down-alt:before {
    content: "\e998";
}

.pi-sort-alpha-up-alt:before {
    content: "\e999";
}

.pi-sort-numeric-down:before {
    content: "\e99a";
}

.pi-sort-numeric-up:before {
    content: "\e99b";
}

.pi-sort-alpha-down:before {
    content: "\e99c";
}

.pi-sort-alpha-up:before {
    content: "\e99d";
}

.pi-sort-alt:before {
    content: "\e99e";
}

.pi-sort-amount-up:before {
    content: "\e99f";
}

.pi-sort-amount-down:before {
    content: "\e9a0";
}

.pi-sort-amount-down-alt:before {
    content: "\e9a1";
}

.pi-sort-amount-up-alt:before {
    content: "\e9a2";
}

.pi-palette:before {
    content: "\e995";
}

.pi-undo:before {
    content: "\e994";
}

.pi-desktop:before {
    content: "\e993";
}

.pi-sliders-v:before {
    content: "\e991";
}

.pi-sliders-h:before {
    content: "\e992";
}

.pi-search-plus:before {
    content: "\e98f";
}

.pi-search-minus:before {
    content: "\e990";
}

.pi-file-excel:before {
    content: "\e98e";
}

.pi-file-pdf:before {
    content: "\e98d";
}

.pi-check-square:before {
    content: "\e98c";
}

.pi-chart-line:before {
    content: "\e98b";
}

.pi-user-edit:before {
    content: "\e98a";
}

.pi-exclamation-circle:before {
    content: "\e989";
}

.pi-android:before {
    content: "\e985";
}

.pi-google:before {
    content: "\e986";
}

.pi-apple:before {
    content: "\e987";
}

.pi-microsoft:before {
    content: "\e988";
}

.pi-heart:before {
    content: "\e984";
}

.pi-mobile:before {
    content: "\e982";
}

.pi-tablet:before {
    content: "\e983";
}

.pi-key:before {
    content: "\e981";
}

.pi-shopping-cart:before {
    content: "\e980";
}

.pi-comments:before {
    content: "\e97e";
}

.pi-comment:before {
    content: "\e97f";
}

.pi-briefcase:before {
    content: "\e97d";
}

.pi-bell:before {
    content: "\e97c";
}

.pi-paperclip:before {
    content: "\e97b";
}

.pi-share-alt:before {
    content: "\e97a";
}

.pi-envelope:before {
    content: "\e979";
}

.pi-volume-down:before {
    content: "\e976";
}

.pi-volume-up:before {
    content: "\e977";
}

.pi-volume-off:before {
    content: "\e978";
}

.pi-eject:before {
    content: "\e975";
}

.pi-money-bill:before {
    content: "\e974";
}

.pi-images:before {
    content: "\e973";
}

.pi-image:before {
    content: "\e972";
}

.pi-sign-in:before {
    content: "\e970";
}

.pi-sign-out:before {
    content: "\e971";
}

.pi-wifi:before {
    content: "\e96f";
}

.pi-sitemap:before {
    content: "\e96e";
}

.pi-chart-bar:before {
    content: "\e96d";
}

.pi-camera:before {
    content: "\e96c";
}

.pi-dollar:before {
    content: "\e96b";
}

.pi-lock-open:before {
    content: "\e96a";
}

.pi-table:before {
    content: "\e969";
}

.pi-map-marker:before {
    content: "\e968";
}

.pi-list:before {
    content: "\e967";
}

.pi-eye-slash:before {
    content: "\e965";
}

.pi-eye:before {
    content: "\e966";
}

.pi-folder-open:before {
    content: "\e964";
}

.pi-folder:before {
    content: "\e963";
}

.pi-video:before {
    content: "\e962";
}

.pi-inbox:before {
    content: "\e961";
}

.pi-lock:before {
    content: "\e95f";
}

.pi-unlock:before {
    content: "\e960";
}

.pi-tags:before {
    content: "\e95d";
}

.pi-tag:before {
    content: "\e95e";
}

.pi-power-off:before {
    content: "\e95c";
}

.pi-save:before {
    content: "\e95b";
}

.pi-question-circle:before {
    content: "\e959";
}

.pi-question:before {
    content: "\e95a";
}

.pi-copy:before {
    content: "\e957";
}

.pi-file:before {
    content: "\e958";
}

.pi-clone:before {
    content: "\e955";
}

.pi-calendar-times:before {
    content: "\e952";
}

.pi-calendar-minus:before {
    content: "\e953";
}

.pi-calendar-plus:before {
    content: "\e954";
}

.pi-ellipsis-v:before {
    content: "\e950";
}

.pi-ellipsis-h:before {
    content: "\e951";
}

.pi-bookmark:before {
    content: "\e94e";
}

.pi-globe:before {
    content: "\e94f";
}

.pi-replay:before {
    content: "\e94d";
}

.pi-filter:before {
    content: "\e94c";
}

.pi-print:before {
    content: "\e94b";
}

.pi-align-right:before {
    content: "\e946";
}

.pi-align-left:before {
    content: "\e947";
}

.pi-align-center:before {
    content: "\e948";
}

.pi-align-justify:before {
    content: "\e949";
}

.pi-cog:before {
    content: "\e94a";
}

.pi-cloud-download:before {
    content: "\e943";
}

.pi-cloud-upload:before {
    content: "\e944";
}

.pi-cloud:before {
    content: "\e945";
}

.pi-pencil:before {
    content: "\e942";
}

.pi-users:before {
    content: "\e941";
}

.pi-clock:before {
    content: "\e940";
}

.pi-user-minus:before {
    content: "\e93e";
}

.pi-user-plus:before {
    content: "\e93f";
}

.pi-trash:before {
    content: "\e93d";
}

.pi-external-link:before {
    content: "\e93c";
}

.pi-window-maximize:before {
    content: "\e93b";
}

.pi-window-minimize:before {
    content: "\e93a";
}

.pi-refresh:before {
    content: "\e938";
}
  
.pi-user:before {
    content: "\e939";
}

.pi-exclamation-triangle:before {
    content: "\e922";
}

.pi-calendar:before {
    content: "\e927";
}

.pi-chevron-circle-left:before {
    content: "\e928";
}

.pi-chevron-circle-down:before {
    content: "\e929";
}

.pi-chevron-circle-right:before {
    content: "\e92a";
}

.pi-chevron-circle-up:before {
    content: "\e92b";
}

.pi-angle-double-down:before {
    content: "\e92c";
}

.pi-angle-double-left:before {
    content: "\e92d";
}

.pi-angle-double-right:before {
    content: "\e92e";
}

.pi-angle-double-up:before {
    content: "\e92f";
}

.pi-angle-down:before {
    content: "\e930";
}

.pi-angle-left:before {
    content: "\e931";
}

.pi-angle-right:before {
    content: "\e932";
}

.pi-angle-up:before {
    content: "\e933";
}

.pi-upload:before {
    content: "\e934";
}

.pi-download:before {
    content: "\e956";
}

.pi-ban:before {
    content: "\e935";
}

.pi-star-fill:before {
    content: "\e936";
}

.pi-star:before {
    content: "\e937";
}

.pi-chevron-left:before {
    content: "\e900";
}

.pi-chevron-right:before {
    content: "\e901";
}

.pi-chevron-down:before {
    content: "\e902";
}

.pi-chevron-up:before {
    content: "\e903";
}

.pi-caret-left:before {
    content: "\e904";
}

.pi-caret-right:before {
    content: "\e905";
}

.pi-caret-down:before {
    content: "\e906";
}

.pi-caret-up:before {
    content: "\e907";
}

.pi-search:before {
    content: "\e908";
}

.pi-check:before {
    content: "\e909";
}

.pi-check-circle:before {
    content: "\e90a";
}

.pi-times:before {
    content: "\e90b";
}

.pi-times-circle:before {
    content: "\e90c";
}

.pi-plus:before {
    content: "\e90d";
}

.pi-plus-circle:before {
    content: "\e90e";
}

.pi-minus:before {
    content: "\e90f";
}

.pi-minus-circle:before {
    content: "\e910";
}

.pi-circle-on:before {
    content: "\e911";
}

.pi-circle-off:before {
    content: "\e912";
}

.pi-sort-down:before {
    content: "\e913";
}

.pi-sort-up:before {
    content: "\e914";
}

.pi-sort:before {
    content: "\e915";
}

.pi-step-backward:before {
    content: "\e916";
}

.pi-step-forward:before {
    content: "\e917";
}

.pi-th-large:before {
    content: "\e918";
}

.pi-arrow-down:before {
    content: "\e919";
}

.pi-arrow-left:before {
    content: "\e91a";
}

.pi-arrow-right:before {
    content: "\e91b";
}

.pi-arrow-up:before {
    content: "\e91c";
}

.pi-bars:before {
    content: "\e91d";
}

.pi-arrow-circle-down:before {
    content: "\e91e";
}

.pi-arrow-circle-left:before {
    content: "\e91f";
}

.pi-arrow-circle-right:before {
    content: "\e920";
}

.pi-arrow-circle-up:before {
    content: "\e921";
}

.pi-info:before {
    content: "\e923";
}

.pi-info-circle:before {
    content: "\e924";
}

.pi-home:before {
    content: "\e925";
}

.pi-spinner:before {
    content: "\e926";
}
.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}