:root {
  /* Colors: */
  --unnamed-color-e5ecf4: #E5ECF4;
  --unnamed-color-5e9d4c: #5E9D4C;
  --unnamed-color-b24047: #B24047;
  --unnamed-color-f8b54c: #F8B54C;
  --unnamed-color-004895: #004895;
  --unnamed-color-1f51a0: #1F51A0;
  --unnamed-color-444444: #444444;
  --unnamed-color-6c757d: #6C757D;
  --unnamed-color-ced4da: #CED4DA;
  --unnamed-color-bcbcbc: #BCBCBC;
  --unnamed-color-f3f4f6: #F3F4F6;
  --unnamed-color-ffffff: #FFFFFF;

  /* Font/text values */
  --unnamed-font-family-muli: Muli;
  --unnamed-font-style-normal: normal;
  --unnamed-font-weight-normal: normal;
  --unnamed-font-weight-bold: bold;
  --unnamed-font-size-16: 16px;
  --unnamed-font-size-18: 18px;
  --unnamed-font-size-48: 48px;
  --unnamed-character-spacing-0: 0px;
  --unnamed-line-spacing-23: 23px;
  --unnamed-line-spacing-27: 27px;
}

/* Character Styles */
.unnamed-character-style-1 {
  font-family: var(--unnamed-font-family-muli);
  font-style: var(--unnamed-font-style-normal);
  font-weight: var(--unnamed-font-weight-bold);
  font-size: var(--unnamed-font-size-48);
  line-height: var(--unnamed-line-spacing-27);
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(--unnamed-color-004895);
}
.unnamed-character-style-2 {
  font-family: var(--unnamed-font-family-muli);
  font-style: var(--unnamed-font-style-normal);
  font-weight: var(--unnamed-font-weight-bold);
  font-size: var(--unnamed-font-size-18);
  line-height: var(--unnamed-line-spacing-27);
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(--unnamed-color-004895);
}
.unnamed-character-style-3 {
  font-family: var(--unnamed-font-family-muli);
  font-style: var(--unnamed-font-style-normal);
  font-weight: var(--unnamed-font-weight-normal);
  font-size: var(--unnamed-font-size-16);
  line-height: var(--unnamed-line-spacing-23);
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(--unnamed-color-707070);
}

@font-face {
  font-family: 'Muli';
  src: local('Muli'), url(./fonts/Muli.ttf) format('truetype');
}
@font-face {
  font-family: 'Muli-Bold';
  src: local('Muli-Bold'), url(./fonts/Muli-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Muli-Black';
  src: local('Muli-Black'), url(./fonts/Muli-Black.ttf) format('truetype');
}


/*----------------main----------------*/

body {
  height: 100%;
  font-family: 'Muli';
  margin: 0;
  padding: 0;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Muli', 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#root , .App{
  min-height: 100vh;
}

.App{
  background-color: #F3F4F6;
  font-family:'Muli';
  display: flex;
  flex-direction: column;
  height: 100%;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
    monospace;
}

.kwizda3-logo{
  height:95px;
}

.kwizda-page-container{
  width:75%;
  flex-grow:1;
  margin:auto;
  background-color: white;
  margin-top:20px;
  min-height:500px;
  padding-top:1px;
}

.kwizda-footer-container{
  width:75%;
  margin:auto;
  text-align: left;
}

@media screen and (max-width: 1300px) {
  #kwizda-nav-bar{
    width:85%;
  }
  .kwizda-page-container{
    width:85%;
  }
  .kwizda-footer-container{
    width:85%;
  }
  .kwizda3-logo{
    height:85px;
  }
}



/*----------------navigation--------------*/
.kwizda-nav{ 
  background-color:#ffffff;
}
.kwizda-nav .navbar {
  background-color: white; 
  width:75%;
  height:95px;
  margin:auto;
  padding-left:0;
  padding-right:0
}
.kwizda-nav .nav-item{
  padding-top:11px;
  margin-left:5px;
  margin-right:5px;
  color:#444;
}

.kwizda-nav a, .kwizda-nav .navbar-nav, .kwizda-nav .navbar-light .nav-link {
  color: #444;
}
.nav-tabs > .nav-link{
  color: #00b050;
}

.kwizda-nav .nav-item a:hover{
  color: #00b050;
  text-decoration: none;
}
.kwizda-nav .nav-separator{
  padding-top:8px;
}

.kwizda-button-navbutton{
  margin-left:10px;
}

@media screen and (max-width: 1000px) {
  .kwizda-button-navbutton{
    margin:30px auto 30px auto;
  }
  .nav-separator{
    display:none;
  }
  .kwizda-nav .nav-item{
    padding-bottom:0px;
    padding-top:30px;
  }
}

/*----------------------login ---------------*/
#kwizda-login-form{
  text-align:center;
  border:0;
}
#kwizda-login-button{
  margin:auto;
  margin-top:25px;
  width:250px;
}
#kwizda-login-button:hover{
  background-color:#03c75b;
}
#kwizda-login-form input{
  width: 250px;
  margin:auto;
}
#kwizda-login-form label{
  width: 250px;
  margin:auto;
  margin-top:10px;
  height:30px;
  vertical-align: bottom;
  color:#00b050;
}

.password-input-container{
  position: relative;
	display: block;
	width: 100%;
	margin: auto;
}
.password-input-container> input{
  width:100%;
}
#kwizda-login-form .password-input-container {
	position: relative;
	display: block;
	width: 250px;
	margin: auto;
}


/* Position the eye icon inside the input */
.toggle-visibility {
  position: absolute;
  top: 50%;
  right: 10px; /* Adjust to move closer/further from the right edge */
  transform: translateY(-50%);
  cursor: pointer;
  color: #6C757D;
  display: flex;
  align-items: center;
  justify-content: center;
}

.toggle-visibility:hover {
  color: #343A40; /* Darker color on hover for better UX */
}

/*--------------------footer-----------------*/
#footer{
  background-color:#00b050;
  margin-top: auto;
  color: white;
  font-size:12px;
  padding-top:8px;
  padding-bottom:8px;
  min-height:36px;
}
.footer-link{
  color:white;
  text-decoration: none;
}
.footer-link:hover{
  color:#CFE2FF;
}

/*-------------------------forms--------------------*/
.kwizda-form{
  text-align:left;
  margin:auto;
  margin-bottom:25px;  
  font-size:12px;
}
.kwizda-form-column:first-child{
  border-right: solid 1px #ced4da;
}


@media screen and (max-width: 1500px) {
  .kwizda-form-column:first-child{
    border-right:none;
  }
  
}

.kwizda-form input:focus { 
  border: solid 1px #00b050;
}

.kwizda-form input{
  padding-left:14px;
}

.kwizda-form input, .kwizda-form select{
  border: solid 1px #ced4da;
}

#kwizda-edit-item {
  width:95%; 
  margin:auto;
  margin-top:20px;
  /*padding-bottom:40px;*/
}

#kwizda-edit-item .card, #kwizda-userdata .card, #kwizda-itemreg .card{
  width:80%;
  margin:auto;
  border:0;
}


@media screen and (max-width: 1200px) {
  #kwizda-itemreg .card{
    width:90%
  }
  
}
.kwizda-form .kwizda-form-invalid {
	border-color: #dc3545;
	padding-right: calc(1.5em + .75rem);
	background-image: 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");
	background-repeat: no-repeat;
	background-position: right calc(.375em + .1875rem) center;
	background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

.password-input-container > .kwizda-form-invalid {
  background-position: right calc(.375em + 1.875rem) center;
}

.kwizda-form label{
  color:#00b050;
  text-align:left;
  font-size:12px;
  margin-top:20px;
}
.kwizda-form input[type=text], .kwizda-form input[type=password], .kwizda-form select{
  height:35px;
  color:#6C757D;
}

.kwizda-form textarea{
  color:#6C757D;
}
.kwizda-checkbox:disabled{
  background: #ced4da 0% 0% no-repeat padding-box;
}

.kwizda-active-input {
	vertical-align:middle;
  width:20px;
  accent-color: #00b050;
}
.kwizda-active-input-label {
	display: inline-block;
	width: 100px;
	height: 31px;
	background-color: #5E9D4C;
	color: #F3F4F6;
	font-family: 'Muli-Black';
	border: solid 1px #CED4DA;
	padding-top: 5px;
	margin-left: 7px;
	padding-left: 5px;
	margin-top: 1px;
}

/*--------------edit item ------------*/
.kwizda-edititem-filter{
  width:95%;
  margin:auto;
  margin-top:20px;
  border-bottom:solid 1px #00b050;
  text-align:left;
}
.kwizda-edititem-filter-text{
  display:inline-block;
  color:#00b050;
  font-weight:bold;
  margin-left:40px;
}
.kwizda-edit-form-buttons{
  margin-top:30px; 
}
.kwizda-form span{
  font-size:12px; 
}
.kwizda-form h4{
  color:#00b050;
  text-align:left;
  font-size:17px;
  font-weight:bold;
  font-family: Arial, Helvetica, sans-serif;
  margin-top:35px;
}
.kwizda-culture-checkbox{
  display:inline-block;
  margin-left:12px;
}
.kwizda-culture-checkbox span{
  margin-left:6px;
}
#kwizda-userdata-display input{
  pointer-events: none;
}
/*----------------------------------*/
.kwizda-page-title{
  text-align: center;
  font: normal normal bold 40px Muli;
  /*font-size:48px;*/
  letter-spacing: 0px;
  color: #00b050;
  opacity: 1;
  margin-top:30px;
  font-weight:bold;
  margin-bottom:30px;
}
/*--------------home----------------*/
.kwizda-home-panel{
  display:block;
  text-align:justify;
  width:90%;
  margin:auto;
  margin-bottom:15px;
  padding:30px;
  background-color: #00B050;
  color:white;
  margin-top:20px;
  position:relative;
  border-radius: 20px;
}

.kwizda-home-panel1{
  /*width:75%;*/
  display:inline-table;
  text-align:left;
}

.kwizda-home-panel2{
  width:100%;
  display:inline-table;
  vertical-align: bottom;
  text-align:right;
  margin-top:5px;
}
.kwizda-home-item-container{
  width:90%;
  margin:auto;
}

@media screen and (min-width: 3000px) {
  .kwizda-home-item-container{
    display: flex;
    justify-content: space-between;  
  }
}
@media screen and (max-width: 1500px) {
  .kwizda-home-item-container{
    width:95%;
    margin:auto;
  }  
  .kwizda-home-panel{
    width:95%;
  }
  
  .kwizda-phase-arrow img{
    width:40px;
  }
}

.kwizda-home-panel h3{
  font-weight:bold;
  margin-bottom:20px;
}

.kwizda-home-registerbutton{
  color:#00b050;
  background-color: #ffffff;
  height:45px;
  /*min-width:180px;*/
  padding-left:30px;
  padding-right:30px;
  letter-spacing: 0;
  border:0;
  font-family:'Muli-Black';
  border-radius: 15px;
  margin-top:20px;
  line-height: 20px;
}
.kwizda-home-registerbutton:hover{
  background-color:#CFE2FF;
}

/*---------item -----------*/
.kwizda-item{
  display:inline-block;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 300px;
  min-width: 240px;
  min-height: 500px;
  /*border: solid 1px #ced4da;*/
  border-radius: 25px;
  vertical-align:top;
  background-color: #F3F4F6;
  text-align: left;
  color:white;
  position:relative;
  overflow:hidden;
  
}
@media screen and (max-width: 3000px) {
  .kwizda-item{
    width: 300px;
    min-width: 240px;
    margin-left:15px;
    margin-right:15px;
  }
}

.kwizda-item-display{
  width: 240px;
  min-width: 240px;  
  margin: auto;
}


.kwizda-item-header{
  border-radius:15px;
}
.kwizda-item-bio{
  position: absolute;
  right:10px; 
  top: 10px;
}

.kwizda-item-top-container{
  /*height:75px;*/
  background: linear-gradient(180deg, #ffffff 50%, #F3F4F6 50%);
}

.kwizda-item-top-container-image{
  width:100%;
}

.kwizda-item-header h4{
  font-family: Muli-Bold;
  margin-top:13px;
  font-size:19px;
  font-weight:bold;
}
.kwizda-item-type{
  font-size:11px;
}
.kwizda-item-container {
	min-height: 365px;
	margin-top: 30px;
}
.kwizda-item-dose{
  border-top:solid 1px white;
  border-bottom:solid 1px white;
  height:35px;
  padding-top:8px;
  font-size: 12px;
}
.kwizda-item-agent{
  font-size: 12px;
  height:60px;
  margin-top:5px;
}
.kwizda-item-problem{
  color:#00b050;
  font-size:15px;
  font-family:'Muli-Bold';
  margin-top:10px;
  height:105px;
}

.kwizda-item-display .kwizda-item-problem{
  height:120px;
}
.kwizda-item-desc{
  color:#444;
  font-size:12px;
  margin-left:15px;
  margin-right:15px;
  margin-top:20px;
}
.kwizda-item-desctext {
	font-size: 12px;
	max-height: 280px;
	overflow: hidden;
	/*margin: 5px;*/
  text-align: left;
  margin-top:20px;
  
}
.kwizda-item-label{
  font-family:'Muli-Bold';

}
.kwizda-item-culturesandusage{
  /*position:absolute;*/
  bottom:95px;
  min-height:50px;
}
.kwizda-item-usage{
  /*position:absolute;
  bottom:100px;*/
}
.kwizda-item-deadline{
  background-color: #004895;
  position:absolute;
  font-size:14px;
  color:white;
  bottom:0px;
  width:100%;
  height:45px;
  text-align:center;
  padding-top:10px;
  font-family:'Muli-Bold';
}
.kwizda-item-headertext1{
  display:inline-block;
  width:180px;
  vertical-align: top;
}
.kwizda-item-icon1, .kwizda-item-icon2{
  width:30px;
  display:inline-block;
  /*  margin-top:10px;
  margin-left:8px;*/
}
.kwizda-item-icon2 img{
  margin-top:8px;
}

.kwizda-status-container{
  margin-top:30px;
}
.kwizda-status-container img{
  margin:auto;
  display:block;
}
.kwizda-status-image-container{
  /*height:80px;*/
}

.kwizda-status-desc{
  height:70px;
  border-top: solid 1px #CED4DA;
  border-bottom: solid 1px #CED4DA;
  margin-top:30px;
  padding-top:15px;
}
.kwizda-item-deadline2{
  color:#00b050;
  text-align:center;
  margin-top:10px;
  margin-bottom:10px;
  font-size:15px;
  font-family:'Muli-Bold';
}
.kwizda-item-moreinfo, .kwizda-item-lessinfo{
  color:#004895;
  padding-bottom:10px;
  margin-bottom:15px;
  border-bottom: solid 2px grey;
  cursor: pointer;
}
.kwizda-item-lessinfo{
  margin-top:25px;
  margin-bottom:15px;
}

.kwizda-status-rectangle {
	height: 45px;
	width: 100%;
	display: block;
  background-color: rgb(248, 181, 76);
  text-align:center;
  color:#ffffff;
  font-size:15px;
  margin:auto;
  margin-top:15px;
  margin-bottom:10px;
  font-family: 'Muli-Black';
}

@media screen and (max-width: 1600px) {
  .kwizda-status-rectangle{
    font-size:13px;
  }
}

.kwizda-status-container2-approved, .kwizda-status-container2-denied,
.kwizda-status-container2-pending, .kwizda-status-container2-closed, .kwizda-status-container2-semipending{
  background-color:#5E9D4C;
  height:100%;
  padding-top:11px;
}
.kwizda-status-container2-denied{
  background-color:#B24047;
}
.kwizda-status-container2-pending{
  background-color:#F8B54C;
}
.kwizda-status-container2-closed{
  background-color:#BCBCBC;
  margin:auto;
}
.kwizda-status-container2-semipending{
  background: transparent linear-gradient(270deg, #C82931 0%, #46AF3E 100%) 0% 0% no-repeat padding-box;
}

.kwizda-item-forpicker .kwizda-status-container2-closed{
  font-family: 'Muli-Black';
  height: 45px;
  font-size:14px;
}

.kwizda-item-gotopagebutton{
  cursor:pointer;
  text-align:left;
  font-family: 'Muli-Bold';
  font-size:15px;
  padding-top:10px;
  color:#00b050;
  /*position: absolute;*/
  height: 50px;
  width:90%;
  bottom: 105px;
  /*border-bottom: solid 1px #6C757D;*/
  left:5%;
}

.kwizda-button-itemregister{
  width:'90%';
  left:'5%';
  font-family:'Muli-Black';
  margin:'auto';
  position:'absolute';
  bottom:45px;
}

/*------------*/
.kwizda-item-headeronly{
  width:300px;
  height:120px;
  border-radius:25px;
  color:white;
  padding-top:30px;
  padding-left:20px;
}
.kwizda-item-headeronly h4{
  color:white;
	font-family: Muli-Bold;
	margin-top: 3px;
	font-size: 25px;
	font-weight: bold;
}

/*-------------regulations------------*/

.kwizda-regulations, .kwizda-itempage{
  text-align: left;
  font-size:16px;
  color:#444;
  margin-top:15px;
  width:95%;
  margin:auto;
}

.kwizda-regulations{
 margin-top: 50px; 
}

.kwizda-regulations h1{
  font-size:40px;
  font-weight: bold;;
}
.kwizda-regulations h3{
  font-size:25px;
  margin-bottom:20px;
}
.kwizda-regulations h4{
  font-size:18px;

  text-align:left;
  font-family: Muli-Bold;
  margin-top:40px;
  margin-bottom:20px;
}
.kwizda-regulations p{
  font-size:16px;
  text-align:left;
}
.kwizda-regulations h4, .kwizda-regulations h2, .kwizda-regulations h1, .kwizda-regulations h3{
  color:#00b050;
  text-align:left;
}
.kwizda-regulations ul{
  padding-left:10px;
}

.kwizda-regulations button{
  float:right;
  margin-left:10px;
  width:150px;
  border-radius: 0;
}

.kwizda-table{
  border: 1px solid #bcbcbc;
  letter-spacing: 0px;
}
.kwizda-table>thead>tr{
  background-color: #00b050 !important;
  color:white;
  height:30px;
}
.kwizda-table tr:nth-child(odd){
  background-color: #F3F4F6;
}
.kwizda-table td, .kwizda-table th{
  border:solid 1px #BCBCBC;
  padding: 3px 0px 3px 5px;
}

.kwizda3-link{
  color:#00B050;
}

.kwizda3-link:active{
  color:#00B050;
}

.kwizda3-link:hover{
  color:#03c75b;
}

/*-----------------*/

.kwizda-regulations-table{
  border: 1px solid #bcbcbc;
  letter-spacing: 0px;
}
.kwizda-regulations-table td, .kwizda-regulations-table th{
  border: 1px solid #bcbcbc;
  height:45px;
  /*width:150px;*/
  text-align: left;
  padding: 5px 17px 5px 17px;
}
.kwizda-regulations-table td:nth-child(1){
  
}
.kwizda-regulations-table td:nth-child(2){
  /*width:200px;*/
}
.kwizda-regulations-table td:nth-child(3){
  width:400px;
}

.kwizda-regulations-table tr:nth-child(odd){
  background-color: #F3F4F6;
}
.kwizda-regulations-table>thead>tr{
  background-color: #00b050 !important;
  color:white;
}


/*-------------itempages------------*/
.kwizda-itempage-container{
  margin-top:60px;
  margin-left:30px;
  margin-right:30px;
}

.kwizda-itempage{
  margin-top:30px;
  text-align: left;
  font-size:16px;
  color:#444;
  margin-top:15px;
  width:97%;
  margin:auto;
}
.kwizda-itempage h1{
  font-size:40px;
  font-weight: bold;;
}
.kwizda-itempage h3{
  font-size:25px;
  margin-top:20px;
  font-weight:bold;
  margin-bottom:40px;
}
.kwizda-itempage h4{
  font-size:18px;
  color:#004895;
  text-align:left;
  font-family: Muli-Bold;
  margin-top:5px;
  margin-bottom:10px;
}
.kwizda-itempage p{
  font-size:16px;
  text-align:left;
  margin-bottom:0px;
}
.kwizda-itempage h4, .kwizda-itempage h2, .kwizda-itempage h1, .kwizda-itempage h3{
  color:black;
  text-align:left;
}
.kwizda-itempage ul{
  padding-left:10px;
}

.kwizda-itempage button{
  float:right;
  margin-left:10px;
  width:150px;
  border-radius: 0;
}
.kwizda-itempage-table-div {
	display: block;
	width: 100%;
	vertical-align: top;
  overflow: auto;
}

.kwizda-itempage-table{
  border: 1px solid #bcbcbc;
  letter-spacing: 0px;
}
.kwizda-itempage-table td, .kwizda-itempage-table th{
  border: 1px solid #bcbcbc;
  height:45px;
  /*width:150px;*/
  text-align: center;
  padding-left:15px;
  padding-right:15px;
}
.kwizda-itempage-table td:nth-child(1){
  /*width:350px;*/
}
.kwizda-itempage-table td:nth-child(2){
  /*width:250px;*/
}
.kwizda-itempage-table td:nth-child(3){
  /*width:250px;*/
}

.kwizda-itempage-table tr:nth-child(odd){
  /*background-color: #F3F4F6;*/
}
.kwizda-itempage-table>thead>tr{
  background-color: #00b050 !important;
  color:white;
}

.kwizda-itempage-panel-container{
  margin-top:60px;
  margin-bottom:50px;
}

.kwizda-itempage-panel{
  border: solid 1px #BCBCBC;
  background-color: #F3F4F6;
  display:block;
  margin:10px;
  padding:10px;
}

/*--------------------buttons-----------------*/
.kwizda-button{
  width:150px;
  /*height:35px;*/
  padding-top:12px;
  padding-bottom:12px;
  border: 0;
  border-radius: 0;
  background-color:#00B050;
  color:white;
  font-family:'Muli-Black';
  font-size:14px;
}
.kwizda-button:hover, .kwizda-userdata-button:hover{
  background-color:#03c75b;
}
.kwizda-button:disabled, #kwizda-next-button:disabled, #kwizda-endregister-button:disabled, .kwizda-back-button:disabled{
  background-color: #BCBCBC;
  border:0;
  color:white;
}
.kwizda-back-button:hover:disabled{
  background-color: #BCBCBC;
}

#kwizda-next-button{
  background-color:#00b050;
}
#kwizda-endregister-button, #kwizda-saveitem-button{
  width: 250px;
  float: right;
  margin-left: 10px;
}
#kwizda-saveitem-button{
  width:150px;
}

#kwizda-endregister-button:hover:enabled, #kwizda-saveitem-button:hover:enabled, 
.kwizda-userdata-button:hover:enabled, #kwizda-next-button:hover{
  background-color:#03c75b;
}

.kwizda-userdata-button {
  margin-top: 25px;
  float: right;
}


.kwizda-userdata-back-button {
	float: right;
	margin-top: 25px;
	margin-right: 10px;
}

.kwizda-userdata-button:enabled{
  background-color:#00b050;
}
.kwizda-back-button{
  width:150px;
  height:45px;
  border: 1px solid #00b050;
  background-color:white;
  color:#00b050;
  font-family:'Muli-Black';
  font-size:14px;
}

@media screen and (max-width: 400px){
	.kwizda-back-button, .kwizda3-reg-saving{	
    margin-top:10px;
	}
}

.kwizda-back-button:hover{
  background-color:#CFE2FF
}

#kwizda-itempicker-back-button {
	float: right;
	margin-top: 25px;
	margin-bottom: 10px;
	margin-right: 20px;
}


.kwizda-item-register-button, .kwizda-item-select-button{
	width: 90%;
	margin: auto;
	display: block;
	border-radius: 15px;
}
.kwizda-item-select-button{
  border-radius: 0;
}

.kwizda3-reg-saving{
  float:right;
}

/*---------admin-------------*/
.kwizda-admin-container{
	width: 98%;
	margin: auto;
}
.kwizda-downloadlink{
  display:inline-block;
  margin-left:10px;
  text-decoration: none;
  cursor: pointer;
  color:#00b050;
  margin-top:5px;
  margin-bottom:15px;
}
.kwizda-downloadlink span{
  margin-left:10px;
}
.kwizda-downloadlink:hover{
  color:grey;
}
.kwizda-filter-container{
  margin-top:30px;
  height:45px;
  border-bottom:solid 1px #00b050;
  text-align: left;
  position: sticky;
  top: 0;
  background-color:#fff;
  /*overflow-y:hidden;*/
}
.kwizda-itemfilter{
  /*width:180px; */
  display:inline-block;
}
.kwizda-filter{
  font-size: 13px;
  font-weight:bold;
  display:inline-block;
  height:45px;
  color:#00b050;
  /*margin-left:10px;*/
  cursor:pointer;
  width:150px;
  text-align: center;
  vertical-align: middle;
  /*border-bottom:solid 1px #1F51A0;*/
}
.kwizda-filter-name{
  margin-top:12px;
  display:inline-block;
}
.kwizda-filter-selected{
  background-color: #e5f4ee;
}
.kwizda-filter-number{
  border: solid 1px #00b050;
  margin-left:5px;
  width:30px;
  height:30px;
  padding:3px;
  background-color: white; 
}

.kwizda-admin-table tr{
  height:35px;
}
.kwizda-admin-table tr:nth-child(even){
  background-color: #F3F4F6;
  height:35px;
}

.kwizda-admin-table td{
  font-size:14px;
  border:solid 1px #BCBCBC;
}
.kwizda-admin-table th{
  font-size:14px;
  background-color:#00b050;
  color:white;
  text-align: center;
  border:solid 1px #BCBCBC;
  height:30px;
}
.kwizda-admin-username{
  cursor:pointer;
  text-decoration: underline;
  color:#00b050;
}
.kwizda-admin-onlyactive {
	float: left;
	display: block;
	height: 30px;
  margin-top:5px;
}
.kwizda-admin-onlyactive > span{
  margin-left:10px;
  color:#00b050;
}
.kwizda-admin-onlyactive > input{
  vertical-align:middle;
  accent-color: #00b050;
}

.kwizda-admin-groupactions{
  height:25px;
  padding:3px;
	float: left;
	display: block;
	margin-right: 20px;
	margin-top: 5px;
}

.kwizda-admin-image-links a, .kwizda-admin-image-links a:active{
  color: #00b050;
}
.kwizda-admin-image-links a:hover{
  color:#03c75b;
}

/*------------------------------*/
.kwizda-select {
  position: relative;
  font-family: 'Muli';
  height:42px;
  border:solid 1px grey;
  color:white;
  background-color:#444;
  width:200px;
}
.kwizda-select option{
  font-family: 'Muli';
}

.kwizda-succesfulreg-panel{
  padding-top:100px;
  margin-bottom:100px;
}
.kwizda-succesfulreg-panel h1{
  margin-top:20px;
  font-weight:bold;
  color:#00b050;
}
.kwizda-succesfulreg-panel h2{
  margin-top:20px;
  color:#00b050;
  margin-bottom:30px;
}
.kwizda-succesfulreg-desc{
  width:80%;
  margin:auto;
}
.kwizda-approve-container span{
  margin-left:10px;
}

.kwizda-select option:hover{
  box-shadow: 0 0 10px 100px red inset;
}

/*--------------------userdata-------------------*/
.kwizda-userdata-company-switch span{
  margin-left:10px;  
}
.kwizda-userdata-company-switch{
  margin-top:15px;
  margin-bottom:10px;
}

.kwizda-userdata-company-switch div {
	height: 28px;
	display: inline-block;
	margin-left: 10px;
	vertical-align: middle;
	margin-right: 10px;
}

/*------------------- phases ------------------*/
.kwizda-phases{
  margin:auto;
  margin-bottom:10px;
}
.kwizda-phases h2{
  color:#00b050;
  font-weight: bold;
  margin-top:30px;
  margin-bottom:20px;
}
.kwizda-phase, .kwizda-phase-arrow, .kwizda-phase-selected{
  display:inline-block;
  font-size:13px;
  color:#BCBCBC;
}

.kwizda-phase-number{
  font-size:20px;
  display:inline-block;
  height:40px;
  width:40px;
  border-radius:20px;
  background-color: #BCBCBC;
  color: white;
  padding-top:3px;
  text-align: center;
}
.kwizda-phase-selected .kwizda-phase-number{
  display:inline-block;
  background-color: #00b050;
}

.kwizda-phase-name{
  display:inline-block;
  margin-left:10px;
}
.kwizda-phase-arrow{
  margin-left:20px;
  margin-right:20px;
}
.kwizda-phase-selected .kwizda-phase-name{
  color: #00b050;
}
.kwizda-colorpicker-color{
  display:inline-block; 
  width:40px;
  height:40px;
  margin-left:3px;
  border-radius:20px;
  text-align:center;
  cursor:pointer;
  overflow:hidden;
}
.kwizda-colorpicker-color img{
  margin-top:11px;
}

.kwizda-modal-close-button{
  width:250px;
  float:right;
  margin-top:20px;
}

@media screen and (max-width: 1300px){
	.kwizda-phase, .kwizda-phase-selected{
		width:100%;
    text-align: left;
    margin-left:10%;
	}
}
  
@media screen and (max-width: 1300px) {
  .kwizda-phase-arrow img{
    display:none;
  }
}
/*-----------image-upload-----------*/

.kwizda-images-upload{
  display:flex;
  gap: 20px;
  flex-wrap:wrap;
}
.kwizda-images-upload > div{
  flex-basis: 0;
  flex-grow: 1;  
}

.kwizda-images-title{
  font-size: 16px;
  margin-bottom: 5px;
}
.kwizda-images-desc{
  font-size: 13px;
  color:#00B050;
  font-weight: bold;
  height:70px;
}

@media screen and (max-width: 1500px){
	.kwizda-images-desc{
		height:100px;
	}
}
@media screen and (max-width: 1200px){
	.kwizda-images-desc{
		height:110px;
	}
}
@media screen and (max-width: 650px){
  .kwizda-images-upload > div{
    flex-basis: 100%;
    flex-grow: 0;  
  }
}
.kwizda-images-image-preview{
  width:100%;
  height:160px;
  background-color: white;
  border: dashed 1px black;
  text-align: center;
  vertical-align: middle;
  color:grey;
  font-size: 17px;
  display:block;
}

.kwizda-images-image-preview img{
  margin-top:10px;
  margin-bottom:6px;  
  height:100px;
}

.kwizda-images-image-preview > div {
	max-width: 100%;
	margin: auto;
	font-size: 10px;
	word-wrap: anywhere;
}

.kwizda-images-upload-buttons{
  color: #00B050;
  font-size: 16px;
  margin-top:5px;
  height:35x;
}


.kwizda-images-upload-buttons > span{
  display:block;
  background-color: #00B050;
  color:white;
  height:35px;
  font-size: 16px;
  margin-top:5px;
  width:130px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top:7px;
  cursor: pointer;
  text-align: center;
}
.kwizda-images-upload-buttons > span:hover{
  background-color: #03c75b;
}


.kwizda-images-upload-buttons input{
  display:none;
}
.kwizda-images-upload-buttons>span{
  font-size: 14px;
}
.kwizda-images-counter-div{
  border: solid 3px black;
  color:black;
  padding:22px;
  margin-top:30px;
  width:100%;
}
span.kwizda-images-counter-div-numbers {
  color:#00b050;
  font-size:30px;
  font-weight:bold;
}
/*------------overwrites------------*/
.modal-header button{
  font-size:35px;
  color:#004895;
}
.modal-header button:hover{
  font-size:35px;
  color:#0069D9;
}

.Toastify__toast--info .Toastify__progress-bar, .Toastify__toast--info .Toastify__progress-bar--default{
  background-color: #00b050 !important;
}
.Toastify__toast--info{
  background-color:white !important;
  color:#444;
}
.Toastify__toast--info .Toastify__close-button{
  color:#00b050 !important;
}
.modal-dialog{
  max-width:1000px !important;
}
.modal-header{
  border-bottom:0 !important;
}
@media screen and (max-width: 1000px){
	.navbar-collapse{
		z-index:1000;
		background-color:white;
    box-shadow: 0px 15px 35px #777;
	}
}
/*-------------------- item-color ---------------*/
.kwizda-item-color-444{background: #aaa;}
.kwizda-item-color-AF3E45{background: transparent linear-gradient(270deg, #B65210 0%, #D6691F 100%) 0% 0% no-repeat padding-box;}
.kwizda-item-color-FCB94D{background: transparent linear-gradient(270deg, #916C28 0%, #FCB94D 100%) 0% 0% no-repeat padding-box;}
.kwizda-item-color-00843F{background: transparent linear-gradient(270deg, #004717 0%, #00843F 100%) 0% 0% no-repeat padding-box;}
.kwizda-item-color-00A695{background: transparent linear-gradient(270deg, #006459 0%, #00A695 100%) 0% 0% no-repeat padding-box;}
.kwizda-item-color-5DA4BA{background: transparent linear-gradient(270deg, #376B79 0%, #5DA4BA 100%) 0% 0% no-repeat padding-box;}
.kwizda-item-color-006E9E{background: transparent linear-gradient(270deg, #002E4C 0%, #006E9E 100%) 0% 0% no-repeat padding-box;}
.kwizda-item-color-003362{background: transparent linear-gradient(270deg, #45156A 0%, #68249A 100%) 0% 0% no-repeat padding-box;}
.kwizda-item-color-939393{background: transparent linear-gradient(270deg, #757072 0%, #939393 100%) 0% 0% no-repeat padding-box;}

.kwizda-pickcolor-AF3E45{background: transparent linear-gradient(180deg, #B65210 0%, #D6691F 100%) 0% 0% no-repeat padding-box;}
.kwizda-pickcolor-FCB94D{background: transparent linear-gradient(180deg, #916C28 0%, #FCB94D 100%) 0% 0% no-repeat padding-box;}
.kwizda-pickcolor-00843F{background: transparent linear-gradient(180deg, #004717 0%, #00843F 100%) 0% 0% no-repeat padding-box;}
.kwizda-pickcolor-00A695{background: transparent linear-gradient(180deg, #006459 0%, #00A695 100%) 0% 0% no-repeat padding-box;}
.kwizda-pickcolor-5DA4BA{background: transparent linear-gradient(180deg, #376B79 0%, #5DA4BA 100%) 0% 0% no-repeat padding-box;}
.kwizda-pickcolor-006E9E{background: transparent linear-gradient(180deg, #002E4C 0%, #006E9E 100%) 0% 0% no-repeat padding-box;}
.kwizda-pickcolor-003362{background: transparent linear-gradient(180deg, #45156A 0%, #68249A 100%) 0% 0% no-repeat padding-box;}
.kwizda-pickcolor-939393{background: transparent linear-gradient(270deg, #757072 0%, #939393 100%) 0% 0% no-repeat padding-box;}