a {
	color: #3c8dbc;
}
a:hover,
a:active,
a:focus {
	outline: none;
	text-decoration: none;
	color: #72afd2;
}
/* Layouts */
.wrapper {
	min-height: 100%;
}
.wrapper:before,
.wrapper:after {
	display: table;
	content: " ";
}
.wrapper:after {
	clear: both;
}
/* Header */
body > .header {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1030;
}
/* Define 2 column template */
.right-side,
.left-side {
	min-height: 100%;
	display: block;
}
/*right side - contins main content*/
.right-side {
	background-color: #fbfbfb;
	margin-left: 220px;
}
/*left side - contains sidebar*/
.left-side {
	position: absolute;
	width: 220px;
	top: 0;
}
@media screen and (min-width: 992px) {
	/*.left-side {
		top: 50px;
	}*/
	/*Right side strech mode*/
	/*.right-side.strech {
		margin-left: 0;
	}*/
	/*.right-side.strech > .content-header {
		margin-top: 0px;
	}*/
	/* Left side collapse */
	/*.left-side.collapse-left {
		left: -220px;
	}*/
}
@media screen and (min-width: 767px) {
	.left-side {
		/*top: 50px;*/
	}
	/*Right side strech mode*/
	.right-side.strech {
		margin-left: 0;
	}
	.right-side.strech > .content-header {
		margin-top: 0px;
	}
	/* Left side collapse */
	.left-side.collapse-left {
		left: -220px;
	}
}
/*Give content full width on xs screens*/
@media screen and (max-width: 992px) {
	/*.right-side {
		margin-left: 0;
	}*/
}
@media screen and (max-width: 767px) {
	.right-side {
		margin-left: 0;
	}
}
/*
By default the layout is not fixed but if you add the class .fixed to the body element
the sidebar and the navbar will automatically become poisitioned fixed
*/
body.fixed > .header,
body.fixed .left-side,
body.fixed .navbar {
	position: fixed;
}
body.fixed > .header {
	top: 0;
	right: 0;
	left: 0;
}
body.fixed .navbar {
	left: 0;
	right: 0;
}
body.fixed .wrapper {
	margin-top: 50px;
}
/* Content */
.content {
	/*min-height: 163px !important; Alvin*/
	/*background: #f9f9f9;*/
	/*min-height: 490px;*/
	/*background: #ecf0f5;*/
	padding: 20px;
	background-color: #fff;
	overflow: auto;
	height: 100%;
}
/* Utility */
/* H1 - H6 font */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	font-family: 'Roboto';
}

/* Page Header */
.page-header {
	margin: 10px 0 20px 0;
	font-size: 16px;
}
.page-header > small {
	color: #555;
	display: block;
	margin: 5px 0 0 15px;
}

/* All images should be responsive */
img {
	/*max-width: 100% !important;*/
}
.sort-highlight {
	background: #f4f4f4;
	border: 1px dashed #ddd;
	margin-bottom: 10px;
}

/* 10px padding and margins */
.pad {
	  padding: 10px;
}
.pad-sm {
	  padding: 5px;
}
.margin {
	  margin: 10px;
}
.margin-sm {
	  margin: 5px 2px;
}
.marginX {
	  margin: 0 10px;
}
.marginY {
	  margin: 10px 0;
}

/* Display inline */
.inline {
	display: inline;
	width: auto;
}

/* Background colors */
.bg-red,
.bg-yellow,
.bg-aqua,
.bg-blue,
.bg-light-blue,
.bg-green,
.bg-navy,
.bg-teal,
.bg-olive,
.bg-lime,
.bg-orange,
.bg-fuchsia,
.bg-purple,
.bg-maroon,
.bg-black {
	color: #f9f9f9 !important;
}
.bg-gray {
	/*background-color: #eaeaec !important;*/
	background-color: #f4f4f4 !important;
}
.bg-black {
	background-color: #222222 !important;
}
.bg-red {
	background-color: #f56954 !important;
}
.bg-yellow {
	background-color: #f39c12 !important;
}
.bg-aqua {
	background-color: #00c0ef !important;
}
.bg-blue {
	background-color: #0073b7 !important;
}
.bg-light-blue {
	background-color: #3c8dbc !important;
}
.bg-green {
	background-color: #00a65a !important;
}
.bg-navy {
	background-color: #001f3f !important;
}
.bg-teal {
	background-color: #39cccc !important;
}
.bg-olive {
	background-color: #3d9970 !important;
}
.bg-lime {
	background-color: #01ff70 !important;
}
.bg-orange {
	background-color: #ff851b !important;
}
.bg-fuchsia {
	background-color: #f012be !important;
}
.bg-purple {
	background-color: #932ab6 !important;
}
.bg-maroon {
	background-color: #85144b !important;
}
.bg-panel {
	background: #efefef;
	background: -webkit-gradient(left bottom, left top, color-stop(0%, #efefef), color-stop(100%, #fafafa));
	background: -webkit-linear-gradient(bottom, #efefef 0%, #fafafa 100%);
	background: -ms-linear-gradient(bottom, #efefef 0%, #fafafa 100%);
	background: -moz-linear-gradient(bottom, #efefef 0%, #fafafa 100%);
	background: -o-linear-gradient(bottom, #efefef 0%, #fafafa 100%);
	background: linear-gradient(to top, #efefef 0%, #fafafa 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#efefef', GradientType=0);
}
/*.skin-blue .sidebar-menu > li > a:hover,
.skin-blue .sidebar-menu > li.active > a {
	color: #111;
	background: #e1e1e1;
	background: -webkit-gradient(left bottom, left top, color-stop(60%, #e1e1e1), color-stop(100%, #fafafa));
	background: -webkit-linear-gradient(bottom, #e1e1e1 60%, #fafafa 100%);
	background: -ms-linear-gradient(bottom, #e1e1e1 60%, #fafafa 100%);
	background: -moz-linear-gradient(bottom, #e1e1e1 60%, #fafafa 100%);
	background: -o-linear-gradient(bottom, #e1e1e1 60%, #fafafa 100%);
	background: linear-gradient(to top, #e1e1e1 60%, #fafafa 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#e1e1e1', GradientType=0);
}*/

/* Text colors */
.text-italic {
	font-style: italic !important;
}
.text-red {
	color: #f56954 !important;
}
.text-yellow {
	color: #f39c12 !important;
}
.text-aqua {
	color: #00c0ef !important;
}
.text-blue {
	color: #0073b7 !important;
}
.text-black {
	color: #222222 !important;
}
.text-light-blue {
	color: #3c8dbc !important;
}
.text-green {
	color: #00a65a !important;
}
.text-navy {
	color: #001f3f !important;
}
.text-teal {
	color: #39cccc !important;
}
.text-olive {
	color: #3d9970 !important;
}
.text-lime {
	color: #01ff70 !important;
}
.text-orange {
	color: #ff851b !important;
}
.text-fuchsia {
	color: #f012be !important;
}
.text-purple {
	color: #932ab6 !important;
}
.text-maroon {
	color: #85144b !important;
}

/*Hide elements by display none only*/
.hide {
	display: none !important;
}
/* Remove borders */
.no-border {
	border: 0px !important;
}
/* Remove padding */
.no-padding {
	padding: 0px !important;
}
/* Remove margins */
.no-margin {
	margin: 0px !important;
}
/* Remove box shadow */
.no-shadow {
	box-shadow: none!important;
}

/* Don't display when printing */
@media print {
	.no-print {
		display: none;
	}
	.left-side,
	.header,
	.content-header {
		display: none;
	}
	.right-side {
		margin: 0;
	}
}

/* Remove border radius */
.flat {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
}

/* Change the color of the striped tables */
.table > tbody > tr > td.action {
	padding: 0px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th {
	vertical-align: middle;
	background-color: #f4f4f4;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
	background-color: #f3f4f5;
}
.table.no-border,
.table.no-border td,
.table.no-border th {
	border: 0;
}
/* .text-center in tables */
table.text-center,
table.text-center td,
table.text-center th {
	text-align: center;
}
.table.align th {
	text-align: left;
}
.table.align td {
	text-align: right;
}
.text-bold,
.text-bold.table td,
.text-bold.table th {
	font-weight: 700;
}
.border-radius-none {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
}

/* _fix for sparkline tooltip */
.jqstooltip {
	padding: 5px!important;
	width: auto!important;
	height: auto!important;
}

/*
Gradient Background colors

*/
.bg-teal-gradient {
	background: #39cccc !important;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #39cccc), color-stop(1, #7adddd)) !important;
	background: -ms-linear-gradient(bottom, #39cccc, #7adddd) !important;
	background: -moz-linear-gradient(center bottom, #39cccc 0%, #7adddd 100%) !important;
	background: -o-linear-gradient(#7adddd, #39cccc) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7adddd', endColorstr='#39cccc', GradientType=0) !important;
	color: #fff;
}
.bg-light-blue-gradient {
	background: #3c8dbc !important;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3c8dbc), color-stop(1, #67a8ce)) !important;
	background: -ms-linear-gradient(bottom, #3c8dbc, #67a8ce) !important;
	background: -moz-linear-gradient(center bottom, #3c8dbc 0%, #67a8ce 100%) !important;
	background: -o-linear-gradient(#67a8ce, #3c8dbc) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67a8ce', endColorstr='#3c8dbc', GradientType=0) !important;
	color: #fff;
}
.bg-blue-gradient {
	background: #0073b7 !important;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0073b7), color-stop(1, #0089db)) !important;
	background: -ms-linear-gradient(bottom, #0073b7, #0089db) !important;
	background: -moz-linear-gradient(center bottom, #0073b7 0%, #0089db 100%) !important;
	background: -o-linear-gradient(#0089db, #0073b7) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0089db', endColorstr='#0073b7', GradientType=0) !important;
	color: #fff;
}
.bg-aqua-gradient {
	background: #00c0ef !important;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00c0ef), color-stop(1, #14d1ff)) !important;
	background: -ms-linear-gradient(bottom, #00c0ef, #14d1ff) !important;
	background: -moz-linear-gradient(center bottom, #00c0ef 0%, #14d1ff 100%) !important;
	background: -o-linear-gradient(#14d1ff, #00c0ef) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#14d1ff', endColorstr='#00c0ef', GradientType=0) !important;
	color: #fff;
}
.bg-yellow-gradient {
	background: #f39c12 !important;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f39c12), color-stop(1, #f7bc60)) !important;
	background: -ms-linear-gradient(bottom, #f39c12, #f7bc60) !important;
	background: -moz-linear-gradient(center bottom, #f39c12 0%, #f7bc60 100%) !important;
	background: -o-linear-gradient(#f7bc60, #f39c12) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7bc60', endColorstr='#f39c12', GradientType=0) !important;
	color: #fff;
}
.bg-purple-gradient {
	background: #932ab6 !important;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #932ab6), color-stop(1, #b959d9)) !important;
	background: -ms-linear-gradient(bottom, #932ab6, #b959d9) !important;
	background: -moz-linear-gradient(center bottom, #932ab6 0%, #b959d9 100%) !important;
	background: -o-linear-gradient(#b959d9, #932ab6) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b959d9', endColorstr='#932ab6', GradientType=0) !important;
	color: #fff;
}
.bg-green-gradient {
	background: #00a65a !important;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00a65a), color-stop(1, #00ca6d)) !important;
	background: -ms-linear-gradient(bottom, #00a65a, #00ca6d) !important;
	background: -moz-linear-gradient(center bottom, #00a65a 0%, #00ca6d 100%) !important;
	background: -o-linear-gradient(#00ca6d, #00a65a) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ca6d', endColorstr='#00a65a', GradientType=0) !important;
	color: #fff;
}
.bg-red-gradient {
	background: #f56954 !important;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f56954), color-stop(1, #f89384)) !important;
	background: -ms-linear-gradient(bottom, #f56954, #f89384) !important;
	background: -moz-linear-gradient(center bottom, #f56954 0%, #f89384 100%) !important;
	background: -o-linear-gradient(#f89384, #f56954) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f89384', endColorstr='#f56954', GradientType=0) !important;
	color: #fff;
}
.bg-black-gradient {
	background: #222222 !important;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #222222), color-stop(1, #3c3c3c)) !important;
	background: -ms-linear-gradient(bottom, #222222, #3c3c3c) !important;
	background: -moz-linear-gradient(center bottom, #222222 0%, #3c3c3c 100%) !important;
	background: -o-linear-gradient(#3c3c3c, #222222) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c3c3c', endColorstr='#222222', GradientType=0) !important;
	color: #fff;
}
.bg-maroon-gradient {
	background: #85144b !important;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #85144b), color-stop(1, #b11b64)) !important;
	background: -ms-linear-gradient(bottom, #85144b, #b11b64) !important;
	background: -moz-linear-gradient(center bottom, #85144b 0%, #b11b64 100%) !important;
	background: -o-linear-gradient(#b11b64, #85144b) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b11b64', endColorstr='#85144b', GradientType=0) !important;
	color: #fff;
}
.connectedSortable {
	min-height: 100px;
}

/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
/*
    Components: navbar, logo and content header
-------------------------------------------------
*/
body > .header {
	position: relative;
	max-height: 120px;
	z-index: 1030;
	background-color: #3c8dbc;
	/*background: #00c0ef !important;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3c8dbc), color-stop(1, #67a8ce)) !important;
	background: -ms-linear-gradient(bottom, #3c8dbc, #67a8ce) !important;
	background: -moz-linear-gradient(center bottom, #67a8ce 0%, #00c0ef 100%) !important;
	background: -o-linear-gradient(#67a8ce, #3c8dbc) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67a8ce', endColorstr='#3c8dbc', GradientType=0) !important;*/
}
body > .header .navbar {
	height: 50px;
	margin-bottom: 0;
	margin-left: 220px;
	text-align: right;
}
body > .header .navbar .sidebar-toggle-wrapper {
	padding: 0 7px;
	float: left;
	height: 50px;
	margin: 0;
	display: block;
}
body > .header .navbar .sidebar-toggle {
	float: left;
	padding: 0px 5px;
	line-height: 50px;
	height: 50px;
	background-color: transparent;
	background-image: none;
	border: 1px solid transparent;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
}
body > .header .navbar .sidebar-toggle:hover .icon-bar {
	background: #f6f6f6;
}
body > .header .navbar .sidebar-toggle .icon-bar {
	display: block;
	width: 22px;
	height: 2px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
body > .header .navbar .sidebar-toggle .icon-bar + .icon-bar {
	margin-top: 4px;
}
body > .header .navbar .nav > li.user > a {
	font-weight: bold;
}
body > .header .navbar .nav > li.user > a > .fa,
body > .header .navbar .nav > li.user > a > .glyphicon,
body > .header .navbar .nav > li.user > a > .ion {
	margin-right: 0px;
}
body > .header .navbar .nav > li > a > .label {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	top: 7px;
	right: 2px;
	font-size: 10px;
	font-weight: normal;
	width: 15px;
	height: 15px;
	line-height: 1.0em;
	text-align: center;
	padding: 2px;
}
body > .header .navbar .nav > li > a:hover > .label {
	top: 3px;
}
body > .header .logo {
	float: left;
	padding: 0;
	width: 230px;
	height: 50px;
	display: block;
}
body > .header .logo .logo-wrapper {
	margin: 0px auto;
	display: table;
	padding: 7px 0;
}
body > .header .logo #logo-muzaki {
	display: table-cell;
	vertical-align: middle;
	margin: 0;
}
body > .header .logo #logo-baznas {
	width: 45px;
	display: none;
}
body > .header .logo .icon {
	margin-right: 10px;
}
.right-side > .content-header {
	position: relative;
	padding: 0px 15px;
	height: 38px;
}
.right-side > .content-header > h1 {
	margin: 0;
	font-size: 18px;
	line-height: 38px;
}
.right-side > .content-header > h1 > small {
	font-size: 15px;
	display: inline-block;
	padding-left: 4px;
	font-weight: 300;
}
.right-side > .content-header > .breadcrumb {
	float: right;
	background: transparent;
	margin-top: 0px;
	margin-bottom: 0;
	font-size: 12px;
	padding: 7px 5px;
	position: absolute;
	top: 8px;
	right: 20px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.right-side > .content-header > .breadcrumb > li > a {
	color: #444;
	text-decoration: none;
}
.right-side > .content-header > .breadcrumb > li > a > .fa,
.right-side > .content-header > .breadcrumb > li > a > .glyphicon,
.right-side > .content-header > .breadcrumb > li > a > .ion {
	margin-right: 5px;
}
.right-side > .content-header > .breadcrumb > li + li:before {
	content: '>\00a0';
}
.navbar .header-menu-top {
	display: block;
}
.navbar .header-menu-top > #logo-baznas-navbar{
	margin: 3px 13px 0;
	width: 45px;
	display: block;
}
@media screen and (max-width: 767px) {
	.right-side > .content-header > .breadcrumb {
		position: relative;
		margin-top: 5px;
		top: 0;
		right: 0;
		float: none;
		background: #efefef;
		display:none;
	}
}
@media (max-width: 767px) {
	.navbar .navbar-nav > li {
		float: left;
	}
	.navbar-nav {
		margin: 0;
		float: left;
	}
	.navbar-nav > li > a {
		padding-top: 15px;
		padding-bottom: 15px;
		line-height: 20px;
	}
}
@media screen and (max-width: 560px) {
	body > .header {
		position: relative;
	}
	body > .header .logo,
	body > .header .navbar {
		width: 100%;
		float: none;
		position: relative!important;
	}
	body > .header .navbar {
		margin: 0;
		text-align: center;
		border-top: 1px solid #fff;
	}
	body.fixed > .header {
		position: fixed;
	}
	body.fixed > .wrapper,
	body.fixed .sidebar-offcanvas {
		margin-top: 100px!important;

	}
	body > .header .logo .logo-wrapper {
		float: none;
	}
	.right-side {
		margin-top: -50px;
	}
}

/*
    Component: Sidebar
--------------------------
*/
.sidebar {
	margin-bottom: 5px;
}
.sidebar-menu {
	list-style: none;
	margin: 0;
	padding: 0;
}
.sidebar-menu > li {
	margin: 0;
	padding: 0;
	position:relative;
}
.sidebar-menu > li > a {
	padding: 10px 10px 10px 15px;
	display: block;
}
.sidebar-menu > li > a > .fa,
.sidebar-menu > li > a > .glyphicon,
.sidebar-menu > li > a > .ion {
	width: 20px;
}
.sidebar-menu .treeview .icon{
	position: absolute;
	bottom: 11px;
	right: 10px;
}
.sidebar-menu .treeview .icon .fa-plus,
.sidebar-menu .treeview .icon .fa-minus {
	font-size: 10px;
}
.sidebar-menu .treeview-menu {
	display: none;
	list-style: none;
	padding: 0;
	margin: 0;
	position: relative;
}
.sidebar-menu > li > .treeview-menu:before{
    border-left:1px dotted #666;
    bottom: 0;
    display: block;
    left: 15px;
    position: absolute;
    top: 0;
    z-index: 1;
	content:"";
}
.sidebar-menu > li > .treeview-menu > li:before{
	border-top:1px dotted #666;
    display: block;
    left: 16px;
    position: absolute;
    top: 15px;
    width: 7px;
    z-index: 1;
	content:"";
}
.sidebar-menu > .treeview > .treeview-menu > li:first-child {
	/*border-top: 1px solid #ccc;*/
}
.sidebar-menu .treeview-menu > li {
	margin: 0;
	border-bottom: none;
	border-top: none;
	background-color: #333;
	position:relative;
}
.sidebar-menu > .treeview > .treeview-menu > li {
	/*border-bottom: 1px dotted #ddd;*/
}
.sidebar-menu .treeview-menu > li:last-child {
	border-bottom: none;
}
.sidebar-menu .treeview-menu > .treeview > .treeview-menu > li{
	border-top: 1px dotted #ddd;
}
.sidebar-menu .treeview-menu > li > a {
	padding: 7px 15px 7px 7px;
	display: block;
	font-size: 12px;
	margin: 0px 0px;
}
.sidebar-menu .treeview-menu > li > a > .fa,
.sidebar-menu .treeview-menu > li > a > .glyphicon,
.sidebar-menu .treeview-menu > li > a > .ion {
	width: 10px;
}
.user-panel {
	padding: 0 10px;
	display: block;
	width: 100%;
	/*height: 38px;*/
	line-height: 38px;
	margin-top: 10px;
	margin-bottom: 10px;
	/*color: #555;*/
	/*font-size: 12px;*/
	/*border-bottom: 1px solid #ccc;*/
}
.user-panel:before,
.user-panel:after {
	display: table;
	content: " ";
}
.user-panel:after {
	clear: both;
}
.user-panel > .image {
	display: table-cell;
	vertical-align: top;
	padding-top: 5px;
	width: 30%;
}
.user-panel > .image > img {
	width: 60px;
	height: 60px;
}
.user-panel > .info {
	font-weight: 600;
	padding: 5px 0 0 5px;
	font-size: 14px;
	line-height: 1;
	display: table-cell;
}
.user-panel > .info > p.info-header {
	border-bottom: 1px solid #9f9f9f;
	padding-bottom: 9px;
	margin-bottom: 3px;
}
.user-panel > .info > p.info-detail {
	font-weight: 300;
	font-size: 12px;
	margin: 2px 0;
}
.user-panel > .info > a {
	text-decoration: none;
	padding-right: 5px;
	margin-top: 3px;
	font-size: 11px;
	font-weight: normal;
}
.user-panel > .info > a > .fa,
.user-panel > .info > a > .ion,
.user-panel > .info > a > .glyphicon {
	margin-right: 3px;
}

/*
 * Off Canvas
 * --------------------------------------------------
 *  Gives us the push menu effect
 */
@media screen and (max-width: 992px) {
	/*.relative {
		position: relative;
	}
	.row-offcanvas-right .sidebar-offcanvas {
		right: -220px;
	}
	.row-offcanvas-left .sidebar-offcanvas {
		left: -220px;
	}
	.row-offcanvas-right.active {
		right: 220px;
	}
	.row-offcanvas-left.active {
		left: 220px;
	}
	.sidebar-offcanvas {
		left: 0;
	}
	body.fixed .sidebar-offcanvas {
		margin-top: 50px;
		left: -220px;
	}
	body.fixed .row-offcanvas-left.active .navbar {
		left: 220px !important;
		right: 0;
	}
	body.fixed .row-offcanvas-left.active .sidebar-offcanvas {
		left: 0px;
	}*/
}

@media screen and (max-width: 767px) {
	.relative {
		position: relative;
	}
	.row-offcanvas-right .sidebar-offcanvas {
		right: -220px;
	}
	.row-offcanvas-left .sidebar-offcanvas {
		left: -220px;
	}
	.row-offcanvas-right.active {
		right: 220px;
	}
	.row-offcanvas-left.active {
		left: 220px;
	}
	.sidebar-offcanvas {
		left: 0;
	}
	body.fixed .sidebar-offcanvas {
		margin-top: 100px;
		left: -220px;
	}
	body.fixed .row-offcanvas-left.active .navbar {
		left: 220px !important;
		right: 0;
	}
	body.fixed .row-offcanvas-left.active .sidebar-offcanvas {
		left: 220px;
	}
}

/* Dropdown menus
------------------*/
.dropdown-menu {
	-webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
	z-index: 2300;
}
.header-dropdown{
	float: right;
	position: relative;
	width: auto;
	height: 50px;
}
.header-dropdown > a.header-dropdown-toggle{
	color: rgba(255, 255, 255, 0.5);
	padding: 0 20px;
	cursor: pointer;
	position: relative;
	display: block;
	height: 50px;
	line-height:50px;
	text-align: center;
}
.header-dropdown > a.header-dropdown-toggle:hover,
.header-dropdown.open > a.header-dropdown-toggle{
	background-color: none;
	color: #fff;
}
.header-dropdown > a.header-dropdown-toggle .fa{
	font-size: 19px;
}
.header-dropdown > a.header-dropdown-toggle .glyphicon{
	font-size: 16px;
}
.header-dropdown > a.header-dropdown-toggle > span{
	margin-right: 10px;
	font-weight: 700;
}
.header-dropdown > .dropdown-menu{
	position: absolute;
	top: 100%;
	right: 0;
	left: auto;
	border: 1px solid #dfdfdf;
	margin: 0 !important;
	padding: 0 !important;
	width: 380px;
}
.header-dropdown > .dropdown-menu > li.header{
	border-radius: 2px 2px 0px 0px;
	-moz-border-radius: 2px 2px 0px 0px;
	-webkit-border-radius: 2px 2px 0px 0px;
	background-color: #f7f7f7;
	padding: 10px;
	border-bottom: 1px solid #dfdfdf;
	color: #333;
	font-size: 14px;
}
.header-dropdown > .dropdown-menu > li.header:after{
	bottom: 100%;
	left: 92%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #f7f7f7;
	border-width: 7px;
}
.header-dropdown > .dropdown-menu > li.footer{
	background-color: #f7f7f7;
	padding: 10px;
	font-size: 12px;
	font-style: italic;
	color: #333;
	text-align: justify;
	border-top: 1px solid #dfdfdf;
}
.header-dropdown > .dropdown-menu > li .menu {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow-x: hidden;
}
.header-dropdown > .dropdown-menu > li .menu > li {
	border-bottom: 1px solid #dfdfdf;
	padding: 5px;
	background-color: #fff;
	font-family: arial;
	font-size: 12px;
}
.header-dropdown > .dropdown-menu > li .menu > li:last-child {
	border-bottom: none;
}
.header-dropdown > .dropdown-menu > li .menu > li:hover{
	background-color: #f9f9f9;
}
.header-dropdown > .dropdown-menu > li .menu > li > a {
	color: #0073b7;
}
.header-dropdown > .dropdown-menu > li .menu > li > a:hover {
	text-decoration: underline;
	cursor: pointer;
}

.header-dropdown > .dropdown-menu > li.user-header {
	height: 175px;
	padding: 10px;
	background: #3c8dbc;
	text-align: center;
}
.header-dropdown > .dropdown-menu > li.user-header:after {
	bottom: 100%;
	left: 91%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #00c0ef;
	border-width: 10px;
}
.header-dropdown > .dropdown-menu > li.user-header > img {
	z-index: 5;
	height: 90px;
	width: 90px;
	border: 5px solid;
	border-color: transparent;
	border-color: rgba(255, 255, 255, 0.6);
}
.header-dropdown > .dropdown-menu > li.user-header > p {
	z-index: 5;
	color: #fff;
	font-size: 19px;
	text-shadow: 3px 2px 3px #777;
	margin-top: 10px;
}
.header-dropdown > .dropdown-menu > li.user-header > p > small {
	display: block;
	font-size: 16px;
}
.header-dropdown > .dropdown-menu > li.user-body {
	padding: 15px;
	border-bottom: 1px solid #f4f4f4;
	border-top: 1px solid #dddddd;
}
.header-dropdown > .dropdown-menu > li.user-body:before,
.header-dropdown > .dropdown-menu > li.user-body:after {
	display: table;
	content: " ";
}
.header-dropdown > .dropdown-menu > li.user-body:after {
	clear: both;
}
.header-dropdown > .dropdown-menu > li.user-body > div > a {
	color: #0073b7;
}
.header-dropdown > .dropdown-menu > li.user-footer {
	background-color: #f9f9f9;
	padding: 10px;
}
.header-dropdown > .dropdown-menu > li.user-footer:before,
.header-dropdown > .dropdown-menu > li.user-footer:after {
	display: table;
	content: " ";
}
.header-dropdown > .dropdown-menu > li.user-footer:after {
	clear: both;
}
.header-dropdown > .dropdown-menu > li.user-footer .btn-default {
	color: #666666;
}
@media screen and (max-width: 767px) {
	.header-dropdown > .dropdown-menu {
		border: 1px solid #ccc;
	}
	.header-dropdown > a.header-dropdown-toggle > span{
		display: none;
	}
	body > .header .navbar .sidebar-toggle-wrapper {
		float: right;
	}
}
@media screen and (max-width: 560px) {
	.header-dropdown > .dropdown-menu > li.header:after {
		left: 59%;
	}	
	.outstanding-menu > .dropdown-menu {
		right: -123px;
	}	
	.header-dropdown > .dropdown-menu > li.user-header:after{
		left: 71.5%;
	}	
	.profil-menu > .dropdown-menu {
		right: -73px;
	}	
}
@media screen and (max-width: 480px) {
	.header-dropdown > .dropdown-menu {
		width: 280px;
	}
	.header-dropdown > .dropdown-menu > li.header:after {
		left: 47%;
	}	
	.outstanding-menu > .dropdown-menu {
		right: -116px;
	}	
	.header-dropdown > .dropdown-menu > li.user-header:after{
		left: 64%;
	}	
	.profil-menu > .dropdown-menu {
		right: -66px;
	}	
}
/* Add fade animation to dropdown menus */
.open > .dropdown-menu {
	animation-name: fadeAnimation;
	animation-duration: .7s;
	animation-iteration-count: 1;
	animation-timing-function: ease;
	animation-fill-mode: forwards;
	-webkit-animation-name: fadeAnimation;
	-webkit-animation-duration: .7s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-name: fadeAnimation;
	-moz-animation-duration: .7s;
	-moz-animation-iteration-count: 1;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: forwards;
}
	@keyframes fadeAnimation {
		from {
			opacity: 0;
			top: 120%;
		}
		to {
			opacity: 1;
			top: 100%;
		}
	}
	@-webkit-keyframes fadeAnimation {
		from {
			opacity: 0;
			top: 120%;
		}
		to {
			opacity: 1;
			top: 100%;
		}
	}


/* All form elements including input, select, textarea etc.
------------------------------------------------------------*/
.form-horizontal .control-label {
	text-align: right;
}
.form-control {
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
	box-shadow: none;
}
.form-control:focus {
	/*border-color: #3c8dbc !important;
	box-shadow: none;*/
}
.form-control.datepicker{
	width: 100%;
	cursor: default;
}
.form-group.has-success label {
	color: #00a65a;
}
.form-group.has-success .form-control {
	border-color: #00a65a !important;
	box-shadow: none;
}
.form-group.has-warning label {
	color: #f39c12;
}
.form-group.has-warning .form-control {
	border-color: #f39c12 !important;
	box-shadow: none;
}
.form-group.has-error {
	border: 1px solid #ebccd1;
	padding: 0 5px;
	background-color: #f2dede;
}
.form-group.has-error label {
	color: #f56954 !important;
}
.form-group.has-error .form-control {
	border-color: #f56954 !important;
	box-shadow: none;
}
/* Input group */
.input-group .input-group-addon {
	border-radius: 0;
	background-color: #f4f4f4;
}
/* button groups */
.btn-group-vertical .btn.btn-flat:first-of-type,
.btn-group-vertical .btn.btn-flat:last-of-type {
	border-radius: 0;
}
/* Checkbox and radio inputs */
.checkbox,
.radio {
	padding-left: 0;
}
.checkbox-single,
.radio-single {
	margin: 30px 0 0;
}
@media (max-width: 767px){
	.checkbox-single,
	.radio-single {
		margin: 15px 0 0;
	}
}

/*
 * Component: Small boxes
 */
.small-box {
	position: relative;
	display: block;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	margin-bottom: 15px;
}
.small-box > .inner {
	padding: 10px;
}
.small-box > .small-box-footer {
	position: relative;
	text-align: center;
	padding: 3px 0;
	color: #fff;
	color: rgba(255, 255, 255, 0.8);
	display: block;
	z-index: 10;
	background: rgba(0, 0, 0, 0.1);
	text-decoration: none;
}
.small-box > .small-box-footer:hover {
	color: #fff;
	background: rgba(0, 0, 0, 0.15);
}
.small-box h3 {
	font-size: 38px;
	font-weight: bold;
	margin: 0 0 10px 0;
	white-space: nowrap;
	padding: 0;
}
.small-box p {
	font-size: 15px;
}
.small-box p > small {
	display: block;
	color: #f9f9f9;
	font-size: 13px;
	margin-top: 5px;
}
.small-box h3,
.small-box p {
	z-index: 5px;
}
.small-box .icon {
	position: absolute;
	top: auto;
	bottom: 5px;
	right: 5px;
	z-index: 0;
	font-size: 90px;
	color: rgba(0, 0, 0, 0.15);
}
.small-box:hover {
	text-decoration: none;
	color: #f9f9f9;
}
.small-box:hover .icon {
	animation-name: tansformAnimation;
	animation-duration: .5s;
	animation-iteration-count: 1;
	animation-timing-function: ease;
	animation-fill-mode: forwards;
	-webkit-animation-name: tansformAnimation;
	-webkit-animation-duration: .5s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-name: tansformAnimation;
	-moz-animation-duration: .5s;
	-moz-animation-iteration-count: 1;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: forwards;
}
	@keyframes tansformAnimation {
		from {
			font-size: 90px;
		}
		to {
			font-size: 100px;
		}
	}
	@-webkit-keyframes tansformAnimation {
		from {
			font-size: 90px;
		}
		to {
			font-size: 100px;
		}
	}
@media screen and (max-width: 480px) {
	.small-box {
		text-align: center;
	}
	.small-box .icon {
		display: none;
	}
	.small-box p {
		font-size: 12px;
	}
}

/* Component: Boxes
--------------------*/
.box {
	position:relative;
	border-radius:3px;
	background:#ffffff;
	border-top:3px solid #d2d6de;
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	margin-bottom:20px;
	width:100%;
	box-shadow:0 1px 1px rgba(0, 0, 0, 0.1)
}
.box.box-primary {
	border-top-color:#3c8dbc
}
.box.box-info {
	border-top-color:#00c0ef
}
.box.box-danger {
	border-top-color:#dd4b39
}
.box.box-warning {
	border-top-color:#f39c12
}
.box.box-success {
	border-top-color:#00a65a
}
.box.box-default {
	border-top-color:#d2d6de
}
.box .nav-stacked>li {
	border-bottom:1px solid #f4f4f4;
	margin:0
}
.box .nav-stacked>li:last-of-type {
	border-bottom:none
}
.box.height-control .box-body {
	max-height:300px;
	overflow:auto
}
.box .border-right {
	border-right:1px solid #f4f4f4
}
.box .border-left {
	border-left:1px solid #f4f4f4
}
.box.box-solid {
	border-top:0px
}
.box.box-solid>.box-header .btn.btn-default {
	background:transparent
}
.box.box-solid>.box-header .btn:hover, .box.box-solid>.box-header a:hover {
	background:rgba(0, 0, 0, 0.1) !important
}
.box.box-solid.box-default {
	border:1px solid #d2d6de
}
.box.box-solid.box-default>.box-header {
	color:#444;
	background:#d2d6de;
	background-color:#d2d6de
}
.box.box-solid.box-default>.box-header a, .box.box-solid.box-default>.box-header .btn {
	color:#444
}
.box.box-solid.box-primary {
	border:1px solid #3c8dbc
}
.box.box-solid.box-primary>.box-header {
	color:#fff;
	background:#3c8dbc;
	background-color:#3c8dbc
}
.box.box-solid.box-primary>.box-header a, .box.box-solid.box-primary>.box-header .btn {
	color:#fff
}
.box.box-solid.box-info {
	border:1px solid #00c0ef
}
.box.box-solid.box-info>.box-header {
	color:#fff;
	background:#00c0ef;
	background-color:#00c0ef
}
.box.box-solid.box-info>.box-header a, .box.box-solid.box-info>.box-header .btn {
	color:#fff
}
.box.box-solid.box-danger {
	border:1px solid #dd4b39
}
.box.box-solid.box-danger>.box-header {
	color:#fff;
	background:#dd4b39;
	background-color:#dd4b39
}
.box.box-solid.box-danger>.box-header a, .box.box-solid.box-danger>.box-header .btn {
	color:#fff
}
.box.box-solid.box-warning {
	border:1px solid #f39c12
}
.box.box-solid.box-warning>.box-header {
	color:#fff;
	background:#f39c12;
	background-color:#f39c12
}
.box.box-solid.box-warning>.box-header a, .box.box-solid.box-warning>.box-header .btn {
	color:#fff
}
.box.box-solid.box-success {
	border:1px solid #00a65a
}
.box.box-solid.box-success>.box-header {
	color:#fff;
	background:#00a65a;
	background-color:#00a65a
}
.box.box-solid.box-success>.box-header a, .box.box-solid.box-success>.box-header .btn {
	color:#fff
}
.box.box-solid>.box-header>.box-tools .btn {
	border:0;
	box-shadow:none
}
.box.box-solid[class*='bg']>.box-header {
color:#fff
}
.box .box-group>.box {
	margin-bottom:5px
}
.box .knob-label {
	text-align:center;
	color:#333;
	font-weight:100;
	font-size:12px;
	margin-bottom:0.3em
}
.box>.overlay, .overlay-wrapper>.overlay, .box>.loading-img, .overlay-wrapper>.loading-img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%
}
.box .overlay, .overlay-wrapper .overlay {
	z-index:50;
	background:rgba(255, 255, 255, 0.7);
	border-radius:3px

}
.box .overlay>.fa, .overlay-wrapper .overlay>.fa {
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-15px;
	margin-top:-15px;
	color:#000;
	font-size:30px
}
.box .overlay.dark, .overlay-wrapper .overlay.dark {
	background:rgba(0, 0, 0, 0.5)
}
.box-header:before, .box-body:before, .box-footer:before, .box-header:after, .box-body:after, .box-footer:after {
	content:" ";
	display:table
}
.box-header:after, .box-body:after, .box-footer:after {
	clear:both
}
.box-header {
	color:#444;
	display:block;
	padding:10px;
	position:relative
}
.box-header.with-border {
	border-bottom:1px solid #ddd;
}
.collapsed-box .box-header.with-border {
	border-bottom:none
}
.box-header>.fa, .box-header>.glyphicon, .box-header>.ion, .box-header .box-title {
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	line-height: 1;
}
.box-header>.fa, .box-header>.glyphicon, .box-header>.ion {
	margin-right:5px
}
.box-header>.box-tools {
	position:absolute;
	right:10px;
	top:5px
}
.box-header>.box-tools [data-toggle="tooltip"] {
	position:relative
}
.box-header>.box-tools.pull-right .dropdown-menu {
	right:0;
	left:auto
}
.btn-box-tool {
	padding:5px;
	font-size:12px;
	background:transparent;
	box-shadow:none!important;
	color:#97a0b3
}
.open .btn-box-tool, .btn-box-tool:hover {
	color:#606c84
}
.btn-box-tool:active {
	outline:none!important
}
.box-body {
	border-top-left-radius:0;
	border-top-right-radius:0;
	border-bottom-right-radius:3px;
	border-bottom-left-radius:3px;
	padding:10px
}
.no-header .box-body {
	border-top-right-radius:3px;
	border-top-left-radius:3px
}
.box-body>.table {
	margin-bottom:10px;
}
.box-body .fc {
	margin-top:5px
}
.box-body .full-width-chart {
	margin:-19px
}
.box-body.no-padding .full-width-chart {
	margin:-9px
}
.box-body .box-pane {
	border-top-left-radius:0;
	border-top-right-radius:0;
	border-bottom-right-radius:0;
	border-bottom-left-radius:3px
}
.box-body .box-pane-right {
	border-top-left-radius:0;
	border-top-right-radius:0;
	border-bottom-right-radius:3px;
	border-bottom-left-radius:0
}
.box-footer {
	border-top-left-radius:0;
	border-top-right-radius:0;
	border-bottom-right-radius:3px;
	border-bottom-left-radius:3px;
	border-top:1px solid #ddd;
	padding:10px;
	background-color:#fff
}
.box .box-group > .box {
	margin-bottom: 5px;
}
.box .knob-label {
	text-align: center;
	color: #333;
	font-weight: 100;
	font-size: 12px;
	margin-bottom: 0.3em;
}
.box .todo-list {
	margin: 0;
	padding: 0px 0px;
	list-style: none;
}
.box .todo-list > li {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding: 10px;
	background: #f3f4f5;
	margin-bottom: 2px;
	border-left: 2px solid #e6e7e8;
	color: #444;
}
.box .todo-list > li:last-of-type {
	margin-bottom: 0;
}
.box .todo-list > li.danger {
	border-left-color: #f56954;
}
.box .todo-list > li.warning {
	border-left-color: #f39c12;
}
.box .todo-list > li.info {
	border-left-color: #00c0ef;
}
.box .todo-list > li.success {
	border-left-color: #00a65a;
}
.box .todo-list > li.primary {
	border-left-color: #3c8dbc;
}
.box .todo-list > li > input[type='checkbox'] {
	margin: 0 10px 0 5px;
}
.box .todo-list > li .text {
	display: inline-block;
	margin-left: 5px;
	font-weight: 600;
}
.box .todo-list > li .label {
	margin-left: 10px;
	font-size: 9px;
}
.box .todo-list > li .tools {
	display: none;
	float: right;
	color: #f56954;
}
.box .todo-list > li .tools > .fa,
.box .todo-list > li .tools > .glyphicon,
.box .todo-list > li .tools > .ion {
	margin-right: 5px;
	cursor: pointer;
}
.box .todo-list > li:hover .tools {
	display: inline-block;
}
.box .todo-list > li.done {
	color: #999;
}
.box .todo-list > li.done .text {
	text-decoration: line-through;
	font-weight: 500;
}
.box .todo-list > li.done .label {
	background: #eaeaec !important;
}
.box .todo-list .handle {
	display: inline-block;
	cursor: move;
	margin: 0 5px;
}
.box .chat {
	padding: 5px 20px 5px 10px;
}
.box .chat .item {
	margin-bottom: 10px;
}
.box .chat .item:before,
.box .chat .item:after {
	display: table;
	content: " ";
}
.box .chat .item:after {
	clear: both;
}
.box .chat .item > img {
	width: 40px;
	height: 40px;
	border: 2px solid transparent;
	-webkit-border-radius: 50% !important;
	-moz-border-radius: 50% !important;
	border-radius: 50% !important;
}
.box .chat .item > img.online {
	border: 2px solid #00a65a;
}
.box .chat .item > img.offline {
	border: 2px solid #f56954;
}
.box .chat .item > .message {
	margin-left: 55px;
	margin-top: -40px;
}
.box .chat .item > .message > .name {
	display: block;
	font-weight: 600;
}
.box .chat .item > .attachment {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #f0f0f0;
	margin-left: 65px;
	margin-right: 15px;
	padding: 10px;
}
.box .chat .item > .attachment > h4 {
	margin: 0 0 5px 0;
	font-weight: 600;
	font-size: 14px;
}
.box .chat .item > .attachment > p,
.box .chat .item > .attachment > .filename {
	font-weight: 600;
	font-size: 13px;
	font-style: italic;
	margin: 0;
}
.box .chat .item > .attachment:before,
.box .chat .item > .attachment:after {
	display: table;
	content: " ";
}
.box .chat .item > .attachment:after {
	clear: both;
}
.box > .overlay,
.box > .loading-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.box > .overlay {
	z-index: 1010;
	background: rgba(255, 255, 255, 0.7);
}
.box > .overlay.dark {
	background: rgba(0, 0, 0, 0.5);
}
.box > .loading-img {
	z-index: 1020;
	background: transparent url("./images/ajax-loader1.gif") 50% 50% no-repeat;
}


/*
    Component: Buttons
-------------------------
*/
.btn {
	font-weight: 500;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid transparent;
	-webkit-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.09);
	-moz-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.09);
	box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.09);
}
.btn-action {
	padding: 1px 5px;
	font-weight: 400;
	border: 1px solid transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.btn.btn-default {
	background-color: #fafafa;
	color: #666;
	border-color: #ccc;
	border-bottom-color: #ccc;
}
.btn.btn-default:hover,
.btn.btn-default:active,
.btn.btn-default.hover {
	background-color: #f7f7f7!important;
	color: #333;
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
	   -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
			box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}
.btn.btn-default.btn-flat {
	border-bottom-color: #d9dadc;
	-webkit-border-radius: 3px;
			border-radius: 3px;
}
.btn.btn-primary {
	background-color: #3c8dbc;
	border-color: #367fa9;
}
.btn.btn-primary:hover,
.btn.btn-primary:active,
.btn.btn-primary.hover {
	background-color: #367fa9;
}
.btn.btn-success {
	background-color: #00a65a;
	border-color: #008d4c;
}
.btn.btn-success:hover,
.btn.btn-success:active,
.btn.btn-success.hover {
	background-color: #008d4c;
}
.btn.btn-info {
	background-color: #00c0ef;
	border-color: #00acd6;
}
.btn.btn-info:hover,
.btn.btn-info:active,
.btn.btn-info.hover {
	background-color: #00acd6;
}
.btn.btn-danger {
	background-color: #f56954;
	border-color: #f4543c;
}
.btn.btn-danger:hover,
.btn.btn-danger:active,
.btn.btn-danger.hover {
	background-color: #f4543c;
}
.btn.btn-warning {
	background-color: #f39c12;
	border-color: #e08e0b;
}
.btn.btn-warning:hover,
.btn.btn-warning:active,
.btn.btn-warning.hover {
	background-color: #e08e0b;
}
.btn.btn-flat {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border-width: 1px;
}
.btn:active {
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	-moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn:focus,
.btn:active:focus,
.btn.active:focus {
	outline: none;
}
.btn.btn-file {
	position: relative;
	width: 120px;
	height: 35px;
	overflow: hidden;
}
.btn.btn-file > input[type='file'] {
	display: block !important;
	width: 100% !important;
	height: 35px !important;
	opacity: 0 !important;
	position: absolute;
	top: -10px;
	cursor: pointer;
}
.btn.btn-app {
	position: relative;
	padding: 15px 5px;
	margin: 0 0 10px 10px;
	min-width: 80px;
	height: 60px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	text-align: center;
	color: #666;
	border: 1px solid #ddd;
	background-color: #fafafa;
	font-size: 12px;
}
.btn.btn-app > .fa,
.btn.btn-app > .glyphicon,
.btn.btn-app > .ion {
	font-size: 20px;
	display: block;
}
.btn.btn-app:hover {
	background: #f4f4f4;
	color: #444;
	border-color: #aaa;
}
.btn.btn-app:active,
.btn.btn-app:focus {
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	-moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.btn-app > .badge {
	position: absolute;
	top: -3px;
	right: -10px;
	font-size: 10px;
	font-weight: 400;
}
.btn.btn-social-old {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	opacity: 0.9;
	padding: 0;
}
.btn.btn-social-old > .fa {
	padding: 10px 0;
	width: 40px;
}
.btn.btn-social-old > .fa + span {
	border-left: 1px solid rgba(255, 255, 255, 0.3);
}
.btn.btn-social-old span {
	padding: 10px;
}
.btn.btn-social-old:hover {
	opacity: 1;
}
.btn.btn-circle {
	width: 30px;
	height: 30px;
	line-height: 30px;
	padding: 0;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}


/*
    Component: Navs
*/
/* NAV PILLS */
.nav.nav-pills > li > a {
	border-top: 3px solid transparent;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	color: #444;
}
.nav.nav-pills > li > a > .fa,
.nav.nav-pills > li > a > .glyphicon,
.nav.nav-pills > li > a > .ion {
	margin-right: 5px;
}
.nav.nav-pills > li.active > a,
.nav.nav-pills > li.active > a:hover {
	background-color: #f6f6f6;
	border-top-color: #3c8dbc;
	color: #444;
}
.nav.nav-pills > li.active > a {
	font-weight: 600;
}
.nav.nav-pills > li > a:hover {
	background-color: #f6f6f6;
}
.nav.nav-pills.nav-stacked > li > a {
	border-top: 0;
	border-left: 3px solid transparent;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	color: #444;
}
.nav.nav-pills.nav-stacked > li.active > a,
.nav.nav-pills.nav-stacked > li.active > a:hover {
	background-color: #f6f6f6;
	border-left-color: #3c8dbc;
	color: #444;
}
.nav.nav-pills.nav-stacked > li.header {
	border-bottom: 1px solid #ddd;
	color: #777;
	margin-bottom: 10px;
	padding: 5px 10px;
	text-transform: uppercase;
}

/* NAV TABS */
.nav-tabs-custom {
	margin-bottom: 20px;
	background: #fff;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
}
.nav-tabs-custom > .nav-tabs {
	margin: 0;
	border-bottom-color: #f4f4f4;
}
.nav-tabs-custom > .nav-tabs > li {
	border-top: 3px solid transparent;
	margin-bottom: -2px;
	margin-right: 5px;
}
.nav-tabs-custom > .nav-tabs > li > a {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
}
.nav-tabs-custom > .nav-tabs > li > a,
.nav-tabs-custom > .nav-tabs > li > a:hover {
	background: transparent;
	margin: 0;
}
.nav-tabs-custom > .nav-tabs > li:not(.active) > a:hover,
.nav-tabs-custom > .nav-tabs > li:not(.active) > a:focus,
.nav-tabs-custom > .nav-tabs > li:not(.active) > a:active {
	border-color: transparent;
}
.nav-tabs-custom > .nav-tabs > li.active {
	border-top-color: #3c8dbc;
}
.nav-tabs-custom > .nav-tabs > li.active > a,
.nav-tabs-custom > .nav-tabs > li.active:hover > a {
	background-color: #fff;
}
.nav-tabs-custom > .nav-tabs > li.active > a {
	border-top: 0;
	border-left-color: #f4f4f4;
	border-right-color: #f4f4f4;
}
.nav-tabs-custom > .nav-tabs > li:first-of-type {
	margin-left: 0px;
}
.nav-tabs-custom > .nav-tabs > li:first-of-type.active > a {
	border-left-width: 0;
}
.nav-tabs-custom > .nav-tabs.pull-right {
	float: none!important;
}
.nav-tabs-custom > .nav-tabs.pull-right > li {
	float: right;
}
.nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type {
	margin-right: 0px;
}
.nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type.active > a {
	border-left-width: 1px;
	border-right-width: 0px;
}
.nav-tabs-custom > .nav-tabs > li.header {
	font-weight: 400;
	line-height: 35px;
	padding: 0 10px;
	font-size: 20px;
	color: #444;
	cursor: default;
}
.nav-tabs-custom > .nav-tabs > li.header > .fa,
.nav-tabs-custom > .nav-tabs > li.header > .glyphicon,
.nav-tabs-custom > .nav-tabs > li.header > .ion {
	margin-right: 10px;
}
.nav-tabs-custom > .tab-content {
	background: #fff;
	padding: 10px;
}
/* Nav tabs bottom */
.tabs-bottom.nav-3 li a {
	width: 3333.33333333% !important;
}
.tabs-bottom li a {
	border: 0;
}

/* PAGINATION */
.pagination {
	margin: 0px;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
	color: #999;
}
.pagination > .active-responsive > a,
.pagination > .active-responsive > span {
	display: none;
}
.text-right-rsp {
	text-align: right !important;
}
.text-left-rsp {
	text-align: left !important;
}
@media screen and (max-width: 767px) {
	.pagination > .elipse,
	.pagination > .away,
	.pagination > .away1,
	.pagination > .away2 {
		display: none;
	}
	.text-right-rsp,
	.text-left-rsp {
		text-align: center !important;
	}
}
@media screen and (max-width: 480px) {
	.pagination > .active-responsive > a,
	.pagination > .active-responsive > span,
	.pagination > .active-responsive > a:hover,
	.pagination > .active-responsive > span:hover,
	.pagination > .active-responsive > a:focus,
	.pagination > .active-responsive > span:focus {
		background-color: #428bca;
		border-color: #428bca;
		color: #fff;
		cursor: default;
		z-index: 2;
		display: block;
	}
	.pagination > .active > a,
	.pagination > .active > span,
	.pagination > .elipse,
	.pagination > .away,
	.pagination > .away1,
	.pagination > .away2,
	.pagination > .away3,
	.pagination > .away4 {
		display: none;
	}
	.text-right-rsp > .pagination > .active > a,
	.text-right-rsp > .pagination > .active > span,
	.text-center > .pagination > .active > a,
	.text-center > .pagination > .active > span {
		display: block;
	}
}



/* 
 * Page: 404 and 500 error pages
 * -----------------------------
*/
.error-page {
	width: 600px;
	margin: 20px auto 0 auto;
}
@media screen and (max-width: 767px) {
	.error-page {
		width: 100%;
	}
}
.error-page > .headline {
	float: left;
	font-size: 100px;
	font-weight: 300;
}
@media screen and (max-width: 767px) {
	.error-page > .headline {
		float: none;
		text-align: center;
	}
}
.error-page > .error-content {
	margin-left: 190px;
	display: block;
}
@media screen and (max-width: 767px) {
	.error-page > .error-content {
		margin-left: 0;
	}
}
.error-page > .error-content > h3 {
	font-weight: 300;
	font-size: 25px;
}
@media screen and (max-width: 767px) {
	.error-page > .error-content > h3 {
		text-align: center;
	}
}
.error-page:before,
.error-page:after {
	display: table;
	content: " ";
}
.error-page:after {
	clear: both;
}

/* Page: Invoice */
.invoice {
	position: relative;
	width: 90%;
	margin: 10px auto;
	background: #fff;
	border: 1px solid #f4f4f4;
}
.invoice-title {
	margin-top: 0;
}

/* Enhancement for printing */
@media print {
	.invoice {
		width: 100%;
		border: 0;
		margin: 0;
		padding: 0;
	}
	.invoice-col {
		float: left;
		width: 33.3333333%;
	}
	.table-responsive {
		overflow: auto;
	}
	.table-responsive > .table tr th,
	.table-responsive > .table tr td {
		white-space: normal!important;
	}
}

/* 
 * Skin Blue 
 * ---------
/* skin-blue navbar */
.skin-blue .navbar {
	/*background-color: #1c1d26;
	background: #3c8dbc !important;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3c8dbc), color-stop(1, #67a8ce)) !important;
	background: -ms-linear-gradient(bottom, #3c8dbc, #67a8ce) !important;
	background: -moz-linear-gradient(center bottom, #3c8dbc 0%, #67a8ce 100%) !important;
	background: -o-linear-gradient(#67a8ce, #3c8dbc) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67a8ce', endColorstr='#3c8dbc', GradientType=0) !important;
	border: 1px solid transparent;*/
}
.skin-blue .navbar .nav a {
	color: rgba(255, 255, 255, 0.8);
}


.nav > li > a:hover,
.nav > li > a:focus,
.skin-blue .navbar .nav .open > a{
	background: none;
}
.skin-blue .navbar .nav > li > a:hover,
.skin-blue .navbar .nav > li > a:active,
.skin-blue .navbar .nav .open > a:hover{
	background: rgba(0, 0, 0, 0.1);
	color: #f6f6f6;
}
.skin-blue .navbar .sidebar-toggle .icon-bar {
	background-color: #fff;
}
.skin-blue .navbar .sidebar-toggle:hover .icon-bar {
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);	
}
/* skin-blue logo */
.skin-blue .logo {
	/*background-color: #1c1d26;
	background: #3c8dbc !important;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3c8dbc), color-stop(1, #67a8ce)) !important;
	background: -ms-linear-gradient(bottom, #3c8dbc, #67a8ce) !important;
	background: -moz-linear-gradient(center bottom, #3c8dbc 0%, #67a8ce 100%) !important;
	background: -o-linear-gradient(#67a8ce, #3c8dbc) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67a8ce', endColorstr='#3c8dbc', GradientType=0) !important;*/
	color: #f9f9f9;
}
.skin-blue .logo > a {
	color: #f9f9f9;
}
/* skin-blue content header */
.skin-blue .right-side > .content-header {
	border-bottom: 1px solid #ddd;
	background-color: #f5f9f4;
	-webkit-box-shadow: 1px 0px 1px rgba(0, 0, 0, 0.1);
	   -moz-box-shadow: 1px 0px 1px rgba(0, 0, 0, 0.1);
		-ms-box-shadow: 1px 0px 1px rgba(0, 0, 0, 0.1);
		 -o-box-shadow: 1px 0px 1px rgba(0, 0, 0, 0.1);
			box-shadow: 1px 0px 1px rgba(0, 0, 0, 0.1);
}
/* Skin-blue user panel */
.skin-blue .user-panel > .image > img {
	border: 1px solid #dfdfdf;
}
.skin-blue .user-panel > .info,
.skin-blue .user-panel > .info > a {
	color: #555555;
}
/* skin-blue sidebar */
.skin-blue .sidebar {
	border-bottom: none;
}
.skin-blue .sidebar-menu > li {
	/*border-top: 1px solid #fff;*/
	/*border-bottom: 1px solid #ccc;*/
}
.skin-blue .sidebar-menu > li:first-of-type {
	/*border-top: 1px solid #fff;*/
}
.skin-blue .sidebar-menu > li > a {
	line-height: 20px;
	font-size: 13px;
	/*background: #e1e1e1;*/
	background: #222d32 !important;
	color: #b8c7ce;
	cursor: pointer;
	background: -webkit-gradient(left bottom, left top, color-stop(0%, #efefef), color-stop(100%, #fafafa));
	background: -webkit-linear-gradient(bottom, #efefef 0%, #fafafa 100%);
	background: -ms-linear-gradient(bottom, #efefef 0%, #fafafa 100%);
	background: -moz-linear-gradient(bottom, #efefef 0%, #fafafa 100%);
	background: -o-linear-gradient(bottom, #efefef 0%, #fafafa 100%);
	/*background: linear-gradient(to top, #efefef 0%, #fafafa 100%);*/
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#efefef', GradientType=0);*/
}
.skin-blue .sidebar-menu > li > a:hover,
.skin-blue .sidebar-menu > li.active > a {
	color: #f7f7f7;
	/*background: #e1e1e1;*/
	background: #222 !important;
	border-left: 3px solid #3c8dbc;
	background: -webkit-gradient(left bottom, left top, color-stop(60%, #e1e1e1), color-stop(100%, #fafafa));
	background: -webkit-linear-gradient(bottom, #e1e1e1 60%, #fafafa 100%);
	background: -ms-linear-gradient(bottom, #e1e1e1 60%, #fafafa 100%);
	background: -moz-linear-gradient(bottom, #e1e1e1 60%, #fafafa 100%);
	background: -o-linear-gradient(bottom, #e1e1e1 60%, #fafafa 100%);
	/*background: linear-gradient(to top, #e1e1e1 60%, #fafafa 100%);*/
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#e1e1e1', GradientType=0);*/
}
.skin-blue .sidebar-menu > li > a.keluar:hover{
	background: #f56954;
	color: #fff;
}
.skin-blue .sidebar-menu > li > .treeview-menu {
	margin: 0;
	background-color: #f9f9f9;
}
.skin-blue .left-side {
	background-color: #f9f9f9;
	border-right: 1px solid #ccc;
}
.skin-blue .sidebar a {
	color: #555555;
	position: relative;
}
.skin-blue .sidebar a:hover,
.skin-blue .sidebar a:focus {
	text-decoration: none;
	outline: none;
}
.skin-blue .treeview-menu > li > a {
	/*color: #555;*/
	color: #8aa4af;
}
.skin-blue .treeview-menu > li.active > a,
.skin-blue .treeview-menu > li > a:hover {
	/*color: #3c8dbc;*/
	color: #f1f1f1;
	font-weight:400;
}


/* iCheck plugin Square skin, blue
----------------------------------- */
.icheckbox_square-blue,
.iradio_square-blue {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0 5px 0 0;
    padding: 0;
    width: 22px;
    height: 22px;
    background: url("./images/blue.png") no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_square-blue {
    background-position: 0 0;
}
    .icheckbox_square-blue.hover {
        background-position: -24px 0;
    }
    .icheckbox_square-blue.checked {
        background-position: -48px 0;
    }
    .icheckbox_square-blue.disabled {
        background-position: -72px 0;
        cursor: default;
    }
    .icheckbox_square-blue.checked.disabled {
        background-position: -96px 0;
    }

.iradio_square-blue {
    background-position: -120px 0;
}
    .iradio_square-blue.hover {
        background-position: -144px 0;
    }
    .iradio_square-blue.checked {
        background-position: -168px 0;
    }
    .iradio_square-blue.disabled {
        background-position: -192px 0;
        cursor: default;
    }
    .iradio_square-blue.checked.disabled {
        background-position: -216px 0;
    }

/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .icheckbox_square-blue,
    .iradio_square-blue {
        background-image: url("./images/blue@2x.png");
        -webkit-background-size: 240px 24px;
        background-size: 240px 24px;
    }
}

/* PACE LOADER
-------------- */
.pace .pace-progress {
	background: #e3e3e3;
	position: fixed;
	z-index: 2000;
	top: 0;
	left: 0;
	height: 2px;
	-webkit-transition: width 1s;
	-moz-transition: width 1s;
	-o-transition: width 1s;
	transition: width 1s;
}
.pace-inactive {
	display: none;
}

/* MY OWN STYLE
-------------- */
.badge-number{
	background-color: #d15b47;
	/*border: 1px solid #fff;*/
	border-radius: 50%;
	-webkit-border-radius: 50%;
	color: #fff;
	display: table;
	padding: 2px;
	font-family: arial;
	font-size: 11px;
	font-weight: 700;
	height: 20px;
	width: 20px;
	position: absolute;
	top: 0;
	left: 24px;
	white-space: nowrap;
	z-index: 1;
}
.badge-number-content{
	display: table-cell;
	text-align: center;
}
img.clickpay-notif-icon{
	width:76px;
	height:35px;
	float:left;
	cursor:pointer;
	margin:5px;
}
img.ecash-notif-icon{
	width:82px;
	height:31px;
	float:left;
	cursor:pointer;
	margin:5px;
}
section.content-footer {
	padding: 0px 15px;
	border-top: 1px solid #ddd;
	background: white;
	-webkit-box-shadow: 1px 0px 2px rgba(0, 0, 0, 0.1);
	   -moz-box-shadow: 1px 0px 2px rgba(0, 0, 0, 0.1);
			box-shadow: 1px 0px 2px rgba(0, 0, 0, 0.1);
}
section.content-footer #footer1,
section.content-footer #footer2 {
	padding: 0px 5px;
	line-height: 38px;
	background-color: white;
}
.jarak-kanan{
	margin-right: 5px;
}
.jarak-kiri{
	margin-left: 5px;
}
.radio label,
.checkbox label{
	padding-left: 0;
}
.radio label.rtl,
.checkbox label.rtl{
	font-weight: bold;
}
.nav-tabs{
	margin-bottom: 10px;
}
.nav-tabs > li > a {
	padding: 10px 30px;
}
.hitung{
	text-align: right;
}
.grid-table-header {
	border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-top: 2px solid #00c0ef;
    margin: 0;
    padding: 5px 10px;
    -webkit-border-radius: 3px 3px 0 0;
       -moz-border-radius: 3px 3px 0 0;
    	-ms-border-radius: 3px 3px 0 0;
    	 -o-border-radius: 3px 3px 0 0;
    		border-radius: 3px 3px 0 0;
    -webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2);
       -moz-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2);
       	-ms-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2);
    	 -o-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2);
    		box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2);
}
.grid-table-body {
	border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    padding: 5px 10px;
    -webkit-border-radius: 0 0 3px 3px;
       -moz-border-radius: 0 0 3px 3px;
    	-ms-border-radius: 0 0 3px 3px;
    	 -o-border-radius: 0 0 3px 3px;
    		border-radius: 0 0 3px 3px;
    -webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2);
       -moz-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2);
       	-ms-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2);
    	 -o-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2);
    		box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2);
}
.font-header{
	font-size: 16px;
	font-weight: 300;
}
.title-border{
	background-color: #f3f3f3;
	margin: 15px 0;
	padding: 10px 10px 10px 20px;
}
.title-border.blue{
	border-left: 10px solid #0073b7;
}
.title-border.yellow{
	border-left: 10px solid #f39c12;
}
.title-border.orange{
	border-left: 10px solid #ff851b;
}
.title-border p{
	font-size: 15px;
}
h2.name{
	padding-right: 40px;
	margin: 0;
}
.cursor-edit-sm{
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 17px;
}
.cursor-edit-bg{
	cursor: pointer;
	position: absolute;
	top: 5px;
	right: 17px;
}
.profil-content{
	padding-right: 40px;
}
@media screen and (max-width: 767px) {
	.cursor-edit-sm{
		top: -30px;
	}
	.profil-name{
		padding-left: 30px;
		padding-right: 40px;
		font-weight: bold;
	}
	.profil-content{
		border-bottom: 1px solid rgb(221, 221, 221);
		margin-left: 10px;
		margin-right: 10px;
		padding-left: 20px;
		padding-right: 0px;
	}
}

/* DIV TABEL */
.div-table{
	display: table;
	width: 100%;
	border-top: 1px solid #dfdfdf;
	padding: 10px 5px 10px;
	margin: 0;
}
.div-table:last-child{
	border-bottom: 1px solid #dfdfdf;
}
.div-table .caption-image{
	display: table-cell;
	width: 10%;
	padding-right: 10px;
	padding-top: 10px;
	vertical-align: top;
	text-align: center
}
.div-table .div-table-content{
	display: table-cell;
	vertical-align: top;
}

/* FLIP CLICK */
.flip-click {
	position: relative;
	cursor: pointer;
}
.flip-click > img{
	max-width: none !important;
}
.flip-click .front-flip-face {
	-webkit-transform: rotateX(0deg) rotateY(0deg);
	   -moz-transform: rotateX(0deg) rotateY(0deg);
		-ms-transform: rotateX(0deg) rotateY(0deg);
		 -o-transform: rotateX(0deg) rotateY(0deg);
			transform: rotateX(0deg) rotateY(0deg);
	
	-webkit-transform-style: preserve-3d;
	   -moz-transform-style: preserve-3d;
		-ms-transform-style: preserve-3d;
		 -o-transform-style: preserve-3d;
			transform-style: preserve-3d;
	
	-webkit-backface-visibility: hidden;
	   -moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		 -o-backface-visibility: hidden;
			backface-visibility: hidden;
	
	-webkit-transition: all .4s ease-in-out;
	   -moz-transition: all .4s ease-in-out;
		-ms-transition: all .4s ease-in-out;
		 -o-transition: all .4s ease-in-out;
			transition: all .4s ease-in-out;
}
.flip-click.flip .front-flip-face {
	z-index: 900;
	-webkit-transform: rotateY(180deg);
	   -moz-transform: rotateY(180deg);
		-ms-transform: rotateY(180deg);
		 -o-transform: rotateY(180deg);
			transform: rotateY(180deg);
}

.flip-click .back-flip-face {
	background-color: #0073b7;
	/*background-color: #00c0ef;*/
	color: #fff;
	height: 55px;
	line-height: 50px;
	width: 55px;
	border: 1px solid #ddd;
	position: absolute;
	left: 50%;
	top: 10px;
	z-index: 800;
	margin-left: -33px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);

	-webkit-transform: rotateY(-180deg);
	   -moz-transform: rotateY(-179deg);
		-ms-transform: rotateY(-179deg);
		 -o-transform: rotateY(-179deg);
			transform: rotateY(-179deg);
	
	-webkit-transform-style: preserve-3d;
	   -moz-transform-style: preserve-3d;
		-ms-transform-style: preserve-3d;
		 -o-transform-style: preserve-3d;
			transform-style: preserve-3d;
	
	-webkit-backface-visibility: hidden;
	   -moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		 -o-backface-visibility: hidden;
			backface-visibility: hidden;
	
	-webkit-transition: all .4s ease-in-out;
	   -moz-transition: all .4s ease-in-out;
		-ms-transition: all .4s ease-in-out;
		 -o-transition: all .4s ease-in-out;
			transition: all .4s ease-in-out;
}
.flip-click .back-flip-face span{
	font-size: 23px;
	text-align: center
}

.flip-click.flip .back-flip-face {
	z-index: 1000;
	-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
			box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);

	-webkit-transform: rotateX(0deg) rotateY(0deg);
	   -moz-transform: rotateX(0deg) rotateY(0deg);
		-ms-transform: rotateX(0deg) rotateY(0deg);
		 -o-transform: rotateX(0deg) rotateY(0deg);
			transform: rotateX(0deg) rotateY(0deg);
}

/* -- X axis rotation for click flip-panel -- */
/*.flip-click .front-flip-face {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	transform: rotateX(0deg);
}
.flip-click.flip .front-flip-face {
	-webkit-transform: rotateX(180deg);
	-moz-transform: rotateX(180deg);
	transform: rotateX(180deg);
}
.flip-click .back-flip-face {
	-webkit-transform: rotateX(-180deg);
	-moz-transform: rotateX(-180deg);
	transform: rotateX(-180deg);
}
.flip-click.flip .back-flip-face {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	transform: rotateX(0deg);
}*/
/* END FLIP CLICK*/

/** VIEW PHOTO **/
.view {
	width: 200px;
	height: 200px;
	overflow: hidden;
	position: relative;
	cursor: default;
	display: inline-block;
	margin-bottom: 10px;
}
.view .mask{
	width: 200px;
	height: 200px;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
}
.view img {
	display: block;
	position: relative;
	width: 200px;
	height: 200px;
}
.view h2 {
	color: #fff;
	text-align: center;
	position: relative;
	font-size: 17px;
	padding: 10px;
	background: rgba(0, 0, 0, 0.6);
	margin: 20px 0 0 0;
}
.view-first .mask {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	background-color: rgba(0,0,0,0.3);
	-webkit-transition: all 0.4s ease-in-out;
	   -moz-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		 -o-transition: all 0.4s ease-in-out;
			transition: all 0.4s ease-in-out;
}

.view-first h2 {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transform: translateY(-100px);
	   -moz-transform: translateY(-100px);
		-ms-transform: translateY(-100px);
		 -o-transform: translateY(-100px);
			transform: translateY(-100px);
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		 -o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
}

.view-first:hover .mask {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

.view-first:hover h2 {
	cursor:pointer;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transform: translateY(0px);
	   -moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		 -o-transform: translateY(0px);
			transform: translateY(0px);
}
/** END VIEW PHOTO **/

/**	MODAL	**/
.modal-dialog-center {
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
}
.modal-dialog {
	width: 50%;
}
.modal-dialog-sm {
	width: 33.3333%;
}
.modal-dialog-lg {
	width: 83.3333%;
}
.modal-body {
	overflow-y: auto;
	overflow-x: hidden;
}
.modal-content {
	-webkit-border-radius: 0px;
	   -moz-border-radius: 0px;
			border-radius: 0px;
}
.modal-header {
	padding: 10px;
}
.modal-footer {
	padding: 10px;
	margin-top: 0;
}
.modal-loading{
	background-image: url("./images/loading.gif");
	background-position: 50% 50%;
	background-repeat: no-repeat;
	height: 110px;
}

@media screen and (max-width: 992px) {
	.modal-dialog,
	.modal-dialog-sm,
	.modal-dialog-lg,
	.modal-dialog-center {
		width: 80%;
		padding: 0 10px;
	}
}
@media screen and (max-width: 560px) {
	.modal-dialog,
	.modal-dialog-sm,
	.modal-dialog-lg,
	.modal-dialog-center {
		width: 100%;
		padding: 0 10px;
	}
}
/**	END MODAL **/

/**	START EXPLORER **/
.explorer span {
	background-position: center left;
	background-repeat: no-repeat;
	padding: 2px 0px 2px 20px;
}
.explorer span.file {
	background-image: url("./images/icon-file.png");
}

.explorer span.folder {
	background-image: url("./images/icon-folder.png");
}
/**	END EXPLORER **/

.sidebar-menu li > a > span.pull-right, 
.sidebar-menu .treeview-menu li > a > span.pull-right {
    margin: 0;
    position: absolute;
    top: 10px;
}
.sidebar-menu li > a > span.pull-right {
    right: 10px;
}
.sidebar-menu .treeview-menu li > a > span.pull-right {
    right: 3px;
}

.input-sm,
.form-horizontal .form-group-sm .form-control {
	font-size: inherit;
}
.form-control::-webkit-input-placeholder {
	color: #888;
	font-style: italic;
	opacity: 1;
}
.form-control::-moz-placeholder {
	color: #888;
	font-style: italic;
	opacity: 1;
}
.form-control:-moz-placeholder {
	color: #888;
	font-style: italic;
	opacity: 1;
}
.form-control:-ms-input-placeholder { 
	color: #888;
	font-style: italic;
	opacity: 1;
}

.col-sm-top { margin-top: 0px; }
@media (max-width: 767px) {
	.col-sm-top { margin-top: 15px; }
}
.col-md-top { margin-top: 0px; }
@media (max-width: 991px) {
	.col-sm-top { margin-top: 15px; }
}
.cke_path{
	display: none !important;
}

/** START FOOTER **/
.main-footer {
    color: #333;
    padding: 10px 10px 7px;
	position: relative;
	margin: 0 0 0 2px;
	background: #f5f9f4;
	border-top: 1px double #ddd;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
}
.main-footer .border-batas{
	 border-top: none;
}
.main-footer p{
	margin: 0px;
	padding: 0px 20px;
	font-size: 12px;
	font-weight: bold;
}
.main-footer p .footer1{
	float: right;
}
.main-footer p .footer2{
	float: left;
}
/** END FOOTER **/