th##{$alias}_info,
td.#{$alias}_info {
	width: 200px;
}
.column-psp_info .#{$alias}-info-column {
	h2 {
		display: none;
	}
}

.#{$alias}-info-column {

	h2 {
		border-bottom: 1px solid #dadada;
		font-weight: bold !important;
		margin-bottom: 15px !important;
		padding-left: 0px !important;
	}
	i {
		margin-right: 10px;
	}
	.#{$alias}-progress {
		margin-left: 0px;
		height:5px;
		border-radius: 5px;
	}

	.#{$alias}-progress-bar {
		height:5px;
	}

	

	> div:hover {
		background-color: #fff;
	}
}
.#{$alias}-info-column .#{$alias}-progress .#{$alias}-progress-score {
		top: -5px;
	}

.psp-sidebar-box .psp-seo-status-container.psp-seo-score-summary {
	margin-top: 0;
}
body .psp-sidebar-box .psp-loader-holder-take-over.psp-loader-holder-take-over {
	left: 0 !important;
}

body .psp-sidebar-box .psp-progress-small .psp-progress-bar {
	height: 4px;

}
.psp-side-rs { 
	font-size: 13px;
    font-weight: 500;
    color: #313131;
    padding: 6px 10px 6px 3px;
	margin-left: 10px;

		&:before {
	    font-family: 'seo-checks';
	    content: "";
	    color: red;
	    top: 0;
	    left: 0;
	    font-size: 13px;
	    display: inline-block;
	    margin-right: 10px;
	}
}
.psp-progress-score {
	display: inline-block;
	margin-left: 10px;
    font-weight: 600;
    margin-bottom: 10px;
}

.psp-dashboard-box-content #psp-seo-score-box td {
	padding: 10px 20px 0px 20px ;
}

 .psp-side-rs.psp-side-rs-score-good {
 	&:before {
    	color: #4caf50;
    	content: "\e902";
    }
 }

 .psp-side-rs.psp-side-rs-score-poor {
 	&:before {
    	color: #ff9800;
    	content: "\e900";
    }
 }

 .psp-side-rs.psp-side-rs-score-bad {
 	&:before {
    	color: #d9534f;
    	content: "\e901";
    }
 }
.psp-sidebar-box h1 {
	font-size: 14px;
	font-weight: 600;
	border-bottom: 1px solid #f2f2f2;
}

.psp-sidebar-box .psp-multikw-tab-menu a {
	color: #000;
	text-decoration: none;
	margin-bottom: 10px;

}

.psp-sidebar-box .psp-multikw-tab-menu a.open {
	color: #25343e;
}

.psp-sidebar-box .psp-multikw-tab-menu a:focus {
	box-shadow: none;
}
.psp-info-column .psp-progress {
	margin-top: 10px;
}

##{$alias}-tab-div-id-page_meta {
	.form-table td p {
		margin-top: 0px;
		margin-bottom: 15px;
	}
}

.#{$alias}-mass-optimization {
	// Pop-up box
	.#{$alias}-lightbox-headline {
  		background: $info;
  		border: none !important;
  		z-index: 9999;
  	}
	.#{$alias}-seo-status-container {
		margin: px(60) px(10) 0px px(10);
		padding-bottom: px(10);
		color: $black;
		font-family: $primary_font;
		font-size: px(14);
		line-height: px(26.5);
		.#{$alias}-seo-status-icon {
			width: px(16);
			height: px(16);
			background: #fff;
			-moz-border-radius: 50%;
			-webkit-border-radius: 50%;
			border-radius: 50%;
			display: block;
	  	}

		.#{$alias}-seo-rule-row {
		    border-bottom: 1px solid #f2f2f2;
		    padding: px(10) 0px px(10) 0px;
		    float: left;
		    margin: 0px 0px 0px px(30);
		    width: auto !important;
		    &:last-child {
				border: none;
		    }
		    p {
				margin: 0px 0px px(10) 0px;
		    }
		    .left-col {
				width: px(16);
				float: left;
				position: relative;
				left: -#{px(22)};
				bottom: -#{px(5)};
		    }
		    .middle-col {
				width: px(120);
				float: left;
				padding: px(5) 0px 0px 0px;
				font-weight: bold;
				left: -#{px(15)};
				top: -#{px(6)};
				position: relative;
		    }
		    .right-col {
				width: px(547);
				float: left;
				min-height: px(20);
				padding: px(5) 0px 0px 0px;
			}
		}
		.message-box { 
			padding: px(2);
			padding-left: 20px;
			background-color: #fff;
			width: 100%;
			float: left;
			font-weight: normal;

			&:before {
	            position: absolute;
	            font-family: 'seo-checks';
	            content: "\e900";
	            color: #fff;
	            top: 0;
	            left: 0;
	            font-size: 13px;
	            display: inline-block;
	        }
	    	strong {
				background-color: #c10202;
				padding: px(2) px(4) px(2) px(4);
				margin-top: -#{px(2)};
				color:#fff;
	   		}
		    &.good {
				content: "\e902";
				color: $success;
		    }
		    &.poor {
				content: "\e900";
            	color: $warning;
		    }
		    &.bad {
				content: "\e901";
           		color: $danger;
		    }
		}
		.#{$alias}-seo-status-icon {
			&.good {
				background: $success;
			}
			&.poor {
				background: $warning;
			}
			&.bad {
				background: $danger;
			}
		}
}



	.#{$alias}-list-table-left-col {
		display: block !important;
		margin-bottom: px(30);
		.#{$alias}-filter-post_type {
			padding: px(10) px(1) px(10) px(6);
			height: auto;
			width: px(94) !important;
			font-family: $primary-font;
			font-weight: $normal; 
			font-size: px(14);
			color: $black;
			border-radius: px(3);
			border: 1px solid $medium-gray;
			margin-right: px(10);
		}
		.#{$alias}-post_status-list {
			font-family: $primary-font;
			font-weight: $normal; 
			font-size: px(14);
			margin-top: px(10);
			a {
				color: $black;
				&[href="#post_status=publish"] {
					color: #e41e26;
				}
			}
			span {
				color: $gray;
			}
		}
	}
	.displaying-num {
		left: px(25);
		line-height: px(31);
		color: $black;
		font-weight: px(14);
		margin-right: px(10) !important;
	}
	##{$alias}-list-table-posts {
		/*margin-top: px(21);*/

		.#{$alias}-seo-report-btn {
			min-height: 2.8rem !important;
			height: auto !important;
		}

		color: $black;
		.form-inline-editpost {
			.hwt-backdrop {
				text-align: left;
				top: 13px !important;
				left: 14px !important;
				padding-right: 105px !important;
			}
			##{$alias}-inline-btn-save {
				cursor: pointer;
				padding: px(3) px(18) px(1) px(18);
				width: auto;
				height: auto;
				border-radius: px(3);
				font-family: $primary_font;
				font-weight: $bold;
				font-size: px(11);
				text-transform: none;
			}
			##{$alias}-inline-btn-cancel {
				cursor: pointer;
				padding: px(3) px(18) px(1) px(18);
				width: auto;
				height: auto;
				background: #969696;
				color: $white;
				border-radius: px(3);
				border: 1px solid #969696;
				font-family: $primary_font;
				font-weight: $bold;
				font-size: px(11);
				&:hover {
					background: darken(#969696, 25%);
				}
			}
			textarea {
				height: px(188);
				padding-left: px(14);
				padding-top: px(13);
				border: 1px solid #dbdbdb;
				border-radius: px(3);
			}
			input,
			select {
				height: px(38);
				padding-left: px(7);
				border: 1px solid #dbdbdb;
				border-radius: px(3);
			}
			th {
				strong {
					padding-left: px(7);
				}
				&:nth-child(1),
				&:nth-child(2),
				&:nth-child(3) {
					padding-left: px(13);
					
				}	
			}
			td {
				font-family: $primary_font;
				font-size: px(14);
				font-weight: $normal;
				line-height: px(26);
				padding: px(9) !important;
			}
			/*> table > tbody > tr {
				&:nth-child(1) {
					td {
						&:nth-child(1) {
							padding-top: px(19) !important;
							input,
							select {
								width: 70%;
								margin-bottom: px(10);
								float: right;
							}
						}
						padding: px(19) !important;
					}
				}
			}*/
			> table > thead > tr > th:last-child,
			> table > tbody > tr > td:last-child {
				border-right: 0.1rem solid #dbdbdb;
			}
			div.psp-inline-meta-wrapp {
				text-align: left;
				> div,
				span {
					font-family: $primary_font;
					font-size: px(14);
					font-weight: $bold;
					line-height: px(26.5);
					margin-left: px(7);
					margin-top: px(7);
					/*float: left;
					clear: both;*/
				}
				> div {
					/*float: none;*/
					display: inline-block;
					margin-left: 0px;
				}
			}
			> table table tr:nth-child(1) td {
				> div {
					display: table;
					width: 100%;
					text-align: left;
					span {
						display: table-cell;
						font-weight: $bold;
					}
					input {
						display: table-cell;
						width: 100%;
					}
				}

			}
		}
		.#{$alias}-focus-kw-box {
			.tokenfield.form-control {
				height: auto;
				/*width: 100%;*/
			}
		}

		/* Progress Bar */
		.#{$alias}-progress {
		    position: relative;
		    width: px(44);
		    border: 1px solid #f2f2f2;
		    margin: 16px 0 16px 0;
		    background: #fff;
		    margin-right: px(50);
		    text-align: left;
		    height:6px;
		}
		.#{$alias}-progress-bar { 
			border-radius: 5px;
		    height:5px;
		    position: relative;
		    -webkit-transition: 0.4s linear;
		    -moz-transition: 0.4s linear;
		    -o-transition: 0.4s linear;
		    transition: 0.4s linear;
		    width: px(45);
		    -webkit-transition-property: width, background-color;
		    -moz-transition-property: width, background-color;
		    -o-transition-property: width, background-color;
		    transition-property: width, background-color;
		    div {
		    	display: inline-block;
		    }
			/* define the progress bar colors by sizes */
			&.size_0_20 {
				background: repeating-linear-gradient(-160deg, #e74c3c, #e74c3c 5px, #fb988e 5px, #fb988e 10px);
				//background-color: #e74c3c;
			}
			&.size_20_40 {
				//background-color: #e67e22;
				   background: repeating-linear-gradient(-160deg, #ff7800, #ff7800 5px, #ffa376 5px, #ffa376 10px);
			}
			&.size_40_60,
			&.size_60_80 {
				background-color: #f1c40f;
			}
			&.size_80_100 {
				background-color: #2ecc71;
			}
		}
		.#{$alias}-progress-score {
	        width: px(38);
		    height: px(30);
		    background: #fff;
		    text-align: center;
		    cursor: default;
		    position: absolute; 
		    vertical-align: middle;
		    color: #2d2d2d;
		    padding-bottom: px(23);
		    padding-top: px(3);
		    font-weight: bold;
		    top: -#{px(8)};
		    font-size: px(11);
		    right: -#{px(39)};
		    font-family: $primary-font;
		}

		th {
			padding-top: px(14) !important;
			color: $black;
			font-weight: $bold;
			font-size: px(14);
			line-height: px(26.5);
			&.checkbox-column {
				padding-top: px(7) !important;
			}
		}
		td {
			.#{$alias}-seo-report-btn {
				text-transform: none !important;
				font-weight: $bold !important;
			}
			.#{$alias}-do_item_optimize {
				text-transform: none;
				cursor: pointer;
			}
			.#{$alias}-text-field-kw {
				width: 100%; /*px(240);*/
				padding: px(5);
				font-family: $primary-font;
				border-radius: px(3);
			}
			.#{$alias}-auto-detect-kw-btn {
			    border-radius: px(3);
			    margin-left: px(2);
			    padding: px(7) px(15) px(22) px(14);
			    text-transform: none;
			    font-weight: $bold;
			    font-size: px(11);
			}
			&:nth-child(3) {
				&>a {
					color: #e41e26;
					font-weight: $normal !important;
					font-size: px(14);
					line-height: px(26);
				}
				&>span {
					&>a {
						font-size: px(12);
						color: $gray;
						font-weight: $normal !important;
					}
				}
			}
			&:nth-child(7) {
				i {
					font-size: px(14);
					line-height: px(24);
				}
			}
		}
		.#{$alias}-list-table-left-col {
			margin-top: px(62);
		    margin-bottom: px(42);
			input[type="button"] {
				margin-top: px(17);
				cursor: pointer;
				border-radius: px(3);
				padding: px(12) px(20) !important;
				padding-bottom: px(28) !important;
				letter-spacing: 0.06em;
				font-weight: $bold;
				font-size: px(11);
				font-family: $primary_font;
				&:first-child {
					margin-left: -#{px(6)};
					margin-right: -#{px(2)};
				}
			}
		}

		.#{$alias}-list-table-right-col {
			float: none !important;
			position: relative;
			top: -#{px(8)};

		}
	}

    .#{$alias}-list-table-right-col {
		.#{$alias}-box-show-per-pages {
			left: px(89);
			select {
				width: px(57) !important;
			}
		}
		.#{$alias}-list-table-search-box {
			float: right;
			clear: left;
			width: auto !important;
			##{$alias}-search-btn {
				font-family: $primary-font;
				font-size: px(11);
				color: $white;
				font-weight: $bold;
				background: #969696;
				border: none;
				padding: px(13) px(20) px(27) px(20);
				line-height: px(20);
				letter-spacing: 0.06em;
				text-transform: uppercase;
				margin-left: 0;
				border-radius: px(3);
				border-bottom-left-radius: 0;
				border-top-left-radius: 0;
				&:hover {
					background: darken(#969696, 25%);
				}
			}
			##{$alias}-search-text {
				width: px(238);
				height: px(40);
				border: 1px solid $medium-gray;
				border-bottom-left-radius: px(3);
				border-top-left-radius: px(3);
				padding-left: px(10);
			}
			input {
				margin-top: 0 !important;
			}
		}
	}
}