/*
 * Template name: Kertas - Responsive Bootstrap 3 Admin Template
 * Version: 1.0.0
 * Author: VergoLabs
 */

/* devanagari */
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 300;
	src: url(fonts/poppins/pxiByp8kv8JHgFVrLDz8Z11lFc-K.woff2) format('woff2');
	unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}

/* latin-ext */
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 300;
	src: url(fonts/poppins/pxiByp8kv8JHgFVrLDz8Z1JlFc-K.woff2) format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 300;
	src: url(fonts/poppins/pxiByp8kv8JHgFVrLDz8Z1xlFQ.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* devanagari */
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 300;
	src: url(fonts/poppins/pxiEyp8kv8JHgFVrJJbecmNE.woff2) format('woff2');
	unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}

/* latin-ext */
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	src: url(fonts/poppins/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	src: url(fonts/poppins/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* devanagari */
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 600;
	src: url(fonts/poppins/pxiByp8kv8JHgFVrLEj6Z11lFc-K.woff2) format('woff2');
	unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}

/* latin-ext */
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 600;
	src: url(fonts/poppins/pxiByp8kv8JHgFVrLEj6Z1JlFc-K.woff2) format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 600;
	src: url(fonts/poppins/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* devanagari */
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	src: url(fonts/poppins/pxiByp8kv8JHgFVrLCz7Z11lFc-K.woff2) format('woff2');
	unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}

/* latin-ext */
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	src: url(fonts/poppins/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2) format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	src: url(fonts/poppins/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* GENERAL STYLE */
html,
body {
	overflow-x: hidden !important;
	font-family: 'Poppins', sans-serif;
	min-height: 100%;
	background: #f1f1f1;
}

a {
	color: #428bca;
	text-decoration: none;
	transition: color 0.3s ease;
}

a:hover,
a:active,
a:focus {
	color: #0056b3;
	text-decoration: underline;
	outline: none;
}

/* LAYOUT */
.wrapper {
	min-height: 100%;
}

.wrapper:before,
.wrapper:after {
	display: table;
	content: " ";
}

.wrapper:after {
	clear: both;
}

body .header,
body .navbar {
	position: fixed;
}

body .wrapper {
	margin-top: 60px;
}

/* HEADER */
body .header {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background: linear-gradient(90deg, #0073b7, #00c0ef);
	z-index: 1000;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* NAVBAR */
body .navbar {
	background: #ffffff;
	left: 0;
	right: 0;
}

/* LEFT & RIGHT SIDE */
.left-side {
	position: absolute;
	width: 250px;
	top: 0;
	bottom: 0;
	border-right: 1px solid #dddddd;
	box-shadow: 2px 0 6px rgba(0, 0, 0, 0.1);
	z-index: 999;
	font-size: 0.9em;
	overflow-y: auto;
}

.left-side::-webkit-scrollbar {
	display: none;
}

.right-side {
	margin-left: 250px;
	background-color: #f9f9f9;
	color: #666666;
	overflow: hidden;
}

/* UTILITY */
/* H1 - H6 font */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	font-weight: 300;
}

.page-header {
	margin: 10px 0 20px 0;
	font-size: 22px;
}

.page-header>small {
	color: #666;
	display: block;
	margin-top: 5px;
}

.sort-highlight {
	background: #f4f4f4;
	border: 1px dashed #dddddd;
	margin-bottom: 10px;
}

.padding {
	padding: 10px;
}

.margin {
	margin: 10px;
}

.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-gray,
bg-black,
.bg-red a,
.bg-yellow a,
.bg-aqua a,
.bg-blue a,
.bg-light-blue a,
.bg-green a,
.bg-navy a,
.bg-teal a,
.bg-olive a,
.bg-lime a,
.bg-orange a,
.bg-fuchsia a,
.bg-purple a,
.bg-maroon a,
bg-gray a,
.bg-black a {
	color: #f9f9f9 !important;
}

.bg-white,
.bg-white a {
	color: #999999 !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-gray {
	background-color: #eaeaec !important;
}

.bg-black {
	background-color: #222222 !important;
}

/* TEXT COLORS */
.text-red {
	color: #f56954 !important;
}

.text-yellow {
	color: #f3e812 !important;
}

.text-aqua {
	color: #00c0ef !important;
}

.text-blue {
	color: #0073b7 !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;
}

.text-gray {
	color: #666666 !important;
}

.text-black {
	color: #222222 !important;
}

.hide {
	display: none !important;
}

.fixed {
	position: fixed !important;
}

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

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

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

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

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

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

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

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

.table-striped>tbody>tr:nth-child(odd)>td,
.table-striped>tbody>tr:nth-child(odd)>th {
	background-color: #f3f4f5;
}

table .text-center td,
table .text-center th {
	text-align: center;
}

/* Loading Spinner */
.loading {
	border: 4px solid rgba(0, 0, 0, 0.1);
	border-top: 4px solid #0073b7;
	/* Blue spinner */
	border-radius: 50%;
	width: 40px;
	height: 40px;
	animation: spin 1s linear infinite;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}


/* HEADER */
body>.header {
	position: relative;
	max-height: 100px;
	z-index: 1000;
}

body>.header .logo {
	float: left;
	line-height: 60px;
	padding: 0 10px;
	width: 250px;
	height: 60px;
	display: block;
	position: fixed;
	min-width: 250px;
	min-height: 60px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}

body>.header .navbar {
	height: 60px;
	margin-bottom: 0;
	margin-left: 250px;
}

body>.header .navbar .sidebar-toggle {
	float: left;
	padding: 8px 5px;
	margin-top: 10px;
	margin-left: 16px;
	background-color: transparent;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 0 !important;
	font-size: 16px;
}

/* NAVBAR */
.navbar {
	border-bottom: 1px solid #eee;
}

.navbar .nav a,
.navbar .sidebar-toggle .fa-bars {
	color: #666666;
}

.navbar-nav {
	margin: 14px 56px 0 0;
}

.navbar .navbar-right {
	background-color: #fff;
	padding-left: 15px;
	height: 60px
}

.navbar .navbar-right>.nav {
	margin-right: 10px;
	margin-top: 10px;
}

.navbar-right .username {
	padding-left: 5px;
}

.navbar-right .nav .caret {
	border-bottom-color: #555555;
	border-top-color: #555555;
}

.navbar-menu,
.profile-menu {
	position: absolute;
	background-color: #fff;
}

.navbar-right ul.navbar-nav>li>a {
	background: none;
	margin-right: 0;
	font-size: 0.9em;
}

.navbar-right ul.navbar-nav>li.navbar-menu>a,
.navbar-right ul.navbar-nav>li.profile-menu>a {
	padding: 7px;
	font-size: 1em;
	font-weight: 600;
}

.navbar-right ul.navbar-nav>li {
	margin-right: 16px;
}

.navbar-right ul.navbar-nav>li.profile-menu {
	margin-right: 0;
}

.navbar-right ul.navbar-nav>li>a:hover,
.navbar-right ul.navbar-nav>li>a:focus {
	background: #f1f2f7;
}

ul.navbar-nav>li .badge {
	background: #ff2d55;
	border-radius: 9px;
	font-size: 10px !important;
	font-weight: 400;
	text-align: center;
	padding: 3px 5px;
	z-index: 100;
	min-width: 18px;
	height: 18px;
}

ul.navbar-nav>li.navbar-menu .badge {
	position: absolute;
	right: -6px;
	top: 0px;
}

ul.navbar-nav>li>a {
	color: #8e8e93;
	padding: 2px 6px;
	margin-right: 15px;
}

ul.navbar-nav>li>a:hover,
ul.navbar-nav>li>a:focus {
	background: transparent !important;
}

.navbar-nav li.navbar-menu .up-arrow,
.navbar-nav li.profile-menu .up-arrow {
	border-style: solid;
	border-width: 0 9px 9px;
	height: 0;
	margin-top: 0;
	opacity: 0;
	position: absolute;
	width: 0;
	z-index: 10;
	margin-top: 10px;
	opacity: 1;
	border-color: transparent transparent #007aff;
	border-bottom-color: #007aff !important;
	border-top-color: #007aff !important;
}

.navbar-nav li.navbar-menu .up-arrow {
	right: 96px;
	top: -18px;
}

.navbar-nav li.profile-menu .up-arrow {
	right: 30px;
	top: -18px;
}

ul.navbar-nav .open .dropdown-menu {
	position: absolute;
	background-color: #fff;
}

ul.navbar-nav li.navbar-menu .dropdown-menu {
	float: right;
	right: -90px;
	left: auto;
}

.dropdown-menu.box {
	max-width: 300px !important;
	min-width: 160px !important;
	top: 46px;
	width: 235px !important;
	padding: 0;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.176) !important;
	border: none !important;
	border-radius: 4px;
}

.dropdown-menu.box li p {
	margin: 0;
	padding: 10px;
	margin: 0;
	font-size: 0.9em;
}

.dropdown-menu>li>a {
	color: #797979;
}

.dropdown-menu.box li a {
	border-bottom: 1px solid #ebebeb !important;
	font-size: 0.9em;
	list-style: none;
	padding: 10px 10px !important;
	width: 100%;
	display: inline-block;
}

.dropdown-menu.box li a:hover {
	background-color: #f7f8f9 !important;
	color: #2e2e2e;
}

.dropdown-menu.box li a .fa {
	display: inline-block;
	width: 2em;
	text-align: center;
}

.dropdown-menu.box li.footer a {
	background: #efefef;
	text-align: center;
}

.dropdown-menu.box li.footer a:hover {
	color: #828293;
	border: none !important;
}

.dropdown-menu.task .task-info .task-desc {
	font-size: 13px;
	font-weight: normal;
}

.dropdown-menu.task .task-info .task-percent {
	display: inline-block;
	float: right;
	font-size: 13px;
	padding-left: 10px;
	margin-top: -4px;
}

.dropdown-menu.box .progress {
	margin-bottom: 0 !important;
	height: 10px;
}

.dropdown-menu.inbox li a .photo img {
	border-radius: 50%;
	border: 1px solid #ddd;
	float: left;
	height: 40px;
	margin-right: 4px;
	width: 40px;
}

.dropdown-menu.inbox li a .subject {
	display: block;
}

.dropdown-menu.inbox li a .subject .from {
	font-size: 12px;
	font-weight: 600;
}

.dropdown-menu.inbox li a .subject .time {
	font-size: 11px;
	font-style: italic;
	position: absolute;
	right: 5px;
}

.dropdown-menu.inbox li a .message {
	display: block !important;
	font-size: 11px;
	overflow-x: hidden;
}

.dropdown-menu.notification li a .time {
	font-size: 11px;
	font-style: italic;
}

.navbar-right ul.navbar-nav>li .dropdown-menu.profile {
	width: 200px !important;
}

.navbar-nav li.profile-menu .dropdown-menu {
	float: right;
	right: 0;
	left: auto;
}

.dropdown-menu .box .profile>li {
	float: left;
	text-align: left;
	width: 100%;
}

.dropdown-menu .box .profile>li>a {
	border-bottom: 1px solid #ebebeb !important;
	list-style: none;
	padding: 10px 10px !important;
	width: 100%;
	display: inline-block;
	font-size: 0.9em !important;
}

.dropdown-menu .box .profile>li>a:hover {
	background-color: #f7f8f9 !important;
	color: #2e2e2e;
}

.dropdown-menu.box.profile>li>a>i {
	font-size: 17px;
	display: inline-block;
	padding-right: 10px;
}

/* SIDEBAR */
.user-panel {
	padding: 8px 25px 0 25px;
}

.user-panel:before,
.user-panel:after {
	display: table;
	content: " ";
}

.user-panel:after {
	clear: both;
}

.user-panel>.image {
	padding: 5px 5px 15px 5px;
}

.user-panel>.image>img {
	width: 45px;
	height: 45px;
}

.user-panel>.info {
	font-weight: 400;
	padding: 10px 5px 5px 15px;
	line-height: 1;
}

.user-panel>.info>p {
	margin-bottom: 9px;
}

.user-panel>.info>a {
	text-decoration: none;
	padding-right: 5px;
	margin-top: 3px;
	font-size: 11px;
	font-weight: normal;
}

.user-panel>.info>a>.fa {
	margin-right: 3px;
}

.sidebar-form {
	border-radius: 2px;
	margin: 12px 17px;
}

.sidebar-form input {
	font-size: 1em;
}

.sidebar-form input[type="text"],
.sidebar-form .btn {
	box-shadow: none;
	height: 35px;
	outline: none;
}

.sidebar-form input[type="text"] {
	border-top-left-radius: 2px !important;
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	border-bottom-left-radius: 2px !important;
}

.sidebar-form input:focus {
	box-shadow: none;
	border-color: transparent !important;
}


.sidebar-form input[type="text"]:focus,
.sidebar-form input[type="text"]:focus+.input-group-btn .btn {
	border: 0;
}

.sidebar-form input[type="text"]:focus+.input-group-btn .btn {
	border-left: 0;
}

.sidebar-form .btn {
	border-top-left-radius: 0 !important;
	border-top-right-radius: 2px !important;
	border-bottom-right-radius: 2px !important;
	border-bottom-left-radius: 0 !important;
	border-left: 0;
}

.sidebar .sidebar-form .input-group-btn>.btn {
	margin-left: 0;
}

.sidebar .sidebar-menu {
	list-style: none;
	margin: 0;
	padding: 0;
}

.sidebar .sidebar-menu .badge {
	font-weight: 400;
	font-size: 0.8em;
	padding: 3px 6px;
	margin: 2px 4px;
}

.sidebar .sidebar-menu>li {
	margin: 0;
	padding: 0;

}

.sidebar .sidebar-menu>li>a {
	padding: 15px 20px;
	display: block;
	transition: background-color 0.3s ease, color 0.3s ease;
}

.sidebar .sidebar-menu>li>a:hover {
	background-color: #0e1d35;
	color: #0073b7;
	border-left: 1px solid #ffffff;
}

.sidebar .sidebar-menu>li>a>.fa {
	font-size: 1.2rem;
	margin-right: 10px;
}

.sidebar .sidebar-menu>li>a>.fa-angle-left,
.sidebar .sidebar-menu>li>a>.fa-angle-down {
	padding-top: 3px;
}

.sidebar .sidebar-menu>li>ul>li>a>.fa-angle-left,
.sidebar .sidebar-menu>li>ul>li>a>.fa-angle-down {
	padding-top: 3px;
	margin-right: 15px;
}

.sidebar .sidebar-menu .sub-menu {
	display: none;
	list-style: none;
	padding: 0;
	margin: 0;
}

.sidebar .sidebar-menu .sub-menu>li {
	margin: 0px;
}

.sidebar .sidebar-menu .sub-menu>li:first-child {
	padding-top: 6px;
}

.sidebar .sidebar-menu .sub-menu>li:last-child {
	padding-bottom: 6px;
}

.sidebar .sidebar-menu .sub-menu>li>a {
	padding: 6px 5px 6px 36px;
	display: block;
	margin: 0px 0px;
	font-size: 0.95em;
}

.sidebar .sidebar-menu .sub-menu>li .sub-menu>li>a {
	/* padding: 6px 5px 6px 40px; */
}

/* COLLAPSE SIDEBAR */
.left-side.collapse-left {
	width: 50px;
}

.left-side.collapse-left>.sidebar>ul.sidebar-menu>li>a>.fa {
	font-size: 1.4em;
	width: 1em;
}

.left-side.collapse-left>.sidebar>.user-panel,
.left-side.collapse-left>.sidebar>.sidebar-form,
.left-side.collapse-left>.sidebar>ul.sidebar-menu>li>a>span,
.left-side.collapse-left>.sidebar>ul.sidebar-menu>li.menu>a>span,
.left-side.collapse-left>.sidebar>ul.sidebar-menu>li>a>small,
.left-side.collapse-left>.sidebar>ul.sidebar-menu>li.menu>a>small,
.left-side.collapse-left>.sidebar>ul.sidebar-menu>li>a>.fa-angle-left,
.left-side.collapse-left>.sidebar>ul.sidebar-menu>li.menu>a>.fa-angle-left,
.left-side.collapse-left>.sidebar>ul.sidebar-menu>li>a>.fa-angle-down,
.left-side.collapse-left>.sidebar>ul.sidebar-menu>li.menu>a>.fa-angle-down {
	display: none;
}

.left-side.collapse-left>.sidebar>ul.sidebar-menu>li.menu>ul.sub-menu {
	position: absolute;
	margin-top: -46px;
	margin-left: 50px;
	width: auto;
	z-index: 999;
	min-width: 250px;
}

.left-side.collapse-left>.sidebar>ul.sidebar-menu>li.menu>ul.sub-menu>li>a {
	padding-left: 10px;
}

/* CONTENT */
.right-side>.content-header {
	padding: 15px 20px 1px 25px;
	background: #f1f1f1;
	box-shadow: none;
}

.right-side>.content-header>span {
	margin: 0;
	font-size: 2em;
	font-weight: 300;
	text-transform: uppercase;
}

.right-side>.content-header>.fa {
	font-size: 4em;
	text-align: center;
	margin: 0;
	width: 1.2em;
	height: 1.2em;
	margin-right: 10px;
	float: left;
	line-height: 1.2em;
}

.right-side>.content-header>.breadcrumb {
	background: transparent;
	margin-top: 0;
	padding: 0;
	font-size: 0.9em;
	font-weight: 300;
	text-transform: uppercase;
}

.right-side>.content-header>.breadcrumb>li>a {
	color: #666666;
}

.right-side>.content-header>.breadcrumb>li>a:hover {
	color: #000000;
}

.right-side>.content-header>.breadcrumb>li+li:before {
	content: "\002f \0020";
	color: #000000;
}

.right-side>.content {
	padding: 0px 25px 25px 25px;
	background: #f1f1f1;
}

/* MEDIA QUERIES */
@media screen and (max-width: 992px) {
	.relative {
		position: relative;
	}

	.row-offcanvas-left .sidebar-offcanvas {
		left: -250px;
	}

	.row-offcanvas-right .sidebar-offcanvas {
		right: -250px;
	}

	.row-offcanvas-left.active {
		left: 250px;
	}

	.row-offcanvas-right.active {
		right: 250px;
	}

	.right-side {
		margin-left: 0;
	}
}

@media screen and (min-width: 992px) {
	.left-side {
		top: 60px;
	}

	.left-side.collapse-left {
		/*left: -250px;*/
	}

	.right-side.strech {
		margin-left: 50px;
	}

	.right-side.strech>.content-header {
		margin-top: 0px;
	}
}

@media screen and (width: 992px) {
	.left-side {
		top: 0px !important;
	}
}

@media screen and (max-width: 768px) {
	.navbar .navbar-right {
		float: right;
	}

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

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

	.navbar-nav>li>a {
		padding-top: 15px;
		padding-bottom: 15px;
		line-height: 20px;
	}

	.right-side>.content-header>.breadcrumb {
		position: relative;
		top: 0;
		right: 0;
		float: none;
	}

	.ticker {
		display: none;
	}
}

@media screen and (max-width: 560px) {
	body>.header {
		position: fixed;
	}

	body>.header .navbar {
		margin: 0;
	}

	body>.header .logo,
	body>.header .navbar {
		width: 100%;
		float: right;
		position: relative !important;
	}

	body>.wrapper {
		/* margin-top: 120px !important; */
	}
}

@media screen and (max-width: 360px) {

	.navbar-menu,
	.grid .grid-header>.grid-tools {
		display: none !important;
	}
}

@media print {
	.no-print {
		display: none;
	}

	.left-side,
	.header,
	.content-header {
		display: none;
	}

	.right-side {
		margin: 0 auto;
	}

	.invoice {
		padding-top: 0px !important;
		margin-top: 0px !important;
	}
}

/*
 * COMPONENT
 */

/* NEWS TICKER */
.ticker {
	color: #999;
	float: left;
	height: 60px;
	width: 100%;
	position: absolute;
	line-height: 60px;
	margin-left: 60px;
	text-overflow: clip;
	white-space: nowrap;
	overflow: hidden;
	z-index: -1;
}

.ticker div {
	display: inline-block;
}

.ticker strong {
	float: left;
	display: inline;
	line-height: 60px;
	margin-right: 10px;
}

.ticker ul {
	margin-bottom: 0px;
}

.ticker li {
	height: 60px;
	list-style: none;
}

/* SCROLL TO TOP */
.scroll-to-top {
	background: url(../img/scroll-to-top.png) no-repeat;
	position: fixed;
	cursor: pointer;
	bottom: 24px;
	right: 20px;
	width: 35px;
	height: 35px;
	display: none;
	z-index: 999;
}

/* DASHBOARD */
.grid.widget .grid-body {
	padding: 5px 5px 5px 5px;
}

.widget .title {
	display: block;
	text-align: center;
	font-weight: 600;
}

.widget .value {
	display: block;
	text-align: center;
	font-size: 2em;
	margin: 10px 0;
}

.widget .chart {
	display: block;
	text-align: center;
	margin-bottom: 2px;
}

.current-stat h3 {
	margin-top: 10px;
}

.current-stat .grid {
	box-shadow: none;
}

.current-stat span {
	display: block;
	width: 100%;
}

.stat h4 {
	margin: 0px;
	font-weight: 400;
	padding-bottom: 10px;
}

.stat h4 small {
	color: #ffffff;
	line-height: 1.5em;
}

.stat .footer {
	padding: 15px 20px 5px 20px;
	background: rgba(1, 1, 1, 0.1);
}

.stat .footer h4 {
	font-size: 1.2em;
}

.box-profile .grid-body {
	margin: 0px !important;
}

.box-profile img {
	display: block;
	width: 150px;
	margin: 10px auto;
	border: 10px solid rgba(1, 1, 1, 0.1);
}

.box-profile h3 {
	display: block;
	text-align: center;
	font-weight: 400;
	color: #ffffff !important;
}

.box-profile span {
	display: block;
	text-align: center;
	line-height: 1.5em;
	margin-bottom: 12px;
}

.box-profile .footer {
	cursor: pointer;
}

.box-profile .footer .col-xs-4 {
	background-color: rgba(1, 1, 1, 0.1);
}

.box-profile .footer .col-xs-4:hover {
	background-color: rgba(1, 1, 1, 0.15);
}

.box-profile .footer h3 {
	padding: 15px 0px 10px 0px;
	margin: 0px;
	font-weight: 300;
}

.box-profile .footer h3 .fa {
	font-size: 1em;
	display: block;
	margin-bottom: 2px;
}

.work-progress span.title,
.work-progress span.sub-title {
	display: block;
	width: 100%;
}

.work-progress .title .pull-right {
	font-size: 1em;
}

.work-progress span.sub-title {
	font-size: 1.2em !important;
}

.work-progress table td {
	padding: 15px 10px !important;
	border: none !important;
}

.box-calendar .date {
	display: block;
	text-align: center;
	font-size: 20em;
	font-weight: 300;
	line-height: 1em;
}

.box-calendar hr {
	border-color: #cccccc;
}

.box-calendar .notification {
	font-size: 2em;
	font-weight: 300;
	text-align: center;
	display: block;
	margin: 10px 0;
}

.box-calendar .notification .fa {
	padding-right: 10px;
}

.box-calendar .datetimepicker {
	font-size: 1em;
	display: block;
	width: 100%;
	padding: 20px;
}

.box-calendar .datetimepicker table {
	margin: 15px auto;
}

.box-calendar .datetimepicker table thead tr:last-child th {
	padding-top: 20px;
}

.box-calendar .datetimepicker table thead th.switch {
	font-size: 2em;
	font-weight: 400;
}

.box-calendar .datetimepicker table thead th.dow {
	font-weight: 600;
}

.box-calendar .datetimepicker td {
	padding: 5px 15px;
}

.box-calendar .datetimepicker td.day:hover {
	border-radius: 0px;
}

.box-calendar .datetimepicker span.year.active,
.box-calendar .datetimepicker span.month.active,
.box-calendar .datetimepicker td.day.active {
	background: #932ab6;
	border-radius: 0px;
}

.box-calendar .datetimepicker span.year.active:hover,
.box-calendar .datetimepicker span.month.active:hover,
.box-calendar .datetimepicker td.day.active:hover {
	background: #932af6;
	border-radius: 0px;
}

.weather h3.title {
	margin: 0px;
	color: #ffffff !important;
	padding: 20px;
	font-weight: 300;
}

.weather h3.title .pull-right {
	font-size: 1.5em;
	font-weight: 600;
}

.weather h3.title .fa {
	padding-right: 10px;
}

.weather .weather-icon {
	display: block;
	margin: 15px auto;
}

.weather .footer {
	text-align: center;
	font-weight: 600;
	background: rgba(1, 1, 1, 0.1);
}

.weather .footer .row {
	margin: 0px;
	padding: 5px 0;
	cursor: pointer;
}

.weather .footer .weather-icon {
	margin: 5px auto;
}

.visitor h3 {
	margin: 0px;
	padding: 20px;
}

.visitor .chart {
	margin: 24px auto;
}

.visitor .footer {
	text-align: center;
	font-weight: 600;
}

.visitor .footer .row {
	margin: 0px;
	padding: 5px 0;
	cursor: pointer;
}

.visitor .footer span.os {
	margin-top: 10px;
	display: block;
}

.visitor .footer span.percent {
	display: block;
	font-size: 2em;
	font-weight: 300;
}

.visitor .footer .blue {
	border-top: 5px solid rgba(52, 152, 219, 1);
}

.visitor .footer .green {
	border-top: 5px solid rgba(46, 204, 113, 1);
}

.visitor .footer .red {
	border-top: 5px solid rgba(231, 76, 60, 1);
}

.visitor .footer .yellow {
	border-top: 5px solid rgba(241, 196, 15, 1);
}

.jqstooltip {
	box-sizing: content-box;
}

/* UI GENERAL */
.label {
	font-weight: 400;
}

.badge {
	font-size: 0.9em;
	font-weight: 400;
	padding: 4px 10px;
}

.popover-content {
	font-size: 0.9em;
}

/* BUTTONS */
.btn {
	padding: 10px 20px;
	font-size: 1em;
	font-weight: 500;
	border-radius: 6px;
	transition: all 0.3s ease;
}

.btn:hover {
	transform: scale(1.05);
	/* Slight zoom effect */
}

.input-group-btn {
	font-size: 1.1em;
}

.input-group .dropdown-menu,
.btn-group .dropdown-menu {
	margin-top: -5px;
}

.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group {
	margin-right: 0px;
}

.input-group-btn>.btn+.btn {
	margin-left: -4px;
}

.btn-radius {
	border-radius: 3px !important;
}

.btn-group-vertical .btn {
	border-radius: 0px !important;
	margin-bottom: 0px;
}

.dropdown-menu li a {
	font-size: 0.9em;
}

/* SOCIAL BUTTON */
.btn-facebook .fa,
.btn-twitter .fa,
.btn-google-plus .fa,
.btn-youtube .fa,
.btn-linkedin .fa,
.btn-pinterest .fa,
.btn-flickr .fa,
.btn-tumblr .fa,
.btn-vk .fa,
.btn-vimeo-square .fa {
	width: 1em;
	height: 1em;
	text-align: center;
}

.btn-facebook.social,
.btn-twitter.social,
.btn-google-plus.social,
.btn-youtube.social,
.btn-linkedin.social,
.btn-pinterest.social,
.btn-flickr.social,
.btn-tumblr.social,
.btn-vk.social,
.btn-vimeo-square.social {
	color: #333333 !important;
}

.btn-facebook.color {
	color: #3b5998 !important;
}

.btn-twitter.color {
	color: #00aced !important;
}

.btn-google-plus.color {
	color: #dd4b39 !important;
}

.btn-youtube.color {
	color: #bb0000 !important;
}

.btn-linkedin.color {
	color: #007bb6 !important;
}

.btn-pinterest.color {
	color: #cb2027 !important;
}

.btn-flickr.color {
	color: #ff0084 !important;
}

.btn-tumblr.color {
	color: #32506d !important;
}

.btn-vk.color {
	color: #45668e !important;
}

.btn-vimeo-square.color {
	color: #aad450 !important;
}

.btn.background {
	color: #ffffff;
}

.btn-facebook.background {
	background-color: #3b5998 !important;
}

.btn-twitter.background {
	background-color: #00aced !important;
}

.btn-google-plus.background {
	background-color: #dd4b39 !important;
}

.btn-youtube.background {
	background-color: #bb0000 !important;
}

.btn-linkedin.background {
	background-color: #007bb6 !important;
}

.btn-pinterest.background {
	background-color: #cb2027 !important;
}

.btn-flickr.background {
	background-color: #ff0084 !important;
}

.btn-tumblr.background {
	background-color: #32506d !important;
}

.btn-vk.background {
	background-color: #45668e !important;
}

.btn-vimeo-square.background {
	background-color: #aad450 !important;
}

/* GRID */
.col {
	padding: 10px 20px;
	margin-bottom: 10px;
	background: #fff;
	color: #666666;
	text-align: center;
	font-weight: 400;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
}

.row h3 {
	color: #666666;
}

.row.grid {
	margin-left: 0;
}

.grid {
	position: relative;
	width: 100%;
	background: #fff;
	color: #666666;
	margin-bottom: 25px;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
	border-radius: 8px;
	/* Rounded corners */
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	/* Soft shadow */
	/* transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out; */
}

.grid:hover {
	/* transform: translateY(-5px); */
	/* Lift effect on hover */
	/* box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15); */
	/* Stronger shadow on hover */
}

.grid .grid-header {
	position: relative;
	border-bottom: 1px solid #ddd;
	padding: 15px 10px 10px 20px;
}

.grid .grid-header:before,
.grid .grid-header:after {
	display: table;
	content: " ";
}

.grid .grid-header:after {
	clear: both;
}

.grid .grid-header span,
.grid .grid-header>.fa {
	display: inline-block;
	margin: 0;
	/* font-weight: 300; */
	font-size: 1.5em;
	float: left;
}

.grid .grid-header span {
	padding: 0 5px;
}

.grid .grid-header>.fa {
	padding: 5px 10px 0 0;
}

.grid .grid-header>.grid-tools {
	padding: 4px 10px;
}

.grid .grid-header>.grid-tools a {
	color: #999999;
	padding-left: 10px;
	cursor: pointer;
}

.grid .grid-header>.grid-tools a:hover {
	color: #666666;
}

.grid .grid-body {
	padding: 15px 20px 15px 20px;
	font-size: 0.9em;
	line-height: 1.9em;
}

.grid .full {
	padding: 0 !important;
}

.grid .transparent {
	box-shadow: none !important;
	margin: 0px !important;
	border-radius: 0px !important;
}

.grid.top.black>.grid-header {
	border-top-color: #000000 !important;
}

.grid.bottom.black>.grid-body {
	border-bottom-color: #000000 !important;
}

.grid.top.blue>.grid-header {
	border-top-color: #007be9 !important;
}

.grid.bottom.blue>.grid-body {
	border-bottom-color: #007be9 !important;
}

.grid.top.green>.grid-header {
	border-top-color: #00c273 !important;
}

.grid.bottom.green>.grid-body {
	border-bottom-color: #00c273 !important;
}

.grid.top.purple>.grid-header {
	border-top-color: #a700d3 !important;
}

.grid.bottom.purple>.grid-body {
	border-bottom-color: #a700d3 !important;
}

.grid.top.red>.grid-header {
	border-top-color: #dc1200 !important;
}

.grid.bottom.red>.grid-body {
	border-bottom-color: #dc1200 !important;
}

.grid.top.yellow>.grid-header {
	border-top-color: #f3e812 !important;
}

.grid.bottom.yellow>.grid-body {
	border-bottom-color: #f3e812 !important;
}

.grid.top.orange>.grid-header {
	border-top-color: #f46100 !important;
}

.grid.bottom.orange>.grid-body {
	border-bottom-color: #f46100 !important;
}

.grid.no-border>.grid-header {
	border-bottom: 0px !important;
}

.grid.top>.grid-header {
	border-top-width: 4px !important;
	border-top-style: solid !important;
}

.grid.bottom>.grid-body {
	border-bottom-width: 4px !important;
	border-bottom-style: solid !important;
}

/* GROUP LIST */
.dd {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	max-width: 600px;
	list-style: none;
	line-height: 20px;
}

.dd-list {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
}

.dd-list .dd-list {
	padding-left:
		30px;
}

. dd-collapsed .dd-list {
	display: none;
}

.dd-item,
.dd-empty,
.dd-placeholder {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	min-height: 20px;
	line-height: 20px;
}

.dd-handle {
	display: block;
	height: 30px;
	margin: 5px 0;
	padding: 5px 10px;
	color: #333333;
	text-decoration: none;
	font-weight: 600;
	border: 1px solid #ccc;
	background: #fafafa;
	background: -webkit-linear-gradient(top, #fafafa 0%, #eee 100%);
	background: -moz-linear-gradient(top, #fafafa 0%, #eee 100%);
	background: linear-gradient(top, #fafafa 0%, #eee 100%);
	-webkit-border-radius: 3px;
	border-radius: 3px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.dd-handle:hover {
	color: #666666;
	background: #f4f4f4;
}

.dd-item>button {
	display: block;
	position: relative;
	cursor: pointer;
	float: left;
	width: 25px;
	height: 20px;
	margin: 5px 0;
	padding: 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	border: 0;
	background: transparent;
	font-size: 12px;
	line-height: 1;
	text-align: center;
	font-weight: bold;
}

.dd-item>button:before {
	content: '+';
	display: block;
	position: absolute;
	width: 100%;
	text-align: center;
	text-indent: 0;
}

.dd-item>button[data-action="collapse"]:before {
	content: '-';
}

.dd-placeholder,
.dd-empty {
	margin: 5px 0;
	padding: 0;
	min-height: 30px;
	background: #f2fbff;
	border: 1px dashed #b6bcbf;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.dd-empty {
	border: 1px dashed #bbb;
	min-height: 100px;
	background-color: #e5e5e5;
	background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
		-webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
	background-image: -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
		-moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
	background-image: linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
		linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
	background-size: 60px 60px;
	background-position: 0 0, 30px 30px;
}

.dd-dragel {
	position: absolute;
	pointer-events: none;
	z-index: 9999;
}

.dd-dragel>.dd-item .dd-handle {
	margin-top: 0;
}

.dd-dragel .dd-handle {
	-webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, .1);
	box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, .1);
}

.nestable-lists {
	display: block;
	clear: both;
	padding: 30px 0;
	width: 100%;
	border: 0;
	border-top: 2px solid #ddd;
	border-bottom: 2px solid #ddd;
}

#nestable-menu {
	padding: 0;
	margin: 20px 0;
}

#nestable-output,
#nestable2-output {
	width: 100%;
	height: 7em;
	font-size: 0.75em;
	line-height: 1.333333em;
	font-family: Consolas, monospace;
	padding: 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

#nestable2 .dd-handle {
	color: #fff;
	border: 1px solid #999;
	background: #bbb;
	background: -webkit-linear-gradient(top, #bbb 0%, #999 100%);
	background: -moz-linear-gradient(top, #bbb 0%, #999 100%);
	background: linear-gradient(top, #bbb 0%, #999 100%);
}

#nestable2 .dd-handle:hover {
	background: #bbb;
}

#nestable2 .dd-item>button:before {
	color: #fff;
}

.dd-hover>.dd-handle {
	background: #2ea8e5 !important;
}

.dd3-content {
	display: block;
	height: 30px;
	margin: 5px 0;
	padding: 5px 10px 5px 40px;
	color: #333;
	text-decoration: none;
	font-weight: 600;
	border: 1px solid #ccc;
	background: #fafafa;
	background: -webkit-linear-gradient(top, #fafafa 0%, #eee 100%);
	background: -moz-linear-gradient(top, #fafafa 0%, #eee 100%);
	background: linear-gradient(top, #fafafa 0%, #eee 100%);
	-webkit-border-radius: 3px;
	border-radius: 3px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.dd3-content:hover {
	color: #666666;
	background: #f4f4f4;
}

.dd-dragel>.dd3-item>.dd3-content {
	margin: 0;
}

.dd3-item>button {
	margin-left: 30px;
}

.dd3-handle {
	position: absolute;
	margin: 0;
	left: 0;
	top: 0;
	cursor: pointer;
	width: 30px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	border: 1px solid #aaa;
	background: #ddd;
	background: -webkit-linear-gradient(top, #ddd 0%, #bbb 100%);
	background: -moz-linear-gradient(top, #ddd 0%, #bbb 100%);
	background: linear-gradient(top, #ddd 0%, #bbb 100%);
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.dd3-handle:before {
	content: '≡';
	display: block;
	position: absolute;
	left: 0;
	top: 3px;
	width: 100%;
	text-align: center;
	text-indent: 0;
	color: #fff;
	font-size: 20px;
	font-weight: normal;
}

.dd3-handle:hover {
	background: #ccc;
}

/* ICONS */
.row.icons .fa {
	width: 2em;
	margin-bottom: 15px;
}

/* GRITTER NOTIFICATION */
#gritter-notice-wrapper {
	width: 320px;
	top: 60px;
}

.gritter-item-wrapper {
	background: url(../plugins/jquery-gritter/images/gritter-bg.png);
	box-shadow: 0 0px 5px rgba(0, 0, 0, 0.32);
}

.gritter-top {
	background: transparent;
}

.gritter-item {
	font-family: 'Open Sans', sans-serif;
	background: transparent;
	color: #fff;
	padding: 4px 20px 5px 0px;
	padding-right: 35px;
	padding-left: 10px;
}

.gritter-bottom {
	background: transparent;
}

.gritter-title {
	text-shadow: none;
	font-weight: 300;
	font-size: 1.6em;
	line-height: 1em;
}

.gritter-item p {
	font-size: 1.1em;
	line-height: 1.5em;
}

.gritter-close {
	display: block !important;
	top: 0;
	right: 0;
	left: auto;
	height: 30px;
	width: 35px;
	background: transparent;
	text-indent: inherit;
}

.gritter-close:after {
	content: '×';
	position: absolute;
	color: #fff;
	left: 10px;
	font-size: 24px;
	font-weight: 400;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.12);
}

.gritter-without-image,
.gritter-with-image {
	padding-left: 10px;
}

.gritter-image {
	margin-top: 2px;
}

.gritter-item-wrapper.default .gritter-item,
.gritter-item-wrapper.default .gritter-close:after {
	color: #666666;
}

.gritter-item-wrapper.default {
	background: rgba(250, 250, 250, 1);
}

.gritter-item-wrapper.primary {
	background: rgba(60, 141, 188, 1);
}

.gritter-item-wrapper.success {
	background: rgba(0, 166, 90, 1);
}

.gritter-item-wrapper.info {
	background: rgba(0, 192, 239, 1);
}

.gritter-item-wrapper.warning {
	background: rgba(243, 156, 18, 1);
}

.gritter-item-wrapper.danger {
	background: rgba(245, 105, 84, 1);
}

/* MODAL */
.modal {
	width: 100%;
	position: fixed;
	text-align: left;
	margin: 0px auto;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	z-index: 1050;
}

.modal-wrapper {
	display: table;
	overflow: auto;
	overflow-y: scroll;
	height: 100%;
	-webkit-overflow-scrolling: touch;
	outline: 0;
	text-align: left;
	margin: 0px auto;
}

.modal-dialog {
	margin-top: 0px;
	display: table-cell;
	vertical-align: middle;
	margin: 0px 20px;
}

.modal-content {
	border-radius: 10px;
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
	animation: fadeIn 0.3s ease-in-out;
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: scale(0.9);
	}

	to {
		opacity: 1;
		transform: scale(1);
	}
}

.modal-header {
	background-color: #0073b7;
	color: #ffffff;
	border-bottom: none;
	border-radius: 10px 10px 0 0;
}

.modal-footer {
	border-top: none;
	text-align: right;
}

.bg-red button.close,
.bg-yellow button.close,
.bg-aqua button.close,
.bg-blue button.close,
.bg-light-blue button.close,
.bg-green button.close,
.bg-navy button.close,
.bg-teal button.close,
.bg-olive button.close,
.bg-lime button.close,
.bg-orange button.close,
.bg-fuchsia button.close,
.bg-purple button.close,
.bg-maroon button.close,
.bg-gray button.close,
.bg-black button.close,
.bg-white button.close {
	color: #f9f9f9 !important;
	opacity: 0.8;
}

.bg-red .modal-header,
.bg-yellow .modal-header,
.bg-aqua .modal-header,
.bg-blue .modal-header,
.bg-light-blue .modal-header,
.bg-green .modal-header,
.bg-navy .modal-header,
.bg-teal .modal-header,
.bg-olive .modal-header,
.bg-lime .modal-header,
.bg-orange .modal-header,
.bg-fuchsia .modal-header,
.bg-purple .modal-header,
.bg-maroon .modal-header,
.bg-gray .modal-header,
.bg-black .modal-header,
.bg-white .modal-header {
	border-bottom: 0px !important;
}

.bg-red .modal-footer,
.bg-yellow .modal-footer,
.bg-aqua .modal-footer,
.bg-blue .modal-footer,
.bg-light-blue .modal-footer,
.bg-green .modal-footer,
.bg-navy .modal-footer,
.bg-teal .modal-footer,
.bg-olive .modal-footer,
.bg-lime .modal-footer,
.bg-orange .modal-footer,
.bg-fuchsia .modal-footer,
.bg-purple .modal-footer,
.bg-maroon .modal-footer,
.bg-gray .modal-footer,
.bg-black .modal-footer,
.bg-white .modal-footer {
	border-top: 0px !important;
}

/* TABS */
.nav-tabs,
.tab-content {
	font-size: 0.9em;
	color: #666666;
}

.nav-tabs {
	background: transparent;
}

.nav-tabs>li {
	border-top: 2px solid transparent;
}

.nav-tabs>li.active,
.tabs-bottom .nav-tabs>li.active,
.tabs-right .nav-tabs>li.active,
.tabs-left .nav-tabs>li.active {
	border-color: #3c8dbc;
}

.nav-tabs>li a {
	border-radius: 0px;
	margin: 0;
	color: #888888;
}

.nav-tabs>li a .fa {
	width: 1em;
	text-align: center;
}

.nav-tabs>li a:hover {
	color: #111111;
	background: transparent;
}

.tab-content {
	padding: 5px 15px 5px 15px;
	margin-bottom: 25px;
	line-height: 1.9em;
	color: #666666 !important;
	background: #ffffff;
	border-bottom: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
}

.tabs-bottom .nav-tabs {
	border-top: 1px solid #dddddd;
	border-bottom: 0px;
	margin-bottom: 25px;
}

.tabs-bottom .nav-tabs>li {
	border-top: 0px;
	border-bottom: 2px solid transparent;
	margin-top: -1px;
}

.tabs-bottom .nav-tabs>li.active a {
	border-top: 0px;
}

.tabs-bottom .nav-tabs>li a:hover {
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
}

.tabs-bottom .nav-tabs>li.active a:hover {
	border-top: 0px;
}

.tabs-bottom .tab-content {
	border-top: 1px solid #dddddd;
	border-bottom: 0px;
	margin-bottom: 0px;
}

.tabs-left .nav-tabs>li,
.tabs-right .nav-tabs>li {
	float: none;
}

.tabs-left .nav-tabs>li {
	border-top: 0px;
	border-left: 2px solid transparent;
}

.tabs-left .nav-tabs {
	float: left;
	border-bottom: 0px;
}

.tabs-left .nav-tabs>li.active a {
	border-right: 0px;
	border-bottom: 1px solid #dddddd;
}

.tabs-left .nav-tabs>li.active a:hover {
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	border-right: 1px solid transparent;
}

.tabs-left .nav-tabs>li a:hover {
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
	border-right: 1px solid #dddddd;
}

.tabs-left .tab-content {
	border-top: 1px solid #dddddd;
	margin-left: 46px;
}

.tabs-right .nav-tabs>li {
	border-top: 0px;
	border-right: 2px solid transparent;
}

.tabs-right .nav-tabs {
	float: right;
	border-bottom: 0px;
}

.tabs-right .nav-tabs>li.active a {
	border-left: 1px solid transparent;
	border-bottom: 1px solid #dddddd;
}

.tabs-right .nav-tabs>li.active a:hover {
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	border-left: 1px solid transparent;
}

.tabs-right .nav-tabs>li a:hover {
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
	border-left: 1px solid #dddddd;
}

.tabs-right .tab-content {
	border-top: 1px solid #dddddd;
	margin-right: 46px;
}

/* ACCORDIONS */
.panel-group {
	font-size: 0.9em;
	line-height: 1.9em;
	color: #666666;
}

.panel-group .panel {
	border-radius: 0px;
}

.panel-group .panel+.panel {
	margin-top: 0px;
}

.panel-heading {
	border-radius: 0px;
}

.panel-title {
	font-weight: 300;
	padding: 5px 0px;
}

.panel-default .panel-title a:hover {
	color: #999999;
}

.panel-primary .panel-title a:hover,
.panel-success .panel-title a:hover,
.panel-warning .panel-title a:hover,
.panel-danger .panel-title a:hover {
	color: #f0f0f0;
}

.panel-default {
	border-color: #dddddd;
}

.panel-default>.panel-heading {
	color: #666666;
	background-color: #fafafa;
	border-color: #dddddd;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: #dddddd;
}

.panel-default>.panel-footer+.panel-collapse>.panel-body {
	border-bottom-color: #dddddd;
}

.panel-primary {
	border-color: #428bca;
}

.panel-primary>.panel-heading {
	color: #ffffff;
	background-color: #428bca;
	border-color: #428bca;
}

.panel-primary>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: #428bca;
}

.panel-primary>.panel-footer+.panel-collapse>.panel-body {
	border-bottom-color: #428bca;
}

.panel-success {
	border-color: #2ecc71;
}

.panel-success>.panel-heading {
	color: #ffffff;
	background-color: #2ecc71;
	border-color: #2ecc71;
}

.panel-success>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: #2ecc71;
}

.panel-success>.panel-footer+.panel-collapse>.panel-body {
	border-bottom-color: #2ecc71;
}

.panel-info {
	border-color: #00bfef;
}

.panel-info>.panel-heading {
	color: #ffffff;
	background-color: #00bfef;
	border-color: #00bfef;
}

.panel-info>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: #00bfef;
}

.panel-info>.panel-footer+.panel-collapse>.panel-body {
	border-bottom-color: #00bfef;
}

.panel-warning {
	border-color: #f39d12;
}

.panel-warning>.panel-heading {
	color: #ffffff;
	background-color: #f39d12;
	border-color: #f39d12;
}

.panel-warning>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: #f39d12;
}

.panel-warning>.panel-footer+.panel-collapse>.panel-body {
	border-bottom-color: #f39d12;
}

.panel-danger {
	border-color: #f56954;
}

.panel-danger>.panel-heading {
	color: #ffffff;
	background-color: #f56954;
	border-color: #f56954;
}

.panel-danger>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: #f56954;
}

.panel-danger>.panel-footer+.panel-collapse>.panel-body {
	border-bottom-color: #f56954;
}

/* TYPOGRAPHY */
.lead {
	font-size: 1.6em;
	font-weight: 300;
	margin-top: 5px;
	margin-bottom: 5px;
}

blockquote {
	font-size: 1.2em;
}

/* FORM */
.form-group label {
	font-weight: 400;
}

.form-control {
	border-radius: 6px;
	border: 1px solid #dddddd;
	font-size: 1em;
	transition: border-color 0.3s ease;
}

.form-control:focus {
	box-shadow: none;
}

/* INPUT GROUP */
.input-group .input-group-addon {
	border-radius: 0;
	background-color: #f4f4f4;
}

/* CHECKBOX & RADIO */
.checkbox,
.radio {
	padding-left: 0;
}

.radio label,
.checkbox label,
.radio-inline,
.checkbox-inline {
	padding-left: 0;
}

/* DATETIME PICKER */
.datetimepicker {
	font-size: 0.9em;
}

/* SELECT2 */
.select2-container .select2-choice>.select2-chosen {
	margin-left: 6px;
}

.select2-container .select2-choice,
.select2-container .select2-choice .select2-arrow {
	border-radius: 0px;
	height: 2.8em;
	line-height: 2.8em;
}

.select2-container .select2-choice .select2-arrow b {
	margin-top: 4px;
}

.select2-drop {
	font-size: 0.9em;
}

.select2-container-multi .select2-choices .select2-search-choice {
	border-radius: 0px;
}

/* SLIDER */
.slider-handle {
	opacity: 1;
	background-color: #ffffff;
	background-image: linear-gradient(to bottom, #ffffff, #f9f9f9);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f9f9f9));
	background-image: -webkit-linear-gradient(top, #ffffff, #f9f9f9);
	background-image: -moz-linear-gradient(top, #ffffff, #f9f9f9);
	background-image: -o-linear-gradient(top, #ffffff, #f9f9f9);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.39);
	height: 23px;
	width: 23px;
	transition: box-shadow 200ms ease-in-out;
}

.slider-handle:hover {
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.45);
}

.slider.slider-horizontal {
	margin-top: 10px;
}

.slider.slider-horizontal .slider-handle {
	margin-top: -7px;
}

.slider.slider-vertical {
	margin-right: 13px;
	float: left;
}

.slider.slider-vertical .slider-handle {
	margin-left: -6px;
}

.slider-default .slider-selection {
	background: #f1f1f1;
	background-image: none;
}

.slider-primary .slider-selection {
	background: #428bca;
	background-image: none;
}

.slider-success .slider-selection {
	background: #5cb85c;
	background-image: none;
}

.slider-info .slider-selection {
	background-color: #5bc0de;
	background-image: none;
}

.slider-warning .slider-selection {
	background: #f0ad4e;
	background-image: none;
}

.slider-danger .slider-selection {
	background: #d9534f;
	background-image: none;
}

/* FORM VALIDATION */
input.error,
input.error:focus {
	border: 1px solid #d9534f;
}

.error {
	color: #d9534f;
}

/* FORM WIZARD */
#rootwizard .navbar {
	position: relative;
	border: 0px;
	margin-top: 35px;
}

#rootwizard .navbar ul {
	width: 100%;
	display: table;
	list-style: none;
}

#rootwizard .navbar li {
	text-align: center;
	display: table-cell;
	float: none;
	/* width: 25%; */
}

@media screen and (max-width: 560px) {
	#rootwizard .navbar {
		margin-top: 0px;
	}

	#rootwizard .navbar li {
		display: block;
		float: none;
		width: 100%;
		margin-top: 20px;
		text-align: left;
	}
}

#rootwizard .navbar li a {
	background-color: #eee;
	color: #ccc;
	border-radius: 50px;
	display: inline;
	padding: 5px 11px;
	font-size: 1.2em;
	font-weight: 400;
	margin-right: 10px;
}

#rootwizard .navbar li.active a {
	background-color: #428bca;
	color: #fff;
	padding: 8px 14px;
}

#rootwizard .navbar li span {
	color: #ccc;
}

#rootwizard .navbar li.active span {
	color: #666;
}

#rootwizard .progress {
	width: 95%;
	margin: 0 auto;
}

#rootwizard .tab-content {
	border: 0px;
	margin: 20px 20px 0px 20px;
	padding-left: 0px;
	font-size: 1em;
}

#rootwizard .tab-content .finish {
	text-align: center;
}

#rootwizard .tab-content .finish h1 {
	font-weight: 300;
	margin-bottom: 30px;
}

#rootwizard .pager {
	font-size: 1em;
	padding: 0 20px;
}

#rootwizard .pager li a {
	border-radius: 0px;
	background-color: #428bca;
	color: #fff;
}

#rootwizard .pager li.disabled a {
	background-color: #eee;
	color: #ccc;
}

/* TABLE */
.table {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 20px;
	background-color: #ffffff;
	/* border: 1px solid #dddddd; */
}

.table th,
.table td {
	padding: 12px 15px;
	text-align: left;
	/* border-bottom: 1px solid #dddddd; */
}

.table th {
	/* background-color: #070335;
	color: #f9f9f9; */
	font-weight: 600;
}

.table tbody tr:hover {
	background-color: #f9f9f9;
}

.table .fa {
	width: 1.5em;
	text-align: center;
}

.table .fa.action {
	padding: 5px 0;
	width: 2.5em;
}

.table .label {
	border-radius: 2px;
	margin-left: 5px;
	font-size: 1em;
	font-weight: 400;
	padding: 2px 6px;
}

.table .progress {
	margin-bottom: 0 !important;
	height: 10px;
}

/* DATATABLES */
.detail-row {
	margin: 2px 0px;
}

.detail-row th,
.detail-row td {
	padding: 4px 10px;
}

.table .fa.link,
.table .fa.link {
	cursor: pointer;
}

/* ERROR PAGE */
.error .outer {
	display: table;
	position: absolute;
	width: 100%;
	height: 100%;
	background: url('../img/background/05.jpg') no-repeat center center;
	background-size: cover;
}

.error .middle {
	display: table-cell;
	vertical-align: middle;
}

.error .inner {
	margin-left: auto;
	margin-right: auto;
	width: 300px;
}

.error .circle {
	height: 300px;
	background-color: #fff;
	border-radius: 50%;
	-webkit-animation: scale 0.5s;
	-moz-animation: scale 0.5s;
	-o-animation: scale 0.5s;
	-ms-animation: scale 0.5s;
	animation: scale 0.5s;
}

@-webkit-keyframes scale {
	from {
		-webkit-transform: scale(0.5, 0.5)
	}

	to {
		-webkit-transform: scale(1, 1)
	}
}

@-moz-keyframes scale {
	from {
		-moz-transform: scale(0.5, 0.5)
	}

	to {
		-moz-transform: scale(1, 1)
	}
}

@-o-keyframes scale {
	from {
		-o-transform: scale(0.5, 0.5)
	}

	to {
		-o-transform: scale(1, 1)
	}
}

@-ms-keyframes scale {
	from {
		-ms-transform: scale(0.5, 0.5)
	}

	to {
		-ms-transform: scale(1, 1)
	}
}

@keyframes scale {
	from {
		transform: scale(0.5, 0.5)
	}

	to {
		transform: scale(1, 1)
	}
}

.error .circle i {
	float: right;
	font-size: 5em;
	margin-top: -0.7em;
	margin-right: -0.5em;
	text-align: center;
	line-height: 1em;
	width: 1.6em;
	height: 1.6em;
	color: #ccc;
	padding: 20px;
	background-color: #fff;
	border-radius: 50%;
	box-shadow: 0px 0px 0px 15px #e0d8d6;
	-webkit-animation: pace-spinner 0.4s;
	-moz-animation: pace-spinner 0.4s;
	-ms-animation: pace-spinner 0.4s;
	-o-animation: pace-spinner 0.4s;
	animation: pace-spinner 0.4s;
	-webkit-animation-delay: 0.2s;
	-moz-animation-delay: 0.2s;
	-ms-animation-delay: 0.2s;
	-o-animation-delay: 0.2s;
	animation-delay: 0.2s;
}

.error .circle span {
	font-size: 10em;
	text-align: center;
	line-height: 1.2em;
	font-weight: 700;
	display: block;
	color: #ccc;
}

.error .status {
	margin-top: 20px;
	margin-bottom: 5px;
	font-size: 1.5em;
	font-weight: 400;
	color: #666;
	text-align: center;
	display: block;
}

.error .detail {
	margin-bottom: 10px;
	font-size: 1em;
	font-weight: 400;
	line-height: 1.4em;
	color: #666;
	text-align: center;
	display: block;
}

/* BLANK PAGE */
h3.blank {
	padding: 40px;
	color: #aaaaaa;
	text-align: center;
	font-weight: 300;
}

/* CALENDAR */
#external-events {
	padding: 0;
}

.external-event {
	margin: 2px 0;
	padding: 5px 10px;
	background: #3498db;
	color: #fff;
	font-size: 1em;
	cursor: pointer;
}

/* LOGIN, LOCKSCREEN, & REGISTER */
.login .outer {
	display: table;
	position: absolute;
	width: 100%;
	height: 100%;
	background: url('../img/background/01.jpg') no-repeat center center;
	background-size: cover;
}

.login .middle {
	display: table-cell;
	vertical-align: middle;
}

.login .inner {
	margin-left: auto;
	margin-right: auto;
	width: 400px;
}

.login .account-wall {
	margin-top: 20px;
	padding: 40px 0px 20px 0px;
	background-color: #f7f7f7;
	-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}

.login .form-login {
	max-width: 330px;
	padding: 15px;
	margin: 0 auto;
}

.login .form-login .form-control {
	position: relative;
	font-size: 16px;
	height: auto;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.login .form-login .form-control:focus {
	z-index: 2;
}

.login .form-login .form-control.small {
	width: 50%;
	float: left;
}

.login .form-login input[type="text"],
.login .form-login input[type="password"] {
	margin-bottom: -1px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.login .form-login button {
	margin-top: 10px;
}

.login .form-login .form-login-heading,
.form-login .checkbox {
	margin-bottom: 10px;
	margin-left: 20px;
}

.login .form-login .checkbox {
	font-weight: 300;
}

.login .login-title {
	color: #555;
	font-size: 1.4em;
	font-weight: 300;
	display: block;
}

.login img {
	width: 300px;
	display: block;
	margin: 0 auto;
	margin-bottom: 15px;
}

.login .profile-img {
	width: 96px;
	height: 96px;
	margin: 0 auto 10px;
	display: block;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

.login .need-help {
	margin-top: 10px;
}

.login .new-account {
	display: block;
	margin: 15px 0 15px 0;
}

.login .profile-name {
	font-size: 1.2em;
	font-weight: 600;
	text-align: center;
	margin: 20px 0 0;
	height: 1em;
}

.login .profile-email {
	display: block;
	padding: 2px 8px;
	color: #404040;
	line-height: 2;
	font-size: 1em;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* SEARCH RESULT */
.search table tr:hover {
	cursor: pointer;
}

.search table tr td.image {
	width: 50px;
}

.search table tr td img {
	width: 50px;
	height: 50px;
}

.search table tr td.rate {
	color: #f39c12;
	line-height: 50px;
}

.search table tr td.price {
	font-size: 1.5em;
	line-height: 50px;
}

.search #price1,
.search #price2 {
	display: inline;
	font-weight: 600;
}

/* SUPPORT TICKET */
.support ul {
	list-style: none;
	padding: 0px;
}

.support ul li {
	padding: 8px 10px;
}

.support ul li a {
	color: #999;
	display: block;
}

.support ul li a:hover {
	color: #666;
}

.support ul li.active {
	background: #0073b7;
}

.support ul li.active a {
	color: #fff;
}

.support ul.support-label li {
	padding: 2px 0px;
}

.support h2,
.support-content h2 {
	margin-top: 5px;
}

.support-content .list-group li {
	padding: 15px 20px 12px 20px;
	cursor: pointer;
}

.support-content .list-group li:hover {
	background: #eee;
}

.support-content .fa-padding .fa {
	padding-top: 5px;
	width: 1.5em;
}

.support-content .info {
	color: #777;
	margin: 0px;
}

.support-content a {
	color: #111;
}

.support-content .info a:hover {
	text-decoration: underline;
}

.support-content .info .fa {
	width: 1.5em;
	text-align: center;
}

.support-content .number {
	color: #777;
}

.support-content img {
	margin: 0 auto;
	display: block;
}

.support-content .modal-body {
	padding-bottom: 0px;
}

.support-content-comment {
	padding: 10px 10px 10px 30px;
	background: #eee;
	border-top: 1px solid #ccc;
}

/* IMAGE */
img {
	vertical-align: middle;
}

.img-responsive {
	display: block;
	height: auto;
	max-width: 100%;
}

.img-rounded {
	border-radius: 3px;
}

.img-thumbnail {
	background-color: #fff;
	border: 1px solid #ededf0;
	border-radius: 3px;
	display: inline-block;
	height: auto;
	line-height: 1.428571429;
	max-width: 100%;
	padding: 2px;
	webkit-transition: all .2s ease-in-out;
	moz-transition: all .2s ease-in-out;
	o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

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

/* TIMELINE */
.timeline-centered {
	position: relative;
	margin-bottom: 30px;
}

.timeline-centered:before,
.timeline-centered:after,
.timeline-centered .timeline-entry:before,
.timeline-centered .timeline-entry:after,
.timeline-centered .timeline-entry .timeline-entry-inner:before,
.timeline-centered .timeline-entry .timeline-entry-inner:after {
	content: " ";
	display: table;
}

.timeline-centered:after,
.timeline-centered .timeline-entry:after,
.timeline-centered .timeline-entry .timeline-entry-inner:after {
	clear: both;
}

.timeline-centered:before {
	content: '';
	position: absolute;
	display: block;
	width: 4px;
	background: #fff;
	left: 50%;
	top: 20px;
	bottom: 20px;
	margin-left: -4px;
}

.timeline-centered .timeline-entry {
	position: relative;
	width: 50%;
	float: right;
	margin-bottom: 70px;
	clear: both;
}

.timeline-centered .timeline-entry.begin {
	margin-bottom: 0;
}

.timeline-centered .timeline-entry.left-aligned {
	float: left;
}

.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner {
	margin-left: 0;
	margin-right: -18px;
}

.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-time {
	left: auto;
	right: -100px;
	text-align: left;
}

.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-icon {
	float: right;
}

.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label {
	margin-left: 0;
	margin-right: 70px;
}

.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label:after {
	left: auto;
	right: 0;
	margin-left: 0;
	margin-right: -9px;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.timeline-centered .timeline-entry .timeline-entry-inner {
	position: relative;
	margin-left: -22px;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time {
	position: absolute;
	margin-top: -12px;
	left: -100px;
	text-align: right;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time>span {
	display: block;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time>span:first-child {
	font-size: 1.2em;
	font-weight: 400;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time>span:last-child {
	font-size: 0.9em;
	font-weight: 300;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon {
	background: #fff;
	color: #737881;
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 1.3em;
	text-align: center;
	float: left;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: 0 0 0 4px #fff;
	-moz-box-shadow: 0 0 0 4px #fff;
	box-shadow: 0 0 0 4px #fff;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label:after {
	content: '';
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 9px 9px 9px 0;
	border-color: transparent #eee transparent transparent;
	left: 0;
	top: 10px;
	margin-left: -9px;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label {
	position: relative;
	background: #fff;
	padding: 1.7em;
	margin-left: 70px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #ddd;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2,
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p {
	color: #666666;
	font-size: 0.9em;
	line-height: 1.9em;
	margin: 0;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p+p {
	margin-top: 15px;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 {
	font-size: 1.2em;
	line-height: 1.2em;
	margin-bottom: 10px;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 span {
	color: #999;
}

.timeline-centered .timeline-entry .timeline-entry-inner blockquote {
	font-size: 0.9em;
	line-height: 1.9em;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-default {
	background-color: #fff;
	color: #999;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-primary {
	background-color: #428bca;
	color: #fff;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-success {
	background-color: #5cb85c;
	color: #fff;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-info {
	background-color: #5bc0de;
	color: #fff;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-warning {
	background-color: #f0ad4e;
	color: #fff;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-danger {
	background-color: #d9534f;
	color: #fff;
}

/* USER PROFILE */
.profile .grid-header {
	background: url('../img/background/09.jpg') no-repeat center center;
	background-size: cover;
	color: #f5f5f5;
}

.profile img {
	max-width: 100%;
}

.profile .grid-header img {
	margin: 2em 1em;
}

.profile .grid-header h3 {
	color: #f5f5f5 !important;
	font-weight: 400;
	margin: 30px 0 20px 0;
}

.profile .grid-header p {
	margin-bottom: 5px;
}

.profile .grid-header p a {
	color: #f5f5f5;
}

.profile .grid-body {
	font-size: 1em;
}

.profile .tab-content {
	padding-bottom: 0px;
}

.profile .stats {
	margin-top: 20px;
	padding: 0px 0px 20px;
	background: #eee;
	text-align: center;
	border-top: 1px solid #ccc;
}

.profile .stats h1 {
	font-weight: 400;
	margin-bottom: 0px;
}

.profile .stats span {
	margin: 5px 0 10px 0;
	display: block;
}

.profile .stats .btn {
	padding-right: 4em;
	padding-left: 4em;
}

.profile .timeline-centered {
	font-size: 1.15em;
}

.profile .timeline-centered:before {
	background: #eee;
}

.profile .bg-default {
	border: 1px solid #bbb;
}

/* EMAIL */
.email {
	padding: 20px 10px 15px 10px;
	font-size: 1em;
}

.email .btn.search {
	font-size: 0.9em;
}

.email h2 {
	margin-top: 0;
	padding-bottom: 8px;
}

.email .nav.nav-pills>li>a {
	border-top: 3px solid transparent;
}

.email .nav.nav-pills>li>a>.fa {
	margin-right: 5px;
}

.email .nav.nav-pills>li.active>a,
.email .nav.nav-pills>li.active>a:hover {
	background-color: #f6f6f6;
	border-top-color: #3c8dbc;
}

.email .nav.nav-pills>li.active>a {
	font-weight: 600;
}

.email .nav.nav-pills>li>a:hover {
	background-color: #f6f6f6;
}

.email .nav.nav-pills.nav-stacked>li>a {
	color: #666;
	border-top: 0;
	border-left: 3px solid transparent;
	border-radius: 0px;
}

.email .nav.nav-pills.nav-stacked>li.active>a,
.email .nav.nav-pills.nav-stacked>li.active>a:hover {
	background-color: #f6f6f6;
	border-left-color: #3c8dbc;
	color: #444;
}

.email .nav.nav-pills.nav-stacked>li.header {
	color: #777;
	text-transform: uppercase;
	position: relative;
	padding: 0px 0 10px 0;
}

.email table {
	font-weight: 600;
}

.email table a {
	color: #666;
}

.email table tr.read>td {
	background-color: #f6f6f6;
}

.email table tr.read>td {
	font-weight: 400;
}

.email table tr td>i.fa {
	font-size: 1.2em;
	line-height: 1.5em;
	text-align: center;
}

.email table tr td>i.fa-star {
	color: #f39c12;
}

.email table tr td>i.fa-bookmark {
	color: #e74c3c;
}

.email table tr>td.action {
	padding-left: 0px;
	padding-right: 2px;
}