@charset "utf-8";
/* CSS Document */
/* CSS Copyright (c) 2018 Kyle Lawrence, Connection Card Inc., Winter Park, CO, USA */

/* CCSURVEY CLASSES */
.cc-survey-form{
	background: #f7f8f9;
	border-radius: 0.333em;
	color: #6b7c93;
}

.cc-survey-form input[type="checkbox"],
.cc-survey-form input[type="radio"] {
	/* Reset checkbox and radio styles */
	height: auto;
	padding: auto;
	width: auto;
	border: 0;
	border-radius: 0;
	box-shadow: 0 0 0 0 transparent;
}

.cc-survey-form input,
.cc-survey-form select{
	height: 2.5em;
}

.cc-survey-form textarea{
	height: 7.5em;
}

.cc-survey-form input,
.cc-survey-form textarea,
.cc-survey-form select{
	padding: 0 0.75em;
	color: #32325d;
	width: 100%;
	background-color: white;
	border: 1px solid transparent;
	border-radius: 0.25em;
	box-shadow: 0 1px 3px 0px #e6ebf1;
	-webkit-transition: box-shadow 150ms ease;
	transition: box-shadow 150ms ease;
}
.cc-survey-form input:not([type="checkbox"]):not([type="radio"]):disabled,
.cc-survey-form select:disabled{
	background-color: #DDDDDD;
	cursor: no-drop;
}

.cc-survey-form input:not([type="checkbox"]):not([type="radio"]):focus,
.cc-survey-form select:focus{
	outline: none;
	box-shadow: 0 1px 3px 0 #CFD7Df;
}

.cc-survey-form label{
	margin-bottom: .333em;
	font-size: 0.9rem;
}

.cc-survey-form input:not(:placeholder-shown):not(-moz-placeholder):not(-ms-input-placeholder):invalid{
	color: #fa755a;
	border: #fa755a 1px solid;
}

.cc-survey-form input:valid:focus,
.cc-survey-form select:valid:focus {
	border-color: #66FC32;
}

.cc-survey-section h1,
.cc-survey-section h2,
.cc-survey-section h3,
.cc-survey-section h4{
	color: #32325d;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #aab7c4;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #aab7c4;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #aab7c4;
}
:-moz-placeholder { /* Firefox 18- */
  color: #aab7c4;
}

.cc-survey-form-container{
	margin: auto;
	max-width: 860px;
	background:#f7f8f9;
	border-radius: 5px;
	padding:20px;
	color:#6b7c93;
	text-align:left;
}

.cc-survey-form-container h1, .cc-survey-form-container h2, .cc-survey-form-container h3, .cc-survey-form-container h4{
	color: #32325d;
}

.cc-survey-form-container .btn-cc{
	display:block;
	width: 100%;
	margin: auto;
	margin-top: 30px;
}