.myBody{
	font-family: Arial;
}

.myLoginBody{
	background-image: url("./../assets/loginBackground2.jpeg");
	background-repeat: no-repeat;
	background-size: cover;
}

.myLoginCard{
	padding: 20px;
}

.myLoginDiv{
	margin-top: 6%;
	margin-left: 40%;
	width: 20%;
	padding: 10px;
}

@media (max-width: 800px) {
  .myLoginDiv {
    margin-top: 15%;
	margin-left: 5%;
	width: 90%;
	padding: 10px;
  }
}

.myCard{
	min-height:100px;
	padding: 20px;
	border-radius: 10px 100px 100px 10px
}

.cardTitle{
	position: relative;
	left:5%;
	font-size:20px;
}

.cardDetails{
	position: relative;
	left:18;
	font-size:14px;
	top:5px;
}

.cardButton{
	position: absolute;
	right:10%;
	font-size:52px;
}

.myIconResult{
	font-size:80px;
}

.myNumberResult{
	font-size:44px;
	text-align: right;
}

.myTextResult{
	text-align: right;
	margin-top:20px
}

.examSelected{
	background-color: #eee;
}

.colOdd{
	//background-color: #f2f2f2
	background-color: #fff;
}

.colEven{
	//background-color: #e6e6e6
}

.rb-box {
  width: 90%;
  margin: 50px auto;
  padding: 1.3em;
  background: #292942;
  border-radius: .75em;
  -webkit-filter: drop-shadow(1px 2px 5px rgba(0,0,0,.3));
  filter: drop-shadow(1px 2px 5px rgba(0,0,0,.3));
  box-shadow: 
    0 2px 2px rgba(243,49,128,.5),
    0 0px 5px rgba(243,49,128,.15),
    0 0px 4px rgba(0,0,0,.35),
    0 5px 20px rgba(243,49,128,.25),
    0 15px 50px rgba(243,49,128,.75),
    inset 0 0 15px rgba(255,255,255,.05);
}

/* Custom Radio Button */
p {
  font-size: .9em;
}

.questionNumber{
	color: #333;
}

.rb {
  padding: 16px 0;
  text-align: center;
  background: rgba(255,255,255,.03);
  border-radius: .3em;
}

.rb-tab {
  display: inline-block;
  position: relative;
  width: 20%;
}

.rb-txt {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1em;
  color: #8f8c8e;
}

.rb-spot {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: transparent;
  border: 1px solid rgba(0,0,0,0.5);
  border-radius: 100%;
  cursor: pointer;
  transition: ease .5s;
}

.myQuestionNumber{
	width: 60px !important;
	font-size: 18px;
}

.rb-tab2 {
  display: inline-block;
  position: relative;
  width: auto;
  margin-bottom:10px;
}

.rb-txt2 {
  position: absolute;
  top: 45%;
  left: 47%;
  transform: translate(-50%, -50%);
  font-size: 1em;
  color: #000;
}

.rb-spot2 {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: transparent;
  border: 1px solid rgba(0,0,0,0.5);
  border-radius: 100%;
  cursor: pointer;
  transition: ease .5s;
}

.rb-tab-active .rb-spot {
  background: #97d700;
  border: 1px solid #97d700;
}

.correct .rb-spot2{
  background: #B9C558;
}
.trueCorrect .rb-spot2{
  background: #209cbb;
}
.wrong .rb-spot2{
  background: #F36F4A;
}

.rb-tab-active .rb-txt {
  color: #FFF;
}

.mySelect{
	height:35px;
	background-color: #e6e6e6;
    border-radius: 25px 25px;
    padding: 10px;
}

.myTextResultR{
	text-align: right;
}

.myNumberResultR{
	font-size: 74px;
}

.logout{
	position: absolute !important;
	left: -70px !important;
}

@media (max-width: 800px) {
  .logout {
    left: 0px !important;
  }
}

.bg-mediplus{
	background-color: #97d700;
}

.color-mediplus{
	color: #97d700;
}

.color-mediplus-secondary{
	color: #8f8c8e;
}

.color-mediplus-resalt{
	color: #ff9e00;
}

.text-right{
	text-align: right
}

.btn-mediplus{
	background-color: #97d700;
	border-color: #97d700;
}

.btn-mediplus:hover, .btn-mediplus:focus{
	background-color: #97d700;
	box-shadow: 0 0 0 0.25rem rgba(151, 215, 0, .3) ;
}

.border-mediplus{
	box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, .3);
}

.form-control:focus{
	color:#1c8aa5;
    border-color: #1c8aa5;
    outline: 0;
	box-shadow: 0 0 0 0.25rem rgba(28, 138, 165, .3) 
}