@import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);
*{
	padding:0;
	margin:0;
	border:0;
}
.siteclear{
	clear:both;
}
fieldset, label { margin: 0; padding: 0; }

.rating { 
  border: none;
  float: left;
}
.rating > input { display: none; } 
.rating > label:before { 
  margin: 5px;
  font-size: 1.25em;
  font-family: FontAwesome;
  display: inline-block;
  content: "\f005";
}
.rating > .half:before { 
  content: "\f089";
  position: absolute;
}
.rating > label { 
  color: #ddd; 
 float: right; 
}

.rating > input:checked ~ label, 
.rating:not(:checked) > label:hover, 
.rating:not(:checked) > label:hover ~ label { color: #FFD700;  } 

.rating > input:checked + label:hover, 
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label, 
.rating > input:checked ~ label:hover ~ label { color: #FFED85;  } 
.consumertap-title{
	font-size:20px;
	line-height:22px;	
	text-align:center;
	font-weight:600;
}
.consumertap-cont2{
	display:block;
	margin-top:25px;
}
.consumertap-service{
    width: 100%;
    margin: 0px auto 0px;
    max-width: 446px;
}
.consumertap-service a,.consumertap-status a{
    display: block;
	opacity:1;
}
.consumertap-service a img,.consumertap-status a img{
    display: block;
	width:100%;
}
.consumertap-service a:hover,.consumertap-status a:hover{
	opacity:0.8;
}
.consumertap-staff{
	display: block;
    text-align: center;
    margin: 100px 0px 100px;
    font-size: 20px;
}
.service-title{
	font-size: 29px;
    line-height: 32px;
	text-align:left;
}
.service-rate-cont{
	display: block;
    margin-top: 20px;
    font-size: 20px;
}
.service-rate-lbl{
	margin-right:20px;
}
.service-box{
	display: block;
    margin-top: 30px;
}
.service-box-left{
	float:left;
	width:100px;
	margin-right:10px;
	font-size: 18px;
    line-height: 23px;
}
.service-box-right{
	float:left;
	max-width:500px;
	width:100%;
	}
	.service-box-right textarea{
		display:block;
		width:100%;
		height:120px;
		padding:4px;
		font-size:18px;
	}
.service-box2{
	float:left;
	margin-top: 10px;
	margin-right: 25px;
	}
	.service-box2-left{
		float: left;
		width: 100px;
		margin-right: 10px;
		font-size: 18px;
		line-height: 23px;
		margin-top: 10px;
	}
	.service-box2-right{
		float:left;
		margin-top: 10px;
		}
		.service-box2-right input[type="text"],.service-box2-right input[type="email"],.service-box2-right input[type="tel"]{
			padding: 7px 4px 7px 4px;
			width: 250px;
			display: block;
			font-size:18px;
		}
.service-box3{
	float: left;
    margin-top: 48px;
    width: 200px;
    font-size: 15px;
    line-height: 17px;
	margin-right: 42px;
}
.service-box4{
	float:none;	
	}
	.service-box4 a.feedback-submit{
		display: inline-block;
		background-color: #000;
		color: #fff;
		text-align: center;
		padding: 10px 25px;
		font-size: 25px;
		opacity: 1;
		cursor: pointer;
		margin-top: 25px;
		text-decoration: none;
		margin-bottom: 0px;
		}
		.service-box4 a.feedback-submit:hover{
			opacity: 0.8;
		}
.review-term-box{
	margin-top: 35px;
}
.review-term-box a{
	text-decoration:underline;
}
#service-login-form{
	display: block;
    border: 1px solid #000;
    padding: 20px;
    width: 40%;
    margin: 0px auto 0px;
	}
	.service-login-title{
		font-size: 23px;
		text-align: center;
		font-weight: 600;
		line-height: 27px;
	}
	.service-login-box{
		margin-top: 15px;
	}
	.service-login-box label{
		display: block;
		font-size: 16px;
	}
	.service-login-box input[type="text"],.service-login-box input[type="password"]{
		display:block;
		padding: 8px 4px;
		width: 100%;
	}
	input.servicesubmit_button{
		float: right;
		color: #fff;
		display: block;
		text-align: center;
		padding: 10px 40px;
		font-size: 16px;
		opacity: 1;
		background-color: #000;
		margin-top: 15px;		
		}
		input.servicesubmit_button:hover{
			opacity:0.8;
		}
	a.service-login-lost{
		display:block;
		margin-top:15px;
	}
.service-subtitle{
	font-size: 22px;
    line-height: 32px;
}
.service-title2{
	font-size: 22px;
    line-height: 32px;
    margin-top: 15px;
	text-align:left;
}
.service-stepone-left{
	float: left;
    width: 70%;
	}
	.service-stepone-left-box{
		margin-top:15px;
	}
	.service-stepone-left-lbl{
		float: left;
		width: 25%;
	}
	.service-stepone-left-ipt{
		float: left;
		width: 75%;
		}
		.service-stepone-left-ipt input[type="text"]{
			padding:8px 4px;
			width: 100%;
			font-size:18px;
		}
		.service-stepone-left-ipt2{
			float: left;
			margin-right: 20px;
		}
		.service-stepone-left-ipt2 select{
			padding: 12px 4px;
		}
		.service-stepone-left-lbl2{
			float: left;
			margin-right: 11px;
		}
		.service-stepone-left-ipt3{
			float: left;
			width: 166px;
		}
		.service-stepone-left-ipt3 input[type="text"]{
			padding:8px 4px;
			font-size:18px;
			display: block;
			width: 100%;
		}
.service-stepone-right{
	float: left;
    width: 30%;
}
.service-stepone-right-msg{
	font-size: 20px;
    margin-top: 64px;
}
.service-stepone-right-btns{
	float: right;
    margin-top: 62px;
	position: absolute;
    bottom: 0px;
    right: 0px;
}
.service-stepone-right-btns a,.service-steptwo-btns a,.service-stepthree-btns a{
	display: inline-block;
    background-color: #000;
    color: #fff;
    text-align: center;
    padding: 10px 25px;
    font-size: 25px;
    opacity: 1;
    cursor: pointer;
	text-decoration:none;
	margin-bottom:20px;
}
.service-stepone-right-btns a:hover,.service-steptwo-btns a:hover,.service-stepthree-btns a:hover{
	opacity:0.8;
	text-decoration:none;
}
.negativefeedbacktwo-title,.service-stepthree-title{
	font-size: 29px;
    line-height: 32px;
}
.service-steptwo-subtitle,.service-stepthree-subtitle{
	font-size: 21px;
    line-height: 32px;
    margin-top: 20px;
}
.negativefeedbacktwo-box{
	display:block;
	margin-top:25px;
}
.negativefeedbacktwo-left{
	float: left;
    width: 100%;
    max-width: 154px;
}
.negativefeedbacktwo-right{
	float: left;
    width: 100%;
    max-width: 926px;
	}
	.negativefeedbacktwo-right textarea{
		width: 100%;
		height: 150px;
	}
	
.negativefeedbacktwo-2cols{
	display:block;
	margin-top: 30px;
	}
	.negativefeedbacktwo-col1{
		display: inline-block;
		float: left;
		width: 100%;
		max-width: 400px;
		}
		.negativefeedbacktwo-col1-title{
			font-size: 29px;
			line-height: 32px;
		}
		.negativefeedbacktwo-col1-box{
			display:block;
			margin-top:15px;
		}
		.negativefeedbacktwo-col1-lbl{
			float: left;
			width: 100%;
			max-width: 154px;
		}
		.negativefeedbacktwo-col1-field{
			float: left;
			max-width: 200px;
			width: 100%;
			}
			.negativefeedbacktwo-col1-field input[type="text"]{
				display:block;
				width:100%;
				padding:5px;
			}
	.negativefeedbacktwo-col2{
		display: inline-block;
		float: left;
		width: 100%;
		max-width: 357px;
	}
	.negativefeedbacktwo-col3{
		display: inline-block;
		float: right;
		width: 100%;
		max-width: 308px;
	}
	

.service-steptwo-btns,.service-stepthree-btns{
	float: right;
    margin-top: 15px;
}
.service-stepthree-left{
	float: left;
    width: 49%;
    margin-right: 2%;
	}
	.service-stepthree-box{
		display:block;
		margin-bottom:15px;
	}
	.service-stepthree-lbl{
		float: left;
		width: 20%;
	}
	.service-stepthree-ipt{
		float: left;
		width: 80%;
		}
		.service-stepthree-ipt input[type="text"],.service-stepthree-ipt input[type="email"],.service-stepthree-ipt input[type="tel"]{
			padding:8px 4px;
			width:100%;
		}
.service-stepthree-right{
	float: left;
    width: 49%;
}

.consissuestatus-title{
	font-size: 29px;
    line-height: 32px;
	text-align:center;
}
.consissuestatus-box{
	display: block;
    margin-top: 15px;
}
.consissuestatus-head{
	font-size: 17px;
    font-weight: 600;
}
.consissuestatus-head1,.consissuestatus-head2,.consissuestatus-head3,.consissuestatus-head4,.consissuestatus-head5,.consissuestatus-head6{
	float:left;
	width:16%;
}

.consissuestatus-col1,.consissuestatus-col2,.consissuestatus-col3,.consissuestatus-col4,.consissuestatus-col5,.consissuestatus-col6{
	float:left;
	width:16%;
}
.consissuestatus-col1-outstanding{
	background-color: red;
    color: #fff;
    width: 110px;
    text-align: center;
    display: inline-block;
    padding: 4px 0px;
}
.consissuestatus-col1-feedback{
	background-color:#1155cc;
    color: #fff;
    width: 110px;
    text-align: center;
    display: inline-block;
    padding: 4px 0px;
}
.consissuestatus-col1-resolved{
	background-color:#6aa84f;
    color: #fff;
    width: 110px;
    text-align: center;
    display: inline-block;
    padding: 4px 0px;
}
.consumertap-box{
	margin-bottom:20px;
}
form#login{
	display: block;
	border: 1px solid #000;
	padding: 20px;
	width: 40%;
	margin: 0px auto 0px;
}
form#login .status{
    display: none;
	text-align: center;
	color: red;
	margin-top: 15px;
}
.login_overlay{
    height: 100%;
    width: 100%;
    background-color: #F6F6F6;
    opacity: 0.9;
    position: fixed;
    z-index: 998;
}

a.staffrecordissue-back{
	display: inline-block;
    background-color: #000;
    color: #fff;
    text-align: center;
    padding: 10px 25px;
    font-size: 25px;
    opacity: 1;
    cursor: pointer;
    margin-top: 75px;
	}
	a.staffrecordissue-back:hover{
		opacity:0.8;
	}
	
.consumertapcomplaintMsg{
	text-align: center;
	color: #074b90;
	font-size: 20px;
	margin-bottom: 20px;
}
.feedbackrate-error,.feedback-required{
	color: red;
    font-size: 13px;
}

#lookupastatusform{
	display:block;
	max-width: 410px;
    width: 100%;
    margin: 40px auto 0px;
	}
	.lookup-box{
		display:block;
	}
	.lookup-label{
		float: left;
		width: 149px;
		margin-right: 10px;
		font-size: 18px;
		line-height: 23px;
		margin-top: 16px;
	}
	.lookup-field{
		float: left;
		margin-top: 10px;
	}
	.lookup-field input[type="email"],.lookup-field input[type="text"]{
		padding: 7px 4px 7px 4px;
		width: 250px;
		display: block;
	}
	#lookupastatusform input[type="submit"]{
		display: inline-block;
		background-color: #000;
		color: #fff;
		text-align: center;
		padding: 8px 25px;
		font-size: 15px;
		opacity: 1;
		cursor: pointer;
		margin-top: 15px;
		float: right;
	}
#positivefeedback{
    display: block;
	max-width: 1080px;
	width: 100%;
}
.positivefeedback-txt{
	float: left;
    text-align: justify;
    margin-top: 20px;
    max-width: 400px;
	width:100%;
    margin-right: 50px;
}
.positivefeedback-socials{
	display: inline-block;
    float: left;
    width: 100%;
    max-width: 630px;
	}
	.positivefeedback-fb,.positivefeedback-gplus,.positivefeedback-yelp{
		display: inline-block;
		float: left;
		width: 25%;
		margin-top: 35px;
		text-align: center;
		margin-right: 12%;
	}
	.positivefeedback-yelp{
		margin-right:0px;
	}
	.positivefeedbacktxt{
		height: 165px;
		font-size: 22px;
		width:100%;
	}
	.positivefeedback-socials a{
		text-decoration:none;		
		}
		.positivefeedback-socials a:hover{
			text-decoration:underline;	
		}
.positivefeedback-done-cont{
	display: block;
    float: right;
    margin-top: 50px;
    margin-bottom: 50px;
	}
	a#positivefeedback-done-btn{
		display: block;
		background-color: #000;
		color: #fff;
		text-align: center;
		padding: 12px 30px;
		font-size: 25px;
		opacity: 1;
		cursor: pointer;
		bottom: 0px;
		text-decoration: none;
	}
	a#positivefeedback-done-btn:hover{
		opacity:0.8;
	}
	a.positivefeedbacktxt-copy{
		display: inline-block;
		text-decoration: none;
		color: #fff;
		font-size: 16px;
		padding: 5px 14px;
		cursor:pointer;
		opacity:1;
		}
		a.positivefeedbacktxt-copy:hover{
			opacity:0.8;
			text-decoration: none;
		}
.feedbacknote{
	display:block;
	margin-top:30px;
}
.ctap-search-icon{
		width: 100px;
		margin: 60px auto 0px;
	}
.lookupresultbox .consissuestatus-head{
	background-color: #000;
	color: #fff;
	padding: 8px 0px;
	text-align: center;
}
.lookupresultbox .consissuestatus-row{
	padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f5f0f0;
    text-align: center;
    font-size: 14px;
}
.ctap-required{
	color:#ff0000;
}
#service-cont,#negativefeedbackone{
	color: #074b90;
}
.ctapstatus{
	text-align: center;
	color: #ff0000;
	margin-top: 12px;
}
.ctap-customer-yes{
    margin-right: 15px;
}
.ctap-customer-yes input[type="radio"],.ctap-customer-no input[type="radio"]{
	position: relative;
    top: 3px;
}
.integrate-cont{
	width:100%;
	text-align:center;
}
.itg-website-embed-title{
	color:dimgray;
}
.itg-website-embed-desc{
	text-align:center;
	font-family: 'Cardo', Georgia, 'Times New Roman', serif;
}
.itg-email-embed-title{
	color:dimgray;
}
.itg-email-embed-desc{
	text-align:center;
	font-family: 'Cardo', Georgia, 'Times New Roman', serif;
	color:darkblue;
}
.itg-email-embed-desc a.itg-email-embed-desc-link{
	color:darkblue;
}
.itg-closing-title{
	color:dimgray;
}
a.itg-closing-title-link{
	color:darkblue;
}
.itg-closing-desc{
	text-align:center;
	font-family: 'Cardo', Georgia, 'Times New Roman', serif;
	color:darkblue;
}
a.itg-closing-desc-link{
	color:darkblue;
}
.rating-style-faces{
    margin-top: 15px;
	margin-bottom: 35px;
}
.rating-style-faces input{
    position:absolute;
    z-index:999;
	opacity:0;
}
.terribleface{background-image:url('../images/rating-style/faces/terrible.png');}
.badface{background-image:url('../images/rating-style/faces/bad.png');}
.okayface{background-image:url('../images/rating-style/faces/okay.png');}
.goodface{background-image:url('../images/rating-style/faces/good.png');}
.greatface{background-image:url('../images/rating-style/faces/great.png');}

.rating-style-faces input:active +.ratingstyleface{opacity: .9;}
.rating-style-faces input:checked +.ratingstyleface{
    -webkit-filter: none;
       -moz-filter: none;
            filter: none;
}
.ratingstyleface{
    cursor:pointer;
    background-size:contain;
    background-repeat:no-repeat;
    display:block;
    width:50px;height:50px;
    -webkit-transition: all 100ms ease-in;
       -moz-transition: all 100ms ease-in;
            transition: all 100ms ease-in;
    -webkit-filter: brightness(1.8) grayscale(1) opacity(.7);
       -moz-filter: brightness(1.8) grayscale(1) opacity(.7);
            filter: brightness(1.8) grayscale(1) opacity(.7);
	float:left;
}
.ratingstyleface:hover{
    -webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
       -moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
            filter: brightness(1.2) grayscale(.5) opacity(.9);
}
.ratingstyleface span{
	position: relative;
    top: 46px;
    display: block;
    font-size: 11px;
    text-align: center;
    color: #000;
    font-weight: 800;
}

/* Extras */
.rating-style-faces input{ margin: 5px 0 0 12px; }
.rating-style-faces label{ margin-left: 15px; }
label.terribleface{
	margin-left:0px;
}
span.cc{ color:#6d84b4 }

@media screen and (max-width:1366px){
	.negativefeedbacktwo-left {		
		max-width: 100%;
	}
	.negativefeedbacktwo-col2 {
		float: none;
		clear: both;
		margin-top: 40px;
	}
}
@media screen and (max-width:980px){
	.service-box2 {
		float: none;
		margin-top: 10px;
		margin-right: 0px;
		clear: both;
	}
	.service-box4 {
		float: none;
		clear: both;
	}
	.service-box4 a.feedback-submit{
		position:inherit;
		margin-top: 20px;
	}
	.service-stepone-left {
		float: none;
		clear:both;
		width: 100%;
	}
	.service-stepone-right {
		float: none;		
		clear: both;
		width: 100%;
	}
	.service-stepone-right-btns {
		float: none;
		clear:both;
		margin-top: 20px;
		position: inherit;
		bottom: 0px;
		right: 0px;
	}
}
@media screen and (max-width:640px){
	.consumertap-service,.consumertap-status{
		float: none;
		clear:both;
		width: 98%;
		margin-left:auto;
		margin-right:auto;		
	}
	.consumertap-status{
		margin-top:20px;
	}
	.consumertap-service a, .consumertap-status a {    
		font-size: 18px;    
	}
	form#login {    
		width: 80%;    
	}
	#service-cont{
		display: block;
		width: 90%;
		margin: 0px auto 0px;
	}
	.service-box4 a.feedback-submit {
		position: relative;
	}
	#negativefeedbackone{
		width: 90%;
		margin: 0px auto 0px;
	}
	.service-stepone-left-lbl {
		float: none;
		width: 100%;
		clear: both;
	}
	.service-stepone-left {
		float: none;
		width: 100%;
		margin-right: 0px;
	}
	.service-stepone-left-lbl {
		float: none;
		width: 100%;
		clear: both;
	}
	.service-stepone-left-ipt2 {
		float: none;
		margin-right: 0px;
		clear: both;
	}
	.service-stepone-left-lbl2 {
		float: none;
		margin-right: 0px;
		clear: both;
		margin-top: 15px;
	}
	.service-stepone-left-ipt3 {
		float: none;
		clear: both;
	}
	.service-stepone-right {
		float: none;
		width: 100%;
		clear: both;
		display: block;
	}
	.service-stepone-right-btns {
		float: none;
		margin-top: 30px;
		position: relative;
		bottom: 0px;
		right: 0px;
		clear: both;
	}
	#negativefeedbacktwo{
		display: block;
		width: 90%;
		margin: 0px auto 0px;
	}
	.service-steptwo-btns, .service-stepthree-btns {
		float: none;
		margin-top: 20px;
		clear:both;
	}
	#positivefeedback{
		width: 90%;
		margin: 0px auto 0px;
	}
	.positivefeedback-socials {
		display: inline-block;
		float: none;
		width: 100%;
		clear:both;
	}
	.positivefeedback-fb, .positivefeedback-gplus, .positivefeedback-yelp {
		display: inline-block;
		float: none;
		width: 100%;
		margin-top: 35px;
		text-align: center;
	}
	.positivefeedback-done-cont {
		display: inline-block;
		float: none;
		width: 100%;
		clear:both;
	}
	a#positivefeedback-done-btn {    
		position: relative;    
	}
	#lookupastatusform {
		display: block;
		max-width: 410px;
		width: 90%;
		margin: 40px auto 0px;
	}
	.lookup-label {
		float: none;
		width: 100%;
		margin-right: 0px;		
	}
	.lookup-field {
		float: none;
		margin-top: 10px;
		clear: both;
	}
	.lookup-field input[type="email"], .lookup-field input[type="text"] {
		padding: 7px 4px 7px 4px;
		width: 100%;
		display: block;
	}
	#lookupastatusform input[type="submit"] {
		margin-top: 15px;
		float: none;
		width: 100%;
		clear:both;
	}
	a.staffrecordissue-back {
    margin-left: 20px;
	}
}