.btn--preview {
	background: #fdd931;
    border: 1px solid #fdd931;
    color: #000;
}

.btn--preview:hover, .btn--preview:focus, .btn--preview:active {
	background: #fddc40;
    border: 1px solid #fddc40;
    color: #000;
}

.btn--warning {
	background: #000;
    border: 0px solid #000;
    color: #ffffff;
}

.btn--warning:hover, .btn--warning:focus, .btn--warning:active {
	background: #696868;
    border: 0px solid #696868;
}

.topbar {
	background-color: #f3f3f3;
	padding: 8px 0;
}

.topbar .form-group {
	margin: 7px 0;
}

.topbar .form-group .form-control {
	border: 1px solid #ccc;
}

.topbar-right .topbar-right__data {
	margin: 7px 0;
	text-align: right;
}

.sync-catalog {
	display: inline-block;
	text-decoration: underline;
    font-size: 14px;
}

.error {
	color: red;
}

/* For SYNC Page */
.sync-page {
	margin: 30px 0;
}

.sync-page .sync-page__title h2 {
	margin: 0 0 30px 0;
}

.sync-page .sync-page__data h4 {
	margin: 0 0 20px 0;
}

.global-alerts {
    display: block;
}

.container_preview{

	margin-right: auto;
	margin-left: auto;
	padding-left: 10px;
	padding-right: 10px;

}

@media ( min-width : 640px) {
	.container_preview {
		width: 100%;
	}
}

@media ( min-width : 1024px) {
	.container_preview {
		width: 1024px;
	}
}

@media ( min-width : 1400px) {
	.container_preview {
		width: 1400px;
	}
}