.capital{
    text-transform: uppercase !important;
}

.alignnumbers{
    font-variant-numeric: lining-nums !important;
    font-variant: lining-nums !important;
   
}

.valign{
    display:table-cell !important; 
    vertical-align:middle !important;
    width: inherit !important;
    height: inherit !important;
}


.icon{
    font-family:"experimenta-icons" !important;
    text-transform: lowercase !important;
}

.iconbig{
    font-size: 60px !important;
}

.summary_value{
    font-style: italic !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
}

*{
    user-select: none !important;
    font-variant-numeric: lining-nums !important;
}

.scrollText{
    overflow-x: hidden !important;
}

.answer{
    color:#ffffff !important;
    font-family:KievitPro !important;
    text-align:center !important;
    font-size:80px !important;
    width:98.5% !important;
    border:10px solid red !important;
    border-radius: 34px !important;
}

.answeruit{
    color:#ffffff !important;
    font-family:KievitPro !important;
    text-align:center !important;
    font-size:20px !important;
    width:98.5% !important;
    border:5px solid red !important;
    border-radius: 20px !important;
}

.flex-question{
    display: flex !important;
    height: 100% !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    align-content: space-around !important; 
}

.flex-bubble{
    display: flex !important;
    height: 100% !important;
    width: 100% !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    align-content: space-around !important; 
    padding: 0px !important;
}

.flex-container {
    display: flex !important;
    height: 1200px !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    align-content: space-around !important; 
  }

  .flex-container > div {
    color:#ffffff !important;
    font-family:KievitPro-Medium !important;
    text-align:center !important;
    font-size:80px !important;
    border-radius: 34px !important;
    width: 100% !important;
    margin: 10px !important;
    text-align: center !important;
  }

.flex-mafo{
    display: flex !important;
    height: 100% !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    align-content: space-around !important; 
}

.flexxx-container {
  display: flex !important;
  height: 100% !important;
  align-items: center !important;
  justify-content: center !important;
  align-content: space-around !important; 
}

.flexxx-container > div {
  
  color: white !important;
  margin: 10px !important;
  text-align: center !important;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
  font-size: 80px !important;
  
}

.flex-container-fa01 {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    height: 115px !important;
  }

.mini-avatar{

   border-radius: 50% !important; 
   border-style: none !important; 
   border-width: 0px !important; 
   border-color: rgb(255, 255, 255) !important; 
   overflow: visible !important; 
   width: 130px !important; 
   height: 130px !important; 
   transform-origin: 50% 50% !important; 
}

.center {
    margin-left: auto;
    margin-right: auto;
    border-collapse:separate; 
    border-spacing:20px !important;
}

.centeruit {
    margin-left: auto;
    margin-right: auto;
    border-collapse:separate; 
    border-spacing:2px !important;
}


.ans0{
    border:10px solid #52ABDB !important;
}

.ans1{
    border:10px solid #fd5533 !important;
}

.ans2{
    border:10px solid #449d2c !important;
}

.ans3{
    border:10px solid #FBE054 !important;
    color:#ffffff !important;
}

.ans0uit{
    border:5px solid #52ABDB !important;
}

.ans1uit{
    border:5px solid #fd5533 !important;
}

.ans2uit{
    border:5px solid #449d2c !important;
}

.ans3uit{
    border:5px solid #FBE054 !important;
    color:#ffffff !important;
}

.outline{
    border:9px solid rgba(0,0,0,0) !important;
    padding:5px !important;
}

.rightanswer{
    border:9px solid white !important;
    padding:10px !important;
}

#answer0.activanswer{
    background-color:#52ABDB !important;
}

#answer1.activanswer{
    background-color:#FD5533 !important;
}

#answer2.activanswer{
    background-color:#449d2c !important;
}

#answer3.activanswer{
    background-color:#FBE054 !important;
    color:#000000 !important;
}

.fa02answer{
    padding-left:10px !important;
    padding-right:10px !important;
}

#mafo_answer0.activanswer{
    background-color:#52ABDB !important;
}

#mafo_answer1.activanswer{
    background-color:#FD5533 !important;
}

#mafo_answer2.activanswer{
    background-color:#449d2c !important;
}

#mafo_answer3.activanswer{
    background-color:#FBE054 !important;
    color:#000000 !important;
}

.answertext{
    padding-left:25px !important;
    padding-right:25px !important;
}

.clickableQuestion{
   background-image: -webkit-linear-gradient(270deg, rgb(47, 60, 139), rgb(125, 98, 168)) !important;
   margin:10px !important;
   padding:10px !important;
   color:#ffffff !important;
   font-size:22px !important;
   font-family:"Kievit Pro" !important;
   white-space: nowrap !important;
   float: left !important;
}


.mostAnswer{
    font-family:"Kievit Pro";
    font-weight: normal !important;
    font-style: normal !important;
}

.yearer{
    font-family:"KievitPro" !important;
    text-transform: lowercase !important;
    font-weight: normal !important;
    font-style: normal !important;
}

::-webkit-scrollbar {
    width: 10px !important;
    border-radius: 10px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    background: #fff !important;
  }
  

  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,0) !important;
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: rgba(0,0,0,0) !important;
  }


  .dropdownitem{
    border-bottom: 3px solid white;
    font-family:"KievitPro" !important;
  }
  

  .chooseButton{
    overflow: hidden !important;
  }