@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

/*in line number 40 and 47 added new classes for showing scroll in notification only when necessary
also changes in script file line no 58 to 80 */
/********** GLOBAL CSS **********/
/* (.page-content) change in line 531,1111to 1116,1796 to 1797--and--scrollhidein notification line no 41 to 50
also added lines in script.js from line 57 to end --- also add lines 52 to 71 for major ui change add line 
72 to 330 --- also add from assests file jquery.sparkline.js */
body {
  font-family: 'Roboto', sans-serif;
  background-color: #353741;
  font-size: 13px;
  margin: 0px;
  padding: 0px;
}

p {
  font-size: 13px;
  line-height: 26px;
}

.card {
  background-color: rgb(69, 70, 77);
}

/********** GLOBAL CSS **********/
.excelbtn {
  background-color: white;

}

/* ------- */
.dropdown-header {
  color: #b1b1b1;
}

.dropdown-item:hover {
  background: #4b4d57;
}

/* ------- */
.cbtn {
  border: none;

  background: transparent;
  color: rgb(187, 187, 187);
}

.table2>thead>tr>th,
.table2>tbody>tr>th,
.table2>tfoot>tr>th,
.table2>thead>tr>td,
.table2>tbody>tr>td,
.table2>tfoot>tr>td {
  background: rgb(69, 70, 77);
}

.panel1 {
  background-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #949ba2;
  border-radius: 3px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.panel1 .panel-body {
  padding: 5px 15px 15px 15px;
}

.v-timeline {
  position: relative;
  padding: 0;
  margin-top: 2em;
  margin-bottom: 2em;
}

.v-timeline::before {
  content: '';
  position: absolute;
  top: 0;
  left: 18px;
  height: 100%;
  width: 4px;
  background: #606168;
}

.vertical-container {
  /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
  width: 98%;
  margin: 0 auto;
  margin-top: 25px;
}

.vertical-container::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both;
}

.vertical-timeline-block {
  position: relative;
  margin: 2em 0;
}

.vertical-timeline-block:after {
  content: "";
  display: table;
  clear: both;
}

.vertical-timeline-block:first-child {
  margin-top: 0;
}

.vertical-timeline-block:last-child {
  margin-bottom: 0;
}

.vertical-timeline-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  font-size: 16px;
  border: 1px solid #3d404c;
  text-align: center;
  background: #2f323b;
  color: #ffffff;
}

.vertical-timeline-icon i {
  display: block;
  width: 24px;
  height: 24px;
  position: relative;
  left: 50%;
  top: 50%;
  margin-left: -12px;
  margin-top: -9px;
}

.vertical-timeline-content .btn {
  float: right;
}

.vertical-timeline-content {
  position: relative;
  margin-left: 60px;
  background-color: rgba(110, 110, 114, 0.5);
  border-radius: 0.25em;
  border: 1px solid #3d404c;
}

.vertical-timeline-content:after {
  content: "";
  display: table;
  clear: both;
}

.vertical-timeline-content h2 {
  font-weight: 400;
  margin-top: 4px;
}

.vertical-timeline-content p {
  margin: 1em 0 0 0;
  line-height: 1.6;
}

.vertical-timeline-content .vertical-date {
  font-weight: 500;
  text-align: right;
}

.vertical-date small {
  color: #ffffff;
  font-weight: 400;
}

.vertical-timeline-content:after,
.vertical-timeline-content:before {
  right: 100%;
  top: 20px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.vertical-timeline-content:after {
  border-color: transparent;
  border-right-color: #888888;
  border-width: 10px;
  margin-top: -10px;
}

.vertical-timeline-content:before {
  border-color: transparent;
  border-right-color: #888888;
  border-width: 11px;
  margin-top: -11px;
}

.vertical-timeline-content h2 {
  font-size: 16px;
}

.p-sm {
  padding: 15px !important;
}

.flot-chart {
  display: block;
  height: 300px;
  position: relative;
  color: #545454;
}

.flot-chart-analytics {
  margin-top: 10px;
  margin-bottom: 10px;
  display: block;
  height: 150px;
  position: relative;
}

.flot-chart-content {
  width: 100%;
  height: 100%;
  color: #545454;
}

.m-t-md {
  margin-top: 20px;
}

.m-b-xl {
  margin-bottom: 40px;
}

.fa-play {
  color: rgb(255, 187, 60);
}

.fa-spinner {
  color: #ffbb3c;
}

.fa-information {
  color: rgb(255, 187, 60);
}

.progress-bar {
  background: #f6a821;
}

.add_input_fields input {
  margin: 5px 0;
  padding: 5px 5px;
  border-radius: 8px;
  border: 2px solid rgb(212, 212, 212);
  width: 350px;
  background: rgb(212, 212, 212);
}

.add_input_fields button {
  box-shadow: none;
  background: orange;
  color: white;
  border-radius: 50%;
  border: none;
  width: 30px;
  height: 30px;
  margin-left: 5px;
}

.add_input_fields input:focus {
  outline: none;
}

.remove_field {
  border: 1px solid orange;
  padding: 7px 10px;
  color: #333;
  border-radius: 50%;
  background: orange;
  margin-left: 7px;
}

.remove_field {
  color: white;
}

.add_field input {
  margin-right: 4px;
}

.item {
  display: flex;
}

.item p:nth-child(1) {
  margin-right: 4.7rem;
}

.item p {
  font-size: 15px;
  margin: 16px 0 4px 0;
  color: rgb(190, 190, 190);
}

.modal-header {
  border-bottom: none;
}

.modal-footer {
  border-top: none;
}

.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open>.dropdown-toggle.btn-default.focus,
.open>.dropdown-toggle.btn-default:focus,
.open>.dropdown-toggle.btn-default:hover .btn-default:hover,
.btn-default:hover,
.btn-default:focus,
.btn-default:visited,
.btn-default:active,
.btn-default:not(:disabled):not(.disabled).active,
.btn-default:not(:disabled):not(.disabled):active,
.show>.btn-default.dropdown-toggle {
  background-color: #f6a821;
  border: 1px solid #f6a821;
  color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
}

.fa-globe {
  color: white;
  filter: drop-shadow(0 10px 4px #1c1e27);
}

.fa-globe:hover {
  color: #f6a821;
  filter: drop-shadow(0 8px 4px #3f382f);
}

.fa-facebook {
  color: rgb(59, 91, 152);
  filter: drop-shadow(0 10px 4px #1c1e27);
}

.fa-twitter {
  color: rgb(29, 161, 242);
  filter: drop-shadow(0 10px 4px #1c1e27);
}

.fa-youtube {
  color: rgb(255, 0, 0);
  filter: drop-shadow(0 10px 4px #1c1e27);
}


.fa-reddit {
  color: rgb(255, 69, 0);
  filter: drop-shadow(0 10px 4px #1c1e27);
}


.fa-instagram {
  color: rgb(188, 42, 141);
  filter: drop-shadow(0 10px 4px #1c1e27);
}


.fa-vk {
  color: rgb(76, 117, 163);
  filter: drop-shadow(0 10px 4px #1c1e27);
}


.fa-tumblr {
  color: rgb(52, 70, 93);
  filter: drop-shadow(0 10px 4px #1c1e27);
}

.fa-flickr {
  color: rgb(0, 99, 220);
  filter: drop-shadow(0 10px 4px #1c1e27);
}

.fa-vimeo {
  color: rgb(134, 201, 239);
  filter: drop-shadow(0 10px 4px #1c1e27);
}

.fa-dailymotion {
  color: rgb(0, 170, 255);
  filter: drop-shadow(0 10px 4px #1c1e27);
}


.fa-globe-americas {
  color: rgb(9, 184, 62);
  filter: drop-shadow(0 10px 4px #1c1e27);
}

.form-input {
  position: relative;
}

.form-input i {
  color: #f6a821;
}

.form-input input {
  width: 100%;
  height: 60px;
  margin-top: 30px;
  padding-left: 40px;
  margin-bottom: 0;
  box-sizing: border-box;
  box-shadow: none;
  border: 1px solid #353741;
  border-radius: 7px;
  outline: none;
  background: #353741;
  font-size: large;
}

.form-input span {
  position: absolute;
  top: 49px;
  padding-left: 15px;
  color: #007bff;
}

.form-input input::placeholder {
  color: rgb(130, 131, 145);
  padding-left: 0px;
  font-size: large;
}

.form-input input:focus,
.form-input input:valid {
  border: 2px solid #f6a821;
  color: white;
}

.form-input input:focus::placeholder {
  color: #5c5e66;
}


.form-box button[type="submit"] {
  margin-top: 30px;
  height: 50px;
  border: none;
  cursor: pointer;
  border-radius: 7px;
  background: #f6a821;
  color: #fff;
  font-size: 90%;
  font-weight: bold;
  letter-spacing: .1rem;
  transition: 0.5s;
  padding: 12px;
}

.form-box button[type="submit"]:hover {
  background: #cc8b1b;
}

.forget-link {
  color: white;
  font-weight: bold;
}

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

.forget-link:hover,
.register-link:hover {
  color: #f6a821;
  text-decoration: none;
}

.top-text {
  text-align: center;
  margin-top: 120px;
}

.top-text h3 {
  color: white;
}


.table-st {
  width: 100%;
  table-layout: fixed;
}

.table-st tbody tr td:nth-of-type(even) {
  /* text-align: center; */
  width: 20%;

}

.table-st tbody tr td:nth-of-type(odd) {
  width: 5%;
}

.table-sttt {
  width: 100%;
  table-layout: fixed;
}

.table-sttt tbody tr td {
  text-align: center;
  overflow: hidden;
  width: 30%;
}

.view-header {
  margin: 20px 0;
  min-height: 50px;
  padding: 0 15px;
}

.view-header .header-icon {
  font-size: 55px;
  color: #f6a821;
  width: 60px;
  float: left;

  line-height: 0;
}

.view-header .header-title {
  margin-left: 80px;
}

.view-header .header-title h3 {
  margin-bottom: 2px;
}

.fa-check-circle {
  color: #00ff01;
  filter: drop-shadow(0 10px 4px #1c1e27);
}

table.table-scroll {
  width: 100% !important;
}

table.table-scroll tbody {
  display: block;
  height: 190px;
  overflow: auto;
}

table.table-scroll tbody tr,
table.table-scroll thead {
  display: table;
  width: 100%;
  table-layout: fixed;
}

table.table-scroll tbody td {
  word-wrap: normal;
  width: 50%;
}

table.table-scroll thead {
  width: calc(100% - 1em)
}

.fa-check-circle .tooltiptext {
  visibility: hidden;
  width: 60px;
  background-color: #01e201;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  font-size: 12px;
  font-family: 'Roboto', sans-serif;
  font-weight: none;
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  left: 60%;
  overflow: auto;
}

.fa-check-circle:hover .tooltiptext {
  visibility: visible;
}

.logo_table tbody td {
  color: white;
}

.fa-exclamation-triangle {
  color: red;
  filter: drop-shadow(0 10px 4px #1c1e27);
}

.table-new thead th {
  text-transform: uppercase;
}

.table-new tbody td {
  color: white;
}

.logo_table tbody .fa-external-link-alt {
  visibility: hidden;
}

.logo_table tbody td a:hover .fa-external-link-alt {
  visibility: visible;
  color: orange;
}

.logo_table tbody td .hover-expand:hover {
  color: orange;
  cursor: pointer;
}

#ModalLongTitle {
  font-size: 20px;
  color: #cccccc;
}

.table-popup thead th,
.table-popup tbody td {
  color: white;
  text-align: center;
}

.row3 {
  margin-top: 25px;
}

.panel.panel-design {
  box-shadow: 3px 3px 7px #232529,
    -3px -3px 7px #575965;
}

.myTooltip .tooltip>.tooltip-inner {
  background: yellow;
}

.myTooltip22 .tooltip>.tooltip-inner {
  background: yellow;
}

.infotooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.infotooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  top: -5px;
  right: 105%;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

.arrow_box {
  background-color: rgb(0, 0, 0);
  opacity: 0.8;
  border: #000000;
}

.form-reset {
  position: relative;
}

.form-reset i {
  color: #f6a821;
}

.form-reset input {
  width: 100%;
  height: 50px;
  margin-top: 10px;
  padding-left: 40px;
  margin-bottom: 0;
  box-sizing: border-box;
  box-shadow: none;
  border: 1px solid #353741;
  border-radius: 7px;
  outline: none;
  background: #353741;
  font-size: 15px;
}

.form-reset span {
  position: absolute;
  top: 25px;
  padding-left: 15px;
  color: #007bff;
}

.form-reset input::placeholder {
  color: rgb(130, 131, 145);
  padding-left: 0px;
  font-size: 15px;
}

.form-reset input:focus,
.form-reset input:valid {
  border: 2px solid #f6a821;
  color: white;
}

.form-reset input:focus::placeholder {
  color: #5c5e66;
}


.table-status {
  width: 100%;
}

.table-status td {
  border-collapse: collapse;
  border: none;
}

.table-status thead {
  display: table;
  width: calc(100% - 17px);
  /* - 17px because of the scrollbar width */
}

.table-status tbody {
  display: block;
  /* to enable vertical scrolling */
  max-height: 190px;
  /* e.g. */
  overflow-y: auto;
  /* keeps the scrollbar even if it doesn't need it; display purpose */
}

.table-status th,
.table-status td {
  width: 33.33%;
  /* to enable "word-break: break-all" */
  padding: 5px;
  word-break: break-all;
  /* 4. */
}

.table-status tr {
  display: table;
  /* display purpose; th's border */
  width: 100%;
  box-sizing: border-box;
  /* because of the border (Chrome needs this line, but not FF) */
}

.table-status td {
  text-align: left;
  border-bottom: none;
  border-left: none;
}

.container {
  margin-top: 10px;
  margin-left: 30px;
}

.rotate-text1 {
  transform: rotate(-90deg);
  float: left;
  margin-top: 112px;
  margin-right: -20px;
}

.rotate-text2 {
  transform: rotate(-90deg);
  float: left;
  margin-top: 125px;
  margin-right: -60px;
  margin-left: 12px;
}

.rotate-text3 {
  transform: rotate(-90deg);
  float: left;
  margin-top: 112px;
  margin-right: -20px;
}

.progress-bar-vertical {
  width: 12px;
  min-height: 150px;
  display: flex;
  align-items: flex-end;
  margin-right: 20px;
  float: left;
  border-radius: 20px;
  box-shadow: 3px 3px 7px #000000, -3px -3px 7px #3a3b40 !important;
  background-color: #3b3d49;

}

.progress-bar-vertical .progress-bar {
  width: 100%;
  height: 0;
  /* border: 2.5px solid #e9ecef; */
  border-radius: 20px;
  -webkit-transition: height 0.6s ease;
  -o-transition: height 0.6s ease;
  transition: height 0.6s ease;
}



.optionbox {
  margin-top: 1px;
}

.optionbox select {
  background: #757575;
  color: white;
  border: none;
  width: 100px;
  height: 25px;
  border-radius: 10px;
  box-shadow: 5px 5px 10px rgb(35, 38, 44);
}


table.table-alt-status thead tr {
  background: none;
}

table.table-alt-status tbody tr td:first-child {
  border-left: none;
}

.table-alt-status {
  width: 100%;
}

.table-alt-status td {
  border-collapse: collapse;
  border: none;
}

.table-alt-status thead {
  display: table;
  width: calc(100% - 17px);
  /* - 17px because of the scrollbar width */
}

.table-alt-status tbody {
  display: block;
  /* to enable vertical scrolling */
  max-height: 250px;
  /* e.g. */
  overflow-y: auto;
  /* keeps the scrollbar even if it doesn't need it; display purpose */
}

.table-alt-status th,
.table-alt-status td {
  width: 10%;
  /* to enable "word-break: break-all" */
  padding: 5px;
  word-break: break-all;
  /* 4. */
}

.table-alt-status th:nth-child(1),
.table-alt-status td:nth-child(1) {
  width: 5%;
}

.table-alt-status tr {
  display: table;
  /* display purpose; th's border */
  width: 100%;
  box-sizing: border-box;
  /* because of the border (Chrome needs this line, but not FF) */
}

.table-alt-status td {
  text-align: left;
  border-bottom: none;
  border-left: none;
}




table.navigation2 thead tr {
  background: none;
}

table.table-alt-statuss tbody tr td:first-child {
  border-left: none;
}

.table-alt-statuss {
  width: 100%;
}

.table-alt-statuss td {
  border-collapse: collapse;
  border: none;
}

.table-alt-statuss thead {
  display: table;
  width: calc(100% - 17px);
  /* - 17px because of the scrollbar width */
}

.table-alt-statuss th,
.table-alt-statuss td {
  width: 10%;
  /* to enable "word-break: break-all" */
  padding: 5px;
  word-break: break-all;
  /* 4. */
}

.table-alt-statuss th:nth-child(1),
.table-alt-statuss td:nth-child(1) {
  width: 5%;
}

.table-alt-statuss th:nth-child(5),
.table-alt-statuss td:nth-child(5) {
  width: 20%;
}

.table-alt-statuss th:nth-child(6),
.table-alt-statuss td:nth-child(6) {
  width: 8%;
}

.table-alt-statuss th:nth-child(8),
.table-alt-statuss td:nth-child(8) {
  width: 10%;
}

.table-alt-statuss th:nth-child(9),
.table-alt-statuss td:nth-child(9) {
  width: 9%;
}

.table-alt-statuss th:nth-child(10),
.table-alt-statuss td:nth-child(10) {
  width: 15%;
}




.table-alt-statuss tr {
  display: table;
  /* display purpose; th's border */
  width: 100%;
  box-sizing: border-box;
  /* because of the border (Chrome needs this line, but not FF) */
}

.table-alt-statuss td {
  text-align: left;
  border-bottom: none;
  border-left: none;
}


.card-acc {
  background-color: #3d3f47;
  box-shadow: 0px 1px 22px -12px #000000ab !important;
}

#headingOne,
#headingTwo,
#headingThree {
  background-color: #3d3f47;

}

#headingOne button,
#headingTwo button,
#headingThree button {
  text-decoration: none;
  outline: none;
}

#headingOne button:hover,
#headingTwo button:hover,
#headingThree button:hover {
  color: white;
}

#headingOne button:active,
#headingTwo button:active,
#headingThree button:active {
  background-color: #555863;
}

#headingOne button:focus,
#headingTwo button:focus,
#headingThree button:focus {
  box-shadow: none;
}

.animate-icon {
  transition: 0.4s;
}

.rotate-arrow {
  transform: rotate(180deg);
}

.navbar {
  min-height: 60px;
  padding: 0;
}

.navbar-default .navbar-brand,
.navbar-default .navbar-brand:focus {
  width: 200px;
  background-color: #2a2d35;
  height: 60px;
  padding: 17px 25px;
  font-weight: 400;
  letter-spacing: 5px;
  color: white;
  font-size: 1.12rem;
}

.navbar-default .navbar-brand {
  color: white;
}

.navbar-default .navbar-brand:hover {
  color: white;
  background-color: #2a2d35;
}

.navbar-brand span {
  letter-spacing: normal;
  font-size: 12px;
  margin-left: -15px;
  color: #ffffff;
}

.navbar-default {
  border-bottom: none;
  background-color: #2a2d35;
  box-shadow: 0px 0px 21px #161616;
}

.navbar-default .navbar-nav>li>a {
  color: #6a727a;
}

.navbar-default .navbar-nav>li>a:hover {
  color: #3b3f44;
}

.left-nav-toggle a:hover,
.left-nav-toggle a:focus {
  text-decoration: none;
}

.navbar-nav>li>a {
  text-transform: uppercase;
  font-weight: 500;
}

.navbar-nav>li:first-child>a {
  padding-left: 0;
}

.navbar-nav>li:last-child>a {
  padding-right: 25px;
}

.navbar-nav a .label {
  margin: -5px 0 0 5px;
}

.navbar-form .form-control {
  background-color: #ffffff;
}

#mobile-menu {
  display: none;
}

@media (max-width: 767px) {
  #mobile-menu {
    display: block;
  }
}

#mobile-menu {
  float: right;
}

#mobile-menu .left-nav-toggle {
  padding-top: 8px;
}

.left-nav-toggle {
  float: left;
}

.left-nav-toggle:hover a {
  color: #f6a821;
}

.left-nav-toggle a {
  font-size: 25px;
  color: #949ba2;
  margin-left: 10px;
}

.left-nav-toggle a:hover,
.left-nav-toggle a:focus {
  text-decoration: none;
}

.navigation {
  margin-top: 60px;
  background-color: #24262d;
  width: 200px;
  position: fixed;
  left: 0;
  bottom: 0;
  top: 0;
  transition: width 0.3s ease-out;
  -webkit-transition: width 0.3s ease-out;
  overflow-y: auto;
}

.navigation nav {
  background-color: #24262d;
}

/* .navigation:before {
  transition: left 0.3s ease-out;
  -webkit-transition: left 0.3s ease-out;
  content: '';
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: -1;
  left: 0;
  background-color: #24262d;
  width: 200px;
} */


.navigation.active {
  width: 66px !important;
}


.navigation .my-nav li a span {
  transition: 0.4s;
  cursor: pointer;
}

.navigation.active .my-nav li a span {
  opacity: 0;
}

.navigation .my-nav li span {
  transition: 0.4s;
}

.navigation.active .my-nav li span {
  opacity: 0;
}

.navigation.active .my-nav .side-footer-fix {
  width: 8vh;
}

.side-footer-fix {
  transition: 0.5s;
}

.navigation.active .my-nav .side-footer-fix span {
  opacity: 1;
}

.contentnew.active {
  left: 0px !important;
  margin-left: 60px;
}

.navigation {
  /* width: 15vw; */
  white-space: nowrap;
  overflow-x: hidden;
  transition: 0.5s;
}

/* .navigation2 {
  margin-top: 60px;
  background-color: #24262d;
  width: 100px;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: -1;
  top: 0;
  transition: left 0.3s ease-out;
  -webkit-transition: left 0.3s ease-out;
} */
/* 
.navigation2 nav {
  background-color: #24262d;
} */

.toggle .contentnew {
  margin-left: 80px;
}


.drop-down {
  display: flex;
}

.navigation2 {
  margin-top: 60px;
  background-color: #24262d;
  width: 80px;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: -1;
  top: 0;
  transition: left 0.3s ease-out;
  -webkit-transition: left 0.3s ease-out;
  overflow-y: scroll;
}

.navigation2 nav {
  background-color: #24262d;
}

.toggle .contentnew {
  margin-left: 80px;
}

.toggle .navigation {
  left: -200px;
  transition: left 0.3s ease-out;
  -webkit-transition: left 0.3s ease-out;

}

.toggle .navigation:before {
  left: -200px;
  transition: left 0.3s ease-out;
  -webkit-transition: left 0.3s ease-out;

}

.toggle .navigation .my-nav.nav li span {
  display: none;
  transition: left 0.3s ease-out;
  -webkit-transition: display 0.3s ease-out;
}

.toggle .navigation2 {
  z-index: 1;
}

@media (max-width: 767px) {
  .page-contentnew {
    margin-left: 0;
    padding: 30px 0 10px 0;
  }

  .navigation {
    left: -200px;
    z-index: 10;
  }

  .navigation:before {
    left: -200px;
  }

  .wrap.toggle .contentnew {
    margin-left: 0;
  }

  .wrap.toggle .navigation {
    left: 0;
    z-index: 10;
  }

  .wrap.toggle .navigation:before {
    left: 0;
  }

}

.my-nav.nav .active:hover a i,
.my-nav.nav .active:hover a {
  background: #f6a821;
  color: white;
  border-radius: 8px;
}

.my-nav.nav {
  padding-top: 15px;
  font-size: 0.91rem;
  flex-direction: column;
}

.my-nav.nav .nav-second {
  flex-direction: column;
  flex-wrap: nowrap;
}

.my-nav.nav li>a,
.my-nav.nav .nav-category {
  padding: 8px 15px 8px 25px;
  margin: 0 0;
  text-decoration: none;
}

.my-nav.nav li a i {
  font-size: 14px;
  margin-right: 5px;
}

.my-nav.nav .nav-info {
  margin-top: 50px;
  padding: 20px 25px 25px 25px;
  font-size: 12px;
  background-color: #24262d;
}

.my-nav.nav .nav-info i {
  font-size: 34px;
}

.my-nav.nav .nav-second li>a {
  padding-left: 40px;
}

.my-nav.nav li.active .nav-second li>a {
  padding-left: 40px;
  border-left: none;
  color: #848c94;
}

.my-nav.nav li.active .nav-second li.active a {
  padding-left: 34px;
  border-left: 6px solid #c37e08;
  color: #c0c4c8;

}

.my-nav.nav li.active .nav-second li a:hover {
  color: #c0c4c8;
}

.my-nav.nav li>a {
  color: #848c94;
  display: block;
}

.my-nav.nav li.active a {
  border-left: 6px solid #f6a821;
  padding-left: 19px;
  color: #c0c4c8;
}

.my-nav.nav li.active i:focus {
  font-size: 24px;
  margin-right: 10px;
  color: #ffffff;
}

.my-nav.nav li.nav-category i {
  font-size: 24px;
  margin-right: 10px;
  color: #c0c4c8;
}

.my-nav.nav li.active .change {
  letter-spacing: 1px;
}

.my-nav.nav li a:hover,
.my-nav.nav li a:focus {
  color: white;
  background: #f6a821;
  border-radius: 8px;
}

.my-nav.nav .nav-category {
  color: #FFFFFF;
  margin-top: 10px;
}

.my-nav.nav .sub-nav-icon {
  float: right;

}

.contentnew {
  margin-top: 60px;
  margin-left: 200px;
  position: relative;
  padding: 30px;
  transition: margin-left 0.3s ease-out;
  -webkit-transition: margin-left 0.3s ease-out;

}

.contentnew:before {
  content: '';
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: -2;
  left: 0;
  right: 0;
  background-image: -webkit-radial-gradient(top, circle cover, #393b45 0%, #2d3038 70%);
  background-image: -moz-radial-gradient(center, circle cover, #393b45 0%, #2d3038 70%);
  background-image: -o-radial-gradient(center, circle cover, #393b45 0%, #2d3038 70%);
  background-image: radial-gradient(center, circle cover, #393b45 0%, #2d3038 70%);
  background-position: 50%, 50%;
}

.page_head {
  margin-left: 30px;
}


body.modal-open .wrap_main {
  -webkit-filter: blur(15px);
  -moz-filter: blur(15px);
  -o-filter: blur(15px);
  -ms-filter: blur(15px);
  filter: blur(15px);
}

.navtc a {
  font-size: large;
  color: white;
  padding: 5px 10px 5px 10px;
  margin-left: 20px;
  margin-top: 18px;
}

.navtc a:focus {
  background: #f6a821;
  border-radius: 5px;
  color: #f5f5f5;
}

.navtc {
  margin-left: 170px;
}

.textbox {

  width: 650px;
  height: 280px;
  margin-left: 8%;
  margin-top: -10px;
  overflow-y: auto;
}

.agreecheck {
  margin-left: 8%;
  margin-top: 10px;
}

.agreebtn {
  padding: 5px 10px 5px 10px;
  background: transparent;
  color: white;
  border-radius: 5px;
  border: 1px solid #f6a821;
}

.agreebtn:focus,
.agreebtn:hover {
  background: #f6a821;
  color: rgb(240, 240, 240);

}


.moda {
  background: #33353e;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
}

.button {
  background: #F0F6FC;
  width: 100px;
  height: 28px;
  border-radius: 3px;
  display: inline-block;
  cursor: pointer;
  border: 0;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
  font-family: "Proxima Nova", sans-serif;
  font-size: 14px;
  outline: none;
}

.button:hover,
.button:focus {
  background: #f6a821;
}

.button:active {
  background: #ecf3fb;
}

.button.button-primary {
  background: #f6a821;
  color: rgb(235, 235, 235);
}

.button.button-primary:hover,
.button.button-primary:focus {
  background: #e79200;
}

.button.button-primary:active {
  background: #e79200;
}

.button.button-nav {
  display: none;
}

.button.previous {
  float: left;
}

.button.next {
  float: right;
}

.button.complete {
  float: right;
  display: none;
}

.button:disabled {
  opacity: 0.5;
  cursor: initial;
  pointer-events: none;
}

.carousel_slider {
  width: 820px;
  margin: auto;
}

.controls {
  text-align: center;
  padding: 20px;
  white-space: nowrap;
}

.controls.on-last-slide .button-nav.next {
  display: none;
}

.controls.on-last-slide .complete {
  display: inline-block;
}

.controls.has-nav .button-nav {
  display: inline-block;
}

.controls .dynamic-toggles {
  display: inline-block;
}

.controls .toggle {
  margin: 0 0.25rem;
  display: inline-block;
  width: 1rem;
  height: 1rem;
  border: 0;
  background: #fff;
  border-radius: 100%;
  cursor: pointer;
  outline: none;
  background: #CDD7E0;
}

.controls .toggle:hover,
.controls .toggle:focus {
  background: #E0E8F1;
}

.controls .toggle.active {
  background: #f6a821;
}

.slide-container {
  height: 520px;
}

.slide_slider {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  background: #fff;
  opacity: 0;
  transition: opacity 0.3s ease;
  height: 400px;
}

.slide_slider.active {
  opacity: 1;
  z-index: 1;
}

.visual-content-container {
  height: 400px;
  width: 820px;
}

.visual-content-container img,
.visual-content-container video {
  max-width: 100%;
  max-height: 100%;
}

.helper-content-container {
  display: table;
  width: 100%;
  position: absolute;
  right: 0;
  top: 410px;
  left: 0;
  height: 100px;
  box-sizing: border-box;
  padding: 0 20px;
}

.helper-content {
  display: table-cell;
  vertical-align: middle;
  font-size: 1rem;
}

.slide-title {
  font-size: 1.2rem;
  font-weight: 600;
}

#pills-home-tab.active {
  background-color: #f6a821;
  border-radius: 5px;
}

#pills-profile-tab.active {
  background-color: #f6a821;
  border-radius: 5px;
}

.maps {
  filter: drop-shadow(0 15px 4px #14151b);
  padding-bottom: 0% !important;
  height: 400px;

}


.panel-cont {
  padding: 5px;
  height: 110px;
  overflow-y: auto;
  margin-top: -10px;
}



.toggleWrapper input.mobileToggle {
  opacity: 0;
  position: absolute;

}

.toggleWrapper input.mobileToggle+label {
  position: relative;
  display: inline-block;
  user-select: none;
  -moz-transition: 0.4s ease;
  -o-transition: 0.4s ease;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
  -webkit-tap-highlight-color: transparent;
  height: 20px;
  width: 35px;
  border-radius: 60px;
  box-shadow: 4px 4px 5px #292b32,
    -4px -4px 5px #515564;


}

.toggleWrapper input.mobileToggle+label:before {
  content: "";
  position: absolute;
  display: block;
  -moz-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
  -o-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
  -webkit-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
  transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
  height: 20px;
  width: 35px;
  top: 0;
  left: 0;
  border-radius: 30px;
  background: #f6a821;
  box-shadow: inset 5px 5px 4px #ce8d1d,
    inset -5px -5px 4px #ffe32d;
}

.toggleWrapper input.mobileToggle+label:after {
  content: "";
  position: absolute;
  display: block;
  box-shadow: 0 0 0 1px hsla(0, 0%, 0%, 0.1), 0 4px 0px 0 hsla(0, 0%, 0%, 0.04), 0 4px 9px hsla(0, 0%, 0%, 0.13), 0 3px 3px hsla(0, 0%, 0%, 0.05);
  -moz-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
  -o-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
  -webkit-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
  transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
  background: whitesmoke;
  filter: drop-shadow(2px 5px 4px #1c1e27);
  height: 17px;
  width: 17px;
  top: 1px;
  left: 17px;
  border-radius: 60px;
}

.toggleWrapper input.mobileToggle:checked+label:before {
  background: #2c2e36;
  -moz-transition: width 0.2s cubic-bezier(0, 0, 0, 0.1);
  -o-transition: width 0.2s cubic-bezier(0, 0, 0, 0.1);
  -webkit-transition: width 0.2s cubic-bezier(0, 0, 0, 0.1);
  transition: width 0.2s cubic-bezier(0, 0, 0, 0.1);
  box-shadow: inset 5px 5px 5px #121216,
    inset -5px -5px 5px #464a56;
}

.toggleWrapper input.mobileToggle:checked+label:after {
  left: 0px;
}

.optionbox2 {
  margin-top: 1px;
}

.optionbox2 select {
  background: #353741;
  color: white;
  border: 1px solid white;
  width: 100%;
  height: 25px;
  border-radius: 5px;
}

.profile-3tabs .nav-tabs {
  border-bottom: none;
}

.btn_protab {
  background-color: transparent;
  color: rgb(216, 216, 216);
  border: none;
  font-size: 14px;
  height: 40px;
}

.profile-3tabs .active {
  border-bottom: 3px solid #f6a526;
  color: #f6a526;
  font-weight: bold;
}

.r_keywords-scans {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}

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

.r_keyword {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

}

.r_keyword p,
.r_scan p {
  font-size: 15px;
}

.new_user {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  transition: 200ms ease-in;
}

.new_user i {
  font-size: 150px;
  opacity: 0.7;

}

.new_user-text {
  font-size: large;
  letter-spacing: 1px;
}

.new_user:hover {
  color: white;
  opacity: 1;
}

.panel_shrink {
  transition-duration: 0.5s;
  transition-property: transform;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transform: translateZ(0);
  cursor: pointer;
}

.panel_shrink:active {
  transform: scale(0.9);
}

.activites_user {
  display: flex;
  justify-content: space-between;
  position: absolute;
  bottom: 0;
}

.subact-head {
  margin: auto;
  text-align: center;
  color: #f6a821;
}

.subact_user {
  margin-right: 45px;
}

.subact_user h2 {
  text-align: center;
}

.m-flex {
  display: flex;
  justify-content: space-between;
}

.active-label {
  font-size: 12px;
  font-weight: bold;
  background: #f6a821;
  width: fit-content;
  height: fit-content;
  padding: 0px 5px;
  border-radius: 2px;
  color: white;
}

.active-label2 {
  font-size: 12px;
  font-weight: bold;
  background: #f6a821;
  width: fit-content;
  height: fit-content;
  padding: 2px 6.5px;
  border-radius: 2px;
  color: white;
}

.user_name {
  display: flex;
  justify-content: space-between;
  position: relative;
}

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

.fa-u-flex {
  justify-content: flex-end;
  font-size: 80px;
}

.padding-0 {
  padding-right: 0;
  padding-left: 0;
}

.user_names {
  font-size: 14px;
  margin-top: 41px;
  margin-left: 20px;
  color: white;
}


/********** FORM CSS **********/
.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
  /* border-top: 1px solid #3d404c !important; */
  border-top: 1px solid transparent !important;
}

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

.table-striped>tbody>tr:nth-of-type(odd) {
  background-color: rgba(68, 70, 79, 0.5);
}

.table>thead>tr>td.active,
.table>tbody>tr>td.active,
.table>tfoot>tr>td.active,
.table>thead>tr>th.active,
.table>tbody>tr>th.active,
.table>tfoot>tr>th.active,
.table>thead>tr.active>td,
.table>tbody>tr.active>td,
.table>tfoot>tr.active>td,
.table>thead>tr.active>th,
.table>tbody>tr.active>th,
.table>tfoot>tr.active>th {
  background-color: #494b54;
}

.table-hover>tbody>tr:hover {
  background-color: #494b54;
}

.table-bordered,
.table-bordered>thead>tr>th,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>td {
  border-color: #3d404c;
}

.panel-filled .table>thead>tr>th,
.panel-filled .table>tbody>tr>th,
.panel-filled .table>tfoot>tr>th,
.panel-filled .table>thead>tr>td,
.panel-filled .table>tbody>tr>td,
.panel-filled .table>tfoot>tr>td {
  border-color: #484c5a;
}

.panel-filled .table-bordered,
.panel-filled .table-bordered>thead>tr>th,
.panel-filled .table-bordered>tbody>tr>th,
.panel-filled .table-bordered>tfoot>tr>th,
.panel-filled .table-bordered>thead>tr>td,
.panel-filled .table-bordered>tbody>tr>td,
.panel-filled .table-bordered>tfoot>tr>td {
  border-color: #484c5a;
}

.panel-filled .table-striped>tbody>tr:nth-of-type(odd) {
  background-color: #44464f;
}

.panel-filled .table-hover>tbody>tr:hover {
  background-color: #494b54;
}

th {
  color: #ffffff;
}

.table>thead>tr>td.success,
.table>tbody>tr>td.success,
.table>tfoot>tr>td.success,
.table>thead>tr>th.success,
.table>tbody>tr>th.success,
.table>tfoot>tr>th.success,
.table>thead>tr.success>td,
.table>tbody>tr.success>td,
.table>tfoot>tr.success>td,
.table>thead>tr.success>th,
.table>tbody>tr.success>th,
.table>tfoot>tr.success>th {
  background-color: rgba(27, 191, 137, 0.2);
  border: none;
}

.table-hover>tbody>tr>td.success:hover,
.table-hover>tbody>tr>th.success:hover,
.table-hover>tbody>tr.success:hover>td,
.table-hover>tbody>tr:hover>.success,
.table-hover>tbody>tr.success:hover>th {
  background-color: #18a979;
}

.table>thead>tr>td.info,
.table>tbody>tr>td.info,
.table>tfoot>tr>td.info,
.table>thead>tr>th.info,
.table>tbody>tr>th.info,
.table>tfoot>tr>th.info,
.table>thead>tr.info>td,
.table>tbody>tr.info>td,
.table>tfoot>tr.info>td,
.table>thead>tr.info>th,
.table>tbody>tr.info>th,
.table>tfoot>tr.info>th {
  background-color: rgba(86, 192, 224, 0.2);
  border: none;
}

.table-hover>tbody>tr>td.info:hover,
.table-hover>tbody>tr>th.info:hover,
.table-hover>tbody>tr.info:hover>td,
.table-hover>tbody>tr:hover>.info,
.table-hover>tbody>tr.info:hover>th {
  background-color: #40b8dc;
}

.table>thead>tr>td.warning,
.table>tbody>tr>td.warning,
.table>tfoot>tr>td.warning,
.table>thead>tr>th.warning,
.table>tbody>tr>th.warning,
.table>tfoot>tr>th.warning,
.table>thead>tr.warning>td,
.table>tbody>tr.warning>td,
.table>tfoot>tr.warning>td,
.table>thead>tr.warning>th,
.table>tbody>tr.warning>th,
.table>tfoot>tr.warning>th {
  background-color: rgba(247, 175, 62, 0.2);
  border: none;
}

.table-hover>tbody>tr>td.warning:hover,
.table-hover>tbody>tr>th.warning:hover,
.table-hover>tbody>tr.warning:hover>td,
.table-hover>tbody>tr:hover>.warning,
.table-hover>tbody>tr.warning:hover>th {
  background-color: #f6a526;
}

.table>thead>tr>td.danger,
.table>tbody>tr>td.danger,
.table>tfoot>tr>td.danger,
.table>thead>tr>th.danger,
.table>tbody>tr>th.danger,
.table>tfoot>tr>th.danger,
.table>thead>tr.danger>td,
.table>tbody>tr.danger>td,
.table>tfoot>tr.danger>td,
.table>thead>tr.danger>th,
.table>tbody>tr.danger>th,
.table>tfoot>tr.danger>th {
  background-color: rgba(219, 82, 75, 0.2);
  border: none;
}

.table-hover>tbody>tr>td.danger:hover,
.table-hover>tbody>tr>th.danger:hover,
.table-hover>tbody>tr.danger:hover>td,
.table-hover>tbody>tr:hover>.danger,
.table-hover>tbody>tr.danger:hover>th {
  background-color: #d73e36;
}

.table-responsive {
  border-color: #484c5a !important;
}

.table.table-vertical-align-top tbody>tr>td {
  vertical-align: top;
}

.table.table-vertical-align-middle tbody>tr>td {
  vertical-align: middle;
}

.table.table-vertical-align-bottom tbody>tr>td {
  vertical-align: bottom;
}

.table th,
.table td {
  padding: 8px;
}

.table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>th,
.table>caption+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>td,
.table>thead:first-child>tr:first-child>td {
  border-top: 0;
}

.table-sm th,
.table-sm td {
  padding: 0.3rem !important;
}

/*table*/
/* notification alerts css */
.icon-circle {
  background-color: white;
  border-radius: 50%;
  border: 1px solid grey;
  padding: 5px;
}

/* for removing the drop down arrow */
.dropdown-toggle::after {
  content: none;
}

/*top chart box shadows*/
.box {
  box-shadow: 0px 1px 22px -12px #000000ab;
  background-color: #fff;
  padding: 25px 35px 25px 30px;
}

/* notification scroll */

.dropdown-list {
  height: 201px;
  max-width: 410px;
  overflow: hidden;
  background-color: #3d3f47;
}

/* notification scroll */
.show-scroll {
  overflow-y: scroll;
}

.form-group {
  margin-bottom: 1rem;
}

.row {
  margin-left: -10px;
  margin-right: -10px;
}

.row2 {
  margin-left: -10px;
  margin-right: -10px;
}

.row3 {
  margin-left: -10px;
  margin-right: -10px;
}

.col-lg-3,
.col-xs-7 {
  padding-left: 40px;
  padding-right: 40px;
}

/*panel*/
.ui-sortable .panel-body {
  cursor: move;
}

.panel {
  background-color: white;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: 0px 1px 22px -12px #000000ab;
  color: #949ba2;
  border-radius: 8px;
  margin-bottom: 20px;
}

.panel .panel-body {
  padding: 5px 15px 15px 15px;
}

.panel.panel-filled .panel-body {
  padding-top: 10px;
}

.panel .panel-footer {
  background-color: transparent;
  border: none;
}

.panel>.panel-heading {
  color: #ffffff;
}

.panel-tools {
  display: inline-block;
  float: right;
  margin-top: 0;
  padding: 0;
  position: relative;
}

.panel-tools a {
  margin-left: 2px;
  color: #949ba2;
  cursor: pointer;
}

.panel-tools a:hover {
  color: #ffffff;
}

.panel.panel-c-white {
  border-left: 3px solid #949ba2;
}

.panel.panel-c-accent {
  border-left: 3px solid #f6a821;
}

.panel.panel-c-primary {
  border-left: 3px solid #0f83c9;
}

.panel.panel-c-warning {
  border-left: 3px solid #f7af3e;
}

.panel.panel-c-info {
  border-left: 3px solid #56c0e0;
}

.panel.panel-c-success {
  border-left: 3px solid #1bbf89;
}

.panel.panel-c-danger {
  border-left: 3px solid #db524b;
}

.panel.panel-b-accent {
  background-color: #f6a821;
  color: #b9b9b9;
}

.panel.panel-b-white {
  background-color: white;
  color: #ffffff;
}

.panel.panel-b-white .panel-heading {
  color: #61686f;
}

.panel.panel-b-white .panel-footer {
  color: #61686f;
}

.panel.panel-filled {
  background-color: #3d3f47;
}

.panel.collapsed .panel-body,
.panel.collapsed .panel-footer {
  display: none;
}

.panel.collapsed .fa.fa-chevron-up:before {
  content: "\f078";
}

.panel.collapsed .fa.fa-chevron-down:before {
  content: "\f077";
}

/* Support panels form Bootstrap 3 */
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel-body {
  padding: 15px;
}

.tab-pane .panel-body {
  border-top: none;
  background-color: rgba(68, 70, 79, 0.5);
  margin-bottom: 20px;
}

.tabs-left .panel-body {
  position: static;
}

.tabs-left .panel-body {
  width: 80%;
  margin-left: 20%;
}

.tabs-right .panel-body {
  width: 80%;
  margin-right: 20%;
}

.panel-filled .table>thead>tr>th,
.panel-filled .table>tbody>tr>th,
.panel-filled .table>tfoot>tr>th,
.panel-filled .table>thead>tr>td,
.panel-filled .table>tbody>tr>td,
.panel-filled .table>tfoot>tr>td {
  border-color: #484c5a;
}

.panel-filled .table-bordered,
.panel-filled .table-bordered>thead>tr>th,
.panel-filled .table-bordered>tbody>tr>th,
.panel-filled .table-bordered>tfoot>tr>th,
.panel-filled .table-bordered>thead>tr>td,
.panel-filled .table-bordered>tbody>tr>td,
.panel-filled .table-bordered>tfoot>tr>td {
  border-color: #484c5a;
}

.panel-filled .table-striped>tbody>tr:nth-of-type(odd) {
  background-color: #44464f !important;
}

.panel-filled .table-hover>tbody>tr:hover {
  background-color: #494b54;
}

.support-question a.nav-link .panel-body {
  padding: 10px 0 0 0;
}

.note-editor.card.fullscreen .panel-heading {
  background-color: #2f323b;
}

.ld-loading .panel-body {
  position: relative;
}

.ld-loading .panel-body>* {
  transition: opacity 0.3s;
  opacity: 0.2;
}

.ld-loading .panel-body:before {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 50;
}

.m-b-none {
  margin-bottom: 0 !important;
  color: white;
}

.slight {
  font-size: 12px;
  font-weight: 300;
  color: white;
}

small,
.small {
  font-size: 90%;
  color: white;
}

.text-muted {
  color: #868e96;
}

.text-accent {
  color: #f6a821;
}

.text-primary {
  color: #0f83c9;
}

.text-success {
  color: #1bbf89;
}

.text-info {
  color: #56c0e0;
}

.text-warning {
  color: #f7af3e;
}

.text-danger {
  color: #db524b;
}

.m-t-sm {
  margin-top: 10px;
}

.c-white {
  color: white;
}

.btn-default {
  border-color: #585d6e;
}

.btn {
  color: white;
  background-color: transparent;
  font-size: 0.9rem;
}

.label-accent {
  background-color: #f6a821;
}

label {
  color: #ffffff;
  font-weight: 500;
}

.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}

.jqstooltip {
  padding: 5px !important;
  border: none !important;
  border-radius: 10px;
  background-color: #f6a821 !important;
  width: auto !important;
  height: auto !important;
}

/*panel*/
/*panel row2*/
.m-white {
  color: white;
  font-size: 20px;
}

/*panel row2*/
.chartthreat {
  margin-top: 20px;
}

.chartrogueapp {
  align-items: center;
  margin-top: 60px;
  margin-left: 20px;
}

.chartover {
  margin-top: 15px;
}

.chartrogueapp {
  margin-right: 25px;
}

.form-control {
  letter-spacing: 0px;
  box-shadow: none;
  color: #2C2C2D;
  font-size: 14px;
  margin-bottom: 0px;
  height: 38px;
  background: #afafaf 0% 0% no-repeat padding-box;
  border: 1px solid #8b898973;
  border-radius: 8px;
}

.error_msg {
  color: #F71E3B;
  font-size: 14px;
  text-align: left;
}

label.control-label {
  font-weight: 600;
  margin-bottom: 0.2rem;
  font-size: 0.8rem;
}

.input-group-text {
  color: #0b1c4291;
  height: 34px;
  font-size: 14px;
  line-height: 34px;
}

::-webkit-input-placeholder {
  /* Edge */
  color: #7A7A84;
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #7A7A84;
}

::placeholder {
  color: #7A7A84;
}

.toggle_switch {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 24px;
}

.toggle_switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.toggle_slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.toggle_slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked+.toggle_slider {
  background-color: #ff7800;
}

input:focus+.toggle_slider {
  box-shadow: 0 0 1px #ff7800;
}

input:checked+.toggle_slider:before {
  -webkit-transform: translateX(18px);
  -ms-transform: translateX(18px);
  transform: translateX(18px);
}

/* Rounded sliders */
.toggle_slider.toggle_round {
  border-radius: 34px;
}

.toggle_slider.toggle_round:before {
  border-radius: 50%;
}


/* The container */
.check_container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 4px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.check_container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.check_checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border-radius: 5px;
  border: 2px solid #8b8989;
}

/* On mouse-over, add a grey background color */
.check_container:hover input~.check_checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.check_container input:checked~.check_checkmark {
  background-color: #ff7800;
}

/* Create the checkmark/indicator (hidden when not checked) */
.check_checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.check_container input:checked~.check_checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.check_container .check_checkmark:after {
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid #333;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/********** FORM CSS **********/



/***** Common CSS *****/


td,
th,
strong,
h1,
h2,
h3,
h4,
h5,
h6,
div {
  color: #cac9c9;
}

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

.page-wrapper.toggled .page-content {
  padding-left: 240px;
  padding-top: 65px;
}

.page_card {
  padding: 30px !important;
}

.page_card h1 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 1rem;
}

.btn-primary {
  border-radius: 5px;
  text-transform: capitalize;
  font-size: 14px;
  height: 32px;
  line-height: 34px;
  color: #fff;
  border: 1px solid #f6a821;
  background: #f6a821;
  padding: 0 15px;
  font-weight: 600;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open>.dropdown-toggle.btn-primary.focus,
.open>.dropdown-toggle.btn-primary:focus,
.open>.dropdown-toggle.btn-primary:hover .btn-primary:hover,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:visited,
.btn-primary:active,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
  background-color: #ce8c1a;
  border: 1px solid #ce8c1a;
  color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
  box-shadow: none;
}

.btn-primary svg {
  margin-right: 8px;
}

.btn-secondary {
  border-radius: 5px;
  text-transform: capitalize;
  font-size: 14px;
  height: 32px;
  line-height: 30px;
  color: #fff;
  border: 1px solid #f6a821;
  background: #f6a821;
  padding: 0 15px;
  font-weight: 600;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-secondary.active.focus,
.btn-secondary.active:focus,
.btn-secondary.active:hover,
.btn-secondary:active.focus,
.btn-secondary:active:focus,
.btn-secondary:active:hover,
.open>.dropdown-toggle.btn-secondary.focus,
.open>.dropdown-toggle.btn-secondary:focus,
.open>.dropdown-toggle.btn-secondary:hover .btn-secondary:hover,
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:visited,
.btn-secondary:active {
  background-color: #ce8c1a;
  border: 1px solid #ce8c1a;
  color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
}

.btn-light {
  border-radius: 4px;
  text-transform: capitalize;
  font-size: 14px;
  height: 32px;
  line-height: 30px;
  color: #fff;
  border: 1px solid #95aac9;
  background: #95aac9;
  padding: 0 15px;
  font-weight: 600;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-light.active.focus,
.btn-light.active:focus,
.btn-light.active:hover,
.btn-light:active.focus,
.btn-light:active:focus,
.btn-light:active:hover,
.open>.dropdown-toggle.btn-light.focus,
.open>.dropdown-toggle.btn-light:focus,
.open>.dropdown-toggle.btn-light:hover .btn-light:hover,
.btn-light:hover,
.btn-light:focus,
.btn-light:visited,
.btn-light:active {
  background-color: #738fb8;
  border: 1px solid #738fb8;
  color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
}

.btn-grey {
  border-radius: 4px;
  text-transform: capitalize;
  font-size: 14px;
  height: 32px;
  line-height: 30px;
  color: #ffffffa8;
  border: 1px solid #ffffffa8;
  background: transparent;
  padding: 0 15px;
  font-weight: 600;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-grey.active.focus,
.btn-grey.active:focus,
.btn-grey.active:hover,
.btn-grey:active.focus,
.btn-grey:active:focus,
.btn-grey:active:hover,
.open>.dropdown-toggle.btn-grey.focus,
.open>.dropdown-toggle.btn-grey:focus,
.open>.dropdown-toggle.btn-grey:hover .btn-grey:hover,
.btn-grey:hover,
.btn-grey:focus,
.btn-grey:visited,
.btn-grey:active {
  background-color: transparent;
  border: 1px solid #ffffffd1;
  color: #ffffffd1;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
}

.btn-dark {
  border-radius: 4px;
  text-transform: capitalize;
  font-size: 14px;
  height: 32px;
  line-height: 30px;
  color: #fff;
  border: 1px solid #0B1C42;
  background: #0B1C42;
  padding: 0 15px;
  font-weight: 600;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-dark.active.focus,
.btn-dark.active:focus,
.btn-dark.active:hover,
.btn-dark:active.focus,
.btn-dark:active:focus,
.btn-dark:active:hover,
.open>.dropdown-toggle.btn-dark.focus,
.open>.dropdown-toggle.btn-dark:focus,
.open>.dropdown-toggle.btn-dark:hover .btn-dark:hover,
.btn-dark:hover,
.btn-dark:focus,
.btn-dark:visited,
.btn-dark:active {
  background-color: #343a40;
  border: 1px solid #343a40;
  color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
}

button:focus {
  outline: none;
}

.btn-primary.add_btn {
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 10px;
  opacity: 1;
  padding: 0;
  color: #fff;
  border-radius: 30px;
}

.btn-primary.add_btn svg {
  margin: 0;
}

.btn-round {
  border-radius: 50px;
}

.btn-primary.add_btn.add_big_btn {
  width: 30px;
  height: 30px;
  margin-bottom: 5px;
  font-size: 12px;
}

.edit_button_demo {
  position: absolute;
  top: -20px;
  right: 0;
  z-index: 99;
}

.white_card {
  padding: 10px;
  background: #ffffff;
  margin-bottom: 10px;
  box-shadow: 0px 0px 10px #00000005;
  border-radius: 4px;
}

h6 {
  font-size: 16px;
  color: #0B1C42;
  margin-bottom: 5px;
}

h5 {
  font-size: 15px;
  color: #0B1C42;
  margin-bottom: 5px;
}

h6 strong {
  font-weight: 400;
}

strong {
  font-weight: 600;
}

.modal-header {
  background-color: #F5F6FA;

}

.control-label {
  font-weight: 600;
}

.close {
  color: #0B1C42;
}

.modal-body,
.modal-footer,
.modal-header {
  padding: 8px 15px;
}

.table {
  border-radius: 4px;
  overflow: hidden;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
}

.table tbody tr {
  height: 40px !important;
  background-color: #3c3e47 !important;
}

.table tbody tr:nth-of-type(odd) {
  background-color: rgb(124 134 157 / 11%);
}

td em.fa-pencil-square-o {
  color: #FFC107 !important;
}

td em.fa-trash {
  color: #e91e63 !important;
}

td em.fa {
  cursor: pointer;
}

.action_icons {
  width: 110px;
}

.action_icons svg {
  color: #7F889D;
  margin-right: 4px;
}

.primary-color {
  color: #ff7800;
}

.grey_card {
  background-color: #F5F6FA;
  border-radius: 4px;
  padding: 15px;
  margin-bottom: 15px;
}

.nav-tabs .nav-link,
.nav-tabs .nav-link:hover {
  border: 1px solid #babecf;
  border-color: #babecf !important;
  /* margin: 0 10px -1px 1px !important; */
  height: 50px !important;
  line-height: 16px !important;
  color: #bbbbbb;
}

.nav-tabs .nav-link {
  display: flex;
  align-items: center;
}

.nav-tabs .nav-link.active {
  border-color: #e9e9f0 #fff #f6a821 #e9e9f0 !important;
  border-bottom-width: 3px !important;
  font-weight: 600;
  color: #f6a821;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  background-color: rgb(69, 70, 77);
  border-bottom: 4px solid #f6a821 !important;
}

.tab-content {
  padding: 15px 0;
}

.breadcrumb {
  margin-bottom: 0;
  padding: 0 0 0.2rem 0 !important;
}

.page-link {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #2E476533;
  border-radius: 4px;
  margin: 0 4px;
  text-align: center;
  width: 35px;
  color: #7A7A84;
  line-height: 32px;
  font-size: 14px;
  height: 35px;
  padding: 0;
}

.page-link:hover {
  color: #fff;
  background-color: #ff7800;
  border-color: #ff7800;
}

.pagination {
  float: right;
}


/*-----------------------------chiller-theme-------------------------------------------------*/
.page-wrapper .sidebar-wrapper,
.sidebar-wrapper .sidebar-brand>a,
.sidebar-wrapper .sidebar-dropdown>a:after,
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before,
.page-wrapper .page-content,
.sidebar-wrapper .sidebar-menu ul li a,
#show-sidebar,
#close-sidebar {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/*----------------page-wrapper----------------*/

.page-wrapper {
  height: 100vh;
}

.page-wrapper .theme {
  width: 40px;
  height: 40px;
  display: inline-block;
  border-radius: 4px;
  margin: 2px;
}

.page-wrapper .theme.chiller-theme {
  background: #1e2229;
}

/*----------------toggeled sidebar----------------*/

.page-wrapper.toggled .sidebar-wrapper {
  left: 0px;
}

/*----------------show sidebar button----------------*/
#show-sidebar {
  position: fixed;
  left: 50px;
  top: 10px;
  border-radius: 0 4px 4px 0px;
  width: 35px;
  transition-delay: 0.3s;
  z-index: 999;
  background-color: #0b1c42;
  border: none;
}

.page-wrapper.toggled #show-sidebar {
  left: -40px;
}

/*----------------sidebar-wrapper----------------*/

.sidebar-wrapper {
  width: 60px;
  height: 100%;
  max-height: 100%;
  position: fixed;
  top: 0;
  left: -0px;
  z-index: 999;
}

.toggled .sidebar-wrapper {
  width: 230px;
  height: 100%;
  max-height: 100%;
  position: fixed;
  top: 0;
  left: -0px;
  z-index: 999;
}

.sidebar-wrapper ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.sidebar-wrapper a {
  text-decoration: none;
}

/*----------------sidebar-content----------------*/

.sidebar-content {
  max-height: 100%;
  height: 100%;
  overflow-y: auto;
  position: relative;
  overflow-x: hidden;
}

.sidebar-content.desktop {
  overflow-y: hidden;
}

/*--------------------sidebar-brand----------------------*/

.sidebar-wrapper .sidebar-brand {
  padding: 24px 20px 0 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sidebar-wrapper .sidebar-brand>img {
  flex-grow: 1;
  width: auto;
}

.sidebar-wrapper .sidebar-brand #close-sidebar {
  cursor: pointer;
  font-size: 16px;
}

/*----------------------sidebar-menu-------------------------*/

.sidebar-wrapper .sidebar-menu {
  padding-bottom: 10px;
}

.sidebar-wrapper .sidebar-menu .header-menu span {
  font-weight: bold;
  font-size: 14px;
  padding: 15px 20px 5px 20px;
  display: inline-block;
}

.sidebar-wrapper .sidebar-menu ul li a {
  display: inline-block;
  width: 100%;
  text-decoration: none;
  position: relative;
  padding: 9px 15px;
}

.sidebar-wrapper .sidebar-menu ul li a img {
  margin-right: 0px;
  width: 14px;
}

.toggled .sidebar-wrapper .sidebar-menu ul li a img {
  margin-right: 12px;
  width: 22px;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu ul {
  padding: 5px 0;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li {
  padding-left: 25px;
  font-size: 13px;
}

.sidebar-wrapper .sidebar-menu ul li a span.label,
.sidebar-wrapper .sidebar-menu ul li a span.badge {
  float: right;
  margin-top: 8px;
  margin-left: 5px;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .badge,
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .label {
  float: right;
  margin-top: 0px;
}

.sidebar-wrapper .sidebar-menu .sidebar-submenu {
  display: none;
}

/*--------------------------page-content-----------------------------*/

.page-wrapper .page-content {
  display: inline-block;
  width: 100%;
  padding-left: 60px;
  padding-top: 50px;
}

.page-wrapper .page-content>div {
  padding: 20px 40px;
}

.page-wrapper .page-content {
  overflow-x: hidden;
}

/*------scroll bar---------------------*/

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

::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}

::-webkit-scrollbar-thumb {
  background: #91949b;
  border: 0px none #ffffff;
  border-radius: 6px;
}

::-webkit-scrollbar-thumb:hover {
  background: #606772;
}

::-webkit-scrollbar-thumb:active {
  background: #525965;
}

::-webkit-scrollbar-track {
  background: white;
  border: 0px none #ffffff;
  border-radius: 50px;
}

/* ::-webkit-scrollbar-track:hover {
  background: transparent;
}

::-webkit-scrollbar-track:active {
  background: transparent;
}

::-webkit-scrollbar-corner {
  background: transparent;
} */


/*-----------------------------chiller-theme-------------------------------------------------*/

.chiller-theme .sidebar-wrapper {
  background: #2a2d35;
}

.chiller-theme .sidebar-wrapper .sidebar-menu {
  border-top: 1px solid #ffffff1a;
}

.chiller-theme .sidebar-wrapper .group-sidebar {
  padding-top: 20px;
  margin-top: 20px;
}

.chiller-theme .sidebar-wrapper .group-header {
  opacity: 0.8;
  border-top: solid 1px #66656526;
  padding: 9px 28px 9px 28px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.21;
  text-align: left;
  color: #a1a0a0;
}

.chiller-theme .sidebar-wrapper .sidebar-menu ul li {
  margin-bottom: 0px;
}

.chiller-theme .sidebar-wrapper .sidebar-brand>a,
.chiller-theme .sidebar-wrapper .sidebar-menu ul li a {
  color: #b1b1b1;
  opacity: 1;
  height: 42px;
  line-height: 24px;
  width: 190px;
  display: block;
  border-radius: 0 10px 10px 0;
  letter-spacing: 0.3px;
}

.chiller-theme .sidebar-wrapper .sidebar-submenu ul li {
  margin-bottom: 0;
}

.chiller-theme .sidebar-wrapper .sidebar-submenu ul li a {
  padding-left: 25px;
  height: 36px;
  line-height: 18px;
}

.chiller-theme .sidebar-wrapper .sidebar-menu ul li a:hover {
  /* background: transparent linear-gradient(90deg, #ff7800 0%, #ff78008a 100%) 0% 0% no-repeat; */
  background-color: #f6a821;
  opacity: 1;
}

.chiller-theme.toggled .sidebar-wrapper .sidebar-menu ul li a:hover {
  /* background: transparent linear-gradient(90deg, #ff7800 0%, #ff780000 100%) 0% 0% no-repeat; */
  background-color: #f6a821;
  color: #fff;
  opacity: 1;
}

.chiller-theme.toggled .sidebar-wrapper .sidebar-menu ul li.active a {
  background-color: #f6a821;
  color: #fff;
}

.page-wrapper.chiller-theme.toggled #close-sidebar {
  color: #bdbdbd;
  /* display: none; */
}

.page-wrapper.chiller-theme.toggled #close-sidebar:hover {
  color: #ffffff;
}

.chiller-theme .sidebar-wrapper ul li:hover a i,
.chiller-theme .sidebar-wrapper .sidebar-dropdown .sidebar-submenu li a:hover:before,
.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active a i {
  color: #16c7ff;
  text-shadow: 0px 0px 10px rgba(22, 199, 255, 0.5);
}

.chiller-theme .sidebar-wrapper .sidebar-menu .header-menu span {
  color: #6c7b88;
}

.sidebar-wrapper .sidebar-menu ul li a:hover>i::before {
  display: inline-block;
  animation: swing ease-in-out 0.5s 1 alternate;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown>a:after {
  font-family: "FontAwesome";
  font-weight: 900;
  content: "\f105";
  font-style: normal;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  background: 0 0;
  position: absolute;
  right: 15px;
  top: 10px;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu ul {
  padding: 5px 0;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li {
  padding-left: 25px;
  font-size: 13px;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before {
  content: "\f111";
  font-family: "FontAwesome";
  font-weight: 400;
  font-style: normal;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 10px;
  font-size: 8px;
}

.sidebar-wrapper .sidebar-menu ul li a span.label,
.sidebar-wrapper .sidebar-menu ul li a span.badge {
  float: right;
  margin-top: 8px;
  margin-left: 5px;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .badge,
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .label {
  float: right;
  margin-top: 0px;
}

.sidebar-wrapper .sidebar-menu .sidebar-submenu {
  display: none;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown.active>a:after {
  transform: rotate(90deg);
  right: 17px;
}

/* Header CSS */
.navbar-expand-lg {
  position: fixed;
  width: 100%;
  padding: 0 1rem;
  padding-left: 100px;
  background-color: #fff !important;
  border-bottom: 1px solid #2a2d35;
  z-index: 999;
}

.navbar-expand-lg.nav-toggled {
  padding-left: 265px;
}

.form-control.search_control {
  margin-bottom: 0;
  width: 100%;
  font-size: 14px;
  color: #0B1C42;
  border-radius: 0;
  border: none;
  padding-left: 30px;
}

.form-control.search_control:focus {
  box-shadow: none;
}

.navbar_search {
  position: relative;
}

.navbar_search img {
  width: 14px;
  position: absolute;
  top: 16px;
  left: 2px;
}

.user_logout a img {
  border-radius: 10px;
  width: 30px;
  height: 30px;
  margin-right: 0.3rem;
  float: left;
}

.user_logout span {
  float: left;
  min-width: 100px;
  font-size: 12px;
  max-width: 120px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 14px;
}

.user_logout .dropdown-toggle::after {
  border-top: .3em solid #8b8989;
}

.user_logout .nav-link {
  color: #afafaf !important;
}

.welcome_user {
  line-height: 46px;
}

.welcome_user span {
  color: #0B1C42;
  font-size: 14px;
  margin-right: 2px;
}

.welcome_user span,
.welcome_user span strong {
  color: #fff;
}

.width_100 {
  width: 100%;
}

.nav_icon em {
  color: #000000 !important;
  font-size: 16px;
}

.nav_icon {
  padding: 7px;
}

.nav_icon .nav-link {
  display: block;
  padding: 0 !important;
  /* height: 50px;
  line-height: 32px; */
  color: white;
}

.nav_icon.question-icon .nav-link {
  background-color: #7b1fa2;
}

.nav_icon.bell-icon .nav-link {
  color: white;
  line-height: 34px;
  text-align: center;
  position: relative;
}

.nav_icon.bell-icon .nav-link span {
  position: absolute;
  right: -12px;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  padding: 3px 2px 0px 0px;
  text-align: center;
}

.nav_icon.random-icon .nav-link {
  background-color: #689f38;
}

.nav_icon.star-icon .nav-link {
  background-color: #388e3c;
}

.bell_icon {
  line-height: 28px;
  margin-right: 30px;
  position: relative;
}

.bell_icon a img {
  width: 16px;
}

.bell_icon:after {
  content: '';
  width: 8px;
  height: 8px;
  background: #F7C908;
  position: absolute;
  top: 20px;
  right: 5px;
  border-radius: 10px;
}

.search_bar_nav {
  position: relative;
}

.search_bar_nav .form-control {
  height: 35px;
  border-radius: 10px;
  border-color: #8b8989;
}

.search_bar_nav em {
  position: absolute;
  right: 15px;
  top: 18px;
  font-size: 14px;
  color: #8b8989;
}

.nav-item {
  height: 50px;
}

.navbar_nav {
  float: right;
  margin-right: -30px !important;
}

.navbar-expand-lg .navbar-nav .dropdown-menu.dropdown_menu {
  left: -30px;
}

.sidebar-wrapper .sidebar-brand>img.logo_1 {
  display: none;
}

.page_head h1 {
  margin: 0;
  line-height: 32px;
  font-size: 24px;
  font-weight: 600;
  color: #f6a821;
}

.page_head p {
  color: #f6a821;
  font-size: 12px;
  margin: 0;
  line-height: 16px;
}

@media (min-width: 768px) and (max-width: 1023px) {

  .chiller-theme .sidebar-wrapper .sidebar-menu ul li a {
    width: auto;
  }

  .nav_collapse.collapse:not(.show) {
    display: block;
  }

  .bell_icon {
    margin-right: 10px;
    width: 28px;
  }

  .sidebar-wrapper {
    width: 200px;
  }

  .navbar-expand-lg {
    padding: 0 0.5rem;
    padding-left: 208px;
  }

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

  .navbar_nav {
    flex-direction: row;
    margin-right: 0px !important;
  }

  .user_logout a img {
    width: 25px;
    height: 25px;
  }

  .user_logout {
    margin-top: 2px;
  }

  .form-control.search_control {
    padding-right: 0;
    padding-left: 25px;
  }

  .nav_collapse .width_100 {
    margin: 0;
  }

  .navbar_search {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .bell_icon:after {
    right: 10px;
  }

  .navbar-expand-lg .navbar-nav .dropdown-menu.dropdown_menu {
    position: absolute;
    left: -155px;
  }
}

/* Header CSS */


.page-wrapper.chiller-theme.toggled #close-sidebar {
  color: #bdbdbd;
  /* display: none; */
  position: absolute;
  top: 8px;
  right: 6px;
}

.page-wrapper.chiller-theme.toggled #close-sidebar:hover {
  color: #ffffff;
}


.patient-listing-main-panel {
  min-height: 700px;
}

input.bs-timepicker-field {
  width: 70px !important;
}

/********** FORM CSS **********/
.form-group {
  position: relative;
}

.form-group .show_password {
  position: absolute;
  top: 16px;
  right: 12px;
  width: 18px
}

.form-group input:focus,
.form-group input:visited,
.form-group input:active,
.form-group input:invalid,
.form-group input:not(:empty),
input:not(:placeholder-shown) {
  border-color: #8b8989;
  box-shadow: 0px 4px 8px #00000014;
  outline: 0;
  -webkit-box-shadow: 0px 4px 8px #00000014;
}

.form-check-label {
  color: #fff;
}

.form-group.form-check a {
  color: #fff;
}

::-webkit-input-placeholder {
  /* Edge */
  color: #7A7A84;
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #7A7A84;
}

::placeholder {
  color: #7A7A84;
}

/********** FORM CSS **********/


/********** Device Responsive CSS **********/

/********** Nandi Dashboard *************/
.nandi_welcome_card ul li a {
  color: #fff;
}

.page-link {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: none;
  border-radius: 4px;
  margin: 0 4px;
  text-align: center;
  width: 32px;
  color: #7A7A84;
  line-height: 30px;
  font-size: 14px;
  height: 32px;
  padding: 0;
}

.page-link:hover {
  color: #fff;
  background-color: #ff7800;
  border-color: #ff7800;
}

.page-item.active .page-link {
  background-color: #ff7800;
}

.chiller-theme .sidebar-wrapper .sidebar-brand>a,
.chiller-theme .sidebar-wrapper .sidebar-menu ul li a {
  width: 45px;
  font-size: 13px;
  text-align: center;
}

.chiller-theme.toggled .sidebar-wrapper .sidebar-brand>a,
.chiller-theme.toggled .sidebar-wrapper .sidebar-menu ul li a {
  width: 230px;
  font-size: 14px;
  text-align: left;
}

.chiller-theme .sidebar-wrapper .sidebar-menu ul li a span {
  display: none;
}

.chiller-theme.toggled .sidebar-wrapper .sidebar-menu ul li a span {
  display: initial;
}

.sidebar-wrapper .sidebar-menu ul li a {
  padding: 9px 28px 9px 28px;
}

.form-control.search_control {
  height: 46px;
  background-color: #0B1C42;
  color: #fff;
}

.sidebar-brand h2 {
  color: #8b8989;
  font-weight: 200;
  font-size: 14px;
  word-break: break-all;
}

.toggled .sidebar-brand h2 {
  color: #8b8989;
  font-weight: 700;
  font-size: 40px;
}

.sidebar-brand h2 span {
  color: #00b9f5;
}

.sidebar-wrapper .sidebar-brand {
  padding: 15px 0px 0 5px;
}

.toggled .sidebar-wrapper .sidebar-brand {
  padding: 24px 16px 0 16px;
}

.nandi_welcome_card {
  box-shadow: 0 5px 5px 0 rgb(0 0 0 / 25%);
  border-radius: 5px;
  padding: 1rem;
  background-color: #fff;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  margin-bottom: 2rem;
  list-style-type: none;
  align-items: center;
}

.nandi_welcome_card img {
  width: 70px;
  margin-bottom: 0rem;
}

.nandi_welcome_card p {
  font-weight: 300;
  font-size: 14px;
  margin: 0;
}

.nandi_welcome_card h4 {
  margin: 0;
}

.nandi_welcome_card ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 14px;
  max-width: 100%;
  flex: 0 0 100%;
}

.page-wrapper .page-content {
  background-color: #353741;
  min-height: 100vh;
}

.navbar-expand-lg {
  box-shadow: 2px 0 3px rgb(0 0 0 / 50%);
  background-color: #2a2d35 !important;
}

.page_card .card {
  box-shadow: 0 5px 5px 0 rgb(0 0 0 / 25%);
  margin-bottom: 2rem;
  border-radius: 10px;
  overflow: hidden;
}

.card_map img {
  width: 100%;
  height: 290px;
}

.card-header {
  position: relative;
  color: #ffffff;
  background-color: rgb(69, 70, 77);
  text-transform: capitalize;
  font-weight: 500;
  border-bottom: none;
}

.card-header em {
  position: absolute;
  right: 1rem;
}

.card-header .form-control {
  font-size: 12px;
  border-radius: 30px;
  position: absolute;
  right: 1rem;
  display: inline-block;
  width: 100px;
  padding: 4px;
  height: 26px;
  top: 0.5rem;
}

.table_search {
  position: relative;
}

.table_search em {
  position: absolute;
  top: 8px;
  right: 14px;
}

.logo_card_body {
  padding: 0;
}

.logo_table thead th {
  text-transform: uppercase;
  padding: 0.5rem;
  color: rgb(218, 218, 218);
}

.logo_table tbody tr td button.alert {
  padding: 0.1rem 1.25rem;
  border-radius: 8px;
  font-weight: 600;
  margin: 0;
}

.logo_table tbody tr td.progress_bar {
  position: relative;
}

.logo_table tbody tr td.progress_bar span {
  position: absolute;
  right: 1rem;
  top: 4px;
  font-size: 11px;
}

.logo_table tbody tr td .progress {
  border-radius: 30px;
  height: 8px;
  margin-top: 8px;
}

.logo_table tbody tr:nth-of-type(odd) {
  background-color: #3d404b !important;
}

.logo_table tbody tr:nth-of-type(even) {
  background-color: #3c3e47;
}

.logo_table tbody tr:nth-of-type(odd):hover,
.logo_table tbody tr:nth-of-type(even):hover {
  background-color: #494d5a !important;
}

.logo_table tbody tr:hover td:first-child {
  border-left: 6px solid #f6a821;
}

.logo_table thead tr {
  background-color: #353741;
}

.threat_bar {
  text-align: center;
  margin-bottom: 2rem;
}

.threat_bar .progress {
  margin: 0;
  height: 10px;
}

.threat_bar p {
  font-size: 12px;
  color: #a3a2a2;
  margin: 0;
}

#chartSocialMedia,
#chartDataFilteration,
#chartRogueApp,
#chartThreatLandscape,
#chartPhishingDomain,
#chartThreatLevel,
#chartCodeLeaks,
#chartMindMapping,
#chartThreatStats,
#chartthreatintel {
  width: 100%;
  height: 400px;
}

/********** Nandi Dashboard *************/


@media (min-width: 768px) and (max-width: 1366px) {

  .page-wrapper.toggled .page-content {
    padding-left: 200px;
  }

  table.table-scroll {
    width: 19.8rem;
  }

  table.table-scroll tbody {
    display: block;
    height: 190px;
    overflow: auto;
  }

  table.table-scroll tbody tr,
  table.table-scroll thead {
    display: table;
    width: 100%;
    table-layout: fixed;
  }

  table.table-scroll thead {
    width: calc(100% - 1em)
  }

}

@media (max-width: 767px) {
  .contentnew {
    padding-left: 0;
    margin-left: 100px;
  }


  .page_card {
    padding: 10px !important;
  }

  .white_card {
    padding: 10px;
    margin-bottom: 10px;
  }

  .btn-primary,
  .btn-secondary {
    padding: 0 10px;
  }

  .datepicker-dropdown {
    z-index: 9999 !important;
    left: 10px !important;
  }

  .sidebar-wrapper .sidebar-brand {
    padding: 15px 5px 0 5px;
  }

  .sidebar-brand h2 {
    font-size: 18px;
  }

  .sidebar-wrapper {
    width: 76px;
  }

  .chiller-theme .sidebar-wrapper .sidebar-menu ul li a {
    width: auto;
  }

  .chiller-theme .sidebar-wrapper .sidebar-menu ul li a span {
    display: none;
  }

  .sidebar-wrapper .sidebar-brand>img.logo_1 {
    display: block;
  }

  .sidebar-wrapper .sidebar-brand>img.logo_2 {
    display: none;
  }

  .chiller-theme .sidebar-wrapper .sidebar-brand>a,
  .chiller-theme .sidebar-wrapper .sidebar-menu ul li a {
    width: 46px;
    text-align: center;
  }

  .chiller-theme .sidebar-wrapper .sidebar-menu ul li a:hover,
  .chiller-theme .sidebar-wrapper .sidebar-menu ul li.active a {
    /* background: transparent linear-gradient(90deg, #ff7800 0%, #ff78008a 100%) 0% 0% no-repeat padding-box; */
    background-color: #05112d;
    border-radius: 4px;
    opacity: 1;
  }

  .navbar-expand-lg.nav-toggled {
    padding-right: 5px;
    padding-left: 80px;
  }

  .nav_collapse.collapse:not(.show) {
    display: block;
  }

  .bell_icon {
    margin-right: 10px;
    width: 25px;
  }

  .welcome_user {
    display: none;
  }

  .navbar_nav {
    flex-direction: row;
    margin-right: 0px !important;
  }

  .user_logout a img {
    width: 25px;
    height: 25px;
  }

  .user_logout {
    margin-top: 2px;
  }

  .form-control.search_control {
    padding-right: 0;
    padding-left: 25px;
  }

  .nav_collapse .width_100 {
    margin: 0;
  }

  .navbar_search {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .padd_3 {
    padding-right: 3px;
    padding-left: 3px;
  }

  .navbar-expand-lg .navbar-nav .dropdown-menu.dropdown_menu {
    left: -160px;
    position: absolute;
  }

  .sidebar-wrapper .sidebar-menu ul li a img {
    margin: 0;
  }

  #show-sidebar {
    display: none;
  }

  .page-wrapper.chiller-theme.toggled #close-sidebar {
    display: none;
  }

  .toggled .sidebar-wrapper .sidebar-brand {
    padding: 15px 5px 0 5px;
  }

  .toggled .sidebar-brand h2 {
    color: #8b8989;
    font-weight: 600;
    font-size: 14px;
  }

  .chiller-theme.toggled .sidebar-wrapper .sidebar-brand>a,
  .chiller-theme.toggled .sidebar-wrapper .sidebar-menu ul li a {
    width: 45px;
    font-size: 13px;
    text-align: center;
  }

  .chiller-theme.toggled .sidebar-wrapper .sidebar-menu ul li a span {
    display: none;
  }

  .toggled .sidebar-wrapper {
    width: 60px;
    height: 100%;
    max-height: 100%;
    position: fixed;
    top: 0;
    left: -0px;
    z-index: 999;
  }

  .toggled .sidebar-wrapper .sidebar-menu ul li a img {
    margin-right: 0;
  }

  .chiller-theme.toggled .sidebar-wrapper .sidebar-menu ul li a:hover {
    /* background: transparent linear-gradient(90deg, #ff7800 0%, #ff78008a 100%) 0% 0% no-repeat; */
    background-color: #05112d;
  }

  .user_logout span {
    display: none;
  }

  .page_head h1 {
    font-size: 14px;
  }

  .search_bar_nav .form-control {
    width: 75px;
  }

  .nav_icon {
    padding: 5px;
  }

  .logo_card_body .table_search_pagination .form-control {
    margin-bottom: 1rem;
  }

  .page-link {
    width: 22px;
  }

  .logo_table {
    margin-bottom: 1rem;
  }

  .threat_bar {
    margin-top: 1rem;
    padding: 0 0.5rem;
  }

}

@media (max-width: 320px) {

  .btn-primary,
  .btn-secondary {
    margin-bottom: 10px;
    width: 100%;
  }
}

/* .active_nav{
  border-bottom: 3px solid #ff7800;
}

.active_nav a{
  color: #ff7800 !important;
}

.nav-pills .nav-link{  
  float: left;
}

.active_nav img{
  margin-right: 15px;
}

.nav-pills{  
  font-size: 18px;
} */

.float-left {
  float: left;
}

.light_grey {
  background-color: rgb(69, 70, 77);
}

/* 
.navbar_justified{  
  border-bottom: 3px solid !important;
  border-color: #e9e9f0 #fff  #ff7800  #e9e9f0 !important;
  font-weight: 600;
  color: #ff7800;

} */


.navbar_justified {
  border: none !important
}

.navbar_justified img {
  margin-right: 15px;
}

.navbar_justified span {
  font-size: 16px;
}

#myTab {
  border-bottom: none !important;
}

.table_search_pagination {
  background: #fff;
  padding: 15px;
}

.logo_table {
  width: 100% !important;
}

.margin-top-2 {
  margin-top: 2%;
}

.Overall-Threat-Level {
  object-fit: contain;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.22;
  letter-spacing: normal;
  text-align: left;
  color: #666565;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.Rectangle-56 {
  width: 24px;
  height: 24px;
  margin: 25px 8px 71px 585px;
  object-fit: contain;
  border-radius: 4px;
  background-color: #e80606;
}

.High {
  height: 17px;
  margin: 29px 31px 74px 8px;
  object-fit: contain;
  font-family: Roboto;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.21;
  letter-spacing: normal;
  text-align: left;
  color: #666565;
}

/***** Common CSS *****/

.chart_phising {
  height: 300px;
}

.main-chain {
  margin: 0 -20px;
}

.phishing_serach_box {
  display: flex;
  align-items: center;
  padding: 0px 25px 15px;
  border-bottom: solid 1px #66656533;
}

.phishing_serach_box .text-box {
  margin-left: 15px;
}

.phishing_serach_box .text-box h2 {
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.19;
  letter-spacing: normal;
  text-align: left;
  color: #666565;
  margin: 0;
}

.phishing_serach_box .text-box p {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.21;
  letter-spacing: normal;
  text-align: left;
  color: #8b8989;
  margin: 0;

}

.domain-header {
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.19;
  letter-spacing: normal;
  text-align: left;
  color: #666565;
  padding: 15px 34px;
  background-color: #f8f9f6;
}

.form-domain .plus-btn {
  border-radius: 5px;
  margin-top: 27px;
  border: none;
  /* padding: 2px 5px; */
  height: 38px;
  width: 38px;
}

.form-domain {
  padding: 37px;
}

.form-domain .d-align {
  display: flex;
  justify-content: center;
}

.form-domain .form-row {
  margin-bottom: 20px;
}

.check-div {
  display: flex;
  align-items: center;
}

.check-div label {
  margin-right: 15px;
}

.head-check {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.21;
  letter-spacing: normal;
  text-align: left;
  color: #ff7800;
}

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

.card-custom .table tbody tr:nth-of-type(odd) {
  background-color: #3d3f48;
}

.card-custom {
  background-color: #3d3f48;
}

.card-custom .table tbody tr:first-child td {
  border-top: none;
}

.card-custom .table thead th {
  background-color: #3d3f48;
  border-bottom: none;
  font-size: 12px;
  line-height: 1.17;
  letter-spacing: normal;
  text-align: center;
  color: #8b8989;
}

.card-box {
  border-radius: 12px;
  box-shadow: 0px 1px 22px -12px #000000ab;
  background-color: #3d3f47;
  margin-right: 30px;
  margin-bottom: 30px;
  overflow: auto;
}

.card-box h4 {
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.22;
  letter-spacing: normal;
  text-align: left;
  color: #666565;
  padding: 15px;
  margin: 0;
}

.card-custom .form-domain {
  padding: 0 20px;
}

.head-main {

  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.22;
  letter-spacing: normal;
  text-align: left;
  color: #666565;
  padding: 15px;
  margin: 0;
}

.b-table .logo_table thead tr {
  background-color: #f9f8f6;
}

.b-table .logo_table tbody tr td:first-child {
  border-left: none;
}

.b-table .logo_table tbody tr:nth-of-type(odd):hover,
.b-table .logo_table tbody tr:nth-of-type(even):hover {
  background-color: #f6f6f6;
}

.b-table .table th:last-child {
  width: 20%;
}

.green-dot {
  width: 6px;
  height: 6px;
  background-color: #209e06;
  border-radius: 3px;
  display: inline-block;
}

.red-dot {
  width: 6px;
  height: 6px;
  background-color: #e80606;
  border-radius: 3px;
  display: inline-block;
}

.form-row>.col,
.form-row>[class*=col-] {
  padding-right: 12px;
  padding-left: 12px;
}

.color_orange {
  color: #ff7800;
}

.form-control.new_height {
  height: 30px;
}

#descriptionSection {
  font-size: 15px;
}

.card.card-box h2 {
  color: #8b8989;
  padding: 110px 10px;
}

.port-risk {
  color: #fbc02d;
  font-size: 18px;
  font-weight: normal;
  margin-top: 0;
  margin-bottom: 10px;
}

.card-risk {
  padding: 10px;
}

.sub-risk {
  margin-bottom: 0px;
  font-size: 14px;
}

.chart_phising_risk {
  height: 228px;
  padding: 0 0px 10px;
}

.text-link {
  padding: 15px;
  border: 1px dashed #ff7800;
  color: #ff7800;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
}

.box-link>div[aria-expanded="true"] {
  background-color: #ff7800;
  color: #fff;
}

.text-link:hover {
  background-color: #ff7800;
  color: #fff;
}

.custom_table .table tbody tr:nth-of-type(odd) {
  background-color: #fff;
}

.custom_table .table td,
.custom_table .table th {
  border-top: none;
}

.custom_table .table thead th {
  border-bottom: none;
  color: #ff7800;
  text-transform: uppercase;
}

#container {
  height: 280px;
}

.highcharts-figure,
.highcharts-data-table table {
  width: 400px;
  margin: 1em auto;
}

.highcharts-figure .highcharts-title {
  color: #fbc02d;
}

.highcharts-data-table table {
  font-family: Verdana, sans-serif;
  border-collapse: collapse;
  border: 1px solid #EBEBEB;
  margin: 10px auto;
  text-align: center;
  width: 100%;
  max-width: 500px;
}

.highcharts-data-table caption {
  padding: 1em 0;
  font-size: 1.2em;
  color: #555;
}

.highcharts-data-table th {
  font-weight: 600;
  padding: 0.5em;
}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
  padding: 0.5em;
}

.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
  background: #f8f8f8;
}

.highcharts-data-table tr:hover {
  background: #f1f7ff;
}


/* SIDE BAR CHANGES MADE START FROM HERE*/
#button-down1 {
  margin-top: 3px;
  font-size: 18px;
  margin-left: 10px;
  transition: 0.2s;
}

#button-down1:hover {
  color: rgb(252, 180, 47);
  cursor: pointer;
}

#button-down {
  margin-top: 3px;
  font-size: 18px;
  margin-left: 10px;
  transition: 0.2s;
}

#button-down:hover {
  color: rgb(252, 180, 47);
  cursor: pointer;
}

#button-down2 {
  margin-top: 3px;
  font-size: 18px;
  margin-left: 10px;
  transition: 0.2s;
}

#button-down2:hover {
  color: rgb(252, 180, 47);
  cursor: pointer;
}

#button-down3 {
  margin-top: 3px;
  font-size: 18px;
  margin-left: 10px;
  transition: 0.2s;
}

#button-down3:hover {
  color: rgb(252, 180, 47);
  cursor: pointer;
}

.cyberelement-container {
  /* text-indent: -9999px; */
  /* display: none; */
  /* position: absolute;
  left: 0px;
  bottom: 0px; */
  height: 0px;
  opacity: 0;
  transition: all 0.3s;
  margin-right: 5px;
  z-index: -1;
  /* left: -9999px; */
  /* clip-path: circle(100px at 90% -100%);
  -webkit-clip-path: circle(100px at 90% -100%); */
  /* transition: all 1s ease-out; */
}

.cyberelement-container1 {
  /* text-indent: -9999px; */
  /* display: none; */
  /* position: absolute;
  left: 0px;
  bottom: 0px; */
  height: 0px;
  opacity: 0;
  transition: all 0.3s;
  margin-right: 5px;
  z-index: -1;
  /* left: -9999px; */
  /* clip-path: circle(100px at 90% -100%);
  -webkit-clip-path: circle(100px at 90% -100%); */
  /* transition: all 1s ease-out; */
}

.cyber-simple {
  /* position: relative;
  top: 0px;
  left: 0px; */
  height: 290px;
  transition: all 0.5s;
  margin-right: 5px;
  opacity: 1;
  /* clip-path: circle(1000px at 90% -10%);
  -webkit-clip-path: circle(1000px at 90% -10%);
  pointer-events: all; */
}

.brandelement-container {
  height: 0px;
  opacity: 0;
  transition: all 0.3s;
  margin-right: 5px;
  z-index: -1;
}

.brand-simple {
  height: 70px;
  transition: all 0.5s;
  margin-right: 5px;
  opacity: 1;
}

.infraelement-container {
  height: 0px;
  opacity: 0;
  transition: all 0.3s;
  margin-right: 5px;
  z-index: -1;
}

.infra-simple {
  height: 10px;
  transition: all 0.5s;
  margin-right: 5px;
  opacity: 1;
}

.dashboard-container {
  height: 0px;
  opacity: 0;
  transition: all 0.3s;
  margin-right: 5px;
  z-index: -1;
}

.dashboard-simple {
  height: 30px;
  transition: all 0.5s;
  margin-right: 5px;
  opacity: 1;
}

/* SIDE NAV BAR CHANGES END HERE */


.social-media {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: rgb(61, 63, 71);
  flex: 1 1 auto;
  border-radius: 8px;
}

.social-media-body {
  padding: 1rem;
  height: 100%;
}

.list-group {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: 0.5rem;
  overflow-y: scroll;
  height: 40%;
}

.list-group-item {
  align-items: center !important;
  position: relative;
  display: block;
  padding: 0.5rem 1rem;
  background-color: transparent !important;
  border: 0px !important;
}

.btn-social {
  padding: 0;
  display: inline-block;
  font-weight: 700;
  line-height: 1.4;
  color: #67748e;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.75rem 1.5rem;
  font-size: .75rem;
  border-radius: 0.5rem;
  transition: all .15s ease-in;
}

.social-span1 {
  font-weight: 600;
  font-size: .875rem;
  margin-left: 0.5rem;
}

.social-span2 {
  font-weight: 600;
  font-size: .875rem;
  margin-left: auto;
}

.social-progress {
  height: 3px;
  font-size: .75rem;
  background-color: #e9ecef;
  border-radius: 0.5rem;
  overflow: visible;
  display: flex;
}

.social-progress-bar {
  height: 6px;
  border-radius: 0.25rem;
  margin-top: -0.095rem;
  margin-left: -1px;
  flex-direction: column;
  justify-content: center;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #2d3038;
  transition: width .6s ease;
  display: flex;
  overflow: hidden;
}


.btn-social i {
  font-size: 1.5rem;
  filter: drop-shadow(0 10px 4px #1c1e27);
}

.btn-social .fa-facebook-f {
  color: #4267B2;
}

.btn-social .fa-youtube {
  color: #FF0000;
}

.btn-social .fa-reddit {
  color: #ff4500;
}

.btn-social .fa-dailymotion {
  color: #00aaff;
}

.btn-social .fa-instagram {
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.btn-social .fa-flickr {
  color: #0063dc;
}

.btn-social .fa-w {
  color: #003aa3;
}

.btn-social .fa-vimeo {
  color: #86c9ef;
}

.btn-social .fa-tumblr {
  color: #34526f;
}

.btn-social .fa-vk {
  color: #4C75A3;
}




.card-test {
  box-shadow: 0 20px 27px 0 rgb(0 0 0 / 5%);
  position: relative;
  /* display: flex;
    flex-direction: column; */
  min-width: 0;
  word-wrap: break-word;
  background-color: rgb(61, 63, 71);
  background-clip: border-box;
  border: 0 solid rgba(0, 0, 0, .125);
  border-radius: 1rem;
}

.card-test-header:first-child {
  border-radius: 1rem 1rem 0 0;
}

.card-test-header {
  padding: 10px 0px 0 15px;
  margin-bottom: 0;
  background-color: rgb(61, 63, 71);
}

.card-test-header {
  font-size: 20px;
}

.d-flex {
  display: flex !important;

  color: white !important;
}

.d-flex h6 {
  color: white !important;
}

.card-test-body {
  flex: 1 1 auto;
  padding: 1rem !important;
}

.body-test {
  display: flex;
  flex-wrap: wrap;
}

.table-test {
  width: 100%;
}

.table-test tr {
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #2d3038;
}

.avatar {
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1rem;
  border-radius: 0.75rem;
  height: 48px;
  width: 48px;
  transition: all .2s ease-in-out;
  margin-right: 1rem;
}

.avatar i {
  filter: drop-shadow(0 10px 4px #1c1e27);
  margin-right: 0.5rem;
}

.avatar-sm {
  width: 36px !important;
  height: 36px !important;
  font-size: 1.275rem;
}



.me-2 {
  margin-right: 0.5rem !important;
}

.text-sm {
  font-size: 0.9rem !important;
  line-height: 1.5;
}


.table-test .align-items-center td {
  vertical-align: middle;
}

.table-test-responsive {
  height: 45% !important;
  overflow-y: scroll;
}

.table-test .align-items-center {
  width: 100%;
}

.table-test>:not(caption)>*>* {
  padding: 0.5rem;
}

.btn-rogue {
  visibility: hidden;
  border: 0;
  color: #fff;
  box-shadow: 0 4px 7px -1px rgb(0 0 0 / 11%), 0 2px 4px -1px rgb(0 0 0 / 7%);
  background-size: 150%;
  background-position-x: 25%;
  text-transform: uppercase;
  margin-top: 1rem !important;
  padding: 0.5rem 2rem;
  font-size: .75rem;
  border-radius: 0.5rem;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  background-color: rgb(246, 168, 33);
  ;
  display: inline-block;
  font-weight: 700;
  line-height: 1.4;
  text-decoration: none;
}

.btn-rogue:hover {
  text-decoration: none;
  color: #fff;
}

.avatar .fa-gitlab {
  color: #Fc6D26;
}

.avatar .fa-bitbucket {
  color: #0C61DB;
}

.avatar .fa-reddit {
  color: #ff4500;
}

.avatar .fa-stack-overflow {
  color: #F47F24;
}

.avatar .fa-digital-ocean {
  color: #008bcf;
}

.avatar .fa-aws {
  /* background: -webkit-linear-gradient(#105991 75%, #FF9900); */
  color: #FF9900;
}

.avatar .fa-github {
  color: #000000;
}

.avatar .fa-magnifying-glass {
  color: #c7c7c7;
}

.avatar .fa-atlassian {
  color: #0052CC;
}

.avatar .fa-paste {
  color: #c7c7c7;
}

.avatar .fa-trash-can {
  color: #008bcf;
}

.footer-last {
  position: absolute;
  bottom: 0;
  width: 85%;
}

.footer-last p {
  text-align: center;
}

/* side footer */

.side-footer {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.side-footer p {
  text-align: center;
  position: fixed;
  bottom: 0;
  width: 204px;
  font-size: 10px;
  height: 30px;
  line-height: 3;
  color: rgb(252, 180, 47);
  background-color: #24262d;
  margin-bottom: 0;
}

.chart-for-darkweb-arrange-data {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 100%;
  justify-content: space-evenly;
}

.ul-for-darkweb {
  list-style-type: none;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px;
  padding: 0;
}

.ul-for-darkweb li {
  display: grid;
  grid-template-columns: 1fr 4fr;
  grid-gap: 1rem;
}

.ul-for-darkweb-icon-bg {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem !important;
  border-radius: 8px;
  background-image: linear-gradient(310deg, #24262d, #30343c);
  box-shadow: 2px 2px 5px black;

}

.ul-for-darkweb-icon-bg-div-data {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}

.ul-for-darkweb li i {
  font-size: 1.7rem;
}

.ul-for-darkweb li .fa-envelope {
  color: #fcb42f;
}

.ul-for-darkweb li .fa-fingerprint {
  color: #e80606;
}

.ul-for-darkweb li .fa-user {
  color: #0096FF85;
}

.ul-for-darkweb li .fa-address-book {
  color: #f47f24;
}

.ul-for-darkweb li .fa-database {
  color: silver;
}

.ul-for-darkweb li .fa-map-location-dot {
  color: #2AFF0085;
}


.ul-for-darkweb li p {
  padding: 0;
  margin: 0;
  font-size: 0.8rem;
}

.ul-for-darkweb li p:nth-child(even) {
  color: #f6a821;
  font-size: 1.8rem;
}

.top-update-slider {
  display: flex;
  justify-content: space-around;
}

.badge-danger {
  color: #fff;
  background-color: #dc3545;
}

.badge {
  display: inline-block;
  padding: .25em .4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25rem;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

/* admin console */


.admin-top {
  display: flex;
  flex-wrap: wrap;
}

.admin-avatar {
  width: auto;
  flex: 0 0 auto;
  padding-left: 10px;
  padding-right: 10px;
}

.admin-avatar-img {
  border-radius: 0.75rem;
  display: inline-flex;
  align-items: center;
  width: 74px !important;
  height: 74px !important;
}

.admin-avatar-img img {
  width: 74px;
  height: 74px;
  border-radius: 40px;
}

.admin-name {
  margin-left: 10px;
  margin-top: 20px;
  margin-bottom: auto;
}

.admin-name h5 {
  color: #cac9c9;
}

.admin-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
}

.admin-right-icon {
  font-size: 15px;
  margin-right: 15px;
  padding: 10px;
  transition: 0.3s;
  border-radius: 10px;
  cursor: pointer;
}

.admin-right-icon:hover {
  box-shadow: 0px 4px 10px 1px #000000ab;

}

.admin-right-icon i {
  font-size: 18px;
  margin-right: 5px;
}

.notification-number {
  width: 10px;
  height: 10px;
  background: #209e06;
  border-radius: 40%;
  position: absolute;
  top: 0;
  right: 50%;
}

.add-user-title {
  padding-left: 10px;
  margin-bottom: 10px;
  text-align: center;
}

.add-user-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 60px;
  margin-top: 40px;
}

.user-avatar {
  position: absolute;
  top: -40px;
  width: 150px;
  height: 70px;
  /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
}

.user-avatar img {
  /* width: 150px; */
  height: 70px;
  filter: drop-shadow(2px 4px 6px black);
}

.user-name h5 {
  color: #fff;
  position: absolute;
  top: 11px;
  right: 15%;
  font-size: 15px;
}

.avatar-group {
  position: absolute;
  bottom: 17px;
  left: 14px;
}

.avatar-group a {
  position: relative;
  z-index: 2;
  border: 3px solid #3d3f47;
  width: 26x !important;
  height: 26px !important;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50% !important;
  margin-left: -10px;
  cursor: default;
}

.avatar-group a:hover {
  z-index: 10;
  border: 3px solid #3d3f47;
}

.avatar-group a:nth-child(1) {
  margin-left: 0;
}

.avatar-group a img {
  border-radius: 50% !important;
  width: 22px !important;
  height: 22px !important;
  transition: 0.2s;
}

/* .avatar-group a img:hover {
  transform: scale(1.1);
} */

.user-side-dot {
  right: 10px;
  top: 15px;
  position: absolute;
}

.user-side-dot i {
  font-size: 20px;
}

.user-details {
  padding: 40px 10px 0px;
  border-bottom: 1px solid gray;
}

.user-details p {
  line-height: 1;
  text-align: justify;
}

.user-current-scan {
  position: absolute;
  bottom: 38px;
  right: 20px;
  height: 11px;
}

.user-current-scan p {
  text-align: end;
  line-height: 1;
  margin-bottom: 5px;
}

.user-remaining-scan {
  position: absolute;
  bottom: 18px;
  right: 20px;
  height: 11px;
}

.user-remaining-scan p {
  text-align: end;
  line-height: 1;
  margin-bottom: 5px;
}

.add-user-popup {
  width: 500px;
  height: 0px;
  opacity: 0;
  border-radius: 8px;
  z-index: 99;
  transition: 0.5s;
  background-color: #00b9f5;
  position: absolute;
  left: 20%;
  top: 40%;
}

.active-status-green {
  border-radius: 8px;
  width: 8px;
  position: absolute;
  height: 8px;
  background-color: #2AFF00;
  filter: drop-shadow(1px 2px 3px black);
  top: 16px;
  right: 10%;
}

.active-status-none {
  border-radius: 8px;
  width: 8px;
  position: absolute;
  height: 8px;
  filter: drop-shadow(1px 2px 3px black);
  background-color: #F44336;
  top: 16px;
  right: 10%;
}

.status-admin {
  width: 40%;
  display: block;
  float: left;
}

.status-admin p {
  margin-bottom: 0;
}

.status-admin h5 {
  color: #f6a821;
  font-size: 30px;
}

#chartforstatus {
  width: 40%;
  display: block;
  float: left;
}

#chartforstatus2 {
  width: 40%;
  display: block;
  float: left;
}

#chartforstatus3 {
  width: 40%;
  display: block;
  float: left;
}

#chartforstatus4 {
  width: 40%;
  display: block;
  float: left;
}

.notLoaded {
  height: 100vh;
  overflow: hidden;
  position: fixed;
  margin: 0px;
}

.notLoaded2 {
  overflow: hidden;
  margin: 0px;
}

#loader {
  position: absolute;
  background: #3d3f47;
  width: 100%;
  height: 100vh;
  top: 0px;
  left: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999;
}

#loader2 {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999;
}

#load {
  overflow: visible;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  display: flex;
  flex-direction: row;
  align-items: center;
}

#load div {
  width: 50px;
  height: 36px;
  opacity: 0;
  font-size: 50px;
  font-family: Helvetica, Arial, sans-serif;
  animation: move 2s linear infinite;
  -o-animation: move 2s linear infinite;
  -moz-animation: move 2s linear infinite;
  -webkit-animation: move 2s linear infinite;
  color: #f6a821;
}

#load div:nth-child(2) {
  animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -webkit-animation-delay: 0.2s;
}

#load div:nth-child(3) {
  animation-delay: 0.4s;
  -o-animation-delay: 0.4s;
  -webkit-animation-delay: 0.4s;
  -webkit-animation-delay: 0.4s;
}

#load div:nth-child(4) {
  animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  -webkit-animation-delay: 0.6s;
}

#load div:nth-child(5) {
  animation-delay: 0.8s;
  -o-animation-delay: 0.8s;
  -moz-animation-delay: 0.8s;
  -webkit-animation-delay: 0.8s;
}

#load div:nth-child(6) {
  animation-delay: 1s;
  -o-animation-delay: 1s;
  -moz-animation-delay: 1s;
  -webkit-animation-delay: 1s;
}

#load div:nth-child(7) {
  animation-delay: 1.2s;
  -o-animation-delay: 1.2s;
  -moz-animation-delay: 1.2s;
  -webkit-animation-delay: 1.2s;
}

@keyframes move {
  0% {
    left: 0;
    opacity: 0;
  }

  35% {
    left: 41%;
    opacity: 1;
  }

  65% {
    left: 59%;
    opacity: 1;
  }

  100% {
    left: 100%;
    opacity: 0;
  }
}

@-moz-keyframes move {
  0% {
    left: 0;
    opacity: 0;
  }

  35% {
    left: 41%;
    opacity: 1;
  }

  65% {
    left: 59%;
    opacity: 1;
  }

  100% {
    left: 100%;
    opacity: 0;
  }
}

@-webkit-keyframes move {
  0% {
    left: 0;
    opacity: 0;
  }

  35% {
    left: 41%;
    opacity: 1;
  }

  65% {
    left: 59%;
    opacity: 1;
  }

  100% {
    left: 100%;
    opacity: 0;
  }
}

@-o-keyframes move {
  0% {
    left: 0;
    opacity: 0;
  }

  35% {
    left: 41%;
    opacity: 1;
  }

  65% {
    left: 59%;
    opacity: 1;
  }

  100% {
    left: 100%;
    opacity: 0;
  }
}

.loading {
  position: absolute;
  top: 45%;
  left: 50%;
  margin: -14px 0 0 -42px;
  padding: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.loading-dot {
  float: left;
  width: 8px;
  height: 8px;
  margin: 0 4px;
  background: white;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  opacity: 0;
  -webkit-box-shadow: 0 0 2px black;
  -moz-box-shadow: 0 0 2px black;
  -ms-box-shadow: 0 0 2px black;
  -o-box-shadow: 0 0 2px black;
  box-shadow: 0 0 2px black;
  -webkit-animation: loadingFade 1s infinite;
  -moz-animation: loadingFade 1s infinite;
  animation: loadingFade 1s infinite;
}

.loading-dot:nth-child(1) {
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  animation-delay: 0s;
}

.loading-dot:nth-child(2) {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

.loading-dot:nth-child(3) {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.loading-dot:nth-child(4) {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

@-webkit-keyframes loadingFade {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0.8;
  }

  100% {
    opacity: 0;
  }
}

@-moz-keyframes loadingFade {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0.8;
  }

  100% {
    opacity: 0;
  }
}

@keyframes loadingFade {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0.8;
  }

  100% {
    opacity: 0;
  }
}

.btn-for-profle-dashboard {
  display: flex;
  flex-direction: row;
  margin-top: 5px;
  align-items: center;
  position: relative;
}

.btn-for-profle-dashboard div {
  font-size: 13px;
}

.btn-for-profle-dashboard div:nth-child(1) {
  margin-right: 10px;
}

.btn-for-profle-dashboard div i {
  font-size: 13px;
}

[data-title]:hover::before {
  content: attr(data-title);
  position: absolute;
  bottom: -30px;
  left: -5px;
  display: inline-block;
  padding: 3px 6px;
  border-radius: 2px;
  background: #000;
  color: #fff;
  font-size: 12px;
  font-family: sans-serif;
  white-space: nowrap;
  z-index: 1;
}

[data-title]:hover::after {
  content: '';
  position: absolute;
  bottom: -7px;
  left: 0px;
  display: inline-block;
  color: #fff;
  border: 8px solid transparent;
  border-bottom: 8px solid #000;
}



.tag-for-mssp {
  min-width: 50px;
  background-color: #24262d;
  position: absolute;
  top: 30px;
  right: 0%;

}

.tag-for-mssp p {
  margin-bottom: 0;
  font-size: 10px;
  line-height: 1;
  padding: 3px;
  text-align: center;
  color: #ffffff;
}

.admin-status-bar {
  display: grid;
  grid-template-columns: 1fr 3fr;
  grid-gap: 25px;
  height: 100%;
  padding: 0px 10px 0px 10px;
}

.admin-status-bar-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}

.admin-status-bar-icon i {
  font-size: 30px;
}

.admin-status-bar-data {
  /* display: grid;
  grid-template-rows: 1fr 1fr; */
  display: flex;
  align-items: end;
  flex-direction: column;
  justify-content: center;
}

.admin-status-bar-data div:nth-child(1) {
  font-size: 24px;
  font-weight: 500;
  color: #f6a821;
}

.admin-status-bar-data div:nth-child(2) {
  font-size: 12px;
  font-weight: 400;
  color: #fff;
}

.admin-status-icon-bg {
  padding: 15px;
  background-color: #24262d;
  border-radius: 5px;
}




.breadcrumb {
  margin-top: -10px;
  background-color: transparent;
  margin-bottom: 10px;
}

.breadcrumb li a {
  color: #cac9c9;
}

.breadcrumb li {
  color: #cac9c9 !important;
}

.breadcrumb-item.active {
  font-weight: 500;
}

.breadcrumb-item:nth-child(1):before {
  content: '' !important;
}

.breadcrumb-item::before {
  color: #cac9c9 !important;
  content: '❯' !important;
}

.breadcrumb-item i {
  font-size: 12px;
  margin-right: 5px;
}

/* admin console */

/* admin profile */


.user-access {
  padding-left: 30px;
  margin-top: 15px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  /* padding-bottom: 3px; */
  /* border-bottom: 1px solid #2d3038; */
}

.user-access-view button {
  margin-top: 11px;
}

.user-access2 {
  grid-template-columns: 1fr 1fr;
  align-items: center;
}



.user-access-list {
  font-size: 15px;
  color: #fff;
}

.access-list-side {
  display: grid;
  grid-template-columns: 2fr 1fr;
}

.toggle-user {
  display: flex;
  align-items: end;
  /* justify-content: center; */
}

.user-access .toggleWrapper input.mobileToggle+label::before {
  background: #ffb100;
  box-shadow: inset 5px 5px 4px #9d6500, inset -5px -5px 4px #e3951f;
}

.user-access .toggleWrapper input.mobileToggle:checked+label:before {
  background: #2c2e36 !important;
  box-shadow: inset 5px 5px 5px #121216, inset -5px -5px 5px #464a56 !important;
}

.toggleWrapper-new {
  justify-content: center;
  align-self: end;
}

.user-access-view {
  display: flex;
  justify-content: center;
}


.user-access-view button {
  margin-bottom: 0;
  font-size: 12px;
  line-height: 1;
  padding: 10px;
  text-align: center;
  color: #ffffff;
  background: #24262d;
  border-radius: 5px;
  border: 0px;

}

/* sub user form */

.submit-btn-user {
  display: none;
}

.submit-btn-user-show {
  display: block;
}



.form-for-add-user-mssp {
  position: absolute;
  right: -100%;
  top: -12%;
  transition: 0.7s all;
}

.form-for-add-user-mssp.active {
  right: 20%;
}

.from-user-list-bg {
  padding: 20px;
  display: flex;
  justify-content: center;
  width: 100%;
}

.user-add-form-display {
  display: grid;
  grid-template-columns: 1fr 4fr;
  align-items: center;
  margin-bottom: 10px;
}

.user-add-form-display input {
  background-color: #3d3f47;
  border: 0;
  color: #cac9c9;
}

.user-add-form-display input:focus {
  border: 1px solid #000 !important;
  outline: 0;
}

.radio-user-form {
  display: grid;
  grid-template-columns: 1fr 2fr 2fr;
  margin-top: 30px;
}

.user-form-radio-display {
  display: flex;
  flex-direction: column;
}

.for-heading-radio h5 {
  font-size: 18px;
  color: #f6a821;
  margin-bottom: 15px;
}

.radio-flex-align {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.advance-radio input[type="checkbox"] {
  /* remove standard background appearance */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* create custom radiobutton appearance */
  width: 20px;
  height: 20px;
  padding: 2px;
  /* background-color only for content */
  background-clip: content-box;
  border: 2px solid #cac9c9;
  background-color: #cac9c9;
  border-radius: 50%;
  margin-right: 10px;
  margin-top: 0px;
  margin-bottom: 0;
}

/* appearance for checked radiobutton */
.advance-radio input[type="checkbox"]:checked {
  background-color: #FFB100;
  border: 2px solid #FFB100;
}

.styled-checkbox {
  display: none;
}

.styled-checkbox+label {
  position: relative;
  cursor: pointer;
  padding: 0;
}

.styled-checkbox+label:before {
  content: "";
  margin-right: 10px;
  display: inline-block;
  vertical-align: bottom;
  width: 20px;
  height: 20px;
  background: #cac9c9;
  border-radius: 5px;
}

.styled-checkbox:hover+label:before {
  background: #cac9c9;
}

.styled-checkbox:focus+label:before {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}

.styled-checkbox:checked+label:before {
  background: #f6a821;
}

.styled-checkbox:disabled+label {
  color: #b8b8b8;
  cursor: auto;
}

.styled-checkbox:disabled+label:before {
  box-shadow: none;
  background: #ddd;
}

.styled-checkbox:checked+label:after {
  content: "";
  position: absolute;
  left: 15%;
  top: 45%;
  background: white;
  width: 2px;
  height: 2px;
  box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
  transform: rotate(45deg);
}



/* end sub user form */

/* .user-access-view a:hover {
  text-decoration: none;
  
} */
/* .divfordetail .user-access .toggleWrapper input.mobileToggle+label::before{
  background: #7aff00;
  box-shadow: inset 5px 5px 4px #009f00, inset -5px -5px 4px #02b102;
}

.divfordetail .user-access .toggleWrapper input.mobileToggle:checked+label:before {
  background:   #2c2e36 !important;
  box-shadow: inset 5px 5px 5px #121216 , inset -5px -5px 5px #464a56 !important;
} */

.user-general-details {
  margin-top: 10px;
}

.user-general-details p {
  line-height: 1;
  font-size: 13px;
  text-align: justify;
}

.user-personal-details {
  padding: 20px 15px;
}

.user-details-ul {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
}

.user-details-li {
  position: relative;
  display: block;
  padding: 5px 5px;
}

.display-user-status {
  display: block;
  padding: 5px 10px;
  float: left;
  text-align: center;
  width: 50%;
}

/* .display-user-status:nth-child(1) {
  margin-right: 20px;
} */

.display-user-status:hover {
  cursor: pointer;
}

.display-user-status.active {
  color: #feb019;
  border-bottom: 3px solid #feb019;
}

.divfordetail {
  width: 83%;
  padding: 20px 20px;
  opacity: 0;
  transition: all 0.3s;
  margin-top: 45px;
  position: absolute;
  top: 20px;
  left: 15px;
  margin-left: 15px;
}

.active-for-div {
  opacity: 1;
}

.status-details-ul {
  padding: 0;
  margin: 0;
}

.status-details-li {
  position: relative;
  display: block;
  padding: 5px 5px;
}

.status-details-li .fa-solid {
  color: #f6a821;
}

.adjusting-card-border {
  padding-bottom: 25px;
  /* border-bottom: 1px solid #feb019; */
}

*/ [data-tooltip] {
  position: relative;
  z-index: 10;
}

/* Positioning and visibility settings of the tooltip */
[data-tooltip]:before,
[data-tooltip]:after {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  left: 50%;
  bottom: calc(100% + 5px);
  /* 5px is the size of the arrow */
  pointer-events: none;
  transition: 0.2s;
  will-change: transform;
}

/* The actual tooltip with a dynamic width */
[data-tooltip]:before {
  content: attr(data-tooltip);
  min-width: 40px;
  max-width: 300px;
  width: -moz-max-content;
  width: max-content;
  border-radius: 6px;
  font-size: 14px;
  background-color: rgba(42, 45, 53, 1.0);
  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.2);
  color: #fff;
  text-align: center;
  white-space: pre-wrap;
  transform: translate(-50%, -5px) scale(0.5);
}

/* Tooltip arrow */
[data-tooltip]:after {
  content: '';
  border-style: solid;
  border-width: 5px 5px 0px 5px;
  /* CSS triangle */
  border-color: rgba(42, 45, 53, 1.0) transparent transparent transparent;
  transition-duration: 0s;
  /* If the mouse leaves the element,the transition effects for the tooltip arrow are "turned off" */
  transform-origin: top;
  /* Orientation setting for the slide-down effect */
  transform: translateX(-50%) scaleY(0);
}

/* Tooltip becomes visible at hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  opacity: 1;
}

/* Scales from 0.5 to 1 -> grow effect */
[data-tooltip]:hover:before {
  transition-delay: 0.3s;
  transform: translate(-50%, -5px) scale(1);
}

/*
  Arrow slide down effect only on mouseenter (NOT on mouseleave)
*/
[data-tooltip]:hover:after {
  transition-delay: 0.5s;
  /* Starting after the grow effect */
  transition-duration: 0.2s;
  transform: translateX(-50%) scaleY(1);
}

/* BOTTOM */
[data-tooltip-location="bottom"]:before,
[data-tooltip-location="bottom"]:after {
  top: calc(100% + 5px);
  bottom: auto;
}

[data-tooltip-location="bottom"]:before {
  transform: translate(-50%, 5px) scale(0.5);
}

[data-tooltip-location="bottom"]:hover:before {
  transform: translate(-50%, 5px) scale(1);
}

[data-tooltip-location="bottom"]:after {
  border-width: 0px 5px 5px 5px;
  border-color: transparent transparent rgba(42, 45, 53, 1.0) transparent;
  transform-origin: bottom;
}

.user-photo-side {
  width: 34px;
  height: 34px;
  border-radius: 10px;
}

/* for notification bell  */

#app-cover {
  position: absolute;
  right: 35.5%;
  top: 33%;
}

@media only screen and (min-width: 1900px) {
  #app-cover {
    position: absolute;
    right: 21.7%;
    top: 33%;
  }
}

.app {
  position: relative;
}

.bell-cover {
  position: absolute;
  top: 24%;
  right: 0;
  left: 0;
}

.notifications-count {
  position: absolute;
  top: 9px;
  right: -20px;
  width: 7px;
  height: 7px;
  color: #cac9c9;
  font-size: 8px;
  font-family: Arial;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  background-color: #da3225;
  border-radius: 50%;
  box-shadow: 0 0 0 1px #32333b;
  transform: scale(50);
  transform: scale(1);
  opacity: 1;
  z-index: 3;
  animation: notification 0.8s 2 ease;
}

.bell-icons {
  position: absolute;
  top: 10px;
  left: 0;
  z-index: 2;
}

.bell-top {
  position: absolute;
  top: -3px;
  right: 0;
  left: 0;
  width: 5px;
  height: 5px;
  margin: 0 auto;
  background-color: #cac9c9;
  border-radius: 50% 50% 0 0;
}

.bell-middle {
  position: relative;
  width: 15px;
  height: 13px;
  margin: 0 auto;
  background-color: #cac9c9;
  border-radius: 50% 50% 0 0;
}

.bell-curve {
  position: absolute;
  top: 80px;
  bottom: 0;
  width: 20px;
  background-color: #cac9c9;
}

.bell-curve:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.bell-left-curve {
  left: -20px;
}

body,
.bell-left-curve:before,
.bell-right-curve:before {
  background-color: #32333b;
}

.bell-left-curve:before {
  border-radius: 0 0 300% 0;
}

.bell-right-curve:before {
  border-radius: 0 0 0 300%;
}

.bell-right-curve {
  right: -20px;
}

.bell-bottom {
  width: 19px;
  height: 4px;
  background-color: #cac9c9;
  border-radius: 10px;
  margin: auto;
}

.bell-clapper {
  position: absolute;
  right: 6px;
  bottom: -4px;
  width: 6px;
  height: 5px;
  margin: 0 auto;
  background-color: #cac9c9;
  border-radius: 0 0 40px 40px
}

.bell-icons.active {
  animation-delay: 0s !important;
  animation: swing 0.6s 2 ease;
}

.bell-icons.active .bell-clapper {
  animation-delay: 0s !important;
  animation: movess 0.7s 2 ease;
}

/* for notification bell animation */

@keyframes notification {
  0% {
    opacity: 0;
  }

  90% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes swing {
  0% {
    transform: rotateZ(0);
  }

  25% {
    transform: rotateZ(20deg);
  }

  50% {
    transform: rotateZ(-15deg);
  }

  75% {
    transform: rotateZ(10deg);
  }

  100% {
    transform: rotateZ(0);
  }
}

@keyframes movess {
  0% {
    transform: translateX(0);
  }

  20% {
    transform: translateX(-48px);
  }

  50% {
    transform: translateX(17px);
  }

  75% {
    transform: translateX(-8px);
  }

  85% {
    transform: translateX(3px);
  }

  100% {
    transform: translateX(0);
  }
}

.user-general-details {
  margin-top: 10px;
}

.user-general-details p {
  line-height: 1;
  font-size: 13px;
  text-align: justify;
}

.user-personal-details {
  padding: 20px 15px;
}

.user-details-ul {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
}

.user-details-li {
  position: relative;
  padding: 5px 5px;
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.input-field-user-details {
  background-color: transparent;
  outline: 0;
  border: 0;
  box-shadow: none;
  -webkit-box-shadow: none !important;
  color: #cac9c9;
}

.edit-icon-user-details {
  position: absolute;
  top: 10px;
  right: 20px;
}

.edit-icon-user-details i {
  font-size: 18px;
  cursor: pointer;
}

.input-border-user {
  border-width: 1px;
  border-style: solid;
  border-radius: 8px;
  border-color: #000 !important;
  padding: 0px 0px 0px 0px;
}

.submit-btn-user {
  display: none;
  position: absolute;
  bottom: 32px;
}

.submit-btn-user-show {
  display: block;
}

.list-on-users {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
}

.status-details-ul {
  padding: 0;
  margin: 0;
}

.status-details-li {
  position: relative;
  display: block;
  padding: 5px 5px;
}

.status-details-li .fa-solid {
  color: #f6a821;
}

/* admin profile */


.breadcrumb {
  margin-top: -10px;
  background-color: transparent;
  margin-bottom: 10px;
}

.breadcrumb li a {
  color: #cac9c9;
}

.breadcrumb li {
  color: #cac9c9 !important;
}

.breadcrumb-item.active {
  font-weight: 500;
}

.breadcrumb-item:nth-child(1):before {
  content: '' !important;
}

.breadcrumb-item::before {
  color: #cac9c9 !important;
  content: '❯' !important;
}

.breadcrumb-item i {
  font-size: 12px;
  margin-right: 5px;
}

.height-for-admin-user {
  height: 200px;
}


@media only screen and (min-width: 1920px) {
  .padding-for-user-card {
    padding-left: 20px;
    padding-right: 20px;
  }

  .user-details {
    padding: 55px 10px 0px;
    height: 160px;
  }

  .btn-for-profle-dashboard {
    position: absolute;
    bottom: 45px;
  }

  .height-for-admin-user {
    height: 250px;
  }

  .user-name h5 {
    right: 12%;
    top: 10%;
  }

  .tag-for-mssp {
    top: 71%;
    right: 20px;
  }

  .active-status-none {
    top: 11%;
    right: 8%;
  }

  .active-status-green {
    top: 11%;
    right: 8%;
  }

}

/* admin profile CSS */

.graph1-bg-admin {
  border-radius: 0.75rem;
  background-image: linear-gradient(310deg, #24262d, #30343c);
  padding-right: 0.25rem !important;
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
  margin-bottom: 1rem !important;
  box-shadow: 2px 4px 6px black;
}

.h6-text-adminp {
  margin-left: 0.5rem !important;
  margin-bottom: 0 !important;
  margin-top: 1.5rem !important;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.625;
  color: #cac9c9;
}

.p-text-adminp {
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 1rem;
  margin-left: 0.5rem !important;
  line-height: 1.5;
  font-size: 0.875rem;
}

.p-text-adminp span {
  font-weight: 700;
}

.bottom-container-graph {
  border-radius: 0.75rem;
  max-width: 1140px;
  width: 100%;
  padding-left: 5px;
  padding-right: 5px;
  height: 70px;
}

.bottom-sub-container {
  padding-left: 1rem !important;
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.icon-bg-adminp {
  border-radius: 0.25rem;
  width: 25px;
  height: 25px;
  background-image: linear-gradient(310deg, #201f28, #56566a);
  text-align: center;
  margin-right: 0.5rem;
  align-items: center;
  justify-content: center;
  box-shadow: 0 .3125rem .625rem 0 rgba(0, 0, 0, .12) !important;
}

.graph-title-adminp {
  position: absolute;
  top: 0;
  left: 0;
}


.accordion-IT {
  width: 100%;
  max-width: 100%;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  list-style-type: none;
  padding-left: 0px;
}

.accordion-IT .link {
  cursor: pointer;
  display: block;
  position: relative;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  height: 50px;
  padding-left: 25px;
  /* padding: 0px 10px; */
  /* padding-top: 15px; */
}



/* .accordion-IT li i.fa-chevron-down {
  position: absolute;
  top: 40%;
  right: 3%;
  font-size: 18px;
  color: #595959;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
} */

.accordion-IT li i.fa-chevron-down {
  font-size: 16px;
}


.accordion-IT li i.fa-chevron-down.open {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.accordion-IT li.default .submenu-IT {
  display: block;
}

/**
* Submenu
-----------------------------*/
.submenu-IT {
  display: none;
  background: #24262d;
  font-size: 14px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.submenu-IT.active {
  display: block;
}

/* .submenu-IT-div {
  display: grid;
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
} */

.submenu-details-text {
  padding: 15px 20px 0 0;
}

.submenu-details-text p {
  margin-bottom: 0px;
  line-height: 1;
  font-size: 14px;
}

.submenu-what-happened {
  display: flex;
  flex-direction: column;
  margin-bottom: 1.2rem;
}

.submenu-what-happened h5 {
  font-size: 20px;
  color: #fff;
  margin-bottom: 0.8rem;
}

.submenu-what-happened p {
  font-size: 14px;
  line-height: 1;
}

.submenu-comprosimed {
  display: flex;
  flex-direction: column;
  margin-bottom: 1.2rem;
}

.submenu-comprosimed h5 {
  font-size: 20px;
  color: #fff;
  margin-bottom: 0.8rem;
}

.compromised-text-grid {
  display: grid;
  grid-template-columns: 1fr 3fr;
}

.submenu-what-should {
  display: flex;
  flex-direction: column;
  margin-bottom: 1.2rem;
}

.submenu-what-should h5 {
  font-size: 20px;
  color: #fff;
  margin-bottom: 0.8rem;
}

.submenu-what-should p {
  font-size: 14px;
  line-height: 1;
}

.submenu-btn-IT {
  display: flex;
  height: 2.5rem;
  justify-content: flex-end;
}

.btn-markasread {
  width: 9vw;
  font-size: 18px;
  /* background-color: rgb(246, 168, 33); */
  /* padding: 0.5rem; */
  text-align: center;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.25em;
  border: 1px solid #e18f01;
  cursor: pointer;
}

/* .btn-markasread:hover {
  background-color: #f6a821;
  color: #fff;
  cursor: pointer;
  box-shadow: 0px 0px 10px black;
} */


.btn-remove {
  width: 9vw;
  font-size: 18px;
  /* background-color: rgb(246, 168, 33); */
  /* padding: 0.5rem; */
  text-align: center;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.25em;
  border: 1px solid #e18f01;
  cursor: pointer;
  margin-left: 0.8rem;
  margin-right: 1rem;
}

/* .btn-remove:hover {
  background-color: #f6a821;
  color: #fff;
  cursor: pointer;
  border: 2px solid transparent;
} */

.div-for-unresolved-IT {
  display: grid;
  grid-template-columns: 1fr 9fr 1fr 1fr;
  grid-gap: 15px;
}

.icon-flex-4-tab {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.icon-bg-4-tab {
  border: 2px solid #707070;
  padding: 5px 8px;
  border-radius: 8px;
  background-color: #707070;
  color: #fff;
}

.icon-bg-4-tab:hover {
  border: 2px solid #f6a821;
  background-color: #f6a821;
  color: #fff;
}

.icon-bg-4-tab i {
  font-size: 18px;
}

.info-it-icon {
  position: absolute;
  right: 20px;
  bottom: 15px;
}

.info-it-icon i {
  font-size: 15px;
}

/* unresolved */
.heading-unresolved {
  display: grid;
  grid-template-rows: 1fr 3fr;
}

.heading-unresolved h4 {
  font-size: 17px;
  margin-bottom: 0px;
  line-height: 1;
  color: #fff;
}

.heading-unresolved p {
  font-size: 14px;
  line-height: 1;
}


.heading-unresolved-date {
  display: grid;
  grid-template-rows: 1fr 2fr;
}

.heading-unresolved-date h4 {
  font-size: 17px;
  margin-bottom: 0px;
  line-height: 1;
  color: #fff;
  text-align: center;
}

.heading-unresolved-date p {
  font-size: 14px;
  line-height: 1;
  text-align: center;
}


/* resolved */



.div-for-resolved-IT {
  display: grid;
  grid-template-columns: 1fr 9fr 1fr 1fr;
  grid-gap: 15px;
  height: 80px;
}

.icon-flex-4-tab {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.icon-bg-4-tab {
  border: 2px solid #707070;
  padding: 5px 8px;
  border-radius: 8px;
  background-color: #707070;
  color: #fff;
}

.icon-bg-4-tab:hover {
  border: 2px solid #f6a821;
  background-color: #f6a821;
  color: #fff;
}

.icon-bg-4-tab i {
  font-size: 18px;
}

.info-it-icon {
  position: absolute;
  right: 20px;
  bottom: 15px;
}

.info-it-icon i {
  font-size: 15px;
}

.heading-resolved {
  display: flex;
  align-items: center;
}

.heading-resolved h4 {
  font-size: 17px;
  margin-bottom: 0px;
  line-height: 1;
  color: #fff;
}

.heading-resolved p {
  font-size: 14px;
  line-height: 1;
}


.heading-resolved-date {
  display: grid;
  grid-template-rows: 1fr 1fr;
  align-items: center;
  height: 60px;
}

.heading-resolved-date h4 {
  font-size: 17px;
  margin-bottom: 0px;
  line-height: 1;
  color: #fff;
  text-align: center;
}

.heading-resolved-date p {
  font-size: 14px;
  line-height: 1;
  text-align: center;
  margin-bottom: 0px;
}

.flex-in-div-IT .fa-circle-check {
  font-size: 25px;
  color: #00cb00;
  box-shadow: 0px 0px 4px black;
  border-radius: 11px;
}

.div-for-darkweb {

  height: 50px;
}

.accordiontesting {
  margin-bottom: 0.2rem;
  border-radius: 0px;
}

.accordiontesting .link {
  padding-top: 0.5rem;
}

.heading-darkweb {
  display: grid;
  grid-template-rows: 1fr 1fr;
  height: 45px;
}

.heading-darkweb h4 {
  font-size: 0.9rem;
}

.heading-darkweb p {
  font-size: 0.8rem;
  margin-bottom: 0px;
}

.icon-bg-4-tab-darkweb {
  margin-top: 0.2rem;
}

.submenu-IT-div-darkweb {
  height: 400px;
}

.submenu-details-text-darkweb {
  margin-bottom: 1rem;
  border-top: 1px solid black;
}

.accordion-IT-darkweb {
  height: 300px;
  overflow-y: scroll;
}


.dark-web-accordion-data-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.dark-web-accordion-data-list p {
  margin-bottom: 0.2rem;
  border-bottom: 1px solid darkgray;
}

.dark-web-accordion-data-list p:nth-child(odd) {
  display: flex;
  justify-content: end;
  align-items: center;
  color: #fff;
  font-weight: 500;
  font-size: 15px;
  padding-right: 1rem;
}

.dark-web-accordion-data-list p:nth-child(even) {
  padding-left: 1rem;
}

.dark-web-accordion-data-list-2 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  height: 150px;
  overflow-y: scroll;
  margin-top: 0.5rem;
}

.dark-web-accordion-data-list-2 p {
  margin-bottom: 0.2rem;
  border-bottom: 1px solid transparent;
  text-align: center;
}


.dark-web-accordion-data-list-2 span {
  display: flex;
  justify-content: center;
  align-items: center;
}

.dark-web-accordion-data-list-2 a {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  /* text-decoration: underline; */
  margin-bottom: 0.2rem;
  width: 6vw;
  height: 4vh;
  background-image: linear-gradient(310deg, #24262d, #30343c);
  color: #cac9c9;
  border-radius: 5px;
  box-shadow: 3px 3px 5px black;
  transition: 0.3s;
}

.dark-web-accordion-data-list-2 a:hover {
  letter-spacing: 0.1rem;
}

.dark-web-accordion-data-list-2 p i {
  font-size: 20px;
  margin-top: 0.3rem;
  color: #fff;
  filter: drop-shadow(2px 4px 6px black);
}

.database-details-darkweb {
  padding: 0 3rem;
}

.database-details-darkweb p {
  margin-bottom: 0.3rem;
  font-size: 14px;
}


.card-details-darkweb {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.card-details-darkweb-icon-flex {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
}

.card-details-darkweb-icon {
  background-image: linear-gradient(310deg, #24262d, #30343c);
  padding: 1.5rem;
  border-radius: 8px;
  box-shadow: 4px 4px 10px black;
  transition: 0.3s all;

}

.card-details-darkweb-icon i {
  font-size: 5rem;
  transition: 0.3s all;
}

.card-text-dark-web-flex {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 0 2rem;
  height: 160px;
  overflow-y: scroll;
}

.card-img-grid-email {
  display: grid;
  grid-template-rows: 5fr 1fr;
  grid-gap: 0.5rem;
}

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

.email-flex-center p {
  /* font-size: 1.2rem; */
  font-weight: 500;
  margin-bottom: 0px;
  color: #f6a821;

}


.card-text-dark-web-flex strong {
  width: max-content;
}

.wrapper-for-darkweb-image {
  margin: 0 auto;
}

.zoom-effect-container {
  float: left;
  position: relative;
  width: 75%;
  height: 120px;
  background-image: linear-gradient(310deg, #24262d, #30343c);
  border-radius: 8px;
  box-shadow: 4px 4px 10px black;
}

.image-card {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem;
  height: 100%;
  font-size: 4rem;

}

.image-card img {
  width: 80%;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
}

.zoom-effect-container:hover .image-card img {
  -webkit-transform: scale(1.08);
  transform: scale(1.08);
}

.div-database-darkweb-details {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.div-database-darkweb-details-imgbg {
  display: flex;
  justify-content: center;
  align-items: center;
}

.image-card div {
  position: absolute;
  background: rgba(1, 1, 1, 0.2);
  color: #fff;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all 0.3s ease;
  text-align: center;
  font-size: 0.9rem;
  z-index: 2
}

.image-card div p {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  height: 100%;
}

.image-card:hover>div {
  opacity: 1;
}

.database-darweb-details p {
  margin-bottom: 0;
}

.div-database-darkweb-details-2 {
  grid-template-columns: 1fr 2fr;
  grid-column-gap: 10px;
}

.textwrap-database-darkweb {
  line-height: 1.3;
  font-size: 0.8rem;
}

.tag-bg-database-darkweb {
  background-image: linear-gradient(310deg, #24262d, #30343c);
  box-shadow: 2px 2px 5px black;
  padding: 0 0.6rem;
  width: 100%;
  border-radius: 0.3rem;
  margin-right: 0.4rem;
  line-height: 1.5;
  margin-bottom: 0.4rem;
  margin-top: 0.4rem;
}

.tag-width-darkwed {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.div-overflow-database {
  width: 100%;
  height: 160px;
  overflow-y: auto;
}


@media only screen and (max-width: 1900px) {
  .div-overflow-database {
    height: 170px;
  }
}


.grade-ssl-bg {
  background-image: linear-gradient(310deg, #24262d, #30343c);
  box-shadow: 2px 2px 5px black;
  position: relative;
}

.grade-ssl-icon-bg {
  background-color: #24262d;
  width: 50px;
  height: 50px;
  border-radius: 8px;
  box-shadow: -2px 2px 5px black;
  position: absolute;
  top: -20px;
  left: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.grade-ssl-icon-bg p {
  margin-bottom: 0;
  font-size: 2.5rem;
  color: #f6a821;
}

.ssl-text-data {
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  align-items: flex-end;
  height: 80px;
}

.ssl-text-data p {
  margin-bottom: 0;
  line-height: 1.5;
}

.ssl-text-data p strong {
  color: #fff;
  font-size: 13px;
}

.ssl-text-data p:nth-child(even) {
  /* font-size: 15px; */
}

.list-vulnerability-bg {
  padding: 0.5rem;
  background-color: #24262d;
  /* border-radius: 5px; */
  margin-top: 0.3rem;
  display: grid;
  grid-template-columns: 5fr  2fr;

}

.list-vulnerability-bg p {
  line-height: 1;
  margin-bottom: 0;
  font-size: 13px;
}

.list-vulnerability-bg p .fa-circle-xmark {
  color: red;
}

.list-vulnerability-bg p .fa-circle-check {
  color: green;
}

/* advance scan */
.scan-icon {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.scan-icon i {
  font-size: 50px;
  color: #fff;
  margin-top: 10px;
}

.side-left-form {
  margin-left: 100px;
  width: 93% !important;
}

#form-scan {
  opacity: 1;
  width: 100%;
  transition: all 0.5s;
  transition-timing-function: ease-in-out;
}

.modal-box-close-for-advance-scan {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 99;
}

.sidescan {
  width: 20%;
  height: 80vh;
  background-color: #00b9f5;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.scanhr {
  height: 2px;
  background-color: #f6a821;
}

.scanh4 {
  font-size: 20px;
  color: #cac9c9;
}

.scanbody {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.scanbody:hover {
  text-decoration: none;
}

.scanbody img {
  width: 45x;
  height: 45px;
  margin-top: 10px
}

.scanbody p {
  color: #cac9c9;
  line-height: 1;
  margin: 0;
  margin-top: 5px;
  text-align: justify;
  padding-top: 25px;
}

.scanbody-title {
  color: #fff !important;
  font-weight: 400;
  font-size: 18px;
}

/* .advanced-scan-title {
  position: absolute;
  bottom: 0;
}

.scan-icon-advance{

} */


/* .midscan{
  width: 70%;
  height: 80vh;
  background-color: #fff;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.scanform{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.sidescan ul{
  list-style-type: none;
  padding: 0;
  padding-top: 20px;
}

.sidescan ul li{
   padding-top: 15px;
   padding-bottom: 15px;
   padding-left: 30px;
} */

.container2 {
  position: relative;
  width: 100%;
}

.navigationform {
  width: 100px;
  height: 100%;
  background: #cac9c9;
  border-left: 1px solid #24262d solid #00ff01;
  transition: 0.5s;
}

.navigationform.active {
  width: 70px;
}

.navigationform ul {
  position: absolute;
  top: 0;
  left: 0;
  width: 300px;
  height: 600px;
  background: #24262d;
  overflow: hidden;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  padding-left: 10px;
}

.navigationform ul li {
  position: relative;
  width: 95%;
  list-style: none;
  border-radius: 30px;
  margin-bottom: 5px;
  transition: 0.2s;
}

.navigationform ul li.active {
  background: rgb(246, 168, 33);
  box-shadow: 0px 4px 10px 1px solid #24262d #000000ab;
}

.navigationform ul li:hover,
.navigationform ul li.hovered {
  background: rgb(246, 168, 33);
  box-shadow: 0px 4px 10px 1px solid #24262d #000000ab;
}

.navigationform ul li a {
  position: relative;
  display: block;
  width: 100%;
  padding-left: 50px;
  text-decoration: none;
  color: #fff;
}

.navigationform ul li:hover a,
.navigationform ul li.hovered a {
  color: #fff;
}

.navigationform ul li:nth-child(1) {
  margin-top: 30px;
}

.navigationform ul li a .title {
  position: relative;
  display: block;
  padding: 10px 10px;
  text-align: start;
  white-space: nowrap;
  margin: 0;
}

/* side 2 */

.navigationform2 {
  width: 100px;
  height: 100%;
  background: #cac9c9;
  transition: 0.5s;
}


.main2 {
  position: absolute;
  width: calc(100% - 300px);
  left: 300px;
  /* min-height: 81vh; */
  background: #3d3f47;
  transition: 0.5s;
  /* border: 1px solid #24262d solid rgb(246, 168, 33);  */
  border-left: 0px;
  border-bottom-right-radius: 8px;
  border-top-right-radius: 8px;
  height: 600px;
}

.main2 .toggleWrapper input.mobileToggle+label::before {
  background: #ffb100;
  box-shadow: inset 5px 5px 4px #9d6500, inset -5px -5px 4px #e3951f;
}

.main2 .toggleWrapper input.mobileToggle:checked+label:before {
  background: #2c2e36 !important;
  box-shadow: inset 5px 5px 5px #121216, inset -5px -5px 5px #464a56 !important;
}

.advanceform {
  display: flex;
  justify-content: flex-start;
}

.advanceform legend {
  width: 100%;
  font-size: 18px;
  text-transform: uppercase;
}

.advanceform label {
  font-size: 13px;
  margin-right: 15px;
}

.advanceform input {
  background-color: transparent;
  border: 0;
  width: 390px;
  box-shadow: none;
  border-bottom: 1px solid #24262d;
  /* box-shadow: inset 0px 0px 2px #545454, inset 0px 1px solid #24262d 0px #040404; */
  margin-top: 3px;
  padding: 3px;
  transition: 1s;
  color: #cac9c9;
}

.advanceform input:focus {
  border: 1px solid #24262d;
  outline: 1px solid #24262d;
  border-radius: 20px;
}

.advanceform label {
  width: 150px;
}

.advanceform input[type="datetime-local"] {
  font-size: 10px;
  color: #949ba2;
  width: 155px;
}

.advanceform input::-webkit-calendar-picker-indicator {
  filter: invert(1);
}

.formdate {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.formdate p {
  font-size: 13px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: -20px;
}

.formdate input {
  width: 150px;
  color: #cac9c9;
}

.modal.fade.modal-right .modal-dialog {
  transform: translate(125%, 0px);
}

.modal.show.modal-right .modal-dialog {
  transform: none;
}

.formtoggle {
  position: absolute !important;
  top: 50px;
  right: 20px;
  display: none !important;
}

.button-form-save {
  position: absolute;
  bottom: 10px;
  left: 20px;
  width: 100px;
  border-radius: 20px;
  height: 30px;
  padding: 2px;
  background-color: #212529;
}

.button-form-save:hover {
  background-color: rgb(246, 168, 33);
  transform: scale(1.1);
}

.button-form-save a {
  color: #fff;
  text-decoration: none;
}

.button-form-save a p {
  font-size: 13px;
  text-align: center;
}

.button-form-submit {
  width: 100px !important;
  border-radius: 20px;
  height: 30px;
  background-color: #212529 !important;
  border: 0;
  box-shadow: none;
  transition: 0s !important;
  border-bottom: 0px !important;
  margin-top: 20px !important;
  padding: 3px;
  color: #fff !important;
  float: right;
}

.button-form-submit:focus {
  outline: 0px !important;
  border: 0px !important;
}

.button-form-submit:hover {
  background-color: rgb(246, 168, 33) !important;
  transform: scale(1.1);
  color: #fff;
}

.button-form-next {
  position: absolute;
  bottom: 10px;
  right: 20px;
  width: 100px;
  border-radius: 20px;
  height: 30px;
  padding: 2px;
  background-color: #212529;
}

.button-form-next:hover {
  background-color: rgb(246, 168, 33);
  transform: scale(1.1);
}

.button-form-next a {
  color: #fff;
  text-decoration: none;
}

.button-form-next a p {
  font-size: 13px;
  text-align: center;
}

.textareaform {
  margin-bottom: -33px;
  background-color: transparent;
  resize: none;
  border: 0;
  color: #cac9c9;
  transition: 0.5s;
  padding: 5px;
  border-bottom: 1px solid #24262d;
}

.textareaform:focus {
  outline: 1px solid #24262d;
  border-radius: 10px;
}

#accordianform {
  color: white;
  position: absolute;
  top: 0;
  left: 0px !important;
  width: 200px;
  height: 81vh;
  background: #24262d;
  overflow-y: scroll;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

#accordianform::-webkit-scrollbar-track {
  background: transparent;
}

/*heading styles*/
#accordianform h3 {
  font-size: 12px;
  line-height: 34px;
  padding: 0 10px;
  cursor: pointer;
  border-radius: 8px;
}

#accordianform h3:active {
  box-shadow: 0px 4px 10px 1px #000000ab;
}

#accordianform h3:hover {
  box-shadow: 0px 4px 10px 1px #000000ab;
}

#accordianform h3 i {
  color: #f6a821;
}

#accordianform li:nth-child(1) h3 {
  margin-top: 10px;
}

/*heading hover effect*/
/* #accordianform h3:hover {
  text-shadow: 0 0 1px solid #24262d rgba(255, 255, 255, 0.7);
} */

#accordianform ul {
  padding: 0;
}

/*iconfont styles*/
#accordianform h3 span {
  font-size: 16px;
  margin-right: 10px;
}

/*list items*/
#accordianform ul li {
  list-style-type: none;
  padding: 0 10px;
}

/*links*/
#accordianform ul ul li a {
  color: white;
  text-decoration: none;
  font-size: 11px;
  line-height: 27px;
  display: block;
  padding: 0 0 0 25px;
  /*transition for smooth hover animation*/
  transition: all 0.15s;
}

/*hover effect on links*/
#accordianform ul ul li:hover {
  transition: 0.1s;
  background: #24262d;
  border-left: 5px solid #f6a821;
}

#accordianform ul ul li.active {
  transition: 0.1s;
  background: #24262d;
  border-left: 5px solid #f6a821;
}

/* Lets hide the non active LIs by default */
#accordianform ul ul {
  display: none;
}

#accordianform li.active ul {
  display: block;
}

#accordianform h3 .fa-angle-down {
  transition: all 0.25s ease-in-out;
  transform: rotate(0deg);
}

.rotate {
  transform: rotate(-180deg) !important;
}

.fieldset-border {
  border: 1px solid #a1a0a0;
  border-radius: 10px;
}

.advance-radio {
  margin-top: 10px;
}

.advance-radio .head-radio {
  width: 100%;
  color: #fff;
}

.advance-radio input:focus {
  border: 0px;
  outline: 0px;
}

.advance-radio input[type="radio"] {
  /* remove standard background appearance */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* create custom radiobutton appearance */
  width: 20px;
  height: 20px;
  padding: 2px;
  /* background-color only for content */
  background-clip: content-box;
  border: 2px solid #cac9c9;
  background-color: #cac9c9;
  border-radius: 50%;
  margin-right: 10px;
  margin-top: 0px;
  margin-bottom: 0;
  margin-left: 170px;
}

/* appearance for checked radiobutton */
.advance-radio input[type="radio"]:checked {
  background-color: #FFB100;
  border: 2px solid #FFB100;
}

.advance-radio label {
  margin-bottom: 0px;
  margin-top: 0px;
  color: #cac9c9;
}


/* scanning overview  */

.scanning-overvies-heading-flex {
  display: grid;
  grid-template-columns: 1fr 6fr;
  grid-gap: 20px;
}

.scannning-overview-heading-icon {
  background-color: #3d3f47;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  height: 80px;
  width: 80px;
  font-size: 35px;
  box-shadow: 0px 1px 22px -12px #000000ab;
  transition: 0.3s;
  /* filter: drop-shadow(0px 2px 4px black); */
  animation-name: scanningicon;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;

}

/* @keyframes scanningicon {
  0%{ filter: drop-shadow(0px 1px 3px black);}
  12%{ filter: drop-shadow(0px 1px 2px black);}
  32%{ filter: drop-shadow(0px 0px 1px black);}
  50%{ filter: drop-shadow(0px 0px 0px black);}
  62%{ filter: drop-shadow(0px 1px 1px black);}
  74%{ filter: drop-shadow(0px 1px 2px black);}
  85%{ filter: drop-shadow(0px 2px 3px black);}
  100%{ filter: drop-shadow(0px 2px 4px black);}
  
} */

.scannning-overview-heading-icon:hover {
  filter: drop-shadow(0px 2px 4px black);
}

.scanning-overview-heading-text-grid {
  display: flex;
  justify-content: start;
  align-items: center;
}

.scanning-overview-heading-text-grid h5 {
  color: #fff;
  margin-bottom: 0px;
}

.scanning-overview-heading-text-grid p {
  color: #cac9c9;
  margin-bottom: 0px;
}

.scanning-overview-img i {
  font-size: 2rem;
}

.scanning-overview-card-heading h6 {
  margin-top: 10px;
  font-size: 15px;
  color: #cac9c9;
}

.scanning-overview-card-heading p {
  margin-top: 5px;
  margin-bottom: 0px;
  line-height: 1.1;
  font-size: 11px;
}

.scanning-overview-btn {
  position: absolute;
  top: 15px;
  right: 20px;
  background-color: #f6a821;
  color: #fff;
  width: fit-content;
  padding: 0 15px;
  border-radius: 5px;
  /* box-shadow: 0px 0px 5px #f6a821; */
  cursor: pointer;
}

/* .scanning-overview-btn:hover{
  box-shadow: 0px 0px 5px #f6a821;
} */

.scanning-overview-time-bg {
  background-image: linear-gradient(310deg, #24262d, #30343c);
  width: 100%;
  box-shadow: 0px 2px 4px black;
  border-radius: 8px;
  padding: 10px;
  transition: 0.3s;
  cursor: pointer;
}

.scanning-overview-time-bg:hover {
  box-shadow: 0px 0px 12px #f6a821;
  background-color: #f6a821;
  background-image: none;
  color: #fff;
}

.scanning-overview-div:hover {
  box-shadow: 0px 0px 5px #f6a821;
  cursor: pointer;
}

/* .scanning-overview-time-bg.active{
  box-shadow: 0px 0px 12px #f6a821;
  background-color:#f6a821 ;
  background-image: none;
  color: #fff;
} */

.scanning-overview-time-bg p {
  font-size: 25px;
  text-align: center;
}

.scanning-overview-time-bg i {
  font-size: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* scanning overvies end */

/* found and notfound btn */

.found-btn {
  /* border: 1px solid red; */
  width: fit-content;
  padding: 2px 10px;
  border-radius: 8px;
  color: red;
  font-weight: 600;

  /* background-color: #ff00004d; */
  animation-name: foundanimation;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}

.not-found-btn {
  border: 1px solid #00ff01;
  width: fit-content;
  padding: 2px 10px;
  border-radius: 8px;
  color: #00ff01;
  font-weight: 600;
  box-shadow: 0px 1px 2px #00ff01, inset 0px 0px 0px #00ff01;
  /* background-color: #00ff014f; */
}

@keyframes foundanimation {
  0% {
    box-shadow: 0px 1px 8px red, inset 0px 0px 2px red;
  }

  50% {
    box-shadow: 0px 1px 8px #d42e2a, inset 0px 0px 2px red;
  }

  100% {
    box-shadow: 0px 1px 8px darkred, inset 0px 0px 2px red;
  }
}

.ul-newlinebar {
  margin-left: 0px;
  padding-left: 0px;
  margin-bottom: 0px;
  list-style-type: none;
}

.ul-newlinebar li:nth-child(1) {
  /* margin-top: 0.4rem; */
}

.ul-newlinebar li:nth-child(2) {
  text-align: center;
  /* margin-top: 0.2rem; */
}

.li-newlinebar {
  width: 100%;
  height: 10px;
  /* background: #2a2d35; */
  background: #535968;
  border-radius: 6px;
  border: 1px solid #2a2d35;
  list-style: none;
  position: relative;
  /* box-shadow: 0px 3px 3px black, inset 0px 1px 2px black; */
}

.li-newlinebar span {
  width: 0%;
  height: 10px;
  background: #f6a821;
  /* background: linear-gradient(109.6deg, rgb(148, 233, 194) 11.2%, rgb(224, 235, 186) 91.1%); */
  position: absolute;
  border-radius: 6px !important;
  top: -1px;
  left: -1px;
  border-radius: 6px 0 0 6px;
  /* border: 1px solid #f6a821; */
  /* box-shadow: inset -1px -1px 3px #2a1c03; */
}

/* progress bar animation */

.li-newlinebar .span1 {
  -webkit-animation: processnewline1 2s forwards;
}

@-webkit-keyframes processnewline1 {
  0% {
    width: 0;
  }

  100% {
    width: 1%;
  }
}

@-moz-keyframes processnewline1 {
  0% {
    width: 0;
  }

  100% {
    width: 1%;
  }
}

.li-newlinebar .span2 {
  -webkit-animation: processnewline2 2s forwards;
}

@-webkit-keyframes processnewline2 {
  0% {
    width: 0;
  }

  100% {
    width: 2%;
  }
}

@-moz-keyframes processnewline2 {
  0% {
    width: 0;
  }

  100% {
    width: 2%;
  }
}

.li-newlinebar .span3 {
  -webkit-animation: processnewline3 2s forwards;
}

@-webkit-keyframes processnewline {
  0% {
    width: 0;
  }

  100% {
    width: 3%;
  }
}

@-moz-keyframes processnewline3 {
  0% {
    width: 0;
  }

  100% {
    width: 3%;
  }
}

.li-newlinebar .span4 {
  -webkit-animation: processnewline4 2s forwards;
}

@-webkit-keyframes processnewline4 {
  0% {
    width: 0;
  }

  100% {
    width: 4%;
  }
}

@-moz-keyframes processnewline4 {
  0% {
    width: 0;
  }

  100% {
    width: 4%;
  }
}

.li-newlinebar .span5 {
  -webkit-animation: processnewline5 2s forwards;
}

@-webkit-keyframes processnewline5 {
  0% {
    width: 0;
  }

  100% {
    width: 5%;
  }
}

@-moz-keyframes processnewline5 {
  0% {
    width: 0;
  }

  100% {
    width: 5%;
  }
}

.li-newlinebar .span6 {
  -webkit-animation: processnewline6 2s forwards;
}

@-webkit-keyframes processnewline7 {
  0% {
    width: 0;
  }

  100% {
    width: 7%;
  }
}

@-moz-keyframes processnewline7 {
  0% {
    width: 0;
  }

  100% {
    width: 7%;
  }
}

.li-newlinebar .span8 {
  -webkit-animation: processnewline8 2s forwards;
}

@-webkit-keyframes processnewline8 {
  0% {
    width: 0;
  }

  100% {
    width: 8%;
  }
}

@-moz-keyframes processnewline8 {
  0% {
    width: 0;
  }

  100% {
    width: 8%;
  }
}

.li-newlinebar .span9 {
  -webkit-animation: processnewline9 2s forwards;
}

@-webkit-keyframes processnewline9 {
  0% {
    width: 0;
  }

  100% {
    width: 9%;
  }
}

@-moz-keyframes processnewline9 {
  0% {
    width: 0;
  }

  100% {
    width: 9%;
  }
}

.li-newlinebar .span10 {
  -webkit-animation: processnewline10 2s forwards;
}

@-webkit-keyframes processnewline10 {
  0% {
    width: 0;
  }

  100% {
    width: 10%;
  }
}

@-moz-keyframes processnewline10 {
  0% {
    width: 0;
  }

  100% {
    width: 10%;
  }
}

.li-newlinebar .span11 {
  -webkit-animation: processnewline11 2s forwards;
}

@-webkit-keyframes processnewline11 {
  0% {
    width: 0;
  }

  100% {
    width: 11%;
  }
}

@-moz-keyframes processnewline11 {
  0% {
    width: 0;
  }

  100% {
    width: 11%;
  }
}

.li-newlinebar .span12 {
  -webkit-animation: processnewline12 2s forwards;
}

@-webkit-keyframes processnewline12 {
  0% {
    width: 0;
  }

  100% {
    width: 12%;
  }
}

@-moz-keyframes processnewline12 {
  0% {
    width: 0;
  }

  100% {
    width: 12%;
  }
}

.li-newlinebar .span13 {
  -webkit-animation: processnewline13 2s forwards;
}

@-webkit-keyframes processnewline13 {
  0% {
    width: 0;
  }

  100% {
    width: 13%;
  }
}

@-moz-keyframes processnewline13 {
  0% {
    width: 0;
  }

  100% {
    width: 13%;
  }
}

.li-newlinebar .span14 {
  -webkit-animation: processnewline14 2s forwards;
}

@-webkit-keyframes processnewline14 {
  0% {
    width: 0;
  }

  100% {
    width: 14%;
  }
}

@-moz-keyframes processnewline14 {
  0% {
    width: 0;
  }

  100% {
    width: 14%;
  }
}

.li-newlinebar .span15 {
  -webkit-animation: processnewline15 2s forwards;
}

@-webkit-keyframes processnewline15 {
  0% {
    width: 0;
  }

  100% {
    width: 15%;
  }
}

@-moz-keyframes processnewline15 {
  0% {
    width: 0;
  }

  100% {
    width: 15%;
  }
}

.li-newlinebar .span16 {
  -webkit-animation: processnewline16 2s forwards;
}

@-webkit-keyframes processnewline16 {
  0% {
    width: 0;
  }

  100% {
    width: 16%;
  }
}

@-moz-keyframes processnewline16 {
  0% {
    width: 0;
  }

  100% {
    width: 16%;
  }
}

.li-newlinebar .span17 {
  -webkit-animation: processnewline17 2s forwards;
}

@-webkit-keyframes processnewline17 {
  0% {
    width: 0;
  }

  100% {
    width: 17%;
  }
}

@-moz-keyframes processnewline17 {
  0% {
    width: 0;
  }

  100% {
    width: 17%;
  }
}

.li-newlinebar .span18 {
  -webkit-animation: processnewline18 2s forwards;
}

@-webkit-keyframes processnewline18 {
  0% {
    width: 0;
  }

  100% {
    width: 18%;
  }
}

@-moz-keyframes processnewline18 {
  0% {
    width: 0;
  }

  100% {
    width: 18%;
  }
}

.li-newlinebar .span19 {
  -webkit-animation: processnewline19 2s forwards;
}

@-webkit-keyframes processnewline19 {
  0% {
    width: 0;
  }

  100% {
    width: 19%;
  }
}

@-moz-keyframes processnewline19 {
  0% {
    width: 0;
  }

  100% {
    width: 19%;
  }
}

.li-newlinebar .span20 {
  -webkit-animation: processnewline20 2s forwards;
}

@-webkit-keyframes processnewline20 {
  0% {
    width: 0;
  }

  100% {
    width: 20%;
  }
}

@-moz-keyframes processnewline20 {
  0% {
    width: 0;
  }

  100% {
    width: 20%;
  }
}

.li-newlinebar .span21 {
  -webkit-animation: processnewline21 2s forwards;
}

@-webkit-keyframes processnewline21 {
  0% {
    width: 0;
  }

  100% {
    width: 21%;
  }
}

@-moz-keyframes processnewline21 {
  0% {
    width: 0;
  }

  100% {
    width: 21%;
  }
}

.li-newlinebar .span22 {
  -webkit-animation: processnewline22 2s forwards;
}

@-webkit-keyframes processnewline22 {
  0% {
    width: 0;
  }

  100% {
    width: 22%;
  }
}

@-moz-keyframes processnewline22 {
  0% {
    width: 0;
  }

  100% {
    width: 22%;
  }
}

.li-newlinebar .span23 {
  -webkit-animation: processnewline23 2s forwards;
}

@-webkit-keyframes processnewline23 {
  0% {
    width: 0;
  }

  100% {
    width: 23%;
  }
}

@-moz-keyframes processnewline23 {
  0% {
    width: 0;
  }

  100% {
    width: 23%;
  }
}

.li-newlinebar .span24 {
  -webkit-animation: processnewline24 2s forwards;
}

@-webkit-keyframes processnewline24 {
  0% {
    width: 0;
  }

  100% {
    width: 24%;
  }
}

@-moz-keyframes processnewline24 {
  0% {
    width: 0;
  }

  100% {
    width: 24%;
  }
}

.li-newlinebar .span25 {
  -webkit-animation: processnewline25 2s forwards;
}

@-webkit-keyframes processnewline25 {
  0% {
    width: 0;
  }

  100% {
    width: 25%;
  }
}

@-moz-keyframes processnewline25 {
  0% {
    width: 0;
  }

  100% {
    width: 25%;
  }
}

.li-newlinebar .span26 {
  -webkit-animation: processnewline26 2s forwards;
}

@-webkit-keyframes processnewline26 {
  0% {
    width: 0;
  }

  100% {
    width: 26%;
  }
}

@-moz-keyframes processnewline26 {
  0% {
    width: 0;
  }

  100% {
    width: 26%;
  }
}

.li-newlinebar .span27 {
  -webkit-animation: processnewline27 2s forwards;
}

@-webkit-keyframes processnewline27 {
  0% {
    width: 0;
  }

  100% {
    width: 27%;
  }
}

@-moz-keyframes processnewline27 {
  0% {
    width: 0;
  }

  100% {
    width: 27%;
  }
}

.li-newlinebar .span28 {
  -webkit-animation: processnewline28 2s forwards;
}

@-webkit-keyframes processnewline28 {
  0% {
    width: 0;
  }

  100% {
    width: 28%;
  }
}

@-moz-keyframes processnewline28 {
  0% {
    width: 0;
  }

  100% {
    width: 28%;
  }
}

.li-newlinebar .span29 {
  -webkit-animation: processnewline29 2s forwards;
}

@-webkit-keyframes processnewline29 {
  0% {
    width: 0;
  }

  100% {
    width: 29%;
  }
}

@-moz-keyframes processnewline29 {
  0% {
    width: 0;
  }

  100% {
    width: 29%;
  }
}

.li-newlinebar .span30 {
  -webkit-animation: processnewline30 2s forwards;
}

@-webkit-keyframes processnewline30 {
  0% {
    width: 0;
  }

  100% {
    width: 30%;
  }
}

@-moz-keyframes processnewline30 {
  0% {
    width: 0;
  }

  100% {
    width: 30%;
  }
}

.li-newlinebar .span31 {
  -webkit-animation: processnewline31 2s forwards;
}

@-webkit-keyframes processnewline31 {
  0% {
    width: 0;
  }

  100% {
    width: 31%;
  }
}

@-moz-keyframes processnewline31 {
  0% {
    width: 0;
  }

  100% {
    width: 31%;
  }
}

.li-newlinebar .span32 {
  -webkit-animation: processnewline32 2s forwards;
}

@-webkit-keyframes processnewline32 {
  0% {
    width: 0;
  }

  100% {
    width: 32%;
  }
}

@-moz-keyframes processnewline32 {
  0% {
    width: 0;
  }

  100% {
    width: 32%;
  }
}

.li-newlinebar .span33 {
  -webkit-animation: processnewline33 2s forwards;
}

@-webkit-keyframes processnewline33 {
  0% {
    width: 0;
  }

  100% {
    width: 33%;
  }
}

@-moz-keyframes processnewline33 {
  0% {
    width: 0;
  }

  100% {
    width: 33%;
  }
}

.li-newlinebar .span34 {
  -webkit-animation: processnewline34 2s forwards;
}

@-webkit-keyframes processnewline34 {
  0% {
    width: 0;
  }

  100% {
    width: 34%;
  }
}

@-moz-keyframes processnewline34 {
  0% {
    width: 0;
  }

  100% {
    width: 34%;
  }
}

.li-newlinebar .span35 {
  -webkit-animation: processnewline35 2s forwards;
}

@-webkit-keyframes processnewline35 {
  0% {
    width: 0;
  }

  100% {
    width: 35%;
  }
}

@-moz-keyframes processnewline35 {
  0% {
    width: 0;
  }

  100% {
    width: 35%;
  }
}


.li-newlinebar .span36 {
  -webkit-animation: processnewline36 2s forwards;
}

@-webkit-keyframes processnewline36 {
  0% {
    width: 0;
  }

  100% {
    width: 36%;
  }
}

@-moz-keyframes processnewline36 {
  0% {
    width: 0;
  }

  100% {
    width: 36%;
  }
}

.li-newlinebar .span37 {
  -webkit-animation: processnewline37 2s forwards;
}

@-webkit-keyframes processnewline37 {
  0% {
    width: 0;
  }

  100% {
    width: 37%;
  }
}

@-moz-keyframes processnewline37 {
  0% {
    width: 0;
  }

  100% {
    width: 37%;
  }
}

.li-newlinebar .span38 {
  -webkit-animation: processnewline38 2s forwards;
}

@-webkit-keyframes processnewline38 {
  0% {
    width: 0;
  }

  100% {
    width: 38%;
  }
}

@-moz-keyframes processnewline38 {
  0% {
    width: 0;
  }

  100% {
    width: 38%;
  }
}

.li-newlinebar .span39 {
  -webkit-animation: processnewline39 2s forwards;
}

@-webkit-keyframes processnewline39 {
  0% {
    width: 0;
  }

  100% {
    width: 39%;
  }
}

@-moz-keyframes processnewline39 {
  0% {
    width: 0;
  }

  100% {
    width: 39%;
  }
}

.li-newlinebar .span40 {
  -webkit-animation: processnewline40 2s forwards;
}

@-webkit-keyframes processnewline40 {
  0% {
    width: 0;
  }

  100% {
    width: 40%;
  }
}

@-moz-keyframes processnewline40 {
  0% {
    width: 0;
  }

  100% {
    width: 40%;
  }
}

.li-newlinebar .span41 {
  -webkit-animation: processnewline41 2s forwards;
}

@-webkit-keyframes processnewline41 {
  0% {
    width: 0;
  }

  100% {
    width: 41%;
  }
}

@-moz-keyframes processnewline41 {
  0% {
    width: 0;
  }

  100% {
    width: 41%;
  }
}

.li-newlinebar .span42 {
  -webkit-animation: processnewline42 2s forwards;
}

@-webkit-keyframes processnewline42 {
  0% {
    width: 0;
  }

  100% {
    width: 42%;
  }
}

@-moz-keyframes processnewline42 {
  0% {
    width: 0;
  }

  100% {
    width: 42%;
  }
}

.li-newlinebar .span43 {
  -webkit-animation: processnewline43 2s forwards;
}

@-webkit-keyframes processnewline43 {
  0% {
    width: 0;
  }

  100% {
    width: 43%;
  }
}

@-moz-keyframes processnewline43 {
  0% {
    width: 0;
  }

  100% {
    width: 43%;
  }
}

.li-newlinebar .span44 {
  -webkit-animation: processnewline44 2s forwards;
}

@-webkit-keyframes processnewline44 {
  0% {
    width: 0;
  }

  100% {
    width: 44%;
  }
}

@-moz-keyframes processnewline44 {
  0% {
    width: 0;
  }

  100% {
    width: 44%;
  }
}

.li-newlinebar .span45 {
  -webkit-animation: processnewline45 2s forwards;
}

@-webkit-keyframes processnewline45 {
  0% {
    width: 0;
  }

  100% {
    width: 45%;
  }
}

@-moz-keyframes processnewline45 {
  0% {
    width: 0;
  }

  100% {
    width: 45%;
  }
}

.li-newlinebar .span46 {
  -webkit-animation: processnewline46 2s forwards;
}

@-webkit-keyframes processnewline46 {
  0% {
    width: 0;
  }

  100% {
    width: 46%;
  }
}

@-moz-keyframes processnewline46 {
  0% {
    width: 0;
  }

  100% {
    width: 46%;
  }
}

.li-newlinebar .span47 {
  -webkit-animation: processnewline47 2s forwards;
}

@-webkit-keyframes processnewline47 {
  0% {
    width: 0;
  }

  100% {
    width: 47%;
  }
}

@-moz-keyframes processnewline47 {
  0% {
    width: 0;
  }

  100% {
    width: 47%;
  }
}

.li-newlinebar .span48 {
  -webkit-animation: processnewline48 2s forwards;
}

@-webkit-keyframes processnewline48 {
  0% {
    width: 0;
  }

  100% {
    width: 48%;
  }
}

@-moz-keyframes processnewline48 {
  0% {
    width: 0;
  }

  100% {
    width: 48%;
  }
}

.li-newlinebar .span49 {
  -webkit-animation: processnewline49 2s forwards;
}

@-webkit-keyframes processnewline49 {
  0% {
    width: 0;
  }

  100% {
    width: 49%;
  }
}

@-moz-keyframes processnewline49 {
  0% {
    width: 0;
  }

  100% {
    width: 49%;
  }
}

.li-newlinebar .span50 {
  -webkit-animation: processnewline50 2s forwards;
}

@-webkit-keyframes processnewline50 {
  0% {
    width: 0;
  }

  100% {
    width: 50%;
  }
}

@-moz-keyframes processnewline50 {
  0% {
    width: 0;
  }

  100% {
    width: 50%;
  }
}

.li-newlinebar .span51 {
  -webkit-animation: processnewline51 2s forwards;
}

@-webkit-keyframes processnewline51 {
  0% {
    width: 0;
  }

  100% {
    width: 51%;
  }
}

@-moz-keyframes processnewline51 {
  0% {
    width: 0;
  }

  100% {
    width: 51%;
  }
}


.li-newlinebar .span52 {
  -webkit-animation: processnewline52 2s forwards;
}

@-webkit-keyframes processnewline52 {
  0% {
    width: 0;
  }

  100% {
    width: 52%;
  }
}

@-moz-keyframes processnewline52 {
  0% {
    width: 0;
  }

  100% {
    width: 52%;
  }
}


.li-newlinebar .span53 {
  -webkit-animation: processnewline53 2s forwards;
}

@-webkit-keyframes processnewline53 {
  0% {
    width: 0;
  }

  100% {
    width: 53%;
  }
}

@-moz-keyframes processnewline53 {
  0% {
    width: 0;
  }

  100% {
    width: 53%;
  }
}


.li-newlinebar .span54 {
  -webkit-animation: processnewline54 2s forwards;
}

@-webkit-keyframes processnewline54 {
  0% {
    width: 0;
  }

  100% {
    width: 54%;
  }
}

@-moz-keyframes processnewline54 {
  0% {
    width: 0;
  }

  100% {
    width: 54%;
  }
}

.li-newlinebar .span55 {
  -webkit-animation: processnewline55 2s forwards;
}

@-webkit-keyframes processnewline55 {
  0% {
    width: 0;
  }

  100% {
    width: 55%;
  }
}

@-moz-keyframes processnewline55 {
  0% {
    width: 0;
  }

  100% {
    width: 55%;
  }
}

.li-newlinebar .span56 {
  -webkit-animation: processnewline56 2s forwards;
}

@-webkit-keyframes processnewline56 {
  0% {
    width: 0;
  }

  100% {
    width: 56%;
  }
}

@-moz-keyframes processnewline56 {
  0% {
    width: 0;
  }

  100% {
    width: 56%;
  }
}

.li-newlinebar .span57 {
  -webkit-animation: processnewline57 2s forwards;
}

@-webkit-keyframes processnewline57 {
  0% {
    width: 0;
  }

  100% {
    width: 57%;
  }
}

@-moz-keyframes processnewline57 {
  0% {
    width: 0;
  }

  100% {
    width: 57%;
  }
}

.li-newlinebar .span58 {
  -webkit-animation: processnewline58 2s forwards;
}

@-webkit-keyframes processnewline58 {
  0% {
    width: 0;
  }

  100% {
    width: 58%;
  }
}

@-moz-keyframes processnewline58 {
  0% {
    width: 0;
  }

  100% {
    width: 58%;
  }
}

.li-newlinebar .span59 {
  -webkit-animation: processnewline59 2s forwards;
}

@-webkit-keyframes processnewline59 {
  0% {
    width: 0;
  }

  100% {
    width: 59%;
  }
}

@-moz-keyframes processnewline59 {
  0% {
    width: 0;
  }

  100% {
    width: 59%;
  }
}

.li-newlinebar .span60 {
  -webkit-animation: processnewline60 2s forwards;
}

@-webkit-keyframes processnewline60 {
  0% {
    width: 0;
  }

  100% {
    width: 60%;
  }
}

@-moz-keyframes processnewline60 {
  0% {
    width: 0;
  }

  100% {
    width: 60%;
  }
}

.li-newlinebar .span61 {
  -webkit-animation: processnewline61 2s forwards;
}

@-webkit-keyframes processnewline61 {
  0% {
    width: 0;
  }

  100% {
    width: 61%;
  }
}

@-moz-keyframes processnewline61 {
  0% {
    width: 0;
  }

  100% {
    width: 61%;
  }
}

.li-newlinebar .span62 {
  -webkit-animation: processnewline62 2s forwards;
}

@-webkit-keyframes processnewline62 {
  0% {
    width: 0;
  }

  100% {
    width: 62%;
  }
}

@-moz-keyframes processnewline62 {
  0% {
    width: 0;
  }

  100% {
    width: 62%;
  }
}

.li-newlinebar .span63 {
  -webkit-animation: processnewline63 2s forwards;
}

@-webkit-keyframes processnewline63 {
  0% {
    width: 0;
  }

  100% {
    width: 63%;
  }
}

@-moz-keyframes processnewline63 {
  0% {
    width: 0;
  }

  100% {
    width: 63%;
  }
}

.li-newlinebar .span64 {
  -webkit-animation: processnewline64 2s forwards;
}

@-webkit-keyframes processnewline64 {
  0% {
    width: 0;
  }

  100% {
    width: 64%;
  }
}

@-moz-keyframes processnewline64 {
  0% {
    width: 0;
  }

  100% {
    width: 64%;
  }
}

.li-newlinebar .span65 {
  -webkit-animation: processnewline65 2s forwards;
}

@-webkit-keyframes processnewline65 {
  0% {
    width: 0;
  }

  100% {
    width: 65%;
  }
}

@-moz-keyframes processnewline65 {
  0% {
    width: 0;
  }

  100% {
    width: 65%;
  }
}

.li-newlinebar .span66 {
  -webkit-animation: processnewline66 2s forwards;
}

@-webkit-keyframes processnewline66 {
  0% {
    width: 0;
  }

  100% {
    width: 66%;
  }
}

@-moz-keyframes processnewline66 {
  0% {
    width: 0;
  }

  100% {
    width: 66%;
  }
}

.li-newlinebar .span67 {
  -webkit-animation: processnewline67 2s forwards;
}

@-webkit-keyframes processnewline67 {
  0% {
    width: 0;
  }

  100% {
    width: 67%;
  }
}

@-moz-keyframes processnewline67 {
  0% {
    width: 0;
  }

  100% {
    width: 67%;
  }
}

.li-newlinebar .span68 {
  -webkit-animation: processnewline68 2s forwards;
}

@-webkit-keyframes processnewline68 {
  0% {
    width: 0;
  }

  100% {
    width: 68%;
  }
}

@-moz-keyframes processnewline68 {
  0% {
    width: 0;
  }

  100% {
    width: 68%;
  }
}

.li-newlinebar .span69 {
  -webkit-animation: processnewline69 2s forwards;
}

@-webkit-keyframes processnewline69 {
  0% {
    width: 0;
  }

  100% {
    width: 69%;
  }
}

@-moz-keyframes processnewline69 {
  0% {
    width: 0;
  }

  100% {
    width: 69%;
  }
}

.li-newlinebar .span70 {
  -webkit-animation: processnewline70 2s forwards;
}

@-webkit-keyframes processnewline70 {
  0% {
    width: 0;
  }

  100% {
    width: 70%;
  }
}

@-moz-keyframes processnewline70 {
  0% {
    width: 0;
  }

  100% {
    width: 70%;
  }
}

.li-newlinebar .span71 {
  -webkit-animation: processnewline71 2s forwards;
}

@-webkit-keyframes processnewline71 {
  0% {
    width: 0;
  }

  100% {
    width: 71%;
  }
}

@-moz-keyframes processnewline71 {
  0% {
    width: 0;
  }

  100% {
    width: 71%;
  }
}

.li-newlinebar .span72 {
  -webkit-animation: processnewline72 2s forwards;
}

@-webkit-keyframes processnewline72 {
  0% {
    width: 0;
  }

  100% {
    width: 72%;
  }
}

@-moz-keyframes processnewline72 {
  0% {
    width: 0;
  }

  100% {
    width: 72%;
  }
}

.li-newlinebar .span73 {
  -webkit-animation: processnewline73 2s forwards;
}

@-webkit-keyframes processnewline73 {
  0% {
    width: 0;
  }

  100% {
    width: 73%;
  }
}

@-moz-keyframes processnewline73 {
  0% {
    width: 0;
  }

  100% {
    width: 73%;
  }
}

.li-newlinebar .span74 {
  -webkit-animation: processnewline74 2s forwards;
}

@-webkit-keyframes processnewline74 {
  0% {
    width: 0;
  }

  100% {
    width: 74%;
  }
}

@-moz-keyframes processnewline74 {
  0% {
    width: 0;
  }

  100% {
    width: 74%;
  }
}

.li-newlinebar .span75 {
  -webkit-animation: processnewline75 2s forwards;
}

@-webkit-keyframes processnewline75 {
  0% {
    width: 0;
  }

  100% {
    width: 75%;
  }
}

@-moz-keyframes processnewline75 {
  0% {
    width: 0;
  }

  100% {
    width: 75%;
  }
}

.li-newlinebar .span76 {
  -webkit-animation: processnewline76 2s forwards;
}

@-webkit-keyframes processnewline76 {
  0% {
    width: 0;
  }

  100% {
    width: 76%;
  }
}

@-moz-keyframes processnewline76 {
  0% {
    width: 0;
  }

  100% {
    width: 76%;
  }
}

.li-newlinebar .span77 {
  -webkit-animation: processnewline77 2s forwards;
}

@-webkit-keyframes processnewline77 {
  0% {
    width: 0;
  }

  100% {
    width: 77%;
  }
}

@-moz-keyframes processnewline77 {
  0% {
    width: 0;
  }

  100% {
    width: 77%;
  }
}

.li-newlinebar .span78 {
  -webkit-animation: processnewline78 2s forwards;
}

@-webkit-keyframes processnewline78 {
  0% {
    width: 0;
  }

  100% {
    width: 78%;
  }
}

@-moz-keyframes processnewline78 {
  0% {
    width: 0;
  }

  100% {
    width: 78%;
  }
}

.li-newlinebar .span79 {
  -webkit-animation: processnewline79 2s forwards;
}

@-webkit-keyframes processnewline79 {
  0% {
    width: 0;
  }

  100% {
    width: 79%;
  }
}

@-moz-keyframes processnewline79 {
  0% {
    width: 0;
  }

  100% {
    width: 79%;
  }
}

.li-newlinebar .span80 {
  -webkit-animation: processnewline80 2s forwards;
}

@-webkit-keyframes processnewline80 {
  0% {
    width: 0;
  }

  100% {
    width: 80%;
  }
}

@-moz-keyframes processnewline80 {
  0% {
    width: 0;
  }

  100% {
    width: 80%;
  }
}

.li-newlinebar .span81 {
  -webkit-animation: processnewline81 2s forwards;
}

@-webkit-keyframes processnewline81 {
  0% {
    width: 0;
  }

  100% {
    width: 81%;
  }
}

@-moz-keyframes processnewline81 {
  0% {
    width: 0;
  }

  100% {
    width: 81%;
  }
}

.li-newlinebar .span82 {
  -webkit-animation: processnewline82 2s forwards;
}

@-webkit-keyframes processnewline82 {
  0% {
    width: 0;
  }

  100% {
    width: 82%;
  }
}

@-moz-keyframes processnewline82 {
  0% {
    width: 0;
  }

  100% {
    width: 82%;
  }
}

.li-newlinebar .span83 {
  -webkit-animation: processnewline83 2s forwards;
}

@-webkit-keyframes processnewline83 {
  0% {
    width: 0;
  }

  100% {
    width: 83%;
  }
}

@-moz-keyframes processnewline83 {
  0% {
    width: 0;
  }

  100% {
    width: 83%;
  }
}

.li-newlinebar .span84 {
  -webkit-animation: processnewline84 2s forwards;
}

@-webkit-keyframes processnewline84 {
  0% {
    width: 0;
  }

  100% {
    width: 84%;
  }
}

@-moz-keyframes processnewline84 {
  0% {
    width: 0;
  }

  100% {
    width: 84%;
  }
}

.li-newlinebar .span85 {
  -webkit-animation: processnewline85 2s forwards;
}

@-webkit-keyframes processnewline85 {
  0% {
    width: 0;
  }

  100% {
    width: 85%;
  }
}

@-moz-keyframes processnewline85 {
  0% {
    width: 0;
  }

  100% {
    width: 85%;
  }
}

.li-newlinebar .span86 {
  -webkit-animation: processnewline86 2s forwards;
}

@-webkit-keyframes processnewline86 {
  0% {
    width: 0;
  }

  100% {
    width: 86%;
  }
}

@-moz-keyframes processnewline86 {
  0% {
    width: 0;
  }

  100% {
    width: 86%;
  }
}

.li-newlinebar .span87 {
  -webkit-animation: processnewline87 2s forwards;
}

@-webkit-keyframes processnewline87 {
  0% {
    width: 0;
  }

  100% {
    width: 87%;
  }
}

@-moz-keyframes processnewline87 {
  0% {
    width: 0;
  }

  100% {
    width: 87%;
  }
}

.li-newlinebar .span88 {
  -webkit-animation: processnewline88 2s forwards;
}

@-webkit-keyframes processnewline88 {
  0% {
    width: 0;
  }

  100% {
    width: 88%;
  }
}

@-moz-keyframes processnewline88 {
  0% {
    width: 0;
  }

  100% {
    width: 88%;
  }
}

.li-newlinebar .span89 {
  -webkit-animation: processnewline89 2s forwards;
}

@-webkit-keyframes processnewline89 {
  0% {
    width: 0;
  }

  100% {
    width: 89%;
  }
}

@-moz-keyframes processnewline89 {
  0% {
    width: 0;
  }

  100% {
    width: 89%;
  }
}

.li-newlinebar .span90 {
  -webkit-animation: processnewline90 2s forwards;
}

@-webkit-keyframes processnewline90 {
  0% {
    width: 0;
  }

  100% {
    width: 90%;
  }
}

@-moz-keyframes processnewline90 {
  0% {
    width: 0;
  }

  100% {
    width: 90%;
  }
}

.li-newlinebar .span91 {
  -webkit-animation: processnewline91 2s forwards;
}

@-webkit-keyframes processnewline91 {
  0% {
    width: 0;
  }

  100% {
    width: 91%;
  }
}

@-moz-keyframes processnewline91 {
  0% {
    width: 0;
  }

  100% {
    width: 91%;
  }
}

.li-newlinebar .span92 {
  -webkit-animation: processnewline92 2s forwards;
}

@-webkit-keyframes processnewline92 {
  0% {
    width: 0;
  }

  100% {
    width: 92%;
  }
}

@-moz-keyframes processnewline92 {
  0% {
    width: 0;
  }

  100% {
    width: 92%;
  }
}

.li-newlinebar .span93 {
  -webkit-animation: processnewline93 2s forwards;
}

@-webkit-keyframes processnewline93 {
  0% {
    width: 0;
  }

  100% {
    width: 93%;
  }
}

@-moz-keyframes processnewline93 {
  0% {
    width: 0;
  }

  100% {
    width: 93%;
  }
}

.li-newlinebar .span94 {
  -webkit-animation: processnewline94 2s forwards;
}

@-webkit-keyframes processnewline94 {
  0% {
    width: 0;
  }

  100% {
    width: 94%;
  }
}

@-moz-keyframes processnewline94 {
  0% {
    width: 0;
  }

  100% {
    width: 94%;
  }
}

.li-newlinebar .span95 {
  -webkit-animation: processnewline95 2s forwards;
}

@-webkit-keyframes processnewline95 {
  0% {
    width: 0;
  }

  100% {
    width: 95%;
  }
}

@-moz-keyframes processnewline95 {
  0% {
    width: 0;
  }

  100% {
    width: 95%;
  }
}

.li-newlinebar .span96 {
  -webkit-animation: processnewline96 2s forwards;
}

@-webkit-keyframes processnewline96 {
  0% {
    width: 0;
  }

  100% {
    width: 96%;
  }
}

@-moz-keyframes processnewline96 {
  0% {
    width: 0;
  }

  100% {
    width: 96%;
  }
}

.li-newlinebar .span97 {
  -webkit-animation: processnewline97 2s forwards;
}

@-webkit-keyframes processnewline97 {
  0% {
    width: 0;
  }

  100% {
    width: 97%;
  }
}

@-moz-keyframes processnewline97 {
  0% {
    width: 0;
  }

  100% {
    width: 97%;
  }
}

.li-newlinebar .span98 {
  -webkit-animation: processnewline98 2s forwards;
}

@-webkit-keyframes processnewline98 {
  0% {
    width: 0;
  }

  100% {
    width: 98%;
  }
}

@-moz-keyframes processnewline98 {
  0% {
    width: 0;
  }

  100% {
    width: 98%;
  }
}

.li-newlinebar .span99 {
  -webkit-animation: processnewline99 2s forwards;
}

@-webkit-keyframes processnewline99 {
  0% {
    width: 0;
  }

  100% {
    width: 99%;
  }
}

@-moz-keyframes processnewline99 {
  0% {
    width: 0;
  }

  100% {
    width: 99%;
  }
}

.li-newlinebar .span100 {
  -webkit-animation: processnewline100 2s forwards;
}

@-webkit-keyframes processnewline100 {
  0% {
    width: 0;
  }

  100% {
    width: 100%;
  }
}

@-moz-keyframes processnewline100 {
  0% {
    width: 0;
  }

  100% {
    width: 100%;
  }
}


div.progress-bar-new {
  width: 100px;
  padding-left: 2px;
  padding-right: 2px;
  height: 20px;
  border-radius: 5px;
  border: solid 3px #2a2d35;
  background-color: #3d3f47;
  /* position: absolute;
  top: calc(50% - 13px);
  left: calc(50% - 53px); */
}

div.track {
  position: relative;
  width: 0%;
  height: 18px;
  overflow: hidden;
  /* -webkit-animation: prgBar 5s linear 0s infinite alternate;
  animation: prgBar 5s linear 0s infinite alternate; */
}

div.bar {
  height: 10px;
  width: 5px;
  background-color: #f6a821;
  position: relative;
  border-radius: 2px;
  box-shadow: 0px 0px 5px #f6a821;
  margin-left: 2px;
  margin-right: 2px;
  margin-bottom: 100px;
  top: 2px;
  float: left;
  clear: top;
}

div.progress-bar-new-width10 {
  width: 10%;
  animation: prgBar10 2s linear 0s 1 alternate;
}

@keyframes prgBar10 {
  0% {
    width: 0%
  }

  9.99% {
    width: 0%
  }

  10% {
    width: 70%
  }

  95% {
    width: 10%
  }
}

div.progress-bar-new-width20 {
  width: 20%;
  animation: prgBar20 2s linear 0s 1 alternate;
}

@keyframes prgBar20 {
  0% {
    width: 0%
  }

  9.99% {
    width: 0%
  }

  10% {
    width: 90%
  }

  95% {
    width: 20%
  }
}

div.progress-bar-new-width30 {
  width: 30%;
  animation: prgBar30 2s linear 0s 1 alternate;
}

@keyframes prgBar30 {
  0% {
    width: 0%
  }

  9.99% {
    width: 0%
  }

  10% {
    width: 90%
  }

  95% {
    width: 30%
  }
}

div.progress-bar-new-width40 {
  width: 40%;
  animation: prgBar40 2s linear 0s 1 alternate;
}

@keyframes prgBar40 {
  0% {
    width: 0%
  }

  9.99% {
    width: 0%
  }

  10% {
    width: 90%
  }

  95% {
    width: 40%
  }
}

div.progress-bar-new-width50 {
  width: 50%;
  animation: prgBar50 2s linear 0s 1 alternate;
}

@keyframes prgBar50 {
  0% {
    width: 0%
  }

  9.99% {
    width: 0%
  }

  10% {
    width: 90%
  }

  95% {
    width: 50%
  }
}

div.progress-bar-new-width60 {
  width: 60%;
  animation: prgBar60 2s linear 0s 1 alternate;
}

@keyframes prgBar60 {
  0% {
    width: 0%
  }

  9.99% {
    width: 0%
  }

  10% {
    width: 10%
  }

  95% {
    width: 60%
  }
}

div.progress-bar-new-width70 {
  width: 70%;
  animation: prgBar70 2s linear 0s 1 alternate;
}

@keyframes prgBar70 {
  0% {
    width: 0%
  }

  9.99% {
    width: 0%
  }

  10% {
    width: 10%
  }

  95% {
    width: 70%
  }
}

div.progress-bar-new-width80 {
  width: 80%;
  animation: prgBar80 2s linear 0s 1 alternate;
}

@keyframes prgBar80 {
  0% {
    width: 0%
  }

  9.99% {
    width: 0%
  }

  10% {
    width: 10%
  }

  95% {
    width: 80%
  }
}

div.progress-bar-new-width90 {
  width: 90%;
  animation: prgBar90 2s linear 0s 1 alternate;
}

@keyframes prgBar90 {
  0% {
    width: 0%
  }

  9.99% {
    width: 0%
  }

  10% {
    width: 10%
  }

  95% {
    width: 90%
  }
}

div.progress-bar-new-width100 {
  width: 100%;
  animation: prgBar100 2s linear 0s 1 alternate;
}

@keyframes prgBar100 {
  0% {
    width: 0%
  }

  9.99% {
    width: 0%
  }

  10% {
    width: 10%
  }

  95% {
    width: 100%
  }
}


.position-drop-down {
  left: -270px;
  width: 308px;
  border: 0;
  padding: 10px 0;
  box-shadow: 0px 1px solid #24262d 22px -12px #000000ab;
  background: #353842;
}


.drop-down-dots {
  display: grid;
  grid-template-columns: auto auto auto;
}

.drop-down-dots a {
  text-decoration: none;
  color: #cac9c9;
  font-size: 18px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 4px;
}

.drop-down-dots a i {
  margin-bottom: 5px;
}

.drop-down-dots a:hover {
  color: #f6a821;
}

.drop-down-dots p {
  font-size: 12px;
  margin-bottom: 0;

}


.div-for-table-heatmap {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 1vw;
  margin-bottom: -1.2rem;
  font-size: 0.7rem;
}

.table-for-heatmap td {
  padding-left: 1vw;
  padding-right: 1.4vw;
}

.my-scan-heading-left-bg {
  background-image: linear-gradient(310deg, #24262d, #30343c);
  box-shadow: 2px 2px 5px black;
  height: 100%;
  width: 100%;
  border-radius: 8px;
  padding: 10px;
}

.my-scan-heading-left-bg h4 {
  text-align: left;
}

.my-scan-heading-left-bg p {
  margin-bottom: 0px;
}

.myscan-left-graph-gird {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.d-flex-forheading {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}


.d-flex-forheading h4 {
  display: flex;
  justify-content: center;
  align-items: center;
}

.zohohc-a467f5e753 {
  width: 61px !important;
  height: 57px !important;
  display: flex !important;
  flex: 0 1 0px !important;
  align-items: flex-end !important;
  position: absolute;
  right: 0;
  z-index: 9999999999999999;
  box-shadow: none;
  top: 0;
}

.zohohc-a71b3559f5.zohohc-26e272a72f {
  border-bottom-left-radius: 50%;
  border-top-left-radius: 50%;
  box-shadow: none !important;
}

.myscan-info-demo {
  color: #f6a821;
  font-size: 10px;
}

.tr-for-profile-heading td {
  border-bottom: 1px solid #f6a821 !important;
}

.td-width-fix-scanning {
  width: 15vw;
  overflow-x: scroll;
  margin-bottom: 0;
  overflow: auto;

}



/* overall risk  dial */


#hud-flex {
  display: flex;
  justify-content: center;
  align-items: center;
}

#hud {
  height: 90%;
  max-height: 313px;
  max-width: 300px;
  /* z-index: 1; */
  /* left: 12%; */
  /* position: fixed; */
  top: 16%;
  position: absolute;
  width: 90%;
  -webkit-transition: all 1s ease-in-out;
  -sand-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  -webkit-transform: translate(0%, 0%);
  -sand-transform: translate(0%, 0%);
  -moz-transform: translate(0%, 0%);
  -ms-transform: translate(0%, 0%);
  -o-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
}

#hud.active {
  -webkit-transform: translate(-50%, -50%);
  -sand-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#hud.loading2 {
  -webkit-transition: all 0.5s ease-in-out;
  -sand-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-transform: scale(0.6);
  -sand-transform: scale(0.6);
  -moz-transform: scale(0.6);
  -ms-transform: scale(0.6);
  -o-transform: scale(0.6);
  transform: scale(0.6);
}

#hud.loading2 svg {
  /* -webkit-transform-origin: 50% 50%;
  -sand-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%; */
  -webkit-animation: hud_spin_counter_clockwise 3s infinite linear;
  -sand-animation: hud_spin_counter_clockwise 3s infinite linear;
  -moz-animation: hud_spin_counter_clockwise 3s infinite linear;
  -ms-animation: hud_spin_counter_clockwise 3s infinite linear;
  -o-animation: hud_spin_counter_clockwise 3s infinite linear;
  animation: hud_spin_counter_clockwise 3s infinite linear;
}

#hud.loading2 svg .hatching {
  opacity: 0;
  -webkit-animation: none;
  -sand-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  -o-animation: none;
  animation: none;
}

#hud.loading2 svg .outer-ring {
  -webkit-animation: none;
  -sand-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  -o-animation: none;
  animation: none;
}

#hud.loading2 svg .inner-ring,
#hud.loading2 svg .trace {
  stroke-width: 6 !important;
}

#hud.loading2 svg .inner-ring {
  -webkit-animation: hud_spin_clockwise 1s infinite linear;
  -sand-animation: hud_spin_clockwise 1s infinite linear;
  -moz-animation: hud_spin_clockwise 1s infinite linear;
  -ms-animation: hud_spin_clockwise 1s infinite linear;
  -o-animation: hud_spin_clockwise 1s infinite linear;
  animation: hud_spin_clockwise 1s infinite linear;
}

#hud.exploded {
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out;
  -sand-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-transform: translate(-50%, -50%) scale(2.5);
  -sand-transform: translate(-50%, -50%) scale(2.5);
  -moz-transform: translate(-50%, -50%) scale(2.5);
  -ms-transform: translate(-50%, -50%) scale(2.5);
  -o-transform: translate(-50%, -50%) scale(2.5);
  transform: translate(-50%, -50%) scale(2.5);
}

#hud.exploded svg {
  -webkit-transform-origin: 50% 50%;
  -sand-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

#hud.hidden:before {
  opacity: 0;
}

#hud.hidden svg .hatching,
#hud.hidden svg .glow-img,
#hud.hidden svg .glow-img-inner,
#hud.hidden svg .outer-ring-blue,
#hud.hidden svg .outer-ring-red,
#hud.hidden svg .inner-ring {
  -webkit-animation: none;
  -sand-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  -o-animation: none;
  animation: none;
}

#hud svg {
  opacity: 1;
  overflow: visible;
  -webkit-transform-origin: 50% 50%;
  -sand-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: all 0.5s ease-in-out;
  -sand-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

#hud svg .hatching {
  opacity: 0.4;
  fill: #FFFFF9;
  enable-background: new;
  -webkit-transform-origin: 50% 50%;
  -sand-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: translate(1px, 0);
  -sand-transform: translate(1px, 0);
  -moz-transform: translate(1px, 0);
  -ms-transform: translate(1px, 0);
  -o-transform: translate(1px, 0);
  transform: translate(1px, 0);
  -webkit-animation: hud_pulsate 2s infinite ease-in-out;
  -sand-animation: hud_pulsate 2s infinite ease-in-out;
  -moz-animation: hud_pulsate 2s infinite ease-in-out;
  -ms-animation: hud_pulsate 2s infinite ease-in-out;
  -o-animation: hud_pulsate 2s infinite ease-in-out;
  animation: hud_pulsate 2s infinite ease-in-out;
}

#hud svg .glow-img {
  -webkit-transform-origin: 50% 50%;
  -sand-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: scale(1.07);
  -sand-transform: scale(1.07);
  -moz-transform: scale(1.07);
  -ms-transform: scale(1.07);
  -o-transform: scale(1.07);
  transform: scale(1.07);
}

#hud svg .glow-img-inner {
  -webkit-transform: scale(0.94);
  -sand-transform: scale(0.94);
  -moz-transform: scale(0.94);
  -ms-transform: scale(0.94);
  -o-transform: scale(0.94);
  transform: scale(0.94);
}

#hud svg .outer-ring-Low-1 {
  -webkit-transform-origin: 50% 50%;
  -sand-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: translate(1px, 0);
  -sand-transform: translate(1px, 0);
  -moz-transform: translate(1px, 0);
  -ms-transform: translate(1px, 0);
  -o-transform: translate(1px, 0);
  transform: translate(1px, 0);
  -webkit-animation: hud_spin_clockwise 20s infinite linear;
  -sand-animation: hud_spin_clockwise 20s infinite linear;
  -moz-animation: hud_spin_clockwise 20s infinite linear;
  -ms-animation: hud_spin_clockwise 20s infinite linear;
  -o-animation: hud_spin_clockwise 20s infinite linear;
  animation: hud_spin_clockwise 20s infinite linear;
}

#hud svg .outer-ring-Low-1 .trace {
  opacity: 0.5;
  fill: none;
  stroke: #FFFFFF;
  stroke-width: 1.5;
  enable-background: new;
}

#hud svg .outer-ring-Low-1 .glow {
  fill: none;
  stroke: #2aff00;
  filter: drop-shadow(0px 0px 52px #2aff00);
  stroke-width: 15.5;
  -webkit-animation: hud_fade 2s infinite linear;
  -sand-animation: hud_fade 2s infinite linear;
  -moz-animation: hud_fade 2s infinite linear;
  -ms-animation: hud_fade 2s infinite linear;
  -o-animation: hud_fade 2s infinite linear;
  animation: hud_fade 2s infinite linear;
}

#hud svg .outer-ring-Low-2 {
  -webkit-transform-origin: 50% 50%;
  -sand-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: translate(1px, 0);
  -sand-transform: translate(1px, 0);
  -moz-transform: translate(1px, 0);
  -ms-transform: translate(1px, 0);
  -o-transform: translate(1px, 0);
  transform: translate(1px, 0);
  -webkit-animation: hud_spin_counter_clockwise 10s infinite linear;
  -sand-animation: hud_spin_counter_clockwise 10s infinite linear;
  -moz-animation: hud_spin_counter_clockwise 10s infinite linear;
  -ms-animation: hud_spin_counter_clockwise 10s infinite linear;
  -o-animation: hud_spin_counter_clockwise 10s infinite linear;
  animation: hud_spin_counter_clockwise 10s infinite linear;
  -webkit-animation-delay: -1s;
  -sand-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}

#hud svg .outer-ring-Low-2 .trace {
  opacity: 0.5;
  fill: none;
  stroke: #FFFFFF;
  stroke-width: 1.5;
  enable-background: new;
}

#hud svg .outer-ring-Low-2 .glow {
  fill: none;
  stroke: #2aff00;
  filter: drop-shadow(0px 0px 52px #2aff00);
  stroke-width: 18.5;
  -webkit-transform: translate(1px, 0);
  -sand-transform: translate(1px, 0);
  -moz-transform: translate(1px, 0);
  -ms-transform: translate(1px, 0);
  -o-transform: translate(1px, 0);
  transform: translate(1px, 0);
  -webkit-animation: hud_flicker 2s infinite linear;
  -sand-animation: hud_flicker 2s infinite linear;
  -moz-animation: hud_flicker 2s infinite linear;
  -ms-animation: hud_flicker 2s infinite linear;
  -o-animation: hud_flicker 2s infinite linear;
  animation: hud_flicker 2s infinite linear;
  -webkit-animation-delay: -1s;
  -sand-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}

#hud svg .outer-ring-Medium-1 {
  -webkit-transform-origin: 50% 50%;
  -sand-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: translate(1px, 0);
  -sand-transform: translate(1px, 0);
  -moz-transform: translate(1px, 0);
  -ms-transform: translate(1px, 0);
  -o-transform: translate(1px, 0);
  transform: translate(1px, 0);
  -webkit-animation: hud_spin_clockwise 20s infinite linear;
  -sand-animation: hud_spin_clockwise 20s infinite linear;
  -moz-animation: hud_spin_clockwise 20s infinite linear;
  -ms-animation: hud_spin_clockwise 20s infinite linear;
  -o-animation: hud_spin_clockwise 20s infinite linear;
  animation: hud_spin_clockwise 20s infinite linear;
}

#hud svg .outer-ring-Medium-1 .trace {
  opacity: 0.5;
  fill: none;
  stroke: #FFFFFF;
  stroke-width: 1.5;
  enable-background: new;
}

#hud svg .outer-ring-Medium-1 .glow {
  fill: none;
  stroke: #f6a821;
  filter: drop-shadow(0px 0px 52px #f6a821);
  stroke-width: 15.5;
  -webkit-animation: hud_fade 2s infinite linear;
  -sand-animation: hud_fade 2s infinite linear;
  -moz-animation: hud_fade 2s infinite linear;
  -ms-animation: hud_fade 2s infinite linear;
  -o-animation: hud_fade 2s infinite linear;
  animation: hud_fade 2s infinite linear;
}

#hud svg .outer-ring-Medium-2 {
  -webkit-transform-origin: 50% 50%;
  -sand-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: translate(1px, 0);
  -sand-transform: translate(1px, 0);
  -moz-transform: translate(1px, 0);
  -ms-transform: translate(1px, 0);
  -o-transform: translate(1px, 0);
  transform: translate(1px, 0);
  -webkit-animation: hud_spin_counter_clockwise 10s infinite linear;
  -sand-animation: hud_spin_counter_clockwise 10s infinite linear;
  -moz-animation: hud_spin_counter_clockwise 10s infinite linear;
  -ms-animation: hud_spin_counter_clockwise 10s infinite linear;
  -o-animation: hud_spin_counter_clockwise 10s infinite linear;
  animation: hud_spin_counter_clockwise 10s infinite linear;
  -webkit-animation-delay: -1s;
  -sand-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}

#hud svg .outer-ring-Medium-2 .trace {
  opacity: 0.5;
  fill: none;
  stroke: #FFFFFF;
  stroke-width: 1.5;
  enable-background: new;
}

#hud svg .outer-ring-Medium-2 .glow {
  fill: none;
  stroke: #f6a821;
  filter: drop-shadow(0px 0px 52px #f6a821);
  stroke-width: 18.5;
  -webkit-transform: translate(1px, 0);
  -sand-transform: translate(1px, 0);
  -moz-transform: translate(1px, 0);
  -ms-transform: translate(1px, 0);
  -o-transform: translate(1px, 0);
  transform: translate(1px, 0);
  -webkit-animation: hud_flicker 2s infinite linear;
  -sand-animation: hud_flicker 2s infinite linear;
  -moz-animation: hud_flicker 2s infinite linear;
  -ms-animation: hud_flicker 2s infinite linear;
  -o-animation: hud_flicker 2s infinite linear;
  animation: hud_flicker 2s infinite linear;
  -webkit-animation-delay: -1s;
  -sand-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}


#hud svg .outer-ring-High-1 {
  -webkit-transform-origin: 50% 50%;
  -sand-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: translate(1px, 0);
  -sand-transform: translate(1px, 0);
  -moz-transform: translate(1px, 0);
  -ms-transform: translate(1px, 0);
  -o-transform: translate(1px, 0);
  transform: translate(1px, 0);
  -webkit-animation: hud_spin_clockwise 20s infinite linear;
  -sand-animation: hud_spin_clockwise 20s infinite linear;
  -moz-animation: hud_spin_clockwise 20s infinite linear;
  -ms-animation: hud_spin_clockwise 20s infinite linear;
  -o-animation: hud_spin_clockwise 20s infinite linear;
  animation: hud_spin_clockwise 20s infinite linear;
}

#hud svg .outer-ring-High-1 .trace {
  opacity: 0.5;
  fill: none;
  stroke: #FFFFFF;
  stroke-width: 1.5;
  enable-background: new;
}

#hud svg .outer-ring-High-1 .glow {
  fill: none;
  stroke: #de2121;
  filter: drop-shadow(0px 0px 52px #de2121);
  stroke-width: 15.5;
  -webkit-animation: hud_fade 2s infinite linear;
  -sand-animation: hud_fade 2s infinite linear;
  -moz-animation: hud_fade 2s infinite linear;
  -ms-animation: hud_fade 2s infinite linear;
  -o-animation: hud_fade 2s infinite linear;
  animation: hud_fade 2s infinite linear;
}

#hud svg .outer-ring-High-2 {
  -webkit-transform-origin: 50% 50%;
  -sand-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: translate(1px, 0);
  -sand-transform: translate(1px, 0);
  -moz-transform: translate(1px, 0);
  -ms-transform: translate(1px, 0);
  -o-transform: translate(1px, 0);
  transform: translate(1px, 0);
  -webkit-animation: hud_spin_counter_clockwise 10s infinite linear;
  -sand-animation: hud_spin_counter_clockwise 10s infinite linear;
  -moz-animation: hud_spin_counter_clockwise 10s infinite linear;
  -ms-animation: hud_spin_counter_clockwise 10s infinite linear;
  -o-animation: hud_spin_counter_clockwise 10s infinite linear;
  animation: hud_spin_counter_clockwise 10s infinite linear;
  -webkit-animation-delay: -1s;
  -sand-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}

#hud svg .outer-ring-High-2 .trace {
  opacity: 0.5;
  fill: none;
  stroke: #FFFFFF;
  stroke-width: 1.5;
  enable-background: new;
}

#hud svg .outer-ring-High-2 .glow {
  fill: none;
  stroke: #de2121;
  filter: drop-shadow(0px 0px 52px #de2121);
  stroke-width: 18.5;
  -webkit-transform: translate(1px, 0);
  -sand-transform: translate(1px, 0);
  -moz-transform: translate(1px, 0);
  -ms-transform: translate(1px, 0);
  -o-transform: translate(1px, 0);
  transform: translate(1px, 0);
  -webkit-animation: hud_flicker 2s infinite linear;
  -sand-animation: hud_flicker 2s infinite linear;
  -moz-animation: hud_flicker 2s infinite linear;
  -ms-animation: hud_flicker 2s infinite linear;
  -o-animation: hud_flicker 2s infinite linear;
  animation: hud_flicker 2s infinite linear;
  -webkit-animation-delay: -1s;
  -sand-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}


#hud svg .outer-ring-Safe-1 {
  -webkit-transform-origin: 50% 50%;
  -sand-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: translate(1px, 0);
  -sand-transform: translate(1px, 0);
  -moz-transform: translate(1px, 0);
  -ms-transform: translate(1px, 0);
  -o-transform: translate(1px, 0);
  transform: translate(1px, 0);
  -webkit-animation: hud_spin_clockwise 20s infinite linear;
  -sand-animation: hud_spin_clockwise 20s infinite linear;
  -moz-animation: hud_spin_clockwise 20s infinite linear;
  -ms-animation: hud_spin_clockwise 20s infinite linear;
  -o-animation: hud_spin_clockwise 20s infinite linear;
  animation: hud_spin_clockwise 20s infinite linear;
}

#hud svg .outer-ring-Safe-1 .trace {
  opacity: 0.5;
  fill: none;
  stroke: #FFFFFF;
  stroke-width: 1.5;
  enable-background: new;
}

#hud svg .outer-ring-Safe-1 .glow {
  fill: none;
  stroke: #cac9c9;
  filter: drop-shadow(0px 0px 52px #cac9c9);
  stroke-width: 15.5;
  -webkit-animation: hud_fade 2s infinite linear;
  -sand-animation: hud_fade 2s infinite linear;
  -moz-animation: hud_fade 2s infinite linear;
  -ms-animation: hud_fade 2s infinite linear;
  -o-animation: hud_fade 2s infinite linear;
  animation: hud_fade 2s infinite linear;
}

#hud svg .outer-ring-Safe-2 {
  -webkit-transform-origin: 50% 50%;
  -sand-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: translate(1px, 0);
  -sand-transform: translate(1px, 0);
  -moz-transform: translate(1px, 0);
  -ms-transform: translate(1px, 0);
  -o-transform: translate(1px, 0);
  transform: translate(1px, 0);
  -webkit-animation: hud_spin_counter_clockwise 10s infinite linear;
  -sand-animation: hud_spin_counter_clockwise 10s infinite linear;
  -moz-animation: hud_spin_counter_clockwise 10s infinite linear;
  -ms-animation: hud_spin_counter_clockwise 10s infinite linear;
  -o-animation: hud_spin_counter_clockwise 10s infinite linear;
  animation: hud_spin_counter_clockwise 10s infinite linear;
  -webkit-animation-delay: -1s;
  -sand-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}

#hud svg .outer-ring-Safe-2 .trace {
  opacity: 0.5;
  fill: none;
  stroke: #FFFFFF;
  stroke-width: 1.5;
  enable-background: new;
}

#hud svg .outer-ring-Safe-2 .glow {
  fill: none;
  stroke: #cac9c9;
  filter: drop-shadow(0px 0px 52px #cac9c9);
  stroke-width: 18.5;
  -webkit-transform: translate(1px, 0);
  -sand-transform: translate(1px, 0);
  -moz-transform: translate(1px, 0);
  -ms-transform: translate(1px, 0);
  -o-transform: translate(1px, 0);
  transform: translate(1px, 0);
  -webkit-animation: hud_flicker 2s infinite linear;
  -sand-animation: hud_flicker 2s infinite linear;
  -moz-animation: hud_flicker 2s infinite linear;
  -ms-animation: hud_flicker 2s infinite linear;
  -o-animation: hud_flicker 2s infinite linear;
  animation: hud_flicker 2s infinite linear;
  -webkit-animation-delay: -1s;
  -sand-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}



#hud svg .outer-ring-loading-1 {
  -webkit-transform-origin: 50% 50%;
  -sand-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: translate(1px, 0);
  -sand-transform: translate(1px, 0);
  -moz-transform: translate(1px, 0);
  -ms-transform: translate(1px, 0);
  -o-transform: translate(1px, 0);
  transform: translate(1px, 0);
  -webkit-animation: hud_spin_clockwise 20s infinite linear;
  -sand-animation: hud_spin_clockwise 20s infinite linear;
  -moz-animation: hud_spin_clockwise 20s infinite linear;
  -ms-animation: hud_spin_clockwise 20s infinite linear;
  -o-animation: hud_spin_clockwise 20s infinite linear;
  animation: hud_spin_clockwise 20s infinite linear;
}

#hud svg .outer-ring-loading-1 .trace {
  opacity: 0.5;
  fill: none;
  stroke: #FFFFFF;
  stroke-width: 1.5;
  enable-background: new;
}

#hud svg .outer-ring-loading-1 .glow {
  fill: none;
  stroke: #de2121;
  filter: drop-shadow(0px 0px 52px #de2121);
  stroke-width: 15.5;
  -webkit-animation: hud_fade 2s infinite linear;
  -sand-animation: hud_fade 2s infinite linear;
  -moz-animation: hud_fade 2s infinite linear;
  -ms-animation: hud_fade 2s infinite linear;
  -o-animation: hud_fade 2s infinite linear;
  animation: hud_fade 2s infinite linear, hud_loading1 10s infinite, hud_loading2 10s infinite linear;
}

@keyframes hud_loading1 {
  10% {
    stroke: #de2121;
  }

  50% {
    stroke: #f6a821;
  }

  90% {
    stroke: #2aff00;
  }

  100% {
    stroke: #de2121;
  }
}

@keyframes hud_loading2 {
  10% {
    filter: drop-shadow(0px 0px 52px #de2121);
  }

  50% {
    filter: drop-shadow(0px 0px 52px #f6a821);
  }

  90% {
    filter: drop-shadow(0px 0px 52px #2aff00);
  }

  100% {
    filter: drop-shadow(0px 0px 52px #de2121);
  }
}

#hud svg .outer-ring-loading-2 {
  -webkit-transform-origin: 50% 50%;
  -sand-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: translate(1px, 0);
  -sand-transform: translate(1px, 0);
  -moz-transform: translate(1px, 0);
  -ms-transform: translate(1px, 0);
  -o-transform: translate(1px, 0);
  transform: translate(1px, 0);
  -webkit-animation: hud_spin_counter_clockwise 10s infinite linear;
  -sand-animation: hud_spin_counter_clockwise 10s infinite linear;
  -moz-animation: hud_spin_counter_clockwise 10s infinite linear;
  -ms-animation: hud_spin_counter_clockwise 10s infinite linear;
  -o-animation: hud_spin_counter_clockwise 10s infinite linear;
  animation: hud_spin_counter_clockwise 10s infinite linear;
  -webkit-animation-delay: -1s;
  -sand-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}

#hud svg .outer-ring-loading-2 .trace {
  opacity: 0.5;
  fill: none;
  stroke: #FFFFFF;
  stroke-width: 1.5;
  enable-background: new;
}

#hud svg .outer-ring-loading-2 .glow {
  fill: none;
  stroke: #de2121;
  filter: drop-shadow(0px 0px 52px #de2121);
  stroke-width: 18.5;
  -webkit-transform: translate(1px, 0);
  -sand-transform: translate(1px, 0);
  -moz-transform: translate(1px, 0);
  -ms-transform: translate(1px, 0);
  -o-transform: translate(1px, 0);
  transform: translate(1px, 0);
  -webkit-animation: hud_flicker 2s infinite linear, hud_loading3 10s infinite, hud_loading4 10s infinite linear;
  -sand-animation: hud_flicker 2s infinite linear;
  -moz-animation: hud_flicker 2s infinite linear;
  -ms-animation: hud_flicker 2s infinite linear;
  -o-animation: hud_flicker 2s infinite linear;
  animation: hud_flicker 2s infinite linear, hud_loading3 10s infinite, hud_loading4 10s infinite linear;
  /* -webkit-animation-delay: -1s;
  -sand-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s; */
}

@keyframes hud_loading3 {
  10% {
    stroke: #de2121;
  }

  50% {
    stroke: #f6a821;
  }

  90% {
    stroke: #2aff00;
  }

  100% {
    stroke: #de2121;
  }
}

@keyframes hud_loading4 {
  10% {
    filter: drop-shadow(0px 0px 52px #de2121);
  }

  50% {
    filter: drop-shadow(0px 0px 52px #f6a821);
  }

  90% {
    filter: drop-shadow(0px 0px 52px #2aff00);
  }

  100% {
    filter: drop-shadow(0px 0px 52px #de2121);
  }
}



#hud svg .inner-ring {
  opacity: 0.9;
  fill: none;
  stroke: #fff;
  enable-background: new;
  -webkit-transform-origin: 50% 50%;
  -sand-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: translate(1px, 0);
  -sand-transform: translate(1px, 0);
  -moz-transform: translate(1px, 0);
  -ms-transform: translate(1px, 0);
  -o-transform: translate(1px, 0);
  transform: translate(1px, 0);
  -webkit-animation: hud_wind_release 4s infinite ease-out;
  -sand-animation: hud_wind_release 4s infinite ease-out;
  -moz-animation: hud_wind_release 4s infinite ease-out;
  -ms-animation: hud_wind_release 4s infinite ease-out;
  -o-animation: hud_wind_release 4s infinite ease-out;
  animation: hud_wind_release 4s infinite ease-out;
}

#hud.disabled,
#hud.hidden {
  display: block;
  z-index: -1;
}

#hud.disabled svg,
#hud.hidden svg {
  opacity: 0;
  -webkit-transform: scale(0) rotate(-180deg);
  -sand-transform: scale(0) rotate(-180deg);
  -moz-transform: scale(0) rotate(-180deg);
  -ms-transform: scale(0) rotate(-180deg);
  -o-transform: scale(0) rotate(-180deg);
  transform: scale(0) rotate(-180deg);
}

#hud.spin-in svg {
  opacity: 0;
  -webkit-transform: scale(0) rotate(-180deg);
  -sand-transform: scale(0) rotate(-180deg);
  -moz-transform: scale(0) rotate(-180deg);
  -ms-transform: scale(0) rotate(-180deg);
  -o-transform: scale(0) rotate(-180deg);
  transform: scale(0) rotate(-180deg);
}

#hud.spin-out svg {
  opacity: 0;
  -webkit-transform: scale(3) rotate(-180deg);
  -sand-transform: scale(3) rotate(-180deg);
  -moz-transform: scale(3) rotate(-180deg);
  -ms-transform: scale(3) rotate(-180deg);
  -o-transform: scale(3) rotate(-180deg);
  transform: scale(3) rotate(-180deg);
}

.st0 {
  opacity: 0.4;
  fill: #FFFFF9;
  enable-background: new;
}

.st1 {
  fill: none;
}

.st2 {
  opacity: 0.5;
  fill: none;
  stroke: #FFFFFF;
  stroke-width: 1.5;
  enable-background: new;
}

.st3 {
  fill: none;
  stroke: #11A6FD;
  stroke-width: 15.5;
}

.st4 {
  fill: none;
  stroke: #E23528;
  stroke-width: 9.5;
}

.st5 {
  opacity: 0.5;
  fill: none;
  stroke: #FFFFFF;
  enable-background: new;
}

@-webkit-keyframes hud_flicker {
  10% {
    opacity: 1;
  }

  50% {
    opacity: 0.5;
  }

  90% {
    opacity: 1;
  }

  100% {
    opacity: 0.7;
  }
}

@-moz-keyframes hud_flicker {
  10% {
    opacity: 1;
  }

  50% {
    opacity: 0.5;
  }

  90% {
    opacity: 1;
  }

  100% {
    opacity: 0.7;
  }
}

@-ms-keyframes hud_flicker {
  10% {
    opacity: 1;
  }

  50% {
    opacity: 0.5;
  }

  90% {
    opacity: 1;
  }

  100% {
    opacity: 0.7;
  }
}

@keyframes hud_flicker {
  10% {
    opacity: 1;
  }

  50% {
    opacity: 0.5;
  }

  90% {
    opacity: 1;
  }

  100% {
    opacity: 0.7;
  }
}

@-webkit-keyframes hud_fade {
  50% {
    opacity: 0.5;
  }
}

@-moz-keyframes hud_fade {
  50% {
    opacity: 0.5;
  }
}

@-ms-keyframes hud_fade {
  50% {
    opacity: 0.5;
  }
}

@keyframes hud_fade {
  50% {
    opacity: 0.5;
  }
}

@-webkit-keyframes hud_pulsate {
  50% {
    -webkit-transform: scale(0.95);
    -sand-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95);
  }
}

@-moz-keyframes hud_pulsate {
  50% {
    -webkit-transform: scale(0.95);
    -sand-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95);
  }
}

@-ms-keyframes hud_pulsate {
  50% {
    -webkit-transform: scale(0.95);
    -sand-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95);
  }
}

@keyframes hud_pulsate {
  50% {
    -webkit-transform: scale(0.95);
    -sand-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95);
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes hud_wind_release {
  90% {
    -webkit-transform: scale(0.8) rotate(210deg);
    -sand-transform: scale(0.8) rotate(210deg);
    -moz-transform: scale(0.8) rotate(210deg);
    -ms-transform: scale(0.8) rotate(210deg);
    -o-transform: scale(0.8) rotate(210deg);
    transform: scale(0.8) rotate(210deg);
  }
}

@-moz-keyframes hud_wind_release {
  90% {
    -webkit-transform: scale(0.8) rotate(210deg);
    -sand-transform: scale(0.8) rotate(210deg);
    -moz-transform: scale(0.8) rotate(210deg);
    -ms-transform: scale(0.8) rotate(210deg);
    -o-transform: scale(0.8) rotate(210deg);
    transform: scale(0.8) rotate(210deg);
  }
}

@-ms-keyframes hud_wind_release {
  90% {
    -webkit-transform: scale(0.8) rotate(210deg);
    -sand-transform: scale(0.8) rotate(210deg);
    -moz-transform: scale(0.8) rotate(210deg);
    -ms-transform: scale(0.8) rotate(210deg);
    -o-transform: scale(0.8) rotate(210deg);
    transform: scale(0.8) rotate(210deg);
  }
}

@keyframes hud_wind_release {
  90% {
    -webkit-transform: scale(0.8) rotate(210deg);
    -sand-transform: scale(0.8) rotate(210deg);
    -moz-transform: scale(0.8) rotate(210deg);
    -ms-transform: scale(0.8) rotate(210deg);
    -o-transform: scale(0.8) rotate(210deg);
    transform: scale(0.8) rotate(210deg);
  }
}

.movement {
  bottom: 30px;
  position: fixed;
  left: 100px;
}

.movement li {
  display: inline-block;
}

/* 
.buttons a {
  background: #fff;
  border-radius: 3px;
  color: #000;
  font: normal 14px "Verdana", sans-serif;
  padding: 5px 8px;
  text-decoration: none;
  text-transform: uppercase;
}
.buttons a:hover {
  background: #6aa9ff;
} */

.overall-risk-text {
  /* position: absolute;
  left: 41%;
  top: 45%; */
  width: 100%;
  height: 340px;
  display: flex;
  justify-content: center;
  align-items: center;
}


.overall-risk-text h4 {
  color: #cac9c9;
  text-align: center;
  margin-bottom: 0px;
  font-size: 55px;
  filter: drop-shadow(0px 5px 1px black);
}

.overall-risk-text p {
  color: #fff;
  margin-bottom: 0px;
  text-align: center;
  font-size: 18px;
  filter: drop-shadow(0px 4px 2px black);
}

.margin-top-for-text-overallrisk {
  margin-top: 1.5rem;
}

@media only screen and (min-width: 1600px) {

  /* .overall-risk-text{
    position: absolute;
    left: 43%;
    top: 43%;
    } */
  /* #hud {
    left: 22%;
  } */

  .margin-top-for-text-overallrisk {
    margin-top: 1.5rem;
  }
}


@media only screen and (max-width: 1400px) {

  /* .overall-risk-text{
    position: absolute;
    left: 38%;
    top: 41%;
    } */
  /* #hud {
    left: 4%;
    top: 14%;
  } */

  .margin-top-for-text-overallrisk {
    margin-top: 0.5rem;
  }
}

/* overall risk dial end */



/* admin scanning details */

.admin-scanning-header-icon {
  font-size: 8rem;
  position: absolute;
  right: 10%;
  top: -3%;
  cursor: pointer;
  transition: 0.2s;
}

.admin-scanning-header-icon:hover {
  color: #f6a821;
  transform: scale(1.1);
  filter: drop-shadow(0px 0px 4px #f6a821);
}

.total-scan-no-admin {
  font-size: 3.5rem;
  margin-bottom: 1.6rem;
}

.btn-view-scanning {
  background-image: linear-gradient(310deg, #24262d73, #30343ced);
  width: fit-content;
  padding: 0.3rem 1rem;
  border-radius: 5px;
  box-shadow: 0px 2px 4px black;
  cursor: pointer;
}

.scanning-grid-header {
  display: grid;
  grid-template-rows: 1fr 2fr;
  height: 100%;
}

.scanning-heading-header {
  display: flex;
  align-items: center;
  font-size: 1.1rem;
  color: #fff;
}

.scanning-statistics-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.scanning-statistics-grid-flex {
  display: flex;
  justify-content: center;
  align-items: center;
}

.icon-bg-scanning-statistics {
  /* background-color: #24262d80; */
  border-radius: 123%;
  height: 60px;
  width: 60px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}


.icon-bg-scanning-statistics-1 {
  background-color: #0096FF20;
}

.icon-bg-scanning-statistics-2 {
  background-color: #de212120;
}

.icon-bg-scanning-statistics-3 {
  background-color: #F6a82120;
}

.icon-bg-scanning-statistics-4 {
  background-color: #2aff0020;
}

.icon-bg-scanning-statistics i {
  font-size: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #cac9c9;
}


.icon-bg-scanning-statistics .fa-play {
  color: #0096FF;
}

.icon-bg-scanning-statistics .fa-exclamation {
  color: #de2121;
}

.icon-bg-scanning-statistics .fa-hourglass {
  color: #F6a821;
}

.icon-bg-scanning-statistics .fa-check {
  color: #2aff00;
}



.scanning-statistics-details-flex {
  display: flex;
  justify-content: center;
  align-items: center;
}

.scanning-statistics-details p {
  margin-bottom: 0px;
  margin-left: 1rem;
  line-height: 1.2;
}


.scanning-statistics-details p:nth-child(1) {
  font-size: 1.5rem;
  font-weight: 600;
  color: #fff;
}

.scanning-statistics-details p:nth-child(2) {
  font-size: 0.8rem;
  font-weight: 300;
  color: #cac9c9;
}

.data-table p {
  margin-bottom: 0px;
}


.multi-step-scanning-details {
  padding-left: 0px;
  display: grid;
  list-style-type: none;
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: 0px;
}


.multi-step-scanning-details li {
  position: relative;
}

.status-bg-icon-1-1 {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #7367f020;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  border: 2px dashed #7367f0;
}

.status-bg-icon-1-1 i {
  color: #7367f0;
  cursor: pointer;
}


.status-bg-icon-1-1-1 {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #2aff0020;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  border: 2px dashed #2aff00;
}

.status-bg-icon-1-1-1 i {
  color: #2aff00;
  cursor: pointer;
}

.status-bg-icon-1-1-2 {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #f6a82120;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  border: 2px dashed #f6a821;
}

.status-bg-icon-1-1-2 i {
  color: #f6a821;
  cursor: pointer;
}

.status-bg-icon-1-2 {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #0096FF20;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  border: 2px dashed #0096FF;
}

.status-bg-icon-1-2 i {
  color: #0096FF;
  cursor: pointer;
}


.status-bg-icon-2-1 {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #2aff0020;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
}


.status-bg-icon-2-1.active {
  border: 2px dashed #2aff00;
}

.status-bg-icon-2-1 i {
  color: #2aff00;
  cursor: pointer;
}

.status-bg-icon-2-2 {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #de212120;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
}

.status-bg-icon-2-2.active {
  border: 2px dashed #de2121;
}

.status-bg-icon-2-2 i {
  color: #de2121;
  cursor: pointer;
}

.status-bg-icon-2-3 {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #F6a82120;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  border: 2px dashed #F6a821;
}


.status-bg-icon-2-3.active {
  border: 2px dashed #F6a821;
}

.status-bg-icon-2-3 i {
  color: #F6a821;
  cursor: pointer;
}

.status-bg-icon-2-4 {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #F6a82120;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  border: 2px dashed #F6a821;
}

.status-bg-icon-2-4 i {
  color: #F6a821;
  cursor: pointer;
}

.status-last.active {
  display: block;
}

.status-last.disable {
  display: none;
}

.status-line-between.disable {
  background-color: #cac9c9;
}

.status-line-between {
  width: 40%;
  height: 5%;
  background-color: #f6a821;
  box-shadow: 0px 0px 8px #f6a821;
  display: block;
  position: absolute;
  right: 2%;
}

@media only screen and (min-width: 1600px) {
  .status-line-between {
    width: 55%;
  }
}

@media only screen and (max-width: 1400px) {
  .status-line-between {
    width: 21%;
  }
}


.scanning-running-graph-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
}


.scanning-running-graph-grid p {
  margin-bottom: 0px;
}

.scanning-running-graph-grid-flex {
  display: flex;
  justify-content: center;
  align-items: center;
}


/* .scanning-running-graph-grid-flex p,
h4 {
  text-align: center;
} */

/* admin scanning page css end */




.bg-tech-line {
  background-image: url(/techline.svg);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: contain;
  height: 220px;
}

.grid-phishing-top {
  width: 100%;
  height: 200px;
  display: flex;
  justify-content: center;
}

.reporttablecss thead th {
  color: #000;
  font-size: 16px;
  margin-bottom: 5px;
  padding-bottom: 10px;
}


.reporttablecss thead th:nth-child(1) span:nth-child(1) {
  /* border-bottom: 2px solid #cac9c9; */
  padding-bottom: 5px;
}

.reporttablecss thead th:nth-child(1) span:nth-child(2) {
  color: #ff0000;
  font-size: 8px;
  background-color: #3f3f3f;
  padding: 3px;
  border-radius: 4px;
  margin-left: 0.5rem;
  letter-spacing: 0.1rem;
}

.reporttablecss thead th:nth-child(1) span:nth-child(3) {
  /* border-bottom: 2px solid #cac9c9; */
  padding-bottom: 5px;
  /* text-align: right; */
}

.reporttablecss thead th:nth-child(2) {
  /* text-align: right; */
}

.reporttablecss thead th:nth-child(1) span:nth-child(4) {
  color: rgb(11, 255, 3);
  font-size: 8px;
  background-color: #3f3f3f;
  padding: 3px;
  border-radius: 4px;
  margin-left: 0.5rem;
  letter-spacing: 0.1rem;

  text-align: right
}

.reporttablecss tbody td {
  font-size: 13px;
  color: rgb(73, 73, 73);
  line-height: 1.5;
}

.reporttablecss thead th p {
  margin-bottom: 0px;
  border-bottom: 2px solid #cac9c9;
  padding-bottom: 10px;
  width: fit-content;
}

.executive-summary-heading1 h6 {
  color: #000;
  font-size: 16px;
  margin-top: 0px;
  margin-bottom: 10px;
  text-align: center;
}

.executive-heading-header-height {
  height: 200px;
  width: 100%;
}

.stauts-404-color-log-monitoring {
  color: #ff0000;
  /* font-weight: 600; */
}


.rogue-app-grid-dashboard {
  display: grid;
  grid-template-columns: 1fr 1fr;
  height: 100%;
  grid-gap: 10px;

}

.rogue-app-bg-dasboard {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem !important;
  border-radius: 8px;
  background-image: linear-gradient(310deg, #24262d, #30343c);
  box-shadow: 2px 2px 5px black;
  font-size: 2.3rem;
  width: 70px;
  height: 70px;
}


.rogue-app-bg-dasboard .fa-globe {
  color: #2AFF0085;
}

.rogue-app-bg-dasboard .fa-mobile-screen-button {
  color: #ff880085;
}

.rogue-app-flex-text-dashboard {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.rogue-app-flex-text-content p:nth-child(1) {
  margin-bottom: 10px;
  line-height: 1;
  font-weight: 600;
}

.rogue-app-flex-text-content p:nth-child(2) {
  color: #f6a821;
  font-size: 2rem;
  margin-bottom: 0px;
}

.vertical-container-2 {
  height: 60vh;
  padding-right: 10px;
  overflow-y: scroll;
}


@media only screen and (max-width: 1400px) {
  .vertical-container-2 {
    height: 60vh;
  }
}



.from-group-for-profile {
  margin-bottom: 1rem;
  display: flex;
  justify-content: space-between;
}



.from-group-for-profile label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

.form-control-profile {
  color: #cac9c9;
  border: none;
  border-radius: 4px;
  box-shadow: none;
  transition: none;
  background-color: #494b54;
  font-size: 0.88rem;
  display: block;
  width: 100%;
  height: calc(2.25rem + 2px);
  padding: 0.375rem 0.75rem;
  font-weight: 400;
  line-height: 1.5;
  background-clip: padding-box;
  outline: none;
}

.form-control-scan {
  color: #cac9c9;
  border: none;
  border-radius: 4px;
  box-shadow: none;
  transition: none;
  background-color: #494b54;
  font-size: 0.88rem;
  display: block;
  width: 95%;
  height: calc(2.25rem + 2px);
  padding: 0.375rem 0.75rem;
  font-weight: 400;
  line-height: 1.5;
  background-clip: padding-box;
  outline: none;
}

.form-control-profile::placeholder {
  color: #cac9c9;
}

.form-control-scan::placeholder {
  color: #cac9c9;
}

.placeholder_input::placeholder {
  color: #85888b;
}

.from-control-scan-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 600px;
}


.custom-select-new-1 {
  position: relative;
  display: flex;
  width: 95% ;
  height: 3em;
  border-radius: .25em;
  overflow: hidden;
}

.custom-select-new-2 {
  outline: 0;
  border: 0;
  box-shadow: none;
  /* Personalize */
  flex: 1;
  padding: 0 1em;
  color: #fff;
  background-color: #494b54;
  background-image: none;
  cursor: pointer;
}

.modal.fade.modal-table-slide .modal-dialog {
  /* transform: translate(230%, 0px); */
  height: 100%;
  margin: 0%;
  width: 500px;
  float: right;
}

.modal.fade.modal-table-slide .modal-dialog .modal-content {
  height: 100%;
}

.modal.show.modal-table-slide .modal-dialog {
  /* transform: translate(207%, 0px); */
  /* transform: none; */
}

@media only screen and (min-width: 1600px) {

  .modal.fade.modal-table-slide .modal-dialog {
    /* transform: translate(290%, 0px); */
    height: 100%;
    margin: 0%;
    float: right;
  }

  .modal.show.modal-table-slide .modal-dialog {
    /* transform: translate(280%, 0px); */
    /* transform: none; */
  }
}



@media only screen and (max-width: 1400px) {
  .modal.fade.modal-table-slide .modal-dialog {
    /* transform: translate(200%, 0px); */
    height: 100%;
    margin: 0%;

  }

  .modal.show.modal-table-slide .modal-dialog {
    /* transform: translate(174%, 0px); */
    /* transform: none; */
  }
}

.toggle-btn-forshow-detail-in-table {
  text-align: center;
  display: flex;
  justify-content: center;
  margin-bottom: 0px;
}

.toggle-btn-forshow-detail-in-table i {
  font-size: 19px;
  cursor: pointer;
  display: flex;
}

.toggle-btn-forshow-detail-in-table i:hover {
  color: #f6a821;
}

.tab-btn-for-table {
  background-color: #14161a;
  color: #fff;
  border: none;
  padding: 15px 0px;
  font-size: 16px;
}


.tab-btn-for-table.active {
  background-color: rgb(36, 38, 45);
  /* border-bottom: 1px solid #3d3f47;
  border-top: 1px solid #3d3f47; */
  border-bottom: 1px solid #33353f;
  border-top: 1px solid #33353f;
}


.tab-btn-for-table:nth-child(1).active {
  border-top: 0px;
}

/* .modal-body-tabs {
   border-top: 1px solid #f6a821; 
} */

.tab-btn-flex-table {
  /* display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row; */
  display: grid;
  grid-template-columns: 1fr 2fr;
}

.tab-btn-bg-table-icon {
  /* background-color: #14161a90; */
  /* padding: 0.7rem 0.9rem; */
  width: 45px;
  height: 45px;
  border-radius: 60%;
  /* margin-right: 10px; */
  display: flex;
  justify-content: center;
  align-items: center;
}

.tab-btn-for-table.active .tab-btn-bg-table-icon {
  background-color: #14161a90;
}

.tab-btn-for-table .tab-btn-bg-table-icon {
  background-color: #3d3f47;
}

.tab-btn-bg-table-icon i {
  color: #fff;
}

.tab-btn-table-text {
  color: #fff;
  text-align: left;
  display: flex;
  align-items: center;
}

.modal-tab-table-flex {
  display: flex;
  flex-direction: column;
}

.flex-the-icon-modal-box {
  display: flex;
  justify-content: center;
  align-items: center;
}

.modal-tab-table-sub-div {
  /* display: flex;
  justify-content: space-around; */
  display: grid;
  grid-template-columns: 1fr 3fr;
  grid-gap: 20px;
  margin-top: 1.2rem;
  margin-bottom: 2.138rem;
}

.icon-bg-modal-tab-table-flex {
  display: flex;
  justify-content: end;
  align-items: center;
}

.icon-bg-modal-tab-table {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 75px;
  width: 75px;
  border-radius: 8px;
  background-image: linear-gradient(310deg, #24262d, #30343c);
  box-shadow: -2px 2px 5px black;
}


.icon-bg-modal-tab-table i {
  font-size: 40px;
}


.icon-bg-modal-tab-table img {
  width: fit-content;
  height: 75px;
  border-radius: 8px;
}

.rogue-app-table-modal-text {
  /* margin-top: 0.4rem; */
}

.rogue-app-table-modal-app-title {
  font-size: 22px;
  font-weight: 600;
}

.rogue-app-table-modal-list {
  display: grid;
  /* grid-template-columns: 1fr 1fr;
  height: 80px; */
  grid-template-columns: 1fr 2fr;
  height: 50px;
  /* border-top: 1px solid #3d3f47;
  border-bottom: 1px solid #3d3f47; */
  border-top: 1px solid rgb(31 33 40);
  /* border-bottom:  1px solid rgb(31 33 40); */
}


.rogue-app-table-modal-list:nth-last-child(1) {
  border-bottom: 1px solid rgb(31 33 40);
}

.rogue-app-table-modal-list-heading {
  font-size: 18px;
  font-weight: 300;
  display: flex;
  align-items: center;
  margin-left: 1.5rem;
}

.rogue-app-table-modal-list-result {
  font-size: 17px;
  font-weight: 500;
  display: flex;
  align-items: center;
  margin-left: 1.5rem;
}

.sub-rating-star-bg {
  width: 25px;
  height: 25px;
  border-radius: 60%;
  margin-right: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #14161a90;
}

.sub-rating-star-bg i {
  font-size: 12px;
}

.tab-overflow-in-table {
  overflow-y: auto;
  height: 91vh !important;
}

.keyword-tab-module-page {
  display: grid;
  grid-template-rows: 1fr 1fr;
  height: 225px;
}

.keyword-tab-module-page-flex {
  display: grid;
  grid-template-columns: 1fr 3fr;
  border-top: 2px solid #33353f;
}

.keyword-tab-module-page-flex:nth-child(1) {
  border-top: 0px;
}

.keyword-tab-module-page-sub-flex {
  /* display: grid;
  grid-template-rows: 1fr 1fr; */
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.keyword-tab-module-page-flex-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}

.keyword-tab-module-page-flex-icon-bg {
  background-color: #272c3590;
  height: 55px;
  width: 55px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}


.keyword-tab-module-page-flex-icon-bg i {
  font-size: 20px;
}

.keyword-tab-module-page-sub-text-1 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0.3rem;
}

.keyword-tab-module-page-sub-text-2 {
  font-size: 22px;
  color: #fff;
  font-weight: 400;
  width: fit-content;
  border-top: 1px solid #f6a821;

}

td .fa-link {
  color: #fff;
  font-size: 16px;
  filter: drop-shadow(0px 6px 4px black);
}

td .fa-link:hover {
  color: #003aa3;
}

.Rogue-app-modal-rating-details-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

.Rogue-app-modal-rating-details-padding {
  padding: 10px 40px;
}

.Rogue-app-rating-star {
  color: #fff;
  font-size: 18px;
}

.Rogue-app-rating-star i {
  font-size: 13px;
  /* margin-top: 2px;
  vertical-align: text-top; */
}

.Rogue-app-rating-star strong {
  font-size: 20px;
  color: #fff;
}

.Rogue-app-text-center {
  text-align: center;
  border-right: 1px solid #111114;
}

.Rogue-app-visit-link-btn-padding {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1rem;
}

.Rogue-app-visit-link-btn-bg {
  background-color: #f6a821;
  border-radius: 8px;
  color: #fff;
  width: 200px;
  padding: 10px;
  text-align: center;
  cursor: pointer;
}


.Rogue-app-visit-link-btn-bg a {
  color: #fff !important;
  text-decoration: none;
}

.Rogue-app-other-details-padding {
  padding: 0px 30px;
  margin-top: 50px;
}

.Rogue-app-other-details-bg {
  border: 1px solid #1e1e23;
  border-radius: 8px;
  /* height: 300px; */
  padding: 20px;
}

.Rogue-app-other-detail-heading {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 2rem;
}

.Rogue-app-other-details-grid {
  display: grid;
  grid-template-columns: 1fr 3fr;
  font-size: 15px;
  grid-gap: 50px;
  margin-bottom: 0.5rem;
}


.Rogue-app-other-details-grid strong {
  color: #fff;
}

/* rogue app modal on table */

.admin-tab-link {
  padding: 0px !important;
  margin-right: 10px !important;
  border: 0px;
  background: transparent;
}

.admin-tab-link.active {
  box-shadow: 0px 4px 10px #000000ab;
  background-color: transparent !important;
  padding: 0px;
}

.btn-for-send-message {
  border: none;
  cursor: pointer;
  border-radius: 7px;
  background: #f6a821;
  color: #fff;
  font-size: 13px;
  /* font-weight: bold; */
  letter-spacing: 0.1rem;
  transition: 0.5s;
  padding: 3px 10px;
}

.Edit-btn-for-message {
  font-size: 17px;
  margin-bottom: 0px;
  cursor: pointer;
  text-align: center;
}

/* p{
  margin-bottom: 0px;
} */

.summernote-bg {
  padding: 10px 20px;
}

.mail-bg-template {
  /* background-color: #24262d; */
  background-image: linear-gradient(310deg, #24262d, #30343c);
  height: 250px;
  width: 100%;
  padding: 15px;
}

.mail-bg-template code {
  color: #fff;
}


.carousel-wrap_rogue {
  margin: 50px auto;
  padding: 0 3%;
  width: 90%;
  position: relative;
  margin-bottom: 0px;
}

/* fix blank or flashing items on carousel */
.owl-carousel .item {
  position: relative;
  z-index: 100;
  -webkit-backface-visibility: hidden;
  width: 200px;
}

.image-bg-table-module {
  background-color: white;
  box-shadow: 0 0 10px rgba(0, 0, 0, .15);
  border-radius: 10px;
  padding: 10px;
  height: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
}


/* end fix */
.owl-nav>div {
  margin-top: -26px;
  position: absolute;
  top: 50%;
  color: #cdcbcd;
}

/* .owl-nav i {
  font-size: 52px;
} */

.owl-nav .owl-prev {
  left: -30px;
}

.owl-nav .owl-next {
  right: -30px;
}


/* brand-abuse */

.brand-abuse-image-compare-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-top: 25px;
}

.brand-abuse-image-size {
  display: flex;
  justify-content: center;
  align-items: center;

}

.brand-abuse-image-bg {
  width: 210px;
  height: auto;
  background-image: linear-gradient(310deg, #24262d, #30343c);
  box-shadow: -2px 2px 5px black;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  padding: 5px;
}

.brand-abuse-image-size img {
  width: 200px;
  height: 200px;
}

.brand-abuse-other-details-grid {
  display: grid;
  grid-template-columns: 1fr 2fr;
  font-size: 15px;
  margin-bottom: 0.5rem;
}

.brand-abuse-other-details-grid strong {
  color: #fff;
}

.brand-abuse-image-details-flex {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 16px;
}

.brand-abuse-image-text {
  font-size: 16px;
  color: #fff;
  padding-left: 22px;
  margin-bottom: 15px;
}

.Brand-abuse-modal-similarity-text {
  text-align: center;
  font-size: 20px;
}


.Brand-abuse-modal-similarity-text span {
  color: #f6a821;
}

.aherf-brand-abuse {
  text-decoration: underline;
  color: #cac9c9;

}

/* customer-src-ti */

.customer-logo-position {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 50px;
  margin-bottom: 20px;
}

.customer-logo-size img {
  width: auto;
  height: 100px;
}

.customer-care-details-position {
  /* display: flex;
  justify-content: center; */
  padding-left: 50px;
  padding-right: 50px;
}

.customer-care-details-grid {
  display: flex;
  justify-content: space-between;
}

.customer-detail-div-first {
  text-align: end;
  /* font-size: 14px; */
  font-weight: 600;
}

.customer-detail-div-second {
  color: #fff;
  margin-left: 3px;
}

.module-deatils-grid {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  margin-top: 30px;
}

.module-deatils-grid div {
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  color: #f6a821;
}

.module-deatils-grid-sub {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
}


.module-deatils-grid-sub div {
  /* padding-left: 20px; */
  text-align: center;
  color: #fff;
}


.module-deatils-grid-sub div:nth-child(1) {
  text-align: left;
  padding-left: 30px;
}

.tag-details-for-module-profile {
  /* color: #949ba2; */
  /* border-color: #3d404c; */
  background-color: #494b54;
  border: 1px solid transparent;
  border-radius: 4px;
  display: block;
  -webkit-user-select: none;
  outline: none;
}

.tag-details-for-module-profile-ul {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tag-details-for-module-profile-ul-li {
  list-style-type: none;
  background-color: #494b54;
  border-color: #f6a821;
  color: #cac9c9;
  border: 1px solid #f6a821;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}


/* attack surface */

.attack-surface-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
}


.attacksurfacemid {
  margin-right: 22.5vw;
  /* transition: 0.5s; */
  transition: 0.3s;
}

.attacksurfacemid.active {
  margin-right: 0vw !important;
}

.IT-side-bg {
  transition: 0.3s;
  width: 23vw;
}

.IT-side-bg.active {
  width: 0vw !important;
  opacity: 0;
}


.IT-side-bg-2 {
  margin-top: 60px;
  background-color: #24262d;
  width: 23vw;
  position: fixed;
  right: 0;
  bottom: 0;
  top: 0;
  transition: 0.3s;
  overflow-y: scroll;
  overflow-x: hidden;
}

.IT-side-bg-2.active {
  width: 0vw !important;
  opacity: 0;
}


.IT-side-bg-3 {
  margin-top: 60px;
  background-color: #24262d;
  width: 23vw;
  position: fixed;
  right: 0;
  bottom: 0;
  top: 0;
  transition: 0.3s;
  overflow-y: scroll;
  overflow-x: hidden;
}

.IT-side-bg-3.active {
  width: 0vw !important;
  opacity: 0;
}

.IT-side-bg-4 {
  margin-top: 60px;
  background-color: #24262d;
  width: 23vw;
  position: fixed;
  right: 0;
  bottom: 0;
  top: 0;
  transition: 0.3s;
  overflow-y: scroll;
  overflow-x: hidden;
}

.IT-side-bg-4.active {
  width: 0vw !important;
  opacity: 0;
}

.attack-details-btn {
  position: absolute;
  top: 15px;
  right: 15px;
  background-color: #24262d;
  color: #cac9c9;
  width: fit-content;
  padding: 3px 15px;
  border-radius: 5px;
  /* border: 2px solid #f6a821; */
  /* box-shadow: 0px 0px 5px #f6a821; */
  cursor: pointer;
  transition: 0.2s;
}

.attack-details-btn:hover {
  box-shadow: 0px 0px 5px #f6a821;
}

.attackprofile-list.active {
  height: 150px !important;
  transform: translateX(0px);
}

.closing-btn-for-sidebar {
  position: fixed;
  top: 60%;
  right: 21.9vw;
  z-index: 2;
}

.closing-btn-for-sidebar-bg {
  font-size: 1.4rem;
  background-color: #cac9c9;
  color: #000;
  border-radius: 50%;
  padding-left: 10px;
  padding-right: 10px;
  /* padding-top: 2x;
  padding-bottom: 2px; */
  /* padding: 20px; */
  cursor: pointer;
  display: block;
}


.closing-btn-for-sidebar-bg.active {
  display: none;
}

.stauts-404-color-log-monitoring {
  color: #ff0000;
  /* font-weight: 600; */
}

.attack-surface-domain-right-flex {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-top: 0.5rem;
}


.attack-surface-domain-right-flex div:nth-child(even) {
  text-align: end;
}


.attack-surface-head-card-bg {
  background-color: #2a2d3566;
  display: grid;
  grid-template-rows: 1fr 3fr;
  background-image: none;
  box-shadow: none;
}

.attack-surface-head-card-bg p {
  margin-bottom: 0px;
  color: #fff;
  line-height: 1;
}

.attack-surface-head-subheading-high {
  text-align: center;
  font-size: 45px;
  font-weight: 800;
  color: #de2121;
}

.attack-surface-head-subheading-medium {
  text-align: center;
  font-size: 45px;
  font-weight: 800;
  color: #f6a821;
}

.attack-surface-head-subheading-low {
  text-align: center;
  font-size: 45px;
  font-weight: 800;
  color: #2aff00;
}


.spinner-box {
  width: 100%;
  height: 190px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  filter: drop-shadow(2px 4px 6px black);
}


.leo {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}

.blue-orbit {
  width: 165px;
  height: 165px;
  border: 1px solid #ffb300a5;
  -webkit-animation: spin3D 6s linear .2s infinite;
}

.green-orbit {
  width: 120px;
  height: 120px;
  border: 1px solid #ffb300a5;
  -webkit-animation: spin3D 5s linear 0s infinite;
}

.red-orbit {
  width: 90px;
  height: 90px;
  border: 1px solid #ffb300a5;
  -webkit-animation: spin3D 4s linear 0s infinite;
}

.white-orbit {
  width: 60px;
  height: 60px;
  border: 2px solid #ffb300a5;
  -webkit-animation: spin3D 8s linear 0s infinite;
}

.w1 {
  transform: rotate3D(1, 1, 1, 90deg);
}

.w2 {
  transform: rotate3D(1, 2, .5, 90deg);
}

.w3 {
  transform: rotate3D(.5, 1, 2, 90deg);
}


@keyframes spin3D {
  from {
    transform: rotate3d(.5, .5, .5, 360deg);
  }

  to {
    transform: rotate3d(0deg);
  }
}

.attack-surface-darkweb-small-graph {
  background-image: linear-gradient(310deg, #24262d, #30343c);
  box-shadow: 2px 2px 5px black;
}


#bg-text {
  font-size: 6rem !important;
}



/* insight 2.0 */

/* for 720 */
@media only screen and (max-width: 1400px) {
  .div_height_sub {
    height: 220px;
    background-color: #24262d !important;
    /* border-radius: 0px !important; */
    position: relative;
  }

  .div_height_sub h5 {
    color: #fff;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .div_height_sub p {
    line-height: 1.5;
  }

  .div_height_main {
    height: 460px;
    background-color: #24262d !important;
  }

  .text_overflow_manage {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .Readmore_btn {
    position: absolute;
    opacity: 0;
    transition: 0.5s;
    bottom: 0px;
    width: fit-content;
    right: 5%;
    background-color: #f6a821;
    color: #fff;
    padding: 0 15px;
    border-radius: 5px;
    /* box-shadow: 0px 0px 5px #f6a821; */
    cursor: pointer;
  }

  .div_height_sub:hover .Readmore_btn {
    opacity: 1;
    bottom: 5%;
  }

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

  .Table_top_cves p {
    border-top: 1px solid #cac9c9;
    width: 100%;
    text-align: center;
    line-height: 1.8;
    margin-bottom: 0px;
  }

  .div_height_graph {
    height: 100px;
    background-color: #24262d !important;
  }
}



/* for 1080 laptop */
@media only screen and (min-width: 1410px) {
  .div_height_sub {
    height: 220px;
    background-color: #24262d !important;
    /* border-radius: 0px !important; */
    position: relative;
  }

  .div_height_sub h5 {
    color: #fff;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .div_height_sub p {
    line-height: 1.3;
  }

  .div_height_main {
    height: 460px;
    background-color: #24262d !important;
  }

  .text_overflow_manage {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .Readmore_btn {
    position: absolute;
    opacity: 0;
    transition: 0.5s;
    bottom: 0px;
    width: fit-content;
    right: 6%;
    background-color: #f6a821;
    color: #fff;
    padding: 0 15px;
    border-radius: 5px;
    /* box-shadow: 0px 0px 5px #f6a821; */
    cursor: pointer;
  }

  .div_height_sub:hover .Readmore_btn {
    opacity: 1;
    bottom: 6%;
  }

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

  .Table_top_cves p {
    border-top: 1px solid #cac9c9;
    width: 100%;
    text-align: center;
    line-height: 1.8;
    margin-bottom: 0px;
  }

  .div_height_graph {
    height: 100px;
    background-color: #24262d !important;
  }
}



/* for 1080 monitor */
@media only screen and (min-width: 1700px) {
  .div_height_sub {
    height: 280px;
    background-color: #24262d !important;
    /* border-radius: 0px !important; */
    position: relative;
  }

  .Table_top_cves h5 {
    margin-bottom: 0.6rem !important;
    margin-top: 0px !important;
  }

  .div_height_sub h5 {
    margin-top: 1rem;
    margin-bottom: 1rem;
    color: #fff;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .div_height_main {
    height: 580px;
    background-color: #24262d !important;
  }

  .text_overflow_manage {
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .Readmore_btn {
    position: absolute;
    opacity: 0;
    transition: 0.5s;
    bottom: 0px;
    width: fit-content;
    right: 6%;
    background-color: #f6a821;
    color: #fff;
    padding: 0 15px;
    border-radius: 5px;
    /* box-shadow: 0px 0px 5px #f6a821; */
    cursor: pointer;
  }

  .div_height_sub:hover .Readmore_btn {
    opacity: 1;
    bottom: 6%;
  }

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

  .Table_top_cves p {
    border-top: 1px solid #cac9c9;
    width: 100%;
    text-align: center;
    line-height: 2.5;
    margin-bottom: 0px;
  }

  .div_height_graph {
    height: 100px;
    background-color: #24262d !important;
  }

  .blog-slider {
    display: flex;
    width: 100%;
    position: relative;
    max-width: 34vw;
    color: white;
    padding: 25px;
    border-radius: 25px;
    height: 530px !important;
    transition: all 0.3s ease 0s;
  }

}




/* Slider for news mid part css */


.blog-slider {
  display: flex;
  width: 100%;
  position: relative;
  max-width: 34vw;
  color: white;
  padding: 25px;
  border-radius: 25px;
  height: 400px;
  transition: all 0.3s;
}

@media only screen and (min-width: 1400px) {
  .blog-slider {
    max-width: 40vw;
  }
}

.blog-slider__content {
  width: 32vw !important;
}



.blog-slider__item {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .blog-slider__item {
    flex-direction: column;
  }
}

.blog-slider__item.swiper-slide-active .blog-slider__content>* {
  opacity: 1;
  transform: none;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(1) {
  transition-delay: 0.3s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(2) {
  transition-delay: 0.4s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(3) {
  transition-delay: 0.5s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(4) {
  transition-delay: 0.6s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(5) {
  transition-delay: 0.7s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(6) {
  transition-delay: 0.8s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(7) {
  transition-delay: 0.9s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(8) {
  transition-delay: 1s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(9) {
  transition-delay: 1.1s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(10) {
  transition-delay: 1.2s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(11) {
  transition-delay: 1.3s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(12) {
  transition-delay: 1.4s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(13) {
  transition-delay: 1.5s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(14) {
  transition-delay: 1.6s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(15) {
  transition-delay: 1.7s;
}

.blog-slider__content {
  padding-right: 25px;
}

@media screen and (max-width: 768px) {
  .blog-slider__content {
    margin-top: -80px;
    text-align: center;
    padding: 0 30px;
  }
}

@media screen and (max-width: 576px) {
  .blog-slider__content {
    padding: 0;
  }
}

.blog-slider__content>* {
  opacity: 0;
  transform: translateY(25px);
  transition: all 0.4s;
}

.blog-slider__code {
  color: lightgrey;
  margin-bottom: 15px;
  display: block;
  font-weight: 500;
}

.blog-slider__title {
  font-size: 24px;
  font-weight: 700;
  color: lightgrey;
  margin-bottom: 20px;
}

.blog-slider__text {
  color: lightgrey;
  margin-bottom: 30px;
  line-height: 1.5em;
}

.blog-slider__button {
  display: inline-flex;
  padding: 15px 35px;
  border-radius: 50px;
  color: #fff;
  background: #f6a821;
  text-decoration: none;
  font-weight: 500;
  justify-content: center;
  text-align: center;
  letter-spacing: 1px;
  width: 60% !important;
}

.blog-slider__button:hover {
  color: white;
}

@media screen and (max-width: 576px) {
  .blog-slider__button {
    width: 100%;
  }
}

.blog-slider .swiper-container-horizontal>.swiper-pagination-bullets,
.blog-slider .swiper-pagination-custom,
.blog-slider .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}

.blog-slider__pagination {
  position: absolute;
  z-index: 21;
  right: 0px;
  width: 11px !important;
  text-align: center;
  left: auto !important;
  top: 50%;
  bottom: auto !important;
  transform: translateY(-50%);
}

@media screen and (max-width: 768px) {
  .blog-slider__pagination {
    transform: translateX(-50%);
    left: 50% !important;
    top: 205px;
    width: 100% !important;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

.blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 8px 0;
}

@media screen and (max-width: 768px) {
  .blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
  }
}

.blog-slider__pagination .swiper-pagination-bullet {
  width: 11px;
  height: 11px;
  display: block;
  border-radius: 10px;
  background: white;
  opacity: 0.2;
  transition: all 0.3s;
  margin-top: 4px !important
}

.blog-slider__pagination .swiper-pagination-bullet-active {
  opacity: 1;
  background: #f6a821;
  ;
  height: 30px;
}

@media screen and (max-width: 768px) {
  .blog-slider__pagination .swiper-pagination-bullet-active {
    height: 11px;
    width: 30px;
  }
}

/* slider mid news css end */


.search-mid {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
}

.search {
  position: relative;
  width: 50vw;
}

.search label {
  position: relative;
  width: 100%;
}

.search label input {
  width: 100%;
  height: 40px;
  overflow: hidden;
  border-radius: 5px;
  padding: 5px 20px;
  outline: none;
  color: lightgrey;
  background-color: #3d3f47;
  border: 0px;
}

.search label i {
  position: absolute;
  color: rgb(252, 180, 47);
  top: 12px;
  right: 20px;
  font-size: 1.2em;
}

.search_details_div {
  position: absolute;
  width: 50vw;
  color: lightgrey;
  background-color: #3d3f47;
  z-index: 5;
  height: 0vh;
  top: 60%;
  opacity: 0;
  transition: 0.4s ease;
  z-index: -1;
}


.search_details_div.active {
  height: auto;
  opacity: 1;
  z-index: 2;
}

#search_table_filter {
  display: none;
}

#search_table_length {
  display: none;
}

#search_table_info {
  display: none;
}

.insight_search_table tbody tr td:first-child {
  border-left: 0px solid #f6a821;
}


.menu-dropdown-active.active {
  color: #f6a821;
  /* transform: scale(1.1); */
  /* background-color: #2d2f38; */
  /* filter: drop-shadow(0px 0px 5px #000); */
}

.menu-dropdown-active:active {
  background-color: #42444d;
}

.tooltip {
  pointer-events: none;
}


.Active-user-list {
  /* background-color: #24262d; */
  height: 3vh;
  /* border-radius: 5px; */
  margin-top: 5px;
  border-bottom: 1px solid #cac9c9;
}

.active-user-flex {
  /* display: flex;
  justify-content: space-between;
  align-items: center; */
  height: 100%;
  padding: 0px 10px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}


.active-user-flex p {
  margin-bottom: 0px;
}

.active-user-flex p:nth-child(3) {
  text-align: right;
}

.report_bg_mmsp {
  background: url(/static/img/bg-report.png) center no-repeat;
  height: 100%;
  background-size: contain;
  filter: blur(0px);
  transition: 0.5s ease;
}


.report_bg_mmsp.active {
  filter: blur(3px);
}

.PDF-report_text {
  position: absolute;
  opacity: 0;
  transition: 0.5s;
  bottom: 0px;
  width: fit-content;
  left: 37%;
  background-color: #f6a821;
  color: #fff;
  padding: 0 15px;
  border-radius: 5px;
  /* box-shadow: 0px 0px 5px #f6a821; */
  cursor: pointer;
}


.PDF-report_text.active {
  opacity: 1;
  bottom: 45%;
  left: 37%;
}

.mssp_report_user_name {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  color: #fff;
  height: 20px;
}

/* ticking status */

.ticket-flex-text {
  display: grid;
  grid-template-rows: 1fr 1fr;
  align-items: center;
}

.grid-ticket {
  display: grid;
  grid-template-columns: 1fr 1fr;
  height: 80px;
}

.ticking-sub-heading {
  font-size: 16px;
  font-weight: 500;
}

.ticking-sub-heading-numb {
  font-size: 28px;
  font-weight: 600;
  color: #f6a821;
}

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

.ticket-svg-flex svg {
  width: 5rem;
  height: 5rem;
}



/* insight modal on table */


.modal.fade.modal-insight-slide .modal-dialog {
  transform: translate(230%, 0px);
  height: 100%;
  margin: 0%;
}

.modal.fade.modal-insight-slide .modal-dialog .modal-content {
  height: 100%;
}

.modal.show.modal-insight-slide .modal-dialog {
  transform: translate(156%, 0px);
  /* transform: none; */
  max-width: 39%;
}

@media only screen and (min-width: 1600px) {

  .modal.fade.modal-insight-slide .modal-dialog {
    transform: translate(290%, 0px);
    height: 100%;
    margin: 0%;
  }

  .modal.show.modal-insight-slide .modal-dialog {
    transform: translate(156%, 0px);
    /* transform: none; */
  }
}



@media only screen and (max-width: 1400px) {
  .modal.fade.modal-insight-slide .modal-dialog {
    transform: translate(200%, 0px);
    height: 100%;
    margin: 0%;
  }

  .modal.show.modal-insight-slide .modal-dialog {
    transform: translate(156%, 0px);
    /* transform: none; */
  }
}



/* client */

.tab-client-bg {
  background-color: transparent !important;
  height: 6vh;
  border-bottom: 1px solid #3d404c;
  border-radius: 0px !important;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}


.tab-client-bg:hover {
  color: #fff;
  background-color: #2d3038 !important;
}


.tab-client-bg.active {
  background-color: #2d3038 !important;
}

.client-Image-user {
  border-radius: 50%;
  background-color: #00000026;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 110px;
  height: 110px;

}


.client-Image-user img {
  width: 100px;

}

.client-Image-user-flex {
  display: flex;
  justify-content: center;
  align-items: center;
}

.client-mssp-tag {
  text-align: center;
  background-color: #00000056;
  border: 1px solid #f6a82190;
  border-radius: 5px;
  width: fit-content;
  padding: 0px 0px;
  width: 100%;
  height: fit-content;
}

.client-mssp-tag-flex {
  display: flex;
  justify-content: center;
  align-items: center;
}

.client-details-icon-flex {
  display: flex;
  justify-content: center;
  align-items: center;
}

.client-details-icon-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 1.5rem;
}

.client-details-icon-size {
  background-color: #00000036;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 19px;
  color: #fff;
}


.close-btn-for-modal-box {
  position: absolute;
  z-index: 1;
  top: 45%;
  left: -2.2%;
  font-size: 31px;
  background-color: #24262d;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}



.from-group-for-profile-attack {
  margin-bottom: 1rem;
  display: grid;
  grid-template-columns: 1fr 3fr;
}



.from-group-for-profile-attack label {
  display: inline-block;
  margin-bottom: 0.5rem;
}


.form-control-profile-attack {
  color: #cac9c9;
  border: none;
  border-radius: 4px;
  box-shadow: none;
  transition: none;
  background-color: #494b54;
  font-size: 0.88rem;
  display: block;
  width: 100%;
  height: calc(2.25rem + 2px);
  padding: 0.375rem 0.75rem;
  font-weight: 400;
  line-height: 1.5;
  background-clip: padding-box;
  outline: none;
}



.form-control-profile-attack::placeholder {
  color: #cac9c9;
}

.table-user-count-bg {
  color: #cac9c9;
  background-color: transparent;
  border: 1px solid #f6a821;
  cursor: pointer;
  width: fit-content;
  padding: 0px 7px;
  font-weight: 700;
  border-radius: 50%;
}


.Ticket-id-ticket-manage {
  /* display: grid;
  grid-template-columns: 1fr 3fr; */
  display: flex;
  justify-content: flex-start;
  padding: 50px 0px 0 30px;
}

.Ticket-id-ticket-manage-title {
  font-size: 22px;
}

.Ticket-id-ticket-manage-id {
  font-size: 22px;
  font-weight: 700;
  color: #fff;
}

.ticket-details {
  padding: 25px 30px 0 30px;
}

.ticket-details-bg {
  padding: 15px;
  border: 1px solid #3d404c;
  border-radius: 5px;
}

.ticket-details h6 {
  color: #cac9c9;
  font-size: 17px;
}

.ticket-details-grid {
  display: grid;
  grid-template-columns: 1fr 2fr;
  padding-top: 10px;
}

.ticket-details-title {
  color: #cac9c9;
  font-weight: 600;
  font-size: 14px;
}

.ticket-details-title-details {
  color: #cac9c9;
  font-weight: 300;
  font-size: 14px;
}

.email-in-table {
  font-size: 20px;
  filter: drop-shadow(0px 5px 10px black);
}



/* table */

.new-table {
  table-layout: fixed;
  position: relative;
}

.new-table thead tr th {
  /* width: fit-content !important; */
  /* padding: 10px 15px !important; */
  height: 1rem;
  border-bottom: 0px !important;
  white-space: -moz-pre-wrap !important;
  /* Mozilla, since 1999 */
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  /* Opera 7 */
  white-space: pre-wrap !important;
  /* css-3 */
  word-wrap: break-word !important;
  /* Internet Explorer 5.5+ */
  white-space: -webkit-pre-wrap !important;
  /* Newer versions of Chrome/Safari*/
  /* word-break: break-all !important; */
  white-space: normal !important;
  /* color: #949ba2; */
}

.new-table thead tr th {
  text-align: center !important;
  vertical-align: middle;
  font-size: 16px;
}

.new-table tbody tr td {
  font-size: 16px;
  /* width: fit-content !important; */
  height: 8vh !important;
  white-space: -moz-pre-wrap !important;
  /* Mozilla, since 1999 */
  white-space: -pre-wrap;
  color: #dbdbdb;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  white-space: pre-wrap !important;
  /* css-3 */
  word-wrap: break-word !important;
  /* Internet Explorer 5.5+ */
  white-space: -webkit-pre-wrap !important;
  /* Newer versions of Chrome/Safari*/
  /* word-break: break-all !important; */
  white-space: normal !important;
  border-bottom: 2px solid rgb(50, 51, 59);
  border-top: 0px solid rgb(50, 51, 59);
  border-left: 1px solid rgb(50, 51, 59);
  border-right: 1px solid rgb(50, 51, 59);
  text-align: center;
}

.new-table thead .sorting:before,
.new-table thead .sorting_asc:before,
.new-table thead .sorting_desc:before,
.new-table thead .sorting_asc_disabled:before,
.new-table thead .sorting_desc_disabled:before {
  /* right: 5em !important; */
  background-image: none !important;
  /* content: "\02C6" !important; */
  /* transform: scale(2.5); */
}

.new-table thead .sorting:after,
.new-table thead .sorting_asc:after,
.new-table thead .sorting_desc:after,
.new-table thead .sorting_asc_disabled:after,
.new-table thead .sorting_desc_disabled:after {
  /* right: 5.5em !important; */
  /* content: "\02C7" !important; */
  background-image: none !important;
  /* transform: scale(2.5); */
}


.new-table thead .sorting,
.new-table thead .sorting_asc,
.new-table thead .sorting_asc,
.new-table thead .sorting_desc,
.new-table thead .sorting_asc_disabled,
.new-table thead .sorting_desc_disabled {
  background-image: none !important;
}

.new-table tbody td {
  word-break: break-word;
  vertical-align: top;
}

.sorting-right-new-table .dataTables_length {
  float: right !important;
  /* margin-right: 15%; */
}

.search-bar-new-table .dataTables_filter {
  float: left !important;
  margin-left: 12.6%;
}


.search-bar-new-table input {
  /* width: 15vw !important; */
  /* padding: 0.5rem 1rem !important; */
}

.add-org-btn {
  /* box-shadow: 0px 1px 22px -12px #000000ab; */
  margin-bottom: -2.1%;
  position: absolute;
  width: 12%;
  border: none;
  border-radius: 7px;
  /* padding: 0.4rem 1rem !important; */
  padding: 4px;
  padding-left: 10px;
  font-size: 13px;
  background-color: rgb(73, 75, 84);
  color: rgb(202, 201, 201);
  z-index: 9;
}

/* .pagination-new-table {
  position: absolute;
  top: -1%;
  right: 0%;
} */

.table-search-by-date {
  border: 2px solid rgb(235, 235, 235);
  border: none;
  border-radius: 7px;
  padding: 5px;
  /* background-color: rgb(255, 255, 255); */
  background-color: #494b54;
  color: #cac9c9;
  margin-left: 3px;
}


.table-search-by-date {
  box-shadow: none !important;
}

.table-search-box-date-flex {
  position: absolute;
  display: flex;
  right: 13%;
  justify-content: end;
  margin-bottom: -3%;
  z-index: 9;
}


@media only screen and (min-width: 1600px) {
  .table-search-box-date-flex {
    right: 10%;
  }

  .add-org-btn {
    font-size: 12px;
    width: 10%;
  }

  .search-bar-new-table .dataTables_filter {
    float: left !important;
    margin-left: 10.6%;
  }
}

div.dt-datetime {
  background-color: #2a2d35;
  border: 0px;
}

div.dt-datetime table td.selectable {
  background: #2a2d35;
}

div.dt-datetime table td {
  color: #cac9c9;
}

div.dt-datetime table td.selectable.now {
  background-color: #939393;
}

div.dt-datetime table td.selectable button:hover {
  background: #939393;
  color: white;
  border-radius: 2px;
}

div.dt-datetime div.dt-datetime-label:hover {
  border: 0px solid #ddd;
  border-radius: 2px;
  background-color: #939393;
}

.table-action-arrow {
  color: #efa21e;
}

.mssp-btn-new-table {
  display: grid;
  grid-template-columns: 2fr 1fr;
}

@media only screen and (max-width: 1400px) {
  .add-org-btn {
    font-size: 12px;
    padding: 5px !important;
    padding-left: 10px !important;
  }

  .search-bar-new-table input {
    padding: 5px !important;
  }

  .table-search-box-date-flex {
    right: 16%;
  }

  .add-org-btn i {
    font-size: 16px;

  }

  .add-org-btn {
    width: 12%;
  }

  .mssp-btn-new-table {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .search-bar-new-table .dataTables_filter {
    float: left !important;
    margin-left: 13%;
  }
}



.card-attacksurface-low {
  color: #155724;
  border: 1px solid #98ff98;
  background-color: #98ff981c !important;
  transition: 0.3s ease;
  cursor: pointer;
}

.card-attacksurface-low:hover {
  background-color: #98ff9850 !important;
}

.card-attacksurface-medium {
  color: #155724;
  border: 1px solid #ffd557;
  background-color: #ffd5571c !important;
  transition: 0.3s ease;
  cursor: pointer;
}

.card-attacksurface-medium:hover {
  background-color: #ffd55750 !important;
}

.card-attacksurface-high {
  color: #155724;
  border: 1px solid #f65164;
  background-color: #f651641c !important;
  transition: 0.3s ease;
  cursor: pointer;
}

.card-attacksurface-high:hover {
  background-color: #f6516450 !important;
}

.card-attacksurface-info {
  color: #155724;
  border: 1px solid #738fb8;
  transition: 0.3s ease;
  background-color: #738fb81c !important;
  cursor: pointer;
}

.card-attacksurface-info:hover {
  background-color: #738fb850 !important;
}

.card-attack-text {
  display: grid;
  grid-template-rows: 3fr 1fr;
}

.card-attack-text-heading {
  font-size: 0.7vw;
  text-align: center;
  font-weight: 700;
}


.card-attack-text-num {
  font-size: 1.9vw;
  text-align: center;
  color: #fff;
}



@media only screen and (max-width: 1600px) {
  #globe-attack canvas {
    height: 420px !important;
    width: auto !important;
  }


}

@media only screen and (max-width: 1400px) {
  #globe-attack canvas {
    height: 400px !important;
    width: auto !important;
  }
}


.background-card-1-attack {
  /* background: linear-gradient(156deg, rgba(38, 22, 54, 1) 0%, rgba(99, 40, 62, 1) 97%); */
  /* background: linear-gradient(180deg, rgb(31, 20, 42) 0%, rgb(131, 54, 54) 97%); */
  /* background: linear-gradient(0deg, rgba(210,128,1,1) 0%, rgba(246,168,33,1) 100%); */
  /* box-shadow: 0px 0px 10px #f6a821; */
}



.background-card-2-attack {
  /* background: linear-gradient(180deg, rgba(81, 43, 59, 1) 0%, rgba(210, 147, 123, 1) 95%); */
  /* background: linear-gradient(to bottom, #fdc830, #f37335); */
}

.background-card-3-attack {
  /* background: linear-gradient(180deg, rgba(32, 24, 55, 1) 0%, rgba(38, 48, 66, 1) 93%); */
  /* background: linear-gradient(to top, #f2994a, #f2c94c); */
}

.background-card-4-attack {
  /* background: linear-gradient(0deg, rgba(32, 73, 69, 1) 0%, rgba(22, 50, 55, 1) 94%); */
  /* background: linear-gradient(to bottom, #ffe259, #ffa751); */
}

.background-card-5-attack {
  /* background: linear-gradient(0deg, rgba(67, 83, 98, 1) 0%, rgba(8, 13, 27, 1) 100%); */
  /* background: linear-gradient(to top, #f09819, #edde5d); */
}

.background-card-6-attack {
  /* background: linear-gradient(0deg, rgba(67, 83, 98, 1) 0%, rgba(8, 13, 27, 1) 100%); */
  /* background: linear-gradient(to top, #ff8008, #ffc837); */
}

@media only screen and (max-width: 1400px) {
  /* .sub-attack-heading {
    font-size: 0.6rem !important;
  } */

  .card-attack-right-text-num {
    font-size: 2rem !important;
    font-weight: 600;
    color: #fff;
    line-height: 1.1;
  }
}

.attack-div {
  height: 100%;
  padding-left: 0.4vw;
}

.card-attack-right-text-num {
  font-size: 2.2rem;
  font-weight: 600;
  color: #fff;
}




@media only screen and (min-width: 1600px) {
  /* .sub-attack-heading {
    font-size: 1rem !important;
  } */

  .card-attack-right-text-num {
    font-size: 2.5rem;
    font-weight: 600;
    color: #fff;
  }
}

.owl-carousel-attack {
  transform: rotate(90deg);
  width: 270px;
  position: absolute;
  top: 17%;
  height: 40vh;
  right: 0%;
}


.owl-carousel-attack .owl-stage {
  display: flex;
}


.owl-carousel-attack .owl-stage .owl-item {
  height: 700px;
}

.owl-carousel-attack .owl-stage-outer {
  overflow: hidden;
}

.item-attack {
  transform: rotate(-90deg);
  width: 700px;
}

.owl-carousel-attack .owl-nav {
  display: flex;
  justify-content: space-between;
  position: absolute;
  width: 100%;
  top: calc(50% - 33px);
}

div.owl-carousel-attack .owl-nav .owl-prev,
div.owl-carousel-attack .owl-nav .owl-next {
  font-size: 36px;
  top: unset;
  bottom: 15px;
  display: none;
}

.cve-attack-div p {
  margin-bottom: 0px;
  /* border-bottom: 1px solid #cac9c9; */
  color: #fff;
  border-radius: 5px;
  font-size: 17px;
  box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1);
  width: 12vw;
  color: #fff;
}


.cve-style-line {
  width: 40px;
  border-bottom: 1px solid;
  position: absolute;
  left: 20%;
  top: 100%;
}

.cve-style-line:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 0px 0px 10px;
  border-color: transparent transparent transparent #FFF;
}

.cve-style-line::before {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 9px 0px 0px 10px;
  border-color: transparent transparent transparent #32333b;
  z-index: 1;
}

.cve-style-text {
  position: absolute;
  left: 27%;
  top: 68%;
  font-size: 10px;
  font-weight: 500;
}


.circle-dot-cve-high {
  width: 8px;
  height: 8px;
  background-color: #f65164;
  border-radius: 50%;
  position: absolute;
  left: -6%;
  top: 35%;
}

.circle-dot-cve-medium {
  width: 8px;
  height: 8px;
  background-color: #ffd557;
  border-radius: 50%;
  position: absolute;
  left: -6%;
  top: 35%;
}

.circle-dot-cve-low {
  width: 8px;
  height: 8px;
  background-color: #98ff98;
  border-radius: 50%;
  position: absolute;
  left: -6%;
  top: 35%;
}

.circle-dot-cve-info {
  width: 8px;
  height: 8px;
  background-color: #738fb8;
  border-radius: 50%;
  position: absolute;
  left: -6%;
  top: 35%;
}





@media only screen and (max-width: 1600px) {

  .owl-carousel-attack {
    right: -27%;
  }
}


@media only screen and (max-width: 1400px) {

  .owl-carousel-attack {
    right: -119%;
  }
}


.attack-surface-management-title {
  font-size: 28px;
  font-weight: 300;
  background: -webkit-linear-gradient(62deg, #8EC5FC 0%, #E0C3FC 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;


}


.sunburst-chart-height {
  height: 55vh;
  width: 100%;
}

@media only screen and (min-width: 1600px) {
  .sunburst-chart-height {
    height: 60vh;
  }
}

@media only screen and (max-width: 1400px) {
  .sunburst-chart-height {
    height: 47vh;
  }
}

.scanning-limit-details-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.scanning-limit-details-heading h5 {
  color: #fff;
  font-weight: 500;

}

.scanning-limit-details-heading p {
  font-size: 15px;
  font-weight: 300;
}

/* darkweb */

.icon-dark-web-modal {
  display: grid;
  grid-template-columns: 1fr 3fr;
  /* flex-direction: row;
  justify-content: flex-start; */
  align-items: start;
  width: 100%;
}

.icon-dark-web-modal-head {
  padding-left: 6%;
  padding-top: 5%;
}

.icon-bg-dark-web-modal {
  background-image: linear-gradient(310deg, #24262d, #30343c);
  /* padding: 1.2rem; */
  border-radius: 8px;
  box-shadow: 0px 0px 8px black;
  transition: 0.3s all;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
}


.icon-bg-dark-web-modal i {
  font-size: 5rem;
}

.dark-web-modal-head-detail-flex {
  width: 100%;
  padding-left: 10%;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding-bottom: 0%;
  justify-content: center;
}

.dark-web-modal-head-detail-name {
  font-size: 1rem;
  font-weight: 600;
}

.dark-web-grid-details {
  grid-gap: 20px;
  margin-bottom: 0px;
  grid-template-columns: 1fr 2fr;
}


.dark-web-grid-details-2 {
  grid-gap: 30px;
  margin-bottom: 0px;
  grid-template-columns: 1fr 1fr;
}

.compromised-data-wrap {
  white-space: pre-wrap !important;
  word-wrap: break-word !important;
  white-space: -webkit-pre-wrap !important;
  word-break: break-all !important;
  white-space: normal !important;
  padding-right: 30px;
}



.phishing-modal-boxmail {
  font-size: 25px;
  display: flex;
  /* justify-content: center; */
  padding-left: 30px;
  align-items: center;
  color: #fff;
}

.details-phishing-bg {
  margin-left: 30px;
  margin-top: 30px;
}


.details-phishing-bg h5 {
  color: #fff;
}

.details-phishing-bg b {
  color: #fff;
}


.details-phishing-bg p {
  margin-bottom: 0px;
}

.phishing-progress-bar {
  display: flex;
  justify-content: center;
  align-items: center;
  transform: rotate(90deg);
  margin-left: -8%;
}

.phishing-text {
  transform: rotate(-90deg);
  float: left;
  margin-top: 355px;
  margin-right: -10px;
}

.phishing-progress-bar-vertical {
  min-height: 400px;
  display: flex;
  align-items: flex-end;
  margin-right: 20px;
  float: left;
  border-radius: 20px;
  box-shadow: 3px 3px 7px #232529, -3px -3px 7px #575965;
}

.phishing-modal-grid-div {
  display: grid;
  grid-template-columns: 1fr 2fr;
}

.grid-geodetails {
  display: grid;
  grid-template-columns: 1fr 3fr;
}


.grid-geodetails span:nth-child(1) {
  font-weight: 600;
  color: #fff;
}




/* insight 2.0 */

/* for 720 */
@media only screen and (min-width: 1200px) {

  .insights-cve-contain:hover .owl-next {
    opacity: 1;
    position: absolute;
    top: 0%;
    right: -2%;
    font-size: 50px !important;
  }

  .padding-insights-left {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .insights-mid-or-slider {
    max-width: 16vw;
    max-height: 150px;
}
  .news-top-os {
    height: 82%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f6a821;
    background: linear-gradient(15deg, #13547a 0%, #80d0c7 100%);
  }

  .news-top-os i {
    font-size: 2rem;
    color: #fff;
  }

  .insights-heading {
    font-size: 36px;
    color: #fff;
    line-height: 1.2;
    display: flex;
    flex-direction: column;
    margin-top:20px ;
  }

  .insights-title {
    font-size: 18px;
    font-weight: 300;
    color: #f6a821;
  }

  .div_height_sub {
    height: 400px;
    background-color: #24262d !important;
    border-radius: 0px !important;
    position: relative;
  }

  .div_height_sub h5 {
    color: #fff;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 16px;
  }

  .div_height_sub p {
    line-height: 1.3;
    padding-left: 15px;
    padding-right: 15px;
    text-align: justify;
  }

  .div_height_main {
    height: 460px;
    background-color: #24262d !important;
  }

  .text_overflow_manage {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .Readmore_btn {
    position: absolute;
    opacity: 0;
    transition: 0.5s;
    bottom: 0px;
    width: fit-content;
    right: 6%;
    background-color: #f6a821;
    color: #fff;
    padding: 0 15px;
    border-radius: 5px;
    /* box-shadow: 0px 0px 5px #f6a821; */
    cursor: pointer;
  }

  .div_height_sub:hover .Readmore_btn {
    opacity: 1;
    bottom: 6%;
  }

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

  .Table_top_cves p {
    border-top: 1px solid #cac9c9;
    width: 100%;
    text-align: center;
    line-height: 1.8;
    margin-bottom: 0px;
  }

  .div_height_graph {
    height: 100px;
    background-color: #24262d !important;
  }

  .insights-left-panel {
    height: 110vh;
    width: 100%;
    background-color: #262930 !important;
  }

  .news-threat-per {
    font-size: 28px;
    color: #fff;
    text-align: center;
  }

  .news-threat-text {
    font-size: 14px;
    text-align: center;
  }

  .news-threat-grid {
    display: grid;
    grid-template-rows: 1fr 1fr;
  }

  .div_insghts-height-sub {
    height: 190px;
  }

  .insight-severtiy-bg-1 {
    width: 100%;
    height: 2.6vh;
    /* background-color: #000; */
    /* background: linear-gradient(to right, rgb(182, 244, 146), rgb(51, 139, 147)); */
    /* background: linear-gradient(to right, #c1dfc4 0%, #9cbe9a 0%); */
    background-color: #f6a821;
    border-radius: 50px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 10px;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
  }

  .insight-severtiy-bg-1-1 {
    width: 73%;
    height: 2.6vh;
    /* background: linear-gradient(to right, #c1dfc4 0%, #acdea9 100%); */
    background: linear-gradient(to right, #535968 0%, #535968 100%);
    /* background-color: #f6a821; */
    border-radius: 50px;
    padding-left: 10px;
    position: absolute;
    top: 25%;
    right: -1%;
    display: flex;
    align-items: center;
    /* box-shadow: inset 0px 0px 4px 5px rgb(51, 139, 147); */

  }

  .insight-severtiy-bg-1-1-text-1 {
    /* color: #08415b; */
    color: #cac9c9;
    font-size: 10px;
    font-weight: 500;
    margin-top: 0px;
    margin-left: 6px;
  }

  .insight-severtiy-bg-1-1-text-2 {
    /* color: #08415b; */
    color: #cac9c9;
    font-size: 13px;
    font-weight: 600;
    line-height: 5px;
    margin-left: 6px;
  }

  .insight-severtiy-bg-2 {
    width: 100%;
    height: 2.6vh;
    /* background-color: #000; */
    background: linear-gradient(to right, rgb(182, 244, 146) 0%, rgb(51, 139, 147) 19%);
    /* background: linear-gradient(to top, #c1dfc4 0%, #9cbe9a 10%); */
    border-radius: 50px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 10px;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
  }

  .insight-severtiy-bg-2-2 {
    width: 73%;
    height: 2.6vh;
    background: linear-gradient(to right, rgb(182, 244, 146), rgb(51, 139, 147));
    border-radius: 50px;
    padding-left: 10px;
    color: #fff;
    position: absolute;
    top: 21%;
    right: -1%;
    display: flex;
    align-items: center;
    /* box-shadow: inset 0px 0px 4px 5px rgb(51, 139, 147); */
  }


  .insight-severtiy-bg-2-2-text-1 {
    color: #08415b;
    font-size: 10px;
    font-weight: 500;
    margin-top: 0px;
    margin-left: 6px;
  }

  .insight-severtiy-bg-2-2-text-2 {
    color: #08415b;
    font-size: 13px;
    font-weight: 600;
    line-height: 5px;
    margin-left: 6px;
  }

  .insight-severtiy-bg-3 {
    width: 100%;
    height: 2.6vh;
    /* background-color: #000; */
    background: linear-gradient(to right, rgb(80 189 118) 0.2%, rgb(8, 65, 91) 22%);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-radius: 50px;
    padding-left: 10px;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
  }

  .insight-severtiy-bg-3-3 {
    width: 73%;
    height: 2.6vh;
    background: linear-gradient(114.3deg, rgb(80 189 118)0.2%, rgb(8, 65, 91) 90.5%);
    border-radius: 50px;

    padding-left: 10px;
    color: #fff;
    position: absolute;
    top: 21%;
    right: -1%;
    display: flex;
    align-items: center;
    /* box-shadow: inset 0px 0px 4px 5px rgb(51, 139, 147); */
  }

  .insight-severtiy-bg-3-3-text-1 {
    color: #fff;
    font-size: 10px;
    font-weight: 500;
    margin-top: 0px;
    margin-left: 6px;
  }

  .insight-severtiy-bg-3-3-text-2 {
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    line-height: 5px;
    margin-left: 6px;
  }

  .insight-severtiy-bg-4 {
    width: 100%;
    height: 2.6vh;
    /* background-color: #000; */
    background: linear-gradient(to right, #537895 0%, #09203f 20%);
    border-radius: 50px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 10px;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
  }

  .insight-severtiy-bg-4-4 {
    width: 73%;
    height: 2.6vh;
    background: linear-gradient(to left, #09203f 0%, #194a71 100%);
    border-radius: 50px;
    padding-left: 10px;
    color: #fff;
    position: absolute;
    top: 21%;
    right: -1%;
    display: flex;
    align-items: center;
    /* box-shadow: inset 0px 0px 4px 5px rgb(51, 139, 147); */
  }

  .insight-severtiy-bg-4-4-text-1 {
    color: #fff;
    font-size: 10px;
    font-weight: 500;
    margin-top: 0px;
    margin-left: 6px;
  }

  .insight-severtiy-bg-4-4-text-2 {
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    line-height: 5px;
    margin-left: 6px;
  }

  .contain-insights {
    margin: 0 auto;
    max-width: 41.5vw;
    width: 100%;
  }

  .insight-left-feed-heading-1 {
    font-size: 12px;
    color: #cac9c9;
  }

  .insight-left-feed-heading-2 {
    font-size: 10px;
    color:  #959fa7;
  }

  .insight-left-feed-heading {

    border-bottom: 2px solid #33353f;
    padding-bottom: 10px;
    padding-top: 10px;

  }

  .icon-insights {
    width: 150px !important;
    height: 150px !important;
  }

  .item-insights-2 {
    width: 17vw;
  }

  .insights-cve-contain {
    margin: 0 auto;
    max-width: 61vw;
    width: 100%;
  }

  .insights-cve-number {
    font-size: 18px;
    color: #fff;
    display: flex;
    align-items: center;
  }

  .insights-icon-cve {
    font-size: 30px;

    display: flex;
    justify-content: center;
    align-items: center;
  }

  .margin-top-insights{
    margin-top: 2rem;
  }
  #owl-carousel{
    height: 200px;
  }
  .search label input {
    width: 100%;
    height: 40px;
    overflow: hidden;
    border-radius: 5px;
    padding: 5px 20px;
    outline: none;
    color: lightgrey;
    background-color: #3d3f47;
  }
  
  .search label i {
    position: absolute;
    color: rgb(252, 180, 47);
    top: 35%;
    right: 20px;
    font-size: 1.2em;
  }
  .insights-feeds-top-margin{
    margin-top: 2.2rem;
  }
  /* .insights-mid-or-slider{
    max-width: 16vw ;
    max-height: 170px;
  } */
  .height-for-mid-div-insights{
    /* height: 80%; */
    height: 350px;
    background-color: #24262d !important;
    border-radius: 0px !important;
    position: relative;
  }
  
  .height-for-mid-div-insights-2{
    /* height: 40%; */
    height: 165px;
    background-color: #24262d !important;
    border-radius: 0px !important;
    position: relative;
  }

  .margin-1div{
    margin-top: 2.2rem;
    }
    .margin-top-recent{
      margin-top: 1rem;
    }
    .icon-tabs-insights{
      color: #fff;
      font-size: 27px;
      text-align: center;
      /* display: flex;
      justify-content: center;
      align-items: center; */
    }
    .mid-detail-div-insights{
      height: 100%;
      padding-top: 10px;
      padding-left: 20px;
      padding-right: 20px;
    }
    
  .font-size-of-heading{
    font-size: 14px;
    color: #909ba5;
  }
  .padding-top-insights-top{
    padding-top: 0.7rem  !important;
  }
  .insights-feeds-top-margin-2{
    margin-top: 2.5rem;
  }
  .insights-hidden-div{
    opacity: 0;
      position: absolute;
      right: -30%;
      top: 127px;
      width: 25%;
      transition: 0.3s;
      z-index: 1;
      height: 79vh;
  }
  .Heading-bottom-feed{
    display: flex;
    align-items: center;
    font-size: 18px;
    color: #d5dde3;
  }
  .total-insights-tab-font{
    font-size: 20px !important;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .insight-heading-1-sub{
    font-size: 20px;
  }
  .lord-icon{
    width: 120px;
    height: 150px;
  }
  .insights-modal-box-height{
    height: 71vh;
  }
}


/* for 1080 laptop */
@media only screen and (min-width: 1450px) {

  .insights-modal-box-height{
    height: 72vh;
  }

  .insights-cve-contain:hover .owl-next {
    opacity: 1;
    position: absolute;
    top: 0%;
    right: -2%;
    font-size: 50px !important;
  }

  .padding-insights-left {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .news-top-os {
    height: 82%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f6a821;
    background: linear-gradient(15deg, #13547a 0%, #80d0c7 100%);
  }

  .news-top-os i {
    font-size: 2rem;
    color: #fff;
  }

  .insights-heading {
    font-size: 36px;
    color: #fff;
    line-height: 1.2;
    display: flex;
    flex-direction: column;
    margin-top:20px ;
  }

  .insights-title {
    font-size: 18px;
    font-weight: 300;
    color: #f6a821;
  }

  .div_height_sub {
    height: 400px;
    background-color: #24262d !important;
    border-radius: 0px !important;
    position: relative;
  }

  .div_height_sub h5 {
    color: #fff;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 16px;
  }

  .div_height_sub p {
    line-height: 1.3;
    padding-left: 15px;
    padding-right: 15px;
    text-align: justify;
  }

  .div_height_main {
    height: 460px;
    background-color: #24262d !important;
  }

  .text_overflow_manage {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .Readmore_btn {
    position: absolute;
    opacity: 0;
    transition: 0.5s;
    bottom: 0px;
    width: fit-content;
    right: 6%;
    background-color: #f6a821;
    color: #fff;
    padding: 0 15px;
    border-radius: 5px;
    /* box-shadow: 0px 0px 5px #f6a821; */
    cursor: pointer;
  }

  .div_height_sub:hover .Readmore_btn {
    opacity: 1;
    bottom: 6%;
  }

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

  .Table_top_cves p {
    border-top: 1px solid #cac9c9;
    width: 100%;
    text-align: center;
    line-height: 1.8;
    margin-bottom: 0px;
  }

  .div_height_graph {
    height: 100px;
    background-color: #24262d !important;
  }

  .insights-left-panel {
    height: 100vh;
    width: 100%;
    background-color: #262930 !important;
  }

  .news-threat-per {
    font-size: 28px;
    color: #fff;
    text-align: center;
  }

  .news-threat-text {
    font-size: 14px;
    text-align: center;
  }

  .news-threat-grid {
    display: grid;
    grid-template-rows: 1fr 1fr;
  }

  .div_insghts-height-sub {
    height: 190px;
  }

  .insight-severtiy-bg-1 {
    width: 100%;
    height: 2.6vh;
    /* background-color: #000; */
    /* background: linear-gradient(to right, rgb(182, 244, 146), rgb(51, 139, 147)); */
    /* background: linear-gradient(to right, #c1dfc4 0%, #9cbe9a 0%); */
    background-color: #f6a821;
    border-radius: 50px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 10px;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
  }

  .insight-severtiy-bg-1-1 {
    width: 73%;
    height: 2.6vh;
    /* background: linear-gradient(to right, #c1dfc4 0%, #acdea9 100%); */
    background: linear-gradient(to right, #535968 0%, #535968 100%);
    /* background-color: #f6a821; */
    border-radius: 50px;
    padding-left: 10px;
    position: absolute;
    top: 19.5%;
    right: -1%;
    display: flex;
    align-items: center;
    /* box-shadow: inset 0px 0px 4px 5px rgb(51, 139, 147); */

  }

  .insight-severtiy-bg-1-1-text-1 {
    /* color: #08415b; */
    color: #cac9c9;
    font-size: 10px;
    font-weight: 500;
    margin-top: 0px;
    margin-left: 6px;
  }

  .insight-severtiy-bg-1-1-text-2 {
    /* color: #08415b; */
    color: #cac9c9;
    font-size: 13px;
    font-weight: 600;
    line-height: 5px;
    margin-left: 6px;
  }

  .insight-severtiy-bg-2 {
    width: 100%;
    height: 2.6vh;
    /* background-color: #000; */
    background: linear-gradient(to right, rgb(182, 244, 146) 0%, rgb(51, 139, 147) 19%);
    /* background: linear-gradient(to top, #c1dfc4 0%, #9cbe9a 10%); */
    border-radius: 50px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 10px;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
  }

  .insight-severtiy-bg-2-2 {
    width: 73%;
    height: 2.6vh;
    background: linear-gradient(to right, rgb(182, 244, 146), rgb(51, 139, 147));
    border-radius: 50px;
    padding-left: 10px;
    color: #fff;
    position: absolute;
    top: 21%;
    right: -1%;
    display: flex;
    align-items: center;
    /* box-shadow: inset 0px 0px 4px 5px rgb(51, 139, 147); */
  }


  .insight-severtiy-bg-2-2-text-1 {
    color: #08415b;
    font-size: 10px;
    font-weight: 500;
    margin-top: 0px;
    margin-left: 6px;
  }

  .insight-severtiy-bg-2-2-text-2 {
    color: #08415b;
    font-size: 13px;
    font-weight: 600;
    line-height: 5px;
    margin-left: 6px;
  }

  .insight-severtiy-bg-3 {
    width: 100%;
    height: 2.6vh;
    /* background-color: #000; */
    background: linear-gradient(to right, rgb(80 189 118) 0.2%, rgb(8, 65, 91) 22%);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-radius: 50px;
    padding-left: 10px;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
  }

  .insight-severtiy-bg-3-3 {
    width: 73%;
    height: 2.6vh;
    background: linear-gradient(114.3deg, rgb(80 189 118)0.2%, rgb(8, 65, 91) 90.5%);
    border-radius: 50px;

    padding-left: 10px;
    color: #fff;
    position: absolute;
    top: 21%;
    right: -1%;
    display: flex;
    align-items: center;
    /* box-shadow: inset 0px 0px 4px 5px rgb(51, 139, 147); */
  }

  .insight-severtiy-bg-3-3-text-1 {
    color: #fff;
    font-size: 10px;
    font-weight: 500;
    margin-top: 0px;
    margin-left: 6px;
  }

  .insight-severtiy-bg-3-3-text-2 {
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    line-height: 5px;
    margin-left: 6px;
  }

  .insight-severtiy-bg-4 {
    width: 100%;
    height: 2.6vh;
    /* background-color: #000; */
    background: linear-gradient(to right, #537895 0%, #09203f 20%);
    border-radius: 50px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 10px;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
  }

  .insight-severtiy-bg-4-4 {
    width: 73%;
    height: 2.6vh;
    background: linear-gradient(to left, #09203f 0%, #194a71 100%);
    border-radius: 50px;
    padding-left: 10px;
    color: #fff;
    position: absolute;
    top: 21%;
    right: -1%;
    display: flex;
    align-items: center;
    /* box-shadow: inset 0px 0px 4px 5px rgb(51, 139, 147); */
  }

  .insight-severtiy-bg-4-4-text-1 {
    color: #fff;
    font-size: 10px;
    font-weight: 500;
    margin-top: 0px;
    margin-left: 6px;
  }

  .insight-severtiy-bg-4-4-text-2 {
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    line-height: 5px;
    margin-left: 6px;
  }

  .contain-insights {
    margin: 0 auto;
    max-width: 41.5vw;
    width: 100%;
  }

  .insight-left-feed-heading-1 {
    font-size: 12px;
    color: #cac9c9;
  }

  .insight-left-feed-heading-2 {
    font-size: 10px;
    color:  #959fa7;
  }

  .insight-left-feed-heading {

    border-bottom: 2px solid #33353f !important;
    padding-bottom: 10px;
    padding-top: 10px;

  }

  .icon-insights {
    width: 150px !important;
    height: 150px !important;
  }

  .item-insights-2 {
    width: 17vw;
  }

  .insights-cve-contain {
    margin: 0 auto;
    max-width: 61vw;
    width: 100%;
  }

  .insights-cve-number {
    font-size: 18px;
    color: #fff;
    display: flex;
    align-items: center;
  }

  .insights-icon-cve {
    font-size: 30px;

    display: flex;
    justify-content: center;
    align-items: center;
  }

  .margin-top-insights{
    margin-top: 2rem;
  }
  #owl-carousel{
    height: 200px;
  }
  .search label input {
    width: 100%;
    height: 40px;
    overflow: hidden;
    border-radius: 5px;
    padding: 5px 20px;
    outline: none;
    color: lightgrey;
    background-color: #3d3f47;
  }
  
  .search label i {
    position: absolute;
    color: rgb(252, 180, 47);
    top: 35%;
    right: 20px;
    font-size: 1.2em;
  }
  .insights-feeds-top-margin{
    margin-top: 2.2rem;
  }
  .insights-mid-or-slider{
    max-width: 16vw ;
    max-height: 170px;
  }
  .height-for-mid-div-insights{
    /* height: 80%; */
    height: 350px;
    background-color: #24262d !important;
    border-radius: 0px !important;
    position: relative;
  }
  
  .height-for-mid-div-insights-2{
    /* height: 40%; */
    height: 165px;
    background-color: #24262d !important;
    border-radius: 0px !important;
    position: relative;
  }

  .margin-1div{
    margin-top: 2.2rem;
    }
    .margin-top-recent{
      margin-top: 1rem;
    }
    .icon-tabs-insights{
      color: #fff;
      font-size: 27px;
      text-align: center;
      /* display: flex;
      justify-content: center;
      align-items: center; */
    }
    .mid-detail-div-insights{
      height: 100%;
      padding-top: 10px;
      padding-left: 20px;
      padding-right: 20px;
    }
    
  .font-size-of-heading{
    font-size: 14px;
    color: #909ba5;
  }
  .padding-top-insights-top{
    padding-top: 0.7rem  !important;
  }
  .insights-feeds-top-margin-2{
    margin-top: 2.5rem;
  }
  .insights-hidden-div{
    opacity: 0;
      position: absolute;
      right: -30%;
      top: 140px;
      width: 25%;
      transition: 0.3s;
      z-index: 1;
      height: 79vh;
  }
  .Heading-bottom-feed{
    display: flex;
    align-items: center;
    font-size: 18px;
    color: #d5dde3;
  }
  .total-insights-tab-font{
    font-size: 20px !important;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .insight-heading-1-sub{
    font-size: 30px;
  }
  .lord-icon{
    width: 150px;
    height: 150px;
  }
}



/* for 1080 monitor */
@media only screen and (min-width: 1700px) {

  .insights-modal-box-height{
    height: 77vh;
  }

  .font-size-of-heading{
    font-size: 18px;
    color: #909ba5;
  }

  .insights-feeds-top-margin{
    margin-top: 5rem;
  }


  #owl-carousel{
    height: 275px;
  }

  .margin-top-insights{
    margin-top: 5rem;
  }

  .div_insghts-height-sub {
    height: 240px !important;
  }

  .icon-insights {
    width: 250px !important;
    height: 250px !important;
  }

  .news-top-os {
    height: 75%;
    width: 80%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f6a821;
    background: linear-gradient(15deg, #13547a 0%, #80d0c7 100%);
  }

  .news-top-os i {
    font-size: 3rem;
    color: #fff;
  }

  .insights-left-panel {
    height: 100vh;
    width: 100%;
    background-color: #262930 !important;
    /* overflow-y: auto; */
  }

  .insights-heading {
    font-size: 55px;
    color: #fff;
    line-height: 1.2;
    display: flex;
    flex-direction: column;
    margin-top:5px ;
  }

  .insights-title {
    font-size: 24px;
    font-weight: 300;
    color: #f6a821;
  }

  .div_height_sub {
    height: 500px;
    background-color: #24262d !important;
    border-radius: 0px !important;
    position: relative;
  }

  .Table_top_cves h5 {
    margin-bottom: 0.6rem !important;
    margin-top: 0px !important;
  }
  .div_height_sub p {
    text-align: justify;
    padding-left: 20px;
    padding-right: 20px;
  }

  .div_height_sub h5 {
    margin-top: 1rem;
    margin-bottom: 1rem;
    color: #fff;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 19px;
  }

  .div_height_main {
    height: 580px;
    background-color: #24262d !important;
  }

  .text_overflow_manage {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: justify;
  }

  .Readmore_btn {
    position: absolute;
    opacity: 0;
    transition: 0.5s;
    bottom: 0px;
    width: fit-content;
    right: 6%;
    background-color: #f6a821;
    color: #fff;
    padding: 0 15px;
    border-radius: 5px;
    /* box-shadow: 0px 0px 5px #f6a821; */
    cursor: pointer;
  }

  .div_height_sub:hover .Readmore_btn {
    opacity: 1;
    bottom: 6%;
  }

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

  .Table_top_cves p {
    border-top: 1px solid #cac9c9;
    width: 100%;
    text-align: center;
    line-height: 2.5;
    margin-bottom: 0px;
  }

  .div_height_graph {
    height: 100px;
    background-color: #24262d !important;
  }

  .blog-slider {
    display: flex;
    width: 100%;
    position: relative;
    max-width: 34vw;
    color: white;
    padding: 25px;
    border-radius: 25px;
    height: 530px !important;
    transition: all 0.3s ease 0s;
  }

  .news-threat-per {
    font-size: 35px;
    color: #fff;
    text-align: center;
  }

  .news-threat-text {
    font-size: 12px;
    text-align: center;
  }

  .news-threat-grid {
    display: grid;
    grid-template-rows: 1fr 1fr;
  }

  .insight-severtiy-bg-1 {
    width: 100%;
    height: 2.5vh;
    /* background-color: #000; */
    /* background: linear-gradient(to right, rgb(182, 244, 146), rgb(51, 139, 147)); */
    /* background: linear-gradient(to right, #c1dfc4 0%, #9cbe9a 0%); */
    background-color: #f6a821;
    border-radius: 50px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 10px;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
  }

  .insight-severtiy-bg-1-1 {
    width: 77%;
    height: 2.5vh;
    /* background: linear-gradient(to right, #c1dfc4 0%, #acdea9 100%); */
    background: linear-gradient(to right, #535968 0%,  #535968 100%);
    border-radius: 50px;
    padding-left: 10px;
    position: absolute;
    top: 20.5%;
    right: -1%;
    display: flex;
    align-items: center;
    /* box-shadow: inset 0px 0px 4px 5px rgb(51, 139, 147); */

  }

  .insight-severtiy-bg-1-1-text-1 {
    color: #08415b;
    font-size: 11px;
    font-weight: 500;
    margin-top: 3px;
    margin-left: 10px;
  }

  .insight-severtiy-bg-1-1-text-2 {
    /* color: #08415b; */
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    line-height: 9px;
    margin-left: 10px;
  }

  .insight-severtiy-bg-2 {
    width: 100%;
    height: 2.5vh;
    /* background-color: #000; */
    background: linear-gradient(to right, rgb(182, 244, 146) 0%, rgb(51, 139, 147) 19%);
    /* background: linear-gradient(to top, #c1dfc4 0%, #9cbe9a 10%); */
    border-radius: 50px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 10px;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
  }

  .insight-severtiy-bg-2-2 {
    width: 77%;
    height: 2.5vh;
    background: linear-gradient(to right, rgb(182, 244, 146), rgb(51, 139, 147));
    border-radius: 50px;
    padding-left: 10px;
    color: #fff;
    position: absolute;
    top: 21%;
    right: -1%;
    display: flex;
    align-items: center;
    /* box-shadow: inset 0px 0px 4px 5px rgb(51, 139, 147); */
  }


  .insight-severtiy-bg-2-2-text-1 {
    color: #08415b;
    font-size: 11px;
    font-weight: 500;
    margin-top: 3px;
    margin-left: 10px;
  }

  .insight-severtiy-bg-2-2-text-2 {
    color: #08415b;
    font-size: 20px;
    font-weight: 600;
    line-height: 9px;
    margin-left: 10px;
  }

  .insight-severtiy-bg-3 {
    width: 100%;
    height: 2.5vh;
    /* background-color: #000; */
    background: linear-gradient(to right, rgb(80 189 118) 0.2%, rgb(8, 65, 91) 22%);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-radius: 50px;
    padding-left: 10px;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
  }

  .insight-severtiy-bg-3-3 {
    width: 77%;
    height: 2.5vh;
    background: linear-gradient(114.3deg, rgb(80 189 118)0.2%, rgb(8, 65, 91) 90.5%);
    border-radius: 50px;

    padding-left: 10px;
    color: #fff;
    position: absolute;
    top: 21%;
    right: -1%;
    display: flex;
    align-items: center;
    /* box-shadow: inset 0px 0px 4px 5px rgb(51, 139, 147); */
  }

  .insight-severtiy-bg-3-3-text-1 {
    color: #fff;
    font-size: 11px;
    font-weight: 400;
    margin-top: 3px;
    margin-left: 10px;
  }

  .insight-severtiy-bg-3-3-text-2 {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    line-height: 9px;
    margin-left: 10px;
  }

  .insight-severtiy-bg-4 {
    width: 100%;
    height: 2.5vh;
    /* background-color: #000; */
    background: linear-gradient(to right, #537895 0%, #09203f 20%);
    border-radius: 50px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 10px;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
  }

  .insight-severtiy-bg-4-4 {
    width: 77%;
    height: 2.5vh;
    background: linear-gradient(to left, #09203f 0%, #194a71 100%);
    border-radius: 50px;
    padding-left: 10px;
    color: #fff;
    position: absolute;
    top: 21%;
    right: -1%;
    display: flex;
    align-items: center;
    /* box-shadow: inset 0px 0px 4px 5px rgb(51, 139, 147); */
  }

  .insight-severtiy-bg-4-4-text-1 {
    color: #fff;
    font-size: 11px;
    font-weight: 400;
    margin-top: 3px;
    margin-left: 10px;
  }

  .insight-severtiy-bg-4-4-text-2 {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    line-height: 9px;
    margin-left: 10px;
  }

  .contain-insights {
    margin: 0 auto;
    max-width: 44.5vw;
    width: 100%;
  }

  .insight-left-feed-heading-1 {
    font-size: 15px;
    color: #cac9c9;
  }

  .insight-left-feed-heading-2 {
    font-size: 12px;
    color: #959fa7;
  }

  .insight-left-feed-heading {

    border-bottom: 2px solid #33353f;
    padding-bottom: 15px;
    padding-top: 15px;

  }

  .item-insights-2 {
    width: 16vw;
  }

  .insights-cve-contain {
    margin: 0 auto;
    max-width: 60vw;
    width: 100%;
  }

  .insights-cve-number {
    font-size: 20px;
    color: #fff;
    display: flex;
    align-items: center;
  }

  .insights-icon-cve {
    font-size: 40px;

    display: flex;
    justify-content: center;
    align-items: center;
  }

  .search label input {
    width: 100%;
    height: 40px;
    overflow: hidden;
    border-radius: 5px;
    padding: 5px 20px;
    outline: none;
    color: lightgrey;
    background-color: #3d3f47;
  }
  
  .search label i {
    position: absolute;
    color: rgb(252, 180, 47);
    top: 35%;
    right: 20px;
    font-size: 1.2em;
  }

  .insights-mid-or-slider{
    max-width: 347px ;
    max-height: 240px;
  }

  .height-for-mid-div-insights{
    /* height: 80%; */
    height: 430px;
    background-color: #24262d !important;
    border-radius: 0px !important;
    position: relative;
  }
  
  .height-for-mid-div-insights-2{
    /* height: 40%; */
    height: 205px;
    background-color: #24262d !important;
    border-radius: 0px !important;
    position: relative;
  }

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

  .margin-top-recent{
    margin-top: 2.5rem;
  }
  .icon-tabs-insights{
    color: #fff;
    font-size: 40px;
    text-align: center;
    /* display: flex;
    justify-content: center;
    align-items: center; */
  }
  .mid-detail-div-insights{
    height: 100%;
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .padding-top-insights-top{
    padding-top: 1.5rem !important;
  }
  .insights-feeds-top-margin-2{
    margin-top: 3rem;
  }
  .insights-hidden-div{
    opacity: 0;
    position: absolute;
    right: -30%;
    top: 157px;
    width: 25%;
    transition: 0.3s;
    z-index: 1;
    height: 79vh;
  }
  .Heading-bottom-feed{
    display: flex;
    align-items: center;
    font-size: 22px;
    color: #d5dde3;
  }

  .total-insights-tab-font{
    font-size: 20px !important;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .insight-heading-1-sub{
    font-size: 30px;
  }

  .lord-icon{
    width: 150px;
    height: 150px;
  }
}






.search-mid {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
}

.search {
  position: relative;
  width: 50vw;
}

.search label {
  position: relative;
  width: 100%;
}


.grid-icon-insights-more-details{
  display: grid;
  grid-template-columns: 1fr 5fr;
}

.search_details_div {
  position: absolute;
  width: 26.5vw;
  color: lightgrey;
  background-color: #3d3f47;
  z-index: 5;
  height: 0vh;
  top: 85%;
  opacity: 0;
  transition: 0.4s ease;
  z-index: -1;
  left: 3%;
}


.search_details_div.active {
  height: auto;
  opacity: 1;
  z-index: 2;
}

#search_table_filter {
  display: none;
}

#search_table_length {
  display: none;
}

#search_table_info {
  display: none;
}

.insight_search_table tbody tr td:first-child {
  border-left: 0px solid #f6a821;
}



/* insight modal on table */


.modal.fade.modal-insight-slide .modal-dialog {
  transform: translate(230%, 0px);
  height: 100%;
  margin: 0%;
}

.modal.fade.modal-insight-slide .modal-dialog .modal-content {
  height: 100%;
}

.modal.show.modal-insight-slide .modal-dialog {
  transform: translate(156%, 0px);
  /* transform: none; */
  max-width: 39%;
}

@media only screen and (min-width: 1600px) {

  .modal.fade.modal-insight-slide .modal-dialog {
    transform: translate(290%, 0px);
    height: 100%;
    margin: 0%;
  }

  .modal.show.modal-insight-slide .modal-dialog {
    transform: translate(156%, 0px);
    /* transform: none; */
  }
}



@media only screen and (max-width: 1400px) {
  .modal.fade.modal-insight-slide .modal-dialog {
    transform: translate(200%, 0px);
    height: 100%;
    margin: 0%;
  }

  .modal.show.modal-insight-slide .modal-dialog {
    transform: translate(156%, 0px);
    /* transform: none; */
  }
}


.news-pop1 {
  /* display: grid;
  grid-template-rows: 1fr 1fr; */
  /* grid-gap: 10px; */
  padding: 0.5rem 0.5rem;
  width: 90%;
  height: 90%;
  position: absolute;
  /* left: 55px; */
  top: 3.5%;
}

/* @media only screen and (min-width: 1400px) {
  .news-pop1 {
    top: 5vh
  }
} */


.news-popleft {
  width: 100%;
  background-color: #3d3f47;
  padding: 1.5rem 1.5rem;
}

.news-popleft i {
  font-size: 40px;
  color: #f6a821;
  filter: drop-shadow(2px 6px 2px black);
  float: right;
}

.news-popleft p {
  font-size: 20px;
  line-height: 30px;
  text-align: left;
  height: auto;
}

.news-popleft .summary {
  font-size: 14px;
  height: auto;
  line-height: 1.2;
}

.news-popleft span {
  position: absolute;
  bottom: 25px;
  left: 25px;
}

.news-popright {
  width: 100%;
  padding: 1.0rem 2rem;
  background-color: #3d3f47;
}

.news-popright div {
  width: 100%;
}

.news-popright p {
  height: 15px !important;
}

.news-popright h2 {
  font-size: 1.5em;
}

.news-popright h2,
.news-popright p {
  text-align: left;
  margin-top: 5px;
  margin-bottom: 0;
}

.news-popright hr {
  margin-top: 0.2rem;
  margin-bottom: 0;
  border: 1px solid lightgrey;
}

.table-news {
  display: table;
  background-color: #3d3f47 !important;
  margin: 0;
  width: 100%;
}

.table-news tbody tr td {
  background-color: #3d3f47 !important;
}

.table-news tbody tr {
  border-bottom: 1px solid darkgrey;
  font-size: 11px;
  width: 100%;
}

.table-news tbody tr td:nth-child(odd) {
  text-align: right;
  color: white;
  width: 50%;
  text-transform: uppercase;
}

.table-news tbody tr td:nth-child(even) {
  text-align: left;
  width: 50%;
  color: lightgray;
}

.table-news tbody tr:last-child {
  border-bottom: 0px;
}

.table-news tbody tr td:nth-child(even) span {
  color: #f6a821;
}

.circlegraph {
  width: 100% !important;
  height: 100px;
  margin-bottom: 5px !important;
  display: flex;
  justify-content: center;
  align-items: center;
}


.radialProgressBar {
  border-radius: 50%;
  /* -webkit-transform: translate(150%, 0%);
  transform: translate(150%, 0%); */
  width: 100px !important;
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: transparent;
  margin: 20px;
}

.radialProgressBar .overlay {
  border-radius: 50%;
  width: 80px;
  height: 80px;
  margin: auto;
  background: rgb(56 58 66);
  text-align: center;
  padding-top: 30%;
}


.progress-20 {
  background-image: -webkit-linear-gradient(72deg, #3d404700 50%, #24262d 50%), -webkit-linear-gradient(left, #028cd5 50%, #3d404700 30%);
  background-image: linear-gradient(18deg, #3d404700 50%, #24262d 50%), linear-gradient(120deg, #028cd5 50%, #3d404700 30%);
}

.progress-40 {
  background-image: -webkit-linear-gradient(144deg, #3d404700 50%, transparent 50%), -webkit-linear-gradient(left, #01e201 50%, #3d404700 50%);
  background-image: linear-gradient(-54deg, #3d404700 50%, transparent 50%), linear-gradient(110deg, #01e201 45%, #3d404700 45%);
}



.progress-60 {
  background-image: -webkit-linear-gradient(120deg, #f6a821 50%, transparent 50%), -webkit-linear-gradient(160deg, #f6a821 50%, #ddd0 50%);
  background-image: linear-gradient(120deg, #f6a821 50%, transparent 50%), linear-gradient(160deg, #f6a821 50%, #ddd0 50%)
}



.progress-80 {
  background-image: -webkit-linear-gradient(120deg, #ff0000 50%, transparent 50%), -webkit-linear-gradient(230deg, #ff0000 50%, #ddd0 50%);
  background-image:linear-gradient(120deg, #ff0000 50%, transparent 50%), linear-gradient(230deg, #ff0000 50%, #ddd0 50%);
}


.new-insight-right-heading {
  font-size: 15px !important;
  line-height: 1.2 !important;
  text-align: justify !important;
  margin-bottom: 0px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 10px !important;
  padding-bottom: 10px;
  border-bottom: 1px solid #cac9c9;
}

.news-graph-grid {
  display: grid;
  grid-template-columns: 3fr 1fr;
}

.news-body-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  padding-left: 15px;
  padding-right: 15px;
}

.news-top-os-bg {
  display: flex;
  justify-content: center;
  margin-top: -10px;
}


.graph-insight-custom-flex {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  height: 90%;
}

.overvirew-os-grid {
  display: grid;
  grid-template-columns: 3fr 6fr;
  grid-gap: 10px;
}

.overvirew-os-grid i {
  font-size: 20px;
  color: #fff;
}

.overview-bar-flex {
  margin-top: 4px;
}

.insight-severtiy-flex {
  display: grid;
  height: 91%;
  grid-template-rows: 1fr 1fr 1fr 1fr;
}

.insight-severtiy-bg {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}



.item-insights {
  /* align-items: center;
  color: white;
  display: flex;
  justify-content: center; */
}

.insights-left-side-padding {
  padding: 20px;
}

.insights-left-heading-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.insight-left-heading-text {
  padding-top: 3.5rem;
}

.Insights-feed-list {
  font-size: 16px;
}

/* .insight-left-slider-bg{
  max-width: 300px;
  max-height:400px;
  width: 100%;
} */




.insights-cve-grid-1 {
  display: grid;
  grid-template-columns: 1fr 6fr;
  padding: 0px 30px;
}

.insights-cve-grid-2 {
  display: grid;
  grid-template-rows: 1fr 2fr;
}



.insights-icon-cve-high {
  color: #f65164;
}

.insights-icon-cve-medium {
  color: #ffd557;
}

.insights-icon-cve-low {
  color: #98ff98;
}

.insights-icon-cve-info {
  color: #738fb8;
}

.insights-cve-severity {
  font-size: 12px;
  font-weight: 800;
  display: flex;
  align-items: center;
}


.insights-cve-severity-critical {
  color: #b51010;
}


.insights-cve-severity-high {
  color: #f65164;
}

.insights-cve-severity-medium {
  color: #ffd557;
}

.insights-cve-severity-low {
  color: #98ff98;
}

.insights-cve-severity-info {
  color: #738fb8;
}



.insights-hidden-div.active {
  opacity: 1;
  right: 0%;
}

.Published-date-insights {
  font-size: 12px;
  margin-top: 10px;
  margin-bottom: 30px;
}

.inisghts-side-pop-heading {
  font-size: 16px;
  color: #fff;
  margin-bottom: 10px;
}

.insight-side-pop-subfeed {
  font-size: 12px;
  text-align: justify;
  margin-bottom: 15px;
}

.insights-owner-details-heading h6 {
  font-size: 20px;
  color: #fff;
}

.grid-insights-owner {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.remediation-details-p-tag-insights {
  font-size: 12px;
  line-height: 1.4;
  text-align: justify;
}

.close-insight-side-div {
  position: absolute;
  top: 40%;
  left: -4%;
  z-index: 1;
  font-size: 35px;
  cursor: pointer;
}

.inisghts-left-bottom-grid {
  display: flex;
  justify-content: center;
  align-items: center;
}


.insights-flex-heading {
  display: flex;
  flex-direction: column;
}

.insight-heading-1 {
  font-size: 40px;
  font-weight: 300;
  color: #c8cfd5;
}

.insight-heading-2 {
  font-size: 17px;
  font-weight: 300;
  color: #9aa2b1;
}

.most-recent-font {
  color: #f7fbfd;
  font-size: 15px;
}



.insights-time-span {
  display: flex;
  flex-direction: row;
  justify-content: end;
}

.insights-center-grid {
  display: grid;
  grid-template-columns: 3fr 3fr 2fr;
}




.grid-nav-for-tab {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  padding-left: 20px;
  padding-right: 20px;
}

.insights-nav-tab.active {
  /* background: linear-gradient(15deg, #13547a 0%, #80d0c7 100%) !important; */
  background-color: #f6a821 !important;
}

.insights-tab-content-height {
  height: 280px;
}



.os-heading-insights {
  font-size: 18px;
  color: #959fa7;
}

.mid-insights-heading {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 19px;
  margin-top: 8px;
  /* text-align: justify; */
}



.total-tab-last-div-grid {
  display: grid;
  grid-template-columns: 3fr 1fr;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
  border-top: 2px solid #33353f;
}


/* prgress-new */

.progress-circle {
  font-size: 10px;
  position: relative;
  /* so that children can be absolutely positioned */
  padding: 0;
  width: 5em;
  height: 5em;
  /* background-color: #F2E9E1;  */
  border-radius: 50%;
  line-height: 5em;
  float: left;
}

.progress-circle:after {
  border: none;
  position: absolute;
  top: 0.4em;
  left: 0.4em;
  text-align: center;
  display: block;
  border-radius: 50%;
  width: 4.2em;
  height: 4.2em;
  background-color: #24262d;
  content: " ";
}

/* Text inside the control */
.progress-circle span {
  position: absolute;
  line-height: 5em;
  width: 5em;
  text-align: center;
  display: block;
  color: #cac9c9;
  z-index: 1;
}

.left-half-clipper {
  /* a round circle */
  border-radius: 50%;
  width: 5em;
  height: 5em;
  position: absolute;
  /* needed for clipping */
  clip: rect(0, 5em, 5em, 2.5em);
  /* clips the whole left half*/
}

/* when p>50, don't clip left half*/
.progress-circle.over50 .left-half-clipper {
  clip: rect(auto, auto, auto, auto);
}

.value-bar {
  /*This is an overlayed square, that is made round with the border radius,
  then it is cut to display only the left half, then rotated clockwise
  to escape the outer clipping path.*/
  position: absolute;
  /*needed for clipping*/
  clip: rect(0, 2.5em, 5em, 0);
  width: 5em;
  height: 5em;
  border-radius: 50%;
  /* border: 0.45em solid rgb(83, 89, 104); */
  border: 0.45em solid #f6a821;
  /*The border is 0.35 but making it larger removes visual artifacts */
  /*background-color: #4D642D;*/
  /* for debug */
  box-sizing: border-box;

}

/* Progress bar filling the whole right half for values above 50% */
.progress-circle.over50 .first50-bar {
  /*Progress bar for the first 50%, filling the whole right half*/
  position: absolute;
  /*needed for clipping*/
  clip: rect(0, 5em, 5em, 2.5em);
  /* background-color: rgb(83, 89, 104); */
  background-color: #f6a821;
  border-radius: 50%;
  width: 5em;
  height: 5em;
}

.progress-circle:not(.over50) .first50-bar {
  display: none;
}


/* Progress bar rotation position */
.progress-circle.p0 .value-bar {
  display: none;
}

.progress-circle.p1 .value-bar {
  transform: rotate(4deg);
}

.progress-circle.p2 .value-bar {
  transform: rotate(7deg);
}

.progress-circle.p3 .value-bar {
  transform: rotate(11deg);
}

.progress-circle.p4 .value-bar {
  transform: rotate(14deg);
}

.progress-circle.p5 .value-bar {
  transform: rotate(18deg);
}

.progress-circle.p6 .value-bar {
  transform: rotate(22deg);
}

.progress-circle.p7 .value-bar {
  transform: rotate(25deg);
}

.progress-circle.p8 .value-bar {
  transform: rotate(29deg);
}

.progress-circle.p9 .value-bar {
  transform: rotate(32deg);
}

.progress-circle.p10 .value-bar {
  transform: rotate(36deg);
}

.progress-circle.p11 .value-bar {
  transform: rotate(40deg);
}

.progress-circle.p12 .value-bar {
  transform: rotate(43deg);
}

.progress-circle.p13 .value-bar {
  transform: rotate(47deg);
}

.progress-circle.p14 .value-bar {
  transform: rotate(50deg);
}

.progress-circle.p15 .value-bar {
  transform: rotate(54deg);
}

.progress-circle.p16 .value-bar {
  transform: rotate(58deg);
}

.progress-circle.p17 .value-bar {
  transform: rotate(61deg);
}

.progress-circle.p18 .value-bar {
  transform: rotate(65deg);
}

.progress-circle.p19 .value-bar {
  transform: rotate(68deg);
}

.progress-circle.p20 .value-bar {
  transform: rotate(72deg);
}

.progress-circle.p21 .value-bar {
  transform: rotate(76deg);
}

.progress-circle.p22 .value-bar {
  transform: rotate(79deg);
}

.progress-circle.p23 .value-bar {
  transform: rotate(83deg);
}

.progress-circle.p24 .value-bar {
  transform: rotate(86deg);
}

.progress-circle.p25 .value-bar {
  transform: rotate(90deg);
}

.progress-circle.p26 .value-bar {
  transform: rotate(94deg);
}

.progress-circle.p27 .value-bar {
  transform: rotate(97deg);
}

.progress-circle.p28 .value-bar {
  transform: rotate(101deg);
}

.progress-circle.p29 .value-bar {
  transform: rotate(104deg);
}

.progress-circle.p30 .value-bar {
  transform: rotate(108deg);
}

.progress-circle.p31 .value-bar {
  transform: rotate(112deg);
}

.progress-circle.p32 .value-bar {
  transform: rotate(115deg);
}

.progress-circle.p33 .value-bar {
  transform: rotate(119deg);
}

.progress-circle.p34 .value-bar {
  transform: rotate(122deg);
}

.progress-circle.p35 .value-bar {
  transform: rotate(126deg);
}

.progress-circle.p36 .value-bar {
  transform: rotate(130deg);
}

.progress-circle.p37 .value-bar {
  transform: rotate(133deg);
}

.progress-circle.p38 .value-bar {
  transform: rotate(137deg);
}

.progress-circle.p39 .value-bar {
  transform: rotate(140deg);
}

.progress-circle.p40 .value-bar {
  transform: rotate(144deg);
}

.progress-circle.p41 .value-bar {
  transform: rotate(148deg);
}

.progress-circle.p42 .value-bar {
  transform: rotate(151deg);
}

.progress-circle.p43 .value-bar {
  transform: rotate(155deg);
}

.progress-circle.p44 .value-bar {
  transform: rotate(158deg);
}

.progress-circle.p45 .value-bar {
  transform: rotate(162deg);
}

.progress-circle.p46 .value-bar {
  transform: rotate(166deg);
}

.progress-circle.p47 .value-bar {
  transform: rotate(169deg);
}

.progress-circle.p48 .value-bar {
  transform: rotate(173deg);
}

.progress-circle.p49 .value-bar {
  transform: rotate(176deg);
}

.progress-circle.p50 .value-bar {
  transform: rotate(180deg);
}

.progress-circle.p51 .value-bar {
  transform: rotate(184deg);
}

.progress-circle.p52 .value-bar {
  transform: rotate(187deg);
}

.progress-circle.p53 .value-bar {
  transform: rotate(191deg);
}

.progress-circle.p54 .value-bar {
  transform: rotate(194deg);
}

.progress-circle.p55 .value-bar {
  transform: rotate(198deg);
}

.progress-circle.p56 .value-bar {
  transform: rotate(202deg);
}

.progress-circle.p57 .value-bar {
  transform: rotate(205deg);
}

.progress-circle.p58 .value-bar {
  transform: rotate(209deg);
}

.progress-circle.p59 .value-bar {
  transform: rotate(212deg);
}

.progress-circle.p60 .value-bar {
  transform: rotate(216deg);
}

.progress-circle.p61 .value-bar {
  transform: rotate(220deg);
}

.progress-circle.p62 .value-bar {
  transform: rotate(223deg);
}

.progress-circle.p63 .value-bar {
  transform: rotate(227deg);
}

.progress-circle.p64 .value-bar {
  transform: rotate(230deg);
}

.progress-circle.p65 .value-bar {
  transform: rotate(234deg);
}

.progress-circle.p66 .value-bar {
  transform: rotate(238deg);
}

.progress-circle.p67 .value-bar {
  transform: rotate(241deg);
}

.progress-circle.p68 .value-bar {
  transform: rotate(245deg);
}

.progress-circle.p69 .value-bar {
  transform: rotate(248deg);
}

.progress-circle.p70 .value-bar {
  transform: rotate(252deg);
}

.progress-circle.p71 .value-bar {
  transform: rotate(256deg);
}

.progress-circle.p72 .value-bar {
  transform: rotate(259deg);
}

.progress-circle.p73 .value-bar {
  transform: rotate(263deg);
}

.progress-circle.p74 .value-bar {
  transform: rotate(266deg);
}

.progress-circle.p75 .value-bar {
  transform: rotate(270deg);
}

.progress-circle.p76 .value-bar {
  transform: rotate(274deg);
}

.progress-circle.p77 .value-bar {
  transform: rotate(277deg);
}

.progress-circle.p78 .value-bar {
  transform: rotate(281deg);
}

.progress-circle.p79 .value-bar {
  transform: rotate(284deg);
}

.progress-circle.p80 .value-bar {
  transform: rotate(288deg);
}

.progress-circle.p81 .value-bar {
  transform: rotate(292deg);
}

.progress-circle.p82 .value-bar {
  transform: rotate(295deg);
}

.progress-circle.p83 .value-bar {
  transform: rotate(299deg);
}

.progress-circle.p84 .value-bar {
  transform: rotate(302deg);
}

.progress-circle.p85 .value-bar {
  transform: rotate(306deg);
}

.progress-circle.p86 .value-bar {
  transform: rotate(310deg);
}

.progress-circle.p87 .value-bar {
  transform: rotate(313deg);
}

.progress-circle.p88 .value-bar {
  transform: rotate(317deg);
}

.progress-circle.p89 .value-bar {
  transform: rotate(320deg);
}

.progress-circle.p90 .value-bar {
  transform: rotate(324deg);
}

.progress-circle.p91 .value-bar {
  transform: rotate(328deg);
}

.progress-circle.p92 .value-bar {
  transform: rotate(331deg);
}

.progress-circle.p93 .value-bar {
  transform: rotate(335deg);
}

.progress-circle.p94 .value-bar {
  transform: rotate(338deg);
}

.progress-circle.p95 .value-bar {
  transform: rotate(342deg);
}

.progress-circle.p96 .value-bar {
  transform: rotate(346deg);
}

.progress-circle.p97 .value-bar {
  transform: rotate(349deg);
}

.progress-circle.p98 .value-bar {
  transform: rotate(353deg);
}

.progress-circle.p99 .value-bar {
  transform: rotate(356deg);
}

.progress-circle.p100 .value-bar {
  transform: rotate(360deg);
}

.total-insights-tab-font {
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.action-col {
  width: 2vw !important;
}

.discription-col {
  width: 6vw !important;
}


@media only screen and (min-width: 1600px) {
  .dt-buttons {
    position: absolute !important;
    left: 11.5% !important;
  }
}

.dt-buttons {
  position: absolute !important;
  left: 15%;
}

.insight-left-feed-heading-1 {

  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}

.insight-left-feed-heading-2 {

  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}


.insight-left-bottom-grid-sub {
  display: grid;
  grid-template-columns: 1fr 2fr;
  grid-gap: 10px;
  margin-top: 20px;
}


.insight-left-feed-heading-2 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}


.Btn-insights-edit {
  position: relative;
  display: flex;
  width: 100%;
  height: 3em;
  border-radius: 0.25em;
  overflow: hidden;
  background-color: #494b54;
  justify-content: center;
  align-items: center;
  transition: 0.2s;
  cursor: pointer;
  margin-top: 1vh;
}


.Btn-insights-edit:hover {
  background-color: #f6a821;
}

.Btn-insights-edit-text {
  color: #fff;
}

.sorting_disabled:after{
  content: '' !important;
}

.sorting_disabled::before{
  content: '' !important;
}

.grid-geodetails-2{
  display: grid;
  grid-template-rows: 1fr 1fr !important;
    grid-gap: 5px;
}


.grid-geodetails-2 span:nth-child(1) {
  color: #fff;
  font-size: 17px;
}

.grid-geodetails-2 span:nth-child(2) {
  padding-left: 20px;
}

.grid-geodetails-2{
  margin-bottom: 20px !important;
}

.mark-as-resloved-btn-modal{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.mark-as-resloved-btn-modal-bg{
  position: relative;
  display: flex;
  width: 70%;
  height: 3em;
  border-radius: 0.25em;
  overflow: hidden;
  background-color: #f6a821;
  justify-content: center;
  align-items: center;
  transition: 0.2s;
  cursor: pointer;
  margin-top: 1vh;
  color: #fff;
}

.risk-high-btn-icon{
  color: #ff001d;
  font-weight: 700;
}

.risk-info-btn-icon{
  color: #089cff;
  font-weight: 700;
}

.btn-grid-modal{
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.false-positive-btn-modal{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.false-positive-btn-modal-bg{
  position: relative;
  display: flex;
  width: 70%;
  height: 3em;
  border-radius: 0.25em;
  overflow: hidden;
  /* background-color: #f6a821; */
  border: 1px solid #e18f01;
  justify-content: center;
  align-items: center;
  transition: 0.2s;
  cursor: pointer;
  margin-top: 1vh;
  color: #fff;
}

.false-positive-btn-modal-bg-2{
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  transition: 0.2s;
  background-color: transparent;
  cursor: pointer;
  color: #fff;
  border: 0px;
}

.risk-medium-btn-icon{
  color: #ffd557;
  font-weight: 700;
}

.risk-low-btn-icon{
  color: #98ff98;
  font-weight: 700;
}


/* alert box remove */
.remove-alert-IT {
  display: grid;
  grid-template-rows: 2fr 2fr 1fr;
}

.alert-icon-IT {
  display: flex;
  justify-content: center;
  align-items: center;
}

.alert-icon-IT i {
  font-size: 4rem;
  /* color: #ff0000; */
  color: #f6a821;
  filter: drop-shadow(0px 0px 6px black);
}

.alert-text-flex {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-top: 0.8rem;
}

.alert-text-flex p {
  line-height: 1.2;
  text-align: center;
}

.remove-close-btn-flex {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}

.remove-btn-alert {
  /* background-color: #ff0000; */
  background-color: transparent;
  color: #fff;
  border-radius: 8px;
  padding: 0.5rem 1.5rem;
  cursor: pointer;
  transition: 0.2s;
  border:2px solid #e18f01;
}

.remove-btn-alert:hover {
  /* box-shadow: 0px 4px 8px black; */
  background-color: #f6a821;
  border-color:transparent ;
}

.close-btn-alert {
  color: #fff;
  border-radius: 8px;
  padding: 0.4rem 1.5rem;
  cursor: pointer;
  border: 2px solid #30343c;
  transition: 0.2s;
}

.close-btn-alert:hover {
  /* box-shadow: 0px 4px 8px black; */
  background-color: #f6a821;
  border: 2px solid transparent;
}

.modal2-for-alert{
  z-index: 1060;
}

.code-search-grade-icon-bg{
  top: 15%;
  left: 4%;
  width: 70px;
  height: 70%;
}


.code-search-grade-icon-bg .fa-gitlab {
  color: #Fc6D26;
}

.code-search-grade-icon-bg .fa-bitbucket {
  color: #0C61DB;
}

.code-search-grade-icon-bg .fa-reddit {
  color: #ff4500;
}

.code-search-grade-icon-bg .fa-stack-overflow {
  color: #F47F24;
}

.code-search-grade-icon-bg .fa-digital-ocean {
  color: #008bcf;
}

.code-search-grade-icon-bg .fa-aws {
  /* background: -webkit-linear-gradient(#105991 75%, #FF9900); */
  color: #FF9900;
}

.code-search-grade-icon-bg .fa-github {
  color: #000000;
}

.code-search-grade-icon-bg .fa-magnifying-glass {
  color: #c7c7c7;
}

.code-search-grade-icon-bg .fa-atlassian {
  color: #0052CC;
}

.code-search-grade-icon-bg .fa-paste {
  color: #c7c7c7;
}

.code-search-grade-icon-bg .fa-trash-can {
  color: #008bcf;
}

/* attack surface pop up */

.attack-surface-div-pop-up {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  right: -100%;
  background-color: #2a2d35;
  opacity: 0;
  transition: 0.5s ease;
  padding-left: 0px;
  padding-right: 0px;
}


.attack-surface-div-pop-up-bg {
  height: 100%;
  width: 100%;
  overflow-y: auto;
}


.attack-surface-div-pop-up.active {
  opacity: 1;
  right: 0%;
}

.close-attack-side-div {
  /* position: absolute; */
  top: 1.5%;
  left: 1.5%;
  z-index: 1;
  font-size: 30px;
  cursor: pointer;
  /* border: 2px solid #c8cfd5; */
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  box-shadow: 0px 0px 5px #000000;
}

.close-attack-side-div i {
  color: #c8cfd5;
}

.attack-surface-tab-flex {
  display: flex;
  /* align-items: center; */
  height: 100%;
  width: 100%;
}

.attacksurface-tab-margin-row {
  margin: 0px;
  height: 100%;
}

.attack-tab-main {
  width: 100%;
}

.attack-tab-link {
  color: #cac9c9;
  height: 14vh;
  border-left: 2px solid transparent;
  transition: 0.2s ease;
  border-bottom: 2px solid #33353f;
}


.attack-tab-link:nth-child(1) {
  border-top: 2px solid #33353f;
}

.attack-tab-link:hover {
  color: #fff;
  text-decoration: none;
}

.attack-tab-link.active {
  background-color: #3d3f47 !important;
  border-left: 2px solid #f6a821;
}

.attack-tab-content-bg {
  height: 100%;
  background-color: #3d3f47;
  border-top: 2px solid #33353f;
  padding-top: 0px;
  padding-bottom: 0px;
}

.tab-attack-surface-btn-bg {
  display: flex;
  align-items: center;
  height: 100%;
  padding-left: 10%;
}

.tab-attack-surface-btn-text {
  font-size: 20px;
}

.tab-pane-main {
  width: 100%;
  height: 100%;
  /* display: flex; */
}

.tab-pane-main1 {
  width: 100%;
  height: 100%;
  transition: 0.7s ease;
}

.tab-pane-main1.active {
  width: 70%;
  height: 100%;
}

.tab-pane-main2 {
  width: 0%;
  height: 100%;
  transition: 0.7s ease;
  opacity: 0;
  background-color: #2a2d35;
}

.tab-pane-main2.active {
  width: 30%;
  height: 100%;
  animation-name: opacitytab;
  animation-delay: 0.3s;
  animation-duration: 0.4s;
  animation-fill-mode: forwards;
}

@keyframes opacitytab {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.Attack-surface-tab-vulnerability {
  display: grid;
  grid-template-rows: 1fr 1fr;
  grid-gap: 10px;
}

.Attack-surface-tab-vulnerability-severity {
  display: flex;
  /* grid-template-columns: 1fr 1fr 1fr 1fr; */
  font-size: 16px;
  /* padding-left: 15px; */
  /* padding-right: 15px; */
  grid-gap: 10px;
}

.Attack-surface-tab-vulnerability-severity-high {
  background-color: #24262d;
  width: fit-content;
  height: 25px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  padding-left: 8px;
  padding-right: 8px;
}

.attack-surface-table-inside-tab-bg {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  text-align: center;
}

.attack-surface-table-inside-tab-bg-heading {
  font-size: 17px;
}

.attack-surface-table-inside-tab-bg-2 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  margin-top: 1rem;
  text-align: center;
  vertical-align: middle;
}

.attack-surface-table-inside-tab-risk-grid {
  display: flex;
  justify-content: space-evenly;
}

.attack-surface-table-inside-tab-risk-High {
  height: 22px;
  width: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ff0000;
  border-radius: 8px;
  color: #fff;
}

.attack-surface-table-inside-tab-risk-Medium {
  height: 22px;
  width: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f6a821;
  border-radius: 8px;
  color: #fff;
}

.attack-surface-table-inside-tab-risk-Low {
  height: 22px;
  width: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #01e201;
  border-radius: 8px;
  color: #fff;
}

.attack-surface-table-inside-tab-risk-Info {
  height: 22px;
  width: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #6c2ee5;
  border-radius: 8px;
  color: #fff;
}

.attack-surface-table-inside-tab-action-flex {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.attack-surface-table-inside-tab-action-flex p {
  margin-bottom: 0px;
}

.attack-surface-vulner-heading {
  font-size: 40px;
  font-weight: 300;
  color: #c8cfd5;
  line-height: 1;
}

.attack-surface-vulner-date-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  padding: 0px 0px 0px 140px;
}

.attack-surface-vulner-date-bg {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 90px;
  height: 35px;
  background-color: #24262d;
  color: #fff;
  cursor: pointer;
}


.attack-surface-vulner-date-bg.active {
  background-color: #f6a821;
}

.attack-surface-vulner-selct-date-bg input {
  background-color: transparent;
}

.attack-surface-vulner-selct-date-bg {
  width: 120px;
}

.attack-result-tab {
  display: grid;
  grid-template-rows: 2fr 3fr 3fr 3fr;
  background-color: #353842;
  margin-left: 4rem;
  margin-right: 4rem;
  border-radius: 20px;
  grid-gap: 15px;
  padding-bottom: 25px;
}

.attack-div-results-heading {
  font-size: 18px;
  font-weight: 600;
  padding-top: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.attack-result-found {
  display: grid;
  grid-template-columns: 1fr 1fr;
  height: 75%;

}

.attack-result-found-sub1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-right: 2px solid #525566;
}

.attack-result-found-sub2 {
  display: flex;
  flex-direction: column;
  padding-left: 30px;
  justify-content: center;
}

.attack-result-found-main-found {
  border-left: 3px solid #e14d4b;
  padding-left: 15px;
}

.attack-result-found-main-heading {
  font-size: 16px;
  color: #fff;
}

.attack-result-found-main-number {
  font-size: 23px;
  color: #fff;
}

.attack-result-resolved {
  display: grid;
  grid-template-columns: 1fr 1fr;
  height: 75%;
}

.attack-result-found-main-resolved {
  border-left: 3px solid #8be3a8;
  padding-left: 15px;
}

.attack-surface-vul-4tab-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  height: 26vh;
  /* background-color: #24262d; */
  background-color: #353842;
  padding: 25px;
}

.attack-surface-vul-4tab-1 {
  border-right: 2px solid #33353f;
  border-bottom: 2px solid #33353f;
  padding: 10px;
}

.attack-surface-vul-4tab-2 {
  border-bottom: 2px solid #33353f;
  padding: 10px;
  /* padding-left: 20px; */
}

.attack-surface-vul-4tab-3 {
  border-right: 2px solid #33353f;
  padding: 10px;
}

.attack-surface-vul-4tab-4 {
  padding: 10px;
  /* padding-left: 20px; */
}

.attack-surface-vul-4tab-flex {
  display: grid;
  grid-template-rows: 3fr 1fr;
  height: 100%;
}

.attack-surface-vul-4tab-flex-sub1 {
  display: grid;
  grid-template-columns: 1fr 4fr ;
  grid-gap: 5px;
}

.attack-surface-vul-4tab-flex-sub2 {
  display: grid;
  grid-template-columns: 1fr 4fr 1fr;
}

.icon-flex-attack {
  display: flex;
  justify-content: center;
}

.icon-bg-attack {
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  border: 1px solid #33353f;
  height: 30px;
  width: 30px;
}

.icon-bg-attack-2 {
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 8px;
  border: 1px solid #33353f;
  height: 20px;
  width: 20px;
}

.text-size-attack-num {
  font-size: 25px;
  color: #ffffff;
}

.color-text-fade {
  color: #909ba5;
}

.color-text-white {
  color: #fff;
}

.severity-attack-div {
  display: grid;
  /* grid-template-rows: 1fr 1fr 1fr 1fr; */
  grid-template-columns: 1fr 1fr;
  height: 80%;
  padding-left: 20px;
  padding-right: 30px;
}

.severity-attack-div-grid {
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
}

.severity-attack-div-top-heading-flex {
  display: flex;
  justify-content: space-between;
  padding: 0px 5px;
}


.ipaction-div {
  position: absolute;
  right: -100%;
  top: 0%;
  height: 100%;
  width: 100%;
  transition: 0.3s ease;
  background-color: #21212163;
  z-index: 9999;
}


.ipaction-div.active {
  right: 0%;
  backdrop-filter: blur(5px);
}



.ipaction-div-main {
  width: 70%;
  height: 92%;
  background-color: #3d3f47;
  right: 0%;
  position: absolute;
  transition: 0.9s ease;
  opacity: 0;
  margin: 9px;
  border-radius: 10px;
  padding: 3rem 3rem 3rem 3rem;
  top: 6%;
}

.ipaction-div-main.active {
  opacity: 1;
}

.ipaction-div2 {
  position: absolute;
  right: -100%;
  top: 0%;
  height: 100%;
  width: 100%;
  transition: 0.3s ease;
  background-color: #21212163;
  z-index: 9999;
}


.ipaction-div2.active {
  right: 0%;
  backdrop-filter: blur(5px);
}



.ipaction-div-main2 {
  width: 70%;
  height: 92%;
  background-color: #3d3f47;
  right: 0%;
  position: absolute;
  transition: 0.9s ease;
  opacity: 0;
  margin: 9px;
  border-radius: 10px;
  padding: 3rem 3rem 3rem 3rem;
  top: 6%;
}

.ipaction-div-main2.active {
  opacity: 1;
}

.close-attack-side-div-2 {
  position: absolute;
  top: 50%;
  left: -2%;
  background-color: #3d3f47;
  padding: 5px 20px;
  border-radius: 50%;
  cursor: pointer;
  padding-left: 18px;
}

.ip-details-bg {
  margin-top: 1rem;
}

.ip-details-heading {
  font-size: 22px;
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
  /* border-bottom: 1px solid #1e1e23; */
  border-bottom: 2px solid #f6a821;

}

.ip-details-grid {
  display: grid;
  grid-template-columns: 2fr 3fr;
  font-size: 14px;
  padding-bottom: 10px;
  padding-top: 10px;
  border-bottom: 1px solid #444549;
}

.ip-details-grid-heading {
  font-weight: 600;
  color: #fff;
}

.attack-ip-details-grid-port {
  display: grid;
  grid-template-columns: 2fr 3fr;
}

.attack-ip-details-grid-port-2 {
  display: grid;
  grid-template-columns: 2fr 3fr;
  font-size: 14px;
  border-bottom: 1px solid #32333b;
  padding-top: 11px;
  padding-bottom: 11px;
  vertical-align: middle;
}

.background-card-attack-margin:hover{
  box-shadow: 0px 0px 5px #f6a821;
  cursor: pointer;
}

.attack-div-ip-port-height {
  height: 29.5vh;
  overflow-y: auto;
}


.attack-div-ip-port-height-2_1 {
  height: 26vh;
  /* overflow-y: auto; */
}

.attack-div-ip-port-height-2_2 {
  height: 42vh;
  /* overflow-y: auto; */
}

/* .hr-for-attack-ip{
  height: 2px;
  background-color: #000;
  margin-top: 10px;
} */

.attack-surface-vul-port-serv {
  background-color: #353842 !important;
  padding: 2.2rem !important;
  margin-top: 1rem;
}

.attack-surface-vul-details {
  box-shadow: 0px 1px 22px -12px #000000ab;
  color: #949ba2;
  border-radius: 8px;
  margin-bottom: 20px;
  background-color: #353842;
  /* background-color: #24262d; */
  padding: 2.2rem;
}

.ip-details-bg-overflow {
  height: 85%;
  overflow-y: auto;
}

.table-bg-attack-ipdetails {
  padding: 0.7rem;
  box-shadow: 0px 1px 22px -12px #000000ab;
  color: #949ba2;
  border-radius: 8px;
  background-color: #353842;
}

.table-bg-attack-ipdetails table tr {
  background-color: transparent !important;
}

.ssl_tls_domain-flex {
  display: grid;
  grid-template-columns: 1fr 6fr;
}

.ssl_tls_domain-heading {
  font-size: 25px;
  font-weight: 500;
  color: #cac9c9;

}

.ssl_tls_domain-heading-sub {
  font-size: 16px;
  font-weight: 400;
  padding-left: 0rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-right: 11rem;
}

.ssl-details-domain-bg-flex {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-top: 1rem;
}

.ssl-details-domain-bg {
  padding: 2rem;
  box-shadow: 0px 1px 22px -12px #000000ab;
  color: #949ba2;
  border-radius: 8px;
  /* background-color: #2a2d35; */
  background-color: #353842;
  height: 100%;
  width: 700px;
}

.ssl-details-grid {
  display: grid;
  grid-template-columns: 1fr 2fr;
  margin-bottom: 0.5rem;
}

.ssl-details-grid-sub1 {
  font-size: 15px;
  font-weight: 600;
}

.ssl-details-grid-sub2 {
  font-size: 15px;
  /* color: #fff; */
  font-weight: 300;
  word-break: break-all;
}

.heading-ssl-details-border {
  border-bottom: 1px solid #f6a821;
  margin-bottom: 0.5rem;
  padding-bottom: 0.5rem;
}

.ssl-scan-attack-vul-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-gap: 2rem;
  margin-top: 1rem;

}

.ssl-scan-attack-vul-bg {
  padding: 1rem;
  color: #949ba2;
  border-radius: 8px;
  /* background-color: #2a2d35; */
  background-color: #353842;
  height: 70px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 22px;
  font-weight: 400;
}

.ssl-scan-attack-vul-bg.active {
  /* box-shadow: 0px 0px 22px 0px #000000ab; */
  color: #f6a821;
  background-image: linear-gradient(310deg, #24262d, #30343c);
  box-shadow: 2px 2px 5px black;
}

.dark-web-attack-bg {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-top: 5rem;
}

.dark-web-attack-card {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 4.5rem;
}

.dark-web-attack-card-bg {
  padding: 1rem;
  /* color: #949ba2; */
  border-radius: 5px;
  /* background-color: #353842; */
  background-image: linear-gradient(310deg, #24262d, #30343c);
  box-shadow: 2px 2px 5px black;
  height: 140px;
  width: 66%;
}

.dark-web-attack-card-grid-content {
  display: grid;
  grid-template-rows: 1fr 2fr;
  height: 100%;
}

.dark-web-attack-card-grid-content-icon {
  font-size: 3rem;
  text-align: center;
  filter: drop-shadow(0 10px 4px #1c1e27);
  /* margin-top: -15px; */
}

.dark-web-attack-card-grid-content-icon-heading {
  font-size: 1rem;
  color: #cac9c9;
  text-align: center;
}

.dark-web-attack-card-grid-content-icon-heading-2 {
  color: #f6a821;
  font-size: 1.8rem;
  text-align: center;
}

.dark-web-attack-card-grid-content-text-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.dark-web-attack-card-grid-content-icon-email {
  color: #fcb42f;
}

.dark-web-attack-card-grid-content-icon-pass {
  color: #e80606;
}

.dark-web-attack-card-grid-content-icon-user {
  color: #0096FF85;
}

.dark-web-attack-card-grid-content-icon-contact {
  color: #f47f24;
}

.dark-web-attack-card-grid-content-icon-ip {
  color: #2AFF0085;
}

.dark-web-attack-card-grid-content-icon-database {
  color: silver;
}

.dark-web-attack-slide-leaked-bg {
  margin-top: 4rem;
  position: relative;
  height: 84%;
}

.dark-web-attack-slide-heading {
  font-size: 20px;
  font-weight: 300;
  color: #c8cfd5;
  text-align: center;
  margin-bottom: 6%;
}

.dark-web-attack-leaked-slider {
  line-height: 3;
  padding-left: 10px;
}

.dark-web-attack-surface-btn-read-more {
  position: absolute;
  bottom: 0%;
  right: 0%;
}

.dark-web-attack-surface-btn-read-more-bg {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 90px;
  height: 35px;
  background-color: #f6a821;
  color: #fff;
  cursor: pointer;
  border-radius: 5px;
}

.web-security_domain-flex {
  display: grid;
  grid-template-columns: 1fr 5fr;
}

.web-security_details_grid {
  display: grid;
  grid-template-columns:1fr 5fr 5fr;
}

.web-security_details_grid-bg {
  margin-top: 2.5rem;
  padding: 0.7rem;
  /* box-shadow: 0px 1px 22px -12px #000000ab; */
  /* border-radius: 8px; */
  background-color: #353842;
}

.web-security_details_heading {
  font-size: 18px;
  font-weight: 500;
  color: #909ba5;
}

.web-security_details_heading_sub {
  color: #cac9c9;
  line-height: 3;
}

.web-security_details_grid-bg_2 {
  height: 26.5vh;
  overflow-y: auto;
}

.table-bg-attack-web-security {
  padding: 0.7rem;
  /* box-shadow: 0px 1px 22px -12px #000000ab; */
  color: #949ba2;
  border-radius: 8px;
  background-color: #353842;
  margin-top: 1.4rem;
}


.table-bg-attack-web-security table tr {
  background-color: transparent !important;
}

.table-bg-attack-web-security table tr td .alert {
  padding: 0.1rem 1.25rem;
  border-radius: 8px;
  font-weight: 600;
  margin: 0;
}

.dark-web-attack-main-grid {
  display: grid;
  grid-template-rows: 2fr 1fr;
  margin-top: 4rem;
  height: 67vh;
}

.dark-web-attack-main-grid-1 {
  display: grid;
  grid-template-columns: 1fr 2fr;
}

.dark-web-attack-main-grid-1_1 {
  display: grid;
  grid-template-rows: 1fr 1fr;
  height: 100%;
}

.dark-web-attack-main-grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}


.new-table2 {
  table-layout: fixed;
  position: relative;
}

.new-table2 thead tr th {
  text-align: center;
}

.new-table2 tbody tr td {
  /* width: fit-content !important; */
  height: 0vh !important;
  white-space: -moz-pre-wrap !important;
  /* Mozilla, since 1999 */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  white-space: pre-wrap !important;
  /* css-3 */
  word-wrap: break-word !important;
  /* Internet Explorer 5.5+ */
  white-space: -webkit-pre-wrap !important;
  /* Newer versions of Chrome/Safari*/
  word-break: break-all !important;
  white-space: normal !important;
  border-bottom: 2px solid rgb(50, 51, 59);
  border-top: 0px solid rgb(50, 51, 59);
  border-left: 1px solid rgb(50, 51, 59);
  border-right: 1px solid rgb(50, 51, 59);
  text-align: center;
  padding: 7px 0px;
}

.network-security-attack-modal-heading {
  font-size: 32px;
  text-align: center;
}

.network-security-attack-modal-description-heading {
  font-size: 25px;
  color: #909ba5;
  margin-top: 2rem;
}

.network-security-attack-modal-description-para {
  font-size: 18px;
  margin-top: 0.6rem;
  text-align: justify;
}

.globe-div-attack-surface-height{
  height: 53.5vh; 
  background-color: transparent !important;
  box-shadow: none; 
  position: relative;
}
.graph-div-attack-surface-height{
  height: 59.5vh; 
  background-color: transparent !important; 
  box-shadow: none;
}
.margin-top-for-domain-attack{
  height: 43vh;
  margin-top: 5px;
}

.attack-div-result-2{
  margin-top: 2.5rem;
}

.height-attack-card-details{
  height: 20vh; 
  background-color: transparent !important;
  box-shadow: none;
}
.new-table4 tbody tr td {
  height: 8vh !important;
  background-color: #353842;
  vertical-align: middle;
    white-space: -moz-pre-wrap !important;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: pre-wrap !important;
    word-wrap: break-word !important;
    white-space: -webkit-pre-wrap !important;
    /* word-break: break-all !important; */
    white-space: normal !important;
    border-bottom: 2px solid rgb(50, 51, 59);
    border-top: 0px solid rgb(50, 51, 59);
    border-left: 1px solid rgb(50, 51, 59);
    border-right: 1px solid rgb(50, 51, 59);
    text-align: center;
}

.new-table-network tbody tr td{
  height: 1vh !important;
  background-color: #353842;
  vertical-align: middle;
    white-space: -moz-pre-wrap !important;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: pre-wrap !important;
    word-wrap: break-word !important;
    white-space: -webkit-pre-wrap !important;
    word-break: break-all !important;
    white-space: normal !important;
    border-bottom: 2px solid rgb(50, 51, 59);
    border-top: 0px solid rgb(50, 51, 59);
    border-left: 1px solid rgb(50, 51, 59);
    border-right: 1px solid rgb(50, 51, 59);
    text-align: center;
}

.new-table5 tbody tr td {
  height: 9vh !important;
  background-color: #353842;
  vertical-align: middle;
    white-space: -moz-pre-wrap !important;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: pre-wrap !important;
    word-wrap: break-word !important;
    white-space: -webkit-pre-wrap !important;
    word-break: break-all !important;
    white-space: normal !important;
    border-bottom: 2px solid rgb(50, 51, 59);
    border-top: 0px solid rgb(50, 51, 59);
    border-left: 1px solid rgb(50, 51, 59);
    border-right: 1px solid rgb(50, 51, 59);
    text-align: center;
    border-bottom: 0px;
} 

.network-service .dataTables_info{
  display: none;
}


.port-attack-heading-1{
  font-size: 33px;
}

.ssl-details-height{
  height: 47vh;
}

.background-card-attack-margin{
  height: 12vh !important;
}

.globe-div {
  margin-top: -18% !important;
}
.sub-attack-heading {
  font-size: 1.3rem ;
}
.accordion-attack-dark-height{
  height: 54vh;
}
.prev-btn-attack-surface-domain{
  position: absolute;
  font-size: 1.2em;
  color: #cac9c9;
  border: 2px solid #cac9c9;
  border-radius: 5px;
  padding: 0px 8px;
  font-weight: 500;
  top: 4%;
  left: 3%;
  z-index: 99;
  cursor: pointer;
  width: fit-content;
}
/* for 1080p attack */

@media only screen and (max-width: 1650px) {
  .sub-attack-heading {
    font-size: 0.9rem ;
  }
  .prev-btn-attack-surface-domain{
    position: absolute;
    font-size: 1.2em;
    color: #cac9c9;
    border: 2px solid #cac9c9;
    border-radius: 5px;
    padding: 0px 8px;
    font-weight: 500;
    top: 10%;
    left: 3%;
    z-index: 99;
    cursor: pointer;
    width: fit-content;
  }
  .accordion-attack-dark-height{
    height: 43vh;
  }
  .globe-div {
    margin-top: -14% !important;
  }
  .card-attack-right-text-num{
    line-height: 1.2;
  }
  .attack-div-result-2{
    margin-top: 1.5rem;
  }
  .background-card-attack-margin{
    height: 12vh !important;
  }

  .ssl-details-height{
    height: 44vh;
  }

  .ssl-scan-attack-vul-bg {
    font-size: 14px;
    height: 50px;
  }

  .web-security_details_grid-bg{
    margin-top: 1.5rem;
  }

  .margin-top-for-domain-attack{
    height: 42vh;
  }
  .table-bg-attack-web-security {
    margin-top: 0rem;
  }

  .graph-div-attack-surface-height{
    height: 54vh; 
  }

  .globe-div-attack-surface-height{
    height: 48.3vh; 
    background-color: transparent !important;
    box-shadow: none; 
    position: relative;
  }
  .attack-surface-vulner-date-grid {
    padding: 0px 0px 0px 40px;
  }

  .dark-web-attack-card {
    margin-bottom: 1rem;
  }

  .dark-web-attack-main-grid {
    height: 49vh;
  }

  .dark-web-attack-card-bg {
    height: 110px;
    width: 70%;
  }

  .dark-web-attack-card-grid-content-icon-heading-2 {
    font-size: 1.2rem;
  }

  .dark-web-attack-card-grid-content-icon {
    font-size: 2.4rem;
  }

  .dark-web-attack-card-grid-content-icon-heading {
    font-size: 0.7rem;
  }

  .dark-web-attack-slide-leaked-bg {
    height: 100%;
  }

  .attack-div-results-heading {
    font-size: 16px;
    padding-top: 0px;
  }

  .attack-result-found-main-heading {
    font-size: 14px;
  }

  .attack-result-found-main-number {
    font-size: 17px;
  }

  .attack-result-tab {
    padding-bottom: 16px;
    grid-gap: 5px;
    margin-top: 0rem !important;
  }

  .attack-result-tab-web{
    margin-top: 1.5rem !important;
  }

  .attack-surface-vul-4tab-grid {
    padding: 5px;
  }

  .attack-surface-vul-4tab-flex-sub1 {
    margin-right: 0px;
  }

  .text-size-attack-num {
    font-size: 18px;
  }

  .attack-surface-vul-4tab-flex {
    grid-template-rows: 2fr 1fr;
  }

  .attack-surface-vulner-heading {
    font-size: 32px;
  }

  .margin-top-for-ssl-attack {
    height: 46vh !important;
    margin-top: 5px !important;
  }

  .margin-top-for-ssl-attack-2 {
    margin-top: 30px !important;
  }

  .icon-bg-attack {
    font-size: 9px;
    height: 25px;
    width: 25px;
  }

  .web-security_details_grid-bg_2 {
    height: 29.5vh;
  }

  .web-security_details_heading_sub {
    line-height: 2.4;
  }

  .ipaction-div-main {
    padding: 2rem 2rem 2rem 2rem;
  }

  .attack-div-ip-port-height {
    height: 21.8vh;
  }

  .attack-div-ip-port-height-2 {
    height: 38vh;
  }

  .new-table2 tbody tr td {
    padding: 0px 0px;
  }

  .network-security-attack-modal-heading {
    font-size: 28px;
    text-align: center;
  }

  .network-security-attack-modal-description-heading {
    font-size: 21px;
    color: #909ba5;
    margin-top: 2rem;
  }

  .network-security-attack-modal-description-para {
    font-size: 15px;
    margin-top: 0.6rem;
    text-align: justify;
  }
  .Heading-domain-attack-surface-phishing{
    font-size: 20px !important;
    margin-top: 2rem;
  }
  .doamin-attack-vul-bg{
    font-size: 14px !important;
    height: 50px !important;
  }
}


.attack-surface-card-responsive .col-lg-4 {
  padding-left: 0.5vw ;
  padding-right: 0.5vw ;
 }

/* for 720p attack */

@media only screen and (max-width: 1400px) {
  .globe-div {
    margin-top: -14% !important;
  }
  .accordion-attack-dark-height{
    height: 43vh;
  }
  .sub-attack-heading {
    font-size: 0.8rem !important;
  }
 .port-attack-heading-1{
    font-size: 25px;
 }
 .ssl-select-width{
  width: 80% !important;
 }
 .attack-result-found-main-heading {
  font-size: 14px;
}
.Heading-domain-attack-surface-phishing{
  margin-top: 1.5rem;
}
.attack-surface-vul-port-serv{
  padding: 1.67rem !important;
}
 .ssl-details-height{
  height: 42vh;
}
.dark-web-attack-main-grid{
margin-top: 2rem;
}
.ssl-scan-attack-vul-grid {
  margin-top: 0rem;
}
  .doamin-attack-vul-bg{
    font-size: 14px !important;
    height: 50px !important;
  }
  .new-table4 tbody tr td, .new-table5 tbody tr td{
    height: 7vh !important;
  }
  .port-attack-heading-1

  .Heading-domain-attack-surface-phishing{
    margin-top: 0.8rem ;
  }
  .graph-div-attack-surface-height{
    height: 49.4vh;
  }

  .globe-div-attack-surface-height{
    height: 45vh !important;
  }
  .background-card-attack-margin{
    margin-bottom: 1rem !important;
  }

  .height-attack-card-details{
    height: 34vh; 
    background-color: transparent !important;
    box-shadow: none;
    margin-bottom: 0rem !important;
  }

  /* .globe-div{
    margin-top: -21% !important;
  } */

  .margin-top-for-vul-main{
    margin-top: 0rem !important;
  }

  .attack-surface-vulner-heading {
    font-size: 23px;
    padding: 0.5rem ;
  }
  .attack-div-result-2{
    height: 91%;
  }

  .attack-surface-vulner-heading-first {
    padding: 0rem !important;
  }
  .attack-surface-vulner-date-grid {
    padding: 0px 0px 0px 0px;
  }

  .attack-surface-vulner-date-bg {
    height: 30px;
    width: 94px;
    font-size: 12px;
  }

  .attack-result-tab {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .attack-result-found-main-number {
    font-size: 14px;
  }

  .attack-result-found-main-number {
    font-size: 11px;
  }

  .text-size-attack-num {
    font-size: 12px;
  }

  .dark-web-attack-leaked-slider {
    line-height: 2;
  }

  .ssl_tls_domain-flex {
    grid-template-columns: 1fr 4fr;
  }

  .ssl-details-grid-sub1 {
    font-size: 15px;
  }

  .ssl-details-grid-sub2 {
    font-size: 15px;
  }

  .ssl-details-grid {
    margin-bottom: 0.2rem;
  }

  .margin-top-for-ssl-attack {
    height: 40vh !important;
  }

  .ssl-scan-attack-vul-bg {
    font-size: 14px;
    height: 50px;
  }

  .web-security_details_grid-bg_2 {
    height: 28.5vh;
  }
  .ip-details-grid{
    font-size: 12px;
  }
  .attack-div-ip-port-height{
    height: 19vh;
  }
  .attack-div-ip-port-height-2{
    height: 45vh;
    padding: 1.5rem ;
  }
  .ip-details-bg-overflow{
    height: 77%;
  }
  .margin-top-fortable-network{
    margin-top: 0rem !important;
  }

  .margin-top-for-ipaction-table{
    margin-top: 0rem !important;
  }

  .attack-heading-font-size{
    font-size: 24px !important;
    line-height: 2.5 !important ;
  }

  .graph-heading-attack{
    font-size: 30px !important;
  }

  .attack-surface-management-title{
   font-size: 21px;
  }

  .attack-surface-vul-4tab-1 {
    padding: 5px;
  }
  
  .attack-surface-vul-4tab-2 {
    padding: 5px;
  }
  
  .attack-surface-vul-4tab-3 {
    padding: 5px;
  }

  .attack-surface-vul-4tab-4 {
    padding: 5px;
  }
  .attack-surface-vul-4tab-grid{
    height: 25vh;
  }
  .icon-bg-attack-2{
    height: 17px;
    width: 17px;
  }
}



.domain-details-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 0.5rem;
  position: relative;
  padding-right: 0.8rem;
}

.domain-details-domain-bg {
  padding: 2rem;
}

.Heading-domain-attack-surface-phishing {
  font-size: 25px;
  /* font-weight: 300; */
  color: #c8cfd5;
}

.domain-phishing-overflow-attack {
  padding-bottom: 1.5rem;
  overflow-x: auto;
}

.domain-attack-vul-grid {
  margin-top: 1rem !important;
  display: flex;
}

.doamin-attack-vul-bg {
  padding: 1rem;
  color: #949ba2;
  border-radius: 8px;
  background-color: #353842;
  height: 70px;
  width: fit-content;
  /* display: block; */
  font-size: 22px;
  font-weight: 400;
  margin-right: 1rem;
  /* float: left; */
  white-space: nowrap;
}

.doamin-attack-vul-bg.active {
  /* box-shadow: 0px 0px 22px 0px #000000ab; */
  color: #f6a821;
  background-image: linear-gradient(310deg, #24262d, #30343c);
  box-shadow: 2px 2px 5px black;
}

.domain-subdomain-attack-surface-up {
  /* font-size: 50%; */
  color: chartreuse;
  text-transform: uppercase;
}

.domain-subdomain-attack-surface-down {
  /* font-size: 50%; */
  color: red;
  text-transform: uppercase;
}

.new-table4 thead tr th , .new-table5 thead tr th {
  background-color: #252628;
}

.new-table4 thead tr th  {
  text-align: center;
}


.new-table4 tbody tr td p , .new-table5 tbody tr td p{
  margin-bottom: 0px;
  word-break: break-all;
}

.new-table4{
  width: 100% !important;
}

.network-security-attack-modal-bg {
  padding: 2rem;
  height: 95vh;
  overflow-y: auto;
}

.mark-as-resloved-btn-modal {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.mark-as-resloved-btn-modal-bg {
  position: relative;
  display: flex;
  width: 70%;
  height: 3em;
  border-radius: 0.25em;
  overflow: hidden;
  background-color: #f6a821;
  justify-content: center;
  align-items: center;
  transition: 0.2s;
  cursor: pointer;
  margin-top: 1vh;
  color: #fff;
}


.false-positive-btn-modal {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.false-positive-btn-modal-bg {
  position: relative;
  display: flex;
  width: 70%;
  height: 3em;
  border-radius: 0.25em;
  overflow: hidden;
  /* background-color: #f6a821; */
  border: 1px solid #e18f01;
  justify-content: center;
  align-items: center;
  transition: 0.2s;
  cursor: pointer;
  margin-top: 1vh;
  color: #fff;
}

.false-positive-btn-modal-bg-2 {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  transition: 0.2s;
  background-color: transparent;
  cursor: pointer;
  color: #fff;
  border: 0px;
}

.btn-margin-network-attack {
  margin-top: 2rem;
}

@media only screen and (min-width: 1600px) {
  .dt-buttons {
    position: absolute !important;
    left: 11.5% !important;
  }
}

.dt-buttons {
  position: absolute !important;
  left: 15%;
}

/* client support  */

.ticket-support-card-grid{
  display: grid;
  grid-template-columns: 2fr 3fr;
  height: 100%;
}

.ticket-support-card-flex{
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #24262d ;
  border-radius: 5px;
  padding: 10px;
  box-shadow: 0px 1px 22px -12px #000000ab;
}

.ticket-support-card-img img{
  width: 10vw;
  height: auto;
 filter: drop-shadow(2px 4px 6px black);
}

.ticket-support-card-text-grid{
  display: grid;
  grid-template-rows: 1fr 1fr 1fr;
  height: 100%;
}

.ticket-support-card-text-1{
  font-size: 16px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  color: #fff;
}

.ticket-support-card-text-2{
  font-size: 14px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  color: #c8cfd5;
}

.ticket-support-card-text-3{
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.ticket-support-card-text-btn{
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  padding: 2px 10px;
  background-color: #f6a821;
  color: #fff;
  border-radius: 5px;
  cursor: pointer;
}

.back-btn-tickts{
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  padding: 2px 10px;
  background-color: #f6a821;
  color: #fff;
  border-radius: 5px;
  cursor: pointer;
  font-size: 18px;
}


.btn-for-ticket-response{
  position: relative;
  display: flex;
  width: 70%;
  height: 3em;
  border-radius: 0.25em;
  overflow: hidden;
  /* background-color: #f6a821; */
  border: 1px solid #e18f01;
  justify-content: center;
  align-items: center;
  transition: 0.2s;
  cursor: pointer;
  margin-top: 1vh;
  color: #fff;
  }
  
  
  .btn-for-ticket-response.disabled{
  border: 1px solid #cac9c9;
  }
  
  .btn-for-ticket-response:hover{
  background-color: #f6a821;
  }
  
  .false-positive-btn-modal-bg-2.disabled{
  cursor: not-allowed !important;
  }
  
  .false-positive-btn-modal-bg-2.disabled:hover{
  background-color: #cac9c9;
  }
  
  .code-terminal-bg{
    width: 100%;
    padding: 5%;
    border-radius: 8px;
    background-image: linear-gradient(310deg, #24262d, #30343c);
    box-shadow: 2px 2px 5px black;
    margin-bottom: 1rem;
  }



  .admin_nav li button {
    padding: 0.4rem 2rem;
    color: #cac9c9;
    text-decoration: none;
    outline: none;
    border: none;
    background: none;
    /* margin-bottom: 0.4rem; */
    width: 94%;
    text-align: left;
    /* margin-left: 1.5rem; */
    border-radius: 8px;
  }

  .admin_nav li.active{
   border-left: 3px solid #f6a821;
  }

  .admin_nav li{
    margin-bottom: 0.7em;
   }

  .admin_nav li.active a{
    border-left: 0px solid #f6a821 !important;
   }

  
  .admin_nav li button:hover {
    background-color: #f6a821;
    color: #fff;
  }

  /* admin */

.admin_agreement_card_padding{
  /* padding: 0.rem; */
}

.admin_agreement_card_heading{
  font-size: 1.2em;
  /* color: #c8cfd5; */
  color: #fff;
}

.admin_agreement_card_btn{
  width: fit-content;
  padding: 0px 10px;
  margin-top: 0.3rem;
  cursor: default;
}

.admin_agreement_card_grid{
  display: grid;
  grid-template-columns: 4fr 2fr;
  grid-gap: 10px;
  height: 47px;
}

.admin_agreement_card_btn_flex{
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}

.admin_agreement_sub_details strong, .admin_agreement_sub_details span{
  color:#cac9c9; 
  font-size: 0.9em;
}

.admin_agreement_more_btn{
  width: fit-content;
  background-color: #f6a821;
  color: #fff;
  border-radius: 3px;
  padding: 0px 5px;
  margin-top: 0.4em;
  cursor: pointer;
  font-size: 0.98em;
}

.admin_agreement_modal_box_heading_grid{
  display: grid;
  grid-template-columns: 2fr 7fr;
  padding: 2rem !important;
  grid-gap: 10px;
}

.admin_agreement_modal_icon-bg{
  background-color: #24262d ;
  box-shadow: -2px 2px 5px black;
  width: 10vh;
  height: 10vh;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2.6em;
}

.admin_agreement_modal_icon-bg-flex{
  display: flex;
  /* justify-content: center; */
  align-items: center;
}

.admin_agreement_modal_box_heading_text{
  font-size: 1.4em;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
}

.admin_agreement_modal_grid_details{
  display: grid;
  grid-template-columns: 2fr 3fr;
}

/* .admin_agreement_modal_module_bg{

} */

.admin_agreement_modal_grid_details_2{
  font-size: 1.1em;
  margin-bottom: 0.5rem;
  display: grid;
  grid-template-columns: 4fr 3fr 3fr;
  padding-right: 1rem;
}

.admin_agreement_modal_grid_details_2 input{
 height: 1.7rem;
}

.admin_agreement_modal_grid_details_2_heading div{
  color: #fff;
  font-weight: 500;
  font-size: 18px;
}

.admin_agreement_modal_grid_details_2_heading{
  display: grid;
  grid-template-columns: 4fr 4fr 4fr;
}

.admin_user_status_modal_box_heading_text{
  font-size: 1.4em;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    flex-direction: column;
}

.admin_user_status_modal_grid_details{
  display: grid;
  grid-template-columns: 2fr 4fr;
}

.admin_user_status_modal_grid_details div {
  font-size: 1.1em;
  margin-bottom: 0.5em;
}

.admin_keyword_modal_grid_details{
  display: grid;
  grid-template-columns: 3fr 2fr 2fr;
  grid-column-gap: 10px;
}

.admin_keyword_modal_grid_details b{
  color: #fff;
  font-size: 1.3em;
}


.admin_keyword_modal_grid_details input{
  height: 1.5rem;
}

.toggleWrapper-client {
  /* position: absolute;
top: 50%;
left: 50%; */
  overflow: hidden;
  /* transform: translate3d(-50%, -50%, 0); */
}

.toggleWrapper-client input {
  position: absolute;
  left: -99em;
}

.toggle-client-module {
  cursor: pointer;
  display: inline-block;
  position: relative;
  width: 80px;
  height: 30px;
  background: #00000036;
  border-radius: 5px;
  transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.toggle-client-module:before,
.toggle-client-module:after {
  position: absolute;
  line-height: 30px;
  font-size: 13px;
  z-index: 2;
  transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.toggle-client-module:before {
  content: "OFF";
  left: 9px;
  color: #000000d5;
  font-weight: 600;
}

.toggle-client-module:after {
  content: "ON";
  right: 9px;
  color: #d0d0d014;
}

.toggle-client-module__handler {
  display: inline-block;
  position: relative;
  z-index: 1;
  background: #fff;
  width: 35px;
  height: 24px;
  border-radius: 3px;
  top: 3px;
  left: 5px;
  transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transform: translateX(0px);
}

input:checked+.toggle-client-module {
  background: #f6a821;
}

input:checked+.toggle-client-module:before {
  color: #e3e3e382;
}

input:checked+.toggle-client-module:after {
  color: #f6a821;
}

input:checked+.toggle-client-module .toggle-client-module__handler {
  width: 30px;
  transform: translateX(41px);
  border-color: #fff;
}

/* new form */

.form-group-new{
  display: grid;
  grid-template-columns: 1fr 5fr;
}

.form-group-new input::placeholder {
  color: #838383;
}

.form-group-new textarea::placeholder {
  color: #838383;
}

.form-group-new-note {
 margin-top: -10px;
 margin-bottom: 0.9rem;
}

.form-group-new-note-p {
  font-size: 11px;
  color: #838383 ;
  margin-bottom: 0px;
  line-height: 1.1;
  padding-left: 4px;
}

.form-group-new-radio-btn-div{
  display: grid;
  grid-template-columns: 1fr 2fr;
}

.form-group-new-radio-btn{
  accent-color: #f6a821; 
}

/* .form-group-new-radio-btn-div input[type=radio] {
  background-color: #24262d;
} */

.form-group-new-radio-btn-flex{
  display: flex;
  flex-direction: row;
  /* justify-content: center; */
  align-items: center;
}

.form-group-new-radio-btn-flex label{
 margin-bottom: 0rem;
 margin-left: 0.8rem;
 margin-right: 0.8rem;
 color: #cac9c9;
}

.form-group-new-toggle-btn{
  display: flex;
  flex-direction: row;
  /* justify-content: center; */
  align-items: center;
}

.form-group-new-toggle-heading{
  font-size:14px;
  color: #fff;
}

/* .port_schedule_select option{
 line-height: 2;
} */


.cve_list_port_model{
  display: grid;
  grid-template-columns:  3fr 1fr;
}

.cve_list_port_model_heading {
  font-size: 17px;
  margin-bottom: 0.5rem;  
}

.cve_list_port_model_det a{
  text-decoration: none;
  color: #cac9c9 !important;
}

/*  attack update */
.attack_surface_sevrity_grid{
  display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 0.8rem;
}

.attack_surface_sevrity_grid .progress-circle {
  transform: scale(1.3);
}

@media only screen and (min-width: 1600px) {
  .attack_surface_sevrity_grid .progress-circle {
    transform: scale(1.7);
  }

  .attack_surface_sevrity_grid{
    display: flex;
      flex-direction: column;
      justify-content: center;
      margin-top: 1.5rem;
  }
}

.attack_surface_sevrity_grid_critical .value-bar{
  border: 0.45em solid #a30d0d;
}

.attack_surface_sevrity_grid_critical .progress-circle.over50 .first50-bar{
  background-color: #a30d0d;
}

.attack_surface_sevrity_grid_high .value-bar{
  border: 0.45em solid #ffd557;
}

.attack_surface_sevrity_grid_high .progress-circle.over50 .first50-bar{
  background-color: #ffd557;
}

.attack_surface_sevrity_grid_medium .value-bar{
  border: 0.45em solid #98ff98;
}

.attack_surface_sevrity_grid_medium .progress-circle.over50 .first50-bar{
  background-color: #98ff98;
}

.attack_surface_sevrity_grid_low .value-bar{
  border: 0.45em solid #2194fb;
}

.attack_surface_sevrity_grid_low .progress-circle.over50 .first50-bar{
  background-color: #2194fb;
}

.attack_surface_search_bar-flex{
  display: flex;
  flex-direction: row;
  justify-content: end;
  align-items: center;
  height: 100%;
  position: relative;
}

.attack_surface_search_bar_input{
  /* opacity: 0; */
  margin-right: 10px;
}

.attack_surface_search_bar_input input{
  background-color:  #494b54;
  border: 0px;
  outline: 0px;
  padding: 3px 10px;
  height: 3em;
  border-radius: 5px;
  color: #fff;
  position: relative;
  right: -23%;
  width: 26%;
  display: block;
  float: right;
  transition: 0.4s;
  padding-right: 20%;
}

.attack_surface_search_bar_icon{
  z-index: 1;
  cursor: pointer;
}


.attack_surface_search_bar_input.active input{
  width: 100%;
}

.attack_last_scan_domain{
  font-size: 10px;
  position: absolute;
  bottom: -50%;
  right: 2%;
}

.attack_surface_domain_modal_padding{
   padding: 2rem;
   height: 100%;
}

.domain-modal-boxmail{
  font-size: 25px;
    display: flex;
    align-items: center;
    color: #fff;
}

.domain_scan_details_modal{
  display: grid;
  grid-template-columns: 1fr 1fr;
  font-size: 16px;
  margin-bottom: 0.7rem;
}

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

.domain_scan_img_details_bg{
  width: 100%;
  padding: 5%;
  border-radius: 8px;
  background-image: linear-gradient(310deg, #24262d, #30343c);
  box-shadow: 2px 2px 5px black;
  margin-bottom: 1rem;
}

.domain_scan_img_details_bg img{
  width: 100%;
  height: auto;
}

.domain_scan_img_details_text{
  font-size: 16px;
}


/* attack surface form */


.attack-surface-scan-form-domain-flex{
  display: grid;
  grid-template-columns: 1fr 3fr 1fr;
}

.attack-surface-scan-form-domain-flex-sub{
  display: grid;
  grid-template-columns: 2fr 3fr 3fr 1fr !important;
}

.add_subdomain_btn{
  width: 100px !important;
  border-radius: 5px;
  height: 30px;
  background-color: #212529 !important;
  border: 0;
  box-shadow: none;
  transition: 0s !important;
  border-bottom: 0px !important;
  padding: 3px;
  color: #fff !important;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  opacity: 0;
  margin-bottom: 10px;
}

.attack-surface-form-details-sub{
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#sub_btn_attack{
  border-radius: 0px;
}

.button-form-add-domain{
  position: absolute;
  top: 8%;
  right: 8%;
  width: 100px !important;
  border-radius: 0px;
  height: 30px;
  background-color: #212529 !important;
  border: 0;
  box-shadow: none;
  transition: 0s !important;
  border-bottom: 0px !important;
  margin-top: 20px !important;
  padding: 3px;
  color: #fff !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

.button-form-add-domain p{
  margin-bottom: 0px;
}

.domain-div{
  height: 82%; 
  overflow-y: auto; 
  padding-right: 10px;
  position: relative;
}

/* .from-grp-subdomain{
  padding-left: 20px;
} */

.from-grp-domain:nth-child(1){
  border-top: 0px;
}

.from-grp-domain{
  border-top: 1px solid #cac9c9 ; 
}

.port_cve_list_height{
  height: 190px;
  overflow-y: auto;
}


/* ssl modal */

.modal-ssl-padding{
  padding: 1.4rem;
  height: 100%;
}

.code-search-grade-icon-bg {
  top: 15%;
  left: 4%;
  width: 70px;
  height: 70%;
}

h5 {
  font-size: 15px;
  color: #0B1C42;
  margin-bottom: 5px;
}

.ssl-modal-details_grid{
  display: grid;
  grid-template-columns:  5fr 7fr;
  /* margin-top: -10px; */
  padding-left: 10px;
}

.ssl-modal-details_grid_icon{
  color: #fff;
  font-size: 13px;
}

.ssl-modal-details_grid_details{
  font-size: 13px;
  /* margin-top: 0.5rem;
  margin-bottom: 0.8rem; */
  word-break: break-all;
}

.ssl-modal-details_grid_main{
  display: grid;
  grid-template-columns:  1fr 1fr;
  grid-gap: 10px 5px;
}

.ssl-fieldset-legend{
  font-size: 13px;
  color: #fff;
  margin-bottom: 0px;
}

.ssl-modal-details_grid_details_false{
  color: #00ff01;
  font-weight: 600;
}

.ssl-modal-details_grid_details_true{
  color: #ff0000;
  font-weight: 600;
}

#ssl_container table tbody tr{
  background-color:  transparent !important;
}


#ssl_container table thead{
  display: none;
}


#ssl_container .dataTables_info{
  display: none;
}

#ssl_container .dataTables_paginate{
  display: none;
}

#ssl_container .dataTables_length{
  display: none;
}
#ssl_container .dataTables_filter{
  display: none;
}

#ssl_container table.dataTable.no-footer{
  border-bottom: 0px;
}

#phishing_container table{
  margin: 0%;
  width: 100% !important;
}

#phishing_container table tbody tr{
  background-color:  transparent !important;
  position: relative;
}
#phishing_container .dataTables_length{
  display: none;
}
#phishing_container .dataTables_filter{
  display: none;
}

#phishing_container table tbody tr td{
 padding: 5px 10px !important;
}

#phishing_container table thead {
  display: none;
 }
 #phishing_container .dataTables_info{
  display: none;
}
 div.dataTables_processing>div:last-child>div{
background: #f6a821;
}

 .dataTables_wrapper .dataTables_processing{
 background:  transparent !important;
 z-index: 9999;
}
#phishing_container table tbody tr td:nth-child(3){
  word-break: break-all;
  width: 22vw;

}
#dark_container{
  margin-top: 1.8rem;
}
#dark_container table{
  margin: 0%;
  width: 100% !important;
}

#dark_container table tbody tr{
  background-color:  transparent !important;
  position: relative;
}



/* #dark_container .dataTables_info{
  display: none;
}


#dark_container .dataTables_length{
  display: none;
}
#dark_container .dataTables_filter{
  display: none;
} */

#dark_container table.dataTable.no-footer{
  border-bottom: 0px;
}


#dark_container_1{
  margin-top: 1.8rem;
}
#dark_container_1 table{
  margin: 0%;
  width: 100% !important;
}

#dark_container_1 table tbody tr{
  background-color:  transparent !important;
  position: relative;
}



/* #dark_container .dataTables_info{
  display: none;
}


#dark_container .dataTables_length{
  display: none;
}
#dark_container .dataTables_filter{
  display: none;
} */

#dark_container_1 table.dataTable.no-footer{
  border-bottom: 0px;
}

/* web */

#web_container table tbody tr{
  background-color:  transparent !important;
}

#web_container table tbody tr td:nth-child(3){
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding:  5px 15px !important;
  grid-gap: 0px 15px;
}

#web_container table thead{
  display: none;
}

#web_container table {
  margin: 0%;
  width: 100% !important;
}



#web_container .dataTables_info{
  display: none;
}

#web_container .dataTables_paginate{
  /* display: none; */
}

#web_container .dataTables_length{
  display: none;
}
#web_container .dataTables_filter{
  display: none;
}

#web_container table.dataTable.no-footer{
  border-bottom: 0px;
}

.web-security-modal-description{
  height: 13vh;
  overflow-y: auto;
}

.web-security-modal-solution{
  height: 13vh;
  overflow-y: auto;
}

.domain-attack-surface-hover:hover{
 color: #f6a821;
 cursor: pointer;
}

.domain-attack-surface-hover{
  text-decoration: underline;
 }



.arrows-attack-back {
  width: 40%;
  height: 100%;
  /* position: absolute; */
  /* left: 50%; */
  margin-top: 5%;
  margin-right: 11%;
  /* bottom: 20px; */
  transform: rotate(90deg);
}

.arrows-attack-back path {
	stroke: #cac9c9;
	fill: transparent;
	stroke-width: 1px;	
	animation: arrow 2s infinite;
	-webkit-animation: arrow 2s infinite; 
}

@keyframes arrow
{
0% {opacity:0}
40% {opacity:1}
80% {opacity:0}
100% {opacity:0}
}

@-webkit-keyframes arrow /*Safari and Chrome*/
{
0% {opacity:0}
40% {opacity:1}
80% {opacity:0}
100% {opacity:0}
}

.arrows-attack-back path.a1 {
	animation-delay:-1s;
	-webkit-animation-delay:-1s; /* Safari 和 Chrome */
}

.arrows-attack-back path.a2 {
	animation-delay:-0.5s;
	-webkit-animation-delay:-0.5s; /* Safari 和 Chrome */
}

.arrows-attack-back path.a3 {	
	animation-delay:0s;
	-webkit-animation-delay:0s; /* Safari 和 Chrome */
}


/* admin scan */

.btn-admin-scan-status{
  display: grid;
  grid-template-columns:  1fr 4fr;
  width: 140px;
  padding-left: 0.8rem;
}


.btn-admin-scan-status span:nth-child(1){
  padding-right: 0.5rem;

}

.btn-admin-scan-status span:nth-child(2){
 text-align: left;
 padding-left: 8px;
 border-left: 1px solid #f6a821;
}


/* attack nav */

.accordion_nav_bar_attack .accordion-item{
  background-color: transparent;
  border: 0px;
  color: #fff;
 }
 
 .accordion_nav_bar_attack .accordion-item .accordion-button{
   background-color: transparent;
   border: 0px;
   color: #fff;
   font-size: 13px;
   padding: 0.9rem 0.6rem;
  }
 
  
 .accordion_nav_bar_attack .accordion-item .accordion-button:focus{
   box-shadow: none;
 }
 
 .accordion_nav_bar_attack .accordion-item .accordion-button:after{
   filter: brightness(23.5);
   background-size: 1rem;
   width: 1rem;
   height: 1rem;
 }
 
 .accordion_nav_bar_attack .accordion-item .accordion-body{
   padding: 0px;
 }
 
 .accordion_nav_bar_attack .accordion-item .accordion-body a{
   font-size: 13px;  
   cursor: pointer;
 }
 
 .accordion_nav_bar_attack .accordion-item .accordion-body i{
  font-size: 12px;
  color: #fff;
 }
 
 .accordion_nav_bar_attack .accordion-item .accordion-body li{
   /* padding: 0.9rem 0.7rem;   */
 }
 
 .nav_attack_hide_arrow .accordion-button:after{
   background-size: 0rem !important;
 }
 
 .navigation_top_attack_1{
   height: 73%; overflow-y: auto;
 }
 
 .accordion_nav_bar_attack .accordion-item .accordion-button:hover{
   background-color: #f6a821;
   border-radius: 8px;
 }
 
 /* .accordion_nav_bar_attack .accordion-item:hover {
  background-color: #f6a821;
 } */
 
 .navigation_top_attack_2{
   height: 26%; overflow-y: auto;
 }
 
 
 @media only screen and (min-width: 1650px) {
   .navigation_top_attack_1{
     height: 80%; overflow-y: auto;
   }
 
   .navigation_top_attack_2{
     height: 20%; overflow-y: auto;
   }
 }

 
/* attack pop 1 */
.attack-surface-div-pop-up_1 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  right: -100%;
  background-color: #2a2d35;
  opacity: 0;
  transition: 0.5s ease;
  padding: 0px;
}


.attack-surface-div-pop-up-bg_1 {
  height: 100%;
  width: 100%;
  overflow-y: auto;
}


.attack-surface-div-pop-up_1.active {
  opacity: 1;
  right: 0%;
}


/* attack pop 2 */
.attack-surface-div-pop-up_2 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  right: -100%;
  background-color: #2a2d35;
  opacity: 0;
  transition: 0.5s ease;
  padding: 0px;
}


.attack-surface-div-pop-up-bg_2 {
  height: 100%;
  width: 100%;
  overflow-y: auto;
}


.attack-surface-div-pop-up_2.active {
  opacity: 1;
  right: 0%;
}

/* attack pop 3 */
.attack-surface-div-pop-up_3 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  right: -100%;
  background-color: #2a2d35;
  opacity: 0;
  transition: 0.5s ease;
  padding: 0px;
}


.attack-surface-div-pop-up-bg_3 {
  height: 100%;
  width: 100%;
  overflow-y: auto;
}


.attack-surface-div-pop-up_3.active {
  opacity: 1;
  right: 0%;
}


/* attack pop 4 */
.attack-surface-div-pop-up_4 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  right: -100%;
  background-color: #2a2d35;
  opacity: 0;
  transition: 0.5s ease;
  padding: 0px;
}


.attack-surface-div-pop-up-bg_4 {
  height: 100%;
  width: 100%;
  overflow-y: auto;
}


.attack-surface-div-pop-up_4.active {
  opacity: 1;
  right: 0%;
}

/* attack pop 5 */
.attack-surface-div-pop-up_5 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  right: -100%;
  background-color: #2a2d35;
  opacity: 0;
  transition: 0.5s ease;
  padding: 0px;
}


.attack-surface-div-pop-up-bg_5 {
  height: 100%;
  width: 100%;
  overflow-y: auto;
}


.attack-surface-div-pop-up_5.active {
  opacity: 1;
  right: 0%;
}

/* attack pop insight */
.attack-surface-div-pop-up_insight {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  right: -100%;
  background-color: #2a2d35;
  opacity: 0;
  transition: 0.5s ease;
  padding: 0px;
}


.attack-surface-div-pop-up-bg_insight {
  height: 100%;
  width: 100%;
  overflow-y: auto;
}


.attack-surface-div-pop-up_insight.active {
  opacity: 1;
  right: 0%;
}



.new-table-attack thead tr th{
  text-align: center;
  font-size: 0.99vw;
 }

 
.new-table-attack thead tr{
  background-color: #252628 !important;
}
 
 .new-table-attack tbody tr td{
   height: 9vh !important;
   border-left: 1px solid #000;
   font-size: 16px;
   background-color: #353842;
   vertical-align: middle;
     white-space: -moz-pre-wrap !important;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     white-space: pre-wrap !important;
     word-wrap: break-word !important;
     white-space: -webkit-pre-wrap !important;
     word-break: break-all !important;
     white-space: normal !important;
     border-bottom: 2px solid rgb(50, 51, 59);
     border-top: 0px solid rgb(50, 51, 59);
     border-left: 1px solid rgb(50, 51, 59);
     border-right: 1px solid rgb(50, 51, 59);
     text-align: center;
 }
 
 
 .new-table-attack tbody tr td a{
  text-decoration: none;
  color: #cac9c9;
 }
 
 .new-table-attack tbody tr td a:hover{
   color: #fff;  
   text-decoration: underline;
 }
 
 .new-table-attack tbody tr td:nth-child(1){
  border-left: 0px;
  /* width: 3vw; */
 }
 
 .new-table-attack tbody tr td:nth-child(3){
   /* width: 5; */
   /* word-break: break-all; */
  }
 


table.dataTable.no-footer{
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

@media only screen and (max-width: 1400px) {
  .accordion_nav_bar_attack .accordion-item .accordion-button{
    padding: 0.6rem 0.6rem;
  }
}

.background-card-attack-margin {
  height: 12vh !important;
}
.attack-font-size-social{
  font-size: 18px ;
  color: #fff;
}
.attack_social_card-icon i{
  font-size: 50px;
  filter: none;
}


.attack-surface-card-responsive .col-lg-4 {
  padding-left: 0.5vw;
  padding-right: 0.5vw;
}

/* attack malware */

.malware_search_bar_flex{
  display: flex;
  justify-content:center;
  align-items: center;
  width: 100%;
}

.malware-scan-input input{
  background-color: #494b54;
  border: 0px;
  outline: 0px;
  padding: 3px 10px;
  height: 40px;
  border-radius: 5px;
  color: #fff;
  width: 30vw;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.malware-scan-btn{
  background-color: #333335;
  border: 0px;
  outline: 0px;
  padding: 3px 10px;
  height: 40px;
  border-radius: 5px;
  color: #fff;
  width: 10vw;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  cursor: pointer;
}

.malware-scan-btn:hover{
  color: #f6a821;
}

.malwaretab_1{
  width: 100%;
  color: #fff;
}

.malwaretab_1.active{
  background-color: #f6a821 !important;
}

.malwaretab_1:hover{
  color: #f6a821;
}

.malwaretab_li_1{
  background-color: #333335;
}

.tab-attack-surface-btn-bg_updated{
  padding-left: 5%;
}

.attack-social-grid{
  display: grid;
  grid-template-columns: 1fr ;
  /* grid-gap: 1.5rem 2rem; */
  height: 100%;
}

.attack-social-div-card{
  height: 16vh;
  padding: 8px;
}

.attack_social_card-sub{
  background-color: #3d3f47;
  height: 100%;
  border-radius: 8px;
  display: grid;
  grid-template-rows: 7fr 2fr;
}

.attack_social_card-icon-text{
  display: grid;
  grid-template-columns: 2fr 3fr;
}

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


.attack_social_card-text{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: #fff;
}

.attack_social_card-value-grid{
  display: grid;
  grid-template-columns: 4fr ;
}

.attack_social_card-value-1-flex{
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 0px 20px ;
}

.attack_social_card-value-2-flex{
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
  
.attack_social_card-icon .fa-facebook {
  color: #4267B2;
}

.attack_social_card-icon .fa-youtube {
  color: #FF0000;
}

.attack_social_card-icon .fa-reddit {
  color: #ff4500;
}

.attack_social_card-icon .fa-dailymotion {
  color: #00aaff;
}

.attack_social_card-icon .fa-instagram {
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.attack_social_card-icon .fa-flickr {
  color: #0063dc;
}

.attack_social_card-icon .fa-w {
  color: #003aa3;
}

.attack_social_card-icon .fa-vimeo {
  color: #86c9ef;
}

.attack_social_card-icon .fa-tumblr {
  color: #34526f;
}

.attack_social_card-icon .fa-vk {
  color: #4C75A3;
}

.attack-social-comments-bg{
  width: 100%;
  height: 28vh;
  border-radius: 8px;
  padding: 15px;
  margin-top: 2rem;
}

.attack-social-comments-bg-sub{
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  background-color: #24262d;
  padding: 20px;
  /* border: 1px solid #000; */
}

.attack-social-comments-icon-bg{
  background-color: #fff;
  border-radius: 50%;
  height: 50px;
  width: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -9%;
  left: 9%;
}
.attack-social-comments-icon-bg i{
 font-size: 30px;
 filter: none;
}

.attack-social-comments-text{
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1em;
}

.attack-social-comments-link{
  font-size: 1em;
  background-color: #f6a821;
  border-radius: 5px;
  color: #fff;
  position: absolute;
  right: 7%;
  bottom: 0%;
  width: fit-content;
  padding: 4px 15px;
  line-height: 1;
  cursor: pointer;
}


.attack-social-comments-icon-bg .fa-facebook {
  color: #4267B2;
}

.attack-social-comments-icon-bg .fa-youtube {
  color: #FF0000;
}

.attack-social-comments-icon-bg .fa-reddit {
  color: #ff4500;
}

.attack-social-comments-icon-bg .fa-dailymotion {
  color: #00aaff;
}

.attack-social-comments-icon-bg .fa-instagram {
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.attack-social-comments-icon-bg .fa-flickr {
  color: #0063dc;
}

.attack-social-comments-icon-bg .fa-w {
  color: #003aa3;
}

.attack-social-comments-icon-bg .fa-vimeo {
  color: #86c9ef;
}

.attack-social-comments-icon-bg .fa-tumblr {
  color: #34526f;
}

.attack-social-comments-icon-bg .fa-vk {
  color: #4C75A3;
}

.attack-heading-post{
  font-size: 45px;
   color: #fff;
   font-weight: 600;
}

.attack-heading-post-grid{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 0px 30px;
}

.attack-heading-post-grid-div{
  height: 23vh;
  display: flex;
  justify-content: center;
  /* background-color: #fff; */
}

.attack-heading-post-heading{
  font-size: 25px;
  color: #fff;
}

.attack-post-grid-area{
display: grid;
grid-template-rows: 1fr 1fr 1fr;
}

.attack-heading-post-number{
  font-size: 40px;
  font-weight: 600;
  color: #f6a821;
}

.attack-comment-margin-top{
  margin-top: 2.3rem;
}

.attack_social_card-icon i {
  font-size: ;
}

.row-class-social{
  padding: 0% 3%;
}

.malware-details-div-height{
  height: 35vh;
  overflow-y: auto;
}
@media only screen and (max-width: 1650px){

  .file-name-scan span {
    color: #cac9c9;
    font-weight: 300;
    font-size: 14px;
  }

  .status-details-li {
    position: relative;
    display: block;
    padding: 0px 0px;
  }

  .malware-details-div-height{
    height: 26vh;
    overflow-y: auto;
  }
  .attack-comment-margin-top{
    margin-top: 1.7rem;
  }
  .background-card-attack-margin {
      height: 12vh !important;
  }
  .attack-font-size-social{
    font-size: 15px ;
    color: #fff;
  }
  .attack_social_card-icon i{
    font-size: 33px;
  }
  .attack-heading-post{
    font-size: 33px;
     color: #fff;
     font-weight: 600;
  }

  .attack-heading-post-number{
    font-size: 25px;
    font-weight: 600;
    color: #f6a821;
  }

  
.attack-social-comments-bg{
  width: 100%;
  height: 30vh;
  border-radius: 8px;
  padding: 15px;
  margin-top: 0.8rem;
}
.attack-social-comments-text{
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1em;
}

  }
  
  @media only screen and (max-width: 1400px) {
    .accordion_nav_bar_attack .accordion-item .accordion-button{
      padding: 0.6rem 0.6rem;
    }
    .malware-details-div-height{
      height: 26vh;
      overflow-y: auto;
    }

    .row-class-social{
      padding: 2% 1%;
    }
    .attack-heading-post{
      font-size: 28px;
       color: #fff;
       font-weight: 600;
    }
    .attack-heading-post-number{
      font-size: 20px;
      font-weight: 600;
      color: #f6a821;
    }
    .attack-heading-post-heading{
      font-size: 20px;
      color: #fff;
    }
    .attack-social-comments-text{
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      font-size: 0.9em;
    }
    .attack-font-size-social{
      font-size: 12px;
    }
  }

  .attack-tab-link-horizontal{
    border-bottom: 0px;
    border-top:  0px !important;
  }

  .attack-tab-link-horizontal.active{
    border-left: 0px;
  }

  .attack-tab-content-bg-horizontal{
    border-top: 0px;
  }

  
  #infra-main-table tbody tr td{
    height: 8vh !important;
  }

  .nav-main-select-details{
    display: flex;
    justify-content: center;
    align-items:center;
  }

  .nav-select-width{
    width: 12vw;
  }

  #subdomain-url-table tr td:nth-child(3) {
    width: auto !important;
  }

  .recent-activity-malware{
    height: 22vh;
    overflow-y: auto;
  }

  .recent-activity-timeline{  
    margin-left: 50px;
    background-color: transparent;
    border-bottom: 1px solid #cac9c9;
    border-radius: 0px;
  }

  .recent-activity-timeline::before,  .recent-activity-timeline::after{
    border: 0px;
  }

  
  .recent-activity-timeline p{
    margin: 0px;
    padding: 6px 6px;
  }

  
  .recent-activity-timeline p:nth-child(1){
  color: #fff;
  }
  
  .recent-activity-timeline p:nth-child(2){
    font-size: 11px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .recent-activity-timeline{
    display:grid;
    grid-template-columns: 5fr 1fr;
  }

    .recent-malware-block{
    margin-top: 10px;
  }

  .malware-details-div{
    margin-top: 1.5rem;
  }

  .dark-web-right-div{
    background-color: #24262d;
    height: 85.4%;
    overflow-y: auto;
  }

  .bg-attack-dark-web-card{
    background-image: linear-gradient(310deg, #24262d, #30343c);
    box-shadow: 2px 2px 5px black;
    border-radius: 0px;
  }

  .sub-heading-vul-tab{
    position: absolute;
    bottom: -25%;
    font-size: 11px;
    font-weight: 500;
  }

  .accordion-IT .panel-filled{
    box-shadow: none;
    border: 1px solid #575962;
    margin-bottom: 0px;
  }

  .attack-login-heading{
    text-align: center;
    font-size: 28px;
    margin-top: 20px;
    color: #fff;
  }

  .attack-login-heading-sub{
    text-align: center;
    font-size: 14px;
  }

  .form-input-attack input{
    background-color: #172128;
  }

  .attack-login-forget{
    text-align: center;
    margin-top: 2%;
  }
  
  .attack-login-forget a{
    font-weight: 500;
    color: #767676;
    font-size: 16px;
  }

  .attack-dark-web-card-icon-grid{
    display: flex;
    justify-content: space-between;
  }

  .attack-dark-web-card-padding{
    padding: 25px 30px;
    display:grid;
    grid-template-rows: 2fr 1fr 1fr;
    grid-gap: 15px 0px;
    height: 100%;
  }

  .attack-dark-web-card-icon{
    font-size: 25px;
    color: #cac9c9;
  }

  .attack-dark-web-card-value{
    font-size: 25px;
    color: #fff;
  }

  .attack-dark-web-card-heading{
    font-size: 18px;
    /* color: #9aa2b1; */
    color: #f6a821;
  }

  .attack-right-text-wrap{
    display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  }

  .attack-modal-side-heading{
    font-size: 25px;
    color: #fff;
  }

  .attack-modal-side-subheading{
    font-size: 10px;
    color: #fff;
  }

  .attack-modal-side-img{
    margin-top: 1.8rem;
    border-radius: 8px;
    background-image: linear-gradient(310deg, #24262d, #30343c);
    box-shadow: 2px 2px 5px black;
    padding: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30vw;
    filter: blur(2px);
    /* height: auto; */
    /* max-width: 50vw; */
    }

    
.div-for-nav-malwarescan {
  /* padding: 10px; */
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 8fr;
  margin-bottom: 15px;
}

.div-for-nav-malwarescan div p {
  line-height: 1;
  margin-bottom: 0;
  padding: 10px;
}

.div-for-nav-malwarescan div span:nth-child(even) {
  border-right: 1px solid black;
  padding-left: 25px;
}

.malwarescan-ui-input-area {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.input-field-malware-scan {
  width: 100%;
  /* border-right: 1px  solid rgba(132,151,197,.5); */
  padding-right: 2rem;
}

.input-attack-malware-flex{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.top-input-heading {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

.top-input-heading h3 {
  font-size: 1rem;
  color: #fff;
}

.supported-formats-h {
  display: flex;
}

.supported-formats-h span {
  font-size: .7rem;
}

.supported-formats-h span:nth-child(2) {
  margin-left: 5px;
}

.supported-formats-h span:nth-child(2) i {
  font-size: 0.65rem;
}

.hash-btn-malware-converter{
  display: flex;
  justify-content: center;
  align-items: center;
}
.uploder-field {
  width: 70%;
  height: 15vh;
  margin-top: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: rgb(0 0 0 / 20%);
  border: 2px dashed rgb(141 141 141 / 50%);
  cursor: pointer;
}


.uploder-field label {
  width: 100%;
  height: 5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 10px;
  margin-bottom: 0px;
}

#outline-side-outside-tab1 {
  border-right: 1px solid #f6a821;
  height: 59px;
  position: absolute;
  transform: rotateZ(-48deg);
  left: 31.3%;
  top: -3.3%;
  transition: 1s;
  opacity: 1;
}

#outline-bottom-outside-tab1 {
  border-bottom: 1px solid #f6a821;
  width: 66.7%;
  position: absolute;
  left: 33.4%;
  transition: 1s;
  opacity: 1;
  top: 13.3%;
}

#outline-side-outside-tab2 {
  border-right: 1px solid #f6a821;
  height: 59px;
  position: absolute;
  transform: rotateZ(-48deg);
  right: 35.3%;
  top: -3.3%;
  transition: 1s;
  opacity: 0;
}

#outline-bottom-outside-tab2 {
  border-bottom: 1px solid #f6a821;
  width: 32.7%;
  position: absolute;
  right: 33.4%;
  transition: 1s;
  opacity: 1;
  top: 13.3%;
}

/* .submit-for-analyze{
  display: block;
} */

.output-for-analyze-hash {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin-top: 0.8rem;    
  padding-right: 2rem;
}

.textarea-for-hash-value {
  background-color: transparent;
  outline: 0;
  width: 70% !important;
  resize: none;
  height: 45% !important;
  font-size: 14px;
  line-height: 1.3;
  padding: 7px;
  color: #cac9c9;
  margin-top: 1%;
  /* border-radius: 8px; */
  /* border:  2px dashed ; */
}

.textarea-for-hash-value:focus {
  background-color: transparent;
  outline: 0;
}

.hash-value {
  cursor: default;
}

.hash-value.active {
  color: rgb(246, 168, 33);
  cursor: default;
}

.hash-btn-malware-converter{
  display: flex;
  justify-content: end;
  align-items: center;
  /* width: 83%; */
}

.hash-submit-btn {
  background-color: #333335;
  width: fit-content;
  padding: 3px 17px;
  height: fit-content;
  margin-top: 1.5rem;
}

.copy-icon-for-hash-value {
  position: absolute;
  top: 50%;
  right: 13%;
}

.copy-icon-for-hash-value i{
 font-size: 1.4rem;
}


.grid-for-scan-table {
  display: grid;
  grid-template-columns: 1fr 3fr;
}

.file-name-scan {
  display: flex;
}

.file-name-scan i {
  font-size: 35px;
  color: #cfcfcf;
  margin-right: 15px;
}

.file-name-scan span {
  color: #cac9c9;
  font-weight: 300;
  font-size: 20px;
}




.IT-side-bg {
  margin-top: 60px;
  background-color: #24262d;
  width: 24vw;
  position: fixed;
  right: 0;
  bottom: 0;
  top: 0;
  transition: width 0.3s ease-out;
  -webkit-transition: width 0.3s ease-out;
  overflow-y: scroll;
  overflow-x: hidden;
}

.profile-img-IT {
  width: 80px;
  height: 80px;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.profile-img-IT img {
  width: 70px;
  height: 70px;
  border-radius: 10px;
  box-shadow: 0px 0px 10px black;
}

.flex-profile-IT {
  display: grid;
  grid-template-columns: 1fr 4fr;
  grid-gap: 1rem;
}

.profile-details-IT {
  margin-top: 0.5rem;
  display: grid;
  grid-template-columns: 1fr 2fr;
  padding-left: 0.5rem;
}

.profile-IT {
  transform: scale(0.9);
  transition: 0.3s;
  cursor: pointer;
  margin-bottom: 15px;
}

.profile-IT:hover {
  transform: scale(1.0);
  box-shadow: 0px 0px 10px #000;
}

.profile-IT.active {
  transform: scale(1.0);
  box-shadow: 0px 0px 10px #000;
  /* transform: translateX(-10px); */
}

.profile-IT .panel-body{
  border-radius: 8px;
}

.edit-icon-IT {
  position: absolute;
  top: 0.7rem;
  right: 0.7rem;
  cursor: pointer;
}

.edit-icon-IT .fa-ellipsis-vertical {
  font-size: 16px;
}

.account-takeovers-grid {
  display: grid;
  grid-template-rows: 1fr 2fr 1fr;
  height: 100%;
}

.flex-in-div-IT {
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 15fr;
  padding-left: 10px;
}

.flex-in-div-IT p {
  margin-bottom: 0px;
  font-size: 17px;
  font-weight: 500;
  color: #fff;
}

.flex-in-div-IT h4 {
  font-size: 45px;
  font-weight: 300;
  margin-bottom: 0px;
}

.flex-in-div-IT i {
  font-size: 20px;
  margin-right: 5px;
}

.p-tag-it {
  margin-bottom: 0px;
  font-size: 15px !important;
  font-weight: 300 !important;
  margin-left: 5px;
  line-height: 1.3;
  color: #cac9c9;
}

.flex-in-div-IT .fa-circle-exclamation {
  font-size: 25px;
  color: #c70000;
  margin-right: 15px;
  border-radius: 11px;
  box-shadow: 0px 0px 4px black;
}

.div-for-unresolved-IT {
  display: grid;
  grid-template-columns: 1fr 9fr 1fr 1fr;
  grid-gap: 15px;
}

.icon-flex-4-tab {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.icon-bg-4-tab {
  border: 2px solid #707070;
  padding: 5px 8px;
  border-radius: 8px;
  background-color: #707070;
  color: #fff;
}

.icon-bg-4-tab:hover {
  border: 2px solid #f6a821;
  background-color: #f6a821;
  color: #fff;
}

.icon-bg-4-tab i {
  font-size: 18px;
}

.info-it-icon {
  position: absolute;
  right: 20px;
  bottom: 15px;
}

.info-it-icon i {
  font-size: 15px;
}

/* unresolved */
.heading-unresolved {
  display: flex;
  align-items: center;
}

.heading-unresolved h4 {
  font-size: 17px;
  margin-bottom: 0px;
  line-height: 1;
  color: #fff;
}

.heading-unresolved p {
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 0px;
}


.heading-unresolved-date {
  display: grid;
  grid-template-rows: 1fr 2fr;
}

.heading-unresolved-date h4 {
  font-size: 17px;
  margin-bottom: 0px;
  line-height: 1;
  color: #fff;
  text-align: center;
}

.heading-unresolved-date p {
  font-size: 14px;
  line-height: 1;
  text-align: center;
}


/* resolved */



.div-for-resolved-IT {
  display: grid;
  grid-template-columns: 1fr 9fr 1fr 1fr;
  grid-gap: 15px;
  /* height: 80px; */
}

.icon-flex-4-tab {
  display: flex;
  justify-content: center;
  align-items: center;
}

.icon-bg-4-tab {
  border: 2px solid #707070;
  padding: 5px 8px;
  border-radius: 8px;
  background-color: #707070;
  color: #fff;
}

.icon-bg-4-tab:hover {
  border: 2px solid #f6a821;
  background-color: #f6a821;
  color: #fff;
}

.icon-bg-4-tab i {
  font-size: 18px;
}

.info-it-icon {
  position: absolute;
  right: 20px;
  bottom: 15px;
}

.info-it-icon i {
  font-size: 15px;
}

.heading-resolved {
  display: flex;
  align-items: center;
}

.heading-resolved h4 {
  font-size: 17px;
  margin-bottom: 0px;
  line-height: 1;
  color: #fff;
}

.heading-resolved p {
  font-size: 14px;
  line-height: 1;
}


.heading-resolved-date {
  display: grid;
  grid-template-rows: 1fr 1fr;
  align-items: center;
  height: 60px;
}

.heading-resolved-date h4 {
  font-size: 17px;
  margin-bottom: 0px;
  line-height: 1;
  color: #fff;
  text-align: center;
}

.heading-resolved-date p {
  font-size: 14px;
  line-height: 1;
  text-align: center;
  margin-bottom: 0px;
}

.flex-in-div-IT .fa-circle-check {
  font-size: 25px;
  color: #00cb00;
  margin-right: 15px;
  box-shadow: 0px 0px 4px black;
  border-radius: 11px;
}

#accordionExample .card {
  box-shadow: none;
  margin-bottom: 0px;
  border-bottom: 1px solid #292b32;
  border-radius: 0px;
}

/* accordion identity theft */

.accordion-IT {
  width: 100%;
  max-width: 100%;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  list-style-type: none;
  padding-left: 0px;
  margin-bottom: 0px;
}

.accordion-IT .link {
  cursor: pointer;
  display: block;
  position: relative;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  /* padding: 10px 10px; */
  /* padding-top: 15px; */
}

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

/* .accordion-IT li i.fa-chevron-down {
  position: absolute;
  top: 40%;
  right: 3%;
  font-size: 18px;
  color: #595959;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
} */

.accordion-IT li i.fa-chevron-down {
  font-size: 16px;
}


.accordion-IT li i.fa-chevron-down.open {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.accordion-IT li.default .submenu-IT {
  display: block;
}


/* attackguard form */


.attack-popup-form-bg {
  position: absolute;
  top: 0%;
  height: 100%;
  width: 100%;
  transition: 0.3s ease;
  backdrop-filter: blur(8px);
  z-index: 99;
  right: -100%;
}

.attack-popup-form-bg.active {
  position: absolute;
  top: 0%;
  height: 100%;
  width: 100%;
  transition: 0.3s ease;
  backdrop-filter: blur(8px);
  z-index: 99;
  right: -210px;
}

.attack-popup-form-bg-1 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 89%;
}

.attack-popup-form-bg-2 {
  width: 600px;
  height: 50vh;
  background-color: #3d3f47;
  box-shadow: 0px 1px 22px -12px #000000ab;
  color: #949ba2;
  border-radius: 8px;
  padding: 3rem;
  position: relative;
}

.attack-popup-form-close{
  position: absolute;
  top: 3%;
  right: 3%;
  cursor: pointer;
}


.attack-popup-form-btn {
  position: absolute;
  bottom: 10%;
  width: 87%;
  display: flex;
  justify-content: center;
  align-items: center;
}


.attack-popup-form-btn button {
  border: 0px;
  background-color: #f6a821;
  color: #fff;
  border-radius: 5px;
  height: 50px;
  width: 250px;
  font-size: 17px;
  text-transform: uppercase;
}


/* attackguard form */



.table_th_sno{
  width: 6% !important;
}



    /* attack takedown */

    .attack_takedown_page_div_1{
      display: grid;
      grid-template-columns: 3fr 1fr;
      height: 100%;
      padding: 0vh 2vh;
    }

    .attack_takedown_page_div_1_1{
      display: flex;
      justify-content: flex-start;
      align-items: center;
      font-size: 3vh;
      font-weight: 300;
      color: #c8cfd5;
      line-height: 1;
    }

    
    .attack_takedown_page_div_1_1 i{ 
      color: #ffffff;
      font-size: 7vh;
    }

    
    .attack_takedown_page_div_1_2{
      display: flex;
      justify-content: flex-end;
      align-items: center;
      font-size: 4vh;
      color: #f6a821;
      font-weight: 600;
      line-height: 1;
    }

    .attack_btn{
      position: relative;
      left: -2%;
    }

    .attack_btn_1{
      position: relative;
      left: 3%;
    }

    
    .attack_btn_2{
      position: relative;
      left: 10%;
    }




  /* attack profile */

  .attack_profile_card_bg{
    height:70% ;
    background-image: linear-gradient(310deg, #24262d, #30343c);
    border-radius: 8px;
  }

  .attack_profile_card_bg_sub1{
    height:60% ;
    backdrop-filter: saturate(100%) blur(30px);
    box-shadow: 0px 1px 22px -4px #000000ab;
    border-radius: 8px;
    margin: 0px 5%;
    margin-top: -6%;
  }

  .attack_profile_details_flex{
    display: grid;
    align-items: center;
    grid-template-columns: 4fr 39fr;
  }

  .attack_profile_details_flex_icon{
    font-size: 1.5rem;
  }

  .attack_profile_details_flex_details{
    margin-left: 1.5rem;
  }

  .attack_profile_details_flex_details_1{
    font-size: 1rem;
    line-height: 1.625;
    color: #fff;
  }    

  .attack_profile_details_flex_details_2{
    font-size: 0.75rem ;
    font-weight: 400;
    line-height: 1;
    color: #f6a821;
  }

  .attack_profile_table tbody tr td{
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
  }

  .attack_profile_table{
    border-bottom: 0px !important ;
  }
    

        /* attack pop 6 */
.attack-surface-div-pop-up_6 {
  width: 100%;
  /* height: 100%; */
  position: absolute;
  top: 0%;
  right: -100%;
  background-color: #2a2d35;
  opacity: 0;
  transition: 0.5s ease;
  padding: 0px;
  z-index: 2;
}


.attack-surface-div-pop-up-bg_6 {
  /* height: 100%; */
  width: 100%;
  overflow-y: auto;
}


.attack-surface-div-pop-up_6.active {
  opacity: 1;
  right: 0%;
}

.attack-surface-div-pop-up_7 {
  width: 100%;
  /* height: 100%; */
  position: absolute;
  top: 0%;
  right: -100%;
  background-color: #2a2d35;
  opacity: 0;
  transition: 0.5s ease;
  padding: 0px;
  z-index: 2;
}


.attack-surface-div-pop-up-bg_7 {
  /* height: 100%; */
  width: 100%;
  overflow-y: auto;
}


.attack-surface-div-pop-up_7.active {
  opacity: 1;
  right: 0%;
}

.attack_infra_close_btn{
  position: absolute;
  top: 4%;
  right: 4%;
  background-color: #212529;
  padding: 5px 20px;
  font-size: 1rem;
  color: #fff;
  border-radius: 5px;
  cursor: pointer;
  z-index: 1;
}

.add_user_attack_profile{
  border: 1px dashed #fff;
  padding: 10px;
  margin: 0px 25px;
  border-radius: 8px;
  text-align: center;
  background-color: #33393f;
  font-size: 1rem;
  margin-top: 1.5rem;
  cursor: pointer;
  color: #fff;
}

.add_user_attack_profile:hover{
  border: 1px dashed #f6a821;
  color: #cac9c9;
}

.modal_form_bg_attack_profile{
  padding: 5%;
}

.form-control-checkbox-grid{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  width: 95%;
}

.form-control-checkbox-flex{
  display: flex;
  align-items: baseline;
}

.input-checkbox input[type='checkbox'] {
  accent-color: #f6a821;
}

.table-recent-scan-btn-grid{
  position: absolute;
  top: 485px;
  right: 91px;
  z-index: 1;
  /* width: 8vw; */
}

.export-new-table{
  right: 325px !important;
  position: absolute;
}

.export-new-table .dt-buttons{
  display: flex;
}

.dark-web-news-div-1{
  /* background-color: #000; */
  padding: 10px;
}

.dark-web-news-div-2{
  padding: 15px;
  /* background-color: #003aa3; */
}

.dark-web-news-div-3{
  padding: 15px;
  /* background-color: #e9ecef; */
}


.dark-web-news-div-1_1{
  height: 70%;
  overflow-y: auto;
  padding: 2%;
}

.dark-web-news-div-1_1_card{
  background-color: #353842;
  border-radius: 5px;
  height: 100px;
  box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.4);
  display: grid;
  grid-template-columns: 1fr 2fr;
  padding: 10px;
}

.dark-web-news-div-img{
  width: 100px;
  height: 100%;
}

.dark-web-news-div-img img{
  width: 100%;
  height: 100%;
}

.nav-tabs-darkweb{
  border: 0px ;
}

.nav-link-darkweb{
  border: 0px !important;
  justify-content: center;
}

.dark-web-searchbar-div{
  background-color: #2a2d35;
  box-shadow: 0px 0px 5px #000000;
  border-radius: 8px;
  height: 50px;
  margin-top: 15px;
  margin-bottom: 15px;
  /* display: grid;
  grid-template-columns: 2fr 6fr 1fr 1fr; */

}

.dark-web-searchbar-div-flex{
  display: flex;
  align-items: center;
  height: 100%;
}

.dark-web-filter-close{
  margin-left: 10px;
  font-size: 20px;
  /* color: #fff; */
  cursor: pointer;
}

.dark-web-news-div-1_1_card_text_heading_1{
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 15px;
  font-weight: 600;
}

.dark-web-news-div-1_1_card_text_heading_2{
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 11px;
}

.dark-web-news-div-2_2{
  height: 75.3%;
  /* overflow-y: auto; */
  padding: 2%;
  box-shadow: 0px 0px 5px #000000;
  border-radius: 8px;
}

.dark-web-news-div-3_3_1{
  height: 17%;
  /* overflow-y: auto; */
  padding: 2%;
  box-shadow: 0px 0px 5px #000000;
  border-radius: 8px;
}

.dark-web-news-div-3_3_2{
  height: 32%;
  /* overflow-y: auto; */
  padding: 2%;
  box-shadow: 0px 0px 5px #000000;
  border-radius: 8px;
}

.dark-web-news-div-3_3_3{
  height: 20%;
  /* overflow-y: auto; */
  padding: 2%;
  box-shadow: 0px 0px 5px #000000;
  border-radius: 8px;
}


.dark-web-news-div-3_3_card{
  padding: 20px;
}

.dark-web-news-div-3_3_1_heading{
  font-size: 14px;
  padding-bottom: 5px;
  border-bottom: 1px solid;
}

.dark-web-news-div-3_3_1_subheading{
  font-size: 12px;
  margin-top: 10px;
  /* border-top: 1px solid; */
}

.dark-web-news-div-3-span-flex{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.8rem;
}

.dark-web-news-div-3-span-flex span:nth-child(2){
  color: #fff;
  background-color: #f6a821;
  line-height: 1;
  padding: 3px 6px;
  border-radius: 5px;
  cursor: pointer;
}

.note-editor{
  background-color: transparent;
} 

.phishing-left-heading-grid{
  /* display: grid;
  grid-template-columns: 3fr 1fr; */
}

.phishing_domain_div{
  background-color: #e80606;
  width: fit-content;
  color: #fff;
  padding: 0px 10px;
  border-radius: 5px;
}

.phishing-accordion-details{
  padding: 2%;
  text-align: left;
}

.phishing_domain_img{
  width: 400px;
  height: 210px;
}


.phishing_domain_img img{
  width: 100%;
  height: 200px;
  overflow-y: hidden;
  padding: 15px;
}

.not_found_text_phishing{
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
}

.phishing-accordion-details{
  padding: 2%;
}

.phishing-details-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.div-for-phishing-details{
  padding: 3%;
}

.div-for-phishing-summary{
  display: grid;
  grid-template-columns: 1fr 4fr;
  margin-bottom: 25px;
}

.div-for-phishing-summary-heading{
  text-align: left;
  font-size: 18px;
  color: #fff;
  font-weight: 600;
}

.div-for-phishing-summary-summary{
  text-align: left;
  font-size: 17px;
}

.phishing-visual-div{
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0px 30px;
}

.phishing-visual-div-flex-1{
  display: flex;
  justify-content: center;
  /* align-items: center; */
  background-image: linear-gradient(310deg, #24262d, #30343c);
  box-shadow: -2px 2px 5px black;
  border-radius: 5px;
  margin-left: 25px;
  height: 175px;
}


.phishing-visual-div-flex-2{
  display: flex;
  justify-content: center;
  /* align-items: center; */
  background-image: linear-gradient(310deg, #24262d, #30343c);
  box-shadow: -2px 2px 5px black;
  border-radius: 5px;
  margin-right: 25px;
  height: 175px;
}

.phishing-visual-div-flex-img{
  padding: 15px;
  width: 100%;
  /* overflow-y: hidden; */
  display: flex;
  justify-content: center;
  align-items: center;
}


.phishing-visual-div-flex-img img{
  width: 100%;
  height: auto;
}

.div-for-phis-table{
  display: grid;
  grid-template-columns:  5fr 5fr 1fr;
  height: 100%;
}

.dark-web-news-div-3_3_1_subheading_height2{
  height: 21.5vh;
  overflow-y: auto;
  padding-right: 10px;
}

/* .dark-web-news-div-3_3_1_subheading_height1{
  height: 10vh;
  overflow-y: auto;
} */

@media only screen and (max-width: 1650px){
  .dark-web-news-div-3_3_1_subheading_height2{
    height: 13.5vh;
  }

  .dark-web-news-div-3_3_1{
    height: 22%;
  }

  .dark-web-news-div-3_3_2{
    height: 24%;
  }

  .dark-web-news-div-3_3_3{
    height: 21%;
  }

  .dark-web-news-div-img{
    width: 85px;
  }

  /* .dark-web-news-div-3_3_1_subheading_height1{
    height: 9vh;
  } */
}



.card-cred {
  /* font: 16px/1.5 "Helvetica Neue", Helvetica, sans-serif; */
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 425px;
  height: 270px;
  text-align: left;
  padding: 30px;
  margin-bottom: 50px;
  color: #fff;
  border-radius: 20px;
  box-sizing: border-box;
  background: url(data:image/jpg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABGAAD/7gAmQWRvYmUAZMAAAAABAwAVBAMGCg0AAAWlAAAFyQAACgMAAA1W/9sAhAAEAwMDAwMEAwMEBgQDBAYHBQQEBQcIBgYHBgYICggJCQkJCAoKDAwMDAwKDAwNDQwMEREREREUFBQUFBQUFBQUAQQFBQgHCA8KCg8UDg4OFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wgARCAEOAakDAREAAhEBAxEB/8QAggABAQEBAQEBAAAAAAAAAAAAAAECBQQDBwEBAQEBAAAAAAAAAAAAAAAAAAECAxABAAAAAAAAAAAAAAAAAAAAoBEBAAAAAAAAAAAAAAAAAAAAoBIBAAAAAAAAAAAAAAAAAAAAoBMBAQEBAQEBAQADAQAAAAAAABEBECAwQFBwgKCQ/9oADAMBAAIRAxEAAAH8078BAQAAAhIhAAUFABapTRpLQoKUpSmqppKarRaqCKIAUHK5alCEAKAQEiAApaoAAKaKaspQCgpSlrRpNGqpqhSAhAQHM56hCCAFUEBIAFqlKACFKU1ZopQACgpa0aTRqtVSoUkWEJEIc7GoQkBSFAAQQLVNFKhSRQKaspo0AAAClrRpNGq1VKVBCLkkZIeDGoZIICgABAUpopUtASALWjRotEpFRAClqmk3WjVUpUEIuTMZIeLFysIQFAiUIClKU0lqgEEKpo0WtIUEiogBa0aTVaNVopUEIuTMZIeLFysIAAEiiApSmi2aABAUpTRqqhQSLIAFrRU0brRa0UJFhmMkIeDFiwIUCAgIUFKaS1SgEKCmi1pBQRUSkQorRU0arRqtFQRYZiEBzsagCAFgIQApSmktUFABSlLVKgLBEABS1TSU3Wq0UJFhIyBXM5aChQQEIICqDRSpaoBQUpS1UKJAAgAKWqaNpqtVoEISIQVyuWqUVQCEECVYFoaKVBaoKUpSggABAAAUtaNJutGqAzEIAcnlu1UoqkAiAAAtUpSpS1SlKAAQAAgABSmjVbTVUpCEiChyeXSpaqCggAAAKUtUoKlLWigEBAAAQAFKU2arSUpAQigcnlu1UtCgIAIAUFKWqUFNJRVIIgCkKIAEoLVNGjVUIWCJQHK5bpaqCgAUAAKEpSgtUpQUgBAAACgApUtaKUAEABzOe6C0ABUAAApaFKEoKUCkCAAAoqgFBSlSirECiAHOxupQAAKoAAKVBQWgKCgAgABQVBQWgKUFAIAAeDnu0AQpABQAC1QUAoCChRAAAVKKpQgoBQAAFAHixqgEFAAAUIKCgtAACgEAgBVKUqC0ABQABAKB5M0ACAAAFFCgFAQpKAAAsBQlBapQAUAAAAAp5c6IIAQAAoABQKFAAKAQAAoKVKBVAAAKAIAHmzoAQAAUACCgAAoAAAAAKKpQUAAAoAAKAefNAgAIAACigABQACoUQAoQUFAqgAAAoAi0EfCUQAEAAAABQAAKoAAAAKAVAAKAAAUAoB8c0QUBAAAAAACgAAoBACgCqAAUAAAFAKCnxzQSAKQSgAAAAKAAAAAAUAAoAAABQAUAp8pSFAiFAAAIAoAFIAAAABQAAAUAAAFAKAYlAgAIEAAKAAsAFAAAAAAAABQAAAUAFBmUCAEAAAAICgAAUCFAAAIAAKFBAAKoBEtFSBACAAEAAABQAAALIABAFACgKAogAACgARKAgAIAAAACgAgAAAAAAABQAAAAUAogShAAQAAAAAoBAAAAAAAAAAAUAAAoBYgoQAEAAAABQCAAAAAAAAAAAAAAoBQWBKEABAAAAAUAgAAAAAAAAAAAAAC1AKf/2gAIAQEAAQUCZZ//2gAIAQIAAQUCZZ//2gAIAQMAAQUCZZ//2gAIAQICBj8CZZ//2gAIAQMCBj8CZZ//2gAIAQEBBj8CZZ//2gAIAQEDAT8h/FET+DfxxET+BfxxET8eM/q4xn9TGfLf5eMZ8Nb/AC8Yz+rjGf1cYz5X+TWazWb8qv8AGqqzWazWaq+6v7r8Kqs1ms1VVVVVVfFX8tVVVVXxfFVms1VVVVVXzVVftVVVVVVVVVVV81VVVVVVV8VVX61VVVVVVVVVVV9VVVVVVVV8VVVVVfhVVVVVVVVVVVVfVVVVVVVVfFVVVVVVXl5VVVVVVVVVVVVVVVVVVVVVVVVfFXlVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVfjVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVflVVeVVVVVVVVVVVVVVVVVVVVVVVVVVX71VVVVVVV5VVVXlVVVVVVVVVVVVX8dVV7VVVVfFVVVVVVVVVVVVX8t/BVVVVVVVVVVeX+PVVVXtVeXt/k363/ef//aAAgBAgMBPyH/ALLP/9oACAEDAwE/If8Ass//2gAMAwEAAhEDEQAAEIIJJJAW+3322ycmaaStgH7oTBJFtBJIJIX2/wAkQGRa0ym7aBtYQQCCCSTvQCDtsiLZQLFpJbLaBtCHGSJKSZnySCf2JPPLI3LbZLKBtCYmiIECT+SSCSRb23/0pCmLJITlCYmyalgCQBSSADO2mu0qGQxJaR3wYuya1ySSQySSZU220nYHQzJaD8qJMBYHyEBQQQSZ23im5Q0mKLKC+6BuDIAQG1QSSQZk0kULSEiLZJAPkDeRbRIQLCTeCBMk0/bQgbJZLKTPQCBLStwASd14RJ8m7bJbJLJJZSc4Qa39huCB9t/yTdklLbLbMyk0pRmCX+0MPt/ttvtgLf0hKm2km20nIPvt5JDiAEk20/8AIEzdNfaaW27ZrQFEUAej7bQAAAv78gWWgkAkgCy9O2xpJL4kkLbf7Eg77fvf7f7pEESbr6W2lf8A34ABJH/zIIABIBBH3yZBABCScJKCf23+BBMl+0tgBm5B+32/+0kOksABJAe++STYALe/ZE+TJAJb2lrW323/AJCCQD7tv9rZd+wbZJbbSSkE0m22tv8AesAEgAkkgmb9JJtpJb/2y2SQAFpL/wC3/wD/AP8A+7BEttsltoJKVslttsgJJABIQJID326AABIBObybSbbf/wD9JLaACAASAQv/ALbb/b7/AG/Sbbbbbb+2/wDpP/paASQAASQSCBJ9pu22222kl/8A/wD/ANv/AKS222S2Wy3SXSSSTbJJBtttttJP/wD22/8A9vt9AZIbttpJI20kkkkkkm20km20m0kAIBJABJbJJJAEAAAE22kA22gA5AAAYADJJJIBJJI22/8AbaSEgSSSyWCAAAAAAASwAGSSSSSSS2SSSW2SySAgAgAAACwAySSSSSSSW/2SS/4SWAgAAAAAAAGSSSAAAAAD/wD/AP8A5PASAAAAAAAEAGSSAAAAAAB//wD/AOwnj//aAAgBAQMBPxBebvL51rW8iIzoiIzGYzGYzGYiIzGYxjGMYxjGd3PFZvhu8vb41vIiMxngIjMZjMZjMZiIiMxjGMYxjGMREbnNVeN7vL293sRmMxhnRERmMxmMxmIiInMYxnTGM8bjWtbqta3m+98ZjMZjMREREZjMZjMZiInjOYzwMYzuta1qtxvy3xmMxmMxE5ucjMZjMZjMRE5ueMZ0xjGd1reN5rWtxETzvMYxjMZ3c5OZjMZjGed7jGeBjGd1vTUa1vw3xjGMZ6zGMYz1vjGNNNM1msXm61rW83W9iJzebzOYxjGeYxjGM7ebvKqs1ms1pppms3u63Wt5G6vvW+cYxms1VXuMYxiqq8vjNZrNZrTTTNZqt1ut1u+FXlXm7zfGaxms1ms1V5jGMZyqqqqryqzWazwAzWardbrdVV3jCs1VVVVVVWazWazWaqqxjGcqqqqqqqrxhnkAZw3W63VVWGGazVVVXlVVZrNZrNZrNVms1ms1VVVXiqqqq8YZ4AYZw003wGGazWb0qqqqqqzWazWazWazWazWavxAKq8VVYZ0GGdGm+AzWazV8hVVVVWazWazWazWGGGfYAAqs1msMMMc7984zWazfIVVVVVWazWazWdGGGfUABVVWawwwz4//NZrN+IBVVVZrNZ4DPuXMKqqrDDDPj/qzV+gAKwzfyAAAM/EAP5VXpfmAGfiAAAwwwz8IAEKqqqqv6wAAADDDDPwgAAqqqqqr5C/lAAAMMMM/CAACqqqqqqqqr9QAL7ArOGfiAAAqqqqqqqqqqqr5Cr8AFVfygAAFVVVVXFVVVVVVVeKqqqqqqqqq/hAAC8VVVVVVVVVVVVVVVVVVVVVVVVVfYFXwLxV4vKqqqqqqqqqqqquqqqqqqqqqqqq8VVVVVVVV8qvaqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqr2r+Gqqqqqqqqqqqqqqqqqqqqr43fFVVVfdVV9VVXtVVVVXtVVVVVV7vi/Cqv4qqqq+Kqqvavne75v4Kqqqqqr6qrnqr27+PPNX7VV9VVXtXzvjflnjd/JVVfrv4d/Xm/Lfrnjf4P//aAAgBAgMBPxD/ABDf94L/AMVf/9oACAEDAwE/EP8Az5if4En/ALXf/9k=) no-repeat 0 0 #141819;
}
.card__number {
  font-size: 30px;
  padding: 60px 0 15px;
  text-align: center;
}
.card__expiry-date {
  font-size: 14px;
  padding-bottom: 20px;
  text-align: center;
}
.card__owner {
  text-align: left;
}
.card__logo {
  position: absolute;
  right: 20px;
  bottom: 20px;
}
.card--front {
  font-size: 16px;
  /* font-family: "Source Code Pro"; */
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
}


.trigger-div{
  width: 65px;
  height: 65px;
  background-color: #f6a821;
  border-radius: 35px;
  position: fixed;
  right: 1%;
  bottom: 1%;
  cursor: pointer;      
  z-index: 99999; 
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000;
  font-size: 30px;
}
.trigger-div.active{
  border-top-left-radius: 0;
  border-top-right-radius: 35px;
  border-bottom-right-radius: 35px;
  border-bottom-left-radius: 35px;
}
/* .trigger-div:focus{
  border-top-left-radius: 0;
  border-top-right-radius: 35px;
  border-bottom-right-radius: 35px;
  border-bottom-left-radius: 35px;
} */
.menu{
  display: none;
  max-height: 395px;
  width: 320px;
  /* background-color: white; */
  position: fixed;
  border-radius: 10px;
  /* right: 5.3%;
  bottom: 10%; */
  right: 85px;
  bottom: 75px;
  z-index: 99999;    
  box-shadow: 0px 0px 23px 4px #000;
}
.hello-section{
  height: 75px;
  width: 100%;
  background-color: #24262d;
  color: #FFF;
  position: relative;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  /* padding-left: 8%; */
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  padding-bottom: 4%;
}


.hello-section p{
  margin-bottom: 0px;
  line-height: 1.3;
}

.grid-item{
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100%;
  width: 100%;
  /* margin-top: 6%; */
  padding: 2%;
}
.grid-item i{
  font-size: 40px;
  /* margin-top: 14%; */
  /* margin-left: 27%; */
}
.grid-item p{
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 0px;
  margin-top: 0.3rem;
  /* margin-left: 4%; */
}


.grid-item:hover i,
.grid-item:hover p{
  color: #fff;
}

.frm-errors{
  display: block;
  visibility: hidden;
  color: red;
}

.bottom-options{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  cursor: pointer;
 }

.bottom-options:nth-child(2){
 /* background-color: #fff; */
 border-left: 1px solid #cac9c9;
 border-right: 1px solid #cac9c9;
}

/* ticketing */

.ticket-content{
  margin-top: 87px;
  margin-left: 200px;
}

.table-filter-position-ticket{
  position: absolute;
  top: -40px;
  left: 0%;
  z-index: 1;
  width: 8vw;
}

.ticket-table thead th{
  background-color: #000;
}

.ticket-table tbody td{
  border-bottom: 1px solid #000;
}

.ticket-table tbody tr td:nth-child(1){
    /* width: 60vw; */
}

.ticket-table-td-flex{
  display:flex;
  align-items: center;
}

.ticket-table-td-details-grid{
  display: grid;
  grid-template-rows: 1fr 1fr;
}

.ticket-table-td-details-flex{
  display:flex;
  /* justify-content: space-around; */
  align-items: center;
}

.ticket-table-td-details-heading{
  font-size: 20px;
  /* display: -webkit-box; */
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 30vw;
}

.ticket-table-td-flex-icon{
  font-size: 23px;
  padding: 10px;
  border: 1px solid #5d5f62;
  border-radius: 50%;
  height: 45px;
  width: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 20px;
  margin-right: 20px;
  cursor: pointer;
}

/* .ticket-table-td-flex-icon:hover{
  border: 1px solid #f6a821;
} */

.ticket-table-td-details-sub:nth-child(1){
  padding-left: 0px;
}

.ticket-table-td-details-sub{
  padding-left: 15px;
  padding-right: 15px;
  border-right: 1px solid #5d5f62;
}

.ticket-table-td-details-sub:nth-last-child(1){
  border-right: 0px solid #5d5f62;
}

.ticket-status-div-open{
  /* background-color:#55353d; */
  border: 2px solid #b03e3e;
  background-color: #b03e3e30;
  width: fit-content;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 5px;
  cursor: pointer;
  color:#ff6060 ;
}

.ticket-status-div-close{
    /* background-color:#55353d; */
    border: 2px solid #41b04b;
    background-color: #41b04b30;
    width: fit-content;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 5px;
    cursor: pointer;
    color:#7cff88 ;
}

/* tickting pop up */

.ticket-div-pop-up {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  right: -100%;
  background-color: #2a2d35;
  opacity: 0;
  transition: 0.5s ease;
  padding: 0px;
  z-index: 2;
}


.ticket-div-pop-up-bg {
  height: 100%;
  width: 100%;
  overflow-y: auto;
}


.ticket-div-pop-up.active {
  opacity: 1;
  right: 0%;
}

.ticket-div-details-1{
  padding-top: 35px;
  padding-left: 25px;
}

.ticket-div-details-1-heading{
  font-size: 19px;
  border-bottom: 1px solid #cac9c9;
  width: fit-content;
  padding-right: 40px;
}

.ticket-div-details-1-details{
  margin-top: 0.9rem;
  padding-left: 10px;
}

.ticket-div-details-1-details_head{
  font-size: 15px;
  color: #fff;
}

.ticket-div-details-1-details_sub{
  font-size: 15px;
}
.ticket-div-details-1-det-flex{
  display: flex;
  flex-direction: column;
  margin-top: 0.8rem;
  padding-left: 10px;
  margin-bottom: 1.5rem;
}

.ticket-div-details-1-det-flex-head-status{
  font-size: 15px;
  margin-bottom: 0.4rem;
}

.ticket-div-details-1-det-flex-head{
  font-size: 15px;
}

.ticket-div-details-1-det-flex-det{
  color: #fff;
}

.ticket-summary-details-div-padding{
  padding: 2%;
  border-left: 2px solid #cac9c9;
  height: 100%;
  position: relative;
}

.ticket-summary-details-div-flex{
  display: flex;
  align-items: center;
}

.ticket-summary-details-heading{
  font-size: 27px;
  color: #fff;
}

.ticket-summary-details-ticketid{
    padding-left: 12px;
    /* border: 1px solid #7b5e2a; */
    border-radius: 5px;
    /* padding-right: 12px; */
    margin-left: 12px;
}

.ticket-summary-details-time{
  border-left: 1px solid #5d5f62;
  margin-left: 0.8rem;
  padding-left: 0.8rem;
}

.ticket-summary-content-bg{
    /* margin-top: 1rem; */
    padding-top: 1rem;
    padding-left: 1rem;
    border-top: 1px solid #5d5f62;
}

.ticket-desc-heading{
    font-size: 16px;
}

.ticket-desc-heading-flex{
  display: flex;
  align-items: center;
  /* padding: 0.5rem; */
  margin-top: 0.6rem;
}

.ticket-desc-heading-flex-1{
  padding: 0px 10px;
  padding-left: 0px;
  color: #fff;
  font-size: 15px;
}

.ticket-desc-heading-flex-2{
  padding: 0px 10px;
  /* padding-left: 0px; */
  /* color: #fff; */
  font-size: 13px;
  border-left: 1px solid #5d5f62;
}

.ticket-desc-area{
  margin-top: 1rem;
}

.ticking-row-div{
  padding-top: 40px; 
  height: 84.6vh; 
  overflow-y: auto;
}

.close-ticket-btn{
  position: absolute;
  bottom: 3%;
  right: 3%;
}

/* 15 dec */

.tab-for-ticket-details{
  width: 100%;
  height: 21px;
  margin-top: 1.5rem;
}

.tab-for-ticket-details li {
  height: fit-content;
}


.tab-for-ticket-details li button{
  background-color: transparent;
  color: #fff;
  border: 0px;
  width: 150px;
}


.tab-for-ticket-details li button.active{
  background-color: transparent !important;
  border-bottom: 2px solid #f6a821;
  border-radius: 0px !important;
}


.div-for-add-resolution{
  width: 100%;
  height: 80px;
  display: grid;
  grid-template-columns: 1fr 10fr;
  border:  1px solid #5d5f62;
  border-radius: 8px;
  padding-top: 20px;
  margin-bottom: 1rem;
}

.div-for-add-resolution-chat-area{
  width: 100%;
  height: auto;
  display: grid;
  grid-template-columns: 1fr 15fr;
  /* border:  1px solid #5d5f62; */
  border-radius: 8px;
  /* padding-top: 20px; */
  /* padding-bottom: 20px; */
  margin-bottom: 1rem;
}

.resolution-chat-response{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 18px;
  background-color: transparent;
  outline: 0px;
  border: 0px;
  width: 100%;
  height: 100%;
  color: #cac9c9;
}

.div-for-add-resolution textarea{
  width: 100%;
  height: 100%;
  resize: none;
  background-color: transparent;
  border: none;
  outline: none;
  color: #cac9c9;
}

.resolution-div-info-user{
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.resolution-div-info-user-sub{
  background-color: #000000;
  color: #fff;
  width: 45px;
  height: 45px;
  display:flex;
  justify-content: center;
  align-items: center;
  border-radius: 13px;
  cursor: pointer;
}

.button-resolution-ticket{
  float: right;
  /* margin-top: 1.5rem; */
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
}

.button-resolution-ticket-clear{
  background-color: transparent;
  float: right;
  /* margin-top: 1.5rem; */
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #f6a821;
  margin-left: 0.8rem;
}

.ticket-assing-icon-flex{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  border: 1px solid #5d5f62;
  border-radius: 50%;
  padding-left: 5px;
  font-size: 17px;
  cursor: pointer;
}

.assign-to-div-modal{
  padding-top: 40px;
  padding-left: 40px;
  padding-right: 40px;
  display:grid;
  grid-template-columns: 1fr 3fr;
  grid-gap: 20px 0px ;
}

.assign-to-div-modal-title{
  font-size: 16px;
  font-weight: 600;
  display: flex;
  align-items: center;
  color: #fff;
}

.btn-ticket-assign{
  line-height: 1;
  display:flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  padding: 0px 20px ;
  float: right;
  margin-top: 30px;
  margin-right: 40px;
}

.subscription-div-status-active{
  border: 2px solid #41b04b;
  background-color: #41b04b30;
  width: fit-content;
  padding-left: 8px;
  padding-right: 8px;
  border-radius: 5px;
  cursor: pointer;
  color: #7cff88;
}

.subscription-div-status-notactive{
  border: 2px solid #f23333c4;
  background-color: #f2333321;
  width: fit-content;
  padding-left: 8px;
  padding-right: 8px;
  border-radius: 5px;
  cursor: pointer;
  color: #ff7575;
}


.details-tab-background-grid{
  display: grid;
  grid-template-columns: 1fr 4fr;
  padding: 10px 10px;
  /* border-bottom: 1px solid #5d5f62; */
}

.details-tab-background-heading{
  font-size: 14px;
}

.details-tab-background-details{
  font-size: 14px;
  color: #fff;
}

.details-tab-background{
  padding-top: 10px;
}

.admin-tag-profile{
  font-size:10px ;
  background-color: #201f28;
  padding: 2px 10px;
  margin-left: 5px;
  border-radius: 5px;
}


    /* client */

    .client-user-logo{
      height: 65px;
      width: auto;
    }

    .client-user-logo-bg{
      background-color: #353842;
      margin: 0px 40px;
      padding: 5px 0px;
      border-radius: 8px;
      box-shadow: 0px 1px 22px -12px #000000ab;
    }

    .client-user-name{
      font-size: 17px;
      color: #c8cfd5;
      font-weight: 600;
    }

    .client-user-name-org{
      font-size: 14px;
      color: #c8cfd5;
      font-weight: 400;
    }

    .client-user-view-profile{
      background-color: #2f353e;
      color: #fff;
      width: fit-content;
      padding: 0px 8px;
      border-radius: 5px;
      margin-top: 1rem;
      cursor: pointer;
      font-size: 14px;
    }

    .close-btn-client{
      position: absolute;
      top: 2%;
      left: 3%;
      background-color: #1a1a1c;
      padding: 3px 10px;
      border-radius: 8px;
      width: fit-content;
      cursor: pointer;
    }
    .row-class-social{
      padding: 4% 3%;
    }
    .user-name-mssp h5 {
      color: #fff;
      position: absolute;
      top: 55px;
      right: 10%;
      font-size: 15px;
    }
    .user-details-mssp {
      margin-top: 1.8rem;
    }
    
    
    .active-status-green-mssp {
      border-radius: 8px;
      width: 8px;
      position: absolute;
      height: 8px;
      background-color: #2AFF00;
      filter: drop-shadow(1px 2px 3px black);
      top: 60px;
      right: 6%;
    }
    
    .active-status-none-mssp {
      border-radius: 8px;
      width: 8px;
      position: absolute;
      height: 8px;
      filter: drop-shadow(1px 2px 3px black);
      background-color: #F44336;
      top: 60px;
      right: 6%;
    }

    .add-user-client-role{
      cursor: pointer; 
      display: flex; 
      justify-content: center; 
      align-items:center; 
      font-size: 20px;
    }

@media only screen and (max-width: 1650px){
  .ticking-row-div{
    padding-top: 40px; 
    height: 80.6vh; 
    overflow-y: auto;
  }
  .user-details-mssp{
    padding: 81px 10px 0px;
  }
  .user-name-mssp h5{
    top: 100px;
  }
  .active-status-none-mssp{
    top: 105px;
  }
  .active-status-green-mssp {
    top: 105px;
  }
}

/*  add org */


/*progressbar*/
#progressbar-add-org {
  margin-bottom: 15px;
  overflow: hidden;
  /*CSS counters to number the steps*/
  counter-reset: step;
}

#progressbar-add-org .progressbar-add-org-li {
  list-style-type: none;
  color: white;
  text-transform: uppercase;
  font-size: 9px;
  width: 33.33%;
  float: left;
  position: relative;
  text-align: center;
}

#progressbar-add-org .progressbar-add-org-li:before {
  content: counter(step);
  counter-increment: step;
  width: 20px;
  line-height: 20px;
  display: block;
  font-size: 13px;
  color: #cac9c9;
  background: #484c57;
  border-radius: 3px;
  margin: 0 auto 5px auto;
}

/*progressbar connectors*/
#progressbar-add-org .progressbar-add-org-li:after {
  content: '';
  width: 100%;
  height: 3px;
  background: #484c57;
  position: absolute;
  left: -50%;
  top: 8px;
  z-index: -1;
  /*put it behind the numbers*/
}

#progressbar-add-org .progressbar-add-org-li:first-child:after {
  /*connector not needed before the first step*/
  content: none;
}

/*The number of the step and the connector before it = active*/
#progressbar-add-org .progressbar-add-org-li-1.active:before,
#progressbar-add-org .progressbar-add-org-li-1.active:after {
  background: #f6a821;
  color: white;
}

#progressbar-add-org .progressbar-add-org-li-2.active:before,
#progressbar-add-org .progressbar-add-org-li-2.active:after {
  background: #f6a821;
  color: white;
}

#progressbar-add-org .progressbar-add-org-li-3.active:before,
#progressbar-add-org .progressbar-add-org-li-3.active:after {
  background: #f6a821;
  color: white;
}

.form-add-org {
  box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
  width: 60%;
  padding: 50px 50px;
}

.form-add-org-bg {
  display: flex;
  justify-content: center;
}

.w-95_form-input{
  width: 95%;
}


.ticket-assing-icon-flex{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  border: 1px solid #5d5f62;
  border-radius: 50%;
  padding-left: 5px;
  font-size: 17px;
  cursor: pointer;
}

.assign-to-div-modal{
  padding-top: 40px;
  padding-left: 40px;
  padding-right: 40px;
  display:grid;
  grid-template-columns: 1fr 3fr;
  grid-gap: 20px 0px ;
}

.assign-to-div-modal-title{
  font-size: 16px;
  font-weight: 600;
  display: flex;
  align-items: center;
  color: #fff;
}

.btn-ticket-assign{
  line-height: 1;
  display:flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  padding: 0px 20px ;
  float: right;
  margin-top: 30px;
  margin-right: 40px;
}
.height-class-vul-small-screen{
  overflow-y: auto;
}
.height-tab-brand-phis{
  overflow-y: hidden;
}

.height-table-phis-accordion{
  height: 800px;
  overflow-y: auto;
}

.social-media-padding-top{
  padding-top: 2%;
}
.height-web-defacement-small{
  height: 780px;
  overflow-y: auto;
}
/* 18 jan */
.web-security_details_heading_sub_trim{
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.text-trim_1{
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}



/* vuln dash */

.vuln_dash_card_grid{
  display: grid;
  height: 100%;
  grid-template-columns: 4fr 2fr;
}

.vuln_dash_web{
  padding-top: 20px;
  padding-left: 15px;
  display: grid;
  grid-template-rows: 4fr 2fr;
}

.vuln_dash_web_1{
  padding-top: 20px;
  /* padding-left: 15px; */
  padding-right: 10px;
  display: grid;
  grid-template-rows: 0fr 3fr;
}

.vuln_dash_web_2{
  padding-top: 20px;
  /* padding-left: 15px; */
  padding-right: 25px;
  display: grid;
  grid-template-rows: 0fr 4fr;
}

.vuln_dash_web_headng_1{
  font-weight: 300;
  color: #c8cfd5;
  line-height: 1;
  font-size: 21px;
}


.vuln_dash_web_headng_2{
  font-weight: 500;
  color: #cac9c9;
  line-height: 1;
  font-size: 40px;
  margin-top: 10px;
  /* margin-left: 30px; */
}

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

.vuln_dash_sub_div_grid{
  display: grid;
  grid-template-rows: 1fr 1fr;
  height: 93%;
}

.vuln_open_div_grid{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  height: 77%;
  margin-top: 3%;
}

.vuln_status_open_heading{
  font-size: 18px;
  border: 1px solid #f65164;
  background-color: #f651641c !important;
  width: fit-content;
  border-radius: 5px;
  line-height: 1;
  padding: 4px 15px;
  margin-bottom: 15px;
  margin-top: 15px;
  margin-left: 15px;
  cursor: default;
}

.vuln_status_Close_heading{
  font-size: 18px;    
  border: 1px solid #98ff98;
  background-color: #98ff981c !important;
  width: fit-content;
  border-radius: 5px;
  line-height: 1;
  padding: 4px 15px;
  margin-bottom: 15px;
  margin-top: 15px;
  margin-left: 15px;
  cursor: default;
}

.vuln_div_align_text{
  /* margin: 25px; */
  /* padding: 1.7vw; */
  display: flex;
  justify-content: center;
  align-items: center;
}

.vuln_div_align_text:nth-child(1){
  border-right: 1px solid #24262d;
}

.vuln_div_align_text:nth-child(2){
  border-right: 1px solid #24262d;
}

.vuln_div_align_text_1{
  font-size: 20px ;
  font-weight: 300;
  color: #c8cfd5;
}

.vuln_div_align_text_2{
  font-size: 2.1vw ;
  font-weight: 500;
  color: #fff; 
}

.vuln_main_graph_div_grid{
  display: grid;
  grid-template-rows: 1fr 2fr;
  height: 100%;
}

.vuln_main_div_sub_grid{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  height: 100%;
}

.vuln_assets_grid_heading{
  display: grid;
  grid-template-columns: 3fr 1fr;
  margin-top: 0.9vh;
  margin-bottom: 0.9vh;
  padding-left: 15px;
  padding-right: 15px;
}

.vuln_assets_grid_heading_sub{
  font-weight: 400;
  color: #c8cfd5;
  font-size: 17px;
  /* padding-right: 30px; */
}

.vuln_assets_grid_height{
  height: 37vh;
  overflow-y: auto;
  /* padding-left: 25px; */
  /* padding-right: 25px; */
}

.vuln_assets_grid_sub_heading{
  padding-left: 15px;
}

.vuln_assets_grid{
  display: grid;
  grid-template-columns: 3fr 1fr;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 16px;
  border-bottom: 1px solid #24262d;
}


.vuln_head_word_break{
  word-break: break-all;
  padding-right: 8px;

}
.vuln_count{
  text-align: center;
}

.vuln_dashboard_recent_dropdown{
  position: absolute;
  right: 0%;
  top: -8.5%;
  width: 20%;
}


/* brand Dashboard */

.brand_dash_card_ng{
  background-color: #24262d !important;
  width: 100%;
  padding-top: 15px;
  border-radius: 8px;
  cursor: pointer;
  transition: 0.2s;
}

.brand_dash_card_ng:hover{
  box-shadow: 0px 0px 20px #000 ;
}


.brand_card_sub_grid{
  display: grid;
  grid-auto-rows: 2fr 5fr 2fr;
  height: 100%;
}

.brand_card_sub_1{
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.2vw;
  font-weight: 400;
  color: #c8cfd5;
}

.brand_card_sub_2{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  /* font-weight: 400;
  color: #c8cfd5; */

}

.brand_card_sub_2_flex{
  width: 100px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 50px;
  background-color: #0000002b;
  border-radius: 50%;
}

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

.brand_card_sub_3_flex{
  display: flex;
  justify-content: center;
  align-items:center;
  height: 40px;
  width: 190px;
  border-radius: 20px;
  background-color: #443e5138;
  color:  #ff2c2c;
}

.brand_main_graph_grid{
  display: grid;
  grid-template-rows: 8fr 1fr;
  height: 100%;
}

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


.brand_main_dash_tab_button ul{
  background-color: #24262d;
  border-radius: 8px;
  padding: 8px 10px;
}

.brand_main_dash_tab_button .nav-link {
  color: #cac9c9;
}

.brand_main_dash_tab_button .nav-item {
  height: fit-content;
}

.brand_main_dash_tab_button .nav-link.active {
 background-color: #f6a821;
}

.tab_pane_graph_main_flex{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.tab_pane_graph_main_flex_sub{
  display: grid;
  grid-template-rows: 1fr 7fr;
  height: 100%;
  width: 100%;
}

.tab_pane_graph_main_flex_sub_heading{
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.4vw;
  /* font-weight: 400; */
  color: #fff;
}

.brand_main_graph_div_flex{
  display: flex;
  justify-content: center;
  align-items: center;
}
/* attack pop 8 */
.attack-surface-div-pop-up_8 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  right: -100%;
  background-color: #2a2d35;
  opacity: 0;
  transition: 0.5s ease;
  padding: 0px;
  z-index: 2;
}

.attack-surface-div-pop-up-bg_8 {
  height: 100%;
  width: 100%;
  overflow-y: auto;
}


.attack-surface-div-pop-up_8.active {
  opacity: 1;
  right: 0%;
}

/* attack pop 9 */
.attack-surface-div-pop-up_9 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  right: -100%;
  background-color: #2a2d35;
  opacity: 0;
  transition: 0.5s ease;
  padding: 0px;
  z-index: 2;
}

.attack-surface-div-pop-up-bg_9 {
  height: 100%;
  width: 100%;
  overflow-y: auto;
}


.attack-surface-div-pop-up_9.active {
  opacity: 1;
  right: 0%;
}

/* attack pop 10 */
.attack-surface-div-pop-up_10 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  right: -100%;
  background-color: #2a2d35;
  opacity: 0;
  transition: 0.5s ease;
  padding: 0px;
  z-index: 2;
}

.attack-surface-div-pop-up-bg_10 {
  height: 100%;
  width: 100%;
  overflow-y: auto;
}


.attack-surface-div-pop-up_10.active {
  opacity: 1;
  right: 0%;
}

/* attack pop 11 */
.attack-surface-div-pop-up_11 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  right: -100%;
  background-color: #2a2d35;
  opacity: 0;
  transition: 0.5s ease;
  padding: 0px;
  z-index: 2;
}

.attack-surface-div-pop-up-bg_11 {
  height: 100%;
  width: 100%;
  overflow-y: auto;
}

.attack-surface-div-pop-up_11.active {
  opacity: 1;
  right: 0%;
}


/* attack pop 12 */
.attack-surface-div-pop-up_12 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  right: -100%;
  background-color: #2a2d35;
  opacity: 0;
  transition: 0.5s ease;
  padding: 0px;
  z-index: 2;
}

.attack-surface-div-pop-up-bg_12 {
  height: 100%;
  width: 100%;
  overflow-y: auto;
}

.attack-surface-div-pop-up_12.active {
  opacity: 1;
  right: 0%;
}



/* generate report */

.generate-report-details-bg-flex{
  display: flex;
  justify-content: center;
  align-items: center;
}

.generate-report-details-bg{
  background-color: #3d3f47;
  height: 55vh;
  width: 80%;
  margin-top: 1%;
  border-radius: 8px;
  box-shadow: 0px 1px 22px -12px #000000ab;
}

.generate-report-details-bg-div1{
  /* background-color: #353842; */
  height: 100%;
}
.generate-report-details-bg-div2{
  /* background-color: #353842 !important; */
  height: 100%;
  border-radius: 8px;
}

.generate-report-details-bg-div2-img-flex{
 display: flex;
 justify-content: center;
}
.generate-report-details-bg-div2-img{
  height: 40.5vh;
  box-shadow: 0px 1px 25px 0px #000000ab;
}

.generate-report-executive-summary-heading{
  /* font-size: 2em; */
  font-weight: 300;
  color: #9aa2b1; 
  line-height: 1;
}

.generate-report-btn-position{
  display: flex;
  justify-content: end;
  align-items: center;
}

.generate-report-btn-bg{
  position: relative;
  display: flex;
  width: 100%;
  height: 3em;
  border-radius: 0.25em;
  overflow: hidden;
  background-color: #f6a821;
  border: 1px solid #e18f01;
  justify-content: center;
  align-items: center;
  transition: 0.2s;
  cursor: pointer;
  margin-top: 1vh;
  color: #fff;
}

.generate-report-add-details-tab-grid{
  display: grid;
  grid-template-columns: 1fr 7fr;
  padding-left: 3rem;
}

.generate-report-add-details-tab-text{
  font-size: 16px;
}

.generate-report-add-details-tab-input{
  display: flex;
  justify-content: center;
  align-items: center;
}


.generate-report-add-details-tab-input input{
  width: 18px;
  height: 18px;
}

.generate-report-add-details-tab-input input[type="checkbox"]{
  accent-color: #f6a821;
}

.add-in-report-heading{
  font-size: 1.5em;
  color: #9aa2b1;
}

.archive-report-bg-flex{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30vh;
}

.archive-report-bg-img {
  height: 100%;
}
.archive-report-bg-img img{
  height: 100%;
}

.mr-top-report-archive{
  margin-top: 4rem;
}

.mr-top-report-archive:nth-child(1){
  margin-top: 1rem;
}

.mr-top-report-archive:nth-child(2){
  margin-top: 1rem;
}

.date-archive-report-bg{
  background-color:#2b2b2e;
  padding: 5px;
  margin-bottom: 1rem;
  border-radius: 5px;
  /* display: flex;
  justify-content: space-between; */
  width: fit-content;
}



.card_report {
  --background:#24262d ;
  --background-checkbox: #f6a821;
  /* --background-image: #fff, rgba(128, 128, 128, 0.8); */
  --text-color: #666;
  --text-headline: #000;
  --card-shadow: #f6a821;
  --card-height: 190px;
  --card-width: 15vw;
  --card-radius: 12px;
  --header-height: 47px;
  --blend-mode: overlay;
  --transition: 0.15s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.card_report:nth-child(odd) .card__body-cover-image_report {
  --x-y1: 100% 90%;
  --x-y2: 67% 83%;
  --x-y3: 33% 90%;
  --x-y4: 0% 85%;
}
.card_report:nth-child(even) .card__body-cover-image_report {
  --x-y1: 100% 85%;
  --x-y2: 73% 93%;
  --x-y3: 25% 85%;
  --x-y4: 0% 90%;
}
.card__input_report {
  position: absolute;
  display: block;
  outline: none;
  border: none;
  background: none;
  padding: 0;
  margin: 0;
  -webkit-appearance: none;
}
.card__input_report:checked ~ .card__body_report {
  --shadow: 0 0 0 3px var(--card-shadow);
}
.card__input_report:checked ~ .card__body_report .card__body-cover-checkbox_report {
  --check-bg: var(--background-checkbox);
  --check-border: #fff;
  --check-scale: 1;
  --check-opacity: 1;
}
.card__input_report:checked ~ .card__body_report .card__body-cover-checkbox--svg_report {
  --stroke-color: #fff;
  --stroke-dashoffset: 0;
}
.card__input_report:checked ~ .card__body_report .card__body-cover_report:after {
  --opacity-bg: 0;
}
.card__input_report:checked ~ .card__body_report .card__body-cover-image_report {
  --filter-bg: grayscale(0);
}
.card__input_report:disabled ~ .card__body_report {
  cursor: not-allowed;
  opacity: 0.5;
}
.card__input_report:disabled ~ .card__body_report:active {
  --scale: 1;
}
.card__body_report {
  display: grid;
  grid-auto-rows: calc(var(--card-height) - var(--header-height)) auto;
  background: var(--background);
  height: var(--card-height);
  width: var(--card-width);
  border-radius: var(--card-radius);
  overflow: hidden;
  position: relative;
  cursor: pointer;
  box-shadow: var(--shadow, 0 4px 4px 0 rgba(0, 0, 0, 0.02));
  transition: transform var(--transition), box-shadow var(--transition);
  transform: scale(var(--scale, 1)) translateZ(0);
}
.card__body_report:active {
  --scale: 0.96;
}
.card__body-cover_report {
  --c-border: var(--card-radius) var(--card-radius) 0 0;
  --c-width: 100%;
  --c-height: 100%;
  position: relative;
  overflow: hidden;
}
.card__body-cover_report:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: var(--c-width);
  height: var(--c-height);
  border-radius: var(--c-border);
  background: linear-gradient(to bottom right, var(--background-image));
  mix-blend-mode: var(--blend-mode);
  opacity: var(--opacity-bg, 1);
  transition: opacity var(--transition) linear;
}
.card__body-cover-image_report {
  width: var(--c-width);
  height: var(--c-height);
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: var(--c-border);
  filter: var(--filter-bg, grayscale(1));
  -webkit-clip-path: polygon(0% 0%, 100% 0%, var(--x-y1, 100% 90%), var(--x-y2, 67% 83%), var(--x-y3, 33% 90%), var(--x-y4, 0% 85%));
          clip-path: polygon(0% 0%, 100% 0%, var(--x-y1, 100% 90%), var(--x-y2, 67% 83%), var(--x-y3, 33% 90%), var(--x-y4, 0% 85%));
}
.card__body-cover-checkbox_report {
  background: var(--check-bg, var(--background-checkbox));
  border: 2px solid var(--check-border, #fff);
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 1;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  opacity: var(--check-opacity, 0);
  transition: transform var(--transition), opacity calc(var(--transition) * 1.2) linear;
  transform: scale(var(--check-scale, 0));
}
.card__body-cover-checkbox--svg_report {
  width: 13px;
  height: 11px;
  display: inline-block;
  vertical-align: top;
  fill: none;
  margin: 7px 0 0 5px;
  stroke: var(--stroke-color, #fff);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 16px;
  stroke-dashoffset: var(--stroke-dashoffset, 16px);
  transition: stroke-dashoffset 0.4s ease var(--transition);
}
.card__body-header_report {
  height: var(--header-height);
  background: var(--background);
  padding: 0 10px 10px 10px;
}
.card__body-header-title_report {
  /* color: var(--text-headline); */
  color: #cac9c9;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 0px;
}
.card__body-header-subtitle_report {
  color: #cac9c9;
  font-weight: 500;
  font-size: 13px;
}

.card_report_icon_flex{
  font-size: 60px;
  color: #f6a821;
  height: 100%;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}

.generate_report_details_gird{
  display: grid;
  grid-template-columns:  1fr 4fr;
  margin-top: 15px;
}

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

.view_assets_btn{
  /* position: absolute; */
  /* width: fit-content; */
  line-height: 2.2;
  /* top: 80px;
  right: 4%; */
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40%;
  margin-left: 15px;
}

.all_assets_list_heading{
  font-size: 20px;
}

.new-table-assets-td tbody tr td {
  height: 4vh !important;
}

.add-assets-btn{
  position: absolute;
  right: 3.5%;
}

.add-assets-btn .btn-primary{
  line-height: 2.2;
  cursor: pointer;
}



.ip_assets_form_grid{
  display: grid;
  height: 100%;
  grid-template-rows:0fr 4fr 2fr;
}

.ip_assets_heading_modal{
  font-size: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ip_assets_input_grid{
  display: grid;
  grid-template-columns: 2fr 5fr;
}

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

.ip_assets_heading_flex{
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  color: #ffffff;
}

.ip_assets_input_flex{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 90%;
  position: relative;
  flex-direction: column;
}

.ip_assets_btn_flex{
  display: flex;
  justify-content: flex-end;
  align-items: center;  
  margin-right: 40px;
  margin-top: 5px;
}

.ip_file_info_icon_position{
  position: absolute;
  top: 0%;
  right: 0%;
}

.sample_file_button_position{
  position: absolute;
  bottom: 2%;
  right: 2%;
  padding: 1px 7px;
  border: 1px solid #cac9c9;
  border-radius: 5px;
  cursor: pointer;
}

.sample_file_button_position:hover{
  /* color: #f6a821; */
  border-color: #f6a821 ;
}

.info_text_for_file{
  font-size: 10px;
  margin-top: 15px;
}


.dns_details_flex_main{
  display: flex;
  flex-direction: column;
  padding-left: 10px;
  /* border-left:  1px solid #909ba5; */
}

.dns_details_heading{
  /* font-size: 14px;
  color: #fff;
  font-weight: 600; */
  color: #cac9c9;
  border-bottom: 1px solid #4e5359;
}

.dns_details_flex_inline{
  display: inline-block;
  /* background-color: #24262d; */
  border-radius: 5px;
  padding: 1px 4px;
  margin-bottom: 7px;
  border: 1px solid #f6a82187;
  margin-left: 6px;
  font-size: 11px;
  line-height: 1.5;
  /* color: #909ba5; */
}

.btn-view-assets-width{
  font-size: 13px;
  padding: 0px 7px;
  width: 100%;
  line-height: 2.2;
  text-align: center;
}

.comapny_overview_details_grid{
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #6d6e74;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 8px;
  padding-bottom: 8px;
  margin-bottom: 8px;
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.comapny_overview_details_heading{
  font-size: 14px;
  /* font-weight: 600; */
}

.comapny_overview_details_sub{
  color: #fff;
}

.company_overview_flex{
  display: flex;
  flex-direction:column;
  padding-left: 20px;
  padding-right: 20px;
}

.company_overview_sub_flex{
  display: grid;
  grid-template-columns: 5fr 1fr;
  padding-bottom: 10px;
  border-bottom: 1px solid #6d6e74;
  margin-bottom: 10px;
}

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

.company_overview_sub_number_sub{
  background-color: #02c903;
  border-radius: 5px;
  padding: 5px 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}

.dns_height_attack{
  height: 400px;
}



/* credits */

.accordion_organization_credits .accordion-item{
  background-color: transparent;  
}

.accordion_organization_credits .accordion-item .accordion-button{
  background-color: transparent;
  color: #cac9c9;
  border-color: #cac9c9;
  padding: 0.5rem 1rem;
}

.accordion-button:focus{
  box-shadow: none;
  border-color: #cac9c9;
}

.accordion_organization_credits .accordion-item .accordion-button:after {
  filter: brightness(23.5);
  background-size: 1rem;
  width: 1rem;
  height: 1rem;
}

.accordion-arrow-remove:after {
  background-image: none;
}

.accordion_organization_credits .my-nav li a:hover {
  background-color: transparent;
  cursor: pointer;
}

.module-grid-organization-profile{
 padding-left: 10px; 
 padding-top: 10px; 
 margin-bottom: 15px; 
 padding-right: 70px; 
 display: grid; 
 grid-template-columns: 1fr 1fr 1fr; 
}

.module-grid-organization-profile-heading{
  color: #fff; 
  font-size: 1rem; 
}

.module-grid-organization-profile-heading:nth-child(2){
  text-align: center; 
}

.module-grid-organization-profile-heading:nth-child(3){
  text-align: right; 
}

.module-grid-organization-profile_sub_dt{
  /* padding-left: 10px;  */ 
  /* padding-top: 10px;  */
  /* margin-bottom: 15px; */ 
  padding-right: 50px; 
  display: grid; 
  grid-template-columns: 1fr 1fr 1fr; 
}

.module-grid-organization-profile_sub_dt_sub{
  color: #848c94; 
  font-size: 14px; 
}

.module-grid-organization-profile_sub_dt_sub:hover{
  color: #fff;
}

.module-grid-organization-profile_sub_dt_sub:nth-child(2){
  text-align: center;  
}

.module-grid-organization-profile_sub_dt_sub:nth-child(3){
  text-align: right; 
}

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



.nav_tab_org{
  border-bottom: 0px;
}

.nav_tab_org .nav-link{
  border: 0px;
  border-radius: 5px;
  height: 40px !important;
}

.nav_tab_org .nav-link.active{
  border: 0px;
  color: #fff;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  background-color: #F6a821;
  border-bottom: 0px solid #f6a821 !important;
}

.nav_tab_org .nav-link:hover{
  border: 0px;
  color: #fff;
  border-left: 0;
  border-right: 0;
  height: 40px !important;
  border-top: 0;
  background-color: #F6a821;
  border-bottom: 0px solid #f6a821 !important;
}

.edit_btn_profile_tab{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  /* margin-top: 10px; */
  margin-bottom: 10px;
}

.edit_btn_profile_tab-btn{
  background-color: #333335;
  color: #fff;
  border-radius: 5px;
  font-size: 16px;
  width: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2px 0px;
  cursor: pointer;
  border: 1px solid transparent;
}

.edit_btn_profile_tab-btn:hover{
  border: 1px solid #f6a821;
}

.save_btn_profile_tab-btn{
  background-color: #333335;
  color: #fff;
  border-radius: 5px;
  font-size: 16px;
  width: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2px 0px;
  cursor: pointer; 
  margin-right: 10px;
  border: 1px solid transparent;
  /* display: none; */
}

.save_btn_profile_tab-btn:hover{
  border: 1px solid #f6a821;
}

.custom_alert_grid_toggle{
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 10px;
}

.custom_alert_grid_toggle_heading{
  color: #cac9c9;
  font-size: 0.8rem;
}

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

.tag_dmarc_not{
  background-color: #25c016;
    padding: 0px 5px;
    border-radius: 3px;
    color: #fff;
    font-weight: 300;
    font-size: 11px;
}

.tag_dmarc{
  background-color: #c71a1a;
    padding: 0px 5px;
    border-radius: 3px;
    color: #fff;
    font-weight: 300;
    font-size: 11px;
}



/* generate report checkbox */

.generate_report_grid_checkbox{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

.generate-report-checkbox[type="checkbox"]{
  accent-color:#f6a821;
}

.generate-report-checkbox[type="radio"]{
  accent-color:#f6a821;
}

.generate_report_flex_div_checkbox{
  display: grid;
  grid-template-columns: 1fr 8fr;
  margin-bottom: 5px;
}

.nav_tab_report .nav-link{
  background-color: #24262d;
  margin-right: 15px;
}

.report_grid_date{
  display: grid;
  grid-template-columns:  1fr 4fr;

}

.report_grid_date_sub_grid{
  display: grid;
  grid-template-columns: 1fr 6fr;
}

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

.report_radio_btn_flex input[type="radio"]{
  accent-color:#f6a821;
}

.report_grid_date_div_sub{
  height: 100%;
  width: 100%;
}

.report_grid_quarter_flex{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 10px;
}

.report_grid_quarter_grid{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  height: 100%;
  width: 100%;
}

.report_grid_quarter_bg{
  background-color: #24262d;
  height: 100%;
  width: 70%;
  border-radius: 5px;
  display: grid;
  grid-template-rows: 2fr 1fr;
  padding-top: 0px;
  padding-left: 10px;
  padding-right: 10px;
  cursor: pointer;
}

.report_grid_quarter_icon{
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 30px;
}

.report_grid_quarter_bg:hover{
  box-shadow: 0px 0px 5px #f6a821;
}

.report_grid_quarter_bg.active{
  border: 2px solid #f6a821;
}

.report_quarter_text_field{
  text-align: center;
}

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

.input_date_background{
    color-scheme: dark;
    color: #cac9c9;
    border: none;
    border-radius: 4px;
    box-shadow: none;
    transition: none;
    background-color: #494b54;
    font-size: 0.88rem;
    display: block;
    width: 48%;
    height: calc(2.25rem + 2px);
    padding: 0.375rem 0.75rem;
    font-weight: 400;
    line-height: 1.5;
    background-clip: padding-box;
    outline: none;
}


/* all report */

.bg-all-report-background{
  height: 67vh;
  background-color: #3d3f47;
  width: 100%;
  border-radius: 8px;
  box-shadow: 0px 1px 22px -12px #000000ab;
  padding-top: 20px;
}

.bg-all-report-background_sub{
  height: 68px; 
  background-color: #19191a; 
  border-radius: 8px;
}

.bg-report-heading-grid{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 15px;
  padding-right: 15px;
}

.creat_report_btn{
  width: 115px;
  height: 40px;
  font-size: 12px;
  cursor: pointer;
  background-color: rgb(60, 63, 71);
  color: white;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border-width: initial;
  border-style: none;
  border-color: initial;
  border-image: initial;
  border-radius: 8px;
  gap: 7px;
}

.creat_report_btn.active{
  background-color: #f6a821;
}

.report_list_toggle{
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: center;
}

.report_list_btn{
  width: 115px;
  height: 40px;
  font-size: 12px;
  cursor: pointer;
  background-color: rgb(60, 63, 71);
  color: white;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border-width: initial;
  border-style: none;
  border-color: initial;
  border-image: initial;
  border-radius: 8px;
  gap: 7px;
}

.report_list_btn:hover{
  background-color: #f6a821;
}

.report_list_btn.active{
  background-color: #f6a821;
}

.action_btn_report{
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.15) 0px 3px 6px;
    background-color: rgb(60, 63, 71);
    font-size: 10px;
    width: 27px;
    height: 27px;
    cursor: pointer;
    border-radius: 9px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.table_report_list tbody tr td{
  height: 5vh !important;
  font-size: 14px;
  border-bottom-width: 0px
}

.table_report_list thead tr th{
  font-size: 15px;
}

.select_domain_list_div{
  position: absolute;
  top:40px;
  background-color: #353842;
  width: 95%;
  height: fit-content;
  max-height: 180px;
  overflow-y: auto;
  z-index: 1;
}

.select_domain_list_div_bg{
  padding: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
  display: grid;
  grid-template-rows: 1fr ;
}

.select_checkbox_flex_report{
  display: flex;
  align-items: center;
  background-color: #3b3e4a;
  padding: 5px;
  margin-bottom: 10px;
  margin-left: 10px;
}

.lable_report_select{
  line-height: normal;
  margin-bottom: 0px;
  margin-left: 4px;
  color: #cac9c9;
}

.select_domain_tag_list{
  color: #cac9c9;
  border: none;
  border-radius: 4px;
  box-shadow: none;
  transition: none;
  background-color: #494b54;
  font-size: 0.88rem;
  display: block;
  width: 95%;
  height: calc(2.25rem + 2px);
  padding: 0.375rem 0.75rem;
  font-weight: 400;
  line-height: 1.5;
  background-clip: padding-box;
  outline: none;
  margin-bottom: 15px;
}


/* insight vendor  */

.Vendor_list_flex{
  height: 50vh;
  /* overflow-y: auto; */
  /* margin: 10px; */
  /* margin-bottom: 20px; */
  padding: 10px;
  padding-bottom: 18px;
  background-color: #34363f;
  /* border: 1px solid #000;
  border-radius: 5px; */
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.Vendor_list_flex_1{
  height: 100%;
  overflow-y: auto;
}

.btn_vendor_list_position{
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  float: right;
  cursor: pointer;
  /* margin-bottom: 20px; */
  margin-top: 20px;
  /* margin-right: 15px; */
}

.vendor_list_heading{
  color: #c8cfd5;
  font-size: 22px;
}

.vendor_list_heading_sub{
  font-size: 16px;
  color: #c8cfd5;
  font-weight: 400;
  margin-top: 10px;
}

.vendor_list_heading_sub i{
  font-size: 12px;
}

.vendor_list_grid_details{
  display: flex;
  justify-content: space-between;
  padding-right: 30px;
}

.vendor_heading{
  font-size: 18px;
  color: #fff;
}

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

.search_vendor_flex{
  height: 40px;
}

.vendor_list_grid{
  display: grid;
  grid-template-rows: 1fr;
  padding: 10px;
}

.vendor_list_details_div{
  height: fit-content;
  width: 100%;
  background-color: #494b54;
  /* margin-bottom: 0.5rem; */
  /* border-radius: 5px; */
  border-bottom: 1px solid #3e3f45;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px 30px;
  padding-right: 50px;
}

.add_vender_input{
  margin-top: 20px;
  margin-bottom: 15px;
}

.vendor_tag_container{
  width: 100%;
  height: 100px;
  overflow-y: auto;
  /* display: flex;
  flex-wrap: wrap; */
}

.vendor_tag_div{
  width: fit-content;
  padding: 8px;
  height: fit-content;
  display: inline-block;
  background-color: #2b2e3a;
  margin-bottom:8px ;
  border-radius: 5px;
  margin-right: 8px;
}

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

.remove_tag{
  cursor: pointer;
}


.multi_false_btn.active{
  background-color: #f6a821 !important;
  color: #fff;

}

.check_checkmark_td{
  width: 30px;
  /* display: flex;
  justify-content: center;
  align-items: center; */
}

.malware_table_sno tr td:nth-child(1), 
.malware_table_sno tr th:nth-child(1)  {
  width: 45px !important ;
}


.check_checkmark_td label{
  margin: 0px;
  padding: 0px;
}


.check_checkmark_td label span{
  display: block;
  position: unset;
  background-color: #403e3e !important;
}

.check_checkmark_td label span::after{
  margin-top: 2px;
  position: unset;
  border: solid #f6a821 !important;
  border-width: 0px 3px 3px 0px !important;
  margin-left: 5px;
}



.table_check_box td:nth-child(1) {
  /* display:flex ;
  justify-content: center;
  align-items: center; */
  width: 30px;
}

.table_check_box td:nth-child(1) label{
  margin: 0px;
  padding: 0px;
}

.table_check_box td:nth-child(1) label span{
  display: block;
  position: unset;
  background-color: #403e3e;

} 

.table_check_box td:nth-child(1) label span::after{
  margin-top: 2px;
  position: unset;
  border-color: #f6a821;
}

.serial_no_width_table{
  width: 60px;
}

#submit_btn_false{
  cursor: pointer;
}



/* alert profile */

.div_alert_notification_profile{
  background-color: #ff000036;
  border-radius: 8px;
  padding: 30px;
  color: #Fff;
  font-size: 15px;
  
}

.plan_expire_div_grid{
  display: grid;
  grid-template-columns: 1fr 3fr;
}

.plan_expiry_div_sub_grid{
  display: grid;
  grid-template-rows: 1fr 2fr;
  grid-gap: 20px;
}

.plan_expiry_div_sub_heading_1{
  font-size: 30px;
  color: #ff0000;
}

.table_user_profile tbody tr{
  height: 34px !important;
}



/* generate report */

.generate-report-details-bg-flex{
  display: flex;
  justify-content: center;
  align-items: center;
}

.generate-report-details-bg{
  background-color: #3d3f47;
  height: 55vh;
  width: 80%;
  margin-top: 1%;
  border-radius: 8px;
  box-shadow: 0px 1px 22px -12px #000000ab;
}

.generate-report-details-bg-div1{
  /* background-color: #353842; */
  height: 100%;
}
.generate-report-details-bg-div2{
  /* background-color: #353842 !important; */
  height: 100%;
  border-radius: 8px;
}

.generate-report-details-bg-div2-img-flex{
 display: flex;
 justify-content: center;
}
.generate-report-details-bg-div2-img{
  height: 40.5vh;
  box-shadow: 0px 1px 25px 0px #000000ab;
}

.generate-report-executive-summary-heading{
  /* font-size: 2em; */
  font-weight: 300;
  color: #9aa2b1; 
  line-height: 1;
}

.generate-report-btn-position{
  display: flex;
  justify-content: end;
  align-items: center;
}

.generate-report-btn-bg{
  position: relative;
  display: flex;
  width: 100%;
  height: 3em;
  border-radius: 0.25em;
  overflow: hidden;
  background-color: #f6a821;
  border: 1px solid #e18f01;
  justify-content: center;
  align-items: center;
  transition: 0.2s;
  cursor: pointer;
  margin-top: 1vh;
  color: #fff;
}

.generate-report-add-details-tab-grid{
  display: grid;
  grid-template-columns: 1fr 7fr;
  padding-left: 3rem;
}

.generate-report-add-details-tab-text{
  font-size: 16px;
}

.generate-report-add-details-tab-input{
  display: flex;
  justify-content: center;
  align-items: center;
}


.generate-report-add-details-tab-input input{
  width: 18px;
  height: 18px;
}

.generate-report-add-details-tab-input input[type="checkbox"]{
  accent-color: #f6a821;
}

.add-in-report-heading{
  font-size: 1.5em;
  color: #9aa2b1;
}

.archive-report-bg-flex{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30vh;
}

.archive-report-bg-img {
  height: 100%;
}
.archive-report-bg-img img{
  height: 100%;
}

.mr-top-report-archive{
  margin-top: 4rem;
}

.mr-top-report-archive:nth-child(1){
  margin-top: 1rem;
}

.mr-top-report-archive:nth-child(2){
  margin-top: 1rem;
}

.date-archive-report-bg{
  background-color:#2b2b2e;
  padding: 5px;
  margin-bottom: 1rem;
  border-radius: 5px;
  /* display: flex;
  justify-content: space-between; */
  width: fit-content;
}



.card_report {
  --background:#24262d ;
  --background-checkbox: #f6a821;
  /* --background-image: #fff, rgba(128, 128, 128, 0.8); */
  --text-color: #666;
  --text-headline: #000;
  --card-shadow: #f6a821;
  --card-height: 190px;
  --card-width: 15vw;
  --card-radius: 12px;
  --header-height: 47px;
  --blend-mode: overlay;
  --transition: 0.15s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.card_report:nth-child(odd) .card__body-cover-image_report {
  --x-y1: 100% 90%;
  --x-y2: 67% 83%;
  --x-y3: 33% 90%;
  --x-y4: 0% 85%;
}
.card_report:nth-child(even) .card__body-cover-image_report {
  --x-y1: 100% 85%;
  --x-y2: 73% 93%;
  --x-y3: 25% 85%;
  --x-y4: 0% 90%;
}
.card__input_report {
  position: absolute;
  display: block;
  outline: none;
  border: none;
  background: none;
  padding: 0;
  margin: 0;
  -webkit-appearance: none;
}
.card__input_report:checked ~ .card__body_report {
  --shadow: 0 0 0 3px var(--card-shadow);
}
.card__input_report:checked ~ .card__body_report .card__body-cover-checkbox_report {
  --check-bg: var(--background-checkbox);
  --check-border: #fff;
  --check-scale: 1;
  --check-opacity: 1;
}
.card__input_report:checked ~ .card__body_report .card__body-cover-checkbox--svg_report {
  --stroke-color: #fff;
  --stroke-dashoffset: 0;
}
.card__input_report:checked ~ .card__body_report .card__body-cover_report:after {
  --opacity-bg: 0;
}
.card__input_report:checked ~ .card__body_report .card__body-cover-image_report {
  --filter-bg: grayscale(0);
}
.card__input_report:disabled ~ .card__body_report {
  cursor: not-allowed;
  opacity: 0.5;
}
.card__input_report:disabled ~ .card__body_report:active {
  --scale: 1;
}
.card__body_report {
  display: grid;
  grid-auto-rows: calc(var(--card-height) - var(--header-height)) auto;
  background: var(--background);
  height: var(--card-height);
  width: var(--card-width);
  border-radius: var(--card-radius);
  overflow: hidden;
  position: relative;
  cursor: pointer;
  box-shadow: var(--shadow, 0 4px 4px 0 rgba(0, 0, 0, 0.02));
  transition: transform var(--transition), box-shadow var(--transition);
  transform: scale(var(--scale, 1)) translateZ(0);
}
.card__body_report:active {
  --scale: 0.96;
}
.card__body-cover_report {
  --c-border: var(--card-radius) var(--card-radius) 0 0;
  --c-width: 100%;
  --c-height: 100%;
  position: relative;
  overflow: hidden;
}
.card__body-cover_report:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: var(--c-width);
  height: var(--c-height);
  border-radius: var(--c-border);
  background: linear-gradient(to bottom right, var(--background-image));
  mix-blend-mode: var(--blend-mode);
  opacity: var(--opacity-bg, 1);
  transition: opacity var(--transition) linear;
}
.card__body-cover-image_report {
  width: var(--c-width);
  height: var(--c-height);
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: var(--c-border);
  filter: var(--filter-bg, grayscale(1));
  -webkit-clip-path: polygon(0% 0%, 100% 0%, var(--x-y1, 100% 90%), var(--x-y2, 67% 83%), var(--x-y3, 33% 90%), var(--x-y4, 0% 85%));
          clip-path: polygon(0% 0%, 100% 0%, var(--x-y1, 100% 90%), var(--x-y2, 67% 83%), var(--x-y3, 33% 90%), var(--x-y4, 0% 85%));
}
.card__body-cover-checkbox_report {
  background: var(--check-bg, var(--background-checkbox));
  border: 2px solid var(--check-border, #fff);
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 1;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  opacity: var(--check-opacity, 0);
  transition: transform var(--transition), opacity calc(var(--transition) * 1.2) linear;
  transform: scale(var(--check-scale, 0));
}
.card__body-cover-checkbox--svg_report {
  width: 13px;
  height: 11px;
  display: inline-block;
  vertical-align: top;
  fill: none;
  margin: 7px 0 0 5px;
  stroke: var(--stroke-color, #fff);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 16px;
  stroke-dashoffset: var(--stroke-dashoffset, 16px);
  transition: stroke-dashoffset 0.4s ease var(--transition);
}
.card__body-header_report {
  height: var(--header-height);
  background: var(--background);
  padding: 0 10px 10px 10px;
}
.card__body-header-title_report {
  /* color: var(--text-headline); */
  color: #cac9c9;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 0px;
}
.card__body-header-subtitle_report {
  color: #cac9c9;
  font-weight: 500;
  font-size: 13px;
}

.card_report_icon_flex{
  font-size: 60px;
  color: #f6a821;
  height: 100%;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}

.generate_report_details_gird{
  display: grid;
  grid-template-columns:  1fr 4fr;
  margin-top: 15px;
}

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



/* attack surface 1080p */
@media only screen and (max-width: 1610px) {

  .dns_height_attack{
    height: 300px;
  }
  .attack-surface-div-pop-up{
    height: 95%;
  }
  .attack-surface-div-pop-up-bg_1{
    height: 95%;
  }
  .attack-surface-div-pop-up-bg_2{
    height: 100%;
  }
  .height-class-vul-small-screen{
    overflow-y: auto;
    height: 85%;
  }
  .ssl_tls_domain-heading{
    font-size: 20px;
  }
  .web-security_domain-flex{
    grid-template-columns: 2fr 4fr !important;
  }
  .div-for-phishing-summary{
    grid-template-columns: 1fr 3fr;
  }
  .modal-ssl-padding{
    height: auto;
  }
  .height-tab-brand-phis{
    overflow-y: hidden;
    height: 95%;
  }
  .phis-parked-height{
    height: 300px;
    overflow-y: auto;
  }
  .height-table-phis-accordion{
    height: 580px;
  }
  .height-dark-web-table{
    height: 95%;
    overflow-y: auto;
  }
  .social-media-padding-top{
    padding-top: 0%;
    height: 86%;
    overflow-y: auto;
  }
  .height-social-media-table{
    padding-top: 0%;
    height: 550px;
    overflow-y: auto;
  }
  .height-web-defacement-small{
    height: 580px;
    overflow-y: auto;
  }
  .height-rogue-media-table{
    padding-top: 0%;
    height: 590px;
    overflow-y: auto;
  }
  .attack-surface-div-pop-up-bg_6{
    height: 92vh;
  }
}

/* attack surface 720 */

@media only screen and (max-width: 1400px) {
  .dns_height_attack{
    height: 250px;
  }
  .attack_btn_1{
    position: relative;
    left: 8%;
  }
  .button-size-responsive{
    font-size: 14px;
    padding: 1px 10px !important;
  }
  .attack-surface-div-pop-up-bg_6{
    height: 91vh;
  }
  .attack-surface-div-pop-up{
    height: 92%;
  }
  .attack-surface-div-pop-up-bg_1{
    height: 92%;
  }
  .attack-surface-div-pop-up-bg_2{
    height: 100%;
  }
  .height-class-vul-small-screen{
    overflow-y: auto;
    height: 85%;
  }
  .ssl_tls_domain-heading{
    font-size: 20px;
  }
  .web-security_domain-flex{
    grid-template-columns: 2fr 4fr;
  }
  .div-for-phishing-summary{
    grid-template-columns: 1fr 3fr !important;
  }
  .modal-ssl-padding{
    height: auto;
  }
  .height-tab-brand-phis{
    overflow-y: hidden;
    height: 92%;
  }
  .phis-parked-height{
    height: 300px;
    overflow-y: auto;
  }
  .height-table-phis-accordion{
    height: 495px;
  }
  .height-dark-web-table{
    height: 82%;
    overflow-y: auto;
  }
  .social-media-padding-top{
    padding-top: 0%;
    height: 82%;
    overflow-y: auto;
  }
  .height-social-media-table{
    padding-top: 0%;
    height: 450px;
    overflow-y: auto;
  }
  .height-web-defacement-small{
    height: 480px;
    overflow-y: auto;
  }
  .height-rogue-media-table{
    padding-top: 0%;
    height: 490px;
    overflow-y: auto;
  }
}