.main-header {
	background:#fff;
}

.login-page, .register-page {
	background:#fff !important;	
}

.login-box-body a {
	color:#282D31;	
}

.login-box-body {
	border:1px solid #ccc;
}

.login-box-body .btn, .btn-app-inline.btn-app-inline-header-btn:active, .btn-app-inline.btn-app-inline-header-btn:focus, .btn-app-inline.btn-app-inline-header-btn:hover {
	background:#282D31;
}

.login-box-body .btn:hover {
	background:#282D31;	
}

.main-header .navbar {
	background:#DA0E19;
}

.user-panel>.info>p {
	color:#282D31;
}

.main-sidebar {
	background:#fff;
}

.main-sidebar a, .sidebar-form, .sidebar-menu>li.header {
	color:#282D31;
}

.main-sidebar a:hover {
	background:#DA0E19;
	color:white;
}

.logo-lg, .logo-mini {
	color:#282D31;
}

.main-sidebar .active > a {
	background:#DA0E19;
	color:white;
}

.main-sidebar .treeview.active .treeview-menu a {
	background: none;
	color:#282D31;
}

.main-sidebar .treeview.active .treeview-menu .active a {
	background:#DA0E19;
	color:white;
}

.main-sidebar .treeview.active .treeview-menu a:hover {
	background:#DA0E19;
	color:white;
}

.user-panel>.info>a:hover {
	background:none;
}

.type_tab {
	padding:10px 20px;
	color:#000;
	background:#b6e2c4;
	display: inline-block;
}

.type_tab:hover, .type_tab:active, .type_tab:focus {
	color:#000;
	background:#86c59a;
}

.type_tab.active {
	background:#86c59a;
	color:#fff;
	font-weight: bold;
}

.manage_images {
	margin-bottom: 20px;
}

.image_set_table td a {
	margin-right: 10px;
	font-size: 15px !important;
}

.image_set_table td a.delete {
	color:red;
}

.images_upload {
	background:#f5f5f5;
	padding:10px;
	margin-bottom: 20px;
}

.images_upload .btn-app-inline {
	margin:10px 0 0 0;
	display: inline-block;
}

.sortable-images {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: justify;
    align-content: space-between;
}

.sortable-images li a {
	text-align: center;
	margin:8px 0;
	position: absolute;
	top:5px;
	width:30px;
	height:30px;
	right:10px;
	background: rgba(255, 0, 0, 0.7);
	font-size: 20px;
}

.sortable-images li a .fa {
	color:#fff;
}

.sortable-images li {
	flex: 0 0 18%;
	max-width: 18%;
	position: relative;
	margin-bottom: 20px;
	margin-right: 2.5%;
}

.sortable-images li:nth-child(5n) {
	margin-right: 0;
}

@media screen and (max-width:767px) {
	.sortable-images li {
		flex: 0 0 48%;
		max-width: 48%;
		margin-right: 4%;
	}

	.sortable-images li:nth-child(2n) {
		margin-right: 0;
	}

	.sortable-images li:nth-child(5n) {
		margin-right: 4%;
	}
}

.sortable-images li img {
	width:100%;
}

.main-image {
	vertical-align: top;
	margin-right: 10px;
}