/* OVERRIDE SHOW/HIDE TOGGLE */
.postbox-header {
	pointer-events: none;
}

.postbox {
	border-radius: 15px;
	
}

#poststuff h2{
	padding: 15px;
	border-radius: 15px 15px 0 0;
}

.postbox .inside {
    padding: 15px;
	display: block !important; /* FIX POSSIBLE CONFLICTS */
}


.fca-qc-modal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.35);
    z-index: 100000;
	
	backdrop-filter: blur(6px);
}

.fca-qc-modal .fca-qc-modal-inner {
	position: relative;
	background-color:white;
	max-width: 920px;
	margin: 2vh auto;
	padding: 24px 32px;
	border-radius: 15px;
	max-height: calc( 96vh - 48px );
	scrollbar-width: none;
	overflow-y: auto;
} 

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}


@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fca-qc-modal .fca-qc-modal-inner.animateup {
	-webkit-animation: slideInUp 400ms;
	animation: slideInUp 400ms;
}
.fca-qc-modal .fca-qc-modal-inner.animatedown {
	
	-webkit-animation: slideInDown 400ms;
	animation: slideInDown 400ms;
	
}
.fca-qc-modal .fca-qc-modal-inner.animateleft {
	
	-webkit-animation: slideInLeft 400ms;
	animation: slideInLeft 400ms;
	
}
.fca-qc-modal .fca-qc-modal-inner.animateright {
	
	-webkit-animation: slideInRight 400ms;
	animation: slideInRight 400ms;
	
}


.fca-qc-modal .fca-qc-modal-inner h2 {
	font-size: 16px !important;
	margin: 0 !important;
	
	font-weight: 600 !important;
	padding: 0 0 24px 0 !important;
}


.fca-qc-modal-controls {

	top: 24px;
	right: 32px;
	position: absolute;
}

.fca-qc-modal-controls span{
	display: inline-block;
	cursor: pointer;
	padding: 4px;
	color: #444;
}

.fca-qc-modal-controls span.fca_qc_copy_icon svg {
	max-width: 14px;
	position: relative;
	top: 2px;
}

.fca-qc-modal-controls span.dashicons-no-alt {
	font-size: 24px;
	padding: 2px 0 0 0;
}

.fca-qc-modal-controls span.disabled {
	color: #ccc;
	cursor: auto;
}


.radio-toggle {
	margin-bottom: 5px;
}

.radio-toggle label {
	cursor: pointer;
	display: inline-block;
	padding: 0px 5px;
	background-color: #EEE;
	text-align: center;
	min-width: 89px;
	border: 1px solid #DDD;
	line-height: 30px;

}
.radio-toggle label:first-child {
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
	border-right: none;
}
.radio-toggle label:last-child {
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
	border-left: none;
}
.radio-toggle label.selected {
	background-color: var(--wp-admin-theme-color);
	color: white;

}
.radio-toggle input[type="radio"] {
   display: none;
}

#wpbody .wrap h1.wp-heading-inline {
	display: none;
}
#wpbody .wrap a.page-title-action {
	display: none;
}

#wpbody .wrap  #titlewrap {
	display: none;
}
/* WYSIWYG */
.fca_qc_wysiwyg_html, .fca_qc_wysiwyg_visual {
	width: 100%;
	border: 1px solid #ddd;
	box-sizing: border-box;
	min-height: 6rem;
}
.fca_qc_wysiwyg_visual {
	padding: 2px 6px;
	margin-top: 8px;
}

.fca_qc_wysiwyg_visual:focus {
	box-shadow: 0 0 2px rgba(30,140,190,.8);
}
.fca_qc_wysiwyg_nav {
	margin-bottom: 8px;
}
.fca-wysiwyg-group {
	display: inline-block;
}

.fca_qc_wysiwyg_nav button {
	width: 34px;
	height: 30px;
	color: #616870;
	background-color: #f6f6f6;
	border: solid 1px #d9d9d9;
	cursor: pointer;
}

button.fca-wysiwyg-view-html {
	width: auto;
	float: right;
}
.fca_qc_wysiwyg_nav button:active, .fca_qc_wysiwyg_nav button:hover, .fca_qc_wysiwyg_nav button:focus, .fca_qc_wysiwyg_nav button.wysihtml5-command-active, button.wysihtml5-action-active {
	background-color: #e0e0e0;
	border: solid 1px #545d67 !important; 
	outline: 0;
}

.fca_qc_wysiwyg_nav button:nth-child(3n) {
	margin-right: 8px;
}
.fca_qc_wysiwyg_nav button.fca-nav-no-border {
	border-left: 0;
	border-right: 0;
}
.fca-nav-rounded-left {
	border: solid 1px #d9d9d9;
	border-radius: 2px 0px 0px 2px;
}
.fca-nav-rounded-right {
	border: solid 1px #d9d9d9;
	border-radius: 0px 2px 2px 0px;
}

.fca-qc-wp-less-than-7 .fca_qc_add_btn .dashicons {
	vertical-align: text-top;
	margin-top: 0;
}

.fca_qc_add_btn .dashicons {
	margin-top: 2px;
}

/* END WYSIWYG */

h3, h4 {
	margin-bottom: 0.3em;
}

img[src=''] {
	display: none !important;
}

#wpbody-content {
	display: none;
}

.fca_qc_setting_table, .fca_qc_inner_setting_table {
	width: 100%;
}
.fca_qc_inner_setting_table th {
	position: relative;
	top: -3px;
	width: 128px;
	vertical-align: top;
	text-align: left;
	font-weight: normal;
}
.fca_qc_inner_setting_table td {
	width: calc(100% - 128px );
}


.fca_qc_setting_table th {
	width: 204px;
	vertical-align: top;
}
.fca_qc_setting_table tr {
	line-height: 34px;
}

.fca_qc_setting_table button.fca_qc_add_tag_btn {
	margin-left: 3px;
	margin-top: 2px;
}

#fca_qc_opt_in_meta_box h2 {
	background-color: #32373c;
	color: white;
}

#fca_qc_opt_in_meta_box button {
	display: none;
}

#fca_qc_opt_in_meta_box h2.hndle {
	cursor: default;
}

#fca_qc_submit_button {
	margin-right: 5px;
}

.nav-tab-wrapper #appearance-nav,
.nav-tab-wrapper #translations-nav {
	float: right;
}

.nav-tab-wrapper .nav-tab {
	border-radius: 15px 15px 0 0;
	padding: 8px 15px;
}

.nav-tab-wrapper .nav-tab-active {
	text-decoration: underline;
}

.fca-qc-color1 {
	background-color: #58afa2 !important;
	color: white !important;
	
}

.fca-qc-color2 {
	
	background-color: #d65079 !important;
	color: white !important;
}

.fca-qc-color3 {
	background-color: #6868ac !important;
	color: white !important;
	
}

.fca_qc_answer_header {
	font-weight: bold;
}

.fca_qc_quiz_instructions{
	font-style: italic;
	font-size: 15px;
	margin: 0 0 22px 0;
}
.fca_qc_question_label img {
	max-width: 252px;
	vertical-align: text-top;
}

.fca_qc_answer_toggle{
	color: #0073aa;
	text-decoration: underline;
}

.fca_qc_answer_toggle:hover{
	color: #00a0d2;
	text-decoration: underline;
}

.fca_qc_admin_label {
	display: block;
	font-weight: normal;
	text-align: left;
	margin-bottom: 5px;
}

/* TOOLTIPS */
.fca_qc_tooltip {
	font-size: 17px;
	vertical-align: middle;
	color: #666;
	margin-left: 2px;
}	

/* FIX CONFLICT W/ GRAVITY FORMS TOOLTIPS */

body .ui-tooltip {
	border: 0 !important;
	background-color: #fff !important;
}

.ui-tooltip {
	position: absolute;
	padding: 0 !important;
	z-index: 100001 !important;
}
.ui-tooltip-content {
	font-style: italic;
	padding: 6px 8px;
	border-radius: 3px;
	max-width: 350px;
	text-align: left;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 6px;
	box-shadow: 0 5px 10px rgba(0,0,0,.2);
	z-index: 9999;
}

.fca_qc_add_answer_btn, .fca_qc_delete_icon {
	cursor: pointer;
}

.fca_qc_custom_css {
	width: 100%;
}

.fca_qc_question_label, .fca_qc_result_label {
	margin: 8px;
	cursor: pointer;
	font-size: 16px;
	min-height: 18px;
}

.fca_qc_quiz_heading_question_number,
.fca_qc_result_score_title {
	font-weight: bold;
}

.fca_qc_delete_icon {
	margin-top: 4px;
	padding: 4px;
	cursor: pointer;
	float: right;
	color: #ccc;
}

.fca_qc_answer_input_div .fca_qc_delete_icon {
	float: none;
	margin: -4px 0 0 7px;
}

button.fca_qc_add_btn.button-secondary {
	margin: 7px 0 0 0;

}

.fca_qc_texta {
	width: 100%;
	min-height: 4rem;
}

.fca_qc_question_texta {
	width: 100%;
	min-height: 2rem;
}

.fca_qc_text_input {
	width: 250px;
	margin-bottom: 5px;
}

.fca_qc_url_input {
	width: 100%;
	margin-bottom: 5px;
}

#fca_qc_timer_limit {
	margin-left: 122px;
    max-width: 66px;
}

.fca_qc_image {
	max-width: 100%;
	display: block;
	cursor: pointer;
	max-height: 400px;
	margin-bottom: 10px;
	margin-top: 10px;
}

.fca_qc_result_item,
.fca_qc_question_item {
	border-radius: 16px;
	padding: 16px;
	margin: 16px 0;
	background-color: #6868ac;
	color: white;
}

.fca_qc_result_item .fca_qc_delete_icon,
.fca_qc_question_item .fca_qc_delete_icon {
	color: #fff;
}

.fca_qc_result_item {
	background-color: #d65079;
}

.ui-sortable-handle {
    cursor: move;
}

.fca_qc_add_answer_btn {
	cursor: pointer;
}

.fca_qc_appearance_header{
	font-weight: bold;
}
div.fca_qc_image_input_div {
	position: relative;
}
div.fca_qc_image_hover_controls {
	display: none;
	position: absolute;
	bottom: 6px;
}

div.fca_qc_image_hover_controls:hover {
	display: block;
}

img.fca_qc_image:hover + div.fca_qc_image_hover_controls {
	display: block;
}

.fca_qc_quiz_image_change_btn, .fca_qc_quiz_image_revert_btn {
	font-size: 1.5rem;
	margin-left: 7px !important;
}

.fca_qc_quiz_image_upload_btn {
	display: inline-block;
	margin-bottom: 16px;
}

/* ON OFF SWITCH */
.onoffswitch {
	position: relative; width: 76px;
	-webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
	display: none;
}
.onoffswitch-label {
	display: block; overflow: hidden; cursor: pointer;
	border: 1px solid #FFF; border-radius: 20px;
}
.onoffswitch-inner {
	display: block; width: 200%; margin-left: -100%;
	transition: margin 0.3s ease-in-out 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
	display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
	font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
	box-sizing: border-box;
}
.onoffswitch-inner:before {
	content: attr(data-content-on);
	padding-left: 10px;
	background-color: var(--wp-admin-theme-color); color: #FFFFFF;
}
.onoffswitch-inner:after {
	content: attr(data-content-off);
	padding-right: 10px;
	background-color: #EEEEEE; color: #32373c;
	text-align: right;
	font-weight: 500;
}
.onoffswitch-switch {
	display: block; width: 18px; margin: 6px;
	background: #FFFFFF;
	position: absolute; top: 0; bottom: 0;
	right: 42px;
	border: 1px solid #999999; border-radius: 20px;
	transition: all 0.3s ease-in-out 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
	margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
	right: 0px; 
}
.fca_qc_info_span {
	position: relative;
	top: -3px;
	font-style: italic;
}
.fca_qc_tag_info {
	margin: 5px 0;
}
.fca_qc_tag_info a{
	text-decoration: none;
}
/* SIDEBAR */
.metabox-holder .postbox-container .empty-container {
	border: none;
}

.fca_qc_result_row_minmax {
	display: none;
}


.fca_qc_input_wide,
.fca-qc-quiz_title,
#fca-qc-result-title,
#fca-qc-result-url {
	width: 100% !important;
	max-width: 300px !important;
	margin-bottom: 5px !important;
}


.fca_qc_api_link {
	text-decoration: none;
}

.fca_qc_icon {
	position: relative;
	top: 5px;
	color: #666;
	left: -25px;
    margin-right: -20px;
}
.dashicons-image-rotate {
	font-size: 13px;
	margin-top: 2px;
}

/* TAGS */

.fca-qc-tag {
	margin-left: 2px;
}
.fca-qc-tag-wrapper {
	margin: 5px;
}
.fca-qc-tag-delete {
	cursor: pointer;
	vertical-align: text-top;
}
.fca-qc-tag-delete:hover {
	color: #d54e21;
}
button.button-secondary.button.fca_qc_add_tag_btn {
	vertical-align: initial;
}
/* SPINNER CSS */
.fca_qc_spin {
    -webkit-animation-name: spinnerRotate;
    -webkit-animation-duration: 0.8s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spinnerRotate;
    -moz-animation-duration: 0.8s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spinnerRotate;
    -ms-animation-duration: 0.8s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
	-webkit-transform-origin: 50% calc(50% - 3.5px);
    transform-origin: 50% calc(50% - 3.5px);
}

@-webkit-keyframes spinnerRotate
{
    from{-webkit-transform:rotate(0deg);}
    to{-webkit-transform:rotate(-360deg);}
}
@-moz-keyframes spinnerRotate
{
    from{-moz-transform:rotate(0deg);}
    to{-moz-transform:rotate(-360deg);}
}
@-ms-keyframes spinnerRotate
{
    from{-ms-transform:rotate(0deg);}
    to{-ms-transform:rotate(-360deg);}
}


.fca_qc_slider label {
    margin-right: 5px;
}

.fca_qc_slider input {
    width: 120px;
}
 
.select2-dropdown { 
	z-index: 100001 !important;
}

.select2-selection--multiple {
	border: 1px solid #ddd !important;
	border-radius: 0!important;
}
/* FIX SELECT2 PLACEHOLDER CUT OFF */
.select2-container .select2-search__field:not([placeholder='']) {
	width: 100% !important;
	margin-right: 300px;
}