body {
	background: #fff;
}

h1, h2, h3, h4, h5, h6 {
    letter-spacing: 0.02rem;
    font-weight: 200;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -0.1em;
    margin-left: -0.6em;
}

.alert > i {
	margin-right: 10px;
}

.alert-warning {
    color: #E49626;
    background-color: #FFF6E9;
    border-color: #E49626;
    font-weight: bold;
}

.input-group-addon {
    padding: 0px 12px;
}

.main-message {
	max-width: 600px;
	margin: 60px auto 0 auto;
}

.form-horizontal .form-group {
	display: flex;
	align-items: center;
}
.form-group .control-label.col-* {
	text-align: right;
}

.form-horizontal .control-label {
    padding-top: 0;
}

.has-error .form-control {
	border-color: #FF0500;
}
.has-error .form-control-feedback {
	color: #FF0500;
}

.has-warning .form-control {
	border-color: #EE9E21;
}

.has-warning .form-control-feedback {
	color: #EE9E21;
}

.top-bar .logo a {
	display: flex;
	align-items: center;
}

.font-bold {
	font-weight: bold;
}

.top-bar .logo a img {
	margin-right: 10px;
}

.top-bar .logo a, .top-bar .logo a span {
	font-size: 2.8rem;
	color:#fff;
	font-family:'latolight';
	text-decoration: none;
}
.top-bar .logo a:hover span, .top-bar .logo a:active span {
	text-decoration: none;
	color: #fff;
}

.btn, .btn:hover {
	transition: background linear 0.1s;
}

button.btn-toggle-expand {
	border: none;
	background: none;
}
.has-switch {
	display: inline-block;
	cursor: pointer;
	border-radius: 4px;
	border: 1px solid;
	border-color: #cccccc;
	position: relative;
	text-align: left;
	overflow: hidden;
	line-height: 8px;
	user-select: none;
	vertical-align: middle;
	min-width: 100px;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.has-switch:focus {
	border-color: #66afe9;
	outline: 0;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6)
}

.has-switch.switch-mini {
	min-width: 72px
}

.has-switch.switch-mini span,.has-switch.switch-mini label {
	padding-bottom: 4px;
	padding-top: 4px;
	font-size: 10px;
	line-height: 9px
}

.has-switch.switch-mini i.switch-mini-icons {
	height: 1.20em;
	line-height: 9px;
	vertical-align: text-top;
	text-align: center;
	transform: scale(0.6);
	margin-top: -1px;
	margin-bottom: -1px
}

.has-switch.switch-small {
	min-width: 80px
}

.has-switch.switch-small span,.has-switch.switch-small label {
	padding-bottom: 3px;
	padding-top: 3px;
	font-size: 12px;
	line-height: 18px
}

.has-switch.switch-large {
	min-width: 120px
}

.has-switch.switch-large span,.has-switch.switch-large label {
	padding-bottom: 9px;
	padding-top: 9px;
	font-size: 16px;
	line-height: normal
}

.has-switch.switch-animate>div {
	-webkit-transition: left 0.5s;
	transition: left 0.5s
}

.has-switch.switch-off>div {
	left: -50%
}

.has-switch.switch-on>div {
	left: 0%
}

.has-switch.disabled {
	opacity: 0.5;
	filter: alpha(opacity = 50);
	cursor: default !important
}

.has-switch.disabled span,.has-switch.disabled label {
	cursor: default !important
}

.has-switch>div {
	display: inline-block;
	width: 150%;
	position: relative;
	top: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.has-switch input[type=radio],.has-switch input[type=checkbox] {
	display: none
}

.has-switch span,.has-switch label {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	position: relative;
	display: inline-block !important;
	height: 100%;
	padding-bottom: 4px;
	padding-top: 4px;
	font-size: 14px;
	line-height: 20px
}

.has-switch label {
	text-align: center;
	margin-top: -1px;
	margin-bottom: -1px;
	z-index: 100;
	width: 33.333333333%;
	background: #ffffff
}

.has-switch label i {
	color: #000;
	text-shadow: 0 1px 0 #fff;
	line-height: 18px;
	pointer-events: none
}

.has-switch span {
	text-align: center;
	z-index: 1;
	width: 33.333333333%
}

.has-switch span.switch-left {
	color: #f00;
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px
}

.has-switch span.switch-right {
	color: #000;
	background: #eeeeee
}

.has-switch span.switch-primary,.has-switch span.switch-left {
	color: #fff;
	background: #428bca
}

.has-switch span.switch-info {
	color: #fff;
	background: #5bc0de
}

.has-switch span.switch-success {
	color: #fff;
	background: #5cb85c
}

.has-switch span.switch-warning {
	background: #f0ad4e;
	color: #fff
}

.has-switch span.switch-danger {
	color: #fff;
	background: #d9534f
}

.has-switch span.switch-default {
	color: #000;
	background: #eeeeee
}

.multiselect-container {
	position: absolute;
	list-style-type: none;
	margin: 0;
	padding: 0
}

.multiselect-container .input-group {
	margin: 5px
}

.multiselect-container>li {
	padding: 0
}

.multiselect-container>li>a.multiselect-all label {
	font-weight: bold
}

.multiselect-container>li>label.multiselect-group {
	margin: 0;
	padding: 3px 20px 3px 20px;
	height: 100%;
	font-weight: bold
}

.multiselect-container>li>a>label {
	margin: 0;
	height: 100%;
	cursor: pointer;
	font-weight: normal
}

.multiselect-container>li>a>label.radio,.multiselect-container>li>a>label.checkbox
	{
	margin: 0
}

.multiselect-container>li>a>label>input[type="checkbox"] {
	margin-bottom: 5px
}

.btn-group{
	z-index:20000;
}
.btn-group>.btn-group:nth-child(2)>.multiselect.btn {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px
}

.colorpicker-saturation {
	float: left;
	width: 100px;
	height: 100px;
	cursor: crosshair;
}

.colorpicker-saturation i {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 5px;
	height: 5px;
	margin: -4px 0 0 -4px;
	border: 1px solid #000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px
}

.colorpicker-saturation i b {
	display: block;
	width: 5px;
	height: 5px;
	border: 1px solid #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px
}

.colorpicker-hue,.colorpicker-alpha {
	float: left;
	width: 15px;
	height: 100px;
	margin-bottom: 4px;
	margin-left: 4px;
	cursor: row-resize
}

.colorpicker-hue i,.colorpicker-alpha i {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 1px;
	margin-top: -1px;
	background: #000;
	border-top: 1px solid #fff
}

.colorpicker-hue {
}

.colorpicker-alpha {
	display: none;
}

.colorpicker {
	top: 0;
	left: 0;
	z-index: 2500;
	min-width: 130px;
	padding: 4px;
	margin-top: 1px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	*zoom: 1
}

.colorpicker:before,.colorpicker:after {
	display: table;
	line-height: 0;
	content: ""
}

.colorpicker:after {
	clear: both
}

.colorpicker:before {
	position: absolute;
	top: -7px;
	left: 6px;
	display: inline-block;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #ccc;
	border-left: 7px solid transparent;
	border-bottom-color: rgba(0, 0, 0, 0.2);
	content: ''
}

.colorpicker:after {
	position: absolute;
	top: -6px;
	left: 7px;
	display: inline-block;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #ffffff;
	border-left: 6px solid transparent;
	content: ''
}

.colorpicker div {
	position: relative
}

.colorpicker.colorpicker-with-alpha {
	min-width: 140px
}

.colorpicker.colorpicker-with-alpha .colorpicker-alpha {
	display: block
}

.colorpicker-color {
	height: 10px;
	margin-top: 5px;
	clear: both;
	background-position: 0 100%
}

.colorpicker-color div {
	height: 10px
}

.colorpicker-element .input-group-addon i {
	display: block;
	width: 16px;
	height: 16px;
	cursor: pointer
}

.colorpicker.colorpicker-inline {
	position: relative;
	display: inline-block;
	float: none
}

.colorpicker.colorpicker-horizontal {
	width: 110px;
	height: auto;
	min-width: 110px
}

.colorpicker.colorpicker-horizontal .colorpicker-saturation {
	margin-bottom: 4px
}

.colorpicker.colorpicker-horizontal .colorpicker-color {
	width: 100px
}

.colorpicker.colorpicker-horizontal .colorpicker-hue,.colorpicker.colorpicker-horizontal .colorpicker-alpha
	{
	float: left;
	width: 100px;
	height: 15px;
	margin-bottom: 4px;
	margin-left: 0;
	cursor: col-resize
}

.colorpicker.colorpicker-horizontal .colorpicker-hue i,.colorpicker.colorpicker-horizontal .colorpicker-alpha i
	{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 1px;
	height: 15px;
	margin-top: 0;
	background: #ffffff;
	border: none
}

.colorpicker.colorpicker-hidden {
	display: none
}

.colorpicker.colorpicker-visible {
	display: block
}

.colorpicker-inline.colorpicker-visible {
	display: inline-block
}

.simplecolorpicker.picker {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1051;
	display: none;
	float: left;
	min-width: 160px;
	max-width: 283px;
	padding: 5px 0 0 5px;
	margin: 2px 0 0;
	list-style: none;
	background-color: #fff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.15);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box
}

.simplecolorpicker.inline {
	display: inline-block;
	padding: 6px 0
}

.simplecolorpicker span {
	margin: 0 5px 5px 0
}

.simplecolorpicker.icon,.simplecolorpicker span.color {
	display: inline-block;
	cursor: pointer;
	border: 1px solid transparent
}

.simplecolorpicker.icon:after,.simplecolorpicker span.color:after {
	content: '\00a0\00a0\00a0\00a0'
}

.simplecolorpicker span.color[data-disabled]:hover {
	cursor: not-allowed;
	border: 1px solid transparent
}

.simplecolorpicker span.color:hover,.simplecolorpicker span.color[data-selected],.simplecolorpicker span.color[data-selected]:hover
	{
	border: 1px solid #222
}

.simplecolorpicker span.color[data-selected]:after {
	color: #fff
}

.simplecolorpicker span.vr {
	border-left: 1px solid #222
}

.datepicker {
	top: 0;
	left: 0;
	padding: 4px;
	margin-top: 1px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px
}

.datepicker:before {
	content: '';
	display: inline-block;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #ccc;
	border-bottom-color: rgba(0, 0, 0, 0.2);
	position: absolute;
	top: -7px;
	left: 6px
}

.datepicker:after {
	content: '';
	display: inline-block;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #ffffff;
	position: absolute;
	top: -6px;
	left: 7px
}

.datepicker>div {
	display: none
}

.datepicker table {
	width: 100%;
	margin: 0
}

.datepicker td,.datepicker th {
	text-align: center;
	width: 20px;
	height: 20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px
}

.datepicker td.day:hover {
	background: #eeeeee;
	cursor: pointer
}

.datepicker td.day.disabled {
	color: #eeeeee
}

.datepicker td.old,.datepicker td.new {
	color: #999999
}

.datepicker td.active,.datepicker td.active:hover {
	color: #ffffff;
	background-color: #006dcc;
	background-image: -moz-linear-gradient(top, #08c, #04c);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c),
		to(#04c));
	background-image: -webkit-linear-gradient(top, #08c, #04c);
	background-image: -o-linear-gradient(top, #08c, #04c);
	background-image: linear-gradient(to bottom, #0088cc, #0044cc);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',
		endColorstr='#ff0044cc', GradientType=0);
	border-color: #0044cc #0044cc #002a80;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	*background-color: #0044cc;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled= false);
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)
}

.datepicker td.active:hover,.datepicker td.active:hover:hover,.datepicker td.active:focus,.datepicker td.active:hover:focus,.datepicker td.active:active,.datepicker td.active:hover:active,.datepicker td.active.active,.datepicker td.active:hover.active,.datepicker td.active.disabled,.datepicker td.active:hover.disabled,.datepicker td.active[disabled],.datepicker td.active:hover[disabled]
	{
	color: #ffffff;
	background-color: #0044cc;
	*background-color: #003bb3
}

.datepicker td.active:active,.datepicker td.active:hover:active,.datepicker td.active.active,.datepicker td.active:hover.active
	{
	background-color: #003399 \9
}

.datepicker td span {
	display: block;
	width: 47px;
	height: 54px;
	line-height: 54px;
	float: left;
	margin: 2px;
	cursor: pointer;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px
}

.datepicker td span:hover {
	background: #eeeeee
}

.datepicker td span.active {
	color: #ffffff;
	background-color: #006dcc;
	background-image: -moz-linear-gradient(top, #08c, #04c);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c),
		to(#04c));
	background-image: -webkit-linear-gradient(top, #08c, #04c);
	background-image: -o-linear-gradient(top, #08c, #04c);
	background-image: linear-gradient(to bottom, #0088cc, #0044cc);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',
		endColorstr='#ff0044cc', GradientType=0);
	border-color: #0044cc #0044cc #002a80;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	*background-color: #0044cc;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled= false);
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)
}

.datepicker td span.active:hover,.datepicker td span.active:focus,.datepicker td span.active:active,.datepicker td span.active.active,.datepicker td span.active.disabled,.datepicker td span.active[disabled]
	{
	color: #ffffff;
	background-color: #0044cc;
	*background-color: #003bb3
}

.datepicker td span.active:active,.datepicker td span.active.active {
	background-color: #003399 \9
}

.datepicker td span.old {
	color: #999999
}

.datepicker th.switch {
	width: 145px
}

.datepicker th.next,.datepicker th.prev {
	font-size: 21px
}

.datepicker thead tr:first-child th {
	cursor: pointer
}

.datepicker thead tr:first-child th:hover {
	background: #eeeeee
}

.input-append.date .add-on i,.input-prepend.date .add-on i {
	display: block;
	cursor: pointer;
	width: 16px;
	height: 16px
}

.daterangepicker.dropdown-menu {
	max-width: none;
	z-index: 3000
}

.daterangepicker.opensleft .ranges,.daterangepicker.opensleft .calendar
	{
	float: left;
	margin: 4px
}

.daterangepicker.opensright .ranges,.daterangepicker.opensright .calendar
	{
	float: right;
	margin: 4px
}

.daterangepicker .ranges {
	width: 160px;
	text-align: left
}

.daterangepicker .ranges .range_inputs>div {
	float: left
}

.daterangepicker .ranges .range_inputs>div:nth-child(2) {
	padding-left: 11px
}

.daterangepicker .calendar {
	display: none;
	max-width: 270px
}

.daterangepicker .calendar th,.daterangepicker .calendar td {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	white-space: nowrap;
	text-align: center;
	min-width: 32px
}

.daterangepicker .ranges label {
	color: #333;
	display: block;
	font-size: 11px;
	font-weight: normal;
	height: 20px;
	line-height: 20px;
	margin-bottom: 2px;
	text-shadow: #fff 1px 1px 0px;
	text-transform: uppercase;
	width: 74px
}

.daterangepicker .ranges input {
	font-size: 11px
}

.daterangepicker .ranges .input-mini {
	background-color: #eee;
	border: 1px solid #ccc;
	border-radius: 4px;
	color: #555;
	display: block;
	font-size: 11px;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	margin: 0 0 10px 0;
	padding: 0 6px;
	width: 74px
}

.daterangepicker .ranges ul {
	list-style: none;
	margin: 0;
	padding: 0
}

.daterangepicker .ranges li {
	font-size: 13px;
	background: #f5f5f5;
	border: 1px solid #f5f5f5;
	color: #08c;
	padding: 3px 12px;
	margin-bottom: 8px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer
}

.daterangepicker .ranges li.active,.daterangepicker .ranges li:hover {
	background: #08c;
	border: 1px solid #08c;
	color: #fff
}

.daterangepicker .calendar-date {
	border: 1px solid #ddd;
	padding: 4px;
	border-radius: 4px;
	background: #fff
}

.daterangepicker .calendar-time {
	text-align: center;
	margin: 8px auto 0 auto;
	line-height: 30px
}

.daterangepicker {
	position: absolute;
	background: #fff;
	top: 100px;
	left: 20px;
	padding: 4px;
	margin-top: 1px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px
}

.daterangepicker.opensleft:before {
	position: absolute;
	top: -7px;
	right: 9px;
	display: inline-block;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #ccc;
	border-left: 7px solid transparent;
	border-bottom-color: rgba(0, 0, 0, 0.2);
	content: ''
}

.daterangepicker.opensleft:after {
	position: absolute;
	top: -6px;
	right: 10px;
	display: inline-block;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #fff;
	border-left: 6px solid transparent;
	content: ''
}

.daterangepicker.opensright:before {
	position: absolute;
	top: -7px;
	left: 9px;
	display: inline-block;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #ccc;
	border-left: 7px solid transparent;
	border-bottom-color: rgba(0, 0, 0, 0.2);
	content: ''
}

.daterangepicker.opensright:after {
	position: absolute;
	top: -6px;
	left: 10px;
	display: inline-block;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #fff;
	border-left: 6px solid transparent;
	content: ''
}

.daterangepicker table {
	width: 100%;
	margin: 0
}

.daterangepicker td,.daterangepicker th {
	text-align: center;
	width: 20px;
	height: 20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	cursor: pointer;
	white-space: nowrap
}

.daterangepicker td.off {
	color: #999
}

.daterangepicker td.disabled {
	color: #999
}

.daterangepicker td.available:hover,.daterangepicker th.available:hover
	{
	background: #eee
}

.daterangepicker td.in-range {
	background: #ebf4f8;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0
}

.daterangepicker td.active,.daterangepicker td.active:hover {
	background-color: #357ebd;
	border-color: #3071a9;
	color: #fff
}

.daterangepicker td.week,.daterangepicker th.week {
	font-size: 80%;
	color: #ccc
}

.daterangepicker select.monthselect,.daterangepicker select.yearselect {
	font-size: 12px;
	padding: 1px;
	height: auto;
	margin: 0;
	cursor: default
}

.daterangepicker select.monthselect {
	margin-right: 2%;
	width: 56%
}

.daterangepicker select.yearselect {
	width: 40%
}

.daterangepicker select.hourselect,.daterangepicker select.minuteselect,.daterangepicker select.ampmselect
	{
	width: 50px;
	margin-bottom: 0
}

.ui-jqgrid {
	position: relative
}

.ui-jqgrid .ui-jqgrid-view {
	position: relative;
	left: 0;
	top: 0;
	padding: 0;
	font-size: 11px
}

.ui-jqgrid .ui-jqgrid-titlebar {
	padding: .3em .2em .2em .3em;
	position: relative;
	border-left: 0 none;
	border-right: 0 none;
	border-top: 0 none
}

.ui-jqgrid .ui-jqgrid-title {
	float: left;
	margin: .1em 0 .2em
}

.ui-jqgrid .ui-jqgrid-titlebar-close {
	position: absolute;
	top: 50%;
	width: 19px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 18px;
	cursor: pointer
}

.ui-jqgrid .ui-jqgrid-titlebar-close span {
	display: block;
	margin: 1px
}

.ui-jqgrid .ui-jqgrid-titlebar-close:hover {
	padding: 0
}

.ui-jqgrid .ui-jqgrid-hdiv {
	position: relative;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	border-left: 0 none !important;
	border-top: 0 none !important;
	border-right: 0 none !important
}

.ui-jqgrid .ui-jqgrid-hbox {
	float: left;
	padding-right: 20px
}

.ui-jqgrid .ui-jqgrid-htable {
	table-layout: fixed;
	margin: 0
}

.ui-jqgrid .ui-jqgrid-htable th {
	height: 22px;
	padding: 0 2px 0 2px
}

.ui-jqgrid .ui-jqgrid-htable th div {
	overflow: hidden;
	position: relative;
	height: 17px
}

.ui-th-column,.ui-jqgrid .ui-jqgrid-htable th.ui-th-column {
	overflow: hidden;
	white-space: nowrap;
	text-align: center;
	border-top: 0 none;
	border-bottom: 0 none
}

.ui-th-ltr,.ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr {
	border-left: 0 none
}

.ui-th-rtl,.ui-jqgrid .ui-jqgrid-htable th.ui-th-rtl {
	border-right: 0 none
}

.ui-first-th-ltr {
	border-right: 1px solid
}

.ui-first-th-rtl {
	border-left: 1px solid
}

.ui-jqgrid .ui-th-div-ie {
	white-space: nowrap;
	zoom: 1;
	height: 17px
}

.ui-jqgrid .ui-jqgrid-resize {
	height: 20px !important;
	position: relative;
	cursor: e-resize;
	display: inline;
	overflow: hidden
}

.ui-jqgrid .ui-grid-ico-sort {
	overflow: hidden;
	position: absolute;
	display: inline;
	cursor: pointer !important
}

.ui-jqgrid .ui-icon-asc {
	margin-top: -3px;
	height: 12px
}

.ui-jqgrid .ui-icon-desc {
	margin-top: 3px;
	height: 12px
}

.ui-jqgrid .ui-i-asc {
	margin-top: 0;
	height: 16px
}

.ui-jqgrid .ui-i-desc {
	margin-top: 0;
	margin-left: 13px;
	height: 16px
}

.ui-jqgrid .ui-jqgrid-sortable {
	cursor: pointer
}

.ui-jqgrid tr.ui-search-toolbar th {
	border-top-width: 1px !important;
	border-top-color: inherit !important;
	border-top-style: ridge !important
}

tr.ui-search-toolbar input {
	margin: 1px 0 0 0
}

tr.ui-search-toolbar select {
	margin: 1px 0 0 0
}

.ui-jqgrid .ui-jqgrid-bdiv {
	position: relative;
	margin: 0;
	padding: 0;
	overflow: auto;
	text-align: left
}

.ui-jqgrid .ui-jqgrid-btable {
	table-layout: fixed;
	margin: 0;
	outline-style: none
}

.ui-jqgrid tr.jqgrow {
	outline-style: none
}

.ui-jqgrid tr.jqgroup {
	outline-style: none
}

.ui-jqgrid tr.jqgrow td {
	font-weight: normal;
	overflow: hidden;
	white-space: pre;
	height: 22px;
	padding: 0 2px 0 2px;
	border-bottom-width: 1px;
	border-bottom-color: inherit;
	border-bottom-style: solid
}

.ui-jqgrid tr.jqgfirstrow td {
	padding: 0 2px 0 2px;
	border-right-width: 1px;
	border-right-style: solid
}

.ui-jqgrid tr.jqgroup td {
	font-weight: normal;
	overflow: hidden;
	white-space: pre;
	height: 22px;
	padding: 0 2px 0 2px;
	border-bottom-width: 1px;
	border-bottom-color: inherit;
	border-bottom-style: solid
}

.ui-jqgrid tr.jqfoot td {
	font-weight: bold;
	overflow: hidden;
	white-space: pre;
	height: 22px;
	padding: 0 2px 0 2px;
	border-bottom-width: 1px;
	border-bottom-color: inherit;
	border-bottom-style: solid
}

.ui-jqgrid tr.ui-row-ltr td {
	text-align: left;
	border-right-width: 1px;
	border-right-color: inherit;
	border-right-style: solid
}

.ui-jqgrid tr.ui-row-rtl td {
	text-align: right;
	border-left-width: 1px;
	border-left-color: inherit;
	border-left-style: solid
}

.ui-jqgrid td.jqgrid-rownum {
	padding: 0 2px 0 2px;
	margin: 0;
	border: 0 none
}

.ui-jqgrid .ui-jqgrid-resize-mark {
	width: 2px;
	left: 0;
	background-color: #777;
	cursor: e-resize;
	cursor: col-resize;
	position: absolute;
	top: 0;
	height: 100px;
	overflow: hidden;
	display: none;
	border: 0 none;
	z-index: 99999
}

.ui-jqgrid .ui-jqgrid-sdiv {
	position: relative;
	margin: 0;
	padding: 0;
	overflow: hidden;
	border-left: 0 none !important;
	border-top: 0 none !important;
	border-right: 0 none !important
}

.ui-jqgrid .ui-jqgrid-ftable {
	table-layout: fixed;
	margin-bottom: 0
}

.ui-jqgrid tr.footrow td {
	font-weight: bold;
	overflow: hidden;
	white-space: nowrap;
	height: 21px;
	padding: 0 2px 0 2px;
	border-top-width: 1px;
	border-top-color: inherit;
	border-top-style: solid
}

.ui-jqgrid tr.footrow-ltr td {
	text-align: left;
	border-right-width: 1px;
	border-right-color: inherit;
	border-right-style: solid
}

.ui-jqgrid tr.footrow-rtl td {
	text-align: right;
	border-left-width: 1px;
	border-left-color: inherit;
	border-left-style: solid
}

.ui-jqgrid .ui-jqgrid-pager {
	border-left: 0 none !important;
	border-right: 0 none !important;
	border-bottom: 0 none !important;
	margin: 0 !important;
	padding: 0 !important;
	position: relative;
	height: 25px;
	white-space: nowrap;
	overflow: hidden;
	font-size: 11px
}

.ui-jqgrid .ui-pager-control {
	position: relative
}

.ui-jqgrid .ui-pg-table {
	position: relative;
	padding-bottom: 2px;
	width: auto;
	margin: 0
}

.ui-jqgrid .ui-pg-table td {
	font-weight: normal;
	vertical-align: middle;
	padding: 1px
}

.ui-jqgrid .ui-pg-button {
	height: 19px !important
}

.ui-jqgrid .ui-pg-button span {
	display: block;
	margin: 1px;
	float: left
}

.ui-jqgrid .ui-pg-button:hover {
	padding: 0
}

.ui-jqgrid .ui-state-disabled:hover {
	padding: 1px
}

.ui-jqgrid .ui-pg-input {
	height: 13px;
	font-size: .8em;
	margin: 0
}

.ui-jqgrid .ui-pg-selbox {
	font-size: .8em;
	line-height: 18px;
	display: block;
	height: 18px;
	margin: 0
}

.ui-jqgrid .ui-separator {
	height: 18px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	margin: 1px;
	float: right
}

.ui-jqgrid .ui-paging-info {
	font-weight: normal;
	height: 19px;
	margin-top: 3px;
	margin-right: 4px
}

.ui-jqgrid .ui-jqgrid-pager .ui-pg-div {
	padding: 1px 0;
	float: left;
	position: relative
}

.ui-jqgrid .ui-jqgrid-pager .ui-pg-button {
	cursor: pointer
}

.ui-jqgrid .ui-jqgrid-pager .ui-pg-div span.ui-icon {
	float: left;
	margin: 0 2px
}

.ui-jqgrid td input,.ui-jqgrid td select .ui-jqgrid td textarea {
	margin: 0
}

.ui-jqgrid td textarea {
	width: auto;
	height: auto
}

.ui-jqgrid .ui-jqgrid-toppager {
	border-left: 0 none !important;
	border-right: 0 none !important;
	border-top: 0 none !important;
	margin: 0 !important;
	padding: 0 !important;
	position: relative;
	height: 25px !important;
	white-space: nowrap;
	overflow: hidden
}

.ui-jqgrid .ui-jqgrid-toppager .ui-pg-div {
	padding: 1px 0;
	float: left;
	position: relative
}

.ui-jqgrid .ui-jqgrid-toppager .ui-pg-button {
	cursor: pointer
}

.ui-jqgrid .ui-jqgrid-toppager .ui-pg-div span.ui-icon {
	float: left;
	margin: 0 2px
}

.ui-jqgrid .ui-jqgrid-btable .ui-sgcollapsed span {
	display: block
}

.ui-jqgrid .ui-subgrid {
	margin: 0;
	padding: 0;
	width: 100%
}

.ui-jqgrid .ui-subgrid table {
	table-layout: fixed
}

.ui-jqgrid .ui-subgrid tr.ui-subtblcell td {
	height: 18px;
	border-right-width: 1px;
	border-right-color: inherit;
	border-right-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: inherit;
	border-bottom-style: solid
}

.ui-jqgrid .ui-subgrid td.subgrid-data {
	border-top: 0 none !important
}

.ui-jqgrid .ui-subgrid td.subgrid-cell {
	border-width: 0 0 1px 0
}

.ui-jqgrid .ui-th-subgrid {
	height: 20px
}

.ui-jqgrid .loading {
	position: absolute;
	top: 45%;
	left: 45%;
	width: auto;
	z-index: 101;
	padding: 6px;
	margin: 5px;
	text-align: center;
	font-weight: bold;
	display: none;
	border-width: 2px !important;
	font-size: 11px
}

.ui-jqgrid .jqgrid-overlay {
	display: none;
	z-index: 100
}

* html .jqgrid-overlay {
	width: expression(this.parentNode.offsetWidth + 'px');
	height: expression(this.parentNode.offsetHeight + 'px')
}

* .jqgrid-overlay iframe {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: expression(this.parentNode.offsetWidth + 'px');
	height: expression(this.parentNode.offsetHeight + 'px')
}

.ui-jqgrid .ui-userdata {
	border-left: 0 none;
	border-right: 0 none;
	height: 21px;
	overflow: hidden
}

.ui-jqdialog {
	display: none;
	width: 300px;
	position: absolute;
	padding: .2em;
	font-size: 11px;
	overflow: visible
}

.ui-jqdialog .ui-jqdialog-titlebar {
	padding: .3em .2em;
	position: relative
}

.ui-jqdialog .ui-jqdialog-title {
	margin: .1em 0 .2em
}

.ui-jqdialog .ui-jqdialog-titlebar-close {
	position: absolute;
	top: 50%;
	width: 19px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 18px;
	cursor: pointer
}

.ui-jqdialog .ui-jqdialog-titlebar-close span {
	display: block;
	margin: 1px
}

.ui-jqdialog .ui-jqdialog-titlebar-close:hover, .ui-jqdialog .ui-jqdialog-titlebar-close:focus
	{
	padding: 0
}

.ui-jqdialog-content,.ui-jqdialog .ui-jqdialog-content {
	border: 0;
	padding: .3em .2em;
	background: none;
	height: auto
}

.ui-jqdialog .ui-jqconfirm {
	padding: .4em 1em;
	border-width: 3px;
	position: absolute;
	bottom: 10px;
	right: 10px;
	overflow: visible;
	display: none;
	height: 80px;
	width: 220px;
	text-align: center
}

.ui-jqdialog>.ui-resizable-se {
	bottom: -3px;
	right: -3px
}

.ui-jqgrid>.ui-resizable-se {
	bottom: -3px;
	right: -3px
}

.ui-jqdialog-content .FormGrid {
	margin: 0
}

.ui-jqdialog-content .EditTable {
	width: 100%;
	margin-bottom: 0
}

.ui-jqdialog-content .DelTable {
	width: 100%;
	margin-bottom: 0
}

.EditTable td input,.EditTable td select,.EditTable td textarea {
	margin: 0
}

.EditTable td textarea {
	width: auto;
	height: auto
}

.ui-jqdialog-content td.EditButton {
	text-align: right;
	border-top: 0 none;
	border-left: 0 none;
	border-right: 0 none;
	padding-bottom: 5px;
	padding-top: 5px
}

.ui-jqdialog-content td.navButton {
	text-align: center;
	border-left: 0 none;
	border-top: 0 none;
	border-right: 0 none;
	padding-bottom: 5px;
	padding-top: 5px
}

.ui-jqdialog-content input.FormElement {
	padding: .3em
}

.ui-jqdialog-content select.FormElement {
	padding: .3em
}

.ui-jqdialog-content .data-line {
	padding-top: .1em;
	border: 0 none
}

.ui-jqdialog-content .CaptionTD {
	vertical-align: middle;
	border: 0 none;
	padding: 2px;
	white-space: nowrap
}

.ui-jqdialog-content .DataTD {
	padding: 2px;
	border: 0 none;
	vertical-align: top
}

.ui-jqdialog-content .form-view-data {
	white-space: pre
}

.fm-button {
	display: inline-block;
	margin: 0 4px 0 0;
	padding: .4em .5em;
	text-decoration: none !important;
	cursor: pointer;
	position: relative;
	text-align: center;
	zoom: 1
}

.fm-button-icon-left {
	padding-left: 1.9em
}

.fm-button-icon-right {
	padding-right: 1.9em
}

.fm-button-icon-left .ui-icon {
	right: auto;
	left: .2em;
	margin-left: 0;
	position: absolute;
	top: 50%;
	margin-top: -8px
}

.fm-button-icon-right .ui-icon {
	left: auto;
	right: .2em;
	margin-left: 0;
	position: absolute;
	top: 50%;
	margin-top: -8px
}

#nData,#pData {
	float: left;
	margin: 3px;
	padding: 0;
	width: 15px
}

.ui-jqgrid .selected-row,div.ui-jqgrid .selected-row td {
	font-style: normal;
	border-left: 0 none
}

.ui-inline-del.ui-state-hover span,.ui-inline-edit.ui-state-hover span,.ui-inline-save.ui-state-hover span,.ui-inline-cancel.ui-state-hover span
	{
	margin: -1px
}

.ui-jqgrid .tree-wrap {
	float: left;
	position: relative;
	height: 18px;
	white-space: nowrap;
	overflow: hidden
}

.ui-jqgrid .tree-minus {
	position: absolute;
	height: 18px;
	width: 18px;
	overflow: hidden
}

.ui-jqgrid .tree-plus {
	position: absolute;
	height: 18px;
	width: 18px;
	overflow: hidden
}

.ui-jqgrid .tree-leaf {
	position: absolute;
	height: 18px;
	width: 18px;
	overflow: hidden
}

.ui-jqgrid .treeclick {
	cursor: pointer
}

* iframe.jqm {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: expression(this.parentNode.offsetWidth + 'px');
	height: expression(this.parentNode.offsetHeight + 'px')
}

.ui-jqgrid-dnd tr td {
	border-right-width: 1px;
	border-right-color: inherit;
	border-right-style: solid;
	height: 20px
}

.ui-jqgrid .ui-jqgrid-title-rtl {
	float: right;
	margin: .1em 0 .2em
}

.ui-jqgrid .ui-jqgrid-hbox-rtl {
	float: right;
	padding-left: 20px
}

.ui-jqgrid .ui-jqgrid-resize-ltr {
	float: right;
	margin: -2px -2px -2px 0
}

.ui-jqgrid .ui-jqgrid-resize-rtl {
	float: left;
	margin: -2px 0 -1px -3px
}

.ui-jqgrid .ui-sort-rtl {
	left: 0
}

.ui-jqgrid .tree-wrap-ltr {
	float: left
}

.ui-jqgrid .tree-wrap-rtl {
	float: right
}

.ui-jqgrid .ui-ellipsis {
	text-overflow: ellipsis
}

.ui-search-menu {
	position: absolute;
	padding: 2px 5px
}

.ui-jqgrid .ui-search-table {
	padding: 0px 0px;
	border: 0px none;
	height: 20px;
	width: 100%
}

.ui-jqgrid .ui-search-table .ui-search-oper {
	width: 20px
}

a.g-menu-item,a.soptclass,a.clearsearchclass {
	cursor: pointer
}

.ui-jqgrid .ui-search-table .ui-search-input>input,.ui-jqgrid .ui-search-table .ui-search-input>select
	{
	display: block;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

#gritter-notice-wrapper {
	position: fixed;
	top: 20px;
	right: 20px;
	width: 301px;
	z-index: 9999
}

.icon-wrapper {
    background: #3595D6 none repeat scroll 0% 0%;
    border-radius: 50%;
    height: 40px;
    width: 40px;
}
.icon-wrapper i {
	color: #fff;
	float: left;
	text-align: center;
	width: 100%;
	line-height: 38px;
	font-size: 1.8rem;
}

#gritter-notice-wrapper.top-left {
	left: 20px;
	right: auto
}

#gritter-notice-wrapper.bottom-right {
	top: auto;
	left: auto;
	bottom: 20px;
	right: 20px
}

#gritter-notice-wrapper.bottom-left {
	top: auto;
	right: auto;
	bottom: 20px;
	left: 20px
}

.gritter-item-wrapper {
	position: relative;
	margin: 0 0 10px 0;	
}

.gritter-top {
	height: 10px
}

.hover .gritter-top {
	background-position: right -30px
}

.gritter-bottom {
	height: 8px;
	margin: 0
}

.hover .gritter-bottom {
	background-position: bottom right
}

.gritter-item {
	display: block;
	color: #eee;
	padding: 2px 11px 8px 11px;
	font-size: 11px;
	font-family: verdana
}

.hover .gritter-item {
	background-position: right -40px
}

.gritter-item p {
	padding: 0;
	margin: 0;
	word-wrap: break-word
}

.gritter-close {
	display: none;
	position: absolute;
	top: 5px;
	left: 3px;
	cursor: pointer;
	width: 30px;
	height: 30px;
	text-indent: -9999em
}

.gritter-title {
	font-size: 14px;
	font-weight: bold;
	padding: 0 0 7px 0;
	display: block;
	text-shadow: 1px 1px 0 #000
}

.gritter-image {
	width: 48px;
	height: 48px;
	float: left
}

.gritter-with-image,.gritter-without-image {
	padding: 0
}

.gritter-with-image {
	width: 220px;
	float: right
}

.gritter-light .gritter-item,.gritter-light .gritter-bottom,.gritter-light .gritter-top,.gritter-light .gritter-close
	{
	color: #222
}

.gritter-light .gritter-title {
	text-shadow: none
}

.progress {
	position: relative
}

.progress .progress-bar {
	position: absolute;
	overflow: hidden;
	line-height: 20px
}

.progress .progressbar-back-text {
	position: absolute;
	width: 100%;
	height: 100%;
	font-size: 12px;
	line-height: 20px;
	text-align: center
}

.progress .progressbar-front-text {
	display: block;
	width: 100%;
	font-size: 12px;
	line-height: 20px;
	text-align: center
}

.progress.right .progress-bar {
	right: 0
}

.progress.right .progressbar-front-text {
	position: absolute;
	right: 0
}

.progress.vertical {
	float: left;
	width: 20px;
	height: 100%;
	margin-right: 20px
}

.progress.vertical.bottom {
	position: relative
}

.progress.vertical.bottom .progressbar-front-text {
	position: absolute;
	bottom: 0
}

.progress.vertical .progress-bar {
	width: 100%;
	height: 0;
	-webkit-transition: height 0.6s ease;
	transition: height 0.6s ease
}

.progress.vertical.bottom .progress-bar {
	position: absolute;
	bottom: 0
}

@
-webkit-keyframes progress-bar-stripes {
	from {background-position: 40px 0
}

to {
	background-position: 0 0
}

}
@
-moz-keyframes progress-bar-stripes {
	from {background-position: 40px 0
}

to {
	background-position: 0 0
}

}
@
-o-keyframes progress-bar-stripes {
	from {background-position: 0 0
}

to {
	background-position: 40px 0
}

}
@
keyframes progress-bar-stripes {
	from {background-position: 40px 0
}

to {
	background-position: 0 0
}

}
.progress {
	height: 20px;
	margin-bottom: 0px;
	overflow: hidden;
	background-color: #f5f5f5;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1)
}

.progress-bar {
	float: left;
	width: 0;
	height: 100%;
	font-size: 12px;
	color: #ffffff;
	text-align: center;
	background-color: #428bca;
	-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	-webkit-transition: width 0.6s ease;
	transition: width 0.6s ease
}

.progress-striped .progress-bar {
	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255,
		255, 0.15)), color-stop(0.25, transparent),
		color-stop(0.5, transparent),
		color-stop(0.5, rgba(255, 255, 255, 0.15)),
		color-stop(0.75, rgba(255, 255, 255, 0.15)),
		color-stop(0.75, transparent), to(transparent));
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15)
		25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15)
		25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%,
		transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-size: 40px 40px
}

.progress.active .progress-bar {
	-webkit-animation: progress-bar-stripes 2s linear infinite;
	-moz-animation: progress-bar-stripes 2s linear infinite;
	-ms-animation: progress-bar-stripes 2s linear infinite;
	-o-animation: progress-bar-stripes 2s linear infinite;
	animation: progress-bar-stripes 2s linear infinite
}

.progress-bar-success {
	background-color: #5cb85c
}

.progress-striped .progress-bar-success {
	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255,
		255, 0.15)), color-stop(0.25, transparent),
		color-stop(0.5, transparent),
		color-stop(0.5, rgba(255, 255, 255, 0.15)),
		color-stop(0.75, rgba(255, 255, 255, 0.15)),
		color-stop(0.75, transparent), to(transparent));
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15)
		25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15)
		25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%,
		transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.progress-bar-info {
	background-color: #5bc0de
}

.progress-striped .progress-bar-info {
	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255,
		255, 0.15)), color-stop(0.25, transparent),
		color-stop(0.5, transparent),
		color-stop(0.5, rgba(255, 255, 255, 0.15)),
		color-stop(0.75, rgba(255, 255, 255, 0.15)),
		color-stop(0.75, transparent), to(transparent));
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15)
		25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15)
		25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%,
		transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.progress-bar-warning {
	background-color: #f0ad4e
}

.progress-striped .progress-bar-warning {
	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255,
		255, 0.15)), color-stop(0.25, transparent),
		color-stop(0.5, transparent),
		color-stop(0.5, rgba(255, 255, 255, 0.15)),
		color-stop(0.75, rgba(255, 255, 255, 0.15)),
		color-stop(0.75, transparent), to(transparent));
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15)
		25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15)
		25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%,
		transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.progress-bar-danger {
	background-color: #d9534f
}

.progress-striped .progress-bar-danger {
	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255,
		255, 0.15)), color-stop(0.25, transparent),
		color-stop(0.5, transparent),
		color-stop(0.5, rgba(255, 255, 255, 0.15)),
		color-stop(0.75, rgba(255, 255, 255, 0.15)),
		color-stop(0.75, transparent), to(transparent));
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15)
		25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15)
		25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%,
		transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

@
-moz-keyframes loading { 0%{
	background-position: 0 -400px
}

100%{
background-position
:
-7px
 
-400
px
}
}
@
-webkit-keyframes loading { 0%{
	background-position: 0 -400px
}

100%{
background-position
:
-7px
 
-400
px
}
}
@
-o-keyframes loading { 0%{
	background-position: 0 -400px
}

100%{
background-position
:
-7px
 
-400
px
}
}
@
-ms-keyframes loading { 0%{
	background-position: 0 -400px
}

100%{
background-position
:
-7px
 
-400
px
}
}
@
keyframes loading { 0%{
	background-position: 0 -400px
}

100%{
background-position
:
-7px
 
-400
px
}
}
.tour-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1100;
	background-color: #000;
	opacity: 0.8
}

.tour-step-backdrop {
	position: relative;
	z-index: 1101;
	background: inherit
}

.tour-step-background {
	position: absolute;
	z-index: 1100;
	background: inherit;
	border-radius: 6px
}

.popover[class*="tour-"] {
	z-index: 1100
}

.popover[class*="tour-"] .popover-navigation {
	padding: 9px 14px
}

.popover[class*="tour-"] .popover-navigation *[data-role="end"] {
	float: right
}

.popover[class*="tour-"] .popover-navigation *[data-role="prev"],.popover[class*="tour-"] .popover-navigation *[data-role="next"],.popover[class*="tour-"] .popover-navigation *[data-role="end"]
	{
	cursor: pointer
}

.popover[class*="tour-"] .popover-navigation *[data-role="prev"].disabled,.popover[class*="tour-"] .popover-navigation *[data-role="next"].disabled,.popover[class*="tour-"] .popover-navigation *[data-role="end"].disabled
	{
	cursor: default
}

.popover[class*="tour-"].orphan {
	position: fixed;
	margin-top: 0
}

.popover[class*="tour-"].orphan .arrow {
	display: none
}

.editableform {
	margin-bottom: 0
}

.editableform .control-group {
	margin-bottom: 0;
	white-space: nowrap;
	line-height: 20px
}

.editableform .form-control {
	width: auto
}

.editable-buttons {
	display: inline-block;
	vertical-align: top;
	margin-left: 7px;
	zoom: 1;
	*display: inline
}

.editable-buttons.editable-buttons-bottom {
	display: block;
	margin-top: 7px;
	margin-left: 0
}

.editable-input {
	vertical-align: top;
	display: inline-block;
	width: auto;
	white-space: normal;
	zoom: 1;
	*display: inline
}

.editable-buttons .editable-cancel {
	margin-left: 7px
}

.editable-buttons button.ui-button-icon-only {
	height: 24px;
	width: 30px
}

.editableform-loading {
	height: 25px;
	width: auto;
	min-width: 25px
}

.editable-inline .editableform-loading {
	background-position: left 5px
}

.editable-error-block {
	max-width: 300px;
	margin: 5px 0 0 0;
	width: auto;
	white-space: normal
}

.editable-error-block.ui-state-error {
	padding: 3px
}

.editable-error {
	color: red
}

.editableform .editable-date {
	padding: 0;
	margin: 0;
	float: left
}

.editable-inline .add-on .icon-th {
	margin-top: 3px;
	margin-left: 1px
}

.editable-checklist label input[type="checkbox"],.editable-checklist label span
	{
	vertical-align: middle;
	margin: 0
}

.editable-checklist label {
	white-space: nowrap
}

.editable-wysihtml5 {
	width: 566px;
	height: 250px
}

.editable-clear {
	clear: both;
	font-size: 0.9em;
	text-decoration: none;
	text-align: right
}

.editable-clear-x {
	display: block;
	width: 13px;
	height: 13px;
	position: absolute;
	opacity: 0.6;
	z-index: 100;
	top: 50%;
	right: 6px;
	margin-top: -6px
}

.editable-clear-x:hover {
	opacity: 1
}

.editable-pre-wrapped {
	white-space: pre-wrap
}

.editable-container.editable-popup {
	max-width: none !important
}

.editable-container.popover {
	width: auto
}

.editable-container.editable-inline {
	display: inline-block;
	vertical-align: middle;
	width: auto;
	zoom: 1;
	*display: inline
}

.editable-container.ui-widget {
	font-size: inherit;
	z-index: 9990
}

.editable-click,a.editable-click,a.editable-click:hover {
	text-decoration: none;
	border-bottom: dashed 1px #0088cc
}

.editable-click.editable-disabled,a.editable-click.editable-disabled,a.editable-click.editable-disabled:hover
	{
	color: #585858;
	cursor: default;
	border-bottom: none
}

.editable-empty,.editable-empty:hover,.editable-empty:focus {
	font-style: italic;
	color: #DD1144;
	text-decoration: none
}

.editable-unsaved {
	font-weight: bold
}

.editable-bg-transition {
	-webkit-transition: background-color 1400ms ease-out;
	-moz-transition: background-color 1400ms ease-out;
	-o-transition: background-color 1400ms ease-out;
	-ms-transition: background-color 1400ms ease-out;
	transition: background-color 1400ms ease-out
}

.form-horizontal .editable {
	padding-top: 5px;
	display: inline-block
}

.datepicker {
	padding: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	direction: ltr
}

.datepicker-inline {
	width: 220px
}

.datepicker.datepicker-rtl {
	direction: rtl
}

.datepicker.datepicker-rtl table tr td span {
	float: right
}

.datepicker-dropdown {
	top: 0;
	left: 0
}

.datepicker-dropdown:before {
	content: '';
	display: inline-block;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #ccc;
	border-bottom-color: rgba(0, 0, 0, 0.2);
	position: absolute;
	top: -7px;
	left: 6px
}

.datepicker-dropdown:after {
	content: '';
	display: inline-block;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #ffffff;
	position: absolute;
	top: -6px;
	left: 7px
}

.datepicker>div {
	display: none
}

.datepicker.days div.datepicker-days {
	display: block
}

.datepicker.months div.datepicker-months {
	display: block
}

.datepicker.years div.datepicker-years {
	display: block
}

.datepicker table {
	margin: 0
}

.datepicker td,.datepicker th {
	text-align: center;
	width: 20px;
	height: 20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: none
}

.table-striped .datepicker table tr td,.table-striped .datepicker table tr th
	{
	background-color: transparent
}
.table thead th {
	text-align: center;
}
.datepicker table tr td.day:hover {
	background: #eeeeee;
	cursor: pointer
}

.datepicker table tr td.old,.datepicker table tr td.new {
	color: #999999
}

.datepicker table tr td.disabled,.datepicker table tr td.disabled:hover
	{
	background: none;
	color: #999999;
	cursor: default
}
.hover-pointer:hover {
	cursor: pointer;
}
.datepicker table tr td.today,.datepicker table tr td.today:hover,.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled:hover
	{
	background-color: #fde19a;
	background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
	background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a),
		to(#fdf59a));
	background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
	background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
	background-image: linear-gradient(top, #fdd49a, #fdf59a);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a',
		endColorstr='#fdf59a', GradientType=0);
	border-color: #fdf59a #fdf59a #fbed50;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	color: #000
}

.datepicker table tr td.today:hover,.datepicker table tr td.today:hover:hover,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today.disabled:hover:hover,.datepicker table tr td.today:active,.datepicker table tr td.today:hover:active,.datepicker table tr td.today.disabled:active,.datepicker table tr td.today.disabled:hover:active,.datepicker table tr td.today.active,.datepicker table tr td.today:hover.active,.datepicker table tr td.today.disabled.active,.datepicker table tr td.today.disabled:hover.active,.datepicker table tr td.today.disabled,.datepicker table tr td.today:hover.disabled,.datepicker table tr td.today.disabled.disabled,.datepicker table tr td.today.disabled:hover.disabled,.datepicker table tr td.today[disabled],.datepicker table tr td.today:hover[disabled],.datepicker table tr td.today.disabled[disabled],.datepicker table tr td.today.disabled:hover[disabled]
	{
	background-color: #fdf59a
}

.datepicker table tr td.today:active,.datepicker table tr td.today:hover:active,.datepicker table tr td.today.disabled:active,.datepicker table tr td.today.disabled:hover:active,.datepicker table tr td.today.active,.datepicker table tr td.today:hover.active,.datepicker table tr td.today.disabled.active,.datepicker table tr td.today.disabled:hover.active
	{
	background-color: #fbf069 \9
}

.datepicker table tr td.today:hover:hover {
	color: #000
}

.datepicker table tr td.today.active:hover {
	color: #fff
}

.datepicker table tr td.range,.datepicker table tr td.range:hover,.datepicker table tr td.range.disabled,.datepicker table tr td.range.disabled:hover
	{
	background: #eeeeee;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0
}

.datepicker table tr td.range.today,.datepicker table tr td.range.today:hover,.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today.disabled:hover
	{
	background-color: #f3d17a;
	background-image: -moz-linear-gradient(top, #f3c17a, #f3e97a);
	background-image: -ms-linear-gradient(top, #f3c17a, #f3e97a);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a),
		to(#f3e97a));
	background-image: -webkit-linear-gradient(top, #f3c17a, #f3e97a);
	background-image: -o-linear-gradient(top, #f3c17a, #f3e97a);
	background-image: linear-gradient(top, #f3c17a, #f3e97a);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a',
		endColorstr='#f3e97a', GradientType=0);
	border-color: #f3e97a #f3e97a #edde34;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0
}

.datepicker table tr td.range.today:hover,.datepicker table tr td.range.today:hover:hover,.datepicker table tr td.range.today.disabled:hover,.datepicker table tr td.range.today.disabled:hover:hover,.datepicker table tr td.range.today:active,.datepicker table tr td.range.today:hover:active,.datepicker table tr td.range.today.disabled:active,.datepicker table tr td.range.today.disabled:hover:active,.datepicker table tr td.range.today.active,.datepicker table tr td.range.today:hover.active,.datepicker table tr td.range.today.disabled.active,.datepicker table tr td.range.today.disabled:hover.active,.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today:hover.disabled,.datepicker table tr td.range.today.disabled.disabled,.datepicker table tr td.range.today.disabled:hover.disabled,.datepicker table tr td.range.today[disabled],.datepicker table tr td.range.today:hover[disabled],.datepicker table tr td.range.today.disabled[disabled],.datepicker table tr td.range.today.disabled:hover[disabled]
	{
	background-color: #f3e97a
}

.datepicker table tr td.range.today:active,.datepicker table tr td.range.today:hover:active,.datepicker table tr td.range.today.disabled:active,.datepicker table tr td.range.today.disabled:hover:active,.datepicker table tr td.range.today.active,.datepicker table tr td.range.today:hover.active,.datepicker table tr td.range.today.disabled.active,.datepicker table tr td.range.today.disabled:hover.active
	{
	background-color: #efe24b \9
}

.datepicker table tr td.selected,.datepicker table tr td.selected:hover,.datepicker table tr td.selected.disabled,.datepicker table tr td.selected.disabled:hover
	{
	background-color: #9e9e9e;
	background-image: -moz-linear-gradient(top, #b3b3b3, gray);
	background-image: -ms-linear-gradient(top, #b3b3b3, gray);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3),
		to(gray));
	background-image: -webkit-linear-gradient(top, #b3b3b3, gray);
	background-image: -o-linear-gradient(top, #b3b3b3, gray);
	background-image: linear-gradient(top, #b3b3b3, #808080);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3',
		endColorstr='#808080', GradientType=0);
	border-color: #808080 #808080 #595959;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)
}

.datepicker table tr td.selected:hover,.datepicker table tr td.selected:hover:hover,.datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected.disabled:hover:hover,.datepicker table tr td.selected:active,.datepicker table tr td.selected:hover:active,.datepicker table tr td.selected.disabled:active,.datepicker table tr td.selected.disabled:hover:active,.datepicker table tr td.selected.active,.datepicker table tr td.selected:hover.active,.datepicker table tr td.selected.disabled.active,.datepicker table tr td.selected.disabled:hover.active,.datepicker table tr td.selected.disabled,.datepicker table tr td.selected:hover.disabled,.datepicker table tr td.selected.disabled.disabled,.datepicker table tr td.selected.disabled:hover.disabled,.datepicker table tr td.selected[disabled],.datepicker table tr td.selected:hover[disabled],.datepicker table tr td.selected.disabled[disabled],.datepicker table tr td.selected.disabled:hover[disabled]
	{
	background-color: #808080
}

.datepicker table tr td.selected:active,.datepicker table tr td.selected:hover:active,.datepicker table tr td.selected.disabled:active,.datepicker table tr td.selected.disabled:hover:active,.datepicker table tr td.selected.active,.datepicker table tr td.selected:hover.active,.datepicker table tr td.selected.disabled.active,.datepicker table tr td.selected.disabled:hover.active
	{
	background-color: #666666 \9
}

.datepicker table tr td.active,.datepicker table tr td.active:hover,.datepicker table tr td.active.disabled,.datepicker table tr td.active.disabled:hover
	{
	background-color: #006dcc;
	background-image: -moz-linear-gradient(top, #08c, #04c);
	background-image: -ms-linear-gradient(top, #08c, #04c);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c),
		to(#04c));
	background-image: -webkit-linear-gradient(top, #08c, #04c);
	background-image: -o-linear-gradient(top, #08c, #04c);
	background-image: linear-gradient(top, #0088cc, #0044cc);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc',
		endColorstr='#0044cc', GradientType=0);
	border-color: #0044cc #0044cc #002a80;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)
}

.datepicker table tr td.active:hover,.datepicker table tr td.active:hover:hover,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active.disabled:hover:hover,.datepicker table tr td.active:active,.datepicker table tr td.active:hover:active,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active.active,.datepicker table tr td.active:hover.active,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active.disabled:hover.active,.datepicker table tr td.active.disabled,.datepicker table tr td.active:hover.disabled,.datepicker table tr td.active.disabled.disabled,.datepicker table tr td.active.disabled:hover.disabled,.datepicker table tr td.active[disabled],.datepicker table tr td.active:hover[disabled],.datepicker table tr td.active.disabled[disabled],.datepicker table tr td.active.disabled:hover[disabled]
	{
	background-color: #0044cc
}

.datepicker table tr td.active:active,.datepicker table tr td.active:hover:active,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active.active,.datepicker table tr td.active:hover.active,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active.disabled:hover.active
	{
	background-color: #003399 \9
}

.datepicker table tr td span {
	display: block;
	width: 23%;
	height: 54px;
	line-height: 54px;
	float: left;
	margin: 1%;
	cursor: pointer;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px
}

.datepicker table tr td span:hover {
	background: #eeeeee
}

.datepicker table tr td span.disabled,.datepicker table tr td span.disabled:hover
	{
	background: none;
	color: #999999;
	cursor: default
}

.datepicker table tr td span.active,.datepicker table tr td span.active:hover,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled:hover
	{
	background-color: #006dcc;
	background-image: -moz-linear-gradient(top, #08c, #04c);
	background-image: -ms-linear-gradient(top, #08c, #04c);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c),
		to(#04c));
	background-image: -webkit-linear-gradient(top, #08c, #04c);
	background-image: -o-linear-gradient(top, #08c, #04c);
	background-image: linear-gradient(top, #0088cc, #0044cc);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc',
		endColorstr='#0044cc', GradientType=0);
	border-color: #0044cc #0044cc #002a80;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)
}

.datepicker table tr td span.active:hover,.datepicker table tr td span.active:hover:hover,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active.disabled:hover:hover,.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover:active,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active.active,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled:hover.active,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active:hover.disabled,.datepicker table tr td span.active.disabled.disabled,.datepicker table tr td span.active.disabled:hover.disabled,.datepicker table tr td span.active[disabled],.datepicker table tr td span.active:hover[disabled],.datepicker table tr td span.active.disabled[disabled],.datepicker table tr td span.active.disabled:hover[disabled]
	{
	background-color: #0044cc
}

.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover:active,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active.active,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled:hover.active
	{
	background-color: #003399 \9
}

.datepicker table tr td span.old,.datepicker table tr td span.new {
	color: #999999
}

.datepicker th.datepicker-switch {
	width: 145px
}

.datepicker thead tr:first-child th,.datepicker tfoot tr th {
	cursor: pointer
}

.datepicker thead tr:first-child th:hover,.datepicker tfoot tr th:hover
	{
	background: #eeeeee
}

.datepicker .cw {
	font-size: 10px;
	width: 12px;
	padding: 0 2px 0 5px;
	vertical-align: middle
}

.datepicker thead tr:first-child th.cw {
	cursor: default;
	background-color: transparent
}

.input-append.date .add-on i,.input-prepend.date .add-on i {
	display: block;
	cursor: pointer;
	width: 16px;
	height: 16px
}

.input-daterange input {
	text-align: center
}

.input-daterange input:first-child {
	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px
}

.input-daterange input:last-child {
	-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0
}

.input-daterange .add-on {
	display: inline-block;
	width: auto;
	min-width: 16px;
	height: 18px;
	padding: 4px 5px;
	font-weight: normal;
	line-height: 18px;
	text-align: center;
	text-shadow: 0 1px 0 #ffffff;
	vertical-align: middle;
	background-color: #eeeeee;
	border: 1px solid #ccc;
	margin-left: -5px;
	margin-right: -5px
}

.twitter-typeahead .tt-query,.twitter-typeahead .tt-hint {
	margin-bottom: 0
}

.tt-dropdown-menu {
	min-width: 160px;
	margin-top: 2px;
	padding: 5px 0;
	background-color: #fff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.2);
	*border-right-width: 2px;
	*border-bottom-width: 2px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box
}

.tt-suggestion {
	display: block;
	padding: 3px 20px
}

.tt-suggestion.tt-is-under-cursor {
	color: #fff;
	background-color: #0081c2;
	background-image: -moz-linear-gradient(top, #08c, #0077b3);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c),
		to(#0077b3));
	background-image: -webkit-linear-gradient(top, #08c, #0077b3);
	background-image: -o-linear-gradient(top, #08c, #0077b3);
	background-image: linear-gradient(to bottom, #0088cc, #0077b3);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',
		endColorstr='#ff0077b3', GradientType=0)
}

.tt-suggestion.tt-is-under-cursor a {
	color: #fff
}

.tt-suggestion p {
	margin: 0
}

.select2-container {
	margin: 0;
	position: relative;
	display: inline-block;
	zoom: 1;
	*display: inline;
	vertical-align: middle
}

.select2-container,.select2-drop,.select2-search,.select2-search input {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.callout + .callout {
    margin-top: -5px;
}
.callout {
    padding: 10px 20px;
    margin: 20px 0px;
    border-width: 1px 1px 1px 5px;
    border-style: solid;
    border-color: #EEE;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    border-radius: 3px;
    background-color: #fff;
    color: #333;
}
.callout-info {
    border-left-color: #1B809E;
}
.callout-info h4 {
    color: #1B809E;
}
.callout-warning {
    border-left-color: #e49626;
}
.callout-warning h4 {
    color: #e49626;
}
.callout-danger {
    border-left-color: #ff0000;
}
.callout-danger h4 {
    color: #ff0000;
}
.callout-success {
    border-left-color: #5CB85C;
}
.callout-success h4 {
    color: #5CB85C;
}
.callout h4 {
    margin-top: 0px;
    margin-bottom: 5px;
}
.callout > p {
	text-align: left;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) , only
	screen and (min-resolution: 2dppx) {
	.select2-search input,.select2-search-choice-close,.select2-container .select2-choice abbr,.select2-container .select2-choice .select2-arrow b
		{
				background-repeat: no-repeat !important;
		background-size: 60px 40px !important
	}
	.select2-search input {
		background-position: 100% -21px !important
	}
}

.slider {
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.slider.slider-horizontal {
	width: 210px;
	height: 20px
}

.slider.slider-horizontal .slider-track {
	height: 10px;
	width: 100%;
	margin-top: -5px;
	top: 50%;
	left: 0
}

.slider.slider-horizontal .slider-selection {
	height: 100%;
	top: 0;
	bottom: 0
}

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

.slider.slider-horizontal .slider-handle.triangle {
	border-width: 0 10px 10px 10px;
	width: 0;
	height: 0;
	border-bottom-color: #0480be;
	margin-top: 0
}

.slider.slider-vertical {
	height: 210px;
	width: 20px
}

.slider.slider-vertical .slider-track {
	width: 10px;
	height: 100%;
	margin-left: -5px;
	left: 50%;
	top: 0
}

.slider.slider-vertical .slider-selection {
	width: 100%;
	left: 0;
	top: 0;
	bottom: 0
}

.slider.slider-vertical .slider-handle {
	margin-left: -5px;
	margin-top: -10px
}

.slider.slider-vertical .slider-handle.triangle {
	border-width: 10px 0 10px 10px;
	width: 1px;
	height: 1px;
	border-left-color: #0480be;
	margin-left: 0
}

.slider input {
	display: none
}

.slider .tooltip-inner {
	white-space: nowrap
}

.slider-track {
	position: absolute;
	cursor: pointer;
	background-color: #f7f7f7;
	background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5),
		to(#f9f9f9));
	background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
	background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
	background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',
		endColorstr='#fff9f9f9', GradientType=0);
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px
}

.slider-selection {
	position: absolute;
	background-color: #f7f7f7;
	background-image: -moz-linear-gradient(top, #f9f9f9, #f5f5f5);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9),
		to(#f5f5f5));
	background-image: -webkit-linear-gradient(top, #f9f9f9, #f5f5f5);
	background-image: -o-linear-gradient(top, #f9f9f9, #f5f5f5);
	background-image: linear-gradient(to bottom, #f9f9f9, #f5f5f5);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9',
		endColorstr='#fff5f5f5', GradientType=0);
	-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	-moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px
}

.slider-handle {
	position: absolute;
	width: 20px;
	height: 20px;
	background-color: #0e90d2;
	background-image: -moz-linear-gradient(top, #149bdf, #0480be);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf),
		to(#0480be));
	background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
	background-image: -o-linear-gradient(top, #149bdf, #0480be);
	background-image: linear-gradient(to bottom, #149bdf, #0480be);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf',
		endColorstr='#ff0480be', GradientType=0);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px
		rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px
		rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px
		rgba(0, 0, 0, 0.05);
	opacity: 0.8;
	border: 0px solid transparent
}

.slider-handle.round {
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px
}

.slider-handle.triangle {
	background: transparent none
}

.lang-editor {
	margin-right: 20px;
}

@media print {
	@page {
		margin: 2cm .5cm
	}
}

.table thead {
	border-color: #6F85BF !important;
}

.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
	font-size: 1.1rem;
	padding: 2px;
}

table tfoot tr {
	background-color: #fff;
}

select[multiple]
{
	height: 80px;
	width: 100%;
}
.form-control[required="required"] {
	border-color: #84BEFF;
}
.form-control {
	width: inherit;
}
.form-group .form-control {
	width: 100%;
}
input[type="range"].form-control {
	background-color: transparent;
	border: none;
	box-shadow: none;
}

.navbar {
    background-image: linear-gradient(#54B4EB, #2FA4E7 60%, #1D9CE5);
    background-repeat: no-repeat;
    border-bottom: 1px solid #178ACC;
    filter: none;
}
.navbar-default {
    background-color: #2FA4E7;
    border-color: #1995DC;
}

.navbar-default .navbar-nav > li > a > .fa {
	margin-right: 5px;
}


@
-webkit-keyframes progress-bar-stripes {
	from {background-position: 40px 0
}

to {
	background-position: 0 0
}

}
@
-moz-keyframes progress-bar-stripes {
	from {background-position: 40px 0
}

to {
	background-position: 0 0
}

}
@
-o-keyframes progress-bar-stripes {
	from {background-position: 0 0
}

to {
	background-position: 40px 0
}

}
@
keyframes progress-bar-stripes {
	from {background-position: 40px 0
}

to {
	background-position: 0 0
}

}

.panel-danger > .panel-heading {
	background-image: linear-gradient(to bottom, #EE5F5B 0%, #BD362F 100%);
	border-color: #BD362F;
	color: #fff;
}

.panel-success > .panel-heading {
	background-image: linear-gradient(to bottom, #7FBF4D 0%, #63A62F 100%);
	border-color: #63A62F;
	color: #fff;
}

/*.modal-open {
	overflow: hidden
}

.modal {
	display: none;
	overflow: auto;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040
}

.modal.fade .modal-dialog {
	-webkit-transform: translate(0, -25%);
	-ms-transform: translate(0, -25%);
	transform: translate(0, -25%);
	-webkit-transition: -webkit-transform 0.3s ease-out;
	-moz-transition: -moz-transform 0.3s ease-out;
	-o-transition: -o-transform 0.3s ease-out;
	transition: transform 0.3s ease-out
}

.modal.in .modal-dialog {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0)
}

.modal-dialog {
	margin-left: auto;
	margin-right: auto;
	width: auto;
	padding: 10px;
	z-index: 1050
}

.modal-content {
	position: relative;
	background-color: #ffffff;
	border: 1px solid #999999;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 6px;
	-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
	box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
	background-clip: padding-box;
	outline: none
}

.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1030;
	background-color: #000000
}

.modal-backdrop.fade {
	opacity: 0;
	filter: alpha(opacity = 0)
}

.modal-backdrop.in {
	opacity: 0.5;
	filter: alpha(opacity = 50)
}

.modal-header {
	padding: 5px;
	border-bottom: 1px solid #e5e5e5;
	min-height: 16.428571429px;
	border-top-left-radius: 6px;
  	border-top-right-radius: 6px;
  	display: flex;
  	justify-content: center;
}

.modal-header .fa {
	font-size: 1.6em;
}

.modal-header .close {
	margin-top: -2px
}

.modal-title {
	margin: 0;
	line-height: 1.428571429;
	font-size: 20px;
}

.modal-body {
	position: relative;
}

.modal-footer {
	padding: 10px 10px 10px;
	text-align: right;
	border-top: 1px solid #e5e5e5
}

.modal-footer:before,.modal-footer:after {
	content: " ";
	display: table
}

.modal-footer:after {
	clear: both
}

.modal-footer:before,.modal-footer:after {
	content: " ";
	display: table
}

.modal-footer:after {
	clear: both
}

.modal-footer .btn+.btn {
	margin-left: 5px;
	margin-bottom: 0
}

.modal-footer .btn-group .btn+.btn {
	margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
	margin-left: 0
}*/

.modal-footer {
    clear: both;
}

@media screen and (min-width: 768px) {
	.modal-dialog {
		max-width: 600px;
		padding-top: 30px;
		padding-bottom: 30px
	}
	.modal-content {
		-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
		box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5)
	}
}

.tooltip {
	position: absolute;
	z-index: 1030;
	display: block;
	visibility: visible;
	font-size: 12px;
	line-height: 1.4;
	opacity: 0;
	filter: alpha(opacity = 0)
}

.tooltip.in {
	opacity: 0.9;
	filter: alpha(opacity = 90)
}

.tooltip.top {
	margin-top: -3px;
	padding: 5px 0
}

.tooltip.right {
	margin-left: 3px;
	padding: 0 5px
}

.tooltip.bottom {
	margin-top: 3px;
	padding: 5px 0
}

.tooltip.left {
	margin-left: -3px;
	padding: 0 5px
}

.tooltip-inner {
	max-width: 200px;
	padding: 3px 8px;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	background-color: #000000;
	border-radius: 4px
}

.tooltip-arrow {
	position: absolute;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid
}

.tooltip.top .tooltip-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 5px 5px 0;
	border-top-color: #000000
}

.tooltip.top-left .tooltip-arrow {
	bottom: 0;
	left: 5px;
	border-width: 5px 5px 0;
	border-top-color: #000000
}

.tooltip.top-right .tooltip-arrow {
	bottom: 0;
	right: 5px;
	border-width: 5px 5px 0;
	border-top-color: #000000
}

.tooltip.right .tooltip-arrow {
	top: 50%;
	left: 0;
	margin-top: -5px;
	border-width: 5px 5px 5px 0;
	border-right-color: #000000
}

.tooltip.left .tooltip-arrow {
	top: 50%;
	right: 0;
	margin-top: -5px;
	border-width: 5px 0 5px 5px;
	border-left-color: #000000
}

.tooltip.bottom .tooltip-arrow {
	top: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 0 5px 5px;
	border-bottom-color: #000000
}

.tooltip.bottom-left .tooltip-arrow {
	top: 0;
	left: 5px;
	border-width: 0 5px 5px;
	border-bottom-color: #000000
}

.tooltip.bottom-right .tooltip-arrow {
	top: 0;
	right: 5px;
	border-width: 0 5px 5px;
	border-bottom-color: #000000
}

.popover {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1010;
	display: none;
	max-width: 276px;
	padding: 1px;
	text-align: left;
	background-color: #ffffff;
	background-clip: padding-box;
	border: 1px solid #cccccc;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 6px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	white-space: normal
}

.popover.top {
	margin-top: -10px
}

.popover.right {
	margin-left: 10px
}

.popover.bottom {
	margin-top: 10px
}

.popover.left {
	margin-left: -10px
}

.popover-title {
	margin: 0;
	padding: 8px 14px;
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
	background-color: #f7f7f7;
	border-bottom: 1px solid #ebebeb;
	border-radius: 5px 5px 0 0
}

.popover-content {
	padding: 9px 14px
}

.popover .arrow,.popover .arrow:after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid
}

.popover .arrow {
	border-width: 11px
}

.popover .arrow:after {
	border-width: 10px;
	content: ""
}

.popover.top .arrow {
	left: 50%;
	margin-left: -11px;
	border-bottom-width: 0;
	border-top-color: #999999;
	border-top-color: rgba(0, 0, 0, 0.25);
	bottom: -11px
}

.popover.top .arrow:after {
	content: " ";
	bottom: 1px;
	margin-left: -10px;
	border-bottom-width: 0;
	border-top-color: #ffffff
}

.popover.right .arrow {
	top: 50%;
	left: -11px;
	margin-top: -11px;
	border-left-width: 0;
	border-right-color: #999999;
	border-right-color: rgba(0, 0, 0, 0.25)
}

.popover.right .arrow:after {
	content: " ";
	left: 1px;
	bottom: -10px;
	border-left-width: 0;
	border-right-color: #ffffff
}

.popover.bottom .arrow {
	left: 50%;
	margin-left: -11px;
	border-top-width: 0;
	border-bottom-color: #999999;
	border-bottom-color: rgba(0, 0, 0, 0.25);
	top: -11px
}

.popover.bottom .arrow:after {
	content: " ";
	top: 1px;
	margin-left: -10px;
	border-top-width: 0;
	border-bottom-color: #ffffff
}

.popover.left .arrow {
	top: 50%;
	right: -11px;
	margin-top: -11px;
	border-right-width: 0;
	border-left-color: #999999;
	border-left-color: rgba(0, 0, 0, 0.25)
}

.popover.left .arrow:after {
	content: " ";
	right: 1px;
	border-right-width: 0;
	border-left-color: #ffffff;
	bottom: -10px
}

.carousel {
	position: relative
}

.carousel-inner {
	position: relative;
	overflow: hidden;
	width: 100%
}

.carousel-inner>.item {
	display: none;
	position: relative;
	-webkit-transition: 0.6s ease-in-out left;
	transition: 0.6s ease-in-out left
}

.carousel-inner>.item>img,.carousel-inner>.item>a>img {
	display: block;
	max-width: 100%;
	height: auto;
	line-height: 1
}

.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev {
	display: block
}

.carousel-inner>.active {
	left: 0
}

.carousel-inner>.next,.carousel-inner>.prev {
	position: absolute;
	top: 0;
	width: 100%
}

.carousel-inner>.next {
	left: 100%
}

.carousel-inner>.prev {
	left: -100%
}

.carousel-inner>.next.left,.carousel-inner>.prev.right {
	left: 0
}

.carousel-inner>.active.left {
	left: -100%
}

.carousel-inner>.active.right {
	left: 100%
}

.carousel-control {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 15%;
	opacity: 0.5;
	filter: alpha(opacity = 50);
	font-size: 20px;
	color: #ffffff;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6)
}

.carousel-control.left {
	background-image: -webkit-gradient(linear, 0% top, 100% top, from(rgba(0, 0, 0, 0.5)),
		to(rgba(0, 0, 0, 0.0001)));
	background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5)
		0%), color-stop(rgba(0, 0, 0, 0.0001) 100%));
	background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%,
		rgba(0, 0, 0, 0.0001) 100%);
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%,
		rgba(0, 0, 0, 0.0001) 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',
		endColorstr='#00000000', GradientType=1)
}

.carousel-control.right {
	left: auto;
	right: 0;
	background-image: -webkit-gradient(linear, 0% top, 100% top, from(rgba(0, 0, 0, 0.0001)),
		to(rgba(0, 0, 0, 0.5)));
	background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001)
		0%), color-stop(rgba(0, 0, 0, 0.5) 100%));
	background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%,
		rgba(0, 0, 0, 0.5) 100%);
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%,
		rgba(0, 0, 0, 0.5) 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',
		endColorstr='#80000000', GradientType=1)
}

.carousel-control:hover,.carousel-control:focus {
	color: #ffffff;
	text-decoration: none;
	opacity: 0.9;
	filter: alpha(opacity = 90)
}

.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right
	{
	position: absolute;
	top: 50%;
	z-index: 5;
	display: inline-block
}

.carousel-control .icon-prev,.carousel-control .glyphicon-chevron-left {
	left: 50%
}

.carousel-control .icon-next,.carousel-control .glyphicon-chevron-right
	{
	right: 50%
}

.carousel-control .icon-prev,.carousel-control .icon-next {
	width: 20px;
	height: 20px;
	margin-top: -10px;
	margin-left: -10px;
	font-family: serif
}

.carousel-control .icon-prev:before {
	content: '\2039'
}

.carousel-control .icon-next:before {
	content: '\203a'
}

.carousel-indicators {
	position: absolute;
	bottom: 10px;
	left: 50%;
	z-index: 15;
	width: 60%;
	margin-left: -30%;
	padding-left: 0;
	list-style: none;
	text-align: center
}

.carousel-indicators li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 1px;
	text-indent: -999px;
	border: 1px solid #ffffff;
	border-radius: 10px;
	cursor: pointer
}

.carousel-indicators .active {
	margin: 0;
	width: 12px;
	height: 12px;
	background-color: #ffffff
}

.carousel-caption {
	position: absolute;
	left: 15%;
	right: 15%;
	bottom: 20px;
	z-index: 10;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #ffffff;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6)
}

.carousel-caption .btn {
	text-shadow: none
}

@media screen and (min-width: 768px) {
	.carousel-control .glyphicons-chevron-left,.carousel-control .glyphicons-chevron-right,.carousel-control .icon-prev,.carousel-control .icon-next
		{
		width: 30px;
		height: 30px;
		margin-top: -15px;
		margin-left: -15px;
		font-size: 30px
	}
	.carousel-caption {
		left: 20%;
		right: 20%;
		padding-bottom: 30px
	}
	.carousel-indicators {
		bottom: 20px
	}
}

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

.clearfix:after {
	clear: both
}

.center-block {
	display: block;
	margin-left: auto;
	margin-right: auto
}

.pull-right {
	float: right !important
}

.pull-left {
	float: left !important
}

.hide {
	display: none !important
}

.show {
	display: block !important
}

.invisible {
	visibility: hidden
}

.text-hide {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0
}

.hidden {
	display: none !important;
	visibility: hidden !important
}

.affix {
	position: fixed
}

@
-ms-viewport {
	width: device-width
}

.visible-xs,tr.visible-xs,th.visible-xs,td.visible-xs {
	display: none !important
}

@media ( max-width : 767px) {
	.visible-xs {
		display: block !important
	}
	tr.visible-xs {
		display: table-row !important
	}
	th.visible-xs,td.visible-xs {
		display: table-cell !important
	}
}

@media ( min-width : 768px) and (max-width: 991px) {
	.visible-xs.visible-sm {
		display: block !important
	}
	tr.visible-xs.visible-sm {
		display: table-row !important
	}
	th.visible-xs.visible-sm,td.visible-xs.visible-sm {
		display: table-cell !important
	}
}

@media ( min-width : 992px) and (max-width: 1199px) {
	.visible-xs.visible-md {
		display: block !important
	}
	tr.visible-xs.visible-md {
		display: table-row !important
	}
	th.visible-xs.visible-md,td.visible-xs.visible-md {
		display: table-cell !important
	}
}

@media ( min-width : 1200px) {
	.visible-xs.visible-lg {
		display: block !important
	}
	tr.visible-xs.visible-lg {
		display: table-row !important
	}
	th.visible-xs.visible-lg,td.visible-xs.visible-lg {
		display: table-cell !important
	}
}

.visible-sm,tr.visible-sm,th.visible-sm,td.visible-sm {
	display: none !important
}

@media ( max-width : 767px) {
	.visible-sm.visible-xs {
		display: block !important
	}
	tr.visible-sm.visible-xs {
		display: table-row !important
	}
	th.visible-sm.visible-xs,td.visible-sm.visible-xs {
		display: table-cell !important
	}
}

@media ( min-width : 768px) and (max-width: 991px) {
	.visible-sm {
		display: block !important
	}
	tr.visible-sm {
		display: table-row !important
	}
	th.visible-sm,td.visible-sm {
		display: table-cell !important
	}
}

@media ( min-width : 992px) and (max-width: 1199px) {
	.visible-sm.visible-md {
		display: block !important
	}
	tr.visible-sm.visible-md {
		display: table-row !important
	}
	th.visible-sm.visible-md,td.visible-sm.visible-md {
		display: table-cell !important
	}
}

@media ( min-width : 1200px) {
	.visible-sm.visible-lg {
		display: block !important
	}
	tr.visible-sm.visible-lg {
		display: table-row !important
	}
	th.visible-sm.visible-lg,td.visible-sm.visible-lg {
		display: table-cell !important
	}
}

.visible-md,tr.visible-md,th.visible-md,td.visible-md {
	display: none !important
}

@media ( max-width : 767px) {
	.visible-md.visible-xs {
		display: block !important
	}
	tr.visible-md.visible-xs {
		display: table-row !important
	}
	th.visible-md.visible-xs,td.visible-md.visible-xs {
		display: table-cell !important
	}
}

@media ( min-width : 768px) and (max-width: 991px) {
	.visible-md.visible-sm {
		display: block !important
	}
	tr.visible-md.visible-sm {
		display: table-row !important
	}
	th.visible-md.visible-sm,td.visible-md.visible-sm {
		display: table-cell !important
	}
}

@media ( min-width : 992px) and (max-width: 1199px) {
	.visible-md {
		display: block !important
	}
	tr.visible-md {
		display: table-row !important
	}
	th.visible-md,td.visible-md {
		display: table-cell !important
	}
}

@media ( min-width : 1200px) {
	.visible-md.visible-lg {
		display: block !important
	}
	tr.visible-md.visible-lg {
		display: table-row !important
	}
	th.visible-md.visible-lg,td.visible-md.visible-lg {
		display: table-cell !important
	}
}

.visible-lg,tr.visible-lg,th.visible-lg,td.visible-lg {
	display: none !important
}

@media ( max-width : 767px) {
	.visible-lg.visible-xs {
		display: block !important
	}
	tr.visible-lg.visible-xs {
		display: table-row !important
	}
	th.visible-lg.visible-xs,td.visible-lg.visible-xs {
		display: table-cell !important
	}
}

@media ( min-width : 768px) and (max-width: 991px) {
	.visible-lg.visible-sm {
		display: block !important
	}
	tr.visible-lg.visible-sm {
		display: table-row !important
	}
	th.visible-lg.visible-sm,td.visible-lg.visible-sm {
		display: table-cell !important
	}
}

@media ( min-width : 992px) and (max-width: 1199px) {
	.visible-lg.visible-md {
		display: block !important
	}
	tr.visible-lg.visible-md {
		display: table-row !important
	}
	th.visible-lg.visible-md,td.visible-lg.visible-md {
		display: table-cell !important
	}
}

@media ( min-width : 1200px) {
	.visible-lg {
		display: block !important
	}
	tr.visible-lg {
		display: table-row !important
	}
	th.visible-lg,td.visible-lg {
		display: table-cell !important
	}
}

.hidden-xs {
	display: block !important
}

tr.hidden-xs {
	display: table-row !important
}

th.hidden-xs,td.hidden-xs {
	display: table-cell !important
}

@media ( max-width : 767px) {
	.hidden-xs,tr.hidden-xs,th.hidden-xs,td.hidden-xs {
		display: none !important
	}
}

@media ( min-width : 768px) and (max-width: 991px) {
	.hidden-xs.hidden-sm,tr.hidden-xs.hidden-sm,th.hidden-xs.hidden-sm,td.hidden-xs.hidden-sm
		{
		display: none !important
	}
}

@media ( min-width : 992px) and (max-width: 1199px) {
	.hidden-xs.hidden-md,tr.hidden-xs.hidden-md,th.hidden-xs.hidden-md,td.hidden-xs.hidden-md
		{
		display: none !important
	}
}

@media ( min-width : 1200px) {
	.hidden-xs.hidden-lg,tr.hidden-xs.hidden-lg,th.hidden-xs.hidden-lg,td.hidden-xs.hidden-lg
		{
		display: none !important
	}
}

.hidden-sm {
	display: block !important
}

tr.hidden-sm {
	display: table-row !important
}

th.hidden-sm,td.hidden-sm {
	display: table-cell !important
}

@media ( max-width : 767px) {
	.hidden-sm.hidden-xs,tr.hidden-sm.hidden-xs,th.hidden-sm.hidden-xs,td.hidden-sm.hidden-xs
		{
		display: none !important
	}
}

@media ( min-width : 768px) and (max-width: 991px) {
	.hidden-sm,tr.hidden-sm,th.hidden-sm,td.hidden-sm {
		display: none !important
	}
}

@media ( min-width : 992px) and (max-width: 1199px) {
	.hidden-sm.hidden-md,tr.hidden-sm.hidden-md,th.hidden-sm.hidden-md,td.hidden-sm.hidden-md
		{
		display: none !important
	}
}

@media ( min-width : 1200px) {
	.hidden-sm.hidden-lg,tr.hidden-sm.hidden-lg,th.hidden-sm.hidden-lg,td.hidden-sm.hidden-lg
		{
		display: none !important
	}
}

.hidden-md {
	display: block !important
}

tr.hidden-md {
	display: table-row !important
}

th.hidden-md,td.hidden-md {
	display: table-cell !important
}

@media ( max-width : 767px) {
	.hidden-md.hidden-xs,tr.hidden-md.hidden-xs,th.hidden-md.hidden-xs,td.hidden-md.hidden-xs
		{
		display: none !important
	}
}

@media ( min-width : 768px) and (max-width: 991px) {
	.hidden-md.hidden-sm,tr.hidden-md.hidden-sm,th.hidden-md.hidden-sm,td.hidden-md.hidden-sm
		{
		display: none !important
	}
}

@media ( min-width : 992px) and (max-width: 1199px) {
	.hidden-md,tr.hidden-md,th.hidden-md,td.hidden-md {
		display: none !important
	}
}

@media ( min-width : 1200px) {
	.hidden-md.hidden-lg,tr.hidden-md.hidden-lg,th.hidden-md.hidden-lg,td.hidden-md.hidden-lg
		{
		display: none !important
	}
}

.hidden-lg {
	display: block !important
}

tr.hidden-lg {
	display: table-row !important
}

th.hidden-lg,td.hidden-lg {
	display: table-cell !important
}

@media ( max-width : 767px) {
	.hidden-lg.hidden-xs,tr.hidden-lg.hidden-xs,th.hidden-lg.hidden-xs,td.hidden-lg.hidden-xs
		{
		display: none !important
	}
}

@media ( min-width : 768px) and (max-width: 991px) {
	.hidden-lg.hidden-sm,tr.hidden-lg.hidden-sm,th.hidden-lg.hidden-sm,td.hidden-lg.hidden-sm
		{
		display: none !important
	}
}

@media ( min-width : 992px) and (max-width: 1199px) {
	.hidden-lg.hidden-md,tr.hidden-lg.hidden-md,th.hidden-lg.hidden-md,td.hidden-lg.hidden-md
		{
		display: none !important
	}
}

@media ( min-width : 1200px) {
	.hidden-lg,tr.hidden-lg,th.hidden-lg,td.hidden-lg {
		display: none !important
	}
}

.visible-print,tr.visible-print,th.visible-print,td.visible-print {
	display: none !important
}

@media print {
	.visible-print {
		display: block !important
	}
	tr.visible-print {
		display: table-row !important
	}
	th.visible-print,td.visible-print {
		display: table-cell !important
	}
	.hidden-print,tr.hidden-print,th.hidden-print,td.hidden-print {
		display: none !important
	}
}

.bootstrap-tagsinput {
	background-color: #fff;
	border: 1px solid #ccc;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	display: inline-block;
	padding: 4px 6px;
	margin-bottom: 10px;
	color: #555;
	vertical-align: middle;
	border-radius: 4px;
	max-width: 100%;
	line-height: 22px
}

.bootstrap-tagsinput input {
	border: none;
	box-shadow: none;
	outline: none;
	background-color: transparent;
	padding: 0;
	margin: 0;
	width: auto !important;
	max-width: inherit
}

.bootstrap-tagsinput input:focus {
	border: none;
	box-shadow: none
}

.bootstrap-tagsinput .tag {
	margin-right: 2px;
	color: white
}

.bootstrap-tagsinput .tag [data-role="remove"] {
	margin-left: 8px;
	cursor: pointer
}

.bootstrap-tagsinput .tag [data-role="remove"]:after {
	content: "x";
	padding: 0px 2px
}

.bootstrap-tagsinput .tag [data-role="remove"]:hover {
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px
		rgba(0, 0, 0, 0.05)
}

.bootstrap-tagsinput .tag [data-role="remove"]:hover:active {
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
}

html,body {
	height: 100%
}

body {
	color: #555;
	background-image: url('');
	background-repeat: repeat;
}

h1, h2, h3, h4, h5, h6 {
    color: #22B8EB;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-style: normal;
    font-weight: 200;
    line-height: 1.4;
    margin-bottom: 0.5rem;
    margin-top: 0.2rem;
    text-rendering: optimizelegibility;
    text-align: left;
    display: flex;
	align-items: center;
}
h1 {
    font-size: 3.5rem;
}
h1.underlined, h2.underlined, h3.underlined {
	border-bottom: 1px solid #22B8EB;
}
h2 {
    font-size: 2.8rem;
}
h3 {
	color: #556473;
	font-weight: 500;
	margin-top: 1.15rem;
	margin-bottom: 0.5rem;
}

.airy {
	margin: 20px 0;
}
.airy-2x {
	margin: 40px 0;
}

.navbar-default .navbar-nav > li > a {
    color: #FFF;
    font-size: 1.4rem;
    transition: all 0.2s;
}

h1 > .fa, h1 > .icon-24 {
	margin-right: 10px;
}
h1 > .fa {
	font-size: 3rem;
}
h1 > .icon-24 {
	vertical-align: top;
}
h2 > .fa, h2 > .icon-24 {
	margin-right: 8px;
}

hr {
	border-top-color: #ddd
}

hr.inner-separator {
	border-style: dashed
}

blockquote {
	border-color: #e4e4e4
}

input {
	border-radius: 0
}

.layoutFixed .top-bar {
	position: fixed;
	top: 0px;
	height: 36px;
	z-index: 999;
	width: 100%;
}

.disabled {
	color: #e1e1e1;
}

#body {
	width: 100%;
	height: 100%;
	padding-bottom: 65px;
}
.menu-main + #body {
	padding-left: 250px;
	transition: padding 0.2s;
}
.menu-main.minified + #body {
	padding-left: 40px;
	transition: padding 0.2s;
}
.layoutFixed .top-bar.medium {
	height: 56px;
}
.top-bar.medium ~ #body {
	padding-top: 56px;
}
.top-bar > .container {
	display: flex;
}
.layoutFixed .top-bar.medium + .menu-main {
	top: 56px;
}
.menu-main {
	background-color: #343c45;
	position: fixed;
	left: 0px;
	top: 0px;
	bottom: 30px;
	z-index: 999;
	overflow: auto;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #FFF;
    background-color: #178ACC;
}

.container-float-footer {
	margin-bottom: 40px;
}
.container {
	max-width: 1280px;
	width: auto;
}
.container-float-events{
	margin-bottom: 120px;
}

#body > .container {
	padding-top: 10px;
}

@media screen and (min-width: 768px) {
	.layoutFixed .bottom > .container {
		padding-bottom: 36px;
		padding-top: 36px;
	}
}

.wrapper {
	width: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto;
}

.formErreurs.events+.wrapper #body .container{
	padding-bottom: 120px;
}


.push-sticky-footer {
	height: 34px
}

.full-page-wrapper .inner-page {
	padding-top: 5%;
	margin-bottom: 50px
}

@media screen and (max-width: 768px) {
	.full-page-wrapper {
		position: initial;
		padding-top: 5em;
		margin-top: 0
	}
	.full-page-wrapper .inner-page {
		position: relative;
		padding: 0 1em
	}
}

@media screen and (max-width: 480px) {
	.full-page-wrapper {
		padding-top: 0
	}
	.full-page-wrapper .inner-page {
		padding: 5em 1em
	}
}

.red-font {
	color: #e60404 !important
}

.gray-font {
	color: #aaa !important
}

.yellow-font {
	color: #ffb800 !important
}

.orange-font {
	color: #ffb800 !important
}

.green-font {
	color: #3e9c1a !important
}

.link-disabled {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	opacity: 0.5;
	pointer-events: none;
	cursor: not-allowed
}

button.link {
	border: none;
	background: none;
	color: #337AB7;
	text-decoration: none;
}
button.link:focus, button.link:hover {
    color: #23527C;
    text-decoration: underline;
    outline: 0px none;
}

.no-padding {
	padding: 0 !important
}

.bottom-30px {
	margin-bottom: 30px
}

.data-row {
	margin-bottom: 0
}

.data-row .data-name,.data-row .data-value {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	zoom: 1;
	*display: inline;
	padding: 5px
}

@media screen and (max-width: 480px) {
	.data-row .data-name,.data-row .data-value {
		display: block
	}
}

.data-row .data-name {
	width: 12em;
	background-color: #ececec;
	color: #b9b9b9;
	font-size: 0.9em;
	vertical-align: top
}

.data-row .data-value {
	padding-left: 10px
}

.nav-stacked>li {
	border: 1px solid #ddd;
}

.nav-stacked > li:not(:first-child ) {
	border-top: none;
}

.nav-stacked>li>a {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0
}

.nav-stacked>li+li {
	margin-top: 0
}

.control-inline {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
}

.top-general-alert {
	padding: 0 15px;
	margin-bottom: 0;
	border: none;
	font-size: 0.9em;
	line-height: 2.1;
	text-align: center;
	display: none
}

.top-general-alert a.close {
	text-decoration: none;
	position: relative;
	top: -3px;
	font-size: 12px;
	float: none
}

.top-bar {
	padding: 5px 0;
	background: #377CA8;
	background: linear-gradient(to bottom, #377CA8 0%, #2A6082 100%);
	background-repeat: repeat;
	background-size: cover;
	background-position: center center;
	border-bottom: 1px solid rgba(0, 0, 0, 0.6);
	display: flex;
	align-items: center;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
	z-index: 999;
}
.top-bar.background-blue {
	background-image: url('');
}
.top-bar.background-light {
	background-image: url('');
}
.top-bar.background-light, .top-bar.background-light .logo, .top-bar.background-light, .top-bar.background-light .btn,
.top-bar.background-light .logo a span {
	color: #00579c;
}

.footer {
	background: linear-gradient(to bottom, #282e35 0%, #343c45 100%);
	color: rgba(255, 255, 255, 0.8);
	z-index: 100;
}

.top-bar .logo {
	position: relative;
	display: inline-flex;
	align-items: center;
	font-family: 'World of Water';
	color: #fff;
}
.top-bar .logo .header-logo-content {
	margin-left: 15px;
}
.top-bar .logo img {
	vertical-align: middle;
}
.top-bar .top-bar-right {
	text-align: right;
	padding-right: 15px;
}
.top-bar.medium .logo {
	font-size: 2.2rem;
}

.top-bar .container {
	width: 100%;
	max-width: 100%;
}

.top-bar .header-content {
	display: inline-flex;
	justify-content: flex-end;
	align-items: center;
	flex-grow: 1;
	padding-right: 10px;
}

@media screen and (max-width: 480px) {
	.top-general-alert a.close {
		position: absolute;
		right: 3px;
		font-size: 20px
	}
}

.top-bar .top-bar-right .btn-link {
	color: #ddd;
}

.top-bar .top-bar-right .btn-link:hover {
	color: #fff;
}

.top-bar .top-bar-right #global-volume {
	padding: 0
}

.top-bar .top-bar-right #global-volume .badge {
	display: none
}

@media screen and (min-width: 480px) {
	.top-bar .top-bar-right #global-volume {
		padding: initial
	}
	.top-bar .top-bar-right #global-volume .badge {
		display: -moz-inline-stack;
		display: inline-block;
		vertical-align: middle;
		*vertical-align: auto;
		zoom: 1;
		*display: inline
	}
}

.top-bar .top-bar-right #start-tour {
	display: none
}

@media screen and (min-width: 480px) {
	.top-bar .top-bar-right #start-tour {
		display: -moz-inline-stack;
		display: inline-block;
		vertical-align: middle;
		*vertical-align: auto;
		zoom: 1;
		*display: inline
	}
}

@media screen and (min-width: 992px) {
	.top-bar .top-bar-right {
		float: right;
		position: relative;
		top: 2px
	}
}

.top-bar .searchbox {
	margin: 10px 0;
	padding-left: 0;
	top: 3px
}

.top-bar .searchbox input[type="search"], .top-bar .searchbox input[type="text"] {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	padding: 3px 6px;
	height: 28px;
	font-size: 0.85em;
	color: #333;
	border-color: #484848;
	-webkit-appearance: none
}

.top-bar .searchbox .btn {
	padding: 3px 6px;
	background-color: #4d4d4d;
	border-color: #484848
}

.top-bar .searchbox .btn .fa {
	color: #343434
}

.top-bar .searchbox .btn:hover {
	border-color: #484848
}

@media screen and (min-width: 992px) {
	.top-bar .searchbox {
		width: 16em;
		padding-left: 15px;
		margin: 0
	}
}

.top-bar .notifications, .top-bar .logged-user,
.top-bar .vl-dropdown {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	zoom: 1;
	*display: inline;
	text-align: left
}

.top-bar .dropdown-menu {
	padding: 0
}

.top-bar .dropdown-menu>li>a {
	padding: 8px
}

.top-bar .dropdown-menu>li>a:hover {
	background-color: #fafafa
}

.top-bar .notifications {
	margin-left: 10px;
	margin-right: 28px
}

.top-bar .notifications .notification-item {
	position: relative;
	margin-left: 25px
}

.top-bar .notifications .notification-item .open .circle {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	width: 5px;
	height: 5px;
	position: absolute;
	top: 19px;
	left: 4px;
	background-color: #fff
}

.top-bar .notifications .notification-item .btn-group.open>a {
	color: #fff
}

.top-bar .notifications .notification-item .btn-group>a {
	color: #fff
}

.top-bar .notifications .notification-item .btn-group>a:hover {
	color: #fff;
	text-decoration: none
}

.top-bar .notifications .notification-item .fa-circle {
	color: #fff
}

.top-bar .notifications .btn-group.open .dropdown-toggle {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}

.top-bar .notifications>ul {
	list-style-type: none
}

.top-bar .notifications>ul,.top-bar .notifications>ul li {
	margin: 0px;
	padding: 0px;
	display: inline
}

.top-bar .notifications>ul>li li {
	display: block;
	padding: 0;
	border-top: 1px solid #f1f1f1
}

.top-bar .notifications>ul>li li:first-child {
	border-top: none
}

.top-bar .notifications .count {
	position: absolute;
	top: -7px;
	left: 58%;
	padding: 0px 5px;
	border-radius: 30px;
	line-height: 16px;
	text-align: center;
	font-size: 10px;
	color: #fff;
	background: #e60404 !important;
}

.top-bar .notifications .dropdown-menu {
	top: 26px;
	width: 350px
}

@media screen and (max-width: 480px) {
	.top-bar .notifications .dropdown-menu {
		width: 305px
	}
}

.top-bar .notifications .dropdown-menu .notification-header {
	font-size: 0.85em;
	font-weight: 700;
	line-height: 2;
	padding: 5px 8px
}

.top-bar .notifications .dropdown-menu .notification-footer a {
	text-align: center;
	font-size: 0.85em
}

.top-bar .notifications .dropdown-menu .notification-footer a:hover {
	background: none;
	text-decoration: underline
}

.top-bar .notifications .dropdown-menu .text {
	font-size: 0.85em;
	margin-bottom: 0;
	color: #888
}

.top-bar .notifications .dropdown-menu .timestamp {
	font-size: 0.75em;
	color: #888
}

.top-bar .notifications .inbox .dropdown-menu {
	left: -140px
}

@media screen and (max-width: 480px) {
	.top-bar .notifications .inbox .dropdown-menu {
		left: -10em
	}
}

.top-bar .notifications .inbox .inbox-item {
	display: block
}

.top-bar .notifications .inbox .inbox-item.unread {
	background-color: #f5f5f5
}

.top-bar .notifications .inbox img {
	width: 32px
}

.top-bar .notifications .inbox .name {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 0.85em;
	color: #555;
	font-weight: 700;
	margin-bottom: 0
}

.top-bar .notifications .general .dropdown-menu {
	left: -182px
}

.top-bar .notifications .general .dropdown-menu li a .fa {
	min-width: 14px
}

.top-bar .notifications .general .dropdown-menu li a .timestamp {
	float: right
}

@media screen and (max-width: 480px) {
	.top-bar .notifications .general .dropdown-menu {
		left: -13em
	}
}

.top-bar .logged-user .btn {
	padding: 0;
	border: none;
	font-size: 0.9em;
	font-weight: 700;
	text-decoration: none;
	color: #fff
}

.top-bar .logged-user .btn .name {
	font-weight: 400
}

.top-bar .logged-user .btn .caret {
	border-top-color: #fff
}

.top-bar .logged-user .btn:hover {
	color: #fff;
	text-decoration: none
}

.top-bar .logged-user .open .btn {
	color: #fff
}

.top-bar .logged-user .dropdown-menu {
	left: -36px;
	top: 31px;
	padding: 0
}

.top-bar .logged-user .dropdown-menu>li {
	border-top: 1px solid #f1f1f1
}

.top-bar .logged-user .dropdown-menu>li:first-child {
	border-top: none
}

.top-bar .logged-user .dropdown-menu>li>a {
	color: #555;
	font-size: 0.9em
}

.btn-global-volume i:before {
	display: block;
	width: 13px
}

.main-nav-toggle {
	float: left;
	color: #fff
}

.main-nav-toggle .fa {
	font-size: 28px
}

.main-nav-toggle:hover,.main-nav-toggle:focus {
	color: #ddd
}

ul.main-menu, ul.sub-menu{
	padding-left: 0;
	list-style-type: none
}

.minified .submenuItem > .sub-menu > li,
.submenuItem > .sub-menu > li {
	height: 0;
	overflow: hidden;
	transition: height 0.2s;
}
.minified .main-menu > .submenuItem:hover > .sub-menu > li,
.minified .sub-menu .submenuItem.active > .sub-menu > li,
.menu-main:not(.minified) .main-menu .submenuItem.active > .sub-menu > li {
	height: auto;
	transition: height 0.2s;
}

ul.main-menu > li a {
	display: block;
	position: relative;
	padding: 10px 0 10px 15px;
	color: #fff;
	font-size: 1.4rem;
	border-bottom: 1px solid #2a3037;
	border-top: 1px solid #3f464e;
}
.menu-main.light ul.main-menu > li a {
	border-bottom: 1px solid #e1e1e1;
	border-top: 1px solid #F3F3F3;
}
.menu-main.light ul.main-menu > li {
	border: 0;
}

.menu-main.light ul.main-menu > li a {
	color: #737373;
}

ul.main-menu > li a:hover, .left-sidebar.minified .main-menu>li:hover>a>.text,
.left-sidebar.minified .main-menu>li:hover>a>.text,
ul.main-menu li.menuItem.active > a {
	text-decoration: none;
	background-color: #252c33;
	outline: none;
}
.menu-main.light ul.main-menu > li a:hover, .menu-main.light.left-sidebar.minified .main-menu > li > a > .text,
.menu-main.light ul.main-menu li.menuItem.active > a {
	background: rgba(181, 183, 184, 0.8);
	color: #000;
}

.ui-datepicker {
    width: 17em;
}

.ui-helper-clearfix {
    display: block;
}

ul.main-menu > li a, ul.main-menu > li a:hover, ul.main-menu > li a:focus {
	outline: none;
	text-decoration: none;
}

.menu-main, ul.main-menu > li a {
	background-color: #343c45;
}
.menu-main.light, .menu-main.light ul.main-menu > li a {
	background-color: #E9EBEC;
}

ul.main-menu>li:first-child>a {
	border-top: none
}

.fa + .text, .icon-16 + .text, .fa + .text, .icon-24 + .text {
	margin-left: 8px;
}

.minified .text {
	margin-left: 0px;
}

.menuItem:hover {
	cursor: pointer;
}

.form-actions, .actionBar:before {
	clear: both;
}
.form-actions, .actionBar {
	text-align: center;
}
.form-actions button, .actionBar button, .form-actions a.btn, .actionBar a.btn {
	margin: 10px;
	min-width: 96px;
}

ul.main-menu .sub-menu .sub-menu > li a {
	padding-left: 47px;
}

.minified ul.main-menu .sub-menu .sub-menu > li a {
	padding-left: 31px;
}

ul.main-menu .sub-menu .sub-menu .sub-menu > li a {
	padding-left: 63px;
}

ul.main-menu .sub-menu .sub-menu .sub-menu .sub-menu > li a {
	padding-left: 79px;
}

ul.main-menu>li .toggle-icon {
	font-size: 14px;
	width: 10px;
	position: absolute;
	right: 10px;
	top: 13px;
	text-shadow: none
}

ul.main-menu .sub-menu {
	position: relative;
	padding-left: 0
}

ul.main-menu .sub-menu li a {
	padding-left: 28px
}

ul.main-menu .sub-menu.open {
	overflow: hidden;
	display: block
}
 
.left-sidebar {
	padding-right: 0;
	padding-left: 0;
	width: 250px;
	transition: width 0.2s;
}

.left-sidebar.minified {
	width: 40px;
	margin-right: -40px;
	z-index: 9;
	transition: width 0.2s;
}

.left-sidebar .js-toggle-minified .fa {
	transform: rotate(0deg);
	transition: transform 0.2s;
}
.left-sidebar.minified .js-toggle-minified .fa {
	transform: rotate(180deg);
	transition: transform 0.2s;
}

.left-sidebar.minified .main-menu>li {
	position: relative
}

.left-sidebar.minified .main-menu> li > a > .fa {
	width: 40px
}

.left-sidebar.minified .main-menu> li > a > .toggle-icon {
	display: none
}

.left-sidebar.minified .main-menu > li > a {
	padding-left: 0;
	text-align: center;
}
.left-sidebar.minified .main-menu > li > a .text {
	text-align: left;
}

.left-sidebar.minified .main-menu > li > a > .text {
	position: absolute;
	width: 0;
	overflow: hidden;
}

.left-sidebar.minified .main-menu > li:hover > a >.text {
	width: 250px;
	left: 40px;
	top: 0;
	z-index: 9999;
	padding: 10px;
	border-radius: 0 5px 5px 0;
	transition: width 0.1s;
}

.layoutFixed .left-sidebar + .content-wrapper {
	padding-left: 16.6%;
	width: 100%;
}

.content-wrapper.expanded {
	width: 100%;
	padding-left: 55px;
}

.left-sidebar.minified .main-menu>li>ul.sub-menu {
	display: block !important;
	min-width: 350px;
	position: absolute;
	opacity: 1;
	margin-left: 40px;
	z-index: 9999;
	transition: opacity linear 0.2s;
}

.left-sidebar.minified .main-menu>li:hover>ul.sub-menu>li>a {
	padding-left: 10px
}

@media screen and (max-width: 992px) {
	#body {
		padding-left: 0;
		transition: padding 0.2s;
	}
	
	.footer, .breadcrumb {
		display: none
	}
	.content-wrapper {
		margin-left: auto;
	}
	.menu-main {
		left: -325px;
		bottom: 0px;
		transition: left linear 0.2s;
	}
	.menu-main.visible {
		left: 0px;
		transition: left linear 0.2s;
	}
	.layoutFixed .top-bar {
		height: 80px;
	}
	.layoutFixed .bottom > .container {
		padding-top: 80px;
	}
	.content-wrapper.expanded {
    	padding-left: 15px;
	}
	
	#logo-gpmm {
		display: none;
	}
	
	.menu-main + #body {
		padding-left: 0px;
	}
	.navbar {
		border: none;
		min-height: none;
	}
	.navbar-collapse a > .text {
		display: none;
	}
	.navbar-collapse .nav > li, .navbar-collapse .nav > li > a {
		display: inline-block;
		padding: 0;
	}
	
	.navbar-collapse .navbar-nav > li > a {
		padding: 15px 20px;
		font-size: 2.4rem;
		line-height: auto;
		display: inline-block;
	}
	.navbar-nav > li > a {
	    padding-top: 10px;
	    padding-bottom: 10px;
	    line-height: inherit;
	}
	.navbar-default .navbar-collapse .navbar-nav > li > a > .fa {
		margin-right: 0;
	}
	
	.navbar-collapse ul {
		display: flex;
		align-items: center;
		justify-content: space-around;
		margin: 0;
	}
}

@media screen and (min-width: 992px) {
	.left-sidebar {
		display: block !important;
		overflow: visible !important
	}
}

.sidebar-minified {
	text-align: center;
	position: relative;
	margin-bottom: 15px
}

@media screen and (max-width: 992px) {
	.sidebar-minified {
		display: none
	}
}

.sidebar-minified:before {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	zoom: 1;
	*display: inline;
	content: "";
	height: 0;
	border-top: 1px solid #c4c4c4;
	position: absolute;
	left: 10px;
	right: 10px;
	top: 13px
}

.sidebar-minified .fa {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	zoom: 1;
	*display: inline;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	-ms-border-radius: 25px;
	-o-border-radius: 25px;
	border-radius: 25px;
	width: 25px;
	height: 25px;
	position: relative;
	border: 1px solid #A2A2A2;
	color: #A2A2A2;
	padding: 4px;
	background-color: #f1f1f1;
	cursor: pointer
}

.sidebar-minified .fa:hover {
	background-color: #f6f6f6
}

.layoutFixed .content-wrapper .content {
	padding-left: 15px;
}

.layoutFixed .content-wrapper.expanded .content {
	padding-left: 0px;
}

@media screen and (max-width: 480px) {
	.content-wrapper {
		padding: 15px
	}
}

@media screen and (max-width: 1199px) {
	div[class*="col-lg-"] .top-content {
		text-align: center
	}
}

.top-content {
	text-align: right;
	margin-bottom: 20px
}

.top-content ul.mini-stat {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	zoom: 1;
	*display: inline;
	margin-bottom: 0
}

@media screen and (max-width: 992px) {
	.top-content ul.mini-stat {
		display: block
	}
}

.top-content ul.mini-stat>li {
	border-left: 1px solid #ddd;
	padding-left: 15px;
	padding-right: 15px
}

.top-content ul.mini-stat>li:first-child {
	border-left: none
}

@media screen and (max-width: 992px) {
	.top-content ul.mini-stat>li {
		width: 100%;
		border-left: none;
		padding-bottom: 15px
	}
}

@media screen and (min-width: 992px) {
	.top-content ul.mini-stat>li {
		padding-left: 10px;
		padding-right: 10px
	}
}

.top-content ul.mini-stat h5 {
	float: left;
	margin: 0;
	text-align: left;
	font-size: 0.85em;
	color: #888
}

.top-content ul.mini-stat h5 .stat-value {
	display: block;
	font-size: 1.5em;
	margin-top: 3px
}

.top-content ul.mini-stat h5 .stat-value.stat-color-seagreen {
	color: #3f7577
}

.top-content ul.mini-stat h5 .stat-value.stat-color-blue {
	color: #1d92af
}

.top-content ul.mini-stat h5 .stat-value.stat-color-orange {
	color: #ce7b11
}

.top-content .mini-bar-chart {
	display: block;
	float: right;
	margin: 6px 0 0 20px
}

.quick-access {
	min-width: 15em;
	padding: 0;
	border-radius: 8px;
}

@media screen and (max-width: 768px) {
	.top-content ul.quick-access>li {
		width: 100%
	}
}

.quick-access, .quick-access:focus, .quick-access:hover
	{
	text-decoration: none
}

.quick-access .quick-access-item {
	display: inline-block;
	position: relative;
	background-color: #555;
	color: #fff;
	padding: 15px;
	text-align: left;
	overflow: hidden;
	border-radius: 5px;
	min-width: 15em;
}

.quick-access .quick-access-item em {
	font-size: 0.85em
}

.quick-access .quick-access-item h5, .quick-access .quick-access-item p {
    margin: 0px;
    text-transform: uppercase;
    color: #fff;
}

.quick-access .quick-access-item .fa {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10);
	opacity: 0.1;
	-webkit-transform: rotate(-20deg);
	-moz-transform: rotate(-20deg);
	-ms-transform: rotate(-20deg);
	-o-transform: rotate(-20deg);
	transform: rotate(-20deg);
	position: absolute;
	top: 0.15em;
	right: -0.1em;
	font-size: 4em;
	transition: transform linear 0.1s;
}

.quick-access .quick-access-item:hover .fa {
	-webkit-transform: scale(1.2, 1.2);
	-moz-transform: scale(1.2, 1.2);
	-ms-transform: scale(1.2, 1.2);
	-o-transform: scale(1.2, 1.2);
	transform: scale(1.2, 1.2);
	transition: transform linear 0.1s;
}

.bg-color-green {
	background-image: linear-gradient(#88C149, #73A839 60%, #699934);
}

.bg-color-blue {
	background-image: linear-gradient(#54B4EB, #2FA4E7 60%, #1D9CE5);
}

.bg-color-orange {
	background-image: linear-gradient(#FF6707, #DD5600 60%, #C94E00);
}

.main-header {
	margin-bottom: 50px
}

.main-header h2 {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	zoom: 1;
	*display: inline;
	border-right: 1px solid #ccc;
	margin: 0;
	padding-right: 10px;
	margin-right: 10px
}

@media screen and (max-width: 768px) {
	.main-header h2 {
		display: block;
		border-right: none
	}
}

.main-header em {
	color: #bbb
}

.left-sidebar + .content-wrapper {
	width: 83.33333333%;
}

.bottom .container .content-wrapper {
	background-color: #fff;
	float: left;
	width: 100%;
}

.main-content {
	padding-bottom: 30px
}

.row-widget {
	margin-bottom: 0
}

.ui-panel-titlebar-icon > .ui-icon {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	width: 16px;
	line-height: 34px;
	color: #fff;
	text-indent: inherit;
}
.ui-panel-titlebar-icon > .ui-icon-minusthick:before {
  content: "\f077";
}
.ui-panel-titlebar-icon > .ui-icon-plusthick:before {
  content: "\f078";
}
.ui-panel, .widget {
	border-width: 1px;
	border-style: solid;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
	border-color: #DDD;
	border-radius: 5px 5px 5px 5px;
    margin-top: 10px;
    padding: 0;
}
.widget {
	background-color: #fff;
}

.widget.expanded .widget-header-toolbar .fa-chevron-up {
	transform: rotate(0deg);
	transition: transform 0.4s;
}
.widget .widget-header-toolbar .fa-chevron-up {
	transform: rotate(-180deg);
	transition: transform 0.4s;
}
.widget.toggleable > .widget-header:hover {
	cursor: pointer;
}

.widget.widget-table {
	overflow: hidden
}

.widget.widget-hide-header {
	border: none;
	background: none
}

.widget.widget-focus-enabled {
	z-index: 999;
	position: relative
}

.ui-widget .ui-widget-header,
.widget .widget-header {
	padding: 2px 10px;
	height: 35px;
	background: #5DB2FF;
	border-radius: 3px 3px 0 0;
	color: #fff;
}

.ui-widget .ui-widget-header > span,
.widget .widget-header > span {
	line-height: 34px;
}

@media screen and (max-width: 480px) {
	.widget .widget-header {
		height: 100%
	}
}

.widget .widget-header h3 {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	zoom: 1;
	*display: inline;
	font-family: "latobold";
	font-size: 1.5rem;
	margin: 0;
	line-height: 3rem;
	float: left;
	color:white;
}

@media screen and (max-width: 480px) {
	.widget .widget-header h3 {
		float: none
	}
}

.widget .widget-header .fa {
	margin-right: 5px
}

.widget .widget-header em {
	float: left;
	font-size: 0.9em;
	color: #a4a4a4;
	line-height: 35px;
	margin-left: 4px
}

@media screen and (max-width: 1279px) {
	.widget .widget-header em {
		display: none
	}
}

.widget .widget-header .btn-help {
	float: left;
	padding: 0;
	position: relative;
	top: 3px;
	left: 3px
}

@media screen and (max-width: 1279px) {
	.widget .widget-header .btn-help {
		display: none
	}
}

.widget .widget-header .btn-group>a {
	color: #fff;
}

.widget .widget-header .widget-header-toolbar {
	float: right;
	width: auto;
	height: 100%;
	display: inline-flex;
	align-items: center;
	padding-left: 10px;
	margin-left: 10px
}

@media screen and (max-width: 480px) {
	.widget .widget-header .widget-header-toolbar {
		display: block;
		float: none;
		border-left: none;
		margin-left: 0;
		padding-left: 0
	}
}

.widget .widget-header .widget-header-toolbar>a {
	margin-left: 5px
}

.widget .widget-header .widget-header-toolbar.btn-init-hide {
	display: none
}

.widget .widget-header .widget-header-toolbar .control-title {
	font-size: 0.9em;
	color: #a4a4a4;
	position: relative;
	top: 1px
}

.widget .widget-header .widget-header-toolbar .label {
	position: relative;
	top: 8px
}

.widget .widget-header .widget-header-toolbar .toolbar-item-group {
	padding-top: 0.3em;
	height: 100%
}

.widget .widget-header .widget-header-toolbar .toolbar-item-group .label
	{
	position: relative;
	top: 1px
}

.widget .widget-header .widget-header-toolbar .toolbar-item-group .multiselect
	{
	margin-top: 0
}

.widget .widget-header .widget-header-toolbar .btn,.widget .widget-header .widget-header-toolbar .btn-borderless
	{
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	zoom: 1;
	*display: inline;
	height: 25px
}

.widget .widget-header .widget-header-toolbar .btn-borderless {
	padding-top: 5px
}

.widget .widget-header .widget-header-toolbar .btn-borderless .fa {
	margin-right: 5px;
	position: relative;
	top: 2px
}

.widget .widget-header .widget-header-toolbar .btn {
	margin-top: 5px
}

.widget .widget-header .widget-header-toolbar .btn.btn-sm {
	padding: 0 10px
}

.widget .widget-header .widget-header-toolbar .btn.btn-sm .fa {
	width: 10px;
	height: 12px
}

.widget .widget-header .widget-header-toolbar .progress {
	width: 150px;
	height: 15px;
	margin-bottom: 0;
	margin-top: 10px
}

.widget .widget-header .widget-header-toolbar .progress .progress-bar {
	font-size: 10px;
	line-height: 1.5
}

.widget .widget-content {
	padding: 15px;
}

.widget .widget-footer {
	padding: 7px 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #f0f0f0;
	background-color: #f7f7f7
}

#focus-overlay {
	background: rgba(0, 0, 0, 0.95);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9
}

.sidebar-content {
	padding: 0 10px;
	margin-top: 30px
}

@media screen and (max-width: 480px) {
	.sidebar-content {
		display: none
	}
}

.sidebar-content .panel-heading h5 {
	margin: 0
}

.sidebar-content p {
	font-size: 0.85em
}

.sidebar-content>h5 {
	display: block;
	font-size: 0.9em;
	text-align: left;
	margin-bottom: 0
}

.sidebar-content .list-info-sidebar {
	border: 1px solid #ccc
}

.sidebar-content .list-info-sidebar li {
	font-size: 12px
}

.sidebar-content .list-info-sidebar .data-name {
	width: 100%;
	background-color: transparent
}

@media screen and (min-width: 1366px) {
	.sidebar-content .list-info-sidebar .data-name {
		width: 10em
	}
}

@media screen and (min-width: 1850px) {
	.sidebar-content .list-info-sidebar .data-name {
		width: 15em
	}
}

.sidebar-content .list-info-sidebar .progress {
	margin-bottom: 0
}

.left-sidebar.minified .sidebar-content {
	display: none
}

.easy-pie-chart {
	position: relative;
	width: 110px;
	margin: 0 auto;
	margin-bottom: 15px;
	text-align: center
}

.easy-pie-chart canvas {
	position: absolute;
	top: 0;
	left: 0
}

.easy-pie-chart .percent {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	zoom: 1;
	*display: inline;
	line-height: 110px;
	z-index: 2
}

.easy-pie-chart .percent:after {
	content: '%';
	margin-left: 0.1em;
	font-size: .8em
}

.chart-nav {
	margin-bottom: 40px
}

@media screen and (max-width: 480px) {
	.chart-nav strong {
		display: block
	}
}

.chart-nav ul {
	list-style-type: none;
	border-bottom: none;
	margin-bottom: 30px
}

.chart-nav ul,.chart-nav ul li {
	margin: 0px;
	padding: 0px;
	display: inline
}

.chart-nav ul li a {
	font-size: 0.9em;
	border: none;
	padding: 5px 8px;
	color: #555
}

.chart-nav ul li a:hover {
	border: none;
	text-decoration: none;
	background-color: #ececec;
	border-bottom: 1px solid #E1E1E1
}

.chart-nav ul li.active a,.chart-nav ul li.active a:hover {
	background-color: #ececec;
	border-bottom: 1px solid #E1E1E1
}

.chart-content {
	margin-bottom: 15px
}

#line-chart1 {
	height: 250px
}

.flot-tooltip {
	border: 1px solid #ccc;
	background-color: rgba(255, 255, 255, 0.7);
	color: #aaa
}

#flotTip,.jqstooltip {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	-ms-border-radius: 0 !important;
	-o-border-radius: 0 !important;
	border-radius: 0 !important;
	background-color: #f3f3f3 !important;
	color: #555 !important;
	border-color: silver !important
}

.sales-chart,.demo-flot-chart {
	width: 100%;
	height: 350px
}

#visit-chart {
	height: 300px
}

.widget.real-time-chart .widget-content {
	padding-right: 40px
}

.widget.real-time-chart #demo-real-time-chart {
	font-size: 12px;
	padding-right: 40px
}

@media screen and (max-width: 768px) {
	.widget.real-time-chart #demo-real-time-chart .flot-x-axis .flot-tick-label
		{
		display: none
	}
}

.donut-label {
	font-size: 12px;
	color: #FFF;
	background: rgba(0, 0, 0, 0.5);
	text-align: center;
	padding: 3px
}

.secondary-stat .secondary-stat-item {
	color: #fff;
	background-color: #aaa;
	padding: 5px 20px 0 20px
}

.secondary-stat .secondary-stat-item .data {
	float: left;
	margin-bottom: 0
}

.secondary-stat .secondary-stat-item .inlinesparkline {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	zoom: 1;
	*display: inline;
	position: absolute;
	left: 15px;
	bottom: 0
}

.secondary-stat #secondary-stat-item1 {
	background-color: #3F7577
}

.secondary-stat #secondary-stat-item2 {
	background-color: #67773F
}

.secondary-stat #secondary-stat-item3 {
	background-color: #D36B19
}

.jqstooltip {
	width: initial !important;
	height: initial !important
}

.jqsfield {
	color: #555 !important
}

.widget-sparkline .sparkline-stat-item {
	padding: 8px 0;
	margin-bottom: 30px
}

.widget-sparkline .sparkline-stat-item strong {
	display: block;
	font-size: 1.5em;
	font-weight: 300
}

.panel-pie-chart .panel-body {
	text-align: center
}

.panel-pie-chart ul {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	zoom: 1;
	*display: inline;
	margin-bottom: 0
}

.panel-pie-chart ul>li {
	text-align: center;
	font-size: 0.85em;
	padding-right: 24px;
	margin-bottom: 5px
}

.big-number {
	font-family: "latolight";
	font-size: 3.5em
}

.big-number-stat span {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	zoom: 1;
	*display: inline
}

.big-number-stat em {
	display: block;
	font-style: normal
}

.big-number-stat .col-left {
	float: left;
	margin-right: 10px;
	line-height: 1.8
}

.big-number-stat .col-right {
	float: right;
	position: relative;
	top: 1.5em
}

@media screen and (max-width: 480px) {
	.big-number-stat .col-right {
		float: none
	}
}

@media screen and (max-width: 480px) {
	.big-number-stat span {
		display: block
	}
	.big-number-stat .col-left {
		float: none
	}
	.big-number-stat .col-right {
		top: 0;
		margin-bottom: 15px
	}
}

@media screen and (max-width: 992px) {
	.widget-chart-toggle-series #choices {
		margin-top: 30px
	}
	.widget-chart-toggle-series #choices>div {
		display: -moz-inline-stack;
		display: inline-block;
		vertical-align: middle;
		*vertical-align: auto;
		zoom: 1;
		*display: inline
	}
}

#demo-d3-heatmap svg {
	max-width: 100%;
	max-height: 100%
}

rect.bordered {
	stroke: #E6E6E6;
	stroke-width: 1px
}

text.mono {
	font-size: 12px;
	fill: #aaa
}

text.axis-workweek {
	fill: #000
}

text.axis-worktime {
	fill: #000
}

#demo-d3-barchart svg {
	max-width: 100%;
	max-height: 100%
}

.bar.positive {
	fill: #1D92AF
}

.bar.negative {
	fill: #BD0026
}

.axis text {
	font-size: 10px
}

.axis path,.axis line {
	fill: none;
	stroke: #646464;
	shape-rendering: crispEdges
}

.radio label,.checkbox label,.radio-inline,.checkbox-inline {
	font-weight: 300
}

.radio label,.radio-inline {
	line-height: 1.8
}

select[multiple].form-control {
	height: auto
}

select.input-lg,select.input-sm {
	line-height: initial
}

select.input-lg {
	background-position: right 5px top 17px
}

select.input-sm {
	background-position: right 5px top 11px
}

.dropdown-menu>.active>a {
	background-color: #99A1A7
}

.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus {
	background-color: #99A1A7
}

.input-group-addon {
	background-color: #f6f6f4
}

.input-group-addon i {
	min-width: 12px
}

.input-group-addon .simple-radio input[type="radio"]+label,.input-group-addon .simple-checkbox input[type="checkbox"]+label {
	padding-left: 0;
	margin-right: 0;
	margin-bottom: 0
}

.input-group-addon select {
	padding: 0;
	margin: 0;
	border: 0;
  	height: 99%;
  	background-color: inherit;
}

.input-group-addon .simple-radio input[type="radio"]+label:before,.input-group-addon .simple-checkbox input[type="checkbox"]+label:before {
	margin-right: 0;
	bottom: 0
}

.input-group-appendable {
	margin-bottom: 10px
}

.input-group-appendable .btn {
	min-width: 34px
}

.task-list {
	list-style-type: none;
	padding-left: 0
}

.task-list p {
	position: relative
}

.task-list p .label {
	position: absolute;
	right: 0
}

.pagination>li:first-child>a,.pagination>li:first-child>span {
	margin-left: 0;
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px
}

.pagination.borderless>li>a,.pagination.borderless>li>span {
	border: none;
	color: inherit;
	background-color: transparent
}

.pagination.borderless>li>a:hover,.pagination.borderless>li>a:focus,.pagination.borderless>li>span:hover,.pagination.borderless>li>span:focus
	{
	color: #f2f2f2;
	background-color: #999
}

.pagination.borderless>li:first-child>a,.pagination.borderless>li:first-child>span,.pagination.borderless>li:last-child>a,.pagination.borderless>li:last-child>span
	{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0
}

.pagination.borderless>li.active>a,.pagination.borderless>li.active>span
	{
	color: #f2f2f2;
	background-color: #999
}

.pagination.borderless>li.active>a:hover,.pagination.borderless>li.active>a:focus,.pagination.borderless>li.active>span:hover,.pagination.borderless>li.active>span:focus
	{
	color: #f2f2f2;
	background-color: #999
}

.pagination.borderless>.disabled>span,.pagination.borderless>.disabled>span,.pagination.borderless>.disabled>span:hover,.pagination.borderless>.disabled>span:focus,.pagination.borderless>.disabled>a,.pagination.borderless>.disabled>a:hover,.pagination.borderless>.disabled>a:focus
	{
	background-color: transparent
}

.btn .caret {
margin-left: 5px;
}

.btn i {
	margin-right: 3px
}

.icon-wrapper-info, .btn-info {
	background-color: #46b0cf;
	border-color: #34a6c8
}

.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.btn-info .open .dropdown-toggle.btn-info
	{
	background-color: #34a6c8
}

.btn-link {
	border-color: transparent
}

.btn-link:hover,.btn-link:focus,.btn-link:active,.btn-link.active,.btn-link .open .dropdown-toggle.btn-link
	{
	outline: none;
	text-decoration: none
}

.btn-group>.btn+.dropdown-toggle {
	border-left: 1px solid rgba(0, 0, 0, 0.1)
}

.btn-custom-primary {
	background-color: #e24715;
	border-color: #cb4013;
	color: #fff
}

.btn-custom-primary:hover,.btn-custom-primary:focus,.btn-custom-primary:active,.btn-custom-primary.active,.btn-custom-primary .open .dropdown-toggle.btn-warning
	{
	background-color: #d94414;
	color: #fff
}

.btn-custom-secondary {
	background-color: #1caca0;
	border-color: #18968c;
	color: #fff
}

.btn-custom-secondary:hover,.btn-custom-secondary:focus,.btn-custom-secondary:active,.btn-custom-secondary.active,.btn-custom-secondary .open .dropdown-toggle.btn-warning
	{
	background-color: #1ba398;
	color: #fff
}

.simple-checkbox input[type="checkbox"] {
	display: none
}

.simple-checkbox input[type="checkbox"]+label {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	zoom: 1;
	*display: inline;
	cursor: pointer;
	position: relative;
	margin-right: 15px;
	font-size: 13px
}

.simple-checkbox input[type="checkbox"]+label:before {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	zoom: 1;
	*display: inline;
	position: relative;
	bottom: 2px;
	content: "";
	border: 1px solid #ccc;
	width: 16px;
	height: 16px;
	margin-right: 10px;
	background-color: #fafafa
}

.simple-checkbox input[type="checkbox"]:checked+label:before {
	font-family: FontAwesome;
	content: '\f00c';
	font-size: 12px;
	color: #99a1a7;
	text-align: center;
	line-height: 15px;
	background-color: #ededed
}

.simple-radio input[type="radio"] {
	display: none
}

.simple-radio input[type="radio"]+label {
	display: block;
	cursor: pointer;
	position: relative;
	margin-right: 15px;
	font-size: 13px
}

.simple-radio input[type="radio"]+label:before {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	zoom: 1;
	*display: inline;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	content: "";
	border: 1px solid #ccc;
	width: 16px;
	height: 16px;
	margin-right: 10px;
	position: relative;
	bottom: 2px;
	background-color: #fafafa
}

.simple-radio input[type="radio"]:checked+label:before {
	font-family: FontAwesome;
	content: '\f111';
	color: #99a1a7;
	font-size: 8px;
	text-align: center;
	line-height: 15px
}

.simple-radio.simple-radio-inline input[type="radio"]+label {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	zoom: 1;
	*display: inline
}

.simple-radio.radio-green input[type="radio"]:checked+label:before {
	color: #53D76A
}

table.radio {
	padding: 6px 12px;
}
table.radio input[type="radio"] {
	position: relative;
	margin: 0;
}
table.radio input[type="radio"] + label {
	padding-left: 5px;
}
table.radio td {
	padding: 0 10px;
	width: auto;
}

.pager li>a,.pager li>span {
	background-color: transparent;
	border: none
}

.pager li>a:hover,.pager li>a:focus {
	background-color: transparent
}

.label {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	font-weight: normal;
	padding: .5em .6em
}

.label-warning {
	background-color: #F56421
}

.label-low {
	background-color: #626262
}

.label-medium {
	background-color: #296eaa
}

.label-high {
	background-color: #11B4C2
}

.label-urgent {
	background-color: #E7CD0C
}

.label-emergency {
	background-color: #e7a13d
}

.label-critical {
	background-color: #db3833
}

.badge {
	font-weight: 400
}

.badge.element-bg-color-blue {
	background-color: #1d92af
}

.badge.element-bg-color-green {
	background-color: #859419
}

.badge.element-bg-color-seagreen {
	background-color: #3f7577
}

.badge.element-bg-color-orange {
	background-color: #ce7b11
}

.has-switch.switch-small {
	min-width: 88px
}

.has-switch.switch-mini {
	min-width: 60px
}

.has-switch span.switch-right {
	color: #999
}

.input-group-addon .simple-radio input[type="radio"]+label,.input-group-addon .simple-checkbox input[type="checkbox"]+label {
	padding-left: 0;
	margin-right: 0;
	margin-bottom: 0
}

.input-group-addon .simple-radio input[type="radio"]+label:before,.input-group-addon .simple-checkbox input[type="checkbox"]+label:before {
	margin-right: 0
}

.input-group-addon.input-sm,.input-group-addon.input-lg {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0
}

ul.multiselect-container>li>a label.checkbox {
	padding-left: 0
}

ul.multiselect-container>li>a label.checkbox:before {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	zoom: 1;
	*display: inline;
	position: relative;
	bottom: 1px;
	content: "";
	width: 16px;
	height: 16px;
	margin-right: 10px;
	border: 1px solid #ccc;
	background-color: #fafafa
}

ul.multiselect-container>li>a label.checkbox input[type="checkbox"] {
	display: none
}

ul.multiselect-container>li.active>a label.checkbox:before {
	font-family: FontAwesome;
	content: '\f00c';
	font-size: 12px;
	color: #99A1A7;
	text-align: center;
	line-height: 15px;
	background-color: #EDEDED
}

ul.multiselect-container>li>a label.radio {
	padding-left: 0
}

ul.multiselect-container>li>a label.radio:before {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	zoom: 1;
	*display: inline;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	position: relative;
	bottom: 1px;
	content: "";
	width: 16px;
	height: 16px;
	margin-right: 10px;
	border: 1px solid #ccc;
	background-color: #fafafa
}

ul.multiselect-container>li>a label.radio input[type="radio"] {
	display: none
}

ul.multiselect-container>li.active>a label.radio:before {
	font-family: FontAwesome;
	content: '\f111';
	color: #99a1a7;
	font-size: 8px;
	text-align: center;
	line-height: 15px
}

select[multiple].form-control {
	height: auto
}

.widget-header-toolbar .dropdown-menu {
	font-size: 90%
}

@media screen and (max-width: 480px) {
	.widget-header-toolbar .dropdown-menu {
		right: auto;
		left: 0
	}
}

.widget-header-toolbar ul.multiselect-container>li>a {
	line-height: 1.5
}

.widget-header-toolbar ul.multiselect-container>li>a label.radio:before
	{
	margin-right: 5px
}

.btn-group>.btn-group:nth-child(2)>.multiselect.btn {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.dropdown-menu>.active>a {
	background-color: #99A1A7
}

.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus {
	background-color: #99A1A7
}

.input-group-appendable {
	margin-bottom: 10px
}

.input-group-appendable .btn {
	min-width: 34px
}

.radio label,.radio-inline {
	line-height: 1.8
}

.slider-track,.slider-selection {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background-image: none
}

.slider-track {
	background-color: #eee
}

.slider-selection {
	background-color: #626262
}

.slider.slider-horizontal {
	width: 100% !important
}

.slider.slider-vertical .slider-handle {
	position: relative;
	left: 2px;
	cursor: ns-resize
}

.slider-handle {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
	background-image: none;
	position: relative;
	top: 2px
}

.slider-handle,.ui-rangeSlider-handle {
	width: 16px;
	height: 16px;
	background: #fff;
	border: 1px solid #626262;
	cursor: col-resize
}

.slider-handle:before,.ui-rangeSlider-handle:before {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	zoom: 1;
	*display: inline;
	content: '|||';
	font-size: 7px;
	color: #626262;
	text-align: center;
	line-height: 15px;
	position: absolute;
	left: 0.6em
}

.ui-rangeSlider {
	height: 22px;
	margin: 30px 0
}

.ui-rangeSlider .ui-rangeSlider-innerBar {
	height: 10px;
	margin: 3px 0;
	background: #eee
}

.ui-rangeSlider .ui-rangeSlider-bar {
	margin: 3px 0;
	background: #626262;
	height: 10px;
	cursor: move;
	cursor: grab;
	cursor: -moz-grab
}

.ui-rangeSlider.slider-default .ui-rangeSlider-bar {
	background: #626262
}

.ui-rangeSlider.slider-default .ui-rangeSlider-handle {
	background: #fff;
	border-color: #626262
}

.ui-rangeSlider.slider-default .ui-rangeSlider-handle:before {
	color: #626262
}

.ui-rangeSlider.slider-primary .ui-rangeSlider-bar {
	background: #296eaa
}

.ui-rangeSlider.slider-primary .ui-rangeSlider-handle {
	background: #f0f6fb;
	border-color: #296eaa
}

.ui-rangeSlider.slider-primary .ui-rangeSlider-handle:before {
	color: #296eaa
}

.ui-rangeSlider.slider-info .ui-rangeSlider-bar {
	background: #46b0cf
}

.ui-rangeSlider.slider-warning .ui-rangeSlider-bar {
	background: #e7a13d
}

.ui-rangeSlider.slider-warning .ui-rangeSlider-handle {
	background: #fff;
	border-color: #e7a13d
}

.ui-rangeSlider.slider-warning .ui-rangeSlider-handle:before {
	color: #e7a13d
}

.ui-rangeSlider.slider-danger .ui-rangeSlider-bar {
	background: #db3833
}

.ui-rangeSlider.slider-danger .ui-rangeSlider-handle {
	background: #fff;
	border-color: #db3833
}

.ui-rangeSlider.slider-danger .ui-rangeSlider-handle:before {
	color: #db3833
}

.ui-rangeSlider.slider-success .ui-rangeSlider-bar {
	background: #4ba84b
}

.ui-rangeSlider.slider-success .ui-rangeSlider-handle {
	background: #e5f3e5;
	border-color: #4ba84b
}

.ui-rangeSlider.slider-success .ui-rangeSlider-handle:before {
	color: #4ba84b
}

.ui-rangeSlider .ui-rangeSlider-bar.ui-draggable-dragging {
	cursor: -moz-grabbing;
	cursor: grabbing
}

.ui-rangeSlider-arrow {
	height: 16px;
	margin: 2px 0;
	width: 16px;
	background-repeat: no-repeat
}

.ui-rangeSlider-arrow-inner {
	display: none
}

.ui-rangeSlider-container {
	height: 22px
}

.ui-rangeSlider-noArrow .ui-rangeSlider-container {
	margin: 0
}

.ui-rangeSlider-label {
	margin: 0 2px 2px;
	white-space: nowrap;
	bottom: 20px;
	padding: 3px 6px 7px;
	cursor: col-resize
}

.ui-rangeSlider-label .ui-rangeSlider-label-value {
	font-size: 0.9em
}

.ui-rangeSlider-label-inner {
	display: none
}

input.ui-editRangeSlider-inputValue {
	width: 3em;
	vertical-align: middle;
	text-align: center
}

.fileinput-button {
	position: relative;
	overflow: hidden
}

.fileinput-button input {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	opacity: 0;
	-ms-filter: 'alpha(opacity=0)';
	font-size: 200px;
	direction: ltr;
	cursor: pointer
}

.simplecolorpicker span {
	margin: 0 0px 5px 0
}

.simplecolorpicker span.color {
	width: 20px;
	height: 20px;
	outline: none
}

.simplecolorpicker.fontawesome span.color[data-selected]:after {
	font-family: 'FontAwesome';
	-webkit-font-smoothing: antialiased;
	content: '\f00c';
	margin-right: 1px;
	margin-left: 1px
}

.spinedit {
	display: inline-block;
	position: relative
}

input[type="text"].spinedit {
	width: 35px
}

.spinedit .icon-chevron-up,.spinedit .icon-chevron-down {
	position: relative;
	cursor: pointer;
	width: 12px;
	left: 8px
}

.spinedit .icon-chevron-up {
	top: -12px
}

.spinedit .icon-chevron-down {
	top: 3px;
	left: -4px
}

.form-search div.spinedit,.form-inline div.spinedit,.form-horizontal div.spinedit
	{
	top: 5px
}

.bootstrap-touchspin-prefix {
	border-right: none
}

.bootstrap-touchspin-postfix {
	border-left: none
}

.bootstrap-touchspin-prefix.btn-default,.bootstrap-touchspin-prefix.btn-primary,.bootstrap-touchspin-prefix.btn-success,.bootstrap-touchspin-prefix.btn-warning,.bootstrap-touchspin-prefix.btn-danger,.bootstrap-touchspin-prefix.btn-info,.bootstrap-touchspin-postfix.btn-default,.bootstrap-touchspin-postfix.btn-primary,.bootstrap-touchspin-postfix.btn-success,.bootstrap-touchspin-postfix.btn-warning,.bootstrap-touchspin-postfix.btn-danger,.bootstrap-touchspin-postfix.btn-info
	{
	color: #fff
}

.datepicker>div {
	margin: 4px;
	border: 1px solid #ddd;
	padding: 4px
}

.datepicker th,.datepicker td {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0
}

.datepicker td.active:active,.datepicker td.active.active {
	background-image: none;
	background-color: #357EBD;
	border-color: #3071A9
}

.datepicker td.active:hover {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0
}

.datepicker td.active:hover:active,.datepicker td.active:hover.active {
	background-image: none;
	background-color: #357EBD;
	border-color: #3071A9
}

.datepicker th.next,.datepicker th.prev {
	font-size: 14px
}

.daterangepicker .calendar-date {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0
}

.daterangepicker th .input-mini,.daterangepicker th li,.daterangepicker td .input-mini,.daterangepicker td li,.daterangepicker .ranges .input-mini,.daterangepicker .ranges li
	{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0
}

.report-range {
	cursor: pointer;
	padding: 5px 10px;
	border: 1px solid #ccc
}

.report-range .range-value {
	margin-right: 3px
}

.nav-tabs>li>a {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	color: #868686;
	background-color: #ececec;
	border-color: #ddd
}

.nav-tabs>li>a:hover {
	color: #535353;
	background-color: #f1f1f1;
	border-color: #ddd
}

@media screen and (max-width: 480px) {
	.nav-tabs>li {
		float: none
	}
}

.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus
	{
	background-color: #296eaa;
	color: #fff;
	cursor: pointer
}

.nav-tabs.nav-tabs-right>li {
	float: right
}

@media screen and (max-width: 480px) {
	.nav-tabs.nav-tabs-right>li {
		float: none
	}
}

.tab-content {
	padding: 15px 0
}

.widget-header ul.nav {
	margin-right: -11px
}

.widget-header ul.nav>li>a {
	padding: 6px 15px;
	border-top: transparent;
	line-height: 1.5;
	margin-right: 0;
	height: 35px
}

.widget-header ul.nav>li>a:hover {
	border-top: initial
}

@media screen and (max-width: 480px) {
	.widget-header ul.nav {
		float: none !important;
		margin: 0 -11px
	}
	.widget-header ul.nav>li>a {
		border-top: 1px solid #ddd
	}
	.widget-header ul.nav>li>a:hover {
		border-top: 1px solid #ddd
	}
}

.demo-icon li {
	margin-bottom: 10px
}

.demo-hide {
	display: none
}

.gritter-item-wrapper {
	background:
		url('..img/ie-spacer.gif?1379032210')
}

.gritter-top,.gritter-item,.gritter-bottom {
	background: rgba(0, 0, 0, 0.7)
}

.gritter-item {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding: 2px 11px
}

.gritter-item .gritter-title {
	text-shadow: none
}

.gritter-item .gritter-close {
	background:
		url('..img/gritter.png?1379032210');
	outline: none;
	left: auto;
	right: 3px;
	cursor: normal
}

.gritter-item a,.gritter-item a:focus {
	color: #fff;
	text-decoration: underline
}

.gritter-item a:hover,.gritter-item a:focus:hover {
	text-decoration: none
}

.gritter-light .gritter-top,.gritter-light .gritter-item,.gritter-light .gritter-bottom
	{
	background-image: none;
	background-color: rgba(255, 255, 255, 0.8);
	color: #555
}

.tooltip .tooltip-inner {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	background: rgba(0, 0, 0, 0.8)
}

.tooltip.top .tooltip-arrow,.tooltip.top-left .tooltip-arrow,.tooltip.top-right .tooltip-arrow
	{
	border-top-color: rgba(0, 0, 0, 0.8)
}

.tooltip.bottom .tooltip-arrow,.tooltip.bottom-left .tooltip-arrow,.tooltip.bottom-right .tooltip-arrow
	{
	border-bottom-color: rgba(0, 0, 0, 0.8)
}

.tooltip.right .tooltip-arrow {
	border-right-color: rgba(0, 0, 0, 0.8)
}

.tooltip.left .tooltip-arrow {
	border-left-color: rgba(0, 0, 0, 0.8)
}

.popover {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0
}

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

.progress.wide {
	width: 60px
}

.progress .progress-bar {
	-webkit-transition-property: width;
	-moz-transition-property: width;
	-o-transition-property: width;
	transition-property: width;
	-webkit-transition-duration: 3s;
	-moz-transition-duration: 3s;
	-o-transition-duration: 3s;
	transition-duration: 3s;
	-webkit-transition-timing-function: ease;
	-moz-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	transition-timing-function: ease
}

.progress.progress-sm {
	height: 12px
}

.progress.progress-xs {
	height: 5px
}

.progress.progress-sm .progress-bar,.progress.progress-xs .progress-bar
	{
	text-indent: -9999px
}

.progress-vertical-wrapper {
	height: 200px
}

.panel-group .panel .panel-heading {
	padding: 0 15px
}

.panel-group .panel .panel-title>a {
	display: block;
	padding: 10px 0;
	width: 100%;
	font-weight: 300;
	color: #868686
}

.panel-group .panel .panel-title>a:hover {
	text-decoration: none
}

.panel-group .panel .panel-title>a>.fa:first-child,.panel-group .panel .panel-title>a.collapsed>.fa+.fa
	{
	display: none
}

.panel-group .panel .panel-title>a.collapsed>.fa:first-child {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	zoom: 1;
	*display: inline
}

.widget-reminder .widget-content {
	position: relative;
	overflow: hidden;
	padding: 20px;
	background-color: #6393A7;
	color: #fff
}

.today-reminder .reminder-title {
	border-bottom: 1px solid #a4c0cc;
	padding-bottom: 5px
}

.today-reminder .reminder-time {
	font-size: 2.5em;
	margin-bottom: 0
}

.today-reminder .reminder-place {
	font-size: 1.5em
}

.today-reminder .reminder-notes {
	font-size: 0.9em
}

.today-reminder>.fa {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10);
	opacity: 0.1;
	position: absolute;
	top: 5px;
	right: -15px;
	font-size: 12em;
	-webkit-animation: ring 8s .5s ease-in-out 3;
	-webkit-transform-origin: 50% 4px;
	-moz-animation: ring 8s .5s ease-in-out 3;
	-moz-transform-origin: 50% 4px;
	animation: ring 8s .5s ease-in-out 3;
	transform-origin: 50% 4px
}

.today-reminder>.btn-group {
	display: block;
	position: absolute;
	top: 0;
	right: 0
}

.today-reminder>.btn-group .dropdown-menu {
	font-size: 0.9em
}

.today-reminder>.btn-group>.btn-group {
	float: none
}

@
-webkit-keyframes ring { 0%{
	-webkit-transform: rotateZ(0)
}

1%{
-webkit-transform
:rotateZ(30deg)
}
3%{
-webkit-transform
:rotateZ(-28deg)
}
5%{
-webkit-transform
:rotateZ(34deg)
}
7%{
-webkit-transform
:rotateZ(-32deg)
}
9%{
-webkit-transform
:rotateZ(30deg)
}
11%{
-webkit-transform
:rotateZ(-28deg)
}
13%{
-webkit-transform
:rotateZ(26deg)
}
15%{
-webkit-transform
:rotateZ(-24deg)
}
17%{
-webkit-transform
:rotateZ(22deg)
}
19%{
-webkit-transform
:rotateZ(-20deg)
}
21%{
-webkit-transform
:rotateZ(18deg)
}
23%{
-webkit-transform
:rotateZ(-16deg)
}
25%{
-webkit-transform
:rotateZ(14deg)
}
27%{
-webkit-transform
:rotateZ(-12deg)
}
29%{
-webkit-transform
:rotateZ(10deg)
}
31%{
-webkit-transform
:rotateZ(-8deg)
}
33%{
-webkit-transform
:rotateZ(6deg)
}
35%{
-webkit-transform
:rotateZ(-4deg)
}
37%{
-webkit-transform
:rotateZ(2deg)
}
39%{
-webkit-transform
:rotateZ(-1deg)
}
41%{
-webkit-transform
:rotateZ(1deg)
}
43%{
-webkit-transform
:rotateZ(0)
}
100%{
-webkit-transform
:rotateZ(0)
}
}
@
-moz-keyframes ring { 0%{
	-moz-transform: rotate(0)
}

1%{
-moz-transform
:rotate(30deg)
}
3%{
-moz-transform
:rotate(-28deg)
}
5%{
-moz-transform
:rotate(34deg)
}
7%{
-moz-transform
:rotate(-32deg)
}
9%{
-moz-transform
:rotate(30deg)
}
11%{
-moz-transform
:rotate(-28deg)
}
13%{
-moz-transform
:rotate(26deg)
}
15%{
-moz-transform
:rotate(-24deg)
}
17%{
-moz-transform
:rotate(22deg)
}
19%{
-moz-transform
:rotate(-20deg)
}
21%{
-moz-transform
:rotate(18deg)
}
23%{
-moz-transform
:rotate(-16deg)
}
25%{
-moz-transform
:rotate(14deg)
}
27%{
-moz-transform
:rotate(-12deg)
}
29%{
-moz-transform
:rotate(10deg)
}
31%{
-moz-transform
:rotate(-8deg)
}
33%{
-moz-transform
:rotate(6deg)
}
35%{
-moz-transform
:rotate(-4deg)
}
37%{
-moz-transform
:rotate(2deg)
}
39%{
-moz-transform
:rotate(-1deg)
}
41%{
-moz-transform
:rotate(1deg)
}
43%{
-moz-transform
:rotate(0)
}
100%{
-moz-transform
:rotate(0)
}
}
@
keyframes ring { 0%{
	transform: rotate(0)
}

1%{
transform
:rotate(30deg)
}
3%{
transform
:rotate(-28deg)
}
5%{
transform
:rotate(34deg)
}
7%{
transform
:rotate(-32deg)
}
9%{
transform
:rotate(30deg)
}
11%{
transform
:rotate(-28deg)
}
13%{
transform
:rotate(26deg)
}
15%{
transform
:rotate(-24deg)
}
17%{
transform
:rotate(22deg)
}
19%{
transform
:rotate(-20deg)
}
21%{
transform
:rotate(18deg)
}
23%{
transform
:rotate(-16deg)
}
25%{
transform
:rotate(14deg)
}
27%{
transform
:rotate(-12deg)
}
29%{
transform
:rotate(10deg)
}
31%{
transform
:rotate(-8deg)
}
33%{
transform
:rotate(6deg)
}
35%{
transform
:rotate(-4deg)
}
37%{
transform
:rotate(2deg)
}
39%{
transform
:rotate(-1deg)
}
41%{
transform
:rotate(1deg)
}
43%{
transform
:rotate(0)
}
100%{
transform
:rotate(0)
}
}
.tt-dropdown-menu {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0
}

.bootstrap-tagsinput {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0
}

.bootstrap-tagsinput .tag {
	background-color: #296eaa;
	position: relative;
	padding-left: 17px;
	font-size: 85%
}

.bootstrap-tagsinput .tag [data-role="remove"] {
	position: absolute;
	left: 0;
	top: 7px;
	margin-left: 2px;
	color: #4c94d4
}

.bootstrap-tagsinput .tag [data-role="remove"]:hover,.bootstrap-tagsinput .tag [data-role="remove"]:focus
	{
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	color: #60a1d9;
	text-decoration: none
}

.bootstrap-tagsinput .tag [data-role="remove"]:after {
	font-family: FontAwesome;
	content: '\f057'
}

.editable[data-type="select"]+.editable-container .editable-input,.editable[data-type="combodate"]+.editable-container .editable-input
	{
	position: relative
}

.editable[data-type="select"]+.editable-container .editable-input select,.editable[data-type="combodate"]+.editable-container .editable-input select
	{
	padding: 5px 20px 5px 10px;
	background-position: right 5px top 10px
}

.editable[data-type="combodate"]+.editable-container .editable-input {
	position: relative
}

.editable[data-type="combodate"]+.editable-container .editable-input select
	{
	height: 31px;
	position: relative;
	top: -1px
}

.editable-buttons .btn i {
	margin-right: 0;
	position: relative;
	top: 2px
}

.editable-address {
	display: block;
	margin-bottom: 5px
}

.editable-address span {
	width: 70px;
	display: inline-block
}

.md-editor .btn-default {
	background-color: #fff;
	color: #333;
	border-color: #ccc
}

.md-editor .btn-default:hover,.md-editor .open .dropdown-toggle.btn-default,.open .md-editor .dropdown-toggle.btn-default,.md-editor .btn-default:focus
	{
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background-color: #ebebeb
}

.table a:hover {
	text-decoration: none
}

.table-dark-header>thead>tr {
	background-color: #909090;
	color: #fff
}

@media screen and (max-width: 480px) {
	.dataTables_filter {
		float: none
	}
}

.paginate_active{
	box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: 0.5em 1em;
    margin-left: 2px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
	color: #FFF;
	background-color: #ADD6EF;
	border: 1px solid rgba(0, 129, 255, 0.35);	
	border-radius: 5px;	
}

.paginate_button_disabled {
	color:#B2B2B2 !important;
}

.search-query{
	border-radius:4px;
}

.dataTables_scrollBody {
	margin-bottom: 20px
}

.dataTables_scrollBody .table {
	margin-bottom: 0
}

.table-sorting .sorting_asc:after,.table-sorting .sorting_desc:after,.table-sorting .sorting:after
	{
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	zoom: 1;
	*display: inline;
	font-family: FontAwesome;
	content: '';
	float: right
}

@media screen and (max-width: 480px) {
	.table-sorting .sorting_asc:after,.table-sorting .sorting_desc:after,.table-sorting .sorting:after
		{
		position: absolute;
		top: 0
	}
}

.table-sorting .sorting_asc:after,.table-sorting .sorting_asc_disabled:after
	{
	content: '\f0de'
}

.table-sorting .sorting_desc:after,.table-sorting .sorting_desc_disabled:after
	{
	content: '\f0dd'
}

.table-sorting .sorting:after {
	content: '\f0dc'
}

.table-sorting .sorting_asc_disabled,.table-sorting .sorting_desc_disabled
	{
	color: #bbb
}

.table-sorting thead th {
	cursor: pointer
}

@media screen and (max-width: 480px) {
	.table-sorting {
		position: relative
	}
}

.dataTables_scrollBody .table-sorting th:after {
	content: '';
	height: 0
}

.table-hover>tbody>tr:hover>td,.table-hover>tbody>tr:hover>th {
	background-color: #FFFEED
}

.ui-inline-del.ui-state-hover span,.ui-inline-edit.ui-state-hover span,.ui-inline-save.ui-state-hover span,.ui-inline-cancel.ui-state-hover span {
	margin: 0
}

.ui-widget-overlay {
	background-color: rgba(0, 0, 0, 0.5);
}

fieldset{
  	background-color: #FBFBFB; 
	border-radius: 8px;
	border: none;
	padding: 10px;
	margin: 0 0px 0px 10px;
}

legend {
  	color: #555;  
  	background-color: #EFEFEF;
  	font-size: 1.1em;
  	padding: 5px 15px;
  	width: initial;
  	border-radius: 5px;
  	margin-top: 10px;
  	margin-left: 15px;
  	margin-bottom: 0px;
  	border: none;
}


.form-horizontal ul.multiselect-container .radio,.form-horizontal ul.multiselect-container .checkbox
	{
	min-height: initial;
	padding-top: 0
}

div[class*="col-"]>.form-group {
	margin-left: 0;
	margin-right: 0
}

.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn
	{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0
}

.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn
	{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0
}

.parsley-error-list {
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
	*zoom: 1
}

.parsley-error-list li {
	list-style-image: none;
	list-style-type: none;
	margin-left: 0;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	zoom: 1;
	*display: inline;
	white-space: nowrap
}

.parsley-error-list li {
	color: #db3833;
	font-size: 0.9em;
	margin-top: 3px
}

.wizard {
	position: relative;
	overflow: hidden;
	background-color: #f9f9f9
}

.wizard:before,.wizard:after {
	display: table;
	line-height: 0;
	content: ""
}

.nav-steps {
	padding: 10px 5px;
}

.nav-steps .btn-prev {
	float: left;
}
.nav-steps .btn-next {
	float: right;
}

.wizard:after {
	clear: both
}

.wizard ul {
	width: 4000px;
	padding: 0;
	margin: 0;
	list-style: none outside none
}

.wizard ul.previous-disabled li.complete {
	cursor: default
}

.wizard ul.previous-disabled li.complete:hover {
	color: #468847;
	cursor: default;
	background: #f3f4f5
}

.wizard ul.previous-disabled li.complete:hover .chevron:before {
	border-left-color: #f3f4f5
}

.wizard ul li {
	position: relative;
	float: left;
	height: 46px;
	padding: 0 20px 0 30px;
	margin: 0;
	font-size: 16px;
	line-height: 46px;
	color: #a5a5a5;
	cursor: default;
	background: #f2f2f2
}

.wizard ul li:first-child {
	padding-left: 20px
}

.wizard ul li .chevron {
	position: absolute;
	top: -24px;
	right: -14px;
	z-index: 1;
	display: block;
	border: 48px solid transparent;
	border-right: 0;
	border-left: 24px solid #fff
}

.wizard ul li .chevron:before {
	position: absolute;
	top: -48px;
	right: 5px;
	display: block;
	border: 48px solid transparent;
	border-right: 0;
	border-left: 24px solid #f2f2f2;
	content: ""
}

.wizard ul li.complete {
	color: #fff;
	background: #4ba84b
}

.wizard ul li.complete:hover {
	cursor: pointer;
	background: #49a449
}

.wizard ul li.complete:hover .chevron:before {
	border-left: 24px solid #49a449
}

.wizard ul li.complete .chevron:before {
	border-left: 24px solid #4ba84b
}

.wizard ul li.active {
	color: #fff;
	background: #296eaa
}

.wizard ul li.active .chevron:before {
	border-left: 24px solid #296eaa
}

.wizard ul li .badge {
	position: relative;
	top: -2px;
	margin-right: 8px;
	padding: 4px 7px
}

.wizard ul li .badge.badge-info {
	background-color: #1f5381
}

.wizard ul li .badge.badge-success {
	background-color: #3b853b
}

.step-content {
	margin: 30px 0;
	padding-left: 20px
}

.step-content .step-pane {
	display: none
}

.step-content .active {
	display: block
}

.step-content .active .btn-group .active {
	display: inline-block
}

.mapTooltip {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
	opacity: 0.9;
	position: fixed;
	padding: 10px;
	z-index: 1000;
	max-width: 200px;
	display: none;
	background-color: #f3f3f3;
	border: 1px solid #fff;
	color: #555
}

.mapTooltip span {
	font-weight: 700
}

.data-us-map .plotLegend {
	margin-top: 50px
}

.zoom-map {
	position: relative
}

.zoom-map .btn-group {
	margin-bottom: 20px
}

@media screen and (max-width: 480px) {
	.zoom-map .btn-group .btn {
		float: none;
		width: 100%;
		margin-left: 0;
		margin-bottom: 3px
	}
}

.map .zoomIn,.map .zoomOut {
	position: absolute;
	left: 10px;
	background: #fff;
	width: 20px;
	cursor: pointer;
	border: 1px solid #ccc;
	text-align: center;
	line-height: 20px
}

.map .zoomIn:hover,.map .zoomOut:hover {
	background: #f7f7f7
}

.map .zoomIn {
	top: 60px
}

.map .zoomOut {
	top: 85px
}

@media screen and (max-width: 480px) {
	.zoom-map .zoomIn {
		top: 100px
	}
	.zoom-map .zoomOut {
		top: 124px
	}
}

.map-custom-width {
	width: 75%
}

.map-custom-width .map {
	position: relative;
	left: 20%
}

.fc-header-title h2 {
	font-family: "latobold";
	font-size: 1.5em
}

.fc .fc-header-space {
	padding-left: 0
}

.fc-header .fc-button {
	margin-right: 3px;
	background-image: none;
	background-color: transparent;
	border: none;
	text-shadow: none;
	box-shadow: none;
	color: #555
}

.fc-header .fc-button.fc-corner-left,.fc-header .fc-button.fc-corner-right
	{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0
}

.fc-header .fc-header-left .fc-button {
	border-bottom: 1px solid #E1E1E1
}

.fc-header .fc-header-left .fc-button:hover,.fc-header .fc-header-left .fc-button:focus,.fc-header .fc-header-left .fc-button:active,.fc-header .fc-header-left .fc-button.active,.fc-header .fc-header-left .fc-button.fc-state-active
	{
	background-color: #ECECEC
}

.fc-button.fc-button-today {
	background-color: #296eaa;
	color: #fff;
	cursor: pointer
}

.fc-button.fc-button-today:hover,.fc-button.fc-button-today:focus,.fc-button.fc-button-today:active,.fc-button.fc-button-today.active
	{
	background-color: #1f5381
}

.fc-content table thead tr {
	background-color: #F3F3F3
}

.fc-ltr .fc-view .fc-event-hori.fc-event-end,.fc-ltr .fc-view .fc-event-hori.fc-event-start
	{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0
}

.fc-event-container a:hover,.fc-event-container a:focus {
	color: #C7DAE4
}

.fc-event-inner {
	padding: 2px 5px
}

.fc-view-month .fc-event .fc-event-inner:before {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	zoom: 1;
	*display: inline;
	font-family: FontAwesome;
	content: '\f111';
	font-size: 7px;
	margin-right: 5px
}

.fc-event-vert.fc-event-start,.fc-event-vert.fc-event-end {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0
}

.fc-agenda-allday th {
	border-width: 0 0px
}

#external-events .simplecolorpicker {
	display: table;
	width: 100%;
	border-collapse: separate;
	padding: 0;
	margin-bottom: 5px
}

#external-events .simplecolorpicker span.color {
	display: table-cell;
	text-align: center
}

#external-events .simple-checkbox {
	margin-top: 17px
}

.external-event {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	zoom: 1;
	*display: inline;
	padding: 2px 5px;
	border: 1px solid #3A87AD;
	background-color: #3A87AD;
	color: #fff;
	font-size: 0.9em;
	margin-right: 0;
	margin-bottom: 3px;
	cursor: move
}

@media screen and (min-width: 575px) and (max-width: 767px) {
	.king-gallery {
		width: 500px;
		margin: 0 auto
	}
}

.king-gallery .list-group-item-heading {
	font-size: 1em
}

.king-gallery .thumbnail {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	margin-bottom: 20px;
	padding: 0px;
	max-height: 225px
}

.king-gallery .item .thumbnail {
	position: relative;
	overflow: hidden;
	border: none
}

li.item > a:hover {
	cursor: pointer;
}

@media screen and (max-width: 480px) {
	.gallery-buttons .btn {
		width: 100%;
		margin-bottom: 15px
	}
}

.profile h3,.activity h3,.settings h3 {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	margin-top: 0;
	margin-bottom: 20px
}

.profile h3 i,.activity h3 i,.settings h3 i {
	margin-right: 5px
}

.tab-content.profile-page {
	padding: 35px 15px
}

.profile .user-info-left,.profile .user-info-right {
	padding: 10px 0
}

.profile .user-info-left {
	text-align: center
}

.profile .user-info-left img {
	border: 3px solid #fff
}

.profile .user-info-left h2 {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.3em;
	margin-bottom: 20px
}

.profile .user-info-left h2 i {
	font-size: 0.6em;
	position: relative;
	top: -8px
}

.profile .user-info-left ul.social {
	margin: 20px 0
}

.profile .user-info-left ul.social a {
	font-size: 20px;
	color: #b9b9b9
}

.profile .user-info-left ul.social a:hover {
	color: #868686
}

.profile .user-info-right {
	border-left: 1px solid #ddd;
	padding-left: 30px
}

.profile .user-info-right>div {
	margin-bottom: 60px
}

@media screen and (max-width: 992px) {
	.profile .user-info-right {
		border-left: none;
		padding-left: 0
	}
}

ul.activity-list li {
	padding-bottom: 15px
}

ul.activity-list li:not (:last-child ){
	border-bottom: 1px solid #ddd
}

ul.activity-list li:not (:first-child ){
	padding-top: 15px
}

ul.activity-list li .activity-icon {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	zoom: 1;
	*display: inline;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	border-radius: 30px;
	width: 30px;
	height: 30px;
	background-color: #e4e4e4;
	color: #656565;
	line-height: 30px;
	text-align: center;
	margin-right: 10px
}

ul.activity-list li p {
	margin-bottom: 0;
	padding-left: 40px
}

ul.activity-list li .timestamp {
	display: block;
	font-size: 0.85em;
	color: #b1b1b1
}

.activity .more i {
	margin-left: 3px;
	position: relative;
	top: 1px
}

.invoice-header {
	border-bottom: 1px solid #ddd;
	margin-bottom: 50px
}

.invoice-header ul {
	text-align: right
}

.invoice-header ul li {
	padding: 0 15px
}

.invoice-header ul li:not (:first-child ){
	border-left: 1px solid #ddd
}

@media screen and (max-width: 768px) {
	.invoice-header ul li:not (:first-child ){
		border-left: none
	}
}

@media screen and (max-width: 992px) {
	.invoice-header ul {
		margin-top: 10px;
		text-align: left
	}
}

.invoice-from-to {
	margin-bottom: 50px
}

.invoice-from-to .name {
	margin-top: 15px;
	font-size: 1.5em;
	font-weight: 700
}

.invoice-from-to address .contact {
	margin-top: 10px
}

.invoice-from-to address .contact p {
	margin-bottom: 0
}

.invoice-from-to address .contact p span {
	font-weight: 700
}

.invoice-table tbody tr td:last-child {
	text-align: right
}

.invoice-notes strong {
	display: block
}

.invoice-notes p {
	font-size: 0.75em
}

.invoice-footer .right-col {
	position: absolute;
	right: 15px
}

@media screen and (max-width: 768px) {
	.invoice-footer .right-col {
		position: relative;
		right: 0
	}
}

@media screen and (max-width: 768px) {
	.invoice-footer .right-col,.invoice-footer .left-col {
		width: 100%;
		float: none;
		margin-left: 0
	}
}

.invoice-total {
	padding-right: 24px
}

.invoice-total .row>div {
	padding: 0
}

.invoice-total .row>div:first-child p {
	padding-left: 10px
}

.invoice-total p:last-child {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	font-weight: 700;
	font-size: 1.3em;
	padding-top: 10px;
	padding-bottom: 10px
}

.invoice-buttons {
	text-align: right;
	margin-top: 50px
}

@media print {
	.top-general-alert,.top-bar,.left-sidebar,.breadcrumb,.quick-access,.main-header,.footer,.invoice-buttons,.del-style-switcher
		{
		display: none !important
	}
	.table-responsive {
		overflow-x: auto
	}
	.col-print-1,.col-print-2,.col-print-3,.col-print-4,.col-print-5,.col-print-6,.col-print-7,.col-print-8,.col-print-9,.col-print-10,.col-print-11
		{
		float: left
	}
	.col-print-1 {
		width: 8.33333%
	}
	.col-print-2 {
		width: 16.66667%
	}
	.col-print-3 {
		width: 25%
	}
	.col-print-4 {
		width: 33.33333%
	}
	.col-print-5 {
		width: 41.66667%
	}
	.col-print-6 {
		width: 50%
	}
	.col-print-7 {
		width: 58.33333%
	}
	.col-print-8 {
		width: 66.66667%
	}
	.col-print-9 {
		width: 75%
	}
	.col-print-10 {
		width: 83.33333%
	}
	.col-print-11 {
		width: 91.66667%
	}
	.col-print-12 {
		width: 100%
	}
	.col-print-offset-0 {
		margin-left: 0
	}
	.col-print-offset-1 {
		margin-left: 8.33333%
	}
	.col-print-offset-2 {
		margin-left: 16.66667%
	}
	.col-print-offset-3 {
		margin-left: 25%
	}
	.col-print-offset-4 {
		margin-left: 33.33333%
	}
	.col-print-offset-5 {
		margin-left: 41.66667%
	}
	.col-print-offset-6 {
		margin-left: 50%
	}
	.col-print-offset-7 {
		margin-left: 58.33333%
	}
	.col-print-offset-8 {
		margin-left: 66.66667%
	}
	.col-print-offset-9 {
		margin-left: 75%
	}
	.col-print-offset-10 {
		margin-left: 83.33333%
	}
	.col-print-offset-11 {
		margin-left: 91.66667%
	}
	.bottom .container .content-wrapper {
		border-left: none !important
	}
	.invoice-header img {
		width: auto
	}
	.invoice-header ul li {
		font-size: 8pt
	}
	.invoice-from-to .name {
		font-size: 12pt
	}
	.invoice-from-to .row>div {
		float: left
	}
	.invoice-notes {
		border-top: none;
		border-right: none;
		border-bottom: none
	}
}

.form-knowledge-search {
	margin-bottom: 50px;
	-webkit-appearance: none
}

@media screen and (max-width: 480px) {
	.form-knowledge-search input[type="search"] {
		font-size: 0.9em
	}
}

.knowledge h3 {
	border-bottom: 1px solid #ddd;
	line-height: 28px;
	font-size: 1.2em
}

.knowledge h3 span {
	font-weight: normal
}

.knowledge h3 a {
	text-decoration: none
}

.knowledge ul li {
	line-height: 30px
}

.knowledge ul li a {
	color: #555;
	display: block;
	padding-left: 20px
}

.knowledge ul li a:hover {
	text-decoration: underline
}

.knowledge ul li .fa.pull-left {
	line-height: 29px
}

.knowledge-recent-popular {
	margin-top: 50px
}

.knowledge-recent-popular ol {
	padding-left: 20px
}

.knowledge-recent-popular ol li {
	line-height: 30px
}

ul.nav-categories {
	margin-bottom: 30px
}

ul.nav-categories>li>a {
	color: #555
}

.ticket-box {
	border: 1px solid #ddd;
	padding: 15px
}

.page-error h1 {
	margin-top: 0
}

.page-error .title {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	zoom: 1;
	*display: inline;
	text-align: center
}

.page-error .number {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	zoom: 1;
	*display: inline;
	float: left;
	text-align: right;
	font-size: 4em;
	margin-right: 5px
}

.page-error .text {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	zoom: 1;
	*display: inline;
	float: left;
	text-align: left;
	font-size: 1.5em;
	line-height: 1.2;
	position: relative;
	top: 12px
}

@media screen and (max-width: 768px) {
	.page-error .text {
		margin-bottom: 40px
	}
}

@media screen and (max-width: 768px) {
	.page-error .number,.page-error .text {
		display: block;
		width: 100%;
		float: none;
		text-align: center
	}
}

@media screen and (max-width: 480px) {
	.page-error .number,.page-error .text {
		font-size: 1.4em
	}
}

.page-error .searchbox {
	margin-top: 50px;
	margin-bottom: 50px;
	width: 40%
}

@media screen and (max-width: 480px) {
	.page-error .searchbox {
		width: 100%
	}
	.page-error .searchbox input[type="search"],.page-error .searchbox .input-group,.page-error .searchbox .input-group-btn,.page-error .searchbox .btn
		{
		display: block;
		width: 100%
	}
}

@media screen and (max-width: 768px) {
	.page-error .searchbox {
		width: 80%
	}
}

.btn-login-facebook {
	background-color: #3B5998;
	color: #fff;
	position: relative;
	width: 100%;
	height: 40px;
	padding-left: 40px
}

.btn-login-facebook:hover,.btn-login-facebook:focus {
	color: #fff;
	background-color: #37538d
}

.btn-login-facebook:before {
	font-family: FontAwesome;
	font-size: 20px;
	content: "\f09a";
	display: block;
	position: absolute;
	top: -1px;
	left: -1px;
	padding: 7px 0;
	width: 40px;
	height: 40px;
	background-color: #2d4373
}

@media screen and (min-width: 768px) {
	.btn-login-facebook {
		width: 50%
	}
}

@media screen and (min-width: 992px) {
	.btn-login-facebook {
		width: 30%
	}
}

.page-login .logo {
	margin-bottom: 40px
}

.page-login .separator {
	margin: 30px auto;
	position: relative;
	width: 100%
}

.page-login .separator:before {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	zoom: 1;
	*display: inline;
	content: "";
	vertical-align: middle;
	height: 0;
	border-top: 1px solid #ddd;
	position: absolute;
	top: 9px;
	left: 10px;
	right: 10px
}

.page-login .separator span {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	zoom: 1;
	*display: inline;
	position: relative;
	background-color: #ececec;
	padding: 0 8px
}

@media screen and (min-width: 768px) {
	.page-login .separator {
		width: 50%
	}
}

@media screen and (min-width: 992px) {
	.page-login .separator {
		width: 31%
	}
}

.page-login .login-box {
	width: 100%;
	border: 1px solid #ddd;
	padding: 25px;
	text-align: left;
	background-color: #f1f1f1
}

.page-login .login-box .title {
	font-size: 1.2em;
	line-height: 1;
	margin-bottom: 15px
}

.page-login .login-box .btn-login {
	margin-top: 20px;
	margin-bottom: 30px
}

@media screen and (min-width: 768px) {
	.page-login .login-box {
		width: 50%
	}
}

@media screen and (min-width: 992px) {
	.page-login .login-box {
		width: 30%
	}
}

.page-login .links {
	text-align: center
}

.page-login .links p {
	margin-bottom: 0;
	font-size: 0.9em
}

.page-login .links p a:hover {
	text-decoration: none
}

.btn-register-facebook {
	background-color: #3B5998;
	color: #fff;
	position: relative;
	width: 100%;
	height: 40px;
	padding-left: 40px
}

.btn-register-facebook:hover,.btn-register-facebook:focus {
	color: #fff;
	background-color: #37538d
}

.btn-register-facebook:before {
	font-family: FontAwesome;
	font-size: 20px;
	content: "\f09a";
	display: block;
	position: absolute;
	top: -1px;
	left: -1px;
	padding: 7px 0;
	width: 40px;
	height: 40px;
	background-color: #2d4373
}

@media screen and (min-width: 768px) {
	.btn-register-facebook {
		width: 50%
	}
}

@media screen and (min-width: 992px) {
	.btn-register-facebook {
		width: 30%
	}
}

.page-register .logo {
	margin-bottom: 40px
}

.page-register .separator {
	margin: 30px auto;
	position: relative;
	width: 100%
}

.page-register .separator:before {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	zoom: 1;
	*display: inline;
	content: "";
	vertical-align: middle;
	height: 0;
	border-top: 1px solid #ddd;
	position: absolute;
	top: 9px;
	left: 10px;
	right: 10px
}

.page-register .separator span {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	zoom: 1;
	*display: inline;
	position: relative;
	background-color: #ececec;
	padding: 0 8px
}

@media screen and (min-width: 768px) {
	.page-register .separator {
		width: 50%
	}
}

@media screen and (min-width: 992px) {
	.page-register .separator {
		width: 31%
	}
}

.page-register .register-box {
	width: 100%;
	border: 1px solid #ddd;
	padding: 25px;
	text-align: left;
	background-color: #f1f1f1
}

.page-register .register-box .title {
	font-size: 1.2em;
	line-height: 1;
	margin-bottom: 15px
}

.page-register .register-box input {
	margin-bottom: 10px
}

.page-register .register-box input:focus {
	border-color: #ccc
}

.page-register .register-box .btn-register {
	margin-top: 20px
}

@media screen and (min-width: 768px) {
	.page-register .register-box {
		width: 50%
	}
}

@media screen and (min-width: 992px) {
	.page-register .register-box {
		width: 30%
	}
}

.inbox .searchbox {
	margin-bottom: 10px;
	width: 45em;
	padding-left: 4.8em
}

@media screen and (max-width: 1280px) {
	.inbox .searchbox {
		width: auto;
		padding-left: initial
	}
}

.inbox .top .row>div:first-child {
	padding-right: 0
}

@media screen and (max-width: 1280px) {
	.inbox .top .row>div:first-child {
		padding-right: 15px
	}
}

.inbox .top-menu {
	padding-left: 21px;
	border-left: 1px solid #ddd
}

@media screen and (max-width: 1279px) {
	.inbox .top-menu {
		padding-left: 0;
		border-left: none;
		margin-top: 10px
	}
}

.inbox .top-menu .top-menu-label {
	margin-right: 5px
}

.inbox .top-menu>ul,.inbox .top-menu .simple-checkbox-all {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	zoom: 1;
	*display: inline
}

.inbox .top-menu>ul {
	margin-right: 10px
}

.inbox .top-menu>ul>li {
	padding-left: 0;
	padding-right: 0
}

.inbox .top-menu .btn {
	background-color: #e4e4e4;
	color: #717171;
	font-size: 0.85em
}

.inbox .top-menu .btn:hover {
	color: #3e3e3e
}

.inbox .top-menu .btn:active,.inbox .top-menu .btn.active,.inbox .top-menu .btn:focus,.inbox .top-menu .btn.focus
	{
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	outline: none
}

.inbox .top-menu .btn-group.open .dropdown-toggle {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}

.inbox .top-menu ul.dropdown-menu li {
	font-size: 0.9em
}

.inbox .top-menu ul.dropdown-menu li a {
	color: #717171;
	padding: 3px 11px
}

.inbox .top-menu .navigation {
	position: absolute;
	top: -6px;
	right: 0
}

.inbox .top-menu .navigation .inbox-nav-toggle {
	font-size: 22px;
	position: relative;
	top: 9px;
	float: left
}

@media screen and (max-width: 768px) {
	.inbox .top-menu .navigation {
		display: block;
		position: initial
	}
	.inbox .top-menu .navigation .pager-wrapper {
		float: right
	}
}

.inbox .top-menu .navigation .info {
	position: relative;
	top: 2px;
	right: 15px;
	font-size: 0.85em
}

.inbox .top-menu .navigation ul.pager {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	zoom: 1;
	*display: inline;
	margin: 0;
	position: relative;
	right: 8px
}

@media screen and (max-width: 768px) {
	.inbox .top-menu .navigation ul.pager {
		position: initial
	}
}

.inbox .top-menu .navigation ul.pager li {
	font-size: 24px
}

.inbox .top-menu .navigation ul.pager li a {
	color: #717171;
	padding: 5px 7px
}

.inbox .top-menu .navigation ul.pager li a:hover {
	color: #3e3e3e
}

.inbox .bottom {
	border-top: 1px solid #ddd
}

.inbox .bottom .row>.inbox-left-menu {
	padding-right: 0;
	padding-top: 14px
}

@media screen and (max-width: 768px) {
	.inbox .bottom .row>.inbox-left-menu {
		display: none;
		padding-right: 15px
	}
}

.inbox .bottom .row .messages {
	border-left: 1px solid #ddd;
	padding-left: 15px;
	padding-top: 10px
}

@media screen and (max-width: 992px) {
	.inbox .bottom .row .messages {
		border-left: none;
		padding-left: 0
	}
}

.inbox .bottom ul.left-menu {
	margin-bottom: 40px
}

.inbox .bottom ul.left-menu li a {
	display: block;
	color: #888;
	padding: 5px 0px;
	font-size: 0.9em
}

.inbox .bottom ul.left-menu li a:hover {
	color: #555;
	text-decoration: none
}

.inbox .bottom ul.left-menu li i {
	width: 15px;
	margin-right: 5px
}

.inbox .bottom ul.left-menu li .badge {
	background-color: #a2a2aa2;
	color: #f9f9f9
}

.inbox .labels h3 {
	font-size: 1em
}

.inbox .labels li a {
	font-size: 0.9em;
	color: #888
}

.inbox .labels li a:hover {
	color: #555;
	text-decoration: none
}

.inbox .labels li i {
	width: 14px;
	height: 14px;
	position: relative;
	top: 2px
}

.inbox .message-label {
	padding: 3px;
	font-size: 0.8em;
	font-family: "latobold";
	color: #fff !important
}

@media screen and (max-width: 992px) {
	.inbox .message-label {
		display: none
	}
}

.inbox .label1 {
	color: #97DD03;
	background-color: #97DD03
}

.inbox .label2 {
	color: #03CCDD;
	background-color: #03CCDD
}

.inbox .label3 {
	color: #DD4003;
	background-color: #DD4003
}

.inbox table.message-table {
	table-layout: fixed
}

@media screen and (max-width: 992px) {
	.inbox table.message-table {
		display: block
	}
}

.inbox table.message-table colgroup .col-check {
	width: 25px
}

.inbox table.message-table colgroup .col-star {
	width: 25px
}

.inbox table.message-table colgroup .col-from {
	width: 140px
}

.inbox table.message-table colgroup .col-attachment {
	width: 50px
}

.inbox table.message-table colgroup .col-timestamp {
	width: 70px
}

@media screen and (max-width: 992px) {
	.inbox table.message-table colgroup .col-from,.inbox table.message-table colgroup .col-blank,.inbox table.message-table colgroup .col-timestamp
		{
		width: auto
	}
}

.inbox table.message-table tr {
	cursor: pointer;
	border-bottom: 1px solid #ececec
}

.inbox table.message-table tr .simple-checkbox {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	zoom: 1;
	*display: inline;
	position: relative;
	top: 3px
}

.inbox table.message-table tr .simple-checkbox input[type="checkbox"]+label
	{
	margin-right: 0;
	padding-left: 0
}

.inbox table.message-table tr .simple-checkbox input[type="checkbox"]+label:before
	{
	background-color: #fff
}

.inbox table.message-table tr.unread {
	font-weight: 700;
	background-color: #fcfcfc
}

.inbox table.message-table tr.unread .icon-attachment i {
	color: initial
}

.inbox table.message-table tr.highlighted {
	background-color: #FFFEED
}

.inbox table.message-table tr td {
	color: #555;
	font-size: 0.9em;
	white-space: nowrap;
	overflow: hidden
}

@media screen and (max-width: 992px) {
	.inbox table.message-table tr td:nth-child(3),.inbox table.message-table tr td:nth-child(4)
		{
		display: block;
		white-space: normal;
		overflow: visible
	}
}

.inbox table.message-table tr td:hover {
	text-decoration: none
}

.inbox table.message-table tr td i {
	font-size: 17px;
	position: relative;
	top: 2px;
	color: #ccc
}

.inbox table.message-table tr td i.fa-star {
	color: #ffb800 !important
}

.inbox table.message-table tr td .from {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	zoom: 1;
	*display: inline;
	margin-right: 20px
}

.inbox table.message-table tr td .preview {
	font-weight: normal;
	color: #aaa
}

.inbox table.message-table tr td .timestamp {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	zoom: 1;
	*display: inline;
	float: right
}

.footer {
	padding: 5px 10px;
	font-size: 0.9em;
	text-align: center;
	position: fixed;
	bottom: 0;
	opacity: 0.8;
	color: #141414;
	left: 0;
	display: flex;
	justify-content: space-between;
	text-align: center;
	align-items: center;
	padding: 15px 0;
	right: 0;
	height: 30px;
	background: rgba(115, 117, 120, 0.7) none repeat scroll 0% 0%;
}

.footer > span, .footer a {
	margin: 0 10px;
}

.btn-group > input[type="checkbox"]:first-child:not(:last-child):not(.dropdown-toggle) + label.btn {
    border-radius: 4px 0 0 4px;
}
label.btn {
	padding: 6px 12px;
}

.evenement, #evenement{
	border: 2px solid #FF0500;
	font-size: 0.9em;
	text-align: center;
	position: fixed;
	bottom: 30px;
	opacity: 1;
	min-width: 600px;
	text-align: right;
	max-height: 70px;
	color: black;
	z-index: 1000;
	margin: 5px;
	border-radius: 3px;
	background-color: #f2dede;
}

.messages-float {
	bottom: 5px;
	position: fixed;
	margin: 0 auto 5px auto;
	width: 600px;
	left: 10px;
}

ul.messages {
	list-style-type: none;
	padding-left: 0;
	width: 100%;
	text-align: left;
}

.evenement .table, #evenement .table{
	margin-bottom: 0px;	
	background: inherit;
}

.contentEvenement {
	max-height: 60px;
	overflow-y: auto;
}

.contentEvenement td {
	font-size: bold;
}
.contentEvenement td.error {
	color: red;
}

.footer a:hover {
	cursor: pointer;
}

.footer #panelMenuPied {
    float: left;
    margin-left: 10px;
}

.footer a, #pied span {
    color: #234F6E;
    font-size: 12px;
}

.footer a {
	color: #fff;
    padding: 0 10px;
}

.footer a:hover {
    text-decoration: underline;
    color: #fff;
}

.footer .ui-clock {
	padding: 0;
	font-family: Verdana, Arial;
	font-weight: normal;
}

.footer #heureServeur {
	padding: 5px 0 0 10px;
	float: left;
}

ul.main-menu li.active > a > .toggle-icon.fa-angle-left {
	transform: rotate(-90deg);
	transition: all 0.2s;
}
ul.main-menu li > a > .toggle-icon.fa-angle-left {
	transition: all 0.2s;
}

a, a:active {
    outline: none;
    outline: 0;
}

#menuHeader h1 {
    padding: 0;
    color: #fff;
    font-size: 1.4rem;
    margin: 0 0 0 10px;
    display: inline-block;
    font-weight: bold;
    height: 16px;
    flex-grow: 10;
}

#panelUtilisateur a.logout {
    color: #b8e2ff;
    font-size: 1.2rem; 
}

h2 {
	margin: 15px 10px 10px 10px;
}
h2 + form {
	margin-top: 10px;
}

dt {
    font-weight: normal;
}

section {
	clear: both;
}

.widget .widget-header h3 {
   float: none;
}

.top-bar .logo > img {
	height: 30px;
}

.top-bar .top-bar-right {
    text-align: right;
    padding-right: 15px;
}

.top-bar .top-bar-right .btn-link {
    color: #ddd;
}

.top-bar .top-bar-right .btn-link:hover {
    color: #fff;
}

.top-bar .top-bar-right #global-volume {
    padding: 0;
}

@media screen and (min-width: 480px) {
    .top-bar .top-bar-right #global-volume {
        padding: initial;
    }
}

.top-bar .top-bar-right #start-tour {
    display: none;
}

@media screen and (min-width: 480px) {
    .top-bar .top-bar-right #start-tour {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
    }
}

@media screen and (min-width: 992px) {
    .top-bar .top-bar-right {
        float: right;
        position: relative;
        top: 2px;
    }
	
	#navigInfos{display: inline-flex;}	
	.libelleInfos{display: inline-block;}
	.textInfos{display: inline-block;}
}

.top-bar .searchbox {
    margin: 10px 0;
    padding-left: 0;
    top: 3px;
}

.top-bar .searchbox input[type="search"] {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 1px 6px;
    height: 24px;
    font-size: 0.85em;
    border-color: #484848;
    -webkit-appearance: none;
}

.top-bar .searchbox .btn {
    padding: 3px 6px;
    background-color: #4285F4;
    border-color: #484848;
    font-size: 1rem;
}

.top-bar .searchbox .btn .fa {
    color: white;
}

.top-bar .searchbox .btn:hover {
    border-color: #484848;
}

.top-bar .searchbox .btn:hover .fa {
    color: #1a1a1a;
}

@media screen and (min-width: 992px) {
    .top-bar .searchbox {
        width: 16em;
        padding-left: 15px;
        margin: 0;
    }
}

.top-bar .dropdown-menu {
    padding: 0;
}

.top-bar .dropdown-menu>li>a {
    padding: 8px;
}

.top-bar .container .col-md-10 {
	justify-content: flex-end;
	display: inline-flex;
	align-items: center;
}

.top-bar .container .col-md-10 > * {
	margin-left: 15px;
}

.top-bar.medium .dropdown-menu {
	top: 36px;
}

.top-bar .dropdown-menu>li>a:hover {
    background-color: #fafafa;
}

.top-bar .notifications {
    margin-left: 10px;
    margin-right: 28px;
}

.top-bar .notifications .notification-item {
    position: relative;
    margin-left: 25px;
}

.top-bar .notifications .notification-item .open .circle {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    width: 5px;
    height: 5px;
    position: absolute;
    top: 19px;
    left: 4px;
    background-color: #fff;
}

.top-bar .notifications .notification-item .btn-group.open>a {
    color: #fff;
}

.top-bar .notifications .notification-item .btn-group>a {
    color: #fff;
}

.top-bar .notifications .notification-item .btn-group>a:hover {
    color: #fff;
    text-decoration: none;
}

.top-bar .notifications .notification-item .fa-circle {
    color: #fff;
}

.top-bar .notifications .btn-group.open .dropdown-toggle {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.top-bar .notifications>ul {
    list-style-type: none;
}

.top-bar .notifications>ul,.top-bar .notifications>ul li {
    margin: 0px;
    padding: 0px;
    display: inline;
}

.top-bar .notifications>ul>li li {
    display: block;
    padding: 0;
    border-top: 1px solid #f1f1f1;
}

.top-bar .notifications>ul>li li:first-child {
    border-top: none;
}

.top-bar .notifications .count {
    position: absolute;
    top: -7px;
    left: 58%;
    padding: 0px 5px;
    border-radius: 30px;
    line-height: 16px;
    text-align: center;
    font-size: 10px;
    color: #fff;
    background: #e60404 !important;
}

.top-bar .notifications .dropdown-menu {
    top: 26px;
    width: 350px;
}

@media screen and (max-width: 480px) {
    .top-bar .notifications .dropdown-menu {
        width: 305px;
    }
}

.top-bar .notifications .dropdown-menu .notification-header {
    font-size: 0.85em;
    font-weight: 700;
    line-height: 2;
    padding: 5px 8px;
}

.top-bar .notifications .dropdown-menu .notification-footer a {
    text-align: center;
    font-size: 0.85em;
}

.top-bar .notifications .dropdown-menu .notification-footer a:hover {
    background: none;
    text-decoration: underline;
}

.top-bar .notifications .dropdown-menu .text {
    font-size: 0.85em;
    margin-bottom: 0;
    color: #888;
}

.top-bar .notifications .dropdown-menu .timestamp {
    font-size: 0.75em;
    color: #888;
}

.top-bar .notifications .inbox .dropdown-menu {
    left: -140px;
}

@media screen and (max-width: 480px) {
    .top-bar .notifications .inbox .dropdown-menu {
        left: -10em;
    }
}

.top-bar .notifications .inbox .inbox-item {
    display: block;
}

.top-bar .notifications .inbox .inbox-item.unread {
    background-color: #f5f5f5;
}

.top-bar .notifications .inbox img {
    width: 32px;
}

.top-bar .notifications .inbox .name {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 0.85em;
    color: #555;
    font-weight: 700;
    margin-bottom: 0;
}

.top-bar .notifications .general .dropdown-menu {
    left: -182px;
}

.top-bar .notifications .general .dropdown-menu li a .fa {
    min-width: 14px;
}

.top-bar .notifications .general .dropdown-menu li a .timestamp {
    float: right;
}

@media screen and (max-width: 480px) {
    .top-bar .notifications .general .dropdown-menu {
        left: -13em;
    }
}

.top-bar .btn {
    padding: 0;
    border: none;
    text-decoration: none;
    color: #fff;
    display: inline-flex;
    align-items: center;
}

.top-bar .logged-user .btn .caret {
    border-top-color: #fff;
}

.top-bar .logged-user .btn:hover {
    color: #fff;
    text-decoration: none;
}

.top-bar .logged-user .btn img {
    /*border: 1px solid #5e5e5e;*/
}

.top-bar .logged-user .open .btn {
    color: #fff;
}

.top-bar .logged-user .dropdown-menu {
    left: -36px;
    top: 31px;
    padding: 0;
}

.top-bar .logged-user .dropdown-menu>li {
    border-top: 1px solid #f1f1f1;
}

.top-bar .logged-user .dropdown-menu>li:first-child {
    border-top: none;
}

.top-bar .logged-user .dropdown-menu>li>a {
    color: #555;
    font-size: 0.9em;
}

.top-bar.navbar-fixed-top+.bottom {
    margin-top: 44px;
}

#action 
{			
    border: 1px solid #4EA7C9;
    background-color: #def3ff;
    padding:5px;
    border-radius: 5px;
}
#action:after {
	clear: both;
	display: table;
	content: " ";
}


#action>.dropdown>button{
	width: 150px !important;
	color: black !important;
	font-size: 1.2em !important;
	float: left !important;
}
#action>.dropdown>button:hover{
	width: 150px !important;
	color: black !important;
	font-size: 1.2em !important;
	float: left !important;
	-webkit-transform: scale(1.0) !important;
	-moz-transform: scale(1.0) !important;
	-ms-transform: scale(1.0) !important;
	-o-transform: scale(1.0) !important;
	transform: scale(1.0) !important;
}

#action .dropdown-menu{
	top:36px;
}

#action .boutonAccueil
{	
	float: left;
}

#action .bouton
{	
	float: right;
}


#action .ui-icon {
	left: 0;
	top: 0;
	position: relative;
	margin: 0;
}

#action div img {
    margin-right: 8px;
}

#action input, #action button, #action a
{
	font-family: "Arial";
	color: #FFFFFF;
	cursor: pointer;
	font-weight: normal;	
	border: none;
	font-size: 0;
	text-align: center;
    border: 1px solid #11496e;
    border-radius: 6px;
    padding: 4px;
    display: inline-block;
    height: 36px;
    width: 36px;
    -webkit-transition: all .1s cubic-bezier( .6, 2, .4, 1);
	-moz-transition: all .1s cubic-bezier( .6, 2, .4, 1);
	-ms-transition: all .1s cubic-bezier( .6, 2, .4, 1);
	-o-transition: all .1s cubic-bezier( .6, 2, .4, 1);
    transition: all 0.1s;
    margin-right:4px;
    float: right;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    background-image: -moz-linear-gradient(top, #fff 50%, #f4f4f4 100%);
    background-image: -webkit-linear-gradient(top, #fff 50%, #f4f4f4 100%);
    background-image: -ms-linear-gradient(top, #fff 50%, #f4f4f4 100%);
    background-image: -o-linear-gradient(top, #fff 50%, #f4f4f4 100%);
    background-image: linear-gradient(to bottom, #fff 50%, #f4f4f4 100%);
}

#action input:hover, #action button:hover, #action a:hover {
    cursor: pointer;
    border: 2px solid #00aeff !important;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
	transform: scale(1.2);
}

.hover-bouncable {
	-webkit-transition: all .1s cubic-bezier( .6, 2, .4, 1);
	-moz-transition: all .1s cubic-bezier( .6, 2, .4, 1);
	-ms-transition: all .1s cubic-bezier( .6, 2, .4, 1);
	-o-transition: all .1s cubic-bezier( .6, 2, .4, 1);
    transition: all 0.1s;
}
.hover-bouncable:hover {
	-webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
	transform: scale(1.2);
}

#action img
{
	border: 0;
}

.dropdown:hover .dropdown-menu
{
	display: block;
}

.dropdown-menu {
    margin-top: 0px;
    border-radius: 0 0 4px 4px;
}

.dropdown-menu > li > span {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857;
    color: #333;
    white-space: nowrap;
}

.dropdown-menu > li > span:hover, .dropdown-menu > li > span:focus {
    color: #262626;
    background-color: #F5F5F5;
    cursor: pointer
}

#menuContent ~ .content
{
	display: none;
}
#menuContent[data-content="content0"] ~ #content0,
#menuContent[data-content="content1"] ~ #content1,
#menuContent[data-content="content2"] ~ #content2,
#menuContent[data-content="content3"] ~ #content3,
#menuContent[data-content="content4"] ~ #content4,
#menuContent[data-content="content5"] ~ #content5,
#menuContent[data-content="content6"] ~ #content6,
#menuContent[data-content="content7"] ~ #content7,
#menuContent[data-content="content8"] ~ #content8,
#menuContent[data-content="content9"] ~ #content9,
#menuContent[data-content="content"] ~ .content 
{
	display: block;
}

/** GESTION DU MODE D'AFFICHAGE */
#boutonModeJour {
	display: none;
}
#boutonModeNuit {
	display: block;
}

/*********** Matrice **************/
.tableMatrice {
	background-color: #fff;
	margin: 10px;
	border: 1px solid #E7EBEF;
	border-radius: 8px;
	border-collapse: collapse;
	font-size: 12px;
}

.tableMatrice td > span {
	display: block;
	width: auto;
	padding: 4px 10px;
	margin: 0;
}

.tableMatrice td > span.checked {
	background-color: #a1fbda;
}
.tableMatrice tr td:first-child {
	font-weight: bold;
	color: #fff;
}
.tableMatrice tr.ui-datatable-even td:first-child,
.editable .tableMatrice tbody tr.ui-datatable-even td:first-child {
	background: #8f8f8f
}
.tableMatrice tr.ui-datatable-odd td:first-child,
.editable .tableMatrice tbody tr.ui-datatable-odd td:first-child {
	background: #666666;
}

tr.ui-datatable-selectable:hover {
	cursor: pointer;
}

.tbody {
	position: absolute;
	overflow-x: hidden;
	overflow-y: scroll;
	top: 70px;
	bottom: 0;
	left: 0px;
	right: 0px;
}

.tbody .tableMatrice
{
	width: 100%;
	margin: 0 10px;
}

.tableMatrice thead th, .tableMatrice tbody td {
	width: 100px;
}

.tableMatrice th {
	background-color: #666666;
	color: #fff;
	padding: 2px 5px;
}

.tableMatrice tbody tr:nth-child(2n+1) th {
	background-color: #8f8f8f;
}

.tableMatrice tbody tr:nth-child(2n) td {
	background-color: #eaeaea;
}

.tableMatrice tbody tr:hover td, .tableMatrice tbody tr:hover th
{
	background-color: #89c1d8;
	color: black;
}

.tableMatrice tbody tr td [type="checkbox"]:disabled {
	color:red;
  	box-shadow: none;  
  	border-color: red;  
  	background-color: red;
} 
.disabled {
	color: #BBBBBB !important;
}

.disabled label {
	color: #bbb;
	transition: color 0.3s;
}


/************** Mode Editable ************************/
body.editable .widget, body.editable #action, body.editable #arbre{
	border-color: #ffe9ae;
}

body.editable #action{
    background: #FFF9E9;
}

body.editable #arbre{
    background: #FFF9E9;
}

body.editable .widget-header{
    background: #ffe9ae;
}

body.editable .widget-header h3{
    color: #6B2828;
}

/******************* COMPOSANTS rcibox-web.css **********/
.control-multipleSelect ul {
	list-style-type: none;
	max-height: 300px;
	overflow-y: auto;
	overflow-x: hidden;
}
.rci-multiselect {
	height: 80px;
	overflow-x: hidden;
	overflow-y: auto;
	background-color: #fff;
}
.rci-multiselect ul {
	padding: 0;
	margin: 2px;
	list-style-type: none;
}
.rci-multiselect li {
	margin: 2px 0;
}
.rci-multiselect.disabled input, .rci-multiselect.disabled input:not(:checked) + label {
	display: none;
}


/*** Mode nuit ***/
html.modeNuit
{
	background-color: #0A313F;
}

html.modeNuit #modeAffichage span#boutonModeJour, html #modeAffichage span#boutonModeNuit
{
	display: none;
}

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

#arbre {
	margin-top: 10px;
	background-color: #DEF3FF;
	border: 1px solid #4EA7C9;
    border-radius: 5px;
    padding: 10px;
	float: left;
	position: relative;
	min-height: 1px;
	width: 16.6667%;
	overflow-y: auto;	
}

#arbre + #corps {
	float: left;
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	width: 83.3333%;
}


div#action .boutonSupprimer, 
div#action .boutonEnregistrer, 
div#action .boutonTampon, 
div#action .boutonEditer, 
form.editable div#action .boutonEditer, 
form.editable div#action .boutonRechercher, 
div#principal .boutonRechercher, 
div#action .boutonAttacher 
{
	display: none;
}


form.editable div#action .boutonEnregistrer, 
form.editable div#action .boutonSupprimer
{
   display: inline;
}

.ui-datepicker {
	border: 1px solid #CCC !important;
	border-radius: 2px !important;
	background-clip: padding-box !important;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4);
	transition: opacity 0.218s ease 0s;
	margin: 1px 0px 0px;
	min-width: 170px;
	background: rgba(255, 255, 255, 0.9);
	padding: 0;
	display: none;
}
.ui-datepicker::before {
    content: "";
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(0, 0, 0, 0.2);
    position: absolute;
    top: -7px;
    left: 6px;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
	border-radius: 2px 2px 0 0;
	background: #739AB0;
	color:white;
	height: auto;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	width: auto;
	height: auto;
	padding: 8px;
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	color: #fff;
	top: 0px;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-prev-hover:hover,
.ui-datepicker .ui-datepicker-next-hover:hover {
	cursor: pointer;
	color: #FFAB00;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: none;
}
.ui-datepicker .ui-datepicker-prev:before {
	content: "\f0d9";
}
.ui-datepicker .ui-datepicker-next:before {
	content: "\f0da";
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1.2rem;
	margin: 1px 0;
	color: #555;
}
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: 1.3rem;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
	width: 40px;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: center;
	text-decoration: none;
	border-radius: 3px;
}
.ui-datepicker td a:hover {
	color: #fff;
	background-color: #5DB2FF;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}
.ui-state-highlight{
	background-color: #FFAB00;
	color: #fff;
}
/*.ui-datepicker-calendar th:nth-child(6), .ui-datepicker-calendar th:nth-child(7),
.ui-datepicker-calendar td:nth-child(6), .ui-datepicker-calendar td:nth-child(7) {
	background-color: rgba(246, 246, 246, 0.8);
}*/

td{
	vertical-align: middle !important;
}

.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.ui-autocomplete-query { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }

input:focus+span.input-group-addon{
	background-color: #D5FFDA;
}

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th,
div.table-striped table > tbody > tr:nth-child(odd) > td,
div.table-striped table > tbody > tr:nth-child(odd) > th {
  background-color: #fffded;
}
.table-striped > tbody > tr:nth-child(even) > td,
.table-striped > tbody > tr:nth-child(even) > th,
div.table-striped table > tbody > tr:nth-child(even) > td,
div.table-striped table > tbody > tr:nth-child(even) > th {
    background-color: #fff;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th,
div.table-hover table > tbody > tr:hover > td,
div.table-hover table > tbody > tr:hover > th,
tr.ui-state-highlight > td {
  background-color: #f3e9b3;
}

div.table-bordered {
	border: none;
}
.table-condensed p {
margin: 1px;
}

.table-no-bordered {
  border: 0px;
}

.table-no-bordered > thead > tr > th,
.table-no-bordered > tbody > tr > th,
.table-no-bordered > tfoot > tr > th,
.table-no-bordered > thead > tr > td,
.table-no-bordered > tbody > tr > td,
.table-no-bordered > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border: 0px;
}

#loading {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.2);
	z-index: 9999999999;
	display: none;
	text-align: center;
	align-items: center;
	justify-content: center;
}

/******* Surcharge de Primefaces **********/
.ui-inputfield {
	border: none;
}

.ui-autocomplete,
.ui-autocomplete > .ui-inputfield,
.control-container {
	width: 100%;
}

.ui-autocomplete.form-control, .control-container {
	border: none;
	padding: 0;
	margin: 0;
}

.ui-autocomplete.form-control > input,
.control-container > input {
	display: block;
    width: 100%;
    font-size: 14px;
    line-height: 1.42857;
    color: #555;
    background-color: #FFF;
    background-image: none;
    border: 1px solid #CCC;
    border-radius: 4px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}

.ui-button.btn {
	padding: 6px 12px;
}
.ui-button-text-icon-left .ui-button-text {
    padding: 0;
}
.btn .ui-button-icon-left.ui-icon {
    left: auto;
    position: relative;
    top: auto;
    margin: 0 8px 0 0;
}
.ui-icon {
    display: inline;
    text-indent: 1;
    overflow: hidden;
    background-repeat: none;
}

.btn .ui-button-text.ui-c {
	display: inline;
}

.ui-autocomplete.form-control > input:focus,
.control-container > input:focus {
	border-color: #66afe9;
	outline: 0;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}

.ui-autocomplete > .ui-inputfield {
	padding: 4px;
}

div.dataTables_info {
	font-size: 1.2rem;
}
/* Adaptation du style Bootstrap pour les tableaux Primefaces */
div.table table {
  width: 100%;
}
div.table table > thead > tr > th.text-right {
	text-align: center !important;
}
div.table table > thead > tr > th,
div.table table > tbody > tr > th,
div.table table > tfoot > tr > th,
div.table table > thead > tr > td,
div.table table > tbody > tr > td,
div.table table > tfoot > tr > td {
	padding: 6px 8px;
	line-height: 1.42857143;
	vertical-align: top;
	border-top: 1px solid #ddd;
}
.table > tbody > tr > td, .table > tbody > tr > th,
div.table table > tbody > tr > td, td.linkable > a {
    padding: 8px;
}
.table > tbody > tr > td.linkable {
	padding: 0;
}
.table > tbody > tr > td.linkable > a {
	display: block;
	color: #555;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
  background-color: #999;
  color: #fff;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
	border-top: 0;
}
.table > tbody + tbody {
	border-top: 2px solid #ddd;
}
.table .table {
	background-color: #fff;
}
div.table-bordered table {
	border: 1px solid #ddd;
}
div.table-bordered table > thead > tr > th,
div.table-bordered table > tbody > tr > th,
div.table-bordered table > tfoot > tr > th,
div.table-bordered table > thead > tr > td,
div.table-bordered table > tbody > tr > td,
div.table-bordered table > tfoot > tr > td {
	border: 1px solid #ddd;
}
div.table-bordered table > thead > tr > th,
div.table-bordered table > thead > tr > td {
	border-bottom-width: 2px;
}
.table-hover > tbody > tr:hover {
	background-color: #f5f5f5;
}
div.table table > thead > tr > td.active,
div.table table > tbody > tr > td.active,
div.table table > tfoot > tr > td.active,
div.table table > thead > tr > th.active,
div.table table > tbody > tr > th.active,
div.table table > tfoot > tr > th.active,
div.table table > thead > tr.active > td,
div.table table > tbody > tr.active > td,
div.table table > tfoot > tr.active > td,
div.table table > thead > tr.active > th,
div.table table > tbody > tr.active > th,
div.table table > tfoot > tr.active > th {
	background-color: #f5f5f5;
}


.table-compact > thead > tr > th,
.table-compact > tbody > tr > th,
.table-compact > tfoot > tr > th,
.table-compact > thead > tr > td,
.table-compact > tbody > tr > td,
.table-compact > tfoot > tr > td {
	padding: 3px 3px !important;
	line-height: 1.42857143 !important;
	vertical-align: top !important;
	border-top: 1px solid #ddd !important;
}

tr.ui-state-highlight {
	color: inherit;
}

.ui-autocomplete-panel .ui-autocomplete-list {
	padding: 0.4em 0;
	background: rgba(255, 255, 255, 0.9);
	border-radius: 5px;
}
.ui-autocomplete-panel .ui-autocomplete-list .ui-state-highlight {
	color: #fff;
	background-color: #86C1E2;
}
.ui-autocomplete-panel .ui-autocomplete-list-item {
	padding: 1px 0.4em;
}

.dataTables_length, .DTTT_container, .dataTables_filter, .dataTables_info, .dataTables_paginate {
	display: inline-block;
}
.dataTables_filter, .dataTables_paginate {
	float: right;
}
.DTTT {
	margin: 0 20px;
}
.DTTT > .btn:hover {
	cursor: pointer !important;
	opacity: 1;
}
.DTTT > .btn {
	background: transparent;
	background-image: url('../icons/icons-16.png');
	background-repeat: no-repeat;
	display: inline-block;
	width: 16px;
	height: 16px;
	border: 0;
	font-size: 1px;
	font-weight: normal;
	opacity: 0.8;
    transition: all 0.1s;
    margin: 0 10px;
    padding: 0;
}
.DTTT > .btn > span {
	display: none;
}
.DTTT_button_copy {
	background-position: -16px -64px !important;
}
.DTTT_button_csv, .DTTT_button_print {
	display: none !important;
}
.DTTT_button_xls {
	background-position: -64px 0 !important;
}
.DTTT_button_pdf {
	background-position: -80px 0 !important;
}

.pagination > li > a, .pagination > li > span {
	font-size: 1.2rem;
	padding: 4px 10px;
}

.pane-nav-tabs > .nav {
	margin: 5px;
}

.pane-nav-tabs > .nav li > a:focus {
	outline: none;
}

.pane-login {
	background-color: rgba(255, 255, 255, 0.9);
}
ol.tree {
	padding: 0;
	margin: 0;
}
ol.tree li { 
	position: relative; 
	list-style: none;
}
ol.tree li.treeNode {
	margin-left: -1px !important;
	border-radius: 3px;
}
ol.tree li.file a {
	background: url(document.png) 0 0 no-repeat;
	color: #fff;
	padding-left: 21px;
	text-decoration: none;
	display: block;
}
ol.tree li.treeNode a[href *= '.pdf'] {
	background: url(document.png) 0 0 no-repeat;
}
ol.tree li.treeNode a[href *= '.html'] {
	background: url(document.png) 0 0 no-repeat;
}
ol.tree li.treeNode a[href $= '.css'] {
	background: url(document.png) 0 0 no-repeat;
}
ol.tree li.treeNode a[href $= '.js'] {
	background: url(document.png) 0 0 no-repeat;
}
ol.tree li.treeNode a[href $= '.xml'] {
	background: url(document.png) 0 0 no-repeat;
}
ol.tree li input {
	position: absolute;
	left: 0;
	margin-left: 0;
	opacity: 0;
	z-index: 2;
	cursor: pointer;
	height: 1em;
	width: 1em;
	top: 0;
}
ol.tree li input ~ ol {
	margin: -0.938em 0 0 -44px; /* 15px */
	height: 1em;
}
ol.tree li input ~ ol > li {
	overflow: hidden;
	margin-left: -14px !important;
	padding-left: 1px;
	height: 0px;
}
ol.tree li label {
	cursor: pointer;
	display: inline;
	padding-left: 5px;
	vertical-align: top;
}
ol.tree li input:checked ~ ol {
	margin: -1.25em 0 0 -44px;
	padding: 1.563em 0 0 65px;
	height: auto;
}
ol.tree .treeNode a {
	display: inline-flex;
	align-items: center;
	border-radius: 4px;
	padding: 2px 4px;
}
ol.tree .treeNode a:hover,
ol.tree .treeNode.active a {
	text-decoration: none;
	background-color: rgba(255, 216, 0, 0.5);
}
ol.tree .icon-16 + .text {
	margin-left: 4px;
}
ol.tree .fa-caret-down,
ol.tree .fa-caret-right {
	width: 8px;
	text-align: center;
}
ol.tree li input:checked + label > .node-close, ol.tree li input + label > .node-open {
	display: none;
}
ol.tree li input + label > .node-close, ol.tree li input:checked + label > .node-open {
	display: inline-block;
}
ol.tree li input:checked + label > .fa-caret-right {
	transform: rotate(90deg);
	transition: transform 0.1s;
}
ol.tree li input + label > .fa-caret-right {
	transform: rotate(0deg);
	transition: transform 0.1s;
}
ol.tree li input:checked ~ ol > li {
	display: block;
	margin: 0 0 0.125em;
}
ol.tree li input:checked ~ ol > li.subTree {
	height: auto;
	transition: height 0.1s;
}
ol.tree li input:checked ~ ol > li.treeNode {
	height: 23px;
	transition: height 0.1s;
}
ol.tree li input:checked ~ ol > li:last-child {
	margin: 0 0 0.063em;
}
ol.tree .fa-chevron-right {
	font-size: 1rem;
}

tfoot td.text-right {
	text-align: right;
}
tfoot td.text-left {
	text-align: left;
}

table.dataTable thead .sorting::after,
table.dataTable thead .sorting_asc::after,
table.dataTable thead .sorting_desc::after {
    opacity: 0.8;
    font-weight: normal;
}
fieldset.tile legend.tile-title {
	padding: 5px 15px;
	font-size: 1.2rem;
	color: #fff;
	background-color: #5a5a5a;
}

.cell {
	margin-top: -15px;
	margin-left: -15px;
	margin-right: -15px;
}

.form-horizontal .form-group .bootstrap-switch {
	margin-top: 7px;
}

.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container {
    transition: margin-left 0.3s ease 0s;
}

table td[class*="col-actions"] {
	text-align: center;
	padding: 2px;
}
table td[class*="col-actions"] a {
	margin: 0 5px;
}

/**** Fenetres de dialogue ****/
.ui-dialog {
	background: #fff;
	border-radius: 5px;
}
.ui-widget.ui-dialog .ui-widget-header {
    padding: 0 10px;
    font-weight: bold;
    height: auto;
    background: #4B4A48 none repeat scroll 0% 0%;
}
.ui-shadow {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3);
}

/* Effets bling bling */
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
 	transition: background-color 0.3s;
 }
 .form-control, .form-control, fieldset .form-control {
 	/*transition: background-color 0.3s;*/
 }
 
 .form-control.form-inline{
 	width:initial;
 }
 
 .table-actions {
 	text-align: center;
 }
 .table-actions a {
 	margin: 0 10px;
 }
 
 /* Page login */
 .section-connexion, .carroussel  {
	position: fixed;
	top: 50px;
	left: 0px;
	right: 0px;
	height: 400px;
}

.section-connexion .callout {
	z-index: 9999;
}

#pane-description {
	padding-top: 380px;
	max-width: 1280px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
#pane-description > p {
	font-size: 3rem;
	font-family: "latobold";
}

.carroussel {
	background-repeat: repeat;
	background-size: cover;
	background-position: center center;
}
.carroussel#carroussel1 {
	-webkit-animation: image1-fade 60s ease-in-out infinite;
	animation: image1-fade 60s ease-in-out infinite;
	background-image: url('');
}
.carroussel#carroussel2 {
	-webkit-animation: image2-fade 60s ease-in-out infinite;
	animation: image2-fade 60s ease-in-out infinite;
	background-image: url('');
}
.carroussel#carroussel3 {
	-webkit-animation: image3-fade 60s ease-in-out infinite;
	animation: image3-fade 60s ease-in-out infinite;
	background-image: url('');
}
.carroussel#carroussel4 {
	-webkit-animation: image4-fade 60s ease-in-out infinite;
	animation: image4-fade 60s ease-in-out infinite;
	background-image: url('');
}
.carroussel#carroussel5 {
	-webkit-animation: image5-fade 60s ease-in-out infinite;
	animation: image5-fade 60s ease-in-out infinite;
	background-image: url('');
}

.oubliPassword {
	font-style: italic;
	font-size: 1.3rem;
	margin-left: 40px;
}

.section-connexion {
	padding: 50px;
	text-align: center;
}

#form-connexion {
	text-align: left;
	color: #fff;
	width: 450px;
	padding: 20px;
	background: rgba(0, 0, 0, 0.4);
	border-radius: 8px;
	height: auto;
	display: inline-block;
}
#form-connexion h2 {
	border-bottom: 1px solid #fff;
	margin-bottom: 20px;
}
#form-connexion a, #form-connexion h2 {
	color: #fff;
}

#pane-accroche {
	display: inline-block;
	width: 400px;
	padding-left: 40px;
}
#pane-accroche p {
	color: #fff;
	font-size: 5rem;
	font-family: "latobold";
}

#pane-services {
	margin-top: 30px;
}

#pane-services .icon-wrapper {
	display: inline-block;
	height: 100%;
}
#pane-services h3 {
	display: inline;
	font-size: 1.8rem;
	padding: 0 0 0 10px;
	margin: 0;
}
#pane-services .service-title {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}
#pane-services p {
	text-align: left;
}

.form-group.required .control-label:after,
.form-group.required .control-label::after {
	content: " *";
}

.expandable {
	transform: scaleY(0);
	transition: transform 1s ease;
	transform-origin: 50% 0;
	height: 0;
}
.expandable:hover {
	transform: scaleY(1);
	height: auto;
}

@keyframes image1-fade {
	0%, 17% { opacity: 1}
	20% { opacity: 0}
}
@keyframes image2-fade {
	0%, 17% { opacity: 0; }
	20%, 37% { opacity: 1; }
	40% { opacity: 0; }
}
@keyframes image3-fade {
	0%, 37% { opacity: 0; }
	40%, 57% { opacity: 1; }
	60% { opacity: 0; }
}
@keyframes image4-fade {
	0%, 57% { opacity: 0; }
	60%, 77% { opacity: 1; }
	80% { opacity: 0; }
}
@keyframes image5-fade {
	0%, 77% { opacity: 0; }
	80%, 97% { opacity: 1; }
}
@-webkit-keyframes image1-fade {
	0%, 17% { opacity: 1;}
	20% { opacity: 0;}
}
@-webkit-keyframes image2-fade {
	0%, 17% { opacity: 0; }
	20%, 37% { opacity: 1; }
	40% { opacity: 0; }
}
@-webkit-keyframes image3-fade {
	0%, 37% { opacity: 0; }
	40%, 57% { opacity: 1; }
	60% { opacity: 0; }
}
@-webkit-keyframes image4-fade {
	0%, 57% { opacity: 0; }
	60%, 77% { opacity: 1; }
	80% { opacity: 0; }
}
@-webkit-keyframes image5-fade {
	0%, 77% { opacity: 0; }
	80%, 97% { opacity: 1; }
}

.ui-tooltip {
	background: #fff;
}

.ui-dialog {
    margin-left: auto;
    margin-right: auto;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.btn-group > [hidden="hidden"] + .btn.hidden-rep:nth-child(2):not(:last-child):not(.dropdown-toggle) {
	border-radius: 4px 0 0 4px;
}
.btn-group > .btn + [hidden="hidden"] + .btn {
	margin-left: -1px;
}
[hidden="hidden"]:checked + .hidden-rep.btn-default {
	z-index: 2;
    color: #333;
    background-color: #E6E6E6;
    border-color: #ADADAD;
    background-image: none;
    outline: 0px none;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.125) inset;
}

.input-alert {
	opacity: 1;
	transition: opacity linear 0.2s;
}
input:not(:checked) ~ .input-alert {
	opacity: 0;
	transition: opacity linear 0.2s;
}

.service-description {
	display: flex;
	align-items: center;
	justify-content: space-around;
	flex-wrap: wrap;
	max-width: 1200px;
	margin: 3rem 0;
}
.service-description:nth-child(even) {
	flex-direction: row;
	padding-right: 100px;
}
.service-description:nth-child(odd) {
	flex-direction: row-reverse;
	padding-left: 100px;
}
.service-description:nth-child(1) h3, .service-description:nth-child(1) aside {color: #4BA84B}
.service-description:nth-child(2) h3, .service-description:nth-child(2) aside {color: #337AB7}
.service-description:nth-child(3) h3, .service-description:nth-child(3) aside {color: #d9534f}
.service-description article {
	max-width: 80%;
}
.service-description p {
	text-align: left;
	line-height: 1.6;
	font-size: 1.8rem;
}
.service-description aside {
	font-size: 6rem;
}

.width-sm {
	max-width: 600px;
	display: inline-block;
}
.width-md {
	max-width: 800px;
	display: inline-block;
}
.width-lg {
	max-width: 1280px;
	display: inline-block;
}

/* Positionnement */
*[class^="pos-"] {
	display: flex;
	align-items: center;
}
.pos-center {
	justify-content: center;
}
.pos-space-between {
	justify-content: space-between;
}
.pos-space-around {
	justify-content: space-around;
}
.margin-around > *{
	margin: 0 20px;
}

.separator-or {
	position: relative;
	display: block;
	margin: 20px 0 0 0;
	padding: 30px 0 0 0;
	border-top: 1px solid #ccc;
	list-style: none;
}
.separator-or::before {
    content: 'ou';
    position: absolute;
    top: 0;
    left: 50%;
    margin: -11px 0 0 -7px;
    padding: 0 5px;
    background-color: #fff;
    font-weight: 700;
}

.table-filter input[type="checkbox"] + label {
	font-weight: bold;
}
.table-filter input[type="checkbox"]:not(:checked) + label {
	color: #A4A4A4 !important;
}

/* Classes generiques */
p.exposed {
	margin: 10px 0;
	font-size: 1.6rem;
	color: #707070;
	font-weight: 400;
}

/* Etats globaux */
[hidden], [hidden="hidden"], [hidden="true"] {
	display: none;
}

.alert-ERROR {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}