body{
	background: #5d5d5d;
}
p{
	margin: 0;
}
.welcomeuser{
	background: #F2F0E7;
	padding: 20px 0;
	margin-top: 74px;
	box-shadow: 0 2px 4px 0px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 2px 4px 0px rgba(0,0,0,.2);
    -moz-box-shadow: 0 2px 4px 0px rgba(0,0,0,.2);
    -o-box-shadow: 0 2px 4px 0px rgba(0,0,0,.2);
}
 .welcomeuser .wuser-lead{
	 display: flex;
 }
 .welcomeuser .wuser-lead .puser-name{
	 margin-left: 0;
	 padding-top: 10px;
 }
  .welcomeuser .wuser-lead .puser-name h1{
	  color: #c97511;
	  font-size: 26px;
	  font-family: "Din-Bold";
  }
 .welcomeuser .wuser-lead .panlead{
	 margin-right: 0;
	 padding-top: 0px;
 }
 .welcomeuser .wuser-lead .panlead a{
	 background: #c97511;
	 padding: 20px 48px;
	 color: #ffffff;
	 font-family: "Din-Bold";
	 font-size: 22px;
	 display: inline-block;
	 -webkit-box-shadow: 0 3px 5px 1px rgba(0,0,0,.2);
    -moz-box-shadow: 0 3px 5px 1px rgba(0,0,0,.2);
    -o-box-shadow: 0 3px 5px 1px rgba(0,0,0,.2);
 }
 .yregisterdboard{
	 text-align: center;
	 padding: 25px 0;
	 font-size:24px;
	 font-family: "Din-Bold";
 }
 .leads--sec{
	 background: #ffffff;
 }
 .leads--sec table tr:first-child{
	 background: #F2F0E7;
	 box-shadow: 0 2px 2px 0px rgba(0,0,0,.2);
	  -webkit-box-shadow: 0 2px 2px 0px rgba(0,0,0,.2);
    -moz-box-shadow: 0 2px 2px 0px rgba(0,0,0,.2);
    -o-box-shadow: 0 2px 2px 0px rgba(0,0,0,.2);
 }
 .leads--sec table tr th{
	 text-align: center;
	  padding: 15px;
	  font-size: 14px;
 }
.leads--sec table tr td{
	 text-align: center;
	 width: 8%;
	 padding: 15px 5px;
	 font-size: 13px;
 }
   .leads--sec table tr td:nth-child(10){
	   width: 15%;
   }
   .leads--sec table tr td:nth-child(2){
	   color: #c97511;
	   text-decoration: underline;
   }
   .leads--sec table tr td:nth-child(2) a{
	   color: #c97511;
   }

   .leads--sec table tr:nth-child(even){
	   background: rgba(93,93,93,.02);
   }
   .leads--sec table tr td a:hover{
	   color: #c97511;
   }
  .close-register{
	  top: 5px;
	  right: 5px;
  }
 /* for tooltip*/
 .tooltip-inner{
	 width: 150px;
	 padding: 15px;
	 border-width: 2px;
	 font-size: 11px;
 }
 /* for tooltip*/
 .pagingnation{
	 background: #E8E4D6;
	 padding: 15px 0;
 }
 .pagingnation ul li{
	background: url(../images/pagingnation.png) left center no-repeat;
 }
 .pagingnation ul li a{
	 font-size: 14px;
	 font-weight: normal;
 }
 .should .col-sample ul{
	 padding-left: 0;
 }
 .af-program {
	 background: url(../affiliate/img/affiliate-programbg.jpg) no-repeat left top;
	 background-size: 100%;
	 margin-top: 73px;
	 position: relative;

 }

  .af-program .wraper{
	  padding: 1px 0 0 0;
  }
 .caption-tc{
	 background: rgba(93,93,93,.5);
	 padding: 15px;
	 text-align: center;
	 margin: 45px 0 30px;

 }
 .caption-tc h1{
	 font-size: 59px;
	 font-family: "Din-Bold";
	 color: #ffffff;
 }
 .caption-tc h2{
	 font-size: 21px;
	 color: #ffffff;
	 font-family: "Din-Bold";
 }
 .affliate-tc{
	 background: #ffffff;
	 padding: 20px;
 }
 .scroller-tc{
	  height: 550px;
	 overflow-y: scroll;
	 padding: 30px;
 }
 .affliate-tc h3{
	 font-size: 21px;
	 font-family: "Din-Bold";
	 padding-bottom: 30px;
 }
 .affliate-tc h4{
	 font-family: "Din-Bold";
	 font-size: 16px;
	 padding-bottom: 15px;
	 padding-top: 15px;
	 text-transform: uppercase;
 }
  .affliate-tc table tr td{
	  padding: 15px;
  }
 .affliate-tc ul {
	 margin-left: 25px;
 }
  .affliate-tc ul li a{
	  color: #c97511;
  }
 .affliate-tc p{
	 padding-bottom: 10px;
 }
  .affliate-tc p span{
	  margin-bottom: 8px;
	  display: block;
	  text-transform: uppercase;
  }

 .tc-accept{
	 background: #EFEDED;
	 padding: 30px 0;
 }
 .tc-accept .common-button{
	margin-top: 0;
	color: #ffffff;
	background: #5d5d5d;
	padding: 2px 28px;
	pointer-events: none;
     font-size: 15px;
     margin-top: 7px;
 }
  .tc-accept .common-button.current{
	background: #c97511;
	pointer-events: initial;
 }
 .accept-label{
	 font-weight: normal;
	 padding-top: 10px;
     padding-left: 25px;
     font-family: "Din-Bold";
 }

    .accept-label input[type=checkbox]{
        vertical-align: top;
        margin-top: 5px;
    }
   .afp-form{
	 min-height: 900px;
	 background-position: 50% 50%;
	 margin-top: 0;
 }
 .afp-form .caption-tc{
	 margin-top: 110px;
 }
 /*
 .afp-form h1{
	 text-transform: uppercase;
 }*/
 .afp-form form{
	 padding-top: 50px;
	 min-height: 373px;
 }
 .schedule-survey-section{
	 position: relative;
	 min-height: 400px;
	 margin-bottom: 15px;
 }
 .signup-login{
	 position: absolute;
	 top: -46px;
	 width: 100%;
	 border-bottom: 1px solid #ccc;
	 margin-bottom: 0;
 }
 .signup-login li{
	 list-style: none;
	 display: inline-block;
	 padding: 10px 16px;
	 width: 40%;
	 background: #DBDAD9;
     -webkit-box-shadow: 4px -1px 6px 0px rgba(0,0,0,0.35);
-moz-box-shadow: 4px -1px 6px 0px rgba(0,0,0,0.35);
box-shadow: 4px -1px 6px 0px rgba(0,0,0,0.35);
     position: relative;

 }
 .signup-login li a{
	 list-style: none;
	 font-size: 18px;
	 font-weight: 600;
	 width: 100%;
	 display: block;
     text-transform: uppercase;
 }
  .signup-login li.active{
	  background: #ffffff;
      z-index: 1;
  }
 .bellowon{
	 min-height: 400px;
 }
  .view-details{
	  padding-bottom: 30px;
	  border-bottom: 7px solid #c97511;
  }
 .view-details h3{
	 font-size: 22px;
	 font-family: "Din-Bold";
	 background: #c97511;
	 color: #ffffff;
	 text-align: center;
	 padding: 20px 25px;

 }
 .view-details table{
	width: 100%;
	margin-top: 20px;
 }
  .view-details table tr td {
	  padding: 5px 15px;
	  width: 49%;
	  font-size: 14px;
  }
 .view-details table tr td:nth-child(1){
	 text-align: right;
	 padding-right: 10px;
 }
 .view-details table tr td:nth-child(2){
	 font-family: "Din-Bold";
 }
 .thankyoutc{
	 padding: 10% 15%;
	 text-align: center;
 }
 .thankyoutc h3{
	 font-size: 32px;
	 font-family: "Din-Bold";
	 padding-bottom: 50px;
	 color: #c97511;
 }
.thankyoutc p{

}
 .thankyoutc .srnleads{
	padding-top: 30px;
}
 .thankyoutc .srnleads a.common-button{
	 padding: 8px 10%;
 }
 .register-thankyou{
	 padding: 12% 15px;
 }
 .register-thankyou h3{
	 padding-bottom: 50px;
	 color: #c97511;
 }
.twobtn a.common-button{
	 padding: 5px 3%;
	 margin: 30px 5px;
	 font-size: 16px;
 }
 .twobtn a.common-button:hover{
	 color: #ffffff;
 }

 .schedule-survey .next input[value="Previous"] {
    background: url(../img/click-arrow2.png) no-repeat #5d5d5d 20px 7px !important ;
}
 .schedule-survey .next input[value="next"] {
    background: url(../img/click-arrow.png) no-repeat #c97511 20px 7px !important ;
}
.schedule-survey p.submiting-tc{
    font-size: 10px;
}
.survey-steps p a, .col-sample p a{
    color: #c97511;
}
.foget-pass a{
    font-size: 13px;
}
.schedule-survey-section  .schedule-survey h4{
    color: #5d5d5d;
}
.common-button-black {
    background: #4c4c4c;
    border: none;
    color: #fff;
    font-family: "DIN-Bold";
    margin-top: 15px;
    padding: 6px 23px;
    display: inline-block;
}
.common-button-black:hover{
    color: #fff;
}
/* responsive css */
@media screen and (max-width: 1200px){
.leads--sec {
	overflow-x: scroll;
}
.leads--sec .wraper, .pagingnation{
	width: 1200px;
}
.afp-form{
		background-position: 0 0;
	}
}
@media screen and (max-width: 1024px){
	.af-program{
		margin-top: 64px;
	}
	.schedule-survey-section{
		width: 700px;
	}
	.afp-form .caption-tc{
		margin-top: 80px;
		margin-bottom: 48px;
	}
.caption-tc h1{
	font-size: 36px;
}
.caption-tc h2{
	font-size: 18px;
}
.bellowon{
	background: rgba(93,93,93,1);
	height: auto;
	min-height: initial;
}
}


@media screen and (max-width: 768px){

.welcomeuser .wuser-lead .panlead{
	margin: 15px auto;
}
.schedule-survey-section{
		width: 100%;
	}
	.scroller-tc{
		padding: 0;
	}
	.tc-accept{
		padding: 10px 10px 30px 10px;
	}
	.accept-label{
		display: block;
		text-align: center;
	}
	#mydiv{
		text-align: center;
		padding-top: 10px;
	}
}
@media screen and (max-width: 480px){
	.welcomeuser .wuser-lead{
		display: block;
		text-align: center;
	}
	.yregisterdboard{
		font-size: 18px;
	}
	.welcomeuser .wuser-lead .panlead a{
		font-size: 17px;
		padding: 15px 30px;
	}
	.afp-form .caption-tc{
		margin-top: 70px;
		margin-bottom: 36px;
	}
.caption-tc h1{
	font-size: 24px;
}
.caption-tc h2{
	font-size: 16px;
}
.af-program{
	margin-top: 60px;
}
    .schedule-survey-section, .afp-form form{
        min-height: initial;
    }
    .signup-login li a{
        font-size: 14px;
    }
    .signup-login{
        top: -41px;
    }

}
.occupation{
	-moz-box-shadow: -1px -1px 2px 1px rgba(49, 49, 49, .25);
	box-shadow: -1px -1px 2px 1px rgba(49, 49, 49, .25);
	-moz-border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
	-khtml-border-radius: 0px !important;
	border-radius: 0px !important;
}
.custom-select1 select {
    display: inline-block;
    margin: 0;
    font: inherit;
    background: #ffffff;
    outline: 0;
    line-height: 1.2;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .custom-select1 select {
        padding-right: 15px
    }
}

.custom-select1:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    line-height: 30px;
    padding: 5px 10px;
    color: #fff;
    background: url(img/about-downarrow.png) 50% 50% no-repeat;
    background-size: 10px;
    pointer-events: none
}
