body {
  /* font-family: "Outfit"; */
  font-family: Play;
  /* letter-spacing: 0.3px; */

  font-size: 20px;
  min-height: 100vh;
  color: #49225b;
  line-height: 180%;
  margin: 0;

  /* background-color: #f7f7f7; */
  background-size: 100% auto;
  background-repeat: no-repeat;
}



.hidden {
  visibility: hidden;
  height: 0;
}

.beautylink:visited {
  color: white;
  text-decoration: none;
}
.arrow-right-container {
  display: inline-block;
  padding-left: 8px;
  padding-bottom: 1px;
}
.arrow-container {
  padding-bottom: 3px;
  display: inline-block;
  padding-left: 8px;
}
.arrow-right {
  display: inline-block;
  width: 0.5em;
  height: 0.5em;
  border-top: 3px solid currentColor;
  border-right: 3px solid currentColor;
  transform: rotate(45deg);
}

.arrow {
  /* display: inline-block;
   */
  width: 7px;
  height: 7px;
  border-top: 1px solid #002560;
  border-right: 1px solid #002560;
}
.arrow-bottom {
  transform: rotate(135deg);
}
.arrow-top {
  transform: rotate(-45deg);
}

.check {
  color: #c5ff88;
}

/* For Chrome, Safari, Edge, and Opera */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* For Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}

/*/
//////////////////////////////////////////
/*/
/* /////////////////////// headerview //////////
/*/
/*/
///////////////////////////////////////////
/*/

#header {
  background-color: white;
}

#header-inner {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  padding-bottom: 10px;
  padding-top: 20px;
  width: 90%;
  margin: auto;
}



#Layer_1 {
  height: 40px;
  width: auto;
}

.st0 {
  fill: #49225b;
}

#logoutdiv {
  text-align: center;
  padding-top: 40px;
  background-color: white;
}
#sessiondiv {
  background-color: #f7f7f7;
  /* padding:3px; */
  line-height: normal;
  font-size: 14px;
  text-align: right;
}

#user {
  top: 0;
  right: 0;
  /* float:right; */
  padding: 5px;
  padding-left: 15px;
  padding-right: 5%;

  background-color: #f7f7f7;
  border-radius: 10px;
  border-top-right-radius: 0;
  color: #49225b;
  /* border-bottom: 2px solid #C5FF88;
   border-left: 2px solid #C5FF88; */
}

#user a {
  margin-left: 10px;
  color: #49225b;
}
#user a:visited {
  color: #49225b;
}

#language-links {
  line-height: 160%;
  padding-right: 20px;
}
#language-links a {
  color: #49225b;
  text-decoration: none;
}
#language-links a:visited {
  color: #49225b;
}
#language-links .active_lang {
  font-weight: 600;
  text-decoration: underline;
}

#headercontacts {
  display: flex;
  justify-content: flex-end;
  width: 50%;
  /* padding-top:15px;
    padding-right: 15px; */

  font-size: 18px;
}

#phone-image {
  height: 25px;
  width: auto;
  cursor: pointer;
}

#contacts-tooltip {
  display: none;
  position: absolute;
  right: 40px;
  background-color: white;
  padding: 20px;
  border-radius: 20px;
  border-top-right-radius: 0;
  border: 2px solid #ebebeb;
  z-index: 100;
}

/* #phone-image:hover + #contacts-tooltip{
   display:block;
} */

#header-contacts-wrapper {
  cursor: pointer;
  min-width: 50px;
}

#header-contacts-wrapper:hover #contacts-tooltip {
  display: block;
}

#header-contacts-wrapper:hover path {
  fill: #c5ff88;
}

#phone-image path {
  fill: #49225b;
}

#phone-image:hover path {
  fill: #c5ff88;
}

#header-phone-image {
  height: 30px;
  width: auto;
  cursor: pointer;
}

#headerphone {
  padding-top: 5px;
}
.flash {
  width: 100%;
  text-align: center;
  padding: 5px;
  font-size: 22px;
  color: #49225b;
  background-color: aliceblue;
  border: 1px solid #ebebeb;
}
@media (max-width: 820px) {
  body {
    overscroll-behavior-y: contain !important;
  }
  #Layer_1 {
    font-size: 24px;
    padding-left: 7px;
    padding-top: 9px;
    padding: 7px;
  }
  #header {
    padding: 10px;
  }
  #headercontacts {
    padding-top: 7px;
    font-size: 14px;
  }
}
/*/
//////////////////////////////////////////
/*/
/* /////////////////////// identity //////////
/*/
/*/
///////////////////////////////////////////
/*/
#identity-container-outer {
  font-size: 14px;
  width: 100%;
  margin: auto;
  min-height: 90vh;
}
#identity-container {
  /* background-image: url('../images/computer_guy.jpg'); */

  background-repeat: no-repeat;
  background-position: right top;
  background-size: cover;
}

.dokobit-main__header {
  display: none;
}


#identh3 {
  padding-top: 100px;
  padding-bottom: 20px;
  font-size: 20px;
  text-align: center;
}

#identh4 {
  margin: auto;
  font-size: 16px;
  color: grey;
  text-align: center;
}

#specify_whos_ident {
  margin: auto;
  font-size: 20px;
  background-color: aliceblue;
  color: blue;
  padding: 5px;
}

/*/
//////////////////////////////////////////
/*/
/* /////////////////////// steps //////////
/*/
/*/
///////////////////////////////////////////
/*/

#steps {
  display: flex;
  justify-content: space-between;
  /* background-color: #f7f7f7; */
  background-color: white;
  display: none;
  /* padding-top:10px; */
  /* display:none; */
}

#steps-footer {
  display: none;
}
.steptext-container {
  width: 25%;
  font-size: 16px;
  position: relative;
}
.numberblock {
  /* background-color: #49225B; */
  /* width:25%;
    font-size:14px; */
  width: 100%;
  /* padding-left: 20px;
    padding-right: 20px; */
  padding-top: 10px;
  padding-bottom: 10px;
  color: #49225b;
  display: inline-block;
  /* border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px; */
  text-align: center;
}
.stepnum,
.steptext {
  display: inline-block;
}
.activestep {
  font-weight: 600;
  /* color:#c5FF88; */
  border-bottom: 2px solid #c5ff88;
  /* background-color: #49225B; */
  /* border-top: 2px solid #49225B; */
}
.passedstep {
  color: #7f7f7f;
  border-bottom: 2px solid #c5ff88;
  border-bottom-right-radius: 0;
}

.passivestep {
  border-bottom: 2px solid grey;
}

#campaign {
  text-align: center;
  font-size: 24px;

  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #b3f0ff;

  /* border-radius: 20px;
   border-bottom-left-radius: 0; */
}

#header-border {
  border-top: 2px solid #c5ff88;
}

#campaing-text {
  padding-left: 40px;
  padding-right: 40px;
}

#flash {
  text-align: center;
  font-size: 20px;
  color: #49225b;
}

.content-boxes {
  width: 90%;
  margin: auto;
  display: flex;
  justify-content: space-between;
  padding-top: 30px;
  margin-top: 0;
  /* padding-bottom: 50px; */
}



.content-box h3{
   padding-top:0;
   margin-top:0;
}

.content-box-text {
  padding: 40px;
}

.content-box-right {
  width: 40%;
}

.section {
   padding-top:20px;
  padding-bottom: 80px;
}

.sectiontwo{
   padding-top:0!important;
}

.sectionone{
   padding-top: 40px;
}


.sectiontwo {
  background-size: cover;
  background-position: center; /* Centers the image */
  background-repeat: no-repeat; /* Prevents repetition */
  background-attachment: fixed; /* Fixes the background */
  padding-bottom: 0 !important;
  /* min-height:100vh; */
  /* padding-top:50px; */
}

.white-overlay {
  padding-top: 80px;
  padding-bottom: 80px;

  background-color: rgba(0, 0, 0, 0.2);
}

#why-h1 {
 
  text-align: center;
  text-decoration: underline;
  text-decoration-color: #C5ff88; /* Change underline color */
  padding-bottom:30px;
}

#detailed-conditions{
   text-align: center;
   text-decoration: underline;
   text-decoration-color: #C5ff88; /* Change underline color */
}

.content-three h1 {
  text-align: center;
}

.boxes {
  display: flex;
  justify-content: space-between;
}

#why-box {
  background-color: white;
  /* opacity:0.9; */

  padding: 2%;
  padding-top:3%;
  padding-bottom:4%;
  margin-top: 50px;
  margin-bottom: 50px;
  width: 50%;
  margin: auto;

  border-radius: 40px;
  border-bottom-left-radius: 0;
/* border:5px solid #EBEBEB; */
  
  
}

#why-box ul {
  padding-left: 0;
  list-style-type: none;
  padding-bottom: 20px;
}

#why-box .toapplication {
  display: inline-block;
  width: 30%;
  opacity: 1;
}

.boxes > div {
  background-color: white;
  width: 40%;

  border-radius: 40px;
}



.content-box {
  background-color: white;
  border: 2px solid #ebebeb;
 
}

.content-box img {
  /* align-self: flex-start;  */
  width: 100%;
  height: auto;
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;

}


#slider-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-top: 2px solid #EBEBEB;
    border-bottom: 2px solid #EBEBEB;

}

#slider-wrapper {
    /* width: 1000px; */
    width:90%;
    overflow: hidden;
    position: relative;
    
}

/* Move the box shadows here */
#slider-wrapper::before,
#slider-wrapper::after {
    content: "";
    position: absolute;
    top: 0;
    width: 50px;
    height: 100%;
    z-index: 2;
    pointer-events: none;
}

#slider-wrapper::before {
    left: 0;
    box-shadow: inset 30px 0 30px -10px white;
}

#slider-wrapper::after {
    right: 0;
    box-shadow: inset -30px 0 30px -10px white;
}

#slider {
    display: flex;
    transition: transform 0.3s ease;
}

.article {
    min-width: 250px;
    margin-right: 10px;
    box-shadow: 0 0 5px #ccc;
    padding: 10px;
    background: #EBEBEB;
    text-align: center;
}

.article img {
    width: 100%;
    height: auto;
}

button {
    padding: 10px;
    font-size: 20px;
    background-color: #49225b;

    color:white;
    cursor: pointer;
}

#articlesh1 {
    text-align: center;
    padding-bottom:20px;
}

.article a {
    color: black;
    text-decoration: none;
    background-color: #EBEBEB;
}

.article a:visited {
    color: black;
    text-decoration: none;
}


@media (max-width: 820px) {
  #steps {
    display: none;
    width: 90%;
    margin: auto;
  }

  .passedstep {
    border-bottom: none;

    font-size: 10px;
  }
  .passedstep:nth-of-type(2) {
    font-size: 0.7em;
  }

  .passivestep {
    border-bottom: none;
    font-size: 0.8em;
  }
  .steptext-container .passivestep:nth-of-type(1) {
    font-size: 17px;
    border-bottom: none;
  }
  .passivestep:nth-of-type(3) {
    font-size: 0.6em;
  }
  .passivestep:nth-of-type(3) {
    font-size: 0.4em;
  }

  #content {
    width: 100%;
    margin: auto;
  }
  #header-inner {
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
  }

  .steptext-container {
    width: 100%;
  }
  .boxes {
    flex-direction: column-reverse;
  }
  .boxes .image-box {
    margin-top: 0;
    width: 100% !important;
    height: auto !important;
  }

  .section h1 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .boxes div {
    margin-top: 30px;
    width: 90%;
    margin: auto;
  }

  .image-box .toapplication {
    display: block;
    width: 90%;
    margin: auto;
    margin-top: 20px;
  }
}

/*/
//////////////////////////////////////////
/*/
/* /////////////////////// footer //////////
/*/
/*/
///////////////////////////////////////////
/*/
#disclaimer {
  color: gray;
  padding: 40px;
  font-size: 12px;
  line-height: 160%;
}
#base_url {
  height: 0;
  width: 0;
  clear: both;
}
#footer {
  margin-top: 30px;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #49225b;
  display: table;
  width: 100%;
}
#footerrow {
  display: table-row;
  vertical-align: center;
  font-size: 20px;
  color: white;
}
#footerrow div {
  display: table-cell;
  text-align: center;
}
@media (max-width: 820px) {
  #campaign {
    font-size: 24px;
    border-radius: 1px;
  }

  #footer {
    padding-left: 0;
    padding-right: 0;
  }
  #footerrow {
    display: block;
  }
  #footerrow div {
    display: block;
    padding-top: 5px;
  }
}
/*/
////////////////////////////////////////////////////////////////////
/*/
/* /////////////////////// index / calculator / application //////////
/*/
/*/
////////////////////////////////////////////////////////////////////
/*/

#bodycontainer,
#bodycontainer_application {
  min-height: 90vh;
  background-repeat: no-repeat;
  background-position: top right;
  background-size: 100%;
  background-attachment: fixed;
}

#bodycontainer_application {
  background-color: #f7f7f7;
}

hr {
  background-color: #c3c2c2;
  outline: none;
  border: none;
  height: 2px;
}

.content-box-left {
  width: 50%;
  background-color: white;
  border-radius: 40px;
  border-bottom-left-radius: 0;
  border: 2px solid #ebebeb;
}

#what-we-do {
  margin-top: 0;
}

#ourtext ul {
  margin: 0;
  padding: 0;
  padding-left: 20px;
}
#ourtext h4 {
  margin: 0;
  margin-top: 15px;
  padding-top: 0;
  padding-bottom: 0;
}

#index-image-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: auto;
  margin: auto;
  background-color: #f7f7f7;
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
  border-bottom-right-radius: 40px;
}

.content-box-right {
  width: 43%;
  background-color: white;
  border-radius: 40px;
  border-bottom-left-radius: 0;
  border: 2px solid #ebebeb;
}

.calculator{
   padding-top:20px;
   padding-left:40px;
   padding-right: 40px;
}

.calculatorsection {
  border-radius: 40px;
  font-size: 20px;
  background-color: white;
  color: #49225b;

  margin: auto;
  vertical-align: top;

  min-height: 600px;
}
.calcrow {
  padding-bottom: 20px;
  margin-top: 30px;
}
.calcrow:nth-of-type(1) {
  margin-top: 10px;
}
.calclabel {
  display: inline-block;
  width: 48%;
}
.calcinput {
  display: inline-block;
  width: 49%;
}
.calcinputinside {
  display: inline-block;
  width: 49%;
  position: relative;
}
.inputback {
  width: 100%;

  text-align: center;
  margin-top: 10px;
}

.calculatorsection input {
  width: 90%;
  text-align: center;
  border: 1px solid #ebebeb;
  outline: none;

  color: #49225b;

  border-right: none;
  vertical-align: middle;
}
#fineur {
  line-height: 36px;
  width: 6%;
  text-align: center;
  display: inline-block;

  vertical-align: top;
  border-left: none;
  border-top: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  margin-left: -2px;
}

.calculatorsection input,
#fineur {
  padding-top: 10px;
  padding-bottom: 10px;
  height: 26px;
  line-height: 26px;
  font-size: 20px;
}

.calculatorsection select {
  width: 100%;

  line-height: 26px;
  margin: auto;
  border: 1px solid #ebebeb;
  outline: none;

  font-size: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.calculatorsection option {
  font-size: 24px;
  height: 36px;
  line-height: 36px;
  color: #49225b;
  text-align: center;
}
#calculatordisclaimer {
  margin: auto;
  text-align: center;
  margin-top: 60px;
  color: gray;
  font-size: 14px;
}
#answercontainer #calculatordisclaimer {
  display: none;
}
.tooltip {
  margin-left: 5px;
  position: relative;
  display: inline-block;
  background-color: #b3f0ff;

  width: 20px;
  height: 20px;
  text-align: center;

  font-size: 16px;
  border-radius: 10px;
  line-height: 20px;
  font-weight: 600;
}
.tooltip .tooltiptext {
  visibility: hidden;
  width: 250px;
  background-color: #ebebeb;
  color: #49225b;
  text-align: center;
  border-radius: 6px;
  padding: 15px;
  font-style: normal;
  font-size: 14px;
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}
.tooltip:hover .tooltiptext {
  visibility: visible;
}

#monthlyword {
  text-align: center;
  color: grey;
}
#monthlyview {
  outline: none;
  border: none;
  text-align: center;
  text-align: center;
  padding: 10px;
  font-size: 18px;
}
.ui-slider .ui-slider-handle {
  background-image: none;
  vertical-align: middle;
  cursor: pointer;
  margin-top: -5px;
  border-radius: 15px;
  border: none;
  outline: none;

  background-color: #49225b;
}
.ui-state-focus {
  border: none;
}
.ui-state-active {
  border: none;
}
#as_fie {
  text-align: center;
  padding-top: 30px;
}

.sliders {
  background-color: #c5ff88;
  height: 2px;
  margin-top: -22px;
  border: none;
  outline: none;
}
.possiblevalues {
  display: inline-block;
  width: 49%;
  color: grey;
  font-size: 12px;
  padding-top: 15px;
}
.sliderdiv .possiblevalues:nth-of-type(3) {
  text-align: right;
}

#linktrow {
  text-align: center;
}
.toapplication,
.beautylink {
  display: block;
  width: 90%;
  margin: auto;
  background-color: #49225b;

  text-align: center;
  color: white !important;
  padding: 10px;
  font-size: 22px;
  text-decoration: none;
  margin-top: 30px;
  padding-right: 30px;
  cursor: pointer;
  border-radius: 40px;
}

.toapplication:visited {
  color: white;
  text-decoration: none;
}

.toapplication2:visited {
  color: white;
  text-decoration: none;
}

.toapplication:hover {
  color: #c5ff88 !important;
}

.toapplication:hover .arrow-right {
  border-top: 3px solid #c5ff88;
  border-right: 3px solid #c5ff88;
}

@media (max-width: 1280px) {
  body {
    background-size: cover;
  }
}
@media (max-width: 820px) {
  #content {
    border-top-left-radius: 40px;
  }

  .section{
   padding-top:0;
   margin-top: 0!important;
   margin-bottom:0!important;
  }

  .content-inner{
   padding-bottom:0;
  }

  .sectionone{
      padding-top: 0;
  }

  .sectionthree{
   background-color: white;
   margin-top:20px;
  }

  .content-boxes {
    width: 100%;
    display:block;
    padding-top:0;
  }


  .calculator{
    width:90%;
    padding:2%;
    margin:auto;
  }

  .content-box{
    width:100%;
    padding:0;
    margin:auto;
    border:none;
  }

  .content-box img{
      border-radius: 0;
  }

  .content-box-text{
   padding:20px;
  }

  .ourtext-other-part{
      display:none;
  }

  .sectiontwo {
   background-attachment:initial;
   background-size: 100vw auto;
   background-position:0 0;
   padding-bottom:0;

  }

  .white-overlay{
   padding-bottom:0;
  }

  #why-box{
      width:90%;
      padding:5%;
      margin:auto;
      border-radius: 0;
      margin-top:40vh;
  }

 

  #applicationcontainer {
    margin-top: 0;
  }

  #bodycontainer {
    padding-top: 0;
    margin-top: 0;
  }

  #you-fit-if {
    display: none;
  }


  .calculatorsection {
    width: 96%;
    padding: 5px;
    border: none;
  }

  .toapplication {
    clear: both;
    display: block;
    width: 80%;
    font-size: 16px;
  }

  .calcrow {
    display: block;
  }

  #ourtext-inner {
    padding-bottom: 10px;
  }

  #conditions-sentence {
    display: none;
  }

  .tooltip .tooltiptext {
    margin-left: -150px;
  }
  #applicationcontainer {
    display: block;
    margin: auto;
    margin-top: 20px;
    padding-top: 0;
    padding: 0;
    width: 100%;
  }
  .calculatorsection {
    background: rgba(255, 255, 255, 0.9);
  }
}

@media (max-width: 820px) and (orientation: landscape) {
   .sectiontwo {
     
      background-size: 100vw auto;
      background-position:auto;
    
   
     }
}

.whiteblock {
  font-size: 20px;

  line-height: 160%;
  padding-bottom: 70px;
  padding-top: 10px;
  background-color: white;
}
.whiteinner {
  width: 50%;
  margin: auto;
}
.whiteblock h2 {
  color: #49225b;
  font-weight: 200;
}
.whiteblock ol,
.whiteblock ol li {
  padding: 0;
  margin: 10px;
}
.hitit {
  display: inline-block;
}

/*/
//////////////////////////////////////////
/*/
/* /////////////////////// application //////////
/*/
/*/
///////////////////////////////////////////
/*/

#applicationcontainer2 {
  width: 50%;
  padding-top: 3%;

  min-height: 80vh;
  background-color: white;
  margin-left: 5%;
  margin: auto;
  padding-bottom: 100px;
}

#applicationinfo {
  line-height: 160%;
  width: 80%;
  font-size: 20px;
  margin: auto;
  color: grey;
  text-align: center;
  padding-top: 20px;
}

#progress-bar{
  margin-top:20px;
  height:5px;
  background-color: #ebebeb;
  display:flex
}

.progress-bar-step{
  height:5px;
  
  flex-grow:1;
  transition: width 0.3s ease-in-out;
}

.active-step {
  background-color: #C5ff88;

}

.errors {
  font-size: 14px !important;
  color: red;
  height: 16px;
  line-height: 100%;
}


#form a {
  font-size: 12px;
}
#form a:visited {
  color: blue;
}
.toapplication2 {
  display: block;
  background-color: #49225b;
  outline: none;
  border: none;
  height: 40px;
  text-align: center;
  color: white;
  padding: 10px;
  font-size: 22px;

  text-decoration: none;
  margin: auto;
  margin-top: 30px;
  padding-left: 5%;
  padding-right: 5%;
  width: 100%;
  cursor: pointer;
}

.toapplication2:visited {
  color: white;
  text-decoration: none;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  background-color: white;
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
  transition: background-color 5000s ease-in-out 0s;
}

#address_choice_container {
  font-size: 14px;
}
.address_choice {
  padding: 3px;
  cursor: pointer;
}
.address_choice:hover {
  background-color: #f7f7f7;
}
.chotext {
  display: none;
  padding: 3px;
  background-color: #f7f7f7;
  font-size: 14px;
}
.addresserror {
  display: none;
  padding: 3px;
  background-color: #f7f7f7;
  font-size: 14px;
}
.addressok {
  display: none;
  padding: 3px;
  background-color: #f7f7f7;
  font-size: 14px;
}
#compgif {
  display: none;
  text-align: center;
  background-color: white;
  width: 100%;
  overflow: hidden;
  font-size: 20px;
  color: #2057b4;
}
#roboimg {
  width: 250px;
  height: auto;
}

#form #applsubmitbutton {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 18px;
  border-radius: 30px;
  margin-top: 15px;
}

/*/
///////////////////////////////////////////////////////////////////////
/*/
/* /////////////////////// bank_account form, application form //////////
/*/
/*/
///////////////////////////////////////////////////////////////////////
/*/

#form {
  position: relative;
  margin: auto;
  color: #555555;
  font-size: 18px;
  max-width: 500px;
  min-height:80vh;
  margin-top: 50px;
}

.circle {
  position: absolute; /* Position relative to the .container */
  top: 0; /* Align to the top */
  left: -10px; /* Align to the left */
  width: 20px; /* Circle width */
  height: 20px; /* Circle height */
  background-color: #ebebeb; /* Circle color */
  border-radius: 50%; /* Makes the element circular */
  display: none;
}

.circle-bottom {
  position: absolute; /* Position relative to the .container */
  bottom: 0; /* Align to the top */
  left: -10px; /* Align to the left */
  width: 20px; /* Circle width */
  height: 20px; /* Circle height */
  background-color: #ebebeb; /* Circle color */
  border-radius: 50%; /* Makes the element circular */
  display: none;
}

.circle-green {
  background-color: #c5ff88 !important;
}

#answercontainer #form {
  margin-left: 0;
  margin-top: 0;
  max-width: 600px;
}

.application-part-label {
  padding-top: 0 !important;
  padding-bottom: 10px;
  font-size: 14px;
}

.application-row {
  padding-top: 10px;
  padding-left: 40px;
  padding-right: 40px;
  /* border-left: 2px solid #EBEBEB; */
}

.privacyerror{
  padding-top:10px;
  padding-left: 40px;
  padding-right: 40px;
}

#birthdaytrow{display:none;}

#start_datatrow{visibility:hidden; height:0!important;}

#form .active-formfield {
  color: #49225b;
  /* border-left: 2px solid #49225B; */
}

.active-formfield input {
  border: 1px solid #49225b !important;
  color: #49225b !important;
}



.filled-formfield input,
.filled-formfield select {
  border: 1px solid #5fc139 !important;
}

#amounttrow {
  padding-top: 0;
}



#form #monthlyrow {
  padding-top: 30px;
  padding-bottom: 30px;
}

#form label {
  display: block;
  font-size: 16px;
  line-height: normal;
  padding: 0;
}

#form input {
  display: block;
  width: 96%;
  padding: 5px;
  padding-left: 2%;
  padding-right: 2%;
  outline: none;

  border: 1px solid grey;
  border-radius: 5px;
  font-size: 16px;
  color: #555555;
  margin-top: -10px;
}

#form select {
  outline: none;

  cursor: pointer;

  border: 1px solid grey;

  border-radius: 10px;
  border-bottom-left-radius: 0;
  width: 100%;
  padding: 5px;
  color: #555555;
}

#form select option {
  font-size: 16px;
  color: #49225b;
}

#form select,
#form input {
  margin-top: 10px;
  border: 1px solid grey;
}

#form select option:nth-of-type(1) {
  font-style: italic;
}

.trowprivacy {
  padding-top: 20px;
  display: flex;
}
.trowprivacy label {
  margin-left: 10px;
}

#privacylabel,
#privacylabel a {
  font-size: 16px !important;
}



#other_creditors_consent,
#other_creditors_consent a {
  font-size: 16px !important;
}

#other_creditors_consentlabel,
#other_creditors_consentlabel a {
  font-size: 16px !important;
}

#form input[type="checkbox"] {
  height: 16px;
  width: 16px;
}

.account-radio {
  padding: 0;
}
.radio-row label {
  display: inline-block !important;
  width: 80%;
}
input[type="radio"] {
  height: 20px;
  width: 20px !important;
  display: inline-block !important;
}
input[type="radio"]:checked + label {
  font-weight: bold;

  font-size: 20px;
}
#emta_popup {
  color: blue;
  cursor: pointer;
  text-decoration: underline;
}
/*/
//////////////////////////////////////////
/*/
/* /////////////////////// answers //////////
/*/
/*/
///////////////////////////////////////////
/*/
#answercontainer {
  width: 50%;
  min-height: 100%;
  padding: 3%;
  background-color: white;
  margin-left: 5%;
  margin: auto;
  padding-bottom: 200px;
}

.positive-answer {
  position: relative;
  /* border-left:2px solid #C5FF88; */
  padding: 5%;
  padding-top: 0%;
}

.postable {
  width: 100%;
  border-collapse: collapse;
}
.postable td {
  border: 1px solid #ebebeb;
}

.firstpostable td {
  padding: 7px;
}
.scheduletable {
  text-align: center;
  display: none;
}

#schedulelink {
  color: blue;
  cursor: pointer;
}
#uparr {
  display: none;
}

#bank_statement_container {
  width: 70%;
  min-height: 100%;
  padding: 3%;
  background-color: white;
  margin-left: 5%;
  margin: auto;
  padding-bottom: 200px;
}
.bankimages {
  max-width: 100%;
}

.bank_account_info {
  padding: 10px;
  background-color: #f7f7f7;
  text-align: center;
}
.bank_account_long_text {
  margin-top: 30px;
}
.bank_name {
  padding-left: 80px;
}

#bank_account_instructions {
  line-height: 160%;
  font-family: Calibri;
}
#bank_account_instructions h2 {
  margin: auto;
  cursor: pointer;
  text-align: center;
  border-top: 1px solid #ebebeb;
}
#bank_account_instructions h2:hover {
  background-color: #ebebeb;
}
.bankname {
  display: inline-block;
}

.yellowlink {
  display: block;
  width: 90%;
  margin: auto;
  text-align: center;
  color: #49225b;
  padding: 10px;
  font-size: 22px;
  text-decoration: none;
  margin-top: 30px;
  padding-right: 30px;
  cursor: pointer;
  border-radius: 40px;
  background-color: #ebebeb !important;
}

@media (max-width: 820px) {
  #answercontainer {
    width: 96%;
    padding: 2%;
    padding-top: 50px;
  }
  #bank_statement_container {
    width: 96%;
    padding: 2%;
    font-size: 1.2em;
    font-family: Calibri;
  }
}
/*/
//////////////////////////////////////////
/*/
/* /////////////////////// emta redirect //////////
/*/
/*/
///////////////////////////////////////////
/*/

.emta_info{
  width:100%;
  height:auto;
}

/*/
//////////////////////////////////////////
/*/
/* /////////////////////// content //////////
/*/
/*/
///////////////////////////////////////////
/*/
#content {
  padding-top: 20px;
  min-height: 90vh;
}


#check-car-content .car-backgeound-check-image {
  width: 50%;
  float: right;
}
#check-car-content .content-divider {
  font-size: 18px;
  line-height: 160%;
  font-weight: 300;
}
#check-car-content .links_to_relevant_pages {
  background-color: #f7f7f7;
  padding: 30px;
}
#check-car-content h2 {
  clear: both;
}
#check-car-content ol li a {
  font-size: 14px;
}
#check-car-content hr {
  clear: both;
}
#check-car-content #disclaimer {
  font-size: 14px;
  color: grey;
  font-size: 16px;
  font-style: italic;
}

@media (max-width: 820px) {
  #bodycontainer_application {
    padding-top: 0;
  }

  #applicationcontainer2 {
    width: 90%;
    padding: 5%;
    background-color: white;
    margin: auto;
    margin-top: 0;
  }

  .errors {
    font-size: 12px !important;
    color: red;
    display: block;
    text-align: center;
  }

  .errors {
    font-size: 12px !important;
    color: red;
    display: block;
    text-align: center;
  }
  .application-row {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

@media (max-width: 820px) {
  .content {
    padding: 3%;
    width: 94%;
  }
  #check-car-content .car-backgeound-check-image {
    width: 100%;
    display: block;
  }
}