B4BY.588

: / home / sportmx / www / wp-content / plugins / facebook-conversion-pixel / includes / editor /
Filename : admin.css
back
#wpbody-content {
	padding-bottom: 112px;
}

#wpfooter {
	
	background-color: #8443a6;
	color: white;
	padding: 32px 30px;
	

}
#wpfooter a {
	
	color: white;

}

.fca_pc_wrap {
	padding-top: 20px;
}

.fca-featured-plugins > figure {
	display: inline-block;
	margin: 0px 6px;
	vertical-align: top;
}

.fca_pc_admin_header {
	position: relative;
	left: -20px;
    box-sizing: border-box;
    width: calc( 100% + 20px );
	background-color: #8443a6;
	padding: 20px 30px;
} 

.fca_pc_admin_header h1 {
	color: white;
	margin: 18px 0;
} 

.fca_pc_admin_header a .dashicons {
	margin-right: 6px;
} 

.fca_pc_admin_header a {
	position: absolute;
	top: 24px;
	right: 32px;
	color: white;
	text-decoration: none;
	padding: 12px 18px;
	display: inline-block;
	border-radius: 8px;
} 

.fca_pc_admin_header a.highlighted {
	background-color: #ee6800;
	font-weight: 600;
	box-shadow: rgb(0 0 0 / 10%) 0px 4px 6px -1px, rgb(0 0 0 / 60%) 0px 2px 4px -1px;
}

.fca-pc-nav > a {
	display: block;
	font-size: 11pt;
	text-decoration: none;
	padding: 8px 12px 8px 12px;
	color: #2c3338;
	margin-bottom: 4px;
}

.fca-pc-nav > a.selected {
	background-color: #e4dffd;
	font-weight: bold;
	border-radius: 16px;	
}

#fca-pc-notice-save {
	margin-right: 150px;
}

#fca-pc-marketing-metabox {
	margin-top: 84px;
	width: 240px;
	text-align: left;
	display: inline-block;
	box-sizing: border-box;
}

#fca-pc-marketing-metabox h3 {
	text-align: center;
	line-height: 1.8;
}

#fca-pc-marketing-metabox h3:after {
	content: "";
	display: block;
	border-bottom: 1px solid #ccc;
	position: relative;
	top: 5px;
}

#fca-pc-marketing-metabox li {
	padding-left: 23px;
	text-indent: -23px;
}

#fca-pc-marketing-metabox ul {
	margin-left: 13px;
}

#fca-pc-marketing-metabox a.highlighted {
	font-weight: 600;
	color: white;
	text-decoration: none;
	padding: 12px 18px;
	display: inline-block;
	border-radius: 8px;
	background-color: #ee6800;
	box-shadow: rgb(0 0 0 / 10%) 0px 4px 6px -1px, rgb(0 0 0 / 60%) 0px 2px 4px -1px;
	border: 0;
}

.fca-pc-top-icon {
	margin-top: 10px;
	float: right;
}

#fca_pc_main_form.fca-pc-free {
	width: calc( 100% - 276px );
	display: inline-block;
	box-sizing: border-box;
	vertical-align: top;
}

h1.fca-pc-nav.nav-tab-wrapper.fca-pc-premium {
	margin-top: 25px;
}
h1.fca-pc-nav.nav-tab-wrapper.fca-pc-free {
	margin-top: 25px;
}
img[src=''] {
	display: none !important;
}
.fca-bold {
	font-weight: bold;
}

#fca_pc_main_form .twoup {
	display: grid;
	grid-template-columns: 128px 1fr;
	grid-column-gap: 64px;
	padding-top: 20px;
}

#fca_pc_main_form .twoup #twoup-content {
	max-width: calc( 100% - 32px );
}

#fca-pc-events, #fca-pc-pixels {
	margin-bottom: 15px;
}
#fca_pc_new_event {
	margin-bottom: 30px;
}

#fca-pc-events-table.disabled {
	opacity: 0.5;
	pointer-events : none;
}

.fca_deletable_item td:last-child {
	text-align: right;
}
.fca_deletable_item .dashicons{
	padding: 3px;
	cursor: pointer;
	margin-left: 5px;
}

.fca_deletable_item .fca_delete_icon:hover {
	color: #d54e21;
}

.fca-pc-controls-td {
	text-align: center;
}

.dashicons.fca_controls_icon {
	vertical-align: middle;
	cursor: pointer;
	padding: 0 20px;
	margin-left: 0;
}
.fca_controls_icon:hover {
	color: #007ace;
}

.fca-pc-capi-td{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
}

#fca-pc-events th, #fca-pc-pixels th {
	font-weight: bold;
}

/* TOOLTIP */
.fca_pc_tooltip {
	font-size: 17px;
	vertical-align: middle;
}

/* MAIN SETTINGS TABLE */
.fca_pc_setting_table {
	width: 100%;
	max-width: 600px;
	margin-top: 40px;
}
.fca_pc_modal_table {
	margin-bottom: 16px;
}
.fca_pc_setting_table input, .fca_pc_setting_table textarea, .fca_pc_setting_table select {
	width: 100%;
}

/* PIXEL INPUTS */
.fca_pc_setting_table div.fca-pc-field-text {
	display: block;
	margin-bottom: 3px;
}

.fca_pc_setting_table div.fca-pc-field-text input {
	display: inline-block;
	width: calc( 100% - 125px );
	min-width: 184px;
	margin-right: 8px;
}

.fca-pc-field.fca-pc-field-text.fca-pc-active-pixel-headers{
	display: inline-flex;
    padding-left: 5px;
    width: calc( 100% - 32px );
}

.fca-pc-field.fca-pc-field-text.fca-pc-active-pixel-headers span{
	width: 100%;
	font-weight: bold;
}

.fca-pc-field.fca-pc-field-text.fca_deletable_item{
	display: flex;
}

.fca_pc_setting_table textarea.fca-pc-input-textarea {
	min-height: 5em;
}
.fca_pc_setting_table th {
	text-align: left;
	vertical-align: top;
	width: 210px;
	font-weight: 600;
}
.fca_pc_setting_table td {
	text-align: left;
	width: calc(100% - 210px);
	padding-bottom: 20px;
}

.fca_pc_setting_table .fca-pc-input-text.fca-pc-capi {
	width: 350px;
}

/* INTEGRATION TABLE */
.fca_pc_integrations_table{
	width: 100%;
	max-width: 800px;
}

.fca_pc_integrations_table input, .fca_pc_integrations_table textarea, .fca_pc_integrations_table select {
	width: 100%;
	max-width: 100%;
}
.fca_pc_integrations_table textarea.fca-pc-input-textarea {
	min-height: 5em;
}
.fca_pc_integrations_table th {
	text-align: left;
	vertical-align: top;
	width: 288px;
	font-weight: 600;
	cursor: pointer;
}
.fca_pc_integrations_table td {
	text-align: left;
	width: calc(100% - 210px);
	padding-bottom: 20px;

}

.fca_pc_integrations_table .fca-pc-field-checkbox {
	margin-bottom: 8px;
}

.fca-pc-integration-disabled {
	opacity: 0.75;
	cursor: initial;
}
.installed-text {
	font-size: 13px;
	font-weight: normal;
	margin-top: 2px;
	vertical-align: top;
}
.installed-text.installed {
	color: #27ae60;
}

#fca-pc-e-commerce .installed-text {
	display: inline;
}

.select2-dropdown {
	z-index: 100001;
}

/* EVENT modal */
#fca-pc-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 99999;
	background-color: rgba( 0, 0, 0, 0.8 );
	
}

#fca-pc-event-modal, #fca-pc-pixel-modal {
	position: fixed; /* or absolute */
	box-sizing: border-box;
	top: 5%;
	left: calc(50% - 297px);
	z-index: 100000;
	background-color: #fff;
	padding: 24px 32px;
	width: 594px;
	border-radius: 15px;
	max-height: calc(96vh - 48px);
    scrollbar-width: none;
	overflow-y: auto;
}
#fca-pc-event-modal h3,
#fca-pc-pixel-modal h3 {
	margin-top: 0;
	margin-bottom: 20px;
}

#fca-pc-modal-trigger-type-input,
select.fca-pc-input-select {
	width: 100%;
	height: 35px;
	margin: 0;
}

.fca_pc_modal_table, .fca_pc_pixel_modal_table {
	width: 100%;
	margin-top: 5px;
}

#fca-pc-modal-event-input {
	height: 35px;
	margin: 0px;
}

#fca-pc-modal-delay-input,
#fca-pc-modal-scroll-input {
	width: 80px;
	height: 35px;
	margin: 0px;
	margin-right: 5px;
}

#fca-pc-pixel-cancel,
#fca-pc-event-cancel {
	float: right;
	cursor: pointer;
	font-size: 24px;
	padding: 2px 0 0 0;
} 

.fca-pc-field-number {
	display: inline-block;
	margin-right: 5px;
}

.fca-pc-input-number.fca-pc-woo_delay{
	width: 80px;
}

.fca-pc-input-number.fca-pc-google_product_category{
	width: 100%;
}

.fca_pc_modal_table th {
	vertical-align: top;
	position: relative;
	top: 8px;
	text-align: left;
	width: 120px;
	font-weight: 600;
}

.fca_pc_pixel_modal_table th{
	vertical-align: top;
	position: relative;
	top: 8px;
	text-align: left;
	width: 165px;
	font-weight: 600;
}

.fca_pc_modal_table th p.fca_pc_hint, .fca_pc_pixel_modal_table th p.fca_pc_hint, {
	position: relative;
	top: -8px;
	font-weight: 400;
}

.fca_pc_modal_table td, .fca_pc_pixel_modal_table td {
	text-align: left;
	width: calc( 100% - 120px );
	padding-bottom: 10px;
}

.fca_pc_modal_table td input.fca-pc-input-text, .fca_pc_pixel_modal_table td input.fca-pc-input-text {
	width: 100%;
	height: 35px;
	margin: 0;
}

.fca-pc-param-row {
	display: none;
}

.fca-pc-param-row th {
	font-weight: 400;
}

.fca-required-param {
	text-decoration: underline;
}

.fca-pc-param-toggle {
	position: relative;
	top: 7px;
	cursor: pointer;
	color: #0073aa;
}

.fca-pc-feed-toggle {
	cursor: pointer;
	color: #0073aa;
}

.fca_pc_hint {
	margin: 0;
	font-style: italic;
}

.fca_pc_google_hint{
	display: block;
	margin: 0;
	font-style: italic;
}

.fca_pc_event_tooltip {
	text-decoration: underline;
}

.fca_pc_premium_info {
	font-style: italic;
	margin: 0;
}

.select2-selection--multiple {
	border: 1px solid #8c8f94 !important;
	cursor: text;
	border-radius: 3px!important;
	margin-bottom: 0;
}

.select2-selection--multiple:before {
	content: "";
	position: absolute;
	cursor: pointer !important;
	right: 7px;
	top: 42%;
	border-top: 5px solid #888;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
}

/* EVENTS TABLE */

#fca-pc-events tr:nth-child(odd), #fca-pc-pixels tr:nth-child(odd) {
	background-color: #f9f9f9;
}

#fca-pc-events .fca_pc_event_row:hover, #fca-pc-pixels .fca_pc_pixel_row:hover {
	cursor: pointer;
	outline: 1px solid #3498db;
}

/* 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 #CCC; 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;
}

/* BUTTON */
.button .dashicons {
	margin-top: 2px;
}

.wp-less-than-7 .button .dashicons {
	vertical-align: middle;
	margin-top: 0;
}

@media ( max-width: 600px ) {
	#fca-pc-event-modal, #fca-pc-pixel-modal {
		left: 0;
		max-width: 100%;
	}
	.fca-pc-top-icon {
		top: 63px;
	}

	#fca-pc-marketing-metabox, #fca_pc_main_form.fca-pc-free {
		width: 100%;
	}
	#fca-pc-marketing-metabox {
		text-align: center;
		margin-top: 5px;
	}
		
	#fca_pc_main_form .twoup {
		display: block;
		
	}

	#fca_pc_main_form .twoup #twoup-content {
		max-width: 100%;
	}
	
}