.#{$alias}-mass-optimization {
	// Pop-up box
	.#{$alias}-lightbox-headline {
  		background: $info;
  		border: none !important;
  	}
	.#{$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 #dadada;
		    padding: px(10) 0px px(10) 0px;
		    float: left;
		    margin: 0px 0px 0px px(30);
		    &:last-child {
				border: none;
		    }
		    	width: px(832);
		    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 {
			border: 1px solid #ccc;
			padding: px(2);
			background-color: #fff;
			width: 100%;
			float: left;
			font-weight: normal;
	    	strong {
				background-color: #95a5a6;
				padding: px(2) px(4) px(2) px(4);
				margin-top: -#{px(2)};
	   		}
		    &.good {
				border-color: #16a085;
				background-color: $success;
				color: #fff;
		    }
		    &.poor {
				border-color: #f39c12;
				background-color: $warning;
				color: #fff;
		    }
		    &.bad {
				border-color: #c0392b;
				background-color: $danger;
				color: #fff;
		    }
		}
		.#{$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);
		color: $black;
		.form-inline-editpost {
			##{$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%);
				}
			}
			td {
				font-family: $primary_font;
				font-size: px(14);
				font-weight: $normal;
				line-height: px(26);
			}
			tr {
				&:nth-child(1) {
					td {
						&:nth-child(1) {
							padding-top: px(19) !important;
							input,
							select {
								width: 70%;
								height: px(38);
								margin-bottom: px(10);
								float: right;
								padding-left: px(7);
								border: 1px solid #dbdbdb;
								border-radius: px(3);
							}
						}
						textarea {
							height: px(188);
							padding-left: px(14);
							padding-top: px(13);
							border: 1px solid #dbdbdb;
							border-radius: px(3);
						}
						padding: px(19) !important;
					}
				}
			}
			th {
				strong {
					padding-left: px(7);
				}
				&:nth-child(2),
				&:nth-child(3) {
					padding-left: px(13);
					
				}	
			}
			div {
				text-align: left;
				span {
					font-family: $primary_font;
					font-size: px(14);
					font-weight: $bold;
					line-height: px(26.5);
					margin-left: px(7);
					float: left;
					clear: both;
					margin-top: px(7);
				}
			}
		}
		.#{$alias}-progress {
		    position: relative;
		    width: px(44);
		    border: 1px solid #d7d9df;
		    margin: px(4);
		    background: #ecf0f1;
		    margin-right: px(50);
		    text-align: left;
		}
		.#{$alias}-progress-bar {
		    display: inline-block;
		    height: px(19);
		    position: relative;
		    top: px(3);
		    left: px(2);
		    -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;
		    }
		    &.size_80_100 {
			    background-color: #2ecc71;
			}
			&.size_60_80 {
			    background-color: #f1c40f;
			}
			&.size_40_60 {
			    background-color: #f1c40f;
			}
			&.size_20_40 {
			    background-color: #e67e22;
			}
			&.size_0_20 {
			    background-color: #e74c3c;
			}
		}
		.#{$alias}-progress-score {
	        width: px(38);
		    height: px(30);
		    background: #bdc3c7;
		    text-align: center;
		    cursor: default;
		    position: absolute;
		    line-height: px(21);
		    vertical-align: middle;
		    color: #fff;
		    padding-bottom: px(23);
		    padding-top: px(3);
		    font-weight: bold;
		    top: -#{px(1)};
		    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: 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;
			}
		}
	}
}