@charset "UTF-8";

body,
input,
button,
select,
textarea,
.navbar-search .search-query {
  font-family: var(--font-body);
}
.wordbreak .copyToClipboardText{
	display: inline-block;
	word-wrap: break-word;
	white-space: pre-wrap;
	max-width: 1040px;
}
.full-size-link{
	display: block; position: absolute; height: 100%; width: 100%;
	top: 0;
	left: 0;
}
.relative{
	position: relative;
}
#top-title-image-container{
  position: relative;
  width: 50%;
  z-index: 1;
  top: -18px;
}
#top-title-image{
	position: absolute;
}
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  margin: 0;
}
.container-main .milkglass{
	backdrop-filter: blur(10px);
	background-color: #f7f7f7cf;
	border: 1px solid #e3e3e3;
	border-radius: 8px;
	box-shadow: 0px 3px 15px rgba(0,0,0,0.1);
}
.milkglass .form-actions{
	background-color: transparent;
}
.container-main {
  flex-grow: 1;
}
.navbar-fixed-top {
	position: sticky;
	margin-bottom: 18px;
}

/* Fonts */
@font-face {
  font-family: "Exo 2";
  src: url('./fonts/Exo2-Regular.ttf') format('truetype');
  font-weight: 400; /* Normal / Regular */
  font-style: normal;
}

@font-face {
  font-family: "Exo 2";
  src: url('./fonts/Exo2-SemiBold.ttf') format('truetype');
  font-weight: 600; /* Semi-Bold */
  font-style: normal;
}

@font-face {
  font-family: "Exo 2";
  src: url('./fonts/Exo2-Bold.ttf') format('truetype');
  font-weight: 700; /* Bold */
  font-style: normal;
}

/* root */

:root {
  --font-heading: "Exo 2", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-body: Arial, "Helvetica Neue", Helvetica, sans-serif;
  --font-base: 1rem;
  --bold: 700;
  --semibold: 600;
  --regular: 400;
  --blue-hue: 205;
  --blue-900: hsl(var(--blue-hue), 65%, 8%);
  --blue-800: hsl(var(--blue-hue), 65%, 16%);
  --blue-700: hsl(var(--blue-hue), 65%, 24%);
  --blue-600: hsl(var(--blue-hue), 65%, 28%);
  --blue-500: hsl(var(--blue-hue), 65%, 34%); /* Joe blue */
  --blue-400: hsl(var(--blue-hue), 50%, 54%); 
  --blue-300: hsl(var(--blue-hue), 50%, 64%);
  --blue-200: hsl(var(--blue-hue), 50%, 74%);
  --blue-100: hsl(var(--blue-hue), 49%, 84%);
  --blue-50:  hsl(var(--blue-hue), 51%, 96%);
  --blue-link: hsl(var(--blue-hue), 70%, 40%);
  --red-hue: 359;
  --red-900: hsl(var(--red-hue), 80%, 12%);
  --red-800: hsl(var(--red-hue), 80%, 20%);
  --red-700: hsl(var(--red-hue), 80%, 28%);
  --red-600: hsl(var(--red-hue), 80%, 40%);
  --red-500: hsl(var(--red-hue), 80%, 52%); /* Joe red */
  --red-400: hsl(var(--red-hue), 80%, 64%);
  --red-300: hsl(var(--red-hue), 80%, 76%);
  --red-200: hsl(var(--red-hue), 80%, 88%);
  --red-100: hsl(var(--red-hue), 80%, 96%);
  --red-50:  hsl(var(--red-hue), 80%, 98%);
  --black-900: #010101;
  --black-800: #343434;
  --black-700: #484848;
  --black-600: #5D5D5D;
  --black-500: #858585;
  --black-400: #ADADAD;
  --black-300: #C2C2C2;
  --black-200: #D6D6D6;
  --black-100: #EBEBEB;
  --black-50: #F5F5F5;
  --white: #ffffff;
}

a {
	color: var(--blue-link);
}
a:hover {
	color: var(--blue-600);
}
/* Helpers */

/* Helpers: Background */

.bg-white {
	background-color: var(--white);
}
.bg-lightgrey {
	background-color: #f1f1f1; 
}

/* Helpers: modal */

.modal-m {
	width: 640px;
}
.modal-big{
	margin: -250px 0 0 -450px;
	width: 900px;
}

/* Helpers: container */

.container-xs {
	max-width: 400px;
	margin: 0 auto;
}
.container-s {
	max-width: 480px;
	margin: 0 auto;
}
.container-sm {
	max-width: 560px;
	margin: 0 auto;
}
.container-m {
	max-width: 640px;
	margin: 0 auto;
}
.flex {
	display: flex;
}
.flex--row {
	flex-direction: row;
}
.justify--start {
	justify-content: flex-start;
}
.justify--end {
	justify-content: flex-end;
}
.justify--center {
	justify-content: center;
}
.items-center {
	align-items: center;
}

.gap-48 {gap: 48px}
.gap-32 {gap: 32px}
.gap-24 {gap: 24px}
.gap-16 {gap: 16px}
.gap-12 {gap: 12px}
.gap-8 {gap: 8px}
.gap-4 {gap: 4px}
.gap-2 {gap: 2px}

.mt-48 {margin-top: 48px}
.mt-32 {margin-top: 32px}
.mt-24 {margin-top: 24px}
.mt-20 {margin-top: 20px}
.mt-16 {margin-top: 16px}
.mt-8 {margin-top: 8px}
.mt-4 {margin-top: 4px}
.mt-2 {margin-top: 2px}
.mt-0 {margin-top: 0}

.ml-48 {margin-left: 48px}
.ml-32 {margin-left: 32px}
.ml-24 {margin-left: 24px}
.ml-20 {margin-left: 20px}
.ml-16 {margin-left: 16px}
.ml-8 {margin-left: 8px}
.ml-4 {margin-left: 4px}
.ml-2 {margin-left: 2px}
.ml-0 {margin-left: 0}

.mb-48 {margin-bottom: 48px}
.mb-32 {margin-bottom: 32px}
.mb-24 {margin-bottom: 24px}
.mb-20 {margin-bottom: 20px}
.mb-16 {margin-bottom: 16px}
.mb-8 {margin-bottom: 8px}
.mb-4 {margin-bottom: 4px}
.mb-2 {margin-bottom: 2px}
.mb-0 {margin-bottom: 0}

.mr-48 {margin-right: 48px}
.mr-32 {margin-right: 32px}
.mr-24 {margin-right: 24px}
.mr-20 {margin-right: 20px}
.mr-16 {margin-right: 16px}
.mr-8 {margin-right: 8px}
.mr-4 {margin-right: 4px}
.mr-2 {margin-right: 2px}
.mr-0 {margin-right: 0}

.pt-48 {padding-top: 48px}
.pt-32 {padding-top: 32px}
.pt-24 {padding-top: 24px}
.pt-20 {padding-top: 20px}
.pt-16 {padding-top: 16px}
.pt-8 {padding-top: 8px}
.pt-4 {padding-top: 4px}
.pt-2 {padding-top: 2px}
.pt-0 {padding-top: 0}

.pl-48 {padding-left: 48px}
.pl-32 {padding-left: 32px}
.pl-24 {padding-left: 24px}
.pl-20 {padding-left: 20px}
.pl-16 {padding-left: 16px}
.pl-8 {padding-left: 8px}
.pl-4 {padding-left: 4px}
.pl-2 {padding-left: 2px}
.pl-0 {padding-left: 0}

.pb-48 {padding-bottom: 48px}
.pb-32 {padding-bottom: 32px}
.pb-24 {padding-bottom: 24px}
.pb-20 {padding-bottom: 20px}
.pb-16 {padding-bottom: 16px}
.pb-8 {padding-bottom: 8px}
.pb-4 {padding-bottom: 4px}
.pb-2 {padding-bottom: 2px}
.pb-0 {padding-bottom: 0}

.pr-48 {padding-right: 48px}
.pr-32 {padding-right: 32px}
.pr-24 {padding-right: 24px}
.pr-20 {padding-right: 20px}
.pr-16 {padding-right: 16px}
.pr-8 {padding-right: 8px}
.pr-4 {padding-right: 4px}
.pr-2 {padding-right: 2px}
.pr-0 {padding-right: 0}

/* slogan */

#slogan {
  background-color: var(--blue-500);
  padding: .25rem 0;
  text-align: center;
}
#slogan h5{
  color: var(--white);
	font-family: var(--font-heading);
  font-weight: var(--regular);
  font-size: 1rem;
  letter-spacing: 4px;
	margin-top: 0;
  margin-bottom: 2px;
  word-spacing: 5px;
}

/* Loader */
.loader {
  width: 16px;
  padding: 4px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #0f5a88;
  --_m: 
    conic-gradient(#0000 10%,#000),
    linear-gradient(#000 0 0) content-box;
  -webkit-mask: var(--_m);
          mask: var(--_m);
  -webkit-mask-composite: source-out;
          mask-composite: subtract;
  animation: loader 1s infinite linear;
}
@keyframes loader {to{transform: rotate(1turn)}}

[data-darkreader-scheme="dark"] .loader {
  background: #73bae4 !important;
}

.navbar-fixed-top, .navbar-fixed-bottom{
  z-index: 1039;
}

@media (max-width: 979px){
	#top-title-image {
		display: none;
	}
}
h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    text-rendering: optimizelegibility;
    font-family: 'exo_2bold';
    color: #1d1d1d;
}
h4 .additional-infos, a, p{
	font-family: Arial;
}
#liveinteraction-extendedtooltip{
	position: absolute; top: 0; left: 0; display: none;
	padding: 10px;
	border: 1px solid #c6c6c6;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.08),  0px 0px 5px rgba(0,0,0,0.02);
	background-color: white;
	border-radius: 7px;
}
.disabled-addon{
	background-image: url("../img/cloudbasic-no-bg.png");
	padding: 4px 4px 3px 9px;
	border-radius: 10px;
	box-sizing: border-box;
	border: 1px solid #dddddd;
	margin-left: -10px!important;
}
a.av-detection{
	color: #cdeeff;
	text-decoration: underline;
}
a.av-detection:hover{
	color: white;
	text-decoration: none;
}
/* // Analysis Overview Page New Styles Start */
.checkbox-wrapper{
	cursor: default;
}

.blocksTableView tr.analysis {
	position: relative;
}
.blocksTableView .infoCell{
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 535px;
}
.blocksTableView .infoCell div{
	align-self: stretch;
	align-items: center;
	flex-grow: 1;
	display: flex;
	padding-left: 10px;
}
.blocksTableView .infoCell .systemInfo{
	background-color: #f0f5f8;
	flex-direction: column;
}
.blocksTableView .infoCell .systemInfoWrapper{
	padding: 0;
	margin: 0px;
	max-width: 100%;
}
.blocksTableView .infoCell .systemInfoWrapper b{
	white-space: nowrap;
}
.blocksTableView .infoCell .errorsInfo{
	background-color: #f8e9e9;
}
.table-striped.analysis-list .blocksTableViewBody .wrapper .engine-score{
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}
.blocksTableView .analysis-list td.detection {
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	position: initial;
}
.analysis-list tr td.left.detection.incomplete{
	border-left: 1px solid #e5d7d7;
	border-top: 1px solid #ecdede;
}
.analysis-list tr td.left.detection.running{
	border-left: 1px solid #d7e4e5;
    border-top: 1px solid #dee2ec;
}
.analysis-list tr td.left.detection.clean{
	border-left: 1px solid #90ae88;
	border-top: 1px solid #86c086;
}
.analysis-list tr td.left.detection.unknown{
	border-left: 1px solid #a9a9a9;
	border-top: 1px solid #c2c2c2;
}
.blocksTableViewBody .detection.left{
	width: 180px;
}
.blocksTableViewBody .v-wrap:before{
	content: none;
}
.blocksTableViewBody .v-wrap.max-size-comment{
	vertical-align: top;
}
.blocksTableViewBody .edit-textfield {
	word-wrap: break-word;
	height: 100%;
	width: 180px;
	padding: 4px 10px;
	box-sizing: border-box;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	text-align: left;
	font-size: 11px;
	line-height: 16px;
}
.blocksTableViewBody .class-info-icons {
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    background-color: transparent;
    transition: background-color 0.3s ease;
}
.blocksTableViewBody .class-info-icons:hover {
    overflow: visible;
    /* background-color: #ffffff; */
}
.blocksTableViewBody .class-info-icons::after {
    content: "...";
    position: absolute;
    right: 0;
    padding-left: 10px;
    visibility: hidden;
}
.blocksTableViewBody .class-info-icons:hover::after {
    visibility: hidden;
}
.blocksTableViewBody .class-info-icons > span {
    display: inline-block;
    transition: transform 0.3s ease;
}
.blocksTableViewBody .class-info-icons:hover > span {
    transform: translateX(0);
}
.blocksTableViewBody .v-wrap:before{
	margin: 0px;
}
.blocksTableViewBody .username{
	font-size: 9px;
	letter-spacing: 0.5px;
	padding-left: 5px;
	background-color: rgba(0,0,0,0.05);
	color: #6b6b6b;
	line-height: 12px;
	height: 34px;
}
.blocksTableViewBody .behaviorgraph{
	width: 60px;
}

.arch-icon-mac, .arch-icon-android, .arch-icon-windows, .arch-icon-linux{
	display: inline-block;
	background-image: url(../img/architecture-icons.png);
	width: 16px;
	height: 16px;
	float: right;
	margin-top: 2px;
}
.arch-icon-windows{
	background-position: 0 -16px;
}
.arch-icon-android{
	background-position: 0 -32px;
}
.arch-icon-linux{
	background-position: 0 -51px;
}
#analysis-detail-view .blocksTableViewBody tr{
	cursor: default;
}
#analysis-detail-view .show-more-reports{
	cursor: pointer;
}
.systemInfo .single-line-cut{
	max-width: 460px;
}
.runIndicator{
	position: absolute;
	top: 0px;
	right: 0px;
	font-size: 11px;
	padding: 0px 3px;
	background-color: #00000014;
	border-bottom-left-radius: 3px;
}
.open-report .triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 8px;
    border-color: transparent transparent transparent #0076d9;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
}
.notAvailable{
	padding-left: 10px;
	color: #c0bfbb;
	font-size: 11px;
	display: flex;
	align-items: center;
}
.blocksTableViewBody .architecture{
	border-left: 1px solid #c3c5d06e;
	padding: 0px 2px;
	padding-left: 3px;
	background-color: #5868ff1f;
	color: #070a21b0;
}
.blocksTableViewBody .behaviorgraph .svgWrapper{
	margin-right: 3px;
    text-align: center;
    width: 91%;
    box-shadow: none;
    background-color: transparent;
}
.blocksTableViewBody .behaviorgraph .svgWrapper a{
	margin-top: -2px;
	border: 1px solid rgba(0,0,0,0.15);
	box-shadow: 0px 0px 0px rgba(0,0,0,0.2);
}
.blocksTableViewBody .behaviorgraph .svgWrapper a:hover{
	box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
}
.table-striped .blocksTableViewBody>tr{
	cursor: pointer;
}
.table-striped .blocksTableViewBody>tr:nth-child(odd){
	background: rgba(0,0,0,0.03);
}
.table-striped .blocksTableViewBody>tr.selected:nth-child(odd){
	background: #cae1f1;
}
.table-striped .blocksTableViewBody>tr:hover, .table-striped .blocksTableViewBody>tr.selected:nth-child(odd):hover{
	background: rgba(0, 166, 255, 0.06);
}
.table-striped .blocksTableViewBody>tr:nth-child(odd)>td{
	background: rgba(0,0,0,0.0);
}
html body .blocksTableView .blocksTableViewBody.enginesSmallBlocks .detection{
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}
#results_per_page {
	font-size: 11px;
	margin-top: 10px;
	width: 80px;
	height: 26px;
}
#engines th{
	padding-left: 10px;
}
#iocs table{
	border-left: 0px;
	border-right: 0px;
}
#iocs table tr td:first-child, #iocs table tr th:first-child{
	border-left: 0px;
}
#iocs table tr td:last-child{
	border-right: 0px;
}
.blocksTableViewBody.enginesSmallBlocks .detection.left{
	width: 100%;
}
.blocksTableViewBody .open-report:hover, .blocksTableViewBody .open-report:active,
.blocksTableViewBody .open-report:visited, .blocksTableViewBody .open-report:link{
	text-decoration: none;
}
.blocksTableViewBody .wrapper .engine-score{
	background-color: rgba(0, 0, 0, 0.3);
	padding-left: 10px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}
.blocksTableViewBody .engine-block .engine-score{
	padding-left: 0px;
}
.blocksTableViewBody td.detection.incomplete .detection-text{
	color: #a31212;
	text-shadow: none;
	text-transform: capitalize;
}
html body .blocksTableView .blocksTableViewBody .incomplete{
	border-top: 1px solid #f6ebeb;
	background-image: -moz-linear-gradient( -90deg, rgba(253,240,240, 0.95) 0%, rgba(247,234,234, 0.95) 50%, rgba(240,228,228, 0.95) 100%);
	background-image: -webkit-linear-gradient(-90deg, rgba(253, 240, 240, 0.95) 0%, rgba(247, 234, 234, 0.95) 50%, rgba(240, 228, 228, 0.95) 100%);
	background-image: -ms-linear-gradient(-90deg, rgba(253, 240, 240, 0.95) 0%, rgba(247, 234, 234, 0.95) 50%, rgba(240, 228, 228, 0.95) 100%);
}
.blocksTableViewBody td.detection.running .detection-text {
	color: #0f5a88;
	text-shadow: none;
	text-transform: capitalize;
}

.blocksTableViewBody td.detection.running .loader {
  margin-right: 8px;
}

.blocksTableViewBody td.detection.running .detection-text {
	color: #0f5a88;
	text-shadow: none;
	text-transform: capitalize;
}
.blocksTableViewBody td.detection.submitted .detection-text {
	color: #343e4b;
	text-shadow: none;
	text-transform: capitalize;
}
#all_analyses_list .blocksTableViewBody .comment-wrapper-parent{
	width: 180px;
}
html body .blocksTableView .blocksTableViewBody .submitted, html body .blocksTableView .blocksTableViewBody .running{
	border-top: 1px solid #ebf6f6;
	border-left: 1px solid #ebf6f6;
	background: rgba(234, 243, 247, 0.85);
}

html body .blocksTableView .blocksTableViewBody .malicious{
	border-top: 1px solid #ed9090;
	border-left: 1px solid #ed9090;
	background: rgba(207, 0, 0, 0.67);
}
html body .blocksTableView .blocksTableViewBody .suspicious{
	border-top: 1px solid #efb284;
	border-left: 1px solid #efb284;
	background-image: -moz-linear-gradient( -90deg, rgba(254,120,30, 0.64) 0%, rgba(241,107,17, 0.71) 50%, rgba(227,93,3, 0.63) 100%);
	background-image: -webkit-linear-gradient( -90deg, rgba(254,120,30, 0.64) 0%, rgba(241,107,17, 0.71) 50%, rgba(227,93,3, 0.63) 100%);
	background-image: -ms-linear-gradient( -90deg, rgba(254,120,30, 0.64) 0%, rgba(241,107,17, 0.71) 50%, rgba(227,93,3, 0.63) 100%);
	background: rgba(241, 107, 17, 0.71);
}
html body .blocksTableView .blocksTableViewBody .clean{
	border-top: 1px solid #a8f3a1;
	border-left: 1px solid #84b377;
	background: rgba(36, 187, 23, 0.71);
}
html body .blocksTableView .blocksTableViewBody .unknown{
	border-top: 1px solid #dedede;
	border-left: 1px solid #b3b3b3;
	background: rgba(128, 128, 128, 0.71);
}

.blocksTableViewBody td.detection .wrapper {
	width: 180px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	position: relative;
	color: white;
}
.blocksTableView .blocksTableViewBody .selected{
	background-color: #d3e9f8;
}
.engine-block .center.logo-wrapper{
	display: flex;
	align-items: center;
	justify-content: left;
	height: 70px;
}
.blocksTableViewBody td.detection .detection-text, .blocksTableViewBody div.detection .detection-text {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: left;
	font-family: 'exo_2bold', sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	text-shadow: 0px 0px 3px rgba(0,0,0,0.4), 1px 1px 0px rgba(0,0,0,0.6);
	letter-spacing: 0.5px;
	padding-left: 10px;
	color: white;
}
.blocksTableViewBody td.detection .right {
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: calc(100% - 18px);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.enginesSmallBlocks.blocksTableViewBody{
	padding-right: 10px;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.enginesSmallBlocks .engine-block{
	margin-left: 10px;
	margin-bottom: 20px;
}
.enginesSmallBlocks.blocksTableViewBody .download-report{
	height: 50px;
	border-top: 1px solid gainsboro;
}
.table-bottom-border {
	border-bottom: 2px solid #e3e3e3;
}
.analysis-list {
	border-spacing: 0 7px;
	border-collapse: separate;
	border-bottom: 0px !important;
}
.analysis-list tr td{
	border-bottom: 1px solid #d6d6d6;
}
.analysis-list tr td.left.detection{
	border-left: 1px solid #d6d6d6;
}
.blocksTableViewBody .bottom{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}
.blocksTableViewBody .error-table-cell{
	color: #b94a48;
	background-color: #e5afaf49;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.blocksTableViewBody .error-table-cell p{
	margin: 0px;
	padding: 10px;
}
.blocksTableViewBody .av-detection{
	flex: 0 0 60px;
	white-space: nowrap;
	font-size: 11px;
	text-align: center;
	background: rgb(13 5 5 / 40%);
	text-shadow: 0px 0px 3px rgba(0,0,0,0.4), 1px 1px 0px rgba(0,0,0,0.2);
}
.blocksTableViewBody td.detection .threat-name {
	flex: 1 1 auto;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	background: rgba(96, 3, 3, 0.5);
	padding-top: 3px;
	font-size: 11px;
	line-height: 15px;
	padding-left: 10px;
	text-shadow: 0px 0px 3px rgba(0,0,0,0.4), 1px 1px 0px rgba(0,0,0,0.2);
	box-sizing: border-box;
	height: 100%;
}
.blocksTableView .engine-block{
	border: 1px solid rgb(205, 205, 205);
	display: inline-block;
	border-radius: 6px;
	margin-right: 40px;
	margin-top: 10px;
	margin-bottom: 20px;
}
.blocksTableViewBody div.detection .engine-score {
	background: rgba(0,0,0,0.3);
	width: 100%;
	height: 22px;
	position: relative;
}
.blocksTableViewBody div.detection .score-bar-inner{
	background: rgba(0,0,0,0.3);
	position: absolute;
	left: 0px;
	top: 0px;
	height: 22px;
}
.blocksTableViewBody div.detection .wrapper{
	width: 100%;
}
.blocksTableViewBody div.detection{
	height: 40px;
	/* center horizonally and vertically */
	display: flex;
	align-items: center;
	justify-content: left;

}
.blocksTableViewBody div.detection .engine-score-text{
	position: relative;
    z-index: 100;
	white-space: nowrap;
	width: 100%;
	font-size: 13px;
	line-height: 21px;
	padding-left: 10px;
	text-shadow: 0px 0px 3px rgba(0,0,0,0.4), 1px 1px 0px rgba(0,0,0,0.2);
	color: white;
}
.blocksTableViewBody td ul{
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0;
	margin: 0;
}
.blocksTableView .blocksTableViewBody td{
	height: 55px;
}
.blocksTableViewBody td ul li{
	width: 100%;
	display: inline-block;
	text-align: center;
	font-size: 7px;
	text-transform: uppercase;
	padding: 0px;
	display: inline-block;
	height: 11px;
	background-color: #00afc5ad;
	line-height: 11px;
	margin: 0px;
	margin-bottom: 1px;
	letter-spacing: 0.2px;
	text-shadow: 0px 0px 3px rgba(0,0,0,0.6);
}
.blocksTableViewBody td ul li:first-child{
	margin-top: 1px;
}

.blocksTableViewBody td.analysisid-column .wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.blocksTableViewBody td.analysisid-column span {
	padding: 3px;
	font-weight: bold;
}

.blocksTableViewBody .av-bottom{
	font-size: 10px;
	background: rgba(0,0,0,0.3);
	text-align: center;
	height: 17px;
	line-height: 16px;
}
.blocksTableViewBody .sample-info, .blocksTableViewBody .detection, .blocksTableViewBody .download-report {
    position: relative;
    height: 100%;
}
.blocksTableViewBody .sample-info{
	width: 230px;
}
.blocksTableViewBody .sample-info .wrapper{
	display: flex;
	width: 100%;
	height: 55px;
	position: relative;
	top: 0;
	left: 0;
}
.blocksTableViewBody .sample-info .file-icon{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	border-right: 1px solid rgb(246 246 246);
	flex-shrink: 0;
}

.blocksTableViewBody .sample-info .file-name{
	display: grid;
	align-items: center;
	padding-left: 5px;
	height: 100%;
}
.blocksTableViewBody .clipper{
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	max-width: 100%;
	font-weight: bold;
}
.blocksTableViewBody .sample-info .file-name-date {
	width: 180px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 1;
}
.blocksTableViewBody .sample-info .file-date {
	color: rgb(67, 67, 67);
    display: flex;
    justify-content: space-between;
	background-color: rgba(0,0,0,0.05);
	font-size: 10px;
	padding-left: 5px;
	overflow: hidden;
	height: 44px;
}
.blocksTableViewBody .sample-info .file-or-url{
	text-shadow: 0px 0px 3px rgba(255,255,255,0.7);
	padding: 0px 5px;
}
.blocksTableViewBody .sample-info .file-or-url.file{
	background-color: rgba(190,170,149,0.7);
}
.blocksTableViewBody .sample-info .file-or-url.url{
	background-color: rgba(152,174,201,0.7);
}
.blocksTableViewBody .download-report .wrapper{
	display: flex;
	width: 100%;
	height: 100%;
}

img.pixel-art {
    image-rendering: -moz-crisp-edges;    /* Firefox */
    image-rendering: -webkit-optimize-contrast;  /* Safari */
    image-rendering: -o-crisp-edges;  /* Opera */
    image-rendering: pixelated;   /* Chrome and modern browsers */
    -ms-interpolation-mode: nearest-neighbor;   /* IE (non-standard property) */
}

.blocksTableViewBody tr:hover .detection .wrapper{
	background-color: #0000000a;
}
.blocksTableViewBody .download-report .wrapper .reports-list a{
	display: flex;
	color: #303030;
	font-size: 10px;
	background-color: rgba(0, 0, 0, 0.06);
	margin-bottom: 1px;
	padding: 0px 5px;
	line-height: 16px;
	flex-grow: 1;
	align-items: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.blocksTableViewBody .engine-block .download-report .wrapper .reports-list a{
	font-size: 13px;
}
.blocksTableViewBody .text-wrapper{
	float: left;
	width: 51px;
	font-size: 11px;
	margin-left: 10px;
}
.blocksTableViewBody .class-info-element{
	display: flex;
	align-items: center;
	height: 25px;
}
.blocksTableViewBody .class-info .class-info-element:nth-of-type(2){
	border-top: 1px solid rgba(0, 0, 0, 0.047);
}
.blocksTableViewBody .download-report .wrapper .reports-list{
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.blocksTableViewBody .download-report .wrapper .reports-list a:hover{
	background-color: #0076d9;
	color: white;
}
.blocksTableViewBody .download-report .wrapper .show-more-reports{
	background-color: #67b5df2e;
	padding: 0px 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 6px;
}
.blocksTableView .infos, .blocksTableView .classifications{
	background-color: white;
	padding: 0px;
	box-shadow: 0 0 0 4px rgb(255, 255, 255),
	            0 0 4px 4px rgba(0,0,0,0.3);
	border-radius: 4px;
	z-index: 2000;
	position: relative;

}
.blocksTableView .blocksTableViewBody td{
	border-right: 1px solid #c1c1c1;
}
.blocksTableViewBody .download-report .wrapper .report-icon-wrapper:hover{
	background-color: #0076d9;
}
.blocksTableViewBody .download-report .wrapper .download-sample-zipped, .blocksTableViewBody .download-report .wrapper .report-icon-wrapper{
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0px 8px;
	width: 35px;
}
.blocksTableViewBody .download-report .wrapper .sprite-icns.html{
	margin-bottom: 0px;
	margin-top: -2px;
}
.blocksTableViewBody .download-report .wrapper .show-more-reports img{
	opacity: 0.5;
}
.blocksTableViewBody .download-report .wrapper .show-more-reports:hover{
	background-color: #0076d9;
}
.blocksTableViewBody .download-report .wrapper .show-more-reports img.white{
	display: none;
}
.blocksTableViewBody .download-report .wrapper .show-more-reports:hover img.black{
	display: none;
}
.blocksTableViewBody .download-report .wrapper .show-more-reports:hover img.white{
	display: inline-block;
	opacity: 0.8;
}

/* Mobile changes */

@media (min-width: 768px) and (max-width: 979px) {
	.blocksTableView {
		overflow-x: scroll;
	}
    .blocksTableViewBody .sample-info .file-icon,
    .blocksTableViewBody .download-report .wrapper .report-icon-wrapper {
        display: none;
    }
}

@media (max-width: 768px) {
	.blocksTableView thead {
		display: none;
	}
	.blocksTableView td,
	.blocksTableView tr,
	.blocksTableView tbody {
		display:block;
		width: 100%;
	}
	.blocksTableView tr {
		margin-bottom: 20px;
	}
	.blocksTableViewBody .detection.left,
	.blocksTableViewBody td.detection .wrapper {
    	width: 100%;
	}
	.blocksTableViewBody .sample-info {
		width: 100%;
	}
	#all_analyses_list .blocksTableViewBody .comment-wrapper-parent,
	.blocksTableViewBody .edit-textfield {
    	width: 100%;
	}
	.blocksTableViewBody .behaviorgraph {
		width: 100%;
	}
	.blocksTableView td.analysisid-column {
		display: flex;
		align-items: center;
	}
	.copyToClipboardText {
		margin-left: 10px;
	}
}



/* // Analysis Overview Page New Styles End */

/* // Component: Form - Start */
.well {
	padding: 20px;
}
.form--container-s {
   margin-left: auto;
   margin-right: auto;
   max-width: 280px;
}
.form--group {
   display: flex;
   flex-direction: column;
   margin-bottom: 1rem;
}
.form--label {
   flex: 1;
}
.form--controls {
	display: flex;
	flex: 2;
	flex-direction: column;
	justify-content: flex-start;
	gap: .5rem;
	position: relative;
}
.form--actions {
	display: flex;
	justify-content: flex-end;
	gap: 1rem;
}

.form--group .form--controls input:not([type="checkbox"]):not([type="radio"]) {
	box-sizing: border-box;
	height: 30px;
	width: 100%;
}

@media (min-width: 979px) { /* Desktop screens only */
	.form--aligncenter {
		align-items: center;
	}
}
/* Form Row */
.form--row select {
	width: 100%;
}
.form--row textarea {
	box-sizing: border-box;
	width: 100%;
}
.form--row input[type="file"],
.form--row input[type="image"],
.form--row input[type="submit"],
.form--row input[type="reset"],
.form--row input[type="button"],
.form--row input[type="radio"],
.form--row input[type="checkbox"] {
	margin: 0
}

@media (min-width: 979px) { /* Desktop screens only */
	.form--row {
		flex-direction: row;
	}
	.form--row .form--group {
  	align-items: center;
    flex-direction: row;
    gap: 1rem;
    text-align: right;
  }
	.form--row .form--label {
		margin-top: 5px;
		margin-right: 12px;
		text-align: right;
	}
}

/* Checkbox and radio */

.form--row .checkbox,
.form--row .radio {
	padding-left: 0;
	width: auto;
}
.form--row .checkbox input[type="checkbox"],
.form--row .radio input[type="radio"]{
	margin-right: 4px;
}
.form--row .checkbox--controls {
	justify-content: center;
	align-items: flex-start;
}
.form--row label.checkbox input[type="checkbox"] {
	margin-top: 2px
}
@media (min-width: 979px) { /* Desktop screens only */
	.form--row .checkbox--label {
		align-content: flex-start;
		margin-top: 0;
    	margin-bottom: 0;
	}
}

/* Reset form element */
.form--row input#active {
	margin-top: 0;
	margin-left: 0;
}

/* Specific form element */
.api--controls {
	flex-direction: row;
	align-items: center;
}
.copyToClipboard--controls .copyToClipboardText {
	margin-left: 0;
}
.copyToClipboard--controls .copyToClipboard {
	margin-top: 0;
	margin-left: 0;
	margin-bottom: 0;
}
@media (min-width: 979px) { /* Desktop screens only */
	.emergency_contact_verification_info {
		align-items: flex-end;
	}
	.emergency_contact_verification_info div,
	.emergency_contact_verification_info input {
		max-width: 325px;
	}
}
@media (min-width: 1200px) { /* Desktop screens only */
	.emergency_contact_verification_info div,
	.emergency_contact_verification_info input {
		max-width: 412px;
	}
}

/* // Component: Form - End */

.row.checkmark input#active[type="checkbox"]{
	margin-left: 0px;
}
.modal-body-height-fix{
	max-height: calc(100vh - (20vh + 110px))!important;
}
*[data-hover]{
	cursor: pointer;
}
#uploadCookbook .form-horizontal .control-label{
	width: 100px;
}
.form-horizontal .controls {
	position: relative;
}

/*
.front-page .controls input:not([type="submit"]),
#authentication .controls input:not([type="submit"]) {
	width: calc(100% - 14px);
}
*/


#uploadCookbook .form-horizontal .controls{
	margin-left: 110px;
}
.row #uploadCookbook #comments, .row #uploadYara #comments, .row #uploadSigma #comments{
	width: 90%;
}
#data-hover{
	position:  absolute;
	left:  400px;
	top:  400px;
	z-index:  99999;
	border:  1px solid #878787;
	box-shadow: 0 1px 4px rgba(0,0,0,0.2), 1px 1px 2px rgba(0,0,0,0.1), 0px 0px 7px rgba(0,0,0,0.1);
	background-color:  white;
	padding:  10px 15px;
	border-radius: 7px;
}
.submissions-bar-percentage{
	position:  absolute;
	width:  160px;
	margin-left:  -80px;
	left:  50%;
	color:  white;
	text-align: center;
	font-weight: bold;
	line-height: -4px;
	bottom: 8px;
	font-size:  11px;
}
.experimental-subicons-big{
	top: 70px;
	background: #470404;
	color: white;
	display: inline-block;
	position: absolute;
	left: 18px;
	z-index: 99;
	font-size: 10px;
	padding: 0px 5px;
	border-radius: 3px;
	text-shadow: 1px 1px black;
	line-height: 19px;
}

.hiddenAdditionalSettings .submission-collapse .cloudbasic-no-wrapper{
  margin-left:  -20px;
  border-radius: 0px;
  padding:  0 20px 10px 20px;
}
.btn:focus{
	outline:  none;
	box-shadow: 0 0 2px black;
}
.row #xpath {
	width: 150%;
	resize: vertical;
	position: relative;
	z-index:  999;
	min-height:  50px;
}
.row #xpath{
	resize: both;
	min-height: 100px;
	max-height: 500px;
	max-height: 400px;
	max-width: 800px;
}
.deprecated-systems{
	text-transform: uppercase;
	padding:  2px 4px;
	background-color:  #ffc9c9;
	font-size:  10px;
	border:  1px solid #efb3b3;
	border-radius:  3px;
}
/* Submission Page START */
.margin-bottom-60{
	margin-bottom:  60px;
}
body{
	overflow-x: hidden;
}
input#active{
	margin-top: 5px;
	margin-left: 7px;
}
#downloadusers{
	margin-bottom:  60px;
}
.twofactorauth-toggle-button{
	margin-top: 20px;
}
.analysisdetail .nav-tabs>li>a{
	padding: 7px 15px;
}
.twofactorauth-init-modal__secret-wrapper,
.twofactorauth-setup-form__secret-wrapper
{
	width: 35%;
	margin: 15px auto 45px;
}
#twofactorauth-init-modal__qrcode {
	border: 4px solid #fff !important;
}
#twoFactorAuthWrapper {
  font-family: Arial;
  font-size: 13px;
  cursor: pointer;
}
#twoFactorAuthWrapper .toggle-label {
  color: rgb(83, 83, 83);
  margin-right: 10px;
  font-size: 12px;
  cursor: pointer;
  display: block;
  font-weight: bold;
  margin-bottom: 10px;
}
#twoFactorAuthWrapper .toggle {
  display: inline-block;
  position: relative;
  width: 175px;
  height: 28px;
  background: #eaeaea;
  border-radius: 12px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
  user-select: none;
  font-size: 12px;
  border: 1px solid #d4d4d4;
}
#twoFactorAuthWrapper .toggle-slider {
  display: flex;
  position: relative;
  align-items: center;
  width: 100%;
  height: 100%;
}
#twoFactorAuthWrapper .toggle-handle {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 2px;
  bottom: 2px;
  left: 2px;
  width: 50%;
  background: rgb(0, 125, 0);
  border: 1px solid rgb(0, 96, 6);
  color: white;
  border-radius: 10px;
  z-index: 2;
  box-shadow: inset 0px 1px rgba(255, 255, 255, 0.2),
    0 0 2px rgba(0, 0, 0, 0.3);
  transition: margin-left 0.3s;
}
#twoFactorAuthWrapper .toggle-option {
  flex: 1;
  text-align: center;
  color: grey;
  z-index: 1;
}
#twoFactorAuthWrapper .toggle.disabled .toggle-handle {
  margin-left: 81px;
  background: rgb(139, 0, 0);
  border: 1px solid rgb(96, 0, 0);
}



#open-id-setup-modal
{
	max-width: 650px;
	min-width: 400px;
	width: auto;
	transform: translateX(-50%);
	margin-left: 0;
}
#open-id-setup-modal .modal-body, #newTANDC .modal-body{
	max-height: 600px;
}

#open-id-setup-modal .modal-body img{
	border-radius: 10px;
	border: 1px solid #c1c1c1;
}

#oidc_save .control-group,
#open-id-setup-modal .modal-body .control-group {
	padding-right: 30px;
}


#oidc_save .control-group input[type="text"],
#open-id-setup-modal .modal-body input[type="text"] {
	width: 100%;
}
form.inline-form{
	display: inline;
}
.submission-page .hiddenAdditionalSettings .submission-collapse{
	padding-left: 20px;
}
.submission-details td:first-child{
	white-space: nowrap;
}

.submission-details__information-table{
	margin-bottom: 45px;
}
.submission-details__information-table th {
	max-width: 0;
}
.submission-details__information-table h3{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.submission-details__information-table__ignored-items{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 0;
}
.submission-details__information-table__ignored-items ul{
	margin-bottom: 0;
}
.submission-details__information-table__ignored-items li{
	margin-bottom: 0;
	width: 100%;
}
.submission-details__information-table__ignored-items__item-wrapper{
	display: flex;
}
.submission-details__information-table__ignored-items__item-name{
	max-width: 300px;
	flex: 0 0 auto;
	font-weight: bold;
}

.submission-details__information-table__ignored-items__item-description{
	flex: 1 1 auto;
}

.submission-details__information-table__ignored-items__item-name,
.submission-details__information-table__ignored-items__item-description{
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 0;
}
#mailconfig, #plugins{
	padding-top:  20px;
}
#misuseregexes, #blockemailregexes, #ignorecountries{
	padding-top:  40px;
}

.customer-details tr td:nth-child(2) {
	max-width: 350px;
	overflow-wrap: break-word;
}

#groupadmin-page,
#usersettings-page, #customer_users_table_wrapper, #customer_stats, #news, #account, #stats {
	padding-top:  40px;
}
#stats, #customer_users_table_wrapper, #customer_stats, #securitylog_table_wrapper, #all_analyses_table_wrapper, #customers_table_wrapper, #admin_lab_machines_table_wrapper, form.form-horizontal[action*="save/alert"]{
	padding-bottom:  60px;
}

.customers-overview-action-buttons {
	margin: 0 0 20px 0;
}

.customers-overview-action-buttons a:not(:first-child) {
	margin-right: 20px;
}

#add_labmachine {
	margin-bottom: 10px;
}

.submission-page .submission-label[for^="comments_"]{
	margin-top: 0px;
}
.normal-upload .file-upload{
	display: block;
	text-align: center;
}
.normal-upload .file-upload .btn{
	margin-top: 29px;
}
#advancedsubmit .normal-upload .filename strong{
	max-width: 325px;
}
.tab-pane.active {
    padding-top: 0px;
}

#cloudbasic #android::before,
#cloudbasic #advanced::before {
	content: "";
	width: 400px;
	height: 120px;
	position: absolute;
	top: -30px;
	right: 0;
	background: linear-gradient(16deg,rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 100%);
}
#cloudbasic #android::after,
#cloudbasic #advanced::after {
	content: "only available in";
	color: var(--black-900);
  font-family: var(--font-heading);
	height: 120px;
  width: 170px;
	position: absolute;
	top: -24px;
	right: 0;
	background-image:url('../img/logo/variation/cloudpro.svg');
	background-repeat: no-repeat;
  background-position: 0 20px;
}


#saveSettingsModal{
	top:  30%;
}
#more-options{
	margin-top: 4px;
	position: relative;
    float: right;
    width: 30%;
    display: inline-block;
    z-index: 81;
}
.shown-sample-source, .hidden-sample-source{
	position: absolute;
	left:  0px;
	width:  100%;
}
.form-horizontal .control-group{
	vertical-align: 74px;
}
.btn-large.btn-primary.disabled{
	background: #818181;
	cursor: not-allowed;
}
.analysistimeslider .analysistimesliderWrapper{
	margin-top: -3px;
}
.control-group .toggle{
	margin-top: 6px;
}
.controls label.checkbox input[type="checkbox"]{
	margin-top:  2px;
}
label.radio-inline{
	display: inline-block;
	padding-top: 6px;
	margin-bottom: 0;
	vertical-align: middle;
	min-height: 20px;
}

.bottom-settings-wrapper{
	background-image: linear-gradient(to bottom,#fbfbfb,#ffffff);
	padding-top:  30px;
	border-top:  1px solid #f0f0f0;
	display:  flex;
	justify-content: center;
	margin-bottom: 60px;
	margin-top:  20px;
	box-shadow:  inset 0px 1px 0px 0px white;
}
.save-settings-wrapper{
	width:  370px;
	display: inline-block;
	background-color:  #dfffe7;
	border:  1px solid #ceebd6;
	border-radius: 8px;
	padding:  10px;
	position: relative;
	display: flex;
	align-items: center;
	box-shadow:  inset 0px 1px 0px 0px white;
}
.save-settings-wrapper p{
	text-align: left;
	margin:  0px;
}
#saveSettings{
	position: absolute;
	bottom:  10px;
	right:  10px;
	border: 1px solid #30b50b;
}
.save-settings-wrapper img{
	float:  left;
	margin-right:  15px;
}
.container .pull-right .submit-button{
	border: 1px solid #2870e0;
	font-size:  15px;
	padding: 9px 15px;
}
.container .pull-right .submit-button:hover{
	background-image: linear-gradient(to top,#005d8b,#283f6e);
	box-shadow: 0 0 4px 1px rgba(255,0,0,0.1);
}
.showAdvancedSettings, .hideAdvancedSettings{
	color: var(--blue-link);
	text-decoration: underline;
	display: inline-block;
	padding: 6px 10px;
	border-radius:  7px;
	cursor: pointer;
}
.showAdvancedSettings:hover, .hideAdvancedSettings:hover{
	background:  #f1f1f1;
}
.hideAdvancedSettings {
	margin-top: 15px;
}
.top-selection-hidden{
	background-color: #ecf9ff;
	/*background-image: url('../img/top-selection-hidden.png');
	background-repeat: no-repeat;
	background-position: right;*/
	height: 106px;
	border-radius: 12px;
	padding-left:  20px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-top: 5px;
	cursor: pointer;
}
.top-selection-hidden:hover{
	filter: hue-rotate(315deg) saturate(1.5);
}
.noSystemSelected{
    background: #ecffed;
    border: 1px solid #daf3de;
	border-radius: 12px;
	padding: 1.4% 2%;
	width: 27%;
	margin-top: -60px;
	margin-left: 400px;
}
.cancel-flow-files{
	margin-top:  4px;
}
.btn:hover, .btn:focus{
	background-position: 0 -30px;
}
.upload-sample-section{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.dont-rename-samples span{
	font-size: 11px;
}
.file-upload{
	display:  flex;
	align-content:  stretch;
}
.upload-sample-left p{
	text-align: center;
	margin-bottom:  0px;
	margin-top:  5px;
}
.upload-sample-right{
	background-color: #ffeeee;
	color:  #754747;
	border-left:  1px solid #eac8c8;
	width:  40%;
	padding:  3% 5%;
	border-radius: 0px 13px 13px 0px;
}
.upload-sample-left{
	width:  50%;
	text-align: center;
}
.submit-title-wrapper{
	margin-top: 20px;
	position:  relative;
	counter-increment: section;
}
.submit-title-number{
	position:  absolute;
	left:  -45px;
	top:  4px;
	background-color:  #3f3f3f;
	color:  white;
	font-size: 23px;
	padding: 7px 12px 7px 12px;
	border-radius: 50%;
	font-family: 'exo_2bold';
}

.submit-title-number:before {
  content: counter(section);
  vertical-align: 2px;
}

.submit-title-wrapper h2{
	font-size:  20px;
	color:  #3f3f3f;
	border-bottom:  2px solid #d2d2d2;
}
.nav-tabs-submit{
	padding:  15px 0px;
	display:  flex;
	margin: 0;
	justify-content: center;
}
.nav-tabs-submit .tabwrapper{
	position: relative;
	box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.81);
	border-radius:  10px;
	border:  1px solid #c1c1c1;
	background-color:  #e6e6e6;
	list-style: none;
	padding:  0;
	padding-bottom:  13px;
	padding-top:  6px;
	margin:  0 20px;
	display: flex;
	flex-direction: column;
	-webkit-transition: background 0.5s; /* For Safari 3.0 to 6.0 */
	transition: background 0.5s; /* For modern browsers */
}
.nav-tabs-submit .tabwrapper:not(.disabled, .active):hover{
	background-color:  white;
}
.nav-tabs-submit .tabwrapper strong{
	color:  #3f3f3f;
}
.nav-tabs-submit .tabwrapper a:hover, .nav-tabs-submit .tabwrapper a{
	text-decoration:  none;
}
.nav-tabs-submit .active.tabwrapper strong{
	color:  white;
}
.nav-tabs-submit .active.tabwrapper{
	color:  white;
	background-color: var(--blue-link);
	border:  1px solid #093d63;
	box-shadow: inset 0 -1px 7px rgba(0,0,0,0.5);
}


.nav-tabs-submit .tabwrapper strong{
	display: block;
	text-align: center;
}

.nav-tabs-submit .tabwrapper.disabled {
	cursor: not-allowed !important;
}

.nav-tabs-submit .tabwrapper.disabled * {
	pointer-events: none;
}

.subicons-big{
	background-image:url('../img/submission-page-architectures-sprite-1.png');
	display: inline-block;
}
.subicons-big.linux{
	width: 99px;
	height: 78px;
	background-position: 2px -252px;
}
.subicons-big.windows{
	width: 99px;
	height: 78px;
	background-position: 0px 0px;
}
.subicons-big.apple{
	width: 99px;
	height: 78px;
	background-position: 5px -83px;
}
.subicons-big.android{
	width: 99px;
	height: 78px;
	background-position: 4px -164px;
}
.subicons-big.advanced{
	width: 99px;
	height: 78px;
	background-position: 0px -406px;
}



.active .subicons-big.linux{
	background-position: -111px -252px;
}
.active .subicons-big.windows{
	background-position: -111px 0px;
}
.active .subicons-big.apple{
	background-position: -106px -83px;
}
.active .subicons-big.android{
	background-position: -108px -164px;
}
.active .subicons-big.advanced{
	background-position: -111px -406px;
}

/* Submission Page END */


.securitylog-username, .securitylog-description, .securitylog-action{
	max-width:  280px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#trapezoid {
  width: 150px;
  height: 20px;
  background: rgb(0, 0, 0);
  transform: perspective(10px) rotateX(3deg);
  margin-bottom: -5px;
}
#trapezoid-font {
  color: white;
  position: absolute;
  top: 0px;
  left: 0px;
  text-align: center;
  width: 100%;
  text-transform: uppercase;
  font-weight: bold;
  padding-top: 2px;
  font-size: 10px;
  opacity: 0.94;
  letter-spacing: 0.7px;
}
#trapezoid-wrapper {
  position: relative;
  display: inline-block;
  width: 159px;
  left: 50%;
  margin-left: -80px;
  padding-left: 8px;
}
#latest-threats {
  margin-top: 60px;
}
#latest-threats .black-gradient {
  position: relative;
  height: 1px;
  background: linear-gradient(
    to right,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 1) 50%,
    rgba(0, 0, 0, 0) 100%
  );
}
.joesandbox-warning-top-login {
	background: #ffdada;
	border-radius: 8px 8px 0px 0px;
	border-bottom: 1px solid #e8c0c0;
	box-sizing: border-box;
	font-size: 14px;
	line-height: 24px;
	margin-top: -20px;
	margin-left: -20px;
	margin-bottom: 32px;
	padding: 20px 30px 20px 30px;
	position: relative;
	text-align: center;
	width: 100%;
	width: calc(100% + 40px);
}
#threat-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
  position: relative;
  width: 100%;
  padding-top: 16px;
  background: linear-gradient(
    to right,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.09) 50%,
    rgba(0, 0, 0, 0) 100%
  );
  text-align: center;
}
#threat-wrapper a {
  display: inline-block;
  background-color: #dc5151;
  text-decoration: none;
  border: 1px solid #fe5f5f;
  color: white;
  text-shadow: #2a0202 0px 0px 2px;
  padding: 3px 8px 4px 8px;
  border-radius: 5px;
  margin: 0px 9px 0px 9px;
  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1),
    0px 0px 3px rgba(0, 0, 0, 0.1);
  transition: all 0.4s ease;
  font-weight: bold;
  font-size: 12px;
  letter-spacing: 0.4px;
  margin-bottom: 16px;
}
#threat-wrapper a:hover {
  background-color: #ab0000;
  border: 1px solid #d80000;
  transform: scale(1.05);
}
.userlist-entry{
	position: relative;
}
.userlist-entry .badge-important{
	position: absolute;
	top: -5px;
	right: 4px;
	padding: 2px 7px 3px 7px;
	border-radius: 20px;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 1);
	background-color: #c92f2c;
}
.dropdown-toggle .badge-important{
	position: absolute;
	top: 3px;
	right: -11px;
	padding: 1px 6px 2px 6px;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 1);
	background-color: #c92f2c;
}
#all_analyses_list{
	border-bottom: 1px solid #d6d6d6;
}

@media (min-width: 1200px) {
    #all_analyses_list {
        width: 1170px;
    }
}
@media (min-width: 768px) and (max-width: 979px) {
    #all_analyses_list {
        width: 724px;
    }
}


#all_analyses_list .analysis a:hover{
	text-decoration: none;
}
.analysisdetail #comments a{
	margin-top: -40px;
	margin-left: -20px;
}
.analysisdetail #comments img{
	margin-top: 40px;
}
.multiSelectCheckBoxes{
	display: inline-block;
}
.submission-page .submission-titles.interaction-tab{
	background: #ffe819;
	position:  relative;
	overflow: visible;
}
#submit-page{
	overflow: visible;
}
#yellowArrow{
	position:  absolute;
	left: -24px;
	top: 12px;
}
.nav li.open:hover a i{
    background-image: url(../img/glyphicons-halflings.png);
}
.nav li.open .dropdown-menu li:hover a i{
	background-image: url(../img/glyphicons-halflings-white.png);
}
/* ANALYSIS DETAIL NEW */
.analysisdetail .submission-page.form-horizontal{
	padding: 0px;
}
.analysisdetail .submission-page.form-horizontal .cloudbasic-no-wrapper-single{
	margin: 0;
}
.cloudbasic-no-wrapper .analysistimesliderWrapper .slider{
	background-position: 0 -43px;
}
.cloudbasic-no-wrapper .analysistimesliderWrapper input{
	background: #e8e8e8;
	color: #656565;
}

.live-interaction-analysis-time-info {
	background: #ecffed;
	border: 1px solid #daf3de;
	border-radius: 12px;
	padding: 16px 20px 16px 23px;
	width: 100%;
	box-sizing: border-box;
	width: 98%;
}

.analysisdetail .dropdown-toggle .caret{
	vertical-align: 11px;
}
.analysisdetail h1 span{
	margin-bottom: -10px;
	display: inline-block;
	max-width: 75%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.submission-page .smartSelection.tagSelection .smartSelectionSelectedItem:hover, .submission-page .smartSelection.tagSelection .smartSelectionSelectedItem{
	background-color: #404040!important;
	color: white!important;
	border: 1px solid #1b1b1b;
	box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.4);
}
.analysisdetail #iocs tr.expandHiddenRows{
	background-color: white;
}
.analysisdetail #iocs tr.expandHiddenRows:hover td{
	background-color: #f0f8ff;
}
.analysisdetail .tabwrapper strong{
	font-size: 17px;
}
.analysisdetail table{
	border-bottom: 1px solid #e0e0e0;
}
.analysisdetail td{
	text-align: left;
	border-right: 1px solid #e0e0e0;
}
.analysisdetail td:last-child{
	border-right: none;
}
.single-line-cut{
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 300px;
	vertical-align: -5px;
}
.analysisdetail .tagSelection.smartSelection .smartSelectionSelectedItem{
	box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.4);
}
.analysisdetail .smartSelectionSelectedItems .smartSelectionSelectedItem{
	margin-top: 0px;
}
.analysisdetail .tagSelection .smartSelectionSelectedItem .removeItem{
	vertical-align: 3px;
}
.resultRunModal button.close, .reportsOverlayModal button.close{
	margin: 0px;
	top: 0px;
	right: 0px;
	position: sticky;
	z-index: 9999;
	background: white;
	padding: 20px;
	padding-top: 10px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-bottom-left-radius: 20px;
}
.analysisdetail #editComment{
	top: 35%;
}
.analysisdetail #comments{
	word-break: break-all;
	white-space: pre-line;
	border: 1px solid #dbdbdb;
	background-color: white;
	box-sizing: border-box;
	padding: 10px;
	width: 100%;
	height: 100%;
	min-height: 73px;
	border-radius: 5px;
}
.resultRunModal .download-toggle, .reportsOverlayModal .download-toggle{
	margin: 0px;
	position: sticky;
	top: 40px;
	right: 0px;
	z-index: 999;
}
.resultRunModal.modal.fade.in, .reportsOverlayModal.modal.fade.in, .reportsOverlayModal.modal.fade{
	width: 80%;
	height: 90%;
	margin-top: 0%;
	top: 5%;
	margin-left: 0%;
	left: 10%;
}
.resultRunModal .modal-body, .reportsOverlayModal .modal-body{
	width: 96.8%;
	max-height: none;
	position: relative;
}
.analysisdetail .smartSelection .smartSelectionSearch {
	width: 40%;
}
.analysisdetail .smartSelection .whiteBorder {
	width: 38%;
	margin-left: 1px;
}
.expandHiddenRows{
	cursor: pointer;
}
.expandHiddenRows:hover{
	background-color: white;
	text-decoration: underline;
}
.hidden-row{
	display: none;
}
.dropped-files .max-width{
	width: 100%;
	word-break: break-all;
}
.analysisdetail .malicious-background{
	background-color: #ffe8e8;
}
.analysisdetail .table tbody tr.malicious-background:hover td{
	background-color: #edcaca;
}
#iocs tr.malicious-background:nth-of-type(even) {
	background-color: #ffdcdc;
}
.hashOverlayModal{
	width: 770px;
	margin-left: -385px;
	margin-top: -70px;
}
.hashOverlayModal .close{
	margin-right: 9px;
	margin-top: 7px;
}
.hashOverlayModal .modal-body{
	width: 95%;
}
.analysisdetail .dropdown-menu i{
	float: left;
	height: 20px;
	margin-right: 9px;
}
.analysisdetail .dropdown-menu button, .analysisdetail .dropdown-menu span{
	display: block;
	background: none;
    border: none;
    padding: 7px 12px;
    text-align: left;
    width: 100%;
    cursor: pointer;
    font-weight: normal;
    color: #333333;
}
.analysisdetail .dropdown-menu button:hover, .analysisdetail .dropdown-menu span:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: #0088cc;
}
.analysisdetail #tagSelectionLive, .analysisdetail .container.tag-list-selected{
	width: 100%!important;
}
.analysisdetail .dropdown-menu{
	width: 220px;
	overflow: hidden;
}
.analysisdetail .dropdown-menu a{
	padding: 7px 12px;
	cursor:  pointer;
}
.analysisdetail .dropdown-menu li{
	padding: 0px;
	margin: 0px;
}
#iocs .btn.btn-info{
	font-size: 15px;
	font-weight: regular;
	color: white;
	text-shadow: 0px 1px rgba(0, 0, 0, 0.2);
}
.user-group-type{
	font-family: 'exo_2bold';
	font-size: 35px;
	display: inline-block;
	padding: 15px 25px 18px 25px;
	border-radius: 5px;
	margin-bottom: 30px;
	letter-spacing: 2px;
	/* first letter uppercase */
	text-transform: capitalize;
}
#iocs .table{
	margin-bottom: 0px;
}
#iocs tr:nth-of-type(even){
	background-color: #f1f1f1;
}
#iocs h3, #engines h3{
	border-bottom: 2px solid #ececec;
	padding: 3px 0px;
	padding-left: 10px;
	margin-top: 20px;
	margin-bottom: 10px;
	border-bottom: 2px solid #484848;
}
#iocs h3{
	margin-bottom: 0px;
}
#iocs tr th, #iocs tr td{
	text-align: left;
}
#analysis-detail-view.tab-content{
	margin-bottom: 20px;
	border: 1px solid #dddddd;
    border-top: 0px;
}
#engines tbody tr td{
	height: 60px;
}
#engines .info-box{
	margin: 0px;
	vertical-align: middle;
	text-align: center;
	padding: 7px 5px;
}
#engines .info-box-wrapper{
	width: 300px;
}
#engines .logo-wrapper{
	width: 230px;
	padding-left: 10px;
	padding-right: 10px;
}
#engines .logo-wrapper > div{
	display: flex;
}
#engines td.error{
	background-color: #bd1919;
	color: white;
}
.analysisdetail .dropdown-menu li{
	font-size: 13px;
}
.analysisdetail .submission-titles{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0px!important;
	padding: 10px 10px!important;
}
.details-list{
	padding: 0px;
	margin: 0px;
}
.details-list li:nth-of-type(even){
	background-color: #f1f1f1;
}
.details-list li{
	list-style: none;
	padding: 10px;
}
.details-list li .title, .details-list li .content{
	display: inline-block;
	word-break: break-word;
}
.details-list li .title{
	vertical-align: top;
	width: 140px;
	font-weight: bold;
}
#analysis-status{
	float: left;
	text-shadow: 0px 2px #000000, 1px 1px #00000011, -1px 1px #00000011, 1px -1px #0000000d, -1px -1px #00000017;
	text-transform: uppercase;
	padding: 15px 24px 14px 24px;
	font-size: 21px;
	font-weight: 700;
	display: inline-block;
	color: white;
	border-style: solid;
	border-width: 1px;
	border-radius: 4px;
	font-family: 'Exo', sans-serif;
}
#analysis-status.malicious{
	border-color: #670a0a;
	background: rgba(207, 0, 0, 0.67);
}

#analysis-status.suspicious{
	border-color: #b05010;
	background: rgba(241, 107, 17, 0.71);
}
#analysis-status.clean{
	border-color: #2c8424;
	background: rgba(36, 187, 23, 0.71);
}
#analysis-status.unknown{
	border-color: #727272;
	background: rgba(128, 128, 128, 0.71);
}
#analysis-classification{
	text-align: center;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
#analysis-threat{
	max-width: 220px;
	line-height: 25px;
	text-shadow: 0px 2px #000000, 1px 1px #00000011, -1px 1px #00000011, 1px -1px #0000000d, -1px -1px #00000017;
	text-transform: uppercase;
	padding: 12px 21px 11px 21px;
	font-size: 18px;
	font-weight: 700;
	display: inline-block;
	color: white;
	border-style: solid;
	border-width: 1px;
	border-color: #962121;
	border-radius: 4px;
	background: rgb(168, 9, 25);
	font-family: 'Exo', sans-serif;
}
.analysis-classification-button{
	margin: 0 10px;
	position: relative;
	text-shadow: 0px -2px #ffffff;
	padding: 4px 8px 3px 8px;
	font-size: 12px;
	font-weight: 700;
	display: inline-block;
	color: black;
	border-style: solid;
	border-width: 1px;
	border-color: #d9d9d9;
	border-radius: 4px;
	background: #f3f3f3;
	box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.7);
	font-family: 'Exo', sans-serif;
	transform-origin: top, left;
}
.analysis-classification-button .type{
	transform: scale(0.6);
	margin-bottom: -27px;
}
.analysisdetail .analysis-status {
	padding: 10px;
  margin-bottom: 20px;
  border: 1px solid #e0e0e0;
  background-color: #f8f8f8;
}
.analysisdetail .important-info{
	margin-top: 40px;
	margin-bottom: 40px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	text-align: center;
}
#analysis-status.small{
	float: none;
	font-size: 12px;
	padding: 7px 14px 6px 14px;
}
/* ANALYSIS DETAIL NEW END */

.type{
	background-image: url(../img/type.png);
	height: 64px;
	width: 64px;
	margin-right: 20px;
	display: inline-block;
	margin-bottom: -21px;
	margin-top: -30px;
	margin-right: -16px;
	margin-left: -22px;
}
.type.miner{
	background-position: 0px 0px;
}
.type.rat{
	background-position: 0px -64px;
}
.type.trojan{
	background-position: 0px -128px;
}
.type.apt{
	background-position: 0px -192px;
}
.type.phishing{
	background-position: 0px -256px;
}
.type.info-stealer{
	background-position: 0px -320px;
}
.type.ransomware{
	background-position: 0px -384px;
}
.type.e-banking-trojan{
	background-position: 0px -448px;
}
.type.adware{
	background-position: 0px -512px;
}
.type.spyware{
	background-position: 0px -576px;
}
.type.spreading{
	background-position: 0px -640px;
}
.type.exploiter{
	background-position: 0px -704px;
}
.type.country-detection{
	background-position: 0px -768px;
}
.type.vm-detection{
	background-position: 0px -832px;
}
.type.debugger-detection{
	background-position: 0px -896px;
}
.type.sandbox-detection{
	background-position: 0px -960px;
}
.type.user-behavior-detection{
	background-position: 0px -1024px;
}
.type.time-detection{
	background-position: 0px -1088px;
}
.type.language-detection{
	background-position: 0px -1152px;
}
.type.sleep-evasion{
	background-position: 0px -1216px;
}
.wider-form-input, .apikey_input{
	width: 75%;
}
.analysis .sprite-icns.html{
	margin-bottom: -6px;
}
.threat-label{
	max-width: 110px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: 3px;
	text-shadow: 0px 1px #000000;
	padding: 2px 5px;
	display: inline-block;
	color: white;
	font-size: 11px;
	font-weight: bold;
	border-style: solid;
	border-width: 1px;
	border-color: rgb(202, 0, 0);
	border-radius: 3px;
	background-color: #f80000;
	background-image: -moz-linear-gradient( -90deg, rgb(246,0,0) 0%, rgb(255,75,75) 49%, rgb(252,38,38) 49%, rgb(249,0,0) 52%, rgb(233,26,26) 73%, rgb(167,0,0) 100%);
	background-image: -webkit-linear-gradient( -90deg, rgb(246,0,0) 0%, rgb(255,75,75) 49%, rgb(252,38,38) 49%, rgb(249,0,0) 52%, rgb(233,26,26) 73%, rgb(167,0,0) 100%);
	background-image: -ms-linear-gradient( -90deg, rgb(246,0,0) 0%, rgb(255,75,75) 49%, rgb(252,38,38) 49%, rgb(249,0,0) 52%, rgb(233,26,26) 73%, rgb(167,0,0) 100%);
}
#web-push-notifications .form-actions{
	padding: 20px 20px 0px 20px;
}
#deleteAllSubscriptions{
	padding-top: 0px;
}
.copyToClipboardText.hover{
  background-color: #caf9ff;
}
.copyToClipboardText.copied{
  background-color: #d1ffca;
  -webkit-transition: background-color 200ms linear;
  -ms-transition: background-color 200ms linear;
  transition: background-color 200ms linear;
}
.copyToClipboard {
  margin-left: 8px;
  margin-bottom: -3px;
  cursor: pointer;
  height: 16px;
  width: 12px;
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAQCAYAAADAvYV+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAKRJREFUeNqMkg0OwyAIhTWZ9/UkeuHKmw6Un7lkpFYiH/CkTQCSXdPqXMupMZYFOJbzOkLeuwteKsZVDfMT+kqS4kDv/Qq11jDG8/GzwOudYKQtljvzXkpJr6BbkpD4MefTBCaucgPFPzARDMghlcYJWplIwa39+AGmKSMGYTs5mBTet7ed/AVpmDHB+TpKWzmM0I/SjQ7JfZgDqN5tf/8bbwEGANw+CwgvTYlRAAAAAElFTkSuQmCC');
}
.copyToClipboard:hover{
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAQCAYAAADAvYV+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAOtJREFUeNqMUsEKwjAMbcHhPKgo4l+Igj+2szCceN++y4OIPzJEDw6xjW2TttmcYFiW0L6+vDQVACC4G8uM2yTr7kkCBJPSLoH0sbXZw9j1jGF+gr4OETlAVVW9oLIsQam3yyWB7V8Ak2axWBljkiRi4DdXeezlelCOd73HtUuhsXmLNWWQxbGDwI+aojxNR8isNTAgyonS8IA1lKG12BQv6kk7P+dDvFYGdjKa5oksXAavZMJ4MvUydAD77iMwTphkKLE91igBvBSMp90yHHAyHvdbd/SRkRqezRfxnluDCQPyg4n299v4CDAAbH4BOU4BHLwAAAAASUVORK5CYII=');
}

.form-horizontal.submission-page .filename strong{
    max-width: 150px;
}
#alerts_table{
	margin-bottom: 100px;
}
.break-word{
	word-wrap: break-word;
	word-break: break-all;
}
.v-wrap .v-box.edit-textfield{
	padding: 7px 3px;
	height: 18px;
}
.edit-textfield:hover{
	cursor: pointer;
	background-image: url("../img/edit.png");
	background-repeat: no-repeat;
	background-color: #fffeef!important;
	background-position: right 2px top 2px;
}
.nav li:hover a i, .nav li.active a i{
	background-image: url("../img/glyphicons-halflings-white.png");
}

.navbar a.brand, h4{
	color: #44add0;
	color: #008FD5;
}
input[readonly], select[readonly], textarea[readonly] {
    cursor: auto;
}
.container-main{
	min-height: 400px;
}
.container-main-latest-threats{
	margin-top: 0px;
}
table td.center, table th.center{
	text-align: center;
}
table.table-results td{
	vertical-align: middle;
}
table.table td, table.table-striped td{
	vertical-align: middle;
}

form.edit-textinput input[type=text],
form.edit-textinput input[type=password]
{
	width: 70%
}
form label.checkbox{
	width: 92%;
}
ul.nav.nav-tabs.nobottom{
	margin-bottom: 0;
}
#queuesize {
	background-color: #f1f1f1;
	padding: 4px 8px 4px 8px;
	border-radius: 8px;
	display: inline-block;
	font-size: 13px;
	color: #999999;
}

.subnav{
	margin-top: 18px;
}
.subnav .navbar-inner {
	background: #eee ;
	color: black;
}
.subnav .nav > li a {
	color: #333;
	font-weight: bold;
	font-size: 14px;
	text-shadow: none;
}
.subnav .nav > li a:hover {
	color: #0088CC;
}
.blue{
	color: #0088CC;
}
.news-unit {
    background-color: #EEEEEE;
    border-radius: 6px 6px 6px 6px;
    margin-bottom: 30px;
    padding: 30px;
	margin: 30px;
}
.news-unit h1{
	color: #777;
}
.size-limit {
	max-width: 8em;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.size-limit-medium {
	max-width: 6em;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.size-limit-100{
	max-width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.size-limit-small {
	max-width: 4em;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.size-limit-large {
	max-width: 10em;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.navbar-search {
  margin-top: 1px;
	margin-left: 24px;
}

@media (max-width: 979px) {
  .nav-collapse .navbar-form,
	.nav-collapse .navbar-search {
    float: none;
    padding: 0;
		margin: 0;
		margin-left: 15px;
		border-top: 0;
		border-bottom: 0;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
  }
}
.navbar-search:focus-within{
	position: relative;
}
.navbar-big .navbar-search:focus-within .search-query,
.navbar-search:focus-within .search-query{
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom: none;
	color: #333;
	text-shadow: 0 1px 0 #fff;
	background-color: #fff;
	border: 0;
	padding: 17px 15px;
}

.navbar-search:focus-within .navbar-search__advanced-search-panel{
	box-sizing: border-box;
	display: block;
	position: absolute;
}
.navbar-search__viewAdvertisement{
	border-top: 1px solid #eee;
	margin: 0 15px;
}
.navbar-search__viewAdvertisement_addText{
	margin-bottom: 15px;
}
.navbar-search__viewAdvertisement_content .navbar-search__viewAdvertisement_viewButton{
	background-color: #881a63;
	color: white;
	text-decoration: none;
	border: 1px solid #6d004e;
	text-shadow: none;
	margin-top: 0px;
	margin-left: 10px;
}
.navbar-search__viewAdvertisement_viewButton:hover {
	background-color: #6d004e;
	color: white;
}
.navbar-search__viewAdvertisement_addText{
	padding-top: 10px;
}
.navbar-search__viewAdvertisement_content p{
	white-space: normal;
	font-size: smaller;
}
.navbar-search__advanced-search-panel{
	display: none;
	width: 100%;
	background-color: white;
	border: 1px solid rgb(51, 51, 51);
	border-top: 0;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	left: 0;
	font-size: 13px;
	z-index: 9999;
}

.navbar-search__advanced-search-panel__content{
	border-top: 1px solid #eee;
	margin: 0 15px;
	padding-top: 5px;
	padding-bottom: 10px;
}

.navbar-search__advanced-search-panel__content{
	border-top: 1px solid #eee;
	margin: 0 15px;
	padding-top: 5px;
	padding-bottom: 10px;
}

.navbar-search__advanced-search-panel__content p{
	display: inline-block;
	font-size: smaller;
	margin-right: 5px;
	margin-bottom: 5px;
}

.navbar-search__advanced-search-panel__content a{
	margin-left: 5px;
}

#search-modal p {
	text-align: center;
}

.advanced-search-info-text {
	width: 683px;
	margin: 0 auto 30px;
}

.advanced-search-container h2 {
	width: 683px;
	margin-left: auto;
	margin-right: auto;
}

.advanced-search-form{
	width: 645px;
	margin-left: auto;
	margin-right: auto;
}

.advanced-search-form__body__input label.control-label{
	float: none;
	text-align: center;
	display: inline-block;
}

.advanced-search-form__body__remove-row{
	float: right;
}

.advanced-search-form .form-actions{
	text-align: right;
	padding-right: 0;
}

.advanced-search-cloud-info{
	display:  flex;
	justify-content: center;
	margin-bottom: 60px;
}

.advanced-search-cloud-info__block{
	display: inline-block;
	text-align: center;
	width: 645px;
	background-color:  #dfffe7;
	border:  1px solid #ceebd6;
	border-radius: 8px;
	padding:  19px;
}

.advanced-search-cloud-info__block p{
	margin-bottom: 0;
}

#advanced-search-criteria-accordion{
	margin-bottom: 0;
	font-size: small;
}

#advanced-search-criteria-accordion .accordion-group{
	border: 0;
}

#advanced-search-criteria-accordion .accordion-toggle{
	font-size: small;
	border: 0;
	padding: 0;
}


#advanced-search-criteria-accordion .accordion-inner{
	padding: 0;
	border: 0;
	font-weight: normal;
}

#advanced-search-criteria-accordion .advanced-search-criteria__element{
	margin-right: 15px;
	white-space: nowrap;
}

#filter-detail{
	background: #eee;
	line-height: 1.5em;
	text-indent: 0.5em;
}
.plate{
	position: relative;
	top: -2px;
	background: #333;
	padding: 10px;
	line-height: 12px;
	font-size: 12px;
	display: inline-block;
	-webkit-border-radius: 17px;
  	-moz-border-radius: 17px;
  	border-radius: 17px;
}
h2 .plate{
	margin-bottom: 16px;
}
@media (max-width: 1201px) {
	#queuesize{
		display: none;
	}
}
.score{
	display: inline-block;
	width: 22px;
	height: 7px;
	border: 1px solid #ccc;
	background: white;
	line-height: 0;
	text-align: left !important;
	font-size: 8px;
	font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
.score .score-inner{
	display: inline-block;
	height: 5px;
	border: 1px solid white;
}

table tr.redrow{
	background: #ffcccc !important;
}
table tr.greenrow{
	background: #ccffcc !important;
}
table tr.orangerow{
	background: #ffeecc !important;
}
table tr.greyrow{
	background: #cfcdcd !important;
}

.hand{
	cursor: pointer;
}
h3 i.icon-chevron-down{
	position: relative;
	top: 4px;
	left: 2px;
}
.tdtop  {
	vertical-align: top !important;
}
.navbar .brand{
	padding: 7px 10px 6px 20px;
}
.navbar .brand img{
	margin-top: 0;
	max-height: 30px;
}
.navbar .btn-group .btn.btn-pricing {
  margin-top: 1px;
}
.quick-links-button-wrapper{
	height:  38px;
	display:  inline-block;
	background-color:  rgba(255,255,255,0.4);
	border-radius: 5px;
	border:  1px solid rgba(255,255,255,0.5);
}
.quick-links-button-wrapper:hover{
	background-color:  rgba(255,255,255,0.7);
	border:  1px solid rgba(255,255,255,0.8);
}
.quick-links-button{
  margin-top:  -2px;
  display: inline-block;
  background-image: url(../img/quick-links-button.png);
  width: 192px;
  height: 42px;
}
.user-guide{
  background-position:  0px 0px;
}
.web-api{
  background-position:  0px -42px;
}
.detect{
  background-position:  0px -84px;
}
.uploader{
  background-position:  0px -126px;
}

/* Sticky footer styles
 -------------------------------------------------- */
#joe-footer {
	margin-top: 0;
	margin-left: 0;
	margin-bottom: 0;
	margin-right: 0;
}
.joe-footer--wrapper {
	background-color: #dedede;
	background-image: url(../img/footer/bg.png);
	background-repeat: no-repeat;
	background-position: center;
	border-top: 1px solid #d1d1d1;
	color: #999999;
	font-size: 12px;
	position: relative;
}
.joe-footer--inner {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	padding: 20px;
	max-width: 1170px;
	margin: 0 auto;
}
.joe-footer--item {
	align-content:center;
}
.joe-footer--item:empty {
	display: none;
}
.joe-footer--center {
	text-align: center;
	justify-content: center;
}
#footer--social {
	margin-bottom: 0;
}
#footer--social img {
	height: 20px;
}

@media (min-width: 768px) { /* Desktop screens only */
	.joe-footer--item:last-child {
		text-align: right;
	}
}

@media (max-width: 768px) { /* Mobile screens */
	#joe-footer {
		margin-left: -20px;
		margin-right: -20px;
	}
	#footer--social {
		display: none;
	}
  .joe-footer--inner {
  	gap: .5rem;
    grid-template-columns: 1fr; /* Stack columns on top of each other */
  }
}
@media (min-width: 1200px) {
	#joe-footer .container{
		width: 1170px;
	}
}

/* Sticky Footer Trick */
.container-main.container{
	z-index: 9;
	position: relative;
}
.footer-last-row{
	position:  absolute;
	bottom:  10px;
}
.search-query-header {
	box-sizing: border-box;
  width: 256px;
}
.text-right{
    text-align: right !important;
}
.text-center{
    text-align: center !important;
}
.text-left{
    text-align: left !important;
}
#saveEditor #name, #sigmaEditor #name, #yaraEditor #name, #suricataEditor #name{
	width:  787px;
}
#saveEditor #comments, #sigmaEditor #comments, #yaraEditor #comments, #suricataEditor #comments{
	width:  790px;
}
.github-infobox {
	padding: 20px 24px;
	border-radius: 4px;
	background: #f5f5f5;
	border: 1px solid #e3e3e3;
}
#editor {
    position: absolute;
    width: 800px;
    height: 400px;
	border: 1px solid #ccc;
	box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
	transition: border linear .2s, box-shadow linear .2s;
	border-radius:  5px;
}
#editorPreview {
	border-style: groove;
	min-height: 100px;
	width: 800px;
}

.glyphicon-red {
	background-image: url('../img/glyphicons-halflings-red.png');
}

.glyphicon-green {
	background-image: url('../img/glyphicons-halflings-red.png');
	filter: hue-rotate(150deg);
}

.chart div {
  font: 10px sans-serif;
  background-color: steelblue;
  text-align: right;
  padding: 3px;
  margin: 1px;
  color: white;
}
.chart rect {
    fill: steelblue;
}

.container div.trend-stats-info-box {
    margin-top: 35px;
    margin-bottom: 35px;
}

.trend-stats-graph .clickable{
    user-select: none;
}

.trend-stats-graph .clickable:hover,
.trend-stats-graph .clickable.clicked {
    opacity: 0.5;
}

.chart text,
.trend-stats-graph text {
	fill: black;
	font: 11px sans-serif;
}

.chart text {
	text-anchor: end;
}

.chart.title,
.trend-stats-graph.title {
	fill: black;
	font: 18px sans-serif;
	font-weight: bold;
	text-anchor: middle;
	font-family: 'exo_2bold';
}
.bar {
  fill: steelblue;
}
.bar:hover {
  fill: brown;
}
.axis {
  font: 10px sans-serif;
}
.axis path, .axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}
.legend rect {
  fill:white;
  stroke:black;
  opacity:0.8;
}
.sprite-icns{
	background-image: url("../img/sprite.png");
	height: 32px;
	width: 32px;
	display: inline-block;
}
.sprite-icns.html{
	background-position: 0px 0px;
}
.sprite-icns.exec{
	background-position: 0px -1040px;
}
.sprite-icns.pdf{
	background-position: 0px -40px;
}
.sprite-icns.xml{
	background-position: 0px -80px;
}
.sprite-icns.json{
	background-position: 0px -120px;
}
.sprite-icns.maec{
	background-position: 0px -160px;
}
.sprite-icns.misp{
	background-position: 0px -200px;
}
.sprite-icns.memdumps{
	background-position: 0px -240px;
}
.sprite-icns.pe{
	background-position: 0px -280px;
}
.sprite-icns.binexe{
	background-position: 0px -320px;
}
.sprite-icns.mem{
	background-position: 0px -360px;
}
.sprite-icns.bin{
	background-position: 0px -400px;
}
.sprite-icns.pcap{
	background-position: 0px -440px;
}
.sprite-icns.ida{
	background-position: 0px -480px;
}
.sprite-icns.graph{
	background-position: 0px -520px;
}
.sprite-icns.prtscr{
	background-position: 0px -560px;
}
.sprite-icns.ioc{
	background-position: 0px -600px;
}
.sprite-icns.yara{
	background-position: 0px -640px;
}
.sprite-icns.netdec{
	background-position: 0px -680px;
}
.sprite-icns.javadec{
	background-position: 0px -720px;
}
.sprite-icns.androidsrc{
	background-position: 0px -760px;
}
.sprite-icns.stix{
	background-position: 0px -800px;
}
.sprite-icns.logs{
	background-position: 0px -840px;
}
.sprite-icns.functionlogs{
	background-position: 0px -880px;
}
.sprite-icns.amsilogs{
	background-position: 0px -920px;
}
.sprite-icns.eventlogs{
	background-position: 0px -960px;
}
.sprite-icns.powershelllogs{
	background-position: 0px -1000px;
}
.sprite-icns.htmldom{
	background-position: 0px -1080px;
}
.sprite-icns.video{
	background-position: 0px -1120px;
}
.sprite-icns.frida{
	background-position: 0px -1160px;
}
.sprite-icns.strace{
	background-position: 0px -1200px;
}
.sprite-icns.js-trace{
	background-position: 0px -1240px;
}
.sprite-icns.pydec{
	background-position: 0px -1280px;
}
#tippImg{
	position: absolute;
	top: -12px;
	left: -12px;
}
table.analysis-list tbody tr .details ul, table.analysis-list tbody tr .details :nth-last-child(1){
	list-style: none;
	text-align: left;
	margin: 0;
}
.details ul li{
	padding: 4px 0;
}
.details ul li:nth-child(even){
	background-color: #f9f9f9;
}
.details ul li:nth-child(odd){
	background-color: white;
}

/* submission list */

:focus {
    outline-color: #129bff;
}

table.submission-list tr:last-of-type td {
	border-bottom: 1px solid #DDDDDD;
}

/* Support for alerts inside tables */
table .alert {
	margin: 0;
}

table.table-condensed .alert {
	padding-top: 4px;
	padding-bottom: 4px;
}

/* Analysis Styling */
.infos{
	background-image: url(../img/infos.png);
	height: 24px;
	width: 24px;
	display: inline-block;
	vertical-align: -7px;
	margin: 1px;
}
.infos.scae{
	background-position: 0px 0px;
}
.infos.full_network{
	background-position: 0px -24px;
}
.infos.has_kernel{
	background-position: 0px -48px;
}
.infos.drops_pe{
	background-position: 0px -72px;
}
.infos.has_traffic{
	background-position: 0px -96px;
}
.infos.more_processes{
	background-position: 0px -120px;
}
.infos.injects{
	background-position: 0px -144px;
}
.infos.sends_sms{
	background-position: 0px -168px;
}
.infos.recv_sms{
	background-position: 0px -192px;
}
.infos.native_cmd{
	background-position: 0px -216px;
}
.infos.reboot{
	background-position: 0px -240px;
}
.infos.has_dis{
	background-position: 0px -264px;
}
.infos.email_headers{
	background-position: 0px -288px;
}
.infos.ssl, .infos.ssl_split{
	background-position: 0px -312px;
}
.infos.filter{
	background-position: 0px -336px;
}
.infos.dec_hdc{
	background-position: 0px -360px;
}
.infos.hyper{
	background-position: 0px -408px;
}
.infos.vbainstr{
	background-position: 0px -432px;
}
.infos.vpn_tunnel{
	background-position: 0px -456px;
}
.infos.jsinstr{
	background-position: 0px -480px;
}
.infos.jarinstr{
	background-position: 0px -840px;
}
.infos.has_http{
	background-position: 0px -504px;
}
.infos.has_expired{
	background-position: 0px -528px;
}
.infos.vnc_interactive{
	background-position: 0px -552px;
}
.infos.java_tracing{
	background-position: 0px -576px;
}
.infos.start_normal{
	background-position: 0px -600px;
}
.infos.set_system_date_to{
	background-position: 0px -624px;
}
.infos.language_and_locale{
	background-position: 0px -648px;
}
.infos.hbi{
	background-position: 0px -672px;
}
.infos.autoit_setup_code{
	background-position: 0px -696px;
}
.infos.inet_sim{
	background-position: 0px -720px;
}
.infos.enable_secondary_results{
	background-position: 0px -744px;
}
.infos.command_line_argument{
	background-position: 0px -768px;
}
.infos.apkinstr{
	background-position: 0px -792px;
}
.infos.amsi{
	background-position: 0px -816px;
}
.infos.url_reputation{
	background-position: 0px -888px;
}
.infos.dotnet_tracing{
	background-position: 0px -912px;
}
.infos.writes_registry_keys{
	background-position: 0px -936px;
}
.infos.creates_files{
	background-position: 0px -960px;
}
.infos.powershell_logging{
	background-position: 0px -984px;
}
.infos.disable_chained_runs {
	background-position: 0px -1008px;
}
.infos.has_malwareconfig {
	background-position: 0px -1032px;
}
.infos.js_tracing {
	background-position: 0px -1056px;
}
.infos-small{
	background-image: url(../img/infos-small.png);
	height: 16px;
	width: 16px;
	display: inline-block;
	vertical-align: -7px;
	margin: 5px;
}
.infos-small.scae{
	background-position: 0px 0px;
}
.infos-small.full_network{
	background-position: 0px -16px;
}
.infos-small.has_kernel{
	background-position: 0px -32px;
}
.infos-small.drops_pe{
	background-position: 0px -48px;
}
.infos-small.has_traffic{
	background-position: 0px -64px;
}
.infos-small.more_processes{
	background-position: 0px -80px;
}
.infos-small.injects{
	background-position: 0px -96px;
}
.infos-small.sends_sms{
	background-position: 0px -112px;
}
.infos-small.recv_sms{
	background-position: 0px -128px;
}
.infos-small.native_cmd{
	background-position: 0px -144px;
}
.infos-small.reboot{
	background-position: 0px -160px;
}
.infos-small.has_dis{
	background-position: 0px -176px;
}
.infos-small.email_headers{
	background-position: 0px -192px;
}
.infos-small.ssl, .infos-small.ssl_split{
	background-position: 0px -208px;
}
.infos-small.filter{
	background-position: 0px -224px;
}
.infos-small.dec_hdc{
	background-position: 0px -240px;
}
.infos-small.hyper{
	background-position: 0px -272px;
}
.infos-small.vbainstr{
	background-position: 0px -288px;
}
.infos-small.vpn_tunnel{
	background-position: 0px -304px;
}
.infos-small.jsinstr{
	background-position: 0px -320px;
}
.infos-small.jarinstr{
	background-position: 0px -576px;
}
.infos-small.has_http{
	background-position: 0px -336px;
}
.infos-small.has_expired{
	background-position: 0px -352px;
}
.infos-small.vnc_interactive{
	background-position: 0px -368px;
}
.infos-small.java_tracing{
	background-position: 0px -384px;
}
.infos-small.start_normal{
	background-position: 0px -400px;
}
.infos-small.set_system_date_to{
	background-position: 0px -416px;
}
.infos-small.language_and_locale{
	background-position: 0px -432px;
}
.infos-small.hbi{
	background-position: 0px -448px;
}
.infos-small.autoit_setup_code{
	background-position: 0px -464px;
}
.infos-small.inet_sim{
	background-position: 0px -480px;
}
.infos-small.enable_secondary_results{
	background-position: 0px -496px;
}
.infos-small.command_line_argument{
	background-position: 0px -512px;
}
.infos-small.apkinstr{
	background-position: 0px -528px;
}
.infos-small.amsi{
	background-position: 0px -544px;
}
.infos-small.url_reputation{
	background-position: 0px -592px;
}
.infos-small.dotnet_tracing{
	background-position: 0px -608px;
}
.infos-small.writes_registry_keys{
	background-position: 0px -624px;
}
.infos-small.creates_files{
	background-position: 0px -640px;
}
.infos-small.powershell_logging{
	background-position: 0px -656px;
}
.infos-small.disable_chained_runs {
	background-position: 0px -672px;
}
.infos-small.has_malwareconfig {
	background-position: 0px -688px;
}
.infos-small.js_tracing {
	background-position: 0px -704px;
}
.classifications-small{
	background-image: url(../img/classifications-small.png);
	height: 16px;
	width: 16px;
	display: inline-block;
	vertical-align: -9px;
	margin: 5px;
}
.classifications-small.evad{
	background-position: 0px 0px;
}
.classifications-small.bank{
	background-position: 0px -16px;
}
.classifications-small.spyw{
	background-position: 0px -32px;
}
.classifications-small.phis{
	background-position: 0px -48px;
}
.classifications-small.expl{
	background-position: 0px -64px;
}
.classifications-small.adwa{
	background-position: 0px -80px;
}
.classifications-small.troj{
	background-position: 0px -96px;
}
.classifications-small.rans{
	background-position: 0px -112px;
}
.classifications-small.spre{
	background-position: 0px -128px;
}
.classifications-small.mine{
	background-position: 0px -144px;
}
.classifications-small.mine{
	background-position: 0px -144px;
}
.classifications{
	background-image: url(../img/classifications.png);
	height: 32px;
	width: 32px;
	display: inline-block;
	vertical-align: -10px;
	margin: -2px -3px;
}
.classifications.evad{
	background-position: 0px 0px;
}
.classifications.bank{
	background-position: 0px -32px;
}
.classifications.spyw{
	background-position: 0px -64px;
}
.classifications.phis{
	background-position: 0px -96px;
}
.classifications.expl{
	background-position: 0px -128px;
}
.classifications.adwa{
	background-position: 0px -160px;
}
.classifications.troj{
	background-position: 0px -192px;
}
.classifications.rans{
	background-position: 0px -224px;
}
.classifications.spre{
	background-position: 0px -256px;
}
.classifications.mine{
	background-position: 0px -288px;
}

.behaviorgraph .svgWrapper, .behaviorgraph svg{
	width: 32px;
	height: 32px;
	background-color: white;
	margin: 0 auto;
}
.behaviorgraph .svgWrapper{
	box-shadow: 0 0 3px rgba(0,0,0,0.15);
	width: 32px;
	overflow: visible;
	margin: 6px 0;
	margin-left: 3px;
}
.filename-limit-size{
	max-width: 200px;
	word-wrap:break-word;
	margin: 0 auto;
}
#behaviorGraph.modal {
	min-height: 650px;
    width: 95vw;
    width: calc(95% - 10px);
    height: 95vh;
    left: 0;
    top: 0;
    margin-left: 2.5vw;
    margin-left: 2.5%;
    margin-top: 2.5vh;
}
#behaviorGraph .modal-body{
	overflow: hidden;
	padding: 10px;
	height: 90%;
	height: 90vh;
	max-height: 100%;
}
#svgContainer {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    height: 95%;
    overflow: hidden;
}

#svgContainer svg {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
.no-graph{
	font-size: 11px;
	color: #c0bfbb;
	line-height: 14px;
	display: block;
	text-align: center;
}
.vertical-align-middle{
	vertical-align:middle;
}
.date-limit-size{
	width: 70px;
	text-align: center;
	margin: 0 auto;
}
.v-wrap{
    height: 100%;
    text-align: center;
    vertical-align: middle;
}
.v-wrap:before{
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0;
    margin-right: -.25em;
    height: 100%;
}
.v-box{
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    padding: 0 0;
}

footer.container{
	padding-bottom: 20px;
}
.iconWrapper img{
	max-height: 32px;
	max-width: 32px;
}
.slider-wrapper{
	position: relative;
	margin-left: 5px;
	margin-top: -11px;
	width: 80px;
	height: 14px;
}
.slider-wrapper .slider{
	position: relative;
	top: 0; left: 0;
}
.slider-wrapper .slider-top.detection0, .slider-wrapper .slider-top.unknown{
	position: absolute;
	top: -2px; left: 1px;
}
.slider-wrapper .slider-top.detection1{
	position: absolute;
	top: -2px; left: 13px;
}
.slider-wrapper .slider-top.detection3{
	position: absolute;
	top: -2px; left: 37px;
}
.slider-wrapper .slider-top.detection5{
	position: absolute;
	top: -2px; left: 50px;
}
.icons-max-size-class{
	width: 105px;
	text-align: left!important;
}
.icons-max-size-info{
	width: 140px;
	text-align: left!important;
}
table.analysis-list tbody tr .details .details-box{
  margin-left: 10px;
}
.details-left{
  float: left;
}
.details-right{
  float: right;
}
.date-username{
  font-size: 11px;
  line-height: 18px;
  padding: 0 4px;
}
.details-row{
	padding: 1px 0;
  border-bottom: 1px solid #ececec;
}
.additional-row{
	padding: 1px 0;
  font-size: 13px;
  padding: 2px 0 3px 0;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	max-width: 280px;
}
.details-username{
  color: #0b4037;
}
.comment-row{
	padding: 1px 0;
  border-top: 1px solid #ececec;
  	text-overflow: ellipsis;
  	white-space: nowrap;
  	overflow: hidden;
  	max-width: 280px;
}
.analysis-list.table td{
	padding: 0;
}
.analysis-list .checkbox{
	margin-top: 8px;
	width: 20px;
}
.analysis-list input[type="checkbox"]{
	margin: 0;
}
.analysis-list .left{
	text-align: left!important;
}
.analysis-list .center{
	text-align: center!important;
}
.analysis-list.table tfoot td{
	padding-top: 20px;
}
table.analysis-list tr.submission {
	height: 36px;
}
.sigma-yara-wrapper{
	position: absolute;
	text-align: center;
	width: 80px;
	margin-top: -4px;
}
.slider-wrapper .yara{
	background-image: url(../img/yara.png);
	height: 10px;
	width: 20px;
	display: inline-block;
}
.yara.yara-false{
	background-position: 0px -0px;
}
.yara.yara-true{
	background-position: 0px -13px;
}
.slider-wrapper .sigma{
	background-image: url(../img/sigma.png);
	height: 10px;
	width: 26px;
	display: inline-block;
}
.sigma.sigma-false{
	background-position: 0px -0px;
}
.sigma.sigma-true{
	background-position: 0px -13px;
}

.slider-wrapper .suricata{
	background-image: url(../img/suricata.png);
	height: 10px;
	width: 24px;
	display: inline-block;
}
.suricata.suricata-false{
	background-position: 0px -0px;
}
.suricata.suricata-true{
	background-position: 0px -13px;
}

.slider-wrapper .jsdetect{
	background-image: url(../img/16x16-detect.png);
    height: 16px;
    width: 16px;
	position: absolute;
	top: -5px;
	left: -5px;
	background-position: 0px 0px;
}
.max-size-sys .v-box, .max-size-name .v-box, .max-size-cbk .v-box, .max-size-md5 .v-box, .max-size-comment .v-box, .max-size-customname .v-box{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.max-size-sys, .max-size-sys .v-box{
	width: 100px;
}
.max-size-name, .max-size-name .v-box{
	width: 150px;
}
.max-size-cbk, .max-size-cbk .v-box{
	width: 100px;
}
.max-size-md5, .max-size-md5 .v-box{
	width: 50px;
}
.max-size-comment, .max-size-comment .v-box{
	width: 180px;
}
.max-size-date, .max-size-date .v-box{
	width: 100px;
}
.max-size-customname, .max-size-customname .v-box{
	width: 120px;
}
.tag{
	box-shadow: inset 0 0 5px rgba(244,244,244,0.4), inset 0 -10px rgba(0,0,0,0.15), inset 0 1px 0px rgba(255,255,255,0.25);
	text-shadow: 1px 1px #073C5E, -1px -1px #37596E;
	font-size: 12px;
	padding: 2px 3px;
	border-radius: 5px;
	border: 1px solid #14557F;
	background-color: #147EA8;
	color: white;
}
.max-size-legend{
	width: 93%;
}
.action-wrapper{
	width: 75px;
}
form{
	margin: 0;
}
.form-actions{
	margin-bottom: 0px;
}
.small-legend-title{
    border-bottom: 1px solid #D6D6D6;
    padding: 2px 0px 2px 5px;
    color: #303030;
    width: 100%;
   	display: inline-block;
   	margin-left: 12px;
   	margin-bottom: 10px;
}
.small-legend-title-empty{
	height: 33px;
	width: 10px;
}
.table-striped tbody tr.officeteam_user td, .table-striped tbody tr.officeteam_user th{
	background-color: #9AD2E2;
}
.table-striped tbody tr.user td, .table-striped tbody tr.user th{
	background-color: #FFEFD9;
}
.table-striped tbody tr.user.inactive td, .table-striped tbody tr.user.inactive th, .table-striped tbody tr.inactive td, .table-striped tbody tr.inactive th{
	background-image:url('../img/inactive2.png');
}
.table-striped tbody tr.productive-machine td{
	background-color: #AAE6F8;
}
.legend-entry{
	width: 100%;
	display: inline-block;
	white-space: nowrap;
}
.legend-entry i{
	margin-left: 17px;
}
.legend-entry .infos{
	margin-left: 13px;
}
.legend-entry input{
	margin-left: 17px;
}
.re-analyze-filename{
	text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 355px;
}
.entry-status.finished{
	width: 150px;
  float: left;
  padding-top: 5px;
}
.submission-titles{
	margin-top: 28px;
	padding-bottom: 1px;
	margin-bottom: 14px;
	border-bottom: 1px solid #313131;
	display: block;
	color: #3E3E3E;
	font-size: 13px;
	box-sizing: border-box;
}
.submission-containers {
	border: 1px solid #e0e0e0;
	margin-bottom: 20px;
	width: 47.3%;
	float: left;
}
.submission-containers-content {
	padding: 10px;
	position: relative;
	background-color: #f1f1f1;
}
.submission-page .submission-titles, .analysisdetail .submission-titles{
	padding: 10px 20px;
	background-color: #f1f1f1;
	font-size: 16px;
	font-weight: bold;
	color: black;
	margin: 0px;
	cursor: pointer;
	border-bottom: 1px solid #dddddd;
	padding-right: 11px;
}
.analysisdetail .submission-titles{
	font-size: 14px;
}
.analysisdetail h1{
	font-size: 24px;
}
#admin_search_wrapper{
	float: right;
	margin-bottom: -40px;
	position: relative;
	z-index: 999;
}
#all_analyses_table{
	width: 100%!important;
}
#users .btn.btn-primary.pull-right{
	position: relative;
	z-index: 999;
}
.analysis-wrapper{
	margin-top: 11px;
	background-color: #f1f1f1;
	width: 18%;
	margin-right: 2.5%;
	float: left;
	margin-bottom: 20px;
	border-radius: 5px;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}
.analysis-wrapper .link{
	display: inline-block;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.analysis-wrapper:nth-child(5n+5){
	margin-right: 0;
}
.analysis-wrapper td:first-child{
	padding-right: 10px;
}
.analysis-wrapper td{
	vertical-align: top;
}
.analysis-wrapper .details{
	font-size: 11px;
}
.analysis-wrapper .badge-container {
	position: absolute;
	top: -9px; right: 0px;
    text-align: right;
    width: 70px;
}
.encrypted {
	background-image: url('../img/encrypted.png');
	background-repeat: no-repeat;
	background-position: right 5px bottom 0px;
	background-origin: content-box;
	background-size: 22px;
}

.encrypted.red {
	background-image: url('../img/encrypted-red.png');
	background-position: right 2px bottom 0px;
}

.analysis-wrapper.encrypted {
	background-position: right -2px bottom -2px;
}

.analysis-wrapper:hover{
	background-color: #edeff1;
}
.seperator-title{
	margin: 0.2em 0 0.5em 0
}
.span4-special{
	width: 30%;
}
.span4-windows{
	width: 22%;
}
.file-upload{
	height:  100px;
	border: 3px dashed #cdcdcd;
	text-align: left;
	border-radius: 15px;
}
.top-selection{
	border: 1px solid #cdcdcd;
	padding: 33px;
	height: 38px;
	border-radius: 15px;
	background-color: white;
}
.top-selection input{
	background-color: #fafafa;
	padding: 5px 0px 5px 10px;
	border-radius: 4px;
	width: 100%;
	border: 1px solid #c3c3c3;
	color: #003cc5;
}
.submission-page .control-label{
	font-size: 14px;
}
.subicons{
	background-image:url('../img/submission-sprite.png');
	width: 24px;
	height: 24px;
	display: inline-block;
	margin-right: 10px;
	margin-bottom: -6px;
}
.active .subicons.windows{
	background-position: 0px 0px;
}
.active .subicons.apple{
	background-position: -24px 0px;
}
.active .subicons.android{
	background-position: -72px 0px;
}
.active .subicons.advanced{
	background-position: -96px 0px;
}
.active .subicons.linux{
	background-position: -240px 0px;
}
.subicons.linux{
	background-position: -264px 0px;
}
.subicons.windows{
	background-position: -120px 0px;
}
.subicons.apple{
	background-position: -144px 0px;
}
.subicons.android{
	background-position: -192px 0px;
}
.subicons.advanced{
	background-position: -216px 0px;
}
.subicons.upload-sample{
	background-position: 0px -48px;
}
.subicons.scan-url{
	background-position: -24px -48px;
}
.subicons.wget{
	background-position: -48px -48px;
}
.subicons.run-time{
	background-position: -72px -48px;
}
.subicons.comment{
	background-position: -96px -48px;
}
.subicons.auto-analysis{
	background-position: -120px -48px;
}
.subicons.select-analysis-system{
	background-position: -144px -48px;
}
.subicons.tags{
	background-position: -168px -48px;
}
.subicons.internet-access{
	background-position: -192px -48px;
}
.subicons.https{
	background-position: -216px -48px;
}
.subicons.hca{
	background-position: -264px -48px;
}
.subicons.hdc{
	background-position: -288px -48px;
}
.subicons.filtering{
	background-position: -312px -48px;
}
.subicons.hyper-mode{
	background-position: -336px -48px;
}
.subicons.check-cache{
	background-position: -360px -48px;
}
.subicons.notifications{
	background-position: -384px -48px;
}
.subicons.bundle-id{
	background-position: -408px -48px;
}
.subicons.upload-cookbook{
	background-position: -432px -48px;
}
.subicons.select-cookbook{
	background-position: -456px -48px;
}
.subicons.golden-image{
	background-position: -480px -48px;
}
.subicons.vba{
	background-position: -504px -48px;
}
.subicons.staticonly{
	background-position: -528px -48px;
}
.subicons.resubmit-dropped{
	background-position: -552px -48px;
}
.subicons.view{
	background-position: -576px -48px;
}
.subicons.vpn-tunnel{
	background-position: -600px -48px;
}
.subicons.js-instrumentation{
	background-position: -624px -48px;
}
.subicons.vnc{
	background-position: -648px -48px;
}
.subicons.upload-analyst-tools{
	background-position: -672px -48px;
}
.subicons.url_reputation{
	background-position: -696px -48px;
}
.subicons.java_tracing{
	background-position: -720px -48px;
}
.subicons.start_normal{
	background-position: -744px -48px;
}
.subicons.set_system_date_to{
	background-position: -768px -48px;
}
.subicons.language_and_locale{
	background-position: -792px -48px;
}
.subicons.retention-time{
	background-position: -816px -48px;
}
.subicons.hbi{
	background-position: -840px -48px;
}
.subicons.autoit_setup_code{
	background-position: -864px -48px;
}
.subicons.isim{
	background-position: -888px -48px;
}
.subicons.enable-secondary-results{
	background-position: -912px -48px;
}
.subicons.archive_password{
	background-position: -936px -48px;
}
.subicons.apkinstr{
	background-position: -960px -48px;
}
.subicons.command_line_argument{
	background-position: -984px -48px;
}
.subicons.amsi{
	background-position: -1008px -48px;
}
.subicons.jarinstr{
	background-position: -1032px -48px;
}
.subicons.dotnet_tracing{
	background-position: -1056px -48px;
}
.subicons.default-browser{
	background-position: -1080px -48px;
}
.subicons.powershell_logging{
	background-position: -1104px -48px;
}
.subicons.disable-chained-runs{
	background-position: -1128px -48px;
}
.subicons.shell{
	background-position: -1152px -48px;
}
.subicons.js-tracing{
	background-position: -1176px -48px;
}
.submission-page.form-horizontal .controls{
	margin: 0;
}
.submission-page input#sample, .submission-page input#sample_android, .submission-page input#sample_mac, .submission-page input#sample_linux, .submission-page input#sample_cookbook, .submission-page input#cookbook, .submission-page input#analyst_tools{
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.submission-page .submission-label{
	margin-top: 7px;
}
.submission-page.form-horizontal .control-label, .submission-page .submission-label{
	float: none;
	font-size: 14px;
	font-weight: bold;
	color: #565656;
	width: 100%;
	text-align: left;
}
.submission-collapse.closed{
	display: none;
}
.submission-page .form-actions{
	padding-left: 0;
}
.submission-page textarea[name="comments"] {
	min-height: 60px;
	width: 97%;
	resize: vertical;
}
textarea{
	resize: vertical;
}
.submission-page .string-input {
	width: 32%;
}

.submission-page .submission-titles .indicator, .analysisdetail .submission-titles .indicator{
	float: right;
	display: inline-block;
	height: 19px;
	width: 27px;
	background-image: url('../img/collapse.png');
}
.submission-page .submission-titles.open .indicator, .analysisdetail .submission-titles.open .indicator{
	background-position: 0px 0px;
}
.submission-page .submission-titles.closed .indicator, .analysisdetail .submission-titles.closed .indicator{
	background-position: -32px 0px;
}
.submission-page .form-actions{
	margin: 0 -20px;
	padding: 0 20px;
	padding-bottom: 10px;
	margin-bottom: 0px;
}
.submission-page .terms-and-conditions .checkbox{
	width: 85%;
}
.submission-page .form-actions  .btn.btn-primary[type="submit"]{
	margin-top: 23px;
}
.submission-page .advertisement{
	background-color: #f1f1f1;
	border-radius: 55px;
	margin-bottom: 20px;
}
.submission-page .advertisement img{
	margin: 5px 25px 5px 10px;
}
.submission-page .advertisement p{
    margin-top: 17px;
    font-size: 14px;
}
.submission-page.form-horizontal .terms-and-conditions label.control-label{
	color: #750707;
	margin-top: 8px;
}
.control-label .badge.badge-important{
	float: left;
}
#modalHelp {
    width: 700px;
    margin-left: -350px;
}
#cookbook-select{
	width: 100%;
	background-color: #fafafa;
	height: 30px;
}
.tab-content{
	overflow: hidden;
}
.submission-page .control-label{
	margin-bottom: 8px;
}
.file-upload.dragging{
	background-color: #c0e8ff;
}
.filename, .filename-cookbook, .filename-tools{
	margin-right: 7px;
}
.filename strong, .filename-cookbook strong, .filename-tools strong{
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 220px;
  margin-bottom: -5px;
}

.btn.endpoint{
	background: #FFCC00;
	background: -moz-linear-gradient(top, #FFCC00 1%, #E6AD00 100%);
	background: -webkit-linear-gradient(top, #FFCC00 1%,#e6ad00 100%);
	background: linear-gradient(to bottom, #FFCC00 1%,#e6ad00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc00', endColorstr='#e6ad00',GradientType=0 );
	border: 1px solid #E1B200;
	color: white;
	text-shadow: 0px -1px 0 rgba(137, 107, 15,0.5);
}
.btn.endpoint:hover{
	background: #E6AD00;
}
.btn.web-api{
	background: #FF9900;
	background: -moz-linear-gradient(top, #FF9900 1%, #DE7800 100%);
	background: -webkit-linear-gradient(top, #FF9900 1%,#de7800 100%);
	background: linear-gradient(to bottom, #FF9900 1%,#de7800 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9900', endColorstr='#de7800',GradientType=0 );
	border: #E48000 1px solid;
	color: white;
	text-shadow: 0px -1px 0 rgba(137, 107, 15,0.8);
}
.btn.web-api:hover{
	background: #DE7800;
}
.btn.help{
	background: #FF7800;
	background: -moz-linear-gradient(top, #FF7800 0%, #C85E00 100%);
	background: -webkit-linear-gradient(top, #FF7800 0%,#c85e00 100%);
	background: linear-gradient(to bottom, #FF7800 0%,#c85e00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7800', endColorstr='#c85e00',GradientType=0 );
	border: #CB6F00 1px solid;
	color: white;
	text-shadow: 0px -1px 0 rgba(137, 107, 15,1);
}
.btn.help:hover{
	background: #C85E00;
}
.take-our-survey{
	display: inline-block;
	background-color: #11c03a;
	color: white;
	font-size: 12px;
	padding: 12px;
	border-radius: 4px;
}
.take-our-survey:hover{
	color: white;
	text-decoration: none;
	background-color: #09a82e;
}
.take-our-survey strong{
	color: white;
	letter-spacing: 1px;
	font-size: 19px;
	vertical-align: -1px;
	margin-left: 5px;
}
.btn-github{
	background: #ff6b49;
	color: white;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.btn-github:hover{
	color: white;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background: #d14324;
}
#plusButton{
	background-color: white;
	color: grey;
	border: 2px solid #cbcbcb;
	display: inline-block;
	width: 20px;
	height: 20px;
	text-align: center;
	font-size: 24px;
	border-radius: 5px;
	padding: 2px;
	cursor: pointer;
	float: right;
	margin-top: -40px;
	margin-right: 20px;
}
#plusButton:hover{
	background-color: #1fd529;
	color: white;
	border: 2px solid #38ff00;
}
.legend-wrapper{
	width: 185px;
	float: left;
	margin-right: 40px;
}

.icon-uploader {
    background-position: 1px -165px;
}
.icon-sigma {
	background-position: -24px -166px;
}
.icon-joe-lab {
	background-position: -48px -166px;
	height: 16px!important;
}
.icon-dashboard {
	background-position: -72px -166px;
	height: 16px!important;
}
.plate .icon-sigma {
    background-position: -23px -167px;
}

/* Login */
.ringAnimation-wrapper {
	text-align: center;
	height:0
}
#ringAnimation {
	z-index: 1;
	position: relative;
	margin-bottom: -450px;
}
#cloud-login-background{
	position: absolute;
	left: 50%;
	margin-left: -490px;
	z-index: 1;
}
#cloud-login-background-grey{
	position: absolute;
	left: 50%;
	margin-left: -345px;
	z-index: 1;
}
@media (max-width: 979px) {
    .ringAnimation-wrapper,
	#cloud-login-background-grey {
        display:none
    }
}


.container.container-main.front-page{
	position: relative;
	z-index: 800;
}
.tabwrapper{
	position: relative;
}
.only-for-cloud-pro{
	position: absolute;
	left: 50%;
	margin-left: -47px;
	top: -10px;
	padding: 5px 10px 5px 10px;
	border: 1px solid #ddd;
	border-radius: 3px;
	background: white;
}

@media (min-width: 980px) {
    .nav-collapse {
			display: block !important;
			height: auto !important;
		}
}
.navbar .btn-navbar {
	margin-top: 7px;
}
[data-darkreader-scheme="dark"] .navbar .btn-navbar .icon-bar {
	background-color: #cac6c1 !important;
}
.navbar .nav {
	margin: 0;
}
.navbar .nav > li > a{
	padding: 11px 15px 10px;
}

.navbar-big .container {
    padding: 6px 0;
}

.nav-rightcontent .btn,
.nav-rightcontent .btn-group {
    margin-top: 0;
}

.alert-big{
	margin-top: -25px;
}
.alert-big h3{
	font-size: 22px;
	margin-bottom: 5px;
}
.alert-big p{
	text-align: justify;
	font-size: 15px;
	line-height: 24px;
}
.analysis-wrapper.disabled{
	background-color: #c9c9c9;
}
.analysis-wrapper.disabled{
	border-top-left-radius: 0px;
	background-image: url(../img/cloudbasic-no-bg-hover.png);
}
.analysis-wrapper.disabled:hover{
	background-image: url(../img/cloudbasic-no-bg-hover-settings.png);
}
.analysis-wrapper.disabled .link{
	cursor: not-allowed!important;
}
.analysis-wrapper .only-for-cloud-pro{
	left: 0px;
	margin-left: 0;
	top: -21px;
	border-bottom: none;
}
.analysis-wrapper.redirect .link{
	cursor: alias!important;
}

.slider-status{
    vertical-align: -3px;
}
#username-email-nav{
    white-space: normal;
    background-color: #f7f7f7;
    padding: 13px 16px;
    border-bottom: 1px solid #d4d4d4;
    margin-bottom: 10px;
    box-shadow: 0px 1px 10px rgba(0,0,0,0.1);
}

.dropdown-menu li.divider:last-child {
    margin: 0 0 2px 0;
    border: none;
    height: 0;
}
#social-icons li a:hover{
	text-decoration: none;
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
@-moz-keyframes spinb { 100% { -moz-transform: rotate(-360deg); } }
@-webkit-keyframes spinb { 100% { -webkit-transform: rotate(-360deg); } }
@keyframes spinb { 100% { -webkit-transform: rotate(-360deg); transform:rotate(-360deg); } }

#arcs{
	height: 120px;
	width: 120px;
	position: absolute;
	left: 50%;
	margin-left: -60px;
	top: 250px;
	z-index: 1055;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.2), 0px 0px 50px rgba(0,0,0,0.1);
	background-color: white;
	border-radius: 50%;
}
.arcshome{
	position: absolute;
	top: 800px;
	left: 0px;
}
#arcs1{
    -webkit-animation:spin 7s linear infinite;
    -moz-animation:spin 7s linear infinite;
    animation:spin 7s linear infinite;
}

#update-available-wrapper{
	margin-top: 100px;
	text-align: center;
	margin-bottom: -50px;
	z-index: 9;
	position: relative;
}
#update-available:hover{
	text-decoration: none;
}
#update-available{
	width: 45%;
	display: inline-block;
}
#update-available .update-available-header {
	font-weight: bold;
	font-size: 14px;
	padding: 10px;
	background-color:#a11010;
	border: 1px solid #7e2828;
	display: inline-block;
	width: 100%;
	color: white;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	box-sizing: border-box;
	text-shadow: 0px 1px 0px rgba(0,0,0,1);
}
#update-available .update-available-header img{
	margin-right: 6px;
}
#update-available .update-available-body {
	box-sizing: border-box;
	width: 100%;
	font-weight: normal;
	padding: 20px;
	background-color: #f0f0f0;
	border: 1px solid #d5d5d5;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-top: 0px;
	color: #343434;
	font-size: 14px;
	font-weight: normal;
	display: inline-block;
	text-align: left;
}
#update-available span{
	margin-left: 10px;
}
#update-available img{
  -webkit-transition: -webkit-transform .8s ease-in-out;
          transition:         transform .8s ease-in-out;
}
#update-available:hover img{
	-webkit-transform: rotate(-220deg);
	        transform: rotate(-220deg);
}
.disabled-button{
	cursor: not-allowed!important;
	opacity: 0.5;
}
#vncOverlay{
	height: 100%;
	width: 100%;
	padding: 0;
	margin-left: 0%;
	margin-top: 0%;
	top: 0;
	left: 0;
	background-color: #113855;
}
#vncOverlay iframe{
	border: 0;
	height: 100%;
	width: 100%;
	border-radius: 4px;
}
#vncOverlay .modal-body{
	padding: 0px;
	width: 100%;
	max-height: none;
	height: 100%;
	overflow: hidden;
}
#vncOverlay button.close{
	position: absolute;
	z-index: 100;
	top: 0px;
	right: 5px;
	color: white;
	opacity: 0.7;
	font-size: 30px;
	padding: 15px;
}
#vncOverlay button.close:hover{
	opacity: 1;
}
#savingRemoteAssistanceSetting{
	position: relative;
	height: 130px;
}
#savingRemoteAssistanceSetting .arcsy{
	position: relative;
}
.hasPng{
	display: inline-block;
	text-align: center;
	position: relative;
}
.img-keep-ratio{
	display: inline-block;
	max-width:32px;
	max-height:32px;
	width: auto;
	height: auto;
	vertical-align: -10px;
}
.additional-infos{
	color: #acacac;
	font-size: 12px;
	font-weight: normal;
}
.selected.additional-infos{
	color: #25577b;
}
.select-state{
	background-image: url("../img/select-state.png");
	width: 9px;
	height: 9px;
	display: inline-block;
	margin-left: 20px;
	margin-right: 5px;
}
.selected .select-state{
	background-position: 14px 0px;
}
.analysistimesliderWrapper{
	position: relative;
	width: 97%;
}
.analysistimesliderWrapper .slider{
	position: absolute;
	top: 11px;
	left: 0px;
	background-image: url('../img/timer-slider.png');
	height: 24px;
	width: 16px;
	cursor: pointer;
}
.analysistimesliderWrapper .slider:hover{
	background-position: -21px 0;
}
.analysistimesliderWrapper .slider:active{
	background-position: -42px 0;
}
.analysistimesliderWrapper .sliderRail{
  border-style: solid;
  border-width: 1px;
  border-color: rgb(211, 211, 211);
  background-color: rgb(187, 187, 187);
  box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.71);
  height: 5px;
  border-radius: 5px;
  position: absolute;
  top: 20px;
  width: 100%;
}
.analysistimesliderWrapper input{
	position: relative;
	margin-top: 18px;
	width: 50px;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	margin-left: -25px;
	left: 50%;
}
.analysistimesliderWrapper .labeling{
	top: 50px;
	position: relative;
}
.analysistimesliderWrapper .labeling .labelingRight{
	float: right;
}
.analysistimesliderWrapper .sliderRail{
	cursor: pointer;
}
.analysisdetail .smartSelectionSelectedItem, .analysisdetail .smartSelectionSelectedItem:hover{
	background-color: #404040!important;
    color: white!important;
    border: 1px solid #1b1b1b;
}
.analysisdetail .removeItem{
	opacity: 0.7;
}
.analysisdetail .removeItem:hover{
	opacity: 1;
}
.question-mark{
	background-color: #fcf8e3;
	border: 1px solid #f5d10d;
	color: #6d4d00;
	font-weight: bold;
	float: right;
	text-decoration: none;
	font-size: 13px;
	border-radius: 25px;
	padding: 1px 5px 0px 5px;
}
.question-mark:hover{
	color: black;
	border: 1px solid #ca8f00;
	text-decoration: none;
	background-color: #ffdb0f;
}
.wrench-element{
	margin-top: -2px;
	margin-left: 3px;
	padding: 3px 5px;
}
.dropdown-menu li > a:hover i, .icon-uploader.white, .dropdown-menu li button:hover i, .dropdown-menu li span:hover i, .icon-screenshot.white, .icon-fire.white{
	background-image: url(../img/glyphicons-halflings-white.png);
}
#labMachineSelectionList {
	width: 300px;
	margin-left: 50px;
}
#upload_progress {
    padding: 4px 0;
}
#upload_progress .error {
    color: #a00;
}
#upload_progress>div {
    padding: 3px 0;
}
#set_system_date_to {
	width: 15%;
}
.toggle input{
	display: none;
}
.toggle{
	cursor: pointer;
	border: 1px solid #dddddd;
	background-color: #eeeeee;
	display: inline-block;
	border-radius: 16px;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.3);
	padding: 3px;
	width: 50px;
}
.toggle.left{
	text-align: left;
}
.toggle.right{
	text-align: right;
}
.toggle-button{
	display: inline-block;
	width: 18px;
	border-radius: 50%;
	height: 18px;
	margin: 0px;
}
.container-main #submit-page #windows .interaction-tab-cloudbasic{
	color:  white;
	background: #2371aa;
	background: linear-gradient(to bottom, #2c9bd3 0%,#2371aa 100%);
}
.container-main #submit-page #windows .interaction-tab-cloudbasic .indicator{
	filter: brightness(1);
	background-image: url('../img/collapse-white.png');
	opacity: 0.9;
}
.container-main #submit-page #windows .interaction-tab-cloudbasic .additional-infos{
	color: #818181;
}
.container-main #submit-page #windows .interaction-tab-cloudbasic .selected.additional-infos{
	color: #03204c;
	font-weight: bold;
}
#btn-disabled.btn-disabled{
	background-color: #e6e6e6;
	color: #171717;
	text-shadow: 0 1px 1px rgb(255 255 255 / 75%);
	background-image: none;
}
#qrcode {
	border: 8px solid #fff;
	margin-top: 12px;
	margin-bottom: 12px;
}
#securitylog_table {
    table-layout: fixed;
}
/* joe toggle */
.joeToggleLinkWrapper {
	font-family: Arial, sans-serif;
}

.joeToggleLabelLink {
	font-family: Arial;
	font-size: 13px;
	color: rgb(83, 83, 83);
	margin-right: 10px;
	display: inline-block;
}
.joeToggleLink {
	display: inline-block;
	position: relative;
	height: 24px;
	background: #eaeaea;
	border-radius: 12px;
	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
	cursor: pointer;
	user-select: none;
	font-size: 12px;
	border: 1px solid #d4d4d4;
}

.joeToggleSliderLink {
	display: flex;
	position: relative;
	align-items: center;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.joeToggleOptionLink {
	flex: 1;
	text-align: center;
	color: grey;
	z-index: 1;
}

.joeToggleHandleLink {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 2px;
	bottom: 2px;
	left: 2px;
	width: 50%;
	color: white;
	border-radius: 10px;
	z-index: 2;
	box-shadow: inset 0px 1px rgba(255, 255, 255, 0.2);
	background: rgb(0, 87, 137);
	border: 1px solid rgb(7, 65, 98);
}

.joeToggleHandleLink.left {
	left: 2px;
	background: rgb(0, 77, 125);
	border: 1px solid rgb(0, 59, 96);
}

.joeToggleHandleLink.right {
	left: 47%;
	background: rgb(0, 77, 125);
	border: 1px solid rgb(0, 79, 72);
}

.table-striped tbody>tr:nth-child(odd), .table-striped tbody>tr:nth-child(odd) {
    background-color: white;
}
.table-striped tbody>tr:nth-child(even), .table-striped tbody>tr:nth-child(even) {
    background-color: #f1f1f1;
}
table.dataTable tbody tr.warning td{
	background-color: #fff5cc8f!important;
}
table.dataTable tbody tr.success td{
	background-color: #e3ffdb8f!important;
}
table.dataTable tbody tr.error td{
	background-color: #ffcccc8f!important;
}
table.dataTable tbody tr.info td{
	background-color: #dbf3ff8f!important;
}
table.dataTable tbody tr.super-admin td{
	background-color: rgb(255 199 199 / 26%) !important;
}
table.dataTable tbody tr.group-admin td{
	background-color: rgba(200, 199, 255, 0.18) !important;
}
table.dataTable tbody tr.officeteam td{
	background-color: rgba(207, 255, 199, 0.18) !important;
}
table.dataTable thead>tr>th.sorting_asc:before,
table.dataTable thead>tr>th.sorting_desc:after,
table.dataTable thead>tr>td.sorting_asc:before,
table.dataTable thead>tr>td.sorting_desc:after{
	opacity: 1!important;
}
table.dataTable thead>tr>th.no-sort:before,
table.dataTable thead>tr>td.no-sort:before,
table.dataTable thead>tr>th.no-sort:after,
table.dataTable thead>tr>td.no-sort:after {
    content: none !important;
}
table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>th.sorting_desc:after, table.dataTable thead>tr>td.sorting_asc:before, table.dataTable thead>tr>td.sorting_desc:after {
    color: #2371aa;
    opacity: 1;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled
{
	background-position: left center;
}
table.dataTable thead th, table.dataTable thead td{
	padding: 5px 0px 5px 20px;
}
.nav-tabs li:not(.active) a h3{
	color: #1f72ad;
}
.container .dataTables_wrapper .dataTables_paginate .paginate_button.current, .container .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
	background: #f1f1f1;
	border: 1px solid #bebebe;
}
.container .dataTables_wrapper .dataTables_paginate .paginate_button:active{
	box-shadow: none;
	background: #1870c3;
	color: white;
}
.container .dataTables_wrapper .dataTables_paginate .paginate_button:focus{
	outline: none;
}
/* some of our modals are oversized */
.resultRunModal, .reportsOverlayModal {
	overflow: auto;
}

/* caret styling */
.nav .dropdown-toggle .caret {
	border-top-color: #999999;
	border-bottom-color: #999999;
}
.nav .dropdown-toggle:hover .caret,
.nav .dropdown-toggle:focus .caret
{
	border-top-color: #ffffff;
	border-bottom-color: #ffffff;
}

/* allow longer menus */
.dropdown-menu {
	max-height: none;
}

/* smaller dividers */
.dropdown-menu .divider {
	margin: 6px 1px;
}

/* fix unconnected submenu */
.dropdown-submenu.pull-left > ul.dropdown-menu {
	width: 100%;
}

/* general font size */
label,
input,
button,
select,
textarea,
body,
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input,
.input-append input,
.input-prepend input,
.input-append select,
.input-prepend select,
.input-append .uneditable-input,
.input-prepend .uneditable-input,
.input-append .dropdown-menu,
.input-prepend .dropdown-menu,
.input-append .popover,
.input-prepend .popover,
.input-append .add-on,
.input-prepend .add-on,
.btn,
.btn-group > .btn,
.btn-group > .dropdown-menu,
.btn-group > .popover,
.popover-title {
  font-size: 13px;
  line-height: 18px;
}

/* adapt headers */
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  font-weight: normal;
  color: #999999;
}
h1 {
  font-size: 30px;
  line-height: 36px;
}
h1 small {
  font-size: 18px;
}
h2 {
  font-size: 24px;
  line-height: 36px;
}
h2 small {
  font-size: 18px;
}

h2 span.plate [class^="icon-"],
h2 span.plate [class*=" icon-"]
{
	margin-top: 0;
}

h2 ::first-line{
	vertical-align: middle;
}

h3 {
  font-size: 18px;
  line-height: 27px;
}
h3 small {
  font-size: 14px;
}
h4,
h5,
h6 {
  line-height: 18px;
}
h4 {
  font-size: 14px;
}
h4 small {
  font-size: 12px;
}
h5 {
  font-size: 12px;
}
h6 {
  font-size: 11px;
  color: #999999;
  text-transform: uppercase;
}

/* gradient for navbar */
.navbar-inverse .navbar-inner {
  background-color: #2c2c2c;
}

#quicklinks .btn {
	font-size: 13px;
}

/* the dropdown for cookbook examples is extremely long */
#cookbook_examples_dropdown {
	overflow: auto;
	max-height: 600px;
}

#generic-confirm-modal__body-text {
    white-space: pre-line;
}
.container.container-main .row .span12 .btn-group.pull-right.top-buttons{
	margin-bottom: -30px;
	margin-top: 30px;
}
.btn {
	padding: 5px 10px;
}
.toggle-button {
	padding: 0px;
}
#securitylog_table .time_col, #securitylog_table .ip_col{
    white-space: nowrap;
}
#securitylog_table .ip_col {
	max-width: 280px;
	overflow: hidden;
	text-overflow: ellipsis;
}

@media (max-width: 1300px){
	.submit-title-number{
		position: relative;
    	left: 0px;
    	top:  0px;
    	float:  left;
    	margin-right:  20px;
	}
}
#dashboard h1, #dashboard h2,#dashboard h3, #dashboard h4, #dashboard h5, #dashboard h6{
	color:  black;
}
.td-nowrap {
	white-space: nowrap
}
table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled{background-position:bottom 10px right 0px!important;}
.container .dataTables_length{
	margin-left: 0px;
}
.container table.dataTable:not(.analysis-list), .container .table:not(.analysis-list) {
    border-collapse: collapse;
}
.container .dataTable tr th, .container .table:not(.analysis-list) tr th{
	padding-left: 5px;
	color: #3B3B3B;
	text-shadow: -1px -1px #ffffff;
	font-size: 12px;
	font-weight: normal;
	background-color: #f0f0f0;
	vertical-align: middle;
}
 .dataTable tr td, .table:not(.analysis-list) tr td{
	border-left: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
}
.dataTable tr th, .table:not(.analysis-list) tr th{
	border-left: 1px solid #f0f0f0;
	border-right: 1px solid #f0f0f0;
}
table.analysis-list th{
	padding: 5px 0px;
}
.table-striped tbody>tr:nth-child(odd)>td, .table-striped tbody>tr:nth-child(odd)>th{
	background-color: white;
}
.table-striped:not(.analysis-list) tbody>tr:nth-child(even)>td, .table-striped:not(.analysis-list) tbody>tr:nth-child(even)>th{
	background-color: #fafafa;
}
.container .dataTables_length label select, .container .dataTables_filter label input{
	margin-bottom: 2px;
}
.container .dataTables_filter{
	margin-right: 0px;
}
.dataTable thead tr{
	background-color: #f0f0f0;
	border-bottom: 2px solid gainsboro;
}
.container table.dataTable thead th, .container table.dataTable thead td{
	border-bottom: 1px solid gainsboro;
}
.container table.dataTable.no-footer{
	border-bottom: 2px solid gainsboro;
	margin-bottom: 20px;
}

.flex-right{
	display: flex;
	flex-direction: row-reverse;
}
.btn.btn-slider-wrapper{
	margin-left: 4px;
	padding: 0px;
	width: 45px;
	height: 28px;
	position: relative;
	border-radius: 24px;
	box-shadow: inset 0 0 4px rgba(0,0,0,0.3);
}
.btn.btn-slider-wrapper.active .slider{
	left: 1px;
	top: 0px;
	position: absolute;
}
.btn.btn-slider-wrapper.inactive .slider{
	right: 1px;
	top: 0px;
	position: absolute;
}
.btn.btn-slider-wrapper .slider{
	display: inline-block;
	height: 22px;
	background-color: white;
	width: 22px;
	padding: 0px;
	margin: 0px;
	border-radius: 50%;
	border: 1px solid #656565;
	margin-top: 1px;
	box-shadow: 0px 0px 4px rgba(0,0,0,0.5);
}
/* bootstrap overwrite */
a.btn, button.btn{
	border: 1px solid #d4d4d4;
	box-shadow: none;
}
.btn.btn-warning{
	border: 1px solid #d08214;
}
.btn.btn-github{
	border: #c53c00 1px solid;
}
.btn.btn-danger{
	border: 1px solid #8c2f2e;
}
.btn.btn-success{
	border: 1px solid #2d990e;
	background-color: #33b30e;
}
.btn.btn-success:hover{
	background-color: #2b9f09;
}
.btn.btn-info:hover{
	background-color: #006e91;
}
.btn.btn-primary{
	border: 1px solid #00539b;
}
.btn.btn-info{
	border: 1px solid #005c77;
}
.btn.btn-pricing{
	background-color: #ffce00;
	color: #000;
	text-shadow: 0 1px 0 rgb(255 255 255 / 29%);
	border: 1px solid #be9900;
	font-weight: bold;
}
.btn.btn-pricing:hover{
	background-color: #ffd730;
	text-shadow: 0 1px 0 rgb(255 255 255 / 70%);
}
.btn-info{
	background-color: #0080a6;
}
.navbar-inverse .navbar-search .search-query{
	background-color: #2b2e31;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.search-query-header::placeholder {
  color: #757575!important;
  opacity: 1;
}
.navbar-inverse .navbar-search .search-query:focus, .navbar-inverse .navbar-search .search-query.focused{
	padding: 14px;
	border-width: 1px;
	border-style: solid;
	border-bottom: none;
	border-color: black;
}
.navbar-search .search-query{
	padding: 14px;
	border-radius: 4px;
}
.nav li a{
	font-size: 14px;
}
.container .form-actions{
	border-top: 0px;
	margin-bottom: 40px;
}
.nav-tabs>li>a{
	padding: 0px 15px;
}
.nav-tabs>li>a>h3{
	margin: 7px 0px 9px 0px;
}
select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus{
	outline: none;
}
.page-header {
	border: 0px;
}
h2.page-header{
	font-size: 30px;
}
.navbar-inverse .navbar-inner{
	background-image: none;
	background-color: #141414;
}
.btn-success, .btn, .btn-primary, .btn-danger, .btn-warning, .btn-info, .btn-inverse, .btn-success:hover, .btn-primary:hover, .btn-danger:hover, .btn-warning:hover, .btn-info:hover, .btn-inverse:hover, .container .pull-right .submit-button:hover {
	background-image: none;
}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus{
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 1px rgba(82, 168, 236, 0.6);
	border-color: rgb(103 155 197 / 80%);
}
.btn:focus{
	box-shadow: none;
}
.well{
	box-shadow: none;
}
.container .alert{
	margin-top: 20px;
}

/* Theme toggler */

#theme-toggle {
	display: inline-block;
	padding: 5px 8px 3px 8px;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background: none;
	border: 1px solid #43474a;
	border-radius: 4px;
}

#theme-toggle svg {
	margin: 0;
	fill: #dedcd9;
	height: 14px;
	width: 14px;
	vertical-align: text-top;
}

/* hide both icons by default */

#theme-toggle .moon,
#theme-toggle .sun {
	display: none;
}

#theme-toggle .moon path,
#theme-toggle .sun path{
	fill: #dedcd9;
}

/* in light mode, show the moon (to switch to dark) */

#theme-toggle.light-theme .moon {
	display: inline-block;
}

/* in dark mode, show the sun (to switch to light) */

#theme-toggle.dark-theme {
	border: 1px solid #43474a !important;
	background: #282a2a !important;
}

#theme-toggle:hover {
	background: #2F3233 !important;
}

#theme-toggle.dark-theme .sun {
	display: inline-block;
}

path[fill="#010101"] {
    --darkreader-inline-fill: #FFFFFF !important
}

/* right side menu styles */
#right-side-menu{
	border: 1px solid #e1e4e8;
	width: 355px;
	position: absolute;
	right: 0px;
	top: 42px;
	padding: 0px;
	background: white;
	border-radius: 0px 0px 15px 15px;
	box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1);
}
#right-side-menu.cloudbasic-right-side-menu{
	top: 55px;
}

@media (max-width: 979px) {
  #right-side-menu{
		top: 132px;
	}
	#right-side-menu.cloudbasic-right-side-menu {
    top: 125px;
	}
}

.right-side-menu-top-wrapper{
	border-top: 1px solid #cecece;
}
#right-side-menu-user-name{
	max-height: 35px;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 178px;
	margin-bottom: -13px;
}
#right-side-menu-white-fixer{
	height: 13px;
	width: 30px;
	background: rgb(255, 255, 255);
	position: absolute;
	top: -13px;
	right: -1px;
	border: 1px solid #d4d4d4;
	border-bottom: 0px;
	border-top: 0px;
}
#right-side-menu.cloudbasic-right-side-menu #right-side-menu-white-fixer{
	height: 21px;
	top: -21px;
}
#right-side-menu-top-section{
	height: 42px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0px;
}
.right-side-menu-section-title{
	background: rgb(16, 16, 16);
	text-align: left;
	color: white;
	font-size: 13px;
	padding: 10px 8px;
	cursor: pointer;
	border-bottom: 1px solid rgb(50, 50, 50);
	letter-spacing: 1.08px;
}
.right-side-menu-section-title:hover{
	background-color: #153C59;
}
.right-side-menu-section-body {
	background: #f6f6f6;
	display: flex;
	flex-wrap: wrap;
}
.right-side-menu-section-body-item {
	background: white;
	display: flex;
	align-items: center;
	width: 50%;
	box-sizing: border-box;
	border-bottom: 1px solid #d5d5d5;
}
.right-side-menu-section-body-item:nth-child(odd) {
	border-right: 1px solid #d5d5d5;
}
#right-side-menu .text-mute{
	color: rgb(95, 95, 95);
	font-size: 10px;
	background-color: rgb(222, 222, 222);
	padding: 1px 2px;
	margin-right: 3px;
	text-shadow: 0px 0px 1px white;
	vertical-align: 1px;
}
#right-side-menu #super-admin-batch{
	color: white;
	font-size: 10px;
	background-color: rgb(182 78 78);
	padding: 2px 3px;
	margin-right: 3px;
	text-shadow: -1px 0px 1px #1d080070, 1px 0px 1px #1d080070, 0px 1px 1px #1d080070, 0px -1px 1px #1d080070;
	vertical-align: 1px;
	border-radius: 4px;
}

#right-side-menu #group-admin-batch{
	color: white;
	font-size: 10px;
	background-color: #000fff;
	padding: 2px 3px;
	margin-right: 3px;
	text-shadow: -1px 0px 1px #1d080070, 1px 0px 1px #1d080070, 0px 1px 1px #1d080070, 0px -1px 1px #1d080070;
	vertical-align: 1px;
	border-radius: 4px;
}
#right-side-menu #internal-user-batch{
	color: white;
	font-size: 10px;
	background-color: green;
	padding: 2px 3px;
	margin-right: 3px;
	text-shadow: -1px 0px 1px #1d080070, 1px 0px 1px #1d080070, 0px 1px 1px #1d080070, 0px -1px 1px #1d080070;
	vertical-align: 1px;
	border-radius: 4px;
}
[data-darkreader-scheme="dark"] #right-side-menu #internal-user-batch{
	background-color: #00b300;
}
#right-side-menu .icon{
	font-size: 17px;
}
#right-side-menu .icon.joe-minus{
	font-size: 10px;
	margin-left: -15px;
}
#right-side-menu .collapse-indicator{
	float: right;
}
#right-side-menu .right-side-menu-section.collapsed .joe-minus{
	display: none;
}
#right-side-menu .right-side-menu-section.opened .joe-caret-down-two{
	display: none;
}
#right-side-menu .right-side-menu-section.collapsed .right-side-menu-section-body{
	height: 0px;
	overflow: hidden;
}
#right-side-menu .right-side-menu-section-body-item .icon{
	margin-right: 5px;
	margin-bottom: -3px;
	vertical-align: -3px;
}
#right-side-menu .right-side-menu-section-body-item:hover, #right-side-menu #right-side-menu-top-section:hover{
	background-color:rgb(244, 246, 248);
	cursor: pointer;
	box-shadow: inset 0px 0px 14px rgba(1, 33, 84, 0.095);
	text-shadow: 1px 1px 1px white, -1px -1px 1px white, -1px 1px 1px white, 1px -1px 1px white;
}
#right-side-menu #right-side-menu-logout a{
	padding: 13px;
	border-radius: 0px 0px 10px 10px;
	background-color: #ffdcdc;
	cursor: pointer;
	border: 1px solid rgb(220 191 191);
	border-top: 0px;
	text-align: center;
}
#right-side-menu #right-side-menu-logout a:hover{
	background-color: rgb(255, 183, 183);
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.799), -1px -1px 1px rgba(255, 255, 255, 0.5), -1px 1px 1px rgba(255, 255, 255, rgba(255, 255, 255, 0.5)), 1px -1px 1px rgba(255, 255, 255, 0.5);
}
#right-side-menu #right-side-menu-logout a:active{
	background-color: rgb(220 94 94);
	border: 1px solid rgb(183 77 77);
	border-top: 0px;
}
#right-side-menu #right-side-menu-logout .icon{
	vertical-align: -3px;
	margin-right: 2px;
}
#right-side-menu .user-settings{
	width: 100%;
	height: 42px;
	display: inline-block;
}
#right-side-menu a:not(.user-settings){
	text-decoration: none;
	color: black;
	height: 100%;
	width: 100%;
	display: inline-block;
	padding: 12px 10px;
	box-sizing: border-box;
	padding-bottom: 9px;
}
#right-side-menu a:not(.user-settings):active, #right-side-menu #right-side-menu-top-section:active{
	background-color: #005797;
	color: white!important;
	text-shadow: none;
}
#right-side-menu a.user-settings:active{
	color: white !important;
}
#right-side-menu a:focus{
	text-decoration: none;
}
.right-side-menu-section-body-item:not(:last-child) a{
	padding-right: 10px;
}
#right-side-menu #right-side-menu-top-section a{
	color: black;
}
#right-side-menu #right-side-menu-top-section a:hover{
	text-decoration: none;
}
#right-side-menu .right-side-menu-section-body-item:hover a, #right-side-menu #right-side-menu-top-section:hover a{
	color: rgb(6 89 163);
}
#rightSideMenuToggle{
	line-height: 20px;
	padding: 5px 8px 3px 8px;
}
#rightSideMenuToggle.active{
	background-color: white;
	box-shadow: none;
}
#rightSideMenuToggle .icon{
	vertical-align: -2px;
	font-size: 14px;
}
#rightSideMenuToggle .icon-super-admin {
	color: #ba4545;
}
#rightSideMenuToggle .icon-group-admin {
	color: #000fff;
}
#rightSideMenuToggle .icon-internal-user {
	color: #008000;
}
[data-darkreader-scheme="dark"] #rightSideMenuToggle .icon-internal-user {
	color: #00b300 !important;
}

#rightSideMenuToggle .icon-user-default {
	color: black;
}
[data-darkreader-scheme="dark"] #rightSideMenuToggle .icon-user-default {
  color: #cac6c1 !important;
}

#right-side-menu .icon:not([data-icon]) {
    margin-bottom: 0;
}
/* Toggle */
#joeAnalysisToggleForm {
	font-family: Arial;
	font-size: 13px;
}
#joeAnalysisToggleForm .joeToggleLabel {
	color: rgb(83, 83, 83);
	margin-right: 10px;
	font-size: 12px;
	display: inline-block;
}
#joeAnalysisToggleForm .joeToggle {
	display: inline-block;
	position: relative;
	width: 75px;
	height: 24px;
	background: #eaeaea;
	border-radius: 12px;
	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
	cursor: pointer;
	user-select: none;
	font-size: 12px;
	border: 1px solid #d4d4d4;
}
#joeAnalysisToggleForm .joeToggleSlider {
	display: flex;
	position: relative;
	align-items: center;
	width: 100%;
	height: 100%;
	cursor: pointer;
}
#joeAnalysisToggleForm .joeToggleHandle {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 2px;
	bottom: 2px;
	left: 2px;
	width: 50%;
	color: white;
	border-radius: 10px;
	z-index: 2;
	box-shadow: inset 0px 1px rgba(255, 255, 255, 0.2);
}
#joeAnalysisToggleForm .joeToggleOption {
	flex: 1;
	text-align: center;
	color: grey;
	z-index: 1;
}
#joeAnalysisToggleForm .own {
  left: 2px;
  background: rgb(0, 77, 125);
  border: 1px solid rgb(0, 59, 96);
  color: white;
}
#joeAnalysisToggleForm .all {
  left: 44%;
  background: rgb(0, 114, 104);
  border: 1px solid rgb(0, 79, 72);
  color: white;
}
#joeNoContent {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
	margin-bottom: 40px;
}
#joeNoContent .content-image {
    width: 300px;
    height: 300px;
    margin-bottom: 20px;
}
#joeNoContent .message-container {
    background-color: #f1f1f1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 14px 22px 8px 22px;
    border-radius: 10px;
}





@font-face {
  font-family: "joesandbox";
  src:url("fonts/joesandbox.eot");
  src:url("fonts/joesandbox.eot?#iefix") format("embedded-opentype"),
    url("fonts/joesandbox.woff") format("woff"),
    url("fonts/joesandbox.ttf") format("truetype"),
    url("fonts/joesandbox.svg#joesandbox") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "joesandbox" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="joe-"]:before,
[class*=" joe-"]:before {
  font-family: "joesandbox" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.joe-flask:before {
  content: "\61";
}
.joe-users:before {
  content: "\63";
}
.joe-user-plus:before {
  content: "\64";
}
.joe-cog:before {
  content: "\65";
}
.joe-book:before {
  content: "\66";
}
.joe-api:before {
  content: "\67";
}
.joe-help-circled:before {
  content: "\69";
}
.joe-sign-out:before {
  content: "\6a";
}
.joe-shield:before {
  content: "\6b";
}
.joe-desktop:before {
  content: "\62";
}
.joe-malware:before {
  content: "\6c";
}
.joe-sigma:before {
  content: "\6d";
}
.joe-suricata:before {
  content: "\6e";
}
.joe-star:before {
  content: "\6f";
}
.joe-filter:before {
  content: "\70";
}
.joe-trash-bin:before {
  content: "\68";
}
.joe-check-mark-2:before {
  content: "\71";
}
.joe-mail:before {
  content: "\72";
}
.joe-yara:before {
  content: "\73";
}
.joe-dollar:before {
  content: "\74";
}
.joe-search-find:before {
  content: "\75";
}
.joe-detect:before {
  content: "\76";
}
.joe-user-guide:before {
  content: "\77";
}
.joe-uploader:before {
  content: "\78";
}
.joe-chart-area:before {
  content: "\79";
}
.joe-analytics-chart-graph:before {
  content: "\7a";
}
.joe-eye:before {
  content: "\41";
}
.joe-wrench:before {
  content: "\42";
}
.joe-pulse:before {
  content: "\43";
}
.joe-analyzer:before {
  content: "\44";
}
.joe-microscope:before {
  content: "\45";
}
.joe-exclamation-triangle:before {
  content: "\46";
}
.joe-menu:before {
  content: "\47";
}
.joe-minus:before {
  content: "\48";
}
.joe-caret-down-two:before {
  content: "\49";
}
.joe-api-1:before {
  content: "\4a";
}
.joe-male-user-1:before {
  content: "\4b";
}
.joe-key:before {
  content: "\4c";
}
.joe-check-mark:before {
  content: "\4d";
}
.joe-x:before {
  content: "\4e";
}
.joe-all-users:before {
  content: "\4f";
}
.joe-customers2:before {
  content: "\51";
}
.joe-hour-glass:before {
  content: "\50";
}
.joe-certificate:before {
  content: "\52";
}
.joe-lock:before {
  content: "\53";
}
.joe-bell:before {
  content: "\54";
}
.joe-megaphone:before {
  content: "\55";
}
.joe-power:before {
  content: "\56";
}
.joe-input-filtering:before {
  content: "\57";
}
.joe-integrations:before {
  content: "\58";
}
.joe-security-log:before {
  content: "\59";
}


#userMailMonitorPage #submission_subject, #userMailMonitorPage #submission_body {
	width: 88%;
}
#userMailMonitorPage #result_subject, #userMailMonitorPage #result_body{
	width: 86%;
}
#userMailMonitorPage #replyverdict{
	width: 91%;
}
#userMailMonitorPage .copyToClipboardText{
	font-size: 20px;
	font-weight: bold;
	background-color: #c6e5ff;
	padding: 8px 10px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border: 1px solid #94b2cb;
	border-right: 0px;
}
#userMailMonitorPage .copyToClipboardWrapper{
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border: 1px solid #c9c9c9;
	border-left: 0px;
	margin-left: 0px;
	display: inline-block;
	padding-right: 15px;
	padding-top: 10px;
	padding-left: 5px;
	vertical-align: -7px;
	padding-bottom: 0px;
}
#userMailMonitorPage .copyToClipboardText.copied{
	border: 1px solid #a2cb94;
	border-right: 0px;
}
#wait_for_monitor_ready{
	background-color: #c6e5ff;
	padding: 8px 10px;
	border-radius: 5px;
	border: 1px solid #94b2cb;
	display: inline-block;
}
/* Emergency Contact Email Form */
.register-emergency-contact-banner {
	position: relative;
	background: #BE1B1D;
	border-radius: 12px;
	color: white;
	margin: 0 auto;
	padding: 24px 32px;
	box-shadow: 0 4px 8px rgba(0,0,0,0.3);
	z-index: 1;
	max-width: 560px;
}
.register-emergency-contact-banner a{
	color: white;
	font-weight: bold;
	text-decoration: underline;
}
.register-emergency-contact-banner h4{
	color: white;
	margin-top: 0px;
	font-size: 20px;
	margin-bottom: 24px;
}
.emergency_contact_email_form .emergency_contact_verification_info p {
	display: inline-block;
	vertical-align: top;
}

.emergency_contact_email_form .emergency_contact_verification_info p i {
	margin-top: 0;
}

.btn-reveal-password {
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    background: none;
    margin-top: 5px;
}

/*
Hide password reveal button injected by MS Edge, as we bring our own
 */
input::-ms-reveal,
input::-ms-clear {
    display: none;
}

.password-strength-indicator-wrapper {
	display: none;
    max-height: 0;
    margin-top: 0;
    overflow: hidden;
}

.password-strength-indicator-wrapper.active {
	display: block;
    max-height: 100px;
    transition:
    	max-height 0.5s ease,
        background-color 0.5s,
        margin-top 0.5s ease;
}

.password-strength-indicator {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 12px;
    margin-right: 5px;
    margin-top: 3px;
    vertical-align: top;
}

.password-strength-indicator-hint {
    display: inline-block;
    max-width: calc(100% - 15px);
}

.password-strength-indicator.danger {
    background-color: #ff0000;
}

.password-strength-indicator-hint.danger {
    color: #ff0000;
}

.password-strength-indicator.warn {
    background-color: #ff9900;
}

.password-strength-indicator-hint.warn {
    color: #ff9900;
}

.password-strength-indicator.success {
    background-color: #2b9f09;
}

.password-strength-indicator-hint.success {
    color: #2b9f09;
}

@keyframes dots {
    0% { content: "Evaluating."; }
    33% { content: "Evaluating.."; }
    66% { content: "Evaluating..."; }
    100% { content: "Evaluating."; }
}

.dots::after {
    display: inline-block;
    content: "";
    animation: dots 0.75s steps(3) infinite;
}

/*
 Dashboard & Statistics
 */
.trend-stats-graph-header {
    margin-top: 25px;
}

.trend-stats-graph-header__button-group-wrapper{
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 20px;
}

.trend-stats-graph-header__button-group-wrapper label {
    display: inline-block;
    margin-right: 5px;
}

#loading-dashboard-data,
.loading-stats-data:not(.hide)
{
    height:  100%;
    min-height: 500px;
    width:  100%;
    z-index:  100;
    display: grid;
    place-items: center;
    color:  black;
}

.loading-stats-data {
    margin-top: 45px;
}

#loading-dashboard-data .loading-indicator,
.loading-stats-data .loading-indicator {
    font-weight: bold;
    font-size: 13px;
    display: inline-block;
    padding: 10px 27px 11px 27px;
    background-color: #f1f1f1;
    border-radius: 8px;
}

#dashboardWrapper .nav-tabs>li>a{
    padding-top: 0px;
    padding-bottom: 0px;
}
#dashboardWrapper.container-main{
    margin-bottom:  70px;
}
#dashboard .no-data-available{
    flex-grow: 1;
}
#dashboard table tbody td {
    line-height: 18px;
    text-align: left;
    vertical-align: top;
    word-wrap: break-word;
    white-space: pre-wrap;
    border: 1px solid #eec9c9;
    padding: 4px 5px;
}
#dashboard table tbody tr:nth-child(odd) {
    background-color: #ffe8e8;
    border: 1px solid #eec9c9;
}
#dashboard table tbody tr:nth-child(even) {
    background-color: #ffdcdc;
    border: 1px solid #eec9c9;
}
#dashboard table {
    border-collapse: collapse;
    width: 100%;
    border-bottom: 2px solid #eec9c9;
}
#dashboard table thead tr {
    text-align: left;
    background-color: white;
    border:  1px solid gainsboro;
    border-bottom: 2px solid gainsboro;
}
#dashboard table thead tr th {
    padding: 6px 6px;
    font-size: 13px;
    font-weight: bold;
    vertical-align: middle;
    border:  1px solid gainsboro;
}
#dashboard .submissions-bar-empty-bg{
    background:  #7a7b7e;
}
#dashboard .submissions-bar-wrapper{
    padding:  4px;
    background-color: #eaeaea;
    position:  relative;
}
#dashboard .submissions-bar-full{
    height:  25px;
}
#dashboard .popular_threats,
#dashboard .detection-last-30-days,
#dashboard .analysis_per_day {
    background-color:  #f7f7f7;
}
#dashboard .license-expiry{
    padding:  3px;
    padding-left:  8px;
}
#dashboard .pending-submissions-ammount{
    background: #0076bf;
    border-radius: 3em;
    -moz-border-radius: 3em;
    -webkit-border-radius: 3em;
    color: white;
    height: 2.1em;
    width: 2.1em;
    display: inline-block;
    font-size: 12px;
    line-height: 2.1em;
    text-align: center;
    margin-right: 5px;
}

/*
 Tab slider
 */

 .tab-slider-container {
	position: relative;
	max-width: 100%;
	margin: 0 auto;
}

.tab-slider-wrapper {
	overflow: hidden;
	width: 100%;
	position: relative; /* Ensure masks are positioned correctly */
	-webkit-mask-image: none; /* Default: no mask */
	mask-image: none;
}

.tab-slider-wrapper.mask-left {
	-webkit-mask-image: linear-gradient(to right, transparent 0%, black 10%);
	mask-image: linear-gradient(to right, transparent 0%, black 10%);
}

.tab-slider-wrapper.mask-right {
	-webkit-mask-image: linear-gradient(to left, transparent 0%, black 10%);
	mask-image: linear-gradient(to left, transparent 0%, black 10%);
}

.tab-slider-wrapper.mask-both {
	-webkit-mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);
	mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);
}

.tab-slider {
	display: flex;
	transition: transform 0.3s ease;
	width: max-content;
	margin: 0;
	padding: 0;
}

.slider-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: white;
	color: black;
	border-radius: 50%;
	border: 1px solid #ddd;
	padding: 10px 15px;
	cursor: pointer;
	z-index: 1;
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.2s ease;
	width: 44px;
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.slider-arrow svg {
	width: 16px;
}
.slider-arrow.visible {
	visibility: visible;
	opacity: 1;
}

.left-arrow {
	left: 0;
}

.right-arrow {
	right: 0;
}

.slider-arrow:disabled {
	opacity: 0.3;
	cursor: not-allowed;
}

.slider-arrow:hover:not(:disabled) {
	background: white;
	color: #aaa;
}