html, body {
	margin: 0;
	height: 100%;
}

.app-body {
	background: url(../adminLTE/media/background.jpg);
	/* height: 100%; */
	background-position: center;
	background-repeat: no-repeat;
   	background-size: cover;
}

.app-body .wrapper {
	background-color: transparent;
}

.app-body .wrapper .content-wrapper .content {
	display: flex;
	flex-direction: column;
	flex: 1;
}

.forbidden {
	display: flex;
	flex-direction: column;
	flex: 1;
	align-items: center;
	height: 100%;
	align-content: center;
}

.forbidden-title {
	margin-top: -35px;
	color: white;
}

.img-box .image-dash {
	width: 300px;
	height: 300px;
}

.img-box {
	float: left;
	margin: 30px;
	margin-right: 0;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}

.img-box:hover {
	box-shadow: 0 5px 20px rgba(0, 0, 0, .15);
	-webkit-transform: translateY(-.5rem);
	-ms-transform: translateY(-.5rem);
	transform: translateY(-.5rem);
}

.imageuploadify {
	min-height: 158px;
	margin: 6px 0;
	max-width: 100%;
}

.imageuploadify .imageuploadify-images-list i {
	display: inline-block;
	float: left;
	margin: .25em;
	margin-bottom: 0;
}

.imageuploadify .imageuploadify-images-list .imageuploadify-container {
	margin-left: 10px !important;
}

.imageuploadify .imageuploadify-images-list span.imageuploadify-message
	{
	border-top: 0px;
}

/******************************/
.images-header {
	
}

img {
	border: 0;
}

.images-row {
	text-align: left;
}

.example-image {
	border-radius: 4px;
}

.example-image-link {
	display: inline-block;
	padding: 2px;
	margin: 0 0.5rem 1rem 0.5rem;
	background-color: #fff;
	line-height: 0;
	border-radius: 4px;
	transition: background-color 0.5s ease-out;
}

.login-icon {
	
}

.bg-om {
	background: url('adminLTE/media/background.jpg') no-repeat;
	background-size: cover;
	margin: 0;
	padding: 0;
	position: absolute;
	width: 100%;
}

.btn-primary {
    background-color: #3aa0ff;
    border-color: #3aa0ff;
    color: #fff;
}
.skin-red .main-header .navbar {
    background-color: #ec0b43;
}
.text-red {
    color: #ec0b43 !important;
}
.skin-red .main-header .logo {
    background-color: #bf143e;
    padding-left: 10px;
}
.btn-danger {
    background-color: #ec0b43;
    border-color: #ec0b43;
    color: #fff;
}
.btn-danger:hover {
    color: #fff;
    background-color: #d20f40;
    border-color: #d20f40;
}
.skin-red .main-header li.user-header {
    background-color: #ec0b43;
}
.btn-primary:hover, .btn-primary:active, .btn-primary.hover {
    background-color: #09aed6;
    border-color: #09aed6;
    color: #fff;
}
.timeline:before {
    background: #fff;
}



.custom-box .info-box-icon{
	    width: 100%;
}


/*************************************/
#editor-container{
	height: 700px;
    min-width: 1024px;
}

/******************/
a.nav-link-custom{
	display: flex !important;
    justify-content: start;
    align-items: center;	
}
a.nav-link-custom img{
	width: 21px;
    margin-right: 5px;
}
a.nav-link-custom span{
	text-transform: uppercase;
	font-size: 13px;
}


/*********************************/
.bg-rubber{
	background-color: #DB4C77 !important;
	color: white;
}
.bg-purple{
	background-color: #D33DD1 !important;
}
.bg-red {
    background-color: #ec0b43 !important;
    color: white;
}
/***************************************/
.widget-user-2 .widget-user-header{
    min-height: 80px;
}
.widget-user-image{
	position: absolute;
	left: 8px;
    top: 50px;
    z-index: 1;
}

.widget-user-2 .widget-user-username {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: 300;
    text-align: center;
}



.vertical-align-middle{
	vertical-align: middle !important;
}