/*
Template Name: Source Admin - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.3.7 & Bootstrap 4
Version: 1.5.0
Author: Sean Ngu
Website: http://www.seantheme.com/source-admin-v1.5/admin/

::  1.0  General Reset & Setup
-------------------------------------------
    1.1  Reset and overrides
    1.2  Pace Loader
    1.3  Boxed Layout Setting

::  2.0  Header
-------------------------------------------
    2.1  Navbar Element
    2.2  Navbar Header
    2.3  Navbar Brand
    2.4  Navbar Form
    2.5  Navbar User
    2.6  Navbar Theme - Default
    2.7  Navbar Theme - Inverse
    2.8  Navbar Theme - Purple
    2.9  Navbar Theme - Primary
    2.10 Navbar Theme - Success
    2.11 Navbar Theme - Lime
    2.12 Navbar Theme - Warning
    2.13 Navbar Theme - Danger
    2.14 Navbar Theme - Grey
	2.15 Navbar Collapse

::  3.0  Sidebar
-------------------------------------------
    3.1  Sidebar Element
    3.2  Sidebar - Minified Version Setting
    3.3  Sidebar - Right Sidebar Setting
    3.4  Sidebar - Page with Two Sidebar Setting
    3.5  Sidebar - Page with Top Menu Setting
    3.6  Sidebar - Badge & Label Setting
    3.7  Sidebar Widget - User Profile
    3.8  Sidebar Widget - Project
    3.9  Sidebar Widget - Tabs
    3.10 Sidebar Widget - Calendar
    3.11 Sidebar Widget - Notification List
    3.12 Sidebar Widget - Stock List
    3.13 Sidebar Widget - Latest Post
    3.14 Sidebar Theme - Light
    3.15 Sidebar Theme - Success
    3.16 Sidebar Theme - Lime
    3.17 Sidebar Theme - Warning
    3.18 Sidebar Theme - Danger
    3.19 Sidebar Theme - Primary
    3.20 Sidebar Theme - Grey
    3.21 Sidebar Theme - Purple
	3.22 Page Sidebar - Floating Sub Menu

::  4.0  Content Setting
-------------------------------------------
    4.1  Content Element
         4.1.1 Content Element - Breadcrumb
         4.1.2 Content Element - Page Header
    4.2  Content Setting - Page Sidebar Minified
    4.3  Content Setting - Page with Right Sidebar
    4.4  Content Setting - Page with Footer
    4.5  Content Setting - Page without Sidebar

::  5.0  Footer Setting
-------------------------------------------
    5.1  Footer Element
    5.2  Footer Setting - Page with Fixed Footer

::  6.0  Top Menu Setting
-------------------------------------------
    6.1  Top Menu Element
    6.2  Top Menu Sub Menu Setting
    6.3  Top Menu Left & Right Control Setting

::  7.0 Predefined CSS Setting
-------------------------------------------
    7.1  Predefined Classes

::  8.0 UI Elements Setting
-------------------------------------------
    8.1  Progress Bar Setting
    8.2  Label & Badge Setting
    8.3  Form Element Setting
    8.4  Carousel Setting
    8.5  Dropdown Setting
    8.6  Dropdown Notification Setting
    8.7  Typography Setting
    8.8  Description List Setting
    8.9  Blockquote Setting
    8.10 Panel Setting
    8.11 Panel Loading Element Setting
    8.12 Spinner Small Setting
    8.13 Button Element Setting
    8.14 Button Group Setting
    8.15 Button Theme Setting
         8.15.1 Button Default
         8.15.2 Button Danger
         8.15.3 Button Warning
         8.15.4 Button Lime
         8.15.5 Button Success
         8.15.6 Button Info
         8.15.7 Button Primary
         8.15.8 Button Purple
         8.15.9 Button Inverse
         8.15.10 Button Grey
         8.15.11 Button White
    8.16 Alert Setting
    8.17 Thumbnail Setting
    8.18 Default Link Setting
    8.19 Pagination Setting
    8.20 Pager Setting
    8.21 Jumbotron Setting
    8.22 List Group Setting
    8.23 Well Setting
    8.24 Nav Tabs & Pills Setting
    8.25 Accordion Setting
    8.26 Modal Setting
    8.27 Popover Setting
    8.28 Section Container Setting
    8.29 Form Header Setting
    8.30 Table Setting
    8.31 Background Cover Setting
	8.32 List Inline Setting
	8.33 Media Setting
	8.34 Nav Setting
	8.35 Tooltip Setting

::  9.0 Plugins
-------------------------------------------
    9.1  Plugin - Gritter Notification Setting
    9.2  Plugin - Parsley Validation Setting
    9.3  Plugin - DataTables Setting
         9.3.1 Plugin - DataTables Extension - Fixed Columns
         9.3.2 Plugin - DataTables Extension - Fixed Header
         9.3.3 Plugin - DataTables Extension - KeyTable
         9.3.4 Plugin - DataTables Extension - Responsive
         9.3.5 Plugin - DataTables Extension - Buttons
         9.3.6 Plugin - DataTables Extension - RowReorder
         9.3.7 Plugin - DataTables Extension - KeyTable
         9.3.8 Plugin - DataTables Extension - AutoFill
         9.3.9 Plugin - DataTables Extension - Scroll
         9.3.10 Plugin - DataTables Extension - Select
    9.4  Plugin - Vector Map Setting
    9.5  Plugin - Flot Chart Setting
    9.6  Plugin - Slimscroll Setting
    9.7  Plugin - Datetimepicker Setting
    9.8  Plugin - DateRange Picker Setting
    9.9  Plugin - Colorpicker Setting
    9.10 Plugin - Timepicker Setting
    9.11 Plugin - Select2 Setting
    9.12 Plugin - Datepicker Setting
    9.13 Plugin - Ionrangeslider Setting
    9.14 Plugin - Autocomplete Setting
    9.15 Plugin - Strength JS Setting
    9.16 Plugin - Bootstrap Select Setting
    9.17 Plugin - jQuery TagIt Setting
    9.18 Plugin - Powerange Slider Setting
    9.19 Plugin - Bootstrap Wizard Setting
    9.20 Plugin - SummerNote Setting
    9.21 Plugin - Morris Chart Setting
    9.22 Plugin - Fullcalendar Setting
    9.23 Plugin - Sparkline Setting
    9.24 Plugin - jQuery Vector Map Setting
	9.26 Plugin - Bootstrap Select Setting
	9.25 Plugin - Combobox Setting

::  10.0  Pages
-------------------------------------------
    10.1  Page - 404 Error Setting
    10.2  Page - Coming Soon Setting
    10.3  Page - Gallery Setting
    10.4  Page - Invoice Setting
    10.5  Page - Login & Register Setting
    10.6  Page - Search Result Setting
    10.7  Page - Timeline Setting
    10.8  Page - Email Inbox Setting
    10.9  Page - Email Detail Setting
    10.10 Page - Email Compose Setting

::  11.0 Widgets
-------------------------------------------
    11.1  Widget - Basic Element Setting
    11.2  Widget - Loader Setting
    11.3  Widget - Stat Setting
    11.4  Widget - Blog Setting
    11.5  Widget - Gallery List Setting
    11.6  Widget - Image Setting
    11.7  Widget - Chart Setting
    11.8  Widget - Chat History Setting
    11.9  Widget - Todolist Setting
    11.10 Widget - Task List Setting
    11.11 Widget - Theme Panel Setting

::  12.0 Update - v1.1
-------------------------------------------
    12.1 Widget - Stat Progress
    12.2 Panel - Option
    12.3 Plugins - Chart JS Custom Tooltip
    12.4 Chart Summary Setting
    12.5 Feeds Setting
    12.6 Chats Setting
    12.7 Project Summary Setting
    12.8 Sidebar Highlight Theme - Purple
    12.9 Sidebar Highlight Theme - Primary
    12.10 Sidebar Highlight Theme - Info
    12.11 Sidebar Highlight Theme - Lime
    12.12 Sidebar Highlight Theme - Warning
    12.13 Sidebar Highlight Theme - Danger
    12.14 Sidebar Highlight Theme - Grey
    12.15 Sidebar Highlight Theme - Light
    12.16 Sidebar Highlight Theme - Inverse

::  13.0 Update - v1.2
-------------------------------------------
    13.1 Font Family - Open Sans
    13.2 Font Family - Roboto
    13.3 Font Family - Lato
    13.4 Font Family - Helvetica, Arial

::  14.0 Update - v1.4
-------------------------------------------
	14.1 Bootstrap 4 - Card Component
*/

/* -------------------------------
   1.0 General reset & setup
------------------------------- */

/* 1.1 Reset and overrides */

@font-face {
	font-family: 'Glyphicons Halflings';
	src: url('../plugins/bootstrap/fonts/glyphicons-halflings-regular.eot');
	src: url('../plugins/bootstrap/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../plugins/bootstrap/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../plugins/bootstrap/fonts/glyphicons-halflings-regular.woff') format('woff'), url('../plugins/bootstrap/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../plugins/bootstrap/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

html {
	font-size: 16px;
}

html,
body,
.page-container {
	height: 100%;
}

body {
	font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	font-size: 14px;
	line-height: 1.42857143;
	background: #d5d8da;
	color: #30373e;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

:after, :before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.container,
.container-fluid {
	padding-left: 20px;
	padding-right: 20px;
}

.container-fluid {
	margin-right: auto;
	margin-left: auto;
}

@media (min-width: 768px) {
	.container-fluid > .navbar-collapse,
	.container-fluid > .navbar-header,
	.container > .navbar-collapse,
	.container > .navbar-header {
		margin-right: 0;
		margin-left: 0;
	}

	.navbar-header {
		float: left;
	}
}

@media (max-width: 767px) {
	.container,
	.container-fluid {
		padding-left: 15px;
		padding-right: 15px;
	}
}

.btn-group-vertical > .btn-group:after,
.btn-group-vertical > .btn-group:before,
.btn-toolbar:after,
.btn-toolbar:before,
.clearfix:after,
.clearfix:before,
.container-fluid:after,
.container-fluid:before,
.container:after,
.container:before,
.form-horizontal .form-group:after,
.form-horizontal .form-group:before,
.modal-footer:after,
.modal-footer:before,
.modal-header:after,
.modal-header:before,
.nav:after,
.nav:before,
.navbar-collapse:after,
.navbar-collapse:before,
.navbar-header:after,
.navbar-header:before,
.navbar:after,
.navbar:before,
.pager:after,
.pager:before,
.panel-body:after,
.panel-body:before,
.row:after,
.row:before {
	display: table;
	display: -webkit-flex;
	content: '';
	clear: both;
}

.h1, .h2, .h3, h1, h2, h3 {
	margin-top: 20px;
	margin-bottom: 10px;
}

.h1, h1 {
	font-size: 36px;
}

.h2, h2 {
	font-size: 30px;
}

.h3, h3 {
	font-size: 24px;
}

.h4, h4 {
	font-size: 18px;
}

.h5, h5 {
	font-size: 14px;
}

.h6, h6 {
	font-size: 12px;
}

.h4, .h5, .h6, h4, h5, h6 {
	margin-top: 10px;
	margin-bottom: 10px;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-family: inherit;
	font-weight: 500;
	line-height: 1.1;
	color: inherit;
}

button, input, select, textarea {
	font-family: inherit;
}

.small, small {
	font-size: 85%;
	font-weight: inherit;
}

.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small {
	font-size: 65%;
}

.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
	font-weight: 400;
	line-height: 1;
	color: #777;
}

.caret {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	border-top: 4px dashed;
	border-top: 4px solid \9;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}

.sidebar .sub-menu > li > a:before,
.sidebar .calendar .icon-arrow-right,
.sidebar .calendar .icon-arrow-left,
.float-sub-menu li > a:before,
.gritter-item-wrapper .gritter-close:before,
.theme-list > li.active a:after {
	font-family: Font Awesome\ 5 Free, Font Awesome\ 5 Pro, FontAwesome !important;
	font-weight: 900;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
}

.fc button .fc-icon,
.datepicker th.prev,
.datepicker th.next,
.top-menu li > a .caret,
.gallery .rating span.star,
.wysihtml5-toolbar .glyphicon,
.editable-buttons .glyphicon,
.input-append .icon-eye-open,
.input-prepend .icon-eye-open,
.input-append .icon-eye-close,
.input-prepend .icon-eye-close,
.tagit .ui-icon-close:before,
.sidebar li > a .caret:before,
.attached-document > li:before,
.float-sub-menu li > a .caret:before,
.combobox-container .glyphicon-remove,
.combobox-container .icon-remove:before,
.bootstrap-timepicker-widget .glyphicon,
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after,
.bootstrap-datetimepicker-widget .glyphicon,
.bootstrap-calendar .calendar .icon-arrow-right,
.bootstrap-calendar .calendar .icon-arrow-left,
.theme-panel .theme-list > li.active > a:before,
.sw-main > ul.step-anchor.nav-tabs > li.done > a .number:before,
.simplecolorpicker.glyphicons span.color[data-selected]:after,
.simplecolorpicker.fontawesome span.color[data-selected]:after,
.jstree-default .jstree-checked > .jstree-checkbox:after,
.jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:after {
	font-family: Font Awesome\ 5 Free, Font Awesome\ 5 Pro, FontAwesome !important;
	font-weight: 900;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
}

.side-menu {

}

.side-menu .nav {
	display : block;
}

@media (max-width: 1023px) {
	.side-menu .nav {
		display: flex;
	}
}
/* 1.2 Pace Loader */

.page-loader {
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
	font-family: inherit;
}

@keyframes spinner {
	to {
		transform: rotate(360deg);
	}
}

@-webkit-keyframes spinner {
	to {
		-webkit-transform: rotate(360deg);
	}
}

.spinner {
	min-width: 80px;
	margin: 0;
	left: 50%;
	top: 50%;
	margin-top: -8px;
	margin-left: -40px;
	bottom: 0;
	position: fixed;
	line-height: 16px;
	padding-left: 27px;
}

.spinner:before {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	width: 16px;
	height: 16px;
	margin-left: -40px;
}

.spinner:not(:required):before {
	content: '';
	border-radius: 50%;
	border: 2px solid rgba(0, 0, 0, .3);
	border-top-color: rgba(0, 0, 0, .6);
	animation: spinner .6s linear infinite;
	-webkit-animation: spinner .6s linear infinite;
}

.pace {
	-webkit-pointer-events: none;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	position: fixed;
	top: 56px;
	left: 0;
	right: 0;
	height: 30px;
	overflow: hidden;
	z-index: 1030;
}

.pace-inactive {
	display: none;
}

.ie8 .pace {
	display: none !important;
}

.pace .pace-progress {
	background: #ff6f00;
	position: fixed;
	z-index: 1020;
	top: 56px;
	right: 100%;
	width: 100%;
	height: 2px;
}

.pace .pace-progress-inner {
	display: block;
	position: absolute;
	right: 0px;
	width: 100px;
	height: 15px;
	overflow: hidden;
}

.pace .pace-progress-inner:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 2px;
	box-shadow: 0 0 10px #080808, 0 0 5px #080808;
	opacity: 1.0;
	-webkit-transform: rotate(3deg) translate(0px, -4px);
	-moz-transform: rotate(3deg) translate(0px, -4px);
	-ms-transform: rotate(3deg) translate(0px, -4px);
	-o-transform: rotate(3deg) translate(0px, -4px);
	transform: rotate(3deg) translate(0px, -4px);
}

.pace .pace-activity {
	display: block;
	position: fixed;
	z-index: 2000;
	top: 15px;
	top: 71px;
	right: 15px;
	width: 14px;
	height: 14px;
	border: solid 2px transparent;
	border-top-color: #080808;
	border-left-color: #080808;
	border-radius: 10px;
	-webkit-animation: pace-spinner 400ms linear infinite;
	-moz-animation: pace-spinner 400ms linear infinite;
	-ms-animation: pace-spinner 400ms linear infinite;
	-o-animation: pace-spinner 400ms linear infinite;
	animation: pace-spinner 400ms linear infinite;
}

.pace-top .pace,
.pace-top .pace .pace-progress {
	top: 0;
}

.pace-top .pace .pace-activity {
	top: 15px;
}

@media (max-width: 767px) {
	.pace,
	.pace .pace-progress {
		top: 94px;
	}

	.pace .pace-activity {
		top: 109px;
	}
}

@-webkit-keyframes pace-spinner {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-moz-keyframes pace-spinner {
	0% {
		-moz-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-moz-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-o-keyframes pace-spinner {
	0% {
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-ms-keyframes pace-spinner {
	0% {
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes pace-spinner {
	0% {
		transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

/* 1.3 Boxed Layout Setting */

@media (min-width: 768px) {
	.boxed-layout .pace {
	    position: absolute;
	    top: 0px;
	    width: 100%;
	    height: 30px;
	    overflow: hidden;
	    z-index: 1050;
	}

	/*.boxed-layout .pace {*/
		/*position: fixed;*/
		/*top: 176px;*/
		/*left: 50%;*/
		/*width: 100%;*/
		/*margin-left: -50%;*/
		/*height: 30px;*/
		/*overflow: hidden;*/
	/*}*/

	.boxed-layout .pace .pace-progress {
		position: absolute !important;
		top: 0;
	}

	.boxed-layout .pace .pace-activity {
		position: absolute;
		top: 15px;
	}

	.boxed-layout .page-container {
		max-width: 1440px;
		position: relative;
		margin: 0 auto;
		min-height: 100%;
		box-shadow: 0 2px 24px rgba(0, 0, 0, 0.4);
		background: #d5d8da;
	}
}

@media (min-width: 1024px) {

	.boxed-layout .header,
	.boxed-layout .top-menu,
	.boxed-layout .container,
	.boxed-layout .container-fluid {
		width: 100%;
		max-width: 1440px;
	}

	.boxed-layout .header,
	.boxed-layout .top-menu {
		right: auto;
	}

	.boxed-layout .header,
	.boxed-layout .top-menu,
	.boxed-layout .sidebar,
	.boxed-layout .sidebar-bg {
		left: auto;
	}

	.boxed-layout .page-with-right-sidebar.page-with-two-sidebar .sidebar.sidebar-right,
	.boxed-layout .page-with-right-sidebar.page-with-two-sidebar .sidebar-bg.sidebar-right {
		position: fixed;
		right: -250px;
	}

	.boxed-layout .page-with-right-sidebar .sidebar,
	.boxed-layout .page-with-right-sidebar .sidebar-bg,
	.boxed-layout .page-with-two-sidebar.page-right-sidebar-toggled .sidebar.sidebar-right,
	.boxed-layout .page-with-two-sidebar.page-right-sidebar-toggled .sidebar-bg.sidebar-right,
	.boxed-layout .page-with-top-menu .top-menu {
		position: absolute;
		right: 0;
	}

	.boxed-layout .page-with-top-menu.page-container {
		overflow: hidden;
	}
}

/* -------------------------------
   2.0 Header
------------------------------- */

/* 2.1 Navbar Element */

.navbar {
	border: none;
	font-size: 14px;
	z-index: 1040;
	margin-bottom: 0;
	position: relative;
	min-height: 50px;
	display: block;
	-webkit-transition: box-shadow .2s linear;
	transition: box-shadow .2s linear;
}

.header.navbar {
	padding: 0;
}

.header.navbar.has-scroll {
	-webkit-box-shadow: 0 2px 40px 0 rgba(0, 0, 0, .08);
	box-shadow: 0 2px 40px 0 rgba(0, 0, 0, .08);
}

.navbar-fixed-top {
	top: 0;
}

.navbar-fixed-bottom, .navbar-fixed-top {
	position: fixed;
	right: 0;
	left: 0;
	z-index: 1030;
}

.navbar-form .btn-search {
	color: #707478;
}

.navbar > .container,
.navbar > .container-fluid {
	display: block;
}

.navbar-brand {
	float: left;
	height: 50px;
	padding: 15px 15px;
	font-size: 18px;
}

@media (min-width: 768px) {
	.navbar-fixed-bottom, .navbar-fixed-top {
		border-radius: 0;
	}
}

.navbar-nav > li > a {
	line-height: 26px;
}

.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus,
.navbar .navbar-nav > .open > a,
.navbar .navbar-nav > .open > a:focus,
.navbar .navbar-nav > .open > a:hover {
	background: none;
	color: #333;
}

.navbar-nav > li > a.has-notify {
	position: relative;
}

.navbar-nav > li > a.has-notify:before {
	content: '';
	position: absolute;
	top: 14px;
	right: 11px;
	width: 11px;
	height: 11px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #17B6A4;
	z-index: 10;
	opacity: 1;
	transition: all .2s linear;
}

.navbar-nav > li > a.has-notify.read:before {
	opacity: 0;
	background: none;
	width: 0;
	height: 0;
}

@media (max-width: 767px) {
	.navbar-nav {
		margin: 0;
	}

	.navbar-right {
		float: right;
	}

	.navbar-nav > li {
		float: left;
	}

	.navbar-nav > li + li {
		margin-left: 15px;
	}

	.navbar-nav > li > a {
		padding-left: 8px !important;
		padding-right: 8px !important;
	}

	.navbar-toggle {
		border: none;
		padding: 16px 15px;
		margin: 0;
		background: none;
		border-radius: 0;
		position: relative;
		float: right;
	}

	.navbar-nav > li > a.has-notify:before {
		top: 11px;
		right: 4px;
	}
}

@media (max-width: 480px) {
	.navbar-nav > li + li {
		margin-left: 5px;
	}
}

.page-header-fixed {
	padding-top: 140px;
}

.page-with-top-menu.page-header-fixed {
	padding-top: 140px;
}

@media (max-width: 767px) {
	.page-header-fixed {
		padding-top: 94px;
	}

	.page-with-top-menu.page-header-fixed {
		padding-top: 97px;
	}
}

@media (min-width: 1024px) {
	.page-header-fixed {
		padding-top: 176px;
	}

	.page-with-top-menu.page-header-fixed {
		padding-top: 176px;
	}
}

/* 2.2 Navbar Header */

.navbar-header {
	width: 230px;
}

@media (max-width: 767px) {
	.navbar-header {
		width: auto;
		border-bottom: 2px solid #EAEDEF;
		display: block;
	}
}

/* 2.3 Navbar Brand */

.navbar-brand {
	display: none;
}

@media (max-width: 767px) {
	.navbar-brand {
		display: block;
	}
}

.navbar-brand {
	font-weight: bold;
	height: 56px;
	line-height: 26px;
}

.navbar-brand .logo {
	height: 26px;
	float: left;
	margin-right: 10px;
}

.big-logo {
	height: 100px;
	margin : 20px;
}

@media (max-width: 767px) {
	.navbar-brand {
		font-size: 16px;
		height: 46px;
		line-height: 28px;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.navbar-brand .logo {
		margin: 0 8px 0 0;
	}

	.big-logo {
		display: none;
	}
}

@media (min-width: 768px) {
	.navbar-toggle {
		border: none;
		padding: 16px 15px;
		margin: 0;
		background: none;
		border-radius: 0;
		float: left;
		position: absolute;
		top:0px;
	}

	.navbar-default .navbar-toggle .icon-bar {
		background: #333;
	}
}

@media (min-width: 1024px) {
	.navbar-toggle {
		display: none;
	}
}

.navbar-toggle .icon-bar {
	display: block;
	width: 22px;
	height: 2px;
	border-radius: 1px;
}

.navbar-toggle .icon-bar + .icon-bar {
	margin-top: 4px;
}

.navbar-nav {
	display: block;
}

@media (min-width: 768px) {
	.navbar-nav {
		float: left;
		margin: 0;
	}

	.navbar-right {
		float: right !important;
		margin-right: -15px;
	}
}

@media (min-width: 768px) {
	.container-fluid > .navbar-collapse,
	.container-fluid > .navbar-header,
	.container > .navbar-collapse,
	.container > .navbar-header {
		margin-right: 0;
		margin-left: 0;
	}
}

@media (min-width: 768px) {
	.navbar-collapse.collapse {
		display: block !important;
		height: auto !important;
		padding-bottom: 0;
		overflow: visible !important;
	}
}

.container-fluid > .navbar-collapse,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container > .navbar-header {
	margin-right: -15px;
	margin-left: -15px;
}

/* 2.4 Navbar Form */

.navbar-form {
	margin: 11px 0;
	position: relative;
	padding: 10px 15px;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
}

.navbar-form .form-control {
	-webkit-border-radius: 34px;
	-moz-border-radius: 34px;
	border-radius: 34px;
	padding-right: 33px;
}

.navbar-form .btn {
	background: none;
	border: none;
	color: #606D79;
	position: absolute !important;
	right: 0;
	top: 0 !important;
	line-height: 22px;
	-webkit-border-radius: 0 30px 30px 0;
	-moz-border-radius: 0 30px 30px 0;
	border-radius: 0 30px 30px 0;
}

@media (min-width: 768px) {
	.navbar-form {
		width: auto;
		padding-top: 0;
		padding-bottom: 0;
		margin-right: 0;
		margin-left: 0;
		border: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	.navbar-form .form-group {
		display: inline-block;
		margin-bottom: 0;
		vertical-align: middle;
	}
}

@media (max-width: 767px) {
	.navbar-form {
		border: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		margin: 0;
		padding: 8px 0;
	}

	.navbar-form .form-group {
		margin-bottom: 0;
	}

	.navbar-form .form-control {
		font-size: 12px;
		height: 30px;
	}

	.navbar-form .btn {
		top: 0 !important;
		line-height: 18px;
		right: 0;
	}
}

@media (max-width: 480px) {
	.navbar-form {
		width: 145px;
	}
}

/* 2.5 Navbar User */

.navbar-user > a .image {
	float: left;
	width: 40px;
	height: 40px;
	background: #eaedef;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
	margin-top: -7px;
	margin-right: 10px;
}

.navbar-user > a .image img {
	display: block;
	max-width: 100%;
}

@media (max-width: 767px) {
	.navbar-user > a .image {
		width: 28px;
		height: 28px;
		margin-top: 0;
		margin-right: 5px;
	}
}

/* 2.6 Navbar Theme - Default */

.navbar-default {
	background: #fff;
}

.navbar-default .navbar-brand {
	color: #333;
}

.navbar-default .navbar-nav > li > a {
	color: #333;
}

@media (max-width: 767px) {
	.navbar-default .navbar-toggle:hover,
	.navbar-default .navbar-toggle:focus {
		background: #fff;
		outline: none !important;
	}

	.navbar-default .navbar-toggle .icon-bar {
		background: #333;
	}
}

/* 2.7 Navbar Theme - Inverse */

.navbar-inverse {
	background: #272C31;
}

.navbar-inverse .navbar-toggle .icon-bar {
	background: #fff;
}

.navbar-inverse .navbar-toggle .icon-bar:hover,
.navbar-inverse .navbar-toggle .icon-bar:focus {
	background: none;
}

.navbar-inverse .navbar-form .form-control,
.navbar-inverse .navbar-form .btn,
.navbar.navbar-inverse .navbar-nav > li > a {
	color: #d4d5d6;
}

.navbar-inverse .navbar-brand,
.navbar.navbar-inverse .navbar-nav > li > a:hover,
.navbar.navbar-inverse .navbar-nav > li > a:focus,
.navbar.navbar-inverse .navbar-nav > .open > a,
.navbar.navbar-inverse .navbar-nav > .open > a:focus,
.navbar.navbar-inverse .navbar-nav > .open > a:hover {
	color: #fff;
}

.navbar-inverse .navbar-form .form-control {
	background: none;
	border-color: #52565a;
	color: #fff;
}

.navbar-inverse .navbar-form .form-control:focus {
	border-color: #939598;
}

.navbar-inverse .navbar-form .form-control::-webkit-input-placeholder {
	color: #d4d5d6;
}

.navbar-inverse .navbar-form .form-control:-moz-placeholder {
	color: #d4d5d6;
}

.navbar-inverse .navbar-form .form-control::-moz-placeholder {
	color: #d4d5d6;
}

.navbar-inverse .navbar-form .form-control:-ms-input-placeholder {
	color: #d4d5d6;
}

@media (max-width: 767px) {
	.navbar-inverse .navbar-header {
		border-bottom-color: #52565a;
	}
}

/* 2.8 Navbar Theme - Purple */

.navbar-purple {
	background: #5f50c5;
}

.navbar-purple .navbar-toggle .icon-bar {
	background: #fff;
}

.navbar-purple .navbar-form .form-control,
.navbar-purple .navbar-form .btn,
.navbar.navbar-purple .navbar-nav > li > a {
	color: #dcd8fb;
}

.navbar-purple .navbar-brand,
.navbar.navbar-purple .navbar-nav > li > a:hover,
.navbar.navbar-purple .navbar-nav > li > a:focus,
.navbar.navbar-purple .navbar-nav > .open > a,
.navbar.navbar-purple .navbar-nav > .open > a:focus,
.navbar.navbar-purple .navbar-nav > .open > a:hover {
	color: #fff;
}

.navbar-purple .navbar-form .form-control {
	background: none;
	border-color: #dcd8fb;
	color: #fff;
}

.navbar-purple .navbar-form .form-control:focus {
	border-color: #7f73d1;
}

.navbar-purple .navbar-form .form-control::-webkit-input-placeholder {
	color: #dcd8fb;
}

.navbar-purple .navbar-form .form-control:-moz-placeholder {
	color: #dcd8fb;
}

.navbar-purple .navbar-form .form-control::-moz-placeholder {
	color: #dcd8fb;
}

.navbar-purple .navbar-form .form-control:-ms-input-placeholder {
	color: #dcd8fb;
}

.navbar-purple .navbar-nav > li > a.has-notify:before {
	background: url(../img/transparent/black-0.5.png);
	background: rgba(0, 0, 0, 0.5);
}

@media (max-width: 767px) {
	.navbar-purple .navbar-header {
		border-bottom-color: #4c409e;
	}
}

/* 2.9 Navbar Theme - Primary */

.navbar-primary {
	background: #2184DA;
}

.navbar-primary .navbar-toggle .icon-bar {
	background: #fff;
}

.navbar-primary .navbar-form .form-control,
.navbar-primary .navbar-form .btn,
.navbar.navbar-primary .navbar-nav > li > a {
	color: #d3e6f8;
}

.navbar-primary .navbar-brand,
.navbar.navbar-primary .navbar-nav > li > a:hover,
.navbar.navbar-primary .navbar-nav > li > a:focus,
.navbar.navbar-primary .navbar-nav > .open > a,
.navbar.navbar-primary .navbar-nav > .open > a:focus,
.navbar.navbar-primary .navbar-nav > .open > a:hover {
	color: #fff;
}

.navbar-primary .navbar-form .form-control {
	background: none;
	border-color: #90c1ec;
	color: #fff;
}

.navbar-primary .navbar-form .form-control:focus {
	border-color: #d3e6f8;
}

.navbar-primary .navbar-form .form-control::-webkit-input-placeholder {
	color: #d3e6f8;
}

.navbar-primary .navbar-form .form-control:-moz-placeholder {
	color: #d3e6f8;
}

.navbar-primary .navbar-form .form-control::-moz-placeholder {
	color: #d3e6f8;
}

.navbar-primary .navbar-form .form-control:-ms-input-placeholder {
	color: #d3e6f8;
}

.navbar-primary .navbar-nav > li > a.has-notify:before {
	background: url(../img/transparent/black-0.5.png);
	background: rgba(0, 0, 0, 0.5);
}

@media (max-width: 767px) {
	.navbar-primary .navbar-header {
		border-bottom-color: #1a6aae;
	}
}

/* 2.10 Navbar Theme - Success */

.navbar-success {
	background: #17B6A4;
}

.navbar-success .navbar-toggle .icon-bar {
	background: #fff;
}

.navbar-success .navbar-form .form-control,
.navbar-success .navbar-form .btn,
.navbar.navbar-success .navbar-nav > li > a {
	color: #d1f0ed;
}

.navbar-success .navbar-brand,
.navbar.navbar-success .navbar-nav > li > a:hover,
.navbar.navbar-success .navbar-nav > li > a:focus,
.navbar.navbar-success .navbar-nav > .open > a,
.navbar.navbar-success .navbar-nav > .open > a:focus,
.navbar.navbar-success .navbar-nav > .open > a:hover {
	color: #fff;
}

.navbar-success .navbar-form .form-control {
	background: none;
	border-color: #8bdad1;
	color: #fff;
}

.navbar-success .navbar-form .form-control:focus {
	border-color: #d1f0ed;
}

.navbar-success .navbar-form .form-control::-webkit-input-placeholder {
	color: #d1f0ed;
}

.navbar-success .navbar-form .form-control:-moz-placeholder {
	color: #d1f0ed;
}

.navbar-success .navbar-form .form-control::-moz-placeholder {
	color: #d1f0ed;
}

.navbar-success .navbar-form .form-control:-ms-input-placeholder {
	color: #d1f0ed;
}

.navbar-success .navbar-nav > li > a.has-notify:before {
	background: url(../img/transparent/black-0.5.png);
	background: rgba(0, 0, 0, 0.5);
}

@media (max-width: 767px) {
	.navbar-success .navbar-header {
		border-bottom-color: #129283;
	}
}

/* 2.11 Navbar Theme - Lime */

.navbar-lime {
	background: #65C56F;
}

.navbar-lime .navbar-toggle .icon-bar {
	background: #fff;
}

.navbar-lime .navbar-form .form-control,
.navbar-lime .navbar-form .btn,
.navbar.navbar-lime .navbar-nav > li > a {
	color: #e0f3e2;
}

.navbar-lime .navbar-brand,
.navbar.navbar-lime .navbar-nav > li > a:hover,
.navbar.navbar-lime .navbar-nav > li > a:focus,
.navbar.navbar-lime .navbar-nav > .open > a,
.navbar.navbar-lime .navbar-nav > .open > a:focus,
.navbar.navbar-lime .navbar-nav > .open > a:hover {
	color: #fff;
}

.navbar-lime .navbar-form .form-control {
	background: none;
	border-color: #b2e2b7;
	color: #fff;
}

.navbar-lime .navbar-form .form-control:focus {
	border-color: #e0f3e2;
}

.navbar-lime .navbar-form .form-control::-webkit-input-placeholder {
	color: #e0f3e2;
}

.navbar-lime .navbar-form .form-control:-moz-placeholder {
	color: #e0f3e2;
}

.navbar-lime .navbar-form .form-control::-moz-placeholder {
	color: #e0f3e2;
}

.navbar-lime .navbar-form .form-control:-ms-input-placeholder {
	color: #e0f3e2;
}

.navbar-lime .navbar-nav > li > a.has-notify:before {
	background: url(../img/transparent/black-0.5.png);
	background: rgba(0, 0, 0, 0.5);
}

@media (max-width: 767px) {
	.navbar-lime .navbar-header {
		border-bottom-color: #519e59;
	}
}

/* 2.12 Navbar Theme - Warning */

.navbar-warning {
	background: #fcaf41;
}

.navbar-warning .navbar-toggle .icon-bar {
	background: #fff;
}

.navbar-warning .navbar-form .form-control,
.navbar-warning .navbar-form .btn,
.navbar.navbar-warning .navbar-nav > li > a {
	color: #feefd9;
}

.navbar-warning .navbar-brand,
.navbar.navbar-warning .navbar-nav > li > a:hover,
.navbar.navbar-warning .navbar-nav > li > a:focus,
.navbar.navbar-warning .navbar-nav > .open > a,
.navbar.navbar-warning .navbar-nav > .open > a:focus,
.navbar.navbar-warning .navbar-nav > .open > a:hover {
	color: #fff;
}

.navbar-warning .navbar-form .form-control {
	background: none;
	border-color: #fdd7a0;
	color: #fff;
}

.navbar-warning .navbar-form .form-control:focus {
	border-color: #feefd9;
}

.navbar-warning .navbar-form .form-control::-webkit-input-placeholder {
	color: #feefd9;
}

.navbar-warning .navbar-form .form-control:-moz-placeholder {
	color: #feefd9;
}

.navbar-warning .navbar-form .form-control::-moz-placeholder {
	color: #feefd9;
}

.navbar-warning .navbar-form .form-control:-ms-input-placeholder {
	color: #feefd9;
}

.navbar-warning .navbar-nav > li > a.has-notify:before {
	background: url(../img/transparent/black-0.5.png);
	background: rgba(0, 0, 0, 0.5);
}

@media (max-width: 767px) {
	.navbar-warning .navbar-header {
		border-bottom-color: #ca8c34;
	}
}

/* 2.13 Navbar Theme - Danger */

.navbar-danger {
	background: #F04B46;
}

.navbar-danger .navbar-toggle .icon-bar {
	background: #fff;
}

.navbar-danger .navbar-form .form-control,
.navbar-danger .navbar-form .btn,
.navbar.navbar-danger .navbar-nav > li > a {
	color: #fcdbda;
}

.navbar-danger .navbar-brand,
.navbar.navbar-danger .navbar-nav > li > a:hover,
.navbar.navbar-danger .navbar-nav > li > a:focus,
.navbar.navbar-danger .navbar-nav > .open > a,
.navbar.navbar-danger .navbar-nav > .open > a:focus,
.navbar.navbar-danger .navbar-nav > .open > a:hover {
	color: #fff;
}

.navbar-danger .navbar-form .form-control {
	background: none;
	border-color: #f7a5a2;
	color: #fff;
}

.navbar-danger .navbar-form .form-control:focus {
	border-color: #fcdbda;
}

.navbar-danger .navbar-form .form-control::-webkit-input-placeholder {
	color: #fcdbda;
}

.navbar-danger .navbar-form .form-control:-moz-placeholder {
	color: #fcdbda;
}

.navbar-danger .navbar-form .form-control::-moz-placeholder {
	color: #fcdbda;
}

.navbar-danger .navbar-form .form-control:-ms-input-placeholder {
	color: #fcdbda;
}

.navbar-danger .navbar-nav > li > a.has-notify:before {
	background: url(../img/transparent/black-0.5.png);
	background: rgba(0, 0, 0, 0.5);
}

@media (max-width: 767px) {
	.navbar-danger .navbar-header {
		border-bottom-color: #c03c38;
	}
}

/* 2.14 Navbar Theme - Grey */

.navbar-grey {
	background: #8a8f94;
}

.navbar-grey .navbar-toggle .icon-bar {
	background: #fff;
}

.navbar-grey .navbar-form .form-control,
.navbar-grey .navbar-form .btn,
.navbar.navbar-grey .navbar-nav > li > a {
	color: #eef0f1;
}

.navbar-grey .navbar-brand,
.navbar.navbar-grey .navbar-nav > li > a:hover,
.navbar.navbar-grey .navbar-nav > li > a:focus,
.navbar.navbar-grey .navbar-nav > .open > a,
.navbar.navbar-grey .navbar-nav > .open > a:focus,
.navbar.navbar-grey .navbar-nav > .open > a:hover {
	color: #fff;
}

.navbar-grey .navbar-form .form-control {
	background: none;
	border-color: #d4d9dc;
	color: #fff;
}

.navbar-grey .navbar-form .form-control:focus {
	border-color: #eef0f1;
}

.navbar-grey .navbar-form .form-control::-webkit-input-placeholder {
	color: #eef0f1;
}

.navbar-grey .navbar-form .form-control:-moz-placeholder {
	color: #eef0f1;
}

.navbar-grey .navbar-form .form-control::-moz-placeholder {
	color: #eef0f1;
}

.navbar-grey .navbar-form .form-control:-ms-input-placeholder {
	color: #eef0f1;
}

.navbar-grey .navbar-nav > li > a.has-notify:before {
	background: url(../img/transparent/black-0.5.png);
	background: rgba(0, 0, 0, 0.5);
}

@media (max-width: 767px) {
	.navbar-grey .navbar-header {
		border-bottom-color: #888f95;
	}
}

/* 2.15 Navbar Collapse */

.navbar-collapse {
	padding-right: 15px;
	padding-left: 15px;
	overflow-x: visible;
	-webkit-overflow-scrolling: touch;
	border-top: 1px solid transparent;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}

@media (max-width: 767px) {
	.navbar-nav .show .dropdown-menu,
	.navbar-nav .open .dropdown-menu {
		position: static;
		float: none;
		width: auto;
		margin-top: 0;
		background-color: transparent;
		border: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	.navbar-nav .open .dropdown-menu,
	.navbar-nav .show .dropdown-menu {
		position: absolute;
		top: 100%;
		left: 0;
		z-index: 1000;
		float: left;
		min-width: 160px;
		border-top: 1px solid #eee;
		list-style: none;
		background: #fff;
		box-shadow: 0 2px 5px -1px rgba(0, 0, 0, .2);
		-webkit-box-shadow: 0 2px 5px -1px rgba(0, 0, 0, .2);
	}

	.navbar-nav.navbar-right .open .dropdown-menu,
	.navbar-nav.navbar-right .show .dropdown-menu {
		right: 0;
		left: auto;
	}

	.navbar-collapse .show .dropdown-menu .dropdown-header {
		padding-top: 20px;
		padding-left: 0;
	}

	.navbar-fixed-bottom .navbar-collapse,
	.navbar-fixed-top .navbar-collapse {
		max-height: 340px;
	}

	.navbar-collapse.in,
	.navbar-collapse.show {
		overflow-y: auto;
	}

	.navbar-collapse .show .dropdown-menu {
		position: relative;
		box-shadow: none;
		padding-top: 0;
		border-bottom: 1px solid #eee;
		border-radius: 0;
		background: #f4f6f7;
		width: 100%;
	}

	.navbar-nav > .show > a,
	.navbar-nav > .show > a:focus,
	.navbar-nav > .show > a:hover {
		background: 0 0 !important;
		color: #333;
		opacity: 1;
		filter: alpha(opacity=100);
	}
}

/* -------------------------------
   3.0 Sidebar
------------------------------- */

/* 3.1 Sidebar Element */

.sidebar,
.sidebar-bg {
	position: absolute;
	left: 0;
	top: 177px;
	background: #3C454D;
	width: 250px;
	z-index: 1010;
}

.sidebar-bg {
	position: fixed;
	bottom: 0;
	z-index: 1000;
}

.page-sidebar-fixed .sidebar {
	position: fixed;
	bottom: 0;
}

@media (max-width: 1023px) {
	.sidebar,
	.sidebar-bg {
		top: 0;
		left: -250px;
		z-index: 1040;
	}

	.sidebar-bg {
		z-index: 1035;
	}

	@keyframes sidebarSlideInLeft {
		from {
			left: -250px;
		}
		to {
			left: 0;
		}
	}
	@-webkit-keyframes sidebarSlideInLeft {
		from {
			left: -250px;
		}
		to {
			left: 0;
		}
	}

	.page-sidebar-toggled .sidebar {
		left: 0;
		animation: sidebarSlideInLeft .2s;
		-webkit-animation: sidebarSlideInLeft .2s;
	}

	.page-sidebar-toggled .sidebar-bg {
		position: fixed;
		left: 0;
		animation: sidebarSlideInLeft .2s;
		-webkit-animation: sidebarSlideInLeft .2s;
	}
}

.sidebar .nav > li.nav-header {
	padding: 15px 20px 10px;
	color: #b1b5b8;
	font-size: 10px;
	font-weight: bold;
}

.sidebar .nav > li.divider {
	margin: 15px 0;
	height: 2px;
	background: #30373e;
}

.sidebar .nav > li.divider + li.nav-header {
	margin-top: -15px;
}

.sidebar .nav > li:before,
.sidebar .nav > li:after,
.sidebar .nav > li > a:before,
.sidebar .nav > li > a:after {
	content: '';
	display: table;
	clear: both;
}

.sidebar .nav > li > a {
	padding: 12px 20px;
	color: #b1b5b8;
}

.sidebar .nav > li.expand > a,
.sidebar .nav > li > a:hover,
.sidebar .nav > li > a:focus {
	background: #636a71;
}

.sidebar .nav > li > a > .icon-img {
	float: left;
	width: 32px;
	height: 32px;
	margin: -6px 13px -6px 0;
	line-height: 32px;
}

.sidebar .nav > li > a > .icon-img img {
	max-width: 100%;
	max-height: 100%;
}

.sidebar .nav > li > a > i {
	float: left;
	width: 32px;
	height: 32px;
	text-align: center;
	line-height: 32px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	font-size: 16px;
	margin: -6px 13px -6px 0;
	color: #fff;
	color: rgba(255, 255, 255, 0.5);
	background: url(../img/transparent/black-0.5.png);
	background: rgba(0, 0, 0, 0.5);
	position: relative;
	overflow: hidden;
}

.sidebar .nav > li.active > a,
.sidebar .nav > li.active > a:hover,
.sidebar .nav > li.active > a:focus {
	background: #24292e;
	color: #fff;
}

.sidebar .nav > li.active > a > i {
	color: rgba(0, 0, 0, 0.5);
	background: #17B6A4;
}

.sidebar .nav > li.active > a > i:after {
	background: none;
}

.sidebar .nav > li > a > .caret.pull-right {
	margin-top: 10px;
	margin-right: 2px;
	color: #b1b5b8;
}

.sidebar .has-sub.active > .sub-menu {
	display: block;
}

.sidebar .sub-menu:before {
	content: '';
	display: block;
	position: absolute;
	left: 34px;
	top: 0;
	bottom: 0;
	width: 4px;
	background: #24292e;
}

.sidebar .sub-menu {
	list-style-type: none;
	padding: 10px 0 10px 45px;
	margin: 0;
	background: #30373e;
	position: relative;
	display: none;
}

.sidebar .sub-menu .sub-menu {
	padding: 0 0 0 30px;
	background: none;
}

.sidebar .sub-menu .sub-menu:before {
	left: 21px;
}

.sidebar .sub-menu > li > a {
	padding: 5px 20px;
	display: block;
	color: #8a8f94;
	text-decoration: none;
	position: relative;
}

.sidebar .sub-menu > li > a:before {
	content: '\f111';
	position: absolute;
	left: 0;
	font-size: 7px;
	color: #4f555a;
	top: 50%;
	margin-top: -4px;
	margin-left: -12px;
}

.sidebar .sub-menu .sub-menu > li > a:before {
	margin-left: -10px;
}

.sidebar .sub-menu > li > a:hover:before,
.sidebar .sub-menu > li > a:focus:before {
	color: #8a8f94;
}

.sidebar .sub-menu > li > a:hover,
.sidebar .sub-menu > li > a:focus,
.sidebar .sub-menu > li.active > a,
.sidebar .sub-menu > li.active > a:hover,
.sidebar .sub-menu > li.active > a:focus,
.sidebar .nav > li li.has-sub.active > a {
	color: #fff;
}

.sidebar .sub-menu > li.active > a:before {
	color: #17B6A4;
}

.sidebar .nav .sub-menu > li > a .caret {
	float: right;
	margin-top: 7px;
}

.sidebar .label.label-theme {
	background: #17B6A4;
}

.sidebar .text-theme {
	color: #17B6A4;
}

/* 3.2 Sidebar - Minified Version Setting */

.sidebar-minify-btn,
.sidebar-minify-btn:hover,
.sidebar-minify-btn:focus {
	text-align: center;
	font-size: 14px;
	z-index: 10;
	padding: 0 !important;
	background: #24292e;
	width: 30px;
	height: 30px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	color: #1abc9c;
	line-height: 30px;
	margin: -15px auto;
}

.sidebar-minify-btn i {
	background: none !important;
	width: inherit !important;
	height: inherit !important;
	display: inline !important;
	font-size: 14px !important;
	margin: 0 !important;
	padding: 0 !important;
	line-height: inherit !important;
	color: inherit !important;
}

.sidebar-minify-btn i:after {
	background: none !important;
}

.page-sidebar-minified .sidebar {
	width: 70px;
	padding: 0;
}

.page-sidebar-minified .sidebar-bg {
	width: 70px;
}

.page-sidebar-minified .sidebar .nav-header,
.page-sidebar-minified .sidebar .nav-user,
.page-sidebar-minified .sidebar .nav-project,
.page-sidebar-minified .sidebar .nav > li > a > span {
	display: none;
}

.page-sidebar-minified .sidebar .nav {
	position: relative;
	z-index: 10;
}

.page-sidebar-minified .sidebar .nav > li > a {
	padding: 12px 19px 12px 15px;
}

.page-sidebar-minified .sidebar .nav > li.has-sub:hover > a,
.page-sidebar-minified .sidebar .nav > li.has-sub:focus > a {
	background: #636a71;
}

.page-sidebar-minified .sidebar .nav > li.has-sub.active:hover > a,
.page-sidebar-minified .sidebar .nav > li.has-sub.active:focus > a {
	background: #24292e;
}

.page-sidebar-minified .sidebar .nav li.has-sub {
	position: relative;
}

.page-sidebar-minified .sidebar .nav li.has-sub > .sub-menu {
	position: absolute;
	left: 100%;
	top: 0;
	display: none;
	width: 250px;
	background: #30373e;
	padding: 10px 0 10px 30px;
}

.page-sidebar-minified .sidebar li.has-sub > .sub-menu {
	display: none !important;
}

.page-sidebar-minified .sidebar .sub-menu:before {
	left: 25px;
}

.page-sidebar-minified .sidebar .sub-menu > li > a:before {
	margin-left: -6px;
	margin-top: -5px;
}

.page-sidebar-minified .sidebar .nav > li > a .caret,
.page-sidebar-minified .sidebar .nav > li > .sub-menu .caret {
	position: absolute;
	right: 0;
	top: 21px;
	margin-top: -2px;
	margin-right: 6px;
	border-left: 4px dashed;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
}

.page-sidebar-minified .sidebar .nav > li > .sub-menu .caret {
	top: 14px;
	right: 10px;
}

.page-sidebar-minified .sidebar .nav > li.has-sub li.has-sub .sub-menu {
	margin-top: -10px;
}

.page-sidebar-minified .sidebar-minify-btn i:before {
	content: '\f105';
}

.page-sidebar-minified .divider.has-minify-btn {
	margin: 20px 0 !important;
}

.page-sidebar-minified .sidebar .slimScrollBar {
	display: none !important;
}

/* 3.3 Sidebar - Right Sidebar Setting */

.page-with-right-sidebar .sidebar,
.page-with-right-sidebar .sidebar-bg {
	right: 0;
	left: auto;
}

.page-with-right-sidebar.page-sidebar-minified .sidebar .nav > li > a {
	padding: 12px 15px 12px 19px;
}

.page-with-right-sidebar .sidebar-minify-btn .fa:before {
	content: '\f105';
}

.page-with-right-sidebar.page-sidebar-minified .sidebar-minify-btn .fa:before {
	content: '\f104';
}

.page-with-right-sidebar.page-sidebar-minified .sidebar .nav > li > a .caret,
.page-with-right-sidebar.page-sidebar-minified .sidebar .nav > li > .sub-menu .caret {
	left: 0;
	right: auto;
	margin-right: 0;
	margin-left: 4px;
	border-left: 4px solid transparent;
	border-right: 4px dashed;
}

.page-with-right-sidebar.page-sidebar-minified .sidebar .nav li.has-sub > .sub-menu {
	left: auto;
	right: 100%;
}

.page-with-right-sidebar.page-sidebar-minified .sidebar .sub-menu:before {
	left: auto;
	right: 25px;
}

.page-with-right-sidebar.page-sidebar-minified .sidebar .nav li.has-sub > .sub-menu {
	padding: 10px 30px 10px 0;
}

.page-with-right-sidebar.page-sidebar-minified .sidebar .sub-menu > li > a:before {
	left: auto;
	right: 0;
	margin-left: 0;
	margin-right: -6px;
}

@media (max-width: 767px) {
	.page-with-right-sidebar .sidebar,
	.page-with-right-sidebar .sidebar-bg {
		left: auto;
		right: -250px;
	}

	@keyframes sidebarSlideInRight {
		from {
			right: -250px;
		}
		to {
			right: 0;
		}
	}
	@-webkit-keyframes sidebarSlideInRight {
		from {
			right: -250px;
		}
		to {
			right: 0;
		}
	}
	.page-with-right-sidebar.page-sidebar-toggled .sidebar,
	.page-with-right-sidebar.page-sidebar-toggled .sidebar-bg {
		right: 0;
		animation: sidebarSlideInRight .2s;
		-webkit-animation: sidebarSlideInRight .2s;
	}
}

/* 3.4 Sidebar - Page with Two Sidebar Setting */

.page-with-two-sidebar.page-sidebar-fixed .sidebar.sidebar-right {
	position: fixed;
}

.page-with-two-sidebar .sidebar.sidebar-right,
.page-with-two-sidebar .sidebar-bg.sidebar-right {
	right: -250px;
	left: auto;
}

.page-with-two-sidebar.page-sidebar-minified .sidebar.sidebar-right .nav-header,
.page-with-two-sidebar.page-sidebar-minified .sidebar.sidebar-right .nav-user,
.page-with-two-sidebar.page-sidebar-minified .sidebar.sidebar-right .nav-project {
	display: block;
}

@media (max-width: 767px) {
	@keyframes mobileSidebarSlideInRight {
		from {
			right: -250px;
		}
		to {
			right: 0;
		}
	}
	@-webkit-keyframes mobileSidebarSlideInRight {
		from {
			right: -250px;
		}
		to {
			right: 0;
		}
	}
	.page-with-two-sidebar .sidebar.sidebar-right,
	.page-with-two-sidebar .sidebar-bg.sidebar-right {
		right: -250px;
		-webkit-animation: none;
		animation: none;
	}

	.page-with-two-sidebar.page-right-sidebar-toggled .sidebar.sidebar-right,
	.page-with-two-sidebar.page-right-sidebar-toggled .sidebar-bg.sidebar-right {
		right: 0;
		left: auto;
		-webkit-animation: mobileSidebarSlideInRight .2s;
		animation: mobileSidebarSlideInRight .2s;
	}
}

.page-with-two-sidebar.page-sidebar-minified .sidebar.sidebar-right,
.page-with-two-sidebar.page-sidebar-minified .sidebar-bg.sidebar-right {
	width: 250px;
	padding: 0;
}

.page-with-two-sidebar.page-right-sidebar-toggled .sidebar.sidebar-right,
.page-with-two-sidebar.page-right-sidebar-toggled .sidebar-bg.sidebar-right {
	right: 0;
}

/* 3.5 Sidebar - Page with Top Menu Setting */

.page-with-top-menu .sidebar,
.page-with-top-menu .sidebar-bg {
	top: 100px;
}

@media (max-width: 767px) {
	.page-with-top-menu .sidebar,
	.page-with-top-menu .sidebar-bg {
		top: 0;
	}
}

/* 3.6 Sidebar - Badge & Label Setting */

.sidebar .badge {
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	font-size: 10px;
}

.sidebar a:hover .badge,
.sidebar a:focus .badge {
	background: #8a8f94;
}

.sidebar .badge.pull-right,
.sidebar .badge.pull-left {
	padding-top: 4px;
	padding-bottom: 3px;
}

/* 3.7 Sidebar Widget - User Profile */

.sidebar .nav-user {
	padding: 15px;
	background: #30373e;
}

.sidebar .nav-user .image {
	width: 40px;
	height: 40px;
	overflow: hidden;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	float: left;
}

.sidebar .nav-user .image img {
	max-width: 100%;
}

.sidebar .nav-user .image + .info {
	margin-left: 50px;
}

.sidebar .nav-user .info .name,
.sidebar .nav-user .info .name > a,
.sidebar .nav-user .info .name > a:hover,
.sidebar .nav-user .info .name > a:focus {
	color: #fff;
	text-decoration: none;
	background: none;
	display: block;
	font-weight: 600;
}

.sidebar .nav-user .info .position {
	color: #b1b5b8;
	font-size: 12px;
}

/* 3.8 Sidebar Widget - Project */

.sidebar .nav-project .project-list {
	list-style-type: none;
	margin: 0 0 15px;
	padding: 0;
}

.sidebar .nav-project .project-list > li {
	padding: 0 20px;
}

.sidebar .nav-project .project-list > li + li {
	margin-top: 10px;
}

.sidebar .nav-project .project-list > li:before,
.sidebar .nav-project .project-list > li:after {
	content: '';
	display: table;
	clear: both;
}

.sidebar .nav-project .project-list > li a {
	text-decoration: none;
}

.sidebar .nav-project .project-list > li .icon {
	float: left;
	width: 20px;
	text-align: center;
	font-size: 14px;
	line-height: 20px;
}

.sidebar .nav-project .project-list > li .info {
	margin-left: 30px;
}

.sidebar .nav-project .project-list > li .title {
	margin-bottom: 5px;
}

.sidebar .nav-project .project-list > li .title,
.sidebar .nav-project .project-list > li .title a,
.sidebar .nav-project .project-list > li .title a:hover,
.sidebar .nav-project .project-list > li .title a:focus {
	color: #fff;
}

.sidebar .nav-project .project-list > li .desc {
	font-size: 12px;
	color: #8a8f94;
}

.sidebar .nav-project .project-list > li .progress {
	height: 5px;
	margin-bottom: 5px;
	background: #30373e;
}

/* 3.9 Sidebar Widget - Tabs */

.sidebar .nav.nav-tabs {
	display: table;
	width: 100%;
	border: none;
}

.sidebar .tab-content {
	background: none;
	padding: 0;
}

.sidebar .nav.nav-tabs > li {
	display: table-cell;
	float: none;
	margin: 0;
	border: none;
}

.sidebar .nav.nav-tabs > li a {
	padding: 0;
	margin: 0;
	border: none;
	border-radius: 0;
	line-height: 36px;
	font-size: 12px;
	text-align: center;
	background: #30373e;
}

.sidebar .nav.nav-tabs > li a:hover,
.sidebar .nav.nav-tabs > li a:focus {
	background: #636a71;
}

.sidebar .nav.nav-tabs > li:after,
.sidebar .nav.nav-tabs > li:hover:after,
.sidebar .nav.nav-tabs > li:focus:after,
.sidebar .nav.nav-tabs > li.active:after,
.sidebar .nav.nav-tabs > li.active:hover:after,
.sidebar .nav.nav-tabs > li.active:focus:after,
.sidebar .nav.nav-tabs > li a:after,
.sidebar .nav.nav-tabs > li:hover a:after,
.sidebar .nav.nav-tabs > li:focus a:after,
.sidebar .nav.nav-tabs > li.active a:after,
.sidebar .nav.nav-tabs > li.active a:hover:after,
.sidebar .nav.nav-tabs > li.active a:focus:after {
	background: none;
}

.sidebar .nav.nav-tabs > li.active a,
.sidebar .nav.nav-tabs > li a.active {
	background: none !important;
	color: #fff !important;
}

/* 3.10 Sidebar Widget - Calendar */

.sidebar .calendar {
	background: none;
	border: none;
	padding-left: 10px;
	padding-right: 10px;
}

.sidebar .calendar .table {
	background: none !important;
}

.sidebar .calendar .table > thead > tr > th,
.sidebar .calendar .table > tbody > tr > td {
	border: none !important;
}

.sidebar .calendar .week_days td {
	background: none;
	color: #17B6A4 !important;
}

.sidebar .calendar .week_days td,
.sidebar .calendar .visualmonthyear,
.sidebar .calendar a {
	color: #b1b5b8;
	text-shadow: none;
}

.sidebar .calendar .table td {
	border-color: transparent;
	font-weight: normal;
	font-size: 12px;
}

.sidebar .calendar .table.header td.year {
	width: 100%;
}

.sidebar .calendar .event {
	background: #272C31;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.sidebar .calendar .event:hover {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.sidebar .calendar .event a {
	color: #fff;
}

.sidebar .calendar .icon-arrow-right,
.sidebar .calendar .icon-arrow-left {
	display: block;
	font: normal normal normal 14px/1;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	cursor: pointer;
	width: 25px;
}

.sidebar .calendar .icon-arrow-right:hover,
.sidebar .calendar .icon-arrow-right:focus,
.sidebar .calendar .icon-arrow-left:hover,
.sidebar .calendar .icon-arrow-left:focus {
	color: #fff;
}

.sidebar .calendar .icon-arrow-right:before {
	content: '\f061';
}

.sidebar .calendar .icon-arrow-left:before {
	content: '\f060';
}

.sidebar .nav > li.nav-date {
	font-size: 18px;
	color: #fff;
	text-align: center;
	padding: 15px 0;
}

.sidebar .nav > li.nav-date + .divider {
	margin-top: 0;
}

/* 3.11 Sidebar Widget - Notification List */

.sidebar .notification-list {
	list-style-type: none;
	margin: 0;
	padding: 5px 20px;
}

.sidebar .notification-list > li {
	padding: 0;
}

.sidebar .notification-list > li + li {
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px solid #4f575e;
}

.sidebar .notification-list > li:before,
.sidebar .notification-list > li:after {
	content: '';
	display: table;
	clear: both;
}

.sidebar .notification-list > li .media {
	float: left;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: url(../img/transparent/black-0.4.png);
	background: rgba(0, 0, 0, 0.4);
	font-size: 14px;
	color: #fff;
}

.sidebar .notification-list > li .media img {
	max-width: 100%;
	display: block;
}

.sidebar .notification-list > li .info {
	margin-left: 40px;
}

.sidebar .notification-list > li .info .title,
.sidebar .notification-list > li .info .title a {
	text-decoration: none;
	color: #fff;
	font-size: 12px;
	font-weight: 600;
}

.sidebar .notification-list > li .info .title,
.sidebar .notification-list > li .info .title a,
.sidebar .notification-list > li .info .time,
.sidebar .notification-list > li .info .desc {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.sidebar .notification-list > li .info .time,
.sidebar .notification-list > li .info .desc {
	font-size: 12px;
	color: #b1b5b8;
}

/* 3.12 Sidebar Widget - Stock List */

.sidebar .stock-list {
	list-style-type: none;
	margin: 0;
	padding: 0 20px;
	font-size: 12px;
}

.sidebar .stock-list > li:before,
.sidebar .stock-list > li:after {
	content: '';
	display: table;
	clear: both;
}

.sidebar .stock-list > li {
	padding: 10px 0;
}

.sidebar .stock-list > li + li {
	border-top: 1px solid #4f575e;
}

.sidebar .stock-list > li .name,
.sidebar .stock-list > li .value,
.sidebar .stock-list > li .percentage {
	float: left;
}

.sidebar .stock-list > li div + div {
	padding-left: 10px;
}

.sidebar .stock-list > li .name {
	width: 35%;
	color: #fff;
}

.sidebar .stock-list > li .value {
	width: 35%;
	text-align: right;
	color: #b1b5b8;
}

.sidebar .stock-list > li .percentage {
	width: 30%;
	text-align: center;
}

.sidebar .stock-list > li .percentage .label {
	font-weight: 300;
	font-size: 11px;
	display: block;
	padding: 3px 0;
	margin: -3px 0;
	line-height: 15px;
}

/* 3.13 Sidebar Widget - Latest Post */

.sidebar .nav-post {
	list-style-type: none;
	margin: 0;
	padding: 5px 20px;
}

.sidebar .nav-post > li {
	padding: 0;
}

.sidebar .nav-post > li + li {
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px solid #4f575e;
}

.sidebar .nav-post > li:before,
.sidebar .nav-post > li:after {
	content: '';
	display: table;
	clear: both;
}

.sidebar .nav-post > li .image {
	float: left;
	width: 46px;
	height: 32px;
	overflow: hidden;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.sidebar .nav-post > li .image img {
	max-height: 100%;
	display: block;
}

.sidebar .nav-post > li .info {
	margin-left: 56px;
}

.sidebar .nav-post > li .info .title {
	font-size: 12px;
	color: #fff;
	font-weight: 600;
}

.sidebar .nav-post > li .info .time,
.sidebar .nav-post > li .info .desc {
	color: #b1b5b8;
	font-size: 12px;
}

.sidebar .nav-post > li .info .title,
.sidebar .nav-post > li .info .time,
.sidebar .nav-post > li .info .desc {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}



/* 3.22 Page Sidebar - Floating Sub Menu */

.float-sub-menu-container {
	position: fixed;
	width: 240px;
	margin: 0;
	background: #30373e;
	z-index: 1020;
}

.float-sub-menu {
	padding: 10px 0 10px 45px;
	margin: 0;
	list-style-type: none;
}

.float-sub-menu .sub-menu {
	display: none;
	list-style-type: none;
}

.float-sub-menu:before,
.float-sub-menu .sub-menu:before {
	content: '';
	display: block;
	position: absolute;
	left: 34px;
	top: 0;
	bottom: 0;
	width: 4px;
	background: #24292e;
}

.float-sub-menu .sub-menu:before {
	top: 30px;
	left: 21px;
}

.float-sub-menu li.active > a:before {
	color: #17B6A4;
}

.float-sub-menu li > a:before {
	content: '\f111';
	position: absolute;
	left: 0;
	font-size: 7px;
	color: #4f555a;
	top: 50%;
	margin-top: -4px;
	margin-left: -12px;
	line-height: 8px;
}

.float-sub-menu .sub-menu li > a:before {
	margin-left: -10px;
}

.float-sub-menu .active > .sub-menu {
	display: block;
}

.float-sub-menu li {
	position: relative;
}

.float-sub-menu-arrow {
	position: absolute;
	top: 20px;
	left: 0;
	width: 28px;
	height: 2px;
	background: #222;
}

.float-sub-menu-line {
	position: absolute;
	top: 20px;
	left: 26px;
	width: 2px;
	background: #222;
}

.float-sub-menu .sub-menu {
	padding: 0 0 0 30px;
	background: none;
}

.float-sub-menu li > a {
	line-height: 20px;
	padding: 5px 20px;
	display: block;
	color: #8a8f94;
	text-decoration: none;
	position: relative;
}

.float-sub-menu li > a:hover,
.float-sub-menu li > a:focus,
.float-sub-menu li.active > a,
.float-sub-menu li.active > a:hover,
.float-sub-menu li.active > a:focus {
	color: #fff;
}

.float-sub-menu li > a .caret {
	margin-top: 10px;
	color: #b1b5b8;
}

/* -------------------------------
   4.0 Content Setting
------------------------------- */

/* 4.1 Content Element */

.content {
	/*margin-left: 250px;*/
	padding: 25px;
	min-height: 100%;
	position: relative;
	background-color: #ffffff;
}

@media (max-width: 1023px) {
	.content {
		margin-left: 0;
		margin-right: 0;
		padding: 20px;
	}
}

/* 4.1.1 Content Element - Breadcrumb */

.breadcrumb {
	padding: 0;
	margin: 5px 0 20px;
	background: none;
	position: relative;
	z-index: 1000;
	list-style: none;
}

.breadcrumb a {
	color: #30373e;
}

.breadcrumb > li,
.breadcrumb-item {
	display: inline-block;
}

.breadcrumb > li.active,
.breadcrumb .breadcrumb-item.active {
	color: #657380;
	font-weight: 300;
}

.breadcrumb > li + li:before,
.breadcrumb .breadcrumb-item + .breadcrumb-item:before {
	padding: 0 5px;
	content: "/\00a0";
	color: #b1b5b8;
}

@media (max-width: 767px) {
	.breadcrumb {
		margin: 0 0 8px;
		font-size: 12px;
	}

	.breadcrumb.pull-right,
	.breadcrumb.pull-left {
		float: none !important;
	}
}

/* 4.1.2 Content Element - Page Header */

.page-header {
	font-size: 24px;
	margin: 0 0 20px;
	padding: 0;
	color: #30373e;
	border: none;
	font-weight: 500;
	position: relative;
	z-index: 1000;
}

/* 4.2 Content Setting - Page Sidebar Minified */

.page-sidebar-minified .content {
	margin-left: 70px;
}

@media (max-width: 767px) {
	.page-sidebar-minified .content {
		margin-left: 0;
	}
}

/* 4.3 Content Setting - Page with Right Sidebar */

.page-with-right-sidebar .content {
	margin-left: 0;
	margin-right: 250px;
}

.page-with-two-sidebar.page-right-sidebar-toggled .content {
	margin-right: 250px;
}

.page-with-right-sidebar.page-sidebar-minified .content {
	margin-right: 70px;
}

@media (max-width: 767px) {
	.page-with-right-sidebar .content,
	.page-with-two-sidebar.page-right-sidebar-toggled .content {
		margin-right: 0;
	}
}

/* 4.4 Content Setting - Page with Footer */

.page-with-footer .content,
.page-footer-fixed .content {
	padding-bottom: 50px;
}

/* 4.5 Content Setting - Page without Sidebar */

.page-without-sidebar .content {
	margin-left: 0;
}

/* -------------------------------
   5.0 Footer Setting
------------------------------- */

/* 5.1 Footer Element */

.footer {
	color: #657380;
	font-size: 12px;
	font-weight: 500;
	border-top: 2px solid rgba(0, 0, 0, 0.06);
	padding: 15px 25px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.footer a {
	color: #657380;
}

.footer a:hover,
.footer a:focus {
	color: #30373e;
	text-decoration: none;
}

.footer b {
	color: #30373e;
	font-weight: normal;
}

@media (max-width: 767px) {
	.footer {
		padding: 15px 20px;
	}
}

/* 5.2 Footer Setting - Page with Fixed Footer */

.page-footer-fixed .footer {
	position: fixed;
	bottom: 0;
	right: 0;
	left: 250px;
	margin: 0 !important;
	background: #d5d8da;
}

.page-footer-fixed.page-sidebar-minified .footer {
	left: 70px;
}

.page-footer-fixed.page-with-right-sidebar.page-sidebar-minified .footer {
	right: 70px;
	left: 0;
}

.page-footer-fixed.page-with-right-sidebar .footer {
	left: 0;
	right: 250px;
}

.page-footer-fixed.page-with-two-sidebar.page-right-sidebar-toggled .footer {
	right: 250px;
}

.page-footer-fixed.page-without-sidebar .footer {
	left: 0;
}

@media (max-width: 767px) {
	.footer {
		margin-right: 0 !important;
		margin-left: 0 !important;
		right: 0 !important;
		left: 0 !important;
	}
}

/* -------------------------------
   6.0 Top Menu Setting
------------------------------- */

/* 6.1 Top Menu Element */

.top-menu {
	background: #3C454D;
	height: 44px;
	position: fixed;
	top: 140px;
	left: 0;
	right: 0;
	z-index: 1020;
}

.top-menu .nav {
	white-space: nowrap;
}

.top-menu .nav > li {
	display: inline-block;
	position: relative;
}

@media (max-width: 1023px) {
	.top-menu {
		position: relative;
		top: 0;
		height: auto;
		display: none;
	}

	.top-menu .container,
	.top-menu .container-fluid {
		padding: 0;
	}

	.top-menu .nav > li {
		display: block;
	}

	.top-menu .nav {
		margin: 0 !important;
	}
}

.top-menu .nav > li > a {
	padding: 12px 20px;
	color: #b1b5b8;
	line-height: 20px;
}

.top-menu .nav > li > a .badge,
.top-menu .nav > li > a .label {
	background: url(../img/transparent/black-0.2.png);
	background: rgba(0, 0, 0, 0.2);
	font-size: 12px;
	margin-left: 5px;
	color: #fff;
	color: rgba(255, 255, 255, 0.6);
}

.top-menu .nav > li > a i {
	float: left;
	font-size: 14px;
	margin-right: 10px;
	line-height: 18px;
	color: #fff;
	color: rgba(255, 255, 255, 0.2);
	width: 14px;
	text-align: center;
}

.top-menu .nav > li > a .caret {
	color: #fff;
	color: rgba(255, 255, 255, 0.2);
}

@media (max-width: 767px) {
	.top-menu .nav > li > a .caret {
		float: right;
		margin-top: 10px;
	}
}

.top-menu .nav > li:hover > a,
.top-menu .nav > li:focus > a,
.top-menu .nav > li > a:hover,
.top-menu .nav > li > a:focus {
	background: #636a71;
}

/* 6.2 Top Menu Sub Menu Setting */

.top-menu .nav .sub-menu {
	display: none;
	position: absolute;
	left: 0;
	top: 100%;
	background: #30373e;
	list-style-type: none;
	margin: 0;
	padding: 10px 0;
	font-size: 13px;
}

.top-menu .sub-menu > li > a {
	padding: 5px 20px;
	display: block;
	color: #8a8f94;
	text-decoration: none;
	position: relative;
}

.top-menu .nav .sub-menu > li > a .caret {
	margin-top: 7px;
}

@media (max-width: 767px) {
	.top-menu .nav .sub-menu {
		position: relative;
		top: 0;
		width: 100%;
	}

	.top-menu .sub-menu > li > a {
		padding-left: 44px;
	}
}

.top-menu .sub-menu .sub-menu {
	background: url(../img/transparent/black-0.2.png);
	background: rgba(0, 0, 0, 0.2);
	position: relative;
	left: 0;
	top: 0;
}

.top-menu .sub-menu > li > a:hover,
.top-menu .sub-menu > li > a:focus {
	color: #fff;
}

.top-menu .nav > li.has-sub:hover > .sub-menu {
	display: block;
}

@media (max-width: 767px) {
	.top-menu .nav > li.has-sub:hover > .sub-menu {
		display: none;
	}
}

.top-menu .nav > li.active > a,
.top-menu .nav > li.active > a:hover,
.top-menu .nav > li.active > a:focus,
.top-menu .sub-menu > li.active > a,
.top-menu .sub-menu > li.active > a:hover,
.top-menu .sub-menu > li.active > a:focus {
	background: #24292e;
	color: #fff;
}

.top-menu .nav > li.active > a i {
	color: #1abc9c;
}

/* 6.3 Top Menu Left & Right Control Setting */

.top-menu .nav > li.menu-control {
	position: absolute;
	top: 0;
	width: 44px;
	background: #3C454D;
	height: 44px;
}

@media (max-width: 1023px) {
	.top-menu .nav > li.menu-control {
		display: none !important;
	}
}

.top-menu .nav > li.menu-control > a {
	padding: 0;
	text-align: center;
	line-height: 44px;
}

.top-menu .nav > li.menu-control > a i {
	float: none;
	margin: 0;
	font-size: 20px;
	display: block;
	line-height: 44px;
	color: #fff;
	width: auto;
}

.top-menu .nav > li.menu-control.menu-control-left {
	left: -50px;
	display: none;
}

.top-menu .nav > li.menu-control.menu-control-right {
	right: -50px;
	display: none;
}

@keyframes slideInLeft {
	from {
		left: -50px;
	}
	to {
		left: 0;
	}
}

@-webkit-keyframes slideInLeft {
	from {
		left: -50px;
	}
	to {
		left: 0;
	}
}

.top-menu .nav > li.menu-control.menu-control-left.show {
	-webkit-animation: slideInLeft .2s;
	animation: slideInLeft .2s;
	left: 0;
	display: block;
}

@keyframes slideInRight {
	from {
		right: -50px;
	}
	to {
		right: 0;
	}
}

@-webkit-keyframes slideInRight {
	from {
		right: -50px;
	}
	to {
		right: 0;
	}
}

.top-menu .nav > li.menu-control.menu-control-right.show {
	-webkit-animation: slideInRight .2s;
	animation: slideInRight .2s;
	right: 0;
	display: block;
}

.top-menu .nav > li.menu-control.menu-control-left > a {
	-webkit-box-shadow: 5px 0 8px -3px rgba(0, 0, 0, 0.5);
	box-shadow: 5px 0 8px -3px rgba(0, 0, 0, 0.5);
}

.top-menu .nav > li.menu-control.menu-control-right > a {
	-webkit-box-shadow: -5px 0 8px -3px rgba(0, 0, 0, 0.5);
	box-shadow: -5px 0 8px -3px rgba(0, 0, 0, 0.5);
}

/* -------------------------------
   7.0 Predefined CSS Setting
------------------------------- */

/* 7.1 Predefined Classes */

.row {
	margin: 0 -10px;
}

.row > [class*="col-"] {
	padding: 0 10px;
}

.row.col-xs-with-border > [class*="col-"] + [class*="col-"] {
	border-left: 1px solid #ebeced;
}

@media (min-width: 768px) {
	.row.col-sm-with-border > [class*="col-"] + [class*="col-"] {
		border-left: 1px solid #ebeced;
	}
}

@media (min-width: 992px) {
	.row.col-md-with-border > [class*="col-"] + [class*="col-"] {
		border-left: 1px solid #ebeced;
	}
}

@media (min-width: 1200px) {
	.row.col-lg-with-border > [class*="col-"] + [class*="col-"] {
		border-left: 1px solid #ebeced;
	}
}

.row.row-space-0 {
	margin: 0;
}

.row.row-space-2 {
	margin: 0 -1px;
}

.row.row-space-4 {
	margin: 0 -2px;
}

.row.row-space-6 {
	margin: 0 -3px;
}

.row.row-space-8 {
	margin: 0 -4px;
}

.row.row-space-10 {
	margin: 0 -5px;
}

.row.row-space-12 {
	margin: 0 -6px;
}

.row.row-space-14 {
	margin: 0 -7px;
}

.row.row-space-16 {
	margin: 0 -8px;
}

.row.row-space-18 {
	margin: 0 -9px;
}

.row.row-space-18 {
	margin: 0 -10px;
}

.row.row-space-22 {
	margin: 0 -11px;
}

.row.row-space-24 {
	margin: 0 -12px;
}

.row.row-space-26 {
	margin: 0 -13px;
}

.row.row-space-28 {
	margin: 0 -14px;
}

.row.row-space-30 {
	margin: 0 -15px;
}

.row.row-space-0 > [class*="col-"] {
	padding: 0;
}

.row.row-space-2 > [class*="col-"] {
	padding: 0 1px;
}

.row.row-space-4 > [class*="col-"] {
	padding: 0 2px;
}

.row.row-space-6 > [class*="col-"] {
	padding: 0 3px;
}

.row.row-space-8 > [class*="col-"] {
	padding: 0 4px;
}

.row.row-space-10 > [class*="col-"] {
	padding: 0 5px;
}

.row.row-space-12 > [class*="col-"] {
	padding: 0 6px;
}

.row.row-space-14 > [class*="col-"] {
	padding: 0 7px;
}

.row.row-space-16 > [class*="col-"] {
	padding: 0 8px;
}

.row.row-space-18 > [class*="col-"] {
	padding: 0 9px;
}

.row.row-space-20 > [class*="col-"] {
	padding: 0 10px;
}

.row.row-space-22 > [class*="col-"] {
	padding: 0 11px;
}

.row.row-space-24 > [class*="col-"] {
	padding: 0 12px;
}

.row.row-space-26 > [class*="col-"] {
	padding: 0 13px;
}

.row.row-space-28 > [class*="col-"] {
	padding: 0 14px;
}

.row.row-space-30 > [class*="col-"] {
	padding: 0 15px;
}

.overflow-auto {
	overflow: auto !important;
}

.overflow-hidden {
	overflow: hidden !important;
}

.overflow-visible {
	overflow: visible !important;
}

.overflow-scroll {
	overflow: scroll !important;
}

.overflow-x-hidden {
	overflow-x: hidden !important;
}

.overflow-x-visible {
	overflow-x: visible !important;
}

.overflow-x-scroll {
	overflow-x: scroll !important;
}

.overflow-y-hidden {
	overflow-y: hidden !important;
}

.overflow-y-visible {
	overflow-y: visible !important;
}

.overflow-y-scroll {
	overflow-y: scroll !important;
}

.m-auto {
	margin: 0 auto !important;
}

.m-0 {
	margin: 0px !important;
}

.m-1 {
	margin: 1px !important;
}

.m-2 {
	margin: 2px !important;
}

.m-3 {
	margin: 3px !important;
}

.m-4 {
	margin: 4px !important;
}

.m-5 {
	margin: 5px !important;
}

.m-10 {
	margin: 10px !important;
}

.m-15 {
	margin: 15px !important;
}

.m-20 {
	margin: 20px !important;
}

.m-25 {
	margin: 25px !important;
}

.m-30 {
	margin: 30px !important;
}

.m-35 {
	margin: 35px !important;
}

.m-40 {
	margin: 40px !important;
}

.m-t-0 {
	margin-top: 0px !important;
}

.m-t-1 {
	margin-top: 1px !important;
}

.m-t-2 {
	margin-top: 2px !important;
}

.m-t-3 {
	margin-top: 3px !important;
}

.m-t-4 {
	margin-top: 4px !important;
}

.m-t-5 {
	margin-top: 5px !important;
}

.m-t-10 {
	margin-top: 10px !important;
}

.m-t-15 {
	margin-top: 15px !important;
}

.m-t-20 {
	margin-top: 20px !important;
}

.m-t-25 {
	margin-top: 25px !important;
}

.m-t-30 {
	margin-top: 30px !important;
}

.m-t-35 {
	margin-top: 35px !important;
}

.m-t-40 {
	margin-top: 40px !important;
}

.m-r-0 {
	margin-right: 0px !important;
}

.m-r-1 {
	margin-right: 1px !important;
}

.m-r-2 {
	margin-right: 2px !important;
}

.m-r-3 {
	margin-right: 3px !important;
}

.m-r-4 {
	margin-right: 4px !important;
}

.m-r-5 {
	margin-right: 5px !important;
}

.m-r-10 {
	margin-right: 10px !important;
}

.m-r-15 {
	margin-right: 15px !important;
}

.m-r-20 {
	margin-right: 20px !important;
}

.m-r-25 {
	margin-right: 25px !important;
}

.m-r-30 {
	margin-right: 30px !important;
}

.m-r-35 {
	margin-right: 35px !important;
}

.m-r-40 {
	margin-right: 40px !important;
}

.m-b-0 {
	margin-bottom: 0px !important;
}

.m-b-1 {
	margin-bottom: 1px !important;
}

.m-b-2 {
	margin-bottom: 2px !important;
}

.m-b-3 {
	margin-bottom: 3px !important;
}

.m-b-4 {
	margin-bottom: 4px !important;
}

.m-b-5 {
	margin-bottom: 5px !important;
}

.m-b-10 {
	margin-bottom: 10px !important;
}

.m-b-15 {
	margin-bottom: 15px !important;
}

.m-b-20 {
	margin-bottom: 20px !important;
}

.m-b-25 {
	margin-bottom: 25px !important;
}

.m-b-30 {
	margin-bottom: 30px !important;
}

.m-b-35 {
	margin-bottom: 35px !important;
}

.m-b-40 {
	margin-bottom: 40px !important;
}

.m-l-0 {
	margin-left: 0px !important;
}

.m-l-1 {
	margin-left: 1px !important;
}

.m-l-2 {
	margin-left: 2px !important;
}

.m-l-3 {
	margin-left: 3px !important;
}

.m-l-4 {
	margin-left: 4px !important;
}

.m-l-5 {
	margin-left: 5px !important;
}

.m-l-10 {
	margin-left: 10px !important;
}

.m-l-15 {
	margin-left: 15px !important;
}

.m-l-20 {
	margin-left: 20px !important;
}

.m-l-25 {
	margin-left: 25px !important;
}

.m-l-30 {
	margin-left: 30px !important;
}

.m-l-35 {
	margin-left: 35px !important;
}

.m-l-40 {
	margin-left: 40px !important;
}

.p-0 {
	padding: 0px !important;
}

.p-1 {
	padding: 1px !important;
}

.p-2 {
	padding: 2px !important;
}

.p-3 {
	padding: 3px !important;
}

.p-4 {
	padding: 4px !important;
}

.p-5 {
	padding: 5px !important;
}

.p-10 {
	padding: 10px !important;
}

.p-15 {
	padding: 15px !important;
}

.p-20, .wrapper {
	padding: 20px !important;
}

.p-25 {
	padding: 25px !important;
}

.p-30 {
	padding: 30px !important;
}

.p-35 {
	padding: 35px !important;
}

.p-40 {
	padding: 40px !important;
}

.horizontal-divider {
	height: 2px;
	margin: 25px -25px;
	background: #ebeced;
}

@media (max-width: 767px) {
	.horizontal-divider {
		margin: 20px -20px;
	}
}

.p-t-0 {
	padding-top: 0px !important;
}

.p-t-1 {
	padding-top: 1px !important;
}

.p-t-2 {
	padding-top: 2px !important;
}

.p-t-3 {
	padding-top: 3px !important;
}

.p-t-4 {
	padding-top: 4px !important;
}

.p-t-5 {
	padding-top: 5px !important;
}

.p-t-10 {
	padding-top: 10px !important;
}

.p-t-15 {
	padding-top: 15px !important;
}

.p-t-20 {
	padding-top: 20px !important;
}

.p-t-25 {
	padding-top: 25px !important;
}

.p-t-30 {
	padding-top: 30px !important;
}

.p-t-35 {
	padding-top: 35px !important;
}

.p-t-40 {
	padding-top: 40px !important;
}

.p-r-0 {
	padding-right: 0px !important;
}

.p-r-1 {
	padding-right: 1px !important;
}

.p-r-2 {
	padding-right: 2px !important;
}

.p-r-3 {
	padding-right: 3px !important;
}

.p-r-4 {
	padding-right: 4px !important;
}

.p-r-5 {
	padding-right: 5px !important;
}

.p-r-10 {
	padding-right: 10px !important;
}

.p-r-15 {
	padding-right: 15px !important;
}

.p-r-20 {
	padding-right: 20px !important;
}

.p-r-25 {
	padding-right: 25px !important;
}

.p-r-30 {
	padding-right: 30px !important;
}

.p-r-35 {
	padding-right: 35px !important;
}

.p-r-40 {
	padding-right: 40px !important;
}

.p-b-0 {
	padding-bottom: 0px !important;
}

.p-b-1 {
	padding-bottom: 1px !important;
}

.p-b-2 {
	padding-bottom: 2px !important;
}

.p-b-3 {
	padding-bottom: 3px !important;
}

.p-b-4 {
	padding-bottom: 4px !important;
}

.p-b-5 {
	padding-bottom: 5px !important;
}

.p-b-10 {
	padding-bottom: 10px !important;
}

.p-b-15 {
	padding-bottom: 15px !important;
}

.p-b-20 {
	padding-bottom: 20px !important;
}

.p-b-25 {
	padding-bottom: 25px !important;
}

.p-b-30 {
	padding-bottom: 30px !important;
}

.p-b-35 {
	padding-bottom: 35px !important;
}

.p-b-40 {
	padding-bottom: 40px !important;
}

.p-l-0 {
	padding-left: 0px !important;
}

.p-l-1 {
	padding-left: 1px !important;
}

.p-l-2 {
	padding-left: 2px !important;
}

.p-l-3 {
	padding-left: 3px !important;
}

.p-l-4 {
	padding-left: 4px !important;
}

.p-l-5 {
	padding-left: 5px !important;
}

.p-l-10 {
	padding-left: 10px !important;
}

.p-l-15 {
	padding-left: 15px !important;
}

.p-l-20 {
	padding-left: 20px !important;
}

.p-l-25 {
	padding-left: 25px !important;
}

.p-l-30 {
	padding-left: 30px !important;
}

.p-l-35 {
	padding-left: 35px !important;
}

.p-l-40 {
	padding-left: 40px !important;
}

.f-s-8 {
	font-size: 8px !important;
}

.f-s-9 {
	font-size: 9px !important;
}

.f-s-10 {
	font-size: 10px !important;
}

.f-s-11 {
	font-size: 11px !important;
}

.f-s-12 {
	font-size: 12px !important;
}

.f-s-13 {
	font-size: 13px !important;
}

.f-s-14 {
	font-size: 14px !important;
}

.f-s-15 {
	font-size: 15px !important;
}

.f-s-16 {
	font-size: 16px !important;
}

.f-s-17 {
	font-size: 17px !important;
}

.f-s-18 {
	font-size: 18px !important;
}

.f-s-19 {
	font-size: 19px !important;
}

.f-s-20 {
	font-size: 20px !important;
}

.f-s-21 {
	font-size: 21px !important;
}

.f-s-22 {
	font-size: 22px !important;
}

.f-s-23 {
	font-size: 23px !important;
}

.f-s-24 {
	font-size: 24px !important;
}

.text-center {
	text-align: center !important;
}

.text-left {
	text-align: left !important;
}

.text-right {
	text-align: right !important;
}

@media (min-width: 1200px) {
	.text-right-lg {
		text-align: right !important;
	}

	.text-left-lg {
		text-align: left !important;
	}

	.text-center-lg {
		text-align: center !important;
	}
}

@media (min-width: 992px) {
	.text-right-md {
		text-align: right !important;
	}

	.text-left-md {
		text-align: left !important;
	}

	.text-center-md {
		text-align: center !important;
	}
}

@media (min-width: 768px) {
	.text-right-sm {
		text-align: right !important;
	}

	.text-left-sm {
		text-align: left !important;
	}

	.text-center-sm {
		text-align: center !important;
	}
}

@media (max-width: 767px) {
	.text-right-xs {
		text-align: right !important;
	}

	.text-left-xs {
		text-align: left !important;
	}

	.text-center-xs {
		text-align: center !important;
	}
}

.radius-container {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	overflow: hidden;
}

.pull-left {
	float: left !important;
}

.pull-right {
	float: right !important;
}

.pull-none {
	float: none !important;
}

.f-w-100 {
	font-weight: 100 !important;
}

.f-w-200 {
	font-weight: 200 !important;
}

.f-w-300 {
	font-weight: 300 !important;
}

.f-w-400 {
	font-weight: 400 !important;
}

.f-w-500 {
	font-weight: 500 !important;
}

.f-w-600 {
	font-weight: 600 !important;
}

.f-w-700 {
	font-weight: 700 !important;
}

.table-valign-middle th,
.table-valign-middle td {
	vertical-align: middle !important;
}

.table-th-valign-middle th,
.table-td-valign-middle td {
	vertical-align: middle !important;
}

.table-valign-top th,
.table-valign-top td {
	vertical-align: top !important;
}

.table-th-valign-top th,
.table-td-valign-top td {
	vertical-align: top !important;
}

.table-valign-bottom th,
.table-valign-bottom td {
	vertical-align: bottom !important;
}

.table-th-valign-bottom th,
.table-td-valign-bottom td {
	vertical-align: bottom !important;
}

.table-last-row-no-border-bottom tr:last-child td {
	border-bottom: none !important;
}

.table-last-row-no-border-top tr:last-child td {
	border-top: none !important;
}

.page-container.page-content-full-height > .ng-scope,
.page-container.page-content-full-height .content > .ng-scope,
.page-container.page-content-full-height .content > .ng-scope > .ng-scope {
	height: 100%;
}

.vertical-box {
	display: table;
	table-layout: fixed;
	border-spacing: 0;
	height: 100%;
	width: 100%;
}

.vertical-box-column {
	display: table-cell;
	vertical-align: top;
	height: 100%;
}

.vertical-box-row {
	display: table-row;
	height: 100%;
}

.vertical-box-row > .vertical-box-cell {
	position: relative;
	height: 100%;
	width: 100%;
	float: none;
}

.vertical-box-row > .vertical-box-cell > .vertical-box-inner-cell {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: hidden;
}

.panel-expand .vertical-box .vertical-box-column {
	display: table-cell;
}

.page-content-full-height .content {
	position: absolute;
	left: 0;
	top: 54px;
	right: 0;
	bottom: -1px;
	-webkit-transform: translateZ(0);
	min-height: auto;
}

.no-rounded-corner {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
}

.rounded-corner {
	-webkit-border-radius: 50% !important;
	-moz-border-radius: 50% !important;
	border-radius: 50% !important;
}

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

.border-top-1 {
	border-top: 1px solid #eee !important;
}

.border-right-1 {
	border-right: 1px solid #eee !important;
}

.border-bottom-1 {
	border-bottom: 1px solid #eee !important;
}

.border-left-1 {
	border-left: 1px solid #eee !important;
}

.no-box-shadow {
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.bg-white {
	background: #ffffff !important;
}

.bg-inverse, .bg-dark {
	background: #3C454D !important;
}

.bg-inverse-light {
	background: #595F64 !important;
}

.bg-inverse-dark {
	background: #30373e !important;
}

.bg-grey, .bg-secondary {
	background: #8a8f94 !important;
}

.bg-grey-light {
	background: #BBC2C7 !important;
}

.bg-grey-dark {
	background: #888f95 !important;
}

.bg-purple {
	background: #5f50c5 !important;
}

.bg-purple-light {
	background: #7f73d1 !important;
}

.bg-purple-dark {
	background: #4c409e !important;
}

.bg-primary {
	background: #2184DA !important;
}

.bg-primary-light {
	background: #4D9CE1 !important;
}

.bg-primary-dark {
	background: #1e77c5 !important;
}

.bg-info {
	background: #38AFD3 !important;
}

.bg-info-light {
	background: #5FBFDB !important;
}

.bg-info-dark {
	background: #2d8ca9 !important;
}

.bg-success {
	background: #17B6A4 !important;
}

.bg-success-light {
	background: #45C4B6 !important;
}

.bg-success-dark {
	background: #129283 !important;
}

.bg-lime {
	background: #65C56F !important;
}

.bg-lime-light {
	background: #83D08B !important;
}

.bg-lime-dark {
	background: #519e59 !important;
}

.bg-warning {
	background: #fcaf41 !important;
}

.bg-warning-light {
	background: #FCBF67 !important;
}

.bg-warning-dark {
	background: #ca8c34 !important;
}

.bg-danger {
	background: #F04B46 !important;
}

.bg-danger-light {
	background: #F36F6B !important;
}

.bg-danger-dark {
	background: #c03c38 !important;
}

.no-bg {
	background: none !important;
}

.text-muted {
	color: #8a8f94 !important;
}

.text-white {
	color: #ffffff !important;
}

.text-inverse {
	color: #30373e !important;
}

.text-purple {
	color: #4c409e !important;
}

.text-primary {
	color: #1e77c5 !important;
}

.text-info {
	color: #2d8ca9 !important;
}

.text-success {
	color: #129283 !important;
}

.text-lime {
	color: #519e59 !important;
}

.text-warning {
	color: #ca8c34 !important;
}

.text-danger {
	color: #c03c38 !important;
}

.text-inverse-light {
	color: #3C454D !important;
}

.text-purple-light {
	color: #5f50c5 !important;
}

.text-primary-light {
	color: #2184DA !important;
}

.text-info-light {
	color: #38AFD3 !important;
}

.text-success-light {
	color: #17B6A4 !important;
}

.text-lime-light {
	color: #65C56F !important;
}

.text-warning-light {
	color: #fcaf41 !important;
}

.text-danger-light {
	color: #F04B46 !important;
}

.height-xs {
	height: 150px !important;
}

.height-sm {
	height: 300px !important;
}

.height-md {
	height: 450px !important;
}

.height-lg {
	height: 600px !important;
}

.height-full {
	height: 100% !important;
}

.height-half {
	height: 50% !important;
}

.height-50 {
	height: 50px !important;
}

.height-100 {
	height: 100px !important;
}

.height-150 {
	height: 150px !important;
}

.height-200 {
	height: 200px !important;
}

.height-250 {
	height: 250px !important;
}

.height-300 {
	height: 300px !important;
}

.height-350 {
	height: 350px !important;
}

.height-400 {
	height: 400px !important;
}

.height-450 {
	height: 450px !important;
}

.height-500 {
	height: 500px !important;
}

.height-550 {
	height: 550px !important;
}

.height-600 {
	height: 600px !important;
}

.width-xs {
	width: 150px !important;
}

.width-sm {
	width: 300px !important;
}

.width-md {
	width: 450px !important;
}

.width-lg {
	width: 600px !important;
}

.width-full {
	width: 100% !important;
}

.width-half {
	width: 50% !important;
}

.width-50 {
	width: 50px !important;
}

.width-100 {
	width: 100px !important;
}

.width-150 {
	width: 150px !important;
}

.width-200 {
	width: 200px !important;
}

.width-250 {
	width: 250px !important;
}

.width-300 {
	width: 300px !important;
}

.width-350 {
	width: 350px !important;
}

.width-400 {
	width: 400px !important;
}

.width-450 {
	width: 450px !important;
}

.width-500 {
	width: 500px !important;
}

.width-550 {
	width: 550px !important;
}

.width-600 {
	width: 600px !important;
}

.img-landscape {
	max-width: 100% !important;
	max-height: inherit !important;
}

.img-portrait {
	max-height: 100% !important;
	max-width: inherit !important;
}

.animated {
	-webkit-animation-duration: .6s;
	animation-duration: .6s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.hide {
	display: none !important;
}

.text-ellipsis {
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

.text-nowrap {
	white-space: nowrap !important;
}

.underline {
	border-bottom: 1px solid #ebeced !important;
}

@media (max-width: 767px) {
	.hidden-xs {
		display: none !important;
	}
}

@media (max-width: 991px) {
	.hidden-sm {
		display: none !important;
	}
}

/* -------------------------------
   8.0 UI Elements Setting
------------------------------- */

/* 8.1 Progress Bar Setting */

.progress,
.progress .progress-bar {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.progress.progress-rounded {
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
}

.progress.progress-xs {
	height: 5px;
}

.progress.progress-xs .progress-bar {
	line-height: 5px;
	font-size: 5px;
}

.progress.progress-sm {
	height: 10px;
}

.progress.progress-sm .progress-bar {
	line-height: 10px;
	font-size: 10px;
}

.progress.progress-lg {
	height: 30px;
}

.progress.progress-lg .progress-bar {
	line-height: 30px;
	font-size: 18px;
}

.progress {
	height: 20px;
	margin-bottom: 20px;
	overflow: hidden;
	background: #EAEDEF;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}

.progress .progress-bar {
	float: left;
	width: 0;
	height: 100%;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	background: #2184DA;
	-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
	-webkit-transition: width .6s ease;
	-o-transition: width .6s ease;
	transition: width .6s ease;
}

.progress .progress-bar.progress-bar-success {
	background: #17B6A4;
}

.progress .progress-bar.progress-bar-info {
	background: #38AFD3;
}

.progress .progress-bar.progress-bar-warning {
	background: #fcaf41;
}

.progress .progress-bar.progress-bar-danger {
	background: #F04B46;
}

.progress .progress-bar.progress-bar-inverse {
	background: #3C454D;
}

.progress .progress-bar.progress-bar-purple {
	background: #5f50c5;
}

.progress .progress-bar.progress-bar-grey {
	background: #8a8f94;
}

.progress .progress-bar.progress-bar-lime {
	background: #65C56F;
}

.progress-bar-striped,
.progress-striped .progress-bar,
.progress-striped .progress-bar.progress-bar-success,
.progress-striped .progress-bar.progress-bar-info,
.progress-striped .progress-bar.progress-bar-warning,
.progress-striped .progress-bar.progress-bar-danger,
.progress-striped .progress-bar.progress-bar-inverse,
.progress-striped .progress-bar.progress-bar-purple,
.progress-striped .progress-bar.progress-bar-grey,
.progress-striped .progress-bar.progress-bar-lime {
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	-webkit-background-size: 40px 40px;
	background-size: 40px 40px;
}

/* 8.2 Label & Badge Setting */

.badge {
	font-weight: normal;
}

.label,
.badge {
	display: inline-block;
	padding: 3px 7px;
	font-size: 75%;
	font-weight: normal;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	background: #636a71;
	border-radius: 20px;
}

.label {
	border-radius: 4px;
}

.label.label-default,
.badge.badge-default {
	color: #30373e;
	background: #ebeced;
}

.label.label-grey,
.badge.badge-grey {
	background: #8a8f94;
}

.label.label-white,
.badge.badge-white {
	color: #30373e;
	background: #fff;
}

.label.label-inverse,
.badge.badge-inverse {
	background: #3C454D;
}

.label.label-purple,
.badge.badge-purple {
	background: #5f50c5;
}

.label.label-primary,
.badge.badge-primary {
	background: #2184DA;
}

.label.label-info,
.badge.badge-info {
	background: #38AFD3;
}

.label.label-success,
.badge.badge-success {
	background: #17B6A4;
}

.label.label-lime,
.badge.badge-lime {
	background: #65C56F;
}

.label.label-warning,
.badge.badge-warning {
	background: #fcaf41;
}

.label.label-danger,
.badge.badge-danger {
	background: #F04B46;
}

h1 .label, h1 .badge,
h2 .label, h2 .badge,
h3 .label, h3 .badge,
h4 .label, h4 .badge,
h5 .label, h5 .badge,
h6 .label, h6 .badge {
	position: relative;
}

h1 .label, h1 .badge {
	top: -6px;
}

h2 .label, h2 .badge {
	top: -5px;
}

h3 .label, h3 .badge {
	top: -4px;
}

h4 .label, h4 .badge {
	top: -3px;
}

h5 .label, h5 .badge {
	top: -2px;
}

h6 .label, h6 .badge {
	top: -1px;
}

.page-header .label,
.page-header .badge {
	font-size: 14px;
	padding-bottom: .15em;
	top: -3px;
}

.page-header .label.pull-left,
.page-header .label.pull-right,
.page-header .badge.pull-left,
.page-header .badge.pull-right {
	padding: 6px 8px 4px;
}

/* 8.3 Form Element Setting */

.form-control,
select.form-control:not([size]):not([multiple]) {
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #30373F;
	background-color: #fff;
	background-image: none;
	border: 2px solid #bec3c6;
	border-radius: 4px;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-group {
	position: relative;
}

.form-input-flat .form-control:focus,
.form-control:focus {
	border-color: #8d9aa5;
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: none;
}

.form-control::-webkit-input-placeholder {
	color: #8d9aa5;
}

.form-control:-moz-placeholder {
	color: #8d9aa5;
}

.form-control::-moz-placeholder {
	color: #8d9aa5;
}

.form-control:-ms-input-placeholder {
	color: #8d9aa5;
}

.form-input-flat .form-control {
	background: #ebeced;
	border-color: #ebeced;
}

.form-input-flat .input-group-addon,
.form-input-flat .input-group-text {
	background: #dadcdd;
	border-color: #dadcdd;
	border-left: none;
	border-right: none;
}

.form-control.input-lg,
.form-control.form-control-lg,
select.form-control.form-control-lg:not([size]):not([multiple]) {
	font-size: 16px;
}

legend {
	font-weight: normal;
	padding-bottom: 7px;
	font-size: 18px;
	border-bottom: 2px solid #bec3c6;
}

.input-group-addon {
	border-color: #bec3c6;
	border-width: 2px;
}

.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn,
.form-control.form-control-lg,
select.form-control.form-control-lg:not([size]):not([multiple]) {
	padding: 9px 16px;
	height: 48px;
}

.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn,
select.form-control.form-control-sm:not([size]):not([multiple]) {
	padding: 4px 10px;
}

.input-group-btn > .btn + .btn {
	border-left: 1px solid rgba(0, 0, 0, 0.3);
}

.has-success .form-control,
.has-warning .form-control,
.has-error .form-control,
.has-success .form-control:focus,
.has-warning .form-control:focus,
.has-error .form-control:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.has-success .form-control,
.has-success .input-group-addon,
.has-success .input-group-text {
	border-color: #17B6A4;
}

.has-success .form-control:focus {
	border-color: #129283;
}

.has-feedback label ~ .form-control-feedback {
	top: 35px;
	line-height: 34px;
}

.has-success .input-group-addon,
.has-success .input-group-text {
	background: #d1f0ed;
}

.has-success .checkbox,
.has-success .checkbox-inline,
.has-success .control-label,
.has-success .help-block,
.has-success .radio,
.has-success .radio-inline,
.has-success.checkbox label,
.has-success.checkbox-inline label,
.has-success.radio label,
.has-success.radio-inline label,
.has-success .form-control-feedback,
.has-success .input-group-addon,
.has-success .input-group-text {
	color: #129283;
}

.has-warning .form-control,
.has-warning .input-group-addon {
	border-color: #fcaf41;
}

.has-warning .form-control:focus {
	border-color: #ca8c34;
}

.has-warning .input-group-addon,
.has-warning .input-group-text {
	background: #feefd9;
}

.has-warning .checkbox,
.has-warning .checkbox-inline,
.has-warning .control-label,
.has-warning .help-block,
.has-warning .radio,
.has-warning .radio-inline,
.has-warning.checkbox label,
.has-warning.checkbox-inline label,
.has-warning.radio label,
.has-warning.radio-inline label,
.has-warning .form-control-feedback,
.has-warning .input-group-addon,
.has-warning .input-group-text {
	color: #ca8c34;
}

.has-error .form-control,
.has-error .input-group-addon,
.has-error .input-group-text {
	border-color: #F04B46;
}

.has-error .form-control:focus {
	border-color: #c03c38;
}

.has-error .input-group-addon,
.has-error .input-group-text {
	background: #fcdbda;
}

.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label,
.has-error .form-control-feedback,
.has-error .input-group-addon,
.has-error .input-group-text {
	color: #c03c38;
}

input[type=checkbox], input[type=radio] {
	margin: 2px 0 0;
}

label {
	font-weight: 600;
}

.input-group-btn .btn,
.input-group-btn .btn:hover,
.input-group-btn .btn:focus {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	padding-top: 7px;
	padding-bottom: 7px;
}

.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
	margin-left: 0;
}

.input-group .btn {
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}

select.input-sm,
select.form-control:not([size]):not([multiple]).input-sm {
	height: 30px;
	line-height: 30px;
}

select.form-control.input-xs:not([size]):not([multiple]) {
	height: 20px;
}

select.input-sm, select.form-control:not([size]):not([multiple]).input-sm {
	margin-left: 5px;
	margin-right: 10px;
}

select[multiple], select[size] {
	height: auto;
}

textarea.form-control {
	height: auto;
}

.input-lg {
	height: 46px;
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.3333333;
	border-radius: 6px;
}

.form-horizontal .has-feedback .form-control-feedback {
	right: 15px;
}

.form-horizontal .form-group {
	/*margin-right: -15px;*/
	/*margin-left: -15px;*/
	/*display: -webkit-box;*/

	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.form-horizontal .control-label {
	text-align: right;
	padding-top: calc(.5rem - 1px * 2);
	padding-bottom: calc(.5rem - 1px * 2);
	margin-bottom: 0;
}

.form-control-feedback {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	display: block;
	width: 34px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	pointer-events: none;
	margin: 0;
}

.input-group-addon,
.input-group-text {
	padding: 6px 12px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	color: #555;
	text-align: center;
	background-color: #ebeced;
	border: 2px solid #bec3c6;
	border-radius: 4px;
}

.input-group-addon > i {
	display: inline-block;
	top: 1px;
	position: relative;
	line-height: 16px;
}

.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn,
.input-group-lg .input-group-text {
	height: 46px;
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.3333333;
	border-radius: 6px;
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

fieldset {
	min-width: 0;
	padding: 0;
	margin: 0;
	border: 0;
}

legend {
	display: block;
	width: 100%;
	padding: 0;
	margin-bottom: 20px;
	font-size: 21px;
	line-height: inherit;
	color: #333;
	border: 0;
	border-bottom: 1px solid #e5e5e5;
}

code {
	padding: 2px 4px;
	font-size: 90%;
	color: #c7254e;
	background-color: #f9f2f4;
	border-radius: 4px;
}

.checkbox label, .radio label {
	min-height: 20px;
	padding-left: 20px;
	margin-bottom: 0;
	font-weight: 400;
	cursor: pointer;
}

.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox],
.radio input[type=radio],
.radio-inline input[type=radio] {
	position: absolute;
	margin-top: 4px \9;
	margin-left: -20px;
}

input[type=checkbox], input[type=radio] {
	margin: 4px 0 0;
	margin-top: 1px \9;
	line-height: normal;
}

.checkbox-inline, .radio-inline {
	position: relative;
	display: inline-block;
	padding-left: 20px;
	margin-bottom: 0;
	font-weight: 400;
	vertical-align: middle;
	cursor: pointer;
}

.checkbox-inline + .checkbox-inline,
.radio-inline + .radio-inline {
	margin-top: 0;
	margin-left: 10px;
}

/* 8.4 Carousel Setting */

.carousel-control .fa {
	position: absolute;
	top: 50%;
	margin-top: -10px;
}

/* 8.5 Dropdown Setting */

.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 5px 0;
	margin: 2px 0 0;
	font-size: 14px;
	text-align: left;
	list-style: none;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: none;
	-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
	-webkit-border-radius: 4px !important;
	-moz-border-radius: 4px !important;
	border-radius: 4px !important;
}

.open .dropdown-menu {
	display: block;
}

.dropdown-menu .divider {
	height: 1px;
	margin: 9px 0;
	overflow: hidden;
	background-color: #e5e5e5;
}

.dropdown-toggle:after {
	display: none;
}

.navbar-nav .dropdown-menu {
	position: absolute;
}

.navbar .dropdown-menu {
	max-width: 360px;
	left: 0;
}

.navbar .dropdown-menu.pull-right {
	right: 0;
	left: auto;
}

.dropdown-menu > li.dropdown-header,
.navbar-nav .open .dropdown-menu .dropdown-header {
	padding: 5px 20px 8px;
	border-bottom: 1px solid #EAEDEF;
	font-weight: bold;
}

.dropdown-menu > li.dropdown-footer,
.navbar-nav .open .dropdown-menu .dropdown-footer {
	padding: 10px 20px 5px;
	border-top: 1px solid #EAEDEF;
}

.dropdown-menu > li.dropdown-footer > a,
.navbar-nav .open .dropdown-menu .dropdown-footer > a {
	margin: -10px -20px;
	padding: 10px 20px;
	-webkit-border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	border-radius: 0 0 6px 6px;
}

.dropdown-menu > li > a,
.navbar-nav .open .dropdown-menu > li > a {
	padding: 5px 20px;
}

.dropdown-menu > li.divider {
	height: 2px;
	margin: 5px 0;
	background: #EAEDEF;
}

.navbar-nav .open .dropdown-menu {
	position: absolute;
	background: #fff;
	-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
}

.dropdown-menu > li > a .badge.pull-left,
.dropdown-menu > li > a .badge.pull-right {
	margin-top: 2px;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
	background: #2184DA;
	color: #fff;
}

.navbar-nav > li > .dropdown-menu {
	margin-top: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.dropdown-header {
	display: block;
	padding: 3px 20px;
	font-size: 12px;
	line-height: 1.42857143;
	color: #777;
	white-space: nowrap;
}

.dropdown-menu > li > a {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	color: #333;
	white-space: nowrap;
}

.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
	color: #262626;
	text-decoration: none;
	background-color: #f5f5f5;
}

@media (min-width: 768px) {
	.navbar-right .dropdown-menu {
		right: 0;
		left: auto;
	}
}

/* 8.6 Dropdown Notification Setting */

.dropdown-notification > li.notification-item {
	position: relative;
}

.dropdown-notification > li.notification-item + li.notification-item {
	border-top: 1px solid #EAEDEF;
}

.dropdown-notification > li.notification-item .media {
	float: left;
	width: 40px;
	height: 40px;
	overflow: hidden;
	text-align: center;
	line-height: 40px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #d5d8da;
	color: #000;
	color: rgba(0, 0, 0, 0.6);
}

.dropdown-notification > li.notification-item .media img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}

.dropdown-notification > li.notification-item .media i {
	font-size: 16px;
}

.dropdown-notification > li.notification-item .option {
	position: absolute;
	right: 10px;
	top: 10px;
	padding: 5px 10px;
	font-size: 12px;
}

.dropdown-notification > li.notification-item .option i:before {
	color: #17B6A4;
}

.dropdown-notification > li.notification-item .option.read i:before {
	content: '\f058';
	color: #333;
	opacity: 0.5;
}

.dropdown-notification > li.notification-item > a,
.navbar-nav .open .dropdown-notification > li.notification-item > a {
	padding: 15px 20px;
}

.dropdown-notification > li.notification-item > a:before,
.dropdown-notification > li.notification-item > a:after {
	content: '';
	display: table;
	clear: both;
}

.dropdown-notification > li.notification-item .media + .message {
	margin-left: 50px;
}

.dropdown-notification > li.notification-item .message {
	padding-right: 20px;
}

.dropdown-notification > li.notification-item .title {
	margin: 0;
	font-size: 14px;
}

.dropdown-notification > li.notification-item .desc {
	font-size: 12px;
	margin-bottom: 3px;
}

.dropdown-notification > li.notification-item .title,
.dropdown-notification > li.notification-item .desc {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.dropdown-notification > li.notification-item .time {
	font-size: 12px;
	color: #86939E;
}

@media (max-width: 480px) {
	.navbar .dropdown-menu.dropdown-notification {
		max-width: 300px;
		margin-right: -50px;
	}
}

@media (max-width: 320px) {
	.navbar .dropdown-menu.dropdown-notification {
		max-width: 260px;
		margin-right: -100px;
	}
}

/* 8.7 Typography Setting */

h1, h2, h3, h4, h5, h6 {
	color: #30373e;
	font-weight: bold
}

/* 8.8 Description List Setting */

dt + dd {
	margin-top: -2px;
}

dd + dt {
	margin-top: 10px;
}

.dl-horizontal dt + dd,
.dl-horizontal dd + dt {
	margin-top: 0;
}

@media (min-width: 768px) {
	.dl-horizontal dt {
		float: left;
		width: 160px;
		overflow: hidden;
		clear: left;
		text-align: right;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.dl-horizontal dd {
		margin-left: 180px;
	}
}

/* 8.9 Blockquote Setting */

blockquote {
	padding: 10px 20px;
	margin: 0 0 20px;
	font-size: 17.5px;
	border-left: 5px solid #EAEDEF;
}

blockquote .small, blockquote footer, blockquote small {
	display: block;
	font-size: 80%;
	line-height: 1.42857143;
	color: #acafb2;
}

blockquote .small:before, blockquote footer:before, blockquote small:before {
	content: '\2014 \00A0';
}

.blockquote-reverse, blockquote.pull-right {
	padding-right: 15px;
	padding-left: 0;
	text-align: right;
	border-right: 5px solid #eee;
	border-left: 0;
}

.blockquote-reverse .small:before,
.blockquote-reverse footer:before,
.blockquote-reverse small:before,
blockquote.pull-right .small:before,
blockquote.pull-right footer:before,
blockquote.pull-right small:before {
	content: '';
}

.blockquote-reverse .small:after,
.blockquote-reverse footer:after,
.blockquote-reverse small:after,
blockquote.pull-right .small:after,
blockquote.pull-right footer:after,
blockquote.pull-right small:after {
	content: '\00A0 \2014';
}

/* 8.10 Panel Setting */

.panel {
	margin-bottom: 20px;
	background-color: #fff;
	border: none;
	-webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.07);
	box-shadow: 0 2px 0 rgba(0, 0, 0, 0.07);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.panel-title {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 16px;
	color: inherit;
}

.panel-title > .small,
.panel-title > .small > a,
.panel-title > a,
.panel-title > small,
.panel-title > small > a {
	color: inherit;
}

.panel .panel-heading {
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	padding: 15px 20px;
	border: none;
}

.panel .panel-heading .panel-title {
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
}

.panel .panel-heading .panel-title small {
	font-weight: normal;
	margin-left: 3px;
	color: #fff;
	color: rgba(255, 255, 255, 0.5);
	font-size: 12px;
}

.panel.panel-default .panel-heading .panel-title small,
.panel.panel-white .panel-heading .panel-title small {
	color: #000;
	color: rgba(0, 0, 0, 0.5);
	font-weight: normal;
}

.panel .panel-heading .panel-heading-btn {
	float: right;
}

.panel .panel-body {
	padding: 20px;
}

.panel.panel-white .panel-heading {
	background: #ffffff;
}

.panel.panel-default .panel-heading {
	background: #ebeced;
}

.panel.panel-white .panel-heading .panel-title,
.panel.panel-default .panel-heading .panel-title {
	font-weight: normal;
}

.panel.panel-inverse .panel-heading {
	background: #272C31;
	color: #fff;
}

.panel.panel-primary .panel-heading {
	background: #2184DA;
	color: #fff;
}

.panel.panel-success .panel-heading {
	background: #17B6A4;
	color: #fff;
}

.panel.panel-warning .panel-heading {
	background: #fcaf41;
	color: #fff;
}

.panel.panel-purple .panel-heading {
	background: #5f50c5;
	color: #fff;
}

.panel.panel-danger .panel-heading {
	background: #F04B46;
	color: #fff;
}

.panel.panel-grey .panel-heading {
	background: #8a8f94;
	color: #fff;
}

.panel.panel-grey .panel-heading {
	background: #717b85;
	color: #fff;
}

.panel.panel-info .panel-heading {
	background: #38AFD3;
	color: #fff;
}

.panel.panel-lime .panel-heading {
	background: #65C56F;
	color: #fff;
}

.panel-footer {
	padding: 10px 15px;
	background-color: #f5f5f5;
	border-top: 1px solid #ddd;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

.panel .panel-heading-btn {
	float: right;
}

.panel .panel-heading-btn > .btn {
	box-shadow: 0 1px rgba(0, 0, 0, 0.125);
}

.panel .panel-heading-btn > .btn + .btn {
	margin-left: 5px;
}

.panel .panel-footer {
	border-top: 2px solid #dfe0e1;
	background: #ebeced;
	padding: 10px 20px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
}

.panel.panel-expand {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 1060;
	margin-bottom: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.panel.panel-expand .panel-heading,
.panel.panel-expand .panel-body {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.panel .panel-heading .label,
.panel .panel-heading .badge {
	top: -1px;
}

.panel .panel-heading .label.pull-left,
.panel .panel-heading .label.pull-right,
.panel .panel-heading .badge.pull-left,
.panel .panel-heading .badge.pull-right {
	top: 1px;
	padding-top: 4px;
	padding-bottom: 3px;
}

.panel > .alert {
	padding: 10px 20px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	margin: 0;
}

.panel > .form-control {
	border: none;
}

.panel .panel-toolbar {
	padding: 10px 20px;
	border-bottom: 2px solid #dfe0e1;
	background: #ebeced;
}

.panel.panel-with-tabs .nav.nav-tabs {
	margin-top: -15px;
}

.panel.panel-with-tabs.panel-inverse .nav.nav-tabs > li.active > a {
	color: #fff;
}

.panel.panel-with-tabs.panel-inverse .nav.nav-tabs > li > a {
	color: #fff;
	color: rgba(255, 255, 255, 0.4);
}

.panel.panel-with-tabs.panel-inverse .nav.nav-tabs > li:not(.active):after {
	background: #3C454D;
}

.panel-body.panel-form {
	padding: 0;
}

.panel-body.panel-form .form-group {
	padding: 15px;
	margin: 0;
}

.panel-body.panel-form .form-group + .form-group {
	border-top: 2px dashed #EAEDEF;
}

.panel-body.panel-form .form-horizontal .form-group {
	padding-left: 0;
	padding-right: 0;
}

.panel-group .panel {
	margin-bottom: 0;
	border-radius: 4px;
}

.panel-group .panel + .panel {
	margin-top: 5px;
}

@media (max-width: 767px) {
	.panel.panel-with-tabs .nav.nav-tabs > li {
		float: left;
	}
}

/* 8.11 Panel Loading Element Setting */

.panel.panel-loading .panel-body {
	position: relative;
	z-index: 0;
}

.panel.panel-loading .panel-body .panel-loader {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: #fff;
	opacity: 0.95;
	animation: fadeIn .1s;
	-webkit-animation: fadeIn .1s;
	z-index: 1020;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

/* 8.12 Spinner Small Setting */

.spinner-small {
	min-width: 100px;
	margin: 0;
	left: 50%;
	top: 50%;
	margin-top: -8px;
	margin-left: -50px;
	bottom: 0;
	text-align: center;
	position: absolute;
	line-height: 16px;
	padding-left: 16px;
}

.spinner-small:before {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	width: 16px;
	height: 16px;
	margin-left: -43px;
}

.spinner-small:not(:required):before {
	content: '';
	border-radius: 50%;
	border: 2px solid rgba(0, 0, 0, .3);
	border-top-color: rgba(0, 0, 0, .6);
	animation: spinner .6s linear infinite;
	-webkit-animation: spinner .6s linear infinite;
}

/* 8.13 Button Element Setting */

.btn {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: none;
	border-radius: 4px;
}

.btn.btn-circle {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.btn.btn-rounded {
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	border-radius: 60px;
}

.btn.active {
	position: relative;
	top: 1px;
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
}

.btn:focus,
.btn:focus:active,
.btn:hover:active,
.btn:active {
	outline: none;
	box-shadow: none;
}

.btn:focus:active,
.btn:hover:active,
.btn:active {
	position: relative;
	top: 1px;
}

/* 8.14 Button Group Setting */

.btn-group > .btn + .btn {
	border-left: 1px solid rgba(0, 0, 0, 0.3);
}

.btn-group > .btn.active {
	top: 0;
}

.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
	margin-top: 0;
}

.btn-group-vertical > .btn + .btn {
	border-top: 1px solid rgba(0, 0, 0, 0.3);
}

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
	margin-left: 0;
}

.btn-group-lg > .btn, .btn-lg {
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.3333333;
	border-radius: 6px;
}

.btn-group-sm > .btn, .btn-sm {
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
}

.btn-group-xs > .btn, .btn-xs {
	padding: 1px 5px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
}

/* 8.15 Button Theme Setting */

/* 8.15.1 Button Default */

.btn.btn-default,
.btn.btn-default:not(:disabled):not(.disabled).active:focus,
.btn.btn-default:not(:disabled):not(.disabled):active:focus,
.show > .btn.btn-default.dropdown-toggle:focus {
	color: #333;
	background: #ebeced;
	-webkit-box-shadow: 0 1px #8d8e8e;
	box-shadow: 0 1px #8d8e8e;
}

.btn.btn-default:focus:active,
.btn.btn-default:hover:active,
.btn.btn-default:active {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.btn.btn-default.active,
.btn.btn-default:hover,
.btn.btn-default:focus,
.btn.btn-default:active,
.open > .dropdown-toggle.btn-default,
.btn-default:not(:disabled):not(.disabled).active,
.btn-default:not(:disabled):not(.disabled):active,
.show > .btn-default.dropdown-toggle {
	color: #333;
	background: #bcbdbe;
	outline: none;
	-webkit-box-shadow: 0 1px #5e5e5f;
	box-shadow: 0 1px #5e5e5f;
}

/* 8.15.2 Button Danger */

.btn.btn-danger,
.btn.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn.btn-danger:not(:disabled):not(.disabled):active:focus,
.show > .btn.btn-danger.dropdown-toggle:focus {
	color: #fff;
	background: #F04B46;
	-webkit-box-shadow: 0 1px #902d2a;
	box-shadow: 0 1px #902d2a;
}

.btn.btn-danger:focus:active,
.btn.btn-danger:hover:active,
.btn.btn-danger:active {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.btn.btn-danger.active,
.btn.btn-danger:hover,
.btn.btn-danger:focus,
.btn.btn-danger:active,
.open > .dropdown-toggle.btn-danger,
.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show > .btn-danger.dropdown-toggle {
	background: #c03c38;
	outline: none;
	-webkit-box-shadow: 0 1px #601e1c;
	box-shadow: 0 1px #601e1c;
}

/* 8.15.3 Button Warning */

.btn.btn-warning,
.btn.btn-warning:not(:disabled):not(.disabled).active:focus,
.btn.btn-warning:not(:disabled):not(.disabled):active:focus,
.show > .btn.btn-warning.dropdown-toggle:focus {
	color: #fff;
	background: #fcaf41;
	-webkit-box-shadow: 0 1px #976927;
	box-shadow: 0 1px #976927;
}

.btn.btn-warning:focus:active,
.btn.btn-warning:hover:active,
.btn.btn-warning:active {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.btn.btn-warning.active,
.btn.btn-warning:hover,
.btn.btn-warning:focus,
.btn.btn-warning:active,
.open > .dropdown-toggle.btn-warning,
.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show > .btn-warning.dropdown-toggle {
	background: #ca8c34;
	outline: none;
	-webkit-box-shadow: 0 1px #65461a;
	box-shadow: 0 1px #65461a;
}

/* 8.15.4 Button Lime */

.btn.btn-lime,
.btn.btn-lime:not(:disabled):not(.disabled).active:focus,
.btn.btn-lime:not(:disabled):not(.disabled):active:focus,
.show > .btn.btn-lime.dropdown-toggle:focus {
	color: #fff;
	background: #65C56F;
	-webkit-box-shadow: 0 1px #3d7643;
	box-shadow: 0 1px #3d7643;
}

.btn.btn-lime:focus:active,
.btn.btn-lime:hover:active,
.btn.btn-lime:active {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.btn.btn-lime.active,
.btn.btn-lime:hover,
.btn.btn-lime:focus,
.btn.btn-lime:active,
.open > .dropdown-toggle.btn-lime,
.btn-lime:not(:disabled):not(.disabled).active,
.btn-lime:not(:disabled):not(.disabled):active,
.show > .btn-lime.dropdown-toggle {
	color: #fff;
	background: #519e59;
	outline: none;
	-webkit-box-shadow: 0 1px #284f2c;
	box-shadow: 0 1px #284f2c;
}

/* 8.15.5 Button Success */

.btn.btn-success,
.btn.btn-success:not(:disabled):not(.disabled).active:focus,
.btn.btn-success:not(:disabled):not(.disabled):active:focus,
.show > .btn.btn-success.dropdown-toggle:focus {
	color: #fff;
	background: #17B6A4;
	-webkit-box-shadow: 0 1px #0e6d62;
	box-shadow: 0 1px #0e6d62;
}

.btn.btn-success:focus:active,
.btn.btn-success:hover:active,
.btn.btn-success:active {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.btn.btn-success.active,
.btn.btn-success:hover,
.btn.btn-success:focus,
.btn.btn-success:active,
.open > .dropdown-toggle.btn-success,
.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show > .btn-success.dropdown-toggle {
	background: #129283;
	outline: none;
	-webkit-box-shadow: 0 1px #094942;
	box-shadow: 0 1px #094942;
}

/* 8.15.6 Button Info */

.btn.btn-info,
.btn.btn-info:not(:disabled):not(.disabled).active:focus,
.btn.btn-info:not(:disabled):not(.disabled):active:focus,
.show > .btn.btn-info.dropdown-toggle:focus {
	color: #fff;
	background: #38AFD3;
	-webkit-box-shadow: 0 1px #22697f;
	box-shadow: 0 1px #22697f;
}

.btn.btn-info:focus:active,
.btn.btn-info:hover:active,
.btn.btn-info:active {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.btn.btn-info.active,
.btn.btn-info:hover,
.btn.btn-info:focus,
.btn.btn-info:active,
.open > .dropdown-toggle.btn-info {
	background: #2d8ca9;
	outline: none;
	-webkit-box-shadow: 0 1px #164654;
	box-shadow: 0 1px #164654;
}

/* 8.15.7 Button Primary */

.btn.btn-primary,
.btn.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn.btn-primary.dropdown-toggle:focus {
	color: #fff;
	background: #2184DA;
	-webkit-box-shadow: 0 1px #144f83;
	box-shadow: 0 1px #144f83;
}

.btn.btn-primary:focus:active,
.btn.btn-primary:hover:active,
.btn.btn-primary:active {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.btn.btn-primary.active,
.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:active,
.open > .dropdown-toggle.btn-primary,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
	background: #1e77c5;
	outline: none;
	-webkit-box-shadow: 0 1px #0d3557;
	box-shadow: 0 1px #0d3557;
}

/* 8.15.8 Button Purple */

.btn.btn-purple,
.btn.btn-purple:not(:disabled):not(.disabled).active:focus,
.btn.btn-purple:not(:disabled):not(.disabled):active:focus,
.show > .btn.btn-purple.dropdown-toggle:focus {
	color: #fff;
	background: #5f50c5;
	-webkit-box-shadow: 0 1px #5d356d;
	box-shadow: 0 1px #5d356d;
}

.btn.btn-purple:focus:active,
.btn.btn-purple:hover:active,
.btn.btn-purple:active {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.btn.btn-purple.active,
.btn.btn-purple:hover,
.btn.btn-purple:focus,
.btn.btn-purple:active,
.open > .dropdown-toggle.btn-purple,
.btn-purple:not(:disabled):not(.disabled).active,
.btn-purple:not(:disabled):not(.disabled):active,
.show > .btn-purple.dropdown-toggle {
	color: #fff;
	background: #4c409e;
	outline: none;
	-webkit-box-shadow: 0 1px #3e2449;
	box-shadow: 0 1px #3e2449;
}

/* 8.15.9 Button Inverse */

.btn.btn-inverse,
.btn.btn-inverse:not(:disabled):not(.disabled).active:focus,
.btn.btn-inverse:not(:disabled):not(.disabled):active:focus,
.show > .btn.btn-inverse.dropdown-toggle:focus {
	color: #fff;
	background: #3C454D;
	-webkit-box-shadow: 0 1px #24292e;
	box-shadow: 0 1px #24292e;
}

.btn.btn-inverse:focus:active,
.btn.btn-inverse:hover:active,
.btn.btn-inverse:active {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.btn.btn-inverse.active,
.btn.btn-inverse:hover,
.btn.btn-inverse:focus,
.btn.btn-inverse:active,
.open > .dropdown-toggle.btn-inverse,
.btn-inverse:not(:disabled):not(.disabled).active,
.btn-inverse:not(:disabled):not(.disabled):active,
.show > .btn-inverse.dropdown-toggle {
	color: #fff;
	background: #30373e;
	outline: none;
	-webkit-box-shadow: 0 1px #181c1f;
	box-shadow: 0 1px #181c1f;
}

/* 8.15.10 Button Grey */

.btn.btn-grey,
.btn.btn-grey:not(:disabled):not(.disabled).active:focus,
.btn.btn-grey:not(:disabled):not(.disabled):active:focus,
.show > .btn.btn-grey.dropdown-toggle:focus {
	color: #fff;
	background: #8a8f94;
	-webkit-box-shadow: 0 1px #666b70;
	box-shadow: 0 1px #666b70;
}

.btn.btn-grey:focus:active,
.btn.btn-grey:hover:active,
.btn.btn-grey:active {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.btn.btn-grey.active,
.btn.btn-grey:hover,
.btn.btn-grey:focus,
.btn.btn-grey:active,
.open > .dropdown-toggle.btn-grey,
.btn-grey:not(:disabled):not(.disabled).active,
.btn-grey:not(:disabled):not(.disabled):active,
.show > .btn-grey.dropdown-toggle {
	color: #fff;
	background: #888f95;
	outline: none;
	-webkit-box-shadow: 0 1px #44484a;
	box-shadow: 0 1px #44484a;
}

/* 8.15.11 Button White */

.btn.btn-white,
.btn.btn-white:not(:disabled):not(.disabled).active:focus,
.btn.btn-white:not(:disabled):not(.disabled):active:focus,
.show > .btn.btn-white.dropdown-toggle:focus {
	color: #30373e;
	background: #fff;
	-webkit-box-shadow: 0 1px #b1b5b8;
	box-shadow: 0 1px #b1b5b8;
}

.btn.btn-white:focus:active,
.btn.btn-white:hover:active,
.btn.btn-white:active {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.btn.btn-white.active,
.btn.btn-white:hover,
.btn.btn-white:focus,
.btn.btn-white:active,
.open > .dropdown-toggle.btn-white,
.btn-white:not(:disabled):not(.disabled).active,
.btn-white:not(:disabled):not(.disabled):active,
.show > .btn-white.dropdown-toggle {
	background: #ecedee;
	outline: none;
	-webkit-box-shadow: 0 1px #8a8f94;
	box-shadow: 0 1px #8a8f94;
}

/* 8.16 Alert Setting */

.alert {
	font-size: 13px;
	padding: 10px 15px;
	border: none;
	margin-bottom: 20px;
	border-radius: 4px;
}

.alert h4 {
	margin-top: 5px;
	color: inherit;
}

.alert .close {
	color: inherit;
	line-height: 16px;
}

.alert.alert-success {
	background: #d1f0ed;
	color: #108073;
}

.alert.alert-success.alert-bordered {
	border: 1px solid #17b6a4;
}

.alert.alert-info {
	background: #d7eff6;
	color: #277b94;
}

.alert.alert-info.alert-bordered {
	border: 1px solid #38AFD3;
}

.alert.alert-danger {
	background: #fcdbda;
	color: #d8443f;
}

.alert.alert-danger.alert-bordered {
	border: 1px solid #F04B46;
}

.alert.alert-warning {
	background: #feefd9;
	color: #b17b2e;
}

.alert.alert-warning.alert-bordered {
	border: 1px solid #e39e3b;
}

/* 8.17 Thumbnail Setting */

.thumbnail {
	display: block;
	margin-bottom: 20px;
	line-height: 1.42857143;
	background-color: #fff;
	border: 1px solid #ddd;
	-webkit-transition: border .2s ease-in-out;
	-o-transition: border .2s ease-in-out;
	transition: border .2s ease-in-out;
	padding: 3px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.thumbnail .caption {
	padding: 9px;
	color: #333;
}

.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
	display: block;
	max-width: 100%;
	height: auto;
}

.img-rounded {
	border-radius: 6px;
}

.img-thumbnail {
	display: inline-block;
	max-width: 100%;
	height: auto;
	padding: 4px;
	line-height: 1.42857143;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.thumbnail .caption {
	padding: 10px 17px;
}

a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover {
	border-color: #8D9AA5;
}

.thumbnail > img,
.thumbnail a > img {
	margin-right: auto;
	margin-left: auto;
}

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
	border-color: #337ab7;
}

/* 8.18 Default Link Setting */

a {
	color: #2184DA;
}

a:focus {
	outline: none;
}

a:hover,
a:focus {
	color: #1e77c5;
}

/* 8.19 Pagination Setting */

.pagination {
	display: inline-block;
	padding-left: 0;
	margin: 20px 0;
	border-radius: 4px;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
	z-index: 3;
	color: #fff;
	cursor: default;
	background-color: #337ab7;
	border-color: #337ab7;
}

.pagination > li {
	display: inline;
}

.pagination > li > a,
.pagination > li > span {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: #337ab7;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
}

.pagination-lg > li > a,
.pagination-lg > li > span {
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.3333333;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
}

.pagination > .disabled > a,
.pagination > .disabled > a:focus,
.pagination > .disabled > a:hover,
.pagination > .disabled > span,
.pagination > .disabled > span:focus,
.pagination > .disabled > span:hover {
	color: #777;
	cursor: not-allowed;
	background-color: #fff;
	border-color: #ddd;
}

.pager {
	padding-left: 0;
	margin: 20px 0;
	text-align: center;
	list-style: none;
}

.pager li {
	display: inline;
}

.pager li > a,
.pager li > span {
	display: inline-block;
	padding: 5px 14px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 15px;
}

.pager .previous > a,
.pager .previous > span {
	float: left;
}

.pager .next > a,
.pager .next > span {
	float: right;
}

.pager .disabled > a,
.pager .disabled > a:focus,
.pager .disabled > a:hover,
.pager .disabled > span {
	color: #777;
	cursor: not-allowed;
	background-color: #fff;
}

.pager li > a:focus,
.pager li > a:hover {
	text-decoration: none;
	background-color: #eee;
}

.pagination > li + li a {
	margin-left: -2px;
}

.pagination > li > a,
.pagination > li > span {
	border: 2px solid #BCBCBD;
	color: #30373e;
}

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
	background: #ebeced;
	color: #30373e;
	border-color: #BCBCBD;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
	background: #2184DA;
	position: relative;
	border-color: #1e77c5;
	z-index: 1020;
}

.pagination > .disabled > a,
.pagination > .disabled > a:focus,
.pagination > .disabled > a:hover,
.pagination > .disabled > span,
.pagination > .disabled > span:focus,
.pagination > .disabled > span:hover {
	color: #8a8f94;
	border-color: #c3c3c3;
}

.pagination-lg > li > a,
.pagination-lg > li > span {
	padding: 9px 15px;
	font-size: 18px;
}

.pagination-inverse.pagination > .active > a,
.pagination-inverse.pagination > .active > a:focus,
.pagination-inverse.pagination > .active > a:hover,
.pagination-inverse.pagination > .active > span,
.pagination-inverse.pagination > .active > span:focus,
.pagination-inverse.pagination > .active > span:hover,
.pagination-inverse .pagination > .active > a,
.pagination-inverse .pagination > .active > a:focus,
.pagination-inverse .pagination > .active > a:hover,
.pagination-inverse .pagination > .active > span,
.pagination-inverse .pagination > .active > span:focus,
.pagination-inverse .pagination > .active > span:hover {
	background: #3C454D;
	border-color: #30373e;
}

.pagination-info.pagination > .active > a,
.pagination-info.pagination > .active > a:focus,
.pagination-info.pagination > .active > a:hover,
.pagination-info.pagination > .active > span,
.pagination-info.pagination > .active > span:focus,
.pagination-info.pagination > .active > span:hover,
.pagination-info .pagination > .active > a,
.pagination-info .pagination > .active > a:focus,
.pagination-info .pagination > .active > a:hover,
.pagination-info .pagination > .active > span,
.pagination-info .pagination > .active > span:focus,
.pagination-info .pagination > .active > span:hover {
	background: #38AFD3;
	border-color: #2d8ca9;
}

.pagination-purple.pagination > .active > a,
.pagination-purple.pagination > .active > a:focus,
.pagination-purple.pagination > .active > a:hover,
.pagination-purple.pagination > .active > span,
.pagination-purple.pagination > .active > span:focus,
.pagination-purple.pagination > .active > span:hover,
.pagination-purple .pagination > .active > a,
.pagination-purple .pagination > .active > a:focus,
.pagination-purple .pagination > .active > a:hover,
.pagination-purple .pagination > .active > span,
.pagination-purple .pagination > .active > span:focus,
.pagination-purple .pagination > .active > span:hover {
	background: #5f50c5;
	border-color: #4c409e;
}

.pagination-success.pagination > .active > a,
.pagination-success.pagination > .active > a:focus,
.pagination-success.pagination > .active > a:hover,
.pagination-success.pagination > .active > span,
.pagination-success.pagination > .active > span:focus,
.pagination-success.pagination > .active > span:hover,
.pagination-success .pagination > .active > a,
.pagination-success .pagination > .active > a:focus,
.pagination-success .pagination > .active > a:hover,
.pagination-success .pagination > .active > span,
.pagination-success .pagination > .active > span:focus,
.pagination-success .pagination > .active > span:hover {
	background: #17B6A4;
	border-color: #129283;
}

.pagination-lime.pagination > .active > a,
.pagination-lime.pagination > .active > a:focus,
.pagination-lime.pagination > .active > a:hover,
.pagination-lime.pagination > .active > span,
.pagination-lime.pagination > .active > span:focus,
.pagination-lime.pagination > .active > span:hover,
.pagination-lime .pagination > .active > a,
.pagination-lime .pagination > .active > a:focus,
.pagination-lime .pagination > .active > a:hover,
.pagination-lime .pagination > .active > span,
.pagination-lime .pagination > .active > span:focus,
.pagination-lime .pagination > .active > span:hover {
	background: #65C56F;
	border-color: #519e59;
}

.pagination-warning.pagination > .active > a,
.pagination-warning.pagination > .active > a:focus,
.pagination-warning.pagination > .active > a:hover,
.pagination-warning.pagination > .active > span,
.pagination-warning.pagination > .active > span:focus,
.pagination-warning.pagination > .active > span:hover,
.pagination-warning .pagination > .active > a,
.pagination-warning .pagination > .active > a:focus,
.pagination-warning .pagination > .active > a:hover,
.pagination-warning .pagination > .active > span,
.pagination-warning .pagination > .active > span:focus,
.pagination-warning .pagination > .active > span:hover {
	background: #fcaf41;
	border-color: #ca8c34;
}

.pagination-danger.pagination > .active > a,
.pagination-danger.pagination > .active > a:focus,
.pagination-danger.pagination > .active > a:hover,
.pagination-danger.pagination > .active > span,
.pagination-danger.pagination > .active > span:focus,
.pagination-danger.pagination > .active > span:hover,
.pagination-danger .pagination > .active > a,
.pagination-danger .pagination > .active > a:focus,
.pagination-danger .pagination > .active > a:hover,
.pagination-danger .pagination > .active > span,
.pagination-danger .pagination > .active > span:focus,
.pagination-danger .pagination > .active > span:hover {
	background: #F04B46;
	border-color: #c03c38;
}

.pagination-grey.pagination > .active > a,
.pagination-grey.pagination > .active > a:focus,
.pagination-grey.pagination > .active > a:hover,
.pagination-grey.pagination > .active > span,
.pagination-grey.pagination > .active > span:focus,
.pagination-grey.pagination > .active > span:hover,
.pagination-grey .pagination > .active > a,
.pagination-grey .pagination > .active > a:focus,
.pagination-grey .pagination > .active > a:hover,
.pagination-grey .pagination > .active > span,
.pagination-grey .pagination > .active > span:focus,
.pagination-grey .pagination > .active > span:hover {
	background: #8a8f94;
	border-color: #888f95;
}

/* 8.20 Pager Setting */

.pager li > a,
.pager li > span {
	padding: 4px 13px;
	border: 2px solid #BCBCBD;
	color: #30373e;
}

.pager li > a:focus,
.pager li > a:hover {
	background: #EAEDEF;
	color: #30373e;
}

.pager .disabled > a,
.pager .disabled > a:focus,
.pager .disabled > a:hover,
.pager .disabled > span {
	opacity: 0.5;
}

/* 8.21 Jumbotron Setting */

.jumbotron {
	padding-left: 60px;
	padding-right: 60px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background: #ebeced;
}

.jumbotron p {
	font-weight: 300;
}

@media (max-width: 767px) {
	.jumbotron {
		padding-left: 40px;
		padding-right: 40px;
	}
}

@media (max-width: 480px) {
	.jumbotron {
		padding: 15px 30px;
	}

	.jumbotron p {
		font-size: 16px;
	}
}

/* 8.22 List Group Setting */

.panel > .list-group,
.panel > .panel-collapse > .list-group {
	margin-bottom: 0;
}

.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
	border-width: 1px 0;
	border-radius: 0;
}

.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
	border-bottom: 0;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

.list-group-item {
	position: relative;
	display: block;
	padding: 10px 15px;
	margin-bottom: -1px;
	background-color: #fff;
	border: 1px solid #ddd;
}

.list-group-item > .badge {
	float: right;
}

a.list-group-item,
button.list-group-item {
	color: #555;
}

.list-group .list-group-item .badge {
	padding: 4px 7px;
}

.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
	background: #2184DA;
	border-color: #1e77c5;
}

.list-group-item {
	border: 1px solid #BCBCBD;
	margin-bottom: -1px;
}

a.list-group-item:focus,
a.list-group-item:hover,
.list-group-item.disabled,
.list-group-item.disabled:focus,
.list-group-item.disabled:hover {
	background: #ebeced;
}

.list-group-item-success,
a.list-group-item-success {
	background: #d1f0ed;
	color: #108073;
}

a.list-group-item-success:focus,
a.list-group-item-success:hover {
	background: #daf3f1;
	color: #108073;
}

.list-group-item-info,
a.list-group-item-info {
	background: #d7eff6;
	color: #277b94;
}

a.list-group-item-info:focus,
a.list-group-item-info:hover {
	background: #dff2f8;
	color: #277b94;
}

.list-group-item-warning,
a.list-group-item-warning {
	background: #feefd9;
	color: #b17b2e;
}

a.list-group-item-warning:focus,
a.list-group-item-warning:hover {
	background: #fef2e1;
	color: #b17b2e;
}

.list-group-item-danger,
a.list-group-item-danger {
	background: #fcdbda;
	color: #d8443f;
}

a.list-group-item-danger:focus,
a.list-group-item-danger:hover {
	background: #fde2e1;
	color: #d8443f;
}

/* 8.23 Well Setting */

.well {
	min-height: 20px;
	border: none;
	padding: 20px;
	background: #ebeced;
	-webkit-box-shadow: 0 1px rgba(0, 0, 0, 0.125);
	box-shadow: 0 1px rgba(0, 0, 0, 0.125);
	margin-bottom: 20px;
	border-radius: 4px;
}

.well.well-lg {
	padding: 25px;
	border-radius: 6px;
}

.well.well-sm {
	padding: 10px;
	border-radius: 3px;
}

/* 8.24 Nav Tabs & Pills Setting */

.nav-tabs {
	border-bottom: 1px solid #ddd;
}

.nav-tabs > li {
	float: left;
	margin-bottom: -1px;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
	color: #555;
	cursor: default;
	background-color: #fff;
	border: 1px solid #ddd;
	border-bottom-color: transparent;
}

.nav-tabs > li > a {
	margin-right: 2px;
	line-height: 1.42857143;
	border: 1px solid transparent;
	border-radius: 4px 4px 0 0;
}

.nav-pills > li {
	float: left;
}

.nav-stacked > li {
	float: none;
}

.nav-tabs,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover,
.nav.nav-tabs > li > a,
.nav.nav-tabs > li > a:hover,
.nav.nav-tabs > li > a:focus,
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:focus,
.nav-tabs.nav-justified > .active > a:hover {
	background: none;
	border: none;
	color: #8a8f94;
}

.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:focus,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
	color: #30373e;
}

.nav-tabs,
.nav-tabs.nav-justified {
	border-bottom: 2px solid #EAEDEF;
}

.nav.nav-tabs > li {
	margin-bottom: 0;
	position: relative;
}

.nav.nav-tabs > li > a {
	padding: 15px 20px;
	margin: 0;
	font-weight: bold;
	position: initial;
}

.nav.nav-tabs > li.active > a,
.nav.nav-tabs > li > a.active {
	color: #30373e;
}

.nav.nav-tabs > li:after,
.nav.nav-tabs > li > a:after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -2px;
	height: 2px;
	background: transparent;
	-webkit-transition: all .1s linear;
	-moz-transition: all .1s linear;
	transition: all .1s linear;
}

.nav.nav-tabs > li > a:after {
	z-index: 10;
}

.nav.nav-tabs > li:hover:after,
.nav.nav-tabs > li:focus:after,
.nav.nav-tabs > li:hover > a:after,
.nav.nav-tabs > li:focus > a:after {
	background: #BBC8D3;
}

.nav.nav-tabs > li.active:after,
.nav.nav-tabs > li.active:hover:after,
.nav.nav-tabs > li.active:focus:after,
.nav.nav-tabs > li > a.active:after,
.nav.nav-tabs > li > a.active:hover:after,
.nav.nav-tabs > li > a.active:focus:after,
.nav.nav-tabs > li:hover > a.active:after,
.nav.nav-tabs > li:focus > a.active:after {
	background: #3C454D;
}

.nav.nav-pills.nav-pills-primary > li.active > a,
.nav.nav-pills.nav-pills-primary > li.active > a:hover,
.nav.nav-pills.nav-pills-primary > li.active > a:focus,
.nav.nav-pills.nav-pills-primary > li > a.active,
.nav.nav-pills.nav-pills-primary > li > a.active:hover,
.nav.nav-pills.nav-pills-primary > li > a.active:focus,
.nav.nav-tabs.nav-tabs-primary > li.active:after,
.nav.nav-tabs.nav-tabs-primary > li.active:hover:after,
.nav.nav-tabs.nav-tabs-primary > li.active:focus:after,
.nav.nav-tabs.nav-tabs-primary > li > a.active:after,
.nav.nav-tabs.nav-tabs-primary > li > a.active:hover:after,
.nav.nav-tabs.nav-tabs-primary > li > a.active:focus:after {
	background: #2184DA;
}

.nav.nav-pills.nav-pills-info > li.active > a,
.nav.nav-pills.nav-pills-info > li.active > a:hover,
.nav.nav-pills.nav-pills-info > li.active > a:focus,
.nav.nav-pills.nav-pills-info > li > a.active,
.nav.nav-pills.nav-pills-info > li > a.active:hover,
.nav.nav-pills.nav-pills-info > li > a.active:focus,
.nav.nav-tabs.nav-tabs-info > li.active:after,
.nav.nav-tabs.nav-tabs-info > li.active:hover:after,
.nav.nav-tabs.nav-tabs-info > li.active:focus:after,
.nav.nav-tabs.nav-tabs-info > li > a.active:after,
.nav.nav-tabs.nav-tabs-info > li > a.active:hover:after,
.nav.nav-tabs.nav-tabs-info > li > a.active:focus:after {
	background: #38AFD3;
}

.nav.nav-pills.nav-pills-warning > li.active > a,
.nav.nav-pills.nav-pills-warning > li.active > a:hover,
.nav.nav-pills.nav-pills-warning > li.active > a:focus,
.nav.nav-pills.nav-pills-warning > li > a.active,
.nav.nav-pills.nav-pills-warning > li > a.active:hover,
.nav.nav-pills.nav-pills-warning > li > a.active:focus,
.nav.nav-tabs.nav-tabs-warning > li.active:after,
.nav.nav-tabs.nav-tabs-warning > li.active:hover:after,
.nav.nav-tabs.nav-tabs-warning > li.active:focus:after,
.nav.nav-tabs.nav-tabs-warning > li > a.active:after,
.nav.nav-tabs.nav-tabs-warning > li > a.active:hover:after,
.nav.nav-tabs.nav-tabs-warning > li > a.active:focus:after {
	background: #fcaf41;
}

.nav.nav-pills.nav-pills-lime > li.active > a,
.nav.nav-pills.nav-pills-lime > li.active > a:hover,
.nav.nav-pills.nav-pills-lime > li.active > a:focus,
.nav.nav-pills.nav-pills-lime > li > a.active,
.nav.nav-pills.nav-pills-lime > li > a.active:hover,
.nav.nav-pills.nav-pills-lime > li > a.active:focus,
.nav.nav-tabs.nav-tabs-lime > li.active:after,
.nav.nav-tabs.nav-tabs-lime > li.active:hover:after,
.nav.nav-tabs.nav-tabs-lime > li.active:focus:after,
.nav.nav-tabs.nav-tabs-lime > li > a.active:after,
.nav.nav-tabs.nav-tabs-lime > li > a.active:hover:after,
.nav.nav-tabs.nav-tabs-lime > li > a.active:focus:after {
	background: #65C56F;
}

.nav.nav-pills.nav-pills-success > li.active > a,
.nav.nav-pills.nav-pills-success > li.active > a:hover,
.nav.nav-pills.nav-pills-success > li.active > a:focus,
.nav.nav-pills.nav-pills-success > li > a.active,
.nav.nav-pills.nav-pills-success > li > a.active:hover,
.nav.nav-pills.nav-pills-success > li > a.active:focus,
.nav.nav-tabs.nav-tabs-success > li.active:after,
.nav.nav-tabs.nav-tabs-success > li.active:hover:after,
.nav.nav-tabs.nav-tabs-success > li.active:focus:after,
.nav.nav-tabs.nav-tabs-success > li > a.active:after,
.nav.nav-tabs.nav-tabs-success > li > a.active:hover:after,
.nav.nav-tabs.nav-tabs-success > li > a.active:focus:after {
	background: #17B6A4;
}

.nav.nav-pills.nav-pills-purple > li.active > a,
.nav.nav-pills.nav-pills-purple > li.active > a:hover,
.nav.nav-pills.nav-pills-purple > li.active > a:focus,
.nav.nav-pills.nav-pills-purple > li > a.active,
.nav.nav-pills.nav-pills-purple > li > a.active:hover,
.nav.nav-pills.nav-pills-purple > li > a.active:focus,
.nav.nav-tabs.nav-tabs-purple > li.active:after,
.nav.nav-tabs.nav-tabs-purple > li.active:hover:after,
.nav.nav-tabs.nav-tabs-purple > li.active:focus:after,
.nav.nav-tabs.nav-tabs-purple > li > a.active:after,
.nav.nav-tabs.nav-tabs-purple > li > a.active:hover:after,
.nav.nav-tabs.nav-tabs-purple > li > a.active:focus:after {
	background: #5f50c5;
}

.nav.nav-pills.nav-pills-danger > li.active > a,
.nav.nav-pills.nav-pills-danger > li.active > a:hover,
.nav.nav-pills.nav-pills-danger > li.active > a:focus,
.nav.nav-pills.nav-pills-danger > li > a.active,
.nav.nav-pills.nav-pills-danger > li > a.active:hover,
.nav.nav-pills.nav-pills-danger > li > a.active:focus,
.nav.nav-tabs.nav-tabs-danger > li.active:after,
.nav.nav-tabs.nav-tabs-danger > li.active:hover:after,
.nav.nav-tabs.nav-tabs-danger > li.active:focus:after,
.nav.nav-tabs.nav-tabs-danger > li > a.active:after,
.nav.nav-tabs.nav-tabs-danger > li > a.active:hover:after,
.nav.nav-tabs.nav-tabs-danger > li > a.active:focus:after {
	background: #F04B46;
}

@media (max-width: 767px) {
	.nav.nav-tabs {
		border-bottom: none;
	}

	.nav.nav-tabs > li {
		float: none;
	}

	.nav.nav-tabs > li,
	.nav.nav-tabs.nav-justified > li {
		border-bottom: 2px solid #EAEDEF;
	}

	.nav.nav-tabs > li > a {
		text-align: left;
	}
}

.tab-content {
	padding: 20px;
	-webkit-border-radius: 0 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #fff;
	margin-bottom: 20px;
}

.nav.nav-pills + .tab-content {
	margin-top: 10px;
}

.nav.nav-pills > li.active > a,
.nav.nav-pills > li.active > a:focus,
.nav.nav-pills > li.active > a:hover,
.nav.nav-pills > li > a.active,
.nav.nav-pills > li > a.active:focus,
.nav.nav-pills > li > a.active:hover {
	color: #fff;
	border-color: rgba(0, 0, 0, 0.3);
	background: #3C454D;
}

.nav.nav-pills > li + li {
	margin-left: 5px;
}

.nav.nav-stacked > li + li {
	margin-left: 0;
	margin-top: 5px;
}

.nav.nav-justified > li + li {
	margin-left: 0;
}

.nav.nav-pills > li > a {
	color: #8a8f94;
	background: none;
	border: 2px solid #8a8f94;
	padding: 8px 13px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.nav.nav-pills > li > a:hover,
.nav.nav-pills > li > a:focus {
	background: #ccd1d6;
	color: #888f95;
}

.nav.nav-pills.nav-justified > li > a {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.nav.nav-pills.nav-justified > li:first-child > a {
	-webkit-border-radius: 6px 0 0 6px;
	-moz-border-radius: 6px 0 0 6px;
	border-radius: 6px 0 0 6px;
}

.nav.nav-pills.nav-justified > li:last-child > a {
	-webkit-border-radius: 0 6px 6px 0;
	-moz-border-radius: 0 6px 6px 0;
	border-radius: 0 6px 6px 0;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover,
.nav-pills > li > a.active,
.nav-pills > li > a.active:focus,
.nav-pills > li > a.active:hover {
	color: #fff;
}

.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
	color: #337ab7;
	background-color: #fff;
}

@media (max-width: 767px) {
	.nav.nav-pills + .tab-content {
		margin-top: 5px;
	}

	.nav.nav-pills > li,
	.nav.nav-pills > li + li,
	.nav.nav-pills.nav-justified > li {
		margin-left: 0;
		float: none;
	}

	.nav.nav-pills > li > a {
		margin-bottom: 5px;
	}

	.nav.nav-pills.nav-justified > li > a,
	.nav.nav-pills.nav-justified > li:first-child > a,
	.nav.nav-pills.nav-justified > li:last-child > a {
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
	}
}

.nav-tabs.nav-justified {
	width: 100%;
	border-bottom: 0;
}

.nav-tabs.nav-justified > li > a {
	margin-bottom: 5px;
	text-align: center;
}

.nav-tabs.nav-justified > li,
.nav-tabs > li {
	margin-bottom: 0;
}

@media (min-width: 768px) {
	.nav-tabs.nav-justified > li {
		display: table-cell;
		width: 1%;
		float: none;
	}

	.nav-tabs.nav-justified > li > a {
		margin-bottom: 0;
	}
}

/* 8.25 Accordion Setting */

.panel-title .accordion-toggle {
	margin: -15px -20px;
	padding: 15px 20px;
	display: block;
	text-decoration: none;
}

.panel-title a.accordion-toggle:hover,
.panel-title a.accordion-toggle:focus {
	color: #fff;
	color: rgba(255, 255, 255, 0.8);
	text-decoration: none;
	background: url(../img/transparent/black-0.1.png);
	background: rgba(0, 0, 0, 0.125);
}

.panel-white .panel-title a.accordion-toggle:hover,
.panel-white .panel-title a.accordion-toggle:focus {
	color: #000;
	color: rgba(0, 0, 0, 0.8);
	background: url(../img/transparent/black-0.1.png);
	background: rgba(0, 0, 0, 0.05);
}

.panel-group .panel + .panel {
	margin-top: 10px;
}

/* 8.26 Modal Setting */

.modal-content {
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.modal-header {
	display: block;
	border-bottom: 2px solid #EAEDEF;
	padding: 15px 20px 12px;
}

.modal-title {
	margin: 0;
	line-height: 1.42857143;
}

.modal-body {
	padding: 15px 20px;
}

.modal-footer {
	padding: 15px 20px;
	border-top: 2px solid #EAEDEF;
}

.modal-message .modal-dialog {
	width: 85%;
	margin: 0;
}

.modal-message .modal-content {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.modal-message .modal-header,
.modal-message .modal-body,
.modal-message .modal-footer {
	width: 60%;
	border: none;
	margin: 0 auto;
}

@media (max-width: 767px) {
	.modal-message .modal-header,
	.modal-message .modal-body,
	.modal-message .modal-footer {
		width: 80%;
	}
}

.modal-backdrop.in {
	opacity: 0.3;
	filter: alpha(opacity=30);
}

@media (min-width: 768px) {
	.modal-dialog {
		width: 600px;
		margin: 30px auto;
		max-width: 85%;
	}

	.modal-message .modal-dialog {
		max-width: 100%;
	}
}

.close {
	float: right;
	font-size: 21px;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	filter: alpha(opacity=20);
	opacity: .2;
}

/* 8.27 Popover Setting */

.popover {
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 2px;
	border: 2px solid rgba(0, 0, 0, 0.125);
}

.popover-header {
	margin-top: 0;
}

.popover.top > .arrow {
	border-top-color: rgba(0, 0, 0, .125);
}

.popover.bottom > .arrow {
	border-bottom-color: rgba(0, 0, 0, .125);
}

.popover.left > .arrow {
	border-left-color: rgba(0, 0, 0, .125);
}

.popover.right > .arrow {
	border-right-color: rgba(0, 0, 0, .125);
}

.popover.top > .arrow:after {
	bottom: 2px;
}

.popover.bottom > .arrow:after {
	top: 2px;
}

.popover.left > .arrow:after {
	right: 2px;
}

.popover.right > .arrow:after {
	left: 2px;
}

.popover-title {
	background: #eaecee;
	padding: 8px 13px;
}

.popover {
	font-family: inherit;
}

.popover-content {
	font-size: 13px;
	font-weight: 300;
	padding: 8px 13px;
}

/* 8.28 Section Container Setting */

.section-container {
	margin-left: -25px;
	margin-right: -25px;
	padding: 25px;
}

.section-container.section-with-top-border {
	border-top: 2px solid #ebeced;
}

.section-container.section-with-bottom-border {
	border-bottom: 2px solid #ebeced;
}

@media (max-width: 767px) {
	.section-container {
		margin-left: -20px;
		margin-right: -20px;
		padding: 20px;
	}
}

/* 8.29 Form Header Setting */

.form-header {
	margin-top: 0;
	font-size: 16px;
	margin-bottom: 20px;
	line-height: 20px;
}

.form-header.form-header-lg {
	font-size: 20px;
	line-height: 24px;
}

.form-header .icon {
	float: left;
	width: 30px;
	text-align: center;
	margin-right: 5px;
	border: 2px solid;
	border-radius: 50px;
	height: 30px;
	line-height: 27px;
	margin: -5px 10px -5px 0;
}

.form-header.form-header-lg .icon {
	width: 36px;
	height: 36px;
	line-height: 33px;
	margin-top: -6px;
	margin-bottom: -6px;
}

.form-header .icon i {
	display: block;
	line-height: 26px;
}

.form-header.form-header-lg .icon i {
	line-height: 33px;
}

@media (max-width: 480px) {
	.form-header {
		font-size: 14px;
	}

	.form-header.form-header-lg {
		font-size: 16px;
	}

	.form-header .icon {
		width: 20px;
		line-height: 18px;
		height: 20px;
		margin: 0 8px 0 0;
	}

	.form-header.form-header-lg .icon {
		width: 30px;
		height: 30px;
		line-height: 26px;
		margin: -3px 8px -3px 0;
	}

	.form-header.form-header-lg .icon i {
		line-height: 26px;
	}
}

/* 8.30 Table Setting */

table {
	border-spacing: 0;
	border-collapse: collapse;
}

.table {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.table-responsive {
	min-height: .01%;
	overflow-x: auto;
	border: none;
}

.table,
.table > thead > tr > th,
.table > tbody > tr > td {
	border-color: #ebeced !important;
	border-width: 1px;
}

.table > thead > tr > th {
	padding: 10px 20px 8px;
	font-weight: bold;
	background-color: #ebeced;
	border-color: #bec3c6 !important;
}

.table.table-bordered {
	border: none;
}

.table > thead > tr > th {
	border-bottom-width: 2px !important;
	border-bottom-style: solid !important;
}

.table.table-bordered > thead > tr > th:first-child {
	border-left-width: 0 !important;
}

.table.table-bordered > thead > tr > th:last-child {
	border-right-width: 0 !important;
}

.table > tbody > tr > td {
	padding: 10px 20px;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}

.table.table-bordered > tbody > tr:last-child > td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

.table.table-bordered > tbody > tr > td + td {
	border-left-width: 1px;
	border-left-style: solid;
}

.table-striped > tbody > tr:nth-of-type(odd) {
	background: none;
}

.table-striped > tbody > tr:nth-of-type(even),
.table-hover > tbody > tr:hover {
	background: #f9f9f9;
}

.panel > .table,
.panel > .table-responsive > .table,
.panel > .table > thead > tr > th,
.panel > .table-responsive > .table > thead > tr > th {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
	padding: 8px;
	line-height: 1.42857143;
	vertical-align: top;
}

.table > caption + thead > tr:first-child > td,
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > td,
.table > thead:first-child > tr:first-child > th {
	border-top: 0;
}

.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > thead > tr.danger > th,
.table > thead > tr > td.danger,
.table > thead > tr > th.danger {
	background-color: #F04B46;
	color: #fff;
}

.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr.danger:hover > th,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover {
	background-color: #c03c38;
}

.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > thead > tr.info > th,
.table > thead > tr > td.info,
.table > thead > tr > th.info {
	background-color: #38AFD3;
	color: #fff;
}

.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr.info:hover > th,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover {
	background-color: #2d8ca9;
}

.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > thead > tr.success > th,
.table > thead > tr > td.success,
.table > thead > tr > th.success {
	background-color: #65C56F;
	color: #fff;
}

.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr.success:hover > th,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover {
	background-color: #519e59;
}

.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > thead > tr.warning > th,
.table > thead > tr > td.warning,
.table > thead > tr > th.warning {
	background-color: #fcaf41;
	color: #fff;
}

.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr.warning:hover > th,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover {
	background-color: #ca8c34;
}

.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > thead > tr.active > th,
.table > thead > tr > td.active,
.table > thead > tr > th.active {
	background: #888f95;
	color: #fff;
}

.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr.active:hover > th,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover {
	background: #717b85;
}

.table > thead > tr.success > th,
.table > thead.success > tr > th
{
	color: #fff;
	background-color: #129283 !important;
	border-color: #094942 !important;
}

.table > thead.lime > tr > th,
.table > thead > tr.lime > th
{
	color: #fff;
	background-color: #519e59 !important;
	border-color: #284f2c !important;
}

.table > thead.danger > tr > th,
.table > thead > tr.danger > th
{
	color: #fff;
	background-color: #c03c38 !important;
	border-color: #601e1c !important;
}

.table > thead.warning > tr > th,
.table > thead > tr.warning > th {
	color: #fff;
	background-color: #ca8c34 !important;
	border-color: #65461a !important;
}

.table > thead.primary > tr > th,
.table > thead > tr.primary > th {
	color: #fff;
	background-color: #1e77c5 !important;
	border-color: #0d3557 !important;
}

.table > thead.info > tr > th,
.table > thead > tr.info > th {
	color: #fff;
	background-color: #2d8ca9 !important;
	border-color: #164654 !important;
}

.table > thead.grey > tr > th,
.table > thead > tr.grey > th {
	color: #fff;
	background-color: #888f95 !important;
	border-color: #44484a !important;
}

.table > thead.purple > tr > th,
.table > thead > tr.purple > th {
	color: #fff;
	background-color: #4c409e !important;
	border-color: #3e2449 !important;
}

.table > thead.inverse > tr > th,
.table > thead > tr.inverse > th {
	color: #fff;
	background-color: #30373e !important;
	border-color: #181c1f !important;
}

.table > thead.white > tr > th,
.table > thead > tr.white > th {
	background-color: #fff !important;
	border-color: #bec3c6 !important;
}

/* 8.31 Background Cover Setting */

.bg-cover {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bg-cover img {
	max-width: 100%;
}

@media (min-width: 1920px) {
	.bg-cover img {
		width: 100%;
	}
}

@media (max-width: 767px) {
	.bg-cover img {
		max-width: inherit;
		min-width: 100%;
		max-height: 100%;
	}
}

/* 8.32 List Inline Setting */

.list-inline {
	padding-left: 0;
	margin-left: -5px;
	list-style: none;
}

.list-inline > li {
	display: inline-block;
	padding-right: 5px;
	padding-left: 5px;
}

/* 8.33 Media Setting */

.media {
	margin-top: 15px;
	display: block;
}

.media:first-child {
	margin-top: 0;
}

.media, .media-body {
	overflow: hidden;
	zoom: 1;
}

.media-body {
	width: 10000px;
}

.media-heading {
	margin-top: 0;
	margin-bottom: 5px;
}

.media-left,
.media > .pull-left {
	padding-right: 10px;
}

.media-right,
.media > .pull-right {
	padding-left: 10px;
}

.media-list {
	padding-left: 0;
	list-style: none;
}

.media-list.media-list-with-divider > li + li {
	border-top: 1px solid #eee;
	padding-top: 20px;
}

.media-body, .media-left, .media-right {
	display: table-cell;
	vertical-align: top;
}

/* 8.34 Nav Setting */

.nav {
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
	display: block;
}

.nav > li {
	position: relative;
	display: block;
}

.nav > li > a {
	position: relative;
	display: block;
	padding: 10px 15px;
}

.nav > li > a:focus,
.nav > li > a:hover {
	text-decoration: none;
}

@media (min-width: 767px) {
	.navbar-nav > li > a {
		padding-top: 15px;
		padding-bottom: 15px;
	}
}

@media (min-width: 768px) {
	.navbar-nav > li {
		float: left;
	}
}

/* 8.35 Tooltip Setting */

.tooltip {
	font-size: 12px;
}

/* -------------------------------
   9.0 Plugins
------------------------------- */

/* 9.1 Plugin - Gritter Notification Setting */

#gritter-notice-wrapper {
	width: 300px;
}

.gritter-item-wrapper .gritter-item {
	font-family: inherit !important;
	padding: 5px 45px 5px 15px;
}

.gritter-item-wrapper .gritter-with-image {
	width: 190px;
}

.gritter-item-wrapper .gritter-title {
	color: #fff;
	padding-bottom: 0;
	text-shadow: none;
	font-weight: 600;
}

.gritter-item-wrapper .gritter-item p {
	text-shadow: none;
	color: #b1b5b8;
	font-size: 12px;
	line-height: 16px;
	margin-bottom: 5px;
}

.gritter-item-wrapper .gritter-close {
	display: block !important;
	background: none;
	position: absolute;
	right: 0;
	left: auto;
	top: 0;
	bottom: 0;
	width: 30px;
	height: auto;
	background: url(../img/transparent/white-0.1.png);
	background: rgba(255, 255, 255, 0.1);
	-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
}

.gritter-item-wrapper .gritter-close:hover,
.gritter-item-wrapper .gritter-close:focus {
	background: url(../img/transparent/white-0.3.png);
	background: rgba(255, 255, 255, 0.3);
}

.gritter-item-wrapper .gritter-close:before {
	content: '\f00d';
	font-size: 12px;
	left: 0;
	right: 0;
	top: 50%;
	margin-top: -6px;
	line-height: 12px;
	text-align: center;
	position: absolute;
	color: #fff;
	text-indent: 0;
}

.gritter-item-wrapper .gritter-top,
.gritter-item-wrapper .gritter-item,
.gritter-item-wrapper .gritter-bottom {
	background: url(../img/transparent/black-0.9.png);
	background: rgba(39, 44, 49, 0.9);
}

.gritter-item-wrapper .gritter-top {
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}

.gritter-item-wrapper .gritter-bottom {
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
}

.gritter-item-wrapper .gritter-image {
	width: 40px;
	height: 40px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
}

.gritter-item-wrapper.gritter-light .gritter-item,
.gritter-item-wrapper.gritter-light .gritter-bottom,
.gritter-item-wrapper.gritter-light .gritter-top {
	background: url(../img/transparent/black-0.9.png);
	background: rgba(239, 240, 241, 0.95);
}

.gritter-item-wrapper.gritter-light .gritter-close {
	background: url(../img/transparent/black-0.1.png);
	background: rgba(0, 0, 0, 0.1);
}

.gritter-item-wrapper.gritter-light .gritter-close:hover,
.gritter-item-wrapper.gritter-light .gritter-close:focus {
	background: url(../img/transparent/black-0.3.png);
	background: rgba(0, 0, 0, 0.3);
}

.gritter-item-wrapper.gritter-light .gritter-title,
.gritter-item-wrapper.gritter-light .gritter-close:before,
.gritter-item-wrapper.gritter-light p {
	color: #30373e;
}

/* 9.2 Plugin - Parsley Validation Setting */

input.parsley-error,
select.parsley-error,
textarea.parsley-error {
	border: 2px solid #F04B46 !important;
	background: #fff !important;
	color: #30373F !important;
}

input.parsley-error:focus,
select.parsley-error:focus,
textarea.parsley-error:focus {
	border-color: #c03c38 !important;
}

input.parsley-success,
select.parsley-success,
textarea.parsley-success {
	border: 2px solid #17B6A4 !important;
	background: #fff !important;
	color: #30373F !important;
}

input.parsley-success:focus,
select.parsley-success:focus,
textarea.parsley-success:focus {
	border-color: #129283 !important;
}

.parsley-errors-list {
	margin: 0;
	font-weight: normal;
}

.parsley-errors-list > li {
	margin-top: 10px;
	color: #c03c38;
	font-size: 14px;
}

.radio .parsley-error {
	min-height: 0px;
}

.radio .parsley-error + .parsley-errors-list.filled > li,
.checkbox .parsley-error + .parsley-errors-list.filled > li {
	margin-top: 3px;
}

/* 9.3 Plugin - DataTables Setting */

.dataTables_wrapper table.dataTable thead th {
	padding: 12px 30px 10px 20px;
	white-space: nowrap;
	border-top: none;
	font-weight: bold;
}

.without-pagination .dataTables_wrapper .dataTables_info {
	padding-top: 0 !important;
}

.dataTables_scroll:before,
.dataTables_scroll:after {
	content: '';
	display: table;
	clear: both;
}

.dataTables_scrollBody {
	margin-bottom: 20px !important;
}

.dataTables_empty {
	text-align: center;
}

.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper div.dataTables_length select {
	border: 2px solid;
	border-color: #bec3c6;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #30373F;
	display: inline-block;
	height: 34px !important;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	border-radius: 4px;
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.dataTables_wrapper div.dataTables_length label {
	margin-bottom: 15px;
}

.panel > .table-responsive > .dataTables_wrapper div.dataTables_length label,
.panel > .dataTables_wrapper div.dataTables_length label {
	margin-left: 20px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.dataTables_length,
div.dataTables_info {
	float: left;
}

.dataTables_wrapper .dataTables_filter input {
	margin-left: 15px;
}

.dataTables_wrapper div.dataTables_filter label {
	margin-bottom: 15px;
}

.panel > .table-responsive > .dataTables_wrapper div.dataTables_filter label,
.panel > .dataTables_wrapper div.dataTables_filter label {
	margin-right: 20px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.panel-body div.dataTables_length label {
	margin: 0 0 20px;
}

.panel-body div.dataTables_filter label {
	margin: 0 0 20px;
}

.dataTables_filter input:focus,
div.dataTables_length select:focus {
	border-color: #8d9aa5;
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: none;
}

.dataTables_wrapper table.dataTable {
	margin-top: 0 !important;
	margin-bottom: 20px !important;
}

.dataTables_wrapper:before,
.dataTables_wrapper:after {
	content: '';
	display: table;
	clear: both;
}

.panel .dataTables_wrapper {
	margin-bottom: 20px;
}

.panel div.dataTables_paginate {
	margin-right: 20px !important;
	margin-bottom: -5px;
}

.panel div.dataTables_info {
	margin-left: 20px;
}

.dataTables_wrapper {
	display: block;
}

div.dataTables_wrapper div.dataTables_filter label {
	display: block;
	text-align: right !important;
}

div.dataTables_wrapper div.dataTables_filter input {
	height: 30px;
}

table.dataTable thead .sorting_asc:after {
	content: '\f0dd' !important;
}

table.dataTable thead .sorting_desc:after {
	content: '\f0de' !important;
}

table.dataTable thead .sorting:after {
	content: '\f0dc' !important;
}

@media (max-width: 767px) {
	.dataTables_length,
	div.dataTables_info {
		float: none;
	}

	.panel > .table-responsive > .dataTables_wrapper div.dataTables_length label,
	.panel > .dataTables_wrapper div.dataTables_length label {
		margin: 20px 0 0;
	}

	div.dataTables_wrapper div.dataTables_info {
		margin: 0;
		padding-top: 0 !important;
	}

	div.dataTables_wrapper div.dataTables_paginate {
		margin: 10px 20px 0 !important;
		text-align: center;
	}

	div.dataTables_wrapper div.dataTables_paginate .pagination {
		display: block;
		white-space: initial !important;
	}

	div.dataTables_wrapper div.dataTables_paginate .pagination > li > a {
		float: none;
		margin-bottom: 5px;
		display: inline-block;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}

	div.dataTables_wrapper div.dataTables_paginate .pagination > li + li a {
		margin-left: 5px;
	}
}

/* 9.3.1 Plugin - DataTables Extension - Fixed Columns */

table.DTFC_Cloned tr.even {
	background: none !important;
}

div.dataTables_scrollHead .table,
.DTFC_LeftWrapper div.DTFC_LeftHeadWrapper table,
.DTFC_RightWrapper div.DTFC_RightHeadWrapper table {
	margin-bottom: 0 !important;
}

.dataTables_scrollBody .table thead > tr > th,
.DTFC_LeftBodyLiner .table thead > tr > th {
	border-bottom: none !important;
}

.DTFC_LeftWrapper table.table-bordered.dataTable th:last-child {
	border-right-width: 1px !important;
}

.dataTables_scrollBody,
.DTFC_LeftBodyLiner {
	border-bottom: 2px solid #ebeced;
}

.dataTables_wrapper .dataTables_scrollBody table.dataTable,
.dataTables_wrapper .DTFC_LeftBodyLiner table.dataTable,
.dataTables_scroll + .dataTables_info {
	margin-bottom: 0 !important;
}

.dataTables_wrapper .dataTables_scrollBody table.dataTable > tbody > tr > td,
.dataTables_wrapper .DTFC_LeftWrapper table.dataTable > tbody > tr > td {
	border-bottom: none !important;
}

/* 9.3.2 Plugin - DataTables Extension - Fixed Header */

.FixedHeader_Cloned table.dataTable thead th,
.FixedHeader_Cloned table.dataTable thead td {
	padding: 12px 20px 10px;
}

/* 9.3.3 Plugin - DataTables Extension - KeyTable */

table.KeyTable th.focus,
table.KeyTable td.focus {
	outline: 2px dashed #8a8f94 !important;
	outline-offset: -2px !important;
}

/* 9.3.4 Plugin - DataTables Extension - Responsive */

table.dataTable.dtr-inline.collapsed tbody td:first-child,
table.dataTable.dtr-inline.collapsed tbody th:first-child {
	padding-left: 50px !important;
}

table.dataTable.dtr-inline.collapsed tbody td:first-child:before,
table.dataTable.dtr-inline.collapsed tbody th:first-child:before {
	left: 13px !important;
	height: 18px !important;
	width: 18px !important;
	line-height: 16px !important;
	font-size: 16px !important;
	border: 2px solid #8a8f94 !important;
	background: #fff !important;
	color: #8a8f94 !important;
	-webkit-border-radius: 4px !important;
	-moz-border-radius: 4px !important;
	border-radius: 4px !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.table-responsive .dataTables_wrapper > .row {
	margin: 0;
}

.table-responsive .dataTables_wrapper > .row > [class*="col-"] {
	padding: 0;
}

/* 9.3.5 Plugin - DataTables Extension - Buttons */

.dt-buttons.btn-group {
	margin-top: 15px;
	float: left;
	margin-left: 20px;
}

@media (max-width: 767px) {
	.dt-buttons.btn-group {
		float: none;
		text-align: center;
		display: block;
		margin: 15px 0px -5px;
	}

	.dt-buttons.btn-group > .btn {
		float: none;
		margin-bottom: 5px;
		-webkit-border-radius: 4px !important;
		-moz-border-radius: 4px !important;
		border-radius: 4px !important;
	}

	.dt-buttons.btn-group > .btn + .btn {
		border-left: none;
		margin-left: 5px;
	}
}

/* 9.3.6 Plugin - DataTables Extension - RowReorder */

table.dt-rowReorder-float {
	outline: 2px dashed #bec3c6 !important;
	outline-offset: -3px !important;
	background: #fff !important;
	opacity: 0.95 !important;
}

tr.dt-rowReorder-moving {
	outline: 2px dashed #bec3c6 !important;
	outline-offset: -3px !important;
}

/* 9.3.7 DataTables Extension - KeyTable */

table.dataTable th.focus,
table.dataTable td.focus {
	position: relative;
	z-index: 1000;
	outline: 3px solid #3C454D !important;
	box-shadow: none !important;
}

/* 9.3.8 Plugin - DataTables Extension - AutoFill */

div.dt-autofill-background {
	z-index: 1040 !important;
}

div.dt-autofill-list {
	border: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	z-index: 1050 !important;
}

/* 9.3.9 Plugin - DataTables Extension - Scroll */

div.DTS div.dataTables_scrollBody {
	background: #fff !important;
}

/* 9.3.10 Plugin - DataTables Extension - Select */

table.dataTable tbody tr.selected,
table.dataTable tbody th.selected,
table.dataTable tbody td.selected,
table.dataTable tbody tr.selected a,
table.dataTable tbody th.selected a,
table.dataTable tbody td.selected a {
	color: initial !important;
}

table.dataTable tbody > tr.selected,
table.dataTable tbody > tr > .selected {
	background: #ffc !important;
}

/* 9.4 Plugin - Vector Map Setting */

.mapTooltip {
	position: fixed;
	background: url(../img/transparent/black-0.8.png);
	background: rgba(0, 0, 0, 0.8);
	border-radius: 5px;
	padding: 6px 10px;
	z-index: 1000;
	max-width: 200px;
	display: none;
	color: #fff;
}

.zoomIn, .zoomOut {
	background-color: #3C454D;
	-webkit-box-shadow: 0 1px #24292e;
	box-shadow: 0 1px #24292e;
	color: #fff;
	padding: 3px 10px;
	line-height: 1.42857143;
	text-align: center;
	border-radius: 4px;
	font-size: 14px;
	cursor: pointer;
	position: absolute;
	top: 10px;
	left: 10px;
	min-width: 30px;
	text-align: center;
	-webkit-user-select: none;
/ / For Webkit -khtml-user-select: none;
	-moz-user-select: none;
/ / For Mozilla -o-user-select: none;
	user-select: none;
/ / Default
}

.zoomIn:hover,
.zoomIn:focus,
.zoomOut:hover,
.zoomOut:focus {
	background: #30373e;
	outline: none;
	-webkit-box-shadow: 0 1px #181c1f;
	box-shadow: 0 1px #181c1f;
}

.zoomOut {
	top: 45px;
}

.map {
	position: relative;
}

/* 9.5 Plugin - Flot Chart Setting */

.legend > div {
	padding: 4px !important;
	border-radius: 4px !important;
	background: #ebeced !important;
}

.legend .legendColorBox {
	padding: 6px 0 6px 6px !important;
}

.legend .legendColorBox > div {
	border: none !important;
}

.legend .legendColorBox > div > div {
	border-radius: 40px !important;
}

.legend .legendLabel {
	padding: 3px 6px 3px 3px !important;
	color: #30373e !important;
	font-size: 11px !important;
}

.legend table > tbody > tr + tr > td.legendColorBox,
.legend table > tbody > tr + tr > td.legendLabel {
	padding-top: 0px !important;
}

.flot-tooltip {
	position: absolute;
	display: none;
	border: 0;
	padding: 6px 10px 7px;
	color: #fff;
	font-size: 11px;
	background: url(../img/transparent/black-0.8.png);
	background-color: rgba(0, 0, 0, 0.8);
	border-radius: 5px;
	opacity: 1.0;
	filter: alpha(opacity=100);
	z-index: 10000 !important;
}

/* 9.6 Plugin - Slimscroll Setting */

.slimScrollBar {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
	background: none !important;
}

.slimScrollBar:before {
	content: '';
	position: absolute;
	right: 1.5px;
	top: 1.5px;
	bottom: 1.5px;
	left: -1.5px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: #000;
}

/* 9.7 Plugin - Datetimepicker Setting */

.bootstrap-datetimepicker-widget.dropdown-menu {
	padding: 8px !important;
	width: 20em !important;
}

body .bootstrap-datetimepicker-widget .glyphicon {
	font-size: 14px;
}

body .bootstrap-datetimepicker-widget .glyphicon.glyphicon-chevron-up:before {
	content: '\f106';
}

body .bootstrap-datetimepicker-widget .glyphicon.glyphicon-chevron-down:before {
	content: '\f107';
}

body .bootstrap-datetimepicker-widget .glyphicon.glyphicon-chevron-left:before {
	content: '\f104';
}

body .bootstrap-datetimepicker-widget .glyphicon.glyphicon-chevron-right:before {
	content: '\f105';
}

body .bootstrap-datetimepicker-widget .glyphicon.glyphicon-time:before {
	content: '\f017';
}

body .bootstrap-datetimepicker-widget .glyphicon.glyphicon-calendar:before {
	content: '\f133';
}

body .bootstrap-datetimepicker-widget .picker-switcher {
	width: 100% !important;
}

body .bootstrap-datetimepicker-widget .datepicker > div {
	display: block;
}

body .bootstrap-datetimepicker-widget.dropdown-menu {
	width: 320px;
	padding: 0;
	border-radius: 6px;
}

body .bootstrap-datetimepicker-widget.dropdown-menu,
body .bootstrap-datetimepicker-widget a[data-action] {
	color: #242a30;
}

body .bootstrap-datetimepicker-widget.dropdown-menu .datepicker {
	padding: 0;
}

body .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid white;
	top: -7px;
	left: 15px;
}

body .bootstrap-datetimepicker-widget.dropdown-menu.bottom.pull-right:after {
	left: auto;
	right: 15px;
}

body .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
	display: none;
}

body .bootstrap-datetimepicker-widget .collapse.in {
	display: block;
}

body .bootstrap-datetimepicker-widget table td,
body .bootstrap-datetimepicker-widget table td.day {
	height: 32px;
	width: 32px;
	line-height: 32px;
}

body .bootstrap-datetimepicker-widget table td span {
	color: #30373e;
	background: #ebeced;
	margin: 0 auto;
}

body .bootstrap-datetimepicker-widget table td .btn span {
	background: none;
}

body .bootstrap-datetimepicker-widget table td.day:hover,
body .bootstrap-datetimepicker-widget table td.hour:hover,
body .bootstrap-datetimepicker-widget table td.minute:hover,
body .bootstrap-datetimepicker-widget table td.second:hover {
	background: #ebeced;
}

body .bootstrap-datetimepicker-widget table td.seperator {
	width: 50px !important;
}

body .bootstrap-datetimepicker-widget .picker-switch {
	padding: 0 !important;
}

body .bootstrap-datetimepicker-widget table td span:hover {
	background: #dadcdd;
}

body .bootstrap-datetimepicker-widget table td span {
	line-height: 40px !important;
	height: 40px !important;
}

body .bootstrap-datetimepicker-widget table td {
	height: auto;
	line-height: auto;
	width: auto;
}

body .bootstrap-datetimepicker-widget .datepicker-decades span.decade {
	line-height: 15px;
	padding-top: 5px;
}

.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:focus,
.datepicker table tr td.active:hover:focus,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.active,
.open .dropdown-toggle.datepicker table tr td.active:hover,
.open .dropdown-toggle.datepicker table tr td.active.disabled,
.open .dropdown-toggle.datepicker table tr td.active.disabled:hover,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover:focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td span.active,
.open .dropdown-toggle.datepicker table tr td span.active:hover,
.open .dropdown-toggle.datepicker table tr td span.active.disabled,
.open .dropdown-toggle.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover:focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td span.active,
.open .dropdown-toggle.datepicker table tr td span.active:hover,
.open .dropdown-toggle.datepicker table tr td span.active.disabled,
.open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
	background: #2184DA !important;
	border-color: #2184DA !important;
	color: #fff !important;
	text-shadow: none !important !important;
}

.datepicker {
	padding: 0 0 5px !important;
}

.timepicker {
	padding: 0 5px !important;
}

.collapse .timepicker-picker,
.collapsing .timepicker-picker,
.collapse .timepicker-minutes,
.collapsing .timepicker-minutes {
	margin-top: 8px !important;
}

.timepicker-picker .table-condensed t > tr > td {
	width: auto !important;
	padding: 0 !important;
}

.timepicker-picker .table-condensed t > tr > td .btn {
	display: block !important;
	width: auto !important;
}

.timepicker-picker .table-condensed t > tr > td .btn span {
	background: none;
}

.timepicker-picker .table-condensed .btn span:hover,
.timepicker-picker .table-condensed .btn span:focus {
	background: #ebeced !important;
}

.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
	background: #FFE2BA !important;
}

.timepicker,
.bootstrap-datetimepicker-widget a[data-action] {
	padding: 0 !important;
}

.datepicker-months .table-condensed,
.datepicker-months .table-condensed thead,
.datepicker-months .table-condensed tbody,
.datepicker-months .table-condensed ttr,
.datepicker-months .table-condensed ttr td,
.datepicker-years .table-condensed,
.datepicker-years .table-condensed thead,
.datepicker-years .table-condensed tbody,
.datepicker-years .table-condensed ttr,
.datepicker-years .table-condensed ttr td,
.datepicker-decades .table-condensed,
.datepicker-decades .table-condensed thead,
.datepicker-decades .table-condensed tbody,
.datepicker-decades .table-condensed ttr,
.datepicker-decades .table-condensed ttr td {
	display: block !important;
	width: auto !important;
	height: auto !important;
}

.datepicker-months .table-condensed ttr td:before,
.datepicker-months .table-condensed ttr td:after,
.datepicker-years .table-condensed ttr td:before,
.datepicker-years .table-condensed ttr td:after,
.datepicker-decades .table-condensed ttr td:before,
.datepicker-decades .table-condensed ttr td:after {
	content: '';
	display: table;
	clear: both;
}

.datepicker table tr td span {
	width: 22% !important;
	margin: 3.5px !important;
	font-size: 13px;
}

.datepicker-months .table-condensed ttr td,
.datepicker-years .table-condensed ttr td,
.datepicker-decades .table-condensed ttr td {
	margin: 0 -4px -2px !important;
}

.datepicker-months .table-condensed thead tr,
.datepicker-years .table-condensed thead tr,
.datepicker-decades .table-condensed thead tr {
	display: table !important;
	width: 100% !important;
}

.datepicker-months .table-condensed > t > tr > td,
.datepicker-years .table-condensed > t > tr > td,
.datepicker-decades .table-condensed > t > tr > td {
	padding: 0 !important;
}

.timepicker-picker .table-condensed t > tr > td.separator {
	padding: 0 !important;
}

/* 9.8 Plugin - DateRange Picker Setting */

.daterangepicker .ranges li {
	color: #30373e;
}

.daterangepicker .ranges li.active,
.daterangepicker .ranges li:hover {
	background: #3C454D !important;
	border-color: #3C454D !important;
	color: #fff;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
	background: #2184DA !important;
}

.daterangepicker td.in-range {
	background: #ebeced !important;
}

.daterangepicker .ranges .input-mini {
	background: #ebeced !important;
	border-width: 2px !important;
	border-color: #ebeced !important;
}

.daterangepicker .ranges .input-mini:focus {
	border-color: #8d9aa5 !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	outline: none !important;
}

.daterangepicker .calendar th,
.daterangepicker .calendar td {
	font-family: inherit !important;
}

.daterangepicker .calendar {
	border: none !important;
}

.daterangepicker .calendar-date,
.daterangepicker .calendar.single .calendar-date {
	border: 2px solid #ebeced !important;
}

@media (max-width: 767px) {
	.daterangepicker .calendar,
	.daterangepicker .ranges {
		float: none !important;
		width: auto !important;
	}

	.daterangepicker .ranges {
		padding-left: 4px;
		padding-right: 4px;
	}

	.daterangepicker .ranges .range_inputs > div {
		width: 50%;
	}
}

/* 9.9 Colorpicker Setting */

.colorpicker {
	padding: 8px !important;
}

.colorpicker:before {
	border-bottom-color: rgba(0, 0, 0, 0.05) !important;
}

.colorpicker-hue, .colorpicker-alpha {
	margin-bottom: 0;
	margin-left: 5px;
}

.colorpicker-color {
	float: left;
	width: 100%;
}

/* 9.10 Plugin - Timepicker Setting */

.input-group.bootstrap-timepicker .bootstrap-timepicker-widget + .form-control {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.bootstrap-timepicker-widget.dropdown-menu .form-control {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.bootstrap-timepicker-widget.dropdown-menu {
	width: 200px;
}

.bootstrap-timepicker-widget.dropdown-menu:before {
	border: none !important;
}

.bootstrap-timepicker-widget table td a:hover,
.bootstrap-timepicker-widget table td a:focus {
	background: #ebeced !important;
	border-color: #ebeced !important;
}

.bootstrap-timepicker.input-group {
	display: table;
	width: 100%;
}

.bootstrap-timepicker.input-group > .form-control {
	display: table-cell;
	width: 100%;
}

.bootstrap-timepicker.input-group .input-group-addon {
	display: table-cell;
	width: 20px;
	border: none;
}

.bootstrap-timepicker-widget.dropdown-menu {
	padding: 5px !important;
}

.bootstrap-timepicker-widget.dropdown-menu.open {
	border: none !important;
	max-width: 240px;
}

.bootstrap-timepicker-widget.dropdown-menu:before {
	display: none !important;
}

.bootstrap-timepicker .bootstrap-timepicker-widget.dropdown-menu + .form-control {
	border-radius: 4px 0 0 4px;
}

.bootstrap-timepicker-widget .form-control,
.bootstrap-timepicker-widget input {
	width: 40px !important;
	border: 2px solid #ebeced;
	box-shadow: none;
	font-size: 14px;
	line-height: 1.42857143;
	height: 34px;
	padding: 0;
	display: block;
	background-color: #ebeced;
	background-clip: padding-box;
	border-radius: .25rem;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	color: #30373F;
}

.bootstrap-timepicker-widget .form-control:focus,
.bootstrap-timepicker-widget input:focus {
	border-color: #8d9aa5;
	outline: 0;
	box-shadow: none;
}

.bootstrap-timepicker-widget table td {
	padding: 5px !important;
}

.bootstrap-timepicker-widget table td a {
	padding: 5px 0 !important;
	margin: -5px 0 !important;
	border-radius: 4px !important;
}

.bootstrap-timepicker-widget table td a:hover,
.bootstrap-timepicker-widget table td a:focus {
	background: #2184DA !important;
	border: none !important;
	color: #fff;
}

.bootstrap-timepicker-widget table td input {
	border-radius: 4px !important;
}

.bootstrap-timepicker-widget .glyphicon.glyphicon-chevron-up:before {
	content: '\f077';
}

.bootstrap-timepicker-widget .glyphicon.glyphicon-chevron-down:before {
	content: '\f078';
}

/* 9.11 Plugin - Select2 Setting */

.select2-container .select2-selection--single {
	height: 34px !important;
	padding: 6px 12px !important;
	border: 2px solid #bec3c6 !important;
	color: #30373F !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #30373F !important;
	line-height: 18px !important;
	padding: 0 !important;
}

.select2.select2-container,
.select2 span {
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-width: 5px !important;
	left: 0 !important;
	margin: 0 !important;
	top: 15px !important;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-width: 5px !important;
	top: 10px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	right: 12px !important;
	top: 0 !important;
	width: 10px !important;
}

.select2-search--dropdown {
	padding: 12px 12px 7px !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field,
.select2-container--default .select2-selection--multiple {
	border-width: 2px !important;
	border-color: #ebeced !important;
	background: #ebeced !important;
	-webkit-border-radius: 4px !important;
	-moz-border-radius: 4px !important;
	border-radius: 4px !important;
	padding: 6px 12px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
	padding: 0 !important;
	margin-top: -5px !important;
}

.select2-container .select2-search--inline .select2-search__field {
	padding: 0 !important;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
	display: block !important;
}

.form-input-flat .select2-container .select2-selection--single,
.form-input-flat .select2-container--default .select2-search--dropdown .select2-search__field,
.form-input-flat .select2-container--default .select2-selection--multiple {
	background: #ebeced !important;
	border-color: #ebeced !important;
}

.select2-container--default .select2-results__group {
	padding: 6px 12px;
}

.select2-results__option {
	padding: 6px 12px;
}

.select2-container--open .select2-dropdown--below {
	border-top: none !important;
}

.select2-container--open .select2-dropdown--above {
	border-bottom: none !important;
}

.select2-container--default .select2-results__option .select2-results__option {
	padding: 8px 12px 8px 18px !important;
}

.select2-container--default .select2-results__option[aria-selected=true] {
	background: #ebeced !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background: #2184DA !important;
}

.select2-dropdown {
	border: 2px solid #bec3c6 !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus {
	outline: none !important;
	border-color: #8d9aa5 !important;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
	border: 2px solid #8d9aa5 !important;
}

.select2.select2-container:focus,
.select2 span:focus,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
	outline: none !important;
	border-color: #8d9aa5 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background: #888f95 !important;
	color: #fff !important;
	border: none !important;
	font-size: 12px !important;
	line-height: 18px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	background: #6d7277 !important;
	float: right !important;
	margin-right: -5px !important;
	font-size: 14px !important;
	margin-left: 5px !important;
	line-height: 17px !important;
	height: 18px !important;
	padding: 0 5px !important;
	-webkit-border-radius: 0 4px 4px 0 !important;
	-moz-border-radius: 0 4px 4px 0 !important;
	border-radius: 0 4px 4px 0 !important;
	color: #fff !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
	background: #525659 !important;
	color: #fff !important;
}

/* 9.12 Plugin - Datepicker Setting */

.datepicker-inline,
.datepicker-inline .table-condensed {
	width: 100% !important;
}

.datepicker.dropdown-menu {
	width: 280px;
	border: none !important;
	-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25) !important;
	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25) !important;
	-webkit-border-radius: 4px !important;
	-moz-border-radius: 4px !important;
	border-radius: 4px !important;
	font-family: inherit !important;
	padding: 8px;
}

.datepicker table {
	width: 100% !important;
}

.input-daterange .input-group-addon {
	border-color: #dbdcdd !important;
	text-shadow: none !important;
	padding: 5px 10px !important;
}

/* 9.13 Plugin - Ionrangeslider Setting */

.irs-diapason {
	background: #3C454D;
}

.irs-line-left,
.irs-line-mid,
.irs-line-right {
	background: #EBECED !important;
}

.irs-line-left {
	-webkit-border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
}

.irs-line-right {
	-webkit-border-radius: 0 4px 4px 0;
	-moz-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
}

.irs-from, .irs-to, .irs-single {
	background: #3C454D !important;
}

.irs-grid-text {
	color: #8d9aa5 !important;
}

.rangeSlider-success .irs-diapason {
	background: #1ABC9C;
}

.rangeSlider-primary .irs-diapason {
	background: #2184DA;
}

.rangeSlider-purple .irs-diapason {
	background: #5f50c5;
}

.rangeSlider-lime .irs-diapason {
	background: #65C56F;
}

.rangeSlider-info .irs-diapason {
	background: #38AFD3;
}

.rangeSlider-warning .irs-diapason {
	background: #fcaf41;
}

.rangeSlider-danger .irs-diapason {
	background: #F04B46;
}

.irs-slider {
	background: #fff !important;
	border: 1px solid #8d9aa5;
	border-radius: 22px;
	position: relative;
}

.irs-slider:hover:before {
	background: #F04B46;
}

.irs-slider:before {
	content: '';
	position: absolute;
	left: 3px;
	top: 3px;
	width: 14px;
	height: 14px;
	border-radius: 14px;
	background: #8d9aa5;
}

.irs-bar {
	border-top: 1px solid #8d9aa5 !important;
	border-bottom: 1px solid #8d9aa5 !important;
	background: #8d9aa5 !important;
}

/* 9.14 Plugin - Autocomplete Setting */

.ui-widget-content.ui-autocomplete {
	border: none;
	background: #fff;
	-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
}

.ui-widget {
	font-family: inherit !important;
	font-size: 13px;
	padding: 5px 0;
}

.ui-menu .ui-menu-item a,
.ui-menu .ui-menu-item-wrapper {
	font-weight: normal;
	padding: 6px 12px;
	line-height: 18px;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-state-active {
	border: none !important;
	margin: 0 !important;
	font-weight: 300 !important;
	background: #ebeced !important;
	color: #30373F !important;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

/* 9.15 Plugin - Strength JS Setting */

.strength_meter .veryweak {
	color: #c03c38;
}

.strength_meter .weak {
	color: #ca8c34;
}

.strength_meter .medium {
	color: #519e59;
}

.strength_meter .strong {
	color: #129283;
}

.strength_meter {
	background: none !important;
	width: auto !important;
	height: auto !important;
	float: right;
}

.strength_meter div {
	font-weight: 300 !important;
	color: #8a8f94;
	width: auto !important;
	background: none !important;
	line-height: 18px !important;
	height: auto !important;
}

.button_strength {
	float: left;
	color: #30373e;
}

/* 9.16 Plugin - Bootstrap Select Setting */

.bootstrap-select.btn-group:not(.input-group-btn),
.bootstrap-select.btn-group[class*="span"] {
	margin-bottom: 0 !important;
}

/* 9.17 Plugin - jQuery TagIt Setting */

ul.tagit {
	margin-bottom: 0;
	border: 2px solid #bec3c6;
	padding: 5px 12px 0 !important;
	font-size: 0px;
}

ul.tagit:before,
ul.tagit:after {
	content: '';
	display: table;
	clear: both;
}

.form-input-flat ul.tagit {
	background: #ebeced;
	border-color: #ebeced;
}

ul.tagit input[type="text"] {
	background: none;
}

ul.tagit li.tagit-choice-editable,
ul.tagit li.tagit-new {
	background: #888f95;
	color: #fff;
	border: none;
	font-size: 12px;
	line-height: 18px !important;
	margin: 0px 5px 5px 0;
	padding-top: 1px !important;
	padding-bottom: 1px !important;
}

ul.tagit li.tagit-new {
	background: none;
}

ul.tagit .ui-state-default .ui-icon.ui-icon-close {
	background: none;
	text-indent: 3px !important;
}

ul.tagit li.tagit-choice .tagit-close:hover,
ul.tagit li.tagit-choice .tagit-close:focus,
ul.tagit .ui-state-default .ui-icon.ui-icon-close:hover,
ul.tagit .ui-state-default .ui-icon.ui-icon-close:focus {
	color: #fff;
	text-decoration: none;
}

.tagit .ui-icon-close:before {
	content: '\f00d';
	font-size: 10px;
	color: #fff;
}

/* 9.18 Plugin - Powerange Slider Setting */

.slider-wrapper {
	padding-left: 20px;
	padding-right: 20px;
	position: relative;
	min-height: 30px;
	padding-top: 13px;
}

.slider-wrapper.slider-without-range {
	padding-left: 0;
	padding-right: 0;
}

.slider-wrapper.slider-vertical {
	min-width: 30px;
	padding-left: 13px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.slider-wrapper.slider-vertical.slider-without-range {
	padding-top: 0;
	padding-bottom: 0;
}

.slider-wrapper.slider-vertical .range-min {
	bottom: -20px;
	padding-bottom: 2px;
}

.slider-wrapper.slider-vertical .range-max {
	top: -20px;
	padding-top: 2px;
}

.slider-wrapper .range {
	background: #8a8f94;
}

.slider-wrapper .range-quantity {
	background: #17B6A4;
}

.slider-wrapper.slider-primary .range-quantity {
	background: #2184DA;
}

.slider-wrapper.slider-purple .range-quantity {
	background: #5f50c5;
}

.slider-wrapper.slider-lime .range-quantity {
	background: #65C56F;
}

.slider-wrapper.slider-inverse .range-quantity {
	background: #3C454D;
}

.slider-wrapper.slider-warning .range-quantity {
	background: #fcaf41;
}

.slider-wrapper.slider-danger .range-quantity {
	background: #ff5b57;
}

.slider-wrapper.slider-info .range-quantity {
	background: #38AFD3;
}

.slider-wrapper.slider-grey .range-quantity {
	background: #8a8f94;
}

/* 9.19 Plugin - Bootstrap Wizard Setting */

.bwizard {
	background: #fff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.07);
	box-shadow: 0 2px 0 rgba(0, 0, 0, 0.07);
	margin-bottom: 20px;
}

.bwizard-steps {
	display: table !important;
	width: 100%;
	-webkit-border-radius: 6px 6px 0 0;
	-moz-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
	border-bottom: 3px solid #bec3c6;
}

.bwizard-steps:before,
.bwizard-steps:after {
	display: none;
}

.bwizard-steps > li,
.bwizard-steps > li:first-child,
.bwizard-steps > li:last-child {
	float: none;
	display: table-cell !important;
	text-align: center;
	padding: 10px 20px;
	background: #eff0f1;
}

.bwizard-steps > li {
	width: 20%;
}

.bwizard-steps.clickable > li:hover,
.bwizard-steps.clickable > li:focus,
.bwizard-steps.clickable li:hover:not(.active),
.bwizard-steps.clickable li:focus:not(.active) {
	background: #eff0f1 !important;
}

.bwizard-steps.clickable > li:hover a,
.bwizard-steps.clickable > li:focus a,
.bwizard-steps.clickable li:hover:not(.active) a,
.bwizard-steps.clickable li:focus:not(.active) a {
	color: #30373e !important;
}

.bwizard-steps > li .label {
	display: block;
	width: 36px;
	height: 36px;
	line-height: 36px;
	border: none;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	font-size: 16px;
	margin: 5px auto;
	color: #fff;
	font-weight: normal;
	top: 0;
}

.bwizard-steps a {
	display: block;
	font-size: 16px;
	line-height: 20px;
}

.bwizard-steps a:hover,
.bwizard-steps a:focus {
	text-decoration: none;
}

.bwizard-steps a small {
	font-size: 12px;
	display: block;
	line-height: 16px;
	margin: 1px 0 5px 0;
	color: #8a8f94;
}

.bwizard-steps li:before,
.bwizard-steps li:after {
	border: none !important;
}

.bwizard-steps > li.active,
.bwizard-steps > li.active:hover,
.bwizard-steps > li.active:focus {
	background: #3C454D !important;
}

.bwizard-steps.clickable > li.active:hover a,
.bwizard-steps.clickable > li.active:focus a,
.bwizard-steps.clickable li.active:hover:not(.active) a,
.bwizard-steps.clickable li.active:focus:not(.active) a {
	color: #fff !important;
}

.bwizard-steps.clickable li:hover:not(.active) .label,
.bwizard-steps.clickable li:focus:not(.active) .label {
	color: #1abc9c;
}

.bwizard-steps .active .label {
	border-color: #17B6A4;
	background: #17B6A4;
	color: #fff;
}

.bwizard-steps li.active:after {
	top: 50%;
	margin-top: -20px;
	border-bottom: 20px inset transparent !important;
	border-left: 20px solid #3C454D !important;
	border-top: 20px inset transparent !important;
}

.bwizard-steps li.active:last-child:after {
	border: none !important;
}

.bwizard .well {
	background: #fff;
	margin: 0 !important;
	-webkit-border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	border-radius: 0 0 6px 6px;
	padding: 30px;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.bwizard-steps li:first-child {
	-webkit-border-radius: 6px 0 0 0 !important;
	-moz-border-radius: 6px 0 0 0 !important;
	border-radius: 6px 0 0 0 !important;
}

.bwizard-steps li:last-child {
	-webkit-border-radius: 0 6px 0 0 !important;
	-moz-border-radius: 0 6px 0 0 !important;
	border-radius: 0 6px 0 0 !important;
}

.bwizard-buttons {
	padding: 30px;
	margin: 0;
	background: #eff0f1;
	-webkit-border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	border-radius: 0 0 6px 6px;
	border-top: 3px solid #BEC3C6;
}

@media (min-width: 768px) {
	.bwizard-buttons.pager > li > a {
		font-size: 16px;
		padding: 8px 26px;
		border-radius: 40px;
	}
}

@media (max-width: 1200px) {
	.bwizard-steps > li {
		padding: 10px 10px !important;
	}

	.bwizard-steps a {
		font-size: 13px;
	}

	.bwizard-steps a small {
		display: none;
	}
}

@media (max-width: 767px) {
	.bwizard-steps > li,
	.bwizard-steps > li:first-child,
	.bwizard-steps > li:last-child {
		display: block !important;
		width: auto;
		text-align: left;
	}

	.bwizard-steps > li:first-child {
		-webkit-border-radius: 6px 6px 0 0 !important;
		-moz-border-radius: 6px 6px 0 0 !important;
		border-radius: 6px 6px 0 0 !important;
	}

	.bwizard-steps > li:last-child {
		-webkit-border-radius: 0 !important;
		-moz-border-radius: 0 !important;
		border-radius: 0 !important;
	}

	.bwizard-steps > li a {
		line-height: 26px !important;
	}

	.bwizard-steps .label {
		float: left;
		margin: 0 !important;
		margin-right: 10px !important;
		width: 26px !important;
		height: 26px !important;
		line-height: 22px !important;
	}

	.bwizard-steps li:before,
	.bwizard-steps li:after,
	.bwizard-steps li.active:before,
	.bwizard-steps li.active:after {
		content: '';
		display: table !important;
		border: none !important;
		clear: both !important;
		position: relative !important;
		margin: 0 !important;
	}

	.bwizard .well,
	.bwizard-buttons {
		padding: 20px;
	}
}

/* 9.20 Plugin - SummerNote Setting */

.note-editor {
	border: none !important;
	margin: 0;
	background: none !important;
}

.panel .note-editor {
	-webkit-border-radius: 0 0 6px 6px !important;
	-moz-border-radius: 0 0 6px 6px !important;
	border-radius: 0 0 6px 6px !important;
}

.note-editor .note-toolbar .btn.btn-default,
.note-editor .note-toolbar .btn.btn-light {
	color: #30373e;
	background: #fff;
	-webkit-box-shadow: 0 1px #b1b5b8;
	box-shadow: 0 1px #b1b5b8;
}

.note-editor .note-toolbar .btn.btn-default:hover,
.note-editor .note-toolbar .btn.btn-default:focus,
.note-editor .note-toolbar .btn.btn-light:hover,
.note-editor .note-toolbar .btn.btn-light:focus {
	background: #bcbdbe;
	outline: none;
	-webkit-box-shadow: 0 1px #5e5e5f;
	box-shadow: 0 1px #5e5e5f;
}

.note-popover .popover .popover-content,
.panel-heading.note-toolbar {
	padding: 10px 20px 15px !important;
}

.panel .note-editor .panel-heading.note-toolbar {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
}

.panel-heading.note-toolbar {
	background: #ebeced !important;
}

.note-editor .note-editing-area .note-editable {
	padding: 20px !important;
}

/* 9.21 Plugin - Morris Chart Setting */

.morris-hover.morris-default-style {
	font-family: inherit !important;
	background: url(../img/transparent/black-0.9.png) !important;
	background: rgba(255, 255, 255, 0.95) !important;
	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25) !important;
	border: none !important;
	-webkit-border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	border-radius: 5px !important;
}

/* 9.22 Plugin - Fullcalendar Setting */

.fullcalendar {
	background: #fff;
	border-radius: 5px;
}

.fullcalendar .fullcalendar-event,
.fullcalendar .fullcalendar-container {
	padding: 20px;
}

.fullcalendar .fullcalendar-event {
	width: 220px;
	background: #ebeced;
}

.fullcalendar > div:first-child {
	border-radius: 5px 0 0 5px;
}

.fullcalendar > div:last-child {
	border-radius: 0 5px 5px 0;
}

.fullcalendar .fullcalendar-event .fc-event {
	padding: 8px 20px 8px 45px;
	border-radius: 0;
	margin-left: -20px;
	margin-right: -20px;
	background: none;
	border: none;
	color: #30373e;
	position: relative;
	border-top: 2px solid #D4D5D6;
	border-bottom: 2px solid #D4D5D6;
	cursor: pointer;
}

.fullcalendar .fullcalendar-event .fc-event + .fc-event {
	margin-top: -2px;
}

.fullcalendar .fullcalendar-event .fc-event:hover,
.fullcalendar .fullcalendar-event .fc-event:focus {
	background: #f9f9f9;
}

.fullcalendar .fullcalendar-event .fc-event .fc-event-icon {
	position: absolute;
	left: 20px;
	top: 7px;
	font-size: 14px;
}

.fullcalendar .fullcalendar-event .fc-event.ui-draggable-dragging {
	border: 2px solid #ebeced;
	border-radius: 5px;
}

.fullcalendar .fullcalendar-container .fc-view-container {
	margin: 0 -20px -20px;
}

.fullcalendar .fullcalendar-container .fc td:first-child,
.fullcalendar .fullcalendar-container .fc th:first-child {
	border-left: none !important;
}

.fullcalendar .fullcalendar-container .fc td:last-child,
.fullcalendar .fullcalendar-container .fc th:last-child {
	border-right: none !important;
}

.fullcalendar .fc table {
	font-size: 13px;
}

.fullcalendar table {
	border: none !important;
}

.fullcalendar .fc th {
	padding: 15px 0 5px !important;
	border: none !important;
	font-size: 13px !important;
	font-weight: 300 !important;
}

.fullcalendar .fc-widget-header {
	border: none !important;
	border-bottom: 1px solid #8a8f94 !important;
}

.fullcalendar .fc-toolbar {
	margin: 0;
}

.fullcalendar .fc-toolbar h2 {
	font-weight: 300;
	font-size: 24px;
}

.fullcalendar .fc-basic-view td.fc-day-number,
.fullcalendar .fc-basic-view td.fc-week-number span {
	padding-right: 10px;
	padding-top: 5px;
}

.fullcalendar .fc-row.fc-week.fc-widget-content:last-child td {
	border-bottom: none !important;
}

.fullcalendar .fc-state-default {
	color: #30373e;
	background: #fff;
	outline: none;
	box-shadow: none;
	border-color: #bcbdbe;
	text-shadow: none;
}

.fullcalendar .fc-state-active, .fc-state-down {
	background: #bcbdbe;
	color: #fff;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.fullcalendar .fc-state-active {
	background: #F04B46;
	border-color: #F04B46;
}

.fullcalendar .fc-day-grid-event,
.fullcalendar .fc-day-grid-event:hover,
.fullcalendar .fc-day-grid-event:focus,
.fullcalendar .fc-view-container .fc-event,
.fullcalendar .fc-view-container .fc-event:hover,
.fullcalendar .fc-view-container .fc-event:focus {
	margin: 1px 4px 0;
	padding: 3px 5px 2px;
	border: none;
	font-size: 12px;
	background: #EBECED;
	color: #30373e !important;
}

.fullcalendar a.fc-more {
	font-size: 12px;
}

.fullcalendar .fc-view-container .fc-time-grid-container .fc-event,
.fullcalendar .fc-view-container .fc-time-grid-container .fc-event:hover,
.fullcalendar .fc-view-container .fc-time-grid-container .fc-event:focus {
	margin: 5px -1px 4px 1px;
}

.fullcalendar .fc-ltr .fc-h-event.fc-not-start,
.fullcalendar .fc-rtl .fc-h-event.fc-not-end {
	margin-left: 0 !important;
	padding-left: 5px;
	padding-right: 5px;
}

.fullcalendar .fc-unthemed .fc-today {
	background: #FFFDF3;
}

.fullcalendar .fc-unthemed .fc-divider,
.fullcalendar .fc-unthemed .fc-popover .fc-header {
	background: #8a8f94;
	color: #fff;
	font-weight: 600;
}

.fullcalendar hr.fc-divider {
	padding: 0 0 1px;
}

.fullcalendar .fc-ltr .fc-time-grid .fc-event-container {
	margin: 0px 5px 0px 3px;
}

.fullcalendar .fc-scroller,
.fullcalendar .fc-time-grid-container {
	height: auto !important;
}

.fullcalendar .fc-row .fc-content-skeleton td,
.fullcalendar .fc-row .fc-helper-skeleton td {
	border-color: #ddd;
}

.fc-view-container .fc-event,
.fc-view-container .fc-event:hover,
.fc-view-container .ui-widget .fc-event {
	color: #fff !important;
	text-decoration: none;
}

.fc button .fc-icon {
	margin: 0;
	top: 0;
	width: auto;
	height: auto;
	font-size: 12px;
}

.fc .fc-icon-left-single-arrow:after,
.fc .fc-icon-right-single-arrow:after {
	content: '\f0d9';
	font-size: 12px;
	margin: 0;
	top: 1px;
}

.fc .fc-icon-right-single-arrow:after {
	content: "\f0da";
}

.fc .fc-time-grid .fc-bg table tr td,
.fc .fc-time-grid .fc-content-skeleton table tr td,
.fc .fc-time-grid .fc-slats table tr:first-child td,
.fc .fc-row:first-child .fc-bg table tr td {
	border-top: none;
}

@media (max-width: 340px) {
	.fullcalendar .fc button {
		padding: 0 5px;
	}
}

@media (max-width: 1024px) {
	.fullcalendar .fc-center {
		float: left;
		width: 100%;
		text-align: center;
	}

	.fullcalendar .fc-toolbar h2 {
		font-size: 20px;
		padding-left: 10px;
		padding-right: 10px;
		float: left;
		width: 100%;
		text-align: center;
		margin-top: 15px;
	}
}

/* 9.23 Plugin - Sparkline Setting */

.jqstooltip {
	border: none !important;
	border-radius: 4px !important;
	display: block !important;
	width: auto !important;
	height: auto !important;
}

/* 9.24 Plugin - jQuery Vector Map Setting */

.jvectormap-zoomin, .jvectormap-zoomout {
	width: 16px !important;
	height: 16px !important;
	background: url(../img/transparent/black-0.8.png) !important;
	background: rgba(0, 0, 0, 0.75) !important;
	left: 15px !important;
}

.jvectormap-zoomout {
	top: 35px !important;
}

.jvectormap-zoomin {
	top: 15px !important;
}

.jvectormap-label {
	border: none !important;
	background: url(../img/transparent/black-0.8.png) !important;
	background: rgba(0, 0, 0, .75) !important;
	padding: 3px 6px !important;
}

/* 9.25 Plugin - Combobox Setting */

.combobox-container .input-group-addon {
	padding-top: 10px;
	padding-bottom: 10px;
	border: none !important;
}

.combobox-container .glyphicon-remove:before {
	content: '\f00d';
}

/* 9.26 Plugin - Bootstrap Select Setting */

.bootstrap-select .btn.dropdown-toggle:focus {
	outline: none !important;
}

.bootstrap-select .btn {
	color: #fff !important;
}

.bootstrap-select .btn.btn-default,
.bootstrap-select .btn.btn-white {
	color: #30373e !important;
}

/* -------------------------------
   10.0 Pages
------------------------------- */

/* 10.1 Page - 404 Error Setting */

.error {
	text-align: center;
	position: absolute;
	top: 150px;
	left: 50%;
	width: 600px;
	margin-left: -300px;
}

.error-code {
	font-size: 128px;
	line-height: 1.1;
}

.error-message {
	font-size: 24px;
}

.error-search {
	width: 300px;
	margin: 0 auto;
	position: relative;
}

.error-search .form-control {
	border-radius: 46px;
	padding-right: 46px;
}

.error-search .btn-search {
	border: none;
	background: none;
	outline: none;
	position: absolute;
	right: 0;
	top: 0;
	line-height: 46px;
	width: 46px;
	padding: 0;
	font-size: 16px;
	color: #30373e;
}

.error-footer {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 15px 20px;
	line-height: 30px;
	border-top: 2px solid rgba(0, 0, 0, 0.06);
}

.error-footer-brand {
	line-height: 30px;
	font-weight: bold;
	font-size: 16px;
}

.error-footer-brand img {
	margin-right: 10px;
	float: left;
}

/* 10.2 Page - Coming Soon Setting */

.coming-soon {
	text-align: center;
	padding: 50px 0;
	position: relative;
	z-index: 1020;
}

.coming-soon-header .brand {
	font-size: 24px;
	font-weight: bold;
	line-height: 45px;
}

.coming-soon-header .desc {
	font-size: 16px;
}

.countdown {
	padding: 45px 0;
	max-width: 600px;
	margin: 0 auto;
}

.countdown:before,
.countdown:after {
	content: '';
	display: table;
	clear: both;
}

.countdown .countdown-col {
	float: left;
}

.countdown.col-5 .countdown-col {
	width: 20%;
}

.countdown.col-4 .countdown-col {
	width: 25%;
}

.countdown.col-3 .countdown-col {
	width: 33.33%;
}

.countdown.col-2 .countdown-col {
	width: 50%;
}

.countdown-number {
	position: relative;
	margin: 0 auto 15px;
	width: 60px;
	height: 90px;
	border-radius: 10px;
	background: #30373e;
	cursor: pointer;
	line-height: 1;
	transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}

.countdown-number .number {
	line-height: 92px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	z-index: 1020;
	color: #fff;
	font-size: 28px;
}

.countdown-number:before, .countdown-number:after {
	position: absolute;
	width: inherit;
	height: inherit;
	border-radius: inherit;
	background: inherit;
	content: '';
	left: 0;
}

.countdown-number:before {
	transform: rotate(60deg);
	-moz-transform: rotate(60deg);
	-webkit-transform: rotate(60deg);
}

.countdown-number:after {
	transform: rotate(-60deg);
	-moz-transform: rotate(-60deg);
	-webkit-transform: rotate(-60deg);
}

.coming-soon-content {
	width: 600px;
	margin: 0 auto;
}

.coming-soon-content .desc {
	font-size: 16px;
	margin-bottom: 25px;
}

.coming-soon-content .coming-soon-form {
	width: 350px;
	margin: 0 auto 25px;
}

.coming-soon-form .input-group {
	border-radius: 40px;
	padding: 2px;
	background: #30373e;
}

.coming-soon-form .btn,
.coming-soon-form .form-control {
	border-radius: 40px;
}

.coming-soon-form .form-control {
	transition: all .2s linear;
}

.coming-soon-form .form-control:focus {
	border-color: #fff;
	background: #fff;
}

@media (max-width: 600px) {
	.coming-soon-content {
		width: auto;
		margin: 0;
	}
}

@media (max-width: 400px) {
	.coming-soon-content .coming-soon-form {
		width: auto;
		margin: 0 0 25px;
	}
}

/* 10.3 Page - Gallery Setting */

.gallery-list {
	list-style-type: none;
	margin: -5px -5px 15px;
	padding: 0;
}

.gallery-list:before,
.gallery-list:after {
	content: '';
	display: table;
	clear: both;
}

.gallery-list > li {
	float: left;
	width: 20%;
	padding: 5px;
}

.gallery-list > li .image-container {
	border-radius: 5px;
	background: #fff;
	position: relative;
	-webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.07);
	box-shadow: 0 2px 0 rgba(0, 0, 0, 0.07);
}

.gallery-list > li .image {
	padding-top: 60%;
	position: relative;
	overflow: hidden;
	border-radius: 5px 5px 0 0;
}

.gallery-list > li .image img {
	max-width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1000;
}

.gallery-list > li .btn-list {
	position: absolute;
	left: 10px;
	top: 10px;
	right: 10px;
	z-index: 1020;
}

.gallery-list > li .info {
	padding: 8px 10px;
}

.gallery-list > li .info * {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.gallery-list > li .info h5 {
	margin: 0;
	font-size: 12px;
}

@media (max-width: 991px) {
	.gallery-list > li {
		width: 33.33%;
	}
}

@media (max-width: 480px) {
	.gallery-list > li {
		width: 50%;
	}
}

.tag-list {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.tag-list:before,
.tag-list:after {
	content: '';
	display: table;
	clear: both;
}

.tag-list > li {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

.tag-list > li a,
.tag-list > li span {
	border: 2px solid #ebeced;
	border-radius: 40px;
	color: #30373e;
	font-size: 11px;
	padding: 2px 8px;
	display: block;
}

.tag-list > li.active a,
.tag-list > li.active span {
	color: #30373e;
	border-color: #30373e;
}

/* 10.4 Page - Invoice Setting */

.invoice {
	padding: 40px;
	border-radius: 5px;
	background: #fff;
	box-shadow: 0 2px 0 rgba(0, 0, 0, 0.07);
	-webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.07);
	margin: 0 auto 20px;
	max-width: 980px;
}

.invoice-logo {
	font-size: 20px;
	line-height: 36px;
	text-align: right;
}

.invoice-logo img {
	height: 36px;
	margin-right: 5px;
}

.invoice-company {
	text-align: right;
}

.invoice-title {
	font-size: 28px;
	line-height: 36px;
	margin-top: 0;
	margin-bottom: 20px;
}

.invoice-detail {
	float: right;
}

.invoice-header {
	padding: 20px 0 40px;
}

.invoice .table {
	margin-bottom: 80px;
}

.invoice .table thead th {
	font-size: 12px;
}

.invoice .table thead th {
	padding-top: 12px;
}

.invoice .table tbody td {
	padding-top: 15px;
	padding-bottom: 15px;
}

.invoice .table tbody .tax td {
	border: none;
}

.invoice .table tbody .total td {
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-color: transparent !important;
}

.invoice .table tbody .total td.text,
.invoice .table tbody .total td.value {
	border-top-color: #ebeced !important;
	border-bottom: 2px solid #ebeced !important;
}

.invoice .table tbody .subtotal td {
	padding-bottom: 0;
}

.invoice-note {
	font-size: 11px;
	margin-bottom: 40px;
}

.invoice-footer {
	padding-top: 15px;
	border-top: 2px solid #ebeced;
	font-size: 11px;
}

@media (max-width: 767px) {
	.invoice {
		padding: 20px;
	}

	.invoice-title {
		font-size: 24px;
		line-height: 28px;
	}

	.invoice-header {
		padding: 0;
	}

	.invoice-detail {
		float: none;
	}

	.invoice-note {
		margin-bottom: 20px;
	}

	.invoice-footer p {
		margin: 0;
	}
}

/* 10.5 Page - Login & Register Setting */

.register,
.login {
	width: 420px;
	display: block;
	top: 80px;
	margin-left: -210px;
	z-index: 1020;
}

.login {
	top: 100px;
	position: absolute;
	left: 50%;
}

.register-content,
.login-content {
	padding: 25px 30px;
	border-radius: 0 0 8px 8px;
	background: #fff;
	box-shadow: 0 2px 0 rgba(0, 0, 0, 0.07);
}

.register-brand,
.login-brand {
	font-size: 18px;
	font-weight: bold;
	padding: 15px 30px;
	line-height: 36px;
	border-radius: 8px 8px 0 0;
}

@media (max-width: 420px) {
	.register,
	.login {
		width: 100%;
		left: 0;
		top: 0;
		margin: 0;
		bottom: 0;
		background: #fff;
	}

	.register-content,
	.login-content {
		box-shadow: none;
	}

	.register-brand,
	.login-brand,
	.register-content,
	.login-content {
		border-radius: 0;
	}
}

/* 10.6 Page - Search Result Setting */

.search-container {
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 2px 0 rgba(0, 0, 0, 0.07);
	position: relative;
	margin-bottom: 20px;
}

.search-container.search-container-inverse {
	background: #3C454D;
}

.search-container.search-container-inverse .form-control {
	color: #fff;
}

.search-container .search-icon {
	float: left;
	width: 60px;
	text-align: center;
	line-height: 50px;
	font-size: 18px;
}

.search-container .search-input {
	margin-left: 60px;
	margin-right: 360px;
}

.search-container .search-input .form-control {
	border: none;
	height: 50px;
	line-height: 50px;
	padding-left: 0;
	padding-right: 0;
	background: none;
}

.search-container .search-item {
	position: absolute;
	top: 0;
	right: 0;
	width: 360px;
	padding: 0 20px;
}

.search-container .search-item .search-item-link {
	color: #8d9aa5;
	font-size: 14px;
	line-height: 50px;
	display: block;
	font-weight: normal;
}

.search-container .search-item .search-item-link:hover,
.search-container .search-item .search-item-link:focus {
	color: #30373e;
	text-decoration: none;
}

.search-container.search-container-inverse .search-item .search-item-link:hover,
.search-container.search-container-inverse .search-item .search-item-link:focus {
	color: #fff;
}

.search-container .search-item .search-item-link i {
	color: #bec3c6;
	font-size: 12px;
	margin-left: 5px;
}

.search-container .search-item .dropdown-menu {
	margin-top: -10px;
}

@media (max-width: 767px) {
	.search-container .search-icon {
		width: auto;
		text-align: center;
		position: absolute;
		right: 0;
		padding-right: 20px;
	}

	.search-container .search-input {
		margin: 0;
		padding-left: 20px;
		padding-right: 45px;
	}

	.search-container .search-item {
		padding: 0;
		position: relative;
		width: auto;
	}

	.search-container .search-item .search-item-link {
		line-height: 40px;
		padding-left: 20px;
		padding-right: 20px;
		border-top: 2px solid #EAEDEF;
	}

	.search-container .search-item .search-item-link i {
		float: right;
		line-height: 40px;
	}
}

.search-result-total {
	float: right;
	padding: 0 20px;
	line-height: 48px;
}

.search-result-container {
	border: none;
	-webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.07);
	box-shadow: 0 2px 0 rgba(0, 0, 0, 0.07);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 20px;
	background: #fff;
}

.search-result-header {
	border-radius: 5px 5px 0 0;
}

.search-result-header .nav.nav-tabs {
	border-bottom: none;
}

.search-result-header .nav.nav-tabs:before,
.search-result-header .nav.nav-tabs:after {
	clear: none;
}

.search-result-header .nav.nav-tabs > li:after {
	bottom: -1px;
}

.search-result-header .nav.nav-tabs.nav-tabs-white > li > a {
	color: rgba(255, 255, 255, 0.5);
}

.search-result-header .nav.nav-tabs.nav-tabs-white > li.active > a,
.search-result-header .nav.nav-tabs.nav-tabs-white > li > a:hover,
.search-result-header .nav.nav-tabs.nav-tabs-white > li > a:focus {
	color: #fff;
}

@media (max-width: 767px) {
	.search-result-header .nav.nav-tabs > li:after {
		bottom: -2px;
	}
}

/* 10.7 Page - Timeline Setting */

.timeline {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: relative;
}

.timeline:before {
	content: '';
	position: absolute;
	top: 5px;
	bottom: 5px;
	width: 3px;
	background: #ebeced;
	left: 20%;
	margin-left: -1.5px;
}

.timeline > li:before,
.timeline > li:after {
	content: '';
	display: table;
	clear: both;
}

.timeline > li {
	position: relative;
}

.timeline > li + li {
	margin-top: 20px;
}

.timeline .timeline-body {
	margin-left: 25%;
	margin-right: 10%;
	background: #fff;
	border-radius: 5px;
	padding: 20px;
	box-shadow: 0 2px 0 rgba(0, 0, 0, 0.07);
	-webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.07);
}

.timeline .timeline-time {
	font-size: 24px;
	width: 15%;
	float: left;
	text-align: right;
}

.timeline .timeline-time .date,
.timeline .timeline-time .time {
	display: block;
}

.timeline .timeline-time .date {
	font-size: 13px;
}

.timeline .timeline-icon {
	position: absolute;
	left: 15%;
	width: 10%;
	text-align: center;
}

.timeline .timeline-icon a {
	display: block;
	width: 42px;
	height: 42px;
	border-radius: 42px;
	line-height: 32px;
	font-size: 14px;
	border: 5px solid #d5d8da;
	background: #ebeced;
	margin: 0 auto;
	position: relative;
	z-index: 1000;
	color: #3C454D;
}

.timeline .timeline-icon a:hover,
.timeline .timeline-icon a:focus {
	color: #fff;
	background: #3C454D;
}

.timeline .timeline-title {
	width: 40%;
	float: left;
	text-align: center;
	font-size: 24px;
	padding: 10px 0;
	background: #d5d8da;
}

.timeline-header {
	margin-bottom: 15px;
	float: left;
	width: 100%;
}

.timeline-header .userimage {
	float: left;
	width: 40px;
	height: 40px;
}

.timeline-header .userimage img {
	max-width: 100%;
}

.timeline-header .username,
.timeline-header .userimage,
.timeline-header .username small {
	display: block;
}

.timeline-header .username {
	margin-left: 50px;
	font-size: 16px;
	padding: 2px 0;
}

.timeline-header .username small {
	font-size: 13px;
	color: #8a8f94;
	line-height: 14px;
}

.timeline-header .pull-right > a {
	font-size: 20px;
	line-height: 22px;
	padding: 0 5px;
	color: #8a8f94;
}

.timeline-header .pull-right > a:hover,
.timeline-header .pull-right > a:focus {
	color: #3C454D;
}

.timeline-content:before,
.timeline-content:after {
	content: '';
	display: table;
	clear: both;
}

.timeline-content p {
	margin: 0;
}

.timeline-content p + p {
	margin-top: 10px;
}

.timeline-content .timeline-main-image {
	height: 300px;
	overflow: hidden;
}

.timeline-content .timeline-sub-image {
	height: 148px;
	overflow: hidden;
}

.timeline-content .timeline-sub-image + .timeline-sub-image {
	margin-top: 2px;
}

.timeline-content img {
	max-width: 100%;
}

.timeline-content .timeline-main-image img,
.timeline-content .timeline-sub-image img {
	min-width: 100%;
	min-height: 100%;
}

.timeline-footer {
	border-top: 2px solid #dfe0e1;
	margin: 15px 0 -20px;
	padding: 15px 0;
}

.timeline-footer a {
	color: #8a8f94;
}

@media (max-width: 991px) {
	.timeline-content .timeline-main-image {
		height: 150px;
	}

	.timeline-content .timeline-sub-image {
		height: 74px;
	}

	.timeline-content .timeline-main-image img,
	.timeline-content .timeline-sub-image img {

	}
}

@media (max-width: 767px) {
	.timeline:before {
		left: 50%;
	}

	.timeline .timeline-body {
		width: auto;
		margin: 0;
	}

	.timeline .timeline-title {
		float: none;
		width: auto;
		background: #d5d8da;
	}

	.timeline .timeline-time {
		float: none;
		width: auto;
		background: #D5D8DA;
		padding-top: 5px;
		text-align: center;
		margin-bottom: -5px;
	}

	.timeline .timeline-time .date {
		margin-bottom: -5px;
	}

	.timeline .timeline-icon {
		width: auto;
		position: relative;
		left: 0;
		margin-bottom: 15px;
	}
}

/* 10.8 Page - Email Inbox Setting */

.mail-box {
	position: relative;
	height: 100%;
}

.mail-box-sidebar {
	height: 100%;
	float: left;
	width: 250px;
	background: #f9f9f9;
}

.mail-box-wrapper {
	padding: 25px;
}

.mail-box-content {
	height: 100%;
	margin-left: 250px;
}

.mail-box-menu {
	list-style-type: none;
	margin: 0 -25px 25px;
	padding: 0;
}

.mail-box-menu > li > a {
	color: #fff;
	display: block;
	color: rgb(129, 137, 144);
	line-height: 30px;
	text-decoration: none;
	padding: 0 25px;
}

.mail-box-menu > li > a:hover,
.mail-box-menu > li > a:focus {
	color: #30373e;
}

.mail-box-menu > li.active > a {
	background: url(../img/transparent/black-0.1.png);
	background: rgba(0, 0, 0, 0.1);
	color: #30373e;
}

.mail-box-menu > li > a b {
	font-size: 13px;
	margin-left: 3px;
	color: #30373e;
}

.mail-box-sidebar .title {
	font-size: 11px;
	letter-spacing: 0.5px;
}

.mail-box-user-list {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.mail-box-user-list > li:before,
.mail-box-user-list > li:after {
	content: '';
	display: table;
	clear: both;
}

.mail-box-user-list > li + li {
	margin-top: 10px;
}

.mail-box-user-list img {
	width: 30px;
	height: 30px;
	border-radius: 30px;
	float: left;
	margin-right: 10px;
}

.mail-box-user-list i {
	font-size: 8px;
	position: absolute;
	top: 2px;
	left: 24px;
}

.mail-box-user-list > li a {
	display: block;
	line-height: 30px;
	color: #818990;
	text-decoration: none;
	position: relative;
}

.mail-box-user-list > li a:hover,
.mail-box-user-list > li a:focus {
	color: #404952;
}

.mail-box-header {
	padding: 15px 25px 0;
}

.mail-box-mobile-toggler {
	display: none;
}

.mail-box-content {
	position: relative;
}

.mail-box-toolbar {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	padding: 15px 20px;
	background: #ebeced;
}

.mail-box-container {
	height: 100%;
	padding: 58px 0 0;
	background: #fff;
}

.table-email {
	width: 100%;
	max-width: 100%;
}

.table-email > tbody > tr + tr td {
	border-top: 1px solid #ebeced;
}

.table-email > tbody > tr > td {
	padding: 12px 20px;
}

.table-email > tbody > tr:hover,
.table-email > tbody > tr:focus {
	background: #f4f4f4;
}

.table-email .email-checkbox a,
.table-email .email-sender a,
.table-email .email-message a,
.table-email .email-attachment a,
.table-email .email-date a {
	display: block;
	padding: 12px 20px;
	margin: -12px -20px;
	color: #30373e;
	line-height: 20px;
	height: 40px;
	text-decoration: none;
}

.table-email .email-checkbox {
	width: 1%;
	font-size: 20px;
}

.table-email .email-checkbox input {
	display: none;
}

.table-email .email-checkbox a {
	color: #8a8f94;
}

.table-email .checked,
.table-email .checked:hover,
.table-email .checked:focus {
	background: #ffc;
}

.table-email .checked .email-checkbox a i:before {
	content: '\f14a';
	color: #30373e;
}

.table-email .email-checkbox a:hover,
.table-email .email-checkbox a:focus {
	color: #888f95;
}

.table-email .email-sender a {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 200px;
}

.table-email .email-title {
	height: 20px;
	overflow: hidden;
	display: block;
}

.table-email .unread .email-sender a,
.table-email .unread .email-title {
	font-weight: normal;
}

.table-email .email-desc {
	color: #8d9aa5;
	font-weight: 300;
}

.table-email .email-attachment a {
	font-size: 18px;
	color: #8a8f94;
}

.table-email .email-date {
	white-space: nowrap;
}

@media (min-width: 768px) {
	.email-sidebar.dropdown-menu {
		display: block;
		width: 100%;
		min-width: 100%;
		box-shadow: none;
		background: none;
		position: relative;
		top: 0;
	}
}

@media (max-width: 767px) {
	.mail-box-sidebar {
		float: none;
		height: auto;
		width: auto;
	}

	.mail-box-mobile-toggler {
		padding: 10px 20px;
		text-align: center;
		display: block;
	}

	.mail-box-content {
		margin: 0;
	}

	.mail-box-container,
	.mail-box-container > div {
		height: auto !important;
	}

	.email-sidebar.dropdown-menu {
		height: auto !important;
		left: 50px;
		right: 50px;
	}

	.open .mail-box-mobile-toggler:before {
		content: '';
		position: absolute;
		top: 100%;
		left: 50%;
		margin-left: -7px;
		border: 7px solid transparent;
		border-bottom-color: #fff;
		margin-top: -12px;
		z-index: 1020;
	}

	.table-email > tbody > tr {
		position: relative;
		display: block;
	}

	.table-email > tbody > tr + tr {
		border-top: 1px solid #ebeced;
	}

	.table-email > tbody > tr > td {
		display: block;
		padding: 0 !important;
		border: none !important;
	}

	.table-email .email-checkbox a,
	.table-email .email-sender a,
	.table-email .email-message a,
	.table-email .email-attachment a,
	.table-email .email-date a {
		margin: 0 !important;
		padding: 12px 0 !important;
	}

	.table-email .email-checkbox {
		float: left;
		width: 40px;
	}

	.table-email .email-checkbox a {
		width: 40px;
		text-align: right;
	}

	.table-email .email-sender,
	.table-email .email-message {
		margin-left: 40px;
	}

	.table-email .email-sender a {
		padding: 12px 95px 0px 10px !important;
		width: auto !important;
		height: 30px !important;
	}

	.table-email .email-message a {
		padding: 0 20px 12px 10px !important;
		height: 30px !important;
	}

	.table-email .email-attachment {
		position: absolute;
		right: 70px;
		top: 0;
	}

	.table-email .email-date {
		position: absolute;
		right: 20px;
		top: 0;
	}
}

/* 10.9 Page - Email Detail Setting */

.mail-box-container {
	height: 100%;
	padding: 58px 0 0;
	background: #fff;
}

.mail-detail-header,
.mail-detail-info,
.mail-detail-body,
.mail-detail-attachment {
	padding: 20px;
}

.mail-detail-header,
.mail-detail-info,
.mail-detail-attachment {
	border-bottom: 1px solid #ebeced;
}

.mail-detail-header .mail-subject {
	margin: 0;
}

.mail-detail-info .media .pull-left {
	padding-right: 15px;
}

.mail-detail-info .media-object {
	width: 60px;
	height: 60px;
	background: #ebeced;
	color: #8d9aa5;
	border-radius: 60px;
	overflow: hidden;
	text-align: center;
	display: block;
	font-size: 36px;
	line-height: 50px;
}

.mail-detail-info .email-from {
	font-size: 16px;
	font-weight: 600;
}

.mail-detail-attachment {
	padding-bottom: 5px;
}

.mail-attachment {
	height: 80px;
	width: 100px;
	background: #ebeced;
	float: left;
	margin: 0 10px 10px 0;
}

.mail-attachment:hover,
.mail-attachment:focus {
	background: #bcbdbe;
}

.mail-attachment a {
	color: #30373e;
	text-decoration: none;
	display: block;
}

.mail-attachment .document-file {
	height: 60px;
	line-height: 63px;
	color: #fff;
	font-size: 36px;
	text-align: center;
	overflow: hidden;
}

.mail-attachment .document-file img {
	max-width: 100%;
	display: block;
}

.mail-attachment .document-name {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 12px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	line-height: 20px;
	background: url(../img/transparent/black-0.1.png);
	background: rgba(0, 0, 0, 0.1);
}

/* 10.10 Page - Email Compose Setting */

.mail-to-box,
.mail-subject-box {
	border-bottom: 1px solid #ebeced;
}

.mail-input-box {
	position: relative;
}

.mail-to-box .form-control,
.mail-subject-box .form-control {
	border: none;
	padding: 10px 20px;
	height: 46px;
	line-height: 26px;
}

.mail-to-box label + .form-control {
	padding-left: 55px;
}

.mail-input-box + .mail-input-box {
	border-left: 1px solid #ebeced;
}

.mail-input-box label {
	position: absolute;
	top: 0;
	left: 0;
	line-height: 46px;
	width: 55px;
	padding: 0 10px 0 20px;
}

.mail-box .note-editor,
.mail-box .note-toolbar.panel-heading {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

@media (max-width: 767px) {
	.mail-input-box + .mail-input-box {
		border-left: none;
		border-top: 1px solid #ebeced;
	}
}

/* -------------------------------
   11.0 Widgets
------------------------------- */

/* 11.1 Widget - Basic Element Setting */

.widget {
	border: none;
	-webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.07);
	box-shadow: 0 2px 0 rgba(0, 0, 0, 0.07);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 20px;
	position: relative;
	background: #fff;
	padding: 20px;
	display: block;
}

.widget-header {
	margin: -20px -20px 0;
	padding: 15px 20px;
	border-radius: 5px 5px 0 0;
	position: relative;
}

.widget-header h4 {
	margin: 0;
	font-size: 14px;
}

.widget-header p {
	margin-bottom: 0;
}

.widget-header-btn {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 20px;
	top: 10px;
}

.widget-header-btn > li {
	float: left;
}

.widget-header-btn > li + li {
	margin-left: 5px;
}

.widget-header-btn a {
	padding: 0px 12px;
	display: block;
	line-height: 26px;
	text-align: center;
	min-width: 28px;
	height: 26px;
	font-size: 12px;
	box-shadow: none !important;
}

.widget-header + .widget-body {
	margin-top: 0;
}

.widget-body + .widget-body {
	margin-top: 20px;
}

.widget-body {
	margin: -20px;
	padding: 20px;
	position: relative;
}

/* 11.2 Widget - Loader Setting */

.widget-loader {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1020;
	background: url(../img/transparent/white-0.9.png);
	background: rgba(255, 255, 255, 0.95);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #30373e;
}

/* 11.3 Widget - Stat Setting */

.widget.widget-stat {
	text-align: center;
}

.widget-stat-number {
	font-size: 26px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: bold;
}

.widget-stat-btn {
	position: absolute;
	right: 15px;
	top: 15px;
	z-index: 1000;
}

.widget-stat-btn a {
	color: #000;
	opacity: 0.3;
	display: block;
	text-decoration: none;
}

.bg-inverse .widget-stat-btn a,
.bg-inverse-light .widget-stat-btn a,
.bg-inverse-dark .widget-stat-btn a {
	color: #fff;
}

.widget-stat-btn a:hover,
.widget-stat-btn a:focus {
	opacity: 0.5;
}

.widget-stat-btn a .fa {
	display: block;
}

.widget-stat-icon {
	font-size: 96px;
	color: #000;
	opacity: 0.25;
	position: absolute;
	right: 0;
	bottom: 0;
	top: 25%;
	overflow: hidden;
}

.bg-inverse .widget-stat-icon,
.bg-inverse-light .widget-stat-icon,
.bg-inverse-dark .widget-stat-icon {
	color: #fff;
}

.widget-stat-info {
	text-align: left;
	position: relative;
}

.widget-stat-title {
	font-weight: 600;
}

.widget-stat-text {
	font-size: 12px;
}

.widget-stat-text,
.widget-stat-title {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
}

.widget-stat-cover {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	overflow: hidden;
	border-radius: 5px 5px 0 0;
}

.widget-stat-cover img {
	min-height: 100%;
	max-width: 100%;
}

.widget-stat-cover:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: #000;
	opacity: 0.3;
}

.widget-stat-content {
	position: relative;
	text-align: left;
}

.widget-stat-chart {
	margin: 0 -20px -20px;
	overflow: hidden;
	border-radius: 0 0 5px 5px;
	position: relative;
}

.widget-stat-header {
	margin: -20px -20px 20px;
	padding: 20px;
	border-radius: 5px 5px 0 0;
	position: relative;
}

/* 11.4 Widget - Blog Setting */

.widget.widget-blog {
	overflow: hidden;
	padding: 0;
}

.widget-blog-cover {
	position: relative;
	overflow: hidden;
	padding-top: 60%;
}

.widget-blog-cover img {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	max-width: 100%;
	min-height: 100%;
}

.animation-grow-hover {
	transition: all .1s ease-in-out;
}

.animation-grow-hover:hover {
	transform: scale(1.1);
}

.widget-blog-author {
	margin: 0px;
	padding: 10px 20px;
}

.widget-blog-author-info {
	padding-left: 75px;
}

.widget-blog-author-image {
	float: left;
	margin-top: -30px;
	padding: 5px;
	border-radius: 70px;
	width: 70px;
	height: 70px;
	background: #fff;
	position: relative;
}

.widget-blog-author-image img {
	max-width: 100%;
	border-radius: 70px;
}

.widget-blog-content {
	padding: 0 20px 20px;
}

.widget-blog-content h5 {
	margin: 5px 0;
}

.widget-blog-content p {
	margin: 0;
}

.widget-blog .widget-blog-cover img {
	transition: all .1s ease-in-out;
}

.widget-blog:hover .widget-blog-cover img {
	max-width: 110%;
	min-height: 110%;
	margin-left: -5%;
	margin-top: -5%;
}

/* 11.5 Widget - Gallery List Setting */

.widget-gallery-header {
	margin: -20px -20px 0;
	padding: 20px;
	border-radius: 5px 5px 0 0;
}

.widget-gallery-header h5,
.widget-gallery-header p {
	margin: 0;
}

.widget-gallery-header p {
	font-size: 12px;
}

.widget-gallery-list {
	list-style-type: none;
	margin: -5px -20px -20px;
	padding: 3px 0 0 3px;
}

.widget-gallery-list > li {
	width: 25%;
	position: relative;
	padding-top: 25%;
	overflow: hidden;
	float: left;
}

.widget-gallery-list > li > a,
.widget-gallery-list > li > a div {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.widget-gallery-list > li > a {
	right: 3px;
	bottom: 3px;
}

.widget-gallery-list > li > a div {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.widget-gallery-list > li.empty a,
.widget-gallery-list > li.add a {
	position: absolute;
	top: 0;
	left: 0;
	right: 3px;
	bottom: 3px;
	max-height: 100%;
	text-align: center;
}

.widget-gallery-list > li i {
	position: absolute;
	top: 50%;
	line-height: 28px;
	margin-top: -14px;
	font-size: 28px;
	left: 0;
	right: 0;
}

.widget-gallery-list > li img {
	position: absolute;
	right: 0;
	bottom: 0;
	max-height: 100%;
}

.widget-gallery-list > li a:before {
	content: '';
	position: absolute;
	top: 50%;
	right: 50%;
	bottom: 50%;
	left: 50%;
	transition: all .2s ease-in-out;
	background: transparent;
	z-index: 1020;
	border-radius: 50%;
}

.widget-gallery-list > li:hover a:before {
	content: '';
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: url(../img/transparent/black-0.3.png);
	background: rgba(0, 0, 0, 0.3);
	border-radius: 0%;
}

.widget-gallery-list > li a {
	background: #EAEDEF;
	color: #8a8f94;
	text-decoration: none;
}

/* 11.6 Widget - Image Setting */

.widget.widget-image {
	overflow: hidden;
}

.widget.widget-image .widget-header + .widget-image-cover {
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	margin-top: 0;
}

.widget-image-cover {
	margin: -20px;
	padding: 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
	background: #3C454D;
	padding-top: 100%;
	position: relative;
}

.widget-image-cover img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	min-height: 100%;
	max-width: 100%;
}

.widget-image .widget-image-cover img {
	transition: all .1s ease-in-out;
}

.widget-image:hover .widget-image-cover img {
	max-width: 110%;
	min-height: 110%;
	margin-left: -5%;
	margin-top: -5%;
}

.widget-image-info {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 75%);
	padding: 20px;
	color: #fff;
}

.widget-image-info h5 {
	color: #fff;
	margin-top: 0;
	margin-bottom: 5px;
	font-size: 16px;
}

.widget-image-info p {
	color: #fff;
	color: rgba(255, 255, 255, 0.9);
}

.widget-image-info .sub-title {
	color: #fff;
}

.widget-image-user .widget-image-user-image {
	border-radius: 36px;
	float: left;
	width: 36px;
	background: #fff;
}

.widget-image-user .widget-image-user-image img {
	max-width: 100%;
	border-radius: 36px;
}

.widget-image-user .widget-image-user-info {
	margin-left: 46px;
}

.widget-image-user .widget-image-user-info span {
	color: #fff;
	color: rgba(255, 255, 255, 0.8);
	font-size: 12px;
	display: block;
}

.widget-image-rating {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.widget-image-rating > li {
	display: inline;
}

.widget-image-rating-text {
	color: #fff;
	color: rgba(255, 255, 255, 0.8);
	font-size: 12px;
}

.widget-image-rating > li.active {
	color: #fcaf41;
}

/* 11.7 Widget - Chart Setting */

.widget-chart-placeholder {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.widget-chart-placeholder.inline > li {
	display: inline;
}

.widget-chart-placeholder.inline > li + li {
	margin-left: 15px;
}

.widget-chart-placeholder > li {
	position: relative;
	padding-left: 18px;
	line-height: 20px;
}

.widget-chart-placeholder > li .legend-circle {
	width: 8px;
	height: 8px;
	border-radius: 8px;
	position: absolute;
	left: 0;
	top: 5px;
}

/* 11.8 Widget - Chat History Setting */

.widget-chat {
	position: relative;
	overflow: hidden;
}

.widget-chat .widget-header a:hover,
.widget-chat .widget-header a:focus {
	color: #8a8f94;
	text-decoration: none;
}

.widget-body .widget-chat-list {
	margin: -20px;
}

.widget-chat-list {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.widget-chat-list li + li {
	margin-top: -1px;
}

.widget-chat-list > li:before,
.widget-chat-list > li:after,
.widget-chat-list > li a:before,
.widget-chat-list > li a:after {
	content: '';
	display: table;
	clear: both;
}

.widget-chat-list a {
	text-decoration: none;
	color: #30373e;
	display: block;
	padding: 0 20px;
	transition: background .1s linear;
}

.widget-chat-list li:last-child a {
	border-radius: 0 0 5px 5px;
}

.widget-chat-list a:hover,
.widget-chat-list a:focus {
	background: #ebeced;
}

.widget-chat-list .chat-image {
	float: left;
	width: 48px;
	height: 48px;
	border-radius: 48px;
	overflow: hidden;
	margin-top: 10px;
}

.widget-chat-list .chat-image img {
	display: block;
	max-width: 100%;
}

.widget-chat-list .chat-info {
	margin-left: 63px;
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
}

.widget-chat-list li + li .chat-info {
	border-top: 1px solid #ebeced;
}

.widget-chat-list .chat-info h4 {
	margin: 5px 0;
	font-size: 14px;
	padding-right: 70px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.widget-chat-list .chat-info p {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 5px;
	color: #8a8f94;
}

.widget-chat-list .chat-info .chat-time {
	position: absolute;
	right: 0;
	top: 15px;
	font-size: 11px;
	color: #8a8f94;
}

.widget-chat-detail {
	position: absolute;
	left: 100%;
	right: -100%;
	top: 0;
	bottom: 0;
	background: #fff;
	border-radius: 0 0 5px 5px;
	transition: all .2s ease-in-out;
	background: #ebeced;
}

.widget-chat-detail-toggled .widget-chat-detail {
	left: 0;
	right: 0;
}

.widget-chat-detail-list {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.widget-chat-detail-container {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 54px;
}

.widget-chat-detail-list > li {
	padding: 20px;
}

.widget-chat-detail-list > li + li {
	padding-top: 0;
}

.widget-chat-detail-list > li.time {
	text-align: center;
	padding: 0;
	margin-bottom: 10px;
}

.widget-chat-detail-list > li .time {
	float: right;
	font-size: 11px;
	color: #8a8f94;
	margin-top: 2px;
}

.widget-chat-detail-list > li.time span {
	display: inline-block;
	padding: 5px 10px;
	border-radius: 5px;
	background: #fff;
	font-size: 11px;
	font-weight: normal;
}

.widget-chat-detail-list > li:before,
.widget-chat-detail-list > li:after {
	content: '';
	display: table;
	clear: both;
}

.widget-chat-detail-list > li .image {
	float: left;
	width: 28px;
	height: 28px;
	border-radius: 28px;
	overflow: hidden;
}

.widget-chat-detail-list > li .image img {
	display: block;
	max-width: 100%;
}

.widget-chat-detail-list > li .chat-info {
	margin-left: 38px;
}

.widget-chat-detail-list > li .message {
	padding: 7px 10px;
	border-radius: 5px;
	background: #fff;
	margin-top: 3px;
	position: relative;
}

.widget-chat-detail-list > li .message:before {
	content: '';
	position: absolute;
	left: -10px;
	top: 5px;
	border: 5px solid transparent;
	border-right-color: #fff;
}

.widget-chat-detail-list > li.right .image {
	float: right;
}

.widget-chat-detail-list > li.right {
	text-align: right;
}

.widget-chat-detail-list > li.right .chat-info {
	margin-left: 0;
	margin-right: 38px;
}

.widget-chat-detail-list > li.right .message {
	background: #2184DA;
	color: #fff;
	text-align: left;
}

.widget-chat-detail-list > li.right .message:before {
	right: -10px;
	left: auto;
	border-right-color: transparent;
	border-left-color: #2184DA;
}

.widget-chat-detail-list > li.right .time {
	float: left;
}

.widget-chat-input {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 10px;
	background: #fff;
	z-index: 1020;
	border-radius: 0 0 5px 5px;
}

.widget-chat-detail .widget-header {
	position: absolute;
	left: 0;
	top: -45px;
	right: 0;
	margin: 0;
}

.widget-map-left {
	-webkit-border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
	overflow: hidden;
}

.widget-map-right {
	-webkit-border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
	overflow: hidden;
}

.widget-body .widget-map-left {
	-webkit-border-radius: 0 0 0 5px;
	-moz-border-radius: 0 0 0 5px;
	border-radius: 0 0 0 5px;
}

.widget-body .widget-map-right {
	-webkit-border-radius: 0 0 5px 0;
	-moz-border-radius: 0 0 5px 0;
	border-radius: 0 0 5px 0;
}

@media (max-width: 991px) {
	.widget-map-left {
		-webkit-border-radius: 5px 5px 0 0;
		-moz-border-radius: 5px 5px 0 0;
		border-radius: 5px 5px 0 0;
	}

	.widget-map-right {
		-webkit-border-radius: 0 0 5px 5px;
		-moz-border-radius: 0 0 5px 5px;
		border-radius: 0 0 5px 5px;
	}
}

/* 11.9 Widget - Todolist Setting */

.widget-todolist-header-title {
	margin: 0;
}

.widget-todolist {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.widget .widget-todolist {
	margin: 0 -20px -20px -20px;
}

.widget-todolist > li {
	padding: 10px 20px;
	position: relative;
}

.widget-todolist > li.widget-todolist-title + li,
.widget-todolist > li + li.widget-todolist-title {
	border-top: none;
}

.widget-todolist > li + li {
	border-top: 2px solid #ebeced;
}

.widget-todolist > li:last-child {
	border-radius: 0 0 5px 5px;
}

.widget-todolist > li.widget-todolist-title {
	background: #ebeced;
	padding: 5px 20px;
	font-weight: bold;
}

.widget-todolist .checkbox {
	float: left;
	font-size: 18px;
	color: #30373e;
	margin: 0;
	width: 18px;
}

.widget-todolist > li.completed .checkbox i:before {
	content: '\f14a';
}

.widget-todolist > li.completed .info {
	text-decoration: line-through;
}

.widget-todolist > li.completed .info {
	opacity: 0.5;
}

.widget-todolist .checkbox label {
	padding: 0;
	margin: 0;
}

.widget-todolist .checkbox input {
	display: none;
}

.widget-todolist .info {
	margin-left: 28px;
	padding-right: 38px;
}

.widget-todolist .info h4 {
	margin: 4px 0 2px;
	font-size: 13px;
}

.widget-todolist .info p {
	font-size: 12px;
	color: #8a8f94;
	margin-bottom: 0;
}

.widget-todolist .action {
	font-size: 18px;
	width: 28px;
	position: absolute;
	right: 20px;
	top: 15px;
	color: #8a8f94;
}

.widget-todolist .action > a {
	display: block;
	text-align: center;
	color: #EBECED;
}

.widget-todolist .action > a:hover,
.widget-todolist .action > a:focus {
	color: #bcbdbe;
}

/* 11.10 Widget - Task List Setting */

.widget-task-list {
	list-style-type: none;
	margin: 0 -20px -20px;
	padding: 0;
}

.widget-task-list > li:before,
.widget-task-list > li:after {
	content: '';
	display: table;
	clear: both;
}

.widget-task-list > li {
	padding: 15px 20px;
}

.widget-task-list > li + li {
	border-top: 2px solid #ebeced;
}

.widget-task-list > li h4 {
	font-size: 14px;
	margin: 0 0 3px;
}

.widget-task-list > li p {
	font-size: 12px;
	color: #8a8f94;
	margin: 0 0 6px;
}

.widget-task-list > li .progress {
	margin: 0;
}

.widget-body .widget-task-list {
	margin: 0;
}

/* 11.11 Widget - Theme Panel Setting */

.theme-panel {
	position: fixed;
	right: -280px;
	top: 0;
	bottom: 0;
	z-index: 1050;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	transition: all .2s ease;
}

.theme-panel.expand {
	 right: 0;
}

.theme-panel .theme-collapse-btn {
	width: 36px;
	height: 36px;
	color: #30373e;
	text-align: center;
	line-height: 40px;
	display: block;
	position: absolute;
	left: -36px;
	top: 190px;
	background: #fff;
	background: rgba(255, 255, 255, 0.98);
	border-radius: 6px 0 0 6px;
	font-size: 18px;
}

.theme-panel .horizontal-divider {
	margin: 20px -20px;
}

.theme-panel-content {
	width: 280px;
	border-radius: 6px 0 0 6px;
	background: #fff;
	background: rgba(255, 255, 255, 0.98);
	padding: 20px;
	height: 100%;
	overflow: scroll;
}

.theme-list {
	list-style-type: none;
	margin: 0 -8px -8px 0;
	padding: 0;
}

.theme-list > li {
	float: left;
	margin-right: 8px;
	margin-bottom: 8px;
	position: relative;
}

.theme-list > li.active a:after {
	content: '\f00c';
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	line-height: 34px;
	top: 0;
	font-size: 18px;
	color: #fff;
	color: rgba(255, 255, 255, 0.8);
	z-index: 1020;
}

.theme-list > li.active a.bg-white:after {
	color: #fff;
	color: rgba(48, 55, 62, 0.8);
}

.theme-list > li > a {
	display: block;
	width: 33px;
	height: 33px;
	text-decoration: none;
	position: relative;
	border-radius: 30px;
	overflow: hidden;
	-webkit-transition: opacity ease .1s;
	-moz-transition: opacity ease .1s;
	transition: opacity ease .1s;
}

.theme-list > li > a.bg-white {
	background: #EFF0F1 !important;
}

.theme-list > li > a:hover,
.theme-list > li > a:focus {
	opacity: 0.8;
}

.theme-list > li > a:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 50%;
	background: url(../img/transparent/black-0.5.png);
	background: rgba(0, 0, 0, 0.5);
}

/* -------------------------------
   12.0 Update - v1.1
------------------------------- */

/* 12.1 Widget - Stat Progress */

.widget-stat-right .widget-stat-icon {
	float: right;
}

.widget-stat-right .widget-stat-info {
	margin-left: 0;
	margin-right: 0px;
	position: relative;
}

.widget-stat-right .widget-stat-info .widget-stat-title {
	margin-bottom: 5px;
}

.widget-stat-right .widget-stat-footer {
	margin: -10px 0;
	text-align: left;
	color: #fff;
	color: rgba(255, 255, 255, 0.7);
	font-size: 12px;
	position: relative;
}

.widget-stat-progress {
	margin: 10px -20px;
	position: relative;
}

.widget-stat-progress .progress {
	background: url(../img/transparent/black-0.5.png);
	background: rgba(0, 0, 0, 0.5);
	height: 2px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.widget-stat-progress .progress .progress-bar {
	background: #fff;
}

/* 12.2 Panel - Option */

.panel-option {
	padding: 15px;
	background: #edeff0;
	font-size: 12px;
	font-weight: bold;
}

.panel-option .btn {
	margin-top: -6px;
}

.panel-body .panel-option {
	margin: -20px -20px 20px;
}

/* 12.3 Plugins - Chart JS Custom Tooltip */

.chartjs-tooltip {
	display: none;
	position: absolute;
	background: url(../img/transparent/black-0.7.png);
	background: rgba(0, 0, 0, .7);
	color: white;
	padding: 8px;
	border-radius: 3px;
	pointer-events: none;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	white-space: nowrap;
}

.chartjs-tooltip.above:before,
.chartjs-tooltip.below:before {
	content: '';
	display: block;
	position: absolute;
	bottom: -14px;
	border: 7px solid transparent;
	border-top-color: rgba(0, 0, 0, 0.7);
	left: 50%;
	margin-left: -7px;
}

.chartjs-tooltip.above:before {
	bottom: auto;
	top: -14px;
	border-top-color: transparent;
	border-bottom-color: rgba(0, 0, 0, 0.7);
}

.chartjs-tooltip-key {
	display: inline-block;
	width: 10px;
	height: 10px;
}

.chartjs-tooltip.above {
	margin-top: 15px;
}

.chartjs-tooltip.below {
	margin-top: -50px;
}

/* 12.4 Chart Summary Setting */

.chart-summary-container:before,
.chart-summary-container:after {
	content: '';
	display: table;
	clear: both;
}

.chart-summary-container .chart-title {
	font-size: 12px;
	font-weight: 600;
	margin-bottom: 15px;
	padding-bottom: 5px;
	border-bottom: 2px solid #ebeced;
}

.chart-summary-container .chart-doughnut {
	float: left;
	width: 85px;
	height: 85px;
}

.chart-summary-container .chart-doughnut canvas {
	width: 85px;
	height: 85px;
}

.chart-summary-container .chart-info {
	margin-left: 100px;
}

.chart-summary-container .chart-summary {
	font-size: 12px;
	font-weight: 500;
}

.chart-summary-container .chart-summary .number {
	font-size: 16px;
	color: #333;
	font-weight: bold;
}

.chart-summary-container .chart-summary .number small {
	font-size: 12px;
	opacity: 0.6;
}

.chart-summary-container .chart-summary .number,
.chart-summary-container .chart-summary .text {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.chart-summary-container .chart-summary + .chart-summary {
	margin-top: 10px;
}

/* 12.5 Feeds Setting */

.feeds {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.feeds > li {
	position: relative;
	line-height: 30px;
	padding: 5px;
	background: #ebeced;
	border-radius: 4px;
	overflow: hidden;
}

.feeds > li + li {
	margin-top: 5px;
}

.feeds > li > a {
	display: block;
	text-decoration: none;
}

.feeds > li .icon {
	float: left;
	width: 40px;
	height: 40px;
	text-align: center;
	color: #000;
	color: rgba(0, 0, 0, 0.6);
	line-height: 40px;
	font-size: 18px;
	margin: -5px 0 -5px -5px;
}

.feeds > li .desc {
	overflow: hidden;
	text-overflow: ellipsis;
	padding-left: 10px;
	white-space: nowrap;
	color: #272C31;
}

.feeds > li .time {
	float: right;
	padding: 0 10px;
	font-style: italic;
	color: #8a8f94;
	font-size: 12px;
}

/* 12.6 Chats Setting */

.chats {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.chats:before,
.chats:after,
.chats > li:before,
.chats > li:after {
	content: '';
	display: table;
	clear: both;
}

.chats > li + li {
	margin-top: 15px;
}

.chats > li .image {
	float: left;
	width: 50px;
	height: 50px;
	border-radius: 50px;
	overflow: hidden;
}

.chats > li.right .image {
	float: right;
}

.chats > li.right .message {
	margin-left: 0;
	margin-right: 70px;
}

.chats > li.right .message:before {
	border-left-color: #ebeced;
	border-right-color: transparent;
	left: auto;
	right: -20px;
}

.chats > li .image img {
	max-width: 100%;
	display: block;
}

.chats > li .message {
	margin-left: 70px;
	background: #ebeced;
	border-radius: 6px;
	padding: 10px 15px;
	position: relative;
	box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
	padding-bottom: 30px;
}

.chats > li .message:before {
	content: '';
	display: block;
	position: absolute;
	left: -20px;
	border: 10px solid transparent;
	border-right-color: #ebeced;
	top: 15px;
}

.chats > li .message .name {
	color: #08c;
	display: block;
}

.chats > li .message .date-time {
	position: absolute;
	bottom: 10px;
	right: 10px;
	font-size: 11px;
	line-height: 10px;
	opacity: 0.7;
}

/* 12.7 Project Summary Setting */

.project-summary {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.project-summary .project-title {
	margin-bottom: 5px;
}

.project-summary .progress {
	height: 3px;
	border-radius: 3px;
	margin-bottom: 15px;
}

.project-summary .progress .progress-bar {
	background: url(../img/transparent/white-0.9.png);
	background: rgba(255, 255, 255, 0.9);
	background: linear-gradient(90deg, #00c6ff 10%, #0072ff 90%); /* W3C */
	background: #3e474f;
	background: linear-gradient(90deg, #4776E6 10%, #8E54E9 90%);
}

.project-summary .users .title {
	font-weight: normal;
	padding: 5px 0;
}

.project-summary .users .image-list .add-btn {
	background: #272C31;
	border-radius: 30px;
	line-height: 24px;
	width: 24px;
	text-align: center;
	height: 24px;
	margin-left: 10px;
	margin-top: 6px;
}

.project-summary .users .image-list .add-btn i {
	display: block;
	line-height: 24px;
	font-size: 14px;
	text-decoration: none;
	color: #fff;
}

.project-summary .image-list {
	list-style-type: none;
	margin: 0;
	padding: 0;
	height: 40px;
	white-space: nowrap;
	overflow: hidden;
}

.project-summary .image-list:before,
.project-summary .image-list:after {
	content: '';
	display: table;
	clear: both;
}

.project-summary .image-list > li {
	float: left;
	margin-right: -10px;
}

.project-summary .image-list > li img {
	display: block;
	width: 40px;
	height: 40px;
	border: 2px solid #fff;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
}



/* -------------------------------
   13.0 Update - v1.2
------------------------------- */

/* 13.1 Font Family - Open Sans  */

body.font-open-sans {
	font-family: 'Open Sans', sans-serif;
}

/* 13.2 Font Family - Roboto  */

body.font-roboto {
	font-family: 'Roboto', sans-serif;
}

/* 13.3 Font Family - Lato  */

body.font-lato {
	font-family: 'Lato', sans-serif;
}

/* 13.4 Font Family - Helvetica, Arial  */

body.font-helvetica-arial {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* 13.5 Font Family - Nunito  */

body.font-nunito {
	font-family: 'Nunito', sans-serif;
}

/* -------------------------------
   14.0 Update - v1.4
------------------------------- */

/* 14.1 Bootstrap 4 - Card Component  */

.card {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border-radius: 0.25rem;
	border: 1px solid rgba(0, 0, 0, 0.25);
}

.card[class*="bg-"]:not(.bg-light) {
	border: 1px solid rgba(0, 0, 0, 0.125);
}

.card-body {
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 1.25rem;
}

.card-title {
	margin-bottom: 0.75rem;
}

.card-subtitle {
	margin-top: -0.375rem;
	margin-bottom: 0;
}

.card-text:last-child {
	margin-bottom: 0;
}

.card-link:hover {
	text-decoration: none;
}

.card-link + .card-link {
	margin-left: 1.25rem;
}

.card > .list-group:first-child .list-group-item:first-child {
	border-top-left-radius: 0.25rem;
	border-top-right-radius: 0.25rem;
}

.card > .list-group:last-child .list-group-item:last-child {
	border-bottom-right-radius: 0.25rem;
	border-bottom-left-radius: 0.25rem;
}

.card-header {
	padding: 0.75rem 1.25rem;
	margin-bottom: 0;
	background-color: rgba(0, 0, 0, 0.03);
	border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card-header:first-child {
	border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-footer {
	padding: 0.75rem 1.25rem;
	background-color: rgba(0, 0, 0, 0.03);
	border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-footer:last-child {
	border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-header-tabs {
	margin-right: -0.625rem;
	margin-bottom: -0.75rem;
	margin-left: -0.625rem;
	border-bottom: 0;
}

.card-header-pills {
	margin-right: -0.625rem;
	margin-left: -0.625rem;
}

.card-img-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 1.25rem;
}

.card-img {
	width: 100%;
	border-radius: calc(0.25rem - 1px);
}

.card-img-top {
	width: 100%;
	border-top-left-radius: calc(0.25rem - 1px);
	border-top-right-radius: calc(0.25rem - 1px);
}

.card-img-bottom {
	width: 100%;
	border-bottom-right-radius: calc(0.25rem - 1px);
	border-bottom-left-radius: calc(0.25rem - 1px);
}

@media (min-width: 576px) {
	.card-deck {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		margin-right: -15px;
		margin-left: -15px;
	}

	.card-deck .card {
		display: -ms-flexbox;
		display: flex;
		-ms-flex: 1 0 0%;
		flex: 1 0 0%;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-right: 15px;
		margin-left: 15px;
	}
}

@media (min-width: 576px) {
	.card-group {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
	}

	.card-group .card {
		-ms-flex: 1 0 0%;
		flex: 1 0 0%;
	}

	.card-group .card + .card {
		margin-left: 0;
		border-left: 0;
	}

	.card-group .card:first-child {
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}

	.card-group .card:first-child .card-img-top {
		border-top-right-radius: 0;
	}

	.card-group .card:first-child .card-img-bottom {
		border-bottom-right-radius: 0;
	}

	.card-group .card:last-child {
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}

	.card-group .card:last-child .card-img-top {
		border-top-left-radius: 0;
	}

	.card-group .card:last-child .card-img-bottom {
		border-bottom-left-radius: 0;
	}

	.card-group .card:not(:first-child):not(:last-child) {
		border-radius: 0;
	}

	.card-group .card:not(:first-child):not(:last-child) .card-img-top,
	.card-group .card:not(:first-child):not(:last-child) .card-img-bottom {
		border-radius: 0;
	}
}

.card-columns .card {
	margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
	.card-columns {
		-webkit-column-count: 3;
		column-count: 3;
		-webkit-column-gap: 1.25rem;
		column-gap: 1.25rem;
	}

	.card-columns .card {
		display: inline-block;
		width: 100%;
	}
}

.card .nav-tabs .nav-link,
.card .nav-tabs .nav-link:hover,
.card .nav-tabs .nav-link:focus {
	border: 1px solid transparent;
	border-top-left-radius: .25rem;
	border-top-right-radius: .25rem;
}

.card .nav.nav-tabs > li:after {
	display: none;
}

.card .nav-tabs .nav-item {
	margin-bottom: -1px;
}

.card .nav-tabs > li .nav-link {
	display: block;
	padding: .5rem 1rem;
}

.card .nav-tabs .nav-link:focus,
.card .nav-tabs .nav-link:hover {
	border-color: #e9ecef #e9ecef #ddd;
}

.card .nav-tabs .nav-item.show .nav-link,
.card .nav-tabs .nav-link.active {
	color: #495057;
	background-color: #fff;
	border-color: #ddd #ddd #fff;
}

.card .nav-tabs .nav-link.disabled {
	color: #868e96;
	background-color: transparent;
	border-color: transparent;
}

.card .nav.nav-pills > li > a {
	border: none;
}

.card .nav-link.disabled {
	color: #868e96;
	background: none !important;
}

.card .nav-pills .nav-link.active,
.card .show > .nav-pills .nav-link {
	color: #fff;
	background-color: #007bff;
}

.card.bg-dark {
	border: none;
}

.card-img-overlay {
	background: url(../img/transparent/black-0.3.png);
	background: rgba(0, 0, 0, 0.3);
	-webkit-border-radius: 0.25rem;
	-moz-border-radius: 0.25rem;
	border-radius: 0.25rem;
}

.card .list-group {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	padding-left: 0;
	margin-bottom: 0;
}

.card .list-group-flush .list-group-item {
	border-right: 0;
	border-left: 0;
	border-radius: 0;
}

.card .list-group-item:last-child {
	margin-bottom: 0;
	border-bottom-right-radius: .25rem;
	border-bottom-left-radius: .25rem;
}

.card .list-group-flush:first-child .list-group-item:first-child {
	border-top: 0;
}

.card .list-group-flush:last-child .list-group-item:last-child {
	border-bottom: 0;
}