

@mixin check_main($t) {
	.#{$t} {
		$color: map-get($theme, $t);
		.check {
			text-align: left;
			font-size: 12px;
			color: map-get($color, 'link');
			padding-top: 20px;

			p {
				margin-left: 20px;
				margin-bottom: 20px;
			}

			.success-tip {
				margin-top: 20px;
				margin-left: 20px;
				color: #00A000;
			}

			.msg {
				margin-top: 5px;
				color: #f60000;
				margin-right: 10px;
			}

			li {
				margin-bottom: 8px;

				.fa-check {
					color: #00A000;
				}

				.fa-close {
					color: red;
				}
			}

			.help {
				position: absolute;
				width: 100%;
				bottom: 8px;
			}

			.restart, .help {
				text-align: center;
			}

			.check-btn {
				background: map-get($color, 'upload_btn_bg');
				border: 1px solid map-get($color, 'upload_btn_border');
				border-radius: 0;
				text-shadow: none;
				font-size: 12px;
				color: map-get($color, 'upload_text_color');
				box-shadow: none;
			}

			.connect-error {
				text-align: center;
				color: $color-danger;

				i {
					font-size: 30px;
					margin-bottom: 20px;
				}
				p {
					margin: 5px 0;
				}
				.steps {
					text-align: left;
				}
			}
		}

	}
}

@include check_main('gray');
@include check_main('white');
@include check_main('dark');
@include check_main('black');
