/*!********************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/d3-context-menu/css/d3-context-menu.css ***!
  \********************************************************************************************************/
/* Layout
------------ */

.d3-context-menu {
	position: absolute;
	min-width: 150px;
	z-index: 1200;
}

.d3-context-menu ul,
.d3-context-menu ul li {
	margin: 0;
	padding: 0;
}

.d3-context-menu ul {
	list-style-type: none;
	cursor: default;
}

.d3-context-menu ul li {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none;   /* Chrome/Safari/Opera */
	-khtml-user-select: none;    /* Konqueror */
	-moz-user-select: none;      /* Firefox */
	-ms-user-select: none;       /* Internet Explorer/Edge */
	user-select: none;
}

/*
	Disabled
*/

.d3-context-menu ul li.is-disabled,
.d3-context-menu ul li.is-disabled:hover {
	cursor: not-allowed;
}

/*
	Divider
*/

.d3-context-menu ul li.is-divider {
	padding: 0;
}

/* Theming
------------ */

.d3-context-menu-theme {
	background-color: #f2f2f2;
	border-radius: 4px;

	font-family: Arial, sans-serif;
	font-size: 14px;
	border: 1px solid #d4d4d4;
}

.d3-context-menu-theme ul {
	margin: 4px 0;
}

.d3-context-menu-theme ul li {
	padding: 4px 16px;
}

.d3-context-menu-theme ul li:hover {
	background-color: #4677f8;
	color: #fefefe;
}

/*
	Header
*/

.d3-context-menu-theme ul li.is-header,
.d3-context-menu-theme ul li.is-header:hover {
	background-color: #f2f2f2;
	color: #444;
	font-weight: bold;
	font-style: italic;
}

/*
	Disabled
*/

.d3-context-menu-theme ul li.is-disabled,
.d3-context-menu-theme ul li.is-disabled:hover {
	background-color: #f2f2f2;
	color: #888;
}

/*
	Divider
*/

.d3-context-menu-theme ul li.is-divider:hover {
	background-color: #f2f2f2;
}

.d3-context-menu-theme ul hr {
	border: 0;
	height: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

/*
	Nested Menu
*/
.d3-context-menu-theme ul li.is-parent:after {
	border-left: 7px solid transparent;
	border-top: 7px solid red;
	content: "";
	height: 0;
	position: absolute;
	right: 8px;
	top: 35%;
	transform: rotate(45deg);
	width: 0;
}

.d3-context-menu-theme ul li.is-parent {
	padding-right: 20px;
	position: relative;
}

.d3-context-menu-theme ul.is-children {
	background-color: #f2f2f2;
	border: 1px solid #d4d4d4;
	color: black;
	display: none;
	left: 100%;
	margin: -5px 0;
	padding: 4px 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.d3-context-menu-theme li.is-parent:hover > ul.is-children {
	display: block;
}

/*!***********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/styles/global.scss ***!
  \***********************************************************************************************************************************************************/
@charset "UTF-8";
.container{
  width: 100%;
}
@media (min-width: 640px){
  .container{
    max-width: 640px;
  }
}
@media (min-width: 768px){
  .container{
    max-width: 768px;
  }
}
@media (min-width: 1024px){
  .container{
    max-width: 1024px;
  }
}
@media (min-width: 1280px){
  .container{
    max-width: 1280px;
  }
}
@media (min-width: 1536px){
  .container{
    max-width: 1536px;
  }
}
.pointer-events-none{
  pointer-events: none;
}
.pointer-events-auto{
  pointer-events: auto;
}
.\!visible{
  visibility: visible !important;
}
.visible{
  visibility: visible;
}
.\!static{
  position: static !important;
}
.static{
  position: static;
}
.fixed{
  position: fixed;
}
.absolute{
  position: absolute;
}
.relative{
  position: relative;
}
.left-0{
  left: 0px;
}
.right-2{
  right: 0.5rem;
}
.right-3{
  right: 0.75rem;
}
.right-7{
  right: 1.75rem;
}
.top-0{
  top: 0px;
}
.isolate{
  isolation: isolate;
}
.col-span-2{
  grid-column: span 2 / span 2;
}
.\!m-0{
  margin: 0px !important;
}
.m-0{
  margin: 0px;
}
.m-10px{
  margin: 10px;
}
.\!my-0{
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.my-6px{
  margin-top: 6px;
  margin-bottom: 6px;
}
.mb-1{
  margin-bottom: 0.25rem;
}
.mb-10px{
  margin-bottom: 10px;
}
.mb-12px{
  margin-bottom: 12px;
}
.mb-15px{
  margin-bottom: 15px;
}
.mb-20px{
  margin-bottom: 20px;
}
.mb-3{
  margin-bottom: 0.75rem;
}
.mb-3px{
  margin-bottom: 3px;
}
.mb-6px{
  margin-bottom: 6px;
}
.mb-9px{
  margin-bottom: 9px;
}
.mb-\[13px\]{
  margin-bottom: 13px;
}
.ml-12px{
  margin-left: 12px;
}
.ml-18px{
  margin-left: 18px;
}
.ml-24px{
  margin-left: 24px;
}
.ml-42px{
  margin-left: 42px;
}
.ml-48px{
  margin-left: 48px;
}
.ml-6px{
  margin-left: 6px;
}
.ml-72{
  margin-left: 18rem;
}
.ml-9px{
  margin-left: 9px;
}
.ml-\[10px\]{
  margin-left: 10px;
}
.ml-auto{
  margin-left: auto;
}
.mr-6px{
  margin-right: 6px;
}
.mr-auto{
  margin-right: auto;
}
.mt-1{
  margin-top: 0.25rem;
}
.mt-10px{
  margin-top: 10px;
}
.mt-12px{
  margin-top: 12px;
}
.mt-15px{
  margin-top: 15px;
}
.mt-18px{
  margin-top: 18px;
}
.mt-20px{
  margin-top: 20px;
}
.mt-2px{
  margin-top: 2px;
}
.mt-6px{
  margin-top: 6px;
}
.mt-9px{
  margin-top: 9px;
}
.mt-auto{
  margin-top: auto;
}
.block{
  display: block;
}
.inline-block{
  display: inline-block;
}
.inline{
  display: inline;
}
.flex{
  display: flex;
}
.table{
  display: table;
}
.grid{
  display: grid;
}
.hidden{
  display: none;
}
.h-\[26px\]{
  height: 26px;
}
.h-\[50px\]{
  height: 50px;
}
.h-full{
  height: 100%;
}
.h-min{
  height: -moz-min-content;
  height: min-content;
}
.h-screen{
  height: 100vh;
}
.min-h-0{
  min-height: 0px;
}
.min-h-full{
  min-height: 100%;
}
.w-1\/2{
  width: 50%;
}
.w-10{
  width: 2.5rem;
}
.w-16{
  width: 4rem;
}
.w-20{
  width: 5rem;
}
.w-32{
  width: 8rem;
}
.w-480{
  width: 480px;
}
.w-52{
  width: 13rem;
}
.w-96{
  width: 24rem;
}
.w-\[100\%\]{
  width: 100%;
}
.w-\[100px\]{
  width: 100px;
}
.w-\[150px\]{
  width: 150px;
}
.w-\[250px\]{
  width: 250px;
}
.w-\[320px\]{
  width: 320px;
}
.w-\[600px\]{
  width: 600px;
}
.w-\[auto\]{
  width: auto;
}
.w-fit{
  width: -moz-fit-content;
  width: fit-content;
}
.w-full{
  width: 100%;
}
.min-w-\[150px\]{
  min-width: 150px;
}
.max-w-64{
  max-width: 16rem;
}
.max-w-80{
  max-width: 20rem;
}
.max-w-96{
  max-width: 24rem;
}
.flex-1{
  flex: 1 1 0%;
}
.shrink-0{
  flex-shrink: 0;
}
.transform{
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.cursor-auto{
  cursor: auto;
}
.cursor-default{
  cursor: default;
}
.cursor-pointer{
  cursor: pointer;
}
.resize{
  resize: both;
}
.list-disc{
  list-style-type: disc;
}
.list-none{
  list-style-type: none;
}
.grid-cols-\[120px_1fr\]{
  grid-template-columns: 120px 1fr;
}
.grid-cols-\[1fr_100px\]{
  grid-template-columns: 1fr 100px;
}
.grid-cols-\[200px_1fr\]{
  grid-template-columns: 200px 1fr;
}
.grid-cols-\[50px_126px_1fr\]{
  grid-template-columns: 50px 126px 1fr;
}
.flex-row-reverse{
  flex-direction: row-reverse;
}
.flex-col{
  flex-direction: column;
}
.flex-wrap{
  flex-wrap: wrap;
}
.place-content-center{
  place-content: center;
}
.content-center{
  align-content: center;
}
.items-start{
  align-items: flex-start;
}
.items-center{
  align-items: center;
}
.justify-start{
  justify-content: flex-start;
}
.justify-end{
  justify-content: flex-end;
}
.justify-center{
  justify-content: center;
}
.justify-between{
  justify-content: space-between;
}
.justify-around{
  justify-content: space-around;
}
.gap-0{
  gap: 0px;
}
.gap-10{
  gap: 2.5rem;
}
.gap-12px{
  gap: 12px;
}
.gap-15px{
  gap: 15px;
}
.gap-18px{
  gap: 18px;
}
.gap-1px{
  gap: 1px;
}
.gap-2{
  gap: 0.5rem;
}
.gap-24px{
  gap: 24px;
}
.gap-3px{
  gap: 3px;
}
.gap-4{
  gap: 1rem;
}
.gap-6px{
  gap: 6px;
}
.gap-9px{
  gap: 9px;
}
.gap-\[10px\]{
  gap: 10px;
}
.space-y-1 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}
.justify-self-center{
  justify-self: center;
}
.overflow-auto{
  overflow: auto;
}
.\!overflow-hidden{
  overflow: hidden !important;
}
.overflow-hidden{
  overflow: hidden;
}
.overflow-x-auto{
  overflow-x: auto;
}
.overflow-x-hidden{
  overflow-x: hidden;
}
.\!overflow-ellipsis{
  text-overflow: ellipsis !important;
}
.overflow-ellipsis{
  text-overflow: ellipsis;
}
.text-ellipsis{
  text-overflow: ellipsis;
}
.\!whitespace-nowrap{
  white-space: nowrap !important;
}
.whitespace-nowrap{
  white-space: nowrap;
}
.text-nowrap{
  text-wrap: nowrap;
}
.break-all{
  word-break: break-all;
}
.rounded-4px{
  border-radius: 4px;
}
.rounded-6px{
  border-radius: 6px;
}
.rounded-lg{
  border-radius: 0.5rem;
}
.border{
  border-width: 1px;
}
.border-t{
  border-top-width: 1px;
}
.border-zinc-200{
  --tw-border-opacity: 1;
  border-color: rgb(228 228 231 / var(--tw-border-opacity));
}
.border-zinc-300{
  --tw-border-opacity: 1;
  border-color: rgb(212 212 216 / var(--tw-border-opacity));
}
.border-zinc-800{
  --tw-border-opacity: 1;
  border-color: rgb(39 39 42 / var(--tw-border-opacity));
}
.bg-gray{
  --tw-bg-opacity: 1;
  background-color: rgb(224 224 224 / var(--tw-bg-opacity));
}
.bg-red-100{
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity));
}
.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-zinc-200{
  --tw-bg-opacity: 1;
  background-color: rgb(228 228 231 / var(--tw-bg-opacity));
}
.p-10px{
  padding: 10px;
}
.p-15px{
  padding: 15px;
}
.p-2{
  padding: 0.5rem;
}
.p-3{
  padding: 0.75rem;
}
.p-4px{
  padding: 4px;
}
.px-10px{
  padding-left: 10px;
  padding-right: 10px;
}
.px-15px{
  padding-left: 15px;
  padding-right: 15px;
}
.px-6px{
  padding-left: 6px;
  padding-right: 6px;
}
.py-10px{
  padding-top: 10px;
  padding-bottom: 10px;
}
.py-15px{
  padding-top: 15px;
  padding-bottom: 15px;
}
.py-4px{
  padding-top: 4px;
  padding-bottom: 4px;
}
.py-6px{
  padding-top: 6px;
  padding-bottom: 6px;
}
.pb-15px{
  padding-bottom: 15px;
}
.pb-30px{
  padding-bottom: 30px;
}
.pb-4px{
  padding-bottom: 4px;
}
.pb-6{
  padding-bottom: 1.5rem;
}
.pb-6px{
  padding-bottom: 6px;
}
.pb-\[10px\]{
  padding-bottom: 10px;
}
.pl-0{
  padding-left: 0px;
}
.pl-1{
  padding-left: 0.25rem;
}
.pl-21px{
  padding-left: 21px;
}
.pl-6px{
  padding-left: 6px;
}
.pl-8{
  padding-left: 2rem;
}
.pl-\[40px\]{
  padding-left: 40px;
}
.pr-10px{
  padding-right: 10px;
}
.pr-2{
  padding-right: 0.5rem;
}
.pr-2px{
  padding-right: 2px;
}
.pr-3{
  padding-right: 0.75rem;
}
.pr-6px{
  padding-right: 6px;
}
.pr-\[40px\]{
  padding-right: 40px;
}
.pt-12px{
  padding-top: 12px;
}
.pt-15px{
  padding-top: 15px;
}
.pt-2{
  padding-top: 0.5rem;
}
.pt-36px{
  padding-top: 36px;
}
.pt-3px{
  padding-top: 3px;
}
.pt-6px{
  padding-top: 6px;
}
.text-center{
  text-align: center;
}
.font-mono{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.font-sans{
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.\!text-14\/18{
  font-size: 14px !important;
  line-height: 18px !important;
}
.text-11\/12{
  font-size: 11px;
  line-height: 12px;
}
.text-12\/12{
  font-size: 12px;
  line-height: 12px;
}
.text-12\/16{
  font-size: 12px;
  line-height: 16px;
}
.text-13\/15{
  font-size: 13px;
  line-height: 15px;
}
.text-13\/18{
  font-size: 13px;
  line-height: 18px;
}
.text-14\/18{
  font-size: 14px;
  line-height: 18px;
}
.text-14\/21{
  font-size: 14px;
  line-height: 21px;
}
.text-16\/18{
  font-size: 16px;
  line-height: 18px;
}
.text-sm{
  font-size: 12px;
  line-height: 14px;
}
.text-xl{
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs{
  font-size: 0.75rem;
  line-height: 1rem;
}
.font-bold{
  font-weight: 700;
}
.font-medium{
  font-weight: 500;
}
.font-semibold{
  font-weight: 600;
}
.uppercase{
  text-transform: uppercase;
}
.lowercase{
  text-transform: lowercase;
}
.capitalize{
  text-transform: capitalize;
}
.normal-case{
  text-transform: none;
}
.italic{
  font-style: italic;
}
.tracking-wide{
  letter-spacing: 0.025em;
}
.\!text-danger{
  --tw-text-opacity: 1 !important;
  color: rgb(244 67 54 / var(--tw-text-opacity)) !important;
}
.\!text-primary_hover{
  --tw-text-opacity: 1 !important;
  color: rgb(255 135 56 / var(--tw-text-opacity)) !important;
}
.text-\[\#677177\]{
  --tw-text-opacity: 1;
  color: rgb(103 113 119 / var(--tw-text-opacity));
}
.text-\[\#fc7778\]{
  --tw-text-opacity: 1;
  color: rgb(252 119 120 / var(--tw-text-opacity));
}
.text-amber-300{
  --tw-text-opacity: 1;
  color: rgb(252 211 77 / var(--tw-text-opacity));
}
.text-blue{
  --tw-text-opacity: 1;
  color: rgb(78 147 240 / var(--tw-text-opacity));
}
.text-danger{
  --tw-text-opacity: 1;
  color: rgb(244 67 54 / var(--tw-text-opacity));
}
.text-danger_secondary{
  --tw-text-opacity: 1;
  color: rgb(246 95 84 / var(--tw-text-opacity));
}
.text-emerald-500{
  --tw-text-opacity: 1;
  color: rgb(16 185 129 / var(--tw-text-opacity));
}
.text-indigo-400{
  --tw-text-opacity: 1;
  color: rgb(129 140 248 / var(--tw-text-opacity));
}
.text-success{
  --tw-text-opacity: 1;
  color: rgb(76 175 80 / var(--tw-text-opacity));
}
.text-success_secondary{
  --tw-text-opacity: 1;
  color: rgb(103 187 106 / var(--tw-text-opacity));
}
.text-text{
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity));
}
.text-text_secondary{
  --tw-text-opacity: 1;
  color: rgb(130 130 130 / var(--tw-text-opacity));
}
.text-zinc-400{
  --tw-text-opacity: 1;
  color: rgb(161 161 170 / var(--tw-text-opacity));
}
.text-zinc-500{
  --tw-text-opacity: 1;
  color: rgb(113 113 122 / var(--tw-text-opacity));
}
.text-zinc-900{
  --tw-text-opacity: 1;
  color: rgb(24 24 27 / var(--tw-text-opacity));
}
.underline{
  text-decoration-line: underline;
}
.opacity-65{
  opacity: 0.65;
}
.shadow-sm{
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline{
  outline-style: solid;
}
.drop-shadow{
  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.invert{
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.\!filter{
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}
.filter{
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
html {
  height: 100%;
}
html * {
  box-sizing: border-box;
  font-family: "Roboto", serif;
}

html, body {
  padding: 0;
  margin: 0;
}

body {
  height: 100%;
  font-family: "Roboto", serif;
  font-weight: 400;
}

svg {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

ul {
  margin: 0;
}

span {
  font-family: "Roboto", serif;
  font-weight: 400;
}

input {
  font-family: "Roboto", serif;
  font-weight: 400;
}

button {
  font-family: "Roboto", serif;
  font-weight: 400;
}

.unstyled-list {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.react-ip-input {
  padding: 3px 3px !important;
  font-size: 13px !important;
}
.react-ip-input * {
  color: rgb(103, 113, 119) !important;
}

@font-face {
  font-family: "Roboto";
  src: url("/fonts/roboto/roboto-bold.eot");
  src: url("/fonts/roboto/roboto-bold.eot?#iefix") format("embedded-opentype"), url("/fonts/roboto/roboto-bold.woff2") format("woff2"), url("/fonts/roboto/roboto-bold.woff") format("woff"), url("/fonts/roboto/roboto-bold.ttf") format("truetype"), url("/fonts/roboto/roboto-bold.svg#robotobold") format("svg");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("/fonts/roboto/roboto-medium.eot");
  src: url("/fonts/roboto/roboto-medium.eot?#iefix") format("embedded-opentype"), url("/fonts/roboto/roboto-medium.woff2") format("woff2"), url("/fonts/roboto/roboto-medium.woff") format("woff"), url("/fonts/roboto/roboto-medium.ttf") format("truetype"), url("/fonts/roboto/roboto-medium.svg#robotomedium") format("svg");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("/fonts/roboto/roboto-regular.eot");
  src: url("/fonts/roboto/roboto-regular.eot?#iefix") format("embedded-opentype"), url("/fonts/roboto/roboto-regular.woff2") format("woff2"), url("/fonts/roboto/roboto-regular.woff") format("woff"), url("/fonts/roboto/roboto-regular.ttf") format("truetype"), url("/fonts/roboto/roboto-regular.svg#robotoregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("/fonts/roboto/roboto-light.eot");
  src: url("/fonts/roboto/roboto-light.eot?#iefix") format("embedded-opentype"), url("/fonts/roboto/roboto-light.woff2") format("woff2"), url("/fonts/roboto/roboto-light.woff") format("woff"), url("/fonts/roboto/roboto-light.ttf") format("truetype"), url("/fonts/roboto/roboto-light.svg#robotolight") format("svg");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Courier";
  src: url("/fonts/courier/courier.ttf") format("truetype");
  font-style: normal;
}
.Microservices {
  display: grid;
  grid-template-areas: "microservices_info";
  grid-gap: 16px;
  grid-template-columns: 100%;
  grid-template-rows: auto;
  position: relative;
}

.Microservice_Box {
  height: calc(100% - 84px);
  width: calc(100% - 32px);
  margin-top: 20px;
  position: absolute;
}
.Microservice_Main {
  width: 100%;
  position: relative;
}
.Microservice_Container {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  margin-right: 12px;
  margin-top: 3px;
  height: calc(100% - 50px);
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 15px;
  scrollbar-width: auto !important;
  overscroll-behavior: contain;
  position: absolute;
  width: 100%;
}
.Microservice_Container::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.Microservice_Container::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #F1F1F1;
}
.Microservice_Container::-webkit-scrollbar-thumb {
  background-color: #9CA4F0;
  outline: 1px solid rgba(238, 238, 238, 0.3);
  border-radius: 2px;
}
.Microservice_Title {
  width: -moz-max-content;
  width: max-content;
  height: 70px;
  background: #F8FAFF;
  padding: 13px;
  margin-top: 10px;
  font-weight: 400;
}
.Microservice_Title_Key {
  font-size: 16px;
  line-height: 22px;
  color: #202552;
  margin-bottom: 4px;
}
.Microservice_Title_Value {
  font-size: 14px;
  line-height: 22px;
  color: #636270;
}
.Microservice_Card {
  width: 192px;
  height: 217px;
  margin: 10px;
  background: #FFFFFF;
  border: 1px solid #C0C9DE;
  box-sizing: border-box;
  border-radius: 5px;
  cursor: pointer;
  position: relative;
}
.Microservice_Card_Status {
  width: calc(100% + 2px);
  position: absolute;
  top: -1px;
  left: -1px;
  height: 6px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
.Microservice_Card_Title {
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  color: #202552;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 18px;
  margin-bottom: 15px;
  height: 64px;
}
.Microservice_Card_Title_Over {
  overflow-wrap: break-word;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.Microservice_Card_List {
  font-size: 14px;
  line-height: 22px;
  color: #636270;
  cursor: pointer;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 3px;
  overflow-wrap: break-word;
  white-space: unset !important;
  word-break: break-word;
  height: 45px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-bottom: 10px;
}
.Microservice_Card_Counts {
  cursor: default;
  display: flow-root;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 3px;
}
.Microservice_Card_Counts_Value {
  float: left;
  font-weight: 500;
  font-size: 14px;
  line-height: 13px;
  color: #636270;
}
.Microservice_Card_Counts_Key {
  float: right;
}
.Microservice_Card_Info {
  cursor: default;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 6px;
  font-weight: 500;
  font-size: 10px;
  line-height: 13px;
  color: #636270;
}
.Microservice_Card_Icons {
  padding-left: 10px;
  padding-right: 10px;
}
.Microservice_Card_Compare {
  position: absolute;
  bottom: 10px;
  right: 10px;
  cursor: pointer;
}
.Microservice_Card_Compare.Can_Not_Compare {
  opacity: 0.5;
  cursor: not-allowed;
}
.Microservice_Tabs {
  border-bottom: 1px solid #C0C9DE;
}
.Microservice_Tabs_Watched {
  padding: 0;
  width: 100%;
  height: 30px;
}
.Microservice_Tabs_Watched ul {
  margin-left: -40px;
  margin-bottom: 0;
}
.Microservice_Tabs_Watched li {
  float: left;
  list-style: none;
  height: 30px;
  min-width: 110px;
  text-align: center;
  border-radius: 5px 5px 0 0;
}
.Microservice_Tabs_Watched li a {
  display: block;
  text-decoration: none;
  opacity: 0.5;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 12px;
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 10px;
}
.Microservice_Tabs_Watched a.active {
  background: #FFFFFF;
  opacity: 1;
  color: #202552;
  border-bottom: 2px solid #202552;
  text-decoration: none;
}
.Microservice_Tabs_Watched a.active:link, .Microservice_Tabs_Watched a.active:visited, .Microservice_Tabs_Watched a.active:hover, .Microservice_Tabs_Watched a.active:active {
  color: #202552;
}
.Microservice_Tabs_Watched a.active svg path {
  fill: #202552;
}
.Microservice_Tabs_Watched li:not(.active) a {
  opacity: 1;
  color: #202552;
  text-decoration: none;
}
.Microservice_Tabs_Watched li:not(.active) a:link, .Microservice_Tabs_Watched li:not(.active) a:visited, .Microservice_Tabs_Watched li:not(.active) a:active {
  color: #202552;
}
.Microservice_Tabs_Watched li:not(.active) a:hover {
  color: #202552;
}
.Microservice_Tabs_Watched li:not(.active) a svg path {
  fill: #202552;
}

.Microservices_Comparison {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.Microservices_Comparison .rdt_TableBody {
  padding-right: 0 !important;
}
.Microservices_Comparison_Split {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
}
.Microservices_Comparison_Split .Comparison_Split_Item {
  width: 50%;
}
.Microservices_Comparison_Split .Comparison_Split_Item_Value {
  font-size: 14px;
}
.Microservices_Comparison_Split .Comparison_Split_Item_Key {
  font-size: 14px;
}
.Microservices_Comparison_Split .Comparison_Info_Title {
  margin: 10px 0;
}
.Microservices_Comparison_Split .Comparison_Info_Icons {
  display: flex;
  flex-direction: row;
  background: #F8FAFF;
  width: -moz-fit-content;
  width: fit-content;
  padding: 10px;
  border-radius: 10px;
  margin-top: 10px;
}
.Microservices_Comparison_Icons_Block {
  display: flex;
  flex-wrap: wrap;
  place-content: center;
  align-content: flex-start;
  margin-top: 3px;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
}
.Microservices_Comparison_Icons_Card {
  width: 190px;
  height: 90px;
  margin: 10px;
  background: #f8faff;
  border: 1px solid #C0C9DE;
  box-sizing: border-box;
  border-radius: 5px;
  cursor: pointer;
  position: relative;
}

.microservice-right {
  width: 70%;
  height: 100%;
}
.microservice-left {
  width: 30%;
  height: 100%;
  padding-top: 10px;
  padding-left: 55px;
  padding-right: 18px;
  position: relative;
}
.microservice-left-icon {
  position: absolute;
  margin-left: -55px;
  margin-top: -10px;
}
.microservice-left-title {
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  color: #202552;
  margin-bottom: 9px;
  cursor: default;
}
.microservice-left-title-2 {
  font-size: 16px;
  line-height: 26px;
  color: #202552;
  margin-bottom: 6px;
}
.microservice-left-metadata {
  width: 100%;
  height: calc(100% - 211px);
  position: relative;
  background: #F8FAFF;
  margin-bottom: 10px;
}
.microservice-left-metadata-in {
  position: absolute;
  height: calc(100% - 20px);
  margin: 10px;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 15px;
  scrollbar-width: auto !important;
  overscroll-behavior: contain;
}
.microservice-left-metadata-in::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.microservice-left-metadata-in::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #F1F1F1;
}
.microservice-left-metadata-in::-webkit-scrollbar-thumb {
  background-color: #9CA4F0;
  outline: 1px solid rgba(238, 238, 238, 0.3);
  border-radius: 2px;
}
.microservice-left-information {
  width: 100%;
  height: auto;
  background: #F8FAFF;
  padding: 10px;
  padding-left: 30px;
  cursor: default;
}
.microservice-left-information-key {
  font-size: 16px;
  line-height: 22px;
  color: #202552;
  margin-bottom: 3px;
}
.microservice-left-information-value {
  font-size: 14px;
  line-height: 22px;
  color: #636270;
  word-break: break-all;
  list-style: disc;
  display: list-item;
}
.microservice-left-statistic {
  width: 100%;
  background: #F8FAFF;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  padding: 10px;
  height: 130px;
}
.microservice-left-statistic-in {
  width: 100%;
  background: #F8FAFF;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  height: 100%;
  margin: 10px;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 15px;
  scrollbar-width: auto !important;
  overscroll-behavior: contain;
}
.microservice-left-statistic-in::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.microservice-left-statistic-in::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #F1F1F1;
}
.microservice-left-statistic-in::-webkit-scrollbar-thumb {
  background-color: #9CA4F0;
  outline: 1px solid rgba(238, 238, 238, 0.3);
  border-radius: 2px;
}
.microservice-block {
  display: flex;
  width: 100%;
  height: 60%;
}
.microservice-table-pods {
  width: 100%;
  height: 40%;
  position: relative;
}
.microservice-graph {
  width: 50%;
  height: calc(100% - 30px);
  margin: 5px;
  border: 1px solid #C0C9DE;
  box-sizing: border-box;
  border-radius: 5px;
  position: relative;
  align-self: self-end;
}
.microservice-graph-in {
  width: 100%;
  height: 100%;
}
.microservice-network {
  height: 100%;
  width: 100%;
}
.microservice-network-title {
  width: 100%;
  height: 30px;
  display: flex;
  padding-left: 7px;
  align-items: center;
  margin-bottom: 5px;
}
.microservice-network-title-in {
  display: flex;
  margin-right: 40px;
  cursor: default;
}
.microservice-network-title-key {
  font-size: 14px;
  line-height: 22px;
  color: #202552;
}
.microservice-network-title-value {
  font-size: 14px;
  line-height: 22px;
  color: #636270;
}
.microservice-network-in {
  height: calc(100% - 50px - 35px);
  width: 100%;
  position: absolute;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 15px;
  scrollbar-width: auto !important;
  overscroll-behavior: contain;
}
.microservice-network-in::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.microservice-network-in::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #F1F1F1;
}
.microservice-network-in::-webkit-scrollbar-thumb {
  background-color: #9CA4F0;
  outline: 1px solid rgba(238, 238, 238, 0.3);
  border-radius: 2px;
}
.microservice-policies-anomalies {
  height: 100%;
  width: 100%;
}
.microservice-policies {
  height: 40%;
  width: 100%;
}
.microservice-policies-table {
  height: 100%;
}
.microservice-anomalies {
  height: 60%;
  width: 100%;
}
.microservice-anomalies-in {
  display: flex;
  height: calc(100% - 32px);
}
.microservice-anomalies-left {
  width: 60%;
}
.microservice-anomalies-right {
  width: 40%;
}
.microservice-anomalies-sunburst {
  width: calc(100% - 136px);
  position: relative;
}
.microservice-anomalies-count {
  width: 136px;
  display: block;
  margin-left: 40px;
}
.microservice-anomalies-every {
  width: 100%;
  height: auto;
  cursor: default;
  background: #F1F6FE;
  border-radius: 5px;
}
@media only screen and (max-height: 850px) {
  .microservice-anomalies-every {
    padding: 8px;
    margin-bottom: 10px;
  }
}
@media only screen and (min-height: 850px) {
  .microservice-anomalies-every {
    padding: 10px;
    margin-bottom: 18px;
  }
}
.microservice-anomalies-every-key {
  cursor: default;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  color: #636270;
  mix-blend-mode: normal;
}
@media only screen and (max-height: 850px) {
  .microservice-anomalies-every-key {
    margin-bottom: 11px;
  }
}
@media only screen and (min-height: 850px) {
  .microservice-anomalies-every-key {
    margin-bottom: 21px;
  }
}
.microservice-anomalies-every-value {
  text-align: center;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 21px;
  color: #202552;
}
.microservice-anomalies-top-title {
  font-size: 16px;
  line-height: 19px;
  color: #202552;
}
.microservice-history {
  height: calc(45% - 13px - 28px);
  width: 100%;
}
.microservice-events {
  height: 55%;
  width: 100%;
}
.microservice-all {
  width: 250px;
  height: calc(100% - 50px);
  position: relative;
  margin-top: 25px;
  margin-bottom: 25px;
}
.microservice-all-events {
  width: calc(100% - 250px);
  height: 100%;
  display: block;
}
.microservice--all {
  padding-top: 20px;
  padding-bottom: 20px;
  position: absolute;
  padding-left: 10px;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 15px;
  scrollbar-width: auto !important;
  overscroll-behavior: contain;
}
.microservice--all::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.microservice--all::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #F1F1F1;
}
.microservice--all::-webkit-scrollbar-thumb {
  background-color: #9CA4F0;
  outline: 1px solid rgba(238, 238, 238, 0.3);
  border-radius: 2px;
}

.Content {
  width: 100%;
  min-width: 900px;
  height: 100%;
  padding-top: 11px;
  padding-bottom: 14px;
  margin-left: 16px;
  margin-right: 20px;
}

.Breadcrumbs {
  margin-bottom: 10px;
  position: relative;
  display: flex;
}
.Breadcrumbs_Item_Main {
  font-size: 14px;
  color: #202552;
  line-height: 22px;
}
.Breadcrumbs_Left {
  width: 70%;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: flex;
}

.Detail {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
}
.Detail_Table {
  width: 100%;
  font-size: 10px;
  line-height: 18px;
  color: #677177;
}
.Detail_Table_Name {
  width: 100%;
  overflow-wrap: break-word;
  white-space: unset !important;
  word-break: break-word;
  text-align: left;
}
.Detail_Table_Row {
  width: 100%;
}
.Detail_Block {
  display: block;
  margin-left: 7px;
  margin-right: 3px;
}
.Detail_Block_Separate {
  margin-top: 20px;
}
.Detail_Block_Stat {
  display: block;
}
.Detail_Block_Stat_Icon {
  height: 21px;
  flex: 0 0 25px;
}
.Detail_Block_Stat_Anomalies_List {
  margin-top: 7px;
  width: 100%;
}
.Detail_Block_Stat_Anomalies_List_Item {
  display: flex;
  align-items: center;
  padding-top: 3px;
  padding-bottom: 3px;
}
.Detail_Block_Stat_Anomalies_List_Item_Position {
  flex: 0 0 30px;
  width: 30px;
  border-radius: 50%;
  text-align: center;
  font-size: 14px;
}
.Detail_Block_Stat_Anomalies_List_Circle {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #FFDCDC;
}
.Detail_Block_Stat_Anomalies_List_Circle_Not_Three {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #fff;
}
.Detail_Block_Stat_Anomalies_List_Circle_Digit {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 16px;
  cursor: default;
  letter-spacing: 0.323077px;
  color: #FD7272;
}
.Detail_Block_Stat_Anomalies_List_Circle_Digit_Not_Three {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 16px;
  cursor: default;
  letter-spacing: 0.323077px;
  color: #677177;
}
.Detail_Block_Stat_Anomalies_List_Text {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 22px;
  letter-spacing: 0.323077px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.Detail_Block_Stat_Anomalies_List_Quantity {
  padding-left: 15px;
  margin-left: auto;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 16px;
  color: #FD7272;
  cursor: default;
}
.Detail_Block_Stat_Anomalies_List_Quantity_Not_Three {
  padding-left: 15px;
  margin-left: auto;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 16px;
  color: #677177;
  cursor: default;
}
.Detail_Block_Stat_Anomaly_Percent {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 13px;
  letter-spacing: 0.323077px;
  cursor: default;
  color: #677177;
  margin-top: 11px;
}
.Detail_Block_Stat_Anomaly_Type {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 13px;
  cursor: default;
  letter-spacing: 0.323077px;
  color: #677177;
  margin-top: 4px;
}
.Detail_Block_Stat_Col {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: 10px;
  padding-bottom: 16px;
  padding-left: 2px;
  padding-right: 2px;
  text-align: center;
}
.Detail_Block_Stat_Col_Title {
  margin-bottom: 26px;
  cursor: default;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 22px;
  text-align: center;
  letter-spacing: 0.323077px;
  color: #677177;
}
.Detail_Block_Stat_Col_Text {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  color: #202552;
}
.Detail_Block:not(:last-child) {
  margin-bottom: 13px;
}

.Scroll_Style {
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 15px;
  scrollbar-width: auto !important;
  overscroll-behavior: contain;
}
.Scroll_Style_Auto {
  overflow-y: auto;
}
.Scroll_Style_Auto_Without_Padding {
  overflow-y: auto;
  padding-right: 0;
}
.Scroll_Style::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.Scroll_Style::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #F1F1F1;
}
.Scroll_Style::-webkit-scrollbar-thumb {
  background-color: #9CA4F0;
  outline: 1px solid rgba(238, 238, 238, 0.3);
  border-radius: 2px;
}

div.rdt_TableCol_Sortable span.__rdt_custom_sort_icon__ svg.add-svg-icon {
  width: 6px !important;
  margin-left: 5px;
}

div.anomalies-table > div > div > .rdt_TableBody {
  position: absolute;
  width: 100%;
  top: 56px;
}

.Loader {
  margin: 16px;
  animation: ___CSS_0___ 1s linear infinite;
  animation-name: rotation;
  transform: translateZ(0);
  border-top: 4px solid #F0F7FF;
  border-right: 4px solid #F0F7FF;
  border-bottom: 4px solid #F0F7FF;
  border-left: 6px solid #C2C6F9;
  background: transparent;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
.Loader_Mini {
  margin: 5px;
  animation: ___CSS_0___ 1s linear infinite;
  animation-name: rotation;
  transform: translateZ(0);
  border-top: 4px solid #F0F7FF;
  border-right: 4px solid #F0F7FF;
  border-bottom: 4px solid #F0F7FF;
  border-left: 6px solid #C2C6F9;
  background: transparent;
  width: 25px;
  height: 25px;
  border-radius: 50%;
}
.Loader_Padding {
  padding: 15px;
}
.Loader_Container_Shadow {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.7;
  background: white;
  z-index: 80;
}
.Loader_Container {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.GroupTableCellLink {
  text-decoration: none;
}
.GroupTableCellLink:link {
  color: #677177;
}
.GroupTableCellLink:visited {
  color: #677177;
}
.GroupTableCellLink:hover {
  color: #677177;
}
.GroupTableCellLink:active {
  color: #677177;
}

div.rdt_TableCol {
  pointer-events: auto !important;
}

.overlay {
  fill: none;
  pointer-events: all;
}

.d3-tip {
  line-height: 1;
  padding: 6px;
  background: #fff;
  color: #677177;
  border-radius: 4px;
  font-size: 12px;
  box-shadow: 0 4px 20px #DBE7F9;
  z-index: 60;
}

/* Creates a small triangle extender for the tooltip */
.d3-tip:after {
  box-sizing: border-box;
  display: inline;
  font-size: 10px;
  width: 100%;
  line-height: 1;
  color: #fff;
  content: "▼";
  position: absolute;
  text-align: center;
}

/* Style northward tooltips specifically */
.d3-tip.n:after {
  margin: -2px 0 0 0;
  top: 100%;
  left: 0;
}

.d3-context-menu-theme {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 22px;
  letter-spacing: 0.323077px;
  color: #677177;
  border: none;
  background: #FFFFFF;
  box-shadow: 0 4px 20px #DBE7F9;
  border-radius: 5px;
}

.d3-context-menu-title-content {
  display: flex;
  align-items: center;
}

.d3-context-menu {
  min-width: 100px;
}

.node text {
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 22px;
  letter-spacing: 0.323077px;
}
.node text .kub_text {
  font-family: Roboto, serif;
  font-style: normal;
  font-weight: normal;
  font-size: 8px;
  line-height: 9px;
  color: #677177;
}

.Timeline_Text {
  font-family: Roboto, serif;
  font-style: normal;
  font-weight: normal;
  font-size: 9px;
  line-height: 15px;
  text-align: center;
  letter-spacing: 0.4px;
  cursor: default;
  color: #677177;
}
.Timeline_Axis path,
.Timeline_Axis line {
  stroke-width: 2;
  fill: none;
  stroke: #F1F0F0;
}
.Timeline_Axis g.tick:first-child {
  opacity: 0;
}
.Timeline_Y {
  font-family: Roboto, serif;
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 15px;
  display: flex;
  align-items: center;
  letter-spacing: 0.4px;
  color: #DBDBDB;
}
.Timeline_Y path {
  stroke-width: 0;
  fill: none;
}
.Timeline_Y line {
  stroke-width: 0;
  fill: none;
}
.Timeline_Y text {
  fill: none;
}
.Timeline_Y g.tick:first-child {
  opacity: 0;
}
.Timeline_X {
  font-family: Roboto, serif;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  letter-spacing: 0.4px;
  color: #677177;
}
.Timeline_X path {
  stroke-width: 1;
  stroke: #DBDBDB;
}
.Timeline_X line {
  stroke-width: 0;
  fill: none;
}

.zoom {
  fill: none;
  pointer-events: all;
}

.Box_Buf {
  overflow-y: hidden;
  overflow-x: hidden;
  width: 100%;
  height: 100%;
}
.Box_Buf_Monitor {
  height: calc(100% - 22px);
  width: 100%;
  position: absolute;
}
.Box_Bottom:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: block;
  width: 100%;
  height: 70px;
  background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.12) 0, hsla(0, 0%, 100%, 0.47) 10%, hsla(0, 0%, 100%, 0.63) 40%, rgba(255, 255, 255, 0.6901960784));
  content: "";
}
.Box_Bottom_Kub:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: block;
  width: 100%;
  height: 30px;
  background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.12) 0, hsla(0, 0%, 100%, 0.47) 10%, hsla(0, 0%, 100%, 0.63) 40%, rgba(255, 255, 255, 0.6901960784));
  content: "";
}
.Box_Up:after {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  display: block;
  width: 100%;
  height: 70px;
  background: linear-gradient(360deg, hsla(0, 0%, 100%, 0.12) 0, hsla(0, 0%, 100%, 0.47) 10%, hsla(0, 0%, 100%, 0.63) 40%, rgba(255, 255, 255, 0.6901960784));
  content: "";
}
.Box_Up_panel:after {
  top: 22px;
}
.Box_Up_not_panel:after {
  top: 0;
}
.Box_Left:after {
  position: absolute;
  top: 40px;
  bottom: 0;
  left: 0;
  margin: auto;
  display: block;
  height: 100%;
  width: 50px;
  background: linear-gradient(270deg, hsla(0, 0%, 100%, 0.12) 0, hsla(0, 0%, 100%, 0.47) 10%, hsla(0, 0%, 100%, 0.63) 40%, rgba(255, 255, 255, 0.6901960784));
  content: "";
}
.Box_Left_panel:after {
  top: 40px;
}
.Box_Left_not_panel:after {
  top: 0;
}
.Box_Right:after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  display: block;
  height: 100%;
  width: 50px;
  background: linear-gradient(90deg, hsla(0, 0%, 100%, 0.12) 0, hsla(0, 0%, 100%, 0.47) 10%, hsla(0, 0%, 100%, 0.63) 40%, rgba(255, 255, 255, 0.6901960784));
  content: "";
}
.Box_Right_panel:after {
  top: 40px;
}
.Box_Right_not_panel:after {
  top: 0;
}

.circle-text {
  font-family: Roboto, serif;
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 14px;
  cursor: default;
  text-align: center;
  letter-spacing: 0.323077px;
  color: #202552;
}

.group-network-policy-count {
  font-family: Roboto, serif;
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 22px;
  letter-spacing: 0.323077px;
  mix-blend-mode: normal;
}

.elements-count-kub {
  font-family: Roboto, serif;
  font-style: normal;
  font-weight: 500;
  font-size: 8px;
  line-height: 10px;
  text-align: center;
  letter-spacing: 0.323077px;
  color: #FFFFFF;
  fill: #FFFFFF;
}

.kubernetes_info {
  cursor: default;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 9;
  margin-bottom: 21px;
  margin-right: 54px;
  display: flex;
  font-family: Roboto, serif;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 22px;
  text-align: center;
  letter-spacing: 0.323077px;
  color: #9CA4F0;
}
.kubernetes_info_time {
  margin-right: 16px;
  cursor: default;
}
@media only screen and (min-width: 1425px) {
  .kubernetes_info_time_with_details {
    margin-right: 20px;
  }
}
@media only screen and (max-width: 1425px) {
  .kubernetes_info_time_with_details {
    margin-right: 20px;
    display: none;
  }
}
@media only screen and (min-width: 1560px) {
  .kubernetes_info_time_with_details_map {
    margin-right: 27px;
  }
}
@media only screen and (max-width: 1560px) {
  .kubernetes_info_time_with_details_map {
    margin-right: 27px;
    display: none;
  }
}
.kubernetes_info_percent {
  margin-right: 16px;
  margin-left: 16px;
  cursor: default;
}
.kubernetes_info_legend {
  margin-left: 16px;
  margin-right: 16px;
  cursor: pointer;
}
.kubernetes_info_legend_div {
  position: absolute;
  bottom: 60px;
  right: 0;
  z-index: 114;
  width: 203px;
  height: 257px;
  background: #FFFFFF;
  box-shadow: 0 4px 20px #DBE7F9;
  border-radius: 5px;
}
.kubernetes_info_legend_span {
  vertical-align: top;
  font-family: Roboto, serif;
  font-style: normal;
  font-weight: normal;
  font-size: 9px;
  line-height: 22px;
  text-align: center;
  letter-spacing: 0.323077px;
  color: #677177;
}
.kubernetes_info_legend_ {
  padding: 7px;
  display: inline-block;
  width: 100%;
  height: 100%;
  position: relative !important;
  -moz-text-align-last: center;
       text-align-last: center;
  padding-top: 9px;
}
.kubernetes_info_legend_icon_Vector {
  float: left;
  margin-top: 7px;
}
.kubernetes_info_legend_icon_Vector_Ver {
  float: left;
  margin-left: 22px;
  margin-right: 22px;
  margin-top: 9px;
  margin-bottom: 7px;
}
.kubernetes_info_legend_icon_info {
  justify-items: center;
  width: 60px;
  height: 46px;
  float: left;
}
.kubernetes_info_legend_tooltip {
  padding: 5px !important;
  padding-top: 12px !important;
  width: 203px;
  height: 265px;
  top: calc(100% - 257px - 14px - 70px) !important;
  left: calc(100% - 203px - 20px) !important;
  display: inline-block !important;
}
.kubernetes_info_full_legend {
  margin-left: 20px;
  cursor: pointer;
}
.kubernetes_info_full_legend_div {
  position: absolute;
  bottom: 50px;
  right: 0;
  z-index: 114;
  width: 380px;
  height: 411px;
  background: #FFFFFF;
  box-shadow: 0 4px 20px #DBE7F9;
  border-radius: 5px;
}
.kubernetes_info_full_legend_span {
  vertical-align: top;
  font-family: Roboto, serif;
  font-style: normal;
  font-weight: normal;
  font-size: 9px;
  line-height: 22px;
  text-align: center;
  letter-spacing: 0.323077px;
  color: #677177;
}
.kubernetes_info_full_legend_ {
  padding: 7px;
  display: inline-block;
  width: 100%;
  height: 100%;
  position: relative !important;
  -moz-text-align-last: center;
       text-align-last: center;
  padding-top: 20px;
}
.kubernetes_info_full_legend_icon_Vector {
  float: left;
  margin-top: 7px;
}
.kubernetes_info_full_legend_icon_Vector_Ver {
  float: left;
  margin-left: 22px;
  margin-right: 22px;
  margin-top: 9px;
  margin-bottom: 7px;
}
.kubernetes_info_full_legend_icon_info {
  justify-items: center;
  width: 60px;
  height: 46px;
  float: left;
}
.kubernetes_info_full_legend_tooltip {
  padding: 5px !important;
  padding-top: 12px !important;
  width: 203px;
  height: 265px;
  top: calc(100% - 257px - 14px - 70px) !important;
  left: calc(100% - 203px - 20px) !important;
  display: inline-block !important;
}

.kub_timeline_axis path {
  stroke: #F1F0F0;
  stroke-width: 2px;
}
.kub_timeline_axis .tick line {
  stroke: #F1F0F0;
  stroke-width: 2px;
}
.kub_timeline_axis .tick text {
  font-family: Roboto, serif;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 12px;
  text-align: center;
  letter-spacing: 0.4px;
  color: #677177;
}

.kub_timeline_text {
  font-family: Roboto, serif;
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 10px;
  letter-spacing: 0.323077px;
  fill: #677177;
  color: #677177;
}

.microservice_text {
  font-family: Roboto, serif;
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 10px;
  letter-spacing: 0.323077px;
  fill: #9DA4F0;
  color: #9DA4F0;
}

.License {
  margin-left: -16px;
  margin-top: -11px;
  margin-bottom: 11px;
  width: calc(100% + 36px);
  overflow: hidden;
  background: #FFDCDC;
  height: 36px;
  padding-top: 11px;
  padding-left: 18px;
  padding-right: 18px;
  font-size: 12px;
  line-height: 22px;
  color: #FD7272;
  mix-blend-mode: normal;
}

.linkstree {
  position: relative;
  cursor: default;
}
.linkstree summary {
  display: block;
}
.linkstree__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.linkstree__wrapper p {
  word-break: break-word;
  padding: 0;
  margin: 0;
  position: relative;
}
.linkstree__wrapper button {
  background: #09C199;
  color: white;
  border: 1px solid #09C199;
  border-radius: 5px;
  cursor: pointer;
  font-size: 10px;
  height: 20px;
}
.linkstree__wrapper-icon {
  position: relative;
}
.linkstree__wrapper-icon-count {
  position: absolute;
  background: rgb(157, 164, 240);
  color: white;
  bottom: 5px;
  right: 0;
  font-size: 5px;
  line-height: 5px;
  border-radius: 3px;
  padding: 1px 4px;
}
.linkstree__wrapper-name::after {
  content: url(/img/arrowdown.svg?5ca6efc2371eddc06c28d8de397c516d);
  position: absolute;
  right: -10px;
  transform: rotate(-90deg);
}
.linkstree__wrapper-name.opened::after {
  content: url(/img/arrowdown.svg?5ca6efc2371eddc06c28d8de397c516d);
  position: absolute;
  transform: rotate(0deg);
}
.linkstree__first {
  position: relative;
  margin: 0;
  cursor: pointer;
}
.linkstree__first.solo .linkstree__wrapper-name::after {
  content: "";
}
.linkstree__first.solo .linkstree__wrapper-name.opened::after {
  content: "";
}
.linkstree__first::marker {
  color: #9CA4F0;
  font-size: 0.6rem;
}
.linkstree__details:not(:first-child) {
  position: relative;
  margin-left: 20px;
}
.linkstree__details[open]::before {
  content: "";
  width: 0;
  height: calc(100% - 25px);
  border-left: 1px dashed #CFDBFD;
  position: absolute;
  left: 10px;
  top: 10px;
}
.linkstree__many {
  position: relative;
  cursor: pointer;
}
.linkstree__many:not(:first-child) {
  margin-left: 10px;
}
.linkstree__many::after {
  content: "";
  width: 11px;
  height: 0;
  border-bottom: 1px dashed #CFDBFD;
  position: absolute;
  left: -10px;
  top: calc(50% - 3px);
}
.linkstree__many::marker {
  color: #9CA4F0;
  font-size: 0.6rem;
}
.linkstree__solo {
  margin-left: 20px;
  position: relative;
  cursor: default;
}
.linkstree__solo .linkstree__wrapper-name::after {
  content: "";
}
.linkstree__solo .linkstree__wrapper-name.opened::after {
  content: "";
}
.linkstree__solo::after {
  content: "";
  width: 11px;
  height: 0;
  border-bottom: 1px dashed #CFDBFD;
  position: absolute;
  left: -10px;
  top: calc(50% - 3px);
}
.linkstree__table {
  border: 1px solid #F6F4F4;
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  position: relative;
}
.linkstree__table-th {
  font-size: 12px;
  line-height: 22px;
  letter-spacing: 0.323077px;
  color: #202552;
  mix-blend-mode: normal;
  background: #F8FAFF;
  padding: 3px 10px;
  border: 1px solid #F6F4F4;
  cursor: default;
}
.linkstree__table-td {
  max-width: 1px;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.323077px;
  color: #636270;
  min-height: 200px;
  border: 1px solid #F6F4F4;
  background: #FCFCFC;
  padding: 0 10px;
  cursor: default;
}
.linkstree__showbutton {
  height: 28px;
  background: #09C199;
  color: white;
  border: 1px solid #09C199;
  border-radius: 5px;
  cursor: pointer;
  transition: 0.5s;
}
.linkstree__showbutton:hover {
  background: #1CE9BC;
  color: white;
  border: 1px solid #1CE9BC !important;
}
.linkstree__showbutton:focus {
  background: #068c6f;
}
.linkstree__modal .Graph_Detail_Icon {
  display: none;
}
.linkstree__modal .Linkstree {
  display: none;
}

.Page {
  display: flex;
  width: 100%;
  height: 100vh;
  min-width: 1200px;
  min-height: 810px;
  overflow: hidden;
  background-color: #F5F9FF;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  letter-spacing: 0.323077px;
}

* {
  scrollbar-width: auto !important;
}
* ::-webkit-scrollbar {
  width: 5px !important;
  height: 5px !important;
}
* ::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #F1F1F1 !important;
}
* ::-webkit-scrollbar-thumb {
  background: #9CA4F0 !important;
  background-color: #9CA4F0 !important;
  outline: 1px solid rgba(238, 238, 238, 0.3) !important;
  border-radius: 2px !important;
}

.Col_Lg {
  width: 64.6%;
}
.Col_Sm {
  width: 33.8%;
}

.Color_Warning {
  color: #FD7272;
}

.isDisabled {
  color: currentColor;
  cursor: not-allowed;
  opacity: 0.5;
  text-decoration: none;
  pointer-events: none;
}

.w-100 {
  width: 100%;
}

.w-70 {
  width: 70%;
}

.w-50 {
  width: 50%;
}

.add-svg-icon {
  opacity: 0.8;
}

.add-svg-icon:hover {
  opacity: 1;
}

.edit-svg-icon {
  opacity: 0.8;
}

.edit-svg-icon:hover {
  opacity: 1;
}

.button-svg-icon {
  opacity: 0.7;
}

.button-svg-icon:hover {
  opacity: 1;
}

.Select_Element {
  width: 100%;
  height: 50px;
}
.Select_Element__menu {
  margin: 0.125rem auto;
}
.Select_Element__option {
  background-color: white;
}
.Select_Element__option--is-focused {
  background-color: lightblue;
}
.Select_Element__group {
  padding: 0;
}

.s-alert-error {
  background: #FFDCDC;
  color: #FD7272;
}

.Cursor_Pointer {
  cursor: pointer;
}

.Navbar_Tooltip {
  padding: 4px 12px !important;
}
.Navbar_Tooltip span {
  font-family: Roboto, serif;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.323077px;
  color: #677177;
}
.Navbar_Tooltip_small {
  width: 200px;
}

.button_paginate:hover {
  filter: none;
}
.button_paginate:active {
  filter: none;
}
.button_paginate:active rect {
  fill: #F5F9FF;
}

.button_paginate_white {
  cursor: pointer;
}
.button_paginate_white:active {
  filter: none;
}
.button_paginate_white:active rect {
  fill: #F5F9FF;
}

input:focus {
  outline: none !important;
  box-shadow: none;
}

.wh-100 {
  width: 100%;
  height: 100%;
}

.h-100 {
  height: 100%;
}

.-disabled {
  pointer-events: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
}

input[type=file],
input[type=file]::-webkit-file-upload-button {
  cursor: pointer;
}

pre {
  word-wrap: break-word;
}

input[type=time]::-webkit-calendar-picker-indicator {
  background: none;
  display: none;
}

.hover\:bg-zinc-300:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(212 212 216 / var(--tw-bg-opacity));
}
/*!***************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/shared/icons/style.scss ***!
  \***************************************************************************************************************************************************************************/
.icon {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
/*!***************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/react-toastify/dist/ReactToastify.css ***!
  \***************************************************************************************************************************************************************************************/
:root {
  --toastify-color-light: #fff;
  --toastify-color-dark: #121212;
  --toastify-color-info: #3498db;
  --toastify-color-success: #07bc0c;
  --toastify-color-warning: #f1c40f;
  --toastify-color-error: #e74c3c;
  --toastify-color-transparent: rgba(255, 255, 255, 0.7);
  --toastify-icon-color-info: var(--toastify-color-info);
  --toastify-icon-color-success: var(--toastify-color-success);
  --toastify-icon-color-warning: var(--toastify-color-warning);
  --toastify-icon-color-error: var(--toastify-color-error);
  --toastify-toast-width: 320px;
  --toastify-toast-offset: 16px;
  --toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));
  --toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));
  --toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));
  --toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));
  --toastify-toast-background: #fff;
  --toastify-toast-min-height: 64px;
  --toastify-toast-max-height: 800px;
  --toastify-toast-bd-radius: 6px;
  --toastify-font-family: sans-serif;
  --toastify-z-index: 9999;
  --toastify-text-color-light: #757575;
  --toastify-text-color-dark: #fff;
  --toastify-text-color-info: #fff;
  --toastify-text-color-success: #fff;
  --toastify-text-color-warning: #fff;
  --toastify-text-color-error: #fff;
  --toastify-spinner-color: #616161;
  --toastify-spinner-color-empty-area: #e0e0e0;
  --toastify-color-progress-light: linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  --toastify-color-progress-dark: #bb86fc;
  --toastify-color-progress-info: var(--toastify-color-info);
  --toastify-color-progress-success: var(--toastify-color-success);
  --toastify-color-progress-warning: var(--toastify-color-warning);
  --toastify-color-progress-error: var(--toastify-color-error);
  --toastify-color-progress-bgo: 0.2;
}

.Toastify__toast-container {
  z-index: var(--toastify-z-index);
  -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
  position: fixed;
  padding: 4px;
  width: var(--toastify-toast-width);
  box-sizing: border-box;
  color: #fff;
}

.Toastify__toast-container--top-left {
  top: var(--toastify-toast-top);
  left: var(--toastify-toast-left);
}

.Toastify__toast-container--top-center {
  top: var(--toastify-toast-top);
  left: 50%;
  transform: translateX(-50%);
}

.Toastify__toast-container--top-right {
  top: var(--toastify-toast-top);
  right: var(--toastify-toast-right);
}

.Toastify__toast-container--bottom-left {
  bottom: var(--toastify-toast-bottom);
  left: var(--toastify-toast-left);
}

.Toastify__toast-container--bottom-center {
  bottom: var(--toastify-toast-bottom);
  left: 50%;
  transform: translateX(-50%);
}

.Toastify__toast-container--bottom-right {
  bottom: var(--toastify-toast-bottom);
  right: var(--toastify-toast-right);
}

@media only screen and (max-width: 480px) {
  .Toastify__toast-container {
    width: 100vw;
    padding: 0;
    left: env(safe-area-inset-left);
    margin: 0;
  }
  .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
    top: env(safe-area-inset-top);
    transform: translateX(0);
  }
  .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
    bottom: env(safe-area-inset-bottom);
    transform: translateX(0);
  }
  .Toastify__toast-container--rtl {
    right: env(safe-area-inset-right);
    left: initial;
  }
}
.Toastify__toast {
  --y: 0;
  position: relative;
  touch-action: none;
  min-height: var(--toastify-toast-min-height);
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 8px;
  border-radius: var(--toastify-toast-bd-radius);
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: space-between;
  max-height: var(--toastify-toast-max-height);
  font-family: var(--toastify-font-family);
  cursor: default;
  direction: ltr;
  /* webkit only issue #791 */
  z-index: 0;
  overflow: hidden;
}

.Toastify__toast--stacked {
  position: absolute;
  width: 100%;
  transform: translate3d(0, var(--y), 0) scale(var(--s));
  transition: transform 0.3s;
}

.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body, .Toastify__toast--stacked[data-collapsed] .Toastify__close-button {
  transition: opacity 0.1s;
}

.Toastify__toast--stacked[data-collapsed=false] {
  overflow: visible;
}

.Toastify__toast--stacked[data-collapsed=true]:not(:last-child) > * {
  opacity: 0;
}

.Toastify__toast--stacked:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: calc(var(--g) * 1px);
  bottom: 100%;
}

.Toastify__toast--stacked[data-pos=top] {
  top: 0;
}

.Toastify__toast--stacked[data-pos=bot] {
  bottom: 0;
}

.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before {
  transform-origin: top;
}

.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before {
  transform-origin: bottom;
}

.Toastify__toast--stacked:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  transform: scaleY(3);
  z-index: -1;
}

.Toastify__toast--rtl {
  direction: rtl;
}

.Toastify__toast--close-on-click {
  cursor: pointer;
}

.Toastify__toast-body {
  margin: auto 0;
  flex: 1 1 auto;
  padding: 6px;
  display: flex;
  align-items: center;
}

.Toastify__toast-body > div:last-child {
  word-break: break-word;
  flex: 1;
}

.Toastify__toast-icon {
  margin-inline-end: 10px;
  width: 20px;
  flex-shrink: 0;
  display: flex;
}

.Toastify--animate {
  animation-fill-mode: both;
  animation-duration: 0.5s;
}

.Toastify--animate-icon {
  animation-fill-mode: both;
  animation-duration: 0.3s;
}

@media only screen and (max-width: 480px) {
  .Toastify__toast {
    margin-bottom: 0;
    border-radius: 0;
  }
}
.Toastify__toast-theme--dark {
  background: var(--toastify-color-dark);
  color: var(--toastify-text-color-dark);
}

.Toastify__toast-theme--light {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}

.Toastify__toast-theme--colored.Toastify__toast--default {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}

.Toastify__toast-theme--colored.Toastify__toast--info {
  color: var(--toastify-text-color-info);
  background: var(--toastify-color-info);
}

.Toastify__toast-theme--colored.Toastify__toast--success {
  color: var(--toastify-text-color-success);
  background: var(--toastify-color-success);
}

.Toastify__toast-theme--colored.Toastify__toast--warning {
  color: var(--toastify-text-color-warning);
  background: var(--toastify-color-warning);
}

.Toastify__toast-theme--colored.Toastify__toast--error {
  color: var(--toastify-text-color-error);
  background: var(--toastify-color-error);
}

.Toastify__progress-bar-theme--light {
  background: var(--toastify-color-progress-light);
}

.Toastify__progress-bar-theme--dark {
  background: var(--toastify-color-progress-dark);
}

.Toastify__progress-bar--info {
  background: var(--toastify-color-progress-info);
}

.Toastify__progress-bar--success {
  background: var(--toastify-color-progress-success);
}

.Toastify__progress-bar--warning {
  background: var(--toastify-color-progress-warning);
}

.Toastify__progress-bar--error {
  background: var(--toastify-color-progress-error);
}

.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
  background: var(--toastify-color-transparent);
}

.Toastify__close-button {
  color: #fff;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  align-self: flex-start;
  z-index: 1;
}

.Toastify__close-button--light {
  color: #000;
  opacity: 0.3;
}

.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
}

.Toastify__close-button:hover, .Toastify__close-button:focus {
  opacity: 1;
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}
.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: var(--toastify-z-index);
  opacity: 0.7;
  transform-origin: left;
  border-bottom-left-radius: var(--toastify-toast-bd-radius);
}

.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}

.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}

.Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
  transform-origin: right;
  border-bottom-left-radius: initial;
  border-bottom-right-radius: var(--toastify-toast-bd-radius);
}

.Toastify__progress-bar--wrp {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  border-bottom-left-radius: var(--toastify-toast-bd-radius);
}

.Toastify__progress-bar--wrp[data-hidden=true] {
  opacity: 0;
}

.Toastify__progress-bar--bg {
  opacity: var(--toastify-color-progress-bgo);
  width: 100%;
  height: 100%;
}

.Toastify__spinner {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: 2px solid;
  border-radius: 100%;
  border-color: var(--toastify-spinner-color-empty-area);
  border-right-color: var(--toastify-spinner-color);
  animation: Toastify__spin 0.65s linear infinite;
}

@keyframes Toastify__bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, var(--y), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, var(--y), 0);
  }
}
@keyframes Toastify__bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, var(--y), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, var(--y), 0);
  }
}
@keyframes Toastify__bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, calc(var(--y) - 10px), 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, calc(var(--y) + 20px), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes Toastify__bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, calc(var(--y) - 10px), 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, calc(var(--y) + 20px), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft;
}

.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight;
}

.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}

.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft;
}

.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight;
}

.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}

.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: translate3d(0, var(--y), 0) scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
@keyframes Toastify__flipOut {
  from {
    transform: translate3d(0, var(--y), 0) perspective(400px);
  }
  30% {
    transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(110%, var(--y), 0);
  }
}
@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-110%, var(--y), 0);
  }
}
@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}
@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0);
  }
}
.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft;
}

.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight;
}

.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}

.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

@keyframes Toastify__spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/*!*****************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/shared/tooltip/style.scss ***!
  \*****************************************************************************************************************************************************************************/
.tooltip-component {
  box-shadow: 0 4px 20px #DBE7F9;
  background: #FFFFFF;
  opacity: 1 !important;
  max-width: 400px;
  pointer-events: auto !important;
  word-break: break-word;
  white-space: pre-wrap;
  word-wrap: break-word;
  width: auto;
}
.tooltip-component:hover {
  visibility: visible !important;
  opacity: 1 !important;
}
.tooltip-component.place-top::before {
  height: 5px !important;
}
.tooltip-component-information {
  font-size: 11px;
  line-height: 22px;
  color: #B0B2BA;
  overflow-wrap: break-word;
  word-break: break-word;
  cursor: default;
}
/*!*******************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/blocks/navigationBar/modules/NavBarItem/styles.scss ***!
  \*******************************************************************************************************************************************************************************************************/
.activeNavBarItem .navIcon {
  background-color: #f0f7ff;
  border-left: 3px solid #2e5bff;
}

.navIcon {
  width: 64px;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
}
/*!***********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/blocks/licenseHeader/style.scss ***!
  \***********************************************************************************************************************************************************************************/
.license-close-icon {
  width: 24px;
  height: 24px;
  position: absolute;
  right: 10px;
  top: 6px;
  background-color: #FFFFFF;
  border-radius: 50%;
  color: #FD7272;
  float: right;
  cursor: pointer;
}

.license-header {
  background: #FFDCDC;
  padding: 5px 8px 5px;
  font-size: 12px;
  line-height: 22px;
  color: #FD7272;
  position: relative;
  mix-blend-mode: normal;
}
.license-header a:link, .license-header a:visited, .license-header a:hover, .license-header a:active {
  color: #FD7272;
}
/*!****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/blocks/scheduleChangePassword/changePasswordModal/style.scss ***!
  \****************************************************************************************************************************************************************************************************************/
.change-password_title {
  font-size: 14px;
  line-height: 22px;
  cursor: default;
  color: #202552;
  display: flex;
  margin-bottom: 5px;
  margin-top: 5px;
  font-weight: 500;
}
.change-password-section {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 30px;
  color: #677177;
  overflow-wrap: break-word;
  word-break: break-word;
  cursor: default;
  height: 25px;
  width: 400px;
}
.change-password-buttons {
  display: flex;
  margin-top: 20px;
  margin-bottom: 10px;
  justify-content: center;
}
.change-password-buttons :not(:last-child) {
  margin-right: 10px;
}
.change-password-loader {
  top: 0 !important;
  padding-top: 70px;
}
.change-password-message {
  display: flex;
  margin: 5px;
  line-height: 25px;
  font-size: 14px;
  color: rgb(244 67 54/var(--tw-text-opacity));
  word-break: break-word;
  white-space: pre-wrap;
  justify-content: center;
  word-wrap: break-word;
}
/*!***************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/shared/modal/style.scss ***!
  \***************************************************************************************************************************************************************************/
.modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(226, 238, 255, 0.63);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-overlay .modal-content {
  background: #FFFFFF;
  position: relative;
  box-shadow: 0 4px 20px #dbe7f9;
  border-radius: 5px;
  padding: 10px 20px;
  max-height: calc(100vh - 90px);
  overflow-y: auto;
  overscroll-behavior: contain;
  color: #677177;
}
.modal-overlay .modal-close-icon {
  cursor: pointer;
  position: absolute;
  right: -40px;
  top: -40px;
  width: 30px;
  height: 30px;
  background-color: #FFFFFF;
  border-radius: 50%;
  color: #9CA4F0;
}
.modal-overlay .modal-body {
  height: 100%;
}
/*!****************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/shared/loader/style.scss ***!
  \****************************************************************************************************************************************************************************/
.loader-container {
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 55;
}
.loader-container .spinner-loader {
  margin: 16px;
  animation: ___CSS_0___ 1s linear infinite;
  animation-name: rotation;
  transform: translateZ(0);
  border-top: 4px solid #F0F7FF;
  border-right: 4px solid #F0F7FF;
  border-bottom: 4px solid #F0F7FF;
  border-left: 6px solid #C2C6F9;
  background: transparent;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/*!************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/shared/inputComponent/style.scss ***!
  \************************************************************************************************************************************************************************************/
.input-component-form-input {
  color: #677177;
  overflow-wrap: break-word;
  word-break: break-word;
  cursor: default;
  width: 100%;
}
.input-component-form-with-error {
  margin-bottom: 15px !important;
}
/*!*******************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/shared/inputComponent/modules/inputLabel/style.scss ***!
  \*******************************************************************************************************************************************************************************************************/
.input-component-form-label {
  min-width: 230px;
  word-break: break-word;
  white-space: pre-wrap;
  word-wrap: break-word;
  justify-content: left !important;
}
.input-component-form-label .input-sup {
  position: relative;
  top: -0.5em;
  font-size: 80%;
}
/*!*********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/shared/inputComponent/modules/errorMessage/style.scss ***!
  \*********************************************************************************************************************************************************************************************************/
.input-component-form-error {
  margin: 0;
  padding: 0;
  line-height: 30px;
  font-size: 12px;
  color: rgb(244 67 54/var(--tw-text-opacity));
  word-break: break-word;
  white-space: pre-wrap;
  word-wrap: break-word;
}

.error-message {
  position: absolute;
  left: 5px;
  bottom: -13px;
  font-size: 11px;
  line-height: 12px;
}
/*!*********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/shared/inputComponent/modules/passwordShow/style.scss ***!
  \*********************************************************************************************************************************************************************************************************/
.change-password {
  width: 100%;
  height: 100%;
}
.change-password-icon {
  height: 30px;
}
/*!***************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/AuthenticationPage/style.scss ***!
  \***************************************************************************************************************************************************************************************/
.authentication-page {
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: auto;
  cursor: default;
  min-width: 1200px;
  min-height: 810px;
}
.authentication-page_block {
  width: 224px;
  height: 288px;
  position: absolute;
  top: calc(50% - 144px);
  right: 287px;
  text-align: center;
}
.authentication-page_logo {
  margin-bottom: 19px;
  width: 192px;
}

.authentication-tab-panel {
  width: 70%;
  place-content: center;
  margin-top: 150px;
}
.authentication-tab-panel .tabs-header {
  border-bottom: 2px solid #333333;
  justify-content: right;
  margin-bottom: 20px;
  padding-right: 30px;
  -moz-column-gap: 0 !important;
       column-gap: 0 !important;
}
.authentication-tab-panel .tab-item {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  display: flex;
  align-items: center;
  text-align: center;
  letter-spacing: 0.04em;
  color: #F2F8FF;
  padding: 0 20px 0 3px !important;
  margin-bottom: -2px;
}
.authentication-tab-panel .tab-item__active {
  border: 2px solid #333333;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom: 2px solid #000000;
}
.authentication-tab-panel .tab-item__active .authentication-diod {
  animation: greyscale-fade-in 0.3s ease-in forwards;
}
@keyframes greyscale-fade-in {
  0% {
    -webkit-filter: grayscale(100%);
  }
  50% {
    -webkit-filter: grayscale(50%);
  }
  100% {
    -webkit-filter: grayscale(0%);
  }
}
.authentication-tab-panel .tab-item:after, .authentication-tab-panel .tab-item:before {
  width: 20px;
  height: 20px;
  border-radius: 5px;
  background: #222;
  z-index: 2;
}

.authentication-tab {
  height: 30px;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  display: flex;
  align-items: center;
  text-align: center;
  letter-spacing: 0.04em;
  color: #F2F8FF;
}
/*!************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/AuthenticationPage/AuthenticationButton/style.scss ***!
  \************************************************************************************************************************************************************************************************************/
.authentication-page_button {
  justify-self: center;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 48px;
  gap: 10px;
  width: 280px;
  height: 54px;
  background: #1F2020;
  border: 2px solid #FFFFFF;
  box-shadow: 0 0 24px rgba(255, 255, 255, 0.28);
  border-radius: 100px;
  margin-top: 26px;
  cursor: pointer;
  outline: none;
  transition: all 0.3s;
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  letter-spacing: 0.392308px;
  color: #F2F8FF;
}
.authentication-page_button:hover {
  background: #F2F8FF;
  border: 2px solid #FFFFFF;
  box-shadow: 0 0 24px rgba(255, 255, 255, 0.28);
  color: #030303;
}
.authentication-page_button:active {
  background: #C3C8CF;
  border: 2px solid #FFFFFF;
  box-shadow: 0 0 24px rgba(255, 255, 255, 0.28);
  color: #030303;
}
.authentication-page_button:disabled {
  opacity: 0.7;
  cursor: wait;
}
.authentication-page_ldap_button {
  padding: 20px 60px;
  border: none;
  outline: none;
  position: relative;
  z-index: 1;
  border-radius: 100px;
  background: linear-gradient(87.15deg, #29D4D4 5.24%, #4535F2 186.72%);
  cursor: pointer;
  margin-top: 26px;
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  letter-spacing: 0.392308px;
  color: #F2F8FF;
  justify-self: center;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 280px;
  height: 54px;
}
.authentication-page_ldap_button::before {
  content: "";
  position: absolute;
  left: 2px;
  right: 2px;
  top: 2px;
  bottom: 2px;
  border-radius: 100px;
  background-color: #071A1F;
  z-index: -1;
  transition: 200ms;
}
.authentication-page_ldap_button::after {
  content: "";
  background: #29D4D4;
  -webkit-background-clip: text;
  color: transparent;
  transition: 200ms;
}
.authentication-page_ldap_button:hover::before {
  background-color: #29D4D4;
  left: 2px;
  right: 2px;
  top: 2px;
  bottom: 2px;
  color: #030303;
}
.authentication-page_ldap_button:active::before {
  background-color: #1EA4A4;
  left: 2px;
  right: 2px;
  top: 2px;
  bottom: 2px;
  color: #030303;
}
.authentication-page_open_id_button {
  padding: 20px 60px;
  border: none;
  outline: none;
  position: relative;
  z-index: 1;
  border-radius: 100px;
  background: linear-gradient(to right, #00FFA3, #DC1FFF);
  cursor: pointer;
  margin-top: 46px;
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  letter-spacing: 0.392308px;
  color: #F2F8FF;
  justify-self: center;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 280px;
  height: 54px;
}
.authentication-page_open_id_button::before {
  content: "";
  position: absolute;
  left: 2px;
  right: 2px;
  top: 2px;
  bottom: 2px;
  border-radius: 100px;
  background-color: #17071F;
  z-index: -1;
  transition: 200ms;
}
.authentication-page_open_id_button::after {
  content: "";
  background: #B833FF;
  -webkit-background-clip: text;
  color: transparent;
  transition: 200ms;
}
.authentication-page_open_id_button:hover::before {
  background-color: #B833FF;
  left: 2px;
  right: 2px;
  top: 2px;
  bottom: 2px;
}
.authentication-page_open_id_button:active::before {
  background-color: #7620A4;
  left: 2px;
  right: 2px;
  top: 2px;
  bottom: 2px;
}
.authentication-page_saml_button {
  padding: 20px 60px;
  border: none;
  outline: none;
  position: relative;
  z-index: 1;
  border-radius: 100px;
  background: linear-gradient(87.24deg, #00A2FF 12.46%, #AF26E1 158.86%);
  cursor: pointer;
  margin-top: 46px;
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  letter-spacing: 0.392308px;
  color: #F2F8FF;
  justify-self: center;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 280px;
  height: 54px;
}
.authentication-page_saml_button::before {
  content: "";
  position: absolute;
  left: 2px;
  right: 2px;
  top: 2px;
  bottom: 2px;
  border-radius: 100px;
  background-color: #070B1F;
  z-index: -1;
  transition: 200ms;
}
.authentication-page_saml_button::after {
  content: "";
  background: #00A2FF;
  -webkit-background-clip: text;
  color: transparent;
  transition: 200ms;
}
.authentication-page_saml_button:hover::before {
  background-color: #00A2FF;
  left: 2px;
  right: 2px;
  top: 2px;
  bottom: 2px;
  color: #030303;
}
.authentication-page_saml_button:active::before {
  background-color: #0072B4;
  left: 2px;
  right: 2px;
  top: 2px;
  bottom: 2px;
  color: #030303;
}
/*!***********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/AuthenticationPage/AuthenticationInput/style.scss ***!
  \***********************************************************************************************************************************************************************************************************/
.authentication-page_input {
  color: #515151;
  justify-self: center;
  padding: 0 40px !important;
  width: 280px;
  height: 54px;
  background-color: rgba(192, 199, 202, 0.1607843137) !important;
  border: 2px solid #333333;
  border-radius: 100px;
  margin-top: 26px;
  font-size: 18px;
  line-height: 21px;
  letter-spacing: 0.392308px;
  padding-left: 13px;
  padding-right: 13px;
  outline: none;
}
.authentication-page_input_wrong {
  border: 2px solid #EF5350 !important;
  color: #EF5350 !important;
}
.authentication-page_input:focus {
  border: 2px solid #C3C8CF;
  color: #C3C8CF;
}
.authentication-page_input:disabled {
  opacity: 0.7;
  cursor: wait;
}
.authentication-page_password {
  -webkit-text-security: disc;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px white inset !important;
}
/*!**************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/shared/tabs/style.scss ***!
  \**************************************************************************************************************************************************************************/
.tabs-wrapper {
  overflow: hidden;
  display: grid;
  grid-template-rows: auto 1fr;
}
.tabs-wrapper .tabs-header {
  display: flex;
  align-content: center;
  -moz-column-gap: 20px;
       column-gap: 20px;
}
.tabs-wrapper .tab-item {
  cursor: pointer;
  font-size: 14px;
  line-height: 18px;
  padding-bottom: 5px;
}
.tabs-wrapper .tab-item__active {
  border-bottom: 2px solid black;
}
.tabs-wrapper .tab-item__disabled {
  border-bottom: none;
  opacity: 0.5;
  pointer-events: none;
}
/*!********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/shared/fontTitle/styles.scss ***!
  \********************************************************************************************************************************************************************************/
.font-title {
  margin: 10px 0;
  color: #636270;
  font-family: "Roboto", serif;
}
/*!*********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/NotFoundPage/style.scss ***!
  \*********************************************************************************************************************************************************************************/
.not-found {
  box-sizing: border-box;
  width: 100%;
  height: calc(100% - 100px);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #202552;
  cursor: default;
}
.not-found-block {
  text-align: -webkit-center;
}
/*!*********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/SettingsPage/style.scss ***!
  \*********************************************************************************************************************************************************************************/
.settings-page:has(> .kubernetes-object-details) {
  position: static !important;
}
/*!*****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/SettingsPage/PersonalSettingsTab/style.scss ***!
  \*****************************************************************************************************************************************************************************************************/
.personal-settings-loader {
  top: 0 !important;
  z-index: 20;
}
.personal-settings-edit-input {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 30px;
  color: #677177;
  overflow-wrap: break-word;
  word-break: break-word;
  cursor: default;
  height: 25px;
}
.personal-settings-edit-error {
  display: flex;
  margin: 5px;
  line-height: 25px;
  font-size: 14px;
  color: rgb(244 67 54/var(--tw-text-opacity));
  word-break: break-word;
  white-space: pre-wrap;
  justify-content: center;
  word-wrap: break-word;
}
.personal-settings-edit-buttons {
  display: flex;
  margin-top: 20px;
  margin-bottom: 10px;
  justify-content: center;
}
.personal-settings-edit-buttons :not(:last-child) {
  margin-right: 10px;
}

.personal-information-title {
  display: flex;
  margin-bottom: 13px;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  cursor: default;
  letter-spacing: 0.323077px;
  color: #202552;
}
@media only screen and (min-height: 810px) {
  .personal-information-title {
    margin-bottom: 13px;
  }
}
@media only screen and (max-height: 810px) {
  .personal-information-title {
    margin-bottom: 7px;
  }
}
.personal-information-loader {
  top: 0 !important;
}
.personal-information-buttons {
  display: flex;
  margin-top: 10px;
  margin-bottom: 10px;
}
.personal-information-buttons button:not(:last-child) {
  margin-right: 10px;
}
/*!***********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/shared/nameValueText/style.scss ***!
  \***********************************************************************************************************************************************************************************/
.value-key-block {
  display: flex;
  justify-content: flex-start !important;
}
.value-key_value {
  font-size: 12px;
  line-height: 22px;
  word-break: break-all;
  cursor: default;
  color: #677177;
  mix-blend-mode: normal;
}
.value-key_key {
  width: 120px;
  padding-right: 5px;
  font-weight: 500;
  font-size: 12px;
  line-height: 22px;
  color: #677177;
  mix-blend-mode: normal;
  cursor: default;
}
/*!****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/SettingsPage/LicenseSettingsTab/style.scss ***!
  \****************************************************************************************************************************************************************************************************/
.license-status-information {
  padding-right: 5px;
  font-weight: 500;
  font-size: 12px;
  line-height: 22px;
  color: #677177;
  mix-blend-mode: normal;
  cursor: default;
}
/*!***********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/SettingsPage/LicenseSettingsTab/LicenseInformation/style.scss ***!
  \***********************************************************************************************************************************************************************************************************************/
.license-values {
  font-size: 14px;
  line-height: 22px;
  color: #677177;
  width: 100%;
  display: inline-flex;
}

.license-name {
  line-height: 30px;
}
/*!******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/SettingsPage/LicenseSettingsTab/LicenseUpload/style.scss ***!
  \******************************************************************************************************************************************************************************************************************/
.license-name {
  line-height: 30px;
}
/*!**************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/SettingsPage/ExternalLinksTab/style.scss ***!
  \**************************************************************************************************************************************************************************************************/
.external-link_title {
  display: flex;
  margin-bottom: 13px;
}
.external-link_content {
  width: 100%;
  position: relative;
}
.external-link_loader {
  top: 0 !important;
}
.external-link_table {
  padding-right: 0;
}

div.external-link_table > div > div > .rdt_TableBody {
  padding-right: 15px;
  scrollbar-width: auto !important;
  overscroll-behavior: contain;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 0 !important;
  height: 100%;
}
div.external-link_table > div > div > .rdt_TableBody::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
div.external-link_table > div > div > .rdt_TableBody::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #F1F1F1;
}
div.external-link_table > div > div > .rdt_TableBody::-webkit-scrollbar-thumb {
  background-color: #9CA4F0;
  outline: 1px solid rgba(238, 238, 238, 0.3);
  border-radius: 2px;
}
div.external-link_table > div > div > .rdt_TableBody:after {
  content: "";
  opacity: 0;
  right: 8px;
  margin: auto;
  width: calc(100% - 8px);
  height: 0;
  display: block;
  min-height: 50px;
}
/*!*******************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/shared/dataTable/style.scss ***!
  \*******************************************************************************************************************************************************************************/
.xy-scrollable-data-table-component {
  max-height: 100% !important;
  min-height: 100% !important;
}

.data-table-component {
  height: 100%;
  max-height: 100% !important;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.data-table-component.table-scrollable .rdt_Table:nth-of-type(1) {
  overflow: auto;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 15px;
  scrollbar-width: auto !important;
  overscroll-behavior: contain;
}
.data-table-component.table-scrollable .rdt_Table:nth-of-type(1)::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.data-table-component.table-scrollable .rdt_Table:nth-of-type(1)::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #F1F1F1;
}
.data-table-component.table-scrollable .rdt_Table:nth-of-type(1)::-webkit-scrollbar-thumb {
  background-color: #9CA4F0;
  outline: 1px solid rgba(238, 238, 238, 0.3);
  border-radius: 2px;
}
.data-table-component.table-body-scrollable .rdt_TableBody {
  overscroll-behavior: auto !important;
  overflow: auto;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 15px;
  scrollbar-width: auto !important;
  overscroll-behavior: contain;
}
.data-table-component.table-body-scrollable .rdt_TableBody::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.data-table-component.table-body-scrollable .rdt_TableBody::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #F1F1F1;
}
.data-table-component.table-body-scrollable .rdt_TableBody::-webkit-scrollbar-thumb {
  background-color: #9CA4F0;
  outline: 1px solid rgba(238, 238, 238, 0.3);
  border-radius: 2px;
}
.data-table-component :not(.table-body-scrollable) .rdt_TableBody:first-of-type {
  padding-right: 20px;
}
.data-table-component > div {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.data-table-component .rdt_Table .sort-icon {
  margin-left: 5px;
}
.data-table-component .rdt_Table .sort-icon svg {
  width: auto !important;
  height: auto !important;
}
.data-table-component .rdt_Table .rdt_TableBody {
  max-height: 100%;
}
.data-table-component .rdt_Table .rdt_TableBody::after {
  display: none !important;
}
.data-table-component .rdt_Table .rdt_TableHeadRow {
  padding-right: 25px;
  padding-left: 5px;
}
.data-table-component .rdt_Table .rdt_TableCol {
  padding-left: 0;
}
.data-table-component .rdt_Table .rdt_TableCell {
  padding-left: 0;
}
.data-table-component .rdt_Table .rdt_TableCell > * {
  white-space: normal;
  overflow: unset;
}
.data-table-component .rdt_Table .rdt_TableRow {
  min-height: auto;
  padding: 5px 5px;
}

.data-table-component-without-scroll {
  padding-right: 0 !important;
  overflow: hidden;
  height: -moz-max-content !important;
  height: max-content !important;
  max-height: -moz-max-content !important;
  max-height: max-content !important;
}
.data-table-component-without-scroll > div > div > .rdt_TableBody {
  height: -moz-max-content !important;
  height: max-content !important;
  padding-right: 0 !important;
  overflow: hidden !important;
}

.data-table-component-expandable .rdt_TableRow {
  direction: rtl;
}
.data-table-component-expandable .rdt_TableCell, .data-table-component-expandable .rdt_TableCol {
  direction: ltr;
}
/*!***************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/shared/dataTable/modules/filterModal/style.scss ***!
  \***************************************************************************************************************************************************************************************************/
.filterModal {
  z-index: 999999;
  position: fixed;
  height: 150px;
  box-shadow: 0 4px 20px #DBE7F9;
  background-color: #FFFFFF;
  padding: 10px 15px;
  min-width: 180px;
  display: block;
}
.filterModalCheckbox {
  white-space: normal;
  overflow: unset !important;
}
.filterModalBlock {
  flex-direction: column;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 15px;
  scrollbar-width: auto !important;
  overscroll-behavior: contain;
  width: 100%;
  height: 100%;
}
.filterModalBlock::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.filterModalBlock::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #F1F1F1;
}
.filterModalBlock::-webkit-scrollbar-thumb {
  background-color: #9CA4F0;
  outline: 1px solid rgba(238, 238, 238, 0.3);
  border-radius: 2px;
}
.filterModal .searchInput {
  outline: none;
  border: none;
  width: 100%;
  margin-bottom: 10px;
}
/*!******************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/shared/checkbox/style.scss ***!
  \******************************************************************************************************************************************************************************/
.checkbox-wrapper {
  font-size: 14px;
  line-height: 22px;
  display: flex;
  align-items: center;
  gap: 8px;
  color: #677177;
  font-family: Roboto, serif;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.checkbox-wrapper .checkbox-label {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.checkbox-position {
  display: flex;
  align-items: center;
  overflow-wrap: break-word;
  word-break: break-word;
}
.checkbox-position_right {
  flex-direction: row;
}
.checkbox-position_left {
  flex-flow: row-reverse;
  justify-content: flex-end;
}
/*!****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/shared/dataTable/modules/filterColumn/style.scss ***!
  \****************************************************************************************************************************************************************************************************/
.filterColumn {
  position: relative;
}
.filterColumn .filterColumnIcon {
  position: absolute;
  right: -30px;
  top: 0;
  bottom: 0;
  display: flex;
  -moz-column-gap: 5px;
       column-gap: 5px;
  align-items: center;
  width: 18px;
  height: 18px;
}
.filterColumn .filtersCount {
  line-height: 18px;
  font-size: 12px;
  position: absolute;
  right: -48px;
  top: 0;
  bottom: 0;
  background-color: #a7d0f1;
  border-radius: 50%;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
/*!****************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/blocks/noData/style.scss ***!
  \****************************************************************************************************************************************************************************/
.no-data {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
}
.no-data_text {
  padding: 20px 0;
  color: #636270;
  font-size: 14px;
  line-height: 20px;
  max-width: 196px;
  text-align: center;
  cursor: default;
}
.no-data .no-data_button {
  padding: 7px 55px;
}
/*!******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/blocks/filterItemsContainer/style.scss ***!
  \******************************************************************************************************************************************************************************************/
.filters-items-container {
  padding-right: 20px;
}
/*!*****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/blocks/filterItemsContainer/filterItem/style.scss ***!
  \*****************************************************************************************************************************************************************************************************/
.filter-item .item-checkbox span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.checkbox-label-value {
  word-break: break-word;
  white-space: pre-wrap;
  word-wrap: break-word;
}
/*!**********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/blocks/filterSearch/style.scss ***!
  \**********************************************************************************************************************************************************************************/
.filter-search-block {
  display: flex;
  margin-bottom: 7px;
  height: 25px;
}

.filter-search-input {
  background: #FFFFFF;
  border: none;
  margin-left: 10px;
  width: calc(100% - 46px);
  height: 25px;
  border-radius: 5px;
  font-size: 14px;
  line-height: 20px;
  color: #677177;
}
/*!**************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/SettingsPage/PoliciesSettingsTab/RuntimePoliciesSettings/configEdit/editModal/style.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************/
.policies-settings-edit-label {
  width: 170px;
}

.policies-settings-modal {
  max-height: 500px;
  overflow: auto;
  width: 100%;
  padding-right: 10px;
}
/*!***********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/shared/checkboxComponent/modules/switchInput/style.scss ***!
  \***********************************************************************************************************************************************************************************************************/
.Switch_Checkbox {
  display: none;
}
.Switch_Checkbox, .Switch_Checkbox:after, .Switch_Checkbox:before, .Switch_Checkbox *, .Switch_Checkbox *:after, .Switch_Checkbox *:before, .Switch_Checkbox + .checkbox-switch-component {
  box-sizing: border-box;
}
.Switch_Checkbox::-moz-selection, .Switch_Checkbox:after::-moz-selection, .Switch_Checkbox:before::-moz-selection, .Switch_Checkbox *::-moz-selection, .Switch_Checkbox *:after::-moz-selection, .Switch_Checkbox *:before::-moz-selection, .Switch_Checkbox + .checkbox-switch-component::-moz-selection {
  background: none;
}
.Switch_Checkbox::selection, .Switch_Checkbox:after::selection, .Switch_Checkbox:before::selection, .Switch_Checkbox *::selection, .Switch_Checkbox *:after::selection, .Switch_Checkbox *:before::selection, .Switch_Checkbox + .checkbox-switch-component::selection {
  background: none;
}
.Switch_Checkbox + .checkbox-switch-component {
  display: inline-block;
  outline: 0;
  width: 20px;
  height: 12px;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.Switch_Checkbox + .checkbox-switch-component:after, .Switch_Checkbox + .checkbox-switch-component:before {
  position: relative;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
}
.Switch_Checkbox + .checkbox-switch-component:after {
  left: 0;
  background: #c9c9c9;
}
.Switch_Checkbox + .checkbox-switch-component:before {
  display: none;
}
.Switch_Checkbox:checked + .checkbox-switch-component:after {
  left: 50%;
  background: #ACB3F2;
}
.Switch_Checkbox + .checkbox-switch-component {
  background: #FFFFFF;
  box-shadow: 0 1px 6px #A6C2EC;
  border-radius: 14px;
  padding: 2px;
  transition: all 0.1s ease;
}
.Switch_Checkbox + .checkbox-switch-component:after {
  border-radius: 50%;
  transition: all 0.1s ease;
}

.checkbox-switch-component {
  margin: 3px;
}
/*!***********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/SettingsPage/SecuritySettingsTab/PasswordPolicyTab/style.scss ***!
  \***********************************************************************************************************************************************************************************************************************/
.config-label {
  font-size: 14px;
  line-height: 18px;
  color: #677177;
  overflow-wrap: break-word;
  word-break: break-word;
  cursor: default;
  width: 260px;
  padding: 7px 0;
}
/*!************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/SettingsPage/SecuritySettingsTab/PasswordPolicyTab/modules/update/editModal/style.scss ***!
  \************************************************************************************************************************************************************************************************************************************************/
.security-settings_text {
  width: 280px;
  word-break: break-word;
  white-space: pre-wrap;
  word-wrap: break-word;
  line-height: 26px;
  font-weight: 700;
  font-size: 14px;
  color: #677177;
  overflow-wrap: break-word;
  cursor: default;
}
.security-settings_section {
  margin-top: 10px;
  margin-bottom: 10px;
}
.security-settings-loader {
  top: 0 !important;
}
/*!******************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/SettingsPage/RetentionSettingsTab/style.scss ***!
  \******************************************************************************************************************************************************************************************************/
.retention-settings-edit_section {
  margin-bottom: 10px;
}
.retention-settings-edit_buttons {
  display: flex;
  margin-top: 20px;
  margin-bottom: 10px;
}
.retention-settings-edit_buttons:not(:last-child) {
  margin-right: 10px;
}
.retention-settings_loader {
  top: 0 !important;
}
/*!***************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/SettingsPage/RetentionSettingsTab/RetentionDescription/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************/
.retention-settings-text_name {
  width: 210px;
  word-break: break-word;
  white-space: pre-wrap;
  word-wrap: break-word;
  line-height: 23px;
  font-weight: 700;
  font-size: 14px;
  color: #677177;
  overflow-wrap: break-word;
  cursor: default;
}
/*!*********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/SettingsPage/RetentionSettingsTab/UpdateRetentions/UpdateRetentionsModal/style.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************/
.retention-settings-edit-label {
  width: 220px;
}
.retention-settings-edit-input {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 30px;
  color: #677177;
  overflow-wrap: break-word;
  word-break: break-word;
  cursor: default;
  height: 25px;
}
.retention-settings-edit-error {
  display: flex;
  margin: 5px;
  line-height: 25px;
  font-size: 14px;
  color: rgb(244 67 54/var(--tw-text-opacity));
  word-break: break-word;
  white-space: pre-wrap;
  justify-content: center;
  word-wrap: break-word;
  max-width: 450px;
  max-height: 100px;
  overflow: auto;
}
.retention-settings-edit-buttons {
  display: flex;
  margin-top: 20px;
  margin-bottom: 10px;
  justify-content: center;
}
.retention-settings-edit-buttons :not(:last-child) {
  margin-right: 10px;
}
/*!************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/SettingsPage/NetworkAliasSettingsTab/modules/export/style.scss ***!
  \************************************************************************************************************************************************************************************************************************/
.network-alias-edit_buttons {
  display: flex;
  margin-top: 20px;
}
.network-alias-edit_section {
  margin-top: 10px;
  margin-bottom: 10px;
  height: 30px;
}
.network-alias-edit_section_title {
  font-size: 14px;
  line-height: 30px;
  color: #677177;
  cursor: default;
  margin-bottom: 5px;
}
.network-alias-edit_check {
  width: 400px;
}
.network-alias-edit_block {
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 15px;
  scrollbar-width: auto !important;
  overscroll-behavior: contain;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  margin-right: 12px;
  margin-top: 3px;
  height: -moz-max-content;
  height: max-content;
  max-height: calc(100% - 250px);
  width: 100%;
}
.network-alias-edit_block::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.network-alias-edit_block::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #F1F1F1;
}
.network-alias-edit_block::-webkit-scrollbar-thumb {
  background-color: #9CA4F0;
  outline: 1px solid rgba(238, 238, 238, 0.3);
  border-radius: 2px;
}
.network-alias-edit_label {
  width: 80px;
  word-break: break-word;
  white-space: pre-wrap;
  word-wrap: break-word;
  line-height: 22px;
}
.network-alias-edit_input {
  font-size: 14px;
  line-height: 30px;
  color: #677177;
  overflow-wrap: break-word;
  word-break: break-word;
  cursor: default;
  height: 30px;
}
/*!************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/SettingsPage/NetworkAliasSettingsTab/modules/import/style.scss ***!
  \************************************************************************************************************************************************************************************************************************/
.network-alias-edit_buttons {
  display: flex;
  margin-top: 20px;
}
.network-alias-edit_section {
  margin-top: 10px;
  margin-bottom: 10px;
  height: 30px;
}
.network-alias-edit_section_title {
  font-size: 14px;
  line-height: 30px;
  color: #677177;
  cursor: default;
  margin-bottom: 5px;
}
.network-alias-edit_check {
  width: 400px;
}
.network-alias-edit_block {
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 15px;
  scrollbar-width: auto !important;
  overscroll-behavior: contain;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  margin-right: 12px;
  margin-top: 3px;
  height: -moz-max-content;
  height: max-content;
  max-height: calc(100% - 250px);
  width: 100%;
}
.network-alias-edit_block::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.network-alias-edit_block::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #F1F1F1;
}
.network-alias-edit_block::-webkit-scrollbar-thumb {
  background-color: #9CA4F0;
  outline: 1px solid rgba(238, 238, 238, 0.3);
  border-radius: 2px;
}
.network-alias-edit_label {
  width: 80px;
  word-break: break-word;
  white-space: pre-wrap;
  word-wrap: break-word;
  line-height: 22px;
}
.network-alias-edit_input {
  font-size: 14px;
  line-height: 30px;
  color: #677177;
  overflow-wrap: break-word;
  word-break: break-word;
  cursor: default;
  height: 30px;
}
/*!**********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/SettingsPage/ApiTokensTab/style.scss ***!
  \**********************************************************************************************************************************************************************************************/
.api-tokens-copy-button {
  margin-left: -9px;
  height: 30px;
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
  z-index: 30;
}

.Admin_Settings_Add_Tokens {
  display: flex;
  margin-bottom: 20px;
  width: 50%;
}
.Admin_Settings_Add_Tokens_Input {
  height: 26px;
  background: #FFFFFF;
  border: 1px solid #C0C9DE;
  border-right: 0;
  box-sizing: border-box;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  width: 60%;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.323077px;
  color: #636270;
}
.Admin_Settings_Add_Tokens_Button {
  height: 26px;
  background: #FFFFFF;
  border: 1px solid #09C199;
  box-sizing: border-box;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  display: flex;
  align-items: center;
  text-align: center;
  letter-spacing: 0.323077px;
  color: #09C199;
  width: 40%;
  justify-content: center;
}
.Admin_Settings_Add_Tokens_Button:hover {
  background: #C8EFE7;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  border: none;
}
.Admin_Settings_Add_Tokens_Button:active {
  background: #09C199;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  color: #FFFFFF;
  border: none;
}
.Admin_Settings_Add_Tokens_Button:focus {
  outline: none;
}
.Admin_Settings_Title {
  cursor: default;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.323077px;
  color: #202552;
  display: flex;
}
@media only screen and (min-height: 810px) {
  .Admin_Settings_Title {
    margin-bottom: 13px;
  }
}
@media only screen and (max-height: 810px) {
  .Admin_Settings_Title {
    margin-bottom: 7px;
  }
}
.Admin_Settings_Text {
  cursor: default;
  font-weight: normal;
  font-size: 10px;
  line-height: 11px;
  letter-spacing: 0.323077px;
  color: #636270;
  margin-bottom: 20px;
}
/*!*************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/SettingsPage/ApiTokensTab/createApiToken/style.scss ***!
  \*************************************************************************************************************************************************************************************************************/
.input-component-api-date-picker input[type=date] {
  margin-right: -10px;
}

.input-component-api-create {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 30px;
  color: #677177;
  overflow-wrap: break-word;
  word-break: break-word;
  cursor: default;
  height: 25px;
  width: 450px;
}

.calendar-popover {
  position: absolute;
  top: calc(100% + 6px); /* space below input */
  left: 0;
  z-index: 1000;
  background: white;
  border-radius: 8px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
  padding: 8px;
  animation: fadeIn 0.15s ease-out;
  justify-self: center;
}
/*!******************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/shared/calendar/style.scss ***!
  \******************************************************************************************************************************************************************************/
.react-calendar {
  border: none !important;
  width: 100%;
  min-width: 274px;
  max-width: 274px;
  background: white;
  border: 1px solid #a0a096;
}

.react-calendar--doubleView {
  width: 700px;
}

.react-calendar--doubleView .react-calendar__viewContainer {
  display: flex;
  margin: -0.5em;
}

.react-calendar--doubleView .react-calendar__viewContainer > * {
  width: 50%;
  margin: 0.5em;
}

.react-calendar,
.react-calendar *,
.react-calendar *:before,
.react-calendar *:after {
  box-sizing: border-box;
}

.react-calendar button {
  margin-bottom: 12px;
  border: 0;
  outline: none;
}

.react-calendar button:enabled:hover {
  cursor: pointer;
}

.react-calendar__navigation {
  height: 60px;
  margin-bottom: 0;
  display: flex;
}

.react-calendar__navigation button {
  min-width: 44px;
  background: none;
}

.react-calendar__navigation button[disabled] {
  color: #f0f0f0;
}

.react-calendar__navigation__label {
  font-size: 14px;
  line-height: 22px;
  color: #677177;
  mix-blend-mode: normal;
}

.react-calendar__month-view__weekdays {
  text-align: center;
  text-decoration: none;
  font-size: 12px;
  line-height: 15px;
  align-items: center;
  letter-spacing: 0.4px;
  color: #2E5BFF;
}
.react-calendar__month-view__weekdays abbr[title] {
  text-decoration: none;
}

.react-calendar__month-view__weekdays__weekday {
  padding: 0.5em;
  margin-bottom: 5px;
}

.react-calendar__month-view__weekNumbers {
  font-weight: bold;
}

.react-calendar__month-view__weekNumbers .react-calendar__tile {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75em;
}

.react-calendar__month-view__days__day--weekend {
  color: #d10000;
}

.react-calendar__month-view__days__day--neighboringMonth {
  color: #757575;
}

.react-calendar__year-view .react-calendar__tile,
.react-calendar__decade-view .react-calendar__tile,
.react-calendar__century-view .react-calendar__tile {
  padding: 2em 0.5em;
}

.react-calendar__tile {
  max-width: 100%;
  text-align: center;
  background: none;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.15px;
  color: #677177;
  width: 28px;
  height: 28px;
  overflow: hidden;
}

.react-calendar__tile:disabled {
  color: #f0f0f0;
}

.react-calendar__tile:enabled:hover,
.react-calendar__tile:enabled:focus {
  background-color: #e6e6e6;
}

.react-calendar__tile--now:enabled:hover,
.react-calendar__tile--now:enabled:focus {
  background: #ffffa9;
}

.react-calendar__tile--hasActive {
  background: #DAEBFE;
  border-radius: 18px;
}

.react-calendar__tile--hasActive:enabled:hover,
.react-calendar__tile--hasActive:enabled:focus {
  background: #DAEBFE;
}

.react-calendar__tile--active {
  background: #DAEBFE;
  color: #677177;
}

.react-calendar__tile--hasActive.react-calendar__tile--rangeStart {
  border-radius: 18px 0 0 18px;
}

.react-calendar__tile--hasActive.react-calendar__tile--rangeEnd {
  border-radius: 0 18px 18px 0;
}

.react-calendar__tile--rangeStart.react-calendar__tile--rangeEnd {
  border-radius: 18px;
}

.react-calendar__tile--rangeEnd {
  border-bottom-right-radius: 18px;
  border-top-right-radius: 18px;
}

.react-calendar__tile--rangeStart {
  border-bottom-left-radius: 18px;
  border-top-left-radius: 18px;
}

.react-calendar__tile--active:enabled:hover,
.react-calendar__tile--active:enabled:focus {
  background: #DAEBFE;
}

.react-calendar--selectRange .react-calendar__tile--hover {
  background-color: #e6e6e6;
}
/*!**********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/SettingsPage/ProviderConfigurationTab/style.scss ***!
  \**********************************************************************************************************************************************************************************************************/
.provider-configuration_section {
  margin-top: 4px;
  margin-bottom: 4px;
}
.provider-configuration_text {
  width: 180px;
  word-break: break-word;
  white-space: pre-wrap;
  word-wrap: break-word;
  line-height: 26px;
  font-weight: 700;
  font-size: 14px;
  color: #677177;
  overflow-wrap: break-word;
  cursor: default;
}
.provider-configuration_text_value {
  display: flex;
  word-break: break-word;
  white-space: pre-wrap;
  word-wrap: break-word;
  line-height: 26px;
  font-weight: 700;
  font-size: 14px;
  color: #677177;
  overflow-wrap: break-word;
  cursor: default;
  max-height: 200px;
  max-width: 500px;
  overflow-x: hidden;
  padding-right: 15px;
  scrollbar-width: auto !important;
  overscroll-behavior: contain;
  overflow-y: auto;
}
.provider-configuration_text_value::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.provider-configuration_text_value::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #F1F1F1;
}
.provider-configuration_text_value::-webkit-scrollbar-thumb {
  background-color: #9CA4F0;
  outline: 1px solid rgba(238, 238, 238, 0.3);
  border-radius: 2px;
}
.provider-configuration-edit_label {
  width: 180px;
  word-break: break-word;
  white-space: pre-wrap;
  word-wrap: break-word;
  line-height: 26px;
  justify-content: left !important;
}
.provider-configuration-edit_input {
  font-size: 14px;
  line-height: 26px;
  color: #677177;
  overflow-wrap: break-word;
  word-break: break-word;
  cursor: default;
  min-height: 30px;
}
.provider-configuration_title {
  display: flex;
  margin-bottom: 13px;
}
.provider-configuration_loader {
  top: 0 !important;
}
.provider-configuration-attention-succes {
  color: #09C199;
  font-size: 14px;
  opacity: 0.8;
}
.provider-configuration-attention-error {
  color: #FD7272;
  font-size: 14px;
  opacity: 0.8;
}
.provider-configuration-status {
  gap: 6px;
  display: flex;
}
.provider-configuration-status-enabled {
  color: rgb(10, 193, 153);
}
.provider-configuration-status-disabled {
  color: rgb(253, 114, 114);
}
.provider-configuration-table-expandable-block {
  min-height: 100px;
  position: relative;
  border: 1px solid rgb(241, 241, 241);
  border-radius: 5px;
  padding: 10px;
}

.edit-configuration-add-input {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 30px;
  color: #677177;
  overflow-wrap: break-word;
  word-break: break-word;
  cursor: default;
  height: 25px;
}
.edit-configuration-input {
  margin-top: 9px;
  margin-bottom: 6px;
  font-size: 14px;
  line-height: 30px;
  color: #677177;
  overflow-wrap: break-word;
  word-break: break-word;
  cursor: default;
  height: 25px;
  min-width: 500px;
}
/*!******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/SettingsPage/ProviderConfigurationTab/ExpandableRowConfiguration/modules/CAUpload/style.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************/
.license-name {
  line-height: 30px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/SettingsPage/ProviderConfigurationTab/ExpandableRowConfiguration/modules/EnableConfiguration/style.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
.license-name {
  line-height: 30px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/SettingsPage/ProviderConfigurationTab/ExpandableRowConfiguration/LDAPConfiguration/modules/controls/AddLDAPGroups/AddLDAPGroupsModal/style.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************/
.update-group-users {
  width: 400px;
  margin-bottom: 10px;
  margin-top: 10px;
}
.update-group-users-buttons {
  display: flex;
  margin-top: 20px;
  margin-bottom: 10px;
}
.update-group-users-buttons :not(:last-child) {
  margin-right: 10px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/SettingsPage/ProviderConfigurationTab/ExpandableRowConfiguration/LDAPConfiguration/modules/controls/CheckLDAPUser/CheckLDAPUserModal/style.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************/
.check-ldap-users-block {
  border: 1px solid rgb(219, 221, 222) !important;
  border-radius: 5px;
  padding: 5px;
  mix-blend-mode: normal;
  overflow-wrap: break-word;
  font-size: 12px;
  line-height: 14px;
  color: #677177;
  font-family: monospace;
  max-height: 150px;
  max-width: 500px;
  word-break: break-word;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 15px;
  scrollbar-width: auto !important;
  overscroll-behavior: contain;
}
.check-ldap-users-block::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.check-ldap-users-block::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #F1F1F1;
}
.check-ldap-users-block::-webkit-scrollbar-thumb {
  background-color: #9CA4F0;
  outline: 1px solid rgba(238, 238, 238, 0.3);
  border-radius: 2px;
}
.check-ldap-users-block-not-found {
  font-size: 12px;
  line-height: 14px;
  color: #677177;
  font-family: monospace;
  justify-content: center;
  text-align: center;
}
/*!**************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/SettingsPage/UsersSettingsTab/style.scss ***!
  \**************************************************************************************************************************************************************************************************/
.user-settings_tab {
  height: 100%;
  width: 100%;
}
.user-settings_tabs {
  height: 100%;
  flex: 1;
}
.user-settings-content {
  padding-top: 20px;
  overflow: hidden;
  display: grid;
  grid-template-rows: auto 1fr;
}
.user-settings-title {
  display: flex;
  margin-bottom: 13px;
}
.user-settings-table {
  position: relative;
  width: 100%;
  padding-right: 0 !important;
}
.user-settings-table-expandable-block {
  min-height: 100px;
  position: relative;
  border: 1px solid rgb(241, 241, 241);
  border-radius: 5px;
  padding: 10px;
}
.user-settings-loader {
  top: 0 !important;
  z-index: 20;
}
.user-settings-edit-input {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 30px;
  color: #677177;
  overflow-wrap: break-word;
  word-break: break-word;
  cursor: default;
  height: 25px;
  min-width: 400px;
}
.user-settings-edit-error {
  display: flex;
  margin: 5px;
  line-height: 25px;
  font-size: 14px;
  color: rgb(244 67 54/var(--tw-text-opacity));
  word-break: break-word;
  white-space: pre-wrap;
  justify-content: center;
  word-wrap: break-word;
  max-width: 450px;
  max-height: 100px;
  overflow: auto;
}
.user-settings-edit-buttons {
  display: flex;
  margin-top: 20px;
  margin-bottom: 10px;
  justify-content: center;
}
.user-settings-edit-buttons :not(:last-child) {
  margin-right: 10px;
}

.user-information-loader {
  top: 0 !important;
}
.user-information-buttons {
  display: flex;
  margin-top: 5px;
  margin-bottom: 5px;
}
.user-information-buttons button:not(:last-child) {
  margin-right: 10px;
}
.user-information-table {
  padding-right: 0 !important;
}
.user-information-table .rdt_TableBody {
  padding-right: 0 !important;
}
/*!**********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/SettingsPage/UsersSettingsTab/UsersSettingsTab/ExpandableRowUser/UserInfoTab/UserInfo/style.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************/
.users_block {
  display: flex;
  width: 100%;
}
.users_columns {
  width: 50%;
}
.users_section {
  margin-top: 5px;
  margin-bottom: 5px;
}
.users_text {
  width: 180px;
  word-break: break-word;
  white-space: pre-wrap;
  word-wrap: break-word;
  line-height: 23px;
  font-weight: 700;
  font-size: 14px;
  color: #677177;
  overflow-wrap: break-word;
  cursor: default;
}
.users_text_value {
  word-break: break-word;
  white-space: pre-wrap;
  word-wrap: break-word;
  line-height: 23px;
  font-weight: 700;
  font-size: 14px;
  color: #677177;
  overflow-wrap: break-word;
  cursor: default;
  width: calc(100% - 180px);
  padding-right: 25px;
}
/*!**************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/SettingsPage/UsersSettingsTab/UsersSettingsTab/ExpandableRowUser/GroupInfoTab/style.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************/
.user-group-loader {
  top: 0 !important;
}
.user-group-buttons {
  display: flex;
  margin-top: 5px;
  margin-bottom: 5px;
}
.user-group-buttons :not(:last-child) {
  margin-right: 10px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/SettingsPage/UsersSettingsTab/UsersSettingsTab/ExpandableRowUser/GroupInfoTab/UpdateUserGroup/UpdateGroupUsersModal/style.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/
.update-group-users {
  width: 400px;
  margin-bottom: 10px;
  margin-top: 10px;
}
.update-group-users-buttons {
  display: flex;
  margin-top: 20px;
  margin-bottom: 10px;
}
.update-group-users-buttons :not(:last-child) {
  margin-right: 10px;
}
/*!********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/SettingsPage/UsersSettingsTab/PermissionInfo/UpdatePermission/UpdatePermissionModal/style.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************/
.permission-edit-namespaces {
  width: 400px;
  margin-bottom: 10px;
  margin-top: 10px;
}
/*!**************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/SettingsPage/UsersSettingsTab/GroupsSettingsTab/modules/editModal/style.scss ***!
  \**************************************************************************************************************************************************************************************************************************************/
.group-settings-edit-input {
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 14px;
  line-height: 30px;
  color: #677177;
  overflow-wrap: break-word;
  word-break: break-word;
  cursor: default;
  height: 25px;
  width: 400px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/SettingsPage/UsersSettingsTab/GroupsSettingsTab/modules/expandedGroupRow/usersInfo/modules/update/updateModal/style.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
.update-group-users {
  width: 400px;
  margin-bottom: 10px;
  margin-top: 10px;
}
/*!*********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/blocks/menuLinkTab/style.scss ***!
  \*********************************************************************************************************************************************************************************/
.menu-link-tab {
  padding: 5px 10px 0;
  display: inline-block;
  text-decoration: none;
  color: #202552;
  font-size: 14px;
  line-height: 22px;
  border: 1px solid #e0dddd;
  border-radius: 4px 4px 0 0;
}
.menu-link-tab.active {
  font-weight: 500;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background-color: white;
}
/*!********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/blocks/pagination/style.scss ***!
  \********************************************************************************************************************************************************************************/
.input-with-button_input {
  margin-right: -5px;
  z-index: 20;
}
.input-with-button_button {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
  z-index: 30;
}

.pagination {
  align-items: center;
  cursor: default;
  display: flex;
  height: 44px;
  font-size: 14px;
  line-height: 37px;
  color: #677177;
  float: right;
}
.pagination_Count {
  margin-left: 8px;
  margin-right: 8px;
  zoom: 1;
  box-sizing: inherit;
  float: right;
}
.pagination_Count_Records {
  cursor: default;
  color: #666;
  margin: 14px 18px 14px 8px;
  float: left;
}
.pagination_Select {
  padding-left: 16px;
  margin: 4px 33px 14px 8px;
  float: left;
  position: relative;
  box-sizing: inherit;
}
.pagination_Button {
  background-color: transparent;
  border: 0 transparent;
  box-shadow: none;
  color: #666;
  cursor: pointer;
  padding-left: 0;
  padding-right: 0;
  text-align: left;
  text-decoration: none;
  outline: none;
  line-height: 18px;
}
.pagination_Drop {
  border-top: 0;
  width: 0;
  height: 0;
  margin-left: 10px;
  box-sizing: inherit;
}
.pagination_Drop_Menu {
  top: auto;
  background: #FFFFFF;
  box-shadow: 0 4px 20px #DBE7F9;
  border-radius: 5px;
  width: 100%;
  bottom: 27px;
  position: absolute;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 0;
  padding: 8px 0;
  margin: 0;
  font-size: 13px;
  text-align: left;
  list-style: none;
  background-clip: padding-box;
}
.pagination_Drop_Element {
  cursor: pointer;
}
.pagination_Drop_Buttons {
  margin: 8px;
  float: left;
  display: flex;
}
/*!*************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/blocks/pagination/paginationButton/style.scss ***!
  \*************************************************************************************************************************************************************************************************/
.pagination-button {
  cursor: pointer;
  margin-top: 5px;
}
.pagination-button-disabled {
  opacity: 0.5;
  cursor: default;
  pointer-events: none;
  margin-top: 5px;
}
/*!************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/blocks/pagination/paginationLimit/style.scss ***!
  \************************************************************************************************************************************************************************************************/
.pagination-limit {
  display: flex;
}
.pagination-limit-select {
  line-height: 44px;
  text-align: center;
  margin-top: 5px;
  margin-right: 10px;
  margin-left: 5px;
}
/*!***********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/SettingsPage/RegistryTab/modules/RegistryFormModal/style.scss ***!
  \***********************************************************************************************************************************************************************************************************************/
.createRegistryModal {
  width: 600px;
  display: grid;
  grid-template-rows: auto auto auto;
}
/*!*******************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/SettingsPage/ComplianceSettingsTab/style.scss ***!
  \*******************************************************************************************************************************************************************************************************/
.compliance-settings_tab {
  height: 100%;
  width: 100%;
}
.compliance-settings_title {
  display: flex;
  margin-bottom: 13px;
  font-size: 14px;
  line-height: 22px;
  cursor: default;
  letter-spacing: 0.323077px;
  color: #202552;
}
.compliance-settings_buttons {
  display: flex;
  margin-top: 13px;
  margin-bottom: 13px;
}
.compliance-settings_buttons :not(:last-child) {
  margin-right: 10px;
}
.compliance-settings_pagination {
  height: 50px;
  right: 15px;
  bottom: -10px;
  position: absolute;
}
/*!****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/SettingsPage/ComplianceSettingsTab/SystemComplianceSettings/modules/checksTable/style.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************/
.compliance-settings_checks {
  height: auto;
  min-height: 150px;
}
.compliance-settings_checks-block {
  width: 100%;
  height: 80px;
  position: relative;
}
.compliance-settings_checks-block .loader-container {
  top: 0 !important;
  padding-top: 0 !important;
}

.compliance-settings_table .rdt_TableBody {
  overflow-x: hidden;
  overflow-y: hidden;
  padding-right: 0 !important;
}
/*!**************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/SettingsPage/ComplianceSettingsTab/SystemComplianceSettings/modules/editCheck/style.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************/
.compliance-check-modal {
  width: 740px;
  display: grid;
}

.compliance-check-settings-edit {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 30px;
  color: #677177;
  overflow-wrap: break-word;
  word-break: break-word;
  cursor: default;
  height: 25px;
}
.compliance-check-settings-edit-buttons {
  display: flex;
  margin-top: 20px;
  margin-bottom: 10px;
  justify-content: center;
}
.compliance-check-settings-edit-buttons :not(:last-child) {
  margin-right: 10px;
}

.compliance-settings_section .text_value,
.compliance-settings_section .text_name {
  font-size: 14px !important;
  line-height: 30px !important;
}
.compliance-settings_section .text_name {
  min-width: 150px !important;
  font-weight: 700;
}
/*!********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/SettingsPage/ComplianceSettingsTab/SystemComplianceSettings/modules/editCheck/policyEnginesEdit/style.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************/
.compliance-settings-title {
  font-size: 14px;
  line-height: 30px;
  color: #677177;
  cursor: default;
  margin-bottom: 5px;
}
.compliance-settings_loader {
  top: 0 !important;
}
.compliance-settings_no_data {
  justify-content: start;
  height: -moz-max-content;
  height: max-content;
}
.compliance-settings_block {
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 15px;
  scrollbar-width: auto !important;
  overscroll-behavior: contain;
  align-content: flex-start;
  margin-right: 12px;
  margin-top: 13px;
  height: auto;
  max-height: 230px;
  width: 100%;
  flex-direction: column;
}
.compliance-settings_block::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.compliance-settings_block::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #F1F1F1;
}
.compliance-settings_block::-webkit-scrollbar-thumb {
  background-color: #9CA4F0;
  outline: 1px solid rgba(238, 238, 238, 0.3);
  border-radius: 2px;
}
.compliance-settings_used {
  font-style: italic;
}
/*!*********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/shared/radioButton/style.scss ***!
  \*********************************************************************************************************************************************************************************/
.radio-wrapper {
  font-size: 14px;
  line-height: 22px;
  display: flex;
  align-items: center;
  gap: 8px;
  color: #677177;
  font-family: Roboto, serif;
  cursor: pointer;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/SettingsPage/ComplianceSettingsTab/SystemComplianceSettings/modules/editCheck/policyEngineDetails/style.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************/
.compliance-settings-title {
  font-size: 14px;
  line-height: 30px;
  color: #677177;
  cursor: default;
  margin-bottom: 5px;
}
.compliance-settings_loader {
  top: 0 !important;
}
.compliance-settings_no_data {
  justify-content: start;
  height: -moz-max-content;
  height: max-content;
}
.compliance-settings_block {
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 15px;
  scrollbar-width: auto !important;
  overscroll-behavior: contain;
  display: flex;
  align-content: flex-start;
  margin-right: 12px;
  margin-top: 13px;
  height: auto;
  max-height: 230px;
  width: 100%;
}
.compliance-settings_block::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.compliance-settings_block::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #F1F1F1;
}
.compliance-settings_block::-webkit-scrollbar-thumb {
  background-color: #9CA4F0;
  outline: 1px solid rgba(238, 238, 238, 0.3);
  border-radius: 2px;
}
.compliance-settings_block_sidebar {
  width: calc(100% - 500px) !important;
}
.compliance-settings_used {
  font-style: italic;
}
/*!*********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/shared/collapsible/style.scss ***!
  \*********************************************************************************************************************************************************************************/
.collapsible_collapse-icon {
  color: #9CA4F0;
}
.collapsible-header-wrapper {
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  -moz-column-gap: 20px;
       column-gap: 20px;
  padding: 5px 10px;
  color: #636270;
  background-color: #EDF0F2;
}
.collapsible-header-wrapper > *:first-child {
  flex: 1;
}
.collapsible-content-wrapper {
  max-height: unset;
  overflow: hidden;
  transition: max-height 0.5s ease;
}
.collapsible-content-wrapper--hidden {
  max-height: 0;
}
/*!****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/blocks/kubernetesObjectDetailsSidebar/kubernetesObjectDataSection/dataDropdownSection/style.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************/
.section-wrapper {
  width: 100%;
}
.section-wrapper * {
  font-family: "Roboto", serif;
}
.section-wrapper .header {
  font-size: 11px;
}
.section-wrapper .content {
  font-family: "Roboto", serif;
  font-size: 11px;
  line-height: 20px;
  color: #677177;
  padding: 5px 10px;
  white-space: pre-wrap;
  word-wrap: break-word;
}
/*!*********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/SettingsPage/ComplianceSettingsTab/CustomComplianceSettings/modules/complianceChecks/style.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************/
.compliance-settings_checks {
  height: auto;
  min-height: 150px;
}
.compliance-settings_checks-block {
  width: 100%;
  height: 80px;
  position: relative;
}
.compliance-settings_checks-block .loader-container {
  top: 0 !important;
  padding-top: 0 !important;
}

.compliance-settings_table .rdt_TableBody {
  overflow-x: hidden;
  overflow-y: hidden;
  padding-right: 0 !important;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/SettingsPage/ComplianceSettingsTab/CustomComplianceSettings/modules/complianceChecks/createComplianceCheck/style.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************/
.compliance-check-modal {
  width: 740px;
}

.compliance-check-settings-edit {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 30px;
  color: #677177;
  overflow-wrap: break-word;
  word-break: break-word;
  cursor: default;
  height: 25px;
}
.compliance-check-settings-edit-buttons {
  display: flex;
  margin-top: 20px;
  margin-bottom: 10px;
  justify-content: center;
}
.compliance-check-settings-edit-buttons :not(:last-child) {
  margin-right: 10px;
}

.compliance-check-select {
  border-radius: 5px;
  overflow: hidden;
  word-wrap: normal !important;
  white-space: normal;
  width: calc(100% - 150px - 6px);
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/SettingsPage/ComplianceSettingsTab/CustomComplianceSettings/modules/complianceChecks/createComplianceCheck/copyCheck/edit/style.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************/
.compliance-settings-title {
  font-size: 14px;
  line-height: 30px;
  color: #677177;
  cursor: default;
  margin-bottom: 5px;
}
.compliance-settings_loader {
  top: 0 !important;
}
.compliance-settings_no_data {
  justify-content: start;
  height: -moz-max-content;
  height: max-content;
}
.compliance-settings_block {
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 15px;
  scrollbar-width: auto !important;
  overscroll-behavior: contain;
  display: flex;
  align-content: flex-start;
  margin-right: 12px;
  margin-top: 13px;
  height: auto;
  max-height: 230px;
  width: 100%;
}
.compliance-settings_block::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.compliance-settings_block::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #F1F1F1;
}
.compliance-settings_block::-webkit-scrollbar-thumb {
  background-color: #9CA4F0;
  outline: 1px solid rgba(238, 238, 238, 0.3);
  border-radius: 2px;
}
.compliance-settings_block_sidebar {
  width: calc(100% - 500px) !important;
}
.compliance-settings_used {
  font-style: italic;
}
/*!***************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/shared/treeView/treeItem/style.scss ***!
  \***************************************************************************************************************************************************************************************/
.treeItem .MuiTreeItem-label {
  font-size: 14px !important;
  font-family: Roboto, serif !important;
  color: #333333;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/SettingsPage/ComplianceSettingsTab/CustomComplianceSettings/modules/complianceChecks/createComplianceCheck/copyCheck/create/style.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************/
.compliance-settings-title {
  font-size: 14px;
  line-height: 30px;
  color: #677177;
  cursor: default;
  margin-bottom: 5px;
}
.compliance-settings_loader {
  top: 0 !important;
}
.compliance-settings_no_data {
  justify-content: start;
  height: -moz-max-content;
  height: max-content;
}
.compliance-settings_block {
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 15px;
  scrollbar-width: auto !important;
  overscroll-behavior: contain;
  display: flex;
  align-content: flex-start;
  margin-right: 12px;
  margin-top: 13px;
  height: auto;
  max-height: 230px;
  width: 100%;
}
.compliance-settings_block::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.compliance-settings_block::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #F1F1F1;
}
.compliance-settings_block::-webkit-scrollbar-thumb {
  background-color: #9CA4F0;
  outline: 1px solid rgba(238, 238, 238, 0.3);
  border-radius: 2px;
}
.compliance-settings_block_sidebar {
  width: calc(100% - 500px) !important;
}
.compliance-settings_used {
  font-style: italic;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/SettingsPage/ComplianceSettingsTab/CustomComplianceSettings/modules/complianceChecks/checksTable/style.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************/
.compliance-settings_checks {
  height: auto;
  min-height: 150px;
}
.compliance-settings_checks-block {
  width: 100%;
  height: 80px;
  position: relative;
}
.compliance-settings_checks-block .loader-container {
  top: 0 !important;
  padding-top: 0 !important;
}

.compliance-settings_table .rdt_TableBody {
  overflow-x: hidden;
  overflow-y: hidden;
  padding-right: 0 !important;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/SettingsPage/ComplianceSettingsTab/CustomComplianceSettings/modules/complianceChecks/checksTable/modules/checkDetails/style.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************/
.compliacne-check-details {
  border: 1px solid rgb(219, 221, 222) !important;
  border-radius: 5px;
  padding: 5px;
  mix-blend-mode: normal;
  overflow-wrap: break-word;
  font-size: 12px;
  line-height: 14px;
  color: #677177;
  font-family: monospace;
  max-width: 100%;
  word-break: break-word;
  white-space: pre-wrap;
  word-wrap: break-word;
}
/*!********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/SettingsPage/ComplianceSettingsTab/CustomComplianceSettings/modules/createBenchmark/style.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************/
.compliance-settings-edit {
  font-size: 14px;
  line-height: 30px;
  color: #677177;
  overflow-wrap: break-word;
  word-break: break-word;
  cursor: default;
  height: 25px;
  width: 450px;
}
.compliance-settings-edit-buttons {
  display: flex;
  margin-top: 20px;
  margin-bottom: 10px;
  justify-content: center;
}
.compliance-settings-edit-buttons :not(:last-child) {
  margin-right: 10px;
}
/*!*******************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/react-js-cron/dist/styles.css ***!
  \*******************************************************************************************************************************************************************************/
.react-js-cron {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}

.react-js-cron > div,
.react-js-cron-field {
  display: flex;
  align-items: center;
}

.react-js-cron-field {
  margin-bottom: 10px;
}

.react-js-cron-field > span {
  margin-left: 5px;
}

div.react-js-cron-select {
  margin-left: 5px;
}

.react-js-cron-select.react-js-cron-select-no-prefix {
  margin-left: 0;
}

div.react-js-cron-error .react-js-cron-select .ant-select-selector {
  border-color: #ff4d4f;
  background: #fff6f6;
}

div.react-js-cron-custom-select {
  min-width: 70px;
  z-index: 1;
}

div.react-js-cron-error div.react-js-cron-custom-select {
  background: #fff6f6;
}

div.react-js-cron-select.react-js-cron-custom-select.ant-select div.ant-select-selector {
  padding-left: 11px;
  padding-right: 30px;
}

.react-js-cron-read-only div.react-js-cron-select.react-js-cron-custom-select.ant-select div.ant-select-selector {
  padding-right: 11px;
}

div.react-js-cron-custom-select .ant-select-selection-search {
  width: 0 !important;
  margin: 0 !important;
}

div.react-js-cron-custom-select .ant-select-selection-placeholder {
  position: static;
  top: 50%;
  right: auto;
  left: auto;
  transform: none;
  transition: none;
  opacity: 1;
  color: inherit;
}

.react-js-cron-week-days-placeholder .react-js-cron-custom-select .ant-select-selection-placeholder,
.react-js-cron-month-days-placeholder .react-js-cron-custom-select .ant-select-selection-placeholder {
  opacity: 0.4;
}

.react-js-cron-custom-select-dropdown {
  min-width: 0 !important;
  width: 174px !important;
}

.react-js-cron-custom-select-dropdown .rc-virtual-list {
  max-height: none !important;
}

.react-js-cron-custom-select-dropdown-grid .rc-virtual-list-holder {
  max-height: initial !important;
}

.react-js-cron-custom-select-dropdown-grid .rc-virtual-list-holder-inner {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr);
}

.react-js-cron-custom-select-dropdown-grid .rc-virtual-list-holder-inner .ant-select-item-option-content {
  text-align: center;
}

.react-js-cron-custom-select-dropdown-hours-twelve-hour-clock {
  width: 260px !important;
}

.react-js-cron-custom-select-dropdown-minutes-large {
  width: 300px !important;
}

.react-js-cron-custom-select-dropdown-minutes-large .rc-virtual-list-holder-inner {
  grid-template-columns: repeat(6, 1fr);
}

.react-js-cron-custom-select-dropdown-minutes-medium {
  width: 220px !important;
}

.react-js-cron-custom-select-dropdown-minutes-medium .rc-virtual-list-holder-inner {
  grid-template-columns: repeat(5, 1fr);
}

.react-js-cron-period > span:first-child {
  margin-left: 0 !important;
}

.react-js-cron-period .react-js-cron-select.ant-select-single.ant-select-open .ant-select-selection-item {
  opacity: 1;
}

.react-js-cron-select-dropdown-period {
  min-width: 0 !important;
  width: auto !important;
}

.react-js-cron-clear-button {
  margin-left: 10px;
  margin-bottom: 10px;
}

.react-js-cron-disabled .react-js-cron-select.ant-select-disabled {
  background: #f5f5f5;
}

div.react-js-cron-select.react-js-cron-custom-select.ant-select div.ant-select-selector > .ant-select-selection-overflow {
  align-items: center;
  flex: initial;
}
/*!*************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/SettingsPage/WatchedResourcesSettingsTab/style.scss ***!
  \*************************************************************************************************************************************************************************************************************/
.watched-resources-settings-in-tab {
  padding-top: 20px;
  position: relative;
  height: calc(100% - 25px);
  width: 100%;
}
.watched-resources-settings-tab {
  height: 100%;
  flex: 1;
}
.watched-resources-settings-tab__header {
  margin-left: 290px;
}
.watched-resources-settings-content {
  margin-top: 20px;
  position: absolute;
  height: calc(100% - 65px);
  width: 100%;
}
.watched-resources-settings-loader {
  height: 100%;
  top: 0;
  z-index: 55;
  padding-top: 25%;
}
.watched-resources-settings-title {
  display: flex;
  margin-bottom: 13px;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  cursor: default;
  color: #202552;
}
.watched-resources-settings-table {
  position: relative;
  height: calc(100% - 25px);
  width: 100%;
  padding-right: 0 !important;
}
.watched-resources-settings-table-list {
  display: block;
}
.watched-resources-settings-table-list-title {
  font-size: 12px;
  line-height: 22px;
  color: rgb(32, 37, 82);
  min-height: 40px;
  cursor: default;
  margin-bottom: 10px;
  font-weight: 400;
}
.watched-resources-settings-table-list:not(:last-child) {
  padding-right: 10px;
  border-right: 1px solid rgb(241, 241, 241);
}
.watched-resources-settings-table-list:not(:first-child) {
  padding-left: 10px;
}
.watched-resources-settings-configs {
  display: flex;
  height: auto;
  width: 100%;
  padding-top: 20px;
}
.watched-resources-settings-configs .policy-settings-config {
  padding-bottom: 20px;
  width: 50%;
  height: 220px;
  position: relative;
}
.watched-resources-settings-configs .policy-settings-config .edit-button {
  margin-top: 15px;
}
.watched-resources-settings-edit-input {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 30px;
  color: #677177;
  overflow-wrap: break-word;
  word-break: break-word;
  cursor: default;
  height: 25px;
  width: 400px;
}
.watched-resources-settings-edit-buttons {
  display: flex;
  margin-top: 20px;
  margin-bottom: 10px;
  justify-content: center;
}
.watched-resources-settings-edit-buttons :not(:last-child) {
  margin-right: 10px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/SettingsPage/WatchedResourcesSettingsTab/modules/nativeResources/expandableRowNativeResource/style.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
.native-resources_expandable_block {
  position: relative;
  min-height: 100px;
}
/*!***********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/blocks/selectedRowsContextAction/style.scss ***!
  \***********************************************************************************************************************************************************************************************/
.selected-rows-context-action {
  position: absolute;
  border: 1px solid rgb(246, 244, 244);
  padding: 14px 14px 14px 25px;
  font-size: 14px;
  line-height: 26px;
  background: #DAEBFE;
  display: flex;
  width: 100%;
}
.selected-rows-context-action .context-action {
  position: absolute;
  right: 25px;
  display: flex;
  gap: 5px;
}
/*!***********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/SettingsPage/WatchedResourcesSettingsTab/modules/contextAction/style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************/
.watched-resources-settings-context-action {
  position: fixed;
  bottom: 16px;
  left: 78px;
  width: calc(100% - 96px);
}
.watched-resources-settings-context-action .context-button {
  height: 26px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/SettingsPage/WatchedResourcesSettingsTab/modules/customResources/expandableRowCustomResource/style.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
.admission-webhooks_expandable_block {
  position: relative;
  min-height: 100px;
}
.admission-webhooks_expandable_loader {
  width: 100%;
  height: 80px;
  position: relative;
}
.admission-webhooks_expandable_loader .loader-container {
  top: 0 !important;
  padding-top: 0 !important;
}
.admission-webhooks_groups {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.admission-webhooks_groups:not(:last-child) {
  padding-bottom: 10px;
}
.admission-webhooks_service {
  overflow: unset !important;
  color: rgb(130, 130, 130);
  font-size: 12px;
  line-height: 18px;
  white-space: pre-wrap !important;
  word-break: break-word;
  word-wrap: break-word;
}
/*!**************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/blocks/controlledSearch/style.scss ***!
  \**************************************************************************************************************************************************************************************/
.search-block {
  width: 265px;
  display: flex;
}
.search-input {
  border: 1px solid #CDD8FF;
  height: 26px;
  background: #FFFFFF;
  padding-left: 5px;
  border-right: 0;
  box-sizing: border-box;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  width: calc(100% - 39px);
  font-size: 14px;
  line-height: 22px;
  color: #636270;
}
.search-controlled-button {
  height: 26px;
  cursor: pointer;
  background: #CDD8FF;
  border: 1px solid #CDD8FF;
  box-sizing: border-box;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  display: flex;
  align-items: center;
  text-align: center;
  color: white;
  width: 39px;
  justify-content: center;
}
.search-controlled-button:hover {
  background: #9DA4F0;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  border: none;
}
.search-controlled-button:active {
  background: #838AD9;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  color: #FFFFFF;
  border: none;
}
.search-controlled-button:focus {
  outline: none;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/SettingsPage/ImageScannerTab/SecretScanSettingsTab/CreateSecretScanRuleModal/yaraEditor/editMode/fieldRuleStringsComponent/style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************/
.field-array-error {
  position: relative !important;
  line-height: 25px !important;
  bottom: 0 !important;
}

.field-array-label {
  font-size: 14px;
  line-height: 25px;
  color: #677177;
  overflow-wrap: break-word;
  word-break: break-word;
  cursor: default;
}

.field-array-query {
  margin-top: 5px;
  margin-bottom: 5px;
  height: 25px;
  font-size: 14px;
  line-height: 25px;
  color: #677177;
  overflow-wrap: break-word;
  word-break: break-word;
  cursor: default;
}
/*!******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/MicroserviceMode/Applications/ApplicationPage/TabControls/style.scss ***!
  \******************************************************************************************************************************************************************************************************************************/
.microservice-overview {
  width: 100%;
  position: relative;
  height: calc(100% - 40px);
}

.microservice-structure {
  height: calc(100% - 50px);
  position: relative;
}

.microservice-right {
  width: 70%;
  height: 100%;
}
.microservice-left {
  width: 30%;
  height: 100%;
  padding-top: 10px;
  padding-left: 55px;
  padding-right: 18px;
  position: relative;
}
.microservice-left-icon {
  position: absolute;
  margin-left: -55px;
  margin-top: -10px;
}
.microservice-left-title {
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  color: #202552;
  margin-bottom: 9px;
  cursor: default;
}
.microservice-left-title-2 {
  font-size: 16px;
  line-height: 26px;
  color: #202552;
  margin-bottom: 6px;
}
.microservice-left-metadata {
  width: 100%;
  height: calc(100% - 211px);
  position: relative;
  background: #F8FAFF;
  margin-bottom: 10px;
}
.microservice-left-metadata-in {
  position: absolute;
  height: calc(100% - 20px);
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 15px;
  scrollbar-width: auto !important;
  overscroll-behavior: contain;
  margin: 10px;
}
.microservice-left-metadata-in::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.microservice-left-metadata-in::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #F1F1F1;
}
.microservice-left-metadata-in::-webkit-scrollbar-thumb {
  background-color: #9CA4F0;
  outline: 1px solid rgba(238, 238, 238, 0.3);
  border-radius: 2px;
}
.microservice-left-information {
  width: 100%;
  height: auto;
  background: #F8FAFF;
  padding: 10px;
  padding-left: 30px;
  cursor: default;
}
.microservice-left-information-key {
  font-size: 16px;
  line-height: 22px;
  color: #202552;
  margin-bottom: 3px;
}
.microservice-left-information-value {
  font-size: 14px;
  line-height: 22px;
  color: #636270;
  word-break: break-all;
  list-style: disc;
  display: list-item;
}
.microservice-left-statistic {
  width: 100%;
  background: #F8FAFF;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  padding: 10px;
  height: 130px;
}
.microservice-left-statistic-in {
  width: 100%;
  background: #F8FAFF;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  height: 100%;
  margin: 10px;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 15px;
  scrollbar-width: auto !important;
  overscroll-behavior: contain;
}
.microservice-left-statistic-in::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.microservice-left-statistic-in::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #F1F1F1;
}
.microservice-left-statistic-in::-webkit-scrollbar-thumb {
  background-color: #9CA4F0;
  outline: 1px solid rgba(238, 238, 238, 0.3);
  border-radius: 2px;
}
.microservice-block {
  display: flex;
  width: 100%;
  height: 60%;
}
.microservice-table-pods {
  width: 100%;
  height: 40%;
  position: relative;
}
/*!************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/MicroserviceMode/Microservices/MicroservicesPage/modules/microservices/microserviceCard/style.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************/
.microservice-card.active-element {
  filter: drop-shadow(0px 2px 10px rgb(166, 194, 236));
}
.microservice-card-status {
  width: calc(100% + 2px);
  position: absolute;
  top: -1px;
  left: -1px;
  height: 6px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
.microservice-card-status.active {
  background: #09C199;
}
.microservice-card-status.inactive {
  background: #FD7272;
}
.microservice-card-name {
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  color: #202552;
  padding-top: 18px;
  margin-bottom: 9px;
  height: 70px;
  overflow-wrap: break-word;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  pointer-events: auto;
}
.microservice-card-count {
  cursor: default;
  display: flow-root;
  pointer-events: auto;
  margin-top: 5px;
}
.microservice-card-count .title {
  float: left;
  font-weight: 500;
  font-size: 14px;
  line-height: 13px;
  color: #636270;
}
.microservice-card-count .counters {
  float: right;
  background-color: rgb(186, 203, 219);
  color: white;
  border-radius: 7px;
  min-width: 40px;
  font-size: 13px;
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
}
.microservice-card-icons {
  margin-left: -4px;
  pointer-events: auto;
}
.microservice-card-infrastructure-info {
  cursor: default;
  padding-top: 6px;
  font-weight: 500;
  font-size: 10px;
  line-height: 13px;
  color: #636270;
  pointer-events: auto;
  overflow-wrap: break-word;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  width: 120px;
}
.microservice-card-compare {
  right: 15px;
  bottom: 23px;
  position: absolute;
  pointer-events: all;
}
.microservice-card-compare.disable {
  cursor: not-allowed !important;
  pointer-events: none;
  opacity: 0.5;
}
/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/RuntimePoliciesTab/policies/policies/policyScore/style.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************/
.policy-engines_donut {
  height: 100%;
  background: #F1F6FE;
  border-radius: 5px;
  width: 49%;
  display: flex;
  padding: 10px;
  justify-content: center;
}
.policy-engines_donut_graph {
  width: 235px;
  height: 235px;
}
.policy-engines_donut_information {
  display: block;
  margin-left: 10px;
  width: -moz-max-content;
  width: max-content;
  max-width: calc(100% - 240px);
}
.policy-engines_donut_detail {
  display: flex;
  cursor: default;
  font-size: 14px;
  line-height: 14px;
  color: #636270;
  margin: 10px;
}
.policy-engines_donut_detail_key {
  width: 300px;
}
.policy-engines_donut_detail_color {
  margin-right: 15px;
}
.policy-engines_donut_detail_color_qube {
  width: 10px;
  height: 10px;
  display: inline-block;
  vertical-align: middle;
}
/*!************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/RuntimePoliciesTab/policies/policies/policyActions/style.scss ***!
  \************************************************************************************************************************************************************************************************************************************************/
.active-icon {
  color: #2E5BFF;
  margin: 5px;
  width: 15px;
  height: 15px;
}
.active-icon:hover {
  color: #6586FF;
}

.disabled-icon {
  color: #B3BCDC;
  pointer-events: none;
  margin: 5px;
  width: 15px;
  height: 15px;
}

.modal-buttons {
  display: flex;
  margin-top: 20px;
  justify-content: space-around;
  margin-bottom: 10px;
}

.policy-action-loader-block {
  width: 300px;
  height: 300px;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none;
          backdrop-filter: none;
  overflow: hidden !important;
}
/*!***************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/RuntimePoliciesTab/policies/policies/policyActions/settingsAction/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************/
.settings-action-button {
  margin-top: 20px;
  justify-content: center;
}
/*!********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/PolicyEngineTab/policies/policiesTable/expandPolicyDetails/style.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************/
.policy-engines-policies_expander .data-section {
  display: flex;
  flex-direction: column;
  row-gap: 3px;
}

.policy-engines-policies_expander {
  min-height: 130px;
  top: 0 !important;
  position: relative;
}
/*!************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/PolicyEngineTab/violations/ExpandViolationsDetails/style.scss ***!
  \************************************************************************************************************************************************************************************************************************************************/
.policy-engines-violations_expander {
  font-size: 12px !important;
  line-height: 22px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #F6F4F4;
  background: #F1F6FE;
  padding: 5px;
}
/*!*******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/MicroserviceMode/Applications/ApplicationPage/ResourcesTab/filterModal/style.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************/
.filters-modal-application-resources {
  width: 800px;
  display: flex;
  flex-direction: column;
}
.filters-modal-application-resources .filters-tabs {
  flex: 1;
}
.filters-modal-application-resources .apply-button {
  padding-left: 40px;
  padding-right: 40px;
  margin: 0;
}
.filters-modal-application-resources .calendar-title {
  font-size: 0.83em;
  margin: 10px 0;
  color: #636270;
  font-weight: bold;
  unicode-bidi: isolate;
  line-height: 18px;
}
.filters-modal-application-resources .container-width {
  width: 100%;
}
.filters-modal-application-resources .container-in-block {
  width: 100%;
  margin-left: 45px;
  margin-top: 2px;
  margin-bottom: 4px;
}
.filters-modal-application-resources .container-next-block {
  margin-top: 2px;
  margin-bottom: 4px;
}
/*!************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/blocks/calendarFilter/style.scss ***!
  \************************************************************************************************************************************************************************************/
.calendar-title {
  justify-content: center;
  margin-top: 20px;
  padding-left: 8px;
  height: 20px;
  margin-bottom: 20px;
  font-weight: 500;
  font-size: 12px;
  line-height: 22px;
  color: #202552;
  display: flex;
}

.calendar-times-block {
  justify-content: center;
  cursor: default;
  font-size: 14px;
  line-height: 24px;
  align-items: center;
  text-align: center;
  letter-spacing: 0.15px;
  color: #677177;
}
.calendar-times-block span {
  font-size: 12px;
  line-height: 22px;
  color: #2E5BFF;
}

.calendar-times {
  width: 47px;
  height: 24px;
  margin-right: 5px;
  margin-left: 5px;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  color: #677177;
  cursor: text;
}
.calendar-times_disabled {
  cursor: default;
}
/*!******************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/blocks/resourcesHistoryDifferencesModal/style.scss ***!
  \******************************************************************************************************************************************************************************************************/
.filters-modal-resources-differences {
  width: 1040px;
  display: flex;
  flex-direction: column;
}
.filters-modal-resources-differences .filters-tabs {
  flex: 1;
}
.filters-modal-resources-differences .apply-button {
  padding-left: 40px;
  padding-right: 40px;
  margin: 0;
}
.filters-modal-resources-differences .calendar-title {
  font-size: 0.83em;
  margin: 10px 0;
  color: #636270;
  font-weight: bold;
  unicode-bidi: isolate;
  line-height: 18px;
}
.filters-modal-resources-differences .container-width {
  width: 100%;
}
.filters-modal-resources-differences .container-in-block {
  width: 100%;
  margin-left: 45px;
  margin-top: 2px;
  margin-bottom: 4px;
}
.filters-modal-resources-differences .container-next-block {
  margin-top: 2px;
  margin-bottom: 4px;
}
/*!***********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/blocks/resourcesHistoryDifferencesModal/mergeDifferences/style.scss ***!
  \***********************************************************************************************************************************************************************************************************************/
.merge-differences {
  overflow-y: auto;
  width: 100%;
}
.merge-differences .cm-mergeViewEditors {
  display: grid;
  grid-template-columns: auto auto;
  overflow: auto;
}
/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/ImagesPage/modules/runtimeImagesTable/style.scss ***!
  \**********************************************************************************************************************************************************************************************************************/
.expandable-row-runtime-images-table {
  padding-right: 0 !important;
}

div.expandable-row-runtime-images-table > div > div > .rdt_TableBody {
  overflow-x: hidden;
  overflow-y: hidden;
  padding-right: 0 !important;
  border-bottom: none;
}
/*!******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/ImagesPage/modules/runtimeImagesTable/details/style.scss ***!
  \******************************************************************************************************************************************************************************************************************************/
.expandable-row-runtime-image-info {
  background: #F8FAFF;
}
.expandable-row-runtime-image-info-tab {
  flex: 1;
  position: relative;
  cursor: default;
  font-size: 12px;
  line-height: 22px;
  color: #202552;
  width: 100%;
  padding-left: 26px;
  padding-right: 15px;
  padding-top: 9px;
  border-bottom: 1px solid #F6F4F4;
}
.expandable-row-runtime-image-info-tab .tabs-header {
  padding-left: 17px;
}
/*!*********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/blocks/imageDetailsComponents/imageDetails/style.scss ***!
  \*********************************************************************************************************************************************************************************************************/
.image-components-details {
  padding-top: 10px;
  overflow: hidden;
  padding-left: 17px;
  cursor: default;
  font-size: 12px;
  line-height: 22px;
  color: #202552;
}
.image-components-details-title-clickable {
  font-size: 12px;
  line-height: 22px;
  width: 100%;
  height: 36px;
  margin-bottom: 7px;
  cursor: pointer;
  color: #8987FF;
}
.image-components-details-title {
  cursor: default;
  font-size: 12px;
  line-height: 22px;
  color: #202552;
  width: 100%;
  height: 36px;
  margin-bottom: 7px;
}
.image-components-details-loader {
  height: 200px;
  position: relative;
  margin-top: -65px;
}
.image-components-details .export-button {
  position: absolute !important;
  margin-top: -36px !important;
  right: 10px !important;
}
/*!*********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/blocks/imageDetailsComponents/imageDetails/imageLayers/style.scss ***!
  \*********************************************************************************************************************************************************************************************************************/
.image-layers-title {
  cursor: default;
  font-size: 12px;
  line-height: 22px;
  color: #202552;
  width: 100%;
  height: 41px;
  padding-top: 18px;
  margin-bottom: 7px;
}
.image-layers-history {
  max-height: 300px;
  padding-right: 26px;
  margin-left: -17px;
  display: flex;
  justify-content: space-around;
}
.image-layers-history-details {
  max-height: 300px;
  background: #FFFFFF;
  border: 2px solid #F6F4F4;
  box-sizing: border-box;
  border-radius: 5px;
  width: 50%;
}
.image-layers-history-details-title {
  cursor: default;
  height: 36px;
  padding-top: 6px;
  margin-left: 17px;
  margin-right: 17px;
  font-size: 12px;
  line-height: 22px;
  color: #202552;
  border-bottom: 2px solid #EBEBEB;
}
.image-layers-history-details-table {
  scrollbar-width: auto !important;
  overscroll-behavior: contain;
  margin-right: 12px;
  margin-top: 3px;
  max-height: 252px;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 20px;
  height: 100%;
}
.image-layers-history-details-table::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.image-layers-history-details-table::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #F1F1F1;
}
.image-layers-history-details-table::-webkit-scrollbar-thumb {
  background-color: #9CA4F0;
  outline: 1px solid rgba(238, 238, 238, 0.3);
  border-radius: 2px;
}
.image-layers-history-details-row {
  height: 51px;
  margin-left: 17px;
  margin-right: 17px;
}
.image-layers-history-details-row:hover {
  background-color: #EEEEEE;
}
.image-layers-history-details-row.active {
  background-color: #EEEEEE;
}
.image-layers-history-details-row-createdBy {
  cursor: default;
  font-weight: 500;
  color: #677177;
  padding-top: 3px;
}
@media only screen and (max-width: 1800px) {
  .image-layers-history-details-row-createdBy {
    font-size: 10px;
    line-height: 22px;
  }
}
@media only screen and (min-width: 1800px) {
  .image-layers-history-details-row-createdBy {
    font-size: 12px;
    line-height: 22px;
  }
}
.image-layers-history-details-row-created {
  cursor: default;
  color: #677177;
}
@media only screen and (max-width: 1800px) {
  .image-layers-history-details-row-created {
    font-size: 8px;
    line-height: 22px;
  }
}
@media only screen and (min-width: 1800px) {
  .image-layers-history-details-row-created {
    font-size: 10px;
    line-height: 22px;
  }
}
.image-layers-history-log {
  overflow-y: auto;
  scrollbar-width: auto !important;
  overscroll-behavior: contain;
  max-height: 290px;
  overflow-x: hidden;
  overflow-y: scroll;
  padding-right: 11px;
  height: 100%;
  width: 50%;
}
.image-layers-history-log::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.image-layers-history-log::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #F1F1F1;
}
.image-layers-history-log::-webkit-scrollbar-thumb {
  background-color: #9CA4F0;
  outline: 1px solid rgba(238, 238, 238, 0.3);
  border-radius: 2px;
}
.image-layers-history-log-table {
  background: #333333;
  min-height: 290px;
}
.image-layers-history-log-row {
  cursor: default;
  font-family: Courier;
  font-style: normal;
  word-break: break-all;
  font-size: 11px;
  line-height: 15px;
  letter-spacing: 0.323077px;
  color: #FFFFFF;
  mix-blend-mode: normal;
  padding-left: 13px;
  padding-right: 13px;
  padding-bottom: 4px;
}
.image-layers-history-log-row:hover {
  color: #9ca4f0;
}
.image-layers-history-log-row:first-child {
  padding-top: 8px;
}
.image-layers-history-log-row.active {
  color: #9ca4f0;
}
/*!*********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/blocks/exportModal/style.scss ***!
  \*********************************************************************************************************************************************************************************/
.export-modal {
  min-width: 200px;
}
.export-modal .download-button {
  margin: 20px auto;
}
/*!**************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/shared/text/style.scss ***!
  \**************************************************************************************************************************************************************************/
.text {
  color: #677177;
  font-size: 14px;
  line-height: 22px;
  font-family: Roboto, serif;
  font-style: normal;
  font-weight: normal;
}
/*!**************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/shared/link/style.scss ***!
  \**************************************************************************************************************************************************************************/
.href-style {
  text-decoration: none;
}
.href-style:link, .href-style:visited, .href-style:hover, .href-style:active {
  color: #9DA4F0;
}
/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/blocks/imageDetailsComponents/sbomReport/sbomComponents/style.scss ***!
  \**********************************************************************************************************************************************************************************************************************/
.image-details-information-tables > div > div > .rdt_TableBody {
  width: 100%;
  padding-right: 0 !important;
  overflow: hidden;
}
/*!*********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/blocks/imageDetailsComponents/sbomReport/sbomComponents/packageDetailsRenderer/style.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************/
.packageDetailsContent {
  color: rgb(130, 130, 130);
  font-size: 14px;
  line-height: 18px;
}
/*!****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/blocks/imageDetailsComponents/vulnerabilityReport/style.scss ***!
  \****************************************************************************************************************************************************************************************************************/
.image-details-vulnerabilities.dynamic {
  position: relative;
}
@media only screen and (max-width: 1600px) {
  .image-details-vulnerabilities.dynamic {
    display: block;
  }
}
@media only screen and (min-width: 1601px) {
  .image-details-vulnerabilities.dynamic {
    display: flex;
    justify-content: space-between;
  }
}
.image-details-vulnerabilities.dynamic .block-components {
  display: block;
}
@media only screen and (max-width: 1600px) {
  .image-details-vulnerabilities.dynamic .block-components {
    width: 100%;
  }
}
@media only screen and (min-width: 1601px) {
  .image-details-vulnerabilities.dynamic .block-components {
    width: 600px;
  }
}
.image-details-vulnerabilities.dynamic .donut {
  width: 500px;
  display: flex;
  z-index: 90;
  justify-content: right;
  margin-right: 43px;
}
@media only screen and (max-width: 1600px) {
  .image-details-vulnerabilities.dynamic .donut {
    position: absolute;
    right: 0;
    top: 0;
  }
}
/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/blocks/imageDetailsComponents/vulnerabilityReport/vulnerabilityComponents/style.scss ***!
  \****************************************************************************************************************************************************************************************************************************************/
.image-details-information-tables > div > div > .rdt_TableBody {
  width: 100%;
  padding-right: 0 !important;
  overflow: hidden;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/blocks/imageDetailsComponents/vulnerabilityReport/vulnerabilityComponents/allReportComponents/componentsTable/vulnerabilityRowDetailsRenderer/style.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************/
.vulnerabilityRowDetailsRenderer {
  padding: 10px 15px;
}
.vulnerabilityRowDetailsRenderer * {
  font-size: 12px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/blocks/imageDetailsComponents/vulnerabilityReport/vulnerabilityComponents/layersReportComponents/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************/
.layers-report-components-details .createdBy {
  cursor: default;
  font-weight: 500;
  font-size: 10px;
  line-height: 18px;
  color: #677177;
  padding-top: 3px;
}
.layers-report-components-details .created {
  cursor: default;
  font-size: 8px;
  line-height: 16px;
  color: #677177;
}
/*!*****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/blocks/imageDetailsComponents/vulnerabilityReport/vulnerabilityRiskiestTop/style.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************/
.vulnerability-riskiest-top {
  height: 70px;
  position: relative;
}
.vulnerability-riskiest-top .loader-container {
  top: 0 !important;
  padding-top: 0 !important;
}
/*!***************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/shared/severityGradation/style.scss ***!
  \***************************************************************************************************************************************************************************************/
.severity-gradation {
  height: 100%;
}
.severity-gradation .gradate {
  height: 100%;
  width: 100%;
}
/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/blocks/imageDetailsComponents/vulnerabilityReport/vulnerabilityDonutGraph/style.scss ***!
  \****************************************************************************************************************************************************************************************************************************************/
.vulnerabilities-severity-block {
  width: 500px;
  display: flex;
  z-index: 90;
  justify-content: right;
  margin-right: 43px;
}
@media only screen and (max-width: 1600px) {
  .vulnerabilities-severity-block {
    position: absolute;
    right: 0;
    top: 0;
  }
}
.vulnerabilities-severity-graph {
  height: 230px;
  width: 230px;
}
.vulnerabilities-severity-info {
  display: block;
  margin-left: 10px;
  width: -moz-max-content;
  width: max-content;
  max-width: calc(100% - 240px);
}
/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/blocks/imageDetailsComponents/vulnerabilityReport/vulnerabilityDonutGraph/VulnerabilityDonutSeverityInfo/style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/
.vulnerability-severity-info {
  align-items: center;
  display: flex;
  cursor: default;
  font-size: 14px;
  line-height: 14px;
  color: #636270;
  margin: 10px;
}
.vulnerability-severity-info .square {
  margin-right: 15px;
  width: 10px;
  height: 10px;
  display: inline-block;
  vertical-align: middle;
}
.vulnerability-severity-info .info {
  width: 100px;
}
/*!****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/blocks/imageDetailsComponents/misconfigScanReport/style.scss ***!
  \****************************************************************************************************************************************************************************************************************/
.checks-table-container {
  width: 100%;
  padding: 10px 15px;
}

.collapsible_collapse-icon {
  pointer-events: none;
}
/*!*************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/blocks/imageDetailsComponents/secretScanReport/style.scss ***!
  \*************************************************************************************************************************************************************************************************************/
.checks-table-container {
  width: 100%;
  padding: 10px 15px;
}

.collapsible_collapse-icon {
  pointer-events: none;
}
/*!*********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/blocks/imageDetailsComponents/securityGates/securityGateDonutGraph/style.scss ***!
  \*********************************************************************************************************************************************************************************************************************************/
.security-gate-violation-donut-block {
  width: 500px;
  display: flex;
  z-index: 90;
  justify-content: right;
  margin-right: 43px;
}
.security-gate-violation-donut-graph {
  height: 230px;
  width: 230px;
}
.security-gate-violation-donut-info {
  display: block;
  margin-left: 10px;
  width: -moz-max-content;
  width: max-content;
  max-width: calc(100% - 240px);
}

.security-gate-violation-donut-title {
  align-items: center;
  display: flex;
  cursor: default;
  font-size: 14px;
  line-height: 14px;
  color: #636270;
  margin: 10px;
}
.security-gate-violation-donut-title .square {
  margin-right: 15px;
  width: 10px;
  height: 10px;
  display: inline-block;
  vertical-align: middle;
}
.security-gate-violation-donut-title .info {
  width: 100px;
}
/*!******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/blocks/imageDetailsComponents/securityGates/securityGateResults/style.scss ***!
  \******************************************************************************************************************************************************************************************************************************/
.security-gates-results-table-in-image-details .rdt_TableHeadRow {
  background-color: #f5f9ff;
}
.security-gates-results-table-in-image-details .rdt_TableBody {
  background-color: #f5f9ff;
}
.security-gates-results-table-in-image-details .rdt_TableRow {
  background-color: #f5f9ff;
}

.security-gate-link-text {
  text-decoration: none;
}
.security-gate-link-text:link, .security-gate-link-text:visited, .security-gate-link-text:hover, .security-gate-link-text:active {
  color: #9DA4F0;
}
/*!*****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/ImagesPage/modules/pipelineOrRegistryImagesTable/vulnerableStatistic/style.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************/
.pipeline-vulnerability {
  width: 35px;
  text-align: center;
  opacity: 0.8;
}
.pipeline-vulnerability:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.pipeline-vulnerability:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/ImagesPage/DashboardTab/fixableVulnerabilities/fixableVulnerabilitiesBlock/style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************/
.vulnerabilities-statistic-sub-title {
  cursor: default;
  text-align: center;
  color: #636270;
  padding-top: 15px;
  height: 35px;
  display: flex;
  place-content: space-around;
  align-items: center;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 10px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/ImagesPage/DashboardTab/fixableVulnerabilities/fixableVulnerabilitiesBlock/vulnerabilityCount/style.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************/
.stats-vulnerability {
  width: 100%;
  height: 30px;
  display: flex;
  margin: 5px;
  align-items: center;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.323077px;
  color: #636270;
}
.stats-vulnerability_count {
  min-width: 150px;
  line-height: 20px;
}
.stats-vulnerability_name {
  line-height: 20px;
  min-width: 80px;
  width: 90px;
}
.stats-vulnerability_container {
  padding-right: 50px;
  width: calc(100% - 250px);
  height: 10px;
}
.stats-vulnerability_container .backgrounder {
  border-radius: 15px;
  text-align: right;
  font-size: 20px;
  height: 10px;
}
.stats-vulnerability_container .backgrounder .percentage {
  border-radius: 15px;
  height: 10px;
}
/*!*****************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/shared/sidebar/style.scss ***!
  \*****************************************************************************************************************************************************************************/
.sidebar {
  position: absolute;
  background-color: #ffffff;
  border-radius: 5px 0 0 5px;
  box-shadow: 0 4px 40px #dbe7f9;
  padding: 10px 15px;
  z-index: 50;
}
.sidebar .close-icon {
  position: absolute;
}
.sidebar .close-icon svg path {
  fill: #94b5dc;
}
.sidebar__right {
  bottom: 0;
  right: 0;
  height: 100%;
}
.sidebar__right .close-icon {
  top: 0;
  bottom: 0;
  height: 100%;
  left: -9px;
}
.sidebar__bottom {
  bottom: 0;
  right: 0;
  width: 100%;
}
.sidebar__bottom .close-icon {
  top: -9px;
  right: 0;
  left: 0;
}
/*!****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/blocks/kubernetesObjectDetailsSidebar/style.scss ***!
  \****************************************************************************************************************************************************************************************************/
.kubernetes-object-details {
  width: 600px;
  min-width: 600px;
  font-size: 14px;
}
.kubernetes-object-details .data-section {
  display: flex;
  flex-direction: column;
  row-gap: 3px;
}
.kubernetes-object-details .export-button {
  margin-bottom: 5px;
  align-self: self-end;
}
/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/blocks/kubernetesObjectDetailsSidebar/objectPoliciesChecksSection/style.scss ***!
  \********************************************************************************************************************************************************************************************************************************/
.violationsTable {
  padding-right: 0 !important;
}
.violationsTable .rdt_TableHeadRow {
  padding-right: 5px !important;
}
.violationsTable .rdt_TableBody {
  padding-right: 0 !important;
}
/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/MicroserviceMode/Applications/ApplicationsPage/modules/filterModal/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************/
.filters-modal-applications {
  width: 450px;
  display: flex;
  flex-direction: column;
}
.filters-modal-applications .filters-tabs {
  flex: 1;
}
.filters-modal-applications .apply-button {
  padding-left: 40px;
  padding-right: 40px;
  margin: 0;
}
/*!************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/MicroserviceMode/Applications/ApplicationsPage/modules/filterModal/metadata/style.scss ***!
  \************************************************************************************************************************************************************************************************************************************************/
.filters-modal-labels {
  width: 350px;
  display: flex;
  flex-direction: column;
}
.filters-modal-labels .filters-tabs {
  flex: 1;
}
.filters-modal-labels .apply-button {
  padding-left: 40px;
  padding-right: 40px;
  margin: 0;
}
/*!****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/blocks/saveFilters/saveFilterDropdown/style.scss ***!
  \****************************************************************************************************************************************************************************************************/
.saveFiltersOverlay {
  border-radius: 5px;
  background-color: #FFFFFF;
  box-shadow: 0 4px 20px #DBE7F9;
  min-width: 200px;
}
/*!******************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/shared/dropdown/style.scss ***!
  \******************************************************************************************************************************************************************************/
.dropdownMenu {
  border-radius: 10px;
  background-color: #FFFFFF;
  border: 1px solid #8D9BA8;
  padding: 10px 15px;
  display: flex;
}
/*!********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/MicroserviceMode/Applications/ApplicationsPage/modules/applications/applicationCard/style.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************/
.application-card-status {
  width: calc(100% + 2px);
  position: absolute;
  top: -1px;
  left: -1px;
  height: 6px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
.application-card-status.active {
  background: #09C199;
}
.application-card-status.inactive {
  background: #FD7272;
}
.application-card-name {
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  color: #202552;
  padding-top: 18px;
  margin-bottom: 9px;
  height: 70px;
  overflow-wrap: break-word;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  pointer-events: auto;
}
.application-card-count {
  cursor: default;
  display: flow-root;
  pointer-events: auto;
  margin-top: 5px;
}
.application-card-count .title {
  float: left;
  font-weight: 500;
  font-size: 14px;
  line-height: 13px;
  color: #636270;
}
.application-card-count .counters {
  float: right;
  background-color: rgb(186, 203, 219);
  color: white;
  border-radius: 7px;
  min-width: 40px;
  font-size: 13px;
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
}
.application-card-icons {
  margin-left: -4px;
  pointer-events: auto;
}
.application-card-infrastructure-info {
  cursor: default;
  padding-top: 6px;
  font-weight: 500;
  font-size: 10px;
  line-height: 13px;
  color: #636270;
  pointer-events: auto;
  overflow-wrap: break-word;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  width: 120px;
}
/*!***************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/MicroserviceMode/Applications/ApplicationsPage/modules/applications/pagination/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************/
.applications-actions-last-update {
  align-items: center;
  display: flex;
  height: 44px;
  font-size: 14px;
  line-height: 37px;
  color: #677177;
  float: right;
  position: relative;
  padding: 0;
  border-right: 1px solid rgb(192, 201, 222);
  margin-right: 13px;
}
/*!*******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/blocks/lastUpdateInformation/style.scss ***!
  \*******************************************************************************************************************************************************************************************/
.last-update-percent {
  margin-right: 16px;
  margin-left: 16px;
  cursor: default;
}
.last-update-time {
  margin-right: 16px;
  cursor: default;
}
.last-update-left {
  left: 0;
  border-top-right-radius: 5px;
}
.last-update-right {
  right: 0;
  border-top-left-radius: 5px;
}
.last-update-bottom {
  position: absolute;
  padding: 9px 18px 7px 28px;
  z-index: 15;
  background: rgba(255, 255, 255, 0.7);
  bottom: 0;
  font-size: 12px;
  line-height: 22px;
  color: #202552;
}
.last-update-bottom-in {
  place-items: center;
  width: 100%;
  display: flex;
  float: left;
  flex: 1;
}
/*!*****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/MicroserviceMode/Microservices/MicroservicesPage/modules/filterModal/style.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************/
.filters-modal-microservice {
  width: 350px;
  display: flex;
  flex-direction: column;
}
.filters-modal-microservice .filters-tabs {
  flex: 1;
}
.filters-modal-microservice .apply-button {
  padding-left: 40px;
  padding-right: 40px;
  margin: 0;
}
/*!******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/MicroserviceMode/Microservices/MicroservicesPage/modules/microservices/pagination/style.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************/
.microservices-actions-pagination {
  width: 100%;
  height: 50px;
  right: 15px;
  bottom: 5px;
  position: absolute;
}
.microservices-actions-pagination .pagination {
  margin-left: 16px;
}
.microservices-actions-last-update {
  align-items: center;
  display: flex;
  height: 44px;
  font-size: 14px;
  line-height: 37px;
  color: #677177;
  float: right;
  position: relative;
  padding: 0;
  border-right: 1px solid rgb(192, 201, 222);
  margin-right: 13px;
}
/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/MicroserviceMode/Microservices/MicroservicePage/TabControls/style.scss ***!
  \********************************************************************************************************************************************************************************************************************************/
.microservice-overview {
  width: 100%;
  position: relative;
  height: calc(100% - 40px);
}

.microservice-structure {
  height: calc(100% - 50px);
  position: relative;
}

.microservice-right {
  width: 70%;
  height: 100%;
}
.microservice-left {
  width: 30%;
  height: 100%;
  padding-top: 10px;
  padding-left: 55px;
  padding-right: 18px;
  position: relative;
}
.microservice-left-icon {
  position: absolute;
  margin-left: -55px;
  margin-top: -10px;
}
.microservice-left-title {
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  color: #202552;
  margin-bottom: 9px;
  cursor: default;
}
.microservice-left-title-2 {
  font-size: 16px;
  line-height: 26px;
  color: #202552;
  margin-bottom: 6px;
}
.microservice-left-metadata {
  width: 100%;
  height: calc(100% - 211px);
  position: relative;
  background: #F8FAFF;
  margin-bottom: 10px;
}
.microservice-left-metadata-in {
  position: absolute;
  height: calc(100% - 20px);
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 15px;
  scrollbar-width: auto !important;
  overscroll-behavior: contain;
  margin: 10px;
}
.microservice-left-metadata-in::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.microservice-left-metadata-in::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #F1F1F1;
}
.microservice-left-metadata-in::-webkit-scrollbar-thumb {
  background-color: #9CA4F0;
  outline: 1px solid rgba(238, 238, 238, 0.3);
  border-radius: 2px;
}
.microservice-left-information {
  width: 100%;
  height: auto;
  background: #F8FAFF;
  padding: 10px;
  padding-left: 30px;
  cursor: default;
}
.microservice-left-information-key {
  font-size: 16px;
  line-height: 22px;
  color: #202552;
  margin-bottom: 3px;
}
.microservice-left-information-value {
  font-size: 14px;
  line-height: 22px;
  color: #636270;
  word-break: break-all;
  list-style: disc;
  display: list-item;
}
.microservice-left-statistic {
  width: 100%;
  background: #F8FAFF;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  padding: 10px;
  height: 130px;
}
.microservice-left-statistic-in {
  width: 100%;
  background: #F8FAFF;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  height: 100%;
  margin: 10px;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 15px;
  scrollbar-width: auto !important;
  overscroll-behavior: contain;
}
.microservice-left-statistic-in::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.microservice-left-statistic-in::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #F1F1F1;
}
.microservice-left-statistic-in::-webkit-scrollbar-thumb {
  background-color: #9CA4F0;
  outline: 1px solid rgba(238, 238, 238, 0.3);
  border-radius: 2px;
}
.microservice-block {
  display: flex;
  width: 100%;
  height: 60%;
}
.microservice-table-pods {
  width: 100%;
  height: 40%;
  position: relative;
}
/*!*******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/MicroserviceMode/Microservices/MicroservicePage/NetworkTab/networkPolicies/details/style.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************/
.network-policy-title {
  line-height: 20px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/blocks/networkDetailsSidebar/networkDetailsSection/networkIngressEgressTable/networkAppInfoExpand/style.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************/
.network-app-info-expanded {
  background-color: rgb(248, 250, 255);
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
}
/*!*********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/MicroserviceMode/Microservices/MicroservicePage/ResourcesTab/filterModal/style.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************/
.filters-modal-application-resources {
  width: 800px;
  display: flex;
  flex-direction: column;
}
.filters-modal-application-resources .filters-tabs {
  flex: 1;
}
.filters-modal-application-resources .apply-button {
  padding-left: 40px;
  padding-right: 40px;
  margin: 0;
}
.filters-modal-application-resources .calendar-title {
  font-size: 0.83em;
  margin: 10px 0;
  color: #636270;
  font-weight: bold;
  unicode-bidi: isolate;
  line-height: 18px;
}
.filters-modal-application-resources .container-width {
  width: 100%;
}
.filters-modal-application-resources .container-in-block {
  width: 100%;
  margin-left: 45px;
  margin-top: 2px;
  margin-bottom: 4px;
}
.filters-modal-application-resources .container-next-block {
  margin-top: 2px;
  margin-bottom: 4px;
}
/*!*********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/blocks/graphPercentInformation/style.scss ***!
  \*********************************************************************************************************************************************************************************************/
.graph-percent-information-percent {
  margin-right: 16px;
  margin-left: 16px;
  cursor: default;
}
.graph-percent-information-left {
  left: 0;
  border-top-right-radius: 5px;
}
.graph-percent-information-right {
  right: 0;
  border-top-left-radius: 5px;
}
.graph-percent-information-bottom {
  position: absolute;
  padding: 9px 18px 7px 28px;
  z-index: 15;
  background: rgba(255, 255, 255, 0.7);
  bottom: 0;
  font-size: 12px;
  line-height: 22px;
  color: #202552;
}
.graph-percent-information-bottom-in {
  place-items: center;
  width: 100%;
  display: flex;
  float: left;
  flex: 1;
}
/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/MicroserviceMode/Microservices/MicroservicePage/OverviewTab/podsTable/style.scss ***!
  \******************************************************************************************************************************************************************************************************************************************/
div.pods-table > div > div > .rdt_TableBody {
  position: absolute;
  width: 100%;
  top: 31px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/MicroserviceMode/Microservices/MicroservicesComparisonPage/KubernetesDataAndDetailsCompare/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************/
.kubernetes-details-compare-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 20px;
       column-gap: 20px;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/MicroserviceMode/Microservices/MicroservicesComparisonPage/KubernetesDataAndDetailsCompare/kubernetesStatisticIconValue/style.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************/
.kubernetes-details-compare-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 20px;
       column-gap: 20px;
}
/*!********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/MicroserviceMode/Microservices/MicroservicesComparisonPage/KubernetesNetworkCompare/style.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************/
.global-network-policy-info {
  position: absolute;
  padding: 9px 18px 7px 28px;
  z-index: 15;
  background: rgba(255, 255, 255, 0.7);
  border-top-right-radius: 5px;
  bottom: 0;
  left: 0;
}
.global-network-policy-info_icon {
  position: relative;
  width: 40px;
  height: 40px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/MicroserviceMode/Microservices/MicroservicesComparisonPage/KubernetesNetworkCompare/compareLocalhosts/style.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/
.global-network-policy-info {
  position: absolute;
  padding: 9px 18px 7px 28px;
  z-index: 15;
  background: rgba(255, 255, 255, 0.7);
  border-top-right-radius: 5px;
  bottom: 0;
  left: 0;
}
.global-network-policy-info_icon {
  position: relative;
  width: 40px;
  height: 40px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/MicroserviceMode/Microservices/MicroservicesComparisonPage/KubernetesNetworkCompare/compareNetworkSources/style.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************/
.global-network-policy-info {
  position: absolute;
  padding: 9px 18px 7px 28px;
  z-index: 15;
  background: rgba(255, 255, 255, 0.7);
  border-top-right-radius: 5px;
  bottom: 0;
  left: 0;
}
.global-network-policy-info_icon {
  position: relative;
  width: 40px;
  height: 40px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/MicroserviceMode/Microservices/MicroservicesComparisonPage/KubernetesNetworkCompare/compareNetworkDestinations/style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
.global-network-policy-info {
  position: absolute;
  padding: 9px 18px 7px 28px;
  z-index: 15;
  background: rgba(255, 255, 255, 0.7);
  border-top-right-radius: 5px;
  bottom: 0;
  left: 0;
}
.global-network-policy-info_icon {
  position: relative;
  width: 40px;
  height: 40px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/MicroserviceMode/Microservices/MicroservicesComparisonPage/KubernetesNetworkCompare/compareExternalNetwork/style.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************/
.global-network-policy-info {
  position: absolute;
  padding: 9px 18px 7px 28px;
  z-index: 15;
  background: rgba(255, 255, 255, 0.7);
  border-top-right-radius: 5px;
  bottom: 0;
  left: 0;
}
.global-network-policy-info_icon {
  position: relative;
  width: 40px;
  height: 40px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/MicroserviceMode/Microservices/MicroservicesComparisonPage/KubernetesNetworkCompare/compareInternalNetwork/style.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************/
.global-network-policy-info {
  position: absolute;
  padding: 9px 18px 7px 28px;
  z-index: 15;
  background: rgba(255, 255, 255, 0.7);
  border-top-right-radius: 5px;
  bottom: 0;
  left: 0;
}
.global-network-policy-info_icon {
  position: relative;
  width: 40px;
  height: 40px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/MicroserviceMode/Microservices/MicroservicesComparisonPage/KubernetesNetworkCompare/compareListens/style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/
.global-network-policy-info {
  position: absolute;
  padding: 9px 18px 7px 28px;
  z-index: 15;
  background: rgba(255, 255, 255, 0.7);
  border-top-right-radius: 5px;
  bottom: 0;
  left: 0;
}
.global-network-policy-info_icon {
  position: relative;
  width: 40px;
  height: 40px;
}
/*!*******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/ImagesPage/style.scss ***!
  \*******************************************************************************************************************************************************************************************/
.critical.background {
  background-color: rgb(155, 0, 1);
}
.critical.border {
  border: 1px solid rgb(155, 0, 1);
}
.critical.opacity {
  background-color: rgba(155, 0, 1, 0.09);
}

.high.background {
  background-color: rgb(255, 41, 44);
}
.high.border {
  border: 1px solid rgb(255, 41, 44);
}
.high.opacity {
  background-color: rgba(255, 41, 44, 0.13);
}

.medium.background {
  background-color: rgb(233, 124, 74);
}
.medium.border {
  border: 1px solid rgb(233, 124, 74);
}
.medium.opacity {
  background-color: rgba(233, 124, 74, 0.13);
}

.low.background {
  background-color: rgb(236, 217, 75);
}
.low.border {
  border: 1px solid rgb(236, 217, 75);
}
.low.opacity {
  background-color: rgba(236, 217, 75, 0.13);
}

.negligible.background {
  background-color: rgb(95, 142, 160);
}
.negligible.border {
  border: 1px solid rgb(95, 142, 160);
}
.negligible.opacity {
  background-color: rgba(95, 142, 160, 0.2);
}

.unknown.background {
  background-color: #b8b7b7;
}
.unknown.border {
  border: 1px solid #b8b7b7;
}
.unknown.opacity {
  background-color: rgba(184, 183, 183, 0.13);
}
/*!************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/ImagesPage/RuntimeImagesTab/filterModal/style.scss ***!
  \************************************************************************************************************************************************************************************************************************/
.filters-modal-runtime-image {
  min-width: 250px;
  display: flex;
  flex-direction: column;
}
.filters-modal-runtime-image .filters-tabs {
  flex: 1;
}
.filters-modal-runtime-image .apply-button {
  padding-left: 40px;
  padding-right: 40px;
  margin: 0;
}
/*!*******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/ImagesPage/RuntimeImagesTab/imagesApplications/style.scss ***!
  \*******************************************************************************************************************************************************************************************************************************/
.images-content-containers-count {
  font-size: 12px;
  line-height: 22px;
  text-align: center;
  color: #9DA4F0;
  background: #FFFFFF;
  border-radius: 5px;
  padding-left: 5px;
  padding-right: 5px;
  margin-left: 20px;
  pointer-events: none;
}
/*!*************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/ImagesPage/RegistryImagesTab/style.scss ***!
  \*************************************************************************************************************************************************************************************************************/
.runtime-images-content_containers_count {
  font-size: 12px;
  line-height: 22px;
  text-align: center;
  color: #9DA4F0;
  background: #FFFFFF;
  border-radius: 5px;
  padding-left: 5px;
  padding-right: 5px;
  margin-left: 20px;
}
.runtime-images-content .loader-container {
  height: 65%;
}
/*!********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/ImagesPage/DashboardTab/style.scss ***!
  \********************************************************************************************************************************************************************************************************/
.runtime-images-content_containers_count {
  font-size: 12px;
  line-height: 22px;
  text-align: center;
  color: #9DA4F0;
  background: #FFFFFF;
  border-radius: 5px;
  padding-left: 5px;
  padding-right: 5px;
  margin-left: 20px;
}
.runtime-images-content .loader-container {
  height: 65%;
}
/*!********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/ImagesPage/DashboardTab/filterModal/style.scss ***!
  \********************************************************************************************************************************************************************************************************************/
.filters-modal-dashboard-image {
  min-width: 300px;
  display: flex;
  flex-direction: column;
}
.filters-modal-dashboard-image .filters-tabs {
  flex: 1;
}
.filters-modal-dashboard-image .apply-button {
  padding-left: 40px;
  padding-right: 40px;
  margin: 0;
}
/*!*********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/ImagesPage/ArtifactsTab/styles.scss ***!
  \*********************************************************************************************************************************************************************************************************/
.cveTab .filterInput {
  min-width: 250px;
}
.cveTab .filterInput input {
  width: 100%;
}
.cveTab .selectInput {
  width: 100px;
}
/*!************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/ImagesPage/ArtifactsTab/headerControls/styles.scss ***!
  \************************************************************************************************************************************************************************************************************************/
.artifacts-version-search input {
  border-radius: 0;
}

.artifacts-name-search input {
  border-radius: 5px 0 0 5px !important;
}
/*!*******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/blocks/imageDetailsComponents/packageDetailsRenderer/style.scss ***!
  \*******************************************************************************************************************************************************************************************************************/
.packageDetailsContent {
  color: rgb(130, 130, 130);
  font-size: 14px;
  line-height: 18px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/ImagesPage/ArtifactsTab/artifacts/artifactsByNone/table/packageRenderer/packageImages/style.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************/
.packageImageHeader {
  background-color: lightblue;
}

.packageImage {
  background-color: #FCFCFC;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/ImagesPage/ArtifactsTab/artifacts/artifactsByNone/table/packageRenderer/packageDetails/style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/
.packageDetails {
  margin: 5px;
  margin-left: 18px;
}
.packageDetails .packageDetailsHeader {
  border-radius: 5px;
  background-color: lightblue;
}
/*!***********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/ImagesPage/ArtifactsTab/artifacts/artifactsByNone/styles.scss ***!
  \***********************************************************************************************************************************************************************************************************************************/
.cveTab .filterInput {
  min-width: 250px;
}
.cveTab .filterInput input {
  width: 100%;
}
.cveTab .selectInput {
  width: 100px;
}
/*!***************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/ImagesPage/VulnerabilitiesTab/styles.scss ***!
  \***************************************************************************************************************************************************************************************************************/
.cveTab .filterInput {
  min-width: 250px;
}
.cveTab .filterInput input {
  width: 100%;
}
.cveTab .selectInput {
  width: 100px;
}
/*!******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/ImagesPage/VulnerabilitiesTab/headerControls/styles.scss ***!
  \******************************************************************************************************************************************************************************************************************************/
.artifacts-version-search input {
  border-radius: 0;
}

.artifacts-name-search input {
  border-radius: 5px 0 0 5px !important;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/ImagesPage/VulnerabilitiesTab/vulnerabilities/vulnerabilitiesByImages/expandDetails/vulnerabilityDetails/style.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************/
.vulnerabilityRow {
  display: grid;
  grid-template-columns: 190px 1fr 1fr 240px 240px 140px;
}
.vulnerabilityRow .vulnerabilityDescription {
  grid-column: 1/6;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/ImagesPage/VulnerabilitiesTab/vulnerabilities/vulnerabilitiesByNone/vulnerabilitiesTable/vulnerabilityRenderer/vulnerabilityHeaderRow/style.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************/
.vulnerabilityRow {
  display: grid;
  grid-template-columns: 190px 1fr 1fr 240px 240px 140px;
}
.vulnerabilityRow .vulnerabilityDescription {
  grid-column: 1/6;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/ImagesPage/VulnerabilitiesTab/vulnerabilities/vulnerabilitiesByNone/vulnerabilitiesTable/vulnerabilityRenderer/vulnerabilityImages/style.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************/
.detailsWrapper {
  background: #F8FAFF;
  margin-left: 20px;
  border-radius: 5px;
  border: 1px solid #F6F4F4;
  padding: 5px 10px;
  margin-top: 15px;
  border-bottom: 1px solid #EDF0F2;
}

.vulnerabilityImage {
  background-color: #FCFCFC;
}
/*!*****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/ImagesPage/VulnerabilitiesTab/vulnerabilities/vulnerabilitiesByNone/styles.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************/
.componentsTable {
  box-shadow: 0 4px 20px #DBE7F9;
}
.componentsTable .packageInput {
  min-width: 226px;
}
.componentsTable .packageInput input {
  width: 226px;
}
/*!**********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/DashboardPage/style.scss ***!
  \**********************************************************************************************************************************************************************************************/
.DashboardPage {
  display: grid;
  grid-template-areas: "systems systems systems systems systems policies policies policies policies" "anomalies anomalies anomalies anomalies anomalies anomalies anomalies anomalies anomalies";
  grid-gap: 16px;
  grid-template-columns: repeat(9, 1fr);
  grid-template-rows: 168px auto;
  position: relative;
}
@media only screen and (max-width: 1800px) {
  .DashboardPage {
    grid-template-rows: 168px auto;
  }
}
@media only screen and (min-width: 1800px) {
  .DashboardPage {
    grid-template-rows: 243px auto;
  }
}

.anomaly-link-text {
  text-decoration: none;
}
.anomaly-link-text:link, .anomaly-link-text:visited, .anomaly-link-text:hover, .anomaly-link-text:active {
  color: #9DA4F0;
}

.dashboard-link {
  cursor: pointer;
}

a.dashboard-link {
  text-decoration: none;
}
a.dashboard-link:link {
  color: #202552;
}
a.dashboard-link:visited {
  color: #202552;
}
a.dashboard-link:hover {
  color: #202552;
}
a.dashboard-link:active {
  color: #202552;
}
a.dashboard-link_Warning {
  text-decoration: none;
}
a.dashboard-link_Warning:link {
  color: #FD7272;
}
a.dashboard-link_Warning:visited {
  color: #FD7272;
}
a.dashboard-link_Warning:hover {
  color: #FD7272;
}
a.dashboard-link_Warning:active {
  color: #FD7272;
}
/*!************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/DashboardPage/modules/policiesStatistic/policyCount/style.scss ***!
  \************************************************************************************************************************************************************************************************************************************/
.dashboard-policy-count {
  cursor: default;
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-left: 2px;
  padding-right: 2px;
  text-align: center;
}
@media only screen and (max-width: 1800px) {
  .dashboard-policy-count {
    margin-top: 44px;
  }
}
@media only screen and (min-width: 1800px) {
  .dashboard-policy-count {
    margin-top: 62px;
  }
}
.dashboard-policy-count + .dashboard-policy-count {
  border-left: 1px solid #F6F4F4;
}
.dashboard-policy-count .title {
  text-align: center;
  color: #636270;
}
@media only screen and (max-width: 1800px) {
  .dashboard-policy-count .title {
    font-size: 12px;
    line-height: 12px;
    margin-bottom: 21px;
  }
}
@media only screen and (min-width: 1800px) {
  .dashboard-policy-count .title {
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 31px;
  }
}
.dashboard-policy-count .value {
  cursor: default;
  text-align: center;
  color: #202552;
}
@media only screen and (max-width: 1800px) {
  .dashboard-policy-count .value {
    font-size: 24px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 1800px) {
  .dashboard-policy-count .value {
    font-size: 32px;
    line-height: 37px;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/DashboardPage/modules/systemStatistic/systemCount/style.scss ***!
  \**********************************************************************************************************************************************************************************************************************************/
.dashboard-system-count {
  cursor: default;
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-left: 2px;
  padding-right: 2px;
  text-align: center;
}
@media only screen and (max-width: 1800px) {
  .dashboard-system-count {
    margin-top: 44px;
  }
}
@media only screen and (min-width: 1800px) {
  .dashboard-system-count {
    margin-top: 62px;
  }
}
.dashboard-system-count + .dashboard-system-count {
  border-left: 1px solid #F6F4F4;
}
.dashboard-system-count .title {
  text-align: center;
  color: #636270;
}
@media only screen and (max-width: 1800px) {
  .dashboard-system-count .title {
    font-size: 12px;
    line-height: 12px;
    margin-bottom: 21px;
  }
}
@media only screen and (min-width: 1800px) {
  .dashboard-system-count .title {
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 31px;
  }
}
.dashboard-system-count .value {
  cursor: default;
  text-align: center;
  color: #202552;
}
@media only screen and (max-width: 1800px) {
  .dashboard-system-count .value {
    font-size: 24px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 1800px) {
  .dashboard-system-count .value {
    font-size: 32px;
    line-height: 37px;
  }
}
/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/DashboardPage/modules/anomaliesStatistic/sunburstChart/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************/
.sunburst-block {
  height: calc(100% - 20px);
  display: flex;
  justify-content: space-around;
  position: relative;
}
.sunburst-block-graph {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
}

.Sunburst {
  width: 50%;
  height: 100%;
  float: left;
  margin-left: 25px;
  position: absolute;
  left: 0;
}
.Sunburst_Main {
  width: 50%;
  height: 100%;
}
.Sunburst_Info {
  border-radius: 5px;
  justify-content: center;
  display: flex;
  height: 55%;
  width: 100%;
}
.Sunburst_Info__ {
  width: 95%;
}
.Sunburst_Info_Block {
  width: 100%;
  height: 44px;
  background: #F1F6FE;
  margin-top: 16px;
  border-radius: 5px;
  cursor: pointer;
}
.Sunburst_Info_Block_Element {
  height: 100%;
  padding-top: 10px;
  display: flex;
}
.Sunburst_Info_Block_Element.Float_Left {
  padding-left: 15px;
}
.Sunburst_Info_Block_Element.Float_Right {
  padding-right: 15px;
}
.Sunburst_Info_Block_Element_Title {
  justify-content: center;
  display: flex;
  padding-top: 27px;
}
.Sunburst_Info_Block_Svg {
  vertical-align: middle;
  margin-right: 3px;
}
.Sunburst_Info_Block_Title {
  vertical-align: middle;
  line-height: 26px;
  color: #202552;
}
@media only screen and (min-height: 1080px) {
  .Sunburst_Info_Block_Title {
    font-size: 24px;
    line-height: 26px;
  }
}
@media only screen and (min-height: 760px) and (max-height: 1080px) {
  .Sunburst_Info_Block_Title {
    font-size: 18px;
    line-height: 26px;
  }
}
@media only screen and (max-height: 760px) {
  .Sunburst_Info_Block_Title {
    font-size: 15px;
    line-height: 26px;
  }
}
.Sunburst_Block {
  display: block;
  width: 40%;
  position: absolute;
  right: 0;
}
.Sunburst_History {
  background: #F1F6FE;
  width: 100%;
  border-top: 2px solid #FFFFFF;
}
.Sunburst_History_Block {
  padding: 26px 26px;
  height: 100%;
  display: flex;
}
.Sunburst_History_Block_Info {
  padding-top: 20px;
}
.Sunburst_History_Block_Title {
  width: 100%;
  font-size: 18px;
  line-height: 22px;
  color: #202552;
  mix-blend-mode: normal;
}
.Sunburst_History_Block_Subtitle {
  width: 100%;
  font-size: 12px;
  line-height: 13px;
  color: #677177;
  mix-blend-mode: normal;
}
.Sunburst_Filter {
  position: absolute;
}
.Sunburst_Filter_Types {
  bottom: 5px;
  right: 30px;
  justify-content: right;
  display: flex;
}
.Sunburst_Filter_Namespaces {
  bottom: 5px;
  left: 30px;
  justify-content: right;
  display: flex;
  height: 32px;
}
.Sunburst_Filter_Block {
  width: 100%;
  display: flex;
  justify-content: center;
}
.Sunburst_Filter_First_Radio {
  margin-right: 20px;
}
.Sunburst_Filter_Label {
  font-style: normal;
  font-weight: normal;
  line-height: 22px;
  color: #202552;
}
@media only screen and (max-width: 1280px) {
  .Sunburst_Filter_Label {
    font-size: 12px;
  }
}
@media only screen and (min-width: 1280px) {
  .Sunburst_Filter_Label {
    font-size: 14px;
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/DashboardPage/modules/anomaliesStatistic/sunburstChart/percentInfo/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************/
.percent-info {
  padding-left: 15px;
}
.percent-info-block {
  line-height: 44px;
  color: #202552;
  width: 100%;
  height: 44px;
  background: #F1F6FE;
  margin-top: 16px;
  border-radius: 5px;
  cursor: pointer;
  padding-left: 15px;
  padding-right: 15px;
  justify-content: space-between;
  display: flex;
}
.percent-info-block .title {
  vertical-align: middle;
}
@media only screen and (max-width: 1800px) {
  .percent-info-block .title {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1800px) {
  .percent-info-block .title {
    font-size: 24px;
  }
}
.percent-info-in {
  padding-left: 22px;
}
.percent-info-in .in-element {
  height: 80px;
}
.percent-info-in .in-element:last-child {
  height: auto;
}
/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/DashboardPage/modules/anomaliesStatistic/sunburstChart/percentInfo/infoBlock/style.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************/
.sunburst-block-type {
  height: 80px;
  padding-left: 22px;
}
/*!***********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/DashboardPage/modules/anomaliesStatistic/counters/anomalyCount/style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************/
.dashboard-anomaly-count {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-left: 2px;
  padding-right: 2px;
  text-align: center;
}
.dashboard-anomaly-count + .dashboard-anomaly-count {
  border-left: 1px solid #FFFFFF;
}
@media only screen and (max-width: 1800px) {
  .dashboard-anomaly-count {
    margin-top: 15px;
  }
}
@media only screen and (min-width: 1800px) {
  .dashboard-anomaly-count {
    margin-top: 35px;
  }
}
.dashboard-anomaly-count .title {
  cursor: default;
  text-align: center;
  color: #636270;
  margin-bottom: 26px;
}
@media only screen and (max-width: 1800px) {
  .dashboard-anomaly-count .title {
    font-size: 12px;
    line-height: 11px;
    margin-bottom: 21px;
  }
}
@media only screen and (min-width: 1800px) {
  .dashboard-anomaly-count .title {
    font-size: 18px;
    line-height: 16px;
    margin-bottom: 26px;
  }
}
.dashboard-anomaly-count .count {
  cursor: pointer;
  text-align: center;
  color: #202552;
}
@media only screen and (max-width: 1800px) {
  .dashboard-anomaly-count .count {
    font-size: 24px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 1800px) {
  .dashboard-anomaly-count .count {
    font-size: 32px;
    line-height: 37px;
  }
}
.dashboard-anomaly-count .warning {
  color: #FD7272;
}
/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/DashboardPage/modules/anomaliesStatistic/top/policyRow/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************/
.top-policy {
  color: #636270 !important;
}
.top-policy-row {
  display: flex;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 9px;
}
.top-policy-row + .top-policy-row {
  border-top: 1px solid #FFFFFF;
}
.top-policy-firsts {
  color: #FD7272 !important;
}
.top-policy-firsts .top-policy-position {
  background-color: #FFDCDC;
}
.top-policy-firsts .icon {
  color: #FD7272;
}
.top-policy-firsts a {
  text-decoration: none;
  color: #FD7272;
}
.top-policy-position {
  flex: 0 0 21px;
  width: 21px;
  border-radius: 50%;
  text-align: center;
  cursor: default;
}
@media only screen and (max-width: 1800px) {
  .top-policy-position {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1800px) {
  .top-policy-position {
    font-size: 18px;
  }
}
.top-policy-link {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 8px;
  margin-right: 10px;
  line-height: 22px;
}
@media only screen and (max-width: 1800px) {
  .top-policy-link {
    font-size: 12px;
  }
}
@media only screen and (min-width: 1800px) {
  .top-policy-link {
    font-size: 18px;
  }
}
.top-policy-rate {
  cursor: default;
  padding-left: 15px;
  padding-right: 10px;
  margin-left: auto;
  font-size: 12px;
  line-height: 22px;
  text-align: right;
}
.top-policy .icon {
  color: #677177;
}
.top-policy a {
  text-decoration: none;
  color: #677177;
}
/*!*****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/DashboardPage/modules/anomaliesStatistic/top/style.scss ***!
  \*****************************************************************************************************************************************************************************************************************************/
.top-policies-by-anomaly {
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: auto !important;
  overscroll-behavior: contain;
  padding-right: 15px;
  height: calc(100% - 46px);
  margin: 15px 0 15px;
}
.top-policies-by-anomaly::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.top-policies-by-anomaly::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #F1F1F1;
}
.top-policies-by-anomaly::-webkit-scrollbar-thumb {
  background-color: #9CA4F0;
  outline: 1px solid rgba(238, 238, 238, 0.3);
  border-radius: 2px;
}
/*!**************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/DashboardPage/modules/anomaliesStatistic/filtersModal/style.scss ***!
  \**************************************************************************************************************************************************************************************************************************************/
.filters-modal-dashboard {
  width: auto;
  display: flex;
  flex-direction: column;
}
/*!*********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/style.scss ***!
  \*********************************************************************************************************************************************************************************************/
.anomaly-link-text {
  text-decoration: none;
}
.anomaly-link-text:link, .anomaly-link-text:visited, .anomaly-link-text:hover, .anomaly-link-text:active {
  color: #9DA4F0;
}
/*!****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/NetworkPoliciesTab/style.scss ***!
  \****************************************************************************************************************************************************************************************************************/
.network-policies-content {
  height: calc(100% - 50px);
  position: absolute;
  width: calc(100% - 24px);
}
/*!***********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/PolicyEngineTab/dashboard/style.scss ***!
  \***********************************************************************************************************************************************************************************************************************/
.policy-engines_count {
  background: #F1F6FE;
  border-radius: 5px;
  height: 120px;
  width: 100%;
  margin-bottom: 15px;
}
.policy-engines_count_block {
  display: flex;
  justify-content: space-around;
  background: #F1F6FE;
  border-radius: 5px;
  height: calc(100% - 22px);
}
.policy-engines_loader {
  height: 50%;
}

.policy-engines-title {
  cursor: default;
  font-size: 15px;
  line-height: 11px;
  text-align: center;
  color: #636270;
  padding-top: 10px;
  padding-right: 15px;
}

.policy-engines-counts {
  display: flex;
  justify-content: space-around;
  background: #F1F6FE;
  border-radius: 5px;
  height: calc(100% - 22px);
}
/*!************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/PolicyEngineTab/dashboard/violationsStatistic/violationCounter/style.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************/
.violation-count {
  margin-top: 15px;
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-left: 2px;
  padding-right: 2px;
  text-align: center;
}
.violation-count_key {
  cursor: default;
  font-size: 12px;
  line-height: 11px;
  text-align: center;
  color: #636270;
  margin-bottom: 26px;
}
.violation-count_value {
  cursor: pointer;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
  color: #202552;
}
.violation-count_value a {
  text-decoration: none;
}
.violation-count_value a:link {
  color: #202552;
}
.violation-count_value a:visited {
  color: #202552;
}
.violation-count_value a:hover {
  color: #202552;
}
.violation-count_value a:active {
  color: #202552;
}
.violation-count + .violation-count {
  border-left: 1px solid #FFFFFF;
}
/*!*******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/PolicyEngineTab/dashboard/policiesStatistic/policyCounter/style.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************/
.policy-count {
  margin-top: 15px;
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-left: 2px;
  padding-right: 2px;
  text-align: center;
}
.policy-count_key {
  cursor: default;
  font-size: 12px;
  line-height: 11px;
  text-align: center;
  color: #636270;
  margin-bottom: 26px;
}
.policy-count_value {
  cursor: pointer;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
  color: #202552;
}
.policy-count_value a {
  text-decoration: none;
}
.policy-count_value a:link {
  color: #202552;
}
.policy-count_value a:visited {
  color: #202552;
}
.policy-count_value a:hover {
  color: #202552;
}
.policy-count_value a:active {
  color: #202552;
}
.policy-count + .policy-count {
  border-left: 1px solid #FFFFFF;
}
/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/PolicyEngineTab/dashboard/policiesCategory/style.scss ***!
  \****************************************************************************************************************************************************************************************************************************************/
.policy-engines_donut {
  height: 100%;
  background: #F1F6FE;
  border-radius: 5px;
  width: 49%;
  display: flex;
  padding: 10px;
  justify-content: center;
}
.policy-engines_donut_graph {
  width: 235px;
  height: 235px;
  margin: 10px;
}
.policy-engines_donut_information {
  display: block;
  width: -moz-max-content;
  width: max-content;
  max-width: calc(100% - 240px);
  margin: 10px;
}
.policy-engines_donut_detail {
  display: flex;
  cursor: default;
  font-size: 14px;
  line-height: 14px;
  color: #636270;
  margin: 10px;
}
.policy-engines_donut_detail_key {
  width: 300px;
}
.policy-engines_donut_detail_color {
  margin-right: 15px;
}
.policy-engines_donut_detail_color_qube {
  width: 10px;
  height: 10px;
  display: inline-block;
  vertical-align: middle;
}
/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/PolicyEngineTab/dashboard/policyResultsGraph/style.scss ***!
  \******************************************************************************************************************************************************************************************************************************************/
.policy-engines_results_title {
  cursor: default;
  font-size: 15px;
  line-height: 15px;
  text-align: center;
  color: #636270;
  padding-top: 30px;
  padding-right: 15px;
}
.policy-engines_results_graph {
  margin-bottom: 20px;
  display: flex;
  width: 100%;
  justify-content: space-between;
}
/*!*****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/PolicyEngineTab/dashboard/policyResultsGraph/sortFilter/style.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************/
.policy-engines_sort_filter {
  display: flex;
  height: 44px;
  font-size: 14px;
  line-height: 37px;
  color: #677177;
  float: left;
}
.policy-engines_sort_filter label:not(:last-child) {
  margin-right: 40px;
}
/*!***************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/PolicyEngineTab/dashboard/policyResultsGraph/barChart/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************/
.scroll_area_style {
  height: calc(100% - 50px);
  position: relative;
}
/*!**************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/PolicyEngineTab/policies/headerControls/styles.scss ***!
  \**************************************************************************************************************************************************************************************************************************************/
.artifacts-version-search input {
  border-radius: 0;
}

.artifacts-name-search input {
  border-radius: 5px 0 0 5px !important;
}
/*!************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/PolicyEngineTab/violations/filterModal/style.scss ***!
  \************************************************************************************************************************************************************************************************************************************/
.filters-modal-host-runtime-detects {
  width: auto;
  min-width: 460px;
  display: flex;
  flex-direction: column;
}
.filters-modal-host-runtime-detects .filters-tabs {
  flex: 1;
}
.filters-modal-host-runtime-detects .apply-button {
  padding-left: 40px;
  padding-right: 40px;
  margin: 0;
}
.filters-modal-host-runtime-detects .calendar-title {
  font-size: 0.83em;
  margin: 10px 0;
  color: #636270;
  font-weight: bold;
  unicode-bidi: isolate;
  line-height: 18px;
}
/*!***********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/PolicyEngineTab/library/PolicyFilters/style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************/
.PolicyFilters {
  display: grid;
  grid-template-rows: auto 1fr;
  row-gap: 5px;
}
/*!*************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/RuntimePoliciesTab/policies/style.scss ***!
  \*************************************************************************************************************************************************************************************************************************/
.runtime-policy-context-action {
  bottom: 0;
  right: 0;
  z-index: 100;
}
/*!**********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/RuntimePoliciesTab/policies/policies/style.scss ***!
  \**********************************************************************************************************************************************************************************************************************************/
.runtime-policy_cell {
  pointer-events: none !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: flex;
}
.runtime-policy_table .rdt_Table .rdt_TableCell {
  padding-left: 0;
}
.runtime-policy_table .rdt_Table .rdt_TableCell > * {
  white-space: normal;
  overflow: hidden !important;
}
.runtime-policy_table .rdt_Table .rdt_TableHeadRow {
  padding-right: 20px !important;
  padding-left: 0 !important;
}
.runtime-policy-content {
  height: calc(100% - 130px);
  position: absolute;
  width: calc(100% - 44px);
  margin-top: 10px;
}
.runtime-policy-content .loader-container {
  height: 65%;
}
/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/RuntimePoliciesTab/policies/filterModal/style.scss ***!
  \*************************************************************************************************************************************************************************************************************************************/
.filters-modal-policy {
  width: 400px;
  display: flex;
  flex-direction: column;
}
.filters-modal-policy .filters-tabs {
  flex: 1;
}
.filters-modal-policy .apply-button {
  padding-left: 40px;
  padding-right: 40px;
  margin: 0;
}

.filters-container {
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.filters-container > * {
  flex: 1 1 0;
  width: 0;
}
/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/RuntimePoliciesTab/policies/contextAction/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************/
.context-action-active-icon {
  color: #2E5BFF;
  margin: 5px;
  width: 20px;
  height: 20px;
}
.context-action-active-icon:hover {
  color: #6586FF;
}

.context-action-disabled-icon {
  color: #B3BCDC;
  pointer-events: none;
  margin: 5px;
  width: 20px;
  height: 20px;
}

.context-action-loader {
  position: fixed;
  left: 0;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 1002;
}
.context-action-loader .left-margin {
  left: 64px;
  width: calc(100% - 64px);
}
/*!********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/RuntimePoliciesTab/policies/importAndExport/PoliciesExport/ExportModal/style.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************/
.export-modal-section {
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
}
/*!********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/RuntimePoliciesTab/policies/importAndExport/PoliciesImport/style.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************/
.policy-import-loader-block {
  width: 300px;
  height: 300px;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none;
          backdrop-filter: none;
}
.policy-import-loader-block .loader-container {
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none;
          backdrop-filter: none;
}
/*!********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/RuntimePoliciesTab/policies/importAndExport/PoliciesImport/ImportModal/style.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************/
.import-modal-tab {
  flex: 1;
  position: relative;
  cursor: default;
  font-size: 12px;
  line-height: 22px;
  color: #202552;
  width: 100%;
  padding-left: 5px;
  padding-top: 5px;
  border-bottom: 1px solid #F6F4F4;
}
.import-modal-tab .tabs-header {
  padding-left: 17px;
}

.import-select {
  width: 210px;
}
.import-select-block {
  margin-top: 10px;
}
.import-select-title {
  font-size: 12px;
  line-height: 26px;
  color: #677177;
  width: 190px;
  display: inline-flex;
}

.import-policy-select-input {
  padding-left: 2px;
  font-size: 12px;
  line-height: 22px;
  letter-spacing: 0.323077px;
  color: #677177;
  mix-blend-mode: normal;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/RuntimePoliciesTab/policies/importAndExport/PoliciesImport/ImportModal/ImportFromFile/style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
.import-from-file {
  font-size: 14px;
  line-height: 22px;
  color: #677177;
  padding: 15px;
  border: 2px solid #F6F4F4;
  margin: 15px;
  width: 450px;
  border-radius: 5px;
}
.import-from-file-error {
  font-size: 12px;
  color: rgb(252, 119, 120);
  margin: 15px;
  line-height: 22px;
}
.import-from-file-file-block {
  max-height: 220px;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 15px;
  scrollbar-width: auto !important;
  overscroll-behavior: contain;
}
.import-from-file-file-block::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.import-from-file-file-block::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #F1F1F1;
}
.import-from-file-file-block::-webkit-scrollbar-thumb {
  background-color: #9CA4F0;
  outline: 1px solid rgba(238, 238, 238, 0.3);
  border-radius: 2px;
}
.import-from-file-file-content {
  word-break: break-word;
  white-space: pre-wrap;
  word-wrap: break-word;
  text-align: left;
  font-family: monospace;
  font-size: 12px;
  line-height: 15px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/RuntimePoliciesTab/policies/importAndExport/PoliciesImport/ImportModal/ImportFromPolicy/style.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************/
.import-from-policy {
  font-size: 14px;
  line-height: 22px;
  color: #677177;
  padding: 15px;
  border: 2px solid #F6F4F4;
  margin: 15px;
  width: 450px;
  border-radius: 5px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/RuntimePoliciesTab/policies/importAndExport/PoliciesImport/ImportModal/Selectors/PolicySelector/style.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************/
.import-modal-tab {
  flex: 1;
  position: relative;
  cursor: default;
  font-size: 12px;
  line-height: 22px;
  color: #202552;
  width: 100%;
  padding-left: 5px;
  padding-top: 5px;
  border-bottom: 1px solid #F6F4F4;
}
.import-modal-tab .tabs-header {
  padding-left: 17px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/RuntimePoliciesTab/policies/importAndExport/PoliciesImport/ImportModal/ImportPolicyData/style.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************/
.import-from-policy {
  font-size: 14px;
  line-height: 22px;
  color: #677177;
  padding: 15px;
  border: 2px solid #F6F4F4;
  margin: 15px;
  width: 450px;
  border-radius: 5px;
}

.import-policy-input {
  padding-left: 2px;
  font-size: 12px;
  line-height: 22px;
  letter-spacing: 0.323077px;
  color: #677177;
  mix-blend-mode: normal;
}
/*!**************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/RuntimePoliciesTab/anomalies/style.scss ***!
  \**************************************************************************************************************************************************************************************************************************/
.runtime-policy-anomaly-context-action {
  position: absolute;
  bottom: 0;
  right: 0;
}
.runtime-policy-anomaly-action {
  left: 22px;
  bottom: 24px;
  position: absolute;
  text-align: center;
  display: flex;
}
.runtime-policy-anomaly-action button:first-child {
  margin-right: 8px;
}
/*!**************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/RuntimePoliciesTab/anomalies/filterModal/style.scss ***!
  \**************************************************************************************************************************************************************************************************************************************/
.filters-modal-anomaly {
  width: 700px;
  min-width: 700px;
  display: flex;
  flex-direction: column;
}
.filters-modal-anomaly .filters-tabs {
  flex: 1;
}
.filters-modal-anomaly .apply-button {
  padding-left: 40px;
  padding-right: 40px;
  margin: 0;
}
.filters-modal-anomaly .calendar-title {
  font-size: 0.83em;
  margin: 10px 0;
  color: #636270;
  font-weight: bold;
  unicode-bidi: isolate;
  line-height: 18px;
}

.filters-container {
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.filters-container > * {
  flex: 1 1 0;
  width: 0;
}
/*!******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/RuntimePoliciesTab/anomalies/anomalies/anomaliesByPolicy/style.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************/
.anomaly-groups_cell {
  pointer-events: none !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: flex;
  padding: 0;
  width: 100%;
  height: 100%;
  line-height: 44px;
}
.anomaly-groups_cell:not(:last-child) {
  border-right: 1px solid rgb(228, 228, 228);
}
.anomaly-groups_cell .right-position {
  margin-left: auto;
  margin-right: 10px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/RuntimePoliciesTab/anomalies/anomalies/anomaliesByPolicy/expandableRowAnomalies/style.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************/
.expandable-row-anomalies {
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  border-radius: 5px;
  border-bottom: 1px solid rgb(246, 244, 244);
  border-left: 1px solid rgb(246, 244, 244);
  border-right: 1px solid rgb(246, 244, 244);
}
.expandable-row-anomalies .rdt_TableHeadRow {
  padding-right: 0 !important;
}
.expandable-row-anomalies .rdt_TableBody {
  padding-right: 0 !important;
}
/*!****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/RuntimePoliciesTab/anomalies/anomalies/anomaliesByNone/style.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************/
.anomalies_cell {
  pointer-events: none !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: flex;
  padding: 0;
}
/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/RuntimePoliciesTab/anomalies/contextAction/style.scss ***!
  \****************************************************************************************************************************************************************************************************************************************/
.context-anomaly-action-loader {
  position: fixed;
  height: 100%;
  top: 0;
  z-index: 1002;
  left: 64px;
  width: calc(100% - 64px);
}
/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/RuntimeRulesTab/detects/detectDetailsSidebar/style.scss ***!
  \******************************************************************************************************************************************************************************************************************************************/
.kubernetes-object-details {
  width: 600px;
  min-width: 600px;
  font-size: 14px;
}
.kubernetes-object-details .data-section {
  display: flex;
  flex-direction: column;
  row-gap: 3px;
}
.kubernetes-object-details .export-button {
  margin-bottom: 5px;
  align-self: self-end;
}
/*!**********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/RuntimeRulesTab/library/rulesFilters/style.scss ***!
  \**********************************************************************************************************************************************************************************************************************************/
.PolicyFilters {
  display: grid;
  grid-template-rows: auto 1fr;
  row-gap: 5px;
}
/*!**************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/RuntimeRulesTab/library/ruleDetailsModal/style.scss ***!
  \**************************************************************************************************************************************************************************************************************************************/
.rule-library-details-label {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 20px;
  color: #677177;
  overflow-wrap: break-word;
  word-break: break-word;
  cursor: default;
  min-height: 20px;
}
.rule-library-details-label span:first-of-type {
  width: 210px;
}

.rule-library-details-content {
  max-height: 400px;
  width: 100%;
  overflow: auto;
  padding-right: 5px;
}
/*!*********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/RuntimeRulesTab/detects/filterModal/style.scss ***!
  \*********************************************************************************************************************************************************************************************************************************/
.filters-modal-runtime-detects {
  width: auto;
  min-width: 660px;
  display: flex;
  flex-direction: column;
}
.filters-modal-runtime-detects .filters-tabs {
  flex: 1;
}
.filters-modal-runtime-detects .apply-button {
  padding-left: 40px;
  padding-right: 40px;
  margin: 0;
}
.filters-modal-runtime-detects .calendar-title {
  font-size: 0.83em;
  margin: 10px 0;
  color: #636270;
  font-weight: bold;
  unicode-bidi: isolate;
  line-height: 18px;
}

.filters-container {
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.filters-container > * {
  flex: 1 1 0;
  width: 0;
}
/*!*******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/RuntimeRulesTab/rules/table/modules/editModal/style.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************/
.reaction-policies-factor-edit {
  margin-top: 10px;
  height: 180px;
  width: 650px;
}

.reaction-policies-error-info {
  margin-left: 10px;
  padding: 0;
  line-height: 30px;
  font-size: 12px;
  color: rgb(244, 67, 54);
  word-break: break-word;
  white-space: pre-wrap;
  word-wrap: break-word;
}

.policies-settings-edit-label-with-help {
  width: 134px;
}

.runtime-rules-settings-edit-select {
  width: 500px;
}

.runtime-rules-settings-label {
  font-size: 14px;
  line-height: 25px;
  color: #677177;
  overflow-wrap: break-word;
  word-break: break-word;
  cursor: default;
}

.runtime-rules-settings-edit {
  margin-top: 10px;
  margin-bottom: 10px;
  height: 25px;
  font-size: 14px;
  line-height: 25px;
  color: #677177;
  overflow-wrap: break-word;
  word-break: break-word;
  cursor: default;
}

.runtime-rules-settings-array-query {
  margin-top: 5px;
  margin-bottom: 5px;
  height: 25px;
  font-size: 14px;
  line-height: 25px;
  color: #677177;
  overflow-wrap: break-word;
  word-break: break-word;
  cursor: default;
}

.runtime-rules-modal {
  max-height: 680px;
  overflow: auto;
  width: 100%;
  padding-right: 10px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/RuntimeRulesTab/rules/table/modules/editModal/fieldArrayComponent/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************/
.runtime-rules-settings-array-error {
  position: relative !important;
  line-height: 25px !important;
  bottom: 0 !important;
}

.runtime-rules-settings-label {
  font-size: 14px;
  line-height: 25px;
  color: #677177;
  overflow-wrap: break-word;
  word-break: break-word;
  cursor: default;
}

.runtime-rules-settings-array-query {
  margin-top: 5px;
  margin-bottom: 5px;
  height: 25px;
  font-size: 14px;
  line-height: 25px;
  color: #677177;
  overflow-wrap: break-word;
  word-break: break-word;
  cursor: default;
}
/*!*******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/RuntimeRulesTab/rules/filterModal/style.scss ***!
  \*******************************************************************************************************************************************************************************************************************************/
.filters-modal-runtime-rules {
  width: 330px;
  min-width: 330px;
  display: flex;
  flex-direction: column;
}
.filters-modal-runtime-rules .filters-tabs {
  flex: 1;
}
.filters-modal-runtime-rules .apply-button {
  padding-left: 40px;
  padding-right: 40px;
  margin: 0;
}
.filters-modal-runtime-rules .calendar-title {
  font-size: 0.83em;
  margin: 10px 0;
  color: #636270;
  font-weight: bold;
  unicode-bidi: isolate;
  line-height: 18px;
}

.filters-container {
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.filters-container > * {
  flex: 1 1 0;
  width: 0;
}
/*!************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/RuntimeRulesTab/rules/ruleDetailsModal/style.scss ***!
  \************************************************************************************************************************************************************************************************************************************/
.runtime-rule-details-label {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 20px;
  color: #677177;
  overflow-wrap: break-word;
  word-break: break-word;
  cursor: default;
  min-height: 20px;
}
.runtime-rule-details-label span:first-of-type {
  width: 210px;
}

.runtime-rule-details-content {
  max-height: 600px;
  width: 100%;
  overflow: auto;
  padding-right: 5px;
}
/*!*********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/RuntimeRulesTab/dasboard/countStatistic/counter/style.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************/
.runtime-rule-count {
  margin-top: 15px;
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-left: 2px;
  padding-right: 2px;
  text-align: center;
}
.runtime-rule-count_key {
  cursor: default;
  font-size: 12px;
  line-height: 11px;
  text-align: center;
  color: #636270;
  margin-bottom: 26px;
}
.runtime-rule-count_value {
  cursor: pointer;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
  color: #202552;
}
.runtime-rule-count_value a {
  text-decoration: none;
}
.runtime-rule-count_value a:link {
  color: #202552;
}
.runtime-rule-count_value a:visited {
  color: #202552;
}
.runtime-rule-count_value a:hover {
  color: #202552;
}
.runtime-rule-count_value a:active {
  color: #202552;
}
.runtime-rule-count + .runtime-rule-count {
  border-left: 1px solid #FFFFFF;
}

.runtime-rules-title {
  cursor: default;
  font-size: 15px;
  line-height: 11px;
  text-align: center;
  color: #636270;
  padding-top: 10px;
  padding-right: 15px;
}

.runtime-rules-counts {
  display: flex;
  justify-content: space-around;
  background: #F1F6FE;
  border-radius: 5px;
  height: calc(100% - 22px);
}
/*!**********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/RuntimeRulesTab/dasboard/filterModal/style.scss ***!
  \**********************************************************************************************************************************************************************************************************************************/
.filters-modal-runtime-dashboard {
  width: 460px;
  min-width: 460px;
  display: flex;
  flex-direction: column;
}
.filters-modal-runtime-dashboard .filters-tabs {
  flex: 1;
}
.filters-modal-runtime-dashboard .apply-button {
  padding-left: 40px;
  padding-right: 40px;
  margin: 0;
}
.filters-modal-runtime-dashboard .calendar-title {
  font-size: 0.83em;
  margin: 10px 0;
  color: #636270;
  font-weight: bold;
  unicode-bidi: isolate;
  line-height: 18px;
}

.filters-container {
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.filters-container > * {
  flex: 1 1 0;
  width: 0;
}
/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/RuntimeRulesTab/dasboard/detectsPie/legendItem/style.scss ***!
  \********************************************************************************************************************************************************************************************************************************************/
.legend-item_switched * {
  opacity: 0.8;
}
/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/ReactionPoliciesTab/actions/filterModal/style.scss ***!
  \*************************************************************************************************************************************************************************************************************************************/
.filters-modal-policy {
  width: 400px;
  display: flex;
  flex-direction: column;
}
.filters-modal-policy .filters-tabs {
  flex: 1;
}
.filters-modal-policy .apply-button {
  padding-left: 40px;
  padding-right: 40px;
  margin: 0;
}

.filters-container {
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.filters-container > * {
  flex: 1 1 0;
  width: 0;
}
/*!**************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/ReactionPoliciesTab/policies/table/modules/editModal/style.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************/
.reaction-policies-factor-edit {
  margin-top: 10px;
  height: 180px;
  width: 650px;
}

.reaction-policies-error-info {
  margin-left: 10px;
  padding: 0;
  line-height: 30px;
  font-size: 12px;
  color: rgb(244, 67, 54);
  word-break: break-word;
  white-space: pre-wrap;
  word-wrap: break-word;
}

.policies-settings-edit-label-with-help {
  width: 134px;
}

.reaction-policies-settings-edit-select {
  width: 500px;
}

.reaction-policies-settings-edit {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 30px;
  color: #677177;
  overflow-wrap: break-word;
  word-break: break-word;
  cursor: default;
  height: 25px;
}

.reaction-edit-namespaces {
  width: 100%;
  margin-bottom: 10px;
  margin-top: 10px;
}
/*!***********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/ReactionPoliciesTab/policies/policyDetailsSidebar/style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************/
.kubernetes-object-details {
  width: 600px;
  min-width: 600px;
  font-size: 14px;
}
.kubernetes-object-details .data-section {
  display: flex;
  flex-direction: column;
  row-gap: 3px;
}
.kubernetes-object-details .export-button {
  margin-bottom: 5px;
  align-self: self-end;
}
/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/ReactionPoliciesTab/actions/actionDetailsModal/style.scss ***!
  \********************************************************************************************************************************************************************************************************************************************/
.kubernetes-object-details {
  width: 600px;
  min-width: 600px;
  font-size: 14px;
}
.kubernetes-object-details .data-section {
  display: flex;
  flex-direction: column;
  row-gap: 3px;
}
.kubernetes-object-details .export-button {
  margin-bottom: 5px;
  align-self: self-end;
}
/*!**************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/ReactionPoliciesTab/ReactionPolicyPage/ReactionPolicyInformation/style.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************/
.reaction-policy-information {
  margin-top: 10px;
  margin-left: -10px;
  height: 210px;
}
.reaction-policy-information .blocks {
  background: #FFFFFF;
  border: 1px solid #F6F4F4;
  box-sizing: border-box;
  border-radius: 5px;
  width: 100%;
  margin-top: 10px;
  padding: 15px;
  font-size: 12px;
  overflow-y: auto;
  height: 100%;
}
.reaction-policy-information .blocks .column {
  width: 50%;
  padding-right: 15px;
  overflow-wrap: break-word !important;
  word-wrap: unset;
  word-break: break-all;
  overflow: hidden;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/ReactionPoliciesTab/ReactionPolicyPage/ReactionPolicyActions/ActionsTable/expandableRow/style.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************/
.expandable-row-audit-block {
  border-radius: 5px;
  background: rgb(252, 252, 252);
  border: 1px solid rgb(237, 240, 242);
  display: block;
  padding: 10px;
}
.expandable-row-audit-pre-html {
  max-height: 300px;
  background: #FFFFFF;
  border: 1px solid #F6F4F4;
  box-sizing: border-box;
  border-radius: 5px;
  width: 100%;
  margin-top: 10px;
  padding: 15px;
}
.expandable-row-audit-info {
  background: #FFFFFF;
  border: 1px solid #F6F4F4;
  box-sizing: border-box;
  border-radius: 5px;
  width: 100%;
  margin-top: 10px;
  padding: 15px;
}
.expandable-row-audit-info .column {
  width: 50%;
  padding-right: 15px;
  overflow-wrap: break-word !important;
  word-wrap: unset;
  word-break: break-all;
  overflow: hidden;
}
.expandable-row-audit-in {
  margin-top: 10px;
  margin-left: -10px;
}
/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/RuntimePoliciesTab/AnomalyPage/style.scss ***!
  \****************************************************************************************************************************************************************************************************************************/
.anomaly-page-timeline-grid-area {
  grid-area: timeline;
}

.anomaly-page-graph-grid-area {
  grid-area: graph;
}

.anomaly-page-process-grid-area {
  grid-area: process;
}

.anomaly-page-info-grid-area {
  grid-area: info;
}

.anomaly-page-controls-grid-area {
  grid-area: controls;
}
/*!***********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/RuntimePoliciesTab/AnomalyPage/AnomalyInformation/style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************/
.anomaly-information {
  word-break: break-all;
  cursor: default;
}
.anomaly-information-readness {
  overflow-wrap: break-word;
  word-break: break-word;
  cursor: default;
}
.anomaly-information-main {
  position: absolute;
  height: calc(100% - 30px);
  width: 100%;
}
/*!***********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/RuntimePoliciesTab/AnomalyPage/AnomalyInformation/TabControls/style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************/
.anomaly-information-tab {
  display: flex !important;
  line-height: 25px !important;
}
.anomaly-information-tab :first-child {
  margin-right: 2px;
}
/*!*****************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/blocks/menuTab/style.scss ***!
  \*****************************************************************************************************************************************************************************/
.menu-tab {
  height: 100%;
  padding: 5px 10px 0;
  display: inline-block;
  text-decoration: none;
  color: #202552;
  font-size: 14px;
  line-height: 22px;
  cursor: pointer;
}
.menu-tab.active {
  background-color: white;
  font-weight: 500;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  box-shadow: 0 7px 0 #fff, 0 1px 6px #dbe7f9;
}
/*!******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/RuntimePoliciesTab/AnomalyPage/AnomalyInformation/LinkedAnomaliesTab/style.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************/
.linked-anomalies-table {
  padding-right: 0 !important;
  cursor: default;
}
.linked-anomalies-table > div {
  height: 100% !important;
}
/*!**************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/RuntimePoliciesTab/AnomalyPage/AdditionalInformation/TabControls/style.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************/
.anomaly-additional-information-tab {
  display: flex !important;
  line-height: 25px !important;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 5px 14px 0;
  justify-content: center;
}
.anomaly-additional-information-tab :first-child {
  margin-right: 2px;
}

.rotate_tab {
  list-style: none;
  padding: 0;
  margin: 0;
  height: 100%;
  white-space: nowrap;
}
.rotate_tab li {
  padding: 0 6.5px;
  cursor: pointer;
  height: 100%;
}
.rotate_tab li:not(.active):not(:last-of-type) {
  box-shadow: 7px 1px 0px -6px #B0B2BA;
}
.rotate_tab li:not(.active) a {
  opacity: 1;
  color: #B0B2BA;
  text-decoration: none;
}
.rotate_tab li:not(.active) a:link, .rotate_tab li:not(.active) a:visited, .rotate_tab li:not(.active) a:active {
  color: #B0B2BA;
}
.rotate_tab li:not(.active) a:hover {
  color: #7B7B7B;
}
.rotate_tab li:not(.active) a svg path {
  fill: #B0B2BA;
}
.rotate_tab li a {
  display: block;
  text-decoration: none;
  opacity: 0.5;
  text-align: center;
  font-size: 12px;
  line-height: 22px;
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 5px;
}

.outer {
  position: relative;
}

.inner {
  display: flex;
  position: absolute;
  height: 30px;
  bottom: 100%;
  -webkit-transform: rotateZ(90deg);
  transform-origin: 0 100%;
  white-space: nowrap;
}

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

ul.tab_rotat {
  width: 125px;
  list-style: none;
  padding: 0;
  margin: 0;
  height: 100%;
  white-space: nowrap;
}

ul.tab_rotat li.active {
  background: #FFFFFF;
}

ul.Tab li {
  cursor: pointer;
}

ul.Tab li:not(.isDisabled) {
  cursor: pointer;
}

ul.tab_rotat li {
  padding: 0 6.5px;
  cursor: pointer;
  height: 100%;
}
ul.tab_rotat li:not(.active):not(:last-of-type) {
  box-shadow: 7px 1px 0px -6px #B0B2BA;
}
ul.tab_rotat li:not(.active) a {
  opacity: 1;
  color: #B0B2BA;
  text-decoration: none;
}
ul.tab_rotat li:not(.active) a:link, ul.tab_rotat li:not(.active) a:visited, ul.tab_rotat li:not(.active) a:active {
  color: #B0B2BA;
}
ul.tab_rotat li:not(.active) a:hover {
  color: #7B7B7B;
}
ul.tab_rotat li:not(.active) a svg path {
  fill: #B0B2BA;
}
ul.tab_rotat li a {
  display: block;
  text-decoration: none;
  opacity: 0.5;
  text-align: center;
  font-size: 12px;
  line-height: 22px;
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 5px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/RuntimePoliciesTab/AnomalyPage/AdditionalInformation/AnomalyObservationsTable/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
.anomalies-observations-table {
  padding-right: 0 !important;
  cursor: default;
}
.anomalies-observations-table > div {
  height: 100% !important;
}
.anomalies-observations-table .collapse-observation {
  pointer-events: none;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/RuntimePoliciesTab/AnomalyPage/AdditionalInformation/ProcessDetails/style.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
.policy-process-information {
  width: 25%;
  border-right: 1px solid #F6F4F4;
  padding-right: 10px;
  padding-left: 10px;
}
.policy-file-information {
  width: 40%;
  border-right: 1px solid #F6F4F4;
  position: relative;
  padding-left: 10px;
}
.policy-file-information-button {
  right: 23px;
  top: 12px;
  position: absolute;
  z-index: 5;
  cursor: pointer;
}
.policy-network-information {
  width: 35%;
  padding-left: 10px;
  position: relative;
}
/*!*****************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/blocks/processDetails/file/style.scss ***!
  \*****************************************************************************************************************************************************************************************/
.file-structure-tree-items .MuiTreeItem-content {
  height: 27px;
  border-bottom: 1px solid rgb(241, 241, 241);
}
.file-structure-tree-items .MuiTreeItem-content .MuiTreeItem-label {
  font-size: 12px !important;
  line-height: 16px;
  color: rgb(103, 113, 119);
}

.folder-tree-item-icons {
  width: 30px;
  gap: 6px;
  align-items: center;
  display: flex;
  margin-right: 5px;
  color: #9CA4F0;
}

.file-tree-item-icons {
  margin-right: 5px;
  padding-left: 10px;
  color: #B0B2BA;
  align-items: center;
  display: flex;
}

.file-details-title {
  font-size: 12px;
  line-height: 32px;
  color: rgb(32, 37, 82);
  font-style: normal !important;
  height: 32px;
  margin-bottom: 7px;
}

.file-tree-column-header {
  display: flex;
  align-items: center;
  height: 32px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  padding-left: 5px;
  font-size: 12px;
  line-height: 22px;
  color: rgb(32, 37, 82);
  min-height: 32px;
  cursor: default;
  margin-top: -6px;
  position: relative;
  margin-right: 10px;
  font-weight: 500;
}

.file-details-anomaly .folder-tree-item-icons {
  color: #FC7778 !important;
}
.file-details-anomaly .file-tree-item-icons {
  color: #FC7778 !important;
}
/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/blocks/processDetails/file/fileInfoAdd/fileInfoAddModal/style.scss ***!
  \**********************************************************************************************************************************************************************************************************************/
.input-file-info-add {
  width: 135px;
}
.input-file-info-add .MuiInputBase-root {
  height: 35px !important;
  font-size: 14px !important;
  line-height: 30px !important;
  padding: 0 !important;
}
/*!********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/blocks/processDetails/network/style.scss ***!
  \********************************************************************************************************************************************************************************************/
.network-information {
  font-size: 12px;
  line-height: 32px;
  color: rgb(32, 37, 82);
  font-style: normal !important;
  height: 32px;
  margin-bottom: 7px;
}
.network-information-block {
  position: absolute;
  width: 100%;
  height: calc(100% - 65px);
  margin-top: -7px;
}
.network-information-button {
  position: absolute;
  bottom: 0;
  text-align: center;
  left: calc(50% - 31px);
}
.network-information-add-icon {
  margin-right: 38px;
  margin-top: 10px;
  justify-items: right;
  justify-content: right;
}
/*!*********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/blocks/processDetails/network/networkInfoEdit/networkInfoEditModal/style.scss ***!
  \*********************************************************************************************************************************************************************************************************************************/
.input-policy-network-edit-label {
  width: 135px;
}
/*!********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/blocks/processDetails/process/style.scss ***!
  \********************************************************************************************************************************************************************************************/
.process-item-information {
  border-bottom: 1px solid rgb(241, 241, 241);
  height: 27px;
  font-size: 12px;
  line-height: 16px;
  align-items: center;
  margin-right: 10px;
  cursor: default;
}
/*!*********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/blocks/processDetails/process/processInfoEdit/processInfoEditModal/style.scss ***!
  \*********************************************************************************************************************************************************************************************************************************/
.input-policy-network-edit-label {
  width: 135px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/RuntimePoliciesTab/AnomalyPage/AnomalyObservationTimeline/style.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************/
.timeline-information {
  position: relative;
}
.timeline-information .loader-container {
  top: 0;
}
.timeline-information .no-data {
  flex-direction: row;
}
/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/RuntimePoliciesTab/AnomalyPage/AnomalyControls/style.scss ***!
  \********************************************************************************************************************************************************************************************************************************************/
.anomaly-control {
  justify-content: space-between;
  overflow: hidden;
  display: grid;
  grid-template-columns: auto auto;
}
/*!************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/RuntimePoliciesTab/AnomalyPage/AnomalyControls/modules/improve/style.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************/
.anomaly-improve .improve-button {
  padding-left: 10px;
  padding-right: 10px;
  cursor: pointer;
  width: 100%;
}
.anomaly-improve .improve-button:disabled {
  cursor: default;
}
.anomaly-improve .improved {
  background: #09C199 !important;
  color: #FFFFFF !important;
  border: 1px solid #09C199 !important;
}
.anomaly-improve .improved:not(:disabled):hover, .anomaly-improve .improved:not(:disabled):active, .anomaly-improve .improved:not(:disabled):focus {
  background: #09C199 !important;
  color: #FFFFFF !important;
  border: 1px solid #09C199 !important;
}
.anomaly-improve .improved:disabled {
  cursor: default;
}
.anomaly-improve .improve-enabled {
  border: 1px solid #09C199 !important;
  background: white !important;
  color: #09C199 !important;
}
.anomaly-improve .improve-enabled:not(:disabled):hover {
  background: #1CE9BC !important;
  color: white !important;
  border: 1px solid #1CE9BC !important;
}
.anomaly-improve .improve-enabled:not(:disabled):hover span svg path {
  stroke: white;
}
.anomaly-improve .improve-enabled:not(:disabled):hover svg path {
  stroke: white;
}
.anomaly-improve .improve-enabled:not(:disabled):active {
  background: #20B796;
  color: #FFFFFF;
  border: 1px solid #20B796 !important;
}
.anomaly-improve .improve-enabled:not(:disabled):active span svg path {
  stroke: #FFFFFF;
}
.anomaly-improve .improve-enabled:not(:disabled):active svg path {
  stroke: #FFFFFF;
}
.anomaly-improve .improve-enabled:not(:disabled):focus {
  outline: none;
}
/*!***********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/RuntimePoliciesTab/AnomalyPage/AnomalyControls/modules/ignore/style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************/
.ignore-button {
  padding-left: 10px;
  padding-right: 10px;
  cursor: pointer;
}
.ignore-button:disabled {
  cursor: default;
}

.ignored {
  background: #A3B3C1 !important;
  color: #FFFFFF !important;
  border: 1px solid #A3B3C1 !important;
}
.ignored:disabled {
  cursor: default;
}

.ignore-enabled {
  border: 1px solid #A3B3C1 !important;
  background: white !important;
  color: #A3B3C1 !important;
}
.ignore-enabled:not(:disabled):hover {
  background: #A3B3C1 !important;
  color: white !important;
  border: 1px solid #A3B3C1 !important;
}
.ignore-enabled:not(:disabled):hover span svg path {
  stroke: white !important;
}
.ignore-enabled:not(:disabled):hover svg path {
  stroke: white !important;
}
.ignore-enabled:not(:disabled):active {
  background: #8D9BA8;
  color: #FFFFFF;
  border: 1px solid #8D9BA8 !important;
}
.ignore-enabled:not(:disabled):active span svg path {
  stroke: #FFFFFF;
}
.ignore-enabled:not(:disabled):active svg path {
  stroke: #FFFFFF;
}
.ignore-enabled:not(:disabled):focus {
  outline: none;
}
/*!*****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/RuntimePoliciesTab/AnomalyPage/AnomalyGraph/style.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************/
.anomaly-graph {
  padding: 0 !important;
}

.anomaly-graph-box {
  display: flex;
  justify-content: space-around;
  overflow-y: hidden;
  overflow-x: hidden;
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 0 5px 5px;
  padding: 4px;
}
.anomaly-graph-graph {
  overflow-y: hidden;
  overflow-x: hidden;
  width: 100%;
  height: 100%;
}
/*!**********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/RuntimePoliciesTab/RuntimePolicyPage/style.scss ***!
  \**********************************************************************************************************************************************************************************************************************************/
.policy-page-graph-grid-area {
  grid-area: graph;
}

.policy-page-process-grid-area {
  grid-area: process;
}

.policy-page-info-grid-area {
  grid-area: info;
}
/*!****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/RuntimePoliciesTab/RuntimePolicyPage/PolicyInformation/style.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************/
.policy-information-readness {
  overflow-wrap: break-word;
  word-break: break-word;
  cursor: default;
}
.policy-information-main {
  position: absolute;
  height: 100%;
  width: 100%;
}
.policy-information-main .loader-container {
  top: 0;
  padding-top: 50%;
}
/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/RuntimePoliciesTab/RuntimePolicyPage/PolicyInformation/TabControls/style.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************/
.policy-information-tab {
  display: flex !important;
  line-height: 25px !important;
}
.policy-information-tab :first-child {
  margin-right: 2px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/RuntimePoliciesTab/RuntimePolicyPage/PolicyInformation/PolicyDetailsTab/style.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************/
.policy-information-readness {
  overflow-wrap: break-word;
  word-break: break-word;
  cursor: default;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/RuntimePoliciesTab/RuntimePolicyPage/PolicyInformation/PolicySettingsTab/style.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************/
.policy-settings-buttons {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-bottom: 10px;
}
.policy-settings-buttons-block {
  position: absolute;
  bottom: 20px;
  width: calc(100% - 44px);
}

.form-input-policy {
  width: 130px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/RuntimePoliciesTab/RuntimePolicyPage/PolicyInformation/PolicySettingsTab/AppArmorModal/style.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
.app-armour-generator {
  mix-blend-mode: normal;
  overflow-wrap: break-word;
  font-size: 10px;
  line-height: 18px;
  color: #677177;
}
.app-armour-generator-button {
  display: flex;
  justify-content: center;
  width: 100%;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/RuntimePoliciesTab/RuntimePolicyPage/PolicyInformation/PolicyStatisticTab/style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/
.anomalies-warning-color {
  color: #FD7272;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/RuntimePoliciesTab/RuntimePolicyPage/PolicyInformation/PolicyStatisticTab/modules/detectModulesCounters/style.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************/
.policy-statistic-counters {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: 10px;
  padding-bottom: 15px;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
}
.policy-statistic-counters + .policy-statistic-counters {
  border-left: 1px solid #F6F4F4;
}
.policy-statistic-counters .title {
  color: #636270;
  margin-bottom: 15px;
  cursor: default;
  font-size: 10px;
  line-height: 22px;
  text-align: center;
}
.policy-statistic-counters .count {
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  color: #202552;
  cursor: pointer;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/RuntimePoliciesTab/RuntimePolicyPage/PolicyInformation/PolicyStatisticTab/modules/anomaliesTop/style.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************/
.policy-statistic-counters {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: 10px;
  padding-bottom: 15px;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
}
.policy-statistic-counters + .policy-statistic-counters {
  border-left: 1px solid #F6F4F4;
}
.policy-statistic-counters .title {
  color: #636270;
  margin-bottom: 15px;
  cursor: default;
  font-size: 10px;
  line-height: 22px;
  text-align: center;
}
.policy-statistic-counters .count {
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  color: #202552;
  cursor: pointer;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/RuntimePoliciesTab/RuntimePolicyPage/PolicyInformation/PolicyStatisticTab/modules/anomaliesTop/anomalyRow/style.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************/
.top-anomaly {
  color: #677177 !important;
}
.top-anomaly-firsts {
  color: #FD7272 !important;
}
.top-anomaly-firsts .top-anomaly-position {
  background-color: #FFDCDC;
}
.top-anomaly-firsts .icon {
  color: #FD7272;
}
.top-anomaly-firsts a {
  text-decoration: none;
  color: #FD7272;
}
.top-anomaly-position {
  font-size: 10px;
  line-height: 16px;
  cursor: default;
  margin-top: 4px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  text-align: center;
  background-color: #ffffff;
}
.top-anomaly-link {
  width: 210px;
  font-size: 10px;
  line-height: 22px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.top-anomaly-rate {
  padding-left: 15px;
  cursor: default;
  line-height: 22px;
  font-size: 10px;
}
.top-anomaly .icon {
  color: #677177;
}
.top-anomaly a {
  text-decoration: none;
  color: #677177;
}
/*!***************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/RuntimePoliciesTab/RuntimePolicyPage/PolicyMode/PolicyModeProcess/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************/
.policy-process-information {
  width: 25%;
  border-right: 1px solid #F6F4F4;
  padding-right: 10px;
  position: relative;
}
.policy-file-information {
  width: 40%;
  border-right: 1px solid #F6F4F4;
  position: relative;
  padding-left: 10px;
}
.policy-file-information-button {
  right: 23px;
  top: 10px;
  position: absolute;
  z-index: 5;
  cursor: pointer;
}
.policy-network-information {
  width: 35%;
  padding-left: 10px;
  position: relative;
}
/*!****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/RuntimePoliciesTab/RuntimePolicyPage/FileStructureTree/style.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************/
.anomaly-file-structure-block {
  width: 800px;
  height: 500px;
}
.anomaly-file-structure-graph {
  width: 100%;
  height: 100%;
}
/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/RuntimePoliciesTab/RuntimePolicyPage/TabControls/style.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************/
.menu-anomaly-link-tab {
  padding: 0 !important;
}
.menu-anomaly-link-tab-abnormal {
  color: #FD7272 !important;
}
/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/RuntimePoliciesTab/RuntimePolicyPage/PolicyMode/PolicyModeGraph/style.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************/
.policy-mode-box {
  display: flex;
  justify-content: space-around;
  overflow-y: hidden;
  overflow-x: hidden;
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 0 5px 5px;
  padding: 4px;
}
.policy-mode-graph {
  overflow-y: hidden;
  overflow-x: hidden;
  width: 100%;
  height: 100%;
}
.policy-mode-bottom-right {
  position: absolute;
  padding: 9px 18px 7px 28px;
  z-index: 15;
  background: rgba(255, 255, 255, 0.7);
  border-top-right-radius: 5px;
  bottom: 5px;
  right: 0;
}
.policy-mode-bottom-right-in {
  width: 100%;
  font-size: 12px;
  line-height: 22px;
  color: #202552;
  display: flex;
  margin-top: 2px;
  margin-right: 4px;
  float: left;
  flex: 1;
}
.policy-mode-bottom-right-in :first-child {
  margin-right: 5px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/RuntimePoliciesTab/RuntimePolicyPage/PolicyMode/PolicyModeGraph/GraphControls/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
.policy-mode-controls {
  display: flex;
  width: 100%;
  height: 48px;
  position: absolute;
  padding-left: 17px;
  z-index: 15;
  background: rgba(255, 255, 255, 0.7);
  border-bottom-right-radius: 5px;
}
.policy-mode-controls-block {
  align-self: center;
  display: block;
  cursor: pointer;
  margin-right: 8px;
  margin-left: 8px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.policy-mode-controls-block:not(:first-child) {
  margin-left: 50px;
}
.policy-mode-controls-labels {
  font-size: 12px;
  line-height: 23px;
  color: #202552;
}
.policy-mode-controls-container {
  display: block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  float: left;
  flex: 1;
}
/*!***************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/RuntimePoliciesTab/RuntimePolicyPage/MonitorMode/MonitorModeGraph/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************/
.policy-mode-box {
  display: flex;
  justify-content: space-around;
  overflow-y: hidden;
  overflow-x: hidden;
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 0 5px 5px;
  padding: 4px;
}
.policy-mode-graph {
  overflow-y: hidden;
  overflow-x: hidden;
  width: 100%;
  height: 100%;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/RuntimePoliciesTab/RuntimePolicyPage/MonitorMode/MonitorModeGraph/GraphControls/style.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************/
.monitor-mode-controls {
  display: flex;
  width: 100%;
  height: 48px;
  position: absolute;
  padding-left: 17px;
  z-index: 15;
  background: rgba(255, 255, 255, 0.7);
  border-bottom-right-radius: 5px;
}
.monitor-mode-controls-block {
  align-self: center;
  display: block;
  cursor: pointer;
  margin-right: 8px;
  margin-left: 8px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.monitor-mode-controls-labels {
  font-size: 12px;
  line-height: 23px;
  color: #202552;
}
.monitor-mode-controls-container {
  display: block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  float: left;
  flex: 1;
}
.monitor-mode-controls-container:not(:first-child) {
  margin-left: 50px;
}
.monitor-mode-controls-all {
  position: absolute;
  right: 30px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/RuntimePoliciesTab/RuntimePolicyPage/MonitorMode/MonitorModeGraph/GraphButtons/style.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
.policy-mode-bottom-right {
  position: absolute;
  padding: 9px 18px 7px 28px;
  z-index: 15;
  background: rgba(255, 255, 255, 0.7);
  border-top-right-radius: 5px;
  bottom: 5px;
  right: 0;
}
.policy-mode-bottom-right-in {
  width: 100%;
  font-size: 12px;
  line-height: 22px;
  color: #202552;
  display: flex;
  margin-top: 2px;
  margin-right: 4px;
  float: left;
  flex: 1;
}
.policy-mode-bottom-right-in :first-child {
  margin-right: 5px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/RuntimePoliciesTab/RuntimePolicyPage/MonitorMode/MonitorModeAnomalies/style.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************/
.policy-anomalies-table {
  padding-right: 0 !important;
}
.policy-anomalies-table > div {
  height: 100% !important;
}

.button-anomaly {
  padding: 4px 0 !important;
  border: none;
  background: white;
  display: inline-block !important;
  outline: none;
  position: relative;
  border-radius: 5px;
  height: 20px !important;
  width: 20px !important;
  box-sizing: border-box;
  font-size: 10px !important;
  line-height: 12px !important;
}

.monitor-mode-anomaly-action .disabled {
  border: 1px solid #B0B2BA !important;
  background: white !important;
  color: #B0B2BA !important;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/RuntimePoliciesTab/RuntimePolicyPage/MonitorMode/MonitorModeAnomalies/ButtonImprove/style.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************/
.monitor-mode-anomaly-action .improved {
  background: #09C199 !important;
  color: #FFFFFF !important;
  border: 1px solid #09C199 !important;
}
.monitor-mode-anomaly-action .improved:hover, .monitor-mode-anomaly-action .improved:active, .monitor-mode-anomaly-action .improved:focus {
  background: #09C199 !important;
  color: #FFFFFF !important;
  border: 1px solid #09C199 !important;
}
.monitor-mode-anomaly-action .improve-enabled {
  border: 1px solid #09C199 !important;
  background: white !important;
}
.monitor-mode-anomaly-action .improve-enabled:hover {
  background: #1CE9BC !important;
  color: white !important;
  border: 1px solid #1CE9BC !important;
}
.monitor-mode-anomaly-action .improve-enabled:hover span svg path {
  stroke: white;
}
.monitor-mode-anomaly-action .improve-enabled:hover svg path {
  stroke: white;
}
.monitor-mode-anomaly-action .improve-enabled:active {
  background: #20B796;
  color: #FFFFFF;
  border: 1px solid #20B796 !important;
}
.monitor-mode-anomaly-action .improve-enabled:active span svg path {
  stroke: #FFFFFF;
}
.monitor-mode-anomaly-action .improve-enabled:active svg path {
  stroke: #FFFFFF;
}
.monitor-mode-anomaly-action .improve-enabled:focus {
  outline: none;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/RuntimePoliciesTab/RuntimePolicyPage/MonitorMode/MonitorModeAnomalies/ButtonIgnore/style.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************/
.monitor-mode-anomaly-action .ignored {
  background: #A3B3C1 !important;
  color: #FFFFFF !important;
  border: 1px solid #A3B3C1 !important;
}
.monitor-mode-anomaly-action .ignore-enabled {
  border: 1px solid #A3B3C1 !important;
  background: white !important;
  color: #A3B3C1 !important;
}
.monitor-mode-anomaly-action .ignore-enabled:hover {
  background: #A3B3C1 !important;
  color: white !important;
  border: 1px solid #A3B3C1 !important;
}
.monitor-mode-anomaly-action .ignore-enabled:hover span svg path {
  stroke: white !important;
}
.monitor-mode-anomaly-action .ignore-enabled:hover svg path {
  stroke: white !important;
}
.monitor-mode-anomaly-action .ignore-enabled:active {
  background: #8D9BA8;
  color: #FFFFFF;
  border: 1px solid #8D9BA8 !important;
}
.monitor-mode-anomaly-action .ignore-enabled:active span svg path {
  stroke: #FFFFFF;
}
.monitor-mode-anomaly-action .ignore-enabled:active svg path {
  stroke: #FFFFFF;
}
.monitor-mode-anomaly-action .ignore-enabled:focus {
  outline: none;
}
/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/SecurityGatesTab/gates/table/modules/editModal/style.scss ***!
  \********************************************************************************************************************************************************************************************************************************************/

/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/SecurityGatesTab/gates/table/modules/editModal/vulnerabilitiesEdit/style.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************/
.runtime-rules-settings-array-error {
  position: relative !important;
  line-height: 25px !important;
  bottom: 0 !important;
}

.runtime-rules-settings-label {
  font-size: 14px;
  line-height: 25px;
  color: #677177;
  overflow-wrap: break-word;
  word-break: break-word;
  cursor: default;
}

.runtime-rules-settings-array-query {
  margin-top: 5px;
  margin-bottom: 5px;
  height: 25px;
  font-size: 14px;
  line-height: 25px;
  color: #677177;
  overflow-wrap: break-word;
  word-break: break-word;
  cursor: default;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/SecurityGatesTab/gates/table/modules/editModal/vulnerabilitiesEdit/editModal/style.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/
.reaction-policies-factor-edit {
  margin-top: 10px;
  height: 180px;
  width: 650px;
}

.reaction-policies-error-info {
  margin-left: 10px;
  padding: 0;
  line-height: 30px;
  font-size: 12px;
  color: rgb(244, 67, 54);
  word-break: break-word;
  white-space: pre-wrap;
  word-wrap: break-word;
}

.policies-settings-edit-label-with-help {
  width: 134px;
}

.runtime-rules-settings-edit-select {
  width: 500px;
}

.runtime-rules-settings-label {
  font-size: 14px;
  line-height: 25px;
  color: #677177;
  overflow-wrap: break-word;
  word-break: break-word;
  cursor: default;
}

.runtime-rules-settings-edit {
  margin-top: 10px;
  margin-bottom: 10px;
  height: 25px;
  font-size: 14px;
  line-height: 25px;
  color: #677177;
  overflow-wrap: break-word;
  word-break: break-word;
  cursor: default;
}

.runtime-rules-settings-array-query {
  margin-top: 5px;
  margin-bottom: 5px;
  height: 25px;
  font-size: 14px;
  line-height: 25px;
  color: #677177;
  overflow-wrap: break-word;
  word-break: break-word;
  cursor: default;
}

.runtime-rules-modal {
  max-height: 680px;
  overflow: auto;
  width: 100%;
  padding-right: 10px;
}
/*!*****************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/blocks/fieldArrayComponent/style.scss ***!
  \*****************************************************************************************************************************************************************************************/
.field-array-error {
  position: relative !important;
  line-height: 25px !important;
  bottom: 0 !important;
}

.field-array-label {
  font-size: 14px;
  line-height: 25px;
  color: #677177;
  overflow-wrap: break-word;
  word-break: break-word;
  cursor: default;
}

.field-array-query {
  margin-top: 5px;
  margin-bottom: 5px;
  height: 25px;
  font-size: 14px;
  line-height: 25px;
  color: #677177;
  overflow-wrap: break-word;
  word-break: break-word;
  cursor: default;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/SecurityGatesTab/gates/table/modules/editModal/secretOrMisconfigOrMalwareEdit/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
.runtime-rules-settings-array-error {
  position: relative !important;
  line-height: 25px !important;
  bottom: 0 !important;
}

.runtime-rules-settings-label {
  font-size: 14px;
  line-height: 25px;
  color: #677177;
  overflow-wrap: break-word;
  word-break: break-word;
  cursor: default;
}

.runtime-rules-settings-array-query {
  margin-top: 5px;
  margin-bottom: 5px;
  height: 25px;
  font-size: 14px;
  line-height: 25px;
  color: #677177;
  overflow-wrap: break-word;
  word-break: break-word;
  cursor: default;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/SecurityGatesTab/gates/table/modules/editModal/secretOrMisconfigOrMalwareEdit/editModal/style.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************/
.reaction-policies-factor-edit {
  margin-top: 10px;
  height: 180px;
  width: 650px;
}

.reaction-policies-error-info {
  margin-left: 10px;
  padding: 0;
  line-height: 30px;
  font-size: 12px;
  color: rgb(244, 67, 54);
  word-break: break-word;
  white-space: pre-wrap;
  word-wrap: break-word;
}

.policies-settings-edit-label-with-help {
  width: 134px;
}

.runtime-rules-settings-edit-select {
  width: 500px;
}

.runtime-rules-settings-label {
  font-size: 14px;
  line-height: 25px;
  color: #677177;
  overflow-wrap: break-word;
  word-break: break-word;
  cursor: default;
}

.runtime-rules-settings-edit {
  margin-top: 10px;
  margin-bottom: 10px;
  height: 25px;
  font-size: 14px;
  line-height: 25px;
  color: #677177;
  overflow-wrap: break-word;
  word-break: break-word;
  cursor: default;
}

.runtime-rules-settings-array-query {
  margin-top: 5px;
  margin-bottom: 5px;
  height: 25px;
  font-size: 14px;
  line-height: 25px;
  color: #677177;
  overflow-wrap: break-word;
  word-break: break-word;
  cursor: default;
}

.runtime-rules-modal {
  max-height: 680px;
  overflow: auto;
  width: 100%;
  padding-right: 10px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/SecurityGatesTab/gates/table/modules/editModal/modules/exclusionFieldArrayComponent/style.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************/
.field-array-error {
  position: relative !important;
  line-height: 25px !important;
  bottom: 0 !important;
}

.field-array-label {
  font-size: 14px;
  line-height: 25px;
  color: #677177;
  overflow-wrap: break-word;
  word-break: break-word;
  cursor: default;
}

.field-array-query {
  margin-top: 5px;
  margin-bottom: 5px;
  height: 25px;
  font-size: 14px;
  line-height: 25px;
  color: #677177;
  overflow-wrap: break-word;
  word-break: break-word;
  cursor: default;
}
/*!*****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/SecurityGatesTab/gates/table/modules/editModal/sbomEdit/style.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************/
.runtime-rules-settings-array-error {
  position: relative !important;
  line-height: 25px !important;
  bottom: 0 !important;
}

.runtime-rules-settings-label {
  font-size: 14px;
  line-height: 25px;
  color: #677177;
  overflow-wrap: break-word;
  word-break: break-word;
  cursor: default;
}

.runtime-rules-settings-array-query {
  margin-top: 5px;
  margin-bottom: 5px;
  height: 25px;
  font-size: 14px;
  line-height: 25px;
  color: #677177;
  overflow-wrap: break-word;
  word-break: break-word;
  cursor: default;
}
/*!***************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/SecurityGatesTab/gates/table/modules/editModal/sbomEdit/editModal/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************/
.reaction-policies-factor-edit {
  margin-top: 10px;
  height: 180px;
  width: 650px;
}

.reaction-policies-error-info {
  margin-left: 10px;
  padding: 0;
  line-height: 30px;
  font-size: 12px;
  color: rgb(244, 67, 54);
  word-break: break-word;
  white-space: pre-wrap;
  word-wrap: break-word;
}

.policies-settings-edit-label-with-help {
  width: 134px;
}

.runtime-rules-settings-edit-select {
  width: 500px;
}

.runtime-rules-settings-label {
  font-size: 14px;
  line-height: 25px;
  color: #677177;
  overflow-wrap: break-word;
  word-break: break-word;
  cursor: default;
}

.runtime-rules-settings-edit {
  margin-top: 10px;
  margin-bottom: 10px;
  height: 25px;
  font-size: 14px;
  line-height: 25px;
  color: #677177;
  overflow-wrap: break-word;
  word-break: break-word;
  cursor: default;
}

.runtime-rules-settings-array-query {
  margin-top: 5px;
  margin-bottom: 5px;
  height: 25px;
  font-size: 14px;
  line-height: 25px;
  color: #677177;
  overflow-wrap: break-word;
  word-break: break-word;
  cursor: default;
}

.runtime-rules-modal {
  max-height: 680px;
  overflow: auto;
  width: 100%;
  padding-right: 10px;
}
/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/SecurityGatesTab/gates/filterModal/style.scss ***!
  \********************************************************************************************************************************************************************************************************************************/
.filters-modal-security-gates {
  width: 340px;
  min-width: 340px;
  display: flex;
  flex-direction: column;
}
.filters-modal-security-gates .filters-tabs {
  flex: 1;
}
.filters-modal-security-gates .apply-button {
  padding-left: 40px;
  padding-right: 40px;
  margin: 0;
}
.filters-modal-security-gates .calendar-title {
  font-size: 0.83em;
  margin: 10px 0;
  color: #636270;
  font-weight: bold;
  unicode-bidi: isolate;
  line-height: 18px;
}

.filters-container {
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.filters-container > * {
  flex: 1 1 0;
  width: 0;
}
/*!*******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/SecurityGatesTab/SecurityGatePage/style.scss ***!
  \*******************************************************************************************************************************************************************************************************************************/
.policy-page-graph-grid-area {
  grid-area: graph;
}

.policy-page-process-grid-area {
  grid-area: process;
}

.policy-page-info-grid-area {
  grid-area: info;
}
/*!*******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/SecurityGatesTab/SecurityGatePage/tabControls/style.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************/

/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/SecurityGatesTab/SecurityGatePage/generalTab/style.scss ***!
  \******************************************************************************************************************************************************************************************************************************************/
.security-gate-inner-table > div {
  height: 100%;
}
.security-gate-inner-table > div > div > .rdt_TableBody {
  height: 100%;
  padding-right: 0 !important;
}
.security-gate-inner-table > div > div > .rdt_TableBody > .rdt_TableRow {
  height: 100%;
}

.security-gate-upper-table > div > div > .rdt_TableBody {
  padding-right: 0 !important;
}

.security-gate-vuln-header {
  height: 40px;
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.security-gate-edits-header {
  height: 42px;
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.security-gate-inner-table-hide-header .rdt_TableHeadRow {
  display: none !important;
}
/*!**********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/SecurityGatesTab/results/filterModal/style.scss ***!
  \**********************************************************************************************************************************************************************************************************************************/
.filters-modal-security-gate-violations {
  width: 460px;
  min-width: 460px;
  display: flex;
  flex-direction: column;
}
.filters-modal-security-gate-violations .filters-tabs {
  flex: 1;
}
.filters-modal-security-gate-violations .apply-button {
  padding-left: 40px;
  padding-right: 40px;
  margin: 0;
}
.filters-modal-security-gate-violations .calendar-title {
  font-size: 0.83em;
  margin: 10px 0;
  color: #636270;
  font-weight: bold;
  unicode-bidi: isolate;
  line-height: 18px;
}

.filters-container {
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.filters-container > * {
  flex: 1 1 0;
  width: 0;
}
/*!***********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/SecurityGatesTab/dashboard/countStatistic/counter/style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************/
.security-gate-count {
  margin-top: 15px;
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-left: 2px;
  padding-right: 2px;
  text-align: center;
}
.security-gate-count_key {
  cursor: default;
  font-size: 12px;
  line-height: 11px;
  text-align: center;
  color: #636270;
  margin-bottom: 26px;
}
.security-gate-count_value {
  cursor: pointer;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
  color: #202552;
}
.security-gate-count_value a {
  text-decoration: none;
}
.security-gate-count_value a:link {
  color: #202552;
}
.security-gate-count_value a:visited {
  color: #202552;
}
.security-gate-count_value a:hover {
  color: #202552;
}
.security-gate-count_value a:active {
  color: #202552;
}
.security-gate-count + .security-gate-count {
  border-left: 1px solid #FFFFFF;
}

.security-gates-title {
  cursor: default;
  font-size: 15px;
  line-height: 11px;
  text-align: center;
  color: #636270;
  padding-top: 10px;
  padding-right: 15px;
}

.security-gates-counts {
  display: flex;
  justify-content: space-around;
  background: #F1F6FE;
  border-radius: 5px;
  height: calc(100% - 22px);
}
/*!*************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/SecurityGatesTab/dashboard/violationsPie/legendItem/style.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************/
.legend-item_switched * {
  opacity: 0.8;
}
/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/SecurityGatesTab/dashboard/gateViolationsGraph/style.scss ***!
  \********************************************************************************************************************************************************************************************************************************************/
.policy-engines_results_title {
  cursor: default;
  font-size: 15px;
  line-height: 15px;
  text-align: center;
  color: #636270;
  padding-top: 30px;
  padding-right: 15px;
}
.policy-engines_results_graph {
  margin-bottom: 20px;
  display: flex;
  width: 100%;
  justify-content: space-between;
}
/*!*******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/SecurityGatesTab/dashboard/gateViolationsGraph/sortFilter/style.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************/
.security-gate_sort_filter {
  display: flex;
  height: 44px;
  font-size: 14px;
  line-height: 37px;
  color: #677177;
  float: left;
}
.security-gate_sort_filter label:not(:last-child) {
  margin-right: 40px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/SecurityGatesTab/dashboard/gateViolationsGraph/barChart/style.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************/
.scroll_area_style {
  height: calc(100% - 50px);
  position: relative;
}
/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/SecurityGatesTab/exclusions/filterModal/style.scss ***!
  \*************************************************************************************************************************************************************************************************************************************/
.filters-modal-security-gates-exclusions {
  min-width: 500px;
  display: flex;
  flex-direction: column;
}
/*!***************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/AuditRulesTab/modules/AuditRulesList/modules/CreateAuditRuleModal/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************/
.two-columns {
  grid-column: 1/3;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/AuditRulesTab/modules/AuditRulesList/modules/CreateAuditRuleModal/modules/tag/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/

/*!***************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/RBACPage/filtersModal/filterItemsContainer/style.scss ***!
  \***************************************************************************************************************************************************************************************************************/
.filters-items-container {
  padding-right: 20px;
}
/*!**************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/RBACPage/filtersModal/filterItemsContainer/filterItem/style.scss ***!
  \**************************************************************************************************************************************************************************************************************************/
.filter-item .item-checkbox span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/*!*****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/AuditRulesTab/modules/AuditRulesLibrary/modules/Filters/style.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************/
.RulesFilters {
  display: grid;
  grid-template-rows: auto 1fr;
  row-gap: 5px;
}
/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/HostRuntimeRulesTab/detects/detectDetailsSidebar/style.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************/
.kubernetes-object-details {
  width: 600px;
  min-width: 600px;
  font-size: 14px;
}
.kubernetes-object-details .data-section {
  display: flex;
  flex-direction: column;
  row-gap: 3px;
}
.kubernetes-object-details .export-button {
  margin-bottom: 5px;
  align-self: self-end;
}
/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/HostRuntimeRulesTab/detects/filterModal/style.scss ***!
  \*************************************************************************************************************************************************************************************************************************************/
.filters-modal-host-runtime-detects {
  width: auto;
  min-width: 460px;
  display: flex;
  flex-direction: column;
}
.filters-modal-host-runtime-detects .filters-tabs {
  flex: 1;
}
.filters-modal-host-runtime-detects .apply-button {
  padding-left: 40px;
  padding-right: 40px;
  margin: 0;
}
.filters-modal-host-runtime-detects .calendar-title {
  font-size: 0.83em;
  margin: 10px 0;
  color: #636270;
  font-weight: bold;
  unicode-bidi: isolate;
  line-height: 18px;
}
/*!***********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/HostRuntimeRulesTab/rules/table/modules/editModal/style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************/
.reaction-policies-factor-edit {
  margin-top: 10px;
  height: 180px;
  width: 650px;
}

.reaction-policies-error-info {
  margin-left: 10px;
  padding: 0;
  line-height: 30px;
  font-size: 12px;
  color: rgb(244, 67, 54);
  word-break: break-word;
  white-space: pre-wrap;
  word-wrap: break-word;
}

.policies-settings-edit-label-with-help {
  width: 134px;
}

.runtime-rules-settings-edit-select {
  width: 500px;
}

.runtime-rules-settings-label {
  font-size: 14px;
  line-height: 25px;
  color: #677177;
  overflow-wrap: break-word;
  word-break: break-word;
  cursor: default;
}

.runtime-rules-settings-edit {
  margin-top: 10px;
  margin-bottom: 10px;
  height: 25px;
  font-size: 14px;
  line-height: 25px;
  color: #677177;
  overflow-wrap: break-word;
  word-break: break-word;
  cursor: default;
}

.runtime-rules-settings-array-query {
  margin-top: 5px;
  margin-bottom: 5px;
  height: 25px;
  font-size: 14px;
  line-height: 25px;
  color: #677177;
  overflow-wrap: break-word;
  word-break: break-word;
  cursor: default;
}

.runtime-rules-modal {
  max-height: 680px;
  overflow: auto;
  width: 100%;
  padding-right: 10px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/HostRuntimeRulesTab/rules/table/modules/editModal/fieldArrayComponent/style.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************/
.runtime-rules-settings-array-error {
  position: relative !important;
  line-height: 25px !important;
  bottom: 0 !important;
}

.runtime-rules-settings-label {
  font-size: 14px;
  line-height: 25px;
  color: #677177;
  overflow-wrap: break-word;
  word-break: break-word;
  cursor: default;
}

.runtime-rules-settings-array-query {
  margin-top: 5px;
  margin-bottom: 5px;
  height: 25px;
  font-size: 14px;
  line-height: 25px;
  color: #677177;
  overflow-wrap: break-word;
  word-break: break-word;
  cursor: default;
}
/*!***********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/HostRuntimeRulesTab/rules/filterModal/style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************/
.filters-modal-runtime-rules {
  width: 330px;
  min-width: 330px;
  display: flex;
  flex-direction: column;
}
.filters-modal-runtime-rules .filters-tabs {
  flex: 1;
}
.filters-modal-runtime-rules .apply-button {
  padding-left: 40px;
  padding-right: 40px;
  margin: 0;
}
.filters-modal-runtime-rules .calendar-title {
  font-size: 0.83em;
  margin: 10px 0;
  color: #636270;
  font-weight: bold;
  unicode-bidi: isolate;
  line-height: 18px;
}

.filters-container {
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.filters-container > * {
  flex: 1 1 0;
  width: 0;
}
/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/HostRuntimeRulesTab/rules/ruleDetailsModal/style.scss ***!
  \****************************************************************************************************************************************************************************************************************************************/
.runtime-rule-details-label {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 20px;
  color: #677177;
  overflow-wrap: break-word;
  word-break: break-word;
  cursor: default;
  min-height: 20px;
}
.runtime-rule-details-label span:first-of-type {
  width: 210px;
}

.runtime-rule-details-content {
  max-height: 600px;
  width: 100%;
  overflow: auto;
  padding-right: 5px;
}
/*!*************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/HostRuntimeRulesTab/dasboard/countStatistic/counter/style.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************/
.runtime-rule-count {
  margin-top: 15px;
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-left: 2px;
  padding-right: 2px;
  text-align: center;
}
.runtime-rule-count_key {
  cursor: default;
  font-size: 12px;
  line-height: 11px;
  text-align: center;
  color: #636270;
  margin-bottom: 26px;
}
.runtime-rule-count_value {
  cursor: pointer;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
  color: #202552;
}
.runtime-rule-count_value a {
  text-decoration: none;
}
.runtime-rule-count_value a:link {
  color: #202552;
}
.runtime-rule-count_value a:visited {
  color: #202552;
}
.runtime-rule-count_value a:hover {
  color: #202552;
}
.runtime-rule-count_value a:active {
  color: #202552;
}
.runtime-rule-count + .runtime-rule-count {
  border-left: 1px solid #FFFFFF;
}

.runtime-rules-title {
  cursor: default;
  font-size: 15px;
  line-height: 11px;
  text-align: center;
  color: #636270;
  padding-top: 10px;
  padding-right: 15px;
}

.runtime-rules-counts {
  display: flex;
  justify-content: space-around;
  background: #F1F6FE;
  border-radius: 5px;
  height: calc(100% - 22px);
}
/*!**************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/HostRuntimeRulesTab/dasboard/filterModal/style.scss ***!
  \**************************************************************************************************************************************************************************************************************************************/
.filters-modal-host-runtime-dashboard {
  width: 460px;
  min-width: 460px;
  display: flex;
  flex-direction: column;
}
.filters-modal-host-runtime-dashboard .filters-tabs {
  flex: 1;
}
.filters-modal-host-runtime-dashboard .apply-button {
  padding-left: 40px;
  padding-right: 40px;
  margin: 0;
}
.filters-modal-host-runtime-dashboard .calendar-title {
  font-size: 0.83em;
  margin: 10px 0;
  color: #636270;
  font-weight: bold;
  unicode-bidi: isolate;
  line-height: 18px;
}

.filters-container {
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.filters-container > * {
  flex: 1 1 0;
  width: 0;
}
/*!************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/ClusterMode/PoliciesPage/HostRuntimeRulesTab/dasboard/detectsPie/legendItem/style.scss ***!
  \************************************************************************************************************************************************************************************************************************************************/
.legend-item_switched * {
  opacity: 0.8;
}
/*!*****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/InfrastructurePage/ClustersBlock/style.scss ***!
  \*****************************************************************************************************************************************************************************************************/
.clusters-block {
  display: -webkit-inline-box;
  overflow: auto;
  width: 100%;
  scroll-behavior: smooth;
  padding-right: 0;
  margin-bottom: 5px;
}
/*!*****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/InfrastructurePage/ClustersBlock/ClusterCard/style.scss ***!
  \*****************************************************************************************************************************************************************************************************************/
.Infrastructure_Cluster_Block_Title {
  pointer-events: none;
  display: flex;
  height: 51px;
  background: #EDF0F2;
  border-bottom: 1px solid #C0C9DE;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding-left: 7px;
}
.Infrastructure_Cluster_Block_Title_Overview {
  margin-top: 16px;
  margin-bottom: 16px;
  margin-left: 8px;
  font-size: 18px;
  line-height: 22px;
  color: #202552;
}
.Infrastructure_Cluster_Block_Content {
  padding-left: 20px;
  padding-top: 18px;
  pointer-events: none;
}
.Infrastructure_Cluster_Block_Content_Info {
  display: flex;
  margin-bottom: 14px;
}
.Infrastructure_Cluster_Block_Content_Info_Value {
  font-size: 16px;
  line-height: 22px;
  color: #636270;
  word-break: break-word;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: calc(100% - 25px);
}
.Infrastructure_Cluster_Block_Content_Info_Key {
  width: 110px;
  font-size: 16px;
  line-height: 22px;
  color: #202552;
}
.Infrastructure_Tab {
  width: 100%;
  border-bottom: 1px solid #C0C9DE;
  height: 42px;
}
.Infrastructure_Tab ul {
  margin-left: -40px;
  margin-bottom: 0;
}
.Infrastructure_Tab li {
  float: left;
  list-style: none;
  height: 42px;
  border-radius: 5px 5px 0 0;
  border-right: 1px;
}
.Infrastructure_Tab li a {
  display: block;
  text-decoration: none;
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 5px;
  font-size: 16px;
  line-height: 22px;
  color: #202552;
  mix-blend-mode: normal;
}
.Infrastructure_Tab li.active {
  background: #FFFFFF;
}
.Infrastructure_Tab li.active a {
  opacity: 1;
  color: #202552;
  border-bottom: 2px solid #202552;
  text-decoration: none;
}
.Infrastructure_Tab li.active a:link, .Infrastructure_Tab li.active a:visited, .Infrastructure_Tab li.active a:hover, .Infrastructure_Tab li.active a:active {
  color: #202552;
}
.Infrastructure_Tab li.active a svg path {
  fill: #202552;
}
.Infrastructure_Tab li:not(.active) a {
  opacity: 1;
  color: #202552;
  text-decoration: none;
}
.Infrastructure_Tab li:not(.active) a:link, .Infrastructure_Tab li:not(.active) a:visited, .Infrastructure_Tab li:not(.active) a:active {
  color: #202552;
}
.Infrastructure_Tab li:not(.active) a:hover {
  color: #202552;
}
.Infrastructure_Tab li:not(.active) a svg path {
  fill: #202552;
}

.cluster-card {
  width: 424px;
  background: #FCFCFC;
  border: 1px solid #C0C9DE;
  box-sizing: border-box;
  border-radius: 5px;
  margin-right: 10px;
  margin-left: 10px;
  margin-top: 20px;
  margin-bottom: 20px;
  cursor: pointer;
}
.cluster-card.active-card {
  filter: drop-shadow(0px 4px 10px #DBE7F9);
}
.cluster-card-title {
  pointer-events: none;
  display: flex;
  height: 56px;
  background: #cde8cd;
  border-bottom: 1px solid #C0C9DE;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding-left: 9px;
}
.cluster-card-title-overview {
  margin-top: 16px;
  margin-bottom: 16px;
  margin-left: 8px;
  font-size: 18px;
  line-height: 22px;
  color: #202552;
}
.cluster-card-title.not-healthy {
  background-color: #e1b5b5;
}
.cluster-card-title.not-alive {
  background-color: #D9D9DA;
}
.cluster-card-title.removed-cluster {
  opacity: 0.6;
}
.cluster-card-content {
  padding-left: 20px;
  padding-top: 18px;
  pointer-events: none;
}

.markForDeleteWrapper {
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 10;
}

.checkBoxLabel {
  font-size: 16px;
  line-height: 22px;
  color: #636270;
}
/*!***************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/InfrastructurePage/ExportModal/style.scss ***!
  \***************************************************************************************************************************************************************************************************/
.infrastructureExportModal {
  min-width: 600px;
}
.infrastructureExportModal .clustersList {
  display: flex;
  flex-flow: column wrap;
  height: 300px;
  -moz-column-gap: 10px;
       column-gap: 10px;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 15px;
  scrollbar-width: auto !important;
  overscroll-behavior: contain;
  overflow-x: auto;
  overflow-y: hidden;
  margin-bottom: 10px;
}
.infrastructureExportModal .clustersList::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.infrastructureExportModal .clustersList::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #F1F1F1;
}
.infrastructureExportModal .clustersList::-webkit-scrollbar-thumb {
  background-color: #9CA4F0;
  outline: 1px solid rgba(238, 238, 238, 0.3);
  border-radius: 2px;
}
/*!*************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/InfrastructurePage/ModulesTabs/generalInformationTab/style.scss ***!
  \*************************************************************************************************************************************************************************************************************************/
.test {
  color: #5bbb43;
  color: #de710a;
  color: #ea0832;
}
/*!*******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/InfrastructurePage/ModulesTabs/vulnerabilitiesTab/cveInformationHeader/style.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************/
.cveInformationHeader {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
/*!************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/InfrastructurePage/ModulesTabs/nodesTab/style.scss ***!
  \************************************************************************************************************************************************************************************************************/
.infrastructure_nodes {
  height: calc(100% - 125px);
  position: absolute;
  width: calc(100% - 10px);
}
.infrastructure_nodes-pagination {
  height: 50px;
  right: 0;
  bottom: 5px;
  position: absolute;
}

.infrastructure_sensor {
  width: 51px;
  box-sizing: border-box;
  border-radius: 2px;
  font-weight: 700;
  font-size: 10px;
  line-height: 18px;
  text-align: center;
  text-transform: uppercase;
}
.infrastructure_sensor.collected {
  background: #E2FBF2;
  border: 1.2px solid #09C199;
  color: #09C199;
}
.infrastructure_sensor.none {
  background: #FFF6C9;
  border: 1px solid #E3CE10;
  color: #E3CE10;
}

.infrastructure_resources {
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  margin-right: 12px;
  margin-top: 3px;
  height: auto;
}
.infrastructure_resources .element {
  position: relative;
  width: 40px;
  height: 40px;
}

.infrastructure_nodes-table {
  padding-right: 0;
}

div.infrastructure_nodes-table > div > div > .rdt_TableBody {
  padding: 1px !important;
  padding-right: 0 !important;
}
/*!*****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/NetworkMapPage/headerControls/filterControls/style.scss ***!
  \*****************************************************************************************************************************************************************************************************************/
.network-map-filter-controls {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 40;
  padding-top: 17px;
  padding-left: 17px;
  padding-right: 17px;
}
.network-map-filter-controls .control {
  padding-top: 2px;
}
/*!*******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/NetworkMapPage/headerControls/propertyControls/style.scss ***!
  \*******************************************************************************************************************************************************************************************************************/
.network-map-property-controls {
  margin-top: 41.5px;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 40;
  padding: 10px 17px;
}
.network-map-property-controls .control {
  padding-top: 1px;
}
/*!******************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/NetworkMapPage/modals/filterModal/style.scss ***!
  \******************************************************************************************************************************************************************************************************/
.network-map-filters-modal {
  min-width: 400px;
  display: flex;
  flex-direction: column;
}
.network-map-filters-modal .filters-tabs {
  flex: 1;
}
.network-map-filters-modal .filters-tabs .tabs-header {
  margin-bottom: 10px;
}
.network-map-filters-modal .apply-button {
  padding-left: 40px;
  padding-right: 40px;
  margin: 0;
}

.filters-container {
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.filters-container > * {
  flex: 1 1 0;
  width: 0;
}
/*!*******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/NetworkMapPage/modals/filterModal/graphicState/style.scss ***!
  \*******************************************************************************************************************************************************************************************************************/
.network-map-filter-calendar .calendar-title {
  font-size: 0.83em;
  margin: 10px 0;
  color: #636270;
  font-weight: bold;
  unicode-bidi: isolate;
  line-height: 18px;
}
/*!*************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/NetworkMapPage/modals/filterModal/tabs/namespacesTab/style.scss ***!
  \*************************************************************************************************************************************************************************************************************************/
.permission-tab > * {
  flex: 1 1 0;
  width: 0;
}
/*!**********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/NetworkMapPage/networkMap/style.scss ***!
  \**********************************************************************************************************************************************************************************************/
.network-map-content {
  display: flex;
  justify-content: space-around;
  position: absolute;
  height: calc(100% - 8px);
  width: calc(100% - 8px);
}
.network-map-content .loader-container {
  top: 0;
  padding-top: 25%;
}
.network-map-content .graph {
  height: 100%;
  width: 100%;
  position: absolute;
}

.network-map-last-update {
  align-items: center;
  display: flex;
  height: 44px;
  font-size: 14px !important;
  line-height: 37px !important;
  color: #677177 !important;
  float: right;
}

.network-map-loader {
  height: 100%;
  z-index: 55;
}
/*!************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/NetworkMapPage/globalNetworkPolicyCount/style.scss ***!
  \************************************************************************************************************************************************************************************************************/
.global-network-policy-info {
  position: absolute;
  padding: 9px 18px 7px 28px;
  z-index: 15;
  background: rgba(255, 255, 255, 0.7);
  border-top-right-radius: 5px;
  bottom: 0;
  left: 0;
}
.global-network-policy-info_icon {
  position: relative;
  width: 40px;
  height: 40px;
}
/*!*********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/NetworkMapPage/modals/networkPolicyGenerateModal/style.scss ***!
  \*********************************************************************************************************************************************************************************************************************/
.network-policy-generate-loader {
  top: 0 !important;
  z-index: 20;
}
.network-policy-generate-component {
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 14px;
  line-height: 30px;
  color: #677177;
  overflow-wrap: break-word;
  word-break: break-word;
  cursor: default;
  height: 30px;
}
.network-policy-generate-label {
  width: 170px;
}
.network-policy-generate-error {
  display: flex;
  margin: 5px;
  line-height: 25px;
  font-size: 14px;
  color: rgb(244 67 54/var(--tw-text-opacity));
  word-break: break-word;
  white-space: pre-wrap;
  justify-content: center;
  word-wrap: break-word;
  max-width: 450px;
  max-height: 100px;
  overflow: auto;
}
.network-policy-generate-buttons {
  display: flex;
  margin-top: 20px;
  margin-bottom: 20px;
  -moz-column-gap: 5px;
       column-gap: 5px;
  justify-content: center;
}
.network-policy-generate-buttons :not(:last-child) {
  margin-right: 10px;
}
/*!***********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/NetworkMapPage/modals/networkPolicyGenerateModal/networkPolicy/style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************/
.network-policy_ready-modal {
  height: -moz-max-content;
  height: max-content;
}
/*!*******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/NetworkMapPage/modals/propertyModal/generalTab/style.scss ***!
  \*******************************************************************************************************************************************************************************************************************/
.property-general-modal {
  margin-top: 10px;
  margin-bottom: 10px;
}
.property-general-modal:first-child {
  margin-top: 5px;
  padding-top: 10px;
}
.property-general-modal:last-child {
  padding-bottom: 10px;
}

.property-general-block {
  padding-left: 7px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.property-general-block-section {
  padding-left: 7px;
}
.property-general-block-section_label {
  width: 180px;
  word-break: break-word;
  white-space: pre-wrap;
  word-wrap: break-word;
  line-height: 26px;
}
.property-general-block-section_input {
  font-size: 14px;
  line-height: 26px;
  color: #677177;
  overflow-wrap: break-word;
  word-break: break-word;
  cursor: default;
  min-height: 30px;
}
.property-general-block-buttons {
  display: flex;
  margin-top: 20px;
}
.property-general-block-buttons :not(:last-child) {
  margin-right: 10px;
}
/*!********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/NetworkMapPage/modals/propertyModal/securityTab/style.scss ***!
  \********************************************************************************************************************************************************************************************************************/
.property-general-modal {
  margin-top: 10px;
  margin-bottom: 10px;
}
.property-general-modal:first-child {
  margin-top: 5px;
  padding-top: 10px;
}
.property-general-modal:last-child {
  padding-bottom: 10px;
}

.property-general-block {
  padding-left: 7px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.property-general-block-section {
  padding-left: 7px;
}
.property-general-block-section_label {
  width: 180px;
  word-break: break-word;
  white-space: pre-wrap;
  word-wrap: break-word;
  line-height: 26px;
}
.property-general-block-section_input {
  font-size: 14px;
  line-height: 26px;
  color: #677177;
  overflow-wrap: break-word;
  word-break: break-word;
  cursor: default;
  min-height: 30px;
}
.property-general-block-buttons {
  display: flex;
  margin-top: 20px;
}
.property-general-block-buttons :not(:last-child) {
  margin-right: 10px;
}
/*!*******************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/NetworkMapPage/selectedNodeDetails/style.scss ***!
  \*******************************************************************************************************************************************************************************************************/
.selected-node-details {
  font-size: 12px;
  word-break: break-all;
}
/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/NetworkMapPage/selectedNodeDetails/networkPolicySidebar/style.scss ***!
  \****************************************************************************************************************************************************************************************************************************/
.kubernetes-object-details {
  width: 550px;
  min-width: 550px;
}
.kubernetes-object-details .data-section {
  display: flex;
  flex-direction: column;
  row-gap: 3px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/NetworkMapPage/selectedNodeDetails/networkPolicySidebar/networkPolicyDataSection/style.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************/
.network-policy-details_section {
  margin-bottom: 20px;
}
/*!*******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/blocks/networkDetailsSidebar/style.scss ***!
  \*******************************************************************************************************************************************************************************************/
.network-object-details {
  width: 500px;
  min-width: 500px;
}
.network-object-details .data-section {
  display: flex;
  flex-direction: column;
  row-gap: 3px;
}

.network-title {
  line-height: 20px;
}
/*!*****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/blocks/networkDetailsSidebar/networkDetailsSection/style.scss ***!
  \*****************************************************************************************************************************************************************************************************************/
.network-object-details {
  width: 500px;
  min-width: 500px;
}
.network-object-details .data-section {
  display: flex;
  flex-direction: column;
  row-gap: 3px;
}
/*!********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/KubernetesResourcesPage/style.scss ***!
  \********************************************************************************************************************************************************************************************/
.Kubernetes_Resources_Page {
  display: grid;
  grid-template-areas: "table";
  grid-gap: 16px;
  height: 100%;
  grid-template-rows: auto;
  grid-template-columns: auto;
  position: relative;
}
.Kubernetes_Resources_Page_Content {
  grid-area: table;
  padding: 0 !important;
}

.kubernetes_resources_block {
  list-style-type: none;
  width: 100%;
  padding-top: 17px;
  padding-left: 17px;
  padding-right: 17px;
}
/*!********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/KubernetesResourcesPage/TabControls/style.scss ***!
  \********************************************************************************************************************************************************************************************************/
.settings-tabs {
  border-bottom: 1px solid #C0C9DE;
}
.settings-tabs_watched {
  padding: 0;
  width: 100%;
  height: 30px;
}
.settings-tabs_watched ul {
  margin-left: -40px;
  margin-bottom: 0;
}
.settings-tabs_watched li {
  float: left;
  list-style: none;
  height: 30px;
  min-width: 110px;
  text-align: center;
  border-radius: 5px 5px 0 0;
}
.settings-tabs_watched li a {
  display: block;
  text-decoration: none;
  opacity: 0.5;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 12px;
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 10px;
}
.settings-tabs_watched li.active {
  background: #FFFFFF;
}
.settings-tabs_watched li.active a {
  opacity: 1;
  color: #202552;
  border-bottom: 2px solid #202552;
  text-decoration: none;
}
.settings-tabs_watched li.active a:link, .settings-tabs_watched li.active a:visited, .settings-tabs_watched li.active a:hover, .settings-tabs_watched li.active a:active {
  color: #202552;
}
.settings-tabs_watched li.active a svg path {
  fill: #202552;
}
.settings-tabs_watched li:not(.active) a {
  opacity: 1;
  color: #202552;
  text-decoration: none;
}
.settings-tabs_watched li:not(.active) a:link, .settings-tabs_watched li:not(.active) a:visited, .settings-tabs_watched li:not(.active) a:active {
  color: #202552;
}
.settings-tabs_watched li:not(.active) a:hover {
  color: #202552;
}
.settings-tabs_watched li:not(.active) a svg path {
  fill: #202552;
}
/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/KubernetesResourcesPage/WatchedResourcesTab/nativeResources/style.scss ***!
  \********************************************************************************************************************************************************************************************************************************/
.native-resources-cell {
  color: #9CA4F0;
  pointer-events: none;
}

.native-resources-groups-count {
  font-size: 12px;
  line-height: 22px;
  text-align: center;
  color: #9DA4F0;
  background: #FFFFFF;
  border-radius: 5px;
  padding-left: 5px;
  padding-right: 5px;
  margin-left: 20px;
}
/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/KubernetesResourcesPage/WatchedResourcesTab/nativeResources/expandableRow/style.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************/
.expandable-row-native-resources-loader {
  height: 200px;
  top: 0;
  z-index: 55;
  padding-top: 40px;
}
/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/KubernetesResourcesPage/WatchedResourcesTab/customResources/style.scss ***!
  \********************************************************************************************************************************************************************************************************************************/
.custom-resources-cell {
  color: #9CA4F0;
  pointer-events: none;
}

.custom-resources-groups-count {
  font-size: 12px;
  line-height: 22px;
  text-align: center;
  color: #9DA4F0;
  background: #FFFFFF;
  border-radius: 5px;
  padding-left: 5px;
  padding-right: 5px;
  margin-left: 20px;
}
/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/KubernetesResourcesPage/WatchedResourcesTab/customResources/expandableRow/style.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************/
div.expandable-row-custom-resources-table > div > div > .rdt_TableBody {
  overflow-x: hidden;
  overflow-y: hidden;
  padding-right: 0 !important;
  border-bottom: none;
}

.expandable-row-custom-resources-table {
  padding-right: 0 !important;
  max-height: -moz-max-content !important;
  max-height: max-content !important;
}

.expandable-row-custom-resources-loader {
  height: 200px;
  top: 0;
  z-index: 55;
  padding-top: 40px;
}
/*!*******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/KubernetesResourcesPage/KubernetesResourcesTab/style.scss ***!
  \*******************************************************************************************************************************************************************************************************************/
.kubernetes-resources-content {
  position: absolute;
  width: calc(100% - 34px);
  margin-top: 10px;
  height: calc(100% - 80px);
}

.kubernetes-resources-loader {
  height: 100%;
  top: 0;
  z-index: 55;
  padding-top: 25%;
}

.kubernetes-resources-last-update {
  align-items: center;
  display: flex;
  height: 44px;
  font-size: 14px;
  line-height: 37px;
  color: #677177;
  float: right;
}

.kubernetes-resources-show-details {
  position: absolute;
  right: 30px;
  display: block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  float: left;
  flex: 1;
}
.kubernetes-resources-show-details:not(:first-child) {
  margin-left: 50px;
}
/*!*******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/KubernetesResourcesPage/KubernetesResourcesTab/filterModal/style.scss ***!
  \*******************************************************************************************************************************************************************************************************************************/
.filters-modal-kubernetes-resources {
  width: 715px;
  min-width: 715px;
  display: flex;
  flex-direction: column;
}
.filters-modal-kubernetes-resources .filters-tabs {
  flex: 1;
}
.filters-modal-kubernetes-resources .apply-button {
  padding-left: 40px;
  padding-right: 40px;
  margin: 0;
}
.filters-modal-kubernetes-resources .calendar-title {
  font-size: 0.83em;
  margin: 10px 0;
  color: #636270;
  font-weight: bold;
  unicode-bidi: isolate;
  line-height: 18px;
}

.filters-container {
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.filters-container > * {
  flex: 1 1 0;
  width: 0;
}
/*!*****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/KubernetesResourcesPage/KubernetesHistoryTab/style.scss ***!
  \*****************************************************************************************************************************************************************************************************************/
.kubernetes-resources-content {
  position: absolute;
  width: calc(100% - 34px);
  margin-top: 10px;
  height: calc(100% - 80px);
}

.kubernetes-resources-loader {
  height: 100%;
  top: 0;
  z-index: 55;
  padding-top: 25%;
}

.kubernetes-resources-last-update {
  align-items: center;
  display: flex;
  height: 44px;
  font-size: 14px;
  line-height: 37px;
  color: #677177;
  float: right;
}

.kubernetes-resources-show-details {
  position: absolute;
  right: 30px;
  display: block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  float: left;
  flex: 1;
}
.kubernetes-resources-show-details:not(:first-child) {
  margin-left: 50px;
}

.kubernetes-differences-button {
  width: -moz-fit-content;
  width: fit-content;
  align-self: center;
  margin: 12px;
}
/*!*****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/KubernetesResourcesPage/KubernetesHistoryTab/filterModal/style.scss ***!
  \*****************************************************************************************************************************************************************************************************************************/
.filters-modal-kubernetes-history {
  width: auto;
  min-width: 1000px;
  display: flex;
  flex-direction: column;
}
.filters-modal-kubernetes-history .filters-tabs {
  flex: 1;
}
.filters-modal-kubernetes-history .apply-button {
  padding-left: 40px;
  padding-right: 40px;
  margin: 0;
}
.filters-modal-kubernetes-history .calendar-title {
  font-size: 0.83em;
  margin: 10px 0;
  color: #636270;
  font-weight: bold;
  unicode-bidi: isolate;
  line-height: 18px;
}
.filters-modal-kubernetes-history .container-width {
  width: 100%;
}
.filters-modal-kubernetes-history .container-in-block {
  width: 100%;
  margin-left: 45px;
  margin-top: 2px;
  margin-bottom: 4px;
}
.filters-modal-kubernetes-history .container-next-block {
  margin-top: 2px;
  margin-bottom: 4px;
}

.filters-container {
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.filters-container > * {
  flex: 1 1 0;
  width: 0;
}
/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/KubernetesResourcesPage/KubernetesHistoryTab/pagination/style.scss ***!
  \****************************************************************************************************************************************************************************************************************************/
.kubernetes-history-last-update-time {
  align-items: center;
  display: flex;
  height: 44px;
  font-size: 14px;
  line-height: 37px;
  color: #677177;
  float: right;
  position: relative;
  padding: 0;
  border-right: 1px solid rgb(192, 201, 222);
  margin-right: 13px;
}
/*!*****************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/RBACPage/style.scss ***!
  \*****************************************************************************************************************************************************************************/
.rbac-page-new {
  display: flex;
  flex-direction: column;
  background-color: #FFFFFF;
  border-radius: 5px;
  box-shadow: 0 4px 20px #dbe7f9;
  overflow: hidden;
  position: relative;
  padding-bottom: 10px;
}
/*!*********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/RBACPage/filtersModal/tabs/checksTab/style.scss ***!
  \*********************************************************************************************************************************************************************************************************/
.checks-table-container {
  width: 100%;
  padding: 10px 15px;
  overflow: auto;
}

.report-table {
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 15px;
  scrollbar-width: auto !important;
  overscroll-behavior: contain;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  margin-top: 60px;
  height: calc(100% - 60px);
  overflow: auto;
  margin-left: 20px;
  margin-right: 5px;
}
.report-table::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.report-table::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #F1F1F1;
}
.report-table::-webkit-scrollbar-thumb {
  background-color: #9CA4F0;
  outline: 1px solid rgba(238, 238, 238, 0.3);
  border-radius: 2px;
}
.report-table_header {
  background-color: #EDF0F2;
  border-radius: 5px;
}
/*!*************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/RBACPage/filtersModal/tabs/checksTab/exclusionsModal/style.scss ***!
  \*************************************************************************************************************************************************************************************************************************/
.exceptionsTemplatesModal {
  min-width: 700px;
  height: 60vh;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 60px;
}
.exceptionsTemplatesModal .uploadSection {
  padding: 15px 0;
}
.exceptionsTemplatesModal .fileLabel {
  background-color: #2E5BFF;
  font-size: 12px;
  line-height: 14px;
  font-family: "Roboto", serif;
  height: 25.1px;
  display: flex;
  align-items: center;
  color: white;
  cursor: pointer;
  padding: 3px 15px;
  border-radius: 6px;
}
.exceptionsTemplatesModal .fileInput {
  display: none;
}
/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/RBACPage/filtersModal/tabs/checksTab/exclusionsModal/templateRow/style.scss ***!
  \*************************************************************************************************************************************************************************************************************************************/
.templateRow {
  padding: 10px 15px;
  background-color: #8D9BA8;
}
/*!***********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/RBACPage/filtersModal/tabs/checksTab/exclusionsModal/templateRow/editModal/style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************/
.editModal {
  padding: 10px 0;
  min-width: 300px;
  min-height: 100px;
}
/*!*********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/RBACPage/filtersModal/tabs/checksTab/exclusionsModal/manualCreationModal/style.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************/
.manualCreationModal {
  min-width: 1300px;
  height: 600px;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 40px 30px 1fr 40px;
}
.manualCreationModal .nameInput input {
  width: 200px;
}
.manualCreationModal .manualCreationForm {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  -moz-column-gap: 15px;
       column-gap: 15px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/RBACPage/filtersModal/tabs/checksTab/exclusionsModal/manualCreationModal/inputSection/style.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************/
.inputSection .addButton {
  max-width: 100px;
  margin-bottom: 10px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/RBACPage/filtersModal/tabs/checksTab/exclusionsModal/manualCreationModal/inputSection/exclusionInput/style.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
.exclusionInput input {
  width: 100%;
}
/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/RBACPage/filtersModal/tabs/checksTab/selectExceptionTemplatesModal/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************/
.selectedExceptionTemplatesModal {
  width: 1000px;
}
.selectedExceptionTemplatesModal .selectedExceptionTemplatesList {
  height: 400px;
}
.selectedExceptionTemplatesModal .selectedExceptionTemplatesContent {
  display: grid;
  grid-template-columns: 25% 1fr;
  grid-template-rows: 1fr;
}
/*!*********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/RBACPage/checksReport/exceptionRules/style.scss ***!
  \*********************************************************************************************************************************************************************************************************/
.exclusionTabs .tabs-header {
  position: fixed;
  background-color: white;
}
/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/RBACPage/checksReport/exceptionRules/exceptionRulesList/style.scss ***!
  \****************************************************************************************************************************************************************************************************************************/
.exceptionRulesList {
  border-right: 1px solid lightgray;
  padding-right: 6px;
  margin-top: 30px;
}
.exceptionRulesList .exceptionRule {
  width: 700px;
  overflow: hidden;
  word-wrap: break-word;
}
.exceptionRulesList .exceptionRulesListTitle {
  margin: 0 !important;
}
/*!******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/RBACPage/filtersModal/style.scss ***!
  \******************************************************************************************************************************************************************************************/
.rbac-filters-modal .apply-button {
  padding-left: 40px;
  padding-right: 40px;
  margin: 0;
}

.filters-modal-new {
  width: 1300px;
  display: flex;
  flex-direction: column;
}
.filters-modal-new .filters-tabs {
  flex: 1;
}
.filters-modal-new .apply-button {
  padding-left: 40px;
  padding-right: 40px;
  margin: 0;
}

.filters-container {
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.filters-container > * {
  flex: 1 1 0;
  width: 0;
}
/*!*************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/RBACPage/filtersModal/tabs/permissionTab/style.scss ***!
  \*************************************************************************************************************************************************************************************************************/
.permission-tab > * {
  flex: 1 1 0;
  width: 0;
}
/*!*******************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/RBACPage/filtersModal/tabs/roleTab/style.scss ***!
  \*******************************************************************************************************************************************************************************************************/
.role-tab > * {
  flex: 1 1 0;
  width: 0;
}
/*!******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/RBACPage/noReportData/style.scss ***!
  \******************************************************************************************************************************************************************************************/
.no-report-data {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
}
.no-report-data_text {
  padding: 24px 0;
  color: #636270;
  font-size: 14px;
  line-height: 20px;
  max-width: 196px;
  text-align: center;
}
.no-report-data .no-report-data_button {
  padding: 7px 55px;
}
/*!******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/RBACPage/checksReport/style.scss ***!
  \******************************************************************************************************************************************************************************************/
@keyframes blinker {
  from {
    opacity: 1;
  }
  to {
    opacity: 0.3;
  }
}
.blink {
  animation-name: blinker;
  animation-iteration-count: 5;
  animation-timing-function: ease-in-out;
  animation-duration: 1s;
}

.report-table_header {
  font-size: 14px;
  line-height: 22px;
}

.object-link {
  text-decoration: underline;
  color: #2F80ED;
  cursor: pointer;
}
.object-link:hover {
  color: #A1C6F7;
}

.check-reports-content {
  height: calc(100% - 15px);
  width: 100%;
  position: absolute;
}
/*!*****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/RBACPage/checksReport/chartLegend/legendItem/style.scss ***!
  \*****************************************************************************************************************************************************************************************************************/
.legend-item_switched * {
  opacity: 0.8;
}
/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/RBACPage/checksReport/groupBySubjectReportTable/groupBySubjectHeaderRow/style.scss ***!
  \********************************************************************************************************************************************************************************************************************************************/
.group-by-subject-header-row .title {
  display: grid;
  -moz-column-gap: 10px;
       column-gap: 10px;
  grid-template-columns: 430px 150px 250px;
}
/*!**************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/RBACPage/checksReport/groupByRuleReportTable/groupByRuleHeaderRow/style.scss ***!
  \**************************************************************************************************************************************************************************************************************************************/
.policy-rule-row {
  display: grid;
  grid-template-columns: fit-content(190px) 1fr;
}
.policy-rule-row_name {
  grid-column: 1/3;
  border-bottom: 1px solid #636270;
  padding: 0 5px 2px;
  font-weight: bold;
}
.policy-rule-row_severity {
  border-right: 1px solid #636270;
  padding: 2px 5px 0;
}
.policy-rule-row_description {
  padding: 2px 5px 0;
}
.policy-rule-row .counters {
  min-width: 110px;
}
/*!***************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/RBACPage/checksReport/listCell/style.scss ***!
  \***************************************************************************************************************************************************************************************************/
.result-list-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
/*!**************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/RBACPage/checksReport/groupByRoleReportTable/groupByRoleHeaderRow/style.scss ***!
  \**************************************************************************************************************************************************************************************************************************************/
.group-by-role-header-row .title {
  display: grid;
  grid-template-columns: 400px 140px 200px;
  -moz-column-gap: 10px;
       column-gap: 10px;
  padding: 5px 0;
}
.group-by-role-header-row .title .title-label {
  font-weight: bold;
}
/*!********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/RBACPage/headerControls/style.scss ***!
  \********************************************************************************************************************************************************************************************/
.rbac-header-controls {
  background-color: rgba(255, 255, 255, 0.5);
  padding: 26px 27px 0;
  z-index: 40;
}
/*!*************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/blocks/rbacInfoSidebar/style.scss ***!
  \*************************************************************************************************************************************************************************************/
.rbac-info-sidebar {
  height: max(300px, 45%);
}
.rbac-info-sidebar .sidebar-tabs-wrapper {
  overflow: hidden;
}
/*!*************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/CompliancePage/CheckResultsParentSection/style.scss ***!
  \*************************************************************************************************************************************************************************************************************/
.controlSectionHeader {
  display: grid;
  grid-template-columns: 400px 1fr;
  -moz-column-gap: 20px;
       column-gap: 20px;
}
/*!***********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/CompliancePage/style.scss ***!
  \***********************************************************************************************************************************************************************************/
.compliancePageContent {
  flex: 1;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 40px 200px 1fr;
  align-items: start;
  overflow: hidden;
}
/*!******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/CompliancePage/Header/style.scss ***!
  \******************************************************************************************************************************************************************************************/
.complianceFilters {
  -moz-column-gap: 15px;
       column-gap: 15px;
}
.complianceFilters .scanSelect {
  min-width: 210px;
}

.dropdown-calendar {
  background: rgb(255, 255, 255);
  box-shadow: rgb(219, 231, 249) 0px 4px 20px;
  border-radius: 5px;
  padding: 10px 20px;
}
/*!************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/CompliancePage/FiltersModal/style.scss ***!
  \************************************************************************************************************************************************************************************************/
.complianceFiltersModal {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto 1fr auto;
  -moz-column-gap: 15px;
       column-gap: 15px;
  justify-content: space-between;
  min-width: 900px;
  max-width: 900px;
  height: 600px;
}
.complianceFiltersModal .applyButtonWrapper {
  grid-column: 1/3;
}
.complianceFiltersModal .applyButtonWrapper .applyButton {
  height: 26px;
  padding-right: 40px;
  padding-left: 40px;
}
.complianceFiltersModal .checksWrapper {
  grid-column: 1/3;
}
/*!*********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/views/CompliancePage/ControlsSunburstChart/style.scss ***!
  \*********************************************************************************************************************************************************************************************************/
.donutContainer svg {
  overflow: visible;
}
/*!******************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/rc-dropdown/assets/index.css ***!
  \******************************************************************************************************************************************************************************/
@font-face {
  font-family: "anticon";
  src: url("//at.alicdn.com/t/font_1434092639_4910953.eot");
  /* IE9*/
  src: url("//at.alicdn.com/t/font_1434092639_4910953.eot?#iefix") format("embedded-opentype"), url("//at.alicdn.com/t/font_1434092639_4910953.woff") format("woff"), url("//at.alicdn.com/t/font_1434092639_4910953.ttf") format("truetype"), url("//at.alicdn.com/t/font_1434092639_4910953.svg#iconfont") format("svg");
  /* iOS 4.1- */
}
.rc-dropdown {
  position: absolute;
  left: -9999px;
  top: -9999px;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.5;
}

.rc-dropdown-hidden {
  display: none;
}

.rc-dropdown .rc-menu {
  outline: none;
  position: relative;
  list-style-type: none;
  padding: 0;
  margin: 2px 0 2px;
  text-align: left;
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 1px 5px #ccc;
  background-clip: padding-box;
  border: 1px solid #ccc;
}

.rc-dropdown .rc-menu > li {
  margin: 0;
  padding: 0;
}

.rc-dropdown .rc-menu:before {
  content: "";
  position: absolute;
  top: -4px;
  left: 0;
  width: 100%;
  height: 4px;
  background: #ffffff;
  background: rgba(255, 255, 255, 0.01);
}

.rc-dropdown .rc-menu > .rc-dropdown .rc-menu-item {
  position: relative;
  display: block;
  padding: 7px 10px;
  clear: both;
  font-size: 12px;
  font-weight: normal;
  color: #666666;
  white-space: nowrap;
}

.rc-dropdown .rc-menu > .rc-dropdown .rc-menu-item:hover,
.rc-dropdown .rc-menu > .rc-dropdown .rc-menu-item-active,
.rc-dropdown .rc-menu > .rc-dropdown .rc-menu-item-selected {
  background-color: #ebfaff;
}

.rc-dropdown .rc-menu > .rc-dropdown .rc-menu-item-selected {
  position: relative;
}

.rc-dropdown .rc-menu > .rc-dropdown .rc-menu-item-selected:after {
  content: "\e613";
  font-family: "anticon";
  font-weight: bold;
  position: absolute;
  top: 6px;
  right: 16px;
  color: #3CB8F0;
}

.rc-dropdown .rc-menu > .rc-dropdown .rc-menu-item-disabled {
  color: #ccc;
  cursor: not-allowed;
  pointer-events: none;
}

.rc-dropdown .rc-menu > .rc-dropdown .rc-menu-item-disabled:hover {
  color: #ccc;
  background-color: #fff;
  cursor: not-allowed;
}

.rc-dropdown .rc-menu > .rc-dropdown .rc-menu-item:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.rc-dropdown .rc-menu > .rc-dropdown .rc-menu-item:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.rc-dropdown .rc-menu > .rc-dropdown .rc-menu-item-divider {
  height: 1px;
  margin: 1px 0;
  overflow: hidden;
  background-color: #e5e5e5;
  line-height: 0;
}

.rc-dropdown-slide-up-enter,
.rc-dropdown-slide-up-appear {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  transform-origin: 0 0;
  display: block !important;
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-play-state: paused;
}

.rc-dropdown-slide-up-leave {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  transform-origin: 0 0;
  display: block !important;
  opacity: 1;
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
  animation-play-state: paused;
}

.rc-dropdown-slide-up-enter.rc-dropdown-slide-up-enter-active.rc-dropdown-placement-bottomLeft,
.rc-dropdown-slide-up-appear.rc-dropdown-slide-up-appear-active.rc-dropdown-placement-bottomLeft,
.rc-dropdown-slide-up-enter.rc-dropdown-slide-up-enter-active.rc-dropdown-placement-bottomCenter,
.rc-dropdown-slide-up-appear.rc-dropdown-slide-up-appear-active.rc-dropdown-placement-bottomCenter,
.rc-dropdown-slide-up-enter.rc-dropdown-slide-up-enter-active.rc-dropdown-placement-bottomRight,
.rc-dropdown-slide-up-appear.rc-dropdown-slide-up-appear-active.rc-dropdown-placement-bottomRight {
  animation-name: rcDropdownSlideUpIn;
  animation-play-state: running;
}

.rc-dropdown-slide-up-enter.rc-dropdown-slide-up-enter-active.rc-dropdown-placement-topLeft,
.rc-dropdown-slide-up-appear.rc-dropdown-slide-up-appear-active.rc-dropdown-placement-topLeft,
.rc-dropdown-slide-up-enter.rc-dropdown-slide-up-enter-active.rc-dropdown-placement-topCenter,
.rc-dropdown-slide-up-appear.rc-dropdown-slide-up-appear-active.rc-dropdown-placement-topCenter,
.rc-dropdown-slide-up-enter.rc-dropdown-slide-up-enter-active.rc-dropdown-placement-topRight,
.rc-dropdown-slide-up-appear.rc-dropdown-slide-up-appear-active.rc-dropdown-placement-topRight {
  animation-name: rcDropdownSlideDownIn;
  animation-play-state: running;
}

.rc-dropdown-slide-up-leave.rc-dropdown-slide-up-leave-active.rc-dropdown-placement-bottomLeft,
.rc-dropdown-slide-up-leave.rc-dropdown-slide-up-leave-active.rc-dropdown-placement-bottomCenter,
.rc-dropdown-slide-up-leave.rc-dropdown-slide-up-leave-active.rc-dropdown-placement-bottomRight {
  animation-name: rcDropdownSlideUpOut;
  animation-play-state: running;
}

.rc-dropdown-slide-up-leave.rc-dropdown-slide-up-leave-active.rc-dropdown-placement-topLeft,
.rc-dropdown-slide-up-leave.rc-dropdown-slide-up-leave-active.rc-dropdown-placement-topCenter,
.rc-dropdown-slide-up-leave.rc-dropdown-slide-up-leave-active.rc-dropdown-placement-topRight {
  animation-name: rcDropdownSlideDownOut;
  animation-play-state: running;
}

@keyframes rcDropdownSlideUpIn {
  0% {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: scaleY(0);
  }
  100% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scaleY(1);
  }
}
@keyframes rcDropdownSlideUpOut {
  0% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scaleY(1);
  }
  100% {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: scaleY(0);
  }
}
@keyframes rcDropdownSlideDownIn {
  0% {
    opacity: 0;
    transform-origin: 0% 100%;
    transform: scaleY(0);
  }
  100% {
    opacity: 1;
    transform-origin: 0% 100%;
    transform: scaleY(1);
  }
}
@keyframes rcDropdownSlideDownOut {
  0% {
    opacity: 1;
    transform-origin: 0% 100%;
    transform: scaleY(1);
  }
  100% {
    opacity: 0;
    transform-origin: 0% 100%;
    transform: scaleY(0);
  }
}
.rc-dropdown-arrow {
  position: absolute;
  border-width: 4px;
  border-color: transparent;
  box-shadow: 0 1px 5px #ccc;
  border-style: solid;
  transform: rotate(45deg);
}

.rc-dropdown-show-arrow.rc-dropdown-placement-top,
.rc-dropdown-show-arrow.rc-dropdown-placement-topLeft,
.rc-dropdown-show-arrow.rc-dropdown-placement-topRight {
  padding-bottom: 6px;
}

.rc-dropdown-show-arrow.rc-dropdown-placement-bottom,
.rc-dropdown-show-arrow.rc-dropdown-placement-bottomLeft,
.rc-dropdown-show-arrow.rc-dropdown-placement-bottomRight {
  padding-top: 6px;
}

.rc-dropdown-placement-top .rc-dropdown-arrow,
.rc-dropdown-placement-topLeft .rc-dropdown-arrow,
.rc-dropdown-placement-topRight .rc-dropdown-arrow {
  bottom: 4px;
  border-top-color: white;
}

.rc-dropdown-placement-top .rc-dropdown-arrow {
  left: 50%;
}

.rc-dropdown-placement-topLeft .rc-dropdown-arrow {
  left: 15%;
}

.rc-dropdown-placement-topRight .rc-dropdown-arrow {
  right: 15%;
}

.rc-dropdown-placement-bottom .rc-dropdown-arrow,
.rc-dropdown-placement-bottomLeft .rc-dropdown-arrow,
.rc-dropdown-placement-bottomRight .rc-dropdown-arrow {
  top: 4px;
  border-bottom-color: white;
}

.rc-dropdown-placement-bottom .rc-dropdown-arrow {
  left: 50%;
}

.rc-dropdown-placement-bottomLeft .rc-dropdown-arrow {
  left: 15%;
}

.rc-dropdown-placement-bottomRight .rc-dropdown-arrow {
  right: 15%;
}