/* Common styles */
.aiowps_cb_half_width,
.aiowps_smart_404_half_width {
	width: 50%;
}

.aiowps_cb_one_third_width,
.aiowps_smart_404_one_third_width {
	width: 33%;
}

.aiowps_cb_width_80,
.aiowps_smart_404_width_80 {
	width: 80%;
}

.aiowps_cb_max_500,
.aiowps_smart_404_max_500 {
	max-width: 500px;
}

.aiowps_cb_spacer_15,
.aiowps_smart_404_spacer_15 {
	margin-top: 15px;
}

.aiowps_cb_spacer_10_tb,
.aiowps_smart_404_spacer_10_tb {
	margin: 10px 0;
}

.aiowps_cb_spacer_10_tblr,
.aiowps_smart_404_spacer_10_tblr {
	margin: 10px;
}

.aiowps_cb_clear_float,
.aiowps_smart_404_clear_float {
	clear: both;
}

.aiowps_cb_float_left,
.aiowps_smart_404_float_left {
	float: left;
}

.aiowps_cb_padding_10,
.aiowps_smart_404_padding_10 {
	padding: 10px !important;
}

.aiowps_cb_admin_ul_grp1,
.aiowps_smart_404_admin_ul_grp1 {
	list-style: circle;
	padding-left: 30px;
}

.aiowps_cb_grey_box,
.aiowps_smart_404_grey_box {
	margin: 10px 0 15px 0;
	background-color: #ECECEC;
	border: 1px solid #CFCFCF;
	padding: 0 0 0 1em;
}

.aiowps_cb_yellow_box,
.aiowps_smart_404_yellow_box {
	margin: 10px 0 15px 0;
	background-color: #FFFFE0;
	border-color: #E6DB55;
	border-radius: 3px;
	border-style: solid;
	border-width: 1px;
	padding: 8px;
}

.aiowps_cb_blue_box,
.aiowps_smart_404_blue_box {
	margin: 10px 0 15px 0;
	background-color: #F0F9FF;
	border-color: #16B;
	color: #16B;
	border-radius: 3px;
	border-style: solid;
	border-width: 1px;
	padding: 0 0 0 1em;
	line-height: 20px;
}

.aiowps_cb_green_box,
.aiowps_smart_404_green_box {
	margin: 10px 0 15px 0;
	background-color: #CCF4D6;
	border-color: #059B53;
	color: #043B14;
	border-radius: 3px;
	border-style: solid;
	border-width: 1px;
	padding: 0 1em;
}

.aiowps_cb_red_box,
.aiowps_smart_404_red_box {
	margin: 10px 0 15px 0;
	background-color: #FFEBE8;
	border-color: #C00;
	color: #333;
	border-radius: 3px;
	border-style: solid;
	border-width: 1px;
	padding: 0 1em;
}

.aiowps_cb_success_with_icon,
.aiowps_smart_404_success_with_icon,
.aiowps_cb_error_with_icon,
.aiowps_smart_404_error_with_icon,
.aiowps_cb_info_with_icon,
.aiowps_smart_404_info_with_icon {
	background-repeat: no-repeat;
	padding-left: 20px;
	font-size: 14px;
}

.aiowps_cb_success_with_icon,
.aiowps_smart_404_success_with_icon {
	background-image: url("../images/success.png");
	color: #529901;
}

.aiowps_cb_error_with_icon,
.aiowps_smart_404_error_with_icon {
	background-image: url("../images/error.png");
	color: #F00;
}

.aiowps_cb_info_with_icon,
.aiowps_smart_404_info_with_icon {
	background-image: url("../images/info-icon.png");
	color: #16B;
}

.aiowps_cb_table_row_red,
.aiowps_smart_404_table_row_red {
	background-color: #FD6D73;
}

.aiowps_cb_table_row_yellow,
.aiowps_smart_404_table_row_yellow {
	background-color: #F5E679;
}

.aiowps_cb_table_row_green,
.aiowps_smart_404_table_row_green {
	background-color: #C8F18B;
}

.aiowps_cb_loading_1,
.aiowps_smart_404_loading_1 {
	margin: 0 5px;
}

.aiowps_cb_text_area_file_output,
.aiowps_smart_404_text_area_file_output {
	background: none repeat scroll 0 0 #F9F9F9;
	font-family: consolas,monaco,monospace;
	font-size: 12px;
	outline: 0 none;
}

.aiowps_cb_more_info_anchor,
.aiowps_smart_404_more_info_anchor {
	background-color: #D9D9D9;
	color: #21759B;
	font: 0.9em/1.455em "Lucida Grande","Lucida Sans Unicode",tahoma,verdana,sans-serif;
	text-decoration: none;
	padding: 3px 5px;
}

.aiowps_cb_more_info_anchor:hover,
.aiowps_smart_404_more_info_anchor:hover {
	color: #333;
	cursor: pointer;
}

.aiowps_cb_more_info_toggle_char,
.aiowps_smart_404_more_info_toggle_char {
	display: inline-block;
	margin-right: 3px;
	padding: 0 3px;
	text-align: center;
	background-color: #EDEDED;
	width: 10px;
}

.aiowps_cb_more_info_body,
.aiowps_smart_404_more_info_body {
	margin: 10px 0 15px 0;
	background-color: #FFFFE0;
	border-color: #E6DB55;
	border-radius: 3px;
	border-style: solid;
	border-width: 1px;
	padding: 0 0 0 1em;
}

.aiowps-checkbox-grid {
	-moz-column-count: 4;
	-moz-column-gap: 20px;
	-webkit-column-count: 4;
	-webkit-column-gap: 20px;
	column-count: 4;
	column-gap: 20px;
}

/* Unique styles */
.aiowps_dashboard_box_large {
	width: calc(50% - 10px);
	margin-bottom: 10px;
}

#smart_404_dashboard_widget_content {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	flex-direction: row;
}

@media (max-width: 1024px) {

	.aiowps_dashboard_box_large {
		width: 100%;
	}

}