/** Your theme modifications here **/

/* loading */
#divLoading
{
display : none;
}
#divLoading.show
{
display : block;
position : fixed;
z-index: 100;
background-image : url('../img/ajax-loader.gif');
background-color:#666;
opacity : 0.4;
background-repeat : no-repeat;
background-position : center;
left : 0;
bottom : 0;
right : 0;
top : 0;
}
#loadinggif.show
{
left : 50%;
top : 50%;
position : absolute;
z-index : 101;
width : 32px;
height : 32px;
margin-left : -16px;
margin-top : -16px;
}

body
{
	height: auto;
}

.login-page {
	background: #ffffff;
}

.skin-blue .main-header .navbar {
	background: #2c2a29;
}

.box.box-info {
	border-top-color: #c8102e;
}

.xlogin-box, .register-box {

    margin: 7% auto;
background-image: url(/resources/img/Trouw_Nutrition_logo_RGB.JPG);
background-repeat: no-repeat;
background-size: cover;

}
.skin-blue .main-header .logo {
	background: #2c2a29;
}

.xlogin-box-body
{
	background-color: rgba(0,0,0,0);
	position: relative;
	top: 325px;
}

.calendar-bg-1 {
	background-color: white;
}
.calendar-bg-2 {
	background-color: #f9f9f9;
}
.calendar-bg-3 {
	background-color: white;
}
.calendar-bg-4 {
	background-color: #f9f9f9;
}
.calendar-bg-5 {
	background-color: white;
}
.calendar-bg-6 {
	background-color: #ffe6e6;
}
.calendar-bg-7 {
	background-color: #ffcccc;
}
.calendar-border {
	border: 1px solid #cccccc;
}
.btn-primary {
	background-color: #c8102e;
	border-color: #2c2a29;

}

.btn-primary:hover {
    background-color: #2c2a29;
}

a {
  color: #2c2a29;
}
a:hover,
a:active,
a:focus {
  outline: none;
  text-decoration: none;
  color: #c8102e;
}

.skin-blue .wrapper,
.skin-blue .main-sidebar,
.skin-blue .left-side {
  background-color: #2c2a29;
}

.skin-blue .main-header .logo:hover {
  background-color: #c8102e;
  background: rgba(0, 0, 0, 0.1);
}

.skin-blue .main-header .navbar .sidebar-toggle:hover {
  background-color: #c8102e;
  background: rgba(0, 0, 0, 0.1);
}

.skin-blue .sidebar-menu > li.header {
  color: #2c2a29;
  background: #c8102e;
}

.skin-blue .sidebar-menu > li:hover > a,
.skin-blue .sidebar-menu > li.active > a,
.skin-blue .sidebar-menu > li.menu-open > a {
  color: #ffffff;
  background-color: #c8102e;
  background: rgba(0, 0, 0, 0.1);
}

.text-red {
	color: red;
	font-weight: bold;
}