body {
   
}
#rew-ptshd{
    text-align:center!important;
	
	color:#000!important;
	margin:0 !important;
	font-weight: 600!important;
}
.rew-ptsjustify{
    text-align :justify;
 
}

.rew-ptsCircle{
    width:140px;
    height:140px;
    border-radius:70px !important;
    background-color:#C00000 !important;
    color:white !important;
    text-align:center!important;
    font-weight:bold;
    display:block!important;
    position:relative;
    float:right;
    top: -93px;
    padding-top: 30px;
    cursor: pointer;
    margin-bottom: -32px;
}
.rew-ptsCircle a{
    color:white !important;
   
}
#circlediv{
     display: block !important;
   
}
#circlediv span{
    font-size: 22px;
    padding: 0px !important;
    margin: 0px !important;
    line-height: 31px;
    font-family:Segoe UI;
   
}
 #bttnMissingPoint{
    margin-top:15px !important;
}
.requiredlbl:after {
    content:"*";
    color: black;
  }
.Divmsgstyle{
    margin-bottom: 15px;
    font-size:20px !important;
}
.lblfont{
    font-weight:bold !important;
    
     font-size: 16px !important;
}
.Diverrormsgstyle {
    margin-bottom: 10px !important;
    /*font-size: 16px !important;*/*/
}
 .bootstrap-datetimepicker-widget.dropdown-menu {
        width: 10px!important;
    }
#datepicker1 .bootstrap-datetimepicker-widget.dropdown-menu.usetwentyfour {
        width: auto!important;
    }

    .timepicker-picker table td a span,
    .timepicker-picker table td,
    .timepicker-picker table td span {
        height: 20px !important;
        line-height: 20px !important;
        vertical-align: middle;
        width: 30px !important;
        padding: 0px !important;
       
    }
    .bootstrap-datetimepicker-widget .datepicker table {width: 19em;}

.noside {
    padding-left:0px!important;
    margin-left:0px!important;
    padding-right:0px!important;
    margin-right:0px!important;
    margin-bottom:20px !important;
}
.lblheight{
     
    line-height: 30px;
 }

/*************************************************************Media Query**************************************************************/
@media screen and (min-width:50px) and (max-width:280px) {
    #circlediv {
          display: block !important;
          margin-left: auto !important;
          margin-right: auto !important;
    
}
      .rew-ptsCircle{
    width:140px;
    height:140px;
    border-radius:70px !important;
    background-color:#C00000 !important;
    color:white !important;
    text-align:center!important;
    font-weight:bold;
    display:block!important;
    position:relative;
    float:right;
    top: -29px;
    padding-top: 30px;
    cursor: pointer;
    margin-bottom: 10px;

}
        
    }

@media screen and (min-width:280px) and (max-width:530px) {
    #circlediv {
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
 
     }
    .rew-ptsCircle{
    width:140px;
    height:140px;
    border-radius:70px !important;
    background-color:#C00000 !important;
    color:white !important;
    text-align:center!important;
    font-weight:bold;
    display:block!important;
    position:relative;
    float:right;
     top: -44px;
    padding-top: 30px;
    cursor: pointer;
    margin-bottom: -4px;

}
}
@media screen and (min-width:531px) and (max-width:760px)
{
    #circlediv {
         display: block !important;
          margin-left: auto !important;
          margin-right: auto !important;
         
     }
       .rew-ptsCircle{
    width:140px;
    height:140px;
    border-radius:70px !important;
    background-color:#C00000 !important;
    color:white !important;
    text-align:center!important;
    font-weight:bold;
    display:block!important;
    position:relative;
    float:right;
    top: -44px;
    padding-top: 30px;
    cursor: pointer;
    margin-bottom: -4px;
}
}

	
@media screen and (min-width:768px) and (max-width:950px)
{
    
	     .rew-ptsCircle{
    width:140px;
    height:140px;
    border-radius:70px !important;
    background-color:#C00000 !important;
    color:white !important;
    text-align:center!important;
    font-weight:bold;
    display:block!important;
    position:relative;
    float:right;
    top: -74px;
    padding-top: 30px;
    cursor: pointer;
    margin-bottom: 0px;
}
}
@media screen and (min-width:951px) and (max-width:991px) {
    .rew-ptsCircle {
        width: 140px;
        height: 140px;
        border-radius: 70px !important;
        background-color: #C00000 !important;
        color: white !important;
        text-align: center !important;
        font-weight: bold;
        display: block !important;
        position: relative;
        float: right;
        top: -90px;
    padding-top: 30px;
    cursor: pointer;
    margin-bottom: -32px;
    margin-right: 0px;
}
    
}
       	@media screen and (min-width:992px) and (max-width:1200px)
{
	   .rew-ptsCircle{
    width:140px;
    height:140px;
    border-radius:70px !important;
    background-color:#C00000 !important;
    color:white !important;
    text-align:center!important;
    font-weight:bold;
    display:block!important;
    position:relative;
    float:right;
    top: -93px;
    padding-top: 30px;
    cursor: pointer;
    margin-bottom: -32px;
    margin-right: 70px;
}

}

@media screen and (min-width:761px) and (max-width:767px)
{
	
 	   .rew-ptsCircle{
    width:140px;
    height:140px;
    border-radius:70px !important;
    background-color:#C00000 !important;
    color:white !important;
    text-align:center!important;
    font-weight:bold;
    display:block!important;
    position:relative;
    float:right;
       top: -44px;
    padding-top: 30px;
    cursor: pointer;
    margin-bottom: -4px;
    margin-right: 18px;
}

}