@charset "ISO-8859-1";
/*
 *  Document   : responsive.css
 *  Author     : Theme
 *  Description: A common stylesheet for responsive layout
 */

/* MEDIA QUERIES */

@media (max-width: 768px) {
	.dropzone-file-area {
		width: auto;
	}

	.hidden-phone {
		display: none;
	}
}

@media (max-width: 480px) {
	.inbox-compose .inbox-form-group > label {
		margin-top: 7px;
	}

	.dataTables_extended_wrapper div.dataTables_info,
	.dataTables_extended_wrapper div.dataTables_length,
	.dataTables_extended_wrapper div.dataTables_paginate {
		display: block;
		margin-bottom: 10px !important;
	}

	.dataTables_extended_wrapper .seperator {
		display: none !important;
	}
}

@media (max-width: 991px) {
	.profile-sidebar {
		float: none;
		width: 100% !important;
		margin: 0;
	}

	.profile-content {
		overflow: visible;
	}

	.form .form-bordered .form-group > div {
		border-left: 0;
	}

	.form .form-bordered .form-group .control-label {
		padding-top: 10px;
	}

	.form .form-bordered .form-actions {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.page-header.navbar .menu-toggler.responsive-toggler {
		display: block;
	}

	.navbar-custom {
		display: none;
	}
}

@media (max-width: 1024px) {
	.hidden-1024 {
		display: none;
	}
}

@media (max-width: 480px) {
	.hidden-480 {
		display: none;
	}
}

@media (max-width: 320px) {
	.hidden-320 {
		display: none;
	}
}

@media (max-width: 767px) {
	.list-separated > div {
		margin-bottom: 20px;
	}

	.navbar-nav .open .dropdown-menu {
		position: absolute;
		float: left;
		width: auto;
		margin-top: 0;
		background-color: #fff;
		border: 1px solid #efefef;
		box-shadow: 5px 5px rgba(102, 102, 102, 0.1);
	}

		.navbar-nav .open .dropdown-menu > li > a {
			padding: 6px 0 6px 13px;
			color: #333;
		}

			.navbar-nav .open .dropdown-menu > li > a:active,
			.navbar-nav .open .dropdown-menu > li > a:hover {
				background-color: #eee;
			}

	.form .form-actions .btn-set,
	.form-actions .btn-set {
		margin-bottom: 3px;
		margin-top: 3px;
		float: left !important;
	}

	.text-stat {
		margin-top: 20px;
	}

	.table-advance tr > td.highlight:first-child a {
		margin-left: 8px;
	}
}

@media only screen and (min-width: 768px) {
	.sl-iconsdemo .item-box {
		width: 33.333%;
	}

	.cd-timeline-content h2 {
		font-size: 18px;
	}

	.cd-timeline-content p {
		font-size: 13px;
	}

	.cd-timeline-content .cd-read-more,
	.cd-timeline-content .cd-date {
		font-size: 14px;
	}

	.form-horizontal .control-label {
		padding-top: 7px;
		margin-bottom: 0;
		text-align: right;
	}

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

@media (min-width: 992px) {
	.sidemenu.sidemenu-hover-submenu > li:hover > .sub-menu {
		box-shadow: 5px 5px rgba(44, 53, 66, 0.2);
	}

		.sidemenu.sidemenu-hover-submenu > li:hover > .sub-menu.sidebar-search-wrapper,
		.sidemenu.sidemenu-hover-submenu > li:hover > .sub-menu.sidebar-toggler-wrapper {
			box-shadow: none;
		}

	.sidemenu.sidemenu-closed > li:hover {
		box-shadow: 5px 5px rgba(44, 53, 66, 0.2);
		color: white;
	}

		.sidemenu.sidemenu-closed > li:hover.sidebar-search-wrapper,
		.sidemenu.sidemenu-closed > li:hover.sidebar-toggler-wrapper {
			box-shadow: none;
		}

		.sidemenu.sidemenu-closed > li:hover > .sub-menu {
			box-shadow: 5px 5px rgba(44, 53, 66, 0.2);
		}

			.sidemenu.sidemenu-closed > li:hover > .sub-menu.sidebar-search-wrapper,
			.sidemenu.sidemenu-closed > li:hover > .sub-menu.sidebar-toggler-wrapper {
				box-shadow: none;
			}

	.sidemenu-container-fixed:not(.page-footer-fixed) .page-content {
		border-bottom: 0;
	}

	.sidemenu-container-fixed:not(.page-footer-fixed) .page-footer {
		background-color: #fff;
	}

		.sidemenu-container-fixed:not(.page-footer-fixed)
		.page-footer
		.page-footer-inner {
			color: #333;
		}

	.page-boxed {
		background-color: #f5f7fa !important;
	}

		.page-boxed .page-container {
			background-color: #1c262f;
			border-left: 1px solid #dedede;
			border-bottom: 1px solid #dedede;
		}

		.page-boxed.sidemenu-container-reversed .page-container {
			border-left: 0;
			border-right: 1px solid #3d4957;
		}

		.page-boxed.sidemenu-container-fixed .page-container {
			border-left: 0;
			border-bottom: 0;
		}

		.page-boxed.sidemenu-container-reversed.sidemenu-container-fixed
		.page-container {
			border-left: 0;
			border-right: 0;
			border-bottom: 0;
		}

		.page-boxed.sidemenu-container-fixed .sidemenu-container {
			border-left: 1px solid #3d4957;
		}

		.page-boxed.sidemenu-container-reversed.sidemenu-container-fixed
		.sidemenu-container {
			border-right: 1px solid #3d4957;
			border-left: 0;
		}

		.page-boxed.sidemenu-container-fixed.page-footer-fixed .page-footer {
			background-color: #303a47 !important;
		}

			.page-boxed.sidemenu-container-fixed.page-footer-fixed
			.page-footer
			.page-footer-inner {
				color: #98a6ba;
			}

	.sidemenu-hover-submenu li:hover a > .arrow {
		border-right: 8px solid #ffffff;
	}

	.sidemenu-container-reversed .sidemenu-hover-submenu li:hover a > .arrow {
		border-left: 8px solid #323c4b;
	}

	.sidemenu-hover-submenu li:hover > .sub-menu {
		background: #323c4b;
	}
}

@media (max-width: 991px) {
	.sidemenu-container {
		background-color: #28303b;
	}

		.sidemenu-container .sidemenu > li.open > a,
		.sidemenu-container .sidemenu > li:hover > a {
			background: #2e3744;
		}

		.sidemenu-container .sidemenu > li:last-child > a {
			border-bottom: 0 !important;
		}

	.quick-setting-main {
		display: none;
	}

	.white-sidebar-color .sidemenu-hover-submenu li:hover a > .arrow,
	.dark-sidebar-color .sidemenu-hover-submenu li:hover a > .arrow,
	.cyan-sidebar-color .sidemenu-hover-submenu li:hover a > .arrow,
	.indigo-sidebar-color .sidemenu-hover-submenu li:hover a > .arrow,
	.blue-sidebar-color .sidemenu-hover-submenu li:hover a > .arrow,
	.green-sidebar-color .sidemenu-hover-submenu li:hover a > .arrow,
	.pink-sidebar-color .sidemenu-hover-submenu li:hover a > .arrow,
	.red-sidebar-color .sidemenu-hover-submenu li:hover a > .arrow {
		border-right: none !important;
	}
}

@media (max-width: 480px) {
	.page-header.navbar .top-menu {
		background-color: #1c262f;
	}

	.page-header-fixed-mobile .page-header.navbar .top-menu {
		background-color: #2b3643;
	}

	.page-header.navbar
	.top-menu
	.navbar-nav > li.dropdown-user
	.dropdown-toggle {
	}

	.page-header-fixed-mobile
	.page-header.navbar
	.top-menu
	.navbar-nav > li.dropdown-user
	.dropdown-toggle {
		background: 0 0;
	}
}

@media (max-width: 768px) {
	.input-large {
		width: 250px !important;
	}

	.input-xlarge {
		width: 300px !important;
	}

	.input-lg {
		width: 250px !important;
	}

	.input-xlg {
		width: 300px !important;
	}

	.modal-full.modal-dialog {
		width: auto;
	}
}

@media (min-width: 768px) {
	.page-header.navbar .search-form.search-form-expanded {
		width: 200px;
	}

		.page-header.navbar
		.search-form.search-form-expanded
		.input-group
		.form-control {
			text-indent: 0;
		}

			.page-header.navbar
			.search-form.search-form-expanded
			.input-group
			.form-control:hover {
				cursor: text;
			}

		.page-header.navbar
		.search-form.search-form-expanded
		.input-group
		.input-group-btn
		.btn.submit {
			margin-left: 0;
		}

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

@media (min-width: 992px) and (max-width: 1200px) {
	.page-boxed
	.page-header.navbar
	.top-menu
	.navbar-nav > li.dropdown-language
	.dropdown-toggle
	.langname,
	.page-boxed
	.page-header.navbar
	.top-menu
	.navbar-nav > li.dropdown-user
	.dropdown-toggle
	.username.username-hide-on-mobile {
		display: none;
	}
}

@media (min-width: 992px) {
	.sidemenu-closed.sidemenu-closed-hidelogo .page-header.navbar .page-logo {
		padding: 10px 10px 10px 2px !important;
		width: 45px;
	}

		.sidemenu-closed.sidemenu-closed-hidelogo
		.page-header.navbar
		.page-logo
		.logo-default {
			display: none;
		}

	.page-boxed .page-header.navbar .page-logo {
		width: 236px;
	}

	.page-boxed .page-header.navbar .top-menu .navbar-nav {
		margin-right: 0;
	}

	.sidemenu-closed.sidemenu-closed-hidelogo.page-boxed
	.page-header.navbar
	.page-logo {
		width: 46px;
	}

	.page-boxed.sidemenu-container-fixed .page-header.navbar .page-logo {
		width: 235px;
	}

	.sidemenu-container {
		width: 235px;
		float: left;
		position: relative;
		margin-right: -100%;
	}

	.page-full-width .sidemenu-container {
		display: none !important;
	}

	.sidemenu-container.collapse {
		display: block;
		max-height: none !important;
	}

	.sidemenu-container-reversed .sidemenu-container {
		float: right;
		margin-right: 0;
		margin-left: -100%;
	}

	.sidemenu-container-reversed.sidemenu-container-fixed .sidemenu-container {
		margin-left: -235px;
	}

	.sidemenu-container-reversed.sidemenu-container-fixed .sidebar-container {
		position: relative;
		float: right;
	}

	.sidemenu-container-fixed .sidemenu-container {
		position: fixed !important;
		margin-left: 0;
		top: 50px;
	}

	.sidemenu-container-fixed .sidemenu > li.last {
		margin-bottom: 15px !important;
	}

	.sidemenu-container-fixed .sidemenu .sub-menu {
		height: auto !important;
	}

	.sidemenu-closed .sidemenu-container,
	.sidemenu-closed .sidemenu-container .sidemenu.sidemenu-closed {
		width: 45px !important;
	}

		.sidemenu-closed
		.sidemenu-container
		.sidemenu.sidemenu-closed > li.open > .sub-menu,
		.sidemenu-closed
		.sidemenu-container
		.sidemenu.sidemenu-closed > li > .sub-menu {
			display: none !important;
		}

		.sidemenu-closed .sidemenu-container .sidemenu.sidemenu-closed > li:hover {
			width: 256px !important;
			position: relative !important;
			z-index: 10000;
			display: block !important;
		}

			.sidemenu-closed
			.sidemenu-container
			.sidemenu.sidemenu-closed > li:hover > a {
				-webkit-border-radius: 0 4px 0 0;
				-moz-border-radius: 0 4px 0 0;
				-ms-border-radius: 0 4px 0 0;
				-o-border-radius: 0 4px 0 0;
				border-radius: 0 4px 0 0;
			}

				.sidemenu-closed
				.sidemenu-container
				.sidemenu.sidemenu-closed > li:hover > a > i {
					margin-right: 10px;
				}

				.sidemenu-closed
				.sidemenu-container
				.sidemenu.sidemenu-closed > li:hover > a > .title {
					display: inline !important;
					padding-left: 15px;
				}

				.sidemenu-closed
				.sidemenu-container
				.sidemenu.sidemenu-closed > li:hover > a > .badge {
					display: block !important;
				}

				.sidemenu-closed
				.sidemenu-container
				.sidemenu.sidemenu-closed > li:hover > a > .selected {
					display: none;
				}

			.sidemenu-closed
			.sidemenu-container
			.sidemenu.sidemenu-closed > li:hover.heading {
				width: 45px !important;
				box-shadow: none;
			}

			.sidemenu-closed
			.sidemenu-container
			.sidemenu.sidemenu-closed > li:hover > .sub-menu {
				width: 210px;
				position: absolute;
				z-index: 2000;
				left: 46px;
				margin-top: 0;
				top: 100%;
				display: block !important;
				-webkit-border-radius: 0 0 4px 4px;
				-moz-border-radius: 0 0 4px 4px;
				-ms-border-radius: 0 0 4px 4px;
				-o-border-radius: 0 0 4px 4px;
				border-radius: 0 0 4px 4px;
			}

				.sidemenu-closed
				.sidemenu-container
				.sidemenu.sidemenu-closed > li:hover > .sub-menu > li > a {
					padding-left: 15px !important;
				}

				.sidemenu-closed
				.sidemenu-container
				.sidemenu.sidemenu-closed > li:hover > .sub-menu > li > .sub-menu > li > a {
					padding-left: 30px !important;
				}

				.sidemenu-closed
				.sidemenu-container
				.sidemenu.sidemenu-closed > li:hover > .sub-menu > li > .sub-menu > li > .sub-menu > li > a {
					padding-left: 45px !important;
				}

		.sidemenu-closed
		.sidemenu-container
		.sidemenu.sidemenu-closed > li.heading > h3 {
			display: none;
		}

		.sidemenu-closed
		.sidemenu-container
		.sidemenu.sidemenu-closed > li.sidebar-toggler-wrapper
		.sidebar-toggler {
			margin-right: 8px;
		}

		.sidemenu-closed
		.sidemenu-container
		.sidemenu.sidemenu-closed > li.sidebar-search-wrapper:hover,
		.sidemenu-closed
		.sidemenu-container
		.sidemenu.sidemenu-closed > li.sidebar-toggler-wrapper:hover {
			width: 45px !important;
		}

		.sidemenu-closed .sidemenu-container .sidemenu.sidemenu-closed > li > a {
			padding-left: 11px;
		}

			.sidemenu-closed
			.sidemenu-container
			.sidemenu.sidemenu-closed > li > a
			.selected {
				right: -3px !important;
			}

			.sidemenu-closed
			.sidemenu-container
			.sidemenu.sidemenu-closed > li > a > .arrow,
			.sidemenu-closed
			.sidemenu-container
			.sidemenu.sidemenu-closed > li > a > .badge,
			.sidemenu-closed
			.sidemenu-container
			.sidemenu.sidemenu-closed > li > a > .title {
				display: none !important;
			}

		.sidemenu-closed
		.sidemenu-container
		.sidemenu.sidemenu-closed
		.sidebar-toggler {
			margin-left: 3px;
			margin-right: 3px;
		}

		.sidemenu-closed
		.sidemenu-container
		.sidemenu.sidemenu-closed
		.sidebar-search
		.input-group {
			border-color: transparent;
			margin-left: -4px;
		}

			.sidemenu-closed
			.sidemenu-container
			.sidemenu.sidemenu-closed
			.sidebar-search
			.input-group
			.form-control {
				display: none;
			}

			.sidemenu-closed
			.sidemenu-container
			.sidemenu.sidemenu-closed
			.sidebar-search
			.input-group
			.input-group-btn
			.btn {
				display: block;
			}

		.sidemenu-closed
		.sidemenu-container
		.sidemenu.sidemenu-closed
		.sidebar-search.sidebar-search-bordered
		.input-group {
			padding: 5px 0 3px;
		}

		.sidemenu-closed
		.sidemenu-container
		.sidemenu.sidemenu-closed
		.sidebar-search.open {
			height: 40px;
			margin-top: 15px;
			margin-bottom: 14px;
		}

			.sidemenu-closed
			.sidemenu-container
			.sidemenu.sidemenu-closed
			.sidebar-search.open
			.input-group {
				width: 210px;
				position: relative;
				z-index: 1;
				margin-left: 24px;
				padding: 0;
			}

				.sidemenu-closed
				.sidemenu-container
				.sidemenu.sidemenu-closed
				.sidebar-search.open
				.input-group
				.form-control {
					background: 0 0;
					border: 0;
					display: block;
					padding: 8px;
				}

				.sidemenu-closed
				.sidemenu-container
				.sidemenu.sidemenu-closed
				.sidebar-search.open
				.input-group
				.input-group-btn
				.btn {
					display: block;
					margin-right: 8px;
					margin-top: 1px;
				}

			.sidemenu-closed
			.sidemenu-container
			.sidemenu.sidemenu-closed
			.sidebar-search.open
			.remove {
				background-repeat: no-repeat;
				width: 11px;
				height: 11px;
				margin: 10px -5px 8px -7px;
				display: block;
				float: left;
			}

			.sidemenu-closed
			.sidemenu-container
			.sidemenu.sidemenu-closed
			.sidebar-search.open.sidebar-search-bordered {
				height: 38px;
				margin-top: 23px;
				margin-bottom: 23px;
			}

				.sidemenu-closed
				.sidemenu-container
				.sidemenu.sidemenu-closed
				.sidebar-search.open.sidebar-search-bordered
				.input-group {
					padding: 0;
				}

	.sidemenu-closed.sidemenu-container-reversed .sidemenu-container {
		margin-left: -45px;
		width: 45px;
	}

		.sidemenu-closed.sidemenu-container-reversed
		.sidemenu-container
		.sidemenu.sidemenu-closed > li > .sub-menu {
			left: auto;
			right: 46px;
		}

		.sidemenu-closed.sidemenu-container-reversed
		.sidemenu-container
		.sidemenu.sidemenu-closed > li:hover {
			margin-left: -211px;
		}

			.sidemenu-closed.sidemenu-container-reversed
			.sidemenu-container
			.sidemenu.sidemenu-closed > li:hover > a {
				-webkit-border-radius: 4px 0 0;
				-moz-border-radius: 4px 0 0;
				-ms-border-radius: 4px 0 0 0;
				-o-border-radius: 4px 0 0;
				border-radius: 4px 0 0;
			}

				.sidemenu-closed.sidemenu-container-reversed
				.sidemenu-container
				.sidemenu.sidemenu-closed > li:hover > a > .title {
					padding-left: 0;
					padding-right: 15px;
				}

				.sidemenu-closed.sidemenu-container-reversed
				.sidemenu-container
				.sidemenu.sidemenu-closed > li:hover > a > i {
					margin-right: 0;
					margin-left: 2px;
					float: right;
				}

		.sidemenu-closed.sidemenu-container-reversed
		.sidemenu-container
		.sidemenu.sidemenu-closed > li.sidebar-search-wrapper:hover,
		.sidemenu-closed.sidemenu-container-reversed
		.sidemenu-container
		.sidemenu.sidemenu-closed > li.sidebar-toggler-wrapper:hover {
			margin-left: 0;
		}

		.sidemenu-closed.sidemenu-container-reversed
		.sidemenu-container
		.sidemenu.sidemenu-closed
		.sidebar-search.open
		.input-group {
			margin-left: -227px;
		}

			.sidemenu-closed.sidemenu-container-reversed
			.sidemenu-container
			.sidemenu.sidemenu-closed
			.sidebar-search.open
			.input-group
			.input-group-btn
			.btn {
				margin-right: 10px !important;
			}

		.sidemenu-closed.sidemenu-container-reversed
		.sidemenu-container
		.sidemenu.sidemenu-closed
		.sidebar-search.open
		.remove {
			margin: 9px 4px 12px -16px !important;
			float: right !important;
		}

	.sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover {
		width: 235px !important;
		display: block;
		z-index: 10000;
	}

		.sidemenu-closed.sidemenu-container-fixed
		.sidemenu-container:hover
		.sidemenu
		.selected,
		.sidemenu-closed.sidemenu-container-hide .sidemenu-container {
			display: none !important;
		}

		.sidemenu-closed.sidemenu-container-fixed
		.sidemenu-container:hover
		.sidemenu {
			width: 235px !important;
		}

	.sidemenu-closed.sidemenu-container-fixed.sidemenu-container-reversed
	.sidemenu-container:hover {
		width: 235px !important;
		z-index: 10000;
		margin-left: -235px !important;
	}

		.sidemenu-closed.sidemenu-container-fixed.sidemenu-container-reversed
		.sidemenu-container:hover
		.sidemenu {
			width: 235px !important;
		}

	.sidemenu.sidemenu-hover-submenu li .sub-menu {
		display: none;
		width: 210px;
		z-index: 2000;
		position: absolute;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		-ms-border-radius: 4px;
		-o-border-radius: 4px;
		border-radius: 4px;
	}

		.sidemenu.sidemenu-hover-submenu li .sub-menu > li > a {
			margin: 3px;
		}

	.sidemenu.sidemenu-hover-submenu li.active .sub-menu,
	.sidemenu.sidemenu-hover-submenu li.open .sub-menu {
		display: none !important;
	}

	.sidemenu.sidemenu-hover-submenu li a > .arrow {
		display: none;
	}

	.sidemenu.sidemenu-hover-submenu li:hover > a > .arrow {
		display: block;
		float: right;
		position: absolute;
		right: 0;
		margin-top: -20px;
		background: 0 0;
		width: 0;
		height: 0;
		border-style: solid;
		border-top: 12px double transparent;
		border-bottom: 12px double transparent;
		border-left: 0;
	}

		.sidemenu.sidemenu-hover-submenu li:hover > a > .arrow:after,
		.sidemenu.sidemenu-hover-submenu li:hover > a > .arrow:before {
			display: none;
		}

	.sidemenu-container-reversed
	.sidemenu.sidemenu-hover-submenu
	li:hover > a > .arrow {
		right: auto;
		left: 0;
		border-right: 0;
	}

	.sidemenu.sidemenu-hover-submenu li:hover > .sub-menu {
		display: inline-block !important;
	}

	.sidemenu.sidemenu-hover-submenu > li:hover > a > .arrow {
		z-index: 1;
		right: 0;
		margin-top: -23px;
	}

	.sidemenu.sidemenu-hover-submenu > li:hover > a > .selected {
		display: none;
	}

	.sidemenu.sidemenu-hover-submenu > li:hover > .sub-menu {
		margin-left: 235px;
		margin-top: -40px;
	}

	.sidemenu-container-reversed
	.sidemenu.sidemenu-hover-submenu > li:hover > .sub-menu {
		margin-left: -210px !important;
	}

	.sidemenu-closed .sidemenu.sidemenu-hover-submenu > li:hover > .sub-menu {
		margin-left: 0;
	}

	.sidemenu.sidemenu-hover-submenu > li:hover > .sub-menu > li > a {
		padding-left: 15px;
	}

	.sidemenu.sidemenu-hover-submenu > li:hover > .sub-menu > li .sub-menu {
		margin-left: 210px;
		margin-top: -38px !important;
	}

	.sidemenu-container-reversed
	.sidemenu.sidemenu-hover-submenu > li:hover > .sub-menu > li
	.sub-menu {
		margin-left: -210px !important;
	}

	.sidemenu.sidemenu-hover-submenu > li:hover > .sub-menu > li
	.sub-menu > li > a {
		padding-left: 10px;
		padding-right: 10px;
	}

	.page-content-wrapper {
		float: left;
		width: 100%;
	}

		.page-content-wrapper .page-content {
			margin: 100px 70px 0px 70px !important;
			/*margin-left: 35px;
    margin-top: 0;*/
			min-height: 600px;
			padding: 0px 20px 10px;
		}

			.page-content-wrapper .page-content.no-min-height {
				min-height: auto;
			}

	.sidemenu-container-fixed.sidemenu-container-hover-on
	.page-content-wrapper
	.page-content {
		margin-left: 45px;
	}

	.sidemenu-container-reversed .page-content-wrapper .page-content {
		margin-left: 0 !important;
		margin-right: 235px !important;
	}

	.sidemenu-container-reversed.sidemenu-container-fixed.sidemenu-container-hover-on
	.page-content-wrapper
	.page-content {
		margin-left: 0;
		margin-right: 45px;
	}

	.sidemenu-container-reversed.sidemenu-closed
	.page-content-wrapper
	.page-content {
		margin-left: 0 !important;
		margin-right: 45px !important;
	}

	.sidemenu-closed .page-content-wrapper .page-content {
		margin-left: 45px !important;
	}

	.page-full-width .page-content-wrapper .page-content,
	.sidemenu-closed.sidemenu-container-hide .page-content-wrapper .page-content {
		margin-left: 0 !important;
	}

	.page-full-width .page-content-wrapper .page-content {
		padding: 10px 20px 10px;
		margin: 135px 70px 0px 70px !important;
	}

	.sidemenu-closed.sidemenu-container-reversed.sidemenu-container-hide
	.page-content-wrapper
	.page-content {
		margin-right: 0 !important;
	}

	.page-footer {
		clear: left;
	}

	.page-footer-fixed .page-footer {
		position: fixed;
		left: 0;
		right: 0;
		z-index: 10000;
		bottom: 0;
	}

	.sidemenu-container-fixed.sidemenu-closed .page-footer {
		margin-left: 45px;
	}

	.sidemenu-container-fixed.page-footer-fixed .page-footer {
		margin-left: 0 !important;
	}

	.sidemenu-container-fixed .page-footer {
		margin-left: 235px;
		padding: 8px 20px 5px;
	}

	.page-boxed .page-footer {
		margin-right: auto;
		margin-left: auto;
		width: 1347px;
	}

	.page-boxed.sidemenu-container-fixed .page-footer {
		padding-right: 20px;
		padding-left: 20px;
	}

	.sidemenu-container-reversed.sidemenu-container-fixed .page-footer {
		margin-left: 0;
		margin-right: 235px;
		padding: 8px 20px 5px;
	}

	.sidemenu-container-reversed.sidemenu-container-fixed.page-footer-fixed
	.page-footer {
		margin-left: 0;
		margin-right: 0;
	}

	.sidemenu-container-reversed.sidemenu-container-fixed.sidemenu-closed
	.page-footer {
		margin-right: 45px;
	}

	.scroll-to-top {
		right: 20px;
	}

	.page-footer-fixed .page-container {
		margin-bottom: 20px !important;
	}
}

@media (max-width: 991px) {
	.page-header.navbar {
		/*padding: 0 20px; */
		position: relative;
		clear: both;
	}

		.page-header.navbar .page-logo {
			width: auto;
			padding: 10px 20px 0px 20px;
			margin-right: 0px;
			margin-left: 0 !important;
			/*padding-left: 0 !important;*/
			background: transparent;
		}

	.header-white .page-logo a {
		/*color: #000;*/
	}

	.page-header.navbar .page-logo img {
		margin-left: 4px !important;
	}

	.page-header.navbar .menu-toggler.sidebar-toggler {
		display: none !important;
	}

	.page-header.navbar .top-menu .navbar-nav {
		display: inline-block;
		margin: 0;
	}

		.page-header.navbar .top-menu .navbar-nav > li {
			float: left;
		}

		.page-header.navbar .top-menu .navbar-nav .nav li.dropdown i {
			display: inline-block;
			position: relative;
			top: 1px;
			right: 0;
		}

		.page-header.navbar .top-menu .navbar-nav .open .dropdown-menu {
			position: absolute;
		}

	.page-header-fixed.page-header-fixed-mobile .navbar-fixed-top {
		position: fixed;
	}

	.page-boxed .page-header.navbar > .container {
		max-width: none !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	.sidemenu-container,
	.sidemenu-container.navbar-collapse.in {
		border-top: 0 !important;
		margin: 20px;
	}

		.sidemenu-container .sidebar-toggler {
			display: none;
		}

		.sidemenu-container.navbar-collapse {
			max-height: none;
		}

			.sidemenu-container.navbar-collapse.in {
				position: relative;
				overflow: hidden !important;
				overflow-y: auto !important;
				display: block !important;
			}

			.sidemenu-container.navbar-collapse.navbar-no-scroll {
				max-height: none !important;
			}

		.sidemenu-container .mega-menu-responsive-content {
			padding: 10px 18px 10px 45px;
		}

	.page-full-width .sidemenu {
		display: block;
	}

	.sidemenu-container-mobile-offcanvas .sidebar-container {
		z-index: 10000;
		position: fixed;
		top: 0;
		bottom: 0;
		overflow-y: auto;
		width: 235px;
		left: -235px;
		transition: all 0.3s;
	}

		.sidemenu-container-mobile-offcanvas .sidebar-container .sidemenu-container {
			margin: 0 !important;
		}

			.sidemenu-container-mobile-offcanvas
			.sidebar-container
			.sidemenu-container
			.sidemenu {
				width: 100%;
				margin: 0 !important;
				padding: 0 0 20px;
			}

				.sidemenu-container-mobile-offcanvas
				.sidebar-container
				.sidemenu-container
				.sidemenu > li.sidebar-mobile-offcanvas-toggler {
					display: block;
					border: 0;
					text-align: right;
				}

					.sidemenu-container-mobile-offcanvas
					.sidebar-container
					.sidemenu-container
					.sidemenu > li.sidebar-mobile-offcanvas-toggler > a {
						border: 0;
					}

						.sidemenu-container-mobile-offcanvas
						.sidebar-container
						.sidemenu-container
						.sidemenu > li.sidebar-mobile-offcanvas-toggler > a:hover {
							background: 0 0;
						}

	.sidemenu-container-mobile-offcanvas.sidemenu-container-mobile-offcanvas-open
	.sidebar-container {
		left: 0;
		transition: all 0.3s;
	}

	.sidemenu-container.fixed-menu {
		position: relative;
	}

	body,
	html {
		overflow-x: hidden;
	}

	.page-container-bg-solid .page-bar,
	.page-content-white .page-bar {
		margin-top: -20px;
	}

	.page-boxed > .container {
		max-width: none !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	.page-content-wrapper .page-content {
		margin: 0 !important;
		padding: 20px !important;
		min-height: 280px;
	}

	.sidemenu-container-mobile-offcanvas .page-wrapper {
		left: 0;
		transition: all 0.3s;
	}

		.sidemenu-container-mobile-offcanvas .page-wrapper .page-header {
			transition: all 0.3s;
		}

	.sidemenu-container-mobile-offcanvas.sidemenu-container-mobile-offcanvas-open {
		overflow-x: hidden;
		transition: all 0.3s;
	}

		.sidemenu-container-mobile-offcanvas.sidemenu-container-mobile-offcanvas-open
		.page-wrapper {
			position: relative;
			left: 235px;
			transition: all 0.3s;
		}

			.sidemenu-container-mobile-offcanvas.sidemenu-container-mobile-offcanvas-open
			.page-wrapper
			.page-header {
				transition: all 0.3s;
			}

	.page-boxed .page-footer {
		padding-left: 0;
		padding-right: 0;
	}

	.scroll-to-top {
		bottom: 10px;
		right: 10px;
	}

		.scroll-to-top > i {
			font-size: 28px;
		}

	.page-container {
		margin: 0 !important;
		padding: 0 !important;
	}

	.page-header-fixed.page-header-fixed-mobile .page-container {
		margin-top: 50px !important;
	}
}

@media (max-width: 815px) {
	.chat-sidebar-container {
		top: 106px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.page-boxed .page-header.navbar {
		margin: auto !important;
		padding: 0;
	}

		.page-boxed .page-header.navbar > .container {
			margin: auto !important;
		}

	.sidemenu-container .btn-navbar.collapsed .arrow {
		display: none;
	}

	.sidemenu-container .btn-navbar .arrow {
		position: absolute;
		right: 25px;
		width: 0;
		height: 0;
		top: 50px;
		border-bottom: 15px solid #5f646b;
		border-left: 15px solid transparent;
		border-right: 15px solid transparent;
	}

	.page-boxed > .container {
		margin: auto !important;
	}
}

@media (max-width: 767px) {
	.page-header.navbar {
		/*padding: 0 10px*/
	}

		.page-header.navbar .page-logo {
			width: auto;
		}

		.page-header.navbar .search-form.open {
			z-index: 3;
			left: 10px;
			right: 10px;
			position: absolute;
			width: auto !important;
		}

		.page-header.navbar
		.top-menu
		.navbar-nav > li.dropdown-extended > .dropdown-menu {
			max-width: 255px;
			width: 255px;
		}

		.page-header.navbar
		.top-menu
		.navbar-nav > li.dropdown-notification
		.dropdown-menu {
			margin-right: -110px;
		}

			.page-header.navbar
			.top-menu
			.navbar-nav > li.dropdown-notification
			.dropdown-menu:after,
			.page-header.navbar
			.top-menu
			.navbar-nav > li.dropdown-notification
			.dropdown-menu:before {
				margin-right: 105px;
			}

		.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu {
			margin-right: -90px;
		}

			.page-header.navbar
			.top-menu
			.navbar-nav > li.dropdown-inbox
			.dropdown-menu:after,
			.page-header.navbar
			.top-menu
			.navbar-nav > li.dropdown-inbox
			.dropdown-menu:before {
				margin-right: 85px;
			}

		.page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu {
			margin-right: -110px;
		}

			.page-header.navbar
			.top-menu
			.navbar-nav > li.dropdown-tasks
			.dropdown-menu:after,
			.page-header.navbar
			.top-menu
			.navbar-nav > li.dropdown-tasks
			.dropdown-menu:before {
				margin-right: 110px;
			}

	.page-content-wrapper .page-content {
		padding: 20px 10px 10px !important;
		overflow: hidden;
	}

		.page-content-wrapper .page-content .page-title {
			margin-bottom: 20px;
			font-size: 18px;
		}

			.page-content-wrapper .page-content .page-title small {
				font-size: 13px;
				padding-top: 3px;
			}

	.page-boxed .page-footer,
	.page-footer {
		padding-left: 10px;
		padding-right: 10px;
	}

	.page-footer-fixed .page-footer .container {
		padding-left: 0;
		padding-right: 0;
	}
}

@media (max-width: 580px) {
	.page-header.navbar
	.top-menu
	.navbar-nav > li.dropdown-language
	.dropdown-toggle
	.langname,
	.page-header.navbar
	.top-menu
	.navbar-nav > li.dropdown-user
	.dropdown-toggle
	.username.username-hide-on-mobile {
		display: none;
	}
}

@media (max-width: 591px) {
	.page-header.navbar
	.top-menu
	.navbar-nav > li.dropdown.language-switch > .dropdown-toggle {
		padding: 16px 5px 14px;
	}
}

@media (max-width: 547px) {
	.chat-sidebar-container {
		top: 100px;
	}
}

@media (max-width: 516px) {
	.chat-sidebar-container {
		top: 120px;
	}
}

@media (max-width: 480px) {
	.page-header-fixed.page-header-fixed-mobile .page-header.navbar {
		height: 100px;
	}

	.page-header.navbar .top-menu {
		display: block;
		clear: both;
		float: none;
		background-color: transparent;
	}

		.page-header.navbar .top-menu .navbar-nav {
			margin-right: 0;
		}

			.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle {
				padding: 19px 5px 10px;
			}

			.page-header.navbar
			.top-menu
			.navbar-nav > li.dropdown-language
			.dropdown-toggle {
				padding: 16px 4px 13px 2px;
			}

			.page-header.navbar
			.top-menu
			.navbar-nav > li.dropdown-user
			.dropdown-toggle {
				padding: 16px 0 13px 2px;
			}

	form.search-form-opened {
		margin-left: 0;
		max-width: 170px;
	}

	.sidemenu-container,
	.sidemenu-container.in {
		margin: 0 10px 10px !important;
	}

	.page-header-fixed.page-header-fixed-mobile .sidemenu-container,
	.page-header-fixed.page-header-fixed-mobile .sidemenu-container.in {
		margin-top: 10px !important;
	}

	.page-content-wrapper .page-content .page-title small {
		display: block;
		clear: both;
	}

	.page-content-wrapper .page-content .page-title small {
		display: block;
		clear: both;
	}

	.sidemenu-container,
	.sidemenu-container.in {
		margin: 0 10px 10px !important;
	}

	.page-header-fixed.page-header-fixed-mobile .sidemenu-container,
	.page-header-fixed.page-header-fixed-mobile .sidemenu-container.in {
		margin-top: 10px !important;
	}

	.page-header-fixed.page-header-fixed-mobile .page-container {
		margin-top: 100px !important;
	}

	.page-header-fixed.page-header-fixed-mobile .page-container {
		margin-top: 100px !important;
	}

	.page-header.navbar .top-menu .navbar-nav > li.dropdown {
		padding: 5px 6px;
	}

	.compose-mail input,
	.compose-mail input:focus {
		width: 100%;
	}
}

@media (max-width: 455px) {
	.res-email-btn {
		padding-left: 40px;
	}
}

@media (max-width: 420px) {
	.page-header.navbar .page-logo {
		width: 100%;
	}

	.chat-sidebar-container {
		top: 168px;
	}
}

@media only screen and (min-width: 991px) {
	#cd-timeline {
		margin-top: 3em;
		margin-bottom: 3em;
	}

		#cd-timeline::before {
			left: 50%;
			margin-left: -2px;
		}

	.cd-timeline-block {
		margin: 4em 0;
	}

		.cd-timeline-block:first-child {
			margin-top: 0;
		}

		.cd-timeline-block:last-child {
			margin-bottom: 0;
		}

	.cd-timeline-img {
		width: 60px;
		height: 60px;
		left: 50%;
		margin-left: -30px;
		-webkit-transform: translateZ(0);
		-webkit-backface-visibility: hidden;
	}

	.cssanimations .cd-timeline-img.is-hidden {
		visibility: hidden;
	}

	.cssanimations .cd-timeline-img.bounce-in {
		visibility: visible;
		-webkit-animation: cd-bounce-1 0.6s;
		-moz-animation: cd-bounce-1 0.6s;
		animation: cd-bounce-1 0.6s;
	}

	.cd-timeline-content {
		margin-left: 0;
		padding: 1.6em;
		width: 45%;
	}

		.cd-timeline-content::before {
			top: 24px;
			left: 100%;
			border-color: transparent;
			border-left-color: white;
		}

		.cd-timeline-content.cd-picture::before {
			border-left-color: #75ce66;
		}

		.cd-timeline-content.cd-location::before {
			border-left-color: #f0ca45;
		}

		.cd-timeline-content.cd-movie::before {
			border-left-color: #c03b44;
		}

	.cd-timeline-block:nth-child(even) .cd-timeline-content.cd-movie::before {
		border-right-color: #c03b44;
	}

	.cd-timeline-block:nth-child(even) .cd-timeline-content.cd-location::before {
		border-right-color: #f0ca45;
	}

	.cd-timeline-content .cd-read-more {
		float: left;
	}

	.cd-timeline-content .cd-date {
		position: absolute;
		width: 100%;
		left: 122%;
		top: 6px;
		font-size: 16px;
	}

	.cd-timeline-block:nth-child(even) .cd-timeline-content {
		float: right;
	}

		.cd-timeline-block:nth-child(even) .cd-timeline-content::before {
			top: 24px;
			left: auto;
			right: 100%;
			border-color: transparent;
			border-right-color: white;
		}

		.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
			float: right;
		}

		.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
			left: auto;
			right: 122%;
			text-align: right;
		}

	.cssanimations .cd-timeline-content.is-hidden {
		visibility: hidden;
	}

	.cssanimations .cd-timeline-content.bounce-in {
		visibility: visible;
		-webkit-animation: cd-bounce-2 0.6s;
		-moz-animation: cd-bounce-2 0.6s;
		animation: cd-bounce-2 0.6s;
	}

	.cssanimations
	.cd-timeline-block:nth-child(even)
	.cd-timeline-content.bounce-in {
		-webkit-animation: cd-bounce-2-inverse 0.6s;
		-moz-animation: cd-bounce-2-inverse 0.6s;
		animation: cd-bounce-2-inverse 0.6s;
	}
}

@media (min-width: 1400px) {
	.page-boxed .container {
		width: 1370px;
		max-width: 100%;
	}

	.page-boxed .page-header-inner.container {
		display: block;
	}

	.page-boxed .page-header.navbar {
		width: 1347px;
	}
}

@media print {
	body {
		background-color: #fff !important;
	}

	.hidden-print,
	.page-bar,
	.page-footer,
	.chat-sidebar-container,
	.sidebar-container,
	.chatpane {
		display: none;
	}

	.page-container {
		margin: 0 !important;
		padding: 0 !important;
	}

	.page-content {
		min-height: 300px !important;
		padding: 0 20px 20px !important;
		margin: 0 !important;
	}
}