.bg-new{
	background-color:#1a0433;

    background-image: url(../images/ams_background.jpg);    background-size: cover;
    padding-left: 0px;
}


.bg-login-new{
	background-color:#1a0433;
  background-image: url(../images/ams_background.jpg);	background-size:cover
}

.bg-login-newfr{
	background-color:#1a0433;
  background-image: url(../images/ams_background.jpg);	background-size:cover
}


.text_center{
    padding-left: 229px;
    margin-left: 239px;
    left: 88%;
    float: right;
    text-align: right;
}


.newquizholder{
    margin-top: 32px!important;
    width: 850px;
    position: relative;
    margin-left: -400px !important;
    left: 47% !important;
    height: auto !important;
    background-color: #DFDFDF;
    border-bottom-left-radius: 60px;
    color: #000000;
    opacity: 0.97;
    transition: 0.32s;
    border-top-left-radius: 16px;
}
.newquizholder:hover{
    -webkit-box-shadow: 0px 0px 10px 1px #7A7A7A;
    box-shadow: 0px 0px 10px 1px #7A7A7A;
}





.containers{
  height:270px;
  position:relative;
  max-width: 320px;
  margin: auto;
  .imageWrapper{
    border: 3px solid #888;
    width:70%;
    padding-bottom:70%;
    border-radius:50%;
    overflow:hidden;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    img{
      height:105%;
      width:initial;
      max-height:100%;
      max-width: initial;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
  }
}

.file-upload {
  position: relative;
  overflow: hidden;
  margin: 10px; }

.file-upload {
  position: relative;
  overflow: hidden;
  margin: 10px;
  width:100%;
  max-width:150px;
  text-align:center;
  color:#fff;
  font-size:1.2em;
  background: transparent;
  border: 2px solid #888;
  padding: .85em 1em;
  display:inline;
  -ms-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  &:hover{
    background:#999;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(255,255,255,0.75);
    -moz-box-shadow: 0px 0px 10px 0px rgba(255,255,255,0.75);
    box-shadow: 0px 0px 10px 0px rgba(255,255,255,0.75);
  }
}

.file-upload input.file-input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
  height:100%;
}

.popupdiv{
    width: 320px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-left: -160px;
	position: relative;
	left: 50%;

}
.newqr{

  width:100%;

}
.qr-code{
  width: 400px;
  height: 400px;
  /* Center vertically and horizontally */
  position: absolute;

  left: 50%;
  margin: 23px 0 0 -90px; /* apply negative top and left margins to truly center the element */

}

.h4new {
  padding:5px;
  background-color:transparent;
  border:none;
  border-bottom:solid 4px #32708E;
  font-size:26px;
}

@media screen and (max-width:1200px){
  .newqr{
    width:100%;
    height: 600px;

  }


  }

  @media screen and (max-width:900px){
    .newqr{
      width:100%;
      height: 500px;

    }


    }

@media screen and (max-width:863px){
.newquizholder{
    margin-top:unset !important;
	width: unset !important;
	position: unset!important;
	margin-left: unset!important;
	left:unset !important ;
	height:unset !important;

	-webkit-box-shadow: unset !important ;
    box-shadow: unset !important ;

}
}
@media screen and (max-width:767px){
  .qr-code{
    width: 400px;
    height: 400px;
    /* Center vertically and horizontally */
    position: absolute;

    left: 50%;
    margin: 23px 0 0 -150px; /* apply negative top and left margins to truly center the element */

  }

  .h4new {
    padding:5px;
    background-color:transparent;
    border:none;
    border-bottom:solid 4px #32708E;
    font-size:23px;
  }


}

@media screen and (max-width:570px){

  .h4new {
    padding:5px;
    background-color:transparent;
    border:none;
    border-bottom:solid 4px #32708E;
    font-size:21px;
  }


}

@media screen and (max-width:543px){
  .qr-code{
    width: 300px;
    height: 300px;
    /* Center vertically and horizontally */
    position: absolute;

    left: 50%;
    margin: 23px 0 0 -100px; /* apply negative top and left margins to truly center the element */

  }

  .newqr{
    width:100%;
    height: 400px;

  }

  .h4new {
    padding:5px;
    background-color:transparent;
    border:none;
    border-bottom:solid 4px #32708E;
    font-size:20px;
    line-height:40px;
  }
}

@media screen and (max-width:447px){


  .h4new {
    padding:5px;
    background-color:transparent;
    border:none;
    border-bottom:solid 4px #32708E;
    font-size:18px;
  }
}

  @media screen and (max-width:430px){
    .qr-code{
      width: 200px;
      height: 200px;
      /* Center vertically and horizontally */
      position: absolute;

      left: 50%;
      margin: 23px 0 0 -50px; /* apply negative top and left margins to truly center the element */

    }
    .newqr{
      width:100%;
      height: 350px;

    }
    .h4new {
      padding:5px;
      background-color:transparent;
      border:none;
      border-bottom:solid 4px #32708E;
      font-size:19px;
    }
  }