@import '_content/Z.Blazor.Diagrams/Z.Blazor.Diagrams.bundle.scp.css';

/* _content/Cybral.Storm.App/Areas/AccountSetting/AccountSettings.razor.rz.scp.css */
.save-button[b-3rmgt5t38c] {
  padding: 10px 25px;
  width: 235px;
  background-color: #5252E2;
  color: white;
  border: none;
  border-radius: 20px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  transition: background-color 0.3s;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.save-button:hover[b-3rmgt5t38c] {
  background-color: #3c3180;
}

[b-3rmgt5t38c] input {
  margin-bottom: 5px;
}
/* _content/Cybral.Storm.App/Areas/AiAssistantChats/AiAssistantChat.razor.rz.scp.css */
.main-container[b-tprl7nqpsu] {
  display: flex;
  justify-content: center;
  align-items: stretch;
  position: relative;
  height:100%;
}

  .main-container .overlay[b-tprl7nqpsu] {
    position: absolute;
    top: 0rem;
    left: 10%;
  }

  .main-container .left-side-box[b-tprl7nqpsu] {
    width: 90%;
    padding:1rem 2rem;
    position: relative;
    z-index: 10;
    overflow: hidden;
    padding-bottom: 0;
    display: flex;
    flex-direction: column;
  }

    .main-container .left-side-box .ai-form[b-tprl7nqpsu] {
      flex: 1;
    }

.heading[b-tprl7nqpsu] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.7rem;
}

  .heading h2[b-tprl7nqpsu] {
    font-size: 18px;
    font-weight: 500;
    color: #DCDDEF;
  }

.chat-container[b-tprl7nqpsu] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  gap:7px;
}


  .chat-container .welcome-box[b-tprl7nqpsu] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 10px;
    padding: 0rem 2rem;
  }

    .chat-container .welcome-box p[b-tprl7nqpsu] {
      font-weight: 300;
    }

    .chat-container .welcome-box h1[b-tprl7nqpsu] {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 12px;
      background: linear-gradient(to right,#4568DC 45%, #FF7C18);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      font-size: 26px;
      font-weight: 700;
    }
/* --------------------------------------------------- chat-box-style ---------------------------------------------*/



/* -------------------------------------------------- end ------------------------------------------------------------*/



/* -------------------------------------------------- textarea syke --------------------------------------------------*/

.input-container[b-tprl7nqpsu] {
  padding: 1.6rem 0rem;
  overflow: visible;
  padding-bottom:0.5rem;
  padding-top:0.8rem;
}

  .input-container .input-box[b-tprl7nqpsu] {
    display: flex;
    align-items: center;
    width: 80%;
    border-radius: 64px;
    margin: auto;
    border-radius: 64px;
    background-color: #272841;
    position: relative;
  }

  .input-container .input-box  button[b-tprl7nqpsu] {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
  }

.input-container .input-box img[b-tprl7nqpsu] {
  cursor: pointer;
}

  .input-container .input-box textarea[b-tprl7nqpsu] {
    background-color: #272841;
    border-radius: 64px;
    font-weight: 300;
    width: 95%;
    color: #DCDDEF;
    outline: none;
    font-size: 12px;
    padding: 16px 0.3rem 10px 2rem;
    padding-bottom: 0px;
    max-height: 100px;
    resize: none;
  }
  @media(min-width:2000px){
  .input-container .input-box textarea[b-tprl7nqpsu] {
    font-size: 16px;
    padding: 24px 0.3rem 0px 2rem;
  }
  }
  .input-container .input-box textarea[b-tprl7nqpsu]::placeholder {
    color: #DCDDEF;
    opacity: 0.6;
  }

  .input-container .input-box-desc[b-tprl7nqpsu] {
    font-size: 14px;
    color: #B3B4C9;
    font-weight: 400;
    text-align: center;
  }

.preventing-box[b-tprl7nqpsu] {
  background-color: #362137;
  border: 1px solid #D0464329;
  border-radius: 16px;
  width: 70%;
  display: flex;
  padding: 1rem;
  margin: auto;
  gap: 10px;

}
  .preventing-box .prevent-desc[b-tprl7nqpsu] {
    flex: 1;
    color: #DCDDEF;
    text-align: left;
    font-size:14px;
  }
  .preventing-box .prevent-desc a[b-tprl7nqpsu] {
      text-decoration:underline;
    color: #AFAFF2;
  }
.prevent-fot[b-tprl7nqpsu] {
  margin: 1rem 0rem !important;
  text-align: center;
  font-size: 11px;
  color: #B3B4C9;
}
  /* -------------------------------------------------- end ------------------------------------------------------------*/
  .main-container .right-side-box[b-tprl7nqpsu] {
    width: 25%;
    display: none;
    background-color: #0E0F2B;
    height: 100vh;
    border-radius: 32px 0px 0px 32px;
    padding: 2rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .main-container .right-side-box h1[b-tprl7nqpsu] {
    font-size: 18px;
    font-weight: 500;
    color: #DCDDEF;
  }

  .main-container .right-side-box .recomendations[b-tprl7nqpsu] {
    height: 94%;
    margin-top: 1.5rem;
    overflow: auto;
    padding-right: 10px;
  }

    .main-container .right-side-box .recomendations .recomend-box[b-tprl7nqpsu] {
      border: 1px solid #272841;
      border-radius: 16px;
      padding: 1rem 2rem;
      margin-bottom: 1.5rem;
      cursor: pointer;
    }

      .main-container .right-side-box .recomendations .recomend-box p[b-tprl7nqpsu] {
        font-size: 14px;
        font-weight: 500;
        color: #DCDDEF;
      }

      .main-container .right-side-box .recomendations .recomend-box span[b-tprl7nqpsu] {
        font-size: 12px;
        font-weight: 300;
        color: #B3B4C9;
      }



form[b-tprl7nqpsu] {
  height: 98%;
  padding-bottom: 2.5rem;
}
/* _content/Cybral.Storm.App/Areas/AiAssistantChats/Components/ChatResult.razor.rz.scp.css */
.chat-box[b-3uztbjity1] {
  padding: 2rem;
  overflow: auto;
  height: 57vh;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
  font-size: 14px;
  flex:1;
}

  .chat-box .bot[b-3uztbjity1] {
    display: flex;
    gap: 2rem;
    align-items: start;
    color: #DCDDEF;
    width: 70%;
    float: left;
    font-size: 14px;
  }

.chat-box .bot span[b-3uztbjity1] {
  font-weight: 400;
  color: #DCDDEF;
}

.chat-box:last-child[b-3uztbjity1] {
  margin-bottom: 0.5rem;
}

.chat-box .user[b-3uztbjity1] {
  border-radius: 32px;
  font-weight: 400;
  background-color: #1D1E46;
  padding: 1rem 1.2rem;
  align-self: end;
  max-width: 70%;
  float: right;
  font-size:14px;
  word-break:break-word;
}

.user-box[b-3uztbjity1] {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 1rem;
  width: 100%;
  padding: 1.2rem 0rem;
}

.user-box img[b-3uztbjity1] {
  cursor: pointer;
}



.intro-box[b-3uztbjity1] {
  overflow: auto;
  padding: 2rem;
  overflow: auto;
  flex:1;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 3rem;
}

.intro-box .suggestions-container h3[b-3uztbjity1] {
  color: #DCDDEF;
  font-size: 18px;
  font-weight: 300;
  text-align: center;
  margin-bottom: 1.5rem;
}

.intro-box .suggestions-container .suggestions-box[b-3uztbjity1] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
  width: 100%;
}

.intro-box .suggestions-box .single-box[b-3uztbjity1] {
  border: 1px solid #272841;
  border-radius: 16px;
  padding: 1rem 1.2rem;
  margin-bottom: 1.5rem;
  cursor: pointer;
  width: calc(( 100% / 4 ) - 1rem );
}

.intro-box .suggestions-box .single-box p[b-3uztbjity1] {
  font-size: 14px;
  font-weight: 500;
  color: #DCDDEF;
}

.intro-box .suggestions-box .single-box span[b-3uztbjity1] {
  font-size: 12px;
  font-weight: 300;
  color: #B3B4C9;
}

.intro-box .categories[b-3uztbjity1] {
  border-radius: 32px;
  position: relative;
  z-index: 10;
  width: 95%;
  margin: 0 auto;
  background-color: #0E0F2B;
  padding: 2rem;
  box-shadow: 0 16px 50px 0 #00000040;
}

.intro-box .categories h3[b-3uztbjity1] {
  font-weight: 500;
  text-align: center;
  margin-bottom: 1.5rem;
}

.intro-box .categories .categories-list[b-3uztbjity1] {
  display: flex;
  justify-content: center;
  align-items: center;
  row-gap: 1rem;
  column-gap: 2rem;
  flex-wrap: wrap;
}

.intro-box .categories .categories-list p[b-3uztbjity1] {
  position: relative;
  width: calc(( 100% / 4 ) - 2rem );
  font-size: 14px;
  font-weight: 300;
  color: #B3B4C9;
  padding-left: 1rem;
  white-space: nowrap;
}



.intro-box .categories .categories-list p[b-3uztbjity1]::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  width: 3px;
  height: 3px;
  background-color: #B3B4C9;
  border-radius: 50%;
}


@media (max-width:1450px) {
  .intro-box .categories .categories-list p[b-3uztbjity1] {
    width: calc(( 100% / 3 ) - 2rem );
  }

  .intro-box .categories .categories-list[b-3uztbjity1] {
    justify-content: flex-start;
  }
}

@media (max-width:1150px) {
  .intro-box .categories .categories-list p[b-3uztbjity1] {
    width: calc(( 100% / 2 ) - 2rem );
  }

  .intro-box .categories .categories-list[b-3uztbjity1] {
    justify-content: center !important;
  }

  .main-container .right-side-box[b-3uztbjity1] {
    padding: 3rem 1rem !important;
  }
}

.retry-word[b-3uztbjity1] {
  color: #FFFFFF;
  font-weight: 400;
  font-size: 14px;
}

.went-wrong[b-3uztbjity1] {
  color: #A50121;
  font-size: 14px;
  font-weight: 600;
}

/* General markdown styling */
.markdown-content[b-3uztbjity1] {
  font-family: Arial, sans-serif;
  font-size: 16px;
  line-height: 1.6;
  color: #333;
  max-width: 100%;
  word-wrap: break-word;
}

  /* Headings */
  .markdown-content h1[b-3uztbjity1] {
    font-size: 32px !important;
    font-weight: bold !important;
    border-bottom: 2px solid #ddd !important;
    padding-bottom: 8px !important;
    margin-bottom: 16px !important;
  }

  .markdown-content h2[b-3uztbjity1] {
    font-size: 28px !important;
    font-weight: bold !important;
    border-bottom: 1px solid #ddd !important;
    padding-bottom: 6px !important;
    margin-bottom: 14px !important;
  }

  .markdown-content h3[b-3uztbjity1] {
    font-size: 24px !important;
    font-weight: bold !important;
    margin-bottom: 12px !important;
  }

  .markdown-content h4[b-3uztbjity1] {
    font-size: 20px !important;
    font-weight: bold !important;
    margin-bottom: 10px !important;
  }

  .markdown-content h5[b-3uztbjity1] {
    font-size: 18px !important;
    font-weight: bold !important;
    margin-bottom: 8px !important;
  }

  .markdown-content h6[b-3uztbjity1] {
    font-size: 16px !important;
    font-weight: bold !important;
    color: #666 !important;
    margin-bottom: 6px !important;
  }

  /* Paragraphs */
  .markdown-content p[b-3uztbjity1] {
    margin-bottom: 16px !important;
  }

  /* Lists */
  .markdown-content ul[b-3uztbjity1] {
    list-style-type: disc !important;
    padding-left: 20px !important;
    margin-bottom: 16px !important;
  }

  .markdown-content ol[b-3uztbjity1] {
    list-style-type: decimal !important;
    padding-left: 20px !important;
    margin-bottom: 16px !important;
  }

  .markdown-content li[b-3uztbjity1] {
    margin-bottom: 6px !important;
  }

  /* Blockquotes */
  .markdown-content blockquote[b-3uztbjity1] {
    border-left: 4px solid #ccc !important;
    padding-left: 16px !important;
    margin: 16px 0 !important;
    font-style: italic !important;
    color: #555 !important;
  }

  /* Inline Code */
  .markdown-content code[b-3uztbjity1] {
    background-color: #f4f4f4 !important;
    padding: 2px 6px !important;
    border-radius: 4px !important;
    font-family: monospace !important;
    color: #d63384 !important;
  }

  /* Code Blocks */
  .markdown-content pre[b-3uztbjity1] {
    background-color: #f4f4f4 !important;
    padding: 12px !important;
    border-radius: 5px !important;
    overflow-x: auto !important;
  }

  .markdown-content pre code[b-3uztbjity1] {
    background-color: transparent !important;
    padding: 0 !important;
    border-radius: 0 !important;
    color: #d63384 !important;
  }

  /* Links */
  .markdown-content a[b-3uztbjity1] {
    color: #007bff !important;
    text-decoration: none !important;
  }

  .markdown-content a:hover[b-3uztbjity1] {
    text-decoration: underline !important;
  }

  /* Tables */
  .markdown-content table[b-3uztbjity1] {
    width: 100% !important;
    border-collapse: collapse !important;
    margin-bottom: 16px !important;
  }

  .markdown-content th[b-3uztbjity1],
  .markdown-content td[b-3uztbjity1] {
    border: 1px solid #ddd !important;
    padding: 8px !important;
  }

  .markdown-content th[b-3uztbjity1] {
    background-color: #f4f4f4 !important;
    font-weight: bold !important;
    text-align: left !important;
  }

  /* Horizontal Rule */
  .markdown-content hr[b-3uztbjity1] {
    border: none !important;
    height: 1px !important;
    background-color: #ddd !important;
    margin: 20px 0 !important;
  }




/* General markdown styling */
.markdown-content[b-3uztbjity1] {
  font-family: Arial, sans-serif;
  font-size: 16px;
  line-height: 1.6;
  color: #333;
  max-width: 100%;
  word-wrap: break-word;
}

  /* Headings */
.bot h1[b-3uztbjity1] {
  font-size: 32px !important;
  font-weight: bold !important;
  border-bottom: 2px solid #ddd !important;
  padding-bottom: 8px !important;
  margin-bottom: 16px !important;
  color: #DCDDEF;
}

.bot h2[b-3uztbjity1] {
  font-size: 28px !important;
  font-weight: bold !important;
  border-bottom: 1px solid #ddd !important;
  padding-bottom: 6px !important;
  margin-bottom: 14px !important;
  color: #DCDDEF;
}

.bot h3[b-3uztbjity1] {
  font-size: 24px !important;
  font-weight: bold !important;
  margin-bottom: 12px !important;
  color: #DCDDEF;
}

.bot h4[b-3uztbjity1] {
  font-size: 20px !important;
  font-weight: bold !important;
  margin-bottom: 10px !important;
  color: #DCDDEF;
}

.bot h5[b-3uztbjity1] {
  font-size: 18px !important;
  font-weight: bold !important;
  margin-bottom: 8px !important;
  color: #DCDDEF;
}

.bot h6[b-3uztbjity1] {
  font-size: 16px !important;
  font-weight: bold !important;
  color: #666 !important;
  margin-bottom: 6px !important;
  color: #DCDDEF;
}

  /* Paragraphs */
.bot p[b-3uztbjity1] {
  margin-bottom: 16px !important;
  color: #DCDDEF;
}

  /* Lists */
.bot ul[b-3uztbjity1] {
  list-style-type: disc !important;
  padding-left: 20px !important;
  margin-bottom: 16px !important;
  color: #DCDDEF;
}

.bot ol[b-3uztbjity1] {
  list-style-type: decimal !important;
  padding-left: 20px !important;
  margin-bottom: 16px !important;
  color: #DCDDEF; 
}

.bot li[b-3uztbjity1] {
  margin-bottom: 6px !important;
  color: #DCDDEF;
}

  /* Blockquotes */
.bot blockquote[b-3uztbjity1] {
  border-left: 4px solid #ccc !important;
  padding-left: 16px !important;
  margin: 16px 0 !important;
  font-style: italic !important;
  color: #DCDDEF;
}

  /* Inline Code */
.bot code[b-3uztbjity1] {
  background-color: #f4f4f4 !important;
  padding: 2px 6px !important;
  border-radius: 4px !important;
  font-family: monospace !important;
  color: #d63384 !important;
}

  /* Code Blocks */
.bot pre[b-3uztbjity1] {
  background-color: #f4f4f4 !important;
  padding: 12px !important;
  border-radius: 5px !important;
  overflow-x: auto !important;
  color: #DCDDEF;
}

.bot pre code[b-3uztbjity1] {
  background-color: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
  color: #d63384 !important;
}

  /* Links */
.bot a[b-3uztbjity1] {
  color: #007bff !important;
  text-decoration: none !important;
}

.bot a:hover[b-3uztbjity1] {
  text-decoration: underline !important;
}

  /* Tables */
.bot table[b-3uztbjity1] {
  width: 100% !important;
  border-collapse: collapse !important;
  margin-bottom: 16px !important;
  color: #DCDDEF;
}

.bot th[b-3uztbjity1],
.bot td[b-3uztbjity1] {
  border: 1px solid #ddd !important;
  padding: 8px !important;
  color: #DCDDEF;
}

.bot th[b-3uztbjity1] {
  font-weight: bold !important;
  text-align: left !important;
  color: #DCDDEF;
}

  /* Horizontal Rule */
  .bot hr[b-3uztbjity1] {
    border: none !important;
    height: 1px !important;
    background-color: #ddd !important;
    margin: 20px 0 !important;
  }
/* _content/Cybral.Storm.App/Areas/Assessments/Pages/Assessment.razor.rz.scp.css */
/* _content/Cybral.Storm.App/Areas/Home/GenerateLicenseKey.razor.rz.scp.css */
/* admin.css */

body[b-gswjg25vqp] {
  font-family: Arial, sans-serif;
  background-color: #f4f6f9;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  margin: 0;
  color: #DCDDEF;
}
h1[b-gswjg25vqp],label[b-gswjg25vqp]
{
  color: #DCDDEF;
}
.admin-container[b-gswjg25vqp] {
  background-color: #061B2B;
  padding: 20px 40px;
  padding-bottom: 50px;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  max-width: 400px;
  width: 100%;
}

.admin-container h1[b-gswjg25vqp] {
  font-size: 24px;
  margin-bottom: 20px;
  text-align: center;
}

.admin-form label[b-gswjg25vqp] {
  font-size: 14px !important;
  margin-bottom: 5px !important;
}

.admin-form input[type="text"][b-gswjg25vqp] {
  width: 100% !important;
  padding: 0.7rem 1.2rem !important;
  margin: 15px 0px !important;
  border:1px solid #505F6A !important;
  border-radius: 4px !important;
  font-size: 16px !important;
  background-color: transparent !important;
  color: #DCDDEF;
}

.checkbox-group[b-gswjg25vqp] {
  display: flex !important;
  gap: 10px !important;
  margin-bottom: 15px !important;
}

.checkbox-group label[b-gswjg25vqp] {
  font-size: 14px !important;
}

.admin-form button[b-gswjg25vqp] {
  width: 100%;
  padding: 10px;
  background-color: #007bff;
  color: #DCDDEF;
  border: none;
  border-radius: 4px;
  font-size: 16px;
  cursor: pointer;
}

.admin-form button:hover[b-gswjg25vqp] {
  background-color: #0056b3;
}
/* _content/Cybral.Storm.App/Areas/Identity/Pages/ForgotPassword.razor.rz.scp.css */
.main-container[b-tr9j85prl4] {
  width: 100%;
  height: 100vh;
  background-color: #001526;
  display: flex;
  justify-content: center;
  align-items: center;
}

.inner-container[b-tr9j85prl4] {
  width: 90%;
  height: 80vh;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 3rem;
  position: relative;
}



.registration-left-side[b-tr9j85prl4] {
  width: 35%;
  background-color: #071B2B;
  position: relative;
  border-radius: 25px;
  padding: 2rem;
}

.registration-left-side p[b-tr9j85prl4] {
  font-size: 24px;
  font-weight: 300;
  color: #80839A;
  margin-top: 2rem;
  line-height: 36.5px;
}

.linear-text[b-tr9j85prl4] {
  background: linear-gradient(to right,#4568DC 20%, #FF7C18);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 24px;
  font-weight: 700;
}


.registration-left-side .linear-bg[b-tr9j85prl4] {
  position: absolute;
  top: -5rem;
  left: -2rem;
  width: 135% !important;
  max-width: unset !important;
}

.registration-left-side .contact-span[b-tr9j85prl4] {
  position: absolute;
  bottom: 2rem;
  left: 2rem;
  color: #B3BABE;
  font-weight: 500;
  font-size: 12px;
}




.slider-container[b-tr9j85prl4] {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-bottom: 5rem;
}

/* Wrapper for the slides */
.slider-wrapper[b-tr9j85prl4] {
  display: flex;
  transition: transform 1s ease-in-out;
  width: 100%;
  transition: transform 1s ease-in-out;
}

/* Individual slides */
.slider-wrapper p[b-tr9j85prl4] {
  flex: 0 0 100%;
  scroll-snap-align: start;
  font-size: 24px;
}

/* Dots navigation */
.slider-nav[b-tr9j85prl4] {
  position: absolute;
  bottom: 1.5rem;
  left: 0%;
  display: flex;
  column-gap: 0.7rem;
  z-index: 1;
}

/* Dot style */
.slider-nav span[b-tr9j85prl4] {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #192B39;
  transition: background-color 0.3s ease;
}

/* Active dot color */
.slider-nav .active[b-tr9j85prl4] {
  background-color: #6E7880;
}

@keyframes slideAnimation-b-tr9j85prl4 {
  0% {
    transform: translateX(0);
  }

  33.33% {
    transform: translateX(-100%);
  }

  66.66% {
    transform: translateX(-200%);
  }

  100% {
    transform: translateX(-200%);
  }
}

.slider-wrapper[b-tr9j85prl4] {
  display: flex;
  transition: transform 1s ease-in-out;
}

/* Active dot styling */
.slider-nav span:nth-child(1).active[b-tr9j85prl4] {
  background-color: #6E7880;
}

.slider-nav span:nth-child(2).active[b-tr9j85prl4] {
  background-color: #6E7880;
}

.slider-nav span:nth-child(3).active[b-tr9j85prl4] {
  background-color: #6E7880;
}




/*licenses*/
.invalid-license[b-tr9j85prl4] {
  display: flex;
  padding: 1.2rem 1.1rem;
  justify-content: space-between;
  align-items: center;
  background-color: #FCF4F6;
  border-radius: 8px;
  position: absolute;
  bottom: 5px;
  left: 50%;
  transform: translateX(-50%);
  width: 40vw;
  display: none;
}

.invalid-license p[b-tr9j85prl4] {
  font-size: 12px;
  font-weight: 400;
  color: #111928;
}

.incorrect-license[b-tr9j85prl4] {
  display: flex;
  padding: 1.2rem 1.1rem;
  justify-content: space-between;
  align-items: center;
  background-color: #FCF4F6;
  border-radius: 8px;
  position: absolute;
  bottom: 5px;
  left: 50%;
  transform: translateX(-50%);
  width: 40vw;
  display: none;
}

.incorrect-license p[b-tr9j85prl4] {
  font-size: 12px;
  font-weight: 400;
  color: #111928;
}



/* right-side*/


.registration-right-side[b-tr9j85prl4] {
  width: 70%;
  background-color: #071B2B;
  border-radius: 25px;
  padding: 2.5rem 3rem;
  position: relative;
}

.registration-right-side h2[b-tr9j85prl4] {
  color: #DCDDEF;
  font-weight: 500;
  font-size: 24px;
  margin-top: 2rem;
}


.registration-right-side form[b-tr9j85prl4] {
  margin-top: 2rem;
}

.registration-right-side form input[b-tr9j85prl4] {
  display: block;
  background-color: transparent;
  padding: 0.7rem 1rem;
  border: 1px solid #FFFFFF4D;
  margin-top: 6px;
  border-radius: 29px;
  width: 100%;
  font-size: 14px;
  font-weight: 400;
}

.registration-right-side form input:focus[b-tr9j85prl4] {
  outline: 1px solid #5252E2;
}

.registration-right-side form label[b-tr9j85prl4] {
  color: #DCDDEF;
  font-size: 12px;
  font-weight: 500;
}

.submit-button[b-tr9j85prl4] {
  position: absolute;
  bottom: 2rem;
  right: 3rem;
  background-color: #1D2B62;
  padding: 1rem 2rem;
  width: 160px;
  color: #465565;
  border-radius: 56px;
  font-weight: 500;
  transition: 0.2s;
}

.back-button[b-tr9j85prl4] {
  color: #5252E2;
  position: absolute;
  bottom: 2rem;
  left: 3rem;
  padding: 1rem 2rem;
  border: none;
  background-color: transparent;
  font-weight: 500;
  transition: 0.2s;
  display: none;
}

.submit-button.active[b-tr9j85prl4] {
  color: #DCDDEF;
  background-color: #5252E2;
}

.custom-checkbox[b-tr9j85prl4] {
  width: 17px;
  height: 17px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 5px;
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border: 3px solid #4747A8;
  border-radius: 4px;
}

.custom-checkbox input[b-tr9j85prl4] {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  opacity: 0;
  cursor: pointer;
  border: none;
  width: 100%;
  height: 100%;
}

.custom-checkbox .checkmark[b-tr9j85prl4] {
  position: absolute;
  left: 0%;
  transform: translateY(-50%);
  top: 50%;
  height: 16px;
  width: 100%;
  border-radius: 3px;
  border: 1px solid var(--Primary-Primary);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background-color 0.3s;
}

.custom-checkbox .checkmark[b-tr9j85prl4]::after {
  content: "";
  color: transparent;
}

.custom-checkbox input:checked + .checkmark[b-tr9j85prl4] {
  background-color: #4747A8;
}


.custom-checkbox input:checked + .checkmark[b-tr9j85prl4]::after {
  content: "";
  position: absolute;
  display: block;
  left: 34%;
  top: 24%;
  transform: translateX(-50%);
  width: 4px;
  height: 8px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}


.registration-right-side .have-acc[b-tr9j85prl4] {
  font-size: 14px;
  font-weight: 400;
  color: #DCDDEF;
  margin-top:0.7rem;
}

.registration-right-side .have-acc .sign-link[b-tr9j85prl4] {
  color: #6464E5;
  font-weight: 500;
  text-decoration: none;
  cursor: pointer;
  margin-left: 3px;
}

.registration-right-side .have-acc .sign-link:hover[b-tr9j85prl4] {
  text-decoration: underline;
}

.registration-right-side .organization-form[b-tr9j85prl4] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  column-gap: 2rem;
  row-gap: 1rem;
}

.registration-right-side .organization-form div[b-tr9j85prl4] {
  width: calc( ( 100% / 2 ) - 2rem )
}

.registration-right-side .organization-form div select[b-tr9j85prl4] {
  appearance: none;
  background: url('/assets/images/registration/select-arrow.svg') no-repeat right center;
  background-position: right 20px center;
  background-size: 12px;
  padding-right: 30px;
  display: block;
  background-color: #071B2B;
  padding: 0.7rem 1rem;
  border: 1px solid #FFFFFF4D;
  margin-top: 6px;
  border-radius: 29px;
  width: 100%;
  font-size: 14px;
  font-weight: 400;
}

.registration-right-side .organization-form div select:focus[b-tr9j85prl4] {
  outline: 1px solid #5252E2;
}


.input-row[b-tr9j85prl4] {
  width: calc( ( 100% / 2 ) - 2rem );
}


.forget-span[b-tr9j85prl4] {
  top: 110%;
  right: 0;
  color: #A3AED0;
  font-size: 14px;
  font-weight: 400;
}

.forget-span:hover[b-tr9j85prl4] {
  text-decoration: underline;
}


.progress-container[b-tr9j85prl4] {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 98%;
  height: 4px;
  background-color: transparent;
}

.progress-bar[b-tr9j85prl4] {
  height: 100%;
  background-color: #6C7CE3;
  width: 50%; /* Change this to simulate progress (e.g., 25%, 75%, etc.) */
  transition: width 0.3s ease;
  border-radius: 8px;
}
/* _content/Cybral.Storm.App/Areas/Identity/Pages/Login.cshtml.rz.scp.css */
/* _content/Cybral.Storm.App/Areas/Identity/Pages/Member.razor.rz.scp.css */
/* _content/Cybral.Storm.App/Areas/Identity/Pages/RegistrationProcess.razor.rz.scp.css */
.main-container[b-vdszcaccse] {
  width: 100%;
  height: 100vh;
  background-color: #001526;
  display: flex;
  justify-content: center;
  align-items: center;
}

.inner-container[b-vdszcaccse] {
  width: 90%;
  height: 85vh;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 3rem;
  position: relative;
}



.registration-left-side[b-vdszcaccse] {
  width: 35%;
  background-color: #071B2B;
  position: relative;
  border-radius: 25px;
  padding: 2rem;
}

  .registration-left-side p[b-vdszcaccse] {
    font-size: 24px;
    font-weight: 300;
    color: #80839A;
    margin-top: 2rem;
    line-height: 36.5px;
  }

.linear-text[b-vdszcaccse] {
  background: linear-gradient(to right,#4568DC 20%, #FF7C18);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 24px;
  font-weight: 700;
}


.registration-left-side .linear-bg[b-vdszcaccse] {
  position: absolute;
  top: -5rem;
  left: -2rem;
  width: 135% !important;
  max-width: unset !important;
}

.registration-left-side .contact-span[b-vdszcaccse] {
  position: absolute;
  bottom: 2rem;
  left: 2rem;
  color: #B3BABE;
  font-weight: 500;
  font-size: 12px;
}




.slider-container[b-vdszcaccse] {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-bottom: 5rem;
}

/* Wrapper for the slides */
.slider-wrapper[b-vdszcaccse] {
  display: flex;
  transition: transform 1s ease-in-out;
  width: 100%;
  transition: transform 1s ease-in-out;
}

  /* Individual slides */
  .slider-wrapper p[b-vdszcaccse] {
    flex: 0 0 100%;
    scroll-snap-align: start;
    font-size: 24px;
  }

/* Dots navigation */
.slider-nav[b-vdszcaccse] {
  position: absolute;
  bottom: 1.5rem;
  left: 0%;
  display: flex;
  column-gap: 0.7rem;
  z-index: 1;
}

  /* Dot style */
  .slider-nav span[b-vdszcaccse] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #192B39;
    transition: background-color 0.3s ease;
  }

  /* Active dot color */
  .slider-nav .active[b-vdszcaccse] {
    background-color: #6E7880;
  }

@keyframes slideAnimation-b-vdszcaccse {
  0% {
    transform: translateX(0);
  }

  33.33% {
    transform: translateX(-100%);
  }

  66.66% {
    transform: translateX(-200%);
  }

  100% {
    transform: translateX(-200%);
  }
}

.slider-wrapper[b-vdszcaccse] {
  display: flex;
  transition: transform 1s ease-in-out;
}

/* Active dot styling */
.slider-nav span:nth-child(1).active[b-vdszcaccse] {
  background-color: #6E7880;
}

.slider-nav span:nth-child(2).active[b-vdszcaccse] {
  background-color: #6E7880;
}

.slider-nav span:nth-child(3).active[b-vdszcaccse] {
  background-color: #6E7880;
}


/* right-side*/


.registration-right-side[b-vdszcaccse] {
  width: 70%;
  background-color: #071B2B;
  border-radius: 25px;
  padding: 2.5rem 3rem;
  position: relative;
}

  .registration-right-side h2[b-vdszcaccse] {
    color: #DCDDEF;
    font-weight: 500;
    font-size: 24px;
    margin-top: 2rem;
  }


  .registration-right-side form[b-vdszcaccse] {
    margin-top: 2rem;
  }

    .registration-right-side form input[b-vdszcaccse] {
      display: block;
      background-color: transparent;
      padding: 0.7rem 1rem;
      border: 1px solid #FFFFFF4D;
      margin-top: 6px;
      border-radius: 29px;
      width: 100%;
      font-size: 14px;
      font-weight: 400;
    }

      .registration-right-side form input:focus[b-vdszcaccse] {
        outline: 1px solid #5252E2;
      }

    .registration-right-side form label[b-vdszcaccse] {
      color: #DCDDEF;
      font-size: 12px;
      font-weight: 500;
    }

.submit-button[b-vdszcaccse] {
  position: absolute;
  bottom: 2rem;
  right: 3rem;
  background-color: #1D2B62;
  padding: 1rem 2rem;
  width: 160px;
  color: #465565;
  border-radius: 56px;
  font-weight: 500;
  transition: 0.2s;
}

.back-button[b-vdszcaccse] {
  color: #5252E2;
  position: absolute;
  bottom: 2rem;
  left: 3rem;
  padding: 1rem 2rem;
  border: none;
  background-color: transparent;
  font-weight: 500;
  transition: 0.2s;
  display: none;
}

  .back-button.active[b-vdszcaccse] {
    display: inline-block;
  }

.submit-button.active[b-vdszcaccse] {
  color: #DCDDEF;
  background-color: #5252E2;
}

.custom-checkbox[b-vdszcaccse] {
  width: 17px;
  height: 17px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 5px;
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border: 3px solid #4747A8;
  border-radius: 4px;
}

  .custom-checkbox input[b-vdszcaccse] {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    opacity: 0;
    cursor: pointer;
    border: none;
    width: 100%;
    height: 100%;
  }

  .custom-checkbox .checkmark[b-vdszcaccse] {
    position: absolute;
    left: 0%;
    transform: translateY(-50%);
    top: 50%;
    height: 16px;
    width: 100%;
    border-radius: 3px;
    border: 1px solid var(--Primary-Primary);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color 0.3s;
  }

    .custom-checkbox .checkmark[b-vdszcaccse]::after {
      content: "";
      color: transparent;
    }

  .custom-checkbox input:checked + .checkmark[b-vdszcaccse] {
    background-color: #4747A8;
  }


    .custom-checkbox input:checked + .checkmark[b-vdszcaccse]::after {
      content: "";
      position: absolute;
      display: block;
      left: 34%;
      top: 24%;
      transform: translateX(-50%);
      width: 4px;
      height: 8px;
      border: solid white;
      border-width: 0 2px 2px 0;
      transform: rotate(45deg);
    }


.registration-right-side .have-acc[b-vdszcaccse] {
  font-size: 14px;
  font-weight: 400;
  color: #DCDDEF;
}

  .registration-right-side .have-acc .sign-link[b-vdszcaccse] {
    color: #6464E5;
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
    margin-left: 3px;
  }

    .registration-right-side .have-acc .sign-link:hover[b-vdszcaccse] {
      text-decoration: underline;
    }

.registration-right-side .organization-form[b-vdszcaccse] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  column-gap: 0rem;
  row-gap: 0rem;
}

  .registration-right-side .organization-form div[b-vdszcaccse] {
    width: calc( ( 100% / 2 ) - 2rem )
  }

    .registration-right-side .organization-form div select[b-vdszcaccse] {
      appearance: none;
      background: url('/assets/images/registration/select-arrow.svg') no-repeat right center;
      background-position: right 20px center;
      background-size: 12px;
      padding-right: 30px;
      display: block;
      background-color: #071B2B;
      padding: 0.7rem 1rem;
      border: 1px solid #FFFFFF4D;
      margin-top: 6px;
      border-radius: 29px;
      width: 100%;
      font-size: 14px;
      font-weight: 400;
    }

      .registration-right-side .organization-form div select:focus[b-vdszcaccse] {
        outline: 1px solid #5252E2;
      }


.input-row[b-vdszcaccse] {
  width: calc( ( 100% / 2 ) - 2rem );
}



.progress-container[b-vdszcaccse] {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 98%;
  height: 4px;
  background-color: transparent;
}

.progress-bar[b-vdszcaccse] {
  height: 100%;
  background-color: #6C7CE3;
  width: 50%; /* Change this to simulate progress (e.g., 25%, 75%, etc.) */
  transition: width 0.3s ease;
  border-radius: 8px;
}
/* _content/Cybral.Storm.App/Areas/Identity/Pages/ResetPassword.cshtml.rz.scp.css */

*[b-mgbrelz7co]{
    font-family:"Poppins"
}
/* _content/Cybral.Storm.App/Areas/NetworkAnalyzer/SimulatePhishing/AttackSimualtionAction.razor.rz.scp.css */
.simualition-btn[b-zp6lnjo08a] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  background-color: #ff9645;
  color: white;
  padding: 12px;
  border-radius: 20px;
}


.history-button[b-zp6lnjo08a] {
  width: 100%;
  border-radius: 56px;
  font-weight: 500;
  color: #DCDDEF;
  padding: 0.5rem 0rem;
  position: relative;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}
/* _content/Cybral.Storm.App/Areas/NetworkAnalyzer/SimulatePhishing/AttackSimulationHistory.razor.rz.scp.css */
.remediation-palnner-popup[b-wln5olf7vq] {
  position: fixed;
  width: 35vw;
  height: 90vh;
  padding: 2rem;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 100000;
  background-color: #070723;
  flex-direction:column;
  gap:1rem;
}

.remediation-palnner-popup .popup-header[b-wln5olf7vq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.remediation-palnner-popup .popup-header p[b-wln5olf7vq] {
      color: #FAFAFA;
      font-weight: 700;
      padding-left: 1rem;
      position: relative;
}

.remediation-palnner-popup .popup-header img[b-wln5olf7vq] {
      width: 15px;
      height: 15px;
      cursor: pointer;
}

.remediation-palnner-popup .popup-header p[b-wln5olf7vq]::before {
      position: absolute;
      content: "";
      width: 3px;
      height: 100%;
      left: 0;
      border-radius: 8px;
      background-color: #5252E2;
}

.remediation-palnner-popup .popup-content[b-wln5olf7vq] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    overflow: auto;
    padding-right: 0.5rem;
    flex:1;
}

.remediation-palnner-popup .popup-content .popup-row[b-wln5olf7vq] {
      display: flex;
      justify-content: space-between;
      align-items: center;
      border-radius: 16px;
      background-color: #000000;
      padding: 1.5rem 1rem;
      width: 100%;
      margin-bottom: 1rem;
}

.popup-row-right[b-wln5olf7vq] {
  display: flex;
  align-content: center;
  justify-content: center;
  gap: 3rem;
  padding-right: 1rem;
}

.popup-row-left span[b-wln5olf7vq] {
  color: #9596AA;
  font-size: 12px;
  font-weight: 500;
}

.popup-row-right button[b-wln5olf7vq] {
  background-color: transparent;
  color: #5252E2;
  font-size: 12px;
  font-weight: 500;
}

.remediation-palnner-popup .close-btn[b-wln5olf7vq] {
  border-radius: 56px;
  padding: 0.5rem 1.5rem;
  border: 1px solid #5252E2;
  font-weight: 500;
  color: #DCDDEF;
  width:fit-content;
  align-self:flex-end;
}
/* _content/Cybral.Storm.App/Areas/NetworkAnalyzer/SimulatePhishing/SimulateAttack.razor.rz.scp.css */
/* _content/Cybral.Storm.App/Areas/NetworkAnalyzer/Views/ActiveDirectory/ActiveDirectoryDashboard.razor.rz.scp.css */
.directory-container[b-1gcpldvfqw] {
  width: 95%;
  margin: 30px auto;
  padding-bottom: 4rem;
}

.header-container[b-1gcpldvfqw] {
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: auto;
}

  .header-container .header-box[b-1gcpldvfqw] {
    background-color: #0E0F2B;
    backdrop-filter: blur(15px);
    border-radius: 32px;
    display: flex;
    align-items: center;
    gap: 1rem;
    width: calc(100%/4);
    padding: 2rem 1rem;
    justify-content: center;
    box-shadow: rgb(14, 15, 43, 1) 0px 15px 120px;
  }

    .header-container .header-box .header-box-inner span[b-1gcpldvfqw] {
      color: #88879D;
      font-weight: 500;
      font-size: 14px;
    }

    .header-container .header-box .header-box-inner p[b-1gcpldvfqw] {
      color: #DCDDEF;
      font-size: 24px;
      font-weight: 500;
    }


.graphs-section[b-1gcpldvfqw] {
  display: flex;
  margin-top: 30px;
  justify-content: space-between;
  align-items: center;
  padding: 3rem 4rem;
  position: relative;
  box-shadow: rgb(14, 15, 43, 1) 0px 15px 120px;
  background-color: #0E0F2B;
  backdrop-filter: blur(15px);
  border-radius: 32px;
}

  .graphs-section .img-overlay[b-1gcpldvfqw] {
    position: absolute;
    left: 0;
    top: -5rem;
  }

  .graphs-section .graphs-left-side[b-1gcpldvfqw] {
    width: 50%;
  }

    .graphs-section .graphs-left-side h2[b-1gcpldvfqw] {
      font-weight: 600;
      font-size: 20px;
      color: #DCDDEF;
      margin-bottom: 1rem;
    }

    .graphs-section .graphs-left-side p[b-1gcpldvfqw] {
      color: #7F7BA7;
      font-weight: 400;
      font-size: 14px;
      margin-bottom: 2rem;
    }

  .graphs-section .graphs-right-side[b-1gcpldvfqw] {
    width: 50%;
    padding-left: 3rem;
  }

    .graphs-section .graphs-right-side .scan-p[b-1gcpldvfqw] {
      display: flex;
      align-items: center;
      gap: 7px;
      font-size: 12px;
      font-weight: 400;
      color: #86869D;
      margin-bottom: 0.5rem;
    }

      .graphs-section .graphs-right-side .scan-p .number[b-1gcpldvfqw] {
        color: #A50121;
      }

    .graphs-section .graphs-right-side h2[b-1gcpldvfqw] {
      font-weight: 600;
      font-size: 20px;
      color: #DCDDEF;
      margin-bottom: 2rem;
    }

    .graphs-section .graphs-right-side .des[b-1gcpldvfqw] {
      color: #DCDDEF;
      font-size: 12px;
      font-weight: 400;
      margin-bottom: 1rem;
    }



.misconfigurations[b-1gcpldvfqw] {
  position: relative;
  box-shadow: rgb(14, 15, 43, 1) 0px 15px 120px;
  background-color: #0E0F2B;
  backdrop-filter: blur(15px);
  border-radius: 32px;
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 4rem 3rem;
}

  .misconfigurations .img-overlay[b-1gcpldvfqw] {
    position: absolute;
    top: -10rem;
    left: 0rem;
  }

  .misconfigurations .company[b-1gcpldvfqw] {
    color: #86879F;
    font-weight: 400;
  }

  .misconfigurations h2[b-1gcpldvfqw] {
    font-size: 26px;
    color: #DCDDEF;
    font-weight: 800;
    margin-top: 1rem;
  }

  .misconfigurations .actions[b-1gcpldvfqw] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    margin-top: 2.5rem;
    position: relative;
    z-index: 10;
  }

    .misconfigurations .actions button:first-child[b-1gcpldvfqw] {
      border: 1px solid #5252E2;
      border-radius: 56px;
      color: #DCDDEF;
      font-weight: 600;
      padding: 0.7rem 1.5rem;
    }

    .misconfigurations .actions button:last-child[b-1gcpldvfqw] {
      background-color: #5252E2;
      color: #DCDDEF;
      font-weight: 500;
      padding: 0.7rem 1.5rem;
      border-radius: 56px;
    }

  .misconfigurations .list-container[b-1gcpldvfqw] {
    width: 95%;
    margin: 3.5rem auto;
    max-height: 500px;
    overflow: auto;
    padding-right: 1rem;
    margin-bottom: 0rem;
  }

    .misconfigurations .list-container .list-row[b-1gcpldvfqw] {
      display: flex;
      gap: 2rem;
      align-items: center;
      justify-content: space-between;
      border-bottom: 1px solid #262740;
      padding: 1.2rem 0rem;
    }

      .misconfigurations .list-container .list-row:last-child[b-1gcpldvfqw] {
        border-bottom: none;
      }

      .misconfigurations .list-container .list-row p[b-1gcpldvfqw] {
        font-weight: 400;
        color: #8A8BA0;
      }

      .misconfigurations .list-container .list-row button[b-1gcpldvfqw] {
        border: 1px solid #5252E2;
        border-radius: 56px;
        color: #DCDDEF;
        font-weight: 500;
        padding: 0.5rem 1.5rem;
      }



/* _content/Cybral.Storm.App/Areas/NetworkAnalyzer/Views/ActiveDirectory/ActiveDirectoryInvestigate.razor.rz.scp.css */
body[b-kmd0n4y3me] {
  font-family: "Poppins"
}

.investigate-container[b-kmd0n4y3me] {
  width: 95%;
  margin: 30px auto;
  padding-bottom: 2rem;
  position: relative;
}

  .investigate-container .lamp[b-kmd0n4y3me] {
    position: absolute;
    left: -10rem;
    top: -2rem;
    z-index: 1;
  }

.header-box[b-kmd0n4y3me] {
  position: relative;
  z-index: 5;
  width: 100%;
  background-color: #0E0F2B;
  border-radius: 32px;
  padding: 2rem;
  box-shadow: 0 16px 50px 0px #00000040;
}

  .header-box .sec-p[b-kmd0n4y3me] {
    color: #8B8CA4;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
  }

  .header-box h1[b-kmd0n4y3me] {
    font-size: 24px;
    font-weight: 600;
    line-height: 36px;
    color: #DCDDEF;
    text-align: center;
    margin: 16px 0px;
    outline: none;
    border: none;
  }

.search-box[b-kmd0n4y3me] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin: auto;
  border-radius: 400px;
  background-color: #070723;
  padding-left: 12px;
  padding:0.7rem;
}
.search-box img[b-kmd0n4y3me]{
    padding-top:3px;
}
  .search-box input[b-kmd0n4y3me] {
    width: 300px;
    font-size: 12px;
    color: #DCDDEF;
    background-color: transparent;
    outline: none;
    border: none;
    padding-left: 10px;
  }

  .search-box button[b-kmd0n4y3me] {
    border-radius: 400px;
    padding: 0.7rem 2rem;
    border: none;
    background-color: #5252E2;
    color: #DCDDEF;
    font-weight: 500;
    cursor: pointer;
  }

.search-container[b-kmd0n4y3me] {
  position: relative;
  z-index: 5;
  padding: 2rem 0rem;
  margin-top: 1rem;
}

  .search-container h2[b-kmd0n4y3me] {
    color: #DCDDEF;
    font-size: 18px;
    font-weight: 500;
  }

  .search-container .empty-data[b-kmd0n4y3me] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 280px;
    
  }

    .search-container .empty-data p:nth-child(2)[b-kmd0n4y3me] {
      margin: 12px 0px;
      color: #DCDDEF;
      font-size: 20px;
      font-weight: 500;
    }

    .search-container .empty-data p:nth-child(3)[b-kmd0n4y3me] {
      color: #8B8CA4;
      font-size: 14px;
      font-weight: 300;
    }

  .search-container .search-results[b-kmd0n4y3me] {
    background-color: #0E0F2B;
    border-radius: 32px;
    padding: 0.5rem 0rem;
    margin-top: 1rem;
    overflow: hidden;
  }

.search-results .single-result[b-kmd0n4y3me] {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-start;
  gap: 7px;
  border-bottom: 1px solid #262740;
  padding: 1rem 1.5rem;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

  .search-results .single-result:hover[b-kmd0n4y3me] {
    background-color: #1A1B3D;
  }

.single-result p[b-kmd0n4y3me] {
  color: #8B8CA4;
  font-size: 14px;
  font-weight: 400;
}

.single-result img[b-kmd0n4y3me] {
  height: 20px;
  width: 20px;
}

.search-results .single-result:last-child[b-kmd0n4y3me] {
  border-bottom: none;
  /*border-radius:0px 0px 32px 32px;*/
}


.investigate-container .diagram-link div.default-link-label[b-kmd0n4y3me] {
  background-color: #131326 !important;
}
/* _content/Cybral.Storm.App/Areas/NetworkAnalyzer/Views/ActiveDirectory/ActiveDirectoryRelations.razor.rz.scp.css */
body[b-1gh03ghgx3] {
  font-family: "Poppins"
}

.investigate-container[b-1gh03ghgx3] {
  width: 95%;
  margin: auto;
  padding-bottom: 2rem;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  padding-top: 20px;
}

.header-row[b-1gh03ghgx3] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  background-color: #070723;
  padding: 1.5rem 2rem;
  border-radius: 15px;
  margin-bottom: 1rem;
  width: 100%;
}

  .header-row img[b-1gh03ghgx3] {
    height: 32px;
    width: 32px;
  }

  .header-row p[b-1gh03ghgx3] {
    color: #8B8CA4;
    font-weight: 400;
    font-size: 18px;
    padding-top: 3px;
  }

.row-content[b-1gh03ghgx3] {
  height: 100%;
  border-radius: 6px;
  margin-top: 6px;
  background-color: #272745;
  padding: 1.5rem 2rem;
  flex: 1;
  width: 100%;
  margin-bottom:1.5rem;
}

.groups-itens[b-1gh03ghgx3] {
  height: 100%;
}

.row-content .groups-number[b-1gh03ghgx3] {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
}

  .row-content .groups-number span:first-child[b-1gh03ghgx3] {
    color: #9596AA;
    font-size: 12px;
    font-weight: 500;
  }

  .row-content .groups-number span:nth-child(2)[b-1gh03ghgx3] {
    color: #DCDDEF;
    font-weight: 500;
    font-size: 12px;
  }

.row-content .row-content-left[b-1gh03ghgx3] {
  display: flex;
  gap: 7rem;
  height: 55vh;
  overflow:auto;
}

  .row-content .row-content-left .groups[b-1gh03ghgx3] {
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    padding-left: 2rem;
    gap: 1rem;
    flex-direction: column;
    width: fit-content;
    column-gap: 3rem;
    padding: 1rem 0rem 1rem 2rem;
  }

    .row-content .row-content-left .groups p[b-1gh03ghgx3] {
      position: relative;
      color: #DCDDEF;
      font-weight: 400;
      font-size: 12px;
      padding-left: 1rem;
      white-space:nowrap;
    }

      .row-content .row-content-left .groups p[b-1gh03ghgx3]::before {
        content: "";
        position: absolute;
        top: 6px;
        left: 0;
        width: 4px;
        height: 4px;
        background-color: #DCDDEF;
        border-radius: 50%;
      }


  .row-content .row-content-left .owns[b-1gh03ghgx3] {
    padding-left: 2rem;
    gap: 1rem;
    flex-direction: column;
    height: fit-content;
    margin-top: 1rem;
    width: fit-content;
    column-gap: 3rem;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }

    .row-content .row-content-left .owns p[b-1gh03ghgx3] {
      position: relative;
      color: #DCDDEF;
      font-weight: 400;
      font-size: 12px;
      padding-left: 1rem;
    }

      .row-content .row-content-left .owns p[b-1gh03ghgx3]::before {
        content: "";
        position: absolute;
        top: 6px;
        left: 0;
        width: 4px;
        height: 4px;
        background-color: #DCDDEF;
        border-radius: 50%;
      }

.rotate[b-1gh03ghgx3] {
  Transform: rotate(180deg);
  Transition: 0.3s;
}
/* _content/Cybral.Storm.App/Areas/NetworkAnalyzer/Views/ActiveDirectory/ActiveDirectoryShowAdData.razor.rz.scp.css */
body[b-mkbc5n50ee] {
  font-family: "Poppins"
}


.ad-container[b-mkbc5n50ee] {
  width: 95%;
  margin: 10px auto;
  padding-bottom: 5rem;
  padding-top: 2rem;
}

.top-header[b-mkbc5n50ee] {
  position: relative;
}

  .top-header .absolute-img[b-mkbc5n50ee] {
    position: absolute;
    top: -4rem;
    left: -8rem;
  }

  .top-header h1[b-mkbc5n50ee] {
    color: #DCDDEF;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
  }

  .top-header .dropdown-head[b-mkbc5n50ee] {
    width: 370px;
    border-radius: 400px;
    background-color: #070723;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1rem;
    margin: 10px auto;
    cursor: pointer;
    position: relative;
    z-index: 20;
  }

.dropdown-head span[b-mkbc5n50ee] {
  color: #9596AA;
  font-size: 12px;
  font-weight: 400;
}

.dropdown-box[b-mkbc5n50ee] {
  position: absolute;
  top: 110%;
  left: 0;
  width: 100%;
  border-radius: 16px;
  background-color: #070723;
  padding: 0.4rem 0rem;
  z-index: 20;
}

.dropdown-head .dropdown-box .dropdown-row[b-mkbc5n50ee] {
  display: flex;
  align-items: center;
  gap: 7px;
  justify-content: flex-start;
  padding: 0.8rem 0.8rem;
  border-bottom: 1px solid #3E3F55;
}

  .dropdown-head .dropdown-box .dropdown-row:last-child[b-mkbc5n50ee] {
    border-bottom: none;
  }

  .dropdown-head .dropdown-box .dropdown-row span[b-mkbc5n50ee] {
    color: #DCDDEF;
    font-size: 12px;
    font-weight: 500;
    padding-top: 3px;
    line-height: 18px;
  }

  .dropdown-head .dropdown-box .dropdown-row img[b-mkbc5n50ee] {
    width: 16px;
    height: 16px;
  }


.search-box[b-mkbc5n50ee] {
  position: relative;
  z-index: 20;
  display: flex;
  gap: 5px;
  height: 100%;
  width: 25%;
  background-color: #070723;
  align-items: center;
  padding: 0rem 1rem;
  border-radius: 400px;
}

  .search-box input[b-mkbc5n50ee] {
    background-color: #070723;
    width: 100%;
    outline: none;
    color: #DCDDEF;
    font-size: 12px;
    box-shadow: rgb(14, 15, 43, 1) 0px 30px 120px;
    backdrop-filter: blur(20px);
    z-index: 20;
    padding: 0.7rem 0.5rem;
  }


table[b-mkbc5n50ee] {
  position: relative;
  z-index: 10;
}

thead[b-mkbc5n50ee] {
  position: sticky;
  top: 0;
  left: 0;
  text-align: left;
  background-color: #0E0E29;
  border-radius: 15px;
  height: 50px;
  color: #DCDDEF;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
}

tbody tr[b-mkbc5n50ee] {
  height: 60px;
  border-bottom: 1px solid #474752;
}

.attributes-p[b-mkbc5n50ee] {
  font-size: 14px;
  font-weight: 400;
  color: #88879D;
  margin-bottom: 10px;
}

tbody td[b-mkbc5n50ee] {
  color: #DCDDEF;
  font-weight: 400;
  white-space: nowrap;
  font-size: 12px;
}







/*attributes*/

.attributes-container[b-mkbc5n50ee] {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0,0,0,0.8);
  top: 0;
  left: 0;
  z-index: 30000;
  display: none;
}

  .attributes-container .attributes-box[b-mkbc5n50ee] {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    height: 90vh;
    width: 35vw;
    background-color: #070723;
    padding: 2rem 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding-bottom: 6rem;
  }

.attributes-box .attributes-header[b-mkbc5n50ee] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 0rem 1rem;
}

  .attributes-box .attributes-header p[b-mkbc5n50ee] {
    color: #DCDDEF;
    font-weight: 700;
  }

  .attributes-box .attributes-header img[b-mkbc5n50ee] {
    cursor: pointer;
  }

  .attributes-box .attributes-header[b-mkbc5n50ee]::before {
    content: "";
    height: 100%;
    width: 3px;
    border-radius: 10px;
    background-color: #DCDDEF;
    position: absolute;
    top: 0;
    left: 0;
  }

.inner-content[b-mkbc5n50ee] {
  flex: 1;
  padding-right: 1rem;
  overflow: auto;
}

.content-box[b-mkbc5n50ee] {
  margin-bottom: 3rem;
}

  .content-box:last-child[b-mkbc5n50ee] {
    margin-bottom: 1rem;
  }

.cancel-btn[b-mkbc5n50ee] {
  position: absolute;
  right: 2rem;
  bottom: 1.5rem;
  border: 1px solid #5252E2;
  border-radius: 56px;
  padding: 0.6rem 2.5rem;
  color: #DCDDEF;
  font-weight: 500;
  background-color: transparent;
}

.status-dev[b-mkbc5n50ee] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;
  border-bottom: 1px solid #24243E;
  padding: 0.7rem 0rem;
}

  .status-dev span[b-mkbc5n50ee] {
    color: #DCDDEF;
    font-size: 12px;
    font-weight: 300;
  }


.attributes-title[b-mkbc5n50ee] {
  font-size: 14px;
  font-weight: 400;
  color: #88879D;
  margin-top: 10px;
}
/* _content/Cybral.Storm.App/Areas/NetworkAnalyzer/Views/ActiveDirectory/AdDataChildComponents/ComputerDetails.razor.rz.scp.css */
body[b-dmkfm7yo3c] {
  font-family: "Poppins"
}


.ad-container[b-dmkfm7yo3c] {
  width: 95%;
  margin: 10px auto;
  padding-bottom: 5rem;
  padding-top: 2rem;
}

.top-header[b-dmkfm7yo3c] {
  position: relative;
}

  .top-header .absolute-img[b-dmkfm7yo3c] {
    position: absolute;
    top: -4rem;
    left: -4rem;
  }

  .top-header h1[b-dmkfm7yo3c] {
    color: #DCDDEF;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
  }

  .top-header .dropdown-head[b-dmkfm7yo3c] {
    width: 370px;
    border-radius: 400px;
    background-color: #070723;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1rem;
    margin: 10px auto;
    cursor: pointer;
    position: relative;
    z-index: 20;
  }

.dropdown-head span[b-dmkfm7yo3c] {
  color: #9596AA;
  font-size: 12px;
  font-weight: 400;
}

.dropdown-box[b-dmkfm7yo3c] {
  position: absolute;
  top: 110%;
  left: 0;
  width: 100%;
  border-radius: 16px;
  background-color: #070723;
  padding: 0.4rem 0rem;
  z-index: 20;
}

.dropdown-head .dropdown-box .dropdown-row[b-dmkfm7yo3c] {
  display: flex;
  align-items: center;
  gap: 7px;
  justify-content: flex-start;
  padding: 0.8rem 0.8rem;
  border-bottom: 1px solid #3E3F55;
}

  .dropdown-head .dropdown-box .dropdown-row:last-child[b-dmkfm7yo3c] {
    border-bottom: none;
  }

  .dropdown-head .dropdown-box .dropdown-row span[b-dmkfm7yo3c] {
    color: #DCDDEF;
    font-size: 12px;
    font-weight: 500;
    padding-top: 3px;
    line-height: 18px;
  }

  .dropdown-head .dropdown-box .dropdown-row img[b-dmkfm7yo3c] {
    width: 16px;
    height: 16px;
  }


.search-box[b-dmkfm7yo3c] {
  position: relative;
  z-index: 20;
  display: flex;
  gap: 5px;
  height: 100%;
  width: 25%;
  background-color: #070723;
  align-items: center;
  padding: 0rem 1rem;
  border-radius: 400px;
}

  .search-box input[b-dmkfm7yo3c] {
    background-color: #070723;
    width: 100%;
    outline: none;
    color: #DCDDEF;
    font-size: 12px;
    box-shadow: rgb(14, 15, 43, 1) 0px 30px 120px;
    backdrop-filter: blur(20px);
    z-index: 20;
    padding: 0.7rem 0.5rem;
  }


table[b-dmkfm7yo3c] {
  position: relative;
  z-index: 10;
}

thead[b-dmkfm7yo3c] {
  position: sticky;
  top: 0;
  left: 0;
  text-align: left;
  background-color: #0E0E29;
  border-radius: 15px;
  height: 50px;
  color: #DCDDEF;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
}

tbody tr[b-dmkfm7yo3c] {
  height: 60px;
  border-bottom: 1px solid #474752;
}

.attributes-p[b-dmkfm7yo3c] {
  font-size: 14px;
  font-weight: 400;
  color: #88879D;
  margin-bottom: 10px;
}

tbody td[b-dmkfm7yo3c] {
  color: #DCDDEF;
  font-weight: 400;
  white-space: nowrap;
  font-size: 12px;
}







/*attributes*/

.attributes-container[b-dmkfm7yo3c] {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0,0,0,0.8);
  top: 0;
  left: 0;
  z-index: 30000;
  display: none;
}

  .attributes-container .attributes-box[b-dmkfm7yo3c] {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    height: 90vh;
    width: 35vw;
    background-color: #070723;
    padding: 2rem 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding-bottom: 6rem;
  }

.attributes-box .attributes-header[b-dmkfm7yo3c] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 0rem 1rem;
}

  .attributes-box .attributes-header p[b-dmkfm7yo3c] {
    color: #DCDDEF;
    font-weight: 700;
  }

  .attributes-box .attributes-header img[b-dmkfm7yo3c] {
    cursor: pointer;
  }

  .attributes-box .attributes-header[b-dmkfm7yo3c]::before {
    content: "";
    height: 100%;
    width: 3px;
    border-radius: 10px;
    background-color: #DCDDEF;
    position: absolute;
    top: 0;
    left: 0;
  }

.inner-content[b-dmkfm7yo3c] {
  flex: 1;
  padding-right: 1rem;
  overflow: auto;
}

.content-box[b-dmkfm7yo3c] {
  margin-bottom: 3rem;
}

  .content-box:last-child[b-dmkfm7yo3c] {
    margin-bottom: 1rem;
  }

.cancel-btn[b-dmkfm7yo3c] {
  position: absolute;
  right: 2rem;
  bottom: 1.5rem;
  border: 1px solid #5252E2;
  border-radius: 56px;
  padding: 0.6rem 2.5rem;
  color: #DCDDEF;
  font-weight: 500;
  background-color: transparent;
}

.status-dev[b-dmkfm7yo3c] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;
  border-bottom: 1px solid #24243E;
  padding: 0.7rem 0rem;
}

  .status-dev span[b-dmkfm7yo3c] {
    color: #DCDDEF;
    font-size: 12px;
    font-weight: 300;
  }


.attributes-title[b-dmkfm7yo3c] {
  font-size: 14px;
  font-weight: 400;
  color: #88879D;
  margin-top: 10px;
}
/* _content/Cybral.Storm.App/Areas/NetworkAnalyzer/Views/ActiveDirectory/AdDataChildComponents/ComputerTable.razor.rz.scp.css */
body[b-78cja5csat] {
  font-family: "Poppins"
}


.ad-container[b-78cja5csat] {
  width: 95%;
  margin: 10px auto;
  padding-bottom: 5rem;
  padding-top: 2rem;
}

.top-header[b-78cja5csat] {
  position: relative;
}

  .top-header .absolute-img[b-78cja5csat] {
    position: absolute;
    top: -4rem;
    left: -4rem;
  }

  .top-header h1[b-78cja5csat] {
    color: #DCDDEF;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
  }

  .top-header .dropdown-head[b-78cja5csat] {
    width: 370px;
    border-radius: 400px;
    background-color: #070723;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1rem;
    margin: 10px auto;
    cursor: pointer;
    position: relative;
    z-index: 20;
  }

.dropdown-head span[b-78cja5csat] {
  color: #9596AA;
  font-size: 12px;
  font-weight: 400;
}

.dropdown-box[b-78cja5csat] {
  position: absolute;
  top: 110%;
  left: 0;
  width: 100%;
  border-radius: 16px;
  background-color: #070723;
  padding: 0.4rem 0rem;
  z-index: 20;
}

.dropdown-head .dropdown-box .dropdown-row[b-78cja5csat] {
  display: flex;
  align-items: center;
  gap: 7px;
  justify-content: flex-start;
  padding: 0.8rem 0.8rem;
  border-bottom: 1px solid #3E3F55;
}

  .dropdown-head .dropdown-box .dropdown-row:last-child[b-78cja5csat] {
    border-bottom: none;
  }

  .dropdown-head .dropdown-box .dropdown-row span[b-78cja5csat] {
    color: #DCDDEF;
    font-size: 12px;
    font-weight: 500;
    padding-top: 3px;
    line-height: 18px;
  }

  .dropdown-head .dropdown-box .dropdown-row img[b-78cja5csat] {
    width: 16px;
    height: 16px;
  }


.search-box[b-78cja5csat] {
  position: relative;
  z-index: 20;
  display: flex;
  gap: 5px;
  height: 100%;
  width: 25%;
  background-color: #070723;
  align-items: center;
  padding: 0rem 1rem;
  border-radius: 400px;
}

  .search-box input[b-78cja5csat] {
    background-color: #070723;
    width: 100%;
    outline: none;
    color: #DCDDEF;
    font-size: 12px;
    box-shadow: rgb(14, 15, 43, 1) 0px 30px 120px;
    backdrop-filter: blur(20px);
    z-index: 20;
    padding: 0.7rem 0.5rem;
  }


table[b-78cja5csat] {
  position: relative;
  z-index: 10;
}

thead[b-78cja5csat] {
  position: sticky;
  top: 0;
  left: 0;
  text-align: left;
  background-color: #0E0E29;
  border-radius: 15px;
  height: 50px;
  color: #DCDDEF;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
}

tbody tr[b-78cja5csat] {
  height: 60px;
  border-bottom: 1px solid #474752;
}

.attributes-p[b-78cja5csat] {
  font-size: 14px;
  font-weight: 400;
  color: #88879D;
  margin-bottom: 10px;
}

tbody td[b-78cja5csat] {
  color: #DCDDEF;
  font-weight: 400;
  white-space: nowrap;
  font-size: 12px;
}







/*attributes*/

.attributes-container[b-78cja5csat] {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0,0,0,0.8);
  top: 0;
  left: 0;
  z-index: 30000;
  display: none;
}

  .attributes-container .attributes-box[b-78cja5csat] {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    height: 90vh;
    width: 35vw;
    background-color: #070723;
    padding: 2rem 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding-bottom: 6rem;
  }

.attributes-box .attributes-header[b-78cja5csat] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 0rem 1rem;
}

  .attributes-box .attributes-header p[b-78cja5csat] {
    color: #DCDDEF;
    font-weight: 700;
  }

  .attributes-box .attributes-header img[b-78cja5csat] {
    cursor: pointer;
  }

  .attributes-box .attributes-header[b-78cja5csat]::before {
    content: "";
    height: 100%;
    width: 3px;
    border-radius: 10px;
    background-color: #DCDDEF;
    position: absolute;
    top: 0;
    left: 0;
  }

.inner-content[b-78cja5csat] {
  flex: 1;
  padding-right: 1rem;
  overflow: auto;
}

.content-box[b-78cja5csat] {
  margin-bottom: 3rem;
}

  .content-box:last-child[b-78cja5csat] {
    margin-bottom: 1rem;
  }

.cancel-btn[b-78cja5csat] {
  position: absolute;
  right: 2rem;
  bottom: 1.5rem;
  border: 1px solid #5252E2;
  border-radius: 56px;
  padding: 0.6rem 2.5rem;
  color: #DCDDEF;
  font-weight: 500;
  background-color: transparent;
}

.status-dev[b-78cja5csat] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;
  border-bottom: 1px solid #24243E;
  padding: 0.7rem 0rem;
}

  .status-dev span[b-78cja5csat] {
    color: #DCDDEF;
    font-size: 12px;
    font-weight: 300;
  }


.attributes-title[b-78cja5csat] {
  font-size: 14px;
  font-weight: 400;
  color: #88879D;
  margin-top: 10px;
}


.table-container[b-78cja5csat] {
  position: relative;
  z-index: 10;
  margin-top: 1rem;
}

.table-header[b-78cja5csat] {
  width: 100%;
  background-color: #0E0E29;
  display: flex;
  padding: 1rem 1rem;
  gap: 1rem;
  border-radius: 6px;
  margin-bottom: 4px;
}

  .table-header p:nth-child(3)[b-78cja5csat] {
    width: 30%;
  }

  .table-header p[b-78cja5csat] {
    word-break: break-word;
    font-size: 14px;
    text-align: center;
    font-weight: 700;
  }

.table-row-box[b-78cja5csat] {
  margin-bottom: 8px;
}

.table-row[b-78cja5csat] {
  width: 100%;
  display: flex;
  align-items: flex-start;
  padding: 1rem 1rem;
  gap: 1rem;
  background-color: #242447;
  border-radius: 6px;
  margin-bottom: 8px;
  padding-right: 0.4rem;
}



  .table-row p:nth-child(3)[b-78cja5csat] {
    width: 30%;
   text-align:center;
  }

  .table-row p[b-78cja5csat] {
    width: 20%;
    word-break: break-word;
    font-size: 12px;
  }


.row-content[b-78cja5csat] {
  height: fit-content;
  border-radius: 6px;
  margin-top: 6px;
  background-color: #272745;
  padding: 1.5rem 2rem;
}

  .row-content .groups-number[b-78cja5csat] {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: flex-start;
  }

    .row-content .groups-number span:first-child[b-78cja5csat] {
      color: #9596AA;
      font-size: 12px;
      font-weight: 500;
    }

    .row-content .groups-number span:nth-child(2)[b-78cja5csat] {
      color: #DCDDEF;
      font-weight: 500;
      font-size: 12px;
    }

  .row-content .row-content-left[b-78cja5csat] {
    display: flex;
    gap: 7rem;
    overflow-x: auto;
    height: fit-content;
  }

    .row-content .row-content-left .groups[b-78cja5csat] {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      align-items: flex-start;
      padding-left: 2rem;
      gap: 1rem;
      flex-direction: column;
      margin-top: 1rem;
      width: fit-content;
      column-gap: 3rem;
    }

      .row-content .row-content-left .groups p[b-78cja5csat] {
        position: relative;
        color: #DCDDEF;
        font-weight: 400;
        font-size: 12px;
        padding-left: 1rem;
      }

        .row-content .row-content-left .groups p[b-78cja5csat]::before {
          content: "";
          position: absolute;
          top: 6px;
          left: 0;
          width: 4px;
          height: 4px;
          background-color: #DCDDEF;
          border-radius: 50%;
        }


    .row-content .row-content-left .owns[b-78cja5csat] {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      align-items: flex-start;
      padding-left: 2rem;
      gap: 1rem;
      flex-direction: column;
      height: fit-content;
      margin-top: 1rem;
      width: fit-content;
      column-gap: 3rem;
    }

      .row-content .row-content-left .owns p[b-78cja5csat] {
        position: relative;
        color: #DCDDEF;
        font-weight: 400;
        font-size: 12px;
        padding-left: 1rem;
      }

        .row-content .row-content-left .owns p[b-78cja5csat]::before {
          content: "";
          position: absolute;
          top: 6px;
          left: 0;
          width: 4px;
          height: 4px;
          background-color: #DCDDEF;
          border-radius: 50%;
        }
.rotate[b-78cja5csat] {
  Transform: rotate(180deg);
  Transition: 0.3s;
}

/*///loader*/


.loader-container[b-78cja5csat] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 350px;
  width: 100%;
}

.loader-box[b-78cja5csat] {
  position: relative;
  width: 40px;
  height: 40px;
}

.circle[b-78cja5csat] {
  position: absolute;
  border: 4px solid transparent;
  border-radius: 50%;
}

.circle-1[b-78cja5csat] {
  width: 40px;
  height: 40px;
  border-top: 4px solid white;
  border-right: 4px solid white;
  border-bottom: 4px solid white;
  animation: spin-b-78cja5csat 1.3s linear infinite;
}


.circle-2[b-78cja5csat] {
  width: 30px;
  height: 30px;
  top: 5px;
  left: 5px;
  border-top: 4px solid white;
  border-right: 4px solid white;
  animation: spin-b-78cja5csat 1.3s linear infinite reverse;
}


.circle-3[b-78cja5csat] {
  width: 20px;
  height: 20px;
  top: 10px;
  left: 10px;
  border-top: 4px solid white;
  animation: spin-b-78cja5csat 1.3s linear infinite;
}


@keyframes spin-b-78cja5csat {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}
/* _content/Cybral.Storm.App/Areas/NetworkAnalyzer/Views/ActiveDirectory/AdDataChildComponents/ContainerDetails.razor.rz.scp.css */
body[b-wicsuv8s87] {
  font-family: "Poppins"
}


.ad-container[b-wicsuv8s87] {
  width: 95%;
  margin: 10px auto;
  padding-bottom: 5rem;
  padding-top: 2rem;
}

.top-header[b-wicsuv8s87] {
  position: relative;
}

  .top-header .absolute-img[b-wicsuv8s87] {
    position: absolute;
    top: -4rem;
    left: -4rem;
  }

  .top-header h1[b-wicsuv8s87] {
    color: #DCDDEF;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
  }

  .top-header .dropdown-head[b-wicsuv8s87] {
    width: 370px;
    border-radius: 400px;
    background-color: #070723;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1rem;
    margin: 10px auto;
    cursor: pointer;
    position: relative;
    z-index: 20;
  }

.dropdown-head span[b-wicsuv8s87] {
  color: #9596AA;
  font-size: 12px;
  font-weight: 400;
}

.dropdown-box[b-wicsuv8s87] {
  position: absolute;
  top: 110%;
  left: 0;
  width: 100%;
  border-radius: 16px;
  background-color: #070723;
  padding: 0.4rem 0rem;
  z-index: 20;
}

.dropdown-head .dropdown-box .dropdown-row[b-wicsuv8s87] {
  display: flex;
  align-items: center;
  gap: 7px;
  justify-content: flex-start;
  padding: 0.8rem 0.8rem;
  border-bottom: 1px solid #3E3F55;
}

  .dropdown-head .dropdown-box .dropdown-row:last-child[b-wicsuv8s87] {
    border-bottom: none;
  }

  .dropdown-head .dropdown-box .dropdown-row span[b-wicsuv8s87] {
    color: #DCDDEF;
    font-size: 12px;
    font-weight: 500;
    padding-top: 3px;
    line-height: 18px;
  }

  .dropdown-head .dropdown-box .dropdown-row img[b-wicsuv8s87] {
    width: 16px;
    height: 16px;
  }


.search-box[b-wicsuv8s87] {
  position: relative;
  z-index: 20;
  display: flex;
  gap: 5px;
  height: 100%;
  width: 25%;
  background-color: #070723;
  align-items: center;
  padding: 0rem 1rem;
  border-radius: 400px;
}

  .search-box input[b-wicsuv8s87] {
    background-color: #070723;
    width: 100%;
    outline: none;
    color: #DCDDEF;
    font-size: 12px;
    box-shadow: rgb(14, 15, 43, 1) 0px 30px 120px;
    backdrop-filter: blur(20px);
    z-index: 20;
    padding: 0.7rem 0.5rem;
  }


table[b-wicsuv8s87] {
  position: relative;
  z-index: 10;
}

thead[b-wicsuv8s87] {
  position: sticky;
  top: 0;
  left: 0;
  text-align: left;
  background-color: #0E0E29;
  border-radius: 15px;
  height: 50px;
  color: #DCDDEF;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
}

tbody tr[b-wicsuv8s87] {
  height: 60px;
  border-bottom: 1px solid #474752;
}

.attributes-p[b-wicsuv8s87] {
  font-size: 14px;
  font-weight: 400;
  color: #88879D;
  margin-bottom: 10px;
}

tbody td[b-wicsuv8s87] {
  color: #DCDDEF;
  font-weight: 400;
  white-space: nowrap;
  font-size: 12px;
}







/*attributes*/

.attributes-container[b-wicsuv8s87] {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0,0,0,0.8);
  top: 0;
  left: 0;
  z-index: 30000;
  display: none;
}

  .attributes-container .attributes-box[b-wicsuv8s87] {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    height: 90vh;
    width: 35vw;
    background-color: #070723;
    padding: 2rem 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding-bottom: 6rem;
  }

.attributes-box .attributes-header[b-wicsuv8s87] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 0rem 1rem;
}

  .attributes-box .attributes-header p[b-wicsuv8s87] {
    color: #DCDDEF;
    font-weight: 700;
  }

  .attributes-box .attributes-header img[b-wicsuv8s87] {
    cursor: pointer;
  }

  .attributes-box .attributes-header[b-wicsuv8s87]::before {
    content: "";
    height: 100%;
    width: 3px;
    border-radius: 10px;
    background-color: #DCDDEF;
    position: absolute;
    top: 0;
    left: 0;
  }

.inner-content[b-wicsuv8s87] {
  flex: 1;
  padding-right: 1rem;
  overflow: auto;
}

.content-box[b-wicsuv8s87] {
  margin-bottom: 3rem;
}

  .content-box:last-child[b-wicsuv8s87] {
    margin-bottom: 1rem;
  }

.cancel-btn[b-wicsuv8s87] {
  position: absolute;
  right: 2rem;
  bottom: 1.5rem;
  border: 1px solid #5252E2;
  border-radius: 56px;
  padding: 0.6rem 2.5rem;
  color: #DCDDEF;
  font-weight: 500;
  background-color: transparent;
}

.status-dev[b-wicsuv8s87] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;
  border-bottom: 1px solid #24243E;
  padding: 0.7rem 0rem;
}

  .status-dev span[b-wicsuv8s87] {
    color: #DCDDEF;
    font-size: 12px;
    font-weight: 300;
  }


.attributes-title[b-wicsuv8s87] {
  font-size: 14px;
  font-weight: 400;
  color: #88879D;
  margin-top: 10px;
}
/* _content/Cybral.Storm.App/Areas/NetworkAnalyzer/Views/ActiveDirectory/AdDataChildComponents/ContainerTable.razor.rz.scp.css */
body[b-91a6fik1bb] {
  font-family: "Poppins"
}


.ad-container[b-91a6fik1bb] {
  width: 95%;
  margin: 10px auto;
  padding-bottom: 5rem;
  padding-top: 2rem;
}

.top-header[b-91a6fik1bb] {
  position: relative;
}

  .top-header .absolute-img[b-91a6fik1bb] {
    position: absolute;
    top: -4rem;
    left: -4rem;
  }

  .top-header h1[b-91a6fik1bb] {
    color: #DCDDEF;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
  }

  .top-header .dropdown-head[b-91a6fik1bb] {
    width: 370px;
    border-radius: 400px;
    background-color: #070723;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1rem;
    margin: 10px auto;
    cursor: pointer;
    position: relative;
    z-index: 20;
  }

.dropdown-head span[b-91a6fik1bb] {
  color: #9596AA;
  font-size: 12px;
  font-weight: 400;
}

.dropdown-box[b-91a6fik1bb] {
  position: absolute;
  top: 110%;
  left: 0;
  width: 100%;
  border-radius: 16px;
  background-color: #070723;
  padding: 0.4rem 0rem;
  z-index: 20;
}

.dropdown-head .dropdown-box .dropdown-row[b-91a6fik1bb] {
  display: flex;
  align-items: center;
  gap: 7px;
  justify-content: flex-start;
  padding: 0.8rem 0.8rem;
  border-bottom: 1px solid #3E3F55;
}

  .dropdown-head .dropdown-box .dropdown-row:last-child[b-91a6fik1bb] {
    border-bottom: none;
  }

  .dropdown-head .dropdown-box .dropdown-row span[b-91a6fik1bb] {
    color: #DCDDEF;
    font-size: 12px;
    font-weight: 500;
    padding-top: 3px;
    line-height: 18px;
  }

  .dropdown-head .dropdown-box .dropdown-row img[b-91a6fik1bb] {
    width: 16px;
    height: 16px;
  }


.search-box[b-91a6fik1bb] {
  position: relative;
  z-index: 20;
  display: flex;
  gap: 5px;
  height: 100%;
  width: 25%;
  background-color: #070723;
  align-items: center;
  padding: 0rem 1rem;
  border-radius: 400px;
}

  .search-box input[b-91a6fik1bb] {
    background-color: #070723;
    width: 100%;
    outline: none;
    color: #DCDDEF;
    font-size: 12px;
    box-shadow: rgb(14, 15, 43, 1) 0px 30px 120px;
    backdrop-filter: blur(20px);
    z-index: 20;
    padding: 0.7rem 0.5rem;
  }


table[b-91a6fik1bb] {
  position: relative;
  z-index: 10;
}

thead[b-91a6fik1bb] {
  position: sticky;
  top: 0;
  left: 0;
  text-align: left;
  background-color: #0E0E29;
  border-radius: 15px;
  height: 50px;
  color: #DCDDEF;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
}

tbody tr[b-91a6fik1bb] {
  height: 60px;
  border-bottom: 1px solid #474752;
}

.attributes-p[b-91a6fik1bb] {
  font-size: 14px;
  font-weight: 400;
  color: #88879D;
  margin-bottom: 10px;
}

tbody td[b-91a6fik1bb] {
  color: #DCDDEF;
  font-weight: 400;
  white-space: nowrap;
  font-size: 12px;
}







/*attributes*/

.attributes-container[b-91a6fik1bb] {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0,0,0,0.8);
  top: 0;
  left: 0;
  z-index: 30000;
  display: none;
}

  .attributes-container .attributes-box[b-91a6fik1bb] {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    height: 90vh;
    width: 35vw;
    background-color: #070723;
    padding: 2rem 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding-bottom: 6rem;
  }

.attributes-box .attributes-header[b-91a6fik1bb] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 0rem 1rem;
}

  .attributes-box .attributes-header p[b-91a6fik1bb] {
    color: #DCDDEF;
    font-weight: 700;
  }

  .attributes-box .attributes-header img[b-91a6fik1bb] {
    cursor: pointer;
  }

  .attributes-box .attributes-header[b-91a6fik1bb]::before {
    content: "";
    height: 100%;
    width: 3px;
    border-radius: 10px;
    background-color: #DCDDEF;
    position: absolute;
    top: 0;
    left: 0;
  }

.inner-content[b-91a6fik1bb] {
  flex: 1;
  padding-right: 1rem;
  overflow: auto;
}

.content-box[b-91a6fik1bb] {
  margin-bottom: 3rem;
}

  .content-box:last-child[b-91a6fik1bb] {
    margin-bottom: 1rem;
  }

.cancel-btn[b-91a6fik1bb] {
  position: absolute;
  right: 2rem;
  bottom: 1.5rem;
  border: 1px solid #5252E2;
  border-radius: 56px;
  padding: 0.6rem 2.5rem;
  color: #DCDDEF;
  font-weight: 500;
  background-color: transparent;
}

.status-dev[b-91a6fik1bb] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;
  border-bottom: 1px solid #24243E;
  padding: 0.7rem 0rem;
}

  .status-dev span[b-91a6fik1bb] {
    color: #DCDDEF;
    font-size: 12px;
    font-weight: 300;
  }


.attributes-title[b-91a6fik1bb] {
  font-size: 14px;
  font-weight: 400;
  color: #88879D;
  margin-top: 10px;
}





.table-container[b-91a6fik1bb] {
  position: relative;
  z-index: 10;
  margin-top: 1rem;
}

.table-header[b-91a6fik1bb] {
  width: 100%;
  background-color: #0E0E29;
  display: flex;
  padding: 1rem 1rem;
  gap: 1rem;
  border-radius: 6px;
  margin-bottom: 4px;
}

  .table-header p:nth-child(3)[b-91a6fik1bb] {
    width: 30%;
  }

  .table-header p[b-91a6fik1bb] {
    word-break: break-word;
    font-size: 14px;
    text-align: center;
    font-weight: 700;
  }

.table-row-box[b-91a6fik1bb] {
  margin-bottom: 8px;
}

.table-row[b-91a6fik1bb] {
  width: 100%;
  display: flex;
  align-items: flex-start;
  padding: 1rem 1rem;
  gap: 1rem;
  background-color: #242447;
  border-radius: 6px;
  margin-bottom: 8px;
  padding-right: 0.4rem;
}



  .table-row p:nth-child(3)[b-91a6fik1bb] {
    width: 30%;
   text-align:center;
  }

  .table-row p[b-91a6fik1bb] {
    width: 20%;
    word-break: break-word;
    font-size: 12px;
  }


.row-content[b-91a6fik1bb] {
  height: fit-content;
  border-radius: 6px;
  margin-top: 6px;
  background-color: #272745;
  padding: 1.5rem 2rem;
}

  .row-content .groups-number[b-91a6fik1bb] {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: flex-start;
  }

    .row-content .groups-number span:first-child[b-91a6fik1bb] {
      color: #9596AA;
      font-size: 12px;
      font-weight: 500;
    }

    .row-content .groups-number span:nth-child(2)[b-91a6fik1bb] {
      color: #DCDDEF;
      font-weight: 500;
      font-size: 12px;
    }

  .row-content .row-content-left[b-91a6fik1bb] {
    display: flex;
    gap: 7rem;
    overflow-x: auto;
    height: fit-content;
  }

    .row-content .row-content-left .groups[b-91a6fik1bb] {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      align-items: flex-start;
      padding-left: 2rem;
      gap: 1rem;
      flex-direction: column;
      margin-top: 1rem;
      width: fit-content;
      column-gap: 3rem;
    }

      .row-content .row-content-left .groups p[b-91a6fik1bb] {
        position: relative;
        color: #DCDDEF;
        font-weight: 400;
        font-size: 12px;
        padding-left: 1rem;
      }

        .row-content .row-content-left .groups p[b-91a6fik1bb]::before {
          content: "";
          position: absolute;
          top: 6px;
          left: 0;
          width: 4px;
          height: 4px;
          background-color: #DCDDEF;
          border-radius: 50%;
        }


    .row-content .row-content-left .owns[b-91a6fik1bb] {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      align-items: flex-start;
      padding-left: 2rem;
      gap: 1rem;
      flex-direction: column;
      height: fit-content;
      margin-top: 1rem;
      width: fit-content;
      column-gap: 3rem;
    }

      .row-content .row-content-left .owns p[b-91a6fik1bb] {
        position: relative;
        color: #DCDDEF;
        font-weight: 400;
        font-size: 12px;
        padding-left: 1rem;
      }

        .row-content .row-content-left .owns p[b-91a6fik1bb]::before {
          content: "";
          position: absolute;
          top: 6px;
          left: 0;
          width: 4px;
          height: 4px;
          background-color: #DCDDEF;
          border-radius: 50%;
        }
/* _content/Cybral.Storm.App/Areas/NetworkAnalyzer/Views/ActiveDirectory/AdDataChildComponents/GPODetails.razor.rz.scp.css */
body[b-quw5fl6vl6] {
  font-family: "Poppins"
}


.ad-container[b-quw5fl6vl6] {
  width: 95%;
  margin: 10px auto;
  padding-bottom: 5rem;
  padding-top: 2rem;
}

.top-header[b-quw5fl6vl6] {
  position: relative;
}

  .top-header .absolute-img[b-quw5fl6vl6] {
    position: absolute;
    top: -4rem;
    left: -4rem;
  }

  .top-header h1[b-quw5fl6vl6] {
    color: #DCDDEF;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
  }

  .top-header .dropdown-head[b-quw5fl6vl6] {
    width: 370px;
    border-radius: 400px;
    background-color: #070723;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1rem;
    margin: 10px auto;
    cursor: pointer;
    position: relative;
    z-index: 20;
  }

.dropdown-head span[b-quw5fl6vl6] {
  color: #9596AA;
  font-size: 12px;
  font-weight: 400;
}

.dropdown-box[b-quw5fl6vl6] {
  position: absolute;
  top: 110%;
  left: 0;
  width: 100%;
  border-radius: 16px;
  background-color: #070723;
  padding: 0.4rem 0rem;
  z-index: 20;
}

.dropdown-head .dropdown-box .dropdown-row[b-quw5fl6vl6] {
  display: flex;
  align-items: center;
  gap: 7px;
  justify-content: flex-start;
  padding: 0.8rem 0.8rem;
  border-bottom: 1px solid #3E3F55;
}

  .dropdown-head .dropdown-box .dropdown-row:last-child[b-quw5fl6vl6] {
    border-bottom: none;
  }

  .dropdown-head .dropdown-box .dropdown-row span[b-quw5fl6vl6] {
    color: #DCDDEF;
    font-size: 12px;
    font-weight: 500;
    padding-top: 3px;
    line-height: 18px;
  }

  .dropdown-head .dropdown-box .dropdown-row img[b-quw5fl6vl6] {
    width: 16px;
    height: 16px;
  }


.search-box[b-quw5fl6vl6] {
  position: relative;
  z-index: 20;
  display: flex;
  gap: 5px;
  height: 100%;
  width: 25%;
  background-color: #070723;
  align-items: center;
  padding: 0rem 1rem;
  border-radius: 400px;
}

  .search-box input[b-quw5fl6vl6] {
    background-color: #070723;
    width: 100%;
    outline: none;
    color: #DCDDEF;
    font-size: 12px;
    box-shadow: rgb(14, 15, 43, 1) 0px 30px 120px;
    backdrop-filter: blur(20px);
    z-index: 20;
    padding: 0.7rem 0.5rem;
  }


table[b-quw5fl6vl6] {
  position: relative;
  z-index: 10;
}

thead[b-quw5fl6vl6] {
  position: sticky;
  top: 0;
  left: 0;
  text-align: left;
  background-color: #0E0E29;
  border-radius: 15px;
  height: 50px;
  color: #DCDDEF;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
}

tbody tr[b-quw5fl6vl6] {
  height: 60px;
  border-bottom: 1px solid #474752;
}

.attributes-p[b-quw5fl6vl6] {
  font-size: 14px;
  font-weight: 400;
  color: #88879D;
  margin-bottom: 10px;
}

tbody td[b-quw5fl6vl6] {
  color: #DCDDEF;
  font-weight: 400;
  white-space: nowrap;
  font-size: 12px;
}







/*attributes*/

.attributes-container[b-quw5fl6vl6] {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0,0,0,0.8);
  top: 0;
  left: 0;
  z-index: 30000;
  display: none;
}

  .attributes-container .attributes-box[b-quw5fl6vl6] {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    height: 90vh;
    width: 35vw;
    background-color: #070723;
    padding: 2rem 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding-bottom: 6rem;
  }

.attributes-box .attributes-header[b-quw5fl6vl6] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 0rem 1rem;
}

  .attributes-box .attributes-header p[b-quw5fl6vl6] {
    color: #DCDDEF;
    font-weight: 700;
  }

  .attributes-box .attributes-header img[b-quw5fl6vl6] {
    cursor: pointer;
  }

  .attributes-box .attributes-header[b-quw5fl6vl6]::before {
    content: "";
    height: 100%;
    width: 3px;
    border-radius: 10px;
    background-color: #DCDDEF;
    position: absolute;
    top: 0;
    left: 0;
  }

.inner-content[b-quw5fl6vl6] {
  flex: 1;
  padding-right: 1rem;
  overflow: auto;
}

.content-box[b-quw5fl6vl6] {
  margin-bottom: 3rem;
}

  .content-box:last-child[b-quw5fl6vl6] {
    margin-bottom: 1rem;
  }

.cancel-btn[b-quw5fl6vl6] {
  position: absolute;
  right: 2rem;
  bottom: 1.5rem;
  border: 1px solid #5252E2;
  border-radius: 56px;
  padding: 0.6rem 2.5rem;
  color: #DCDDEF;
  font-weight: 500;
  background-color: transparent;
}

.status-dev[b-quw5fl6vl6] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;
  border-bottom: 1px solid #24243E;
  padding: 0.7rem 0rem;
}

  .status-dev span[b-quw5fl6vl6] {
    color: #DCDDEF;
    font-size: 12px;
    font-weight: 300;
  }


.attributes-title[b-quw5fl6vl6] {
  font-size: 14px;
  font-weight: 400;
  color: #88879D;
  margin-top: 10px;
}
/* _content/Cybral.Storm.App/Areas/NetworkAnalyzer/Views/ActiveDirectory/AdDataChildComponents/GPOTable.razor.rz.scp.css */
body[b-x4dw4kq0r2] {
  font-family: "Poppins"
}


.ad-container[b-x4dw4kq0r2] {
  width: 95%;
  margin: 10px auto;
  padding-bottom: 5rem;
  padding-top: 2rem;
}

.top-header[b-x4dw4kq0r2] {
  position: relative;
}

  .top-header .absolute-img[b-x4dw4kq0r2] {
    position: absolute;
    top: -4rem;
    left: -4rem;
  }

  .top-header h1[b-x4dw4kq0r2] {
    color: #DCDDEF;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
  }

  .top-header .dropdown-head[b-x4dw4kq0r2] {
    width: 370px;
    border-radius: 400px;
    background-color: #070723;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1rem;
    margin: 10px auto;
    cursor: pointer;
    position: relative;
    z-index: 20;
  }

.dropdown-head span[b-x4dw4kq0r2] {
  color: #9596AA;
  font-size: 12px;
  font-weight: 400;
}

.dropdown-box[b-x4dw4kq0r2] {
  position: absolute;
  top: 110%;
  left: 0;
  width: 100%;
  border-radius: 16px;
  background-color: #070723;
  padding: 0.4rem 0rem;
  z-index: 20;
}

.dropdown-head .dropdown-box .dropdown-row[b-x4dw4kq0r2] {
  display: flex;
  align-items: center;
  gap: 7px;
  justify-content: flex-start;
  padding: 0.8rem 0.8rem;
  border-bottom: 1px solid #3E3F55;
}

  .dropdown-head .dropdown-box .dropdown-row:last-child[b-x4dw4kq0r2] {
    border-bottom: none;
  }

  .dropdown-head .dropdown-box .dropdown-row span[b-x4dw4kq0r2] {
    color: #DCDDEF;
    font-size: 12px;
    font-weight: 500;
    padding-top: 3px;
    line-height: 18px;
  }

  .dropdown-head .dropdown-box .dropdown-row img[b-x4dw4kq0r2] {
    width: 16px;
    height: 16px;
  }


.search-box[b-x4dw4kq0r2] {
  position: relative;
  z-index: 20;
  display: flex;
  gap: 5px;
  height: 100%;
  width: 25%;
  background-color: #070723;
  align-items: center;
  padding: 0rem 1rem;
  border-radius: 400px;
}

  .search-box input[b-x4dw4kq0r2] {
    background-color: #070723;
    width: 100%;
    outline: none;
    color: #DCDDEF;
    font-size: 12px;
    box-shadow: rgb(14, 15, 43, 1) 0px 30px 120px;
    backdrop-filter: blur(20px);
    z-index: 20;
    padding: 0.7rem 0.5rem;
  }


table[b-x4dw4kq0r2] {
  position: relative;
  z-index: 10;
}

thead[b-x4dw4kq0r2] {
  position: sticky;
  top: 0;
  left: 0;
  text-align: left;
  background-color: #0E0E29;
  border-radius: 15px;
  height: 50px;
  color: #DCDDEF;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
}

tbody tr[b-x4dw4kq0r2] {
  height: 60px;
  border-bottom: 1px solid #474752;
}

.attributes-p[b-x4dw4kq0r2] {
  font-size: 14px;
  font-weight: 400;
  color: #88879D;
  margin-bottom: 10px;
}

tbody td[b-x4dw4kq0r2] {
  color: #DCDDEF;
  font-weight: 400;
  white-space: nowrap;
  font-size: 12px;
}







/*attributes*/

.attributes-container[b-x4dw4kq0r2] {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0,0,0,0.8);
  top: 0;
  left: 0;
  z-index: 30000;
  display: none;
}

  .attributes-container .attributes-box[b-x4dw4kq0r2] {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    height: 90vh;
    width: 35vw;
    background-color: #070723;
    padding: 2rem 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding-bottom: 6rem;
  }

.attributes-box .attributes-header[b-x4dw4kq0r2] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 0rem 1rem;
}

  .attributes-box .attributes-header p[b-x4dw4kq0r2] {
    color: #DCDDEF;
    font-weight: 700;
  }

  .attributes-box .attributes-header img[b-x4dw4kq0r2] {
    cursor: pointer;
  }

  .attributes-box .attributes-header[b-x4dw4kq0r2]::before {
    content: "";
    height: 100%;
    width: 3px;
    border-radius: 10px;
    background-color: #DCDDEF;
    position: absolute;
    top: 0;
    left: 0;
  }

.inner-content[b-x4dw4kq0r2] {
  flex: 1;
  padding-right: 1rem;
  overflow: auto;
}

.content-box[b-x4dw4kq0r2] {
  margin-bottom: 3rem;
}

  .content-box:last-child[b-x4dw4kq0r2] {
    margin-bottom: 1rem;
  }

.cancel-btn[b-x4dw4kq0r2] {
  position: absolute;
  right: 2rem;
  bottom: 1.5rem;
  border: 1px solid #5252E2;
  border-radius: 56px;
  padding: 0.6rem 2.5rem;
  color: #DCDDEF;
  font-weight: 500;
  background-color: transparent;
}

.status-dev[b-x4dw4kq0r2] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;
  border-bottom: 1px solid #24243E;
  padding: 0.7rem 0rem;
}

  .status-dev span[b-x4dw4kq0r2] {
    color: #DCDDEF;
    font-size: 12px;
    font-weight: 300;
  }


.attributes-title[b-x4dw4kq0r2] {
  font-size: 14px;
  font-weight: 400;
  color: #88879D;
  margin-top: 10px;
}



.table-container[b-x4dw4kq0r2] {
  position: relative;
  z-index: 10;
  margin-top: 1rem;
}

.table-header[b-x4dw4kq0r2] {
  width: 100%;
  background-color: #0E0E29;
  display: flex;
  padding: 1rem 1rem;
  gap: 1rem;
  border-radius: 6px;
  margin-bottom: 4px;
}

  .table-header p:nth-child(3)[b-x4dw4kq0r2] {
    width: 30%;
  }

  .table-header p[b-x4dw4kq0r2] {
    word-break: break-word;
    font-size: 14px;
    text-align: center;
    font-weight: 700;
  }

.table-row-box[b-x4dw4kq0r2] {
  margin-bottom: 8px;
}

.table-row[b-x4dw4kq0r2] {
  width: 100%;
  display: flex;
  align-items: flex-start;
  padding: 1rem 1rem;
  gap: 1rem;
  background-color: #242447;
  border-radius: 6px;
  margin-bottom: 8px;
  padding-right: 0.4rem;
}



  .table-row p:nth-child(3)[b-x4dw4kq0r2] {
    width: 30%;
    text-align: center;
  }

  .table-row p[b-x4dw4kq0r2] {
    width: 20%;
    word-break: break-word;
    font-size: 12px;
  }


.row-content[b-x4dw4kq0r2] {
  height: fit-content;
  border-radius: 6px;
  margin-top: 6px;
  background-color: #272745;
  padding: 1.5rem 2rem;
}

  .row-content .groups-number[b-x4dw4kq0r2] {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: flex-start;
  }

    .row-content .groups-number span:first-child[b-x4dw4kq0r2] {
      color: #9596AA;
      font-size: 12px;
      font-weight: 500;
    }

    .row-content .groups-number span:nth-child(2)[b-x4dw4kq0r2] {
      color: #DCDDEF;
      font-weight: 500;
      font-size: 12px;
    }

  .row-content .row-content-left[b-x4dw4kq0r2] {
    display: flex;
    gap: 7rem;
    overflow-x: auto;
    height: fit-content;
  }

    .row-content .row-content-left .groups[b-x4dw4kq0r2] {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      align-items: flex-start;
      padding-left: 2rem;
      gap: 1rem;
      flex-direction: column;
      margin-top: 1rem;
      width: fit-content;
      column-gap: 3rem;
    }

      .row-content .row-content-left .groups p[b-x4dw4kq0r2] {
        position: relative;
        color: #DCDDEF;
        font-weight: 400;
        font-size: 12px;
        padding-left: 1rem;
      }

        .row-content .row-content-left .groups p[b-x4dw4kq0r2]::before {
          content: "";
          position: absolute;
          top: 6px;
          left: 0;
          width: 4px;
          height: 4px;
          background-color: #DCDDEF;
          border-radius: 50%;
        }


    .row-content .row-content-left .owns[b-x4dw4kq0r2] {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      align-items: flex-start;
      padding-left: 2rem;
      gap: 1rem;
      flex-direction: column;
      height: fit-content;
      margin-top: 1rem;
      width: fit-content;
      column-gap: 3rem;
    }

      .row-content .row-content-left .owns p[b-x4dw4kq0r2] {
        position: relative;
        color: #DCDDEF;
        font-weight: 400;
        font-size: 12px;
        padding-left: 1rem;
      }

        .row-content .row-content-left .owns p[b-x4dw4kq0r2]::before {
          content: "";
          position: absolute;
          top: 6px;
          left: 0;
          width: 4px;
          height: 4px;
          background-color: #DCDDEF;
          border-radius: 50%;
        }




        .table-container[b-x4dw4kq0r2] {
  position: relative;
  z-index: 10;
  margin-top: 1rem;
}

.table-header[b-x4dw4kq0r2] {
  width: 100%;
  background-color: #0E0E29;
  display: flex;
  padding: 1rem 1rem;
  gap: 1rem;
  border-radius: 6px;
  margin-bottom: 4px;
}

  .table-header p:nth-child(3)[b-x4dw4kq0r2] {
    width: 30%;
  }

  .table-header p[b-x4dw4kq0r2] {
    word-break: break-word;
    font-size: 14px;
    text-align: center;
    font-weight: 700;
  }

.table-row-box[b-x4dw4kq0r2] {
  margin-bottom: 8px;
}

.table-row[b-x4dw4kq0r2] {
  width: 100%;
  display: flex;
  align-items: flex-start;
  padding: 1rem 1rem;
  gap: 1rem;
  background-color: #242447;
  border-radius: 6px;
  margin-bottom: 8px;
  padding-right: 0.4rem;
}



  .table-row p:nth-child(3)[b-x4dw4kq0r2] {
    width: 30%;
   text-align:center;
  }

  .table-row p[b-x4dw4kq0r2] {
    width: 20%;
    word-break: break-word;
    font-size: 12px;
  }


.row-content[b-x4dw4kq0r2] {
  height: fit-content;
  border-radius: 6px;
  margin-top: 6px;
  background-color: #272745;
  padding: 1.5rem 2rem;
}

  .row-content .groups-number[b-x4dw4kq0r2] {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: flex-start;
  }

    .row-content .groups-number span:first-child[b-x4dw4kq0r2] {
      color: #9596AA;
      font-size: 12px;
      font-weight: 500;
    }

    .row-content .groups-number span:nth-child(2)[b-x4dw4kq0r2] {
      color: #DCDDEF;
      font-weight: 500;
      font-size: 12px;
    }

  .row-content .row-content-left[b-x4dw4kq0r2] {
    display: flex;
    gap: 7rem;
    overflow-x: auto;
    height: fit-content;
  }

    .row-content .row-content-left .groups[b-x4dw4kq0r2] {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      align-items: flex-start;
      padding-left: 2rem;
      gap: 1rem;
      flex-direction: column;
      margin-top: 1rem;
      width: fit-content;
      column-gap: 3rem;
    }

      .row-content .row-content-left .groups p[b-x4dw4kq0r2] {
        position: relative;
        color: #DCDDEF;
        font-weight: 400;
        font-size: 12px;
        padding-left: 1rem;
      }

        .row-content .row-content-left .groups p[b-x4dw4kq0r2]::before {
          content: "";
          position: absolute;
          top: 6px;
          left: 0;
          width: 4px;
          height: 4px;
          background-color: #DCDDEF;
          border-radius: 50%;
        }


    .row-content .row-content-left .owns[b-x4dw4kq0r2] {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      align-items: flex-start;
      padding-left: 2rem;
      gap: 1rem;
      flex-direction: column;
      height: fit-content;
      margin-top: 1rem;
      width: fit-content;
      column-gap: 3rem;
    }

      .row-content .row-content-left .owns p[b-x4dw4kq0r2] {
        position: relative;
        color: #DCDDEF;
        font-weight: 400;
        font-size: 12px;
        padding-left: 1rem;
      }

        .row-content .row-content-left .owns p[b-x4dw4kq0r2]::before {
          content: "";
          position: absolute;
          top: 6px;
          left: 0;
          width: 4px;
          height: 4px;
          background-color: #DCDDEF;
          border-radius: 50%;
        }
.rotate[b-x4dw4kq0r2] {
  Transform: rotate(180deg);
  Transition: 0.3s;
}


/*///loader*/


.loader-container[b-x4dw4kq0r2] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 350px;
  width: 100%;
}

.loader-box[b-x4dw4kq0r2] {
  position: relative;
  width: 40px;
  height: 40px;
}
.circle[b-x4dw4kq0r2] {
  position: absolute;
  border: 4px solid transparent;
  border-radius: 50%;
}

.circle-1[b-x4dw4kq0r2] {
  width: 40px;
  height: 40px;
  border-top: 4px solid white;
  border-right: 4px solid white;
  border-bottom: 4px solid white;
  animation: spin-b-x4dw4kq0r2 1.3s linear infinite;
}


.circle-2[b-x4dw4kq0r2] {
  width: 30px;
  height: 30px;
  top: 5px;
  left: 5px;
  border-top: 4px solid white;
  border-right: 4px solid white;
  animation: spin-b-x4dw4kq0r2 1.3s linear infinite reverse;
}


.circle-3[b-x4dw4kq0r2] {
  width: 20px;
  height: 20px;
  top: 10px;
  left: 10px;
  border-top: 4px solid white;
  animation: spin-b-x4dw4kq0r2 1.3s linear infinite;
}


@keyframes spin-b-x4dw4kq0r2 {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}
/* _content/Cybral.Storm.App/Areas/NetworkAnalyzer/Views/ActiveDirectory/AdDataChildComponents/GroupDetails.razor.rz.scp.css */
body[b-ul5xgy62lt] {
  font-family: "Poppins"
}


.ad-container[b-ul5xgy62lt] {
  width: 95%;
  margin: 10px auto;
  padding-bottom: 5rem;
  padding-top: 2rem;
}

.top-header[b-ul5xgy62lt] {
  position: relative;
}

  .top-header .absolute-img[b-ul5xgy62lt] {
    position: absolute;
    top: -4rem;
    left: -4rem;
  }

  .top-header h1[b-ul5xgy62lt] {
    color: #DCDDEF;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
  }

  .top-header .dropdown-head[b-ul5xgy62lt] {
    width: 370px;
    border-radius: 400px;
    background-color: #070723;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1rem;
    margin: 10px auto;
    cursor: pointer;
    position: relative;
    z-index: 20;
  }

.dropdown-head span[b-ul5xgy62lt] {
  color: #9596AA;
  font-size: 12px;
  font-weight: 400;
}

.dropdown-box[b-ul5xgy62lt] {
  position: absolute;
  top: 110%;
  left: 0;
  width: 100%;
  border-radius: 16px;
  background-color: #070723;
  padding: 0.4rem 0rem;
  z-index: 20;
}

.dropdown-head .dropdown-box .dropdown-row[b-ul5xgy62lt] {
  display: flex;
  align-items: center;
  gap: 7px;
  justify-content: flex-start;
  padding: 0.8rem 0.8rem;
  border-bottom: 1px solid #3E3F55;
}

  .dropdown-head .dropdown-box .dropdown-row:last-child[b-ul5xgy62lt] {
    border-bottom: none;
  }

  .dropdown-head .dropdown-box .dropdown-row span[b-ul5xgy62lt] {
    color: #DCDDEF;
    font-size: 12px;
    font-weight: 500;
    padding-top: 3px;
    line-height: 18px;
  }

  .dropdown-head .dropdown-box .dropdown-row img[b-ul5xgy62lt] {
    width: 16px;
    height: 16px;
  }


.search-box[b-ul5xgy62lt] {
  position: relative;
  z-index: 20;
  display: flex;
  gap: 5px;
  height: 100%;
  width: 25%;
  background-color: #070723;
  align-items: center;
  padding: 0rem 1rem;
  border-radius: 400px;
}

  .search-box input[b-ul5xgy62lt] {
    background-color: #070723;
    width: 100%;
    outline: none;
    color: #DCDDEF;
    font-size: 12px;
    box-shadow: rgb(14, 15, 43, 1) 0px 30px 120px;
    backdrop-filter: blur(20px);
    z-index: 20;
    padding: 0.7rem 0.5rem;
  }


table[b-ul5xgy62lt] {
  position: relative;
  z-index: 10;
}

thead[b-ul5xgy62lt] {
  position: sticky;
  top: 0;
  left: 0;
  text-align: left;
  background-color: #0E0E29;
  border-radius: 15px;
  height: 50px;
  color: #DCDDEF;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
}

tbody tr[b-ul5xgy62lt] {
  height: 60px;
  border-bottom: 1px solid #474752;
}

.attributes-p[b-ul5xgy62lt] {
  font-size: 14px;
  font-weight: 400;
  color: #88879D;
  margin-bottom: 10px;
}

tbody td[b-ul5xgy62lt] {
  color: #DCDDEF;
  font-weight: 400;
  white-space: nowrap;
  font-size: 12px;
}







/*attributes*/

.attributes-container[b-ul5xgy62lt] {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0,0,0,0.8);
  top: 0;
  left: 0;
  z-index: 30000;
  display: none;
}

  .attributes-container .attributes-box[b-ul5xgy62lt] {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    height: 90vh;
    width: 35vw;
    background-color: #070723;
    padding: 2rem 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding-bottom: 6rem;
  }

.attributes-box .attributes-header[b-ul5xgy62lt] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 0rem 1rem;
}

  .attributes-box .attributes-header p[b-ul5xgy62lt] {
    color: #DCDDEF;
    font-weight: 700;
  }

  .attributes-box .attributes-header img[b-ul5xgy62lt] {
    cursor: pointer;
  }

  .attributes-box .attributes-header[b-ul5xgy62lt]::before {
    content: "";
    height: 100%;
    width: 3px;
    border-radius: 10px;
    background-color: #DCDDEF;
    position: absolute;
    top: 0;
    left: 0;
  }

.inner-content[b-ul5xgy62lt] {
  flex: 1;
  padding-right: 1rem;
  overflow: auto;
}

.content-box[b-ul5xgy62lt] {
  margin-bottom: 3rem;
}

  .content-box:last-child[b-ul5xgy62lt] {
    margin-bottom: 1rem;
  }

.cancel-btn[b-ul5xgy62lt] {
  position: absolute;
  right: 2rem;
  bottom: 1.5rem;
  border: 1px solid #5252E2;
  border-radius: 56px;
  padding: 0.6rem 2.5rem;
  color: #DCDDEF;
  font-weight: 500;
  background-color: transparent;
}

.status-dev[b-ul5xgy62lt] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;
  border-bottom: 1px solid #24243E;
  padding: 0.7rem 0rem;
}

  .status-dev span[b-ul5xgy62lt] {
    color: #DCDDEF;
    font-size: 12px;
    font-weight: 300;
  }


.attributes-title[b-ul5xgy62lt] {
  font-size: 14px;
  font-weight: 400;
  color: #88879D;
  margin-top: 10px;
}
/* _content/Cybral.Storm.App/Areas/NetworkAnalyzer/Views/ActiveDirectory/AdDataChildComponents/GroupTable.razor.rz.scp.css */
body[b-fsjnlyggqb] {
  font-family: "Poppins"
}


.ad-container[b-fsjnlyggqb] {
  width: 95%;
  margin: 10px auto;
  padding-bottom: 5rem;
  padding-top: 2rem;
}

.top-header[b-fsjnlyggqb] {
  position: relative;
}

  .top-header .absolute-img[b-fsjnlyggqb] {
    position: absolute;
    top: -4rem;
    left: -4rem;
  }

  .top-header h1[b-fsjnlyggqb] {
    color: #DCDDEF;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
  }

  .top-header .dropdown-head[b-fsjnlyggqb] {
    width: 370px;
    border-radius: 400px;
    background-color: #070723;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1rem;
    margin: 10px auto;
    cursor: pointer;
    position: relative;
    z-index: 20;
  }

.dropdown-head span[b-fsjnlyggqb] {
  color: #9596AA;
  font-size: 12px;
  font-weight: 400;
}

.dropdown-box[b-fsjnlyggqb] {
  position: absolute;
  top: 110%;
  left: 0;
  width: 100%;
  border-radius: 16px;
  background-color: #070723;
  padding: 0.4rem 0rem;
  z-index: 20;
}

.dropdown-head .dropdown-box .dropdown-row[b-fsjnlyggqb] {
  display: flex;
  align-items: center;
  gap: 7px;
  justify-content: flex-start;
  padding: 0.8rem 0.8rem;
  border-bottom: 1px solid #3E3F55;
}

  .dropdown-head .dropdown-box .dropdown-row:last-child[b-fsjnlyggqb] {
    border-bottom: none;
  }

  .dropdown-head .dropdown-box .dropdown-row span[b-fsjnlyggqb] {
    color: #DCDDEF;
    font-size: 12px;
    font-weight: 500;
    padding-top: 3px;
    line-height: 18px;
  }

  .dropdown-head .dropdown-box .dropdown-row img[b-fsjnlyggqb] {
    width: 16px;
    height: 16px;
  }


.search-box[b-fsjnlyggqb] {
  position: relative;
  z-index: 20;
  display: flex;
  gap: 5px;
  height: 100%;
  width: 25%;
  background-color: #070723;
  align-items: center;
  padding: 0rem 1rem;
  border-radius: 400px;
}

  .search-box input[b-fsjnlyggqb] {
    background-color: #070723;
    width: 100%;
    outline: none;
    color: #DCDDEF;
    font-size: 12px;
    box-shadow: rgb(14, 15, 43, 1) 0px 30px 120px;
    backdrop-filter: blur(20px);
    z-index: 20;
    padding: 0.7rem 0.5rem;
  }


table[b-fsjnlyggqb] {
  position: relative;
  z-index: 10;
}

thead[b-fsjnlyggqb] {
  position: sticky;
  top: 0;
  left: 0;
  text-align: left;
  background-color: #0E0E29;
  border-radius: 15px;
  height: 50px;
  color: #DCDDEF;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
}

tbody tr[b-fsjnlyggqb] {
  height: 60px;
  border-bottom: 1px solid #474752;
}

.attributes-p[b-fsjnlyggqb] {
  font-size: 14px;
  font-weight: 400;
  color: #88879D;
  margin-bottom: 10px;
}

tbody td[b-fsjnlyggqb] {
  color: #DCDDEF;
  font-weight: 400;
  white-space: nowrap;
  font-size: 12px;
}







/*attributes*/

.attributes-container[b-fsjnlyggqb] {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0,0,0,0.8);
  top: 0;
  left: 0;
  z-index: 30000;
  display: none;
}

  .attributes-container .attributes-box[b-fsjnlyggqb] {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    height: 90vh;
    width: 35vw;
    background-color: #070723;
    padding: 2rem 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding-bottom: 6rem;
  }

.attributes-box .attributes-header[b-fsjnlyggqb] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 0rem 1rem;
}

  .attributes-box .attributes-header p[b-fsjnlyggqb] {
    color: #DCDDEF;
    font-weight: 700;
  }

  .attributes-box .attributes-header img[b-fsjnlyggqb] {
    cursor: pointer;
  }

  .attributes-box .attributes-header[b-fsjnlyggqb]::before {
    content: "";
    height: 100%;
    width: 3px;
    border-radius: 10px;
    background-color: #DCDDEF;
    position: absolute;
    top: 0;
    left: 0;
  }

.inner-content[b-fsjnlyggqb] {
  flex: 1;
  padding-right: 1rem;
  overflow: auto;
}

.content-box[b-fsjnlyggqb] {
  margin-bottom: 3rem;
}

  .content-box:last-child[b-fsjnlyggqb] {
    margin-bottom: 1rem;
  }

.cancel-btn[b-fsjnlyggqb] {
  position: absolute;
  right: 2rem;
  bottom: 1.5rem;
  border: 1px solid #5252E2;
  border-radius: 56px;
  padding: 0.6rem 2.5rem;
  color: #DCDDEF;
  font-weight: 500;
  background-color: transparent;
}

.status-dev[b-fsjnlyggqb] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;
  border-bottom: 1px solid #24243E;
  padding: 0.7rem 0rem;
}

  .status-dev span[b-fsjnlyggqb] {
    color: #DCDDEF;
    font-size: 12px;
    font-weight: 300;
  }


.attributes-title[b-fsjnlyggqb] {
  font-size: 14px;
  font-weight: 400;
  color: #88879D;
  margin-top: 10px;
}



        .table-container[b-fsjnlyggqb] {
  position: relative;
  z-index: 10;
  margin-top: 1rem;
}

.table-header[b-fsjnlyggqb] {
  width: 100%;
  background-color: #0E0E29;
  display: flex;
  padding: 1rem 1rem;
  gap: 1rem;
  border-radius: 6px;
  margin-bottom: 4px;
}

  .table-header p:nth-child(3)[b-fsjnlyggqb] {
    width: 30%;
  }

  .table-header p[b-fsjnlyggqb] {
    word-break: break-word;
    font-size: 14px;
    text-align: center;
    font-weight: 700;
  }

.table-row-box[b-fsjnlyggqb] {
  margin-bottom: 8px;
}

.table-row[b-fsjnlyggqb] {
  width: 100%;
  display: flex;
  align-items: flex-start;
  padding: 1rem 1rem;
  gap: 1rem;
  background-color: #242447;
  border-radius: 6px;
  margin-bottom: 8px;
  padding-right: 0.4rem;
}



  .table-row p:nth-child(3)[b-fsjnlyggqb] {
    width: 30%;
   text-align:center;
  }

  .table-row p[b-fsjnlyggqb] {
    width: 20%;
    word-break: break-word;
    font-size: 12px;
  }


.row-content[b-fsjnlyggqb] {
  height: fit-content;
  border-radius: 6px;
  margin-top: 6px;
  background-color: #272745;
  padding: 1.5rem 2rem;
}

  .row-content .groups-number[b-fsjnlyggqb] {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: flex-start;
  }

    .row-content .groups-number span:first-child[b-fsjnlyggqb] {
      color: #9596AA;
      font-size: 12px;
      font-weight: 500;
    }

    .row-content .groups-number span:nth-child(2)[b-fsjnlyggqb] {
      color: #DCDDEF;
      font-weight: 500;
      font-size: 12px;
    }

  .row-content .row-content-left[b-fsjnlyggqb] {
    display: flex;
    gap: 7rem;
    overflow-x: auto;
    height: fit-content;
  }

    .row-content .row-content-left .groups[b-fsjnlyggqb] {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      align-items: flex-start;
      padding-left: 2rem;
      gap: 1rem;
      flex-direction: column;
      margin-top: 1rem;
      width: fit-content;
      column-gap: 3rem;
    }

      .row-content .row-content-left .groups p[b-fsjnlyggqb] {
        position: relative;
        color: #DCDDEF;
        font-weight: 400;
        font-size: 12px;
        padding-left: 1rem;
      }

        .row-content .row-content-left .groups p[b-fsjnlyggqb]::before {
          content: "";
          position: absolute;
          top: 6px;
          left: 0;
          width: 4px;
          height: 4px;
          background-color: #DCDDEF;
          border-radius: 50%;
        }


    .row-content .row-content-left .owns[b-fsjnlyggqb] {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      align-items: flex-start;
      padding-left: 2rem;
      gap: 1rem;
      flex-direction: column;
      height: fit-content;
      margin-top: 1rem;
      width: fit-content;
      column-gap: 3rem;
    }

      .row-content .row-content-left .owns p[b-fsjnlyggqb] {
        position: relative;
        color: #DCDDEF;
        font-weight: 400;
        font-size: 12px;
        padding-left: 1rem;
      }

        .row-content .row-content-left .owns p[b-fsjnlyggqb]::before {
          content: "";
          position: absolute;
          top: 6px;
          left: 0;
          width: 4px;
          height: 4px;
          background-color: #DCDDEF;
          border-radius: 50%;
        }
.rotate[b-fsjnlyggqb] {
  Transform: rotate(180deg);
  Transition: 0.3s;
}

/*///loader*/


.loader-container[b-fsjnlyggqb] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 350px;
  width: 100%;
}

.loader-box[b-fsjnlyggqb] {
  position: relative;
  width: 40px;
  height: 40px;
}

.circle[b-fsjnlyggqb] {
  position: absolute;
  border: 4px solid transparent;
  border-radius: 50%;
}


.circle-1[b-fsjnlyggqb] {
  width: 40px;
  height: 40px;
  border-top: 4px solid white;
  border-right: 4px solid white;
  border-bottom: 4px solid white;
  animation: spin-b-fsjnlyggqb 1.3s linear infinite;
}


.circle-2[b-fsjnlyggqb] {
  width: 30px;
  height: 30px;
  top: 5px;
  left: 5px;
  border-top: 4px solid white;
  border-right: 4px solid white;
  animation: spin-b-fsjnlyggqb 1.3s linear infinite reverse;
}


.circle-3[b-fsjnlyggqb] {
  width: 20px;
  height: 20px;
  top: 10px;
  left: 10px;
  border-top: 4px solid white;
  animation: spin-b-fsjnlyggqb 1.3s linear infinite;
}

@keyframes spin-b-fsjnlyggqb {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}
/* _content/Cybral.Storm.App/Areas/NetworkAnalyzer/Views/ActiveDirectory/AdDataChildComponents/OUDetails.razor.rz.scp.css */
body[b-v8n0yunc2h] {
  font-family: "Poppins"
}


.ad-container[b-v8n0yunc2h] {
  width: 95%;
  margin: 10px auto;
  padding-bottom: 5rem;
  padding-top: 2rem;
}

.top-header[b-v8n0yunc2h] {
  position: relative;
}

  .top-header .absolute-img[b-v8n0yunc2h] {
    position: absolute;
    top: -4rem;
    left: -4rem;
  }

  .top-header h1[b-v8n0yunc2h] {
    color: #DCDDEF;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
  }

  .top-header .dropdown-head[b-v8n0yunc2h] {
    width: 370px;
    border-radius: 400px;
    background-color: #070723;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1rem;
    margin: 10px auto;
    cursor: pointer;
    position: relative;
    z-index: 20;
  }

.dropdown-head span[b-v8n0yunc2h] {
  color: #9596AA;
  font-size: 12px;
  font-weight: 400;
}

.dropdown-box[b-v8n0yunc2h] {
  position: absolute;
  top: 110%;
  left: 0;
  width: 100%;
  border-radius: 16px;
  background-color: #070723;
  padding: 0.4rem 0rem;
  z-index: 20;
}

.dropdown-head .dropdown-box .dropdown-row[b-v8n0yunc2h] {
  display: flex;
  align-items: center;
  gap: 7px;
  justify-content: flex-start;
  padding: 0.8rem 0.8rem;
  border-bottom: 1px solid #3E3F55;
}

  .dropdown-head .dropdown-box .dropdown-row:last-child[b-v8n0yunc2h] {
    border-bottom: none;
  }

  .dropdown-head .dropdown-box .dropdown-row span[b-v8n0yunc2h] {
    color: #DCDDEF;
    font-size: 12px;
    font-weight: 500;
    padding-top: 3px;
    line-height: 18px;
  }

  .dropdown-head .dropdown-box .dropdown-row img[b-v8n0yunc2h] {
    width: 16px;
    height: 16px;
  }


.search-box[b-v8n0yunc2h] {
  position: relative;
  z-index: 20;
  display: flex;
  gap: 5px;
  height: 100%;
  width: 25%;
  background-color: #070723;
  align-items: center;
  padding: 0rem 1rem;
  border-radius: 400px;
}

  .search-box input[b-v8n0yunc2h] {
    background-color: #070723;
    width: 100%;
    outline: none;
    color: #DCDDEF;
    font-size: 12px;
    box-shadow: rgb(14, 15, 43, 1) 0px 30px 120px;
    backdrop-filter: blur(20px);
    z-index: 20;
    padding: 0.7rem 0.5rem;
  }


table[b-v8n0yunc2h] {
  position: relative;
  z-index: 10;
}

thead[b-v8n0yunc2h] {
  position: sticky;
  top: 0;
  left: 0;
  text-align: left;
  background-color: #0E0E29;
  border-radius: 15px;
  height: 50px;
  color: #DCDDEF;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
}

tbody tr[b-v8n0yunc2h] {
  height: 60px;
  border-bottom: 1px solid #474752;
}

.attributes-p[b-v8n0yunc2h] {
  font-size: 14px;
  font-weight: 400;
  color: #88879D;
  margin-bottom: 10px;
}

tbody td[b-v8n0yunc2h] {
  color: #DCDDEF;
  font-weight: 400;
  white-space: nowrap;
  font-size: 12px;
}







/*attributes*/

.attributes-container[b-v8n0yunc2h] {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0,0,0,0.8);
  top: 0;
  left: 0;
  z-index: 30000;
  display: none;
}

  .attributes-container .attributes-box[b-v8n0yunc2h] {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    height: 90vh;
    width: 35vw;
    background-color: #070723;
    padding: 2rem 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding-bottom: 6rem;
  }

.attributes-box .attributes-header[b-v8n0yunc2h] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 0rem 1rem;
}

  .attributes-box .attributes-header p[b-v8n0yunc2h] {
    color: #DCDDEF;
    font-weight: 700;
  }

  .attributes-box .attributes-header img[b-v8n0yunc2h] {
    cursor: pointer;
  }

  .attributes-box .attributes-header[b-v8n0yunc2h]::before {
    content: "";
    height: 100%;
    width: 3px;
    border-radius: 10px;
    background-color: #DCDDEF;
    position: absolute;
    top: 0;
    left: 0;
  }

.inner-content[b-v8n0yunc2h] {
  flex: 1;
  padding-right: 1rem;
  overflow: auto;
}

.content-box[b-v8n0yunc2h] {
  margin-bottom: 3rem;
}

  .content-box:last-child[b-v8n0yunc2h] {
    margin-bottom: 1rem;
  }

.cancel-btn[b-v8n0yunc2h] {
  position: absolute;
  right: 2rem;
  bottom: 1.5rem;
  border: 1px solid #5252E2;
  border-radius: 56px;
  padding: 0.6rem 2.5rem;
  color: #DCDDEF;
  font-weight: 500;
  background-color: transparent;
}

.status-dev[b-v8n0yunc2h] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;
  border-bottom: 1px solid #24243E;
  padding: 0.7rem 0rem;
}

  .status-dev span[b-v8n0yunc2h] {
    color: #DCDDEF;
    font-size: 12px;
    font-weight: 300;
  }


.attributes-title[b-v8n0yunc2h] {
  font-size: 14px;
  font-weight: 400;
  color: #88879D;
  margin-top: 10px;
}
/* _content/Cybral.Storm.App/Areas/NetworkAnalyzer/Views/ActiveDirectory/AdDataChildComponents/OUTable.razor.rz.scp.css */
body[b-heuvolorw7] {
  font-family: "Poppins"
}


.ad-container[b-heuvolorw7] {
  width: 95%;
  margin: 10px auto;
  padding-bottom: 5rem;
  padding-top: 2rem;
}

.top-header[b-heuvolorw7] {
  position: relative;
}

  .top-header .absolute-img[b-heuvolorw7] {
    position: absolute;
    top: -4rem;
    left: -4rem;
  }

  .top-header h1[b-heuvolorw7] {
    color: #DCDDEF;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
  }

  .top-header .dropdown-head[b-heuvolorw7] {
    width: 370px;
    border-radius: 400px;
    background-color: #070723;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1rem;
    margin: 10px auto;
    cursor: pointer;
    position: relative;
    z-index: 20;
  }

.dropdown-head span[b-heuvolorw7] {
  color: #9596AA;
  font-size: 12px;
  font-weight: 400;
}

.dropdown-box[b-heuvolorw7] {
  position: absolute;
  top: 110%;
  left: 0;
  width: 100%;
  border-radius: 16px;
  background-color: #070723;
  padding: 0.4rem 0rem;
  z-index: 20;
}

.dropdown-head .dropdown-box .dropdown-row[b-heuvolorw7] {
  display: flex;
  align-items: center;
  gap: 7px;
  justify-content: flex-start;
  padding: 0.8rem 0.8rem;
  border-bottom: 1px solid #3E3F55;
}

  .dropdown-head .dropdown-box .dropdown-row:last-child[b-heuvolorw7] {
    border-bottom: none;
  }

  .dropdown-head .dropdown-box .dropdown-row span[b-heuvolorw7] {
    color: #DCDDEF;
    font-size: 12px;
    font-weight: 500;
    padding-top: 3px;
    line-height: 18px;
  }

  .dropdown-head .dropdown-box .dropdown-row img[b-heuvolorw7] {
    width: 16px;
    height: 16px;
  }


.search-box[b-heuvolorw7] {
  position: relative;
  z-index: 20;
  display: flex;
  gap: 5px;
  height: 100%;
  width: 25%;
  background-color: #070723;
  align-items: center;
  padding: 0rem 1rem;
  border-radius: 400px;
}

  .search-box input[b-heuvolorw7] {
    background-color: #070723;
    width: 100%;
    outline: none;
    color: #DCDDEF;
    font-size: 12px;
    box-shadow: rgb(14, 15, 43, 1) 0px 30px 120px;
    backdrop-filter: blur(20px);
    z-index: 20;
    padding: 0.7rem 0.5rem;
  }


table[b-heuvolorw7] {
  position: relative;
  z-index: 10;
}

thead[b-heuvolorw7] {
  position: sticky;
  top: 0;
  left: 0;
  text-align: left;
  background-color: #0E0E29;
  border-radius: 15px;
  height: 50px;
  color: #DCDDEF;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
}

tbody tr[b-heuvolorw7] {
  height: 60px;
  border-bottom: 1px solid #474752;
}

.attributes-p[b-heuvolorw7] {
  font-size: 14px;
  font-weight: 400;
  color: #88879D;
  margin-bottom: 10px;
}

tbody td[b-heuvolorw7] {
  color: #DCDDEF;
  font-weight: 400;
  white-space: nowrap;
  font-size: 12px;
}







/*attributes*/

.attributes-container[b-heuvolorw7] {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0,0,0,0.8);
  top: 0;
  left: 0;
  z-index: 30000;
  display: none;
}

  .attributes-container .attributes-box[b-heuvolorw7] {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    height: 90vh;
    width: 35vw;
    background-color: #070723;
    padding: 2rem 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding-bottom: 6rem;
  }

.attributes-box .attributes-header[b-heuvolorw7] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 0rem 1rem;
}

  .attributes-box .attributes-header p[b-heuvolorw7] {
    color: #DCDDEF;
    font-weight: 700;
  }

  .attributes-box .attributes-header img[b-heuvolorw7] {
    cursor: pointer;
  }

  .attributes-box .attributes-header[b-heuvolorw7]::before {
    content: "";
    height: 100%;
    width: 3px;
    border-radius: 10px;
    background-color: #DCDDEF;
    position: absolute;
    top: 0;
    left: 0;
  }

.inner-content[b-heuvolorw7] {
  flex: 1;
  padding-right: 1rem;
  overflow: auto;
}

.content-box[b-heuvolorw7] {
  margin-bottom: 3rem;
}

  .content-box:last-child[b-heuvolorw7] {
    margin-bottom: 1rem;
  }

.cancel-btn[b-heuvolorw7] {
  position: absolute;
  right: 2rem;
  bottom: 1.5rem;
  border: 1px solid #5252E2;
  border-radius: 56px;
  padding: 0.6rem 2.5rem;
  color: #DCDDEF;
  font-weight: 500;
  background-color: transparent;
}

.status-dev[b-heuvolorw7] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;
  border-bottom: 1px solid #24243E;
  padding: 0.7rem 0rem;
}

  .status-dev span[b-heuvolorw7] {
    color: #DCDDEF;
    font-size: 12px;
    font-weight: 300;
  }


.attributes-title[b-heuvolorw7] {
  font-size: 14px;
  font-weight: 400;
  color: #88879D;
  margin-top: 10px;
}


.table-container[b-heuvolorw7] {
  position: relative;
  z-index: 10;
  margin-top: 1rem;
}

.table-header[b-heuvolorw7] {
  width: 100%;
  background-color: #0E0E29;
  display: flex;
  padding: 1rem 1rem;
  gap: 1rem;
  border-radius: 6px;
  margin-bottom: 4px;
}

  .table-header p:nth-child(3)[b-heuvolorw7] {
    width: 30%;
  }

  .table-header p[b-heuvolorw7] {
    word-break: break-word;
    font-size: 14px;
    text-align: center;
    font-weight: 700;
  }

.table-row-box[b-heuvolorw7] {
  margin-bottom: 8px;
}

.table-row[b-heuvolorw7] {
  width: 100%;
  display: flex;
  align-items: flex-start;
  padding: 1rem 1rem;
  gap: 1rem;
  background-color: #242447;
  border-radius: 6px;
  margin-bottom: 8px;
  padding-right: 0.4rem;
}



  .table-row p:nth-child(3)[b-heuvolorw7] {
    width: 30%;
    text-align: center;
  }

  .table-row p[b-heuvolorw7] {
    width: 20%;
    word-break: break-word;
    font-size: 12px;
  }


.row-content[b-heuvolorw7] {
  height: fit-content;
  border-radius: 6px;
  margin-top: 6px;
  background-color: #272745;
  padding: 1.5rem 2rem;
}

  .row-content .groups-number[b-heuvolorw7] {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: flex-start;
  }

    .row-content .groups-number span:first-child[b-heuvolorw7] {
      color: #9596AA;
      font-size: 12px;
      font-weight: 500;
    }

    .row-content .groups-number span:nth-child(2)[b-heuvolorw7] {
      color: #DCDDEF;
      font-weight: 500;
      font-size: 12px;
    }

  .row-content .row-content-left[b-heuvolorw7] {
    display: flex;
    gap: 7rem;
    overflow-x: auto;
    height: fit-content;
  }

    .row-content .row-content-left .groups[b-heuvolorw7] {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      align-items: flex-start;
      padding-left: 2rem;
      gap: 1rem;
      flex-direction: column;
      margin-top: 1rem;
      width: fit-content;
      column-gap: 3rem;
    }

      .row-content .row-content-left .groups p[b-heuvolorw7] {
        position: relative;
        color: #DCDDEF;
        font-weight: 400;
        font-size: 12px;
        padding-left: 1rem;
      }

        .row-content .row-content-left .groups p[b-heuvolorw7]::before {
          content: "";
          position: absolute;
          top: 6px;
          left: 0;
          width: 4px;
          height: 4px;
          background-color: #DCDDEF;
          border-radius: 50%;
        }


    .row-content .row-content-left .owns[b-heuvolorw7] {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      align-items: flex-start;
      padding-left: 2rem;
      gap: 1rem;
      flex-direction: column;
      height: fit-content;
      margin-top: 1rem;
      width: fit-content;
      column-gap: 3rem;
    }

      .row-content .row-content-left .owns p[b-heuvolorw7] {
        position: relative;
        color: #DCDDEF;
        font-weight: 400;
        font-size: 12px;
        padding-left: 1rem;
      }

        .row-content .row-content-left .owns p[b-heuvolorw7]::before {
          content: "";
          position: absolute;
          top: 6px;
          left: 0;
          width: 4px;
          height: 4px;
          background-color: #DCDDEF;
          border-radius: 50%;
        }
.rotate[b-heuvolorw7] {
  Transform: rotate(180deg);
  Transition: 0.3s;
}

/*///loader*/


.loader-container[b-heuvolorw7] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 350px;
  width: 100%;
}

.loader-box[b-heuvolorw7] {
  position: relative;
  width: 40px;
  height: 40px;
}

.circle[b-heuvolorw7] {
  position: absolute;
  border: 4px solid transparent;
  border-radius: 50%;
}


.circle-1[b-heuvolorw7] {
  width: 40px;
  height: 40px;
  border-top: 4px solid white;
  border-right: 4px solid white;
  border-bottom: 4px solid white;
  animation: spin-b-heuvolorw7 1.3s linear infinite;
}


.circle-2[b-heuvolorw7] {
  width: 30px;
  height: 30px;
  top: 5px;
  left: 5px;
  border-top: 4px solid white;
  border-right: 4px solid white;
  animation: spin-b-heuvolorw7 1.3s linear infinite reverse;
}


.circle-3[b-heuvolorw7] {
  width: 20px;
  height: 20px;
  top: 10px;
  left: 10px;
  border-top: 4px solid white;
  animation: spin-b-heuvolorw7 1.3s linear infinite;
}


@keyframes spin-b-heuvolorw7 {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}
/* _content/Cybral.Storm.App/Areas/NetworkAnalyzer/Views/ActiveDirectory/AdDataChildComponents/UserDetails.razor.rz.scp.css */
body[b-08deha2pkz] {
  font-family: "Poppins"
}


.ad-container[b-08deha2pkz] {
  width: 95%;
  margin: 10px auto;
  padding-bottom: 5rem;
  padding-top: 2rem;
}

.top-header[b-08deha2pkz] {
  position: relative;
}

  .top-header .absolute-img[b-08deha2pkz] {
    position: absolute;
    top: -4rem;
    left: -4rem;
  }

  .top-header h1[b-08deha2pkz] {
    color: #DCDDEF;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
  }

  .top-header .dropdown-head[b-08deha2pkz] {
    width: 370px;
    border-radius: 400px;
    background-color: #070723;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1rem;
    margin: 10px auto;
    cursor: pointer;
    position: relative;
    z-index: 20;
  }

.dropdown-head span[b-08deha2pkz] {
  color: #9596AA;
  font-size: 12px;
  font-weight: 400;
}

.dropdown-box[b-08deha2pkz] {
  position: absolute;
  top: 110%;
  left: 0;
  width: 100%;
  border-radius: 16px;
  background-color: #070723;
  padding: 0.4rem 0rem;
  z-index: 20;
}

.dropdown-head .dropdown-box .dropdown-row[b-08deha2pkz] {
  display: flex;
  align-items: center;
  gap: 7px;
  justify-content: flex-start;
  padding: 0.8rem 0.8rem;
  border-bottom: 1px solid #3E3F55;
}

  .dropdown-head .dropdown-box .dropdown-row:last-child[b-08deha2pkz] {
    border-bottom: none;
  }

  .dropdown-head .dropdown-box .dropdown-row span[b-08deha2pkz] {
    color: #DCDDEF;
    font-size: 12px;
    font-weight: 500;
    padding-top: 3px;
    line-height: 18px;
  }

  .dropdown-head .dropdown-box .dropdown-row img[b-08deha2pkz] {
    width: 16px;
    height: 16px;
  }


.search-box[b-08deha2pkz] {
  position: relative;
  z-index: 20;
  display: flex;
  gap: 5px;
  height: 100%;
  width: 25%;
  background-color: #070723;
  align-items: center;
  padding: 0rem 1rem;
  border-radius: 400px;
}

  .search-box input[b-08deha2pkz] {
    background-color: #070723;
    width: 100%;
    outline: none;
    color: #DCDDEF;
    font-size: 12px;
    box-shadow: rgb(14, 15, 43, 1) 0px 30px 120px;
    backdrop-filter: blur(20px);
    z-index: 20;
    padding: 0.7rem 0.5rem;
  }


table[b-08deha2pkz] {
  position: relative;
  z-index: 10;
}

thead[b-08deha2pkz] {
  position: sticky;
  top: 0;
  left: 0;
  text-align: left;
  background-color: #0E0E29;
  border-radius: 15px;
  height: 50px;
  color: #DCDDEF;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
}

tbody tr[b-08deha2pkz] {
  height: 60px;
  border-bottom: 1px solid #474752;
}

.attributes-p[b-08deha2pkz] {
  font-size: 14px;
  font-weight: 400;
  color: #88879D;
  margin-bottom: 10px;
}

tbody td[b-08deha2pkz] {
  color: #DCDDEF;
  font-weight: 400;
  white-space: nowrap;
  font-size: 12px;
}







/*attributes*/

.attributes-container[b-08deha2pkz] {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0,0,0,0.8);
  top: 0;
  left: 0;
  z-index: 30000;
  display: none;
}

  .attributes-container .attributes-box[b-08deha2pkz] {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    height: 90vh;
    width: 35vw;
    background-color: #070723;
    padding: 2rem 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding-bottom: 6rem;
  }

.attributes-box .attributes-header[b-08deha2pkz] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 0rem 1rem;
}

  .attributes-box .attributes-header p[b-08deha2pkz] {
    color: #DCDDEF;
    font-weight: 700;
  }

  .attributes-box .attributes-header img[b-08deha2pkz] {
    cursor: pointer;
  }

  .attributes-box .attributes-header[b-08deha2pkz]::before {
    content: "";
    height: 100%;
    width: 3px;
    border-radius: 10px;
    background-color: #DCDDEF;
    position: absolute;
    top: 0;
    left: 0;
  }

.inner-content[b-08deha2pkz] {
  flex: 1;
  padding-right: 1rem;
  overflow: auto;
}

.content-box[b-08deha2pkz] {
  margin-bottom: 3rem;
}

  .content-box:last-child[b-08deha2pkz] {
    margin-bottom: 1rem;
  }

.cancel-btn[b-08deha2pkz] {
  position: absolute;
  right: 2rem;
  bottom: 1.5rem;
  border: 1px solid #5252E2;
  border-radius: 56px;
  padding: 0.6rem 2.5rem;
  color: #DCDDEF;
  font-weight: 500;
  background-color: transparent;
}

.status-dev[b-08deha2pkz] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;
  border-bottom: 1px solid #24243E;
  padding: 0.7rem 0rem;
}

  .status-dev span[b-08deha2pkz] {
    color: #DCDDEF;
    font-size: 12px;
    font-weight: 300;
  }


.attributes-title[b-08deha2pkz] {
  font-size: 14px;
  font-weight: 400;
  color: #88879D;
  margin-top: 10px;
}
/* _content/Cybral.Storm.App/Areas/NetworkAnalyzer/Views/ActiveDirectory/AdDataChildComponents/UsersTable.razor.rz.scp.css */
body[b-viddcu6dza] {
  font-family: "Poppins"
}


.ad-container[b-viddcu6dza] {
  width: 95%;
  margin: 10px auto;
  padding-bottom: 5rem;
  padding-top: 2rem;
}

.top-header[b-viddcu6dza] {
  position: relative;
}

  .top-header .absolute-img[b-viddcu6dza] {
    position: absolute;
    top: -4rem;
    left: -4rem;
  }

  .top-header h1[b-viddcu6dza] {
    color: #DCDDEF;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
  }

  .top-header .dropdown-head[b-viddcu6dza] {
    width: 370px;
    border-radius: 400px;
    background-color: #070723;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1rem;
    margin: 10px auto;
    cursor: pointer;
    position: relative;
    z-index: 20;
  }

.dropdown-head span[b-viddcu6dza] {
  color: #9596AA;
  font-size: 12px;
  font-weight: 400;
}

.dropdown-box[b-viddcu6dza] {
  position: absolute;
  top: 110%;
  left: 0;
  width: 100%;
  border-radius: 16px;
  background-color: #070723;
  padding: 0.4rem 0rem;
  z-index: 20;
}

.dropdown-head .dropdown-box .dropdown-row[b-viddcu6dza] {
  display: flex;
  align-items: center;
  gap: 7px;
  justify-content: flex-start;
  padding: 0.8rem 0.8rem;
  border-bottom: 1px solid #3E3F55;
}

  .dropdown-head .dropdown-box .dropdown-row:last-child[b-viddcu6dza] {
    border-bottom: none;
  }

  .dropdown-head .dropdown-box .dropdown-row span[b-viddcu6dza] {
    color: #DCDDEF;
    font-size: 12px;
    font-weight: 500;
    padding-top: 3px;
    line-height: 18px;
  }

  .dropdown-head .dropdown-box .dropdown-row img[b-viddcu6dza] {
    width: 16px;
    height: 16px;
  }


.search-box[b-viddcu6dza] {
  position: relative;
  z-index: 20;
  display: flex;
  gap: 5px;
  height: 100%;
  width: 25%;
  background-color: #070723;
  align-items: center;
  padding: 0rem 1rem;
  border-radius: 400px;
}

  .search-box input[b-viddcu6dza] {
    background-color: #070723;
    width: 100%;
    outline: none;
    color: #DCDDEF;
    font-size: 12px;
    box-shadow: rgb(14, 15, 43, 1) 0px 30px 120px;
    backdrop-filter: blur(20px);
    z-index: 20;
    padding: 0.7rem 0.5rem;
  }


table[b-viddcu6dza] {
  position: relative;
  z-index: 10;
}

thead[b-viddcu6dza] {
  position: sticky;
  top: 0;
  left: 0;
  text-align: left;
  background-color: #0E0E29;
  border-radius: 15px;
  height: 50px;
  color: #DCDDEF;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
}

tbody tr[b-viddcu6dza] {
  height: 60px;
  border-bottom: 1px solid #474752;
}

.attributes-p[b-viddcu6dza] {
  font-size: 14px;
  font-weight: 400;
  color: #88879D;
  margin-bottom: 10px;
}

tbody td[b-viddcu6dza] {
  color: #DCDDEF;
  font-weight: 400;
  white-space: nowrap;
  font-size: 12px;
}







/*attributes*/

.attributes-container[b-viddcu6dza] {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0,0,0,0.8);
  top: 0;
  left: 0;
  z-index: 30000;
  display: none;
}

  .attributes-container .attributes-box[b-viddcu6dza] {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    height: 90vh;
    width: 35vw;
    background-color: #070723;
    padding: 2rem 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding-bottom: 6rem;
  }

.attributes-box .attributes-header[b-viddcu6dza] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 0rem 1rem;
}

  .attributes-box .attributes-header p[b-viddcu6dza] {
    color: #DCDDEF;
    font-weight: 700;
  }

  .attributes-box .attributes-header img[b-viddcu6dza] {
    cursor: pointer;
  }

  .attributes-box .attributes-header[b-viddcu6dza]::before {
    content: "";
    height: 100%;
    width: 3px;
    border-radius: 10px;
    background-color: #DCDDEF;
    position: absolute;
    top: 0;
    left: 0;
  }

.inner-content[b-viddcu6dza] {
  flex: 1;
  padding-right: 1rem;
  overflow: auto;
}

.content-box[b-viddcu6dza] {
  margin-bottom: 3rem;
}

  .content-box:last-child[b-viddcu6dza] {
    margin-bottom: 1rem;
  }

.cancel-btn[b-viddcu6dza] {
  position: absolute;
  right: 2rem;
  bottom: 1.5rem;
  border: 1px solid #5252E2;
  border-radius: 56px;
  padding: 0.6rem 2.5rem;
  color: #DCDDEF;
  font-weight: 500;
  background-color: transparent;
}

.status-dev[b-viddcu6dza] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;
  border-bottom: 1px solid #24243E;
  padding: 0.7rem 0rem;
}

  .status-dev span[b-viddcu6dza] {
    color: #DCDDEF;
    font-size: 12px;
    font-weight: 300;
  }


.attributes-title[b-viddcu6dza] {
  font-size: 14px;
  font-weight: 400;
  color: #88879D;
  margin-top: 10px;
}



.table-container[b-viddcu6dza] {
  position: relative;
  z-index: 10;
  margin-top: 1rem;
}

.table-header[b-viddcu6dza] {
  width: 100%;
  background-color: #0E0E29;
  display: flex;
  padding: 1rem 1rem;
  gap: 1rem;
  border-radius: 6px;
  margin-bottom: 4px;
}

  .table-header p:nth-child(3)[b-viddcu6dza] {
    width: 30%;
  }

  .table-header p[b-viddcu6dza] {
    word-break: break-word;
    font-size: 14px;
    text-align: center;
    font-weight: 700;
  }

.table-row-box[b-viddcu6dza] {
  margin-bottom: 8px;
}

.table-row[b-viddcu6dza] {
  width: 100%;
  display: flex;
  align-items: flex-start;
  padding: 1rem 1rem;
  gap: 1rem;
  background-color: #242447;
  border-radius: 6px;
  margin-bottom: 8px;
  padding-right: 0.4rem;
}



  .table-row p:nth-child(3)[b-viddcu6dza] {
    width: 30%;
    padding-left: 2rem;
  }

  .table-row p[b-viddcu6dza] {
    width: 20%;
    word-break: break-word;
    font-size: 12px;
  }


.row-content[b-viddcu6dza] {
  height: fit-content;
  border-radius: 6px;
  margin-top: 6px;
  background-color: #272745;
  padding: 1.5rem 2rem;
}

  .row-content .groups-number[b-viddcu6dza] {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: flex-start;
  }

    .row-content .groups-number span:first-child[b-viddcu6dza] {
      color: #9596AA;
      font-size: 12px;
      font-weight: 500;
    }

    .row-content .groups-number span:nth-child(2)[b-viddcu6dza] {
      color: #DCDDEF;
      font-weight: 500;
      font-size: 12px;
    }

  .row-content .row-content-left[b-viddcu6dza] {
    display: flex;
    gap: 7rem;
    overflow-x: auto;
    height: fit-content;
  }

    .row-content .row-content-left .groups[b-viddcu6dza] {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      align-items: flex-start;
      padding-left: 2rem;
      gap: 1rem;
      flex-direction: column;
      margin-top: 1rem;
      width: fit-content;
      column-gap: 3rem;
    }

      .row-content .row-content-left .groups p[b-viddcu6dza] {
        position: relative;
        color: #DCDDEF;
        font-weight: 400;
        font-size: 12px;
        padding-left: 1rem;
      }

        .row-content .row-content-left .groups p[b-viddcu6dza]::before {
          content: "";
          position: absolute;
          top: 6px;
          left: 0;
          width: 4px;
          height: 4px;
          background-color: #DCDDEF;
          border-radius: 50%;
        }


    .row-content .row-content-left .owns[b-viddcu6dza] {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      align-items: flex-start;
      padding-left: 2rem;
      gap: 1rem;
      flex-direction: column;
      height: fit-content;
      margin-top: 1rem;
      width: fit-content;
      column-gap: 3rem;
    }

      .row-content .row-content-left .owns p[b-viddcu6dza] {
        position: relative;
        color: #DCDDEF;
        font-weight: 400;
        font-size: 12px;
        padding-left: 1rem;
      }

        .row-content .row-content-left .owns p[b-viddcu6dza]::before {
          content: "";
          position: absolute;
          top: 6px;
          left: 0;
          width: 4px;
          height: 4px;
          background-color: #DCDDEF;
          border-radius: 50%;
        }

.rotate[b-viddcu6dza] {
  Transform: rotate(180deg);
  Transition: 0.3s;
}
/*///loader*/


.loader-container[b-viddcu6dza] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 350px;
  width: 100%;
}

.loader-box[b-viddcu6dza] {
  position: relative;
  width: 40px;
  height: 40px;
}

.circle[b-viddcu6dza] {
  position: absolute;
  border: 4px solid transparent;
  border-radius: 50%;
}


.circle-1[b-viddcu6dza] {
  width: 40px;
  height: 40px;
  border-top: 4px solid white;
  border-right: 4px solid white;
  border-bottom: 4px solid white;
  animation: spin-b-viddcu6dza 1.3s linear infinite;
}


.circle-2[b-viddcu6dza] {
  width: 30px;
  height: 30px;
  top: 5px;
  left: 5px;
  border-top: 4px solid white;
  border-right: 4px solid white;
  animation: spin-b-viddcu6dza 1.3s linear infinite reverse;
}


.circle-3[b-viddcu6dza] {
  width: 20px;
  height: 20px;
  top: 10px;
  left: 10px;
  border-top: 4px solid white;
  animation: spin-b-viddcu6dza 1.3s linear infinite;
}

@keyframes spin-b-viddcu6dza {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}
/* _content/Cybral.Storm.App/Areas/NetworkAnalyzer/Views/ActiveDirectory/AdGraph/DirectoryInvestigate.razor.rz.scp.css */
body[b-659djiziaa] {
  font-family: "Poppins"
}
.investigate-container[b-659djiziaa] {
  width: 95%;
  margin: 30px auto;
  padding-bottom: 2rem;
  position: relative;
}
.diagram-container[b-659djiziaa] {
  width: 100%;
  height: 400px;
  border: 1px solid black; /* Just visual */
}
.investigate-container .lamp[b-659djiziaa] {
  position: absolute;
  left: -10rem;
  top: -2rem;
  z-index: 1;
}

.properties-container[b-659djiziaa] {
  width: 50%;
  background-color: #242447;
  border-radius: 24px;
  padding: 1rem;
  position: relative;
  z-index: 5;
}

  .properties-container h2[b-659djiziaa] {
    font-size: 20px;
    font-weight: 500;
    color: #DCDDEF;
  }

.properties-box[b-659djiziaa] {
  margin-top: 10px;
  max-height: 120px;
  overflow: auto;
    position: relative;
  z-index: 5;
  padding-right: 12px;
}


  .properties-box[b-659djiziaa]::-webkit-scrollbar {
    width: 4px;
    border-radius: 25px;
  }

  .properties-box[b-659djiziaa]::-webkit-scrollbar-track {
    background: #2C2C57;
    border-radius: 25px;
  }

  .properties-box[b-659djiziaa]::-webkit-scrollbar-thumb {
    all: unset;
    background: #4A4A79 !important;
    border-radius: 25px;
  }

.asset-name[b-659djiziaa] {
  font-size: 14px;
  font-weight: 500;
  color: #88879D;
  margin-bottom: 8px !important;
}

.properties-box .asset-desc[b-659djiziaa] {
  font-size: 12px;
  font-weight: 400;
  color: #88879D;
  line-height: 16.56px;
}

.graph-box[b-659djiziaa] {
  padding: 2rem;
  position: relative;
  z-index: 5;
  width: 100%;
  height: 400px;
}

  .graph-box .user-node[b-659djiziaa] {
    height: 65px;
    width: 65px;
    border-radius: 50%;
    border: 1px solid #DCDDEF;
    background: #070723;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    font-size: 9px;
    cursor:pointer;
  }
  .graph-box .user-node img[b-659djiziaa] {
    width: 19px;
    height: 19px;
    display: block;
    margin: 0 auto;
  }
  .graph-box .groups-node[b-659djiziaa] {
    height: 65px;
    width: 65px;
    border-radius: 50%;
    border: 1px solid #DCDDEF;
    background: #070723;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    font-size: 9px;
    cursor: pointer;
  }
  .graph-box .groups-node img[b-659djiziaa] {
    width: 25px;
    height: 25px;
    display: block;
    margin: 0 auto;
  }
  .graph-box .computers-node[b-659djiziaa] {
    height: 65px;
    width: 65px;
    border-radius: 50%;
    border: 1px solid #DCDDEF;
    background: #070723;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    font-size: 9px;
    cursor: pointer;
  }
  .graph-box .computers-node img[b-659djiziaa]{
      width:25px;
      height:25px;
      display:block;
      margin:0 auto;
  }

  .graph-box .node.active[b-659djiziaa] {
    background: #3A3AA0;
    border-color: #AFAFF2;
  }



.actions-container[b-659djiziaa] {
  display: flex;
  width: fit-content;
  white-space: nowrap;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  z-index: 50;
  height: 32px;
  overflow: hidden;
  gap: 10px;
}

  .actions-container button[b-659djiziaa] {
    border-radius: 6px;
    color: #DCDDEF;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
  }
body[b-659djiziaa] {
  font-family: "Poppins"
}


.ad-container[b-659djiziaa] {
  width: 95%;
  margin: 10px auto;
  padding-bottom: 5rem;
  padding-top: 2rem;
}

.top-header[b-659djiziaa] {
  position: relative;
}

  .top-header .absolute-img[b-659djiziaa] {
    position: absolute;
    top: -4rem;
    left: -8rem;
  }

  .top-header h1[b-659djiziaa] {
    color: #DCDDEF;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
  }

  .top-header .dropdown-head[b-659djiziaa] {
    width: 370px;
    border-radius: 400px;
    background-color: #070723;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1rem;
    margin: 10px auto;
    cursor: pointer;
    position: relative;
    z-index: 20;
  }

.dropdown-head span[b-659djiziaa] {
  color: #9596AA;
  font-size: 12px;
  font-weight: 400;
}

.dropdown-box[b-659djiziaa] {
  position: absolute;
  top: 110%;
  left: 0;
  width: 100%;
  border-radius: 16px;
  background-color: #070723;
  padding: 0.4rem 0rem;
  z-index: 20;
}

.dropdown-head .dropdown-box .dropdown-row[b-659djiziaa] {
  display: flex;
  align-items: center;
  gap: 7px;
  justify-content: flex-start;
  padding: 0.8rem 0.8rem;
  border-bottom: 1px solid #3E3F55;
}

  .dropdown-head .dropdown-box .dropdown-row:last-child[b-659djiziaa] {
    border-bottom: none;
  }

  .dropdown-head .dropdown-box .dropdown-row span[b-659djiziaa] {
    color: #DCDDEF;
    font-size: 12px;
    font-weight: 500;
    padding-top: 3px;
    line-height: 18px;
  }

  .dropdown-head .dropdown-box .dropdown-row img[b-659djiziaa] {
    width: 16px;
    height: 16px;
  }


.search-box[b-659djiziaa] {
  position: relative;
  z-index: 20;
  display: flex;
  gap: 5px;
  height: 100%;
  width: 25%;
  background-color: #070723;
  align-items: center;
  padding: 0rem 1rem;
  border-radius: 400px;
}

  .search-box input[b-659djiziaa] {
    background-color: #070723;
    width: 100%;
    outline: none;
    color: #DCDDEF;
    font-size: 12px;
    box-shadow: rgb(14, 15, 43, 1) 0px 30px 120px;
    backdrop-filter: blur(20px);
    z-index: 20;
    padding: 0.7rem 0.5rem;
  }


table[b-659djiziaa] {
  position: relative;
  z-index: 10;
}

thead[b-659djiziaa] {
  position: sticky;
  top: 0;
  left: 0;
  text-align: left;
  background-color: #0E0E29;
  border-radius: 15px;
  height: 50px;
  color: #DCDDEF;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
}

tbody tr[b-659djiziaa] {
  height: 60px;
  border-bottom: 1px solid #474752;
}

.attributes-p[b-659djiziaa] {
  font-size: 14px;
  font-weight: 400;
  color: #88879D;
  margin-bottom: 10px;
}

tbody td[b-659djiziaa] {
  color: #DCDDEF;
  font-weight: 400;
  white-space: nowrap;
  font-size: 12px;
}







/*attributes*/

.attributes-container[b-659djiziaa] {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0,0,0,0.8);
  top: 0;
  left: 0;
  z-index: 30000;
  display: none;
}

  .attributes-container .attributes-box[b-659djiziaa] {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    height: 90vh;
    width: 35vw;
    background-color: #070723;
    padding: 2rem 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding-bottom: 6rem;
  }

.attributes-box .attributes-header[b-659djiziaa] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 0rem 1rem;
}

  .attributes-box .attributes-header p[b-659djiziaa] {
    color: #DCDDEF;
    font-weight: 700;
  }

  .attributes-box .attributes-header img[b-659djiziaa] {
    cursor: pointer;
  }

  .attributes-box .attributes-header[b-659djiziaa]::before {
    content: "";
    height: 100%;
    width: 3px;
    border-radius: 10px;
    background-color: #DCDDEF;
    position: absolute;
    top: 0;
    left: 0;
  }

.inner-content[b-659djiziaa] {
  flex: 1;
  padding-right: 1rem;
  overflow: auto;
}

.content-box[b-659djiziaa] {
  margin-bottom: 3rem;
}

  .content-box:last-child[b-659djiziaa] {
    margin-bottom: 1rem;
  }

.cancel-btn[b-659djiziaa] {
  position: absolute;
  right: 2rem;
  bottom: 1.5rem;
  border: 1px solid #5252E2;
  border-radius: 56px;
  padding: 0.6rem 2.5rem;
  color: #DCDDEF;
  font-weight: 500;
  background-color: transparent;
}

.status-dev[b-659djiziaa] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;
  border-bottom: 1px solid #24243E;
  padding: 0.7rem 0rem;
}

  .status-dev span[b-659djiziaa] {
    color: #DCDDEF;
    font-size: 12px;
    font-weight: 300;
  }


.attributes-title[b-659djiziaa] {
  font-size: 14px;
  font-weight: 400;
  color: #88879D;
  margin-top: 10px;
}
/* _content/Cybral.Storm.App/Areas/NetworkAnalyzer/Views/ActiveDirectory/AdGraph/Nodes/ComputerNode.razor.rz.scp.css */
body[b-z8dilupgj2] {
  font-family: "Poppins"
}

.investigate-container[b-z8dilupgj2] {
  width: 95%;
  margin: 30px auto;
  padding-bottom: 2rem;
  position: relative;
}

  .investigate-container .lamp[b-z8dilupgj2] {
    position: absolute;
    left: -10rem;
    top: -2rem;
    z-index: 1;
  }

.properties-container[b-z8dilupgj2] {
  width: 50%;
  background-color: #242447;
  border-radius: 24px;
  padding: 1rem;
  position: relative;
  z-index: 5;
}

  .properties-container h2[b-z8dilupgj2] {
    font-size: 20px;
    font-weight: 500;
    color: #DCDDEF;
  }

.properties-box[b-z8dilupgj2] {
  margin-top: 10px;
  max-height: 120px;
  overflow: auto;
  position: relative;
  z-index: 5;
  padding-right: 12px;
}


  .properties-box[b-z8dilupgj2]::-webkit-scrollbar {
    width: 4px;
    border-radius: 25px;
  }

  .properties-box[b-z8dilupgj2]::-webkit-scrollbar-track {
    background: #2C2C57;
    border-radius: 25px;
  }

  .properties-box[b-z8dilupgj2]::-webkit-scrollbar-thumb {
    all: unset;
    background: #4A4A79 !important;
    border-radius: 25px;
  }

.asset-name[b-z8dilupgj2] {
  font-size: 14px;
  font-weight: 500;
  color: #88879D;
  margin-bottom: 8px !important;
}

.properties-box .asset-desc[b-z8dilupgj2] {
  font-size: 12px;
  font-weight: 400;
  color: #88879D;
  line-height: 16.56px;
}

.graph-box[b-z8dilupgj2] {
  padding: 2rem;
  position: relative;
  z-index: 5;
}

  .graph-box .user-node[b-z8dilupgj2] {
    height: 65px;
    width: 65px;
    border-radius: 50%;
    border: 1px solid #DCDDEF;
    background: #070723;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    font-size: 9px;
    cursor: pointer;
  }

    .graph-box .user-node img[b-z8dilupgj2] {
      width: 19px;
      height: 19px;
      display: block;
      margin: 0 auto;
    }

  .graph-box .groups-node[b-z8dilupgj2] {
    height: 65px;
    width: 65px;
    border-radius: 50%;
    border: 1px solid #DCDDEF;
    background: #070723;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    font-size: 9px;
    cursor: pointer;
  }

    .graph-box .groups-node img[b-z8dilupgj2] {
      width: 25px;
      height: 25px;
      display: block;
      margin: 0 auto;
    }

  .graph-box .computers-node[b-z8dilupgj2] {
    height: 65px;
    width: 65px;
    border-radius: 50%;
    border: 1px solid #DCDDEF;
    background: #070723;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    font-size: 9px;
    cursor: pointer;
    position:relative;
  }

    .graph-box .computers-node img[b-z8dilupgj2] {
      width: 25px;
      height: 25px;
      display: block;
      margin: 0 auto;
    }

  .graph-box .node.active[b-z8dilupgj2] {
    background: #3A3AA0;
    border-color: #AFAFF2;
  }



.actions-container[b-z8dilupgj2] {
  display: flex;
  width: fit-content;
  white-space: nowrap;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  z-index: 50;
  height: 32px;
  overflow: hidden;
  gap: 10px;
}

  .actions-container button[b-z8dilupgj2] {
    border-radius: 6px;
    color: #DCDDEF;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
  }



.node-add[b-z8dilupgj2] {
  position: absolute;
  left: 115%;
  top: 50%;
  transform: translateY(-50%);
  font-size: 10px;
  font-weight: 500;
  white-space: nowrap;
}
/* _content/Cybral.Storm.App/Areas/NetworkAnalyzer/Views/ActiveDirectory/AdGraph/Nodes/GroupNode.razor.rz.scp.css */
body[b-26ggh5c8kx] {
  font-family: "Poppins"
}

.investigate-container[b-26ggh5c8kx] {
  width: 95%;
  margin: 30px auto;
  padding-bottom: 2rem;
  position: relative;
}

  .investigate-container .lamp[b-26ggh5c8kx] {
    position: absolute;
    left: -10rem;
    top: -2rem;
    z-index: 1;
  }

.properties-container[b-26ggh5c8kx] {
  width: 50%;
  background-color: #242447;
  border-radius: 24px;
  padding: 1rem;
  position: relative;
  z-index: 5;
}

  .properties-container h2[b-26ggh5c8kx] {
    font-size: 20px;
    font-weight: 500;
    color: #DCDDEF;
  }

.properties-box[b-26ggh5c8kx] {
  margin-top: 10px;
  max-height: 120px;
  overflow: auto;
  position: relative;
  z-index: 5;
  padding-right: 12px;
}


  .properties-box[b-26ggh5c8kx]::-webkit-scrollbar {
    width: 4px;
    border-radius: 25px;
  }

  .properties-box[b-26ggh5c8kx]::-webkit-scrollbar-track {
    background: #2C2C57;
    border-radius: 25px;
  }

  .properties-box[b-26ggh5c8kx]::-webkit-scrollbar-thumb {
    all: unset;
    background: #4A4A79 !important;
    border-radius: 25px;
  }

.asset-name[b-26ggh5c8kx] {
  font-size: 14px;
  font-weight: 500;
  color: #88879D;
  margin-bottom: 8px !important;
}

.properties-box .asset-desc[b-26ggh5c8kx] {
  font-size: 12px;
  font-weight: 400;
  color: #88879D;
  line-height: 16.56px;
}

.graph-box[b-26ggh5c8kx] {
  padding: 2rem;
  position: relative;
  z-index: 5;
}

  .graph-box .user-node[b-26ggh5c8kx] {
    height: 65px;
    width: 65px;
    border-radius: 50%;
    border: 1px solid #DCDDEF;
    background: #070723;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    font-size: 9px;
    cursor: pointer;
    position:relative;
  }

    .graph-box .user-node img[b-26ggh5c8kx] {
      width: 19px;
      height: 19px;
      display: block;
      margin: 0 auto;
    }

  .graph-box .groups-node[b-26ggh5c8kx] {
    height: 65px;
    width: 65px;
    border-radius: 50%;
    border: 1px solid #DCDDEF;
    background: #070723;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    font-size: 9px;
    cursor: pointer;
  }

    .graph-box .groups-node img[b-26ggh5c8kx] {
      width: 25px;
      height: 25px;
      display: block;
      margin: 0 auto;
    }

  .graph-box .computers-node[b-26ggh5c8kx] {
    height: 65px;
    width: 65px;
    border-radius: 50%;
    border: 1px solid #DCDDEF;
    background: #070723;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    font-size: 9px;
    cursor: pointer;
  }

    .graph-box .computers-node img[b-26ggh5c8kx] {
      width: 25px;
      height: 25px;
      display: block;
      margin: 0 auto;
    }

  .graph-box .node.active[b-26ggh5c8kx] {
    background: #3A3AA0;
    border-color: #AFAFF2;
  }



.actions-container[b-26ggh5c8kx] {
  display: flex;
  width: fit-content;
  white-space: nowrap;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  z-index: 50;
  height: 32px;
  overflow: hidden;
  gap: 10px;
}

  .actions-container button[b-26ggh5c8kx] {
    border-radius: 6px;
    color: #DCDDEF;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
  }



.node-add[b-26ggh5c8kx] {
  position: absolute;
  left: 115%;
  top: 50%;
  transform: translateY(-50%);
  font-size: 10px;
  font-weight: 500;
  white-space: nowrap;
}
/* _content/Cybral.Storm.App/Areas/NetworkAnalyzer/Views/ActiveDirectory/AdGraph/Nodes/UserNode.razor.rz.scp.css */
body[b-4hlris4tue] {
  font-family: "Poppins"
}

.investigate-container[b-4hlris4tue] {
  width: 95%;
  margin: 30px auto;
  padding-bottom: 2rem;
  position: relative;
}

  .investigate-container .lamp[b-4hlris4tue] {
    position: absolute;
    left: -10rem;
    top: -2rem;
    z-index: 1;
  }

.properties-container[b-4hlris4tue] {
  width: 50%;
  background-color: #242447;
  border-radius: 24px;
  padding: 1rem;
  position: relative;
  z-index: 5;
}

  .properties-container h2[b-4hlris4tue] {
    font-size: 20px;
    font-weight: 500;
    color: #DCDDEF;
  }

.properties-box[b-4hlris4tue] {
  margin-top: 10px;
  max-height: 120px;
  overflow: auto;
  position: relative;
  z-index: 5;
  padding-right: 12px;
}


  .properties-box[b-4hlris4tue]::-webkit-scrollbar {
    width: 4px;
    border-radius: 25px;
  }

  .properties-box[b-4hlris4tue]::-webkit-scrollbar-track {
    background: #2C2C57;
    border-radius: 25px;
  }

  .properties-box[b-4hlris4tue]::-webkit-scrollbar-thumb {
    all: unset;
    background: #4A4A79 !important;
    border-radius: 25px;
  }

.asset-name[b-4hlris4tue] {
  font-size: 14px;
  font-weight: 500;
  color: #88879D;
  margin-bottom: 8px !important;
}

.properties-box .asset-desc[b-4hlris4tue] {
  font-size: 12px;
  font-weight: 400;
  color: #88879D;
  line-height: 16.56px;
}

.graph-box[b-4hlris4tue] {
  padding: 2rem;
  position: relative;
  z-index: 5;
}

  .graph-box .user-node[b-4hlris4tue] {
    height: 65px;
    width: 65px;
    border-radius: 50%;
    border: 1px solid #DCDDEF;
    background: #070723;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    font-size: 9px;
    cursor: pointer;
    position: relative;
  }

    .graph-box .user-node img[b-4hlris4tue] {
      width: 19px;
      height: 19px;
      display: block;
      margin: 0 auto;
    }

  .graph-box .groups-node[b-4hlris4tue] {
    height: 65px;
    width: 65px;
    border-radius: 50%;
    border: 1px solid #DCDDEF;
    background: #070723;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    font-size: 9px;
    cursor: pointer;
  }

    .graph-box .groups-node img[b-4hlris4tue] {
      width: 25px;
      height: 25px;
      display: block;
      margin: 0 auto;
    }

  .graph-box .computers-node[b-4hlris4tue] {
    height: 65px;
    width: 65px;
    border-radius: 50%;
    border: 1px solid #DCDDEF;
    background: #070723;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    font-size: 9px;
    cursor: pointer;
  }

    .graph-box .computers-node img[b-4hlris4tue] {
      width: 25px;
      height: 25px;
      display: block;
      margin: 0 auto;
    }

  .graph-box .node.active[b-4hlris4tue] {
    background: #3A3AA0;
    border-color: #AFAFF2;
  }



.actions-container[b-4hlris4tue] {
  display: flex;
  width: fit-content;
  white-space: nowrap;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  z-index: 50;
  height: 32px;
  overflow: hidden;
  gap: 10px;
}

  .actions-container button[b-4hlris4tue] {
    border-radius: 6px;
    color: #DCDDEF;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
  }


.node-add[b-4hlris4tue] {
  position: absolute;
  left: 115%;
  top: 50%;
  transform: translateY(-50%);
  font-size: 10px;
  font-weight: 500;
  white-space: nowrap;
}
/* _content/Cybral.Storm.App/Areas/NetworkAnalyzer/Views/ActiveDirectory/InvestigateCategory.razor.rz.scp.css */
body[b-en38yc2m1d] {
  font-family: "Poppins"
}

.investigate-categories[b-en38yc2m1d] {
  width: 95%;
  margin: 30px auto;
  padding-bottom: 2rem;
  position: relative;
}

.lamp[b-en38yc2m1d] {
  position: absolute;
  left: 0rem;
  top: -2rem;
  z-index: 1;
}

.header-box[b-en38yc2m1d] {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 6px;
  background-color: #0E0F2B;
  border-radius: 15px;
  padding: 1rem 2rem;
  position: relative;
  z-index: 5;
}

  .header-box img[b-en38yc2m1d] {
    height: 32px;
    width: 32px;
  }

  .header-box p[b-en38yc2m1d] {
    color: #8B8CA4;
    font-size: 18px;
    font-weight: 400;
  }



.navigation-container[b-en38yc2m1d] {
  position: relative;
  z-index: 10;
  width: 20%;
}

  .navigation-container .navigation-item[b-en38yc2m1d] {
    background-color: #0E0E29;
    border-radius: 15px;
    padding: 1.2rem;
    margin-bottom: 1rem;
    cursor: pointer;
    transition: 0.2s;
    border: 1px solid transparent;
    position: relative;
  }

    .navigation-container .navigation-item:hover[b-en38yc2m1d] {
      border: 1px solid #7733FF;
    }

    .navigation-container .navigation-item.active[b-en38yc2m1d] {
      border: 1px solid #7733FF;
      position: relative;
      transition: 0.2s;
    }

      .navigation-container .navigation-item.active[b-en38yc2m1d]::before {
        content: "";
        position: absolute;
        height: 55%;
        width: 5px;
        border-radius: 3.5px;
        background-color: #7733FF;
        top: 50%;
        transform: translateY(-50%);
        left: 0px;
      }

    .navigation-container .navigation-item p[b-en38yc2m1d] {
      color: #DCDDEF;
      font-size: 12px;
      font-weight: 500;
    }

    .navigation-container .navigation-item span[b-en38yc2m1d] {
      color: #8B8CA4;
      font-weight: 400;
      font-size: 10px;
    }


.categories-container[b-en38yc2m1d] {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  margin-top: 2rem;
  position: relative;
  z-index: 5;
}

.navigation-content[b-en38yc2m1d] {
  width: 78%;
}

  .navigation-content .navigation-content-header[b-en38yc2m1d] {
    width: 100%;
    background-color: #0E0E29;
    border-radius: 15px;
    padding: 1rem 2rem;
  }

    .navigation-content .navigation-content-header h2[b-en38yc2m1d] {
      color: #DCDDEF;
      font-size: 14px;
      font-weight: 600;
    }


.navigation-content-rows .navigation-single-row[b-en38yc2m1d] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 2rem;
  border-bottom: 1px solid #494651;
}

  .navigation-content-rows .navigation-single-row p[b-en38yc2m1d] {
    flex: 1;
    font-size: 12px;
    color: #DCDDEF;
    font-weight: 400;
  }

  .navigation-content-rows .navigation-single-row button[b-en38yc2m1d] {
    width: fit-content;
    padding: 0.2rem 1.7rem;
    margin-left: 1.5rem;
    border-radius: 56px;
    border: 1px solid #5252E2;
    transition: 0.3s ease;
  }

    .navigation-content-rows .navigation-single-row button:hover[b-en38yc2m1d] {
      background-color: #5252E2;
    }

  .navigation-content-rows .navigation-single-row:last-child[b-en38yc2m1d] {
    border-bottom: none;
  }
/* _content/Cybral.Storm.App/Areas/NetworkAnalyzer/Views/Editor/AssetProperties.razor.rz.scp.css */
/*input[type=checkbox]:checked + label::before {
    content: "";
    display: block;
    position: absolute;
    text-align: center;
    height: 16px;
    width: 16px;
    left: -24px;
    top: -1px;
    background-color: #2A2A45;
    font-family: "Montserrat";
    border-radius: 2px;
    border: 1px solid #2A2A45;
}

input[type=checkbox]:checked + label::after {
    content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="white" viewBox="0 0 24 24"><path d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"/></svg>');
    display: block;
    position: absolute;
    left: -23px;
    top: 1px;
}
*/



.label[b-4grvgo73h3]{
    padding-block:4px;
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:12px;
    cursor : pointer;
}

  .label.low[b-4grvgo73h3] {
    background-color: #4e65ff1a;
    color: #4e65ff;
  }
  .label.meduim[b-4grvgo73h3] {
    background-color: #ff8a451a;
    color: #ff8a45;
  }
  .label.high[b-4grvgo73h3] {
    background-color: #f03c4a1a;
    color: #f03c4a;
  }

  .label.selected[b-4grvgo73h3]{
      outline:1px solid #fff;
  }
/* _content/Cybral.Storm.App/Areas/NetworkAnalyzer/Views/Editor/CommentsPanel.razor.rz.scp.css */
.input-comment[b-ka2mjh4hhz]::placeholder {
  font-size: 10px;
  color: #2a2a454d;
}

.input-comment[b-ka2mjh4hhz] {
  padding-inline: 0px;
  color: black;
  white-space: nowrap;
}

.comment-desc[b-ka2mjh4hhz] {
  margin-top: 12px;
  background-color: #dcddef0d;
  border-radius: 8px;
  padding: 8px 12px;
}
/* _content/Cybral.Storm.App/Areas/NetworkAnalyzer/Views/Editor/NetworkGraph.razor.rz.scp.css */

*[b-abjppjettd]{
    font-family:"Poppins"
}
.sucess-popup[b-abjppjettd] {
  padding: 58px 99px 31px;
  border: solid 1.5px #606060;
  background-color: #3e3e54;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.save-popup[b-abjppjettd] {
  padding: 40px;
  padding-bottom: 20px;
  border: solid 1.5px #606060;
  background-color: #3e3e54;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}

input[b-abjppjettd]::placeholder {
  color: #646469
}

.loading-popup[b-abjppjettd] {
  padding: 50px;
  padding-bottom: 40px;
  border: solid 1.5px #606060;
  background-color: #3e3e54;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}

.asset-search input[b-abjppjettd]::placeholder {
  color: #A0A1B5;
}

.save-popup input[b-abjppjettd]::placeholder {
  color: #646469
}

.view[b-abjppjettd] {
  cursor: pointer;
  padding: 10px 9.6px 9.6px 10px;
  border-radius: 5px;
  background-color: #0e0e298c;
}

.select-view[b-abjppjettd] {
  background-color: #3f3f568c;
}

.pointer:hover[b-abjppjettd]{
  cursor: pointer;
}

.filter[b-abjppjettd] {
  display: flex;
  align-items: center;
  background-color: #46465F;
  border-radius: 5px;
}

  .filter .label[b-abjppjettd],
  .filter .label-severity[b-abjppjettd] {
    padding: 7px 9px;
    color: #dcddef;
    cursor: pointer;
    font-size: 12px;
    background-color: #46465F;
  }
  .label-severity[b-abjppjettd]{
      display:flex;
      align-items:center;
  }
  .filter .label.selected[b-abjppjettd], .filter .label-severity.selected[b-abjppjettd] {
    border-radius: 5px;
    background-color: #5252E2;
  }


  .filter .label:first-child[b-abjppjettd], .filter .label-severity:first-child[b-abjppjettd] {
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
  }

  .filter .label:last-child[b-abjppjettd], .filter .label-severity:last-child[b-abjppjettd] {
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
  }

.indicator[b-abjppjettd]{
    height:8px;
    width:8px;
    border-radius:50%;
    margin-inline-end:4px;
}

  .indicator.critical[b-abjppjettd]{
      background-color:black;
  }
  .indicator.high[b-abjppjettd] {
    background-color: #f03c4a;
  }
  .indicator.meduim[b-abjppjettd] {
    background-color: #ff8a45;
  }
  .indicator.low[b-abjppjettd] {
    background-color: #4e65ff;
  }

.input-comment[b-abjppjettd]::placeholder {
  font-size: 10px;
  color: #2a2a454d;
}

.input-comment[b-abjppjettd]{
    padding-inline:0px;
    color:black;
    white-space:nowrap;
}

.comment-desc[b-abjppjettd] {
    margin-top:12px;
  background-color: #dcddef0d;
  border-radius:8px;
  padding:8px 12px;

}
.dialog-container[b-abjppjettd] {
  height: 550px;
  position: relative;
  width: 50vw;
  border: 1px solid #3F3F4D;
  border-radius: 16px;
  overflow: hidden;
}
  .dialog-container .controls-row[b-abjppjettd] {
    position: absolute;
    width: 100%;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    padding: 0rem 2rem;
  }

.dialog-inner-content[b-abjppjettd]{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:100%;
    display:flex;
    flex-direction:column;
    gap:1rem;
    align-items:center;
    justify-content:center;
}
.dialog-image[b-abjppjettd] {
  width: 100%;
  height: 160px;
}
.network-topology-head[b-abjppjettd] {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px
}
.network-topology-p[b-abjppjettd] {
  text-align: center;
  line-height: 18px;
  font-family: Poppins;
  font-weight: 400;
  font-size: 12px;
}

.mdc-dialog[b-abjppjettd], .mdc-dialog__scrim[b-abjppjettd] {
  z-index: 22222 !important;
  background-color: rgba(0,0,0,0.6) !important;
}
.mdc-dialog--open .mdc-dialog__container[b-abjppjettd]{
    z-index:222222;
}

@media(max-width:1024px) {
  .dialog-container[b-abjppjettd] {
    width: 100% !important;
  }
}
/* _content/Cybral.Storm.App/Areas/NetworkAnalyzer/Views/Editor/NetworkTable.razor.rz.scp.css */
.view[b-8tjbd0dh97] {
  cursor: pointer;
  padding: 10px 9.6px 9.6px 10px;
  border-radius: 5px;
  background-color: #0e0e298c;
}

.select-view[b-8tjbd0dh97] {
  background-color: #3f3f568c;
}

.scroll-container[b-8tjbd0dh97]::-webkit-scrollbar-track {
  border-radius: 10px;
}
.pointer:hover[b-8tjbd0dh97]{
  cursor: pointer;
}
.filter[b-8tjbd0dh97] {
  display: flex;
  align-items: center;
  background-color: #46465F;
  border-radius: 5px;
}

  .filter .label[b-8tjbd0dh97],
  .filter .label-severity[b-8tjbd0dh97] {
    padding: 7px 9px;
    color: #dcddef;
    cursor: pointer;
    font-size: 12px;
    background-color: #46465F;
  }

.label-severity[b-8tjbd0dh97] {
  display: flex;
  align-items: center;
}

.filter .label.selected[b-8tjbd0dh97], .filter .label-severity.selected[b-8tjbd0dh97] {
  border-radius: 5px;
  background-color: #5252E2;
}


.filter .label:first-child[b-8tjbd0dh97], .filter .label-severity:first-child[b-8tjbd0dh97] {
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.filter .label:last-child[b-8tjbd0dh97], .filter .label-severity:last-child[b-8tjbd0dh97] {
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.indicator[b-8tjbd0dh97] {
  height: 8px;
  width: 8px;
  border-radius: 50%;
  margin-inline-end: 4px;
}

.indicator.critical[b-8tjbd0dh97] {
  background-color: #C0282E;
}

.indicator.high[b-8tjbd0dh97] {
  background-color: #F7941F;
}

.indicator.medium[b-8tjbd0dh97] {
  background-color: #FDED22;
}

.indicator.low[b-8tjbd0dh97] {
  background-color: #3BB449;
}

.critical-text[b-8tjbd0dh97] {
  color: #C0282E !important;
}

.high-text[b-8tjbd0dh97] {
  color: #F7941F !important;
}

.medium-text[b-8tjbd0dh97] {
  color: #FDED22 !important;
}

.low-text[b-8tjbd0dh97] {
  color: #3BB449 !important;
}

.save-popup[b-8tjbd0dh97] {
  padding: 40px;
  padding-bottom: 20px;
  border: solid 1.5px #606060;
  background-color: #3e3e54;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}
.dialog-container[b-8tjbd0dh97]{
    height:450px;
}

.dialog-container[b-8tjbd0dh97] {
  height: 550px;
  position: relative;
  width: 50vw;
  border: 1px solid #3F3F4D;
  border-radius: 16px;
  overflow: hidden;
}

  .dialog-container .controls-row[b-8tjbd0dh97] {
    position: absolute;
    width: 100%;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    padding: 0rem 2rem;
  }

.dialog-inner-content[b-8tjbd0dh97] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  justify-content: center;
}

.dialog-image[b-8tjbd0dh97] {
  width: 100%;
  height: 160px;
}

.network-topology-head[b-8tjbd0dh97] {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px
}

.network-topology-p[b-8tjbd0dh97] {
  text-align: center;
  line-height: 18px;
  font-family: Poppins;
  font-weight: 400;
  font-size: 12px;
}

@media(max-width:1024px) {
  .dialog-container[b-8tjbd0dh97] {
    width: 100% !important;
  }
}
/* _content/Cybral.Storm.App/Areas/NetworkAnalyzer/Views/Editor/TopologyDialogAction.razor.rz.scp.css */
.dialog[b-siz7wmr94t]{
  z-index:9999;
}
.save-popup[b-siz7wmr94t] {
  padding: 40px;
  padding-bottom: 20px;
  border: solid 1.5px #606060;
  background-color: #3e3e54;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}
/* _content/Cybral.Storm.App/Areas/NetworkAnalyzer/Views/Graphs/AnalyzerTable.razor.rz.scp.css */
.critical-data-container[b-pkftxje1ei] {
  background: transparent linear-gradient(180deg, #7A34F4 0%, #6473F6 34%, #54A2F8 64%, #4ABEF9 86%, #46C9F9 99%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 2px 6px #CDC9C91C;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  color: #FDFDFD;
  font-size: 13px;
}

.critical-data-item[b-pkftxje1ei] {
  /*border-right: 1px solid rgb(253, 253, 253,.2);*/
  padding: 16px;
  text-align: center;
}

  .critical-data-item .critical-data-title[b-pkftxje1ei] {
    letter-spacing: 0px;
    opacity: 0.5;
  }

  .critical-data-item .critical-data-count[b-pkftxje1ei] {
    font-size: 35px;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .critical-data-item .critical-data-link[b-pkftxje1ei] {
    display: block;
    font-size: 11px;
    text-decoration: none;
    margin-top: 5px;
  }

  .critical-data-item.active .critical-data-count[b-pkftxje1ei],
  .critical-data-item:hover .critical-data-count[b-pkftxje1ei],
  .critical-data-item.active .critical-data-link[b-pkftxje1ei],
  .critical-data-item:hover .critical-data-link[b-pkftxje1ei] {
    opacity: 1;
  }

  .critical-data-item:last-child[b-pkftxje1ei] {
    border-right: none;
  }
/* _content/Cybral.Storm.App/Areas/NetworkAnalyzer/Views/Graphs/CriticalPathsAnalysisDialog.razor.rz.scp.css */
.dialog-container[b-dpy38cctnq] {
  width: 50vw;
  border-radius: 10px;
  background-color: #070723;
  height: 90vh;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  border: 1px solid #3F3F4D;
  padding: 2rem;
}

  .dialog-container h2[b-dpy38cctnq] {
    font-size: 22px;
    font-weight: 600;
    margin-top: 0.5rem;
    color: #DCDDEF;
  }

  .dialog-container .inner-box[b-dpy38cctnq] {
    background-color: #0E0E29;
    border-radius: 8px;
    width: 100%;
    margin: 1.5rem auto;
    height: 65vh;
    padding: 1.5rem;
    padding-top: 0.5rem;
  }

    .dialog-container .inner-box h3[b-dpy38cctnq] {
      font-size: 12px;
      font-weight: 500;
      line-height: 18px;
      color: #DCDDEF;
      margin-top: 1rem;
      position: relative;
      padding-left: 10px;
    }

      .dialog-container .inner-box h3[b-dpy38cctnq]::before {
        content: '';
        position: absolute;
        top: 0.5rem;
        left: -8px;
        background: #DCDDEF;
        width: 5px;
        height: 5px;
        border-radius: 50%;
      }


    .dialog-container .inner-box .bullets-box[b-dpy38cctnq] {
      margin-top: 1rem;
    }

      .dialog-container .inner-box .bullets-box p[b-dpy38cctnq] {
        padding-left: 1.7rem;
        position: relative;
        font-size: 12px;
        font-weight: 300;
        margin-bottom: 5px;
      }

        .dialog-container .inner-box .bullets-box p[b-dpy38cctnq]::before {
          content: '';
          position: absolute;
          top: 0.5rem;
          left: 10px;
          background: #DCDDEF;
          width: 4px;
          height: 4px;
          border-radius: 50%;
        }

.actions[b-dpy38cctnq] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: absolute;
  right: 1.5rem;
  gap:1rem;
  bottom:1.5rem;
}

.dialog-container .cansel[b-dpy38cctnq]{
  border-radius: 400px;
  background-color: #5252E2;
  width: 140px;
  height: 40px;
  border: none;
  font-weight: 500;
}


.dialog-container .dont-show[b-dpy38cctnq] {
  font-weight: 500;
  padding: 0.5rem 1.5rem;
  border: 1px solid #5252E2;
  border-radius: 400px;
}
/* _content/Cybral.Storm.App/Areas/NetworkAnalyzer/Views/Home/AnalyzerHome.razor.rz.scp.css */
body[b-mfxrlry9e6] {
  font-family: "Poppins"
}


.home-container[b-mfxrlry9e6] {
  width: 95%;
  margin: 1rem auto;
  padding-bottom: 5rem;
}
  /*--------------------------------------------------------- continuous section ---------------------------------------------------------------------*/
  .home-container .continuous-running[b-mfxrlry9e6] {
    display: flex;
    justify-content: space-between;
    padding: 1rem 3rem 1rem 1.5rem;
    align-items: center;
    border-radius: 32px;
    background-color: #0E0F2B;
    position: relative;
    z-index: 50;
  }

    .home-container .continuous-running .continuous-left-side[b-mfxrlry9e6] {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      gap: 1rem;
    }

      .home-container .continuous-running .continuous-left-side .switch-container .switch[b-mfxrlry9e6] {
        position: relative;
        display: inline-block;
        width: 40px;
        height: 20px;
        margin: 0px 0px 0px 10px;
        overflow: hidden;
      }

      .home-container .continuous-running .continuous-left-side .switch-container[b-mfxrlry9e6] {
        display: flex;
        justify-content: center;
        align-items: center;
      }

        .home-container .continuous-running .continuous-left-side .switch-container .switch .slider[b-mfxrlry9e6] {
          position: absolute;
          cursor: pointer;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          background-color: #9596AA;
          transition: 0.4s;
          border-radius: 34px;
        }

        .home-container .continuous-running .continuous-left-side .switch-container .switch input[b-mfxrlry9e6] {
          display: none;
        }

        .home-container .continuous-running .continuous-left-side .switch-container .switch .slider[b-mfxrlry9e6]::before {
          position: absolute;
          content: '';
          height: 13.5px;
          width: 13.5px;
          left: 3px;
          top: 10px;
          transform: translateY(-50%);
          background-color: #FFFFFF;
          border-radius: 50%;
          transition: 0.4s;
        }

        .home-container .continuous-running .continuous-left-side .switch-container .switch input:checked + .slider[b-mfxrlry9e6] {
          background-color: #5252E2;
        }

          .home-container .continuous-running .continuous-left-side .switch-container .switch input:checked + .slider[b-mfxrlry9e6]:before {
            transform: translate(20px,-6.5px);
          }

      .home-container .continuous-running .continuous-left-side .switcher-txt[b-mfxrlry9e6] {
        color: #DCDDEF;
        font-size: 12px;
        font-weight: 300;
        line-height: 18px;
      }





    .home-container .continuous-running .continuous-right-side[b-mfxrlry9e6] {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 0.5rem;
    }


      .home-container .continuous-running .continuous-right-side span[b-mfxrlry9e6] {
        color: #DCDDEF;
        font-size: 12px;
        line-height: 18px;
        font-weight: 300;
        height: fit-content;
      }


/* --------------------------------------------------------------- vulnerabilities status ------------------------------------------------------------------*/

/*-------------------------------------------------------------- resolved -------------------------------------------------------------------*/


/*-------------------------------------------------------------- security postures ---------------------------------------------------------------*/
.security-posture[b-mfxrlry9e6] {
  height: 400px;
  position: relative;
  border-radius: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #0E0F2B;
  backdrop-filter: blur(10px);
  margin-top: 2rem;
}

  .security-posture .bg-absolute[b-mfxrlry9e6] {
    position: absolute;
    top: -5rem;
    left: -5rem;
  }

  .security-posture .security-posture-left[b-mfxrlry9e6] {
    width: 40%;
    padding: 2rem 4rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: self-start;
    gap: 2rem;
    z-index: 5;
    height: 80%;
  }

    .security-posture .security-posture-left .header-p[b-mfxrlry9e6] {
      font-size: 18px;
      color: #DCDDEF;
    }

    .security-posture .security-posture-left p[b-mfxrlry9e6] {
      font-size: 14px;
      color: #9596AA;
    }

  .security-posture .security-posture-right[b-mfxrlry9e6] {
    width: 60%;
  }

.progress-row-left:hover[b-mfxrlry9e6] {
  color: #5252E2;
  transition: 0.3s ease;
  cursor: pointer;
}

.security-posture .security-posture-right .progress-row[b-mfxrlry9e6] {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
  gap: 1rem;
}

.security-posture .security-posture-right .progress-row-left[b-mfxrlry9e6] {
  text-align: right;
  width: 30%
}

.security-posture .security-posture-right .progress-row-right[b-mfxrlry9e6] {
  position: relative;
  border-radius: 42px;
  width: 50%;
  height: 11px;
  background-color: #242447;
  animation: animate-b-mfxrlry9e6 1s cubic-bezier(1,0,0.5,1) forwards;
  transform: scaleX(0);
  transform-origin: left;
}

  .security-posture .security-posture-right .progress-row-right span[b-mfxrlry9e6] {
    height: 100%;
    background-color: #5252E2;
    position: absolute;
    border-radius: 42px;
    animation: animate-b-mfxrlry9e6 1s 1s cubic-bezier(1,0,0.5,1) forwards;
    transform: scaleX(0);
    transform-origin: left;
  }



  .security-posture .security-posture-right .progress-row-right.robust-assets span[b-mfxrlry9e6] {
    width: 20%;
  }

  .security-posture .security-posture-right .progress-row-right.moderate-assets span[b-mfxrlry9e6] {
    width: 70%;
  }

  .security-posture .security-posture-right .progress-row-right.exploitable-assets span[b-mfxrlry9e6] {
    width: 50%;
  }

  .security-posture .security-posture-right .progress-row-right.highly-exploitable span[b-mfxrlry9e6] {
    width: 60%;
  }


  .security-posture .security-posture-right .progress-row-right span[b-mfxrlry9e6]::after {
    position: absolute;
    color: #FFFFFF;
    font-size: 12px;
    top: -20px;
    right: 0px;
    animation: showText-b-mfxrlry9e6 0.5s 1.5s linear forwards;
    font-weight: 300;
  }

  .security-posture .security-posture-right .progress-row-right.robust-assets span[b-mfxrlry9e6]::after {
    content: "20%";
  }

  .security-posture .security-posture-right .progress-row-right.moderate-assets span[b-mfxrlry9e6]::after {
    content: "70%";
  }

  .security-posture .security-posture-right .progress-row-right.exploitable-assets span[b-mfxrlry9e6]::after {
    content: "50%";
  }

  .security-posture .security-posture-right .progress-row-right.highly-exploitable span[b-mfxrlry9e6]::after {
    content: "60%";
  }

  .security-posture .security-posture-right .progress-row-right span[b-mfxrlry9e6]::before {
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    top: -10px;
    right: 10px;
    animation: showText-b-mfxrlry9e6 0.5s 1.5s linear forwards;
    opacity: 0;
  }

@keyframes showText-b-mfxrlry9e6 {
  100% {
    opacity: 1;
  }
}

@keyframes animate-b-mfxrlry9e6 {
  100% {
    transform: scaleX(1);
  }
}


.security-posture .security-posture-right .progress-row .total[b-mfxrlry9e6] {
  font-weight: 500;
  color: #FFFFFF;
}

/*-------------------------------------------------------------- attack scenarios  ---------------------------------------------------------------*/

.attack-scenarios[b-mfxrlry9e6] {
  border-radius: 32px;
  background-color: #000000;
  padding: 3rem 3rem;
  margin-top: 2rem;
  padding-bottom: 1rem;
}

  .attack-scenarios .head-box[b-mfxrlry9e6] {
    width: 80%;
    margin: auto;
    text-align: center;
  }

    .attack-scenarios .head-box span:first-child[b-mfxrlry9e6] {
      color: #86879F;
    }

    .attack-scenarios .head-box p[b-mfxrlry9e6] {
      margin-top: 1rem;
      font-size: 26px;
      font-weight: 800;
      color: #C6C6D7;
    }

      .attack-scenarios .head-box p .attack-number[b-mfxrlry9e6] {
        color: #5252E2;
        font-size: 26px;
        font-weight: 800;
        text-decoration: underline;
        cursor: pointer;
      }

        .attack-scenarios .head-box p .attack-number:hover[b-mfxrlry9e6] {
          color: #AFAFF2;
          transition: 0.3s ease;
        }



  .attack-scenarios .scenarios-list[b-mfxrlry9e6] {
    display: flex;
    flex-direction: column;
    margin-top: 3rem;
    justify-content: center;
    align-items: center;
  }

    .attack-scenarios .scenarios-list .scenario-item[b-mfxrlry9e6] {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 1.2rem 0rem;
      width: 100%;
      border-bottom: 1px solid #191919;
      text-transform: capitalize;
      gap: 1rem;
    }

      .attack-scenarios .scenarios-list .scenario-item .scenario-desc[b-mfxrlry9e6] {
        width: 83%;
        color: #83848E;
        font-weight: 400;
      }

      .attack-scenarios .scenarios-list .scenario-item .scenario-options[b-mfxrlry9e6] {
        width: 17%;
        display: flex;
        justify-content: space-between;
        align-items: center;
      }

        .attack-scenarios .scenarios-list .scenario-item .scenario-options .scenario-status[b-mfxrlry9e6] {
          display: flex;
          align-items: center;
          justify-content: flex-start;
          gap: 5px;
          color: #999999;
          text-transform: capitalize
        }

        .attack-scenarios .scenarios-list .scenario-item .scenario-options button[b-mfxrlry9e6] {
          border-radius: 56px;
          border: 1px solid #5252E2;
          font-weight: 500;
          padding: 0.6rem 2rem;
          color: #DCDDEF;
        }



.generate-button[b-mfxrlry9e6] {
  border-radius: 56px;
  padding: 0.6rem 1.2rem;
  background-color: #5252E2;
  color: #FFFFFF;
  font-weight: 500;
  display: block;
  margin: 4rem auto;
  margin-bottom: 2rem;
}

  .generate-button:hover[b-mfxrlry9e6] {
    background-color: #3A3AA0;
    transition: 0.3s ease;
  }

.spread-arrow[b-mfxrlry9e6] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1.5rem 0rem;
}



/*-------------------------------------------------------------- Vulnerbilities Insights  ---------------------------------------------------------------*/
.vulnerbilities-insights[b-mfxrlry9e6] {
  position: relative;
  height: 460px;
  background-color: rgb(14, 15, 43, .6);
  backdrop-filter: blur(20px);
  border-radius: 32px;
  margin-top: 2rem;
  box-shadow: rgb(14, 15, 43, 1) 0px 15px 120px;
  padding: 3rem 0rem;
}

  .vulnerbilities-insights .bg-absolute[b-mfxrlry9e6] {
    position: absolute;
    top: -4rem;
    left: 6rem;
    z-index: -1;
    transform: rotate(180deg)
  }

  .vulnerbilities-insights .insights-head[b-mfxrlry9e6] {
    padding-left: 5rem;
    margin-bottom: 3rem;
  }

    .vulnerbilities-insights .insights-head p[b-mfxrlry9e6] {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      gap: 8px;
      color: #5252E2;
      font-weight: 500;
      z-index: 10;
      position: relative;
      cursor: pointer;
      transition:color 0.3s ease;
    }
    .vulnerbilities-insights .insights-head p:first-child:hover[b-mfxrlry9e6] {
      color: #4B4BCE;
    }
    .vulnerbilities-insights .insights-head .heading[b-mfxrlry9e6] {
      font-size: 20px;
      font-weight: 600;
      margin-top: 1rem;
      color: #DCDDEF;
      cursor: default;
    }

.insights-right-side[b-mfxrlry9e6] {
  display: flex;
  justify-content: center;
  align-items: center;
}



/*continuous popup*/
.continuous-popup[b-mfxrlry9e6] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.2);
  display: none;
}

  .continuous-popup .continuous-popup-box[b-mfxrlry9e6] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    height: 45vh;
    width: 50%;
    padding: 2.5rem 3rem;
    background-color: #070723;
    border: 1px solid #46465E;
    border-radius: 16px;
  }


    .continuous-popup .continuous-popup-box .continuous-popup-head[b-mfxrlry9e6] {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

      .continuous-popup .continuous-popup-box .continuous-popup-head p[b-mfxrlry9e6] {
        color: #DCDDEF;
        font-size: 20px;
        font-weight: 700;
      }


    .continuous-popup .continuous-popup-box .popup-message[b-mfxrlry9e6] {
      margin-top: 3rem;
      color: #9596AA;
    }

    .continuous-popup .continuous-popup-box button[b-mfxrlry9e6] {
      color: #DCDDEF;
      font-weight: 500;
      padding: 0.6rem 3rem;
      border: 1px solid #5252E2;
      border-radius: 56px;
      position: absolute;
      bottom: 2.5rem;
      right: 3rem;
      background-color: #5252E2;
    }

.continuous-popup .continuous-popup-box .cancel[b-mfxrlry9e6] {
  color: #DCDDEF;
  font-weight: 500;
  padding: 0.6rem 2.5rem;
  border: 1px solid #5252E2;
  border-radius: 56px;
  position: absolute;
  bottom: 2.5rem;
  right: 13rem;
  width: fit-content;
  background-color: transparent !important;
}




/* defence strategy popup */

.spinner-3[b-mfxrlry9e6] {
  width: 25px;
  aspect-ratio: 1;
  display: grid;
  border-radius: 50%;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.6) 30%, transparent 0 70%, rgba(255, 255, 255, 1) 0) 50%/8% 100%, linear-gradient(90deg, rgba(255, 255, 255, 0.2) 30%, transparent 0 70%, rgba(255, 255, 255, 0.5) 0) 50%/100% 8%;
  background-repeat: no-repeat;
  animation: s3-b-mfxrlry9e6 1.5s infinite steps(12);
  position: absolute;
  bottom: 2rem;
  left: 49%;
}

  .spinner-3[b-mfxrlry9e6]::before,
  .spinner-3[b-mfxrlry9e6]::after {
    content: "";
    grid-area: 1/1;
    border-radius: 50%;
    background: inherit;
    opacity: 0.915;
    transform: rotate(30deg);
  }

  .spinner-3[b-mfxrlry9e6]::after {
    opacity: 0.83;
    transform: rotate(60deg);
  }

@keyframes s3-b-mfxrlry9e6 {
  100% {
    transform: rotate(1turn);
  }
}



.defence-popup[b-mfxrlry9e6] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.3);
  display: none;
}

  .defence-popup .defence-popup-box[b-mfxrlry9e6] {
    width: 50%;
    height: 50vh;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 16px;
    background-color: #070723;
    border: 1px solid #46465E;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    flex-direction: column;
    padding-bottom: 2rem;
  }


    .defence-popup .defence-popup-box .popup-header[b-mfxrlry9e6] {
      color: #DCDDEF;
      font-size: 28px;
      font-weight: 500;
    }

    .defence-popup .defence-popup-box .popup-des[b-mfxrlry9e6] {
      color: #9596AA;
      font-size: 14px;
      font-weight: 300;
    }





.up-div[b-mfxrlry9e6] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #5252E2;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  right: 2rem;
  bottom: 2rem;
  /*transform: translateY(-40px);*/
  /*opacity: 0;*/
  transition: opacity 0.3s ease-in-out;
  cursor: pointer;
}

  .up-div svg[b-mfxrlry9e6] {
    width: 35%;
  }


  .up-div.up[b-mfxrlry9e6] {
    opacity: 1;
    cursor: pointer;
    transform: translateY(40px);
    cursor: pointer;
  }
/* _content/Cybral.Storm.App/Areas/NetworkAnalyzer/Views/Home/Components/AttackAndDefenceScenarioPart.razor.rz.scp.css */
.attack-scenarios[b-m4fh1ezkef] {
  border-radius: 32px;
  background-color: #000000;
  padding: 3rem 3rem;
  margin-top: 2rem;
  padding-bottom: 1rem;
}

.attack-scenarios .head-box[b-m4fh1ezkef] {
  width: 80%;
  margin: auto;
  text-align: center;
}

.attack-scenarios .head-box span:first-child[b-m4fh1ezkef] {
  color: #86879F;
}

.attack-scenarios .head-box p[b-m4fh1ezkef] {
  margin-top: 1rem;
  font-size: 26px;
  font-weight: 800;
  color: #C6C6D7;
}

.attack-scenarios .head-box p .attack-number[b-m4fh1ezkef] {
  color: #5252E2;
  font-size: 26px;
  font-weight: 800;
  text-decoration: underline;
  cursor: pointer;
}
.attack-scenarios .head-box p .attack-number:hover[b-m4fh1ezkef] {
  color: #AFAFF2;
  transition:0.3s ease;
}



.attack-scenarios .scenarios-list[b-m4fh1ezkef] {
  display: flex;
  flex-direction: column;
  margin-top: 3rem;
  justify-content: center;
  align-items: center;
}

  .attack-scenarios .scenarios-list .scenario-item[b-m4fh1ezkef] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.2rem 0rem;
    width: 100%;
    border-bottom: 1px solid #4C4C4C;
    text-transform: capitalize;
    gap: 1rem;
  }

.attack-scenarios .scenarios-list .scenario-item .scenario-desc[b-m4fh1ezkef] {
  width: 83%;
  color: #83848E;
  font-weight: 400;
}

.attack-scenarios .scenarios-list .scenario-item .scenario-options[b-m4fh1ezkef] {
  width: 18%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 10px;
}

.attack-scenarios .scenarios-list .scenario-item .scenario-options .scenario-status[b-m4fh1ezkef] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
  color: #999999;
  text-transform: capitalize
}

.attack-scenarios .scenarios-list .scenario-item .scenario-options button[b-m4fh1ezkef] {
  border-radius: 56px;
  border: 1px solid #5252E2;
  font-weight: 500;
  padding: 0.6rem 2rem;
  color: #DCDDEF;
}



.generate-button[b-m4fh1ezkef] {
  border-radius: 56px;
  padding: 0.6rem 1.2rem;
  background-color: #5252E2;
  color: #FFFFFF;
  font-weight: 500;
  display: block;
  margin: 2rem auto;
  margin-bottom: 2rem;
}
.generate-button:hover[b-m4fh1ezkef] {
  background-color: #3A3AA0;
  transition:0.3s ease;
}

.generate-button:disabled[b-m4fh1ezkef] {
  background-color: #5252E2;
  cursor: not-allowed;
  opacity: 0.5;
}
.spread-arrow[b-m4fh1ezkef] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1.5rem 0rem;
  transition:0.2s ease-in-out;
}

.show-arrow:hover circle[b-m4fh1ezkef] {
  fill: #323244;
  fill-opacity:1;
}

.show-arrow[b-m4fh1ezkef] {
  transition: transform 0.3s ease; /* Smooth transition for rotation */
}

  .show-arrow.rotated[b-m4fh1ezkef] {
    transform: rotate(180deg); /* Rotate 180 degrees */
  }
/* _content/Cybral.Storm.App/Areas/NetworkAnalyzer/Views/Home/Components/RiskScorePart.razor.rz.scp.css */
.vulnerabilities-status[b-cpl55byo0x] {
  border-radius: 32px;
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  margin: 1rem auto;
  background-color: rgba(14, 15, 43, 0.8);
  height: 650px;
  box-shadow: rgb(14, 15, 43, 1) 0px 15px 120px;
  padding-top:1.5rem;
}

  .vulnerabilities-status .bg-absolute[b-cpl55byo0x] {
    position: absolute;
    left: -5rem;
    top: -12rem;
    z-index: 10;
  }
.introduction-msg[b-cpl55byo0x] {
  background: linear-gradient(to right,#4568DC 30%, #FF7C18);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 24px;
  font-weight: 700;
  text-align:center;
  position:relative;
  z-index:20;
}
.vulnerabilities-status .vulnerabilities-status-upper[b-cpl55byo0x] {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 100%;
  border-bottom: 1px solid #3E3F55;
}

    .vulnerabilities-status .vulnerabilities-status-upper p[b-cpl55byo0x] {
      display: flex;
      align-items: center;
      gap: 1rem
    }

  .vulnerabilities-status .vulnerabilities-status-lower[b-cpl55byo0x] {
    display: flex;
    padding: 1rem 2rem 1rem 3rem;
    align-items: center;
    gap: 5rem;
    height: 20%;
  }

    .vulnerabilities-status .vulnerabilities-status-lower .vulnerabilities-lower-item p[b-cpl55byo0x] {
      display: flex;
      gap: 5px;
      margin-bottom: 10px;
      color: #B3B4C8;
      font-size: 14px;
    }

    .vulnerabilities-status .vulnerabilities-status-lower .vulnerabilities-lower-item .type-number[b-cpl55byo0x] {
      color: #5252E2;
      font-size: 18px;
      font-weight: 500;
    }

  .vulnerabilities-status .vulnerabilities-status-upper .vulnerabilities-status-upper-left[b-cpl55byo0x],
  .vulnerabilities-status .vulnerabilities-status-upper .vulnerabilities-status-upper-right[b-cpl55byo0x] {
    width: 50%;
  }

  .vulnerabilities-status .vulnerabilities-status-upper .vulnerabilities-status-upper-left[b-cpl55byo0x] {
    padding: 2rem 2rem 0rem 3rem;
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    z-index: 11;
  }

  .vulnerabilities-status .vulnerabilities-status-upper .vulnerabilities-status-vertical[b-cpl55byo0x] {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 50%;
    padding: 2rem 1rem;
    padding-bottom:4rem;
  }

    .vulnerabilities-status .vulnerabilities-status-upper .vulnerabilities-status-vertical .vertical-content[b-cpl55byo0x] {
      width: 100%;
      height: 100%;
    }

  .vulnerabilities-status .vulnerabilities-status-upper .vulnerabilities-status-upper-left .score-box[b-cpl55byo0x] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 1rem;
    border-radius: 16px;
    width: fit-content;
    backdrop-filter: blur(20px);
    position: relative;
    border: none;
    width: fit-content;
    background-size: 100% 100%;
    position: relative;
    margin-left: -1rem;
  }

    .vulnerabilities-status .vulnerabilities-status-upper .vulnerabilities-status-upper-left .score-box .score-content[b-cpl55byo0x] {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 0.5rem;
    }

  .vulnerabilities-status .vulnerabilities-status-upper .vulnerabilities-status-upper-left .bg-img[b-cpl55byo0x] {
    width: 280px;
  }

  .vulnerabilities-status .vulnerabilities-status-upper .vulnerabilities-status-upper-left .score-box .score-content span:first-child[b-cpl55byo0x] {
    font-size: 12px;
    font-weight: 400;
  }

  .vulnerabilities-status .vulnerabilities-status-upper .vulnerabilities-status-upper-left .score-box .score-content span:nth-child(2)[b-cpl55byo0x] {
    font-size: 32px;
    font-weight: 500;
    line-height: 34px;
  }

  .vulnerabilities-status .vulnerabilities-status-upper .vulnerabilities-status-upper-right[b-cpl55byo0x] {
    padding: 2rem 2rem 2rem 2rem;
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    display: flex;
    justify-content: center;
    padding: 2rem;
  }

  .vulnerabilities-status .vulnerabilities-status-upper .vulnerabilities-status-upper-left .urgent-text[b-cpl55byo0x] {
    color: #DCDDEF;
    font-size: 20px;
    font-weight: 500;
    line-height: 29px;
  }

  .vulnerabilities-status .vulnerabilities-status-upper .vulnerabilities-status-upper-left .resolved-box[b-cpl55byo0x] {
    display: flex;
    gap: 10px;
    align-items: center;
  }

    .vulnerabilities-status .vulnerabilities-status-upper .vulnerabilities-status-upper-left .resolved-box .resolved-span[b-cpl55byo0x] {
      color: #548836;
      font-size: 14px;
      font-weight: 500;
    }

    .vulnerabilities-status .vulnerabilities-status-upper .vulnerabilities-status-upper-left .resolved-box a[b-cpl55byo0x] {
      color: #5252E2;
      text-decoration: underline;
      font-size: 14px;
    }

      .vulnerabilities-status .vulnerabilities-status-upper .vulnerabilities-status-upper-left .resolved-box a:hover[b-cpl55byo0x] {
        color: #AFAFF2;
        transition: 0.3s ease;
      }

  /*-------------------------------------------------------------- vulnerabilities types -------------------------------------------------------*/
  .vulnerabilities-status .vulnerabilities-status-upper .vulnerabilities-status-upper-left .vulnerabilities-details[b-cpl55byo0x] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 3rem;
  }

    .vulnerabilities-status .vulnerabilities-status-upper .vulnerabilities-status-upper-left .vulnerabilities-details .vulnerability-item[b-cpl55byo0x] {
      width: 50%;
      margin-bottom: 1.2rem;
    }

      .vulnerabilities-status .vulnerabilities-status-upper .vulnerabilities-status-upper-left .vulnerabilities-details .vulnerability-item p[b-cpl55byo0x] {
        display: flex;
        align-items: center;
        gap: 5px;
        color: #B3B4C8;
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 0.5rem;
      }

      .vulnerabilities-status .vulnerabilities-status-upper .vulnerabilities-status-upper-left .vulnerabilities-details .vulnerability-item .type-number[b-cpl55byo0x] {
        color: #5252E2;
        font-size: 18px;
        font-weight: 500;
      }

.p-hover[b-cpl55byo0x] {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 5px;
}

  .p-hover:hover span[b-cpl55byo0x] {
    color: #5252E2;
    transition: 0.2s ease;
  }

  .p-hover:hover path[b-cpl55byo0x] {
    fill: #5252E2;
    transition: 0.2s ease;
  }

.vulnerabilities-status-vertical[b-cpl55byo0x] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
/* _content/Cybral.Storm.App/Areas/NetworkAnalyzer/Views/Home/Components/SecurityPosturePart.razor.rz.scp.css */
.security-posture[b-73lfksmfgj] {
  height: 400px;
  position: relative;
  border-radius: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(14, 15, 43, 0.8);
  backdrop-filter: blur(10px);
  margin-top: 2rem;
  box-shadow: rgb(14, 15, 43, 1) 0px 15px 120px;
}

.security-posture .bg-absolute[b-73lfksmfgj] {
  position: absolute;
  top: -5.5rem;
  left: -5rem;
}

.security-posture .security-posture-left[b-73lfksmfgj] {
  width: 40%;
  padding: 2rem 4rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: self-start;
  gap: 2rem;
  z-index: 5;
  height: 80%;
}

.security-posture .security-posture-left .header-p[b-73lfksmfgj] {
  font-size: 18px;
  color: #DCDDEF;
}

.security-posture .security-posture-left p[b-73lfksmfgj] {
  font-size: 14px;
  color: #9596AA;
}

.security-posture .security-posture-right[b-73lfksmfgj] {
  width: 60%;
  padding-top:2rem;
}

.progress-row-left:hover[b-73lfksmfgj] {
  color: #5252E2;
  transition: 0.3s ease;
  cursor: pointer;
}

.security-posture .security-posture-right .progress-row[b-73lfksmfgj] {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
  gap: 1rem;
}

.security-posture .security-posture-right .progress-row-left[b-73lfksmfgj] {
  text-align: right;
  width: 30%;
}
.security-posture .security-posture-right[b-73lfksmfgj] {
  width: 60%;
}

.progress-row-left:hover[b-73lfksmfgj] {
  color: #5252E2;
  transition: 0.3s ease;
  cursor: pointer;
}

.security-posture .security-posture-right .progress-row[b-73lfksmfgj] {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
  gap: 1rem;
}

.security-posture .security-posture-right .progress-row-left[b-73lfksmfgj] {
  text-align: right;
  width: 30%;
}

.security-posture .security-posture-right .progress-row-right[b-73lfksmfgj] {
  position: relative;
  border-radius: 42px;
  width: 50%;
  height: 11px;
  background-color: #242447;
  animation: animate-b-73lfksmfgj 1s cubic-bezier(1, 0, 0.5, 1) forwards;
  transform: scaleX(0);
  transform-origin: left;
}

.security-posture .security-posture-right .progress-row-right span[b-73lfksmfgj] {
  height: 100%;
  background-color: #5252E2;
  position: absolute;
  border-radius: 42px;
  animation: animate-b-73lfksmfgj 1s 1s cubic-bezier(1, 0, 0.5, 1) forwards;
  transform: scaleX(0);
  transform-origin: left;
}

.security-posture .security-posture-right .progress-value[b-73lfksmfgj] {
  position: absolute;
  color: #FFFFFF;
  font-size: 12px;
  top: -20px;
  right: 0px;
  font-weight: 300;
  opacity: 0;
  animation: showText-b-73lfksmfgj 0.5s 1.5s linear forwards;
}

.security-posture .security-posture-right .progress-row-right span[b-73lfksmfgj]::after {
  content: attr(data-value) '%'; /* Add % symbol after the data-value */
  position: absolute;
  color: #FFFFFF;
  font-size: 12px;
  top: -20px;
  right: -10px;
  animation: showText-b-73lfksmfgj 0.5s 1.5s linear forwards;
  font-weight: 300;
}

@keyframes showText-b-73lfksmfgj {
  100% {
    opacity: 1;
  }
}

@keyframes animate-b-73lfksmfgj {
  100% {
    transform: scaleX(1);
  }
}

.security-posture .security-posture-right .progress-row .total[b-73lfksmfgj] {
  font-weight: 500;
  color: #FFFFFF;
}
/* _content/Cybral.Storm.App/Areas/NetworkAnalyzer/Views/ManualScanning/NetworksDebugView.razor.rz.scp.css */
.main-section[b-3ofu1l5zdj] {
  background-image: url(assets/icons/home-upload.svg);
  background-size: cover;
  background-repeat: no-repeat;
  border: solid 1px #515159;
  border-radius: 6px;
}

.preview-btn[b-3ofu1l5zdj] {
  padding: 6px 16px;
  border-radius: 16px;
  color: white;
  background-color: #6bae45;
  display: flex;
  align-items: center;
  justify-content: center;
}

  .preview-btn.disabled[b-3ofu1l5zdj] {
    opacity: 0.3;
    cursor: not-allowed;
  }

.edit-schema-btn[b-3ofu1l5zdj] {
  padding: 6px 16px;
  margin-inline-end: 16px;
  border-radius: 16px;
  color: white;
  background-color: #383874;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* _content/Cybral.Storm.App/Areas/NetworkAnalyzer/Views/ResolveMode/DefenseStrategy.razor.rz.scp.css */


.defence-strategy[b-2dx6di8x6b] {
  position: relative;
  width: 90%;
  margin: auto;
  padding: 1rem 0rem;
}

/*.bg-absolute {
  position: absolute;
  top: -15rem;
  left: 5rem;
  user-select: none;
}*/

/*.header-container {
  background-image: url(../assets/images/Home-page/bg.svg);
  background-repeat:no-repeat;
  background-position:top -15rem left;
}*/
.defence-strategy .main-header[b-2dx6di8x6b] {
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  color: #DCDDEF;
  width: 80%;
  margin: auto;

}


.defence-strategy .export-btn[b-2dx6di8x6b] {
    display: flex;
    justify-content: center;
    gap: 10px;
    align-items: center;
    background-color: #48477E;
    border-radius: 200px;
    padding: 0.7rem 1rem;
    margin: 1.5rem auto;
    cursor: pointer;
    position: relative;
    z-index: 200;
}

.defence-strategy .export-btn img[b-2dx6di8x6b] {
    width: auto;
    height: auto
}


.custom-checkbox[b-2dx6di8x6b] {
  width: 17px;
  height: 17px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 5px;
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border: 3px solid #4747A8;
  border-radius: 4px;
}

.custom-checkbox input[b-2dx6di8x6b] {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  opacity: 0;
  cursor: pointer;
  border: none;
  width: 100%;
  height: 100%;
}

.custom-checkbox .checkmark[b-2dx6di8x6b] {
  position: absolute;
  left: 0%;
  transform: translateY(-50%);
  top: 50%;
  height: 16px;
  width: 100%;
  border-radius: 3px;
  border: 1px solid var(--Primary-Primary);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background-color 0.3s;
}

.custom-checkbox .checkmark[b-2dx6di8x6b]::after {
  content: "";
  color: transparent;
}

.custom-checkbox input:checked + .checkmark[b-2dx6di8x6b] {
  background-color: #4747A8;
}


.custom-checkbox input:checked + .checkmark[b-2dx6di8x6b]::after {
  content: "";
  position: absolute;
  display: block;
  left: 34%;
  top: 24%;
  transform: translateX(-50%);
  width: 4px;
  height: 8px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.strategy-list[b-2dx6di8x6b] {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  margin-top: 2rem;
  overflow:auto;
  position:relative;
  z-index:110;
}

.strategy-list .strategy-item[b-2dx6di8x6b] {
  display: flex;
  flex-direction:column;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem 3rem;
  background-color: #070723;
  border-radius: 16px;
  color: #DCDDEF;
  font-weight: 400;
}

.upper-div[b-2dx6di8x6b]{
    position:relative;
    width:100%;
}
.action-bullet[b-2dx6di8x6b] {
  position: relative;
  color: #85869B;
  font-size:14px;
 font-weight:400;
 margin-bottom:8px;
}
  .action-bullet[b-2dx6di8x6b]::before {
      position:absolute;
    content: "";
    height: 5px;
    width: 5px;
    border-radius: 50%;
    background-color: #85869B;
    right:101%;
    top:36%;
  }
  .strategy-list .strategy-item .strategy-left-item p[b-2dx6di8x6b] {
    color: #87889D;
  }
.strategy-list .strategy-item .strategy-left-item .checkbox-input[b-2dx6di8x6b] {
  position: relative;
}

.strategy-list .strategy-item .strategy-right-item[b-2dx6di8x6b] {
  padding: 0.6rem 1.2rem;
  background-color: #151531;
  border-radius: 8px;
}

.strategy-list .strategy-item .strategy-right-item p[b-2dx6di8x6b] {
  color: #8C8DA3;
  font-size: 14px;
  font-weight: 400;
}

.strategy-list .strategy-item .strategy-right-item p span[b-2dx6di8x6b] {
  color: #DCDDEF;
}


.help-message[b-2dx6di8x6b] {
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  color: #8C8DA3;
  margin-top:1.5rem;
}

.selected-items[b-2dx6di8x6b] {
  margin-top: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2px;
  color: #86879F;
  font-size:12px;
}
.simulation-btn[b-2dx6di8x6b] {
  background-color: #5252E2;
  color: #DCDDEF;
  border-radius: 56px;
  font-weight: 500;
  display: block;
  margin: 1.5rem auto;
  padding:0.7rem 1.2rem;
}



.popup[b-2dx6di8x6b]{
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-color:rgba(0,0,0,0.3);
  display:none;
}
.popup .popup-box[b-2dx6di8x6b] {
  width: 50%;
  height: 50vh;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  border-radius: 16px;
  background-color: #070723;
  border: 1px solid #46465E;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:1rem;
  flex-direction:column;
  padding-bottom:2rem;
}

.popup .popup-box .popup-header[b-2dx6di8x6b] {
  color: #DCDDEF;
  font-size: 28px;
  font-weight: 500;
}
.popup .popup-box .popop-des[b-2dx6di8x6b] {
  color: #9596AA;
  font-size:14px;
  font-weight:300;

}
.spinner-3[b-2dx6di8x6b] {
  width: 25px;
  aspect-ratio: 1;
  display: grid;
  border-radius: 50%;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.6) 30%, transparent 0 70%, rgba(255, 255, 255, 1) 0) 50%/8% 100%, linear-gradient(90deg, rgba(255, 255, 255, 0.2) 30%, transparent 0 70%, rgba(255, 255, 255, 0.5) 0) 50%/100% 8%;
  background-repeat: no-repeat;
  animation: s3-b-2dx6di8x6b 1.5s infinite steps(12);
  position: absolute;
  bottom: 2rem;
  left: 49%;
}

.spinner-3[b-2dx6di8x6b]::before,
.spinner-3[b-2dx6di8x6b]::after {
  content: "";
  grid-area: 1/1;
  border-radius: 50%;
  background: inherit;
  opacity: 0.915;
  transform: rotate(30deg);
}

.spinner-3[b-2dx6di8x6b]::after {
  opacity: 0.83;
  transform: rotate(60deg);
}

@keyframes s3-b-2dx6di8x6b {
  100% {
    transform: rotate(1turn);
  }
}
/* _content/Cybral.Storm.App/Areas/NetworkAnalyzer/Views/ResolveMode/Insights/SimulationInsightsResolveMode.razor.rz.scp.css */

.triangle-up[b-0a21dowzmj] {
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 13px solid #6bae45;
}


.triangle-down[b-0a21dowzmj] {
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 13px solid #ff5454;
}

.heading-box[b-0a21dowzmj] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 3rem 0rem;
}

.risk-security-box[b-0a21dowzmj] {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 1.5rem;
}

.risk-score[b-0a21dowzmj] {
  padding: 2rem;
  background-color: #0E0E29;
  border-radius: 22px;
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.security-box[b-0a21dowzmj] {
  background-color: #0E0E29;
  border-radius: 22px;
  padding-right: 2rem;
  padding: 2rem;
  padding-left: 1rem;
  padding-bottom: 0rem;
  position: relative;
}

..security-box .apexcharts-legend.apx-legend-position-bottom.apexcharts-align-center[b-0a21dowzmj] {
  position: absolute !important;
}

.security-box .security-box-head[b-0a21dowzmj] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0rem 1rem;
  margin-bottom: 1rem;
}

  .security-box .security-box-head h2[b-0a21dowzmj] {
    color: #DCDDEF;
    font-size: 24px;
    font-weight: 500;
  }

.colors-container .color-container[b-0a21dowzmj] {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 8px;
}

  .colors-container .color-container span[b-0a21dowzmj] {
    color: #DCDDEF;
    font-size: 12px;
    font-weight: 500;
  }

  .colors-container .color-container:first-child p[b-0a21dowzmj] {
    width: 16px;
    height: 16px;
    border-radius: 2px;
    background-color: #EEEEFC;
  }

  .colors-container .color-container:nth-child(2) p[b-0a21dowzmj] {
    width: 16px;
    height: 16px;
    border-radius: 2px;
    background-color: #7575E8;
  }


.risk-score .risk-box[b-0a21dowzmj] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2rem 0rem;
}

  .risk-score .risk-box p:first-child[b-0a21dowzmj] {
    font-weight: 500;
  }

.risk-score h2[b-0a21dowzmj] {
  color: #DCDDEF;
  font-size: 24px;
  font-weight: 500;
  text-align: left;
  width: 100%;
}



@media print {
  .insights-sec[b-0a21dowzmj] {
    margin-bottom: 5rem;
    margin-top: 10rem;
    height: 100vh;
    flex-direction: column;
  }

  @media (max-width:900px) {
    .insights-sec[b-0a21dowzmj] {
      margin-bottom: 5rem;
      margin-top: 7rem;
      height: fit-content;
      flex-direction:row;
      justify-content:space-between;
    }

      .insights-sec div:nth-child(1)[b-0a21dowzmj] {
        width: 50% !important;
      }

      .insights-sec div:nth-child(2)[b-0a21dowzmj] {
        width: 25% !important;
        white-space:nowrap !important;
      }

  .triangle-up[b-0a21dowzmj] , .triangle-down[b-0a21dowzmj] {
    width: 10px !important;
    height: 5px !important;
  }
  }

  .risk-security-box[b-0a21dowzmj] {
    margin-top: 3rem;
  }

  .results-sec[b-0a21dowzmj] {
    margin-top: 7rem;
  }

  .conclusion-sec[b-0a21dowzmj] {
    width: 100%;
  }

  .remediation-planner-inner[b-0a21dowzmj] {
    background: #0D0D0D !important;
    margin-inline-start: 0px !important;
  }


  .conclusion-sec[b-0a21dowzmj] {
    margin-top: 10rem;
    justify-content: flex-start;
  }

    .conclusion-sec p:first-child[b-0a21dowzmj] {
      margin-bottom: 0rem;
    }
}
/* _content/Cybral.Storm.App/Areas/NetworkAnalyzer/Views/ResolveMode/NetworkGraphResolveMode.razor.rz.scp.css */
.remediation-planner .mdc-button:not(:disabled)[b-u0rc438vkl] {
  color: white !important;
  background-color: #6BAE45 !important;
  border-radius: 1.5rem !important;
  width:110px;
}
/* _content/Cybral.Storm.App/Areas/NetworkAnalyzer/Views/ResolveMode/RemediationPlannerHistory.razor.rz.scp.css */
.remediation-palnner-popup[b-mypmwozx0l] {
  position: fixed;
  width: 35vw;
  height: 90vh;
  padding: 2rem;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 100000;
  background-color: #070723;
  flex-direction: column;
  gap:1rem;
}

  .remediation-palnner-popup .popup-header[b-mypmwozx0l] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index:100000;
  }

    .remediation-palnner-popup .popup-header p[b-mypmwozx0l] {
      color: #FAFAFA;
      font-weight: 700;
      padding-left: 1rem;
      position: relative;
    }

    .remediation-palnner-popup .popup-header img[b-mypmwozx0l] {
      width: 15px;
      height: 15px;
      cursor: pointer;
    }

    .remediation-palnner-popup .popup-header p[b-mypmwozx0l]::before {
      position: absolute;
      content: "";
      width: 3px;
      height: 100%;
      left: 0;
      border-radius: 8px;
      background-color: #5252E2;
    }

  .remediation-palnner-popup .popup-content[b-mypmwozx0l] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    overflow: auto;
    padding-right: 0.5rem;
    flex: 1;
  }

    .remediation-palnner-popup .popup-content .popup-row[b-mypmwozx0l] {
      display: flex;
      justify-content: space-between;
      align-items: center;
      border-radius: 16px;
      background-color: #000000;
      padding: 1.5rem 1rem;
      width: 100%;
      margin-bottom: 1rem;
    }

.popup-row-right[b-mypmwozx0l] {
  display: flex;
  align-content: center;
  justify-content: center;
  gap: 3rem;
  padding-right: 1rem;
}

.popup-row-left span[b-mypmwozx0l] {
  color: #9596AA;
  font-size: 12px;
  font-weight: 500;
}

.popup-row-right button[b-mypmwozx0l] {
  background-color: transparent;
  color: #5252E2;
  font-size: 12px;
  font-weight: 500;
}

.remediation-palnner-popup .close-btn[b-mypmwozx0l] {
  width: fit-content;
  align-self: flex-end;
  border-radius: 56px;
  padding: 0.5rem 1.5rem;
  border: 1px solid #5252E2;
  font-weight: 500;
  color: #DCDDEF;
  z-index:10000;
}
/* _content/Cybral.Storm.App/Areas/NetworkAnalyzer/Views/ResolveMode/Remediation/RemediationActionResolveMode.razor.rz.scp.css */
.simualition-btn[b-a6ndaljj0w] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  background-color: #ff9645;
  color: white;
  padding: 12px;
  border-radius: 20px;
}

  .simualition-btn.disabled[b-a6ndaljj0w] {
    cursor: not-allowed;
    opacity: 0.4
  }

.error-subnet[b-a6ndaljj0w], .resolve-subnet[b-a6ndaljj0w] {
  display: flex;
  align-items: start;
  position: relative;
  padding: 10px;
  padding-top: 25px;
  border-radius: 5px;
  background-color: #404058;
}

.resolve-subnet[b-a6ndaljj0w] {
  margin-top: 26px;
}

  .error-subnet img[b-a6ndaljj0w], .resolve-subnet img[b-a6ndaljj0w] {
    width: 28px;
    margin-top: -17px;
    cursor: pointer;
  }

.error-subnet-title[b-a6ndaljj0w], .resolve-subnet-title[b-a6ndaljj0w] {
  background-color: #FF5454;
  padding: 5px 14px;
  width: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  position: absolute;
  top: calc(0% - 13px);
  left: calc(50% - 45px)
}

.resolve-subnet-title[b-a6ndaljj0w] {
  background-color: #6BAE45;
}


.history-button[b-a6ndaljj0w] {
  width: 100%;
  border-radius: 56px;
  font-weight: 500;
  color: #DCDDEF;
  padding: 0.5rem 0rem;
  position: relative;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}
/* _content/Cybral.Storm.App/Areas/NetworkAnalyzer/Views/ResolveMode/ResolveMode.razor.rz.scp.css */

*[b-7ytycykvf4] {
  font-family: "Poppins"
}


.simualition-btn[b-7ytycykvf4] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  background-color: #ff9645;
  color: white;
  padding: 12px;
  border-radius: 20px;
}

  .simualition-btn.disabled[b-7ytycykvf4] {
    cursor: not-allowed;
    opacity: 0.4
  }

.pointer:hover[b-7ytycykvf4] {
  cursor: pointer;
}

.error-subnet[b-7ytycykvf4], .resolve-subnet[b-7ytycykvf4] {
  display: flex;
  align-items: start;
  position: relative;
  padding: 10px;
  padding-top: 25px;
  border-radius: 5px;
  background-color: #404058;
}

.resolve-subnet[b-7ytycykvf4] {
  margin-top: 26px;
}

  .error-subnet img[b-7ytycykvf4], .resolve-subnet img[b-7ytycykvf4] {
    width: 28px;
    margin-top: -17px;
    cursor: pointer;
  }

.error-subnet-title[b-7ytycykvf4], .resolve-subnet-title[b-7ytycykvf4] {
  background-color: #FF5454;
  padding: 5px 14px;
  width: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  position: absolute;
  top: calc(0% - 13px);
  left: calc(50% - 45px)
}

.resolve-subnet-title[b-7ytycykvf4] {
  background-color: #6BAE45;
}

.loading-popup[b-7ytycykvf4] {
  padding: 50px;
  padding-bottom: 40px;
  border: solid 1.5px #606060;
  background-color: #3e3e54;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}

.dialog-container[b-7ytycykvf4] {
  height: 550px;
  position: relative;
  width: 50vw;
  border: 1px solid #3F3F4D;
  border-radius: 16px;
  overflow: hidden;
}

  .dialog-container .controls-row[b-7ytycykvf4] {
    position: absolute;
    width: 100%;
    bottom: 1rem;
    left: 50%;
    transform: translateX(-50%);
    padding: 0rem 2rem;
  }

.dialog-inner-content[b-7ytycykvf4] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  justify-content: center;
  height: 70%;
  padding: 0rem 2rem;
}

.dialog-image[b-7ytycykvf4] {
  width: 100%;
  height: 160px;
}

.style-head[b-7ytycykvf4] {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 0.3rem;
  color: #DCDDEF;
}

.style-p[b-7ytycykvf4] {
  line-height: 18px;
  font-family: Poppins;
  font-weight: 400;
  font-size: 12px;
  color: #9596AA;
}

@media(max-width:1024px) {
  .dialog-container[b-7ytycykvf4] {
    width: 100% !important;
  }
}



.main-container[b-7ytycykvf4] {
  background: #0E0F2B;
}



/* _content/Cybral.Storm.App/Areas/NetworkAnalyzer/Views/UploadSchema/UploadSchemaFile.razor.rz.scp.css */


.loading-bar[b-iasbbzgmtk] {
    animation: loadingAnimation-b-iasbbzgmtk 2s linear infinite;
}

@keyframes loadingAnimation-b-iasbbzgmtk {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}
.sucess-popup[b-iasbbzgmtk] {
    padding: 58px 99px 31px;
    border: solid 1.5px #606060;
    background-color: #3e3e54;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.error-tip[b-iasbbzgmtk] {
    width: 488px;
    padding: 12px;
    border-radius: 6px;
    border: solid 1px #d4d4d4;
    background-color: #ffeaea;
    position: absolute;
    display:flex;
    align-items:center;
    left:calc(50% - 244px);
    top: calc(100% - 80px);
}

[b-iasbbzgmtk]::-webkit-scrollbar {
    width: 12px;
}

/* Track */
[b-iasbbzgmtk]::-webkit-scrollbar-track {
    border-radius: 10px;
}

/* Handle */
[b-iasbbzgmtk]::-webkit-scrollbar-thumb {
    background-color: #070723;
    color: #070723;
    border-radius: 10px;
}

    /* Handle on hover */
    [b-iasbbzgmtk]::-webkit-scrollbar-thumb:hover {
        background: #070723;
    }
/* _content/Cybral.Storm.App/Areas/NetworkAnalyzer/Views/Vulnerabilities/VulnerabilitiesFilter.razor.rz.scp.css */
body[b-qtocyo57do] {
  font-family: "Poppins"
}

.page-container[b-qtocyo57do] {
  width: 98%;
  margin: auto;
  /*background-color: #181833;*/
  border-radius: 30px;
  padding-bottom: 3rem;
}

.select-container[b-qtocyo57do] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  padding: 0.5rem;
  z-index: 1;
  border-radius: 8px;
}

  .select-container select[b-qtocyo57do] {
    background-color: #070723;
    z-index: 1;
    padding: 0rem 1rem 0rem 0.5rem;
    -moz-appearance: none;
    box-shadow: none;
    border: none;
    font-size: 11px;
    font-weight: 400;
    color: #DCDDEF;
    line-height: 16.5px;
    outline: none;
  }

.history-word[b-qtocyo57do] {
  font-size: 11px;
  font-weight: 600;
  color: #DCDDEF;
  line-height: 16.5px;
  padding-left: 5px;
}

.main-container[b-qtocyo57do] {
  margin-top: 2rem;
  margin-bottom: 3rem;
}

  .main-container .toggle-btns[b-qtocyo57do] {
    background-color: #30314C;
    border-radius: 76px;
    display: flex;
    gap: 1rem;
    align-items: center;
    justify-content: center;
  }

    .main-container .toggle-btns button.active[b-qtocyo57do] {
      background-color: #5252E2;
      padding: 8px 1rem;
      border-radius: 26px;
    }

    .main-container .toggle-btns button[b-qtocyo57do] {
      font-size: 12px;
      line-height: 18px;
      font-weight: 400;
      padding: 8px 1rem;
    }

  .main-container .actions-box[b-qtocyo57do] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 97%;
    margin: auto;
    gap: 1rem;
  }

    .main-container .actions-box .search-container[b-qtocyo57do] {
      position: relative;
      width: 300px;
      height: 40px;
      background-color: #0e0e29;
      border-radius: 30px;
      overflow: hidden;
    }

      .main-container .actions-box .search-container .search-icon[b-qtocyo57do] {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 1rem;
      }

      .main-container .actions-box .search-container input[b-qtocyo57do] {
        width: 100%;
        height: 100%;
        border-radius: 30px;
        background-color: #0e0e29;
        border: none;
        color: #DCDDEF;
        padding-left: 2.5rem;
        outline: none;
        font-size: 12px;
        font-weight: 400;
        line-height: 24px;
      }

        .main-container .actions-box .search-container input[b-qtocyo57do]::placeholder {
          color: #9596AA;
        }

.dropdown-toggle[b-qtocyo57do] {
  padding: 8px 16px;
  cursor: pointer;
  width: 270px;
  color: #ffffff;
  height: 100%;
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}

.filter-dropdown[b-qtocyo57do] {
  position: absolute;
  width: 100%;
  top: 120%;
  left: 0;
  z-index: 1000;
  padding: 1rem;
  background-color: #0E0E29;
  border-radius: 7px;
}

.filter-container[b-qtocyo57do] {
  height: 40px;
}

.filter-row label[b-qtocyo57do] {
  font-family: "Cairo";
  font-weight: 500;
  font-size: 14px;
}

.filter-row[b-qtocyo57do] {
  position: relative;
  margin-bottom: 12px;
}

  .filter-row .custom-checkbox[b-qtocyo57do] {
    width: 17px;
    height: 17px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 5px;
    border: none;
    cursor: pointer;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border: 3px solid #4747A8;
    border-radius: 4px;
  }

    .filter-row .custom-checkbox input[b-qtocyo57do] {
      position: absolute;
      top: 50%;
      left: 0;
      transform: translateY(-50%);
      opacity: 0;
      cursor: pointer;
      border: none;
      width: 100%;
      height: 100%;
    }

    .filter-row .custom-checkbox .checkmark[b-qtocyo57do] {
      position: absolute;
      left: 0%;
      transform: translateY(-50%);
      top: 50%;
      height: 16px;
      width: 100%;
      border-radius: 3px;
      border: 1px solid var(--Primary-Primary);
      display: flex;
      justify-content: center;
      align-items: center;
      transition: background-color 0.3s;
    }

      .filter-row .custom-checkbox .checkmark[b-qtocyo57do]::after {
        content: "";
        color: transparent;
      }

    .filter-row .custom-checkbox input:checked + .checkmark[b-qtocyo57do] {
      background-color: #4747A8;
    }


      .filter-row .custom-checkbox input:checked + .checkmark[b-qtocyo57do]::after {
        content: "";
        position: absolute;
        display: block;
        left: 33%;
        top: 23%;
        transform: translateX(-50%);
        width: 4px;
        height: 8px;
        border: solid white;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
      }

table tr th[b-qtocyo57do] {
  padding: 1rem 0rem;
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  text-align: left;
  padding-left: 1rem;
  white-space: nowrap;
}

table tr[b-qtocyo57do] {
  border-radius: 10px;
  /*white-space:nowrap;*/
}

  table tr td[b-qtocyo57do] {
    padding: 1.5rem 1rem;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
  }

tr:nth-child(odd)[b-qtocyo57do] {
  background-color: #22223B;
  border: 1px solid #4C4C58;
}

tr:nth-child(even)[b-qtocyo57do] {
  background-color: #181833;
}



.view-button[b-qtocyo57do] {
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  padding: 0.5rem 1.2rem;
  border: 1px solid #5252E2;
  border-radius: 30px;
  background: transparent;
  color: #ffffff;
  cursor: pointer;
  transition: border-color 0.3s ease; /* Smooth transition */
}

  .view-button:hover[b-qtocyo57do] {
    border-color: #2D2D7C;
  }
/* _content/Cybral.Storm.App/Areas/NetworkAnalyzer/Views/Wizard/AssetsSubnets.razor.rz.scp.css */
/* _content/Cybral.Storm.App/Areas/NetworkAnalyzer/Views/Wizard/Diagram/Widgets/AssetSubnetNodeWidget.razor.rz.scp.css */
.frist-node-subnet[b-1fl9qoxh1h] {
    width: 143px;
    height: 45px;
    border-radius: 10px;
    border: dashed 1px #515159;
    background-color: #1a1a39;
    margin-right: 45px;
    position: relative;
}

    .frist-node-subnet[b-1fl9qoxh1h]::after {
        content: "";
        width: 30px;
        border-top: 2px solid #ccc;
        position: absolute;
        left: 100%;
        top: 14px;
        margin-top: 1px;
    }

.frist-node-subnet-title[b-1fl9qoxh1h] {
    width: 134px;
    height: 36px;
    border-radius: 3px;
    border: solid 1px #7a34f4;
    background-color: #25254c;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: calc(100% - 18px);
    left: calc(50% - 67px)
}

.second-node-subnet[b-1fl9qoxh1h] {
    width: 210px
}

    .second-node-subnet[b-1fl9qoxh1h]::after, .thrid-node-subnet[b-1fl9qoxh1h]::after {
        content: "";
        width: 34px;
        transition: border 0.5s;
        border-top: 2px solid #ccc;
        position: absolute;
        left: -50px;
        top: 50%;
    }

    .second-node-subnet[b-1fl9qoxh1h]::before {
        content: "";
        height: 100%;
        border-left: 2px solid #ccc;
        position: absolute;
        left: -50px;
        width: 10px;
        height: 82%;
        top: 50%;
    }

.thrid-node-subnet[b-1fl9qoxh1h]::before {
    content: "";
    height: 100%;
    border-left: 2px solid #ccc;
    position: absolute;
    left: -50px;
    width: 10px;
    height: 55%;
    top: -5%;
}



[b-1fl9qoxh1h]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #84859D !important;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder[b-1fl9qoxh1h] { /* Internet Explorer 10-11 */
    color: #84859D !important;
}
/* _content/Cybral.Storm.App/Areas/NetworkAnalyzer/Views/Wizard/Diagram/Widgets/SubnetNodeWidget.razor.rz.scp.css */
.subnet[b-jcy9ael7fy] {
    width: 255px;
    height: 130px;
    position: relative;
    border-radius: 10px;
    border: dashed 1px #515159;
    background-color: #1a1a39;
}

.subnet-title[b-jcy9ael7fy] {
    width: 100px;
    height: 28px;
    text-align: center;
    padding: 3px;
    border-radius: 3px;
    position: absolute;
    top: -14px;
    left: calc(50% - 50px);
    border: solid 1px #7a34f4;
    background-color: #25254c;
}

.access-toggle[b-jcy9ael7fy] {
    width: 150px;
    height: 28px;
    padding: 4px 8px 4px 12px;
    border-radius: 14px;
    background-color: #dcddef;
    position: absolute;
    bottom: -14px;
    left: calc(50% - 75px);
}
/* _content/Cybral.Storm.App/Areas/NetworkAnalyzer/Views/Wizard/InitialDiagram.razor.rz.scp.css */
/*.diagram-container {
    width: 100%;
    height: 100%;
    border: 1px solid black;*/ /* Just visual */
/*}*/
/* _content/Cybral.Storm.App/Areas/NetworkAnalyzer/Views/Wizard/UploadVulnerabilitiesFile.razor.rz.scp.css */
.sucess-popup[b-08qoc9u6ba] {
    padding: 58px 99px 31px;
    border: solid 1.5px #606060;
    background-color: #3e3e54;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.error-tip[b-08qoc9u6ba] {
    width: 488px;
    padding: 12px;
    border-radius: 6px;
    border: solid 1px #d4d4d4;
    background-color: #ffeaea;
    position: absolute;
    display: flex;
    align-items: center;
    left: calc(50% - 244px);
    top: calc(100% - 80px);
}
/* _content/Cybral.Storm.App/Areas/NetworkAnalyzer/Widgets/NetworkDiagrams/Widgets/AddFirewallLinkLabelWidget.razor.rz.scp.css */
.custom-firewall[b-zq24r4t4ha] {
    width: 100px;
    height: 20px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    border: solid 1px #7e7e7e;
    background-color: #2a2a45;
    cursor: pointer;
    padding:0 !important;
}
/* _content/Cybral.Storm.App/Areas/NetworkAnalyzer/Widgets/NetworkDiagrams/Widgets/FirewallLinkLabelWidget.razor.rz.scp.css */
.edited[b-wfex3u8q5j] {
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #4D4D62 !important;
  width: fit-content
}
/* _content/Cybral.Storm.App/Areas/NetworkAnalyzer/Widgets/NetworkDiagrams/Widgets/SubnetDeviceNodeWidget.razor.rz.scp.css */
.searched[b-sp7yv1cib2] {
  padding: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #4D4D62 !important;
}

.newAsset[b-sp7yv1cib2] {
  padding: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #411C8D !important;
}

.EllipseSelect[b-sp7yv1cib2] {
  width: 200px;
  height: 100px;
  background-color: #2a2a45;
  border-radius: 50%;
  padding: 2px;
  margin: 5px
}

.pc-sheild[b-sp7yv1cib2], .pc-editor-node[b-sp7yv1cib2] {
  position: relative;
}

.node-number[b-sp7yv1cib2] {
  font-size: 12px;
  color: white;
  position: absolute;
  bottom: 0;
  right: 5px
}

.severity-indicator[b-sp7yv1cib2] {
  width: 8px;
  height: 8px;
  position: absolute;
  bottom: 0;
  border-radius:50%;
  right: 5px
}

.severity-indicator[b-sp7yv1cib2] {
  width: 8px;
  height: 8px;
  position: absolute;
  bottom: 0;
  border-radius:50%;
  right: 5px
}

.db-or-web-node-number[b-sp7yv1cib2] {
  font-size: 12px;
  color: white;
  position: absolute;
  right: 1.5px;
  bottom: -1px;
}

.red-shield[b-sp7yv1cib2] {
  width: 15px;
  position: absolute;
  right: -2px;
  bottom: 0;
}

.safe-mark[b-sp7yv1cib2] {
  width: 10px;
  position: absolute;
  right: 0.5px;
  bottom: 4px;
}

.severity-indicator.critical[b-sp7yv1cib2] {
  background-color: #C0282E;
}

.severity-indicator.high[b-sp7yv1cib2] {
  background-color: #F7941F;
}

.severity-indicator.medium[b-sp7yv1cib2] {
  background-color: #FDED22;
}

.severity-indicator.low[b-sp7yv1cib2] {
  background-color: #3BB449;
}

.severity-indicator.general[b-sp7yv1cib2] {
  background-color: grey;
}

.severity-indicator.none[b-sp7yv1cib2] {
  background-color: #4e65ff;
}
/* _content/Cybral.Storm.App/Areas/NetworkAnalyzer/Widgets/NetworkDiagrams/Widgets/SubnetGroupWidget.razor.rz.scp.css */
.arithmetic-container[b-8ktgod0v3r] {
  width: 100%;
  height: 100%;
  border: 1px dashed black;
}

.arithmetic-container .title[b-8ktgod0v3r] {
  position: absolute;
  right: 0;
  padding: 8px;
  text-align: right;
  border-left: 2px dashed black;
  border-bottom: 2px dashed black;
}

[b-8ktgod0v3r] .diagram-port {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #f5f5f5;
  border: 1px solid #d4d4d4;
  cursor: pointer;
}

[b-8ktgod0v3r] .diagram-port.top {
  position: absolute;
  bottom: calc(100% - 6px);
  left: calc(50% - 6px)
}


[b-8ktgod0v3r] .diagram-port.bottom {
  position: absolute;
  top: calc(100% - 6px);
  left: calc(50% - 6px);
}

[b-8ktgod0v3r] .diagram-port.left {
  position: absolute;
  right: calc(100% - 6px);
  top: calc(50% - 6px);
}

[b-8ktgod0v3r] .diagram-port.right {
  position: absolute;
  left: calc(100% - 6px);
  top: calc(50% - 6px);
}

.subnet-editor[b-8ktgod0v3r] {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  position: relative;
  border: dashed 1px #515159;
  background-color: #1a1a39;
}

.subnet-editor .access-toggle[b-8ktgod0v3r] {
  width: 150px;
  height: 28px;
  padding: 4px 8px 4px 12px;
  border-radius: 14px;
  background-color: #dcddef;
  position: absolute;
  bottom: -14px;
  left: calc(50% - 75px);
}

.subnet-editor-title[b-8ktgod0v3r] {
  width: 127px;
  height: 72px;
  border-radius: 3px;
  border: solid 1px #7a34f4;
  background-color: #25254c;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -54px;
  left: calc(50% - 64px);
}

.add-assest[b-8ktgod0v3r] {
  padding: 4px 8px 3px 9px;
  border-radius: 11px;
  background-color: #DCDDEF;
  color: #5252e2;
  margin-block: 4px;
  font-size: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* _content/Cybral.Storm.App/Areas/NetworkAnalyzer/Widgets/ResultGraphs/AnalyzerDescriptionMenu.razor.rz.scp.css */
.table-container[b-cg7i3o3u46] {
  max-height: 95vh;
  overflow-y: auto;
  overflow-x: hidden;
  flex-grow: 1;
}

.table-menu-description[b-cg7i3o3u46] {
  background: #707070;
  color: #fff;
  min-height: 100%;
  width: 100%;
  border-left: 1px solid #000;
  font-size: 12px;
}

.table-menu-description thead[b-cg7i3o3u46] {
  background-color: #707070;
  border-bottom: 1px solid rgb(255, 255, 255, .30);
  position: sticky;
  top: 0;
  z-index: 1;
}

.table-menu-description thead tr th[b-cg7i3o3u46] {
  padding: 12px;
  border-right: 1px solid #7A7A89;
}

.table-menu-description thead tr[b-cg7i3o3u46], .table-menu-description tbody tr[b-cg7i3o3u46] {
  height: 56px;
}

.table-menu-description tbody[b-cg7i3o3u46] {
  cursor: pointer;
}

.table-menu-description tbody tr td[b-cg7i3o3u46] {
  padding: 12px;
  border-right: 1px solid #7A7A89;
  border-bottom: 1px solid rgb(255, 255, 255, .30);
}

.tex[b-cg7i3o3u46] {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1; /* number of lines to show */
  line-clamp: 1;
  -webkit-box-orient: vertical;
  width: 50%;
}

.table-menu-description tbody tr:hover[b-cg7i3o3u46] {
  background: #828282
}

.menu-desc[b-cg7i3o3u46] {
  display: flex;
  margin-top: 0px;
  height: 100%;
}

.menu-button[b-cg7i3o3u46] {
  background-color: #707070;
  color: #FCFCFC;
  box-shadow: 186px 34px 99px #00000029;
  border-radius: 20px 0 0 20px;
  opacity: 1;
  writing-mode: vertical-lr;
  width: 33px;
  height: 95vh;
  display: flex;
  align-items: center;
  justify-content: center;
}


.menu-button .icon[b-cg7i3o3u46] {
  rotate: 270deg;
  margin-bottom: 16px;
  font-size: 24px;
  cursor: pointer;
}

.menu-button p[b-cg7i3o3u46] {
  font-size: 14px;
  transform: rotate(180deg);
}
/* _content/Cybral.Storm.App/Areas/NetworkAnalyzer/Widgets/ResultGraphs/CriticalSummary.razor.rz.scp.css */
.critical-data-container[b-0jq03m3ecz] {
    background: transparent linear-gradient(180deg, #7A34F4 0%, #6473F6 34%, #54A2F8 64%, #4ABEF9 86%, #46C9F9 99%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 6px #CDC9C91C;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    color: #FDFDFD;
    font-size: 10px;
}

.critical-data-item[b-0jq03m3ecz] {
    /*border-right: 1px solid rgb(253, 253, 253,.2);*/
    padding:16px;
    text-align: center;
}

    .critical-data-item .critical-data-title[b-0jq03m3ecz] {
        letter-spacing: 0px;
        opacity: 0.5;
    }

    .critical-data-item .critical-data-count[b-0jq03m3ecz] {
        font-size: 26px;
        font-weight: bold;
        margin-top: 0px;
        margin-bottom: 0px;
        opacity: 0.5;
    }

    .critical-data-item .critical-data-link[b-0jq03m3ecz] {
        display: block;
        font-size: 11px;
        text-decoration: none;
        margin-top: 5px;
        opacity: 0.5;
    }

    .critical-data-item.active .critical-data-count[b-0jq03m3ecz],
    .critical-data-item:hover .critical-data-count[b-0jq03m3ecz],
    .critical-data-item.active .critical-data-link[b-0jq03m3ecz],
    .critical-data-item:hover .critical-data-link[b-0jq03m3ecz] {
        opacity: 1;
    }

    .critical-data-item:last-child[b-0jq03m3ecz] {
        border-right: none;
    }
/* _content/Cybral.Storm.App/Areas/NetworkAnalyzer/Widgets/ResultGraphs/CustomNodes/SharedCustomNodes/HasPublicIPFactCustomNode.razor.rz.scp.css */
/* _content/Cybral.Storm.App/Areas/NetworkAnalyzer/Widgets/ResultGraphs/CustomNodes/SharedCustomNodes/PointOfCompromiseCustomNode.razor.rz.scp.css */
.node-container[b-hqgfdswumx] {
    width: fit-content;
}

.upper-node[b-hqgfdswumx] {
    border: 1px solid #4F4F65;
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    padding: 3px;
    gap: 1rem;
    background-color: #19192F;
    width: 99%;
    margin: auto;
}

.upper-node .upper-node-left[b-hqgfdswumx] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.upper-node-left span[b-hqgfdswumx] {
    color: #DCDDEF;
    font-size: 9px;
    font-weight: 600;
}

.upper-node .upper-node-right[b-hqgfdswumx] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.upper-node .upper-node-right p[b-hqgfdswumx] {
    background-color: #3B3543;
    color: #FF7C18;
    font-size: 8px;
    font-weight: 500;
    border-radius: 4px;
    padding: 3px;
    white-space:nowrap;
}

.lower-node[b-hqgfdswumx] {
  border: 1px solid #FFFFFF;
  border-radius: 3px;
  padding: 5px;
  background-color: #19192F;
}
/* _content/Cybral.Storm.App/Areas/NetworkAnalyzer/Widgets/ResultGraphs/Remediation.razor.rz.scp.css */
.insights-container[b-7wzhm09dw1] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 20%;
}

.insights-content[b-7wzhm09dw1] {
  color: white;
}

.insights-image img[b-7wzhm09dw1] {
  width: 64px;
  margin: 0 auto;
}

.insights-text[b-7wzhm09dw1] {
  margin-top: 22px;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.93;
  color: #dcddefb3;
}


.bullet-p[b-7wzhm09dw1] {
  position: relative;
  color: #9596AA;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  padding-left: 1rem;
}

  .bullet-p[b-7wzhm09dw1]::before {
    position: absolute;
    content: "";
    width: 3px;
    height: 3px;
    background-color: #9596AA;
    border-radius: 50%;
    left: 0px;
    top: 10px;
  }

.bullet-dropdown[b-7wzhm09dw1] {

  display: flex !important;
}
  .bullet-dropdown.dropActive[b-7wzhm09dw1] {
    display: none !important;
  }
/* _content/Cybral.Storm.App/Areas/NetworkAnalyzer/Widgets/ResultGraphs/ResultGraphActions.razor.rz.scp.css */
.actions-container[b-v4gyhndbt5] {
  display: flex;
  width: fit-content;
  white-space: nowrap;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  gap: position:absolute;
  bottom: 0rem;
  left: 1rem;
  z-index: 50;
  height: 32px;
  overflow: hidden;
  gap:10px;
}
  .actions-container button[b-v4gyhndbt5] {
    border-radius: 6px;
    color: #DCDDEF;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size:12px;
  }
/* _content/Cybral.Storm.App/Areas/NetworkAnalyzer/Widgets/Shared/DefenseStrategyPopup.razor.rz.scp.css */
.defense-popup[b-ov2angkukk] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5);
  display: none;
  transition: 0.3s;
  z-index: 200;
}

.defense-popup.active[b-ov2angkukk]{
  display: block;
}


.defense-popup .defense-popup-box[b-ov2angkukk] {
  width: 50%;
  height: 50vh;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  border-radius: 16px;
  background-color: #070723;
  border: 1px solid #46465E;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  flex-direction: column;
  padding-bottom: 2rem;
}


.defense-popup .defense-popup-box .popup-header[b-ov2angkukk] {
  color: #DCDDEF;
  font-size: 28px;
  font-weight: 500;
}
.defense-popup .defense-popup-box .popup-des[b-ov2angkukk] {
  color: #9596AA;
  font-size: 14px;
  font-weight: 300;
}
/* _content/Cybral.Storm.App/Areas/NetworkAnalyzer/Widgets/TopologyGraph/DetailedTopologyAnalyzer.razor.rz.scp.css */

.table-summary-wrapper thead[b-ggkplo4xkl] {
  position: sticky;
  top: 0;
  border-radius: unset;
  z-index: 3;
  background-color: #33334B;
}

.overlay-remediation[b-ggkplo4xkl] {
  position: fixed;
  top: 0%;
  right: 0;
  background-color: rgba(0,0,0,0.2);
  z-index: 2500;
  width: 100vw;
  height:100vh;
}

.main-container .table-lists[b-ggkplo4xkl] {
  max-height: 400px;
  overflow: auto;
}


  .overlay-remediation .table-summary-wrapper[b-ggkplo4xkl] {
    width: 35vw;
    position: absolute;
    right: 5px;
    height: 100%;
    z-index: 40;
    overflow: hidden;
    top: 50%;
    transform: translateY(-50%);
    background-color: #070723;
  }

    .overlay-remediation .table-summary-wrapper .table-lists[b-ggkplo4xkl] {
      overflow: auto;
      width: 95%;
      max-height: 68vh;
    }

      .overlay-remediation .table-summary-wrapper .table-lists .table-item-row[b-ggkplo4xkl] {
        background-color: #000000;
      }

.tex[b-ggkplo4xkl] {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1; /* number of lines to show */
  line-clamp: 1;
  -webkit-box-orient: vertical;
}

[b-ggkplo4xkl]::-webkit-scrollbar {
  width: 14px;
}

/* Track */
[b-ggkplo4xkl]::-webkit-scrollbar-track {
  border-radius: 10px;
}

/* Handle */
[b-ggkplo4xkl]::-webkit-scrollbar-thumb {
  background-color: #070723;
  color: #070723;
  border-radius: 10px;
}

  /* Handle on hover */
  [b-ggkplo4xkl]::-webkit-scrollbar-thumb:hover {
    background: #070723;
  }

[b-ggkplo4xkl]::-webkit-scrollbar-corner {
  background: #27273F;
}



.table-container[b-ggkplo4xkl] {
  overflow: auto;
  border-radius: 16px 16px 0px 0px;
  padding-left: 4px;
}

.header-row[b-ggkplo4xkl] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: sticky;
  top: 0;
  padding: 1rem 0.7rem;
  font-size: 14px;
  font-weight: 600;
  color: #DCDDEF;
  width: 100%;
  z-index: 20;
}

.overlay-remediation .header-row[b-ggkplo4xkl] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: sticky;
  top: 0;
  padding: 1rem 0.7rem;
  font-size: 14px;
  font-weight: 600;
  color: #DCDDEF;
  width: 95%;
  z-index: 20;
}

  .header-row .header-row-item[b-ggkplo4xkl] {
    padding: 1rem;
    width: calc(100%/3);
  }

.table-lists[b-ggkplo4xkl] {
  display: flex;
  flex-direction: column;
}

  .table-lists .table-item-row[b-ggkplo4xkl] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #171834;
    color: #9596AA;
    padding: 0.8rem 0.6rem;
    border-radius: 16px;
    margin-bottom: 8px;
  }
  .table-lists .table-item-row.active[b-ggkplo4xkl] {
    border: 1px solid #7575E8;
    background-color: #070723;
  }
  .table-lists .table-lists-box[b-ggkplo4xkl] {
    width: 95%;
    margin: auto;
    border-radius: 16px;
    margin-bottom: 12px;
  }
  .table-lists .table-lists-box:last-child[b-ggkplo4xkl]{
      margin-bottom:0px;
  }

  .single-item-row[b-ggkplo4xkl] {
    font-size: 14px;
    width: calc(100%/3);
  }

.table-item-desc[b-ggkplo4xkl] {
  padding: 12px 7px;
  padding-bottom: 1.3rem;
}

  .table-item-desc .checkbox-container[b-ggkplo4xkl] {
    position: relative;
    width: 20px;
  }










.custom-checkbox[b-ggkplo4xkl] {
  width: 15px;
  height: 15px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 5px;
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border: 3px solid #4747A8;
  border-radius: 4px;
}

  .custom-checkbox input[b-ggkplo4xkl] {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    opacity: 0;
    cursor: pointer;
    border: none;
    width: 100%;
    height: 100%;
  }

  .custom-checkbox .checkmark[b-ggkplo4xkl] {
    position: absolute;
    left: 0%;
    transform: translateY(-50%);
    top: 50%;
    height: 15px;
    width: 100%;
    border-radius: 3px;
    border: 1px solid var(--Primary-Primary);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color 0.3s;
  }

    .custom-checkbox .checkmark[b-ggkplo4xkl]::after {
      content: "";
      color: transparent;
    }

  .custom-checkbox input:checked + .checkmark[b-ggkplo4xkl] {
    background-color: #4747A8;
  }


    .custom-checkbox input:checked + .checkmark[b-ggkplo4xkl]::after {
      content: "";
      position: absolute;
      display: block;
      left: 32%;
      top: 22%;
      transform: translateX(-50%);
      width: 4px;
      height: 8px;
      border: solid white;
      border-width: 0 2px 2px 0;
      transform: rotate(45deg);
    }


.simulate-btn[b-ggkplo4xkl] {
  border: 2px solid #4747A8;
  padding: 0.5rem 2rem;
  color: #DCDDEF;
  border-radius: 56px;
  display: block;
  margin: 1rem auto;
  margin-top: 1.5rem;
  height: 40px;
  text-align: center;
  font-weight: 500;
  user-select: none;
}

.overlay-remediation .buttons-actions[b-ggkplo4xkl] {
  position: absolute;
  bottom: 2rem;
  right: 0;
  display: flex;
  justify-content: center;
  gap: 1rem;
  align-items: center;
  width: 100%;
}

.overlay-remediation .simulate-btn[b-ggkplo4xkl] {
  white-space: nowrap;
  background-color: #5252E2;
  padding: 0rem 2rem;
  height: 40px;
  color: #DCDDEF;
  border-radius: 56px;
  margin: 0rem;
  height: 40px;
  text-align: center;
  font-weight: 500;
  user-select: none;
}


.overlay-remediation .buttons-actions .cancel[b-ggkplo4xkl] {
  border: 2px solid #4747A8;
  padding: 0.5rem 2rem;
  color: #DCDDEF;
  border-radius: 56px;
  display: block;
  height: 40px;
  text-align: center;
  font-weight: 500;
  user-select: none;
}


body[b-ggkplo4xkl] {
  overflow: hidden;
}


.action-text[b-ggkplo4xkl] {
  position: relative;
  padding-left:1.2rem;
}

  .action-text[b-ggkplo4xkl]::before {
    content: ''; /* Required to render the pseudo-element */
    position: absolute;
    top: 14%;
    right: 98%;
    height: 7px;
    width: 7px;
    border-radius: 50%;
    background-color: #838499;
  }

/* _content/Cybral.Storm.App/Areas/NetworkAnalyzer/Widgets/TopologyGraph/FilterTopologyAnalyzer.razor.rz.scp.css */
.filter-guide[b-46c0t2f686] {
    margin-top: 16px;
}

    .filter-guide .title[b-46c0t2f686] {
        color: #FDFDFD;
        font-weight: 500;

    }

.filter-section[b-46c0t2f686] {
    margin-top: 20px;
}

.filter-section-title[b-46c0t2f686] {
    color: #DCDDEF;
    font-size: 12px;
    margin-bottom: 0px;
}



.filter-options[b-46c0t2f686] {
    list-style-type: none;
    padding-left: 0;
}

.filter-options-title[b-46c0t2f686] {
    color: #DCDDEF;
    font-weight: 600;
}

.sub-options[b-46c0t2f686] {
    display: flex;
    align-items: center;
    gap: 24px;
    color: #DCDDEF;
    font-size: 10px;
}

.selected[b-46c0t2f686] {
    padding: 10px;
    cursor: pointer;
    background-color: #36364D;
    border-radius: 5px;
}

.sub-options.attack-graph .rectangle[b-46c0t2f686] {
    width: 26px;
    height: 14px;
    cursor: pointer;
    background-color: #383874;
    border: 0.699999988079071px solid #FFFFFF;
}

.sub-options.attack-graph .diamond[b-46c0t2f686] {
    width: 26px;
    height: 26px;
    background-color: #383874;
    cursor: pointer;
    position: relative;
    transform: rotate(45deg);
    border: 0.699999988079071px solid #FFFFFF;
    box-sizing: border-box;
}


.sub-options.attack-graph .circle[b-46c0t2f686] {
    width: 29px;
    height: 22px;
    cursor: pointer;
    border-radius: 50%;
    background-color: #383874;
    border: 0.699999988079071px solid #FFFFFF;
}

.sub-options.critical-path > div[b-46c0t2f686] {
    display: flex;
    align-items: center;
    font-size: 10px;
}

.sub-options.critical-path .circle[b-46c0t2f686] {
    cursor: pointer;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    margin-inline-end: 6px;
}

.sub-options.critical-path .circle-red[b-46c0t2f686] {
    background-color: #dc0000;
}

.sub-options.critical-path .circle-orange[b-46c0t2f686] {
    background-color: #D29300;
}

.sub-options.critical-path .circle-yellow[b-46c0t2f686] {
    background-color: #E6FF00;
}

.pointer[b-46c0t2f686]{
    cursor:pointer;
}
/* _content/Cybral.Storm.App/Areas/NetworkAnalyzer/Widgets/TopologyGraph/TopologyAnalyzer.razor.rz.scp.css */
body[b-3t0jayuctm] {
}
.pointer:hover[b-3t0jayuctm]{
    cursor: pointer;
}
.dialog-container[b-3t0jayuctm] {
  height: 550px;
  position: relative;
  width: 50vw;
  border: 1px solid #3F3F4D;
  border-radius: 16px;
  overflow: hidden;
}

  .dialog-container .controls-row[b-3t0jayuctm] {
    position: absolute;
    width: 100%;
    bottom: 1rem;
    left: 50%;
    transform: translateX(-50%);
    padding: 0rem 2rem;
  }

.dialog-inner-content[b-3t0jayuctm] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  justify-content: center;
  height: 70%;
  padding: 0rem 2rem;
}

.dialog-image[b-3t0jayuctm] {
  width: 100%;
  height: 160px;
}

.style-head[b-3t0jayuctm] {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 0.3rem;
  color: #DCDDEF;
}

.style-p[b-3t0jayuctm] {
  line-height: 18px;
  font-family: Poppins;
  font-weight: 400;
  font-size: 12px;
  color: #9596AA;
}

@media(max-width:1024px) {
  .dialog-container[b-3t0jayuctm] {
    width: 100% !important;
  }
}

.simulate-popup[b-3t0jayuctm] {
  width: 50vw;
  background-color: #0B0C23;
  padding:1rem 1.5rem;
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  position:fixed;
  bottom:2rem;
  left:10rem;
  z-index:20;
  border-radius:16px;
}
.simulate-popup .right-side-popup[b-3t0jayuctm]{
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  align-items:flex-start;
  gap:1rem;
}
.simulate-popup .right-side-popup a:nth-child(1)[b-3t0jayuctm] {
  background-color: #5151DF;
  color: #DCDDEF;
  border-radius:56px;
  padding:0.8rem 2rem;
  width:100%;
  font-size:14px;
}
.simulate-popup .right-side-popup button:nth-child(2)[b-3t0jayuctm] {
  color: #DCDDEF;
  border: 1px solid #5151DF;
  border-radius: 56px;
  padding: 0.8rem 2rem;
  font-size: 14px;
}
 .simulate-popup .left-side-popup[b-3t0jayuctm] {
   width: 70%;
 }
 .simulate-popup .left-side-popup p[b-3t0jayuctm] {
   font-size: 12px;
   color: #DCDDEF;
   line-height:18px;
   margin-bottom:1rem;
   font-weight:500;
   margin-top:0.5rem;
 }
 .simulate-popup .left-side-popup span[b-3t0jayuctm]{
   font-size:10px;
 }


/* _content/Cybral.Storm.App/Areas/NetworkAnalyzer/Widgets/TransitionGraph/DetailedTransitionAnalyzer.razor.rz.scp.css */
.table-summary-wrapper[b-oiow8w5ft7] {
  /*margin-top: 16px;*/
  max-height: 400px;
  overflow-y: auto;
  overflow-x: auto;
  padding-right:0.8rem;
}

.tex[b-oiow8w5ft7] {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1; /* number of lines to show */
  line-clamp: 1;
  -webkit-box-orient: vertical;
}

[b-oiow8w5ft7]::-webkit-scrollbar {
  width: 14px;
}

/* Track */
[b-oiow8w5ft7]::-webkit-scrollbar-track {
  border-radius: 10px;
}

/* Handle */
[b-oiow8w5ft7]::-webkit-scrollbar-thumb {
  background-color: #070723;
  color: #070723;
  border-radius: 10px;
}

  /* Handle on hover */
  [b-oiow8w5ft7]::-webkit-scrollbar-thumb:hover {
    background: #070723;
  }

[b-oiow8w5ft7]::-webkit-scrollbar-corner {
  background: #27273F;
}


.pagination[b-oiow8w5ft7] {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  gap: 3rem;
  padding-right: 5px;
}

  .pagination button[b-oiow8w5ft7] {
    background-color: #007bff;
    border: none;
    color: white;
    padding: 6px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    margin: 4px 2px;
    transition-duration: 0.4s;
    cursor: pointer;
    border-radius: 10px;
    border: 2px solid #007bff;
    display: flex;
    justify-content: center;
    align-items: center;
  }

    .pagination button:hover[b-oiow8w5ft7] {
      background-color: #55A4F9;
      color: black;
      border: 2px solid #55A4F9;
    }

  .pagination .selected[b-oiow8w5ft7] {
    background-color: #0056b3;
    border: 2px solid #0056b3;
  }

button.disabled[b-oiow8w5ft7] {
  cursor: not-allowed;
  opacity: 0.5;
}

button.selected[b-oiow8w5ft7] {
  font-weight: bold;
  text-decoration: underline;
}

.nodes-container[b-oiow8w5ft7] {
  width: 100%;
  margin-bottom:8px;
}

  .nodes-container .single-node[b-oiow8w5ft7] {
    border: 1px solid #5252E2;
    border-radius: 20px;
    padding: 0.6rem 0.5rem 0.9rem 0.7rem;
    width: 100%;
    margin-bottom: 6px;
    z-index:80;
  }

    .nodes-container .single-node.active[b-oiow8w5ft7] {
      background-color: #070723;
    }

    .nodes-container .single-node .node-upper[b-oiow8w5ft7] {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      width: 94%;
    }

.node-upper-right[b-oiow8w5ft7] {
  display: flex;
  align-items: center;
  gap: 8px;
}

  .node-upper-right button[b-oiow8w5ft7] {
    font-size: 10px;
    border: 1px solid #5252E2;
    color: #FFFFFF;
    padding: 8px;
    border-radius: 200px;
    z-index: 333;
  }

.node-upper-left .p-node[b-oiow8w5ft7] {
  font-size: 14px;
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}

  .node-upper-left .p-node p:first-child[b-oiow8w5ft7] {
    color: #9596AA;
    width: 50%;
  }

  .node-upper-left .p-node p:last-child[b-oiow8w5ft7] {
    color: #FFFFFF;
    font-weight: 700;
    width: 50%;
    font-size: 14px;
  }

.node-lower[b-oiow8w5ft7] {
  margin-top: 1rem;
}

.node-bullet[b-oiow8w5ft7] {
  position: relative;
  color: #9596AA;
  font-size: 11px;
  font-weight: 400;
  padding-left: 0.8rem;
}

  .node-bullet[b-oiow8w5ft7]::before {
    position: absolute;
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #9596AA;
    left: 0px;
    top: 6px;
  }


.after material-icon[b-oiow8w5ft7] {
  position: absolute !important;
  right: 0rem !important;
}
.node-lower td[b-oiow8w5ft7],
node-lower tr[b-oiow8w5ft7] {
  border: 1px solid #242447;
  border-collapse: collapse;
}

.node-lower td[b-oiow8w5ft7] {
  padding: 0.7rem 0.7rem;
  font-weight: 500;
  font-size: 12px;
  color: #DCDDEF;
}

.node-lower table[b-oiow8w5ft7] {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #242447;
  border-radius: 8px;
}
/* _content/Cybral.Storm.App/Areas/NetworkAnalyzer/Widgets/TransitionGraph/FiltterTranstionAnalyzer.razor.rz.scp.css */
.filter-guide[b-722sugbkps] {
    margin-top: 36px;
}

    .filter-guide .title[b-722sugbkps] {
        color: #FDFDFD;
        font-weight: bold;
    }

.filter-section[b-722sugbkps] {
    margin-top: 20px;
}

.filter-section-title[b-722sugbkps] {
    color: #DCDDEF;
    font-size: 12px;
    margin-bottom: 4px;
}



.filter-options[b-722sugbkps] {
    list-style-type: none;
    padding-left: 0;
}

.filter-options-title[b-722sugbkps] {
    color: #DCDDEF;
    font-weight: 600;
    margin-bottom: 16px;
}

.sub-options[b-722sugbkps] {
    display: flex;
    align-items: center;
    gap: 24px;
    color: #DCDDEF;
    font-size: 10px;
}

.selected[b-722sugbkps] {
    padding: 10px;
    cursor: pointer;
    background-color: #36364D;
    border-radius: 5px;
}

.sub-options.attack-graph .rectangle[b-722sugbkps] {
    width: 26px;
    height: 14px;
    cursor: pointer;
    background-color: #383874;
    border: 0.699999988079071px solid #FFFFFF;
}

.sub-options.attack-graph .diamond[b-722sugbkps] {
    width: 26px;
    height: 26px;
    background-color: #383874;
    cursor: pointer;
    position: relative;
    transform: rotate(45deg);
    border: 0.699999988079071px solid #FFFFFF;
    box-sizing: border-box;
}


.sub-options.attack-graph .circle[b-722sugbkps] {
    width: 29px;
    height: 22px;
    cursor: pointer;
    border-radius: 50%;
    background-color: #383874;
    border: 0.699999988079071px solid #FFFFFF;
}

.sub-options.critical-path > div[b-722sugbkps] {
    display: flex;
    align-items: center;
    font-size: 10px;
}

.sub-options.critical-path .circle[b-722sugbkps] {
    cursor: pointer;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    margin-inline-end: 6px;
}

.sub-options.critical-path .circle-red[b-722sugbkps] {
    background-color: #dc0000;
}

.sub-options.critical-path .circle-orange[b-722sugbkps] {
    background-color: #D29300;
}

.sub-options.critical-path .circle-yellow[b-722sugbkps] {
    background-color: #E6FF00;
}

.pointer[b-722sugbkps]{
    cursor:pointer;
}
/* _content/Cybral.Storm.App/Areas/NetworkAnalyzer/Widgets/TransitionGraph/TransitionAnalyzer.razor.rz.scp.css */
.menu-container[b-cppw0kwbsx] {
    /*display: flex*/
}

*[b-cppw0kwbsx] {
  font-family: "Poppins"
}
.menu-button[b-cppw0kwbsx] {
    background-color: #707070;
    color: #FCFCFC;
    box-shadow: 186px 34px 99px #00000029;
    border-radius: 20px 0px 0px 20px;
    opacity: 1;
    writing-mode: vertical-lr;
    width: 33px;
    height: 333px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pointer:hover[b-cppw0kwbsx]{
    cursor: pointer ;
}

    .menu-button .icon[b-cppw0kwbsx] {
        rotate: 270deg;
        margin-bottom: 16px;
        font-size: 24px;
        cursor: pointer;
    }

    .menu-button p[b-cppw0kwbsx] {
        font-size: 14px;
        transform: rotate(180deg);
    }

.btn-wrapper[b-cppw0kwbsx] {
    display: flex;
    align-items: center;
    margin-top: 72px;
}

    .btn-wrapper .btn[b-cppw0kwbsx] {
        padding: 12px 16px;
        border-radius: 8px;
    }

        .btn-wrapper .btn.btn-resolve[b-cppw0kwbsx] {
            background-color: rgb(219, 220, 240,.2);
            color: #DCDDEF;
            margin-inline-end: 16px;
        }

        .btn-wrapper .btn.btn-try[b-cppw0kwbsx] {
            background-color: #5252E2;
            color: #fff
        }

.menu-desc[b-cppw0kwbsx] {
    display: flex;
    margin-top: 10px;
    /*margin-right:-220px*/
}
.section-selected[b-cppw0kwbsx] {
    padding: 12px;
    background-color: #303049;
    border-radius: 8px;
}


.dialog-container[b-cppw0kwbsx] {
  height: 550px;
  position: relative;
  width: 50vw;
  border: 1px solid #3F3F4D;
  border-radius: 16px;
  overflow: hidden;
}

  .dialog-container .controls-row[b-cppw0kwbsx] {
    position: absolute;
    width: 100%;
    bottom: 1rem;
    left: 50%;
    transform: translateX(-50%);
    padding: 0rem 2rem;
  }

.dialog-inner-content[b-cppw0kwbsx] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  justify-content: center;
  height:70%;
  padding:0rem 2rem;
}

.dialog-image[b-cppw0kwbsx] {
  width: 100%;
  height: 160px;
}

.style-head[b-cppw0kwbsx] {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 0.3rem;
  color: #DCDDEF;
}

.style-p[b-cppw0kwbsx] {
  line-height: 18px;
  font-family: Poppins;
  font-weight: 400;
  font-size: 12px;
  color: #9596AA;
}

@media(max-width:1024px) {
  .dialog-container[b-cppw0kwbsx] {
    width: 100% !important;
  }
}
.simulate-popup[b-cppw0kwbsx] {
  width: 50vw;
  background-color: #0B0C23;
  padding:1rem 1.5rem;
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  position:fixed;
  bottom:2rem;
  left:10rem;
  z-index:20;
  border-radius:16px;
}
.simulate-popup .right-side-popup[b-cppw0kwbsx]{
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  align-items:flex-start;
  gap:1rem;
}
.simulate-popup .right-side-popup a:nth-child(1)[b-cppw0kwbsx] {
  background-color: #5151DF;
  color: #DCDDEF;
  border-radius:56px;
  padding:0.8rem 2rem;
  width:100%;
  font-size:14px;
}
.simulate-popup .right-side-popup button:nth-child(2)[b-cppw0kwbsx] {
  color: #DCDDEF;
  border: 1px solid #5151DF;
  border-radius: 56px;
  padding: 0.8rem 2rem;
  font-size: 14px;
}
.simulate-popup .left-side-popup[b-cppw0kwbsx] {
  width: 70%;
}
.simulate-popup .left-side-popup p[b-cppw0kwbsx] {
  font-size: 12px;
  color: #DCDDEF;
  line-height:18px;
  margin-bottom:1rem;
  font-weight:500;
  margin-top:0.5rem;
}
.simulate-popup .left-side-popup span[b-cppw0kwbsx]{
  font-size:10px;
}
/* _content/Cybral.Storm.App/Areas/NetworkScanner/Views/CustomScan.razor.rz.scp.css */
.continuous-popup[b-h6ib76anrr] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.2);
  display: none;
}

.continuous-popup .continuous-popup-box[b-h6ib76anrr] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  height: 45vh;
  width: 50%;
  padding: 2.5rem 3rem;
  background-color: #070723;
  border: 1px solid #46465E;
  border-radius: 16px;
}


.continuous-popup .continuous-popup-box .continuous-popup-head[b-h6ib76anrr] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.continuous-popup .continuous-popup-box .continuous-popup-head p[b-h6ib76anrr] {
  color: #DCDDEF;
  font-size: 20px;
  font-weight: 700;
}


.continuous-popup .continuous-popup-box .popup-message[b-h6ib76anrr] {
  margin-top: 3rem;
  color: #9596AA;
}

.continuous-popup .continuous-popup-box button[b-h6ib76anrr] {
  color: #DCDDEF;
  font-weight: 500;
  padding: 0.6rem 3rem;
  border: 1px solid #5252E2;
  border-radius: 56px;
  position: absolute;
  bottom: 2.5rem;
  right: 3rem;
  background-color: #5252E2;
}

.continuous-popup .continuous-popup-box .cancel[b-h6ib76anrr] {
  color: #DCDDEF;
  font-weight: 500;
  padding: 0.6rem 2.5rem;
  border: 1px solid #5252E2;
  border-radius: 56px;
  position: absolute;
  bottom: 2.5rem;
  right: 13rem;
  width: fit-content;
  background-color: transparent !important;
}
/* _content/Cybral.Storm.App/Areas/NetworkScanner/Views/PartialComponents/LaunchCustomScan.razor.rz.scp.css */
.input-2[b-37znf0yt0r]::placeholder{
    color:  #c8c9dc !important;
}
/* _content/Cybral.Storm.App/Areas/NetworkScanner/Views/PartialComponents/ScanLogDetailsPartial.razor.rz.scp.css */
/*-------------------------------------------------------------- details overlay -------------------------------------------------------------*/
.details-overlay[b-wjrk3cushb] {
  position: fixed;
  background: rgba(0,0,0,0.24);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  /*  display:none;*/
}

.details-overlay .details-overlay-inner[b-wjrk3cushb] {
  width: 55%;
  height: 80%;
  border-radius: 16px;
  border: 1px solid #46465E;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background-color: #070723;
  padding: 2.5rem 0rem;
}

.details-overlay .details-overlay-inner .details-header[b-wjrk3cushb] {
  padding: 0rem 3rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.details-overlay .details-overlay-inner .details-header p[b-wjrk3cushb] {
  font-weight: 700;
  font-size: 20px;
}


.details-overlay .details-overlay-inner .table-details[b-wjrk3cushb] {
  height: 80%;
  width: 90%;
  margin: 1.5rem auto;
  display:flex;
  flex-direction:column;
  gap:15px;
  overflow:auto;
}
.details-overlay .details-overlay-inner .table-details[b-wjrk3cushb]::-webkit-scrollbar-thumb{
  border-radius:10px;
}
.details-overlay .details-overlay-inner .table-details[b-wjrk3cushb]::-webkit-scrollbar-track {
  border-radius: 10px;
}
.details-overlay .details-overlay-inner .table-details .table-details-container[b-wjrk3cushb] {
  width: 98%;
  background-color: #11112D;
  padding: 1.5rem 1.5rem;
  border-radius: 16px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
}

.details-overlay .details-overlay-inner .table-details .table-details-container .table-details-item[b-wjrk3cushb]{
  width:calc((100%/2) - 1rem);
  display:flex;
  justify-content:space-between;
  align-items:center;
  text-align:left;
  gap:10px;
}


.details-overlay .details-overlay-inner .table-details .table-details-container .table-details-item span:first-child[b-wjrk3cushb] {
  color: #DCDDEF;
  font-size:12px;
  font-weight:600;
  width:40%;
  text-transform:capitalize;
}

.details-overlay .details-overlay-inner .table-details .table-details-container .table-details-item span:last-child[b-wjrk3cushb] {
  color: #9596AA;
  font-weight: 500;
  font-size: 12px;
  width: 60%;
  text-transform: capitalize;
}


.details-overlay .close-button[b-wjrk3cushb] {
  position: absolute;
  right: 2.8rem;
  bottom: 1.7rem;
  border-radius: 56px;
  border: 1px solid #5252E2;
  color: #DCDDEF;
  font-weight:500;
  padding:0.3rem 1.5rem;
}
/* _content/Cybral.Storm.App/Areas/NetworkScanner/Views/PartialComponents/ScannerPartial.razor.rz.scp.css */
.date-input[b-o8p9s7j7nl] {
  width: 280px;
  border-radius: 22px;
  height: 44px;
  color-scheme: dark;
}

.date-input [b-o8p9s7j7nl]::-webkit-calendar-picker-indicator {
  filter: invert(1);
}
.add-run[b-o8p9s7j7nl] {
  padding: 8px 16px;
  color: #fff;
  width:127px;
  border-radius: 22px;
  white-space: nowrap;
  margin-inline-start: 16px;
  background-color: #6bae45;
}

.sucess-popup[b-o8p9s7j7nl] {
  padding: 58px 99px 31px;
  border: solid 1.5px #606060;
  background-color: #3e3e54;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.not-allowed[b-o8p9s7j7nl] {
  user-select: none;
  opacity: 0.4;
  cursor: not-allowed;
}
/* _content/Cybral.Storm.App/Areas/NetworkScanner/Views/PartialComponents/ScanSettingPartial.razor.rz.scp.css */
.ip-input-section[b-mpjxep20pv] {
  padding: 16px 28px;
  border-radius: 10px;
  border: solid 1px #515159;
  background-color: #13132e;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ip-input-new-section[b-mpjxep20pv] {
  padding: 16px 28px;
  border-radius: 10px;
  border: solid 1px #515159;
  background-color: #13132e;
  margin-bottom: 12px;
}

.ip-input-section input[b-mpjxep20pv]::placeholder {
  color: #646469
}

.range-input[b-mpjxep20pv] {
  min-width: 280px;
  border-radius: 22px;
  height: 44px
}
input.range-input[b-mpjxep20pv]::placeholder, input.date-input[b-mpjxep20pv]::placeholder {
  color: #646469
}
.add-subnet[b-mpjxep20pv] {
  padding: 8px 16px;
  color: #5252e2;
  border-radius: 22px;
  white-space: nowrap;
  border: solid 1px #5252e2;
  margin-inline-start: 16px;
}


.sucess-popup[b-mpjxep20pv] {
  padding: 58px 99px 31px;
  border: solid 1.5px #606060;
  background-color: #3e3e54;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.not-allowed[b-mpjxep20pv] {
  user-select: none;
  opacity: 0.4;
  cursor: not-allowed;
}
/* _content/Cybral.Storm.App/Areas/NetworkScanner/Views/ScannerHome.razor.rz.scp.css */
.sucess-popup[b-vjratq802k] {
  padding: 58px 99px 31px;
  border: solid 1.5px #606060;
  background-color: #3e3e54;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.not-allowed[b-vjratq802k] {
  user-select: none;
  opacity: 0.4;
  cursor: not-allowed;
}

.pointer:hover[b-vjratq802k]{
  cursor: pointer;
}

.dialog-container[b-vjratq802k] {
  height: 550px;
  position: relative;
  width: 50vw;
  border: 1px solid #3F3F4D;
  border-radius: 16px;
  overflow: hidden;
}

 .dialog-container .controls-row[b-vjratq802k] {
    position: absolute;
    width: 100%;
    bottom: 1rem;
    left: 50%;
    transform: translateX(-50%);
    padding: 0rem 2rem;
  }

.dialog-inner-content[b-vjratq802k] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  justify-content: center;
  height: 70%;
  padding: 0rem 2rem;
}

.dialog-image[b-vjratq802k] {
  width: 100%;
  height: 160px;
}

.style-head[b-vjratq802k] {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 0.3rem;
  color: #DCDDEF;
}

.style-p[b-vjratq802k] {
  line-height: 18px;
  font-family: Poppins;
  font-weight: 400;
  font-size: 12px;
  color: #9596AA;
}

@media(max-width:1024px) {
  .dialog-container[b-vjratq802k] {
    width: 100% !important;
  }
}
/* _content/Cybral.Storm.App/Areas/NetworkScanner/Views/ScansLog.razor.rz.scp.css */
body[b-jdzugwk69y] {
  font-family: "Poppins"
}

.main-container[b-jdzugwk69y] {
  margin-top: 0rem;
  width: 97%;
  margin-left: 1rem;
  margin-bottom: 1rem;
  padding-bottom: 3rem;
}

.upper-box[b-jdzugwk69y] {
  display: flex;
  justify-content: space-between;
}

.upper-box .upper-left-side[b-jdzugwk69y] {
  width: 30%;
  border-radius: 8px;
  background-color: #070723;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 3rem 1.5rem;
  gap: 1.5rem;
}

.upper-box .upper-left-side div span[b-jdzugwk69y] {
  color: #9596AA;
  font-size: 14px;
  font-weight: 300;
  line-height: 21px;
}

.upper-box .upper-left-side div p[b-jdzugwk69y] {
  color: #DCDDEF;
  font-size: 22px;
  font-weight: 500;
  line-height: 33px;
}

.upper-box .upper-right-side[b-jdzugwk69y] {
  width: 69%;
  border-radius: 8px;
  background-color: #070723;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 3rem 1.5rem;
  gap: 1.5rem;
}

.upper-box .upper-right-side div span[b-jdzugwk69y] {
  color: #9596AA;
  font-size: 14px;
  font-weight: 300;
  line-height: 21px;
}

.upper-box .upper-right-side div p[b-jdzugwk69y] {
  color: #DCDDEF;
  font-size: 22px;
  font-weight: 500;
  line-height: 33px;
}


/*-------------------------------------------------------------- table boxes -----------------------------------------------------*/
.table-boxes[b-jdzugwk69y] {
  /*  margin-top: 2rem;*/
}

.table-boxes .table1[b-jdzugwk69y] {
  margin-bottom: 2rem;
  width: 100%;
}

.table-boxes .table1 tr[b-jdzugwk69y] {
  margin-bottom: 1rem;
  border-radius: 8px;
  overflow: hidden;
  height: 60px;
}

.table-boxes .table1 tr th[b-jdzugwk69y] {
  font-size: 12px;
  color: #DCDDEF;
  font-weight: 700;
}

.table-boxes .table1 tr td[b-jdzugwk69y] {
  font-size: 14px;
  font-weight: 400;
  width: 50px;
}

.table-boxes .table1 tr td[b-jdzugwk69y], .table-boxes .table1 tr th[b-jdzugwk69y] {
  text-transform: capitalize;
  text-align: center;
}

.table-boxes .table1 tr:nth-child(odd)[b-jdzugwk69y] {
  background-color: #21213D;
}

.table-boxes .table1 tr:nth-child(even)[b-jdzugwk69y] {
  background-color: #292943;
}



.table-boxes .table2[b-jdzugwk69y] {
  margin-bottom: 2rem;
  width: 100%;
  margin-top: 2rem;
}

.table-boxes .table2 tr[b-jdzugwk69y] {
  margin-bottom: 1rem;
  border-radius: 8px;
  overflow: hidden;
  height: 60px;
}

.table-boxes .table2 tr th[b-jdzugwk69y] {
  font-size: 12px;
  color: #DCDDEF;
  font-weight: 700;
}

.table-boxes .table2 tr td[b-jdzugwk69y] {
  font-size: 14px;
  font-weight: 400;
}


.table-boxes .table2 tr td[b-jdzugwk69y], .table-boxes .table2 tr th[b-jdzugwk69y] {
  text-align: center;
  text-transform: capitalize;
}



.main-header[b-jdzugwk69y] {
  display: flex;
  align-items: center;
  gap: 3rem;
  padding: 1.2rem;
  padding-left: 2rem;
  background-color: #292944;
  border-radius: 8px;
  position: relative;
}

.main-header p[b-jdzugwk69y] {
  display: flex;
  gap: 5px;
  align-items: center;
  font-size: 18px;
  font-weight: 500;
  color: #DCDDEF;
}

.main-header p span[b-jdzugwk69y] {
  font-size: 18px;
  font-weight: 300;
  color: #9596AA;
}

.main-header p img[b-jdzugwk69y] {
  padding-right: 5px;
}

.main-header a[b-jdzugwk69y] {
  position: absolute;
  right: 2rem;
  top: 50%;
  transform: translateY(-50%);
  color: #5252E2;
  font-weight: 500;
  cursor: pointer;
}


/*-------------------------------------------------------------- details overlay -------------------------------------------------------------*/


.details-overlay[b-jdzugwk69y] {
  position: fixed;
  background: rgba(0,0,0,0.24);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  /*  display:none;*/
}

.details-overlay .details-overlay-inner[b-jdzugwk69y] {
  width: 55%;
  height: 80%;
  border-radius: 16px;
  border: 1px solid #46465E;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background-color: #070723;
  padding: 2.5rem 0rem;
}

.details-overlay .details-overlay-inner .details-header[b-jdzugwk69y] {
  padding: 0rem 3rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.details-overlay .details-overlay-inner .details-header p[b-jdzugwk69y] {
  font-weight: 700;
  font-size: 20px;
}


.details-overlay .details-overlay-inner .table-details[b-jdzugwk69y] {
  height: 80%;
  width: 90%;
  margin: 1.5rem auto;
  display:flex;
  flex-direction:column;
  gap:15px;
  overflow:auto;
}
.details-overlay .details-overlay-inner .table-details[b-jdzugwk69y]::-webkit-scrollbar-thumb{
  border-radius:10px;
}
.details-overlay .details-overlay-inner .table-details[b-jdzugwk69y]::-webkit-scrollbar-track {
  border-radius: 10px;
}
.details-overlay .details-overlay-inner .table-details .table-details-container[b-jdzugwk69y] {
  width: 98%;
  background-color: #11112D;
  padding: 1.5rem 1.5rem;
  border-radius: 16px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
}

.details-overlay .details-overlay-inner .table-details .table-details-container .table-details-item[b-jdzugwk69y]{
  width:calc((100%/2) - 1rem);
  display:flex;
  justify-content:space-between;
  align-items:center;
  text-align:left;
  gap:10px;
}


.details-overlay .details-overlay-inner .table-details .table-details-container .table-details-item span:first-child[b-jdzugwk69y] {
  color: #DCDDEF;
  font-size:12px;
  font-weight:600;
  width:40%;
  text-transform:capitalize;
}

.details-overlay .details-overlay-inner .table-details .table-details-container .table-details-item span:last-child[b-jdzugwk69y] {
  color: #9596AA;
  font-weight: 500;
  font-size: 12px;
  width: 60%;
  text-transform: capitalize;
}


.details-overlay .close-button[b-jdzugwk69y] {
  position: absolute;
  right: 2.8rem;
  bottom: 1.7rem;
  border-radius: 56px;
  border: 1px solid #5252E2;
  color: #DCDDEF;
  font-weight:500;
  padding:0.3rem 1.5rem;
}
/* _content/Cybral.Storm.App/Areas/NetworkScanner/Views/VulnerabilityScanResults.razor.rz.scp.css */
*[b-d146cc9p0v] {
  font-family: "Poppins"
}
.filter[b-d146cc9p0v] {
  display: flex;
  align-items: center;
  background-color: #46465F;
  border-radius: 5px;
}

  .filter .label-severity[b-d146cc9p0v] {
    padding: 7px 9px;
    color: #dcddef;
    cursor: pointer;
    font-size: 12px;
    display: flex;
    align-items: center;
    background-color: #46465F;
  }
.pointer[b-d146cc9p0v]{
  &:hover{
    cursor: pointer;
  }
}

.filter .label-severity:first-child[b-d146cc9p0v] {
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.filter .label-severity:last-child[b-d146cc9p0v] {
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.indicator[b-d146cc9p0v] {
  height: 8px;
  width: 8px;
  border-radius: 50%;
  margin-inline-end: 4px;
}

  .indicator.critical[b-d146cc9p0v] {
    background-color: black;
  }

  .indicator.high[b-d146cc9p0v] {
    background-color: #f03c4a;
  }

  .indicator.medium[b-d146cc9p0v] {
    background-color: #ff8a45;
  }

  .indicator.low[b-d146cc9p0v] {
    background-color: #4e65ff;
  }
.dialog-container[b-d146cc9p0v] {
  height: 550px;
  position: relative;
  width: 50vw;
  border: 1px solid #3F3F4D;
  border-radius: 16px;
  overflow: hidden;
}

  .dialog-container .controls-row[b-d146cc9p0v] {
    position: absolute;
    width: 100%;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    padding: 0rem 2rem;
  }

.dialog-inner-content[b-d146cc9p0v] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 4rem;
  align-items: center;
  justify-content: center;
}

.dialog-image[b-d146cc9p0v] {
  width: 100%;
  height: 160px;
}

.network-topology-head[b-d146cc9p0v] {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px
}

.network-topology-p[b-d146cc9p0v] {
  text-align: center;
  line-height: 18px;
  font-family: Poppins;
  font-weight: 400;
  font-size: 12px;
}

@media(max-width:1024px) {
  .dialog-container[b-d146cc9p0v] {
    width: 100% !important;
  }
}
/* _content/Cybral.Storm.App/Areas/NetworkScanner/Widgets/CustomComponent/BuildAgentNodeModel.razor.rz.scp.css */


.micro-agent-node[b-tmi65zloqx] {
  width: 100px;
  height: 99px;
  padding: 16px;
  background-color: #1D1D36;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.agent-node[b-tmi65zloqx] {
  width: 144px;
  height: 143px;
  padding: 16px;
  background-color: #1D1D36;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.master-node[b-tmi65zloqx] {
  width: 206px;
  height: 206px;
  padding: 16px;
  border: solid 1px #333;
  background-color: #141424;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.selected[b-tmi65zloqx] {
  border: solid 2px #fff;
}

/* _content/Cybral.Storm.App/Areas/OrganizationSettings/OrganizationSettingComponents/ScheduledReportsForm.razor.rz.scp.css */
.input-color[b-rhypsg1i3j]::placeholder {
  color: #696980;
}
.emails-div[b-rhypsg1i3j] {
  background-color: #2A2A42;
  border-radius: 16px;
  height: 100px;
  overflow: auto;

}
.single-email[b-rhypsg1i3j] {
  display: flex;
  align-items: center;
  width: fit-content;
  background-color: #2E2E4F;
  border-radius: 10px;
  gap:5px;
  padding:4px;
  cursor:pointer;
}
  .single-email span[b-rhypsg1i3j] {
    font-size: 12px;
    color: #FFFFFF;
    font-weight: 400;
  }
/* _content/Cybral.Storm.App/Areas/OrganizationSettings/Shared/OrganizationSettings.razor.rz.scp.css */
.org-info[b-lowgtnj9p0]::placeholder {
  color: #c8c9dc59;
}

org-info[b-lowgtnj9p0]{
    color: #ffffff;
}

.plan-selected[b-lowgtnj9p0] {
  background-color: #0e0e29;
}

.current-plan[b-lowgtnj9p0] {
  padding: 7px 10px;
  background-color: #d5d6df;
  color: #20203b;
  border-radius: 10px;
  width: fit-content;
}
/* _content/Cybral.Storm.App/Areas/Reports/Comprehensive.razor.rz.scp.css */
table tr th[b-njc4pt0tbv] {
  padding: 1rem;
  background-color: #E9E9EA;
  color: #0E0E29;
  font-size: 14px;
  font-weight: 600;
  text-align: left;
}

table tr td[b-njc4pt0tbv] {
  font-size: 14px;
  font-weight: 300;
  text-align: left;
  color: #0E0E29;
  padding: 1rem;
}

[b-njc4pt0tbv]::-webkit-scrollbar-track {
  background: #F0F0F1 !important;
}

[b-njc4pt0tbv]::-webkit-scrollbar-thumb {
  background-color: #F0F0F1 !important;
}

r[b-njc4pt0tbv]::-webkit-scrollbar-track {
  background: #F0F0F1 !important;
}


@media print {

  .insights-box[b-njc4pt0tbv] {
    flex-direction: column !important;
    gap: 3rem !important;
    align-items: center !important;
    justify-content: center !important;
    height: 50vh;
  }

  .insights1[b-njc4pt0tbv] {
    width: 100% !important;
    padding: 20px !important;
    box-sizing: border-box;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

  .rects[b-njc4pt0tbv] {
    width: 100% !important;
    padding: 20px !important;
    box-sizing: border-box;
    gap: 10rem !important;
  }

  .first-page[b-njc4pt0tbv] {
    height: 40vh;
  }

  .second-page[b-njc4pt0tbv] {
    /*page-break-before:always;*/
  }

  .freq-table[b-njc4pt0tbv] {
    page-break-before: always;
  }

  .third-page[b-njc4pt0tbv] {
    page-break-before: always;
  }

  @media (max-width:900px) {
    .defense-p[b-njc4pt0tbv] {
      page-break-before: avoid;
    }
  }

  @media (min-width:901px) {
    .second-page[b-njc4pt0tbv] {
      page-break-before: always;
    }
    
    .defense-p[b-njc4pt0tbv] {
        page-break-before:always;
    }

    .third-page[b-njc4pt0tbv] {
      margin-top: -5rem;
      page-break-before: unset;
    }

    .freq-table[b-njc4pt0tbv] {
      page-break-before: always;
    }

    .vulnerabilities-insights-head[b-njc4pt0tbv] {
      margin-bottom: 7rem;
      margin-top: 5rem;
    }
  }
}
/* _content/Cybral.Storm.App/Areas/Reports/NetworkOverviewReport.razor.rz.scp.css */
@media print {
  @media (min-width:901px) {
    .first-section[b-i5wxtzgl0f] {
      page-break-after: always;
    }

    .second-section[b-i5wxtzgl0f] {
      page-break-after: always;
    }

    .third-section[b-i5wxtzgl0f] {
      margin-top: -2rem;
    }

    .fourth-section[b-i5wxtzgl0f] {
      margin-top: -5rem;
    }

    .insights-cont[b-i5wxtzgl0f] {
      gap: 7rem !important;
    }

    .defense-p[b-i5wxtzgl0f] {
      page-break-before: always
    }

    .freq-section[b-i5wxtzgl0f] {
      page-break-before: always;
    }
  }


  .insights-cont[b-i5wxtzgl0f] {
    gap: 8rem !important;
  }
}
/* _content/Cybral.Storm.App/Areas/Reports/PartialComponents/AttackScenarioPart.razor.rz.scp.css */
body[b-3vbk0bh99k] {
}
/* _content/Cybral.Storm.App/Areas/Reports/PartialComponents/DefenceStrategyPart.razor.rz.scp.css */



.defence-p[b-go1q9dawwm] {
  position: relative;
  color: #8E8E9C;
  font-size: 12px;
  font-weight: 400;
  margin-top:1rem;
}

  .defence-p[b-go1q9dawwm]::before {
    content: '';
    position: absolute;
    left: -1rem;
    top: 45%;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #8E8E9C;
  }
/* _content/Cybral.Storm.App/Areas/Reports/PartialComponents/RiskScoreReportPart.razor.rz.scp.css */

/* --------------------------------------------------------------- vulnerabilities status ------------------------------------------------------------------*/
.vulnerabilities-status[b-q271v549io] {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  height: 500px;
}


  .vulnerabilities-status .vulnerabilities-status-upper[b-q271v549io] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 80%;
    border-bottom: 1px solid #D5D5D6;
  }

    .vulnerabilities-status .vulnerabilities-status-upper p[b-q271v549io] {
      display: flex;
      align-items: center;
      gap: 1rem
    }

  .vulnerabilities-status .vulnerabilities-status-lower[b-q271v549io] {
    display: flex;
    padding: 1rem 2rem 1rem 3rem;
    align-items: center;
    gap: 5rem;
    height: 20%;
  }

    .vulnerabilities-status .vulnerabilities-status-lower .vulnerabilities-lower-item p[b-q271v549io] {
      display: flex;
      gap: 5px;
      margin-bottom: 10px;
      color: #46465E;
      font-size: 14px;
    }

    .vulnerabilities-status .vulnerabilities-status-lower .vulnerabilities-lower-item .type-number[b-q271v549io] {
      color: #5252E2;
      font-size: 16px;
      font-weight: 500;
    }

  .vulnerabilities-status .vulnerabilities-status-upper .vulnerabilities-status-upper-left[b-q271v549io],
  .vulnerabilities-status .vulnerabilities-status-upper .vulnerabilities-status-upper-right[b-q271v549io] {
    width: 50%;
  }

  .vulnerabilities-status .vulnerabilities-status-upper .vulnerabilities-status-upper-left[b-q271v549io] {
    padding: 3rem 2rem 0rem 3rem;
    position: absolute;
    top: 0;
    left: 0;
    width: 35%;
    height: 100%;
  }

    .vulnerabilities-status .vulnerabilities-status-upper .vulnerabilities-status-upper-left .score-box[b-q271v549io] {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      margin-top: 1.5rem;
      border-radius: 16px;
      width: fit-content;
      backdrop-filter: blur(20px);
      position: relative;
      border: none;
      width: fit-content;
      background-size: 100% 100%;
      position: relative;
    }

      .vulnerabilities-status .vulnerabilities-status-upper .vulnerabilities-status-upper-left .score-box .score-content[b-q271v549io] {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 0.5rem;
        background-color: #D8D8D8;
        padding: 1rem 2rem;
        border-radius: 8px;
      }

    .vulnerabilities-status .vulnerabilities-status-upper .vulnerabilities-status-upper-left .bg-img[b-q271v549io] {
      width: 240px;
    }

    .vulnerabilities-status .vulnerabilities-status-upper .vulnerabilities-status-upper-left .score-box .score-content span:first-child[b-q271v549io] {
      font-size: 12px;
      font-weight: 400;
      color: #A50121;
    }

    .vulnerabilities-status .vulnerabilities-status-upper .vulnerabilities-status-upper-left .score-box .score-content span:nth-child(2)[b-q271v549io] {
      color: #A50121;
      font-size: 32px;
      font-weight: 500;
      line-height: 34px;
    }

  .vulnerabilities-status .vulnerabilities-status-upper .vulnerabilities-status-upper-right[b-q271v549io] {
    padding: 2rem 2rem 2rem 2rem;
    position: absolute;
    top: 0;
    right: 0;
    width: 65%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 3rem 2rem 2rem 2rem;
  }

    .vulnerabilities-status .vulnerabilities-status-upper .vulnerabilities-status-upper-right img[b-q271v549io] {
      width: 90%;
      height: 90%;
    }

  .vulnerabilities-status .vulnerabilities-status-upper .vulnerabilities-status-upper-left .urgent-text[b-q271v549io] {
    color: #46465E;
    font-size: 20px;
    font-weight: 500;
    line-height: 32px;
  }

  /*-------------------------------------------------------------- resolved -------------------------------------------------------------------*/


  .vulnerabilities-status .vulnerabilities-status-upper .vulnerabilities-status-upper-left .resolved-box[b-q271v549io] {
    display: flex;
    gap: 10px;
    align-items: center;
  }

    .vulnerabilities-status .vulnerabilities-status-upper .vulnerabilities-status-upper-left .resolved-box .resolved-span[b-q271v549io] {
      color: #548836;
      font-size: 14px;
      font-weight: 500;
    }

    .vulnerabilities-status .vulnerabilities-status-upper .vulnerabilities-status-upper-left .resolved-box a[b-q271v549io] {
      color: #5252E2;
      text-decoration: underline;
      font-size: 14px;
    }

      .vulnerabilities-status .vulnerabilities-status-upper .vulnerabilities-status-upper-left .resolved-box a:hover[b-q271v549io] {
        color: #AFAFF2;
        transition: 0.3s ease;
      }

  /*-------------------------------------------------------------- vulnerabilities types -------------------------------------------------------*/
  .vulnerabilities-status .vulnerabilities-status-upper .vulnerabilities-status-upper-left .vulnerabilities-details[b-q271v549io] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 3rem;
  }

    .vulnerabilities-status .vulnerabilities-status-upper .vulnerabilities-status-upper-left .vulnerabilities-details .vulnerability-item[b-q271v549io] {
      width: 50%;
      margin-bottom: 1.2rem;
    }

      .vulnerabilities-status .vulnerabilities-status-upper .vulnerabilities-status-upper-left .vulnerabilities-details .vulnerability-item p[b-q271v549io] {
        display: flex;
        align-items: center;
        gap: 5px;
        color: #46465E;
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 0.5rem;
      }

      .vulnerabilities-status .vulnerabilities-status-upper .vulnerabilities-status-upper-left .vulnerabilities-details .vulnerability-item .type-number[b-q271v549io] {
        color: #5252E2;
        font-size: 18px;
        font-weight: 500;
      }

.p-hover[b-q271v549io] {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 5px;
}

  .p-hover:hover span[b-q271v549io] {
    color: #5252E2;
    transition: 0.2s ease;
  }

  .p-hover:hover path[b-q271v549io] {
    fill: #5252E2;
    transition: 0.2s ease;
  }


.apexcharts-text[b-q271v549io], .apexcharts-yaxis-label[b-q271v549io] {
  fill: #46465E !important;
}

  ..apexcharts-text tspan[b-q271v549io], .apexcharts-yaxis-label tspan[b-q271v549io] {
    fill: #46465E !important;
  }

.apexcharts-yaxis tspan[b-q271v549io] {
  fill: #46465E !important;
}


@media print {
  .vulnerabilities-status-upper[b-q271v549io] {
    flex-direction: column;
    gap: 2rem;
  }

  @media (min-width:901px) {
    .vulnerabilities-status-upper[b-q271v549io] {
      flex-direction: column !important;
    }
  .vulnerabilities-status-upper-left[b-q271v549io]{
      width:100%;
  }
  .vulnerabilities-status-upper-right[b-q271v549io]{
      width:100%;
  }
  }
}
/* _content/Cybral.Storm.App/Areas/Reports/PartialComponents/SecurityPostureReportPart.razor.rz.scp.css */
.security-posture[b-bly5tk6hsf] {
  position: relative;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  margin-bottom: 2rem;
}

  .security-posture .security-posture-left[b-bly5tk6hsf] {
    width: 35%;
    /*  padding: 0rem 0rem;*/
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: self-start;
    gap: 2rem;
    z-index: 5;
    height: 80%;
  }


    .security-posture .security-posture-left p[b-bly5tk6hsf] {
      font-size: 14px;
      color: #46465E;
      line-height: 24px;
      font-weight: 300;
    }

  .security-posture .security-posture-right[b-bly5tk6hsf] {
    width: 65%;
    padding-top: 2rem;
  }

.progress-row-left:hover[b-bly5tk6hsf] {
  color: #5252E2;
  transition: 0.3s ease;
  cursor: pointer;
}

.security-posture .security-posture-right .progress-row[b-bly5tk6hsf] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 3rem;
  margin-bottom: 2rem;
  gap: 1rem;
}

.security-posture .security-posture-right .progress-row-left[b-bly5tk6hsf] {
  text-align: right;
  width: 30%;
}

.progress-row-left:hover[b-bly5tk6hsf] {
  color: #5252E2;
  transition: 0.3s ease;
  cursor: pointer;
}

.security-posture .security-posture-right .progress-row[b-bly5tk6hsf] {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
  gap: 1rem;
}

.security-posture .security-posture-right .progress-row-left[b-bly5tk6hsf] {
  text-align: right;
  width: 30%;
  color: #46465E;
}

.security-posture .security-posture-right .progress-row-right[b-bly5tk6hsf] {
  position: relative;
  border-radius: 42px;
  width: 50%;
  height: 11px;
  background-color: #242447;
  animation: animate-b-bly5tk6hsf 1s cubic-bezier(1, 0, 0.5, 1) forwards;
  transform: scaleX(0);
  transform-origin: left;
}

  .security-posture .security-posture-right .progress-row-right span[b-bly5tk6hsf] {
    height: 100%;
    background-color: #5252E2;
    position: absolute;
    border-radius: 42px;
    animation: animate-b-bly5tk6hsf 1s 1s cubic-bezier(1, 0, 0.5, 1) forwards;
    transform: scaleX(0);
    transform-origin: left;
  }

.security-posture .security-posture-right .progress-value[b-bly5tk6hsf] {
  position: absolute;
  color: #FFFFFF;
  font-size: 12px;
  top: -20px;
  right: 0px;
  font-weight: 300;
  opacity: 0;
  animation: showText-b-bly5tk6hsf 0.5s 1.5s linear forwards;
}

.security-posture .security-posture-right .progress-row-right span[b-bly5tk6hsf]::after {
  content: attr(data-value);
  position: absolute;
  color: #46465E;
  font-size: 12px;
  top: -20px;
  right: -10px;
  animation: showText-b-bly5tk6hsf 0.5s 1.5s linear forwards;
  font-weight: 300;
}

@keyframes showText-b-bly5tk6hsf {
  100% {
    opacity: 1;
  }
}

@keyframes animate-b-bly5tk6hsf {
  100% {
    transform: scaleX(1);
  }
}

.security-posture .security-posture-right .progress-row .total[b-bly5tk6hsf] {
  font-weight: 500;
  color: #46465E;
  font-size: 14px;
}


@media print {
  .security-posture .security-posture-right .progress-row-right[b-bly5tk6hsf] {
    background-color: #242447 !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  .security-posture .security-posture-right .progress-row-right span[b-bly5tk6hsf] {
    background-color: rgb(82, 82, 226) !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  .security-posture .security-posture-right .progress-row-right span[b-bly5tk6hsf]::after {
    color: #46465E !important;
  }
}



/* _content/Cybral.Storm.App/Areas/Reports/PartialComponents/VulnerabilityFrequencyReportPart.razor.rz.scp.css */
table tr th[b-gjh2h94u9i] {
  padding: 1rem;
  background-color: #E9E9EA;
  color: #0E0E29;
  font-size: 14px;
  font-weight: 600;
  text-align: left;
}
table tr td[b-gjh2h94u9i] {
  font-size: 14px;
  font-weight: 300;
  text-align: left;
  color: #0E0E29;
  padding: 1rem;

}
[b-gjh2h94u9i]::-webkit-scrollbar-track {
  background: #F0F0F1 !important;
}

[b-gjh2h94u9i]::-webkit-scrollbar-thumb {
  background-color: #F0F0F1 !important;
}
r[b-gjh2h94u9i]::-webkit-scrollbar-track{
  background: #F0F0F1 !important;
}
/* _content/Cybral.Storm.App/Areas/Support/Components/Support.razor.rz.scp.css */
/* _content/Cybral.Storm.App/Areas/Vulnerabilities/VulnerabilitySearch/Shared/VulnerabilitySearch.razor.rz.scp.css */
.pointer:hover[b-5ztm0qyb7e]{
  cursor:pointer !important;
}

*[b-5ztm0qyb7e] {
  font-family: "Poppins"
}


.dialog-container[b-5ztm0qyb7e] {
  height: 550px;
  position: relative;
  width: 50vw;
  border: 1px solid #3F3F4D;
  border-radius:16px;
  overflow:hidden;
}
  .dialog-container .controls-row[b-5ztm0qyb7e] {
    position: absolute;
    width: 100%;
    bottom: 1rem;
    left: 50%;
    transform: translateX(-50%);
    padding: 0rem 2rem;
  }

.dialog-inner-content[b-5ztm0qyb7e] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  justify-content: center;
  height: 70%;
  padding: 0rem 2rem;
}

.dialog-image[b-5ztm0qyb7e] {
  width: 100%;
  height: 160px;
}

.style-head[b-5ztm0qyb7e] {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 0.3rem;
  color: #DCDDEF;
}

.style-p[b-5ztm0qyb7e] {
  line-height: 18px;
  font-family: Poppins;
  font-weight: 400;
  font-size: 12px;
  color: #9596AA;
}

.xasm-gradient[b-5ztm0qyb7e] {
  font-size: 24px;
  font-weight: 800;
  margin-bottom: 3px;
  background: linear-gradient(to right,#4568DC, #B06AB3);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.analyzer-gradient[b-5ztm0qyb7e] {
  background: linear-gradient(to right,#4568DC 35%, #FF7C18);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 24px;
  font-weight: 700;
  text-align: center;
}

@media(max-width:1024px) {
  .dialog-container[b-5ztm0qyb7e] {
    width: 100% !important;
  }
}
/* _content/Cybral.Storm.App/Areas/Xasm/AttackSurfaceDiscovery/AttackSurface.razor.rz.scp.css */
body[b-ktbo463exw] {
  font-family: "Poppins"
}



.surface-container[b-ktbo463exw] {
  width: 95%;
  margin: 10px auto;
  padding-bottom: 5rem;
  padding-top: 2rem;
}

  .surface-container .attack-heading[b-ktbo463exw] {
    padding-bottom: 5rem;
    position: relative;
  }

    .surface-container .attack-heading .attack-heading-upper[b-ktbo463exw] {
      display: flex;
      align-items: stretch;
      justify-content: space-between;
      gap: 2rem;
      backdrop-filter: blur(20px);
    }

    .surface-container .attack-heading .attack-heading-upper .attack-heading-upper-left[b-ktbo463exw] {
      border-radius: 32px;
      width: 65%;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      gap: 4rem;
      flex-wrap: wrap;
      padding: 3rem 0rem;
      box-shadow: rgb(14, 15, 43, 1) 0px 30px 120px;
      backdrop-filter: blur(20px);
      background-color: #0E0F2A;
      padding-left: 3rem;
    }

        .surface-container .attack-heading .attack-heading-upper .attack-heading-upper-left .attack-heading-upper-left-box[b-ktbo463exw] {
          display: flex;
          align-items: center;
          justify-content: center;
          gap: 1rem;
        }

      .surface-container .attack-heading .attack-heading-upper .attack-heading-upper-right[b-ktbo463exw] {
        background-color: #0E0F2A;
        border-radius: 32px;
        width: 45%;
        overflow: hidden;
        box-shadow: rgb(14, 15, 43, 1) 0px 30px 120px;
        backdrop-filter: blur(20px);
        display: flex;
        justify-content: center;
        align-content: center;
      }

        .surface-container .attack-heading .attack-heading-upper .attack-heading-upper-right img[b-ktbo463exw] {
          width: 90%;
          object-fit: cover;
          display: block;
          margin: auto;
          height: 90%;
        }
/* _content/Cybral.Storm.App/Areas/Xasm/AttackSurfaceDiscovery/PartialComponents/AttackSurfaceAssets.razor.rz.scp.css */

.actions-box .distribution-btn[b-hv57s6jn45] {
  border-radius: 56px;
  border: 1px solid #5252E2;
  padding: 0rem 2rem;
  height: 100%;
  color: #DCDDEF;
  margin-left: 2rem;
}

.actions-box .toggle-btns[b-hv57s6jn45] {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: center;
}

  .actions-box .toggle-btns button[b-hv57s6jn45] {
    padding: 0.7rem;
    background-color: #0E0E29;
    border-radius: 5px;
  }

    .actions-box .toggle-btns button.active[b-hv57s6jn45] {
      background-color: #323347;
      padding: 0.65rem;
      border-radius: 5px;
    }

/* ----------------------------------------------------- filter -------------------------------------------*/
.filter-droprown[b-hv57s6jn45] {
  position: absolute;
  top: 105%;
  left: 0;
  width: 100%;
  background-color: #070723;
  border-radius: 5px;
  padding-bottom: 0.5rem;
}

  .filter-droprown .devices-filter[b-hv57s6jn45] {
    margin-top: 1rem;
  }

  .filter-droprown .status-filter[b-hv57s6jn45] {
    margin-top: 2rem;
  }

  .filter-droprown .single-row[b-hv57s6jn45] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.2rem 0.8rem;
    color: #DCDDEF;
    padding-left: 1rem;
    margin-bottom: 0.5rem;
  }

    .filter-droprown .single-row span[b-hv57s6jn45] {
      color: #DCDDEF;
      text-transform: capitalize;
      font-size: 12px;
    }

.custom-checkbox[b-hv57s6jn45] {
  width: 17px;
  height: 17px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 5px;
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border: 3px solid #4747A8;
  border-radius: 4px;
}

  .custom-checkbox input[b-hv57s6jn45] {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    opacity: 0;
    cursor: pointer;
    border: none;
    width: 100%;
    height: 100%;
  }

  .custom-checkbox .checkmark[b-hv57s6jn45] {
    position: absolute;
    left: 0%;
    transform: translateY(-50%);
    top: 50%;
    height: 16px;
    width: 100%;
    border-radius: 3px;
    border: 1px solid var(--Primary-Primary);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color 0.3s;
  }

    .custom-checkbox .checkmark[b-hv57s6jn45]::after {
      content: "";
      color: transparent;
    }

  .custom-checkbox input:checked + .checkmark[b-hv57s6jn45] {
    background-color: #4747A8;
  }

    .custom-checkbox input:checked + .checkmark[b-hv57s6jn45]::after {
      content: "";
      position: absolute;
      display: block;
      left: 33%;
      top: 21%;
      transform: translateX(-50%);
      width: 4px;
      height: 8px;
      border: solid white;
      border-width: 0 2px 2px 0;
      transform: rotate(45deg);
    }

/* ----------------------------------------------------------------------------- assets -----------------------------------------------------------------*/
.assets-details[b-hv57s6jn45] {
  width: 97%;
  margin-top: 2rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
  z-index: 10;
  flex-wrap: wrap;
}

  .assets-details .asset-box[b-hv57s6jn45] {
    width: calc(( 100% / 3 ) - 1rem );
    border-radius: 32px;
    box-shadow: rgb(14, 15, 43, 1) 0px 30px 120px;
    backdrop-filter: blur(20px);
    background-color: #0E0F2A;
    padding: 1.5rem 2rem;
  }

    .assets-details .asset-box .row1[b-hv57s6jn45] {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 1.5rem;
    }

      .assets-details .asset-box .row1 .status[b-hv57s6jn45] {
        display: flex;
        align-items: center;
        gap: 5px;
        padding: 0.3rem 0.7rem;
      }

        .assets-details .asset-box .row1 .status span[b-hv57s6jn45] {
          font-size: 12px;
          color: #DCDDEF;
          font-weight: 400;
        }

        .assets-details .asset-box .row1 .status.critical[b-hv57s6jn45] {
          background-color: #1D0F2C;
        }

        .assets-details .asset-box .row1 .status.medium[b-hv57s6jn45] {
          background-color: #21202A;
        }

    .assets-details .asset-box .row[b-hv57s6jn45] {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 1rem;
    }

      .assets-details .asset-box .row span:first-child[b-hv57s6jn45] {
        color: #DCDDEF;
        font-size: 14px;
        font-weight: 600;
      }

      .assets-details .asset-box .row span:nth-child(2)[b-hv57s6jn45] {
        color: #DCDDEF;
        font-size: 12px;
      }


@media (max-width:1024px) {
  .assets-details .asset-box[b-hv57s6jn45] {
    width: calc((100% / 2) - 1rem )
  }
}
/* ----------------------------------------------------------------------------- table -----------------------------------------------------------------*/
table[b-hv57s6jn45] {
  margin-top: 1.5rem;
  position: relative;
  /*z-index: 10;*/
}

thead[b-hv57s6jn45] {
  position: sticky;
  top: 0;
  left: 0;
  text-align: left;
  background-color: #0E0E29;
  border-radius: 15px;
  height: 50px;
  color: #DCDDEF;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
}

tbody tr[b-hv57s6jn45] {
  height: 60px;
  border-bottom: 1px solid #474752;
}

tbody td[b-hv57s6jn45] {
  color: #DCDDEF;
  font-weight: 400;
  white-space: nowrap;
  font-size: 12px;
}

/*Custom*/
.dimmed[b-hv57s6jn45] {
  opacity: 0.5;
  cursor: not-allowed !important;
}
/* _content/Cybral.Storm.App/Areas/Xasm/AttackSurfaceDiscovery/PartialComponents/GeographicalAssetMap.razor.rz.scp.css */
body[b-awdvd93j99] {
  font-family: "Poppins"
}

.leaflet-container[b-awdvd93j99] {
    background: none !important;
    outline: 0;
}
/* _content/Cybral.Storm.App/Areas/Xasm/GithubLeaks/GithubLeaks.razor.rz.scp.css */
td[b-cknwwoduc6] {
  word-break: break-word;
  color: #DCDDEF;
  font-size: 12px;
  padding: 0.3rem 0.5rem;
  max-width: calc(100vw / var(--column-count));
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #26264978;
}
/*tr {
  border-bottom: 1px solid #474752;
}
*/
.header-tr[b-cknwwoduc6] {
 background-color: #070723;
}
.body-tr[b-cknwwoduc6] {
  background: #26264978;
  border-bottom: 1px solid #474752;
}
.table-overlay[b-cknwwoduc6]{
    position:absolute;
    right:-1rem;
    top:-5rem;
}
th[b-cknwwoduc6] {
  color: #DCDDEF;
  padding: 0.7rem;
  font-size: 14px;
  min-width: 100px;
  max-width: calc(100vw / var(--column-count));
}
table[b-cknwwoduc6] {
  border-collapse: separate;
  border-spacing: 0 7px;
}
.pagination[b-cknwwoduc6]{
    display:flex;
    width:fit-content;
    align-items:center;
    justify-content:flex-start;
    gap:1rem;
    margin-top:1.5rem;
    margin-left:1rem;
}

.current-pages[b-cknwwoduc6]{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:1rem;
}
  .current-pages p[b-cknwwoduc6] {
    font-size: 13px;
    font-weight: 500;
    height: 32px;
    width: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #9596AA;
    cursor:pointer;
  }
  .current-pages p:hover[b-cknwwoduc6] {
    background-color: #363696;
    border-radius: 50%;
  }
  .current-pages p.active[b-cknwwoduc6] {
    border-radius: 50%;
    background-color: #4B4BCE;
    color: #DCDDEF;
  }
.last-page[b-cknwwoduc6] {
  font-size: 13px;
  font-weight: 500;
  height: 32px;
  width: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #9596AA;
  cursor: pointer;
}
  .last-page:hover[b-cknwwoduc6] {
    background-color: #363696;
    border-radius: 50%;
  }
.select-box[b-cknwwoduc6] {
  padding: 0.6rem 0.5rem;
  width: fit-content;
  background-color: #070723;
  /*margin-bottom: 1rem;*/
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border-radius: 5px;
  margin-right: 1rem;
  margin-left:2rem;
}
/* _content/Cybral.Storm.App/Areas/Xasm/MainDashboard/Components/AttackScenario.razor.rz.scp.css */
/*-------------------------------------------------------------- attack scenarios  ---------------------------------------------------------------*/

.attack-scenarios[b-z4g4agc58o] {
  border-radius: 32px;
  background-color: #000000;
  padding: 3rem 3rem;
  margin-top: 2rem;
  padding-bottom: 1rem;
  width: 95%;
  margin: 2rem auto;
}
.flex-list[b-z4g4agc58o] {
  display: flex; /* Makes the <ul> a flex container */
  list-style-type: disc; /* Removes the bullet points */
  padding: 0; /* Removes padding */
  margin: auto;
}

  .flex-list li[b-z4g4agc58o] {
    padding: 10px; /* Adds space inside each <li> */
    margin-left: 10px;
    color: #C6C6D7;
    margin-right: 10px; /* Adds space between list items */
    box-sizing: border-box; /* Ensures padding is included in width */
  }
  .attack-scenarios .attack-content[b-z4g4agc58o] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 3rem;
    gap: 2rem;
    width: 95%;
  }

    .attack-scenarios .attack-content .attack-content-left[b-z4g4agc58o] {
      width: 45%;
    }

    .attack-scenarios .attack-content .attack-content-left-upper[b-z4g4agc58o] {
      display: flex;
      flex-wrap: wrap;
      gap: 1rem;
    }

    .attack-scenarios .attack-content .attack-content-left .info-box[b-z4g4agc58o] {
      width: calc( (100% / 2) - 1rem);
    }

      .attack-scenarios .attack-content .attack-content-left .info-box .row1[b-z4g4agc58o] {
        color: #80808B;
        font-size: 12px;
        font-weight: 400;
        display: flex;
        gap: 5px;
        align-items: center;
      }

        .attack-scenarios .attack-content .attack-content-left .info-box .row1 span:nth-child(2)[b-z4g4agc58o] {
          color: #008000;
        }

      .attack-scenarios .attack-content .attack-content-left .info-box .row2[b-z4g4agc58o] {
        color: #B0B1BF;
        font-size: 14px;
        font-weight: 400;
        display: flex;
        gap: 5px;
        cursor: pointer;
        align-items: center;
      }

        .attack-scenarios .attack-content .attack-content-left .info-box .row2:hover[b-z4g4agc58o] {
          color: #5252E2;
          transition: 0.3s
        }

          .attack-scenarios .attack-content .attack-content-left .info-box .row2:hover path[b-z4g4agc58o] {
            fill: #5252E2;
            transition: 0.3s
          }

.span-red[b-z4g4agc58o] {
  color: #A50121 !important;
}

.attack-scenarios .attack-content .attack-content-left .info-box .row3[b-z4g4agc58o] {
  color: #5252E2;
}

.discovered[b-z4g4agc58o] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #B0B1BF;
  margin-top: 5rem;
  width: 80%;
  font-size: 12px;
  background-color: #0D0D0E;
  padding: 0.4rem 0.6rem;
  border-radius: 5px;
}

.resolved[b-z4g4agc58o] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #B0B1BF;
  margin-top: 1.5rem;
  width: 80%;
  font-size: 12px;
  background-color: #0D0D0E;
  padding: 0.4rem 0.6rem;
  border-radius: 5px;
}

.attack-scenarios .attack-content .attack-content-right[b-z4g4agc58o] {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  gap: 0.7rem;
  width: 50%;
}

  .attack-scenarios .attack-content .attack-content-right p:first-child[b-z4g4agc58o] {
    color: #DCDDEF;
    font-size: 18px;
    font-weight: 500;
  }



  .attack-scenarios .attack-content .attack-content-right p:nth-child(2)[b-z4g4agc58o] {
    color: #9596AA;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 2rem;
  }

.attack-scenarios .head-box[b-z4g4agc58o] {
  width: 80%;
  margin: auto;
  text-align: center;
}

  .attack-scenarios .head-box span:first-child[b-z4g4agc58o] {
    color: #86879F;
  }

  .attack-scenarios .head-box p[b-z4g4agc58o] {
    margin-top: 1rem;
    font-size: 26px;
    font-weight: 800;
    color: #C6C6D7;
  }

    .attack-scenarios .head-box p .attack-number[b-z4g4agc58o] {
      color: #5252E2;
      font-size: 26px;
      font-weight: 800;
      cursor: pointer;
    }

      .attack-scenarios .head-box p .attack-number:hover[b-z4g4agc58o] {
        color: #AFAFF2;
        transition: 0.3s ease;
      }





.generate-button[b-z4g4agc58o] {
  border-radius: 56px;
  padding: 0.6rem 1.2rem;
  background-color: #5252E2;
  color: #FFFFFF;
  font-weight: 500;
  display: block;
  margin: 3rem auto;
  margin-bottom: 2rem;
  cursor: pointer;
}

  .generate-button:hover[b-z4g4agc58o] {
    background-color: #3A3AA0;
    transition: 0.3s ease;
  }

.spread-arrow[b-z4g4agc58o] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1.5rem 0rem;
}

.gradient[b-z4g4agc58o] {
  background: linear-gradient(to right,#4568DC, #B06AB3);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  font-size: 26px;
  font-weight: 700;
  text-align: center;
  margin-top: 2rem;
  color: #C6C6D7;
}
.span-linear[b-z4g4agc58o] {
  background: linear-gradient(to right,#4568DC, #B06AB3);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-decoration:underline;
  position:relative;
}
  .span-linear[b-z4g4agc58o]:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background: linear-gradient(to right,#4568DC 20%, #B06AB3);
    left: 0;
    bottom: 0;
  }

/* _content/Cybral.Storm.App/Areas/Xasm/MainDashboard/Components/CountDown.razor.rz.scp.css */
.continuous-right-side[b-eibgdoz9wr] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
}


.continuous-right-side span[b-eibgdoz9wr] {
    color: #DCDDEF;
    font-size: 12px;
    line-height: 18px;
    font-weight: 300;
    height: fit-content;
  }
/* _content/Cybral.Storm.App/Areas/Xasm/MainDashboard/Components/EmptyDashbord.razor.rz.scp.css */
.empty-section[b-t44wn759j2] {
    background-color: #070723;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 16px;
    border-radius: 5px;
    padding-top: 60px;
    padding-bottom: 60px;
}

.empty-img[b-t44wn759j2] {
    height: 190px;
}

.empty-btn[b-t44wn759j2] {
    padding: 12px 17px;
    background-color: #5252E2;
    margin-top: 12px;
    border-radius: 71px;
    color: white;
}
/* _content/Cybral.Storm.App/Areas/Xasm/MainDashboard/Components/RiskScore.razor.rz.scp.css */
/* --------------------------------------------------------------- vulnerabilities status ------------------------------------------------------------------*/
body[b-qjm6g597o6] {
  font-family: "Poppins"
}



.vulnerabilities-status[b-qjm6g597o6] {
  border-radius: 32px;
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  margin: 1rem auto;
  background-color: #0E0F2B;
  height: 600px;
  padding-top: 1.5rem;
  box-shadow: rgb(14, 15, 43, 1) 0px 30px 120px;
}

  .vulnerabilities-status .bg-absolute[b-qjm6g597o6] {
    position: absolute;
    left: -5rem;
    top: -5rem;
    z-index: 10;
  }

.heading-linear[b-qjm6g597o6] {
  background: linear-gradient(to right,#4568DC, #B06AB3);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 26px;
  font-weight: 700;
}
.subheading-linear[b-qjm6g597o6] {
  font-size: 18px;
  font-weight: 600;
  background: linear-gradient(to right,#4568DC, #B06AB3);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.vulnerabilities-status .vulnerabilities-status-upper[b-qjm6g597o6] {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 100%;
  border-bottom: 1px solid #3E3F55;
}

  .vulnerabilities-status .vulnerabilities-status-upper p[b-qjm6g597o6] {
    display: flex;
    align-items: center;
    gap: 1rem
  }

.vulnerabilities-status .vulnerabilities-status-lower[b-qjm6g597o6] {
  display: flex;
  padding: 1rem 2rem 1rem 4rem;
  align-items: center;
  gap: 5rem;
  height: 20%;
}

  .vulnerabilities-status .vulnerabilities-status-lower .vulnerabilities-lower-item p[b-qjm6g597o6] {
    display: flex;
    gap: 5px;
    margin-bottom: 10px;
    color: #B3B4C8;
    font-size: 14px;
  }

  .vulnerabilities-status .vulnerabilities-status-lower .vulnerabilities-lower-item .type-number[b-qjm6g597o6] {
    color: #5252E2;
    font-size: 18px;
    font-weight: 500;
  }

.vulnerabilities-status .vulnerabilities-status-upper .vulnerabilities-status-upper-left[b-qjm6g597o6],
.vulnerabilities-status .vulnerabilities-status-upper .vulnerabilities-status-upper-right[b-qjm6g597o6] {
  width: 50%;
}

.vulnerabilities-status .vulnerabilities-status-upper .vulnerabilities-status-upper-left[b-qjm6g597o6] {
  padding: 2rem 2rem 0rem 4rem;
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  z-index: 20;
}

  .vulnerabilities-status .vulnerabilities-status-upper .vulnerabilities-status-upper-left .score-box[b-qjm6g597o6] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 1rem;
    border-radius: 16px;
    width: fit-content;
    backdrop-filter: blur(20px);
    position: relative;
    border: none;
    width: fit-content;
    background-size: 100% 100%;
    position: relative;
    margin-left: -1rem;
  }

    .vulnerabilities-status .vulnerabilities-status-upper .vulnerabilities-status-upper-left .score-box .score-content[b-qjm6g597o6] {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 0.5rem;
    }

  .vulnerabilities-status .vulnerabilities-status-upper .vulnerabilities-status-upper-left .bg-img[b-qjm6g597o6] {
    width: 270px;
  }

  .vulnerabilities-status .vulnerabilities-status-upper .vulnerabilities-status-upper-left .score-box .score-content span:first-child[b-qjm6g597o6] {
    font-size: 12px;
    font-weight: 400;
  }

  .vulnerabilities-status .vulnerabilities-status-upper .vulnerabilities-status-upper-left .score-box .score-content span:nth-child(2)[b-qjm6g597o6] {
    color: #DCDDEF;
    font-size: 32px;
    font-weight: 500;
    line-height: 34px;
  }

.vulnerabilities-status .vulnerabilities-status-upper .vulnerabilities-status-upper-right[b-qjm6g597o6] {
  padding: 2rem 2rem 4rem 2rem;
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  display: flex;
  justify-content: center;
}

.vulnerabilities-status .vulnerabilities-status-upper .vulnerabilities-status-upper-left .urgent-text[b-qjm6g597o6] {
  color: #DCDDEF;
  font-size: 20px;
  font-weight: 500;
  line-height: 29px;
}
/*-------------------------------------------------------------- resolved -------------------------------------------------------------------*/


.vulnerabilities-status .vulnerabilities-status-upper .vulnerabilities-status-upper-left .resolved-box[b-qjm6g597o6] {
  display: flex;
  gap: 10px;
  align-items: center;
}

  .vulnerabilities-status .vulnerabilities-status-upper .vulnerabilities-status-upper-left .resolved-box .resolved-span[b-qjm6g597o6] {
    color: #548836;
    font-size: 14px;
    font-weight: 500;
  }

  .vulnerabilities-status .vulnerabilities-status-upper .vulnerabilities-status-upper-left .resolved-box a[b-qjm6g597o6] {
    color: #5252E2;
    text-decoration: underline;
    font-size: 14px;
  }

    .vulnerabilities-status .vulnerabilities-status-upper .vulnerabilities-status-upper-left .resolved-box a:hover[b-qjm6g597o6] {
      color: #AFAFF2;
      transition: 0.3s ease;
    }

/*-------------------------------------------------------------- vulnerabilities types -------------------------------------------------------*/
.vulnerabilities-status .vulnerabilities-status-upper .vulnerabilities-status-upper-left .vulnerabilities-details[b-qjm6g597o6] {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 3rem;
}

  .vulnerabilities-status .vulnerabilities-status-upper .vulnerabilities-status-upper-left .vulnerabilities-details .vulnerability-item[b-qjm6g597o6] {
    width: 50%;
    margin-bottom: 1.2rem;
  }

    .vulnerabilities-status .vulnerabilities-status-upper .vulnerabilities-status-upper-left .vulnerabilities-details .vulnerability-item p[b-qjm6g597o6] {
      display: flex;
      align-items: center;
      gap: 5px;
      color: #B3B4C8;
      font-size: 14px;
      font-weight: 400;
      margin-bottom: 0.5rem;
    }

    .vulnerabilities-status .vulnerabilities-status-upper .vulnerabilities-status-upper-left .vulnerabilities-details .vulnerability-item .type-number[b-qjm6g597o6] {
      color: #5252E2;
      font-size: 18px;
      font-weight: 500;
    }

.p-hover[b-qjm6g597o6] {
  cursor: pointer !important;
  display: flex;
  align-items: center;
  gap: 5px;
}

  .p-hover:hover span[b-qjm6g597o6] {
    color: #5252E2;
    transition: 0.2s ease;
  }

  .p-hover:hover path[b-qjm6g597o6] {
    fill: #5252E2;
    transition: 0.2s ease;
  }
/* _content/Cybral.Storm.App/Areas/Xasm/MainDashboard/Components/SecurityPosture.razor.rz.scp.css */
/*-------------------------------------------------------------- security postures ---------------------------------------------------------------*/
.security-posture[b-jx2kwlwote] {
  height: 400px;
  position: relative;
  border-radius: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #0E0F2B;
  backdrop-filter: blur(10px);
  margin-top: 2rem;
}

  .security-posture .bg-absolute[b-jx2kwlwote] {
    position: absolute;
    top: -5rem;
    left: -5rem;
  }

  .security-posture .security-posture-left[b-jx2kwlwote] {
    width: 40%;
    padding: 2rem 4rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: self-start;
    gap: 2rem;
    z-index: 5;
    height: 80%;
  }

    .security-posture .security-posture-left .header-p[b-jx2kwlwote] {
      font-size: 18px;
      color: #DCDDEF;
    }

    .security-posture .security-posture-left p[b-jx2kwlwote] {
      font-size: 14px;
      color: #9596AA;
    }

  .security-posture .security-posture-right[b-jx2kwlwote] {
    width: 60%;
  }

  .security-posture .security-posture-right .progress-row-right span[b-jx2kwlwote]::after {
    content: attr(data-value) "%";
    position: absolute;
    color: #FFFFFF;
    font-size: 12px;
    top: -20px;
    right: -18px;
    animation: showText-b-jx2kwlwote 0.5s 1.5s linear forwards;
    font-weight: 300;
  }
.progress-row-left[b-jx2kwlwote] {
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 400;
}

  .progress-row-left:hover[b-jx2kwlwote] {
    color: #5252E2;
    transition: 0.3s ease;
    cursor: pointer;
  }

.security-posture .security-posture-right .progress-row[b-jx2kwlwote] {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
  gap: 1rem;
}

.security-posture .security-posture-right .progress-row-left[b-jx2kwlwote] {
  text-align: right;
  width: 30%
}

.security-posture .security-posture-right .progress-row-right[b-jx2kwlwote] {
  position: relative;
  border-radius: 42px;
  width: 50%;
  height: 11px;
  background-color: #242447;
  animation: animate-b-jx2kwlwote 1s cubic-bezier(1,0,0.5,1) forwards;
  transform: scaleX(0);
  transform-origin: left;
}

  .security-posture .security-posture-right .progress-row-right span[b-jx2kwlwote] {
    height: 100%;
    background-color: #5252E2;
    position: absolute;
    border-radius: 42px;
    animation: animate-b-jx2kwlwote 1s 1s cubic-bezier(1,0,0.5,1) forwards;
    transform: scaleX(0);
    transform-origin: left;
  }



  .security-posture .security-posture-right .progress-row-right span[b-jx2kwlwote]::after {
    position: absolute;
    color: #FFFFFF;
    font-size: 12px;
    top: -20px;
    right: -18px;
    animation: showText-b-jx2kwlwote 0.5s 1.5s linear forwards;
    font-weight: 300;
  }

  .security-posture .security-posture-right .progress-row-right span[b-jx2kwlwote]::before {
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    top: -10px;
    right: 10px;
    animation: showText-b-jx2kwlwote 0.5s 1.5s linear forwards;
    opacity: 0;
  }

@keyframes showText-b-jx2kwlwote {
  100% {
    opacity: 1;
  }
}

@keyframes animate-b-jx2kwlwote {
  100% {
    transform: scaleX(1);
  }
}


.security-posture .security-posture-right .progress-row .total[b-jx2kwlwote] {
  font-weight: 500;
  color: #FFFFFF;
}
/* _content/Cybral.Storm.App/Areas/Xasm/MainDashboard/MainDashboard.razor.rz.scp.css */
body[b-xrayxkhv1v] {
  font-family: "Poppins"
}


.home-container[b-xrayxkhv1v] {
  width: 95%;
  margin: 10px auto;
  padding-bottom: 3rem;
}

/*--------------------------------------------------------- continuous section ---------------------------------------------------------------------*/
.home-container .continuous-running[b-xrayxkhv1v] {
  display: flex;
  justify-content: space-between;
  padding: 1rem 3rem 1rem 1.5rem;
  align-items: center;
  border-radius: 32px;
  background-color: #0E0F2B;
  position: relative;
  z-index: 20;
}

.home-container .continuous-running .continuous-left-side[b-xrayxkhv1v] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}

.home-container .continuous-running .continuous-left-side .switch-container .switch[b-xrayxkhv1v] {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 20px;
  margin: 0px 0px 0px 10px;
  overflow: hidden;
}

.home-container .continuous-running .continuous-left-side .switch-container[b-xrayxkhv1v] {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index:100;
}

.home-container .continuous-running .continuous-left-side .switch-container .switch .slider[b-xrayxkhv1v] {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #9596AA;
  transition: 0.4s;
  border-radius: 34px;
}

.home-container .continuous-running .continuous-left-side .switch-container .switch input[b-xrayxkhv1v] {
  display: none;
}

.home-container .continuous-running .continuous-left-side .switch-container .switch .slider[b-xrayxkhv1v]::before {
  position: absolute;
  content: '';
  height: 13.5px;
  width: 13.5px;
  left: 3px;
  top: 10px;
  transform: translateY(-50%);
  background-color: #FFFFFF;
  border-radius: 50%;
  transition: 0.4s;
}

.home-container .continuous-running .continuous-left-side .switch-container .switch input:checked + .slider[b-xrayxkhv1v] {
  background-color: #5252E2;
}

.home-container .continuous-running .continuous-left-side .switch-container .switch input:checked + .slider[b-xrayxkhv1v]:before {
  transform: translate(20px,-6.5px);
}

.home-container .continuous-running .continuous-left-side .switcher-txt[b-xrayxkhv1v] {
  color: #DCDDEF;
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}





.home-container .continuous-running .continuous-right-side[b-xrayxkhv1v] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
}


.home-container .continuous-running .continuous-right-side span[b-xrayxkhv1v] {
  color: #DCDDEF;
  font-size: 12px;
  line-height: 18px;
  font-weight: 300;
  height: fit-content;
}


/*continuous popup*/
.continuous-popup[b-xrayxkhv1v] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.2);
  display: none;
}

  .continuous-popup .continuous-popup-box[b-xrayxkhv1v] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    height: 45vh;
    width: 50%;
    padding: 2.5rem 3rem;
    background-color: #070723;
    border: 1px solid #46465E;
    border-radius: 16px;
  }


    .continuous-popup .continuous-popup-box .continuous-popup-head[b-xrayxkhv1v] {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

      .continuous-popup .continuous-popup-box .continuous-popup-head p[b-xrayxkhv1v] {
        color: #DCDDEF;
        font-size: 20px;
        font-weight: 700;
      }


    .continuous-popup .continuous-popup-box .popup-message[b-xrayxkhv1v] {
      margin-top: 3rem;
      color: #9596AA;
    }

    .continuous-popup .continuous-popup-box button[b-xrayxkhv1v] {
      color: #DCDDEF;
      font-weight: 500;
      padding: 0.6rem 3rem;
      border: 1px solid #5252E2;
      border-radius: 56px;
      position: absolute;
      bottom: 2.5rem;
      right: 3rem;
      background-color: #5252E2;
    }

    .continuous-popup .continuous-popup-box .cancel[b-xrayxkhv1v] {
      color: #DCDDEF;
      font-weight: 500;
      padding: 0.6rem 2.5rem;
      border: 1px solid #5252E2;
      border-radius: 56px;
      position: absolute;
      bottom: 2.5rem;
      right: 13rem;
      width: fit-content;
      background-color: transparent !important;
    }

/*-------------------------------------------------------------- social engineering ---------------------------------------------------------------*/
.social-engineering[b-xrayxkhv1v] {
  position: relative;
  height: 460px;
  background-color: rgb(14, 15, 43, .6);
  backdrop-filter: blur(20px);
  border-radius: 32px;
  margin-top: 2rem;
  box-shadow: rgb(14, 15, 43, 1) 0px 30px 120px;
  padding: 3rem 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
}

.social-left-side[b-xrayxkhv1v] {
  width: 40%;
}

.social-right-side[b-xrayxkhv1v] {
  width: 60%;
}

.social-right-side img[b-xrayxkhv1v] {
  width: 90%;
}

.social-engineering .bg-absolute[b-xrayxkhv1v] {
  position: absolute;
  top: 0rem;
  left: 4rem;
  z-index: -1;
  transform: rotate(180deg);
  height: 100%;
}

.social-engineering .insights-head[b-xrayxkhv1v] {
  padding-left: 3rem;
  margin-bottom: 3rem;
}

.social-engineering .show-btn[b-xrayxkhv1v] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  color: #5252E2;
  font-weight: 500;
  z-index: 10;
  position: relative;
  cursor: pointer;
}

.social-engineering .social-left-side .desc[b-xrayxkhv1v] {
  color: #9596AA;
  font-size: 14px;
  font-weight: 300;
  margin-top: 1.5rem;
  width: 80%;
  line-height: 21px;
}

.social-engineering .insights-head .heading[b-xrayxkhv1v] {
  font-size: 18px;
  font-weight: 500;
  margin-top: 1rem;
  color: #DCDDEF;
  cursor: default;
}

.insights-right-side[b-xrayxkhv1v] {
  display: flex;
  justify-content: center;
  align-items: center;
}


/*-------------------------------------------------------------- asset insight ---------------------------------------------------------------*/
.asset-insight-container[b-xrayxkhv1v] {
  margin: 2rem auto;
  margin-top: 3rem;
  background-color: #0E0F2B;
  backdrop-filter: blur(10px);
  border-radius: 32px;
  padding:3rem;
}
.asset-insight[b-xrayxkhv1v] {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 2rem;
  margin-top:2rem;
}

.asset-insight .asset-insight-left[b-xrayxkhv1v] {
  width: 55%;
  position: relative;
  backdrop-filter: blur(15px);
  /*background-color: rgba(25, 26, 41, 0.7);*/
  height: 100%;
  /*box-shadow: rgb(22, 22, 38) 0px 15px 120px;*/
  border-radius: 32px;
}

.asset-insight .asset-insight-left .absolute-overlay[b-xrayxkhv1v] {
  position: absolute;
  top: 0rem;
  left: 0rem;
  height: 100%;
  width: 100%;
}

.asset-insight .asset-insight-left .insight-left-content[b-xrayxkhv1v] {
  height: 100%;
  width: 100%;
  z-index: 10;
  border-radius: 32px;
}

.asset-insight .asset-insight-left .insight-left-content .left-inner[b-xrayxkhv1v] {
  width: 95%;
  height:100%;
  gap:2rem;
  display:flex;
  flex-direction:column;
}
 .insight-show[b-xrayxkhv1v] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  color: #5252E2;
  font-weight: 500;
  z-index: 10;
  position: relative;
  cursor: pointer;
  transition:0.3s ease;
}
  .insight-show:hover[b-xrayxkhv1v] {
    color: #4B4BCE;
  }

.isight-left-heading[b-xrayxkhv1v] {
  font-size: 20px;
  font-weight: 600;
  margin-top: 1rem;
  color: #DCDDEF;
  cursor: default;
}

.asset-insight .asset-insight-left .insight-left-content .insight-info[b-xrayxkhv1v] {
  color: #8E8DA0;
  font-size: 14px;
  font-weight: 400;
  margin-top: 1.5rem;
  margin-bottom: 3rem;
}

.asset-insight .asset-insight-left .insight-left-content img[b-xrayxkhv1v] {
}

.asset-insight .asset-insight-right[b-xrayxkhv1v] {
  width: 45%;
  position: relative;
  backdrop-filter: blur(15px);
  /*background-color: rgba(25, 26, 41, 0.7);*/
  /*box-shadow: rgb(22, 22, 38) 0px 15px 120px;*/
  border-radius: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.asset-insight .asset-insight-right .absolute-overlay[b-xrayxkhv1v] {
  position: absolute;
  top: 0rem;
  left: 0rem;
  height: 100%;
  width: 100%;
}


.asset-insight .asset-insight-right .asset-right-content[b-xrayxkhv1v] {
  display: flex;
  justify-content: space-between;
  gap:8rem;
  flex-direction: column;
  height: 100%;
  width: 100%;
  position:relative;
  z-index:10;
  /*backdrop-filter: blur(15px);*/
  /*background-color: rgba(25, 26, 41, 0.6);*/
  /*box-shadow: rgb(22, 22, 38) 0px 15px 120px;*/
}

.asset-right-content-upper[b-xrayxkhv1v] {
  padding-top: 2rem;
}


.asset-insight .asset-insight-right .asset-right-content p:first-child[b-xrayxkhv1v] {
    padding-left:1rem;
}

.asset-insight .asset-insight-right .asset-right-content p:nth-child(2)[b-xrayxkhv1v] {
  color: #8E8DA0;
  font-size: 14px;
  font-weight: 400;
  margin-top: 1.5rem;
  margin-bottom: 3rem;
  width: 70%;
  margin: 1.7rem auto;
}
/*continuous popup*/
.continuous-popup[b-xrayxkhv1v] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.2);
  display: none;
}

.continuous-popup .continuous-popup-box[b-xrayxkhv1v] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  height: 50vh;
  width: 50%;
  padding: 2.5rem 3rem;
  background-color: #070723;
  border: 1px solid #46465E;
  border-radius: 16px;
}


.continuous-popup .continuous-popup-box .continuous-popup-head[b-xrayxkhv1v] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.continuous-popup .continuous-popup-box .continuous-popup-head p[b-xrayxkhv1v] {
  color: #DCDDEF;
  font-size: 20px;
  font-weight: 700;
}


.continuous-popup .continuous-popup-box .popup-message[b-xrayxkhv1v] {
  margin-top: 4rem;
  color: #9596AA;
}

.continuous-popup .continuous-popup-box button[b-xrayxkhv1v] {
  color: #DCDDEF;
  font-weight: 500;
  padding: 0.6rem 2rem;
  border: 1px solid #5252E2;
  border-radius: 56px;
  position: absolute;
  bottom: 2.5rem;
  right: 3rem;
}







/* information alert */
/*.information-alert {
  position: fixed;
  top: 0.8rem;
  right: 2.3rem;
  width: 92%;
  padding: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background-color: #F8F3D6;
  z-index: 100000;
  border-radius: 8px;
  gap: 1rem;
  padding-left: 1rem;
  display: none;
}

  .information-alert div p span:first-child {
    color: #111928;
    font-weight: 600;
  }

  .information-alert div p span:nth-child(2) {
    color: #111928;
    font-weight: 400;
  }

  .information-alert .call {
    color: #5252E2;
    font-weight: 600;
  }


*/






/* defence strategy popup */

/*.spinner-3 {
  width: 25px;
  aspect-ratio: 1;
  display: grid;
  border-radius: 50%;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.6) 30%, transparent 0 70%, rgba(255, 255, 255, 1) 0) 50%/8% 100%, linear-gradient(90deg, rgba(255, 255, 255, 0.2) 30%, transparent 0 70%, rgba(255, 255, 255, 0.5) 0) 50%/100% 8%;
  background-repeat: no-repeat;
  animation: s3 1.5s infinite steps(12);
  position: absolute;
  bottom: 2rem;
  left: 49%;
}

  .spinner-3::before,
  .spinner-3::after {
    content: "";
    grid-area: 1/1;
    border-radius: 50%;
    background: inherit;
    opacity: 0.915;
    transform: rotate(30deg);
  }

  .spinner-3::after {
    opacity: 0.83;
    transform: rotate(60deg);
  }

@keyframes s3 {
  100% {
    transform: rotate(1turn);
  }
}



.defence-popup {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.3);
  display: none;
}

  .defence-popup .defence-popup-box {
    width: 50%;
    height: 50vh;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 16px;
    background-color: #070723;
    border: 1px solid #46465E;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    flex-direction: column;
    padding-bottom: 2rem;
  }


    .defence-popup .defence-popup-box .popup-header {
      color: #DCDDEF;
      font-size: 28px;
      font-weight: 500;
    }

    .defence-popup .defence-popup-box .popup-des {
      color: #9596AA;
      font-size: 14px;
      font-weight: 300;
    }
*/
/* _content/Cybral.Storm.App/Areas/Xasm/Network/Component/EpssVsCvssChart.razor.rz.scp.css */
.grapf-info[b-d2v2bzwu6v] {
  position: absolute;
  z-index: 8;
}

  .grapf-info:nth-child(2)[b-d2v2bzwu6v] {
    bottom: 175px;
    left: 86px
  }

  .grapf-info:nth-child(4)[b-d2v2bzwu6v] {
    bottom: 80%;
    right: 86px
  }

  .grapf-info:nth-child(3)[b-d2v2bzwu6v] {
    top: 80px;
    right: 86px
  }

  .grapf-info:nth-child(1)[b-d2v2bzwu6v] {
    top: 200px;
    left: 86px
  }

.cvsInfo:hover .grapf-info[b-d2v2bzwu6v] {
  display: none;
}
/* _content/Cybral.Storm.App/Areas/Xasm/Network/Component/VulnerabilityDistribution.razor.rz.scp.css */
.xasm-dis-chart[b-ecd6ikwzuf]{
    width: 100%;
    height: 100%
}
.box[b-ecd6ikwzuf] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 56px;
  position: relative;
}

.item[b-ecd6ikwzuf] {
  height: 100%;
  flex-grow: 1;
  position: relative;
  color: white;
  font-weight: bold;
  display: flex;
  align-items: center;
  padding: 0 12px;
  text-align: end;
}

.critical[b-ecd6ikwzuf] {
  background-color: #5252e2;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  min-width: 7%;
  /*width: 40%;*/
}

.high[b-ecd6ikwzuf] {
  background-color: #4545bd;
  min-width: 7%;
  /*width: 30%;*/
}

.medium[b-ecd6ikwzuf] {
  background-color: #323288;
  min-width: 7%;
  /*width: 20%;*/
}

.low[b-ecd6ikwzuf] {
  background-color: #1f1f52;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  min-width: 7%;
  /*width: 10%;*/
}

.item .content-container[b-ecd6ikwzuf] {
  position: absolute;
  top: -43px;
  right: 20%;
  transform:translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: end;
}

.item .title[b-ecd6ikwzuf] {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -150%);
  font-size: 13px;
  margin-bottom: 8px;
}

.vertical-line[b-ecd6ikwzuf] {
  width: 1px;
  height: 32px;
  background-color: #1e4c87;
}

.circle[b-ecd6ikwzuf] {
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background-color: red;
}

.item.critical .circle[b-ecd6ikwzuf] {
  background: #C0282E;
  border: 1px solid white
}

.item.critical .vertical-line[b-ecd6ikwzuf] {
  background: #C0282E;
}

.item.high .circle[b-ecd6ikwzuf] {
  background: #F7941F;
}

.item.high .vertical-line[b-ecd6ikwzuf] {
  background: #F7941F;
}

.item.medium .circle[b-ecd6ikwzuf],
.item.medium .vertical-line[b-ecd6ikwzuf] {
  background: #FDEE22;
}

.item.low .circle[b-ecd6ikwzuf],
.item.low .vertical-line[b-ecd6ikwzuf] {
  background: #3BB449;
}

.circle-container[b-ecd6ikwzuf] {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.item .percentage[b-ecd6ikwzuf] {
  color: #f5f5f5;
  font-size: 18px;
  width: 100%
}

.item.low .content-container[b-ecd6ikwzuf] {
  top: -43px;
  right: 5%;
  transform:translateX(-50%);
}

.filter-selected[b-ecd6ikwzuf] {
  background-color: #5252E2;
}

/* _content/Cybral.Storm.App/Areas/Xasm/Network/NetworkVulnerabilities.razor.rz.scp.css */
body[b-4qaz97sobu] {
  font-family: "Poppins"
}



.surface-container[b-4qaz97sobu] {
  width: 95%;
  margin: 10px auto;
  padding-bottom: 4rem;
}


.select-box[b-4qaz97sobu] {
  padding: 0.6rem 0.5rem;
  width: fit-content;
  background-color: #070723;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border-radius: 5px;
}

.surface-container .attack-heading[b-4qaz97sobu] {
  padding-bottom: 3rem;
  position: relative;
}

  .surface-container .attack-heading .attack-heading-upper[b-4qaz97sobu] {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 1rem;
    backdrop-filter: blur(20px);
  }

    .surface-container .attack-heading .attack-heading-upper .attack-heading-upper-left[b-4qaz97sobu] {
      border-radius: 32px;
      width: 65%;
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 2rem;
      padding: 3rem 0rem;
      background-color: rgb(14, 15, 43, .9);
      backdrop-filter: blur(20px);
      box-shadow: rgb(14, 15, 43, 1) 0px 15px 120px;
    }

      .surface-container .attack-heading .attack-heading-upper .attack-heading-upper-left .attack-heading-upper-left-box[b-4qaz97sobu] {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 1rem;
      }

    .surface-container .attack-heading .attack-heading-upper .attack-heading-upper-right[b-4qaz97sobu] {
      border-radius: 32px;
      width: 35%;
      overflow: hidden;
      height: 185px;
      background-color: rgb(14, 15, 43, .9);
      backdrop-filter: blur(20px);
      box-shadow: rgb(14, 15, 43, 1) 0px 15px 120px;
      display: flex;
      justify-content: center;
      align-content: center;
    }

      .surface-container .attack-heading .attack-heading-upper .attack-heading-upper-right img[b-4qaz97sobu] {
        width: 90%;
        object-fit: cover;
        display: block;
        margin: auto;
        height: 90%;
      }




.vulnerbilities-insights[b-4qaz97sobu] {
  position: relative;
  background-color: rgb(14, 15, 43, .6);
  backdrop-filter: blur(20px);
  box-shadow: rgb(14, 15, 43, 1) 0px 15px 120px;
  border-radius: 32px;
  padding: 3rem 0rem;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 4rem;
/*  padding-right: 3rem;
*/  padding-bottom: 2rem;
}

  .vulnerbilities-insights .bg-absolute[b-4qaz97sobu] {
    position: absolute;
    top: -5rem;
    width: 50%;
    left: -2rem;
    z-index: -1;
    transform: rotate(180deg)
  }

  .vulnerbilities-insights .insights-head[b-4qaz97sobu] {
    padding-left: 2rem;
    margin-bottom: 3rem;
    width: 48%;
    padding: 2rem;
  }

    .vulnerbilities-insights .insights-head p[b-4qaz97sobu] {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      gap: 8px;
      color: #5252E2;
      font-weight: 500;
      z-index: 10;
      position: relative;
      cursor: pointer;
    }

    .vulnerbilities-insights .insights-head .heading[b-4qaz97sobu] {
      font-size: 20px;
      font-weight: 600;
      margin-top: 1rem;
      color: #DCDDEF;
      cursor: default;
    }

.insights-right-side[b-4qaz97sobu] {
  display: flex;
  justify-content: space-between;
  gap: 4rem;
  align-items: center;
  width: 47%;
  padding: 2rem;
}

.vulnerbilities-insights .insights-right-side .heading[b-4qaz97sobu] {
  font-size: 20px;
  font-weight: 600;
  margin-top: 1rem;
  color: #DCDDEF;
  cursor: default;
}


/*-------------------------------------------------------------------------- distribution -----*/

.vulnerbilities-distribution[b-4qaz97sobu] {
  position: relative;
  background-color: rgb(14, 15, 43, .6);
  backdrop-filter: blur(20px);
  box-shadow: rgb(14, 15, 43, 1) 0px 15px 120px;
  border-radius: 32px;
  padding: 2rem 0rem;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 4rem;
}

  .vulnerbilities-distribution .bg-absolute[b-4qaz97sobu] {
    position: absolute;
    top: -5rem;
    width: 50%;
    left: -2rem;
    z-index: -1;
    transform: rotate(180deg)
  }

  .vulnerbilities-distribution .distribution-head[b-4qaz97sobu] {
    padding: 2rem;
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    flex-direction:column;
    width: 48%;
  }


  .vulnerbilities-distribution .heading[b-4qaz97sobu] {
    font-size: 20px;
    font-weight: 600;
    margin-top: 1rem;
    color: #DCDDEF;
    cursor: default;
  }

.distribution-right-side[b-4qaz97sobu] {
  display: flex !important;
  justify-content: space-between;
  align-items: flex-start;
  gap: 4rem;
  flex-direction: column;
  width: 47%;
  padding: 2rem;
  padding-bottom:4rem;
}




.show-btn[b-4qaz97sobu] {
  background-color: #5252E2;
  padding: 0.7rem 2.5rem;
  font-weight: 500;
  border-radius: 400px;
  display: block;
  margin: 5rem auto;
  color: #FFFFFF;
  margin-bottom: 0rem;
}

  .show-btn:hover[b-4qaz97sobu] {
    background-color: #3A3AA0;
    transition: 0.3s ease;
  }
/* _content/Cybral.Storm.App/Areas/Xasm/Network/XasmScannedVulnerabilities.razor.rz.scp.css */
body[b-e06lkgxynn] {
  font-family: "Poppins"
}

.resolved-container[b-e06lkgxynn] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgb(8, 8, 8, 0.92);
  width: 100%;
  height: 100vh;
  z-index: 10000000;
  display: none;
}

.resolved-box[b-e06lkgxynn] {
  width: 470px;
  height: 80vh;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #070723;
}

  .resolved-box button[b-e06lkgxynn] {
    position: absolute;
    bottom: 1.5rem;
    right: 1.5rem;
    border-radius: 30px;
    border: 1px solid #5252E2;
    padding: 0.4rem 2rem;
  }

.header-p[b-e06lkgxynn] {
  font-size: 12px;
  font-weight: 500;
  width: calc(100%/3);
  text-align: center;
}

.item-p[b-e06lkgxynn] {
  width: calc(100%/3);
  text-align: center;
  font-size: 12px;
  font-weight: 400;
}

.resolved-list-item[b-e06lkgxynn] {
  padding: 0.6rem 1rem;
  display: flex;
  justify-content: space-between;
  width: 100%;
  border-bottom: 1px solid #24243E;
}

.page-container[b-e06lkgxynn] {
  width: 98%;
  margin: auto;
  /*background-color: #181833;*/
  border-radius: 30px;
  padding-bottom: 3rem;
}

.select-container[b-e06lkgxynn] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  background-color: #070723;
  padding: 0.5rem;
  z-index: 1;
  border-radius: 8px;
}

  .select-container select[b-e06lkgxynn] {
    background-color: #070723;
    z-index: 1;
    padding: 0rem 1rem 0rem 0.5rem;
    -moz-appearance: none;
    box-shadow: none;
    border: none;
    font-size: 11px;
    font-weight: 400;
    color: #DCDDEF;
    line-height: 16.5px;
    outline: none;
  }

form[b-e06lkgxynn] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  margin: auto;
  gap: 1rem;
  position: relative
}

.history-word[b-e06lkgxynn] {
  font-size: 11px;
  font-weight: 600;
  color: #DCDDEF;
  line-height: 16.5px;
  padding-left: 5px;
}

.main-container[b-e06lkgxynn] {
  padding: 3rem 0rem;
  background-color: #181833;
  margin-top: 2rem;
  border-radius: 30px;
  margin-bottom: 3rem;
}

  .main-container .toggle-btns[b-e06lkgxynn] {
    margin: auto;
    width: fit-content;
    background-color: #30314C;
    border-radius: 76px;
    padding: 5px 2rem;
    display: flex;
    gap: 1rem;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem;
  }

    .main-container .toggle-btns button.active[b-e06lkgxynn] {
      background-color: #5252E2;
      padding: 8px 1rem;
      border-radius: 26px;
    }

    .main-container .toggle-btns button[b-e06lkgxynn] {
      font-size: 12px;
      line-height: 18px;
      font-weight: 400;
      padding: 0px 1rem;
    }

  .main-container .actions-box[b-e06lkgxynn] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 97%;
    margin: auto;
    gap: 1rem;
  }

    .main-container .actions-box .search-container[b-e06lkgxynn] {
      position: relative;
      width: 300px;
      height: 40px;
      background-color: #0e0e29;
      border-radius: 30px;
      overflow: hidden;
    }

      .main-container .actions-box .search-container .search-icon[b-e06lkgxynn] {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 1rem;
      }

      .main-container .actions-box .search-container input[b-e06lkgxynn] {
        width: 100%;
        height: 100%;
        border-radius: 30px;
        background-color: #0e0e29;
        border: none;
        color: #9596AA;
        padding-left: 2.5rem;
        outline: none;
        font-size: 12px;
        font-weight: 400;
        line-height: 24px;
      }

        .main-container .actions-box .search-container input[b-e06lkgxynn]::placeholder {
          color: #9596AA;
        }

.dropdown-toggle[b-e06lkgxynn], .subnet-toggle[b-e06lkgxynn] {
  padding: 8px 16px;
  cursor: pointer;
  width: 270px;
  color: #ffffff;
  height: 100%;
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}

.filter-dropdown[b-e06lkgxynn] {
  position: absolute;
  width: 100%;
  top: 120%;
  left: 0;
  z-index: 10;
  padding: 1rem;
  background-color: #0E0E29;
  border-radius: 7px;
  /*display: none;*/
}

.subnet-dropdown[b-e06lkgxynn] {
  position: absolute;
  width: 100%;
  top: 120%;
  left: 0;
  z-index: 10;
  padding: 1rem;
  background-color: #0E0E29;
  border-radius: 7px;
}

  .subnet-dropdown button[b-e06lkgxynn] {
    width: 100%;
    margin: auto;
    display: block;
    margin-top: 30px;
    border-radius: 56px;
    background-color: #5252E2;
    padding: 0.5rem;
  }

.subnet-row[b-e06lkgxynn] {
  position: relative;
  margin-bottom: 12px;
}

.filter-container[b-e06lkgxynn] {
  height: 40px;
}

label[b-e06lkgxynn] {
  font-family: "Cairo";
  font-weight: 500;
  font-size: 14px;
}

.filter-row[b-e06lkgxynn] {
  position: relative;
  margin-bottom: 12px;
}

.custom-checkbox[b-e06lkgxynn] {
  width: 17px;
  height: 17px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 5px;
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border: 3px solid #4747A8;
  border-radius: 4px;
}

  .custom-checkbox input[b-e06lkgxynn] {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    opacity: 0;
    cursor: pointer;
    border: none;
    width: 100%;
    height: 100%;
  }

  .custom-checkbox .checkmark[b-e06lkgxynn] {
    position: absolute;
    left: 0%;
    transform: translateY(-50%);
    top: 50%;
    height: 16px;
    width: 100%;
    border-radius: 3px;
    border: 1px solid var(--Primary-Primary);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color 0.3s;
  }

    .custom-checkbox .checkmark[b-e06lkgxynn]::after {
      content: "";
      color: transparent;
    }

  .custom-checkbox input:checked + .checkmark[b-e06lkgxynn] {
    background-color: #4747A8;
  }


    .custom-checkbox input:checked + .checkmark[b-e06lkgxynn]::after {
      content: "";
      position: absolute;
      display: block;
      left: 34%;
      top: 24%;
      transform: translateX(-50%);
      width: 4px;
      height: 8px;
      border: solid white;
      border-width: 0 2px 2px 0;
      transform: rotate(45deg);
    }

table tr th[b-e06lkgxynn] {
  padding: 1rem 0rem;
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  text-align: left;
  padding-left: 1rem;
}

table tr[b-e06lkgxynn] {
  border-radius: 10px;
}

  table tr td[b-e06lkgxynn] {
    padding: 1.5rem 1rem;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
  }

tr:nth-child(odd)[b-e06lkgxynn] {
  background-color: #22223B;
  border: 1px solid #4C4C58;
}

tr:nth-child(even)[b-e06lkgxynn] {
  background-color: #181833;
}


.view-button[b-e06lkgxynn] {
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  padding: 0.5rem 1.2rem;
  border: 1px solid #5252E2;
  border-radius: 30px;
  background: transparent;
  color: #ffffff;
  cursor: pointer;
  transition: border-color 0.3s ease; /* Smooth transition */
}

  .view-button:hover[b-e06lkgxynn] {
    border-color: #2D2D7C;
  }
/* _content/Cybral.Storm.App/Areas/Xasm/Questionnaire/Pages/Shared/QuestionnaireForm.razor.rz.scp.css */

.questions-wrapper[b-cj5jtmjwpi] {
    color: white;
    padding: 37px;
    margin: 17px;
    margin-top: 0;
    background-color: #070723;
}

    .questions-wrapper hr[b-cj5jtmjwpi] {
        border: 1px solid #181834;
    }

    .questions-wrapper .item[b-cj5jtmjwpi] {
    }

        .questions-wrapper .item h6[b-cj5jtmjwpi] {
            margin: unset;
            margin-bottom: 16px;
            font-size: 14px;
            text-transform: none;
        }

.choose-answer[b-cj5jtmjwpi] {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 70px;
    font-size: 12px;
    margin: unset;
    padding: unset;
}

    .choose-answer input[type="text"][b-cj5jtmjwpi],
    .choose-answer input[type="text"]:focus[b-cj5jtmjwpi],
    .choose-answer input[type="datetime-local"][b-cj5jtmjwpi],
    .choose-answer input[type="datetime-local"]:focus[b-cj5jtmjwpi]
    {
        border: unset;
        box-shadow: unset;
        margin: unset;
        outline: unset;
        background: #3e3f54;
        color: #fff;
    }

        .choose-answer input[type="text"][b-cj5jtmjwpi]::placeholder,
        .choose-answer input[type="datetime-local"][b-cj5jtmjwpi]::placeholder
        {
            color: #80808c
        }

.questions-wrapper .choose-answer li[b-cj5jtmjwpi] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.questions-wrapper .choose-answer label[b-cj5jtmjwpi] {
    cursor: pointer;
    color: #B3B3BB;
    --tw-scale-x: 1 !important;
    --tw-scale-y: 1 !important;
    --tw-translate-y: 0 !important;
}

.choose-answer input[type="datetime-local"][b-cj5jtmjwpi],
.choose-answer input[type="text"][b-cj5jtmjwpi]
{
    padding: 6px 12px;
    border-radius: 4px;
    width: 100%;
    margin: unset;
}

input[type="radio"][b-cj5jtmjwpi] {
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: black;
    background-size: contain;
    border: 1px solid #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 50%;
}

    input[type="radio"]:checked[b-cj5jtmjwpi], input[type="radio"]:focus[b-cj5jtmjwpi] {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
        background-color: #000;
        border-color: #fff;
    }

.btn-save[b-cj5jtmjwpi] {
    padding: 12px 17px;
    background-color: #5252E2;
    margin-top: 12px;
    width: 210px;
    border-radius: 71px;
    color: white;
}

.sucess-popup[b-cj5jtmjwpi] {
    padding: 58px 99px 31px;
    border: solid 1.5px #606060;
    background-color: #3e3e54;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.continuous-popup[b-cj5jtmjwpi] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.2);
  display: none;
}

.continuous-popup .continuous-popup-box[b-cj5jtmjwpi] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  height: 45vh;
  width: 50%;
  padding: 2.5rem 3rem;
  background-color: #070723;
  border: 1px solid #46465E;
  border-radius: 16px;
}


.continuous-popup .continuous-popup-box .continuous-popup-head[b-cj5jtmjwpi] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.continuous-popup .continuous-popup-box .continuous-popup-head p[b-cj5jtmjwpi] {
  color: #DCDDEF;
  font-size: 20px;
  font-weight: 700;
}


.continuous-popup .continuous-popup-box .popup-message[b-cj5jtmjwpi] {
  margin-top: 3rem;
  color: #9596AA;
}

.continuous-popup .continuous-popup-box button[b-cj5jtmjwpi] {
  color: #DCDDEF;
  font-weight: 500;
  padding: 0.6rem 3rem;
  border: 1px solid #5252E2;
  border-radius: 56px;
  position: absolute;
  bottom: 2.5rem;
  right: 3rem;
  background-color: #5252E2;
}

.continuous-popup .continuous-popup-box .cancel[b-cj5jtmjwpi] {
  color: #DCDDEF;
  font-weight: 500;
  padding: 0.6rem 2.5rem;
  border: 1px solid #5252E2;
  border-radius: 56px;
  position: absolute;
  bottom: 2.5rem;
  right: 13rem;
  width: fit-content;
  background-color: transparent !important;
}
/* _content/Cybral.Storm.App/Areas/Xasm/Questionnaire/Pages/XasmScanLogs.razor.rz.scp.css */
body[b-o7fupgibqd] {
  font-family: "Poppins"
}

.main-container[b-o7fupgibqd] {
  margin-top: 0rem;
  width: 97%;
  margin-left: 1rem;
  margin-bottom: 1rem;
  padding-bottom: 3rem;
}

.upper-box[b-o7fupgibqd] {
  display: flex;
  justify-content: space-between;
}

.upper-box .upper-left-side[b-o7fupgibqd] {
  width: 30%;
  border-radius: 8px;
  background-color: #070723;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 3rem 1.5rem;
  gap: 1.5rem;
}

.upper-box .upper-left-side div span[b-o7fupgibqd] {
  color: #9596AA;
  font-size: 14px;
  font-weight: 300;
  line-height: 21px;
}

.upper-box .upper-left-side div p[b-o7fupgibqd] {
  color: #DCDDEF;
  font-size: 22px;
  font-weight: 500;
  line-height: 33px;
}

.upper-box .upper-right-side[b-o7fupgibqd] {
  width: 69%;
  border-radius: 8px;
  background-color: #070723;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 3rem 1.5rem;
  gap: 1.5rem;
}

.upper-box .upper-right-side div span[b-o7fupgibqd] {
  color: #9596AA;
  font-size: 14px;
  font-weight: 300;
  line-height: 21px;
}

.upper-box .upper-right-side div p[b-o7fupgibqd] {
  color: #DCDDEF;
  font-size: 22px;
  font-weight: 500;
  line-height: 33px;
}


/*-------------------------------------------------------------- table boxes -----------------------------------------------------*/
.table-boxes[b-o7fupgibqd] {
  /*  margin-top: 2rem;*/
}

.table-boxes .table1[b-o7fupgibqd] {
  margin-bottom: 2rem;
  width: 100%;
}

.table-boxes .table1 tr[b-o7fupgibqd] {
  margin-bottom: 1rem;
  border-radius: 8px;
  overflow: hidden;
  height: 60px;
}

.table-boxes .table1 tr th[b-o7fupgibqd] {
  font-size: 12px;
  color: #DCDDEF;
  font-weight: 700;
}

.table-boxes .table1 tr td[b-o7fupgibqd] {
  font-size: 14px;
  font-weight: 400;
  width: 50px;
}

.table-boxes .table1 tr td[b-o7fupgibqd], .table-boxes .table1 tr th[b-o7fupgibqd] {
  text-transform: capitalize;
  text-align: center;
}

.table-boxes .table1 tr:nth-child(odd)[b-o7fupgibqd] {
  background-color: #21213D;
}

.table-boxes .table1 tr:nth-child(even)[b-o7fupgibqd] {
  background-color: #292943;
}


.table-boxes .table2[b-o7fupgibqd] {
  margin-bottom: 2rem;
  width: 100%;
  margin-top: 2rem;
}

.table-boxes .table2 tr[b-o7fupgibqd] {
  margin-bottom: 1rem;
  border-radius: 8px;
  overflow: hidden;
  height: 60px;
}

.table-boxes .table2 tr th[b-o7fupgibqd] {
  font-size: 12px;
  color: #DCDDEF;
  font-weight: 700;
}

.table-boxes .table2 tr td[b-o7fupgibqd] {
  font-size: 14px;
  font-weight: 400;
}


.table-boxes .table2 tr td[b-o7fupgibqd], .table-boxes .table2 tr th[b-o7fupgibqd] {
  text-align: center;
  text-transform: capitalize;
}


.main-header[b-o7fupgibqd] {
  display: flex;
  align-items: center;
  gap: 3rem;
  padding: 1.2rem;
  padding-left: 2rem;
  background-color: #292944;
  border-radius: 8px;
  position: relative;
}

.main-header p[b-o7fupgibqd] {
  display: flex;
  gap: 5px;
  align-items: center;
  font-size: 18px;
  font-weight: 500;
  color: #DCDDEF;
}

.main-header p span[b-o7fupgibqd] {
  font-size: 18px;
  font-weight: 300;
  color: #9596AA;
}

.main-header p img[b-o7fupgibqd] {
  padding-right: 5px;
}

.main-header a[b-o7fupgibqd] {
  position: absolute;
  right: 2rem;
  top: 50%;
  transform: translateY(-50%);
  color: #5252E2;
  font-weight: 500;
  cursor: pointer;
}


/*-------------------------------------------------------------- details overlay -------------------------------------------------------------*/


.details-overlay[b-o7fupgibqd] {
  position: fixed;
  background: rgba(0, 0, 0, 0.24);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  /*  display:none;*/
}

.details-overlay .details-overlay-inner[b-o7fupgibqd] {
  width: 55%;
  height: 80%;
  border-radius: 16px;
  border: 1px solid #46465E;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #070723;
  padding: 2.5rem 0rem;
}

.details-overlay .details-overlay-inner .details-header[b-o7fupgibqd] {
  padding: 0rem 3rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.details-overlay .details-overlay-inner .details-header p[b-o7fupgibqd] {
  font-weight: 700;
  font-size: 20px;
}


.details-overlay .details-overlay-inner .table-details[b-o7fupgibqd] {
  height: 80%;
  width: 90%;
  margin: 1.5rem auto;
  display: flex;
  flex-direction: column;
  gap: 15px;
  overflow: auto;
}

.details-overlay .details-overlay-inner .table-details[b-o7fupgibqd]::-webkit-scrollbar-thumb {
  border-radius: 10px;
}

.details-overlay .details-overlay-inner .table-details[b-o7fupgibqd]::-webkit-scrollbar-track {
  border-radius: 10px;
}

.details-overlay .details-overlay-inner .table-details .table-details-container[b-o7fupgibqd] {
  width: 98%;
  background-color: #11112D;
  padding: 1.5rem 1.5rem;
  border-radius: 16px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
}

.details-overlay .details-overlay-inner .table-details .table-details-container .table-details-item[b-o7fupgibqd] {
  width: calc((100% / 2) - 1rem);
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: left;
  gap: 10px;
}


.details-overlay .details-overlay-inner .table-details .table-details-container .table-details-item span:first-child[b-o7fupgibqd] {
  color: #DCDDEF;
  font-size: 12px;
  font-weight: 600;
  width: 40%;
  text-transform: capitalize;
}

.details-overlay .details-overlay-inner .table-details .table-details-container .table-details-item span:last-child[b-o7fupgibqd] {
  color: #9596AA;
  font-weight: 500;
  font-size: 12px;
  width: 60%;
  text-transform: capitalize;
}


.details-overlay .close-button[b-o7fupgibqd] {
  position: absolute;
  right: 2.8rem;
  bottom: 1.7rem;
  border-radius: 56px;
  border: 1px solid #5252E2;
  color: #DCDDEF;
  font-weight: 500;
  padding: 0.3rem 1.5rem;
}

.dark-table-stripe[b-o7fupgibqd] {
  text-align: left;
  padding-left: 2rem;
  border-radius: 8px 0px 0px 8px;
}

.light-table-stripe[b-o7fupgibqd] {
  text-align: left;
  padding-left: 2rem;
  border-radius: 8px 0px 0px 8px;
}

td[b-o7fupgibqd] {
  color: #DCDDEF;
}
/* _content/Cybral.Storm.App/Areas/Xasm/Questionnaire/SharedComponents/XasmDomainSelector.razor.rz.scp.css */
.select-box[b-ch70zh9l71] {
  padding: 0.6rem 0.5rem;
  width: fit-content;
  background-color: #070723;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border-radius: 5px;
  margin-right: 1rem;
}
/* _content/Cybral.Storm.App/Areas/Xasm/Questionnaire/SharedComponents/XasmScanLogDetailsPartial.razor.rz.scp.css */
/*-------------------------------------------------------------- details overlay -------------------------------------------------------------*/
.details-overlay[b-gex95eahfk] {
  position: fixed;
  background: rgba(0,0,0,0.24);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  /*  display:none;*/
}

.details-overlay .details-overlay-inner[b-gex95eahfk] {
  width: 55%;
  height: 80%;
  border-radius: 16px;
  border: 1px solid #46465E;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background-color: #070723;
  padding: 2.5rem 0rem;
}

.details-overlay .details-overlay-inner .details-header[b-gex95eahfk] {
  padding: 0rem 3rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.details-overlay .details-overlay-inner .details-header p[b-gex95eahfk] {
  font-weight: 700;
  font-size: 20px;
}


.details-overlay .details-overlay-inner .table-details[b-gex95eahfk] {
  height: 80%;
  width: 90%;
  margin: 1.5rem auto;
  display:flex;
  flex-direction:column;
  gap:15px;
  overflow:auto;
}
.details-overlay .details-overlay-inner .table-details[b-gex95eahfk]::-webkit-scrollbar-thumb{
  border-radius:10px;
}
.details-overlay .details-overlay-inner .table-details[b-gex95eahfk]::-webkit-scrollbar-track {
  border-radius: 10px;
}
.details-overlay .details-overlay-inner .table-details .table-details-container[b-gex95eahfk] {
  width: 98%;
  background-color: #11112D;
  padding: 1.5rem 1.5rem;
  border-radius: 16px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
}

.details-overlay .details-overlay-inner .table-details .table-details-container .table-details-item[b-gex95eahfk]{
  width:calc((100%/2) - 1rem);
  display:flex;
  justify-content:space-between;
  align-items:center;
  text-align:left;
  gap:10px;
}


.details-overlay .details-overlay-inner .table-details .table-details-container .table-details-item span:first-child[b-gex95eahfk] {
  color: #DCDDEF;
  font-size:12px;
  font-weight:600;
  width:40%;
  text-transform:capitalize;
}

.details-overlay .details-overlay-inner .table-details .table-details-container .table-details-item span:last-child[b-gex95eahfk] {
  color: #9596AA;
  font-weight: 500;
  font-size: 12px;
  width: 60%;
  text-transform: capitalize;
}


.details-overlay .close-button[b-gex95eahfk] {
  position: absolute;
  right: 2.8rem;
  bottom: 1.7rem;
  border-radius: 56px;
  border: 1px solid #5252E2;
  color: #DCDDEF;
  font-weight:500;
  padding:0.3rem 1.5rem;
}
/* _content/Cybral.Storm.App/Areas/Xasm/Remediation/Remediation.razor.rz.scp.css */
body[b-ys9zgxavgx] {
  font-family: "Poppins"
}

.remediations-container[b-ys9zgxavgx] {
  width: 95%;
  margin: 10px auto;
  padding-bottom: 5rem;
  padding-top: 2rem;
}

.remediations-cards[b-ys9zgxavgx] {
  background-color: #070723;
  border-radius: 16px;
  padding-top: 3rem;
}

  .remediations-cards .navigation-box[b-ys9zgxavgx] {
    padding-left: 1rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 1px solid #46465E;
  }

.navigation-box p[b-ys9zgxavgx] {
  padding: 1rem 2rem 1rem 1rem;
  color: #EEEEFC;
  position: relative;
  cursor: pointer;
}
  .navigation-box p:hover[b-ys9zgxavgx] {
    color: #363696;
    transition:0.1s;
  }

  .navigation-box p.active[b-ys9zgxavgx] {
    position: relative;
    color: #5252E2;
  }

    .navigation-box p.active[b-ys9zgxavgx]::before {
      position: absolute;
      content: "";
      width: 100%;
      height: 3px;
      background-color: #5252E2;
      left: 0;
      bottom: 0;
    }

.remediation-card[b-ys9zgxavgx] {
  border-radius: 16px;
  background-color: #070723;
  padding: 1.5rem;
  margin-bottom: 1rem;
}

  .remediation-card h1[b-ys9zgxavgx] {
    font-size: 22px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
  }

    .remediation-card h1 .host[b-ys9zgxavgx] {
      color: #DCDDEF;
    }

    .remediation-card h1 .asset-name[b-ys9zgxavgx] {
      color: #5252E2;
    }

.dropdown-head[b-ys9zgxavgx] {
  display: flex;
  justify-content: space-between;
  padding: 1rem 1.5rem;
  align-items: center;
  border-radius: 16px;
  background-color: #0E0F2B;
  margin-top: 1rem;
}

  .dropdown-head h2[b-ys9zgxavgx] {
    color: #DCDDEF;
    font-size: 16px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
  }

    .dropdown-head h2 .asset[b-ys9zgxavgx] {
      color: #5252E2;
    }

.dropdown[b-ys9zgxavgx] {
  margin-top: 1rem;
}

  .dropdown p[b-ys9zgxavgx] {
    position: relative;
    color: #87889D;
    font-size: 14px;
    font-weight: 500;
    padding-left: 2rem;
    margin-bottom: 0.7rem;
  }

    .dropdown p[b-ys9zgxavgx]::before {
      content: "";
      position: absolute;
      left: 1rem;
      top: 10px;
      width: 3px;
      height: 3px;
      background-color: #87889D;
      border-radius: 50%;
    }

.dropdown-box[b-ys9zgxavgx] {
  margin-bottom: 2rem;
}

.rotate[b-ys9zgxavgx] {
  transform: rotate(-90deg);
  transition: 0.3s;
}
/* _content/Cybral.Storm.App/Areas/Xasm/Reports/Components/DynamicReportTable.razor.rz.scp.css */

.assets-details-section table[b-753521vztf] {
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px;
}

.assets-details-section th[b-753521vztf], .assets-details-section td[b-753521vztf] {
  border: 1px solid #ddd;
  padding: 1rem 12px;
  text-align: center;
  font-weight: 500;
/*  word-break: break-all;
*/}

.assets-details-section th[b-753521vztf] {
  background-color: #909090;
  font-weight: bold;
  font-size: 16px;
  font-weight: 600;
}

.assets-details-section td[b-753521vztf] {
  background-color: #fff;
  color: #5F5F5F;
  font-size: 14px;
  font-weight: 500;
/*  word-break: break-all;
*/}

.assets-details-section a[b-753521vztf] {
  color: #3A3AA0;
  text-decoration: underline;
}

.assets-details-section .subdomain[b-753521vztf] {
  font-weight: bold;
  font-style: italic;
}

.assets-details-section .false[b-753521vztf] {
  color: #B50000;
}

.assets-details-section .true[b-753521vztf] {
  color: #548836;
}


.break-url[b-753521vztf] {
  word-wrap: break-word; /* Breaks words when they exceed container width */
  overflow-wrap: break-word; /* Ensures breaking in modern browsers */
  word-break: break-word; /* Breaks long words cleanly */
  white-space: normal; /* Allows wrapping instead of a single line */
  max-width: 100%; /* Prevents overflow */
}

.network-vulnerabilities-details table[b-753521vztf] {
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px;
}

.network-vulnerabilities-details th[b-753521vztf], .network-vulnerabilities-details td[b-753521vztf] {
  border: 1px solid #ddd;
  padding: 1rem 12px;
  text-align: center;
  font-weight: 500;
}

.network-vulnerabilities-details th[b-753521vztf] {
  background-color: #909090;
  font-weight: bold;
  font-size: 16px;
  font-weight: 600;
}

.network-vulnerabilities-details td[b-753521vztf] {
  background-color: #fff;
  color: #5F5F5F;
  font-size: 14px;
  font-weight: 500;
}

.network-vulnerabilities-details a[b-753521vztf] {
  color: #3A3AA0;
  text-decoration: underline;
}

.network-vulnerabilities-details .critical[b-753521vztf] {
  background-color: #5A0000;
  color: #FFFFFF;
  font-weight: 500;
  text-align: center;
}
.network-vulnerabilities-details .high[b-753521vztf] {
  background-color: #E80000;
  color: #FFFFFF;
  font-weight: 500;
  text-align: center;
}

.network-vulnerabilities-details .medium[b-753521vztf] {
  background-color: #EBA00D;
  color: #FFFFFF;
  font-weight: 500;
  text-align: center;
  padding: 1.2rem 2rem;
}

.network-vulnerabilities-details .low[b-753521vztf] {
  background-color: #E7CC21;
  color: #FFFFFF;
  font-weight: 500;
  text-align: center;
}

.network-vulnerabilities-details .informational[b-753521vztf] {
  background-color: #D3D3D3;
  color: #FFFFFF;
  font-weight: 500;
  text-align: center;
}

.web-vulnerabilities-details table[b-753521vztf] {
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px;
}

.web-vulnerabilities-details th[b-753521vztf], .web-vulnerabilities-details td[b-753521vztf] {
  border: 1px solid #ddd;
  padding: 1rem 12px;
  text-align: center;
  font-weight: 500;
}

.web-vulnerabilities-details th[b-753521vztf] {
  background-color: #909090;
  font-weight: bold;
  font-size: 16px;
  font-weight: 600;
}

.web-vulnerabilities-details td[b-753521vztf] {
  background-color: #fff;
  color: #5F5F5F;
  font-size: 14px;
  font-weight: 500;
}

.web-vulnerabilities-details a[b-753521vztf] {
  color: #3A3AA0;
  text-decoration: underline;
}

.web-vulnerabilities-details .critical[b-753521vztf] {
  background-color: #8B0000;
  color: #FFFFFF;
  font-weight: 500;
  text-align: center;
}
.web-vulnerabilities-details .high[b-753521vztf] {
  background-color: #E80000;
  color: #FFFFFF;
  font-weight: 500;
  text-align: center;
}

.web-vulnerabilities-details .medium[b-753521vztf] {
  background-color: #EBA00D;
  color: #FFFFFF;
  font-weight: 500;
  text-align: center;
  padding: 1.2rem 2rem;
}

.web-vulnerabilities-details .low[b-753521vztf] {
  background-color: #E7CC21;
  color: #FFFFFF;
  font-weight: 500;
  text-align: center;
}

.web-vulnerabilities-details .informational[b-753521vztf] {
  background-color: #D3D3D3;
  color: #FFFFFF;
  font-weight: 500;
  text-align: center;
}
/* _content/Cybral.Storm.App/Areas/Xasm/Reports/Components/RemediationReportPart.razor.rz.scp.css */


.remediation-container[b-bu91gnngio] {
  background: #F0F0F1;
  padding: 20px;
  border-radius: 10px;
  margin: auto;
}

.defence-strategy-secction .section-title[b-bu91gnngio] {
  font-size: 18px;
  font-weight: bold;
  margin: 1.2rem 0rem;
}

  .defence-strategy-secction .section-title:nth-child(2)[b-bu91gnngio] {
    margin-bottom: 0.7rem;
  }

.defence-strategy-secction .network[b-bu91gnngio] {
  color: #5252E2;
}

.defence-strategy-secction .web[b-bu91gnngio] {
  color: #5252E2;
  margin-bottom: 0.6rem;
  margin-top: 1.5rem;
}

.defence-strategy-secction p[b-bu91gnngio] {
  font-size: 16px;
  font-weight: 500;
  margin: 15px 0;
  color: #2C2C2CCF;
}

.defence-strategy-secction ul[b-bu91gnngio] {
  margin-top: 0px;
  padding-left: 20px;
  list-style-type: disc;
}

.defence-strategy-secction li[b-bu91gnngio] {
  font-size: 14px;
  line-height: 1.6;
  color: #5F5F5F;
}

.defence-strategy-secction .cve[b-bu91gnngio] {
  color: #B50000;
  font-weight: 600;
}

.defence-strategy-secction .ip[b-bu91gnngio] {
  color: #242447;
  font-weight: 600;
}

.defence-strategy-secction .link[b-bu91gnngio] {
  color: #242447;
  text-decoration: none;
  font-weight: bold;
}

  .defence-strategy-secction .link:hover[b-bu91gnngio] {
    text-decoration: underline;
  }
/* _content/Cybral.Storm.App/Areas/Xasm/Reports/Components/ReportRiskScore.razor.rz.scp.css */

/* ---------------------------------------------------- risk assesment ----------------------------------------------------------*/


.risk-assessment-section[b-j6q3kgt8ib] {
  margin-top: 5rem;
}

  .risk-assessment-section h2[b-j6q3kgt8ib] {
    color: #5252E2;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 2rem;
  }

  .risk-assessment-section .risk-assestment-container[b-j6q3kgt8ib] {
    background-color: #F0F0F1;
    border-radius: 8px;
    padding: 2.5rem 2rem;
  }

    .risk-assessment-section .risk-assestment-container h3[b-j6q3kgt8ib] {
      color: #20203B;
      font-size: 18px;
      font-weight: 500;
      margin-bottom: 1rem;
    }

.risk-assestment-content[b-j6q3kgt8ib] {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 5rem;
}

  .risk-assestment-content .risk-assestment-left[b-j6q3kgt8ib] {
    width: 20%;
    padding: 2rem 1rem;
    background-color: #E3E3E3;
    border-radius: 4px;
  }

    .risk-assestment-content .risk-assestment-left .risk-score-p[b-j6q3kgt8ib] {
      color: #A50121;
      font-weight: 400;
      margin-bottom: 1.5rem;
      display: flex;
      align-items: center;
      gap: 10px;
    }

      .risk-assestment-content .risk-assestment-left .risk-score-p span:nth-child(2)[b-j6q3kgt8ib] {
        font-weight: 600;
        font-size: 28px;
      }

    .risk-assestment-content .risk-assestment-left .risk-left-item[b-j6q3kgt8ib] {
      padding: 0.5rem 0rem;
      display: flex;
      flex-direction: column;
      gap: 10px;
    }

      .risk-assestment-content .risk-assestment-left .risk-left-item p:first-child[b-j6q3kgt8ib] {
        color: #46465E;
        font-size: 14px;
        font-weight: 500;
      }

      .risk-assestment-content .risk-assestment-left .risk-left-item p:nth-child(2)[b-j6q3kgt8ib] {
        color: #5252E2;
        font-weight: 500;
        font-size: 18px;
      }

  .risk-assestment-content .risk-assestment-right[b-j6q3kgt8ib] {
    width: 70%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    padding: 2rem;
  }
/* _content/Cybral.Storm.App/Areas/Xasm/Reports/Components/ReportScanScopeCards.razor.rz.scp.css */
.custom-section .scan-scope .scan-scope-boxes[b-petob35x8o] {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  justify-content: flex-start;
  gap: 1rem;
}

  .custom-section .scan-scope .scan-scope-boxes .scan-scope-box[b-petob35x8o] {
    border: 1px solid #D6D6D7;
    padding: 1rem 1.2rem;
    border-radius: 4px;
  }

    .custom-section .scan-scope .scan-scope-boxes .scan-scope-box p:first-child[b-petob35x8o] {
      color: #20203B;
      font-size: 14px;
      font-weight: 500;
      margin-bottom: 1rem;
    }

    .custom-section .scan-scope .scan-scope-boxes .scan-scope-box p:nth-child(2)[b-petob35x8o] {
      color: #5252E2;
      font-size: 18px;
      font-weight: 500;
    }
/* _content/Cybral.Storm.App/Areas/Xasm/Reports/Components/SecurityPostureReportPart.razor.rz.scp.css */
/*-------------------------------------------------------------- security postures ---------------------------------------------------------------*/
.security-posture[b-khhw0yjt89] {
  display: flex;
  justify-content: center;
  align-items: stretch;
  margin-top: 2rem;
}

  .security-posture .security-posture-left[b-khhw0yjt89] {
    width: 40%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: self-start;
    gap: 2rem;
    z-index: 5;
    padding-top: 2rem;
  }

.security-posture .security-posture-left p[b-khhw0yjt89] {
  font-size: 14px;
  color: #46465E;
  line-height: 24px;
}

.security-posture .security-posture-right[b-khhw0yjt89] {
  width: 60%;
}

.progress-row-left[b-khhw0yjt89] {
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 400;
}

  .progress-row-left:hover[b-khhw0yjt89] {
    color: #5252E2;
    transition: 0.3s ease;
    cursor: pointer;
  }

.security-posture .security-posture-right .progress-row[b-khhw0yjt89] {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
  gap: 1rem;
}

  .security-posture .security-posture-right .progress-row:last-child[b-khhw0yjt89] {
    margin-bottom: 0rem;
  }

.security-posture .security-posture-right .progress-row-left[b-khhw0yjt89] {
  text-align: right;
  width: 30%;
  color: #46465E;
  font-weight: 400;
}

.security-posture .security-posture-right .progress-row-right[b-khhw0yjt89] {
  position: relative;
  border-radius: 42px;
  width: 50%;
  height: 11px;
  background-color: #C0C0EB;
  animation: animate-b-khhw0yjt89 1s cubic-bezier(1,0,0.5,1) forwards;
  transform: scaleX(0);
  transform-origin: left;
}

  .security-posture .security-posture-right .progress-row-right span[b-khhw0yjt89] {
    height: 100%;
    background-color: #5252E2;
    position: absolute;
    border-radius: 42px;
    animation: animate-b-khhw0yjt89 1s 1s cubic-bezier(1,0,0.5,1) forwards;
    transform: scaleX(0);
    transform-origin: left;
  }


  .security-posture .security-posture-right .progress-row-right span[b-khhw0yjt89]::after {
    position: absolute;
    color: #7F7F7F;
    font-size: 12px;
    top: -20px;
    right: 0px;
    animation: showText-b-khhw0yjt89 0.5s 1.5s linear forwards;
    font-weight: 300;
  }


  .security-posture .security-posture-right .progress-row-right span[b-khhw0yjt89]::before {
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    top: -10px;
    right: 10px;
    animation: showText-b-khhw0yjt89 0.5s 1.5s linear forwards;
    opacity: 0;
  }

@keyframes showText-b-khhw0yjt89 {
  100% {
    opacity: 1;
  }
}

@keyframes animate-b-khhw0yjt89 {
  100% {
    transform: scaleX(1);
  }
}


.security-posture .security-posture-right .progress-row .total[b-khhw0yjt89] {
  font-weight: 500;
  color: #46465E;
}
/* _content/Cybral.Storm.App/Areas/Xasm/Reports/Components/SocialEngineeringReportPart.razor.rz.scp.css */
/* _content/Cybral.Storm.App/Areas/Xasm/Reports/Components/VulnerabilityFrequencyTable.razor.rz.scp.css */

.vulnerabilities-frequency-section table[b-nqap35o99m] {
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px;
}

.vulnerabilities-frequency-section th[b-nqap35o99m], .vulnerabilities-frequency-section td[b-nqap35o99m] {
  border: 1px solid #ddd;
  padding: 1.2rem 12px;
  text-align: center;
}

.vulnerabilities-frequency-section th[b-nqap35o99m] {
  background-color: #909090;
  font-weight: bold;
  font-size: 16px;
  font-weight: 600;
}

.vulnerabilities-frequency-section td[b-nqap35o99m] {
  background-color: #fff;
  color: #5F5F5F;
  font-size: 14px;
  font-weight: 500;
}

.vulnerabilities-frequency-section .critical[b-nqap35o99m] {
  background-color: #8B0000;
  color: #FFFFFF;
  font-weight: 500;
  text-align: center;
}

.vulnerabilities-frequency-section .high[b-nqap35o99m] {
  background-color: #E80000;
  color: #FFFFFF;
  font-weight: 500;
  text-align: center;
}

.vulnerabilities-frequency-section .medium[b-nqap35o99m] {
  background-color: #EBA00D;
  color: #FFFFFF;
  font-weight: 500;
  text-align: center;
  padding: 1.2rem 2rem;
}

.vulnerabilities-frequency-section .low[b-nqap35o99m] {
  background-color: #E7CC21;
  color: #FFFFFF;
  font-weight: 500;
  text-align: center;
}


.vulnerabilities-frequency-section .informational[b-nqap35o99m] {
  background-color: #D3D3D3;
  color: #FFFFFF;
  font-weight: 500;
  text-align: center;
}
/* _content/Cybral.Storm.App/Areas/Xasm/Reports/XasmComprehensiveReport.razor.rz.scp.css */

body[b-4619vbc2r7] {
  font-family: "Poppins"
}

.comprehensive-report[b-4619vbc2r7] {
  background-color: #FFFFFF;
  overflow-x: hidden;
}
  /* ----------------------------------------------------------------------hero section ------------------------------------------------------------------*/

  .comprehensive-report .hero-section[b-4619vbc2r7] {
    position: relative;
    width: 95%;
    margin: auto;
    padding-top: 4rem;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

    .comprehensive-report .hero-section .hero-upper-transparent[b-4619vbc2r7] {
      position: absolute;
      top: 40%;
      transform: translateY(-50%) rotate(-45deg);
      left: -6rem;
    }

.hero-section .cybral-logo-transparent-top[b-4619vbc2r7] {
  position: absolute;
  top: 5px;
  right: -7rem;
}

.hero-section .cybral-logo-transparent2[b-4619vbc2r7] {
  position: absolute;
  bottom: 2rem;
  right: -6rem;
}

.comprehensive-report .hero-section .hero-upper-content[b-4619vbc2r7] {
  position: relative;
  width: 94%;
  margin: 3rem auto;
  position: relative;
  z-index: 5;
}



  .comprehensive-report .hero-section .hero-upper-content button[b-4619vbc2r7] {
    background-color: #5252E2;
    color: #F9F9FA;
    font-size: 16px;
    font-weight: 500;
    border-radius: 28px;
    padding: 0.6rem 2rem;
    margin-bottom: 10px;
    display: block;
    margin-top: 5rem;
  }

    .comprehensive-report .hero-section .hero-upper-content button:hover[b-4619vbc2r7] {
      background-color: #363696;
      transition: 0.2s;
    }

  .comprehensive-report .hero-section .hero-upper-content h1[b-4619vbc2r7] {
    font-size: 48px;
    font-weight: 600;
    line-height: 120%;
    color: #20203B;
    line-height: 60px;
  }

  .comprehensive-report .hero-section .hero-upper-content p[b-4619vbc2r7] {
    color: #6E6E6E;
    font-size: 18px;
    font-weight: 400;
    margin-top: 10px;
  }

  .comprehensive-report .hero-section .hero-upper-content h3[b-4619vbc2r7] {
    color: #20203B;
    font-size: 24px;
    font-weight: 400;
    line-height: 35px;
    margin-top: 8px;
  }

.comprehensive-report .hero-section .main-footer[b-4619vbc2r7] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 0rem;
  width: 100%;
  margin: 0 auto;
  border-top: 1px solid #EBEBEB;
}

  .comprehensive-report .hero-section .main-footer p[b-4619vbc2r7] {
    color: #A8A8A8;
    font-size: 12px;
    font-weight: 500;
  }


.security-posture-section .header-p[b-4619vbc2r7] {
  font-size: 24px;
  color: #5252E2;
  font-weight: 600;
  padding-top: 4rem;
}


/*-------------------------------------------------------table of contents------------------------------------------------------------*/


.table-of-contents[b-4619vbc2r7] {
  width: 93%;
  margin: auto;
  color: #3F51B5;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 7rem;
  padding-top: 5rem;
}

  .table-of-contents h2[b-4619vbc2r7] {
    font-size: 28px;
    font-weight: 600;
    color: #5252E2;
    margin-bottom: 2rem;
  }

  .table-of-contents ul[b-4619vbc2r7] {
    list-style: none;
    padding: 0;
  }

  .table-of-contents li[b-4619vbc2r7] {
    font-size: 20px;
    font-weight: 600;
    margin: 10px 0;
  }

  .table-of-contents .sub-item[b-4619vbc2r7] {
    font-size: 16px;
    font-weight: 500;
    padding-left: 20px;
  }

  .table-of-contents a[b-4619vbc2r7] {
    text-decoration: none;
    color: #5252E2;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .table-of-contents .dots[b-4619vbc2r7] {
    flex-grow: 1;
    border-bottom: 2px dotted #5252E2;
    margin: 0 10px;
    height: 1px;
  }

  .table-of-contents .page-number[b-4619vbc2r7] {
    font-weight: bold;
  }

  .table-of-contents .main-footer[b-4619vbc2r7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 0rem;
    width: 100%;
    margin: 0 auto;
    border-top: 1px solid #EBEBEB;
  }

    .table-of-contents .main-footer p[b-4619vbc2r7] {
      color: #A8A8A8;
      font-size: 12px;
      font-weight: 500;
    }



/*------------------------------------------------------- excutive summary ---------------------------------------------------------------*/
.executive-summary-section[b-4619vbc2r7] {
  width: 93%;
  margin: auto;
  color: #3F51B5;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 7rem;
  padding-top: 5rem;
  min-height: 100vh;
}

  .executive-summary-section .executive-summary-upper[b-4619vbc2r7] {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    gap: 3rem;
  }

    .executive-summary-section .executive-summary-upper h2[b-4619vbc2r7] {
      color: #5252E2;
      font-size: 24px;
      font-weight: 600;
    }

    .executive-summary-section .executive-summary-upper p[b-4619vbc2r7] {
      color: #46465E;
      font-size: 14px;
      font-weight: 500;
      width: 60%;
    }


  .executive-summary-section .main-footer[b-4619vbc2r7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 0rem;
    width: 100%;
    margin: 0 auto;
    border-top: 1px solid #EBEBEB;
  }

    .executive-summary-section .main-footer p[b-4619vbc2r7] {
      color: #A8A8A8;
      font-size: 12px;
      font-weight: 500;
    }



/* ----------------------------------------------------- custom section -------------------------------------------------------------*/

.custom-section[b-4619vbc2r7] {
  width: 93%;
  padding-top: 5rem;
  min-height: 100vh;
  margin: auto;
  padding-bottom: 3rem;
}


  /* ------------------------------------------------------- scan scope------------------------------------------------------------*/

  .custom-section .scan-scope h2[b-4619vbc2r7] {
    color: #5252E2;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 2rem;
  }

  .custom-section .scan-scope .scan-scope-boxes[b-4619vbc2r7] {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    justify-content: flex-start;
    gap: 1rem;
  }

    .custom-section .scan-scope .scan-scope-boxes .scan-scope-box[b-4619vbc2r7] {
      border: 1px solid #D6D6D7;
      padding: 1rem 1.2rem;
      border-radius: 4px;
    }

      .custom-section .scan-scope .scan-scope-boxes .scan-scope-box p:first-child[b-4619vbc2r7] {
        color: #20203B;
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 1rem;
      }

      .custom-section .scan-scope .scan-scope-boxes .scan-scope-box p:nth-child(2)[b-4619vbc2r7] {
        color: #5252E2;
        font-size: 18px;
        font-weight: 500;
      }




/* ------------------------------------------------- vulnerabilities-frequency-section ------------------------------------------*/
/*.vulnerabilities-frequency-section {
  margin-top: 7rem;
}*/

  .vulnerabilities-frequency-section h2[b-4619vbc2r7] {
    color: #5252E2;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 2rem;
  }
  .vulnerabilities-frequency-section h3[b-4619vbc2r7] {
    color: #5252E2;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 2rem;
  }



/*-------------------------------------------------------- defence-strategy-secction -------------------------------------------------- */
.defence-strategy-secction[b-4619vbc2r7] {
  padding-top: 4rem;
}

  .defence-strategy-secction h2[b-4619vbc2r7] {
    color: #5252E2;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 2rem;
  }



/* ----------------------------------------------------------- Assets Details ------------------------------------------------------*/
/*.assets-details-section {
  margin-top: 10rem;
}*/

  .assets-details-section h2[b-4619vbc2r7] {
    color: #5252E2;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 2rem;
  }



/*------------------------------------------------------- network-vulnerabilities-details ------------------------------------------------*/

.network-vulnerabilities-details[b-4619vbc2r7] {
  margin-top: 5rem;
}

  .network-vulnerabilities-details h2[b-4619vbc2r7] {
    color: #5252E2;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 2rem;
  }

  .network-vulnerabilities-details .bullet-p[b-4619vbc2r7] {
    position: relative;
    padding-left: 3rem;
    font-size: 16px;
    color: #2C2C2CCF;
    font-weight: 600;
    margin-top: 2rem;
  }



/* ----------------------------------------------------- custom last section -------------------------------------------------------------*/

.custom-last-section[b-4619vbc2r7] {
  width: 93%;
  padding-top: 5rem;
  min-height: 100vh;
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 10rem;
}

.web-vulnerabilities-details h2[b-4619vbc2r7] {
  color: #5252E2;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 2rem;
}

.web-vulnerabilities-details .bullet-p[b-4619vbc2r7] {
  position: relative;
  padding-left: 1rem;
  font-size: 16px;
  color: #2C2C2CCF;
  font-weight: 600;
  margin-top: 2rem;
}

  .web-vulnerabilities-details .bullet-p[b-4619vbc2r7]::before {
    content: "";
    position: absolute;
    left: 0rem;
    top: 50%;
    transform: translateY(-50%);
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #2C2C2CCF;
  }


.custom-last-section .main-footer[b-4619vbc2r7] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 0rem;
  width: 100%;
  margin: 0 auto;
  border-top: 1px solid #EBEBEB;
}

  .custom-last-section .main-footer p[b-4619vbc2r7] {
    color: #A8A8A8;
    font-size: 12px;
    font-weight: 500;
  }
/* _content/Cybral.Storm.App/Areas/Xasm/Reports/XasmSummaryReport.razor.rz.scp.css */

body[b-70kgln0xqt] {
  font-family: "Poppins"
}

.comprehensive-report[b-70kgln0xqt] {
  background-color: #FFFFFF;
  overflow-x: hidden;
}
  /* ----------------------------------------------------------------------hero section ------------------------------------------------------------------*/

  .comprehensive-report .hero-section[b-70kgln0xqt] {
    position: relative;
    width: 95%;
    margin: auto;
    padding-top: 4rem;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

    .comprehensive-report .hero-section .hero-upper-transparent[b-70kgln0xqt] {
      position: absolute;
      top: 40%;
      transform: translateY(-50%) rotate(-45deg);
      left: -6rem;
    }

.hero-section .cybral-logo-transparent-top[b-70kgln0xqt] {
  position: absolute;
  top: 5px;
  right: -7rem;
}

.hero-section .cybral-logo-transparent2[b-70kgln0xqt] {
  position: absolute;
  bottom: 2rem;
  right: -6rem;
}

.comprehensive-report .hero-section .hero-upper-content[b-70kgln0xqt] {
  position: relative;
  width: 94%;
  margin: 3rem auto;
  position: relative;
  z-index: 5;
}



  .comprehensive-report .hero-section .hero-upper-content button[b-70kgln0xqt] {
    background-color: #5252E2;
    color: #F9F9FA;
    font-size: 16px;
    font-weight: 500;
    border-radius: 28px;
    padding: 0.6rem 2rem;
    margin-bottom: 10px;
    display: block;
    margin-top: 5rem;
  }

    .comprehensive-report .hero-section .hero-upper-content button:hover[b-70kgln0xqt] {
      background-color: #363696;
      transition: 0.2s;
    }

  .comprehensive-report .hero-section .hero-upper-content h1[b-70kgln0xqt] {
    font-size: 48px;
    font-weight: 600;
    line-height: 120%;
    color: #20203B;
    line-height: 60px;
  }

  .comprehensive-report .hero-section .hero-upper-content p[b-70kgln0xqt] {
    color: #6E6E6E;
    font-size: 18px;
    font-weight: 400;
    margin-top: 10px;
  }

  .comprehensive-report .hero-section .hero-upper-content h3[b-70kgln0xqt] {
    color: #20203B;
    font-size: 24px;
    font-weight: 400;
    line-height: 35px;
    margin-top: 8px;
  }

.comprehensive-report .hero-section .main-footer[b-70kgln0xqt] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 0rem;
  width: 100%;
  margin: 0 auto;
  border-top: 1px solid #EBEBEB;
}

  .comprehensive-report .hero-section .main-footer p[b-70kgln0xqt] {
    color: #A8A8A8;
    font-size: 12px;
    font-weight: 500;
  }


.security-posture-section .header-p[b-70kgln0xqt] {
  font-size: 24px;
  color: #5252E2;
  font-weight: 600;
  padding-top: 4rem;
}


/*-------------------------------------------------------table of contents------------------------------------------------------------*/


.table-of-contents[b-70kgln0xqt] {
  width: 93%;
  margin: auto;
  color: #3F51B5;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 7rem;
  padding-top: 5rem;
}

  .table-of-contents h2[b-70kgln0xqt] {
    font-size: 28px;
    font-weight: 600;
    color: #5252E2;
    margin-bottom: 2rem;
  }

  .table-of-contents ul[b-70kgln0xqt] {
    list-style: none;
    padding: 0;
  }

  .table-of-contents li[b-70kgln0xqt] {
    font-size: 20px;
    font-weight: 600;
    margin: 10px 0;
  }

  .table-of-contents .sub-item[b-70kgln0xqt] {
    font-size: 16px;
    font-weight: 500;
    padding-left: 20px;
  }

  .table-of-contents a[b-70kgln0xqt] {
    text-decoration: none;
    color: #5252E2;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .table-of-contents .dots[b-70kgln0xqt] {
    flex-grow: 1;
    border-bottom: 2px dotted #5252E2;
    margin: 0 10px;
    height: 1px;
  }

  .table-of-contents .page-number[b-70kgln0xqt] {
    font-weight: bold;
  }

  .table-of-contents .main-footer[b-70kgln0xqt] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 0rem;
    width: 100%;
    margin: 0 auto;
    border-top: 1px solid #EBEBEB;
  }

    .table-of-contents .main-footer p[b-70kgln0xqt] {
      color: #A8A8A8;
      font-size: 12px;
      font-weight: 500;
    }



/*------------------------------------------------------- excutive summary ---------------------------------------------------------------*/
.executive-summary-section[b-70kgln0xqt] {
  width: 93%;
  margin: auto;
  color: #3F51B5;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 7rem;
  padding-top: 5rem;
  min-height: 100vh;
}

  .executive-summary-section .executive-summary-upper[b-70kgln0xqt] {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    gap: 3rem;
  }

    .executive-summary-section .executive-summary-upper h2[b-70kgln0xqt] {
      color: #5252E2;
      font-size: 24px;
      font-weight: 600;
    }

    .executive-summary-section .executive-summary-upper p[b-70kgln0xqt] {
      color: #46465E;
      font-size: 14px;
      font-weight: 500;
      width: 60%;
    }


  .executive-summary-section .main-footer[b-70kgln0xqt] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 0rem;
    width: 100%;
    margin: 0 auto;
    border-top: 1px solid #EBEBEB;
  }

    .executive-summary-section .main-footer p[b-70kgln0xqt] {
      color: #A8A8A8;
      font-size: 12px;
      font-weight: 500;
    }



/* ----------------------------------------------------- custom section -------------------------------------------------------------*/

.custom-section[b-70kgln0xqt] {
  width: 93%;
  padding-top: 5rem;
  min-height: 100vh;
  margin: auto;
  padding-bottom: 3rem;
}


  /* ------------------------------------------------------- scan scope------------------------------------------------------------*/

  .custom-section .scan-scope h2[b-70kgln0xqt] {
    color: #5252E2;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 2rem;
  }

  .custom-section .scan-scope .scan-scope-boxes[b-70kgln0xqt] {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    justify-content: flex-start;
    gap: 1rem;
  }

    .custom-section .scan-scope .scan-scope-boxes .scan-scope-box[b-70kgln0xqt] {
      border: 1px solid #D6D6D7;
      padding: 1rem 1.2rem;
      border-radius: 4px;
    }

      .custom-section .scan-scope .scan-scope-boxes .scan-scope-box p:first-child[b-70kgln0xqt] {
        color: #20203B;
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 1rem;
      }

      .custom-section .scan-scope .scan-scope-boxes .scan-scope-box p:nth-child(2)[b-70kgln0xqt] {
        color: #5252E2;
        font-size: 18px;
        font-weight: 500;
      }




/* ------------------------------------------------- vulnerabilities-frequency-section ------------------------------------------*/
/*.vulnerabilities-frequency-section {
  margin-top: 7rem;
}*/

.vulnerabilities-frequency-section h2[b-70kgln0xqt] {
  color: #5252E2;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 2rem;
}

.vulnerabilities-frequency-section h3[b-70kgln0xqt] {
  color: #5252E2;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 2rem;
}



/*-------------------------------------------------------- defence-strategy-secction -------------------------------------------------- */
.defence-strategy-secction[b-70kgln0xqt] {
  padding-top: 4rem;
}

  .defence-strategy-secction h2[b-70kgln0xqt] {
    color: #5252E2;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 2rem;
  }



/* ----------------------------------------------------------- Assets Details ------------------------------------------------------*/
/*.assets-details-section {
  margin-top: 10rem;
}*/

.assets-details-section h2[b-70kgln0xqt] {
  color: #5252E2;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 2rem;
}



/*------------------------------------------------------- network-vulnerabilities-details ------------------------------------------------*/

.network-vulnerabilities-details[b-70kgln0xqt] {
  margin-top: 5rem;
}

  .network-vulnerabilities-details h2[b-70kgln0xqt] {
    color: #5252E2;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 2rem;
  }

  .network-vulnerabilities-details .bullet-p[b-70kgln0xqt] {
    position: relative;
    padding-left: 3rem;
    font-size: 16px;
    color: #2C2C2CCF;
    font-weight: 600;
    margin-top: 2rem;
  }



/* ----------------------------------------------------- custom last section -------------------------------------------------------------*/

.custom-last-section[b-70kgln0xqt] {
  width: 93%;
  padding-top: 5rem;
  min-height: 100vh;
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 10rem;
}

.web-vulnerabilities-details h2[b-70kgln0xqt] {
  color: #5252E2;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 2rem;
}

.web-vulnerabilities-details .bullet-p[b-70kgln0xqt] {
  position: relative;
  padding-left: 1rem;
  font-size: 16px;
  color: #2C2C2CCF;
  font-weight: 600;
  margin-top: 2rem;
}

  .web-vulnerabilities-details .bullet-p[b-70kgln0xqt]::before {
    content: "";
    position: absolute;
    left: 0rem;
    top: 50%;
    transform: translateY(-50%);
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #2C2C2CCF;
  }


.custom-last-section .main-footer[b-70kgln0xqt] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 0rem;
  width: 100%;
  margin: 0 auto;
  border-top: 1px solid #EBEBEB;
}

  .custom-last-section .main-footer p[b-70kgln0xqt] {
    color: #A8A8A8;
    font-size: 12px;
    font-weight: 500;
  }
/* _content/Cybral.Storm.App/Areas/Xasm/SharedComponents/FilterByDeviceTypeBar.razor.rz.scp.css */
.filter[b-x72sdlhnsf] {
  display: flex;
  align-items: center;
  background-color: #46465F;
  border-radius: 5px;
}

  .filter .label[b-x72sdlhnsf],
  .filter .label-severity[b-x72sdlhnsf] {
    padding: 7px 9px;
    color: #dcddef;
    cursor: pointer;
    font-size: 12px;
    background-color: #46465F;
  }

.label-severity[b-x72sdlhnsf] {
  display: flex;
  align-items: center;
}

.filter .label.selected[b-x72sdlhnsf], .filter .label-severity.selected[b-x72sdlhnsf] {
  border-radius: 5px;
  background-color: #5252E2;
}


.filter .label:first-child[b-x72sdlhnsf], .filter .label-severity:first-child[b-x72sdlhnsf] {
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.filter .label:last-child[b-x72sdlhnsf], .filter .label-severity:last-child[b-x72sdlhnsf] {
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.indicator[b-x72sdlhnsf] {
  height: 8px;
  width: 8px;
  border-radius: 50%;
  margin-inline-end: 4px;
}

.indicator.critical[b-x72sdlhnsf] {
  background-color: black;
}

.indicator.high[b-x72sdlhnsf] {
  background-color: #f03c4a;
}

.indicator.meduim[b-x72sdlhnsf] {
  background-color: #ff8a45;
}

.indicator.low[b-x72sdlhnsf] {
  background-color: #4e65ff;
}
/* _content/Cybral.Storm.App/Areas/Xasm/SharedComponents/FilterByPostureGrade.razor.rz.scp.css */
.filter[b-7qmj9zjov5] {
  display: flex;
  align-items: center;
  background-color: #46465F;
  border-radius: 5px;
}

.filter .label[b-7qmj9zjov5],
.filter .label-severity[b-7qmj9zjov5] {
  padding: 7px 9px;
  color: #dcddef;
  cursor: pointer;
  font-size: 12px;
  background-color: #46465F;
}

.label-severity[b-7qmj9zjov5] {
  display: flex;
  align-items: center;
}

.filter .label.selected[b-7qmj9zjov5], .filter .label-severity.selected[b-7qmj9zjov5] {
  border-radius: 5px;
  background-color: #5252E2;
}


.filter .label:first-child[b-7qmj9zjov5], .filter .label-severity:first-child[b-7qmj9zjov5] {
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.filter .label:last-child[b-7qmj9zjov5], .filter .label-severity:last-child[b-7qmj9zjov5] {
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.indicator[b-7qmj9zjov5] {
  height: 8px;
  width: 8px;
  border-radius: 50%;
  margin-inline-end: 4px;
}

.indicator.critical[b-7qmj9zjov5] {
  background-color: black;
}

.indicator.high[b-7qmj9zjov5] {
  background-color: #f03c4a;
}

.indicator.meduim[b-7qmj9zjov5] {
  background-color: #ff8a45;
}

.indicator.low[b-7qmj9zjov5] {
  background-color: #4e65ff;
}
/* _content/Cybral.Storm.App/Areas/Xasm/SharedComponents/FilterByVulnerabilitySeverityBar.razor.rz.scp.css */
.filter[b-xs5f8o8d4d] {
  display: flex;
  align-items: center;
  background-color: #46465F;
  border-radius: 5px;
}

  .filter .label-severity[b-xs5f8o8d4d] {
    padding: 7px 9px;
    color: #dcddef;
    cursor: pointer;
    font-size: 12px;
    display: flex;
    align-items: center;
    background-color: #46465F;
  }


    .filter .label-severity.selected[b-xs5f8o8d4d] {
      border-radius: 5px;
      background-color: #5252E2;
    }


    .filter .label-severity:first-child[b-xs5f8o8d4d] {
      -webkit-border-top-left-radius: 5px;
      -webkit-border-bottom-left-radius: 5px;
      -moz-border-radius-topleft: 5px;
      -moz-border-radius-bottomleft: 5px;
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px;
    }

    .filter .label-severity:last-child[b-xs5f8o8d4d] {
      -webkit-border-top-right-radius: 5px;
      -webkit-border-bottom-right-radius: 5px;
      -moz-border-radius-topright: 5px;
      -moz-border-radius-bottomright: 5px;
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px;
    }

.indicator[b-xs5f8o8d4d] {
  height: 8px;
  width: 8px;
  border-radius: 50%;
  margin-inline-end: 4px;
}
.pointer:hover[b-xs5f8o8d4d]{
  cursor: pointer;
}
  .indicator.critical[b-xs5f8o8d4d] {
    background-color: #C0282E;
  }

  .indicator.high[b-xs5f8o8d4d] {
    background-color: #F7941F;
  }

  .indicator.medium[b-xs5f8o8d4d] {
    background-color: #FDED22;
  }

  .indicator.low[b-xs5f8o8d4d] {
    background-color: #3BB449;
  }

  .custom-dropdown[b-xs5f8o8d4d] {
    position: relative;
    display: inline-block;
  }
  
  .dropdown-toggle[b-xs5f8o8d4d] {

    padding: 8px 16px;
    cursor: pointer;
  }
  
  .dropdown-content[b-xs5f8o8d4d] {
   
    min-width: 160px;
    width: 100% !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    z-index: 999;
  }
  
  .dropdown-item[b-xs5f8o8d4d] {
    padding: 8px 16px;
    cursor: pointer;
  }
  
  .dropdown-item:hover[b-xs5f8o8d4d] {
    background-color: #303049;
  }
  
.custom-dropicon[b-xs5f8o8d4d]{
    li{
        direction: rtl !important;
    }
}


.filter-dropdown[b-xs5f8o8d4d] {
  position: absolute;
  width: 100%;
  top: 120%;
  left: 0;
  z-index: 1000px;
  padding: 1rem;
  background-color: #0E0E29;
  border-radius:7px;

}
/* _content/Cybral.Storm.App/Areas/Xasm/SharedComponents/LineVulnerabilityChart.razor.rz.scp.css */
.chart-text[b-xio5anz3ye] {
  position: absolute;
  top: 10px;
  left: 10%;
  z-index: 50;
  font-size: 19px;
}
.chart-box[b-xio5anz3ye] {
  width: 90%;
  height: 90%;
  margin-top: auto;
}
.chart-identifier[b-xio5anz3ye] {
  color: #8C8DA2;
}

.chart-number[b-xio5anz3ye] {
  color: white;
  font-size: 20px;
  font-weight: bolder;
}
/* _content/Cybral.Storm.App/Areas/Xasm/SharedComponents/loader.razor.rz.scp.css */
.loader[b-ghx05ls01c] {
  border-top-color: #3498db;
  -webkit-animation: spinner 1.5s linear infinite;
  animation: spinner-b-ghx05ls01c 1.5s linear infinite;
}

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

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

@keyframes spinner-b-ghx05ls01c {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}
/*.loader-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  position: fixed;
  z-index: 999999999999999999;
  gap: 1rem;
  flex-direction: column;
  width: 100vw;
}

.loader-box {
  position: relative;
  width: 40px;*/ /* Reduced from 60px */
  /*height: 40px;*/ /* Reduced from 60px */
/*}

.circle {
  position: absolute;
  border: 4px solid transparent;
  border-radius: 50%;
}*/

/* Outer circle - 3/4 */
/*.circle-1 {
  width: 40px;*/ /* Reduced from 60px */
  /*height: 40px;*/ /* Reduced from 60px */
  /*border-top: 4px solid white;
  border-right: 4px solid white;
  border-bottom: 4px solid white;
  animation: spin 1.3s linear infinite;
}*/

/* Middle circle - 1/2 */
/*.circle-2 {
  width: 30px;*/ /* Reduced from 45px */
  /*height: 30px;*/ /* Reduced from 45px */
  /*top: 5px;*/ /* Adjusted from 7.5px */
  /*left: 5px;*/ /* Adjusted from 7.5px */
  /*border-top: 4px solid white;
  border-right: 4px solid white;
  animation: spin 1.3s linear infinite reverse;
}*/

/* Inner circle - 1/4 */
/*.circle-3 {
  width: 20px;*/ /* Reduced from 30px */
  /*height: 20px;*/ /* Reduced from 30px */
  /*top: 10px;*/ /* Adjusted from 15px */
  /*left: 10px;*/ /* Adjusted from 15px */
  /*border-top: 4px solid white;
  animation: spin 1.3s linear infinite;
}

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

  to {
    transform: rotate(360deg);
  }
}*/
/* _content/Cybral.Storm.App/Areas/Xasm/SharedComponents/NetworkGraphFilter.razor.rz.scp.css */
.filter[b-7vxp3e50xv] {
  display: flex;
  align-items: center;
  background-color: #46465F;
  border-radius: 5px;
}

.filter .label-severity[b-7vxp3e50xv] {
  padding: 7px 9px;
  color: #dcddef;
  cursor: pointer;
  font-size: 12px;
  display: flex;
  align-items: center;
  background-color: #46465F;
}


.filter .label-severity.selected[b-7vxp3e50xv] {
  border-radius: 5px;
  background-color: #5252E2;
}


.filter .label-severity:first-child[b-7vxp3e50xv] {
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.filter .label-severity:last-child[b-7vxp3e50xv] {
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.indicator[b-7vxp3e50xv] {
  height: 8px;
  width: 8px;
  border-radius: 50%;
  margin-inline-end: 4px;
}

.indicator.critical[b-7vxp3e50xv] {
  background-color: #C0282E;
}

.indicator.high[b-7vxp3e50xv] {
  background-color: #F7941F;
}

.indicator.medium[b-7vxp3e50xv] {
  background-color: #FDED22;
}

.indicator.low[b-7vxp3e50xv] {
  background-color: #3BB449;
}

.custom-dropdown[b-7vxp3e50xv] {
  position: relative;
  display: inline-block;
}

.dropdown-toggle[b-7vxp3e50xv] {

  padding: 8px 16px;
  cursor: pointer;
}

.dropdown-content[b-7vxp3e50xv] {

  min-width: 160px;
  width: 100% !important;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  z-index: 999;
}

.dropdown-item[b-7vxp3e50xv] {
  padding: 8px 16px;
  cursor: pointer;
}

.dropdown-item:hover[b-7vxp3e50xv] {
  background-color: #303049;
}

.custom-dropicon[b-7vxp3e50xv]{
  li{
    direction: rtl !important;
  }
}




.custom-checkbox[b-7vxp3e50xv] {
  width: 17px;
  height: 17px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 5px;
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border: 3px solid #4747A8;
  border-radius: 4px;
}



/*  checkbox   */
  .custom-checkbox input[b-7vxp3e50xv] {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    opacity: 0;
    cursor: pointer;
    border: none;
    width: 100%;
    height: 100%;
  }


  .custom-checkbox .checkmark[b-7vxp3e50xv] {
    position: absolute;
    left: 0%;
    transform: translateY(-50%);
    top: 50%;
    height: 16px;
    width: 100%;
    border-radius: 3px;
    border: 1px solid var(--Primary-Primary);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color 0.3s;
  }


  .custom-checkbox .checkmark[b-7vxp3e50xv]::after {
    content: "";
    color: transparent;
  }
  .custom-checkbox input:checked + .checkmark[b-7vxp3e50xv] {
    background-color: #4747A8;
  }

  .custom-checkbox input:checked + .checkmark[b-7vxp3e50xv]::after {
    content: "";
    position: absolute;
    display: block;
    left: 33%;
    top: 23%;
    transform: translateX(-50%);
    width: 4px;
    height: 8px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
  }
/* _content/Cybral.Storm.App/Areas/Xasm/SharedComponents/ScanHistory.razor.rz.scp.css */
.select-box[b-5tf7k5wv4g] {
  padding: 0.6rem 0.5rem;
  width: fit-content;
  background-color: #070723;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border-radius: 5px;
  margin-right: 1rem;
}
/* _content/Cybral.Storm.App/Areas/Xasm/SharedComponents/VulnerabilityCards.razor.rz.scp.css */
.surface-container .attack-heading .attack-heading-upper .attack-heading-upper-left .attack-heading-upper-left-box[b-ek86z0my04] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}
/* _content/Cybral.Storm.App/Areas/Xasm/SharedComponents/VulnerabilityDetailsGraph.razor.rz.scp.css */
 .after[b-ur6ozjm6di] {
    color: white;
}
.tex[b-ur6ozjm6di] {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5; /* number of lines to show */
    line-clamp: 5;
    -webkit-box-orient: vertical;
    width: 100%;
}
/* _content/Cybral.Storm.App/Areas/Xasm/Socials/PhishingAwareness.razor.rz.scp.css */

.phishing-section[b-7wr51qawku] {
  position: relative;
  width: 100%;
  font-family: Poppins;
  padding-bottom: 4rem;
}

.cybral-logo[b-7wr51qawku] {
  position: absolute;
  top: 1rem;
  left: 1rem;
}

.content[b-7wr51qawku] {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  height: 100%;
  width: 50%;
  margin: auto;
}

  .content img[b-7wr51qawku] {
    margin-top: -3rem;
  }

.error-msg[b-7wr51qawku] {
  color: #FF5454;
  font-size: 28px;
  font-weight: 600;
  text-align: center;
  line-height: 48px;
  margin-top: 1rem;
}

  .error-msg span[b-7wr51qawku] {
    font-size: 45px;
    line-height: 60px;
  }

.desc[b-7wr51qawku] {
  text-align: center;
  color: #DCDDEF;
  font-size: 14px;
  margin-top: 10px;
  width: 100%;
}

.instructions[b-7wr51qawku] {
  margin-top: 2rem;
  /* Initialize a counter */
}

  .instructions h3[b-7wr51qawku] {
    color: #DCDDEF;
    font-weight: 500;
    margin-bottom: 1rem;
    width: 100%;
  }

  .instructions .single-instruction[b-7wr51qawku] {
    counter-reset: instruction-counter;
  }

    .instructions .single-instruction p[b-7wr51qawku] {
      color: #9596AA;
      font-size: 14px;
      position: relative;
      padding-left: 1rem;
    }

      .instructions .single-instruction p[b-7wr51qawku]::before {
        content: counter(instruction-counter) "."; /* Use the counter value */
        counter-increment: instruction-counter;
        text-align: center;
        position: absolute;
        left: 0rem;
        font-size: 14px;
        color: #9596AA;
      }

.hint[b-7wr51qawku] {
  font-weight: 500;
  color: #DCDDEF;
  line-height: 24px;
  margin-top: 1rem;
}


button[b-7wr51qawku] {
  border-radius: 56px;
  background-color: #5252E2;
  font-size: 16px;
  font-weight: 500;
  padding: 0.6rem 1.5rem;
  margin-top: 2rem;
}
/* _content/Cybral.Storm.App/Areas/Xasm/Socials/SocialDetails.razor.rz.scp.css */
body[b-gwk4zwnhht] {
  font-family: "Poppins"
}


.home-container[b-gwk4zwnhht] {
  width: 95%;
  margin: 10px auto;
  padding-bottom: 5rem;
  position: relative;
}

.bg-absolute[b-gwk4zwnhht] {
  position: absolute;
  left: -3rem;
  top: -13rem;
  z-index: 10;
}

h1[b-gwk4zwnhht] {
  margin: 1rem 0rem;
  color: #DCDDEF;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 2rem;
}
/* _content/Cybral.Storm.App/Areas/Xasm/Socials/SocialInsights.razor.rz.scp.css */
body[b-o0zti33ef8] {
  font-family: "Poppins"
}


.home-container[b-o0zti33ef8] {
  width: 95%;
  margin: 10px auto;
}

  .home-container .first-head[b-o0zti33ef8] {
    font-weight: 600;
    color: #DCDDEF;
    font-size: 22px;
    margin: 2rem auto;
  }

.header-box[b-o0zti33ef8] {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  z-index: 2;
}


  .header-box .header-item[b-o0zti33ef8] {
    width: calc(100% / 2);
    background-color: #0E0F2B;
    border-radius: 24px;
    z-index: 100;
    position: relative;
    padding: 2rem;
  }


body[b-o0zti33ef8] {
  font-family: "Poppins"
}


.main-container[b-o0zti33ef8] {
  padding-bottom: 5rem;
  position: relative;
  display: flex;
  margin-top: 3rem;
  gap: 2rem;
}

.bg-absolute[b-o0zti33ef8] {
  position: absolute;
  left: -3rem;
  top: -13rem;
  z-index: 1;
}

h1[b-o0zti33ef8] {
  margin: 1rem 0rem;
  color: #DCDDEF;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 2rem;
}


.departments-side[b-o0zti33ef8] {
  width: 25%;
  position: relative;
  z-index: 15;
  background-color: #0E0E29;
  border-radius: 21px;
  padding: 1rem 1rem;
  z-index: 100;
}

  .departments-side h1[b-o0zti33ef8] {
    text-align: center;
    font-size: 24px;
    font-weight: 500;
  }
  .departments-side .departments-container .single-department[b-o0zti33ef8] {
    border-radius:15px;
    padding: 1rem 1.5rem;
    position:relative;
    margin-bottom:1rem;
    cursor:pointer;
    z-index:100;
  }
  .departments-side .departments-container .single-department.active[b-o0zti33ef8] {
    border: 2px solid #7733FF;
  }
  .departments-side .departments-container .single-department.active[b-o0zti33ef8]::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 6px;
    height: 32px;
    border-radius: 3.5px;
    background-color: #7733FF;
  }
  .departments-side .departments-container .single-department h3[b-o0zti33ef8] {
    color: #DCDDEF;
    font-size: 12px;
    font-weight: 500;
  }

  .departments-side .departments-container .single-department p[b-o0zti33ef8] {
    color: #9596AA;
    font-size: 12px;
    font-weight: 500;
  }

.cards-side[b-o0zti33ef8] {
  width: 75%;
  position: relative;
  z-index: 100;
}
  .cards-side .actions-box[b-o0zti33ef8]{
      display:flex;
      align-items:stretch;
      margin-bottom:2rem;
      width:100%;
  }
.actions-box .search-box[b-o0zti33ef8] {
  display: flex;
  align-items: center;
  background: #070723;
  width:40%;
  padding: 0.9rem 0.7rem;
  border-radius:8px;
  gap:10px;
}
.search-box input[b-o0zti33ef8] {
  flex: 1;
  background-color: transparent;
  border: none;
  outline: none;
  color: #DCDDEF;
  font-size:12px;
}
  .search-box input[b-o0zti33ef8]::placeholder {
    color: #46465E;
  }
.cards-container[b-o0zti33ef8] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  margin-bottom: 1rem;
}

.pagination[b-o0zti33ef8] {
  display: flex;
  width: fit-content;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  margin-top: 4rem;
  margin-left: 1rem;
}

.current-pages[b-o0zti33ef8] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}

  .current-pages p[b-o0zti33ef8] {
    font-size: 13px;
    font-weight: 500;
    height: 32px;
    width: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #9596AA;
    cursor: pointer;
  }

    .current-pages p:hover[b-o0zti33ef8] {
      background-color: #363696;
      border-radius: 50%;
    }

    .current-pages p.active[b-o0zti33ef8] {
      border-radius: 50%;
      background-color: #4B4BCE;
      color: #DCDDEF;
    }

.last-page[b-o0zti33ef8] {
  font-size: 13px;
  font-weight: 500;
  height: 32px;
  width: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #9596AA;
  cursor: pointer;
}

  .last-page:hover[b-o0zti33ef8] {
    background-color: #363696;
    border-radius: 50%;
  }


/* ----------------------------------------------------- filter -------------------------------------------*/
.filter-container[b-o0zti33ef8] {
  background-color: #070723;
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 30%;
  margin-left: 1rem;
  padding: 0rem 1rem;
  position: relative;
  cursor: pointer;
  z-index:100;
}
.filter-droprown[b-o0zti33ef8] {
  position: absolute;
  top: 110%;
  left: 0;
  width: 100%;
  background-color: #070723;
  border-radius: 5px;
  padding-bottom: 0.5rem;
}

  .filter-droprown .devices-filter[b-o0zti33ef8] {
    margin-top: 1rem;
  }

  .filter-droprown .status-filter[b-o0zti33ef8] {
    margin-top: 2rem;
  }

  .filter-droprown .single-row[b-o0zti33ef8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.2rem 0.8rem;
    color: #DCDDEF;
    padding-left: 1rem;
    margin-bottom: 0.5rem;
  }

    .filter-droprown .single-row span[b-o0zti33ef8] {
      color: #DCDDEF;
      text-transform: capitalize;
      font-size: 12px;
    }

.custom-checkbox[b-o0zti33ef8] {
  width: 17px;
  height: 17px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 5px;
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border: 3px solid #4747A8;
  border-radius: 4px;
}

  .custom-checkbox input[b-o0zti33ef8] {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    opacity: 0;
    cursor: pointer;
    border: none;
    width: 100%;
    height: 100%;
  }

  .custom-checkbox .checkmark[b-o0zti33ef8] {
    position: absolute;
    left: 0%;
    transform: translateY(-50%);
    top: 50%;
    height: 16px;
    width: 100%;
    border-radius: 3px;
    border: 1px solid var(--Primary-Primary);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color 0.3s;
  }

    .custom-checkbox .checkmark[b-o0zti33ef8]::after {
      content: "";
      color: transparent;
    }

  .custom-checkbox input:checked + .checkmark[b-o0zti33ef8] {
    background-color: #4747A8;
  }

    .custom-checkbox input:checked + .checkmark[b-o0zti33ef8]::after {
      content: "";
      position: absolute;
      display: block;
      left: 33%;
      top: 21%;
      transform: translateX(-50%);
      width: 4px;
      height: 8px;
      border: solid white;
      border-width: 0 2px 2px 0;
      transform: rotate(45deg);
    }
/* _content/Cybral.Storm.App/Areas/Xasm/WebApplication/Components/WebVulnerabilitiesTable.razor.rz.scp.css */
/* ----------------------------------------------------------------------------- table -----------------------------------------------------------------*/

.navigation-container[b-56sk7ty2pi] {
  position: relative;
  z-index: 10;
}

  .navigation-container .navigation-item[b-56sk7ty2pi] {
    background-color: #0E0E29;
    border-radius: 15px;
    padding: 1.2rem;
    margin-bottom: 1rem;
    cursor: pointer;
    transition: 0.2s;
    border: 1px solid transparent;
    position: relative;
  }

    .navigation-container .navigation-item:hover[b-56sk7ty2pi] {
      border: 1px solid #7733FF;
    }

    .navigation-container .navigation-item.active[b-56sk7ty2pi] {
      border: 1px solid #7733FF;
      position: relative;
      transition: 0.2s;
    }

      .navigation-container .navigation-item.active[b-56sk7ty2pi]::before {
        content: "";
        position: absolute;
        height: 55%;
        width: 5px;
        border-radius: 3.5px;
        background-color: #7733FF;
        top: 50%;
        transform: translateY(-50%);
        left: 0px;
      }

    .navigation-container .navigation-item p[b-56sk7ty2pi] {
      color: #DCDDEF;
      font-size: 12px;
      font-weight: 500;
    }

    .navigation-container .navigation-item span[b-56sk7ty2pi] {
      color: #8B8CA4;
      font-weight: 400;
      font-size: 10px;
    }

table[b-56sk7ty2pi] {
  position: relative;
  z-index: 10;
}

thead[b-56sk7ty2pi] {
  position: sticky;
  top: 0;
  left: 0;
  text-align: left;
  background-color: #0E0E29;
  border-radius: 15px;
  height: 50px;
  color: #DCDDEF;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
}

tbody tr[b-56sk7ty2pi] {
  height: 60px;
  border-bottom: 1px solid #474752;
}

tbody td[b-56sk7ty2pi] {
  color: #DCDDEF;
  font-weight: 400;
  font-size: 12px;
  padding: 1rem;
  word-break: break-word;
}



.text-gray[b-56sk7ty2pi] {
  color: #B0B1BF;
  font-size: 14px;
  font-weight: 400;
}


.actions-box[b-56sk7ty2pi] {
  position: relative;
  z-index: 20;
}

.search-box[b-56sk7ty2pi] {
  position: relative;
  z-index: 20;
  display: inline-flex; /* 🔹 Inline-flex to size by content */
  gap: 5px;
  height: auto; /* 🔹 Allow height to grow if needed */
  width: auto; /* 🔹 Let it shrink/grow to content */
  max-width: 100%;
  min-width: 30%;
  background-color: #070723;
  align-items: center;
  padding: 0rem 1rem;
  border-radius: 400px;
  white-space: nowrap; /* 🔹 Prevent wrapping */
  box-sizing: content-box;
}

  .search-box input[b-56sk7ty2pi] {
    background-color: #070723;
    width: auto; /* 🔹 Shrinks/grows with content */
    border: none;
    min-width: max-content;
    white-space: nowrap; /* 🔹 Keep placeholder on one line */
    outline: none;
    color: #DCDDEF;
    font-size: 12px;
    box-shadow: 0px 30px 120px rgba(14, 15, 43, 1);
    backdrop-filter: blur(20px);
    z-index: 20;
    padding: 0.7rem 0.5rem;
    display: inline-block;
    flex-grow: 8;
  }



.filter-container[b-56sk7ty2pi] {
  height: 40px;
}

label[b-56sk7ty2pi] {
  font-family: "Cairo";
  font-weight: 500;
  font-size: 14px;
}

.filter-row[b-56sk7ty2pi] {
  position: relative;
  margin-bottom: 12px;
}

.custom-checkbox[b-56sk7ty2pi] {
  width: 17px;
  height: 17px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 5px;
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border: 3px solid #4747A8;
  border-radius: 4px;
}

  .custom-checkbox input[b-56sk7ty2pi] {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    opacity: 0;
    cursor: pointer;
    border: none;
    width: 100%;
    height: 100%;
  }

  .custom-checkbox .checkmark[b-56sk7ty2pi] {
    position: absolute;
    left: 0%;
    transform: translateY(-50%);
    top: 50%;
    height: 16px;
    width: 100%;
    border-radius: 3px;
    border: 1px solid var(--Primary-Primary);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color 0.3s;
  }

    .custom-checkbox .checkmark[b-56sk7ty2pi]::after {
      content: "";
      color: transparent;
    }

  .custom-checkbox input:checked + .checkmark[b-56sk7ty2pi] {
    background-color: #4747A8;
  }


    .custom-checkbox input:checked + .checkmark[b-56sk7ty2pi]::after {
      content: "";
      position: absolute;
      display: block;
      left: 34%;
      top: 24%;
      transform: translateX(-50%);
      width: 4px;
      height: 8px;
      border: solid white;
      border-width: 0 2px 2px 0;
      transform: rotate(45deg);
    }


.filter-dropdown[b-56sk7ty2pi] {
  position: absolute;
  width: 100%;
  top: 120%;
  left: 0;
  z-index: 10;
  padding: 1rem;
  background-color: #0E0E29;
  border-radius: 7px;
  /*display: none;*/
}

.dropdown-toggle[b-56sk7ty2pi] {
  padding: 8px 16px;
  cursor: pointer;
  width: 270px;
  color: #ffffff;
  height: 100%;
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}



.view-button[b-56sk7ty2pi] {
  font-size: 14px;
  height: 32px;
  width: 100px;
  border: 1px solid #5252E2;
  border-radius: 56px;
  background: transparent;
  color: #ffffff;
  cursor: pointer;
  padding-top: 4px;
  margin-top: -3px;
  transition: border-color 0.3s ease; /* Smooth transition */
}

  .view-button:hover[b-56sk7ty2pi] {
    border-color: #2D2D7C;
  }
/* _content/Cybral.Storm.App/Areas/Xasm/WebApplication/SslOrLibraryVulnerabilityDetails.razor.rz.scp.css */
body[b-8vuraei870] {
  font-family: "Poppins"
}

.ssl-container[b-8vuraei870] {
  width: 95%;
  margin: 10px auto;
  padding-bottom: 5rem;
  padding-top: 2rem;
}

  .ssl-container .heading-container[b-8vuraei870] {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
    gap: 2rem;
    flex-wrap: wrap;
    border-bottom: 1px solid #3E3F55;
    padding-bottom: 2rem;
  }

    .ssl-container .heading-container img[b-8vuraei870] {
      position: absolute;
      left: 0rem;
      top: -5rem;
    }

    .ssl-container .heading-container .heading-item[b-8vuraei870] {
      width: calc((100% / 4 ) - 2rem);
      position: relative;
      z-index: 10;
      background-color: #0E0F2B;
      border-radius: 32px;
      box-shadow: rgb(14, 15, 43, 1) 0px 30px 120px;
      height: 120px;
      padding: 1.5rem;
    }

      .ssl-container .heading-container .heading-item span[b-8vuraei870] {
        color: #8898AA;
        font-size: 12px;
        font-weight: 500;
      }

      .ssl-container .heading-container .heading-item p[b-8vuraei870] {
        color: #DCDDEF;
        font-size: 14px;
        font-weight: 500;
        margin-top: 1rem;
      }




table[b-8vuraei870] {
  position: relative;
  z-index: 10;
}

thead[b-8vuraei870] {
  position: sticky;
  top: 0;
  left: 0;
  text-align: left;
  background-color: #0E0E29;
  border-radius: 15px;
  height: 50px;
  color: #DCDDEF;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
}
thead th[b-8vuraei870]{
    padding: 1rem;
}

tbody tr[b-8vuraei870] {
  height: 60px;
  border-bottom: 1px solid #474752;
}

tbody td[b-8vuraei870] {
  color: #DCDDEF;
  font-weight: 400;
  /*white-space: nowrap;*/
  font-size: 12px;
  padding: 1rem;
  word-break:break-word;
}



.text-gray[b-8vuraei870] {
  color: #B0B1BF;
  font-size: 14px;
  font-weight: 400;
}
/* _content/Cybral.Storm.App/Areas/Xasm/WebApplication/WebApplicationsVulnerabilities.razor.rz.scp.css */
body[b-b9jvpz9uhf] {
  font-family: "Poppins"
}



.surface-container[b-b9jvpz9uhf] {
  width: 95%;
  margin: 10px auto;
  padding-bottom: 5rem;
  padding-top: 2rem;
}

  .surface-container .attack-heading[b-b9jvpz9uhf] {
    padding-bottom: 5rem;
    position: relative;
  }

    .surface-container .attack-heading .attack-heading-upper[b-b9jvpz9uhf] {
      display: flex;
      align-items: stretch;
      justify-content: space-between;
      gap: 2rem;
      backdrop-filter: blur(20px);
      position: relative;
      z-index: 10;
    }

      .surface-container .attack-heading .attack-heading-upper .attack-heading-upper-left[b-b9jvpz9uhf] {
        border-radius: 32px;
        width: 65%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 4rem;
        flex-wrap: wrap;
        padding: 3rem 0rem;
        box-shadow: rgb(14, 15, 43, 1) 0px 30px 120px;
        backdrop-filter: blur(20px);
        background-color: #0E0F2A;
        padding-left:3rem;
      }

        .surface-container .attack-heading .attack-heading-upper .attack-heading-upper-left .attack-heading-upper-left-box[b-b9jvpz9uhf] {
          display: flex;
          align-items: center;
          justify-content: center;
          gap: 1rem;
          width: calc((100% / 3) - 4rem );
        }

      .surface-container .attack-heading .attack-heading-upper .attack-heading-upper-right[b-b9jvpz9uhf] {
        background-color: #0E0F2A;
        border-radius: 32px;
        width: 45%;
        overflow: hidden;
        /*height: 185px;*/
        box-shadow: rgb(14, 15, 43, 1) 0px 30px 120px;
        backdrop-filter: blur(20px);
        display: flex;
        justify-content: center;
        align-content: center;
      }

        .surface-container .attack-heading .attack-heading-upper .attack-heading-upper-right img[b-b9jvpz9uhf] {
          width: 90%;
          object-fit: cover;
          display: block;
          margin: auto;
          height: 90%;
        }
/* _content/Cybral.Storm.App/Areas/Xasm/WebApplication/WebScanVulerabilityDetails.razor.rz.scp.css */
body[b-xr6x0b39eb] {
  font-family: "Poppins"
}



.web-container[b-xr6x0b39eb] {
  width: 95%;
  margin: 10px auto;
  padding-bottom: 5rem;
  padding-top: 2rem;
}

  .web-container .web-heading[b-xr6x0b39eb] {
    padding-bottom: 2rem;
    position: relative;
    z-index: 10;
  }

    .web-container .web-heading .attack-heading-container[b-xr6x0b39eb] {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 3rem;
      width: 90%;
      position: relative;
      z-index: 10;
    }

      .web-container .web-heading .attack-heading-container .attack-heading-box[b-xr6x0b39eb] {
        box-shadow: rgb(14, 15, 43, 1) 0px 30px 120px;
        backdrop-filter: blur(20px);
        background-color: #0E0F2A;
        padding: 2rem 2rem;
        width: calc((100% / 3) - 4rem);
        border-radius: 32px;
        display: flex;
        gap: 1rem;
      }








.details-container[b-xr6x0b39eb] {
  width: 98%;
  margin-left: 0.5rem;
}

  .details-container .desc[b-xr6x0b39eb] {
    border-bottom: 1px solid #3E3F55;
    padding: 1.5rem 0rem;
  }

    .details-container .desc.button[b-xr6x0b39eb] {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding-right: 2rem;
    }

    .details-container .desc .desc-heading[b-xr6x0b39eb] {
      font-size: 20px;
      font-weight: 400;
      color: #DCDDEF;
    }

    .details-container .desc .desc-content[b-xr6x0b39eb] {
      font-size: 14px;
      font-weight: 400;
      color: #8898AA;
      width: 85%;
      margin-top: 0.8rem;
    }





.headers-details[b-xr6x0b39eb] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 2222;
  box-sizing: border-box;
}

  .headers-details .headers-container[b-xr6x0b39eb] {
    width: 60vw;
    height: 80vh;
    background-color: #070723;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    padding: 2rem;
    padding-left: 1.5rem;
  }

    .headers-details .headers-container .headers-heading[b-xr6x0b39eb] {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }


/* ----------------------------------------------------------------------------- table -----------------------------------------------------------------*/
table[b-xr6x0b39eb] {
  position: relative;
  z-index: 10;
}

thead[b-xr6x0b39eb] {
  position: sticky;
  top: -1px;
  left: 0;
  text-align: left;
  background-color: #24243E;
  border-radius: 15px;
  height: 35px;
  color: #DCDDEF;
  font-size: 12px;
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
  text-transform: capitalize;
}

th[b-xr6x0b39eb] {
  font-size: 12px !important;
  font-weight: 500 !important;
}

tbody tr[b-xr6x0b39eb] {
  height: 60px;
  border-bottom: 1px solid #474752;
}

tbody td[b-xr6x0b39eb] {
  color: #DCDDEF;
  font-weight: 400;
  font-size: 12px;
  padding: 10px;
}


.heading-titles[b-xr6x0b39eb] {
  display: flex;
  background-color: #24243E;
  border-radius: 8px;
}

  .heading-titles p[b-xr6x0b39eb] {
    margin: 0;
    width: calc(100% /4.6);
    text-align: center;
    color: #FFFFFF;
    padding: 0.5rem;
    text-transform: capitalize;
    font-size: 12px;
    font-weight: 500;
  }

p[b-xr6x0b39eb] {
  margin: 0;
}

.list-container[b-xr6x0b39eb] {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1rem;
  height: 55vh;
  overflow: auto;
  padding: 1rem 0rem;
  padding-top: 0rem;
}

.list-row[b-xr6x0b39eb] {
  width: 100%;
  border-bottom: 1px solid #474752;
  padding: 0.5rem 0rem;
}

.list-row-up[b-xr6x0b39eb] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
  width: 100%;
}

  .list-row-up .list-box[b-xr6x0b39eb] {
    width: 35%;
    text-align: center;
    color: #DCDDEF;
    padding: 0.5rem 0rem;
    font-weight: 400;
    font-size: 12px;
    padding-left: 1rem;
  }

  .list-row-up svg[b-xr6x0b39eb] {
    cursor: pointer;
  }

  .list-row-up .list-box p svg[b-xr6x0b39eb] {
    width: 80%;
    /*transform: rotate(90deg);*/
  }

.list-row .list-desc p[b-xr6x0b39eb] {
  width: 90%;
  margin: 10px auto;
  color: #8898AA;
  line-height: 20px;
  font-size: 12px;
}
/* _content/Cybral.Storm.App/Layouts/MainLayout/Header.razor.rz.scp.css */
.bell[b-ibyy6phk5c] {
  position: absolute;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  margin-left: 0.5rem;
  margin-top: -0.625rem;
  color: #ffffff;
  font-size: 0.75rem;
  line-height: 1rem;
  border-radius: 9999px;
}

.top-70[b-ibyy6phk5c] {
  top: 70px !important;
}

.assessment[b-ibyy6phk5c] {
  background-image: linear-gradient(#312E81, #818CF8);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

nav[b-ibyy6phk5c] {
  width: 100%;
  height: 60px;
  padding-left: 1rem;
  padding-right: 1rem;
  position: relative;
}


.bread-cramp[b-ibyy6phk5c] {
  display: flex;
  align-items: center;
  gap: 12px;
}

.arrow-box[b-ibyy6phk5c] {
  background-color: #7733FF;
  height: 26px;
  width: 26px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  cursor: pointer;
}

.ai-button[b-ibyy6phk5c] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 9px;
  border-radius: 41px;
  height: 33px;
  overflow: hidden;
}

  /*  .ai-button::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: linear-gradient(to left, #743ad5, #d53a9d);
    border-radius: 41px;
    z-index: -1;
  }*/
  .ai-button img[b-ibyy6phk5c] {
    width: 100%;
    height: 130%;
  }

.ai-text[b-ibyy6phk5c] {
  height: 18px;
  width: 126px;
  /*  padding-top: 2px;
  margin-top:3px;*/
}
/* _content/Cybral.Storm.App/Layouts/MainLayout/MainLayoutForAnalyzer.razor.rz.scp.css */
.main-container[b-eoi6n3rd0y] {
    display: flex;
    height: calc(100vh - 60px);
}

.content[b-eoi6n3rd0y] {
    margin-inline-start: 52px;
    height:100%;
    width:100%;
}

@media (max-width: 767px) {
    .content[b-eoi6n3rd0y] {
        margin-inline-start: unset;
    }
}
.up-div[b-eoi6n3rd0y] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #5252E2;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  right: 1.8rem;
  bottom: 6rem;
  transform: translateY(0px);
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  cursor: pointer;
}
.up-div svg[b-eoi6n3rd0y]{
  width:35%;
}


.up-div.up[b-eoi6n3rd0y] {
  opacity: 1;
  cursor: pointer;
  transform: translateY(40px);
  cursor: pointer;
}
/* _content/Cybral.Storm.App/Layouts/MainLayout/MainLayoutForResolveMode.razor.rz.scp.css */
.main-container[b-zdk5qy4r9z] {
  display: flex;
}

.content[b-zdk5qy4r9z] {
  flex-grow: 1;
  padding-inline-start: 12px;
  background-color: #0D0D0D;
}

@media (max-width: 767px) {
  .content[b-zdk5qy4r9z] {
    margin-inline-start: unset;
  }
}
/* _content/Cybral.Storm.App/Layouts/MainLayout/MainLayoutForXasm.razor.rz.scp.css */
.main-container[b-3pglux580f] {
    display: flex;
    height: calc(100vh - 60px);
}

.content[b-3pglux580f] {
    flex-grow: 1;
    margin-inline-start: 52px;
}


@media (max-width: 767px) {
    .content[b-3pglux580f] {
        margin-inline-start: unset;
    }
}
/* _content/Cybral.Storm.App/Layouts/MainLayout/MainSide.razor.rz.scp.css */
.side-menu[b-osvtfm6ddj] {
    background-color: #070723;
    width: 52px;
    position: fixed;
    height: 100vh;
    z-index: 999999;
    transition: all .15s ease-in-out;
}

@media (max-width: 767px) {
    .side-menu[b-osvtfm6ddj] {
        left: -120px;
    }
}

.side-menu:hover[b-osvtfm6ddj],
.side-menu.open[b-osvtfm6ddj] {
    width: 250px;
}


.side-menu .side-menu-top-header[b-osvtfm6ddj] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 0rem;
  margin-top: 1rem;
  padding-left: 0.3rem;
}

.side-menu:hover .side-menu-top-header[b-osvtfm6ddj] {
    justify-content: start;

}

    .side-menu .side-menu-top-header .logo[b-osvtfm6ddj] {
        width: 120px;
        height: 28px;
        display: none;
    }

.side-menu:hover .side-menu-top-header .logo[b-osvtfm6ddj] {
    display: block
}
.side-menu:hover .side-menu-top-header .min-logo[b-osvtfm6ddj] {
    display: none;
}

. .side-menu .side-menu-top-header .min-logo[b-osvtfm6ddj] {
    display: block
}

.side-menu .side-menu-list[b-osvtfm6ddj] {
    list-style: none;
    height:calc(100vh - 52px);
    overflow-y: auto;
    overflow-x: hidden;
}

    .side-menu .side-menu-list .menu-text[b-osvtfm6ddj] {
        margin-left: 10px;
    }

    .side-menu .side-menu-list[b-osvtfm6ddj]::-webkit-scrollbar {
        width: 8px;
        background-color: #070723;
        color: #070723;
    }

    .side-menu .side-menu-list[b-osvtfm6ddj]::-webkit-scrollbar-thumb {
        background-color: #070723;
        border-radius: 4px;
        color: #070723;
    }

.side-menu .toggle[b-osvtfm6ddj] {
    position: absolute;
    top: 60px;
    right: -12px;
    transform: translateY(-50%) rotate(0deg);
    height: 25px;
    width: 25px;
    background-color: #5252e2;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    cursor: pointer;
    -webkit-transform: translateY(-50%) rotate(0deg);
    -moz-transform: translateY(-50%) rotate(0deg);
    -ms-transform: translateY(-50%) rotate(0deg);
    -o-transform: translateY(-50%) rotate(0deg);
}

.side-menu:hover .toggle[b-osvtfm6ddj],
.side-menu.close .toggle[b-osvtfm6ddj] {
    transform: translateY(-50%) rotate(180deg);
    -webkit-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg);
}

.resolve-btn[b-osvtfm6ddj] {
    background-color: #5252E2;
    color: #dcddef;
    font-size:14px;
    padding:10px 24px;
    display:none;
}

.side-menu:hover .resolve-btn[b-osvtfm6ddj],
.side-menu.open .resolve-btn[b-osvtfm6ddj] {
    display:inline;
}
.nav-list-image[b-osvtfm6ddj]{
    position:relative;
}
.nav-list-image[b-osvtfm6ddj]::before {
  content: "";
  position: absolute;
  background-color: #242447;
  height: 30px;
  width: 30px;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  border-radius: 16px;
}
.remediations-box[b-osvtfm6ddj] {
  color: #77788F;
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0rem;
  transition:0.2s;
}

.remediations-box .remed-link[b-osvtfm6ddj] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;
  height: 40px;
  background-color: red;
  padding-left:3rem;
}

.remediations-box .remed-link:hover[b-osvtfm6ddj] {
  background-color: #070723;
}

.side-menu:hover .remediations-box[b-osvtfm6ddj] {
  display: flex;
}
/* _content/Cybral.Storm.App/Layouts/MainLayout/StormHomeLayout.razor.rz.scp.css */
.main-container[b-eqj40as3x4] {
  display: flex;
  height: calc(100vh - 0px);
  background-image: url('assets/images/Home Background.png');
  background-size: cover;
}

.content[b-eqj40as3x4] {
  flex-grow: 1;
  margin-inline-start: 52px;
}

@media (max-width: 767px) {
  .content[b-eqj40as3x4] {
    margin-inline-start: unset;
  }
}
/* _content/Cybral.Storm.App/Pages/ErrorPages/AnalyzerGeneralError.razor.rz.scp.css */
.main-container[b-utkqbzjwqu] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 10px;
  height: 100vh;
}

h2[b-utkqbzjwqu] {
  color: #DCDDEF;
  font-weight: 600;
  font-size: 20px;
}

p[b-utkqbzjwqu] {
  color: #9192C2;
  font-size: 13px;
  font-weight: 300;
  width: 40%;
  text-align: center;
  line-height: 19.5px;
}
/* _content/Cybral.Storm.App/Pages/ErrorPages/Error404.razor.rz.scp.css */
.main-container[b-vu2yld29qw]{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:8px;
    height:100vh;
}
h2[b-vu2yld29qw] {
  color: #DCDDEF;
  font-weight:600;
  font-size:20px;
}
p[b-vu2yld29qw] {
  color: #9192C2;
  font-size:13px;
  font-weight:300;
}
button[b-vu2yld29qw] {
  background-color: #5252E2;
  border-radius: 56px;
  padding: 0.7rem 2rem;
  color: #DCDDEF;
  margin-top:1rem;
}
/* _content/Cybral.Storm.App/Pages/ErrorPages/Error502.razor.rz.scp.css */
.main-container[b-ya8keqr64q] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 10px;
  height: 100vh;
}

h2[b-ya8keqr64q] {
  color: #DCDDEF;
  font-weight: 600;
  font-size: 20px;
}

p[b-ya8keqr64q] {
  color: #9192C2;
  font-size: 13px;
  font-weight: 300;
  width:40%;
  text-align:center;
  line-height:19.5px;
}
/* _content/Cybral.Storm.App/Pages/ErrorPages/Forbidden.razor.rz.scp.css */
.forbidden-page-container[b-ig1e0k54ql] {
  color: white;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.forbidden-page-container .forbidden-page-image[b-ig1e0k54ql] {
  width: 350px;
}

.forbidden-page-container .forbidden-page-text[b-ig1e0k54ql] {
  margin-top: 31px;
  line-height: 27px;
  text-align: center;
}

.forbidden-page-container h2[b-ig1e0k54ql] {
  font-weight: bold;
  color: #dcddef;
  font-size: 20px;
}

.forbidden-page-container .forbidden-page-text p[b-ig1e0k54ql] {
  color: #9192c2;
  font-size: 13px;
  line-height: 20px;
  max-width: 80%;
  margin: 0 auto;
  margin-top: 10px;
}
/* _content/Cybral.Storm.App/Pages/ErrorPages/PageNotFound.razor.rz.scp.css */
.container.not-found-container[b-ov07tfkx1j] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  margin: 0 auto;
  width: 100vw;
  text-align: center;
  padding: 20px;
  box-sizing: border-box;
}

.not-found-container .not-found-image[b-ov07tfkx1j] {
  width: 350px;
  max-width: 100%;
  height: auto;
}

.not-found-container .not-found-text[b-ov07tfkx1j] {
  margin-top: 31px;
  line-height: 27px;
  text-align: center;
}

.not-found-container h2[b-ov07tfkx1j] {
  font-weight: bold;
  color: #dcddef;
  font-size: 20px;
}

.not-found-container .not-found-text p[b-ov07tfkx1j] {
  color: #9192c2;
  font-size: 13px;
  line-height: 20px;
  max-width: 80%;
  margin: 0 auto;
  margin-top: 10px;
}
/* _content/Cybral.Storm.App/Pages/ErrorPages/XasmGeneralError.razor.rz.scp.css */
.main-container[b-5lz8x8ns2j] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 10px;
  height: 100vh;
}

h2[b-5lz8x8ns2j] {
  color: #DCDDEF;
  font-weight: 600;
  font-size: 20px;
}

p[b-5lz8x8ns2j] {
  color: #9192C2;
  font-size: 13px;
  font-weight: 300;
  width: 40%;
  text-align: center;
  line-height: 19.5px;
}
/* _content/Cybral.Storm.App/Shared/Alerts/UserAlerts.razor.rz.scp.css */
.information-alerts-container[b-1lj82tdadl] {
  position: fixed;
  top: 2rem;
  left: 51%;
  transform: translateX(-50%);
  z-index: 100000;
  width: 92%;
  max-height:45vh;
  overflow:auto;
}
.information-alert[b-1lj82tdadl] {
  position: relative;
  width: 100%;
  padding: 0.6rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background-color: #F8F3D6;
  z-index: 100000;
  border-radius: 8px;
  gap: 1rem;
  padding-left: 1rem;
  padding-right:4rem;
  margin-bottom: 1rem;
}

/*.information-alert div p span:first-child {*/
/*  color: #111928;*/
/*  font-weight: 600;*/
/*}*/

/*.information-alert div p span:nth-child(2) {*/
/*  color: #111928;*/
/*  font-weight: 400;*/
/*}*/
  .information-alert div p[b-1lj82tdadl] {
    line-height: 16px;
    margin-bottom: 3px;
  }
  .information-alert div p span[b-1lj82tdadl] {
    color: #111928;
    font-weight: 400;
    font-size: 12px;

  }

  .information-alert .call[b-1lj82tdadl] {
    color: #5252E2;
    font-weight: 600;
    font-size: 12px;

  }
.information-alert .close-popup[b-1lj82tdadl] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1.8rem;
  cursor: pointer;
  height:12px;
  width:12px;
}

.hide[b-1lj82tdadl] {
  display: none;
}

.information-alert2[b-1lj82tdadl] {
  position: relative;
  width: 100%;
  padding: 0.6rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background-color: #FCF4F6;
  z-index: 100000;
  border-radius: 8px;
  gap: 1rem;
  padding-left: 1rem;
}
.information-alert2 div p span[b-1lj82tdadl]{
  font-size:12px;
}
.information-alert2 div p span:first-child[b-1lj82tdadl] {
  color: #111928;
  font-weight: 600;
}

.information-alert2 div p span:nth-child(2)[b-1lj82tdadl] {
  color: #111928;
  font-weight: 400;
}

.information-alert2 .call[b-1lj82tdadl] {
  color: #C4314B;
  font-weight: 600;
  font-size: 12px;
}

.information-alert2 .close-popup[b-1lj82tdadl] {
  position: absolute;
  top: 25px;
  right: 1.5rem;
  cursor: pointer;
  height: 12px;
  width: 12px;
}
/* _content/Cybral.Storm.App/Shared/Insights/EpssCvssChart.razor.rz.scp.css */
.grapf-info[b-l1khxpys75] {
  position: absolute;
  z-index: 8;
}
.grapf-info:nth-child(2)[b-l1khxpys75] {
  bottom: 110px;
  left: 86px
}

.grapf-info:nth-child(4)[b-l1khxpys75] {
  bottom: 110px;
  right: 86px
}
.grapf-info:nth-child(3)[b-l1khxpys75] {
  top: 80px;
  right: 86px
}
.grapf-info:nth-child(1)[b-l1khxpys75] {
  top: 90px;
  left: 86px
}

.cvsInfo:hover .grapf-info[b-l1khxpys75] {
  display : none;
}
/* _content/Cybral.Storm.App/Shared/Insights/MedianRiskAssessmentChart.razor.rz.scp.css */
.circle-container[b-phft0kqkfs] {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background: #13132E;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  color: #DCDDEF;
}

.inner-circle[b-phft0kqkfs] {
  width: 180px;
  height: 180px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  background: #13132E;
}

.Excellent[b-phft0kqkfs] {
  border: 2px solid #6965F5;
}

.Good[b-phft0kqkfs] {
  border: 2px solid #22C55E;
}

.Fair[b-phft0kqkfs] {
  border: 2px solid #E5941B;
}

.Poor[b-phft0kqkfs] {
  border: 2px solid #DC2626;
}

.text-container[b-phft0kqkfs] {
  text-align: center;
}

.title[b-phft0kqkfs] {
  font-size: 18px;
  margin: 0 0 20px;
}

.score[b-phft0kqkfs] {
  font-size: 24px;
  margin: 5px 0;
}
/* _content/Cybral.Storm.App/Shared/Insights/NetworkRiskDonutChart.razor.rz.scp.css */
body[b-8nn7qd6ypw] {
}
/* _content/Cybral.Storm.App/Shared/Insights/VulnerabilityDistributionChart.razor.rz.scp.css */
.box[b-smpv49xdm7] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 56px;
  position: relative;
/*  margin-top: 110px;*/
}

.item[b-smpv49xdm7] {
  height: 100%;
  flex-grow: 1;
  position: relative;
  color: white;
  font-weight: bold;
  display: flex;
  align-items: center;
  padding: 0 12px;
  text-align:end;
}

.critical[b-smpv49xdm7] {
  background-color: #5252e2;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  min-width: 7%;
  /*width: 40%;*/
}

.high[b-smpv49xdm7] {
  background-color: #4545bd;
  min-width: 7%;
  /*width: 30%;*/
}

.medium[b-smpv49xdm7] {
  background-color: #323288;
  min-width: 7%;
  /*width: 20%;*/
}

.low[b-smpv49xdm7] {
  background-color: #1f1f52;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  min-width: 7%;
  /*width: 10%;*/
}

.item .content-container[b-smpv49xdm7] {
  position: absolute;
  top: -43px;
  right: -4px;
  display: flex;
  flex-direction: column;
  align-items: end;
}

.item .title[b-smpv49xdm7] {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -150%);
  font-size: 13px;
  margin-bottom: 8px;
}

.vertical-line[b-smpv49xdm7] {
  width: 1px;
  height: 32px;
  background-color: #1e4c87;
}

.circle[b-smpv49xdm7] {
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background-color: red;
}

.item.critical .circle[b-smpv49xdm7] {
  background: #C0282E;
  border: 1px solid white
}

.item.critical .vertical-line[b-smpv49xdm7] {
  background: #C0282E;
}

.item.high .circle[b-smpv49xdm7] {
  background: #F7941F;
}

.item.high .vertical-line[b-smpv49xdm7] {
  background: #F7941F;
}

.item.medium .circle[b-smpv49xdm7],
.item.medium .vertical-line[b-smpv49xdm7] {
  background: #FDEE22;
}

.item.low .circle[b-smpv49xdm7],
.item.low .vertical-line[b-smpv49xdm7] {
  background: #3BB449;
}

.circle-container[b-smpv49xdm7] {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.item .percentage[b-smpv49xdm7] {
  color: #f5f5f5;
  font-size: 18px;
  width:100%
}

.item.low .content-container[b-smpv49xdm7] {
  top: -43px;
  right: -2px;
}

.filter-selected[b-smpv49xdm7] {
  background-color: #5252E2;
}



@media print {
  *[b-smpv49xdm7] {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }
}
/* _content/Cybral.Storm.App/Shared/Insights/VulnerabilityStatisticsPieChart.razor.rz.scp.css */
.apexcharts-pie-series path[b-unqrp50qlq] {
  cursor: pointer;
}
/* _content/Cybral.Storm.App/Shared/MainLayout.razor.rz.scp.css */
.page[b-bdjoh46mc2] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-bdjoh46mc2] {
    flex: 1;
}

.sidebar[b-bdjoh46mc2] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-bdjoh46mc2] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-bdjoh46mc2]  a, .top-row .btn-link[b-bdjoh46mc2] {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

    .top-row a:first-child[b-bdjoh46mc2] {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-bdjoh46mc2] {
        display: none;
    }

    .top-row.auth[b-bdjoh46mc2] {
        justify-content: space-between;
    }

    .top-row a[b-bdjoh46mc2], .top-row .btn-link[b-bdjoh46mc2] {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-bdjoh46mc2] {
        flex-direction: row;
    }

    .sidebar[b-bdjoh46mc2] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-bdjoh46mc2] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row[b-bdjoh46mc2], article[b-bdjoh46mc2] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* _content/Cybral.Storm.App/Shared/Messages/ErrorMessage.razor.rz.scp.css */
/*licenses*/
.invalid-license[b-5pp7hswm3v] {
  display: flex;
  padding: 1.2rem 1.1rem;
  justify-content: space-between;
  align-items: center;
  background-color: #FCF4F6;
  border-radius: 8px;
  position: fixed;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  width: 40vw;
}
.invalid-license p[b-5pp7hswm3v] {
  font-size: 12px;
  font-weight: 400;
  color: #111928;
}
/* _content/Cybral.Storm.App/Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-wmrcz4rvb3] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-wmrcz4rvb3] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-wmrcz4rvb3] {
    font-size: 1.1rem;
}

.oi[b-wmrcz4rvb3] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item[b-wmrcz4rvb3] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-wmrcz4rvb3] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-wmrcz4rvb3] {
        padding-bottom: 1rem;
    }

    .nav-item[b-wmrcz4rvb3]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-wmrcz4rvb3]  a.active {
    background-color: rgba(255,255,255,0.25);
    color: white;
}

.nav-item[b-wmrcz4rvb3]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

@media (min-width: 641px) {
    .navbar-toggler[b-wmrcz4rvb3] {
        display: none;
    }

    .collapse[b-wmrcz4rvb3] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
    
    .nav-scrollable[b-wmrcz4rvb3] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* _content/Cybral.Storm.App/Shared/Widgets/HowToUse.razor.rz.scp.css */

*[b-3ql7cnjtnz] {
  font-family: "Poppins"
}

.sucess-popup[b-3ql7cnjtnz] {
  padding: 58px 99px 31px;
  border: solid 1.5px #606060;
  background-color: #3e3e54;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.save-popup[b-3ql7cnjtnz] {
  padding: 40px;
  padding-bottom: 20px;
  border: solid 1.5px #606060;
  background-color: #3e3e54;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}

input[b-3ql7cnjtnz]::placeholder {
  color: #646469
}

.loading-popup[b-3ql7cnjtnz] {
  padding: 50px;
  padding-bottom: 40px;
  border: solid 1.5px #606060;
  background-color: #3e3e54;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}

.asset-search input[b-3ql7cnjtnz]::placeholder {
  color: #A0A1B5;
}

.save-popup input[b-3ql7cnjtnz]::placeholder {
  color: #646469
}

.view[b-3ql7cnjtnz] {
  cursor: pointer;
  padding: 10px 9.6px 9.6px 10px;
  border-radius: 5px;
  background-color: #0e0e298c;
}

.select-view[b-3ql7cnjtnz] {
  background-color: #3f3f568c;
}

.pointer:hover[b-3ql7cnjtnz] {
  cursor: pointer;
}

.filter[b-3ql7cnjtnz] {
  display: flex;
  align-items: center;
  background-color: #46465F;
  border-radius: 5px;
}

  .filter .label[b-3ql7cnjtnz],
  .filter .label-severity[b-3ql7cnjtnz] {
    padding: 7px 9px;
    color: #dcddef;
    cursor: pointer;
    font-size: 12px;
    background-color: #46465F;
  }

.label-severity[b-3ql7cnjtnz] {
  display: flex;
  align-items: center;
}

.filter .label.selected[b-3ql7cnjtnz], .filter .label-severity.selected[b-3ql7cnjtnz] {
  border-radius: 5px;
  background-color: #5252E2;
}


.filter .label:first-child[b-3ql7cnjtnz], .filter .label-severity:first-child[b-3ql7cnjtnz] {
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.filter .label:last-child[b-3ql7cnjtnz], .filter .label-severity:last-child[b-3ql7cnjtnz] {
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.indicator[b-3ql7cnjtnz] {
  height: 8px;
  width: 8px;
  border-radius: 50%;
  margin-inline-end: 4px;
}

  .indicator.critical[b-3ql7cnjtnz] {
    background-color: black;
  }

  .indicator.high[b-3ql7cnjtnz] {
    background-color: #f03c4a;
  }

  .indicator.meduim[b-3ql7cnjtnz] {
    background-color: #ff8a45;
  }

  .indicator.low[b-3ql7cnjtnz] {
    background-color: #4e65ff;
  }

.input-comment[b-3ql7cnjtnz]::placeholder {
  font-size: 10px;
  color: #2a2a454d;
}

.input-comment[b-3ql7cnjtnz] {
  padding-inline: 0px;
  color: black;
  white-space: nowrap;
}

.comment-desc[b-3ql7cnjtnz] {
  margin-top: 12px;
  background-color: #dcddef0d;
  border-radius: 8px;
  padding: 8px 12px;
}

.dialog-container[b-3ql7cnjtnz] {
  height: 600px;
  position: relative;
  width: 50vw;
  border: 1px solid #3F3F4D;
  border-radius: 16px;
  overflow: hidden;
}

  .dialog-container .controls-row[b-3ql7cnjtnz] {
    position: absolute;
    width: 100%;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    padding: 0rem 2rem;
  }

.dialog-inner-content[b-3ql7cnjtnz] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  justify-content: center;
}

.dialog-image[b-3ql7cnjtnz] {
  width: 100%;
  height: 250px;
}

.network-topology-head[b-3ql7cnjtnz] {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px
}

.network-topology-p[b-3ql7cnjtnz] {
  text-align: center;
  line-height: 18px;
  font-family: Poppins;
  font-weight: 400;
  font-size: 12px;
}

.mdc-dialog[b-3ql7cnjtnz], .mdc-dialog__scrim[b-3ql7cnjtnz] {
  z-index: 22222 !important;
  background-color: rgba(0,0,0,0.6) !important;
}

.mdc-dialog--open .mdc-dialog__container[b-3ql7cnjtnz] {
  z-index: 222222;
}

@media(max-width:1024px) {
  .dialog-container[b-3ql7cnjtnz] {
    width: 100% !important;
  }
}
.style-head[b-3ql7cnjtnz] {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 0.3rem;
  color: #DCDDEF;
}

.style-p[b-3ql7cnjtnz] {
  line-height: 18px;
  font-family: Poppins;
  font-weight: 400;
  font-size: 12px;
  color: #9596AA;
}


li[b-3ql7cnjtnz]::marker {
  color: #9596AA;
}

.how-to-use-container[b-3ql7cnjtnz] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #5252E2;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  right: 1.8rem;
  bottom: 1.2rem;
  transform: translateY(0px);;
  cursor: pointer;
  z-index:1000;
}
/* _content/Cybral.Storm.App/Shared/Widgets/LoaderDialog.razor.rz.scp.css */
.resolve-subnet[b-26uo4hujd5] {
  margin-top: 26px;
}

.loading-popup[b-26uo4hujd5] {
  padding: 50px;
  padding-bottom: 40px;
  border: solid 1.5px #606060;
  background-color: #3e3e54;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}
/* _content/Cybral.Storm.App/Shared/Widgets/MiniLoader.razor.rz.scp.css */
.loader-container[b-qxm2s8gu9q] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 350px;
  width: 100%;
}

.loader-box[b-qxm2s8gu9q] {
  position: relative;
  width: 40px;
  height: 40px;
}

.circle[b-qxm2s8gu9q] {
  position: absolute;
  border: 4px solid transparent;
  border-radius: 50%;
}

.circle-1[b-qxm2s8gu9q] {
  width: 40px;
  height: 40px;
  border-top: 4px solid white;
  border-right: 4px solid white;
  border-bottom: 4px solid white;
  animation: spin-b-qxm2s8gu9q 1.3s linear infinite;
}


.circle-2[b-qxm2s8gu9q] {
  width: 30px;
  height: 30px;
  top: 5px;
  left: 5px;
  border-top: 4px solid white;
  border-right: 4px solid white;
  animation: spin-b-qxm2s8gu9q 1.3s linear infinite reverse;
}


.circle-3[b-qxm2s8gu9q] {
  width: 20px;
  height: 20px;
  top: 10px;
  left: 10px;
  border-top: 4px solid white;
  animation: spin-b-qxm2s8gu9q 1.3s linear infinite;
}


@keyframes spin-b-qxm2s8gu9q {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}
/* _content/Cybral.Storm.App/Shared/Widgets/Pagination.razor.rz.scp.css */
.lists-pagination[b-9y9dgg1x7f] {
  display: flex;
  gap: 1rem;
  align-items: center;
  align-self: flex-start;
}

  .lists-pagination .pagination-left[b-9y9dgg1x7f] {
    display: block;
    margin-right: 10px;
  }

  .lists-pagination .pagination-right[b-9y9dgg1x7f] {
    margin-left: 10px;
  }

  .lists-pagination .page[b-9y9dgg1x7f] {
    font-size: 13px;
    font-weight: 500;
    color: #9596AA;
    cursor: pointer;
  }

  .lists-pagination .first-pages[b-9y9dgg1x7f] {
    display: flex;
    align-items: center;
    gap: 1rem;
  }

  .lists-pagination .page.active[b-9y9dgg1x7f] {
    border-radius: 50%;
    padding: 0.5rem 1rem;
    background-color: #4B4BCE;
    color: #DCDDEF;
  }
  .lists-pagination img[b-9y9dgg1x7f] {
    cursor: pointer;
  }

.nonClickabel[b-9y9dgg1x7f] {
  pointer-events: none
}


.pagination-settings[b-9y9dgg1x7f]{
    display:flex;
    align-items:center;
    gap:8px;
}
.pagination-settings select[b-9y9dgg1x7f]{
    width:50px;
    outline:none;
}
/* _content/Cybral.Storm.App/Shared/Widgets/SuccessLoaderDialog.razor.rz.scp.css */
.resolve-subnet[b-pb3x2ix9d6] {
    margin-top: 26px;
  }

.loading-popup[b-pb3x2ix9d6] {
  padding: 50px;
  padding-top: 30px;
  padding-bottom: 40px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}

.popup-inner[b-pb3x2ix9d6] {
  background-color: #3D3D52;
  border-radius: 15px;
  padding-top: 3rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 40vw;
  height: 50vh;
  border: 1px solid #606060;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
/* _content/Cybral.Storm.App/Templates/XasmComprehensiveReport.razor.rz.scp.css */

body[b-80b6pd83ve] {
  font-family: "Poppins"
}

.comprehensive-report[b-80b6pd83ve] {
  background-color: #FFFFFF;
  overflow-x: hidden;
}
  /* ----------------------------------------------------------------------hero section ------------------------------------------------------------------*/

  .comprehensive-report .hero-section[b-80b6pd83ve] {
    position: relative;
    width: 95%;
    margin: auto;
    padding-top: 4rem;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

    .comprehensive-report .hero-section .hero-upper-transparent[b-80b6pd83ve] {
      position: absolute;
      top: 40%;
      transform: translateY(-50%) rotate(-45deg);
      left: -6rem;
    }

.hero-section .cybral-logo-transparent-top[b-80b6pd83ve] {
  position: absolute;
  top: 5px;
  right: -7rem;
}

.hero-section .cybral-logo-transparent2[b-80b6pd83ve] {
  position: absolute;
  bottom: 2rem;
  right: -6rem;
}

.comprehensive-report .hero-section .hero-upper-content[b-80b6pd83ve] {
  position: relative;
  width: 94%;
  margin: 3rem auto;
  position: relative;
  z-index: 5;
}



  .comprehensive-report .hero-section .hero-upper-content button[b-80b6pd83ve] {
    background-color: #5252E2;
    color: #F9F9FA;
    font-size: 16px;
    font-weight: 500;
    border-radius: 28px;
    padding: 0.6rem 2rem;
    margin-bottom: 10px;
    display: block;
    margin-top: 5rem;
  }

    .comprehensive-report .hero-section .hero-upper-content button:hover[b-80b6pd83ve] {
      background-color: #363696;
      transition: 0.2s;
    }

  .comprehensive-report .hero-section .hero-upper-content h1[b-80b6pd83ve] {
    font-size: 48px;
    font-weight: 600;
    line-height: 120%;
    color: #20203B;
    line-height: 60px;
  }

  .comprehensive-report .hero-section .hero-upper-content p[b-80b6pd83ve] {
    color: #6E6E6E;
    font-size: 18px;
    font-weight: 400;
    margin-top: 10px;
  }

  .comprehensive-report .hero-section .hero-upper-content h3[b-80b6pd83ve] {
    color: #20203B;
    font-size: 24px;
    font-weight: 400;
    line-height: 35px;
    margin-top: 8px;
  }

.comprehensive-report .hero-section .main-footer[b-80b6pd83ve] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 0rem;
  width: 100%;
  margin: 0 auto;
  border-top: 1px solid #EBEBEB;
}

  .comprehensive-report .hero-section .main-footer p[b-80b6pd83ve] {
    color: #A8A8A8;
    font-size: 12px;
    font-weight: 500;
  }





/*-------------------------------------------------------table of contents------------------------------------------------------------*/


.table-of-contents[b-80b6pd83ve] {
  width: 93%;
  margin: auto;
  color: #3F51B5;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 7rem;
  padding-top: 5rem;
}

  .table-of-contents h2[b-80b6pd83ve] {
    font-size: 28px;
    font-weight: 600;
    color: #5252E2;
    margin-bottom: 2rem;
  }

  .table-of-contents ul[b-80b6pd83ve] {
    list-style: none;
    padding: 0;
  }

  .table-of-contents li[b-80b6pd83ve] {
    font-size: 20px;
    font-weight: 600;
    margin: 10px 0;
  }

  .table-of-contents .sub-item[b-80b6pd83ve] {
    font-size: 16px;
    font-weight: 500;
    padding-left: 20px;
  }

  .table-of-contents a[b-80b6pd83ve] {
    text-decoration: none;
    color: #5252E2;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .table-of-contents .dots[b-80b6pd83ve] {
    flex-grow: 1;
    border-bottom: 2px dotted #5252E2;
    margin: 0 10px;
    height: 1px;
  }

  .table-of-contents .page-number[b-80b6pd83ve] {
    font-weight: bold;
  }

  .table-of-contents .main-footer[b-80b6pd83ve] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 0rem;
    width: 100%;
    margin: 0 auto;
    border-top: 1px solid #EBEBEB;
  }

    .table-of-contents .main-footer p[b-80b6pd83ve] {
      color: #A8A8A8;
      font-size: 12px;
      font-weight: 500;
    }



/*------------------------------------------------------- excutive summary ---------------------------------------------------------------*/
.executive-summary-section[b-80b6pd83ve] {
  width: 93%;
  margin: auto;
  color: #3F51B5;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 7rem;
  padding-top: 5rem;
  min-height: 100vh;
}

  .executive-summary-section .executive-summary-upper[b-80b6pd83ve] {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    gap: 3rem;
  }

    .executive-summary-section .executive-summary-upper h2[b-80b6pd83ve] {
      color: #5252E2;
      font-size: 24px;
      font-weight: 600;
    }

    .executive-summary-section .executive-summary-upper p[b-80b6pd83ve] {
      color: #46465E;
      font-size: 14px;
      font-weight: 500;
      width: 60%;
    }


  .executive-summary-section .main-footer[b-80b6pd83ve] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 0rem;
    width: 100%;
    margin: 0 auto;
    border-top: 1px solid #EBEBEB;
  }

    .executive-summary-section .main-footer p[b-80b6pd83ve] {
      color: #A8A8A8;
      font-size: 12px;
      font-weight: 500;
    }



/* ----------------------------------------------------- custom section -------------------------------------------------------------*/

.custom-section[b-80b6pd83ve] {
  width: 93%;
  padding-top: 5rem;
  min-height: 100vh;
  margin: auto;
  padding-bottom: 3rem;
}


  /* ------------------------------------------------------- scan scope------------------------------------------------------------*/

  .custom-section .scan-scope h2[b-80b6pd83ve] {
    color: #5252E2;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 2rem;
  }

  .custom-section .scan-scope .scan-scope-boxes[b-80b6pd83ve] {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    justify-content: flex-start;
    gap: 1rem;
  }

    .custom-section .scan-scope .scan-scope-boxes .scan-scope-box[b-80b6pd83ve] {
      border: 1px solid #D6D6D7;
      padding: 1rem 1.2rem;
      border-radius: 4px;
    }

      .custom-section .scan-scope .scan-scope-boxes .scan-scope-box p:first-child[b-80b6pd83ve] {
        color: #20203B;
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 1rem;
      }

      .custom-section .scan-scope .scan-scope-boxes .scan-scope-box p:nth-child(2)[b-80b6pd83ve] {
        color: #5252E2;
        font-size: 18px;
        font-weight: 500;
      }


/* ---------------------------------------------------- risk assesment ----------------------------------------------------------*/


.risk-assessment-section[b-80b6pd83ve] {
  margin-top: 5rem;
}

  .risk-assessment-section h2[b-80b6pd83ve] {
    color: #5252E2;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 2rem;
  }

  .risk-assessment-section .risk-assestment-container[b-80b6pd83ve] {
    background-color: #F0F0F1;
    border-radius: 8px;
    padding: 2.5rem 2rem;
  }

    .risk-assessment-section .risk-assestment-container h3[b-80b6pd83ve] {
      color: #20203B;
      font-size: 18px;
      font-weight: 500;
      margin-bottom: 1rem;
    }

.risk-assestment-content[b-80b6pd83ve] {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 5rem;
}

  .risk-assestment-content .risk-assestment-left[b-80b6pd83ve] {
    width: 20%;
    padding: 2rem 1rem;
    background-color: #E3E3E3;
    border-radius: 4px;
  }

    .risk-assestment-content .risk-assestment-left .risk-score-p[b-80b6pd83ve] {
      color: #A50121;
      font-weight: 400;
      margin-bottom: 1.5rem;
      display: flex;
      align-items: center;
      gap: 10px;
    }

      .risk-assestment-content .risk-assestment-left .risk-score-p span:nth-child(2)[b-80b6pd83ve] {
        font-weight: 600;
        font-size: 28px;
      }

    .risk-assestment-content .risk-assestment-left .risk-left-item[b-80b6pd83ve] {
      padding: 0.5rem 0rem;
      display: flex;
      flex-direction: column;
      gap: 10px;
    }

      .risk-assestment-content .risk-assestment-left .risk-left-item p:first-child[b-80b6pd83ve] {
        color: #46465E;
        font-size: 14px;
        font-weight: 500;
      }

      .risk-assestment-content .risk-assestment-left .risk-left-item p:nth-child(2)[b-80b6pd83ve] {
        color: #5252E2;
        font-weight: 500;
        font-size: 18px;
      }

  .risk-assestment-content .risk-assestment-right[b-80b6pd83ve] {
    width: 70%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    padding: 2rem;
  }



/*-------------------------------------------------------------- security postures ---------------------------------------------------------------*/
.security-posture[b-80b6pd83ve] {
  display: flex;
  justify-content: center;
  align-items: stretch;
  margin-top: 2rem;
}

  .security-posture .security-posture-left[b-80b6pd83ve] {
    width: 40%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: self-start;
    gap: 2rem;
    z-index: 5;
    padding-top: 2rem;
  }

.security-posture-section .header-p[b-80b6pd83ve] {
  font-size: 24px;
  color: #5252E2;
  font-weight: 600;
}

.security-posture .security-posture-left p[b-80b6pd83ve] {
  font-size: 14px;
  color: #46465E;
  line-height: 24px;
}

.security-posture .security-posture-right[b-80b6pd83ve] {
  width: 60%;
}

.progress-row-left[b-80b6pd83ve] {
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 400;
}

  .progress-row-left:hover[b-80b6pd83ve] {
    color: #5252E2;
    transition: 0.3s ease;
    cursor: pointer;
  }

.security-posture .security-posture-right .progress-row[b-80b6pd83ve] {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
  gap: 1rem;
}

  .security-posture .security-posture-right .progress-row:last-child[b-80b6pd83ve] {
    margin-bottom: 0rem;
  }

.security-posture .security-posture-right .progress-row-left[b-80b6pd83ve] {
  text-align: right;
  width: 30%;
  color: #46465E;
  font-weight: 400;
}

.security-posture .security-posture-right .progress-row-right[b-80b6pd83ve] {
  position: relative;
  border-radius: 42px;
  width: 50%;
  height: 11px;
  background-color: #C0C0EB;
  animation: animate-b-80b6pd83ve 1s cubic-bezier(1,0,0.5,1) forwards;
  transform: scaleX(0);
  transform-origin: left;
}

  .security-posture .security-posture-right .progress-row-right span[b-80b6pd83ve] {
    height: 100%;
    background-color: #5252E2;
    position: absolute;
    border-radius: 42px;
    animation: animate-b-80b6pd83ve 1s 1s cubic-bezier(1,0,0.5,1) forwards;
    transform: scaleX(0);
    transform-origin: left;
  }



  .security-posture .security-posture-right .progress-row-right.robust-assets span[b-80b6pd83ve] {
    width: 20%;
  }

  .security-posture .security-posture-right .progress-row-right.moderate-assets span[b-80b6pd83ve] {
    width: 70%;
  }

  .security-posture .security-posture-right .progress-row-right.exploitable-assets span[b-80b6pd83ve] {
    width: 50%;
  }

  .security-posture .security-posture-right .progress-row-right.highly-exploitable span[b-80b6pd83ve] {
    width: 60%;
  }


  .security-posture .security-posture-right .progress-row-right span[b-80b6pd83ve]::after {
    position: absolute;
    color: #7F7F7F;
    font-size: 12px;
    top: -20px;
    right: 0px;
    animation: showText-b-80b6pd83ve 0.5s 1.5s linear forwards;
    font-weight: 300;
  }

  .security-posture .security-posture-right .progress-row-right.robust-assets span[b-80b6pd83ve]::after {
    content: "20%";
  }

  .security-posture .security-posture-right .progress-row-right.moderate-assets span[b-80b6pd83ve]::after {
    content: "70%";
  }

  .security-posture .security-posture-right .progress-row-right.exploitable-assets span[b-80b6pd83ve]::after {
    content: "50%";
  }

  .security-posture .security-posture-right .progress-row-right.highly-exploitable span[b-80b6pd83ve]::after {
    content: "60%";
  }

  .security-posture .security-posture-right .progress-row-right span[b-80b6pd83ve]::before {
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    top: -10px;
    right: 10px;
    animation: showText-b-80b6pd83ve 0.5s 1.5s linear forwards;
    opacity: 0;
  }

@keyframes showText-b-80b6pd83ve {
  100% {
    opacity: 1;
  }
}

@keyframes animate-b-80b6pd83ve {
  100% {
    transform: scaleX(1);
  }
}


.security-posture .security-posture-right .progress-row .total[b-80b6pd83ve] {
  font-weight: 500;
  color: #46465E;
}




/* ------------------------------------------------- vulnerabilities-frequency-section ------------------------------------------*/
.vulnerabilities-frequency-section[b-80b6pd83ve] {
  margin-top: 7rem;
}

  .vulnerabilities-frequency-section h2[b-80b6pd83ve] {
    color: #5252E2;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 2rem;
  }

  .vulnerabilities-frequency-section table[b-80b6pd83ve] {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
  }

  .vulnerabilities-frequency-section th[b-80b6pd83ve], .vulnerabilities-frequency-section td[b-80b6pd83ve] {
    border: 1px solid #ddd;
    padding: 1.2rem 12px;
    text-align: center;
  }

  .vulnerabilities-frequency-section th[b-80b6pd83ve] {
    background-color: #909090;
    font-weight: bold;
    font-size: 16px;
    font-weight: 600;
  }

  .vulnerabilities-frequency-section td[b-80b6pd83ve] {
    background-color: #fff;
    color: #5F5F5F;
    font-size: 14px;
    font-weight: 500;
  }

  .vulnerabilities-frequency-section .high[b-80b6pd83ve] {
    background-color: #E80000;
    color: #FFFFFF;
    font-weight: 500;
    text-align: center;
  }

  .vulnerabilities-frequency-section .medium[b-80b6pd83ve] {
    background-color: #EBA00D;
    color: #FFFFFF;
    font-weight: 500;
    text-align: center;
    padding: 1.2rem 2rem;
  }

  .vulnerabilities-frequency-section .low[b-80b6pd83ve] {
    background-color: #E7CC21;
    color: #FFFFFF;
    font-weight: 500;
    text-align: center;
  }



/*-------------------------------------------------------- defence-strategy-secction -------------------------------------------------- */
.defence-strategy-secction[b-80b6pd83ve] {
}

  .defence-strategy-secction h2[b-80b6pd83ve] {
    color: #5252E2;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 2rem;
  }


.remediation-container[b-80b6pd83ve] {
  background: #F0F0F1;
  padding: 20px;
  border-radius: 10px;
  margin: auto;
}

.defence-strategy-secction .section-title[b-80b6pd83ve] {
  font-size: 18px;
  font-weight: bold;
  margin: 1.2rem 0rem;
}

  .defence-strategy-secction .section-title:nth-child(2)[b-80b6pd83ve] {
    margin-bottom: 0.7rem;
  }

.defence-strategy-secction .network[b-80b6pd83ve] {
  color: #5252E2;
}

.defence-strategy-secction .web[b-80b6pd83ve] {
  color: #5252E2;
  margin-bottom: 0.6rem;
  margin-top: 1.5rem;
}

.defence-strategy-secction p[b-80b6pd83ve] {
  font-size: 16px;
  font-weight: 500;
  margin: 15px 0;
  color: #2C2C2CCF;
}

.defence-strategy-secction ul[b-80b6pd83ve] {
  margin-top: 0px;
  padding-left: 20px;
  list-style-type: disc;
}

.defence-strategy-secction li[b-80b6pd83ve] {
  font-size: 14px;
  line-height: 1.6;
  color: #5F5F5F;
}

.defence-strategy-secction .cve[b-80b6pd83ve] {
  color: #B50000;
  font-weight: 600;
}

.defence-strategy-secction .ip[b-80b6pd83ve] {
  color: #242447;
  font-weight: 600;
}

.defence-strategy-secction .link[b-80b6pd83ve] {
  color: #242447;
  text-decoration: none;
  font-weight: bold;
}

  .defence-strategy-secction .link:hover[b-80b6pd83ve] {
    text-decoration: underline;
  }



/* ----------------------------------------------------------- Assets Details ------------------------------------------------------*/
.assets-details-section[b-80b6pd83ve] {
  margin-top: 7rem;
}

  .assets-details-section h2[b-80b6pd83ve] {
    color: #5252E2;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 2rem;
  }

  .assets-details-section table[b-80b6pd83ve] {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
  }

  .assets-details-section th[b-80b6pd83ve], .assets-details-section td[b-80b6pd83ve] {
    border: 1px solid #ddd;
    padding: 1rem 12px;
    text-align: center;
    font-weight: 500;
  }

  .assets-details-section th[b-80b6pd83ve] {
    background-color: #909090;
    font-weight: bold;
    font-size: 16px;
    font-weight: 600;
  }

  .assets-details-section td[b-80b6pd83ve] {
    background-color: #fff;
    color: #5F5F5F;
    font-size: 14px;
    font-weight: 500;
  }

  .assets-details-section a[b-80b6pd83ve] {
    color: #3A3AA0;
    text-decoration: underline;
  }

  .assets-details-section .subdomain[b-80b6pd83ve] {
    font-weight: bold;
    font-style: italic;
  }

  .assets-details-section .false[b-80b6pd83ve] {
    color: #B50000;
  }

  .assets-details-section .true[b-80b6pd83ve] {
    color: #548836;
  }



/*------------------------------------------------------- network-vulnerabilities-details ------------------------------------------------*/

.network-vulnerabilities-details[b-80b6pd83ve] {
  margin-top: 5rem;
}

  .network-vulnerabilities-details h2[b-80b6pd83ve] {
    color: #5252E2;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 2rem;
  }



  .network-vulnerabilities-details table[b-80b6pd83ve] {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
  }

  .network-vulnerabilities-details th[b-80b6pd83ve], .network-vulnerabilities-details td[b-80b6pd83ve] {
    border: 1px solid #ddd;
    padding: 1rem 12px;
    text-align: center;
    font-weight: 500;
  }

  .network-vulnerabilities-details th[b-80b6pd83ve] {
    background-color: #909090;
    font-weight: bold;
    font-size: 16px;
    font-weight: 600;
  }

  .network-vulnerabilities-details td[b-80b6pd83ve] {
    background-color: #fff;
    color: #5F5F5F;
    font-size: 14px;
    font-weight: 500;
  }

  .network-vulnerabilities-details a[b-80b6pd83ve] {
    color: #3A3AA0;
    text-decoration: underline;
  }


  .network-vulnerabilities-details .high[b-80b6pd83ve] {
    background-color: #E80000;
    color: #FFFFFF;
    font-weight: 500;
    text-align: center;
  }
  .network-vulnerabilities-details .medium[b-80b6pd83ve] {
    background-color: #EBA00D;
    color: #FFFFFF;
    font-weight: 500;
    text-align: center;
    padding: 1.2rem 2rem;
  }
  .network-vulnerabilities-details .low[b-80b6pd83ve] {
    background-color: #E7CC21;
    color: #FFFFFF;
    font-weight: 500;
    text-align: center;
  }




/* ----------------------------------------------------- custom last section -------------------------------------------------------------*/

.custom-last-section[b-80b6pd83ve] {
  width: 93%;
  padding-top: 5rem;
  min-height: 100vh;
  margin: auto;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:10rem;
}

.web-vulnerabilities-details h2[b-80b6pd83ve] {
  color: #5252E2;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 2rem;
}

.web-vulnerabilities-details .bullet-p[b-80b6pd83ve] {
  position: relative;
  padding-left: 1rem;
  font-size: 16px;
  color: #2C2C2CCF;
  font-weight:600;
  margin-top:2rem;
}
  .web-vulnerabilities-details .bullet-p[b-80b6pd83ve]::before {
    content: "";
    position: absolute;
    left: 0rem;
    top: 50%;
    transform: translateY(-50%);
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #2C2C2CCF;
  }

.web-vulnerabilities-details table[b-80b6pd83ve] {
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px;
}

.web-vulnerabilities-details th[b-80b6pd83ve], .web-vulnerabilities-details td[b-80b6pd83ve] {
  border: 1px solid #ddd;
  padding: 1rem 12px;
  text-align: center;
  font-weight: 500;
}

.web-vulnerabilities-details th[b-80b6pd83ve] {
  background-color: #909090;
  font-weight: bold;
  font-size: 16px;
  font-weight: 600;
}

.web-vulnerabilities-details td[b-80b6pd83ve] {
  background-color: #fff;
  color: #5F5F5F;
  font-size: 14px;
  font-weight: 500;
}

.web-vulnerabilities-details a[b-80b6pd83ve] {
  color: #3A3AA0;
  text-decoration: underline;
}


.web-vulnerabilities-details .high[b-80b6pd83ve] {
  background-color: #E80000;
  color: #FFFFFF;
  font-weight: 500;
  text-align: center;
}

.web-vulnerabilities-details .medium[b-80b6pd83ve] {
  background-color: #EBA00D;
  color: #FFFFFF;
  font-weight: 500;
  text-align: center;
  padding: 1.2rem 2rem;
}

.web-vulnerabilities-details .low[b-80b6pd83ve] {
  background-color: #E7CC21;
  color: #FFFFFF;
  font-weight: 500;
  text-align: center;
}


.custom-last-section .main-footer[b-80b6pd83ve] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 0rem;
  width: 100%;
  margin: 0 auto;
  border-top: 1px solid #EBEBEB;
}

  .custom-last-section .main-footer p[b-80b6pd83ve] {
    color: #A8A8A8;
    font-size: 12px;
    font-weight: 500;
  }