html,
body, container-table {
  height: 100%;
  position: relative;
  min-height: 100%;
  background-color: #fff;
}

.fancyGradientDocusign{
	-webkit-font-smoothing: antialiased;
    background: radial-gradient(100% 100% at 50% -20%, rgb(255, 82, 82) 0%, rgb(76, 0, 255) 100%);
    color: rgb(255, 255, 255);overflow-x:hidden!important;
	height: 100%;
}

.bs-stepper .step-trigger  {
    color: #FFFFFF!important;
	font-weight: bold!important;
    outline: 0!important;
}

.bs-stepper-circle {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 3em!important;
    height: 3em!important;
    padding: 1em 0!important;
    margin: 0.25rem!important;
    line-height: 1em;
    color: #fff;
    background-color: #6c757d;
    border-radius: 2em!important;
}

.btn-primary{
	background-color: #4C00FF!important;
    border-color: #4C00FF!important;	
}

.btn-primary:focus{
	background-color: #4C00FF!important;
    border-color: #4C00FF!important;	
}

.modal-dialog,
.modal-content {
    /* 80% of window height */
    height: 93%;
}

.modal-dialog,
.modal-content-ibr {
    /* 80% of window height */
    height: 100%;
}

.modal-body {
    /* 100% = dialog height, 120px = header + footer */
    overflow-y: scroll;
}

.modal-body-ibr{
    100% = dialog height, 120px = header + footer;
}

.modal-dialog {
  /*padding-top: 15%;*/
}

.fixContainerToTheTop{
	position: absolute;
	top: 45px;
}

/*
 Global/reset css styles, imported from:
 'https://dora.michalostamou.me/global.css'
 @see https://github.com/dora-micha/global-css
*/

.tooltip-comparison-custom{
	opacity: 1!important;
}

/*
  Component styles
*/
.stepProgressBar {
  --stepProgressBar-space-unit: 4px;
  --stepProgressBar-indicator-size: 16px;
  --stepProgressBar-font-size: 14px;
  --stepProgressBar-step-size: 80px;
  --stepProgressBar-step-line-size: 2px;
  --stepProgressBar-color-primary: #3F0FFF;
  --stepProgressBar-color-secondary: #d1d5db;
  --stepProgressBar-color-neutral: #fff;
  --stepProgressBar-color-neutral-400: #a3a3a3;
  --stepProgressBar-color-neutral-800: #262626;
  display: flex;
  width: 100%;
}

.stepProgressBar__step {
  display: flex;
}

.stepProgressBar__step:not(:first-child) {
  width: 100%;
}

/* --- button ---- */
.stepProgressBar__step__button {
  align-items: center;
  color: var(--stepProgressBar-color-neutral-400);
  display: flex;
  font-size: var(--stepProgressBar-font-size);
  flex-direction: column;
  flex-shrink: 0;
  position: relative;
  transition: color 0.2s ease-in;
  width: var(--stepProgressBar-step-size);
}

.stepProgressBar__step--current .stepProgressBar__step__button {
  color: var(--stepProgressBar-color-neutral-800);
}

.stepProgressBar__step__button__indicator {
  align-items: center;
  background-color: var(--stepProgressBar-color-secondary);
  border: calc(var(--stepProgressBar-indicator-size) / 3.5) solid var(--stepProgressBar-color-neutral);
  border-radius: 100%;
  display: flex;
  justify-content: center;
  height: var(--stepProgressBar-indicator-size);
  transition: background-color 0.3s ease-in;
  width: var(--stepProgressBar-indicator-size);
}

.stepProgressBar__step--current .stepProgressBar__step__button__indicator {
  background-color: var(--stepProgressBar-color-neutral);
  border: calc(var(--stepProgressBar-indicator-size) / 4) solid var(--stepProgressBar-color-primary);
  transition: all 0.3s ease-in;
}

.stepProgressBar__step--completed .stepProgressBar__step__button__indicator {
  border: 0;
  transition: all 0.3s ease-in;
}

.stepProgressBar__step:not(.stepProgressBar__step--current).stepProgressBar__step--navigable .stepProgressBar__step__button__indicator {
  background-color: var(--stepProgressBar-color-primary);
  transition: all 0.3s ease-in;
}

.stepProgressBar__step__button__indicator__icon-completed {
  fill: transparent; 
}

.stepProgressBar__step--completed .stepProgressBar__step__button__indicator__icon-completed {
  animation: fillColorChange 0.2s ease-in 0.3s forwards;
}

.stepProgressBar__step__button__label {
  margin-top: var(--stepProgressBar-space-unit);
}

/* --- button states ---- */

.hover-ai-content-left{
	max-height: 200px;
	-webkit-transition: all 0.25s ease;
}

.hover-ai-content-left:hover{
    transform: scale(1.5,1.5);
    transform-origin: top left;
    font-size: 75%;
    z-index: 999;
    padding: 10px!important;
	border: 1px dotted black;
}

.hover-ai-content-middle{
	max-height: 200px;
	-webkit-transition: all 0.25s ease;
}

.hover-ai-content-middle:hover{
    transform: scale(1.5,1.5);
    transform-origin: top;
    font-size: 75%;
    z-index: 999;
    padding: 10px!important;
}	

.hover-ai-content-right{
	max-height: 200px;
	-webkit-transition: all 0.25s ease;
}

.hover-ai-content-right:hover{
    transform: scale(1.5,1.5);
    transform-origin: top right;
    font-size: 75%;
    z-index: 999;
    padding: 10px!important;
	border: 1px dotted black;
}
@supports  selector(:hover) {
  .stepProgressBar__step__button:hover {
    color: var(--stepProgressBar-color-primary);
  }
  .stepProgressBar__step:not(.stepProgressBar__step--current) .stepProgressBar__step__button:hover .stepProgressBar__step__button__indicator {
    background-color: var(--stepProgressBar-color-primary);
  }
}

.stepProgressBar__step__button:focus-visible {
  border-radius: 4px;
  outline: var(--stepProgressBar-color-primary) solid 2px;
}

@supports not selector(:focus-visible) { /* fallback for browsers without focus-visible support */
  .stepProgressBar__step__button:focus {
    border-radius: 4px;
    outline: var(--stepProgressBar-color-primary) solid 2px;
  }
}

/* --- line ---- */
.stepProgressBar__step__line {
  background-color: var(--stepProgressBar-color-secondary);
  height: var(--stepProgressBar-step-line-size);
  margin-top: calc(var(--stepProgressBar-indicator-size) / 2 - var(--stepProgressBar-step-line-size) / 2);
  margin-left: calc(var(--stepProgressBar-step-size) / 2 * -1);
  margin-right: calc(var(--stepProgressBar-step-size) /2 * -1);
  transition: background-color 0.3s ease-in;
  width: 100%;
}

.stepProgressBar__step--navigable .stepProgressBar__step__line {
  background-color: var(--stepProgressBar-color-primary);
  transition: background-color 0.2s ease-in;
}

/* --- other ---- */

@keyframes fillColorChange {
  0% {
    fill: var(--stepProgressBar-color-primary);
  }
  100% {
    fill: var(--stepProgressBar-color-neutral)
  }
}

 /* This media query is based on step-size * 5,
    if you change the value of it update it here too
 */
@media (max-width: 400px) {
  .stepProgressBar__step__button {
    width: auto;
  }

  .stepProgressBar__step__line {
    margin-left: 0;
    margin-right: 0;
  }

  .stepProgressBar__step__button__label {
    display: none;
  }
}

/*
  Pen styles (ignore these styles)
*/
.container {
  margin: 0 auto;
  max-width: 1000px;
  min-width: 320px;
  padding: 100px 24px;
  width: 100%;
}



.searchbarCustomer {
  display: block;
  width: 100%;
  margin: 10px auto;
  padding: 5px 45px;
  padding-right: 0px;
  background: white url("img/search.svg") no-repeat 15px center;
  background-size: 15px 15px;
  font-size: 16px;
  border: 1px solid #cfcfcf;
  border-radius: 5px;
}

.regionDropdown{
  margin: 10px auto;
  font-size: 16px;
}
 
 .invalidIndustry{
	border: 1px solid red;
    border-radius: 5px;
 }
 
.vertical-center {
  min-height: 94%;  /* Fallback for browsers do NOT support vh unit */
  min-height: 94vh; /* These two lines are counted as one :-)       */

  display: flex;
  align-items: center;
}
 
.vertical-center-custom {
  min-height: 0%!important;  /* Fallback for browsers do NOT support vh unit */
  min-height: 0vh!important; /* These two lines are counted as one :-)       */

  display: flex;
  align-items: center;
}

.ds-logo {
  padding-right: 0.9rem;
  /*border-right: 1px solid #ffffff;*/
}

.ds-logo-text {
  padding-left: 0.9rem;
  font-size: 1rem;
  padding-right: 0.9rem;
  border-left: 1px solid #000000;
}

.searchbar {
  border-bottom: 2px solid;
  color: #0369ff;
}

.searchbar:focus-within {
  border-image-slice: 1;
  border-image-source: linear-gradient(to left, #27ee36, #d6fb00, #0bbff6, #ff13f4);
}

.card {
  min-width: 20rem;
  max-width: 20rem;
  background-color: #D0D0D0;
}

.badge {
  color: #323232;
  border-radius: 0.2rem;
  margin-left: 0.1rem;
  margin-right: 0.1rem;
  border-top: solid;
}

.label-button {
  border-radius: 0.3rem;
  margin-bottom: 0.3rem;
  padding: 0.2rem 0.5rem 0.2rem 0.5rem;
}

body {
  /* Margin bottom must match footer height */
  /*margin-bottom: 2rem;*/
}

.footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 2rem;
  background-color: #646464;
  color: white;
}

.display-4 {
	font-size: 2.5rem!important;
}

.bg-darkblue {
  background-color: #000032;
}

.bg-black{
  background-color: #000000;
}

.Prepare {
  border-color: #27ee36;
  background-color: rgba(39, 238, 54, 0.1);
}

.Sign {
  border-color: #d6fb00;
  background-color: rgba(214, 251, 0, 0.1);
}

.Act {
  border-color: #0bbff6;
  background-color: rgba(11, 191, 246, 0.1);
}

.Manage {
  border-color: #ff13f4;
  background-color: rgba(255, 19, 244, 0.1);
}

.Integrate {
  border-color: #c8c8c8;
  background-color: rgba(200, 200, 200, 0.3);
}

.Industry {
  border-color: #ff7d00;
  background-color: rgba(255, 125, 0, 0.1);
}

.hasCursor{
	cursor: pointer;
}

.dac_spinner{
	display: inline-block;
	background-repeat: no-repeat, repeat;
    background-size: cover;
    width: 26px;
    height: 26px;
    vertical-align: text-bottom;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite;
	background-image: url("img/DSIcon_Black_128x128.png");
}

.openai_spinner{
	display: inline-block;
	background-repeat: no-repeat, repeat;
    background-size: cover;
    width: 26px;
    height: 26px;
    vertical-align: text-bottom;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite;
	background-image: url("img/openai_logo.png");
	filter: invert(1);
}

.openai_spinner_no_filter{
	display: inline-block;
	background-repeat: no-repeat, repeat;
    background-size: cover;
    width: 26px;
    height: 26px;
    vertical-align: text-bottom;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite;
	background-image: url("img/openai_logo.png");
}

.dac_spinner_big{
	display: inline-block;
	background-repeat: no-repeat, repeat;
    background-size: cover;
    width: 30px;
    height: 30px;
    vertical-align: text-bottom;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite;
	background-image: url("img/DSIcon_Black_128x128.png");
}

.dac_spinner_big{
	display: inline-block;
	background-repeat: no-repeat, repeat;
    background-size: cover;
    width: 50px;
    height: 50px;
    vertical-align: text-bottom;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite;
	background-image: url("img/DSIcon_Black_128x128.png");
}

.task_done{
	display: inline-block;
	background-repeat: no-repeat, repeat;
    background-size: cover;
    width: 20px;
    height: 20px;
    vertical-align: text-bottom;
	background-image: url("img/Checkmark-Positive@2x.png");
}

.companyList{
  min-height: 50vh; /* These two lines are counted as one :-)       */
  max-height: 50vh; /* These two lines are counted as one :-)       */
  overflow: auto;
  padding-left: 15px;
}

.firstColumn{
	padding-left:15px;
}

.headers{
	font-weight: bold;
}

.multiselect__tags {
    min-height: 40px;
    display: block;
    padding: 8px 40px 0 8px;
    /*border-color: #dc3545!important;*/
    padding-right: calc(.75em + 2.3125rem)!important;
    /*background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat!important;*/
    font-size: 14px;
}

.multiselect__tags__valid {
	border-color: #28a745!important;
    padding-right: calc(.75em + 2.3125rem);
    min-height: 40px;
    display: block;
    padding: 8px 40px 0 8px;
    border-radius: 5px;
    border: 1px solid #e8e8e8;
    background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat!important;
    font-size: 14px;
}

.result_row{
	border-top: black;
    border-width: 1px;
    border-style: dashed;
}

.jumbotron{
	padding: 10px!important;
}

.pointer {cursor: pointer;}

.helpStatic{
	position:fixed;
	right:8px;
	top: 50%;
}

.helpComponent{
	color: brown;
}
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 100%!important;
}

.companyDetailsIcon{
	text-align: center;
	width: 40px;
}

.multiselect--disabled {
    opacity: 1!important;
}

.custom-select:disabled {
    color: black;
    background-color: white;
}

.historyStatic{
	position:fixed;
	left:30px;
	top: 50%;
}

.spanLink{
		color: blue;
}

[v-cloak] { display: none; }

.form-control {
    height: calc(1em + .75rem + 2px)!important;
}
.custom-select {
    height: calc(1em + .75rem + 2px)!important;
	padding: 0.175rem 1.75rem 0.175rem 0.75rem!important;
}
.formSection{
  padding-bottom: 6px;
  background-color: #6c757d;
  color: white;
}
.tooltip-inner {
    max-width: 480px!important;
	background-color: lightgrey;
	color: black;
	border: 1px solid black;
}
.multiselect__tags__valid {
    padding: 8px 48px 0 8px!important;
}
.pl-3, .px-3 {
    padding-left: 0rem!important;
    padding-right: 0rem!important;
}
.slightLeftPadding{
	padding-left: 10px;
}
.entertainment{
  animation: appear 1.5s;
}

@keyframes appear {
  from {
    left: -100px;
  }
  to {
    left: 850px;
  }
}
@-moz-keyframes appear {
  /* Firefox */
  from {
    left: -100px;
  }
  to {
    left: 850px;
  }
}
@-webkit-keyframes appear {
  /* Safari and Chrome */
  from {
    left: -100px;
  }
  to {
    left: 850px;
  }