@import url(//fonts.googleapis.com/css?family=PT+Sans);

.qc-input {
	width: 100%;
	font-size: 13px;
	border: 1px solid #444;
    color: #444;
}

.qc-question-number-creator {
	text-align:center;
}

.title{
	text-align:left;
	font-weight: bold !important;
}

.thecontent {
	width: 100%;
}

header h1 {
	width: 100%;
	text-align: left;
}

.thecontent > p {
	color: #444 !important;
	font-size:20px !important;
	line-height: 1.5em !important;
}

.qc-quiz-image-media-controls {
	height: 365px !important;
}

.qc-sort-wrap {
	padding-bottom: 20px;
}

.qc-sort-wrap select {
	margin-left: 5px;
	margin-right: 10px;
}

.qc-saving-draft {
	background: url("../img/fileloader.gif") no-repeat scroll 0% 0% transparent;
	background-size: contain;
	width: 25px;
	height: 25px;
	float: right;
	margin-left: 10px;
}

.qc-blue-button {
	background: linear-gradient(#70BDEF, #468CCF) repeat scroll 0% 0% transparent;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	padding-top: 10px;
	border: 1px solid #5B89BB;
	text-decoration: none;
	color: #444 !important;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

.qc-blue-button:hover {
	background: linear-gradient(#468CCF, #70BDEF) repeat scroll 0% 0% transparent;
	cursor: pointer;
}

.qc-gray-button {
	background: linear-gradient(#F9F9F9, #E7E7E7) repeat scroll 0% 0% transparent;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	padding: 10px;
	border: 1px solid #BEBEBE;
	text-decoration: none;
	color: #444 !important;
	float: right;
	margin-right: 10px;
	margin-top: 55px;
}

.qc-gray-button:hover{
	background: linear-gradient(#E7E7E7, #F9F9F9) repeat scroll 0% 0% transparent;
	cursor: pointer;
}

.qc-red-button {
	text-decoration: none;
	background-color: #FC0100;
	color: #FFF !important;
	font-weight: bold;
	font-size: 20px;
	padding: 10px;
	border: 1px solid #CF1315;
}

.qc-about-app-red-button {
    text-decoration: none;
    background-color: #F30302;
    color: #FFF !important;
    font-weight: bold;
    font-size: 15px;
    padding: 10px 20px;
    border: 1px solid #000;
    float: right;
    margin-left: 15px;
    margin-bottom: 20px;
}

.qc-about-app-red-button:hover {
	background-color: #a70201;
}

.qc-about-app-add-img, .qc-about-app-add-desc, .qc-about-app-add-taker-name {
	padding: 10px;
	margin-left: 10px;
	font-size: 13px;
}

.qc-main-over-wrap {
	text-align: center;
	max-width: 800px;
    margin: 0 auto;
}

.qc-dashboard-quiz-wrapper {
	margin-bottom: 30px;
}

.qc-dashboard-quiz-title {
	color: #1684EF;
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 5px;
}

.qc-dashboard-quiz-desc {
	margin-bottom: 5px;
	font-size: 14px;
}

.qc-dashboard-actions a {
	margin-right: 15px;
	text-decoration: none;
	color: #1684EF !important;
	font-weight: bold;
	font-size: 15px;
}

.qc-dashboard-quiz-status {
	color: #BEBDC5;
	font-weight: bold;
	font-size: 11px;
}

.qc-main-label {
	margin-top: 50%;
	width: 100%;
	margin-bottom: 35%;
	min-height: 60px;
}

.qc-main-label-wrapper {
	display: inline-block;
	background-color: #FFF;
	border: 1px solid #000;
	height: 300px;
	width: 200px;
	font-weight: bold;
	text-align: center;
	font-size: 28px;
	line-height: 1.1em;
	margin-top: 30px;
	margin-left: 20px;
	margin-right: 20px;
}

.qc-screen-wrap, .qc-screen-file-wrap {
    position:fixed;
    padding:0;
    margin:0;
    width: 100%;
    height: 100%;
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.8);
	top: 0px;
	z-index: 100;
}

.qc-screen-file-wrap {
	z-index: 100000;
}

.qc-screen-file-wrap img {
	z-index: 100001;
	left: 50%;
	width: 30px;
	height: 30px;
	position: fixed;
	top: 40%;
}

.qc-wrap-over {
	z-index: 11000 !important;
}

.qc-upload-cancel {
	margin-top: 25px;
	margin-right: 10px;
}

.qc-upload, .qc-upload-yt {
	float: right;
	margin-right: 10px;
	margin-top: 25px;
}

.qc-url-wrapper {
	position: fixed;
	top: 20%;
	z-index: 12000;
	height: 185px;
	background-color: #A9A9A9;
	width: 400px;
	left: 50%;
	border: 6px solid #FFF;
	border-radius: 5px;
	margin-left: -200px;
	text-align: center;
}

.qc-crop {
	float: right;
	margin-right: 10px;
}

.qc-crop-cancel {
	margin-top: 0;
}

.qc-cropper{
	background-color: #D3D3D3;
	margin:0 auto;
	text-align: center;
	border: 1px solid #9F9F9F;
	box-shadow: 0px 0px 1px 0px #9F9F9F;
	display: inline-block;
}

.qc-cropper-wrapper {
	position: fixed;
	top: 10%;
	z-index: 12000;
	height: auto;
	background-color: #A9A9A9;
	width: 800px;
	left: 50%;
	border: 6px solid #FFF;
	border-radius: 5px;
	margin-left: -400px;
	text-align: center;
}

.qc-yt {
	height: 230px !important;
}

.qc-url-input {
	width: 350px;
}

.qc-url-input-wrapper {
	padding-top: 10px;
}

.qc-media-area {
	height: auto;
	width: auto;
	background-color: #D3D3D3;
	margin-bottom: 20px;
	margin-left: 20px;
	text-align: center;
	border: 1px solid #9F9F9F;
	box-shadow: 0px 0px 1px 0px #9F9F9F;
	display: inline-block;
	position: relative;
}

.qc-media-area:hover, .qc-close:hover {
	cursor: pointer;
}

.qc-quiz-media-area {
	height: auto;
	width: auto;
	background-color: #D3D3D3;
	margin-bottom: 20px;
	margin-left: 20px;
	text-align: center;
	border: 1px solid #9F9F9F;
	box-shadow: 0px 0px 1px 0px #9F9F9F;
	display: inline-block;
	position: relative;
}

.qc-quiz-media-area .qc-media-sign {
	padding-top: 20px;
	padding-bottom: 20px;
}

.qc-quiz-media-area:hover {
	cursor: pointer;
}

.qc-edit-media {
	position: absolute;
	top: 50%;
	background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.5);
	height: 24px !important;
	width: 100%;
}

.qc-remove-media {
	position: relative;
	top: 24px;
	margin-top: -24px;
	background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.5);
	height: 24px;
	text-align: left;
	width: 60px;
	padding-left: 5px;
}

.qc-media-sign {
	color: #77797E;
	font-weight: bold;
	font-size: 20px;
	position: relative;
	padding-top: 190px;
	width: 640px;
	display: block;
	padding-bottom: 190px;
}

.qc-media-controls {
	position: fixed;
	top: 20%;
	z-index: 10000;
	height: 365px;
	background-color: #A9A9A9;
	width: 600px;
	left: 50%;
	border: 6px solid #FFF;
	border-radius: 5px;	
	margin-left: -300px;
}

.qc-media-controls-short {
	height: 230px;
}

.qc-media-controls-sign {
	text-align: center;
	color: #333334;
	font-weight: bold;
	font-size: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.qc-media-controller {
	width: 160px;
	background-color: #C2C2C2;
	height: 130px;
	float: left;
	margin-left: 30px;
	text-align: center;
	vertical-align: bottom;
	box-shadow: 0px 0px 0px 3px #A6A6A6 !important;
	border-radius: 3px;
}

.qc-media-controller-note {
float: left;
margin-top: 80px;
font-size: 13px;
background-color: #D3D3D3;
height: 90px;
max-width: 430px;
margin-left: 10px;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
line-height: 1.4em;
}

.qc-media-controller-note ul {
	list-style: inherit;
	padding-left: 20px;
}

.qc-media-controller-note > p, .qc-media-controller-note > h5 {
	margin-bottom: 0px !important;
}

.qc-main-dashboard-wrapper {
	text-align: center;
}

.qc-question-number {
	text-align: center;
}

.qc-add-answer-wrapper {
	clear: left;
}

.qc-add-answer {
	line-height: 5em;
}

.qc-right {
	float: right;
	margin-right: 5px;
}

.qc-left {
	float:left;
	margin-left: 5px;
}

.qc-results-wrapper {
	font-size: 13px;
	overflow: hidden;
}

.qc-result-media-area {
	height: 200px;
	margin-top: 5px;
	width: 200px;
	background-color: #D3D3D3;
	text-align: center;
	border: 1px solid #9F9F9F;
	box-shadow: 0px 0px 1px 0px #9F9F9F;
	position: relative;
	margin: 0 auto;
}

.qc-result-media-area-has-image {
	height: auto !important;
}

.qc-result-media-area iframe {
	width: 180px !important;
	height: 150px !important;
}

.qc-result-media-area:hover {
	cursor: pointer;
}

.qc-result-media-sign {
	font-size: 14px;
    width: 80%;
    padding: 0;
    top: 40%;
    margin: 0 auto;
}

.qc-result-range-text {
    text-align: center;
    font-weight: bold;
    margin-top: 10px;
}

.qc-results-desc-wrapper {
	padding-left: 20px;
	padding-right: 20px;
}

.qc-result-desc-wrapper textarea {
    display: block;
    width: 95%;
    height: 140px;
}

.qc-results-desc-wrapper p {
	line-height: 1.4em !important;
}

.qc-results-sign-wrapper {
	text-align: center;
}

.qc-result-wrapper:nth-child(even), .qc-question-wrapper:nth-child(even) {
	background-color: #f9f9f9;
}


.qc-result-wrapper {
	border-bottom: 1px solid #555;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 40px;
	padding-bottom: 25px;
	width: 640px;
	margin: 0 auto;
	position: relative;
}

.qc-result-wrapper:first-child {
	padding-top: 5px;
}

.qc_datepicker_input {
	position: relative;
	z-index: 1000;
}

.qc-no-name {
	background-color: #00AEEF;
    max-width: 170px;
    width: 100%;
    box-sizing: border-box;
    margin: 10px auto;
    color: #fff;
    font-weight: bold;
    font-size: 13px;
    border-radius: 3px;
}

#progress {
	margin-top: 0px;
	position: relative;
	background: rgb(221, 221, 221) none repeat scroll 0% 0%;
	height: 20px;
	width: 100%;
	max-width: 828px;
	margin-bottom: 10px;
}

#percent {
	position: absolute;
	right: 5px;
	line-height: 1.3em;
	color: rgb(68, 68, 68);
	font-size: 14px;
	font-weight: bold;
}

#bar {
	height: 20px;
	float: left;
	background: rgb(51, 51, 51) none repeat scroll 0% 0%;
}

.qc-name-results-gs {
	margin-bottom: 10px;
    display: block;
    width: 100%;
    overflow: hidden;
}

.qc-name-add-result {
	width: 100px;
    margin: 10px;
}

.qc-gender-sign {
	display: inline-block;
    text-align: center;
    width: 50%;
}

#qc_schedule_cat, #qc_schedule_datetime {
	background: #fff;
    color: #555;
    width: 180px;
}

.qc-about-app-results-gs .qc-gender-sign {
	width: 49%;
}

.qc-name-result-wrapper {
	float: none;
    background-color: #808080;
    border: 1px solid #808080;
}

.qc-more-quizzes {
	width: 100%;
    background-color: #EA2E49;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 22px;
    padding: 15px;
    border-radius: 3px;
    margin-bottom: 30px;
    /*max-width: 500px;*/
    box-sizing: border-box;
}

.qc-checkbox input[type=checkbox] {
	visibility: hidden;
}

.qc-checkbox-caption {
	margin-left: 10px;
}

.qc-checkbox {
	width: 15px;
	margin-left: 15px;
	position: relative;
	display: inline-block;
	margin-right: 15px;
}

#qc-name-form .qc-textarea {
	display: block;
}

.qc-gender-checkbox {
	width: 0 !important;
	margin-top: 10px;
	margin-bottom: 20px;
}

.qc-checkbox label {
	cursor: pointer;
	position: absolute;
	width: 16px;
	height: 16px;
	top: 0;
	border: 2px solid black;

	background: #fff;
}

.qc-checkbox label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 9px;
	height: 6px;
	background: transparent;
	top: 2px;
	left: 2px;
	border: 3px solid #000;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.qc-checkbox input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

.qc-gender-result-wrapper input, .qc-name-result-wrapper input {
	width: 95%;
	margin-top: 10px;
	line-height: 23px;
}

.qc-about-app-results-gs, .qc-name-results-gs {
	font-size: 0;
}

.qc-gender-result-wrapper {
    width: 49%;
    display: inline-block;
    border:none;
    vertical-align: top;
    background-color: #fff;
}

.qc-result-set {
	clear:both;
	text-align: center;
	position: relative;
	margin-bottom: 140px;
	margin-top: 50px;
    border-bottom: 1px #555 solid;
}

.qc-result-set textarea {
	background-color: #fff;
}

.qc-gender-result-wrapper #progress {
	width: 100% !important;
}

.qc-result-input {
	padding-top: 5px;
	padding-right: 0px;
	padding-left: 7px;
}

.qc-result-range {
	text-align: center;
}

.qc-delete-question-wrapper {
	position: absolute;
	right: 0px;
	top: 15px;
}

.qc-delete-question, .qc-delete-question:visited {
	text-decoration: none;
	color:#999;
}

.qc-question-wrapper {
	position: relative;
	max-width: 640px;
	margin: 0 auto;
	border-bottom: 1px solid #555;
	padding-top: 60px;
}

.qc-question-wrapper:first-child {
	padding-top: 0;
}

.qc-quiz-controls-wrapper {
	position: fixed;
	left:0px;
	border-top:3px solid #F89B9B;
	padding-top:10px;
	padding-bottom:10px;
	padding-left: 50px;
	width: 100%;
	bottom:0px;
	background-color: #cecece;
	z-index: 9;
}

.qc-controls-status {
	padding-left: 30px;
}

.qc-notice {
	color:red;
}

.qc-quiz-controls {
	padding-right: 160px;
}

.qc-answer-checkbox {
	font-size: 13px;
	color: #999;
}

.qc-answer-delete {
	position: absolute;
	right: 3px;
	top: 0px;
}

.qc-answers-wrapper {
	border-top: 1px solid #CECECE;
	border-bottom: 1px solid #CECECE;
	margin-top: 25px;
	margin-bottom: 25px;
	padding-bottom: 40px;
	padding-top: 10px;
}

.qc-result-text-wrapper {
	height: 25px;
	margin-top: 5px;
	width: 183px;
	background-color: #D3D3D3;
	text-align: center;
	border: 1px solid #9F9F9F;
	box-shadow: 0px 0px 1px 0px #9F9F9F;
}

.qc-result-text-wrapper {
	cursor: pointer;
}

.qc-result-text-sign {
	font-size: 14px;
	top: 10%;
	width:185px;
	padding-bottom: 0;
	padding-top: 0;
}

.qc-prsn-delete-result {
	right: 10px;
	position: absolute;
	top: 25px;
	background-color: #F1F1F1;
	padding-left: 3px;
	padding-right: 3px;
	border-radius: 3px;
}

.qc-about-app-results-all .qc-prsn-delete-result, .qc-about-app-results-gs .qc-prsn-delete-result, .qc-name-results-all .qc-prsn-delete-result, .qc-name-results-gs .qc-prsn-delete-result {
    z-index: 9;
    top: -25px;
    right: 0;
    font-size: 12px;
}

.qc-prsn-delete-result:hover {
	cursor: pointer;
}

.qc-prsn-result-wrapper {
	position: relative;
	float: none !important;
	display: inline-block;
}

.qc-prsn-result-list {
	margin-top: 30px;
	padding-bottom: 20px;
}

.qc-prsn-result-sign {
	color: #333;
	text-align: center;
	font-weight: bold;
	font-size: 23px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.qc-answer-result {
	background-color: #F1F1F1;
	height: 40px;
	line-height: 40px;
	margin-bottom: 5px;
}

.qc-answer-result-image-wrap {
	width: 50px;
	height: 40px;
	background-color: #999;
	display: inline-block;
	color: #000;
	text-align: center;
}

.qc-answer-result-title {
	display: inline-block;
	font-size: 12px;
	padding-left: 4px;
	vertical-align: top;
	margin-left: 20px;
}

.qc-answer-result-points-wrap {
	display: inline-block;
    vertical-align: top;
    margin-left: 20px;
}

.qc-answer-result-points-select {
	padding: 0px;
}

.qc-answer-result-tooltip {
	font-weight: normal;
	float: right;
	background-color: #F3DAAB;
	border-radius: 100%;
	height: 15px;
	width: 14px;
	line-height: 1em;
}

.qc-answer-result-tooltip:hover {
	cursor: pointer;
}

.qc-answer-tooltip-text {
	background-color: rgb(243, 218, 171);
	font-weight: normal; 
	line-height: 1.2em; 
	font-size: 12px; 
	width: 160px; 
	position: absolute;
	top: 20px;
	right: 0px;
	display: none;
	z-index: 1;
	padding: 10px;
	text-align: left;
}

.qc-answer-result-caption {
	font-size: 13px;
	font-weight: bold;
	color: #333;
	text-align: center;
	position: relative;
}

#qc-result-desc {
	width: 450px;
	margin-left: 75px;
	margin-top: 20px;
	height: 100px;
}

.qc-media-controller-text-close {
	margin-top: 80px;
}

.qc-save-text {
	margin-top: 80px;
	float: right;
	margin-right: 10px;
}

.qc-prsn-answers {
	overflow: hidden;
}

.qc-answer-result-image-wrap img {
	max-height: 40px;
	max-width: 50px;
	display: block;
}

.qc-quiz-wrap{
	position: relative;
}

.qc-name-quiz-wrap {
	min-height: 500px;
}

.qc-name-start-box-wrap {
	padding: 10px;
    border: 1px solid #eee;
    margin-bottom: 40px;
}

.qc-gender-option {
    max-width: 300px;
    text-align: center;
    margin: 10px auto;
    background-color: #fff;
    color: #222;
    padding: 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
}

.qc-gender-option:hover {
	background-color: #EA2E49;
	color:#fff;
}

.qc-name-start-box {
    background-color: #F6CE0C;
    text-align: center;
    padding: 40px;
    border-radius: 5px;
}

.qc-name-start-box h2 {
    color: #222;
    font-weight: bold;
}

.qc-name-start-box h5 {
	margin-top: 30px;
}

.qc-name-start-box input[type="text"] {
	max-width: 300px;
	width: 100%;
    border-radius: 5px;
    line-height: 23px;
    box-shadow: #222 0px 0px 1px 0px;
    color: #444;
    text-align: center;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.qc-name-quiz-next-button {
	max-width: 250px;
	width: 100%;
    margin: 0 auto;
    margin-top: 30px;
    padding: 10px;
    color: #fff;
    font-weight: bold;
    font-size: 25px;
    background-color: #EA2E49;
    border-radius: 5px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.qc-quiz-desc {
	margin: 10px auto;
	width: 100%;
	color: rgb(85, 85, 85);
	float: left;
    color: #000;
    font-size: 20px;
}

.qc-start-button, .qc-next-question {
	background-color: #EA2E49;
	color: #FFF !important;
	display: block;
	font-weight: bold;
	text-align: center;
	font-size: 22px;
	padding-top: 15px;
	padding-bottom: 15px;
	border-radius: 3px;
	width: 100%;
	margin-top: 15px;
	margin-left: 0px;
	cursor: pointer;
}

.qc-next-question {
	margin: 20px 0;
}

.qc-al-left {
	text-align: left;
}

.single_page, .single_post {
	position: relative;
	/*  min-height: 700px !important;*/
}

.qc-question-text {
	background-color: #00AEEF;
color: rgb(255, 255, 255);
font-size: 24px;
padding: 20px;
margin-bottom: 20px;
margin-top: -10px;
text-align: center;
}



.qc-question-number, .qc-quiz-result-text {
background-color: #00AEEF;
padding: 10px;
}

.qc-question-number h2, .qc-quiz-result-text h2 {
color: rgb(255, 255, 255) !important;
margin: 0px !important;
font-size: 20px;
text-align: center;
}

.qc-question-answers-wrap {
	width:99.3%;
}

.qc-question-answer, .qc-ca-question-answer {
	background-color: #F7F7F7;
	width: 100%;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 10px;
	color: #000;
	border: 1px solid #E6E6E6;
	border-bottom: 2px solid #E6E6E6;
	font-size: 20px;
}

.qc-question-answer:hover, .qc-question-selected-answer  {
	cursor: pointer;
	background-color: #00AEEF;
	color: #fff;
}

#holdon-message {
	top: 50% !important;
    font-size: 20px;
    font-weight: bold;
}

#holdon-content {
    width: 90px !important;
    height: 90px !important;
    transform: translate(-50%, -125%);
    margin: 0 !important;
}

.sk-cube-grid {
    width: 90px !important;
    height: 90px !important;
}


.sk-cube-grid .sk-cube-child {
	background-color: #00aeef !important;
}

.qc-fb-share {
	color: #FFF;
font-weight: bold;
text-align: center;
font-size: 25px;
padding-top: 15px;
padding-bottom: 15px;
width: 100%;
margin: 10px auto 25px;
background-color: rgb(48, 97, 153);
border-radius: 3px;
}

.qc-fb-share img {
	height: 22px !important;
	padding-right: 10px;
	vertical-align: middle;
}

.qc-share-non-popup {
	padding-top: 20px !important;
	padding-bottom: 20px !important;
	margin-bottom: 15px !important;
	margin-top: 20px !important;
}

#qc-fb-like {
	max-width: 300px !important;
	margin: 0 auto;
}

.qc-fb-share:hover, .qc-name-quiz-next-button:hover, .qc-more-quizzes:hover, .qc-gender-option:hover, .qc-about-app-red-button:hover {
	cursor: pointer;
}

.qc-quiz-display-title {
	font-weight: bold !important;
	text-align: left;
}

.qc-quiz-result-text h2 {
	margin-top: 10px !important;
	color: #62B2AD;
	padding-left: 10px;
	font-size: 25px !important;
	margin-bottom: 10px !important;
}

.qc-result-loading-icon {
	display: block;
	z-index: 9;
	color: #A9A9A9;
	font-weight: bold;
	margin: 0px auto;
    margin-top: -40px;
    text-align: center;
}

.qc-result-loading-icon img {
    margin-top: 20px;
}

.qc-popup-close, .qc-like-close{
	background: url('../img/lightbox-btn-close.gif');
	height: 35px;
	width: 35px;
	top: 1px;
	position: absolute;
	right: 2px;
}

.qc-popup-close:hover, .qc-like-close:hover {
	cursor: pointer;
}

/*.qc-result-loading-icon img {
	position: absolute;
	top: -35px;
    left: -30%;
}*/

.qc-result-loading-icon div {
	display: block;
	margin-bottom: 30px;
}


.qc-faulty {
	border: 2px dashed #F00 !important;
	box-shadow: 0px 0px 2px 2px red;
}

.qc-result-screen-wrap {
	/*position: absolute;*/
padding: 0px;
margin: 0px;
height: 50%;
top: 0px;
background: none repeat scroll 0% 0% #FFF;
width: 100%;
}

.qc-quiz-result-media {
	text-align: center;
	position: relative;
	margin-bottom: 20px;
}

.qc-quiz-result-media img, .qc-quiz-result-media iframe {
	width: 100%;
}

.qc-quiz-result {
width: 100%;
}

.qc-quiz-again {
width: 49%;
color: #FFF;
text-align: center;
font-weight: bold;
padding-top: 15px;
padding-bottom: 15px;
font-size: 19px;
background-color: #ffc200;
display: inline-block !important;
border-radius: 3px;
margin-bottom: 20px;
}

.qc-quiz-again:hover {
	cursor: pointer;
}

.qc-quiz-check-answers {
width: 49%;
background-color: #ff1f3d;
color: #FFF;
text-align: center;
font-weight: bold;
padding-top: 15px;
padding-bottom: 15px;
margin-right: 2%;
font-size: 19px;
display: inline-block !important;
border-radius: 3px;
}

.qc-quiz-check-answers:hover {
	cursor: pointer;
}

.qc-incorrect {
	background-color: #f5cecf;
}

.qc-correct {
	background-color: #a8d48c;
}

.qc-ca-questions-wrap{
	margin-top: 50px;
	width:100%;	
}

.qc-ca-question-number {
	background-color: #ffc200;
	width: 35px;
	font-weight: bold;
	font-size: 20px;
	text-align: center;
	height: 35px;
    color: #ffffff;
    line-height: 38px;
}

.qc-ca-question-body {
	margin-top: 35px;
	margin-bottom: 20px;
}

.qc-correct-number {
	background-color: #00AEEF;
	font-weight: bold;
	position: relative;
	width: 100%;
	height: 45px;
	color: #FFF;
	margin-top: -35px;
}

.qc-correct-number span {
	position: absolute;
	width: 100px;
	font-size: 21px;
	line-height: 2.3em;
	color: rgb(255, 255, 255);
	font-weight: normal;
	left: 30%;
}

.qc-correct-number div {
	height: 90px;
	position: absolute;
	background-color: #00AEEF;
	top: -50px;
	width: 100px;
	margin-left: -50px;
	border-radius: 50%;
	font-size: 65px;
	text-shadow: 0px 5px #1E232B;
	line-height: 1.4em;
	left: 20%;
}

.qc-prsn-text {
	color: #4592E2 !important;
}

.qc-again-prsn {
	width: 100%;
}

.qc-again-prsn:hover {
	cursor: pointer;
}

.qc-desc {
	color: #000;
	font-size: 20px;
	margin-bottom: 20px;
	margin-top: 0;
}

.qc-result-desc {
	margin-top: 20px;
	color: #000;
    font-size: 20px;
}

.qc-result-share-wrap, .qc-like-popup {
	padding: 10px;
	position: fixed;
	padding: 0px;
	background: none repeat scroll 0% 0% #FFF;
	top: 5%;
	border-radius:5px;
	z-index: 101;
	text-rendering: optimizeLegibility;
    -webkit-text-size-adjust:100%;
}

.qc-result-share-wrap {
	margin: 0px 0px 0px -250px;
	width: 500px;
	left: 50%;
}

.qc-like-popup {
	width: 450px;
	margin: 0px 0px 0px -225px;
/*     background: url(../img/bubble.png) no-repeat; */
    background-color: #fff;
    height: 270px;
    left: 50%;
/*     padding-top: 150px; */
}

.qc-quiz-results-wrap {
	/*border: 1px solid #E9E9E9;*/
	width: 100%;
	margin-bottom: 10px;
}

.qc-like-box-wrap {
	margin-left: 10%;
}

article ul.wp_rp {
    list-style-type: none !important;
}

a.wp_rp_title {
    font-size: 22px;
    margin-bottom: 30px;
    display: block;
}

@media only screen and (max-width: 960px) {

	.code-block {
		width: 100vw;
		position: relative;
		left: calc(-50vw + 50%);
	}

	.single_post {
	    overflow: visible !important;
	}

}

@media only screen and (max-width: 700px) {

.qc-result-share-wrap{
	position: fixed;
	padding: 0px;
	margin: 0px;
	width: 80%;
	top: 5%;
	left: 10%;
	border-radius:5px;
	z-index: 101;
}

.qc-fb-share {
	font-size: 20px;
}

.qc-result-loading-icon {
	/*left:41% !important;*/
}

}

@media only screen and (max-width: 520px) {
	.qc-like-popup {
		margin: 0px 0px 0px 10%;
		width: 80%;		
		left:0;
		background-size: 90%;
	}

	.qc-result-loading-icon {
		/*left:37% !important;*/
	}
}

@media only screen and (max-width: 480px) {

	.qc-like-popup .qc-popup-title {
/* 		font-size: 36px !important; */
	}

	.qc-stop-like {
		font-size: 13px !important;
		margin-top: 0 !important;
	}

	.qc-like-popup {
		background-size: 95%;
	}
}

@media only screen and (max-width: 440px) {
	.qc-like-popup .qc-popup-title {
/* 		font-size: 33px !important; */
	}
}

@media only screen and (max-width : 414px) {

	.qc-name-start-box h2 {
	font-size: 27px !important;
	}

	.qc-name-start-box h5 {
		font-size: 17px !important;
	}

	.qc-like-popup .qc-popup-title {
/* 		font-size: 30px !important;
		margin-bottom: 65px !important; */
	}

	.qc-stop-like {
		width: 100% !important;
	}
	
	.qc-like-box-wrap {
		margin-left: 20%;
	}
	
	.qc-like-popup {
		width: 80%;
/* 		padding-top: 125px; */
		height: 290px;
	}

}

@media only screen and (max-width : 380px) {
	.qc-like-popup .qc-popup-title {
		font-size: 23px !important;
		margin-bottom: 20px;
	}

	.qc-stop-like {
	    font-size: 12px !important;
	}
}

@media only screen and (max-width : 359px) {

	.qc-result-share-wrap {
		position: fixed;
		top: 5%;
		z-index: 101;
		width: 80%;
		/*left: 7%;*/
	}

	.qc-fb-share {
		font-size:20px !important;
	}

	.qc-quiz-check-answers{
		margin-bottom: 10px !important;
		width: 100%;
	}

	.qc-quiz-again {
		width: 100%;
	}

	.qc-result-loading-icon {
	/*	top:45%;
		left:35% !important;*/
	}

	.qc-like-popup {
/* 		height: 160px; */
/* 		padding-top: 120px; */
		background-position-x: 0;
		background-size: 90%;
	}

}

.c-4-12 {
	min-width: 344px !important;
}

@media only screen and (max-width : 1150px) {

.article {
	width:65% !important;
}

}

@media only screen and (max-width : 1085px) {

.article {
	width:63% !important;
}

}

@media only screen and (max-width : 1025px) {

.qc-quiz-check-answers{
	margin-bottom: 10px !important;
	width: 100%;
}

.qc-result-loading-icon{
	/*left:43%;*/
}

.qc-quiz-again {
	width: 100%;
}

.article {
	width:61% !important;
}

}

@media only screen and (max-width : 980px) {
.article {
	width:59% !important;
}
}

@media only screen and (max-width : 920px) {
.article {
	width:57% !important;
}
}

@media only screen and (max-width : 885px) {
.article {
	width:55% !important;
}
}

@media only screen and (max-width : 865px) {
.article {
	width:100% !important;
}
}



@media only screen and (max-width : 320px) {

.qc-result-share-wrap{
	position: fixed;
top: 5%;
border-radius: 5px;
width: 80%;
padding: 10px;
left: 7%;
}

.qc-result-loading-icon {
	/*top:45%;
	left:33% !important;*/
}

.qc-fb-share {
	font-size:20px !important;
}

.qc-quiz-check-answers{
	margin-bottom: 10px !important;
}

.qc-quiz-results-wrap {
	/*border: 1px solid #E9E9E9;*/
width: 100%;
margin-bottom: 10px;
height: 100%;
}

.qc-quiz-check-answers, .qc-quiz-again {
	width:100%;
}

.qc-result-loading-icon {
	/*left: 33%;*/
}

}

.qc-popup-title {
	color: #444444;
	font-weight: bold;
	font-size: 25px;
	text-align: center;
	padding-top: 20px;
}

.qc-like-popup .qc-popup-title span {
    width: 100%;
    text-align: center;
    display: block;
    max-width: 315px;
    font-weight: 400;
}


.qc-like-popup .qc-popup-title {
/* 	font-weight: bold;
	padding-top: 25px;
	padding-right: 40px;
	line-height: 1.3em;
    text-align: left;
    padding-left: 20px;
    color: #fff;
    max-width: 315px;
    font-size: 40px;
    margin-bottom: 50px;
    font-family: 'PT Sans',sans-serif; */
}

.qc-stop-like {
	width: 90%;
	text-align: center;
	font-size: 15px;
    margin: 20px auto 15px;
    color: #5d5d5d;
	text-decoration: underline;
}

.qc-stop-like:hover {
	cursor: pointer;
}

.qc-popup-text {
	text-align: center;
	color: #BBBBBB;
	margin-top: 30px;
	margin-bottom: 30px;
        font-size: 20px;
        font-weight: bold;
}

.qc2-popup-title img {
    width: 100%;
    border: medium none;
    border-radius: 0px;
    margin-bottom: 10px
}

.qc2-popup-title {
	font-family: 'PT Sans',sans-serif;
    color: #444444;
    font-weight: bold;
    font-size: 25px;
    text-align: center;
    padding-top: 20px;
    max-width: 90%;
    margin: 0 auto;
}

.qc-source {
	position: absolute;
	bottom: 9px;
	padding-left: 5px;
	background-color: rgba(255, 255, 255, 0.5);
	font-size: 12px;
	padding-right: 5px;
	right: 0px;
	color: #000;
}

#fb {
	text-align: center !important;
	width: 100% !important;
	margin: 0 auto !important;
	margin-top: 30px !important;
	display: block !important;
}

#fb span {
	width: 235px !important;
}

.qc-quiz-questions-wrap {
	display: inline-block;
	width: 100%;
	margin-top: 10px;
}

.qc-question-media {
	position: relative;
	display: inline-block;
width: 100%;
}

.qc-question-media img{
	width: 100%;
}

.qc-question-media iframe {
	width: 100%;
}

.qc-media-controller-close {
	margin-top: 125px !important;
    margin-right: 10px;
}

.qc-img-icon {
	height: 100px;
	margin: 0 auto;
	width: 96px;
	margin-top: 5px;
}

.qc-file:hover, .qc-url:hover, .qc-youtube:hover {
	cursor: pointer;
}

.qc-file > .qc-img-icon {
	background: url("../img/file_icon.png") no-repeat scroll 0% 0% transparent;
	width: 130px;
}

.qc-url > .qc-img-icon {
	background: url("../img/url_icon.png") no-repeat scroll 0% 0% transparent;
}

.qc-youtube > .qc-img-icon {
	background: url("../img/movie_icon.png") no-repeat scroll 0% 0% transparent;
}

.qc-result-text-controls {
	height:290px !important;
}

.qc-result-text-controls > .qc-blue-button {
	margin-top: 45px;
}

.qc-result-text-controls > .qc-gray-button {
	margin-top: 45px;
}

#main, #content-box {
	position: relative;
}

.qc-buttons-wrap {
	margin-top: 1%;
	margin-bottom: 7%;
	padding-left: 50px;
}

#qc-cred-text {
	float: left;
	width: 300px;
}

#qc-no-cred {
	float: left;
	margin-top: 10px;
	margin-left: 15px;
}

.qc-buttons-wrap label {
	float: left;
	margin-top: 8px;
	margin-left: 2px;
}

.qc-img-share {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 180px;
	height: 27px;
	margin-left: -90px;
	margin-top: -28px;
	font-size: 22px;
	opacity: 0;
	-o-transition:opacity .2s;
	  -ms-transition:opacity .2s;
	  -moz-transition:opacity .2s;
	  -webkit-transition:opacity .2s;
	  transition:opacity .2s;
	 color: #FFF;
	font-weight: bold;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #306199;
	border-radius: 3px;
}

.qc-question-media:hover .qc-img-share {
	opacity: 1;
}

.qc-quiz-result-media:hover .qc-img-share {
	opacity: 1;
} 

.qc-img-share:hover {
	opacity: 1;
	cursor: pointer;
}

.qc-img-share img {
	width: auto !important;
	height: 22px !important;
	padding-right: 10px;
	vertical-align: middle;
}

.qc-clear {
	clear:both;
}

.qc-hidden {
	display: none;
}

/* Tabs */

.tabs {
    width:100%;
    display:inline-block;
    min-height: 900px;
}

.tab-links {
	display: table;
	width: 100%;
}
 
    /*----- Tab Links -----*/
    /* Clearfix */
    .tab-links:after, .settings-tab-links:after {
        display:block;
        clear:both;
        content:'';
    }
 
    .tab-links li {
        list-style:none;
        display: table-cell;
    }
 
        .tab-links a,.tab-links a:visited, .tab-links a:focus, .tab-links a:active {
            padding:10px 0px;
            display:inline-block;
            background:#f30302;
            font-size: 14px;
			font-weight: bold;
            color:#fff !important;
            text-decoration: none;
            border: 1px solid #444;
            width: 100%;
			text-align: center;
        }
 
        .tab-links a:hover {
            background:#a70201;
            color: #fff;
        }
 
    li.active a, li.active a:hover {
        background:#a70201 !important;
    }
 
    /*----- Content of Tabs -----*/
        .tab {
            display:none;
        }
 
        .tab.active {
            display:block;
        }

        .tab-content {
			line-height: 1.3em;
		}

		.tab * {
			box-sizing: border-box;
		}

/* Tab Content */

.qc-block {
	width: 100%;
	margin: 20px auto;
	position: relative;
}

.qc-textarea {
	/*margin: 10px 0px;*/
	background: #fff;
	border: 1px solid #444;
	border-radius: 0;
	color: #444 !important;
	padding: 10px;
	min-height: 44px !important;
	font-size: 13px !important;
	width: 100%;
	display: block;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.tabs #progress {
	max-width: 100% !important;
}

.qc-canvas {
	width: 100%;
}

.canvas-controls {
    width: 210px;
    display: inline-block;
    vertical-align: top;
    float: left;
    margin-right: 18px;
}

.canvas-wrap {
    border: 1px solid;
    width: 640px;
    height: 335px;
    display: inline-block;
    box-sizing: content-box;
}

.canvas-control-button {
    border: 1px solid #000;
    text-align: center;
    padding: 10px;
    margin-bottom: 20px;
    background-color: #999;
    color: #fff;
    font-weight: bold;
    font-family: Arial;
}

.canvas-control-button:hover, .result-img-thumb-close:hover, .qc-aboutapp-start-image:hover {
	cursor:pointer;
}

.elementControls {
	display: inline-block;
	height: 42px;
	overflow: visible;
	padding: 0 0 0 4px;
	border-radius: 5px;
	list-style: none;
	white-space: nowrap;
	background-color: #3f4652;
	box-shadow: 0 0 0 2px rgba(255,255,255,.333);
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	-webkit-animation: appearingElement .1s;
	animation: appearingElement .1s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	margin-top: 5px;
}

.elementControls li {
	position: relative;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
}

.elementControls li:before {
  	content: "";
	position: absolute;
	left: 0;
	top: 7px;
	width: 1px;
	height: 28px;
	border-left: 1px solid #666;
	z-index: 9;
}

.elementControls li:first-child:before {
	border-left: none;
}

.elementControls li a {
	display: block;
    height: 34px;
    width: auto;
    padding: 0 8px;
    text-align: center;
    text-decoration: none;
    line-height: 34px;
    color: white;
    background-image: none;
    background-repeat: no-repeat;
    margin: 4px 0;
    font-weight: 400;
    font-size: 14px;
    box-sizing: content-box;
}

.elementControls li a:hover {
	cursor: pointer;
}

.elementControls li:first a {
	border-left: none;
}

.elementControls .colorPicker {
	width: 30px;
    height: 30px;
    background-color: #eee;
    border-radius: 50%;
    margin: 6px 10px 6px 11px;
}

.strokeColorPicker {
	height: 30px !important;
    width: 30px !important;
    background-color: #000;
    border-radius: 50% !important;
    position: relative !important;
    display: inline-block !important;
    vertical-align: middle !important;
}

.stroke_inner ul li:nth-child(2) {
	padding: 0 12px;
    vertical-align: baseline;
    line-height: 52px;
}

.elementControls .delete_el {
	background-image: url(../img/icon_trash.png);
    margin: 4px 0;
    height: 34px;
    line-height: 34px;
    width: 25px;
    display: block;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    text-indent: -9999px;
}

.elementControls .colorPicker, .elementControls .delete_el:hover {
	cursor: pointer;
}

.options_div {
	height: 26px;
    width: 40px  !important;
}

.options_div .opened {
	height: 258px !important;
    width: 105px !important;
	opacity: 1 !important;
    margin-top: 2px;
}

.resultTextControls .options_div .opened, .percent_options_div .opened {
	height: 300px !important;
}

.custom_text_options_div .opened {
	height: 300px !important;
    width: 150px !important;
    opacity: 1 !important;
    margin-top: 2px;
}

.options_div .opacity_slider.opened {
	height: 40px !important;
    width: 270px !important;
}

.opacity_slider li {
	font-size: 13px !important;
	padding: 12px !important;
}

.position_div, .range_div, .stroke_div{
    width: 80px !important;
    color: #fff !important;
    padding: 11px 7px !important;
    height: auto !important;
}

.range_div, .stroke_div {
	 width: 70px !important;
}

.stroke_div .opened, .range_div .opened {
	height: 110px !important;
    width: 130px !important;
	opacity: 1 !important;
    margin-top: 2px;
}

.flat-text-align {
	width: 130px !important;
}

.options_div ul {
	overflow: auto;
}

.flat li.active {
	background-color: #808080;
}

.opacity_slider_span {
	line-height: 10px;
    vertical-align: text-top;
}

input[type=range] {
  -webkit-appearance: none;
  padding:0px !important;
  border:none !important;
  width: 100px;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 1px;
  cursor: pointer;
  animate: 0.2s;
  background: #bbb;
  border-radius: 1.3px;
}
input[type=range]::-webkit-slider-thumb {
  border: 1px solid #00DFE6;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: #00DFE6;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -4px;
}

input[type=range]::-moz-range-track {
  width: 100%;
  height: 1px;
  cursor: pointer;
  animate: 0.2s;
  background: #bbb;
  border-radius: 1.3px;
}
input[type=range]::-moz-range-thumb {
  border: 1px solid #00DFE6;
  height: 10px;
  width: 10px;
  border-radius: 3px;
  background: #00DFE6;
  cursor: pointer;
}

#stroke_width, .range_div input[type=text] {
    width: 25px;
    padding: 5px 10px;
    box-sizing: content-box;
}

.shape_div .opened {
	width: 275px !important;
	height: 87px !important;
}

.shape_div .opened ul li:last-child {
	padding: 0;
}

.position_div .opened {
	height: 85px !important;
}

.qc-close {
    position: absolute;
    right: 10px;
    margin-top: 5px;
    font-size: 12px;
}

.result-img-thumb {
    width: 200px;
    height: 200px;
    clear: both;
    position: relative;
    text-align: center;
    border: 1px solid;
    margin-bottom: 20px;
    background-color: #aaa;
    box-sizing: content-box;
}

.result-img-thumb img {
    max-width: 200px;
    max-height: 200px;
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
}

.result-img-thumb-close {
    position: absolute;
    top: 5px;
    right: 5px;
    background: #fff;
    padding: 0px 5px;
    font-size: 12px;
}

.qc-about-app-add-result, .qc-add-question, .qc-prsn-add-result, .qc-kn-add-result, .qc-name-add-result {
    float: none;
    width: 220px;
    text-align: center;
    font-size: 23px;
    clear: both;
    height: 50px;
    line-height: 25px;
    margin: 10px 0;
    display: block;
}

.qc-personality-form .qc-add-question, .qc-knowledge-form .qc-add-question {
	display: block;
}

.qc-add-answer {
	float: none;
	margin-left: 0;
}

.question_form .qc-media-area img {
	max-width: 640px;
}

.qc-result-set:nth-child(even) {
	background-color: #f9f9f9;
	padding: 1px 0px;	
}

.qc-result-set:nth-child(even) .qc-gender-result-wrapper {
	background-color: #f9f9f9;
}

.qc-result-set:nth-child(odd) .qc-gender-result-wrapper {
	background-color: #fff;
}

.qc-gender-result-wrapper:nth-child(even) {
	margin-left: 10px;
}

.qc-result-no {
	position: absolute;
	font-weight: bold;
    font-size: 40px;
    top: -35px;
    color: #555;
    left: 5px;
}

.qc-results-wrapper .qc-result-no, .qc-result-wrapper .qc-result-no {
	position: relative;
	top:0;
	left:0;
	width: 20%;
}

.qc-answer-wrapper {
    width: 100%;
    background: none;
    border: 0;
    padding: 0;
    margin: 10px 0 15px 0px;
    position: relative;
}

.qc-answer-wrapper .qc-answer-input {
	width: 100%;
    border: 1px solid #444;
    background: #fff;
    height: 40px;
    font-size: 12px;
}

.qc-question-wrapper .qc-media-area{
	margin-left: 0;
	width:640px;
}

.qc-answer-input{
	color: #444;
}

.qc-source-list-item {
    text-align: right;
    margin: 10px 0;
    display: block;
}

.qc-source-list-item img {
    max-width: 100px;
}

.qc-source-list-item a {
    margin: 3% 20px 0 0;
    vertical-align: top;
    display: inline-block
}