*, *::before, *::after {
      box-sizing: border-box;
      margin: 0;
    }
      .banner {
        position: fixed;
        bottom: 24px;
        left: 24px;
        cursor:pointer;
      }
    .x3188-15708demo-troskovi-1 {
  text-decoration: none;
  background-color: rgba(248, 249, 252, 1.00);
  display: flex;
flex-direction: row;
 justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
border:none}
.x3188-15710Content {
  text-decoration: none;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
 flex: 1 1;
border:none}
.x3217-11739Heading---Desktop {
  text-decoration: none;
  padding-top: 32px;
  padding-right: 24px;
  padding-bottom: 32px;
  padding-left: 24px;
  display: flex;
flex-direction: row;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x3217-11740Text {
  text-decoration: none;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
 flex: 1 1;
border:none}
.x3217-11742Headline---Text {
  text-decoration: none;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x3217-11743Headline---Icon {
  text-decoration: none;
  display: flex;
flex-direction: row;
 justify-content: flex-start;
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x3217-11746Knjiga-polja {
  margin: 0;
  text-decoration: none;
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0px;
  font-size: 30px;
  color: rgba(52, 64, 84, 1);
  line-height: 38px;
  text-align: left;
}
.x3217-11754Actions {
  text-decoration: none;
  display: flex;
flex-direction: row;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  flex-wrap: nowrap;
border:none}
.x3217-11765Button {
  text-decoration: none;
  background-color: rgba(9, 146, 80, 1.00);
  padding-top: 10px;
  padding-right: 18px;
  padding-bottom: 10px;
  padding-left: 18px;
  display: flex;
flex-direction: row;
 justify-content: center;
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-left: 1px solid rgba(9, 146, 80, 1);
  border-right: 1px solid rgba(9, 146, 80, 1);
  border-top: 1px solid rgba(9, 146, 80, 1);
  border-bottom: 1px solid rgba(9, 146, 80, 1);
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05000000074505806);
}
.x3217-11765Button:hover{
   text-decoration: none;
  background-color: rgba(105, 65, 198, 1.00);
  padding-top: 10px;
  padding-right: 18px;
  padding-bottom: 10px;
  padding-left: 18px;
  display: flex;
flex-direction: row;
 justify-content: center;
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-left: 1px solid rgba(105, 65, 198, 1);
  border-right: 1px solid rgba(105, 65, 198, 1);
  border-top: 1px solid rgba(105, 65, 198, 1);
  border-bottom: 1px solid rgba(105, 65, 198, 1);
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05000000074505806);
 }
.I3217-11765-3287-432949Text {
  margin: 0;
  text-decoration: none;
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0px;
  font-size: 16px;
  color: rgba(255, 255, 255, 1);
  line-height: 24px;
  text-align: left;
}
.x3217-11807Button {
  text-decoration: none;
  background-color: rgba(255, 255, 255, 1.00);
  padding-top: 10px;
  padding-right: 18px;
  padding-bottom: 10px;
  padding-left: 18px;
  display: flex;
flex-direction: row;
 justify-content: center;
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-left: 1px solid rgba(208, 213, 221, 1);
  border-right: 1px solid rgba(208, 213, 221, 1);
  border-top: 1px solid rgba(208, 213, 221, 1);
  border-bottom: 1px solid rgba(208, 213, 221, 1);
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05000000074505806);
}
.x3217-11809Text {
  margin: 0;
  text-decoration: none;
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0px;
  font-size: 16px;
  color: rgba(52, 64, 84, 1);
  line-height: 24px;
  text-align: left;
}
.x3188-15712Frame-336 {
  text-decoration: none;
  padding-top: 16px;
  padding-right: 16px;
  padding-bottom: 16px;
  padding-left: 16px;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x3188-15713Progress-steps---Progress-text-with-line {
  text-decoration: none;
  display: flex;
flex-direction: row;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.I3188-15713-1141-78214_Step-base {
  text-decoration: none;
  padding-top: 12px;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
 flex: 1 1;
  border-top: 4px solid rgba(9, 146, 80, 1);
}
.I3188-15713-1141-78214_Step-base:hover{
   text-decoration: none;
  padding-top: 12px;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  border-top: 4px solid rgba(105, 65, 198, 1);
 }
.I3188-15713-1141-78214-1139-78957Content {
  text-decoration: none;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.I3188-15713-1141-78214-1139-78958Text {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0px;
  font-size: 14px;
  color: rgba(9, 146, 80, 1);
  line-height: 20px;
  text-align: left;
}
.I3188-15713-1141-78214-1139-78959Supporting-text {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0px;
  font-size: 14px;
  color: rgba(9, 146, 80, 1);
  line-height: 20px;
  text-align: left;
}
.I3188-15713-1141-78215_Step-base {
  text-decoration: none;
  padding-top: 12px;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
 flex: 1 1;
  border-top: 4px solid rgba(234, 236, 240, 1);
}
.I3188-15713-1141-78215_Step-base:hover{
   text-decoration: none;
  padding-top: 12px;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  border-top: 4px solid rgba(234, 236, 240, 1);
 }
.I3188-15713-1141-78215-1139-78993Content {
  text-decoration: none;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.I3188-15713-1141-78215-1139-78994Text {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0px;
  font-size: 14px;
  color: rgba(52, 64, 84, 1);
  line-height: 20px;
  text-align: left;
}
.I3188-15713-1141-78215-1139-78995Supporting-text {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0px;
  font-size: 14px;
  color: rgba(102, 112, 133, 1);
  line-height: 20px;
  text-align: left;
}
.x3188-15714Frame-332 {
  text-decoration: none;
  display: flex;
flex-direction: row;
 justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x3188-15715Frame-118 {
  text-decoration: none;
  padding-top: 24px;
  padding-right: 24px;
  padding-bottom: 24px;
  padding-left: 24px;
  display: flex;
flex-direction: row;
 justify-content: flex-end;
  align-items: flex-start;
  gap: 24px;
  flex-wrap: nowrap;
 flex: 1 1;
border:none}
.x3188-15760Frame-338 {
  text-decoration: none;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  flex-wrap: nowrap;
 flex: 1 1;
border:none}
.x3188-15764Frame-337 {
  text-decoration: none;
  display: flex;
flex-direction: column;
 justify-content: center;
  align-items: flex-start;
  gap: 6px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x3188-15765Label {
  margin: 0;
  text-decoration: none;
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0px;
  font-size: 12px;
  color: rgba(102, 112, 133, 1);
  line-height: 20px;
  text-align: left;
}
.x3188-15766Radio-Group {
  text-decoration: none;
  display: flex;
flex-direction: row;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 40px;
  flex-wrap: nowrap;
border:none}
.I3188-15766-132-3247Radio-button-1 {
  text-decoration: none;
  display: flex;
flex-direction: row;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  flex-wrap: nowrap;
border:none}
.I3188-15766-132-3247-125-3661Radio {
  text-decoration: none;
  padding-top: 2px;
  padding-right: 2px;
  padding-bottom: 2px;
  padding-left: 2px;
  display: flex;
flex-direction: row;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  flex-wrap: nowrap;
  border-top-left-radius: 100px;
  border-top-right-radius: 100px;
  border-bottom-left-radius: 100px;
  border-bottom-right-radius: 100px;
border:none}
.I3188-15766-132-3247-125-3661-125-3637Radio {
  text-decoration: none;
  padding-top: 2px;
  padding-right: 2px;
  padding-bottom: 2px;
  padding-left: 2px;
  display: flex;
flex-direction: row;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  flex-wrap: nowrap;
  border-top-left-radius: 100px;
  border-top-right-radius: 100px;
  border-bottom-left-radius: 100px;
  border-bottom-right-radius: 100px;
border:none}
.I3188-15766-132-3247-125-3661-125-3638Radio {
  text-decoration: none;
  background-color: rgba(83, 165, 81, 1.00);
  display: flex;
flex-direction: row;
 justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  width: 16px;
  height: 16px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
border:none}
.I3188-15766-132-3247-125-3666Text {
  text-decoration: none;
  display: flex;
flex-direction: column;
 justify-content: center;
  align-items: flex-start;
  flex-wrap: nowrap;
border:none}
.I3188-15766-132-3247-125-3625Label---Small {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0px;
  font-size: 14px;
  color: rgba(52, 64, 84, 1);
  line-height: 20px;
  text-align: left;
}
.I3188-15766-132-3248Radio-button-2 {
  text-decoration: none;
  display: flex;
flex-direction: row;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  flex-wrap: nowrap;
border:none}
.I3188-15766-132-3248-125-3661Radio {
  text-decoration: none;
  padding-top: 2px;
  padding-right: 2px;
  padding-bottom: 2px;
  padding-left: 2px;
  display: flex;
flex-direction: row;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  flex-wrap: nowrap;
  border-top-left-radius: 100px;
  border-top-right-radius: 100px;
  border-bottom-left-radius: 100px;
  border-bottom-right-radius: 100px;
border:none}
.I3188-15766-132-3248-125-3661-125-3641Radio {
  text-decoration: none;
  padding-top: 2px;
  padding-right: 2px;
  padding-bottom: 2px;
  padding-left: 2px;
  display: flex;
flex-direction: row;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  flex-wrap: nowrap;
  border-top-left-radius: 100px;
  border-top-right-radius: 100px;
  border-bottom-left-radius: 100px;
  border-bottom-right-radius: 100px;
border:none}
.I3188-15766-132-3248-125-3661-125-3642Radio {
  text-decoration: none;
  background-color: rgba(249, 250, 251, 1.00);
  display: flex;
flex-direction: row;
 justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  width: 16px;
  height: 16px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  border-left: 1px solid rgba(234, 236, 240, 1);
  border-right: 1px solid rgba(234, 236, 240, 1);
  border-top: 1px solid rgba(234, 236, 240, 1);
  border-bottom: 1px solid rgba(234, 236, 240, 1);
}
.I3188-15766-132-3248-125-3666Text {
  text-decoration: none;
  display: flex;
flex-direction: column;
 justify-content: center;
  align-items: flex-start;
  flex-wrap: nowrap;
border:none}
.I3188-15766-132-3248-125-3625Label---Small {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0px;
  font-size: 14px;
  color: rgba(52, 64, 84, 1);
  line-height: 20px;
  text-align: left;
}
.x3188-15772Input {
  text-decoration: none;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x3188-15773Prodavac {
  margin: 0;
  text-decoration: none;
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0px;
  font-size: 12px;
  color: rgba(109, 113, 127, 1);
  text-align: left;
}
.x3188-15774input {
  text-decoration: none;
  background-color: rgba(255, 255, 255, 1.00);
  padding-top: 12px;
  padding-right: 12px;
  padding-bottom: 12px;
  padding-left: 12px;
  display: flex;
flex-direction: row;
 justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-left: 1px solid rgba(228, 229, 231, 1);
  border-right: 1px solid rgba(228, 229, 231, 1);
  border-top: 1px solid rgba(228, 229, 231, 1);
  border-bottom: 1px solid rgba(228, 229, 231, 1);
}
.x3188-15775Text {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0px;
  font-size: 16px;
  color: rgba(52, 64, 84, 1);
  line-height: 24px;
  text-align: left;
}
.x3188-15776arrow-down {
  text-decoration: none;
  display: flex;
flex-direction: row;
 justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  width: 16px;
  height: 16px;
border:none}
.I3188-15776-12-51770vuesax-linear-arrow-down {
}
.x3188-15777Input {
  text-decoration: none;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x3188-15778Faktura {
  margin: 0;
  text-decoration: none;
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0px;
  font-size: 12px;
  color: rgba(109, 113, 127, 1);
  text-align: left;
}
.x3188-15779input {
  text-decoration: none;
  background-color: rgba(255, 255, 255, 1.00);
  padding-top: 12px;
  padding-right: 12px;
  padding-bottom: 12px;
  padding-left: 12px;
  display: flex;
flex-direction: row;
 justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-left: 1px solid rgba(228, 229, 231, 1);
  border-right: 1px solid rgba(228, 229, 231, 1);
  border-top: 1px solid rgba(228, 229, 231, 1);
  border-bottom: 1px solid rgba(228, 229, 231, 1);
}
.x3188-15780Text {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0px;
  font-size: 16px;
  color: rgba(52, 64, 84, 1);
  line-height: 24px;
  text-align: left;
}
.x3188-15781arrow-down {
  text-decoration: none;
  display: flex;
flex-direction: row;
 justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  width: 16px;
  height: 16px;
border:none}
.I3188-15781-12-51770vuesax-linear-arrow-down {
}
.x3188-15782Input {
  text-decoration: none;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x3188-15783Otpremnica {
  margin: 0;
  text-decoration: none;
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0px;
  font-size: 12px;
  color: rgba(109, 113, 127, 1);
  text-align: left;
}
.x3188-15784input {
  text-decoration: none;
  background-color: rgba(255, 255, 255, 1.00);
  padding-top: 12px;
  padding-right: 12px;
  padding-bottom: 12px;
  padding-left: 12px;
  display: flex;
flex-direction: row;
 justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-left: 1px solid rgba(228, 229, 231, 1);
  border-right: 1px solid rgba(228, 229, 231, 1);
  border-top: 1px solid rgba(228, 229, 231, 1);
  border-bottom: 1px solid rgba(228, 229, 231, 1);
}
.x3188-15785Text {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0px;
  font-size: 16px;
  color: rgba(52, 64, 84, 1);
  line-height: 24px;
  text-align: left;
}
.x3188-15786arrow-down {
  text-decoration: none;
  display: flex;
flex-direction: row;
 justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  width: 16px;
  height: 16px;
border:none}
.I3188-15786-12-51770vuesax-linear-arrow-down {
}
.x3188-15787Input {
  text-decoration: none;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x3188-15788Datum-izdavanja-fakture {
  margin: 0;
  text-decoration: none;
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0px;
  font-size: 12px;
  color: rgba(109, 113, 127, 1);
  text-align: left;
}
.x3188-15789input {
  text-decoration: none;
  background-color: rgba(255, 255, 255, 1.00);
  padding-top: 12px;
  padding-right: 12px;
  padding-bottom: 12px;
  padding-left: 12px;
  display: flex;
flex-direction: row;
 justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-left: 1px solid rgba(228, 229, 231, 1);
  border-right: 1px solid rgba(228, 229, 231, 1);
  border-top: 1px solid rgba(228, 229, 231, 1);
  border-bottom: 1px solid rgba(228, 229, 231, 1);
}
.x3188-15790Frame-131 {
  text-decoration: none;
  display: flex;
flex-direction: row;
 justify-content: flex-start;
  align-items: center;
  gap: 4px;
  flex-wrap: nowrap;
border:none}
.x3188-1579105-03-2024- {
  margin: 0;
  text-decoration: none;
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0px;
  font-size: 14px;
  color: rgba(44, 62, 80, 1);
  text-align: left;
}
.x3188-15792calendar {
  text-decoration: none;
  display: flex;
flex-direction: row;
 justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  width: 16px;
  height: 16px;
border:none}
.I3188-15792-12-55055vuesax-linear-calendar {
}
.x3188-15793Input {
  text-decoration: none;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x3188-15794Datum-pla-anja-fakture {
  margin: 0;
  text-decoration: none;
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0px;
  font-size: 12px;
  color: rgba(109, 113, 127, 1);
  text-align: left;
}
.x3188-15795input {
  text-decoration: none;
  background-color: rgba(255, 255, 255, 1.00);
  padding-top: 12px;
  padding-right: 12px;
  padding-bottom: 12px;
  padding-left: 12px;
  display: flex;
flex-direction: row;
 justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-left: 1px solid rgba(228, 229, 231, 1);
  border-right: 1px solid rgba(228, 229, 231, 1);
  border-top: 1px solid rgba(228, 229, 231, 1);
  border-bottom: 1px solid rgba(228, 229, 231, 1);
}
.x3188-15796Frame-131 {
  text-decoration: none;
  display: flex;
flex-direction: row;
 justify-content: flex-start;
  align-items: center;
  gap: 4px;
  flex-wrap: nowrap;
border:none}
.x3188-1579715-10-2024- {
  margin: 0;
  text-decoration: none;
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0px;
  font-size: 14px;
  color: rgba(44, 62, 80, 1);
  text-align: left;
}
.x3188-15798calendar {
  text-decoration: none;
  display: flex;
flex-direction: row;
 justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  width: 16px;
  height: 16px;
border:none}
.I3188-15798-12-55055vuesax-linear-calendar {
}
.x3188-15799Frame-335 {
  text-decoration: none;
  display: flex;
flex-direction: row;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x3188-15800Input {
  text-decoration: none;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  flex-wrap: nowrap;
 flex: 1 1;
border:none}
.x3188-15801Knji-no-odobrenje-- {
  margin: 0;
  text-decoration: none;
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0px;
  font-size: 12px;
  color: rgba(109, 113, 127, 1);
  text-align: left;
}
.x3188-15802input {
  text-decoration: none;
  background-color: rgba(255, 255, 255, 1.00);
  padding-top: 12px;
  padding-right: 12px;
  padding-bottom: 12px;
  padding-left: 12px;
  display: flex;
flex-direction: row;
 justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-left: 1px solid rgba(228, 229, 231, 1);
  border-right: 1px solid rgba(228, 229, 231, 1);
  border-top: 1px solid rgba(228, 229, 231, 1);
  border-bottom: 1px solid rgba(228, 229, 231, 1);
}
.x3188-15803Text {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0px;
  font-size: 16px;
  color: rgba(52, 64, 84, 1);
  line-height: 24px;
  text-align: left;
}
.x3188-15804arrow-down {
  text-decoration: none;
  display: flex;
flex-direction: row;
 justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  width: 16px;
  height: 16px;
border:none}
.I3188-15804-12-51770vuesax-linear-arrow-down {
}
.x3188-15805Input {
  text-decoration: none;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  flex-wrap: nowrap;
 flex: 1 1;
border:none}
.x3188-15806Knji-no-odobrenje-RSD {
  margin: 0;
  text-decoration: none;
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0px;
  font-size: 12px;
  color: rgba(109, 113, 127, 1);
  text-align: left;
}
.x3188-15807input {
  text-decoration: none;
  background-color: rgba(255, 255, 255, 1.00);
  padding-top: 12px;
  padding-right: 12px;
  padding-bottom: 12px;
  padding-left: 12px;
  display: flex;
flex-direction: row;
 justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-left: 1px solid rgba(228, 229, 231, 1);
  border-right: 1px solid rgba(228, 229, 231, 1);
  border-top: 1px solid rgba(228, 229, 231, 1);
  border-bottom: 1px solid rgba(228, 229, 231, 1);
}
.x3188-15808Text {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0px;
  font-size: 16px;
  color: rgba(52, 64, 84, 1);
  line-height: 24px;
  text-align: left;
}
.x3188-15809arrow-down {
  text-decoration: none;
  display: flex;
flex-direction: row;
 justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  width: 16px;
  height: 16px;
border:none}
.I3188-15809-12-51770vuesax-linear-arrow-down {
}
.x3188-15810Frame-253 {
  text-decoration: none;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  flex-wrap: nowrap;
 flex: 1 1;
border:none}
.x3188-15811Label {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0px;
  font-size: 12px;
  color: rgba(102, 112, 133, 1);
  line-height: 20px;
  text-align: left;
}
.x3188-15812File-upload {
  text-decoration: none;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.I3188-15812-1177-700_File-upload-base {
  text-decoration: none;
  background-color: rgba(255, 255, 255, 1.00);
  padding-top: 16px;
  padding-right: 24px;
  padding-bottom: 16px;
  padding-left: 24px;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: center;
  gap: 4px;
  flex-wrap: nowrap;
  width: 100%;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-left: 1px solid rgba(234, 236, 240, 1);
  border-right: 1px solid rgba(234, 236, 240, 1);
  border-top: 1px solid rgba(234, 236, 240, 1);
  border-bottom: 1px solid rgba(234, 236, 240, 1);
}
.I3188-15812-1177-700_File-upload-base:hover{
   text-decoration: none;
  background-color: rgba(252, 250, 255, 1.00);
  padding-top: 16px;
  padding-right: 24px;
  padding-bottom: 16px;
  padding-left: 24px;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: center;
  gap: 4px;
  flex-wrap: nowrap;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-left: 1px solid rgba(214, 187, 251, 1);
  border-right: 1px solid rgba(214, 187, 251, 1);
  border-top: 1px solid rgba(214, 187, 251, 1);
  border-bottom: 1px solid rgba(214, 187, 251, 1);
 }
.I3188-15812-1177-700-1175-98998Content {
  text-decoration: none;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: center;
  gap: 12px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.I3188-15812-1177-700-1175-98999Featured-icon {
  text-decoration: none;
  background-color: rgba(242, 244, 247, 1.00);
  display: flex;
flex-direction: row;
 justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  width: 40px;
  height: 40px;
  border-top-left-radius: 28px;
  border-top-right-radius: 28px;
  border-bottom-left-radius: 28px;
  border-bottom-right-radius: 28px;
  border-left: 6px solid rgba(249, 250, 251, 1);
  border-right: 6px solid rgba(249, 250, 251, 1);
  border-top: 6px solid rgba(249, 250, 251, 1);
  border-bottom: 6px solid rgba(249, 250, 251, 1);
}
.I3188-15812-1177-700-1175-98999-3465-408273upload-cloud-02 {
  text-decoration: none;
  display: flex;
flex-direction: row;
 justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
border:none}
.I3188-15812-1177-700-1175-99000Text-and-supporting-text {
  text-decoration: none;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: center;
  gap: 4px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.I3188-15812-1177-700-1175-99551Action {
  text-decoration: none;
  display: flex;
flex-direction: row;
 justify-content: center;
  align-items: flex-start;
  gap: 4px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.I3188-15812-1177-700-1175-99552Button {
  text-decoration: none;
  display: flex;
flex-direction: row;
 justify-content: center;
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap;
border:none}
.I3188-15812-1177-700-1175-99552Button:hover{
   text-decoration: none;
  display: flex;
flex-direction: row;
 justify-content: center;
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap;
border:none }
.I3188-15812-1177-700-1175-99552-3287-433309Text {
  margin: 0;
  text-decoration: none;
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0px;
  font-size: 14px;
  color: rgba(83, 165, 81, 1);
  line-height: 20px;
  text-align: left;
}
.x3188-15813_File-upload-item-base {
  text-decoration: none;
  background-color: rgba(255, 255, 255, 1.00);
  padding-top: 16px;
  padding-right: 16px;
  padding-bottom: 16px;
  padding-left: 16px;
  display: flex;
flex-direction: row;
 justify-content: flex-start;
  align-items: center;
  gap: 4px;
  flex-wrap: nowrap;
  width: 100%;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-left: 1px solid rgba(9, 146, 80, 1);
  border-right: 1px solid rgba(9, 146, 80, 1);
  border-top: 1px solid rgba(9, 146, 80, 1);
  border-bottom: 1px solid rgba(9, 146, 80, 1);
}
.x3188-15814Content {
  text-decoration: none;
  display: flex;
flex-direction: row;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  flex-wrap: nowrap;
 flex: 1 1;
border:none}
.x3217-11678_File-upload-icon {
  text-decoration: none;
  display: flex;
flex-direction: column;
 justify-content: center;
  align-items: center;
  gap: 10px;
  flex-wrap: nowrap;
  width: 28px;
border:none}
.x3217-11682Featured-icon {
  text-decoration: none;
  background-color: rgba(248, 249, 252, 1.00);
  padding-top: 9px;
  padding-right: 11px;
  padding-bottom: 9px;
  padding-left: 11px;
  display: flex;
flex-direction: row;
 justify-content: center;
  align-items: flex-start;
  gap: 10px;
  flex-wrap: nowrap;
  width: 100%;
  border-top-left-radius: 28px;
  border-top-right-radius: 28px;
  border-bottom-left-radius: 28px;
  border-bottom-right-radius: 28px;
  border-left: 4px solid rgba(248, 249, 252, 1);
  border-right: 4px solid rgba(248, 249, 252, 1);
  border-top: 4px solid rgba(248, 249, 252, 1);
  border-bottom: 4px solid rgba(248, 249, 252, 1);
}
.x3188-15816Content {
  text-decoration: none;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  flex-wrap: nowrap;
 flex: 1 1;
border:none}
.x3188-15817Text-and-supporting-text {
  text-decoration: none;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x3188-15818Text {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0px;
  font-size: 14px;
  color: rgba(52, 64, 84, 1);
  line-height: 20px;
  text-align: left;
}
.x3188-15819Supporting-text {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0px;
  font-size: 14px;
  color: rgba(102, 112, 133, 1);
  line-height: 20px;
  text-align: left;
}
.x3217-11688_Checkbox-base {
  text-decoration: none;
  background-color: rgba(9, 146, 80, 1.00);
  padding-top: 5px;
  padding-right: 4px;
  padding-bottom: 5px;
  padding-left: 4px;
  display: flex;
flex-direction: column;
 justify-content: center;
  align-items: center;
  gap: 10px;
  flex-wrap: nowrap;
  width: 16px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-left: 1px solid rgba(9, 146, 80, 1);
  border-right: 1px solid rgba(9, 146, 80, 1);
  border-top: 1px solid rgba(9, 146, 80, 1);
  border-bottom: 1px solid rgba(9, 146, 80, 1);
}