html, body {
  background-color: #F5F8FA;
  margin: 0px !important;
}

.audio-react-recorder{
  display: none !important;
}

.ck-powered-by-balloon, .ck-toolbar-container{
  display : none !important;
}

.text-tiny {
  font-size: .7em;
}

.text-small {
  font-size: .85em;
}

.text-big {
  font-size: 1.4em;
}

.text-huge {
  font-size: 1.8em;
}

.main-wrapper:has(.content-element-wrapper){
  padding:0px !important;
}

.page-wrapper:has(.content-element-wrapper) .header-wrapper{
  display:none !important;
}

.page-content-wrapper:has(.content-element-wrapper){
  margin-top: 0px !important;
}

.content-wrapper:has(.content-element-wrapper){
  width: 98% !important;
}

.active-element:has(.content-element-wrapper){
  border: none !important;
  border-radius: 0px !important;
  padding: 0px !important;
}

.static-element-wrapper:has(.content-element-wrapper){
  height: 90vh !important;
}

.content-element-wrapper{
  height: 100% !important;
}

.page-wrapper:has(.content-element-wrapper) .next-element-btn-wrapper{
  padding-right: 15px;
  padding-bottom: 15px;
}

.page-wrapper:has(.content-element-wrapper) .footer-wrapper{
  display:none !important;
}

.active-element:has(.content-element-wrapper){
  margin-bottom: 0px !important;
}

.page-wrapper img{
  max-width: 100%;
}

.static-element-wrapper.externalRedirect + .next-element-btn-wrapper{
  display: none !important;
}

[data-rbd-draggable-id] 
{ 
  /* left: auto !important; 
  top: auto !important;  */
  position: static !important;
}

[data-rbd-droppable-id]{
  height: 100% !important;
}

.drag-drop-container{
  background: #f9f9f9;
  border-radius: 10px;
  border: solid 1px #fff;
  padding: 20px;
  min-height: 200px;
}

.ml-1{
  margin-left: 5px;
}

.mr-1{
  margin-right: 5px;
}

.ranking-answer-item{
  background: #fff;
  border-radius: 8px;
  padding: 10px 20px;
  margin-bottom: 20px;
  margin-left: 15px;
  height: auto;
  align-items: center;
  display: flex;
}

.ml-2{
  margin-left: 10px;
}

.pr-2{
  padding-right: 10px;
}

.ranking-selection-mobile-wrapper{
  display: flex;
  flex-direction: column;
  background: #f9f9f9;
  padding-right: 15px;
    padding-left: 0px;
    padding-top: 3px;
    padding-bottom: 0px;
}

.answer-text{
  font-family: Poppins;
    font-weight: 300;
    font-size: 1rem;
    line-height: 1.5;
    color: #282828;
}