.#{$alias}-html-validator,
.#{$alias}-facebook-planner {
	.#{$alias}-list-table-right-col {
		&:nth-of-type(3) {
			margin-top: 0;
		}


		.#{$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;
			}
		}
	}
	.#{$alias}-list-table-left-col {
		input[type="button"] {
			cursor: pointer;
			border-radius: px(3) !important;
			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;
		}
		.#{$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;
			}
		}
	}
	.#{$alias}-form-button-success {
		text-transform: none !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(24);
		    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(51)};

		}
	}
	
}