body{
  background: #e8e8e8;
    font-family: arial;
}
.tile {
    background: url("../images/tileback.png") no-repeat scroll center center;
    width: 21%;
    height: 220px;
    margin: 20px 0 0;
    width: 400px;
    display: inline-block;
    float: left;
}
.tiletopfirstline {
    padding: 14px 0 0;
}
.tiletop {
    border-bottom: 1px solid #cccccc;
    margin: 0 15px;
}
.tilebottom {
    margin: 0 20px;
}
.tileheadernum {
    color: #828282;
    font-size: 40px;
    font-weight: bold;
    vertical-align: bottom;
}
.tileheader {
    padding: 4px 0 0 10px;
}
.tileheader span {
    color: #303030;
    font-size: 16px;
    font-weight: bold;
    height: 2.3em;
    line-height: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: capitalize;
}
.tiletopfirstline div {
    display: table-cell;
}
.tiletopsecondline div {
    display: inline-block;
}
.tiletopsecondline {
    color: #737373;
    font-size: 14px;
    text-transform: capitalize;
     margin:0;
}
.discriptionheader {
    color: #cc3141;
    font-size: 16px;
    font-weight: bold;
}
.discription {
    color: #5f5f5f;
    font-size: 15px;
    height: 2.3em;
    overflow: hidden;
    text-align: justify;
    text-overflow: ellipsis;
}
.tilebottomsecondline div {
    display: inline;
}
.tilebottomfirstline {
    margin: 10px 0 0;
}
.btnone {
    background: url("../images/btnforum.png") no-repeat scroll center center;
    padding: 0 43px 23px;
    padding: 0 43px 53px\9;
    display:none !important;
}
.btntwo {
   
   background: url("https://images.netexam.com/images/11165/btnexam-new.png") no-repeat scroll center center;
   padding: 0 67px 23px;  
   padding: 0 64px 53px\9;
}

.btnthree {
    background: url("../images/btntakecourse.png") no-repeat scroll center center;
    padding: 0 43px 25px 103px;
    padding: 0 43px 53px 103px\9;
}

.tilehover .btnthree {
 padding:0 43px 47px 103px;
padding : 0 43px 148px 103px\9;
}
.btnretake {
    background: url("../images/btnretake.png") no-repeat scroll center center;
    padding: 0 43px 23px 103px;
    visibility:hidden;
}

.btnTakeExam
{
   /* background: url("https://images.netexam.com/images/11165/btnretakeexam-two.png") no-repeat scroll center center;*/
background: url("https://images.netexam.com/images/11165/btnexam-new.png") no-repeat scroll center center;
    padding: 0 43px 25px 103px;
    padding: 0 43px 53px 103px\9;
}

.btnretakeExam {
    background: url("../images/btnretakeexam.png") no-repeat scroll center center;
    padding: 0 43px 23px 103px;
    visibility:hidden;
}

.btnmoveright{
  float: right;
}

.tiletopsec-itemsecond
{
  color: #C70;
  font-size: 12px;
}

.tiletopsec-itemthird
{
  color: #C70;
  font-size: 12px;
}

.tilebottomsecondline {
    margin: 0;
    margin-top: 22px;
}
.btnone:hover, .btntwo:hover, .btnthree:hover, .btnTakeExam:hover{
  cursor: pointer;
}
.star {
    font-size: 10px;
}
.disable {
    opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
/*Rating*/
.starRating:not(old){
      display        : inline-block;
      width          : 7.5em;
      height         : 1.5em;
      overflow       : hidden;
      vertical-align : bottom;
}

.starRating:not(old) > input{
  margin-right : -100%;
  opacity      : 0;
}

.starRating:not(old) > label{
  display         : block;
  float           : right;
  position        : relative;
  background      : url('star-off.svg');
  background-size : contain;
}

.starRating:not(old) > label:before{
  content         : '';
  display         : block;
  width           : 1.5em;
  height          : 1.5em;
  background      : url('star-on.svg');
  background-size : contain;
  opacity         : 0;
  transition      : opacity 0.2s linear;
}

.starRating:not(old) > label:hover:before,
.starRating:not(old) > label:hover ~ label:before,
.starRating:not(:hover) > :checked ~ label:before{
  opacity : 1;
}
/* /Rating */

/* Tile Hover*/
.complete .tilehover
{
  background: url("../images/tilebackhover-newcert.png") no-repeat scroll center center;

}
.tilehover {       
    height: 220px;
    left: -20px;
    margin: 20px;
    position: relative;
    top: -170px;
    top: -189px\9;
    width: 400px;
}
.complete:hover .tilehover{
    display: block;
}
.tilehoverheadernum {
    color: #fff;
    font-size: 40px;
    font-weight: bold;
    vertical-align: bottom;
}
.tilehovertop {
    margin: 0 15px;
    padding: 14px 0 0;
    visibility: hidden;
display: none;
}
.tilehovertop div {
    display: table-cell;
}
.tiletopfirstline {
    padding: 14px 0 0;
}
.tilehoverheader {
    padding: 4px 0 0 10px;
}
.tilehoverheader span {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    height: 2.3em;
    line-height: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: capitalize;
}
.tilehovermiddle {
    margin: 25px 0 0 65px;
    visibility: hidden;
}
.tilestatus {
    background: url("../images/correct.png") no-repeat scroll 0 0;
    color: #fff;
    font-size: 26px;
    font-weight: bold;
    padding: 7px 0 0 40px;
    text-transform: capitalize;
}
.tilehoverbottom div {
    display: inline;
}
.tilehoverbottom {
    margin: 87px 20px 0;
    margin: 81px 20px 0\9;
}
.tilehoverbtnone {
    background: url("../images/btnforumhover.png") no-repeat scroll center center;
    padding: 0 43px 23px;
    visibility:hidden;
}
.tilehoverbtntwo {
    background: url("../images/btnopthover.png") no-repeat scroll center center;
    padding: 0 43px 23px;
}
.tilehoverbtnthree {
    background: url("../images/btntakecourse.png") no-repeat scroll center center;
    padding: 0 43px 23px 103px;
}

.tilehoverbtnTakeExam {
    background: url("../images/btntakeexam.png") no-repeat scroll center center;
    padding: 0 43px 23px 103px;
}

.tilehoverbtnone:hover, .tilehoverbtntwo:hover{
  cursor: pointer;
}

.rating { 
          border: none;
          float: left;
      }

      .rating > input { } 

      .rating > label {
          background: url("https://staging.v6.netexam.com/images/ratingsno-new.png") no-repeat;
          display: inline-block;
          padding: 10px 9px;
          float: right; 
      }

      .rating > input:checked ~ label, 
      .rating:not(:checked) > label:hover, 
      .rating:not(:checked) > label:hover ~ label {        
          background: url("https://staging.v6.netexam.com/images/ratings-new.png") no-repeat scroll; 
       }

      .rating > input:checked + label:hover, 
      .rating > input:checked ~ label:hover,
      .rating > label:hover ~ input:checked ~ label, 
      .rating > input:checked ~ label:hover ~ label { 
          background: url("https://staging.v6.netexam.com/images/ratings-new.png") no-repeat scroll;
      }
      
      .gender
     {
     display:none;
     }
    .ratingcontain {
      margin-bottom: 4px;
      width: 208px;
      position: relative;
      left: 82px;
    }
    .tilerat {
      font-size: 12px;
      padding-top: 4px;
    }
/* /Tile Hover */

	.btnthreeDisable{
		background: url(../images/btntakecoursedisable.png) no-repeat scroll center center;
		padding: 0 43px 25px 103px;
	}