.#{$alias} {
	.#{$alias}-serp {

	##{$alias}-list-table-header,
	##{$alias}-list-table-posts {
		.#{$alias}-list-table-left-col {
			/*display: none !important;*/
		}
	}

	/*##{$alias}-content-wrap > .#{$alias}-panel > */.#{$alias}-form-row .#{$alias}-message,
	.#{$alias}-serp-cron-stats .#{$alias}-message {
		padding: 0.8rem !important;
		background-image: none;

		&.#{$alias}-error:before {
			content: none !important;
		}
	}


	##{$alias}-serp-graph {
		display: none;
		td.legendColorBox {
			&>div {
				border: none !important;
				height: px(16) !important;
				&>div {
					width: px(24) !important;
					margin-right: px(14);
				}
			}
		}
		td.legendLabel {
			font-family: $primary_font;
			font-size: px(12);
			color: $gray;
			font-weight: $normal;
			line-height: px(24.5);
		}
	}
	##{$alias}-serp-container {
		.checkbox {
			margin: 0;
		}
		.#{$alias}-top-filters {
			position: relative;
			height: px(30);
			input[type="text"],
			select {
				padding: px(10) px(13);
				height: px(40);
			}
			##{$alias}-cron-ckeck {
				position: absolute;
				top: 0;
				left: px(180);
			}
			##{$alias}-filter-by-date {
				width: px(615);
				position: absolute;
				top: 0;
				right: -#{px(10)};
				label {
					float: left;
					width: auto;
					margin: px(12) px(5) 0 0;
				}
				input {
					float: left;
					width: px(110);
					margin: 0 px(10) 0 0;
					cursor: pointer;
					padding: px(13) px(19) px (20) px(19) !important;
					height: px(40);

					
					&##{$alias}-toggle-ku {
						background: #969696;
						width: auto !important;
						&:hover {
							background: darken(#969696, 25%);
						}
					}
				}
			}
		}
		##{$alias}-table-ajax-response {
			padding: px(10) 0 0;
		}
		.#{$alias}-serp-graph {
			height: px(350);
			margin: px(53) 0 px(10);
			overflow: hidden;
			.legend {
				&>table {
					top: px(24) !important;
				}
			}
		}
		.#{$alias}-or-block {
			float: left;
			width: px(30);
			height: px(70);
			margin: 0 px(35);
			position: relative;
			h2 {
				display: block;
				border: px(1) solid  red;
				margin: 0;
				background: #fff;
				//Instead of the line below you could use @include border-radius($radius, $vertical-radius)
				border-radius: 50%;
				border: 0 solid #800000;
				border: px(1) solid #dadada;
				padding: px(9) px(7) px(9) px(6);
				line-height: px(18);
				position: absolute;
				z-index: 5;
				top: px(17);
				left: -#{px(7)};
			}
			span.line {
				border-left: px(1) solid #dadada;
				display: block;
				width: px(1);
				height: 100%;
				top: 0;
				left: 50%;
				margin-left: -#{px(1)};
				position: absolute;
			}
		}
	}
	##{$alias}-list-table-posts {
		.#{$alias}-list-table-right-col {
			/*margin-top: -#{px(13)};*/
		}
	}
	
	##{$alias}-serp-add-keyword {
		margin: -#{px(3)} 0 0 0;

		label {
			float: left;
			width: px(110);
			margin: px(11) 0 px(20) 0;
			color: #383838;
			font-weight: $bold;
		}
		input {
			float: left;
			&##{$alias}-new-keyword {
				width: px(174);
				height: px(38);
			}
			&##{$alias}-new-keyword-link {
				width: px(272);
				height: px(38);
				margin-top: px(10);
			}
		}
		##{$alias}-submit-to-reporter {
			margin: px(8) 0 px(30) px(110);
			width: auto;
			height: auto;
			padding: px(13) px(24) px(11) px(24) !important;
			cursor: pointer;
		}
	}
	##{$alias}-add-keyword-block {
		padding: px(10) px(10) px(40) px(10);
		
		&>div {
			float: left;
		}
		.#{$alias}-or-block {
			background: $light-gray;
			color: $black;
			font-weight: $bold;
			padding: px(21);
			border-radius: 50%;
			cursor: default;
			margin-top: px(12);
			margin-left: -#{px(30)};
			margin-right: px(39);
			h2 {
				font-size: px(14);
			}
		}
		&>div:nth-child(3) {
			label {
				font-weight: $normal !important;
				margin-bottom: px(14) !important;
			}
		}
		##{$alias}-select-fw {
			margin: 0 !important;
			background: #969696 !important;
			width: auto;
			height: auto;
			padding: px(13) px(24) px(11) px(24) !important;
			&:hover {
				background: darken(#969696, 25%) !important;
				cursor: pointer;
			}
		}
	}
	.serp-thead-rank {
		border-top: px(1) solid #dadada;
		margin: px(6) -#{px(10)} -#{px(9)};
		width: px(200);
		font-weight: $normal;
		
		th {
			padding-right: px(23) !important;
			&:nth-child(2) {
				padding-right: px(13) !important;
			}

			&:nth-child(3) {
				padding-right: px(15) !important;
			}
		}
		
	}
	.serp-rank-container {
		position: relative;
		margin: -#{px(7)} -#{px(10)};
		width: 100%;
		.#{$alias}-rank-container-block {
			background: #ecf0f1;
			display: table;
			width: 100%;
			border: none;
			height: 95%;
			.the_pos {
				display: table-cell;
				background: $white;
				vertical-align: middle;
				text-align: center;
			}
			.the_status {
				display: table-cell;
				width: px(41);
				vertical-align: middle;
				text-align: center;
				padding-left: px(10);
				padding-right: px(10);
			}
		}
		.#{$alias}-rank-container-block-extra {
			background: $white;
			width: 100%;
			padding: px(4) px(2);
		}
	}
	.serp-tbody-rank {
		width: px(200);
		position: absolute;
		top: -#{px(19)};
		left: -#{px(1)};
		height: px(52);
		font-weight: $normal;
		td {
			.#{$alias}-rank-container-block-extra {
				padding: px(7) px(2);
			}
			&:nth-child(1) {
				max-width: px(57);
				padding-top: 0 !important;
				padding-bottom: 0 !important;
			}
			&:nth-child(2) {
				max-width: px(35);
			}
		}
	}
	.serp-icon {
		display: inline-block;
		position: relative;
		bottom: -#{px(2)};
		width: px(12);
		height: px(12);
		margin: 0 px(2) 0 0;
		&.down {
			background: url(assets/icon_down.png) no-repeat;
		}
		&.up {
			background: url(assets/icon_up.png) no-repeat;
		}
		&.same {
			background: url(assets/icon_same.png) no-repeat;
		}
	}
	##{$alias}-serp-filter-keyurl {
		margin: px(20) 0 0;
		display: none;

		.#{$alias}-table {
			display: table;

		}

	}
	.#{$alias}-table {
		display: table;
		thead {
			th {
				vertical-align: middle;
				padding: px(10) 0;
			}
		}
		tbody {
			tr {
				td {
					padding-top: px(13);
					padding-bottom: px(13);
					
					padding-right: px(15);
				}
			}
		}
	}
	
	##{$alias}-list-table-header {
		margin: px(10) 0 px(8) 0;
		.#{$alias}-message {
			cursor: default !important;
		}
		.#{$alias}-list-table-right-col {
			float: right;
			padding-top: px(2);
		}
		.#{$alias}-list-table-left-col span {
			&#engine-time-to-wait {
				font-weight: bold;
			}
			&.engine-access-msg-info {
				font-weight: bold;
			}
			&.engine-access-msg-success {
				font-weight: bold;
			}
			&.engine-access-msg-error {
				font-weight: bold;
			}
		}
	}
	.#{$alias}-rank-container-block .the_status {
		&.down {
			background-color: $orange;
			color: #fff;
		}
		&.same {
			background-color: $orange;
			color: #fff;
		}
		&.up {
			background-color: $orange;
			color: #fff;
		}
	}
	.#{$alias}-serp-add-keyword .#{$alias}-panel-title #search-engine-current-loc {
		margin-right: -#{px(32)};
		display: block;
	}
}

.#{$alias}-serp {
	.#{$alias}-form-serp-button {
		font-size: px(16);
		float: left;
		margin-right: px(6);
		padding: px(5) px(5);
		
		&:last-child {
			margin-right: 0;
		}
		
		i.fa-eye-slash {
			color: #ffa800;
		}
		i.fa-refresh {
			color: #3194f1;
		}
		i.fa-times {
			color: #e41e26;
		}
	}
	
	#search-engine-current-loc {
		display: block;
		font-size: px(12);
		color: #575757;
		padding:15px;
		border: 1px solid #f2f2f2;
		border-radius: 5px;
		background-color: #fff;

		img {
			margin-left: 10px;
		}
	}
	
	table {
		tr {
			td {
				&:nth-child(2) {
					input {
						width: 100%;
					}
				}

			}
			th {
				table.serp-thead-rank {
					margin: px(6) -#{px(11)} -#{px(11)} -#{px(11)} !important;
				}
			}
		}
	}
	##{$alias}-content-wrap ##{$alias}-list-table-posts {
		border: none !important;

		&>table {
			color: $black;
			font-size: px(14);

			&>tbody {
				tr:nth-child(4n+1) {
					background: #fff;
				}
				tr:nth-child(4n+3) {
					background: #ffffff;
				}
				tr {
					th:nth-child(4) {
					}
				}
			}

			th:nth-child(1),
			td:nth-child(1),
			th:nth-child(2),
			td:nth-child(2) {
				padding-left: px(10) !important;
				padding-right: px(10) !important;
			}

			/*
			th:nth-child(6),
			td:nth-child(6) {
				background: #fff6f6;
				border-bottom: 1px solid #fbe3e3;
				border-top: 1px solid #fbe3e3;
			}

			th:nth-child(7),
			td:nth-child(7) {
				background: #fffaf6;
				border-bottom: 1px solid #fbf0e3;
				border-top: 1px solid #fbf0e3;
			}

			th:nth-child(8),
			td:nth-child(8) {
				background: #fdf6ff;
				border-bottom: 1px solid #f3e3fb;
				border-top: 1px solid #f3e3fb;
			}
			*/

			th { 
				color: $black;
				font-size: px(14);
				padding: px(30) px(10) px(30) px(30) !important;
				background: $white;
				position: relative;
			}
			
			td {
				padding: px(30) px(10) px(30) px(30);

				.nb_pages {
					position: absolute;
					top: 0px;
					right: 0px;
					margin-right: 15px;
					font-size: 9px;
					color: #080; /*#bdc3c7;*/
					cursor: pointer;
				}

				.the_pos i {
					font-size: 16px;
				}

				.the_pos span {
					font-size: px(9);
					vertical-align: top;
					display: inline-block;
					margin-top: px(3);
				}

				.the_pos .psp-checks-arrow-up {
					color: #7cc012; 
				}

				.the_pos .psp-checks-arrow-down {
					color: #e71212; 
				}

				.the_pos .psp-checks-arrows-h {
					color: #ffa800;
					margin-left: 6px;
				}
				 
			}
		}
	}
	.serp-icon.notintop100 {
		&:before {
			content: "--";
			font-style: normal;
			font-family: $primary_font;
			color: #e41e26;
			font-size: px(20);
			letter-spacing: -#{px(1)};
			height: px(2);
			width: px(15);
		}
	}
	}
}

##{$alias}_serp {
	span {
		margin-right: px(35);
	}
	span.app_access_key {
		margin-right: 0px;
		color: green;
	}
	.#{$alias}-form-row {
		margin-bottom: px(10);
		label {
			min-width: 15%;
		}
		.#{$alias}-form-item {
			display: inline-block;
			margin-left: 0 !important;
			.formNote {
				margin: px(5) 0;
				display: block;
			}
		}
	}
}

.psp #psp-list-table-header .psp-list-table-header-row-second {
	display: inline-table !important;
	width: auto;
	float:none;
}

:focus {outline:none;}
#serp-accordion .ui-accordion-header-active {
	color: #ffa800 !important;
	border: 1px solid red;
}

.psp #psp-list-table-header .psp-list-table-header-row-second {
	width: 100% !important;
}

.psp #psp-list-table-posts table td a {
	font-weight: normal; 
}

body .psp-table {
	tr:nth-child(2) {
		td {
			padding-top:20px !important; 
		}
	}
}
.psp .psp-serp .psp-keywords-container .ui-tabs-active.ui-state-active {
	background: #525e65;
	text-transform: none;
}

.psp .psp-serp  .psp-keywords-container .ui-state-default, .psp .psp-serp  .psp-keywords-container .ui-widget-content .ui-state-default, .psp .psp-serp  .psp-keywords-container .ui-widget-header .ui-state-default {
	text-transform: none;
}

/* LIGHTBOX */
.#{$alias} {
	##{$alias}-lightbox-overlay.#{$alias}-serp-lightbox {
		display: none;

		##{$alias}-lightbox-container {
			/*height: 400px !important;
			max-height: 400px !important;
			width: 60% ;*/

			.#{$alias}-seo-status-container {
				/*height: 300px !important;*/
				max-height: 400px !important;
			}

			h1.#{$alias}-lightbox-headline {
				span {
					color: #383838;
					font-family: $primary_font;
					font-size: 18px;
				}
			}
		}
	}
}

.#{$alias} {
	.#{$alias}-serp {

		.psp-form-button-greynotice {
			background: #fafafa;
			color:#343434;
			border: 1px solid #f2f2f2;
			&:hover {
				background: #343434;
				color:#fafafa;
			}
		}
		.psp-keywords-textarea {
			width: 100%;
			height: 150px;
		}
		.psp-keywords-input-text {
			width: 50%;
			border: 1px solid #f2f2f2;
			box-shadow: inset 0 1px 2px rgba(0,0,0,.07);
		}

		.psp-selected-keywords {
			background: #f5f7fa;
			display: block;
			margin: 20px 5px;
			padding: 1px 20px 20px 20px;
			float: left;
			width: 100%;
			border-radius: 4px;

			h2 {
				font-size: 15px !important;
				font-weight: bold !important ;
				color: #656d78 !important;
				margin: 8px 0 10px 0px !important;
			}

			label {
				background: #525e65;
				color: #fff;
				margin: 0 10px 10px 0;
				font-weight: normal;
				padding: 0px 13px 0px 0px;
				font-size: 14px;
				cursor: default;
				i {
					cursor: pointer;
					display: inline-block;
					padding: 0px 7px 0px 13px;
				}
				i:before {
					font-size: 10px;
					margin-right: 5px;
					/*content: "\e917";*/
					content: "\e908";
					font-family: 'seo-checks' ;
					font-weight: normal;
					font-style: normal;
				}
				i:hover {
					color: #fff;
					content: "\e917";
				}

				&:hover {
					background: #653d3d;
					 
				}
				/*i:hover:before {
					content: "\e908";
				}*/
			}
		}

		.psp-keywords-container {

			button {
				margin: 5px 0 0 0px;
			}
			
		}
		.psp-keyword-tabs,
		.psp-keyword-content {
			margin: 10px 20px 20px 20px;
		}
		.psp-table-addkeywords {
			border: 1px solid #f2f2f2;
			width:100%; 
			th {
				background: #fcfcfc;
				text-align: left;
				font-size: 14px;
				font-weight: normal;
				color: #656d78;
				border-bottom: 1px solid #f2f2f2;
				label {
					font-weight: normal;
					color: #cdcdcd;
					font-size: 12px;
				}
			}

			td {
				border-bottom: 1px solid #f2f2f2;
				color: #646464;
				label {
					padding: 5px 13px;
					margin-right: 5px;
					background: #f5f7fa;
					font-weight: normal;
					color: #646464;
					&:hover {
						background: #525e65;
						color: #fff;
					}
				}
			}
		}
		#psp-clear-cache {
			display: none;
		}
		.psp-serp-loading {
			padding-top:5px;
			display: block;
		}

		#psp-list-table-posts .psp-serp-kw-show-howmany {
			display: block;
			width: 100%;
			margin-top: 10px;
			margin-left: 5px;
			color: #6e6e6e;

			a {
				color: #6e6e6e;	
				float: right;	
				font-size: 12px;		
			}
		}
		#psp-list-table-posts .serp-table-rank {
			margin-top: 10px;
			display: inline-block;
			overflow-x: hidden;
			overflow-y: auto;
			height: 540px;
			width: 100%;
			margin-left: 20px;

			tbody > tr {
				color: #6e6e6e;
				display: none;
				width: 100%;
			}
			tbody > tr.on {
				display: table-row;
			}

			td {
				color: #6e6e6e;
				text-align: left;
				font-weight: bold;
				padding: 15px 40px 15px 0px !important;

				a {
					color: #6e6e6e;
					font-size: 12px;
					&:hover {
						text-decoration: underline;
					}
				}
			}
			td:nth-child(3) {
				/* These are technically the same, but use both */
				overflow-wrap: break-word;
				word-wrap: break-word;

				-ms-word-break: break-all;
				/* This is the dangerous one in WebKit, as it breaks things wherever */
				word-break: break-all;
				/* Instead use this non-standard one: */
				word-break: break-word;

				/* Adds a hyphen where the word breaks, if supported (No Blink) */
				-ms-hyphens: auto;
				-moz-hyphens: auto;
				-webkit-hyphens: auto;
				hyphens: auto;
			}

			/*tr:nth-child(2) {
				td {
					color: #ffa800;
					font-size: 14px;
					a {
						color: #ffa800;
					}
				}
			}

			tr:nth-child(7) {
				td {
					color: #f08b8b;
					font-size: 14px;
					a {
						color: #f08b8b;
					}
				}
			}

			tr:nth-child(8) {
				td {
					color: #dcb0e9;
					font-size: 14px;
					a {
						color: #dcb0e9;
					}
				}
			}

			tr:nth-child(10) {
				td {
					color: #e4b551;
					font-size: 14px;
					a {
						color: #e4b551;
					}
				}
			}*/
		}
		.psp-last-checked {
			position: absolute;
			right: 0;
			top: 10px;
			color: #d3d3d3;
			font-size: 12px;
		}
		.psp-phrase a,
		.psp-phrase span {
			color: #6e6e6e;
			font-weight: normal !important;
		}
		.psp-phrase span {
			color: #BDBDBD;
		}
		.psp-phrase a.psp-serp-action-update-rank {
			color: #ff7043 !important;
			font-size: 11px;
		}
		.psp-phrase a.psp-serp-action-update-rank:hover {
			color: #bf360c !important;
		}

		a.psp-serp-keyword-details:before  {
			font-family: 'seo-checks' !important;
			content: "\e915"; 
			font-size: 12px;
		}
		a.psp-serp-keyword-details.on:before {
			font-family: 'seo-checks' !important;
			content: "\e90f";
			font-size: 12px;
			color: #ffa800;
		}

		a.psp-serp-keyword-details.on {
			color: #ffa800;
		}

		.ui-widget-content {
			border: none;
		}
		.ui-widget-header {
			padding-bottom: 10px;
			border: none;
			background: none;
		}

		.psp-keyword-details-header {
			position: relative;
			background: #fff;
			border-bottom: 1px solid #f2f2f2;
			display: block;
			padding-bottom: 10px;
			padding-top: 10px;
			padding-left: 10px;
		}
		.psp-keyword-details-header:after, 
		.psp-keyword-details-header:before {
			top: 100%;
			left:7%;
			border: solid transparent;
			content: " ";
			height: 0;
			width: 0;
			position: absolute;
			pointer-events: none;
		}

		.psp-keyword-details-header:after {
			border-color: rgba(255, 255, 255, 0);
			border-top-color: #fff;
			border-width: 9px;
			margin-left: -9px;
		}
		.psp-keyword-details-header:before {
			border-color: rgba(242, 242, 242, 0);
			border-top-color: #f2f2f2;
			border-width: 11px;
			margin-left: -11px;
		}
		.ui-tabs .ui-tabs-panel {
			padding: 0;
		}


		.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
			border-radius: 0.5rem;
			cursor: pointer;
			font-size: 1.3rem;
			font-weight: 500;
			padding: 6px 12px !important;
			border: none;
			text-decoration: none;
			text-transform: uppercase;
			background: #fff;
			color: #c4c4c4;
		}

		.serp-last { 
			display: inline-block;
			position: relative;
			right: 0;
			color:#dadada;
		}
		.ui-tabs-active.ui-state-active{
			background: #ffa800;
			color: #fff;
			font-weight: normal;
		}

		.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
			color: #fff !important;
		}

		.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
			color: #c4c4c4;
		}
		.psp-keyword-details-content {
			text-align: left;
			width: 99%;

			.psp-kwd-menu {
				text-align: center;
				color:#6e6e6e;
				margin-top: 30px;
				margin-bottom: 30px;
				width: 100%;

				> div {
					display: inline-block;
					margin-right: 20px;

					a {
						color: #343434;
						font-weight: bold;
						text-decoration: none;
					}
					a.on {
						color: #ffa800;
					}
				}
				> p {
					display: inline-block;
					margin-right: 20px;
				}

				strong {
					color: #ffa800;
				}
			}
		}
		.psp-wrapper-serp-chart-evolution {
			position: relative;
			min-height: 400px;
			max-height: 800px;
			box-sizing: border-box;

			.serp-chart-evolution {
			}
		}

	}
}








/******************************************
** EXTRA
*******************************************/
.#{$alias} {
	.#{$alias}-serp {
		.#{$alias}-table tr th .#{$alias}-custom-checkbox {
			margin: px(10) px(0) px(0) px(0) !important;
		}

		##{$alias}-serp-engine-response {
			.#{$alias}-custom-checkbox {
				display: inline-block;
				vertical-align: middle;
				margin-left: 10px;
				margin-right: 3px;
			}

			label {
				margin-bottom: 3px !important;
			}
		}
		#select-engine {
			min-width: 200px;
		}

		.#{$alias}-serp-competitor-delete {
			position: absolute;
			top: 3px;
			right: 3px;
			border: 0px solid green;

			a {
				width: 3.7rem;
				height: 2.8rem;
				text-decoration: none;
				color: red;
			}
		}

		##{$alias}-serp-debug-log {
			display: none;
			width: 100%;
			max-height: 300px;
			overflow-y: auto;
			border: 1px solid #E4F1FE;
		}

		.#{$alias}-serp-keywords-delimiters {
			width: 100%;

			span {
				display: inline-block;
				margin-right: 15px;
				color: #9b9b9b;
			}

			p {
				display: inline-block;
				color: #727272;
				font-size: 13px;
				line-height: 1.5;
				margin: 10px 20px 10px 0px;
			}
			
			label {
				display: inline-block;
				max-width: 100%;
				margin-bottom: 5px;
				font-weight: bold;
			}

			input[type="radio"] {
				margin-top: -5px;
			}
		}

		 .#{$alias}-serp-lightbox {
		
			.#{$alias}-table-ajax-list {
				float: left;
				background-color: #fff;

				.#{$alias}-list-table-search-box.#{$alias}-search-standard-design {
					display: none;
				}

				.#{$alias}-list-table-right-col .#{$alias}-box-show-per-pages label {
					width: 5.5rem !important;
				}
				#admin-display-pagination {
					display: inline-block;
					float: right;
				}
				.psp-list-table-header-row-first {
					display: inline-block ;
					float:left;
					width: auto !important;
				}
				#psp-list-table-header {
					margin: 0 !important;
				}
				#psp-list-table-header .psp-list-table-header-row-second {
					display: inline-block ;
					float:right;
					width: auto !important;
					margin-top: 0 !important;
				}
				#psp-list-table-header .psp-filter-post_type {
					bottom: 0 !important;
				}
				.subsubsub {
					margin: 0 !important;
				}

			}

			.#{$alias}-fkw-ajax-table {
				label.psp-fkw {
					padding: 5px 13px;
					margin-right: 5px;
					background: #f5f7fa;
					font-weight: normal;
					color: #646464;
					&:hover {
						background: #525e65;
						color: #fff;
					}
				}
			}
		}

		.#{$alias}-last-check-status {
			width: 15rem;
			> div {
				display: inline-block;
			}
			> div:nth-child(1) {
				cursor: hand;
			}
			> div:nth-child(2) {
				margin-top: 5px;
			}
		}

		.#{$alias}-message,
		.#{$alias}-message.#{$alias}-info {
			margin: 0rem;
		}

		.#{$alias}-serp-cron-stats {
			margin-bottom: 20px;

			.#{$alias}-message > span:nth-child(2) {
				font-style: italic;
			}
		}

		.#{$alias}-serp-suggest {
			border: 1px solid #F5F5F5;
			float: left;
			padding: 5px 5px 3px;
			margin-top: 10px;
			height: 162px;
			overflow-x: hidden;
			overflow-y: auto;

			.#{$alias}-serp-suggest-show-howmany {
				a {
					margin-right: 20px;
				}
				span {
					font-style: italic;
				}
			}
			.#{$alias}-serp-suggest-list {
				float: left;
				/*list-style-type: decimal;*/
				list-style-type: none;
				margin-left: 10px;
				margin-bottom: 0px;

				.#{$alias}-serp-suggest-item::before {
					display: inline-block;
					width: 25px;
					content: counter(step-counter);
					margin-right: 5px;
					font-size: 80%;
					background-color: #e0e0e0;
					color: #9e9e9e;
					font-weight: bold;
					padding: 2px 2px;
					border-radius: 3px;
					text-align: center;
				}
				.#{$alias}-serp-suggest-item {
					float: left;
					/*list-style-position: inside;*/
					counter-increment: step-counter;
					width: 32.5%;

					.#{$alias}-serp-suggest-host {
						display: inline-block;
						width: 51%;
					}
					.#{$alias}-progress {
						width: 65px;
						display: inline-block;
						top: 4px;

						.#{$alias}-progress-score {
							right: -35px;
							top: -6px;
							font-weight: normal;
							font-size: 11px;
						}
					}
					.#{$alias}-serp-suggest-already {
						color: #BDBDBD;
						display: inline-block;
						margin-left: 30px;
					}
					.#{$alias}-serp-suggest-add {
						font-size: 11px;
						text-transform: lowercase !important;
						border-radius: 0.3rem !important;
						padding: 2px 10px !important;
						display: inline-block;
						margin-left: 30px;
					}
				}
			}
		}

		.psp-serp-competitor-color {
		}
		.psp-serp-competitor-color-link {
			font-size: 14px !important;
			font-weight: bold !important;
		}
		.psp-serp-competitor-color-0 {
			background: $serp_color-0 !important;
		}
		.psp-serp-competitor-color-link-0 {
			color: $serp_color-11 !important;
		}
		.psp-serp-competitor-color-1 {
			background: $serp_color-1 !important;
		}
		.psp-serp-competitor-color-link-1 {
			color: $serp_color-12 !important;
		}
		.psp-serp-competitor-color-2 {
			background: $serp_color-2 !important;
		}
		.psp-serp-competitor-color-link-2 {
			color: $serp_color-13 !important;
		}
		.psp-serp-competitor-color-3 {
			background: $serp_color-3 !important;
		}
		.psp-serp-competitor-color-link-3 {
			color: $serp_color-14 !important;
		}
		.psp-serp-competitor-color-4 {
			background: $serp_color-4 !important;
		}
		.psp-serp-competitor-color-link-4 {
			color: $serp_color-15 !important;
		}
		.psp-serp-competitor-color-5 {
			background: $serp_color-5 !important;
		}
		.psp-serp-competitor-color-link-5 {
			color: $serp_color-16 !important;
		}
		.psp-serp-competitor-color-6 {
			background: $serp_color-6 !important;
		}
		.psp-serp-competitor-color-link-6 {
			color: $serp_color-17!important;
		}
		.psp-serp-competitor-color-7 {
			background: $serp_color-7 !important;
		}
		.psp-serp-competitor-color-link-7 {
			color: $serp_color-18 !important;
		}
		.psp-serp-competitor-color-8 {
			background: $serp_color-8 !important;
		}
		.psp-serp-competitor-color-link-8 {
			color: $serp_color-19 !important;
		}
		.psp-serp-competitor-color-9 {
			background: $serp_color-9 !important;
		}
		.psp-serp-competitor-color-link-9 {
			color:$serp_color-20 !important;
		}
		.psp-serp-competitor-color-10 {
			background: $serp_color-10 !important;
		}
		.psp-serp-competitor-color-link-10 {
			color: $serp_color-21 !important;
		}
	}
}

body {
	.#{$alias}-serp-opmsg {
		display: inline-block;
		font-size: 15px;
		 
		font-weight: bold;
		text-align: center;

		&.#{$alias}-serp-opmsg-error {
			color: #313131;
		}
		&.#{$alias}-serp-opmsg-success {
			color: #313131;
		}
	}

	.psp-serp-rankcolumn-email {
		span {
			font-size: 0.9rem;
			vertical-align: auto;
			display: inline-block;
			margin-top: 0rem;
		}
		span.up {
			color: #7cc012;
		}
		span.down {
			color: #e71212;
		}
		span.same {
		}
	}

	.psp-progress-stats {
		&.psp-progress {
			position: relative;
			padding: 2px;
	  		border-width: 0px;
			background-color: transparent;
			width: 100%;
			margin: 0px;
			padding: 0px;
			
			.psp-progress-score {
				position: relative;
				background-color: transparent;
				text-align: left;
				right: 0px;
				top: 0px;
				font-weight: normal;
				color: #343434;
			}
			.psp-progress-bar {
			}
		}
	}

	.psp-serp-ws-filters {
		margin-bottom: 10px;
		padding: 0px;

		input {
			margin: 0px 15px;
		}
	}
}


/************************************************/
/****************** Fixes ***********************/
.psp .psp-serp #psp-content-wrap #psp-list-table-posts > table .psp-keyword-details th:nth-child(1),
.psp .psp-serp #psp-content-wrap #psp-list-table-posts > table .psp-keyword-details th:nth-child(2),
.psp .psp-serp #psp-content-wrap #psp-list-table-posts > table .psp-keyword-details th {
	padding: 1rem 0rem 1rem 0.5rem !important;
	font-weight: normal !important;
}

.psp .psp-serp #psp-content-wrap #psp-list-table-posts > table th,
.psp .psp-serp #psp-content-wrap #psp-list-table-posts > table td {
	padding: 20px 20px 20px 20px !important;
}
 