/* ---------------------------------------------------------------------- */
/*	Import fonts
 /* ---------------------------------------------------------------------- */
@import url(https://fonts.googleapis.com/css?family=Open + Sans:400, 300, 600, 700);
@import url(https://fonts.googleapis.com/css?family=Raleway:400, 300, 200, 100, 500, 600, 700, 800, 900);
/* ---------------------------------------------------------------------- */
/*	Basic Elements & Classes
 /* ---------------------------------------------------------------------- */
body {
	color: #000000;
	direction: ltr;
	font-family: "Open+Sans", sans-serif;
	font-size: 13px;
	padding: 0px !important;
	margin: 0px !important;
	background: #f5f5f5;
}

body.bg_style_1 {
	background: url("../../../images/bg.png") rgba(0, 0, 0, 0) !important;
}

body.bg_style_2 {
	background: url("../../../images/bg_2.png") rgba(0, 0, 0, 0) !important;
}

body.bg_style_3 {
	background: url("../../../images/bg_3.png") rgba(0, 0, 0, 0) !important;
}

body.bg_style_4 {
	background: url("../../../images/bg_4.png") rgba(0, 0, 0, 0) !important;
}

body.bg_style_5 {
	background: url("../../../images/bg_5.png") rgba(0, 0, 0, 0) !important;
}

a,
a:focus,
a:hover,
a:active {
	outline: 0 !important;
}

h1,
h2,
h3 {
	font-family: "Raleway", sans-serif;
}

/* ---------------------------------------------------------------------- */
/*	Forms
 /* ---------------------------------------------------------------------- */
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
	background-color: #ffffff;
	border: 1px solid #d5d5d5;
	border-radius: 0 0 0 0 !important;
	color: #858585;
	font-family: inherit;
	font-size: 14px;
	line-height: 1.2;
	padding: 5px 4px;
	transition-duration: 0.1s;
	box-shadow: none;
}

textarea:hover,
input[type="text"]:hover,
input[type="password"]:hover,
input[type="datetime"]:hover,
input[type="datetime-local"]:hover,
input[type="date"]:hover,
input[type="month"]:hover,
input[type="time"]:hover,
input[type="week"]:hover,
input[type="number"]:hover,
input[type="email"]:hover,
input[type="url"]:hover,
input[type="search"]:hover,
input[type="tel"]:hover,
input[type="color"]:hover {
	border-color: #b5b5b5;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {
	border-color: rgba(82, 168, 236, 0.8);
	box-shadow: 0 0 8px rgba(82, 168, 236, 0.6);
	outline: 0 none;
}

label {
	font-weight: normal;
}

span.input-icon,
span.input-help {
	display: block;
	position: relative;
}

.input-icon > input {
	padding-left: 25px;
	padding-right: 6px;
}

.input-icon.input-icon-right > input {
	padding-left: 6px;
	padding-right: 25px;
}

span.input-help > input {
	padding-left: 30px;
	padding-right: 6px;
}

.input-icon > [class*="fa-"],
.input-icon > [class*="clip-"] {
	bottom: 0;
	color: #909090;
	display: inline-block;
	font-size: 14px;
	left: 5px;
	line-height: 35px;
	padding: 0 3px;
	position: absolute;
	top: 0;
	z-index: 2;
}

.input-icon.input-icon-right > [class*="fa-"],
.input-icon.input-icon-right > [class*="clip-"] {
	left: auto;
	right: 4px;
}

.input-icon > input:focus + [class*="fa-"],
.input-icon > input:focus + [class*="clip-"] {
	color: #557799;
}

.help-button {
	background-color: #65bcda;
	border-radius: 100% 100% 100% 100%;
	color: #ffffff;
	cursor: default;
	position: absolute;
	font-size: 14px;
	font-weight: bold;
	height: 20px;
	padding: 0;
	text-align: center;
	width: 20px;
	line-height: 20px;
	top: 7px;
	left: 7px;
}

.help-button:before {
	content: "\f128";
	display: inline;
	font-family: FontAwesome;
	font-weight: 300;
	height: auto;
	text-shadow: none;
	font-style: normal;
}

select.form-control {
	background-color: #ffffff;
	border: 1px solid #d5d5d5;
	border-radius: 0 0 0 0;
	color: #858585;
}

select.form-control option {
	padding: 3px 4px;
}

.form-control.search-select {
	padding: 0 !important;
	box-shadow: none;
	border: none;
}

.select2-container .select2-choice {
	background-clip: padding-box !important;
	background-color: #ffffff !important;
	background-image: none !important;
	background-repeat: no-repeat !important;
	border: 1px solid #cccccc !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	color: #555555 !important;
	display: block !important;
	height: 28px !important;
	line-height: 28px !important;
	margin-top: 3px !important;
	overflow: hidden !important;
	padding: 0 12px 0 8px !important;
	position: relative !important;
	text-decoration: none !important;
	white-space: nowrap !important;
}

.select2-container .select2-choice .select2-arrow {
	background-image: none !important;
	background-color: #ffffff !important;
	width: 28px !important;
	text-align: center;
}

.select2-container .select2-choice .select2-arrow b {
	background: none !important;
	display: block;
	height: 100%;
	width: 100%;
}

.select2-container .select2-choice .select2-arrow b:before {
	content: "\f078";
	display: inline;
	font-family: FontAwesome;
	font-weight: 300;
	height: auto;
	text-shadow: none;
	z-index: 99999;
	position: relative;
}

.select2-dropdown-open.select2-container-active .select2-choice .select2-arrow b:before {
	content: "\f077";
}

.select2-container-multi .select2-choices {
	background-image: none !important;
	background-color: #ffffff !important;
}

.limiterBox {
	border-top: 0;
	background-color: #65bcda !important;
	padding: 3px 6px;
	font-size: 12px;
	color: #fff;
	margin-top: 6px;
}

.limiterBox:after {
	display: none;
}

.limiterBox:before {
	display: block;
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	top: -8px;
	left: 50%;
	margin-left: -5px;
	border-color: transparent;
	border-style: solid;
	border-bottom-color: #65bcda;
	border-width: 0 8px 8px;
}

textarea.autosize {
	vertical-align: top;
	transition: height 0.2s;
	-webkit-transition: height 0.2s;
	-moz-transition: height 0.2s;
}

.radio label.radio-inline,
.checkbox label.checkbox-inline {
	display: inline-block;
}

.radio-inline,
.radio-inline + .radio-inline,
.checkbox-inline,
.checkbox-inline + .checkbox-inline {
	margin-right: 10px !important;
	margin-top: 5px !important;
	margin-left: 0 !important;
	margin-bottom: 10px !important;
}

.radio label,
.checkbox label {
	margin-bottom: 5px;
}

.checkbox-table {
	display: inline-block;
	margin: 2px 0 0 0;
	padding-left: 20px;
	line-height: 10px;
}

.checkbox-table label {
	margin-bottom: 0;
}

[class^="icheckbox_"],
[class*="icheckbox_"],
[class^="iradio_"],
[class*="iradio_"] {
	float: left !important;
	margin: 0 5px 0 0 !important;
}

.help-inline {
	margin-top: 6px;
	color: #737373;
}

.help-block.error {
	color: #b94a48;
}

.symbol.required:before {
	content: "*";
	display: inline;
	color: #e6674a;
}

.symbol.ok:before {
	content: "\f00c";
	display: inline;
	font-family: FontAwesome;
	color: #468847;
}

.has-error .note-editor,
.has-error .cke_chrome {
	border-color: #b94a48 !important;
}

.form-group .text {
	display: block;
	font-size: 14px;
	font-weight: 400;
	margin-top: 7px;
}

/* ---------------------------------------------------------------------- */
/*	Generic Classes
 /* ---------------------------------------------------------------------- */
.no-padding {
	padding: 0 !important;
}

.no-display {
	display: none !important;
}

.no-border {
	border: none !important;
}

.example {
	margin: 15px 0;
	padding: 14px 19px;
}

.widget {
	-moz-box-sizing: content-box;
	color: #333;
	margin-bottom: 30px;
	padding: 10px 12px;
	position: relative;
}

.space5 {
	display: block;
	margin-bottom: 5px !important;
	clear: both;
}

.space7 {
	margin-bottom: 7px !important;
	clear: both;
}

.space10 {
	margin-bottom: 10px !important;
	clear: both;
}

.space12 {
	margin-bottom: 12px !important;
	clear: both;
}

.space15 {
	margin-bottom: 15px !important;
	clear: both;
}

.space20 {
	margin-bottom: 20px !important;
	clear: both;
}

.teal {
	color: #569099;
}

a.teal:hover {
	color: #4d8189;
}

.orange {
	color: #e6674a;
}

a.orange:hover {
	color: #e35434;
}

.bricky {
	color: #c83a2a;
}

a.bricky:hover {
	color: #b33426;
}

.circle-img {
	border-radius: 100% 100% 100% 100%;
}

.center {
	text-align: center;
}

.go-top {
	cursor: pointer;
	display: block;
	width: 30px;
	height: 30px;
	font-size: 16px;
	margin-bottom: 0;
	margin-right: 0;
	margin-top: -2px;
	text-decoration: none;
	line-height: 30px;
	text-align: center;
}

/* ---------------------------------------------------------------------- */
/*  Navbar and navbar elements
 /* ---------------------------------------------------------------------- */
.navbar {
	margin: 0 !important;
	padding: 5px 0 !important;
	min-height: 42px;
	border-radius: 0;
	border-right: none;
	border-left: none;
	border-top: none;
	background: none;
	border-color: #ffffff;
}

.header-default .navbar {
	position: relative !important;
}

.navbar > .container .navbar-brand,
.logo {
	padding: 14px 10px 12px;
	margin-left: 0;
	font-family: "Raleway", sans-serif;
	font-size: 25px;
	min-width: 210px;
}

.navbar > .container .navbar-brand i,
.logo i {
	font-size: 20px;
}

.navbar-tools > ul {
	list-style: none;
}

.navbar-tools > ul > li > a {
	padding: 15px 15px 9px;
	font-size: 16px;
	line-height: 26px;
}

.navbar-tools li.view-all a {
	padding: 8px 8px 6px !important;
}

.navbar-tools > ul > li {
	float: left;
}

.navbar-tools .dropdown-menu {
	background: none repeat scroll 0 0 white;
	border: 1px solid #c7cbd5;
	border-radius: 0 0 4px 4px;
	box-shadow: none;
	list-style: none outside none;
	margin: 0;
	max-width: 300px;
	min-width: 166px;
	padding: 0;
	position: absolute;
	text-shadow: none;
	top: 100%;
	z-index: 1000;
}

.navbar-tools .drop-down-wrapper {
	height: 250px;
	width: 270px;
	overflow: hidden;
	position: relative;
}

.navbar-tools .drop-down-wrapper ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.notifications li,
ul.todo li,
ul.posts li {
	min-width: 260px;
}

.navbar-tools > ul > li.dropdown {
	margin-left: 2px;
	margin-right: 2px;
}

.navbar-tools .dropdown-menu > li > a:hover,
.navbar-tools .dropdown-menu > li > a:focus,
.navbar-tools .dropdown-submenu:hover > a,
.navbar-tools .dropdown-submenu:focus > a,
.navbar-tools .drop-down-wrapper li a:hover,
.navbar-tools .drop-down-wrapper li a:focus {
	background-color: #f4f6f9 !important;
	background-image: none;
	filter: none;
	color: #000;
	text-decoration: none;
}

.drop-down-wrapper ul > li:last-child a {
	border-bottom: none;
}

.navbar-tools .dropdown-menu li .dropdown-menu-title {
	display: block;
	font-weight: bold;
	margin: -1px;
	padding: 5px 10px;
}

.navbar-tools .dropdown-menu li p,
.navbar-tools .dropdown-menu li a,
.navbar-tools .drop-down-wrapper li p,
.navbar-tools .drop-down-wrapper li a {
	color: #333333;
	font-size: 12px;
	font-weight: 300;
	margin: 0;
	padding: 8px 8px 6px;
	border-bottom: 1px solid rgba(100, 100, 100, 0.22);
	white-space: normal !important;
	display: block;
}

.navbar-tools .dropdown-menu > li:last-child a {
	border-bottom: none !important;
	border-radius: 0 0 6px 6px;
}

li.dropdown.current-user .dropdown-toggle {
	padding: 10px 4px 7px 9px;
}

li.dropdown.current-user .dropdown-menu li a {
	border-bottom: none !important;
}

.navbar-tools .dropdown-menu li p {
	font-weight: bold;
}

.navbar-tools .dropdown-menu li a .author {
	color: #0362fd;
	display: block;
}

.navbar-tools .dropdown-menu li a .preview {
	display: block;
}

.navbar-tools .dropdown-menu li a .time {
	font-size: 12px;
	font-style: italic;
	font-weight: 600;
	display: block;
	float: right;
}

.navbar-tools .dropdown-menu li.view-all a i {
	float: right;
	margin-top: 4px;
}

.navbar-tools .dropdown-menu.notifications li > a > .label {
	margin-right: 2px;
	padding: 2px 4px;
	text-align: center !important;
}

.navbar-tools .thread-image {
	margin-right: 8px;
	float: left;
	height: 50px;
	width: 50px;
}

.navbar-tools > ul > li.dropdown .dropdown-toggle .badge {
	border-radius: 12px 12px 12px 12px !important;
	font-size: 11px !important;
	font-weight: 300;
	padding: 3px 6px;
	position: absolute;
	right: 24px;
	text-align: center;
	text-shadow: none !important;
	top: 8px;
}

.navbar-toggle {
	border: none;
	border-radius: 0;
	margin-top: 5px;
	margin-bottom: 4px;
}

.navbar-toggle span {
	font-size: 16px;
}

/* ---------------------------------------------------------------------- */
/*	Search Box
 /* ---------------------------------------------------------------------- */
.search-box:before {
	content: " " !important;
}

.search-box {
	float: right;
}

.sidebar-search {
	margin: -3px 0 0 0;
	padding: 0 30px 0 5px;
	display: inline-block;
	background: #e4e5e6;
	border-radius: 5px;
	color: #555555;
	position: absolute;
	right: 10px;
	top: 15px;
	min-height: 28px;
	min-width: 28px;
}

.sidebar-search .form-group {
	margin: 0;
	padding: 0;
}

.sidebar-search .form-group input {
	background: none;
	border: none;
	width: 130px;
}

.sidebar-search .form-group input:focus {
	box-shadow: none;
}

.sidebar-search .form-group button {
	background: none;
	border: none;
	position: absolute;
	right: 4px;
	top: 5px;
	width: 28px;
}

.sidebar-search .form-group button i {
	color: #999999;
}

.search-box .show-search {
	position: absolute;
	right: 15px;
	top: 12px;
	background: #d9d9d9;
	padding: 4px 10px;
	border-radius: 5px;
}

.search-box .show-search:hover {
	text-decoration: none;
}

.search-box .show-search i {
	color: #999999;
}

/* ---------------------------------------------------------------------- */
/*	Buttons
 /* ---------------------------------------------------------------------- */
.btn {
	/* font-family: "Open Sans"; */
}

.btn-teal {
	background-color: #569099;
	border-color: #4d8189;
	color: #ffffff;
}

.btn-teal:hover,
.btn-teal:focus,
.btn-teal:active,
.btn-teal.active {
	background-color: #4d8189;
	border-color: #447178;
	color: #ffffff;
}

.btn-teal.disabled:hover,
.btn-teal.disabled:focus,
.btn-teal.disabled:active,
.btn-teal.disabled.active,
.btn-teal[disabled]:hover,
.btn-teal[disabled]:focus,
.btn-teal[disabled]:active,
.btn-teal[disabled].active,
fieldset[disabled] .btn-teal:hover,
fieldset[disabled] .btn-teal:focus,
fieldset[disabled] .btn-teal:active,
fieldset[disabled] .btn-teal.active {
	background-color: #569099;
	border-color: #569099;
	color: #ffffff;
}

.btn-beige {
	background-color: #cc9;
	border-color: #c4c488;
	color: #ffffff;
}

.btn-beige:hover,
.btn-beige:focus,
.btn-beige:active,
.btn-beige.active {
	background-color: #c4c488;
	border-color: #bbbb77;
	color: #ffffff;
}

.btn-beige.disabled:hover,
.btn-beige.disabled:focus,
.btn-beige.disabled:active,
.btn-beige.disabled.active,
.btn-beige[disabled]:hover,
.btn-beige[disabled]:focus,
.btn-beige[disabled]:active,
.btn-beige[disabled].active,
fieldset[disabled] .btn-beige:hover,
fieldset[disabled] .btn-beige:focus,
fieldset[disabled] .btn-beige:active,
fieldset[disabled] .btn-beige.active {
	background-color: #cc9;
	border-color: #cc9;
	color: #ffffff;
}

.btn-dark-beige {
	background-color: #afaa6d;
	border-color: #a6a05d;
	color: #ffffff;
}

.btn-dark-beige:hover,
.btn-dark-beige:focus,
.btn-dark-beige:active,
.btn-dark-beige.active {
	background-color: #a6a05d;
	border-color: #979152;
	color: #ffffff;
}

.btn-dark-beige.disabled:hover,
.btn-dark-beige.disabled:focus,
.btn-dark-beige.disabled:active,
.btn-dark-beige.disabled.active,
.btn-dark-beige[disabled]:hover,
.btn-dark-beige[disabled]:focus,
.btn-dark-beige[disabled]:active,
.btn-dark-beige[disabled].active,
fieldset[disabled] .btn-dark-beige:hover,
fieldset[disabled] .btn-dark-beige:focus,
fieldset[disabled] .btn-dark-beige:active,
fieldset[disabled] .btn-dark-beige.active {
	background-color: #afaa6d;
	border-color: #afaa6d;
	color: #ffffff;
}

.btn-orange {
	background-color: #e6674a;
	border-color: #e35434;
	color: #ffffff;
}

.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active,
.btn-orange.active {
	background-color: #e35434;
	border-color: #de421f;
	color: #ffffff;
}

.btn-orange.disabled:hover,
.btn-orange.disabled:focus,
.btn-orange.disabled:active,
.btn-orange.disabled.active,
.btn-orange[disabled]:hover,
.btn-orange[disabled]:focus,
.btn-orange[disabled]:active,
.btn-orange[disabled].active,
fieldset[disabled] .btn-orange:hover,
fieldset[disabled] .btn-orange:focus,
fieldset[disabled] .btn-orange:active,
fieldset[disabled] .btn-orange.active {
	background-color: #e6674a;
	border-color: #e6674a;
	color: #ffffff;
}

.btn-purple {
	background-color: #57517b;
	border-color: #413d5c;
	color: #ffffff;
}

.btn-purple:hover,
.btn-purple:focus,
.btn-purple:active,
.btn-purple.active {
	background-color: #4c476c;
	border-color: #413d5c;
	color: #ffffff;
}

.btn-purple.disabled:hover,
.btn-purple.disabled:focus,
.btn-purple.disabled:active,
.btn-purple.disabled.active,
.btn-purple[disabled]:hover,
.btn-purple[disabled]:focus,
.btn-purple[disabled]:active,
.btn-purple[disabled].active,
fieldset[disabled] .btn-purple:hover,
fieldset[disabled] .btn-purple:focus,
fieldset[disabled] .btn-purple:active,
fieldset[disabled] .btn-purple.active {
	background-color: #57517b;
	border-color: #333;
	color: #ffffff;
}

.btn-dark-grey {
	background-color: #333;
	border-color: #333;
	color: #ffffff;
}

.btn-dark-grey:hover,
.btn-dark-grey:focus,
.btn-dark-grey:active,
.btn-dark-grey.active {
	background-color: #262626;
	border-color: #1a1a1a;
	color: #ffffff;
}

.btn-dark-grey.disabled:hover,
.btn-dark-grey.disabled:focus,
.btn-dark-grey.disabled:active,
.btn-dark-grey.disabled.active,
.btn-dark-grey[disabled]:hover,
.btn-dark-grey[disabled]:focus,
.btn-dark-grey[disabled]:active,
.btn-dark-grey[disabled].active,
fieldset[disabled] .btn-dark-grey:hover,
fieldset[disabled] .btn-dark-grey:focus,
fieldset[disabled] .btn-dark-grey:active,
fieldset[disabled] .btn-dark-grey.active {
	background-color: #333;
	border-color: #333;
	color: #ffffff;
}

.btn-med-grey {
	background-color: #666;
	border-color: #595959;
	color: #ffffff;
}

.btn-med-grey:hover,
.btn-med-grey:focus,
.btn-med-grey:active,
.btn-med-grey.active {
	background-color: #595959;
	border-color: #4d4d4d;
	color: #ffffff;
}

.btn-med-grey.disabled:hover,
.btn-med-grey.disabled:focus,
.btn-med-grey.disabled:active,
.btn-med-grey.disabled.active,
.btn-med-grey[disabled]:hover,
.btn-med-grey[disabled]:focus,
.btn-med-grey[disabled]:active,
.btn-med-grey[disabled].active,
fieldset[disabled] .btn-med-grey:hover,
fieldset[disabled] .btn-med-grey:focus,
fieldset[disabled] .btn-med-grey:active,
fieldset[disabled] .btn-med-grey.active {
	background-color: #666;
	border-color: #666;
	color: #ffffff;
}

.btn-light-grey {
	background-color: #999;
	border-color: #8c8c8c;
	color: #ffffff;
}

.btn-light-grey:hover,
.btn-light-grey:focus,
.btn-light-grey:active,
.btn-light-grey.active {
	background-color: #8c8c8c;
	border-color: #808080;
	color: #ffffff;
}

.btn-light-grey.disabled:hover,
.btn-light-grey.disabled:focus,
.btn-light-grey.disabled:active,
.btn-light-grey.disabled.active,
.btn-light-grey[disabled]:hover,
.btn-light-grey[disabled]:focus,
.btn-light-grey[disabled]:active,
.btn-light-grey[disabled].active,
fieldset[disabled] .btn-light-grey:hover,
fieldset[disabled] .btn-light-grey:focus,
fieldset[disabled] .btn-light-grey:active,
fieldset[disabled] .btn-light-grey.active {
	background-color: #999;
	border-color: #999;
	color: #ffffff;
}

.btn-bricky {
	background-color: #c83a2a;
	border-color: #b33426;
	color: #ffffff;
}

.btn-bricky:hover,
.btn-bricky:focus,
.btn-bricky:active,
.btn-bricky.active {
	background-color: #b33426;
	border-color: #9e2e21;
	color: #ffffff;
}

.btn-bricky.disabled:hover,
.btn-bricky.disabled:focus,
.btn-bricky.disabled:active,
.btn-bricky.disabled.active,
.btn-bricky[disabled]:hover,
.btn-bricky[disabled]:focus,
.btn-bricky[disabled]:active,
.btn-bricky[disabled].active,
fieldset[disabled] .btn-bricky:hover,
fieldset[disabled] .btn-bricky:focus,
fieldset[disabled] .btn-bricky:active,
fieldset[disabled] .btn-bricky.active {
	background-color: #c83a2a;
	border-color: #c83a2a;
	color: #ffffff;
}

.btn-green {
	background-color: #49ca8d;
	border-color: #49ca8d;
	color: #ffffff;
}

.btn-green:hover,
.btn-green:focus,
.btn-green:active,
.btn-green.active {
	background-color: #327b00;
	border-color: #286100;
	color: #ffffff;
}

.btn-green.disabled:hover,
.btn-green.disabled:focus,
.btn-green.disabled:active,
.btn-green.disabled.active,
.btn-green[disabled]:hover,
.btn-green[disabled]:focus,
.btn-green[disabled]:active,
.btn-green[disabled].active,
fieldset[disabled] .btn-green:hover,
fieldset[disabled] .btn-green:focus,
fieldset[disabled] .btn-green:active,
fieldset[disabled] .btn-green.active {
	background-color: #3d9400;
	border-color: #3d9400;
	color: #ffffff;
}

.btn-blue {
	background-color: #364f6a;
	border-color: #2d4259;
	color: #ffffff;
}

.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active,
.btn-blue.active {
	background-color: #2d4259;
	border-color: #253648;
	color: #ffffff;
}

.btn-blue.disabled:hover,
.btn-blue.disabled:focus,
.btn-blue.disabled:active,
.btn-blue.disabled.active,
.btn-blue[disabled]:hover,
.btn-blue[disabled]:focus,
.btn-blue[disabled]:active,
.btn-blue[disabled].active,
fieldset[disabled] .btn-blue:hover,
fieldset[disabled] .btn-blue:focus,
fieldset[disabled] .btn-blue:active,
fieldset[disabled] .btn-blue.active {
	background-color: #364f6a;
	border-color: #364f6a;
	color: #ffffff;
}

.btn-yellow {
	background-color: #ffb848;
	border-color: #ffae2f;
	color: #ffffff;
}

.btn-yellow:hover,
.btn-yellow:focus,
.btn-yellow:active,
.btn-yellow.active {
	background-color: #ffae2f;
	border-color: #ffa415;
	color: #ffffff;
}

.btn-yellow.disabled:hover,
.btn-yellow.disabled:focus,
.btn-yellow.disabled:active,
.btn-yellow.disabled.active,
.btn-yellow[disabled]:hover,
.btn-yellow[disabled]:focus,
.btn-yellow[disabled]:active,
.btn-yellow[disabled].active,
fieldset[disabled] .btn-yellow:hover,
fieldset[disabled] .btn-yellow:focus,
fieldset[disabled] .btn-yellow:active,
fieldset[disabled] .btn-yellow.active {
	background-color: #ffb848;
	border-color: #ffb848;
	color: #ffffff;
}

.btn-red {
	background-color: #e02222;
	border-color: #cc1d1d;
	color: #ffffff;
}

.btn-red:hover,
.btn-red:focus,
.btn-red:active,
.btn-red.active {
	background-color: #cc1d1d;
	border-color: #b61919;
	color: #ffffff;
}

.btn-red.disabled:hover,
.btn-red.disabled:focus,
.btn-red.disabled:active,
.btn-red.disabled.active,
.btn-red[disabled]:hover,
.btn-red[disabled]:focus,
.btn-red[disabled]:active,
.btn-red[disabled].active,
fieldset[disabled] .btn-red:hover,
fieldset[disabled] .btn-red:focus,
fieldset[disabled] .btn-red:active,
fieldset[disabled] .btn-red.active {
	background-color: #e02222;
	border-color: #e02222;
	color: #ffffff;
}

.btn-teal .caret,
.btn-beige .caret,
.btn-dark-beige .caret,
.btn-orange .caret,
.btn-purple .caret,
.btn-dark-grey .caret,
.btn-med-grey .caret,
.btn-light-grey .caret,
.btn-bricky .caret,
.btn-green .caret,
.btn-blue .caret,
.btn-yellow .caret,
.btn-red .caret {
	border-top-color: #ffffff;
}

.dropup .btn-teal .caret,
.dropup .btn-beige .caret,
.dropup .btn-dark-beige .caret,
.dropup .btn-orange .caret,
.dropup .btn-purple .caret,
.dropup .btn-dark-grey .caret,
.dropup .btn-med-grey .caret,
.dropup .btn-light-grey .caret,
.dropup .btn-bricky .caret,
.dropup .btn-green .caret,
.dropup .btn-blue .caret,
.dropup .btn-yellow .caret,
.dropup .btn-red .caret {
	border-bottom: 4px solid #ffffff;
}

.btn-squared {
	border-radius: 0 !important;
}

.btn-danger {
	background-color: #f85842;
	border-color: #f85842;
	color: #ffffff;
}

.btn {
	transition: all 0.3s ease 0s !important;
}

.btn-icon {
	background-color: #efefef;
	background-image: -moz-linear-gradient(center top, #fafafa, #efefef);
	border: 1px solid #dddddd;
	border-radius: 2px 2px 2px 2px;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
	cursor: pointer;
	height: 80px;
	display: block;
	font-size: 14px;
	margin-bottom: 15px;
	margin-top: 15px;
	padding: 5px 0 0;
	position: relative;
	text-align: center;
	transition: all 0.3s ease 0s;
	color: #333333;
}

.btn-icon:hover {
	border-color: #a5a5a5;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
	color: #444444;
	text-decoration: none;
	text-shadow: 0 1px 0 #ffffff;
}

.btn-icon .badge {
	border-radius: 12px 12px 12px 12px !important;
	border-style: solid;
	border-width: 0;
	box-shadow: none;
	color: #ffffff !important;
	font-family: "Open Sans";
	font-size: 11px !important;
	font-weight: 300;
	padding: 3px 7px;
	position: absolute;
	right: -5px;
	text-shadow: none;
	top: -5px;
}

.btn-icon [class^="fa-"],
.btn-icon [class*=" fa-"],
.btn-icon [class^="clip-"],
.btn-icon [class*=" clip-"] {
	clear: both;
	display: block;
}

.buttons-widget .btn,
.buttons-widget .make-switch {
	margin-bottom: 5px;
}

.buttons-widget .btn-group-vertical .btn {
	margin-bottom: 0;
}

/* ---------------------------------------------------------------------- */
/*	Panel Tools
 /* ---------------------------------------------------------------------- */
.panel-tools {
	position: absolute;
	right: 5px;
	top: 8px;
}

.panel-tools .btn-link {
	color: #0480be;
}

.panel-tools .btn-link:hover {
	color: #036392;
}

.panel-tools .btn-link {
	color: #57a957;
}

.panel-tools .btn-link:hover {
	color: #417e41;
}

.panel-tools .btn-link {
	color: #c43c35;
}

.panel-tools .btn-link:hover {
	color: #972e28;
}

.panel-tools .btn-link {
	color: #333333;
}

.panel-tools .btn-link:hover {
	color: #000000;
}

.panel-tools .btn-link:focus,
.panel-tools .btn-link:hover,
.panel-tools .btn-link:active {
	text-decoration: none;
	outline: 0 !important;
}

.panel-tools .btn.expand:before {
	content: "\f077";
	display: inline;
	float: right;
	font-family: FontAwesome;
	font-weight: 300;
	height: auto;
	text-shadow: none;
}

.panel-tools .btn.collapses:before {
	content: "\f078";
	display: inline;
	float: right;
	font-family: FontAwesome;
	font-weight: 300;
	height: auto;
	text-shadow: none;
}

.panel-tools .btn {
	border-style: none;
}

.panel-tools .btn-link {
	color: #666666;
}

.panel-tools .btn-link:hover {
	color: #333333;
}

/* ---------------------------------------------------------------------- */
/*	Panels and panel elements
 /* ---------------------------------------------------------------------- */
.panel-heading {
	background-color: #f5f4f9;
	background-image: linear-gradient(to bottom, #f5f4f9 0%, #eceaf3 100%);
	background-repeat: repeat-x;
	border-bottom: 1px solid #cdcdcd;
	border-radius: 6px 6px 0 0;
	box-shadow: 0 1px 0 #ffffff inset;
	height: 36px;
	padding-left: 40px;
	position: relative;
}

.panel-heading > [class^="fa-"],
.panel-heading > [class*=" fa-"],
.panel-heading > [class^="icon-"],
.panel-heading > [class*=" icon-"],
.panel-heading > [class^="clip-"],
.panel-heading > [class*=" clip-"] {
	border-right: 1px solid #cdcdcd;
	box-shadow: 1px 0 0 0 #ffffff;
	opacity: 0.7;
	padding: 12px 10px 8px;
	position: absolute;
	left: 0;
	top: 0;
	height: 36px;
}

.panel-white {
	box-shadow: none;
}

.panel-white .panel-heading {
	background-color: #ffffff;
	background-image: none;
	border-bottom: 1px solid #cdcdcd;
	border-radius: 6px 6px 0 0;
	box-shadow: none;
	height: 36px;
	padding-left: 40px;
	position: relative;
}

.panel-white .panel-heading > [class^="fa-"],
.panel-white .panel-heading > [class*=" fa-"],
.panel-white .panel-heading > [class^="icon-"],
.panel-white .panel-heading > [class*=" icon-"],
.panel-white .panel-heading > [class^="clip-"],
.panel-white .panel-heading > [class*=" clip-"] {
	border-right: 1px solid #cdcdcd;
	box-shadow: none;
	opacity: 0.7;
	padding: 12px 10px 8px;
	position: absolute;
	left: 0;
	top: 0;
	height: 36px;
}

.panel-box {
	background: #fafafa;
	border: 1px solid #cdcdcd;
	border-radius: 6px 6px 6px 6px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	clear: both;
	margin-bottom: 16px;
	margin-top: 16px;
	position: relative;
}

.panel.panel-full-screen {
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9998;
}

.panel-scroll {
	position: relative;
	margin: 10px;
	padding: 0px;
	width: auto;
	height: 400px;
	overflow: hidden;
}

/* ---------------------------------------------------------------------- */
/*	Pagination
 /* ---------------------------------------------------------------------- */
.pagination li a {
	cursor: pointer;
}

.pagination.squared {
	border-radius: 0 !important;
}

.pagination.squared li:first-child a,
.pagination.squared li:first-child > span {
	border-bottom-left-radius: 0px !important;
	border-left-width: 1px;
	border-top-left-radius: 0px !important;
}

.pagination.squared li:last-child > a,
.pagination.squared li:last-child > span {
	border-bottom-right-radius: 0px !important;
	border-top-right-radius: 0px !important;
}

.pagination.pagination-purple li a,
.pagination-purple .pagination li a {
	background: #f5f4f9;
	border: none !important;
	color: #333333;
	display: inline-block;
	margin-right: 1px;
}

.pagination.pagination-purple li a:hover,
.pagination-purple .pagination li a a:hover {
	background: #eceaf3;
	color: #222222;
	cursor: pointer;
}

.pagination.pagination-purple li:first-child a,
.pagination-purple .pagination li:first-child a {
	border: none !important;
}

.pagination.pagination-purple li.disabled a,
.pagination-purple .pagination li.disabled a {
	color: #aaaaaa !important;
}

.pagination.pagination-purple li.disabled a:hover,
.pagination-purple .pagination li.disabled a:hover,
.pagination.pagination-purple li.disabled a:focus,
.pagination-purple .pagination li.disabled a:focus {
	background: #f5f4f9;
	cursor: default !important;
}

.pagination.pagination-purple li.active a,
.pagination-purple .pagination li.active a {
	background: #57517b !important;
	border: none !important;
	color: #ffffff !important;
	cursor: default !important;
	opacity: 1;
}

.pagination-purple [class^="fa-"],
.pagination-purple [class*=" fa-"] {
	color: #57517b;
}

.pagination-purple li.disabled [class^="fa-"],
.pagination-purple li.disabled [class*=" fa-"] {
	opacity: 0.5;
}

.pagination.pagination-teal li a,
.pagination-teal .pagination li a {
	background: #f3f8f8;
	border: none !important;
	color: #333333;
	display: inline-block;
	margin-right: 1px;
}

.pagination.pagination-teal li a:hover,
.pagination-teal .pagination li a a:hover {
	background: #d8e4e7;
	color: #222222;
	cursor: pointer;
}

.pagination.pagination-teal li:first-child a,
.pagination-teal .pagination li:first-child a {
	border: none !important;
}

.pagination.pagination-teal li.disabled a,
.pagination-teal .pagination li.disabled a {
	color: #aaaaaa !important;
}

.pagination.pagination-teal li.disabled a:hover,
.pagination-teal .pagination li.disabled a:hover,
.pagination.pagination-teal li.disabled a:focus,
.pagination-teal .pagination li.disabled a:focus {
	background: #f3f8f8;
	cursor: default !important;
}

.pagination.pagination-teal li.active a,
.pagination-teal .pagination li.active a {
	background: #569099 !important;
	border: none !important;
	color: #ffffff !important;
	cursor: default !important;
	opacity: 1;
}

.pagination-teal li [class^="fa-"],
.pagination-teal li [class*=" fa-"] {
	color: #4d8189;
}

.pagination-teal li.disabled [class^="fa-"],
.pagination-teal li.disabled [class*=" fa-"] {
	opacity: 0.5;
}

.pagination.pagination-green li a,
.pagination-green .pagination li a {
	background: #effbec;
	border: none !important;
	color: #333333;
	display: inline-block;
	margin-right: 1px;
}

.pagination.pagination-green li a:hover,
.pagination-green .pagination li a a:hover {
	background: #cef3c5;
	color: #222222;
	cursor: pointer;
}

.pagination.pagination-green li:first-child a,
.pagination-green .pagination li:first-child a {
	border: none !important;
}

.pagination.pagination-green li.disabled a,
.pagination-green .pagination li.disabled a {
	color: #aaaaaa !important;
}

.pagination.pagination-green li.disabled a:hover,
.pagination-green .pagination li.disabled a:hover,
.pagination.pagination-green li.disabled a:focus,
.pagination-green .pagination li.disabled a:focus {
	background: #effbec;
	cursor: default !important;
}

.pagination.pagination-green li.active a,
.pagination-green .pagination li.active a {
	background: #3d9400 !important;
	border: none !important;
	color: #ffffff !important;
	cursor: default !important;
	opacity: 1;
}

.pagination-green [class^="fa-"],
.pagination-green [class*=" fa-"] {
	color: #327b00;
}

.pagination-green li.disabled [class^="fa-"],
.pagination-green li.disabled [class*=" fa-"] {
	opacity: 0.5;
}

.pagination.pagination-bricky li a {
	background: #fdf8f7;
	border: none !important;
	color: #333333;
	display: inline-block;
	margin-right: 0;
}

.pagination.pagination-bricky li a:hover {
	background: #fbeeec;
	color: #222222;
	cursor: pointer;
}

.pagination.pagination-bricky li a {
	margin-right: 1px;
}

.pagination.pagination-bricky li:first-child a {
	border: none !important;
}

.pagination.pagination-bricky li.disabled a {
	color: #aaaaaa !important;
}

.pagination.pagination-bricky li.disabled a:hover,
.pagination-bricky .pagination li.disabled a:hover,
.pagination.pagination-bricky li.disabled a:focus,
.pagination-bricky .pagination li.disabled a:focus {
	background: #fdf8f7;
	cursor: default !important;
}

.pagination.pagination-bricky li.active a {
	background: #c83a2a !important;
	border: none !important;
	color: #ffffff !important;
	cursor: default !important;
	opacity: 1;
}

.pagination.pagination-bricky [class^="fa-"],
.pagination.pagination-bricky [class*=" fa-"] {
	color: #c83a2a;
}

.pagination.pagination-bricky li.disabled [class^="fa-"],
.pagination.pagination-bricky li.disabled [class*=" fa-"] {
	opacity: 0.5;
}

/* ---------------------------------------------------------------------- */
/*	ToDo List
 /* ---------------------------------------------------------------------- */
.todo {
	list-style: none;
	margin: 0;
	padding: 0;
}

.todo li a {
	background: white;
	border-bottom: 1px solid #e4e6eb;
	font-size: 12px;
	margin-left: 0 !important;
	padding: 10px 10px 10px 35px !important;
	position: relative;
	display: block;
	color: #333333;
}

.todo li .todo-actions:hover,
.todo li .todo-actions:focus {
	text-decoration: none;
	background-color: #f4f6f9 !important;
}

.todo li .todo-actions i {
	color: #c7cbd5;
	font-size: 18px;
	margin: 0 5px 0 0;
	position: absolute;
	left: 10px;
}

.todo li .label {
	position: absolute;
	right: 10px;
	padding: 6px;
}

/* ---------------------------------------------------------------------- */
/*	Activities
 /* ---------------------------------------------------------------------- */
.activities {
	list-style: none outside none;
	margin: 0;
	padding: 0;
}

.activities li a {
	background: white;
	border-bottom: 1px solid #e4e6eb;
	font-size: 12px;
	margin-left: 0 !important;
	padding: 10px 100px 10px 10px !important;
	position: relative;
	display: block;
	color: #333333;
	display: flex;
    align-items: center;
}

.activities li .activity:hover,
.activities li .activity:focus {
	text-decoration: none;
	background-color: #f4f6f9 !important;
}

.activities li .activity .circle-icon {
	font-size: 16px !important;
	width: 50px;
	height: 50px;
	line-height: 50px;
	margin-right: 10px;
}

.activities li .activity img {
	margin-right: 10px;
}

.activities li .time {
	position: absolute;
	right: 10px;
	top: 30px;
	color: #cccccc;
}

/* ---------------------------------------------------------------------- */
/*	Main Container and main content elements
 /* ---------------------------------------------------------------------- */
.main-container {
	margin-top: 60px;
}

.page-full-width .main-container {
	margin-top: 98px;
}

.header-default .main-container {
	margin-top: 0 !important;
}

.main-content {
	margin-top: 0;
	background-color: #f5f5f5;
	padding: 0;
}

.container {
	max-width: none !important;
	width: auto !important;
}

.footer-fixed .main-content .container {
	margin-bottom: 22px;
}

/* ---------------------------------------------------------------------- */
/*	Main Navigation
 /* ---------------------------------------------------------------------- */
.main-navigation {
	padding: 0;
	max-height: none !important;
	z-index: 1000;
}

ul.main-navigation-menu {
	list-style: none;
	margin: 0;
	padding: 0;
}

.sidebar-fixed .wrap-menu {
	overflow: hidden;
	position: fixed;
	width: 225px;
	height: 300px;
}

ul.main-navigation-menu > li {
	border: 0 none;
	display: block;
	margin: 0;
	padding: 0;
}

ul.main-navigation-menu > li > a {
	border: 0 none;
	display: block;
	font-size: 14px;
	font-weight: 300;
	margin: 0;
	padding: 10px 15px;
	position: relative;
	text-decoration: none;
	border-bottom: 1px solid #dddddd;
	border-top: 1px solid #ffffff;
}

ul.main-navigation-menu li a .badge {
	float: right;
	margin-right: 13px;
	margin-top: 1px;
}

ul.main-navigation-menu > li:last-child > a,
ul.main-navigation-menu > li.last > a {
	border-bottom-color: transparent !important;
}

ul.main-navigation-menu > li > a i {
	font-size: 16px;
	margin-right: 5px;
	text-shadow: none;
	display: inline-block;
}

ul.main-navigation-menu li a .icon-arrow {
	float: right;
	margin-right: 6px;
}

ul.main-navigation-menu li > a > .icon-arrow:before {
	content: "\e163";
	font-family: "clip-font";
}

ul.main-navigation-menu li.open > a > .icon-arrow:before {
	content: "\e164";
}

ul.main-navigation-menu > li > a:hover .icon-arrow,
ul.main-navigation-menu > li.open > a .icon-arrow {
	opacity: 1;
}

/* 2nd level sub menu */
ul.main-navigation-menu li > ul.sub-menu {
	clear: both;
	list-style: none;
	margin: 8px 0;
	display: none;
	padding: 0;
}

ul.main-navigation-menu li > ul.sub-menu > li {
	background: none;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 1px !important;
	padding: 0;
}

ul.main-navigation-menu li > ul.sub-menu > li > a {
	background: none;
	display: block;
	font-size: 14px;
	font-weight: 300;
	margin: 0;
	padding-bottom: 5px;
	padding-left: 15px !important;
	padding-right: 0;
	padding-top: 5px;
	text-decoration: none;
}

ul.main-navigation-menu > li > ul.sub-menu li > a .icon-arrow {
	margin-right: 22px;
}

/* 3rd level sub menu */
ul.main-navigation-menu > li > ul.sub-menu li > ul.sub-menu {
	margin: 0;
}

ul.main-navigation-menu li.active > ul.sub-menu {
	display: block;
	padding: 0;
}

ul.main-navigation-menu > li > ul.sub-menu > li > ul.sub-menu > li > a {
	padding-left: 60px !important;
}

ul.main-navigation-menu > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a {
	padding-left: 80px !important;
}

/*navigation toggler*/
.navigation-toggler {
	cursor: pointer;
	height: 30px;
	margin-left: 175px;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 30px;
	line-height: 30px;
	text-align: center;
}

/*horizontal menu*/
.horizontal-menu {
	clear: both;
	border-top: 1px solid #c8c7cc !important;
	margin-left: -15px !important;
	margin-right: -15px !important;
	padding: 0 15px !important;
	background: #ffffff;
}

.horizontal-menu ul.nav li.open > a,
.horizontal-menu ul.nav li > a:hover,
.horizontal-menu ul.nav li > a:focus {
	background: #f5f5f5 !important;
	color: #555555 !important;
}

.horizontal-menu .dropdown-menu li:hover > a,
.horizontal-menu ul.nav li.active > a,
.horizontal-menu ul.nav li.active > a:hover {
	background: #775fd5 !important;
	color: #ffffff !important;
}

.horizontal-menu ul.nav li.current .selected,
.horizontal-menu ul.nav li.active .selected {
	border-left: 6px solid rgba(0, 0, 0, 0);
	border-right: 6px solid rgba(0, 0, 0, 0);
	border-top: 6px solid #775fd5;
	bottom: 0;
	display: inline-block;
	height: 0;
	left: 50%;
	margin: 0 0 -6px -7px;
	position: absolute;
	width: 0;
}

.horizontal-menu .dropdown-menu {
	box-shadow: none;
	margin-top: -1px !important;
	border-radius: 0;
}

.horizontal-menu .dropdown-submenu > .dropdown-menu {
	top: 0;
}

.horizontal-menu .dropdown-submenu > a:after {
	margin-right: 0;
	top: 8px;
}

.horizontal-menu .dropdown-menu li > a {
	margin-bottom: 1px;
	padding: 7px 18px !important;
}

.horizontal-menu .dropdown-menu .arrow {
	display: none;
}

.horizontal-menu .dropdown-submenu > .dropdown-menu {
	top: 0;
}

.horizontal-menu .dropdown-submenu > a:after {
	margin-right: 0;
	top: 8px;
}

.horizontal-menu ul.nav li {
	position: relative;
}

.horizontal-menu .dropdown-submenu > a:after {
	content: "\f105";
	display: inline-block;
	font-family: FontAwesome;
	font-size: 14px;
	font-weight: 300;
	height: auto;
	position: absolute;
	right: 10px;
	top: 7px;
}

.horizontal-menu .dropdown-submenu > .dropdown-menu {
	left: 100%;
	margin-left: 0;
	margin-top: -6px;
	top: 5px;
}

.horizontal-menu .dropdown-submenu:hover > .dropdown-menu {
	display: block;
}

.horizontal-menu .dropup .dropdown-submenu > .dropdown-menu {
	bottom: 0;
	margin-bottom: -2px;
	margin-top: 0;
	top: auto;