.quarter-circle-container{
	position: relative;
	height: 200px;
	width: 200px;
	margin:auto;
	 overflow: hidden;
}

.quarter-circle-scale{
	height: 100px;
  	width: 200px;
  	background-size: cover;
  	background-position:  center; 
  	  left: 0px;
  	position: absolute;
  	transition: 0.3s all;
}


/* Top half - My DBD */
div#quarter-one {
  background-image: url(../img/midc_android.png); 
  border-radius: 100px 0 0 0!important;
 	top: 0;
	left: 0;
	width: 100px;
	background-position: center 100%;}

/* Disabled top half */
div#quarter-one-disabled {
  background-image: url(../img/midc_android_disabled.png);
  border-radius: 100px 0 0 0!important;
	top: 0;
	left: 0;
	width: 100px;
	background-position: center 100%;}
div#quarter-two {
  background-image: url(../img/midc_ios.png); 
  border-radius: 0 100px 0 0!important;
  top: 0;
  left: 100px;            
  width: 100px;
  background-position: center 100%;
}

/* Disabled top half */
div#quarter-two-disabled {
  background-image: url(../img/midc_ios_disabled.png);
  border-radius: 0 100px 0 0!important;
 	top: 0;
	left: 100px;
	width: 100px;
	background-position: center 100%;
}

div#quarter-three {
  background-image: url(../img/midc_jalsevak.png);
  border-radius: 0 0 100px 100px!important; 
  bottom: 0;
}


/* Disabled bottom half */
div#quarter-three-disabled {
  background-image: url(../img/midc_jalsevak_disabled.png);
 border-radius: 0 0 100px 100px!important; 

  bottom: 0;
}
/*


div#quarter-one {
  background-image: url(../img/myDBD.jpg);
  -moz-border-radius: 150px 0 0 0!important;
  border-radius: 150px 0 0 0!important;
  left: 47px;
  top: 0;
}
div#quarter-one-disabled {
  background-image: url(../img/myDBD_disabled.jpg);
  -moz-border-radius: 150px 0 0 0!important;
  border-radius: 150px 0 0 0!important;
  left: 47px;
  top: 0;
}
div#quarter-two{
   background-image: url(../img/dbdWalk.jpg);
  -moz-border-radius: 0 150px 0 0!important;
  border-radius: 0 150px 0 0!important;
  right: 53px;
}
div#quarter-two-disabled {
   background-image: url(../img/dbdWalk_disabled.jpg);
  -moz-border-radius: 0 150px 0 0!important;
  border-radius: 0 150px 0 0!important;
  right: 53px;
}
div#quarter-three{
  background-image: url(../img/dbdWalkOCR.jpg);
  -moz-border-radius: 0 0 150px 0!important;
  border-radius: 0 0 150px 0!important;
  bottom: -6px;
  right: 53px;
}
div#quarter-three-disabled  {
  background-image: url(../img/dbdWalkOCR_disabled.jpg);
  -moz-border-radius: 0 0 150px 0!important;
  border-radius: 0 0 150px 0!important;
  bottom: -6px;
  right: 53px;
}
div#quarter-four{
  background-image: url(../img/dbdLite.jpg);
  -moz-border-radius: 0 0 0 150px!important;
  border-radius: 0 0 0 150px!important;
  bottom: -6px;
  left:47px;
}
div#quarter-four-disabled {
  background-image: url(../img/dbdLite_disabled.jpg);
  -moz-border-radius: 0 0 0 150px!important;
  border-radius: 0 0 0 150px!important;
  bottom: -6px;
  left:47px;
}*/
.quarter-circle-scale:hover{
  transform: scale(1.1);
  z-index: 100;
  filter: blur(0) !important;
  -webkit-filter: blur(0) !important;
}
.quarter-circle-container:hover .quarter-circle-scale{
  filter: blur(5px);
  -webkit-filter: blur(5px);
}



.pwd-wrap{position:relative}
.pwd-wrap .fa-eye,
.pwd-wrap .fa-eye-slash{
    position:absolute;
    right:15px;
    top:50%;
    transform:translateY(-50%);
    cursor:pointer;
    color:#888;
}