/* ==================================================================================================== */
/* Basic styles																							*/
/* ==================================================================================================== */
body {
	font-family: "Raleway";
	height: 100%;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	color: rgb(16, 16, 16);
}

html {
	height: 100%;
}

h1 {
	font-size: 30px;
}

h1, h2, h3 {
	color: rgb(60, 19, 41);
	font-weight: 500;
}


#main-content {
	padding: 25px 25px 100px 25px;
	width: 100%;
}

#sidebar {
	width: 16%;
}

#container {
	display: table;
	width: 100%;
	height: 100%;	
	padding-top: 60px;
}

#sidebar, #main-content {
	display: table-cell;
}

.mfp-content {
	max-width: 1100px;
	margin: 0 auto;
}

.mfp-content .panel {
	border: none;
}

.mfp-close-btn-in .mfp-close {
	color: #fff;
	height: 40px;
	line-height: 40px;
	width: 40px;
}


.bootstrap-select a {
	outline: 0;
}

 table { table-layout: fixed; }
 table th, table td { overflow: hidden; }
 
.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
	background-color: #3aa048;
	border: 1px solid #388d44;
	width: 100%;
}

.button-wrapper {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #fff;	
	padding: 15px 25px;
	
	-webkit-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.5);
} 
 
/* ==================================================================================================== */
/* Login-box firstpage																					*/
/* ==================================================================================================== */

.form-signin, .form-reset-password {
  max-width: 330px;
  padding: 15px;
  margin: 50px auto 0;
}

.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* ==================================================================================================== */
/* Top-bar and side-bar																					*/
/* ==================================================================================================== */

.top-bar, #sidebar {
	background: #3c1329;
	position: relative;
}

.top-bar {
	border-bottom: 3px solid #d3d3d3;
	-webkit-box-shadow: 0px -5px 10px 10px rgba(50, 50, 50, 0.2);
	-moz-box-shadow:    0px -5px 10px 10px rgba(50, 50, 50, 0.2);
	box-shadow:         0px -5px 10px 10px rgba(50, 50, 50, 0.2);
	z-index: 2;
	height: 60px;
	padding: 0;	
	position: absolute;
	top: 0;
	width: 100%;
	display: table;
}

.top-bar h1 {
	color: #fff;
	font-size: 18px;
}

#top-logo {
	margin: 0 auto;
	padding: 0 25px;
	width: 100%;	
}

.top-bar .login-details{
	line-height: 73px;
	padding-right: 25px;
}

.top-bar .logout{
	line-height: 73px;
}

#sidebar {
	-webkit-box-shadow: inset -15px 0px 15px -10px rgba(50, 50, 50, 0.2);
	-moz-box-shadow:    inset -15px 0px 15px -10px rgba(50, 50, 50, 0.2);
	box-shadow:         inset -15px 0px 15px -10px rgba(50, 50, 50, 0.2);
	z-index: 1;
}

#sidebar-content {
	padding: 25px;
	white-space: nowrap;
}

/* ==================================================================================================== */
/* Dropzone																			*/
/* ==================================================================================================== */

#progress-bar {
	height: 25px;
	margin: 10px 0;
}

#selected-file {}