.bg-orange {
  background-color: #ff0000;
  background-image: linear-gradient(180deg,#ff0000,#ff0000);
  background-size: cover;
}
.bg-gray {
  background-color: #858796;
  background-image: linear-gradient(180deg,#858796,#858796);
  background-size: cover;
}

input[type="radio"]{
  accent-color: #f00;
}

.orange{
  color: #ff0000;
}
.nav-padding{
  padding: 0px;

}
.nav-margin{
  margin: 0px;
}

.ui-breadcrumb{
  background-color: none;
}

.editbtn{
  position: absolute;
  top: 1px;
  right: 1px;
  font-size: 30px;
  cursor: pointer;
  color: #858796;
}

.editbtn:hover{
  color: #ccc;
}

.questions{
  border-radius: 10px;
  padding: 5px;
  background-color: #fff;
}

a:link{
  text-decoration: none;
}

.section-a-questions{
  font-size:large;
  color: black;
}

.errorlist{
  color: #ff0000;
}

.card-color{
  /* background-image: linear-gradient(90deg,#ffffff,#000000); */
  background: linear-gradient(to right,white 50%,#ccc 50%);
}

.solution{
  background-image: linear-gradient(180deg,#fcf8f8 10%,#F8F9FC 100%);
  border: #ccc solid 1px;
  border-radius: 10px;
}

.isAdmin{
  display: none;
}

.solutionB{
  background-color: white;
  border: #ccc solid 1px;
  border-radius: 10px;
  display: none;
}

.section-a-question{
  width: 48%;
}

.Border{
    border-right: black solid 1px;
}

.actual_question > p{
  padding: 0px;
  margin: 0px;
}

.form-row > b > p{
  padding: 0px;
  margin: 0px;
}
span > p{
  padding: 0px;
  margin: 0px;
}

div.options > p{
  display: inline;
}

.show_interface{
    border-radius: 10px;
    margin-top: 100px;
}

.show_interface_mobile{
   display: none;
}

@media screen and (max-width:540px){
  .section-a-question{
    width: 100%;
  }

  .border{
    border-right: none!important;
}

  .show_interface{
    display: none;
}
 .show_interface_mobile{
    display: block;
    border-radius:5px;
}
}

/* ===================================================Overlay=================================================== */
.wrap{
  max-width: 350px;
  margin: auto;
  padding: 20px;
  background: #fff;
  margin-top: 100px;
  border-radius: 25px;
}

.overlay{
  height: 100%;
  width: 100%;
  display: none;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
}

.closebtn{
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 30px;
  cursor: pointer;
  color: #ffffff;
}

.closebtn:hover{
  color: #ccc;
}
/* --===================================================Overlay=================================================== */