@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);
#chat-list li, #inbox-list a .content, #inbox-list a .title, .clear, .gallery-wrap:after, .la-pricing-table:after, .listchkbox, .widget:after, footer, hr.divider {
	clear: both
}

.bg-white-1 {
	background-color: #fff!important
}

.border-white-1 {
	border-color: #fff!important
}

.description-text {
	margin-top: 10px;
	display: inline-block;
	width: 100%;
	color: #7a868f;
}

.panel-white-1, .panel-white-1 .panel-heading {
	border-color: #f2f2f2!important
}

.btn-white-1 {
	background-color: #fff;
	color: #fff
}

.btn-white-1:hover {
	background-color: #f2f2f2!important;
	color: #fff
}

.text-white-1 {
	color: #fff!important
}

.panel-white-1 .panel-heading a, .panel-white-1 .panel-title, .widget.white-1 .widget-header h2 {
	color: #333
}

.divhidden {
	display: none!important
}

.removeinline {
	width: 52%;
	display: inline-block
}

.dropdown-menu.dropdown-message li.dropdown-footer a, .loading {
	display: block
}

#post-comments .comment {
	padding: 5px 7px;
	background-color: #FFF;
	margin: 9px 0
}

#post-comments .comment .header {
	padding-bottom: 7px
}

#post-comments .comment .header .btn {
	padding: 3px 12px!important;
	font-size: 11px
}

#post-comments ul {
	list-style-type: none;
	padding: 0;
}

.panel-white-1 .panel-heading {
	background-color: #fff!important;
	border-radius: 0
}

.widget.white-1 {
	background-color: #fff;
	color: #333
}

.bg-red-1 {
	background-color: #eb5055!important
}

.border-red-1 {
	border-color: #eb5055!important
}

.panel-red-1, .panel-red-1 .panel-heading {
	border-color: #dd4449!important
}

.btn-red-1 {
	background-color: #eb5055;
	color: #fff
}

.btn-red-1:hover {
	background-color: #dd4449!important;
	color: #fff
}

.text-red-1 {
	color: #eb5055!important
}

.btn-blue-1, .panel-red-1 .panel-heading a, .panel-red-1 .panel-title, .widget.red-1, .widget.red-1 .widget-header h2 {
	color: #fff
}

.panel-red-1 .panel-heading {
	background-color: #eb5055!important;
	border-radius: 0
}

.widget.red-1 {
	background-color: #eb5055
}

.bg-blue-1 {
	background-color: #3c989e!important
}

.border-blue-1 {
	border-color: #3c989e!important
}

.panel-blue-1, .panel-blue-1 .panel-heading {
	border-color: #3f7e82!important
}

.btn-blue-1 {
	background-color: #3c989e
}

.btn-blue-1:hover {
	background-color: #3f7e82!important;
	color: #fff
}

.text-blue-1 {
	color: #3c989e!important
}

.btn-blue-2, .panel-blue-1 .panel-heading a, .panel-blue-1 .panel-title, .widget.blue-1, .widget.blue-1 .widget-header h2 {
	color: #fff
}

.panel-blue-1 .panel-heading {
	background-color: #3c989e!important;
	border-radius: 0
}

.widget.blue-1 {
	background-color: #3c989e
}

.bg-blue-2 {
	background-color: #3498db!important
}

.border-blue-2 {
	border-color: #3498db!important
}

.panel-blue-2, .panel-blue-2 .panel-heading {
	border-color: #3189c4!important
}

.btn-blue-2 {
	background-color: #3498db
}

.btn-blue-2:hover {
	background-color: #3189c4!important;
	color: #fff
}

.text-blue-2 {
	color: #3498db!important
}

.btn-blue-3, .panel-blue-2 .panel-heading a, .panel-blue-2 .panel-title, .widget.blue-2, .widget.blue-2 .widget-header h2 {
	color: #fff
}

.panel-blue-2 .panel-heading {
	background-color: #3498db!important;
	border-radius: 0
}

.widget.blue-2 {
	background-color: #3498db
}

.bg-blue-3 {
	background-color: #2980b9!important
}

.border-blue-3 {
	border-color: #2980b9!important
}

.panel-blue-3, .panel-blue-3 .panel-heading {
	border-color: #2e6f9a!important
}

.btn-blue-3 {
	background-color: #2980b9
}

.btn-blue-3:hover {
	background-color: #2e6f9a!important;
	color: #fff
}

.text-blue-3 {
	color: #2980b9!important
}

.btn-darkblue-1, .panel-blue-3 .panel-heading a, .panel-blue-3 .panel-title, .widget.blue-3, .widget.blue-3 .widget-header h2 {
	color: #fff
}

.panel-blue-3 .panel-heading {
	background-color: #2980b9!important;
	border-radius: 0
}

.widget.blue-3 {
	background-color: #2980b9
}

.bg-darkblue-1 {
	background-color: #252932!important
}

.border-darkblue-1 {
	border-color: #252932!important
}

.btn-darkblue-1 {
	background-color: #252932
}

.btn-darkblue-1:hover {
	background-color: #1d1e20!important;
	color: #fff
}

.text-darkblue-1 {
	color: #252932!important
}

.panel-darkblue-1 {
	border-color: #1d1e20!important
}

.panel-darkblue-1 .panel-heading {
	background-color: #252932!important;
	border-color: #1d1e20!important;
	border-radius: 0
}

.panel-darkblue-1 .panel-heading a, .panel-darkblue-1 .panel-title {
	color: #fff
}

.widget.darkblue-1 {
	background-color: #252932;
	color: #fff
}

.widget.darkblue-1 .widget-header h2 {
	color: #fff
}

.bg-darkblue-2 {
	background-color: #4a525f!important
}

.border-darkblue-2 {
	border-color: #4a525f!important
}

.btn-darkblue-2 {
	background-color: #4a525f;
	color: #fff
}

.btn-darkblue-2:hover {
	background-color: #464749!important;
	color: #fff
}

.text-darkblue-2 {
	color: #4a525f!important
}

.panel-darkblue-2 {
	border-color: #464749!important
}

.panel-darkblue-2 .panel-heading {
	background-color: #4a525f!important;
	border-color: #464749!important;
	border-radius: 0
}

.panel-darkblue-2 .panel-heading a, .panel-darkblue-2 .panel-title {
	color: #fff
}

.widget.darkblue-2 {
	background-color: #4a525f;
	color: #fff
}

.widget.darkblue-2 .widget-header h2 {
	color: #fff
}

.bg-darkblue-3 {
	background-color: #38464a!important
}

.border-darkblue-3 {
	border-color: #38464a!important
}

.btn-darkblue-3 {
	background-color: #38464a;
	color: #fff
}

.btn-darkblue-3:hover {
	background-color: #323536!important;
	color: #fff
}

.text-darkblue-3 {
	color: #38464a!important
}

.panel-darkblue-3 {
	border-color: #323536!important
}

.panel-darkblue-3 .panel-heading {
	background-color: #38464a!important;
	border-color: #323536!important;
	border-radius: 0
}

.panel-darkblue-3 .panel-heading a, .panel-darkblue-3 .panel-title {
	color: #fff
}

.widget.darkblue-3 {
	background-color: #38464a;
	color: #fff
}

.widget.darkblue-3 .widget-header h2 {
	color: #fff
}

.bg-lightblue-1 {
	background-color: #abb7b7!important
}

.border-lightblue-1 {
	border-color: #abb7b7!important
}

.btn-lightblue-1 {
	background-color: #abb7b7;
	color: #fff
}

.btn-lightblue-1:hover {
	background-color: #a4a4a4!important;
	color: #fff
}

.text-lightblue-1 {
	color: #abb7b7!important
}

.panel-lightblue-1 {
	border-color: #a4a4a4!important
}

.panel-lightblue-1 .panel-heading {
	background-color: #abb7b7!important;
	border-color: #a4a4a4!important;
	border-radius: 0
}

.panel-lightblue-1 .panel-heading a, .panel-lightblue-1 .panel-title {
	color: #fff
}

.widget.lightblue-1 {
	background-color: #abb7b7;
	color: #fff
}

.widget.lightblue-1 .widget-header h2 {
	color: #fff
}

.bg-lightblue-2 {
	background-color: #7a868f!important
}

.border-lightblue-2 {
	border-color: #7a868f!important
}

.btn-lightblue-2 {
	background-color: #7a868f;
	color: #fff
}

.btn-lightblue-2:hover {
	background-color: #787878!important;
	color: #fff
}

.text-lightblue-2 {
	color: #7a868f!important
}

.panel-lightblue-2 {
	border-color: #787878!important
}

.panel-lightblue-2 .panel-heading {
	background-color: #7a868f!important;
	border-color: #787878!important;
	border-radius: 0
}

.panel-lightblue-2 .panel-heading a, .panel-lightblue-2 .panel-title {
	color: #fff
}

.widget.lightblue-2 {
	background-color: #7a868f;
	color: #fff
}

.widget.lightblue-2 .widget-header h2 {
	color: #fff
}

.bg-orange-1 {
	background-color: #e84c3d!important
}

.border-orange-1 {
	border-color: #e84c3d!important
}

.panel-orange-1, .panel-orange-1 .panel-heading {
	border-color: #d94132!important
}

.btn-orange-1 {
	background-color: #e84c3d;
	color: #fff
}

.btn-orange-1:hover {
	background-color: #d94132!important;
	color: #fff
}

.text-orange-1 {
	color: #e84c3d!important
}

.btn-orange-2, .panel-orange-1 .panel-heading a, .panel-orange-1 .panel-title, .widget.orange-1, .widget.orange-1 .widget-header h2 {
	color: #fff
}

.panel-orange-1 .panel-heading {
	background-color: #e84c3d!important;
	border-radius: 0
}

.widget.orange-1 {
	background-color: #e84c3d
}

.bg-orange-2 {
	background-color: #de745e!important
}

.border-orange-2 {
	border-color: #de745e!important
}

.panel-orange-2, .panel-orange-2 .panel-heading {
	border-color: #cf6954!important
}

.btn-orange-2 {
	background-color: #de745e
}

.btn-orange-2:hover {
	background-color: #cf6954!important;
	color: #fff
}

.text-orange-2 {
	color: #de745e!important
}

.btn-orange-3, .panel-orange-2 .panel-heading a, .panel-orange-2 .panel-title, .widget.orange-2, .widget.orange-2 .widget-header h2 {
	color: #fff
}

.panel-orange-2 .panel-heading {
	background-color: #de745e!important;
	border-radius: 0
}

.widget.orange-2 {
	background-color: #de745e
}

.bg-orange-3 {
	background-color: #e27a3f!important
}

.border-orange-3 {
	border-color: #e27a3f!important
}

.panel-orange-3, .panel-orange-3 .panel-heading {
	border-color: #d26e35!important
}

.btn-orange-3 {
	background-color: #e27a3f
}

.btn-orange-3:hover {
	background-color: #d26e35!important;
	color: #fff
}

.text-orange-3 {
	color: #e27a3f!important
}

.btn-orange-4, .panel-orange-3 .panel-heading a, .panel-orange-3 .panel-title, .widget.orange-3, .widget.orange-3 .widget-header h2 {
	color: #fff
}

.panel-orange-3 .panel-heading {
	background-color: #e27a3f!important;
	border-radius: 0
}

.widget.orange-3 {
	background-color: #e27a3f
}

.bg-orange-4 {
	background-color: #edce8c!important
}

.border-orange-4 {
	border-color: #edce8c!important
}

.panel-orange-4, .panel-orange-4 .panel-heading {
	border-color: #e2c27e!important
}

.btn-orange-4 {
	background-color: #edce8c
}

.btn-orange-4:hover {
	background-color: #e2c27e!important;
	color: #fff
}

.text-orange-4 {
	color: #edce8c!important
}

.panel-orange-4 .panel-heading a, .panel-orange-4 .panel-title, .widget.orange-4 .widget-header h2 {
	color: #333
}

.panel-orange-4 .panel-heading {
	background-color: #edce8c!important;
	border-radius: 0
}

.widget.orange-4 {
	background-color: #edce8c;
	color: #333
}

.bg-green-1 {
	background-color: #68c39f!important
}

.border-green-1 {
	border-color: #68c39f!important
}

.panel-green-1, .panel-green-1 .panel-heading {
	border-color: #62b091!important
}

.btn-green-1 {
	background-color: #68c39f;
	color: #fff
}

.btn-green-1:hover {
	background-color: #62b091!important;
	color: #fff
}

.text-green-1 {
	color: #68c39f!important
}

.btn-green-2, .panel-green-1 .panel-heading a, .panel-green-1 .panel-title, .widget.green-1, .widget.green-1 .widget-header h2 {
	color: #fff
}

.panel-green-1 .panel-heading {
	background-color: #68c39f!important;
	border-radius: 0
}

.widget.green-1 {
	background-color: #68c39f
}

.bg-green-2 {
	background-color: #9ec789!important
}

.border-green-2 {
	border-color: #9ec789!important
}

.panel-green-2, .panel-green-2 .panel-heading {
	border-color: #93b582!important
}

.btn-green-2 {
	background-color: #9ec789
}

.btn-green-2:hover {
	background-color: #93b582!important;
	color: #fff
}

.text-green-2 {
	color: #9ec789!important
}

.btn-green-3, .panel-green-2 .panel-heading a, .panel-green-2 .panel-title, .widget.green-2, .widget.green-2 .widget-header h2 {
	color: #fff
}

.panel-green-2 .panel-heading {
	background-color: #9ec789!important;
	border-radius: 0
}

.widget.green-2 {
	background-color: #9ec789
}

.bg-green-3 {
	background-color: #209c83!important
}

.border-green-3 {
	border-color: #209c83!important
}

.panel-green-3, .panel-green-3 .panel-heading {
	border-color: #247f6c!important
}

.btn-green-3 {
	background-color: #209c83
}

.btn-green-3:hover {
	background-color: #247f6c!important;
	color: #fff
}

.text-green-3 {
	color: #209c83!important
}

.btn-pink-1, .panel-green-3 .panel-heading a, .panel-green-3 .panel-title, .widget.green-3, .widget.green-3 .widget-header h2 {
	color: #fff
}

.panel-green-3 .panel-heading {
	background-color: #209c83!important;
	border-radius: 0
}

.widget.green-3 {
	background-color: #209c83
}

.bg-pink-1 {
	background-color: #f57a82!important
}

.border-pink-1 {
	border-color: #f57a82!important
}

.panel-pink-1, .panel-pink-1 .panel-heading {
	border-color: #eb6b73!important
}

.btn-pink-1 {
	background-color: #f57a82
}

.btn-pink-1:hover {
	background-color: #eb6b73!important;
	color: #fff
}

.text-pink-1 {
	color: #f57a82!important
}

.panel-pink-1 .panel-heading a, .panel-pink-1 .panel-title, .widget.pink-1 .widget-header h2 {
	color: #333
}

.panel-pink-1 .panel-heading {
	background-color: #f57a82!important;
	border-radius: 0
}

.widget.pink-1 {
	background-color: #f57a82;
	color: #333
}

.bg-pink-2 {
	background-color: #f56f6c!important
}

.border-pink-2 {
	border-color: #f56f6c!important
}

.panel-pink-2, .panel-pink-2 .panel-heading {
	border-color: #ea605d!important
}

.btn-pink-2 {
	background-color: #f56f6c;
	color: #fff
}

.btn-pink-2:hover {
	background-color: #ea605d!important;
	color: #fff
}

.text-pink-2 {
	color: #f56f6c!important
}

.btn-yellow-1, .panel-pink-2 .panel-heading a, .panel-pink-2 .panel-title, .widget.pink-2, .widget.pink-2 .widget-header h2, .widget.pink-3, .widget.pink-3 .widget-header h2 {
	color: #fff
}

.panel-pink-2 .panel-heading {
	background-color: #f56f6c!important;
	border-radius: 0
}

.widget.pink-2 {
	background-color: #f56f6c
}

.widget.pink-3 {
	background-color: #DB7093
}

.bg-yellow-1 {
	background-color: #f4cda5!important
}

.border-yellow-1 {
	border-color: #f4cda5!important
}

.panel-yellow-1, .panel-yellow-1 .panel-heading {
	border-color: #ebc095!important
}

.btn-yellow-1 {
	background-color: #f4cda5
}

.btn-yellow-1:hover {
	background-color: #ebc095!important;
	color: #fff
}

.text-yellow-1 {
	color: #f4cda5!important
}

.panel-yellow-1 .panel-heading a, .panel-yellow-1 .panel-title, .widget.yellow-1 .widget-header h2 {
	color: #333
}

.panel-yellow-1 .panel-heading {
	background-color: #f4cda5!important;
	border-radius: 0
}

.widget.yellow-1 {
	background-color: #f4cda5;
	color: #333
}

.bg-yellow-2 {
	background-color: #eae696!important
}

.border-yellow-2 {
	border-color: #eae696!important
}

.panel-yellow-2, .panel-yellow-2 .panel-heading {
	border-color: #deda88!important
}

.btn-yellow-2 {
	background-color: #eae696;
	color: #fff
}

.btn-yellow-2:hover {
	background-color: #deda88!important;
	color: #fff
}

.text-yellow-2 {
	color: #eae696!important
}

.panel-yellow-2 .panel-heading a, .panel-yellow-2 .panel-title, .widget.yellow-2 .widget-header h2 {
	color: #333
}

.panel-yellow-2 .panel-heading {
	background-color: #eae696!important;
	border-radius: 0
}

.widget.yellow-2 {
	background-color: #eae696;
	color: #333
}

body {
	background: #f3f3f3;
	margin: 0;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizelegibility;
	-webkit-text-size-adjust: 100%;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}

h1, h2, h3, h3 small, h4, h4 small, h5, h5 small, h6 {
	font-family: 'Open Sans'
}

h1 {
	line-height: 43px
}

h2 {
	line-height: 35px
}

h3 {
	line-height: 30px
}

h4 {
	line-height: 22px
}

h3 small, h4 small, h5 small {
	font-weight: 300;
	color: #444
}

h1, h2, h3, h4, h5, h6 {
	margin: 10px 0;
	font-weight: 400;
	color: #505458
}

* {
	outline: 0!important
}

a:active, a:focus, a:hover {
	outline: 0;
	text-decoration: none
}

:focus {
	outline: 0
}

::-moz-focus-inner {
	border: 0
}

.label {
	padding: .3em .6em
}
#subcontractor-listing .label {
	vertical-align: middle;
}
.container {
	width: auto;
	min-height: auto;
}

.navbar {
	margin: 0 0 0 -15px
}

.navbar-collapse {
	padding: 0;
	margin: 0
}

.navbar-default {
	background-color: transparent;
	border: none
}

.nav.navbar-nav.top-navbar .dropdown-menu>li {
	position: relative
}

.nav.navbar-nav.top-navbar .dropdown-menu>li>a {
	cursor: pointer;
	color: #4C5264
}

.nav.navbar-nav.top-navbar>li span.absolute {
	position: absolute;
	top: 5px;
	left: 25px;
	font-size: 10px;
	line-height: 7px!important;
	font-weight: 400!important;
	border-radius: 15px;
	padding: 4px;
	z-index: 4
}

.nav.navbar-nav .sitename-title {
	color: #fff;
	font-size: 14px;
	padding-top: 15px;
	padding-bottom: 15px
}

.table-noborder td {
	border: 0!important
}

.badge {
	vertical-align: bottom
}

#UserRememberMe, #sidebar-menu>ul>li>a>i, #sidebar-menu>ul>li>a>span, .echart, .icon-showcase p, .icon-showcase p i, .modal-content .form-group div, .navbar-nav>li>.dropdown-menu.grid-dropdown a, .percent, .profile-buttons a, .table>thead>tr>th {
	vertical-align: middle
}

.btn-group.spaced .btn {
	border-left: 1px solid rgba(0, 0, 0, .1)
}

.btn-group.open {
	z-index: 2!important
}

.bold {
	font-weight: 700!important
}

.semibold {
	font-weight: 600!important
}

.input-invis {
	background: 0 0!important;
	border: none!important
}

span.new-circle {
	border-radius: 10px;
	padding: 5px
}

img.xs-avatar {
	width: 50px;
	padding: 2px;
	background: #fff;
	border: 1px solid #ddd;
	margin: 0 4px 0 0;
	-webkit-border-radius: 100px!important;
	-moz-border-radius: 100px!important;
	border-radius: 100px!important
}

img.ava-dropdown {
	float: left;
	margin: 0 10px 0 0
}

label {
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: 600
}

.breadcrumb, .breadcrumb li a, .navbar-default .navbar-nav .topbar-profile>a, .navbar-nav>li>.dropdown-menu.grid-dropdown a, .profile-text, .the-timeline ul li.the-year {
	font-family: "Open Sans"
}

.no-left-padding {
	padding-left: 0
}

.no-right-padding {
	padding-right: 0
}

.nomargin {
	margin: 0!important
}

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

.full-rounded {
	-webkit-border-radius: 20px!important;
	-moz-border-radius: 20px!important;
	border-radius: 20px!important
}

.stacked {
	margin: 0
}

.stacked>[class*=col-] {
	padding-left: 0;
	padding-right: 0;
	margin: 0!important
}

input[type=time], input[type=week], input[type=number], input[type=email], input[type=url], input[type=search], input[type=tel], input[type=color], input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], textarea {
	-webkit-transition: background .2s linear;
	-moz-transition: background .2s linear;
	-ms-transition: background .2s linear;
	-o-transition: background .2s linear;
	transition: background .2s linear
}

.m-uneditable-input:focus, input[type=time]:focus, input[type=week]:focus, input[type=number]:focus, input[type=email]:focus, input[type=url]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=color]:focus, input[type=text]:focus, input[type=password]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=date]:focus, input[type=month]:focus, select:focus, textarea:focus {
	background: #f1f1f1;
	border-color: #eee;
	-webkit-transition: background .2s linear;
	-moz-transition: background .2s linear;
	-ms-transition: background .2s linear;
	-o-transition: background .2s linear;
	transition: background .2s linear
}

.icon-added input {
	padding-left: 32px!important
}

.icon-added i:first-child {
	color: rgba(0, 0, 0, .2);
	display: block;
	margin: 10px;
	z-index: 3;
	position: absolute;
	text-align: center
}

.loading {
	z-index: 2000;
	width: 14px;
	height: 14px;
	border: 2px solid transparent;
	border-top-color: #68C39F;
	border-left-color: #68C39F;
	border-radius: 10px;
	-webkit-animation: pace-spinner .4s linear infinite;
	-moz-animation: pace-spinner .4s linear infinite;
	-ms-animation: pace-spinner .4s linear infinite;
	-o-animation: pace-spinner .4s linear infinite;
	animation: pace-spinner .4s linear infinite;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none
}

.dropdown-menu {
	-webkit-box-shadow: 0 0 0 0 transparent;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	font-size: 12px;
	padding: 5px;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, .1);
	border-bottom: 1px solid #d2d2d2;
	box-shadow: inset 0 1px 2px #fff;
	top: 100%
}

.dropdown-menu>li>a {
	padding: 5px 7px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	font-size: 13px;
	color: #555
}

.dropdown-menu>li>a:hover {
	background: #aaa;
	color: #fff !important;
}

.nav .dropdown-menu {
	z-index: 8
}

.dropdown-menu.dropdown-message ul {
	white-space: inherit
}

.dropdown-menu.dropdown-message>li>a {
	word-wrap: break-word;
	white-space: inherit;
	width: 300px;
	border-bottom: 1px solid #eee
}

.dropdown-menu.dropdown-message li p {
	font-size: 11px;
	margin-bottom: 5px
}

.dropdown-menu.dropdown-message li i.msg-time, .dropdown-menu.dropdown-message li p i {
	color: #7A868F;
	font-size: 11px;
	font-style: normal
}

.dropdown-menu.dropdown-message .dropdown-message-scroll {
	padding: 0
}

.dropdown-menu.dropdown-message .dropdown-message-scroll li {
	padding: 5px 20px
}

.dropdown-menu.dropdown-message .dropdown-message-scroll a, .dropdown-menu.dropdown-message .dropdown-message-scroll strong {
	text-decoration: none;
	border-bottom: none
}

.dropdown-menu.dropdown-message .dropdown-message-scroll .unread {
	background: #FFFCE0
}

.dropdown-menu.dropdown-message .dropdown-message-scroll a:hover {
	color: #000
}

.dropdown-header.notif-header {
	font-size: 14px;
	padding: 6px 8px 5px
}

.dropdown-header.notif-header .pull-right {
	margin-top: -19px
}

.icheckbox, .iradio {
	margin-bottom: 10px;
	margin-top: 10px;
	min-height: 20px;
	padding-left: 0
}

.input-group-addon {
	padding: 5px 12px
}

i.i-xs {
	font-size: 10px
}

.widget-tabbed .nav-tabs:first-child {
	margin-top: -39px
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
	color: #fff;
	background-color: #545e6c;
	border-bottom: none
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
	color: #fff;
	background-color: #545e6c
}

.navbar-nav>li>.dropdown-menu:before {
	border-bottom: 6px solid #ABB7B7;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	right: 18px;
	content: "";
	height: 0;
	margin-right: -3px;
	pointer-events: none;
	position: absolute;
	width: 0;
	bottom: 100%
}

.navbar-nav>li>.dropdown-menu {
	z-index: 8;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	padding: 0;
	border: 0;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .1)
}

.navbar-nav>li>.dropdown-menu>li>a {
	-webkit-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	-ms-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	transition: all .2s ease-in;
	-webkit-border-radius: 0;
	border-radius: 0
}

.navbar-nav>li>.dropdown-menu>li>a:focus, .navbar-nav>li>.dropdown-menu>li>a:hover {
	background: rgba(0, 0, 0, .06)
}

.navbar-nav>li>.dropdown-menu .dropdown-header {
	background: #ABB7B7;
	color: #fff;
	-webkit-border-radius: 2px 2px 0 0;
	border-radius: 2px 2px 0 0
}

.navbar-nav>li>.dropdown-menu .dropdown-header a {
	display: inline-block;
	width: auto;
	padding: 0;
	border: none;
	margin-right: 7px
}

.navbar-nav>li>.dropdown-menu .dropdown-footer {
	background: #ABB7B7;
	color: #fff;
	-webkit-border-radius: 0 0 2px 2px;
	border-radius: 0 0 2px 2px
}

.navbar-nav>li.language_bar>.dropdown-menu>li>a:focus, .navbar-nav>li.language_bar>.dropdown-menu>li>a:hover {
	background: rgba(0, 0, 0, .3)
}

.navbar-nav>li.language_bar>.dropdown-menu:before, .navbar-nav>li>.dropdown-menu.grid-dropdown:before {
	border-bottom: 6px solid #fff
}

.navbar-nav>li>.dropdown-menu.grid-dropdown {
	width: 350px;
	text-align: center;
	font-size: 16px;
	color: #252932
}

.navbar-nav>li>.dropdown-menu.grid-dropdown a {
	font-size: 13px;
	color: #38464A;
	width: 100%;
	padding: 10px;
	line-height: 30px;
	display: block;
	font-weight: 300;
	opacity: .7;
	cursor: default
}

.navbar-nav>li>.dropdown-menu.grid-dropdown a.clickable:hover {
	background: #ABB7B7;
	color: #fff
}

.navbar-nav>li>.dropdown-menu.grid-dropdown a.clickable:hover i {
	color: #fff
}

.navbar-nav>li>.dropdown-menu.grid-dropdown a i {
	font-size: 25px;
	line-height: 30px;
	height: 30px;
	display: block;
	color: #697a7a
}

.navbar-nav>li>.dropdown-menu.grid-dropdown a.clickable {
	opacity: 1;
	cursor: pointer
}

.navbar-nav>li>.dropdown-menu.grid-dropdown:before {
	right: auto;
	left: 18px
}

.navbar-nav>li.topbar-profile>.dropdown-menu {
	background: #7A868F;
	color: #fff
}

.navbar-nav>li.topbar-profile>.dropdown-menu>li>a {
	color: #eee!important;
	padding-left: 10px;
	padding-right: 10px;
	font-family: "Open Sans"
}

.navbar-nav>li.topbar-profile>.dropdown-menu>li.divider {
	background: rgba(0, 0, 0, .1);
	height: 2px;
	border-bottom: 1px solid rgba(255, 255, 255, .2);
	margin: 4px 0
}

.navbar-nav>li.topbar-profile>.dropdown-menu>li:focus>a, .navbar-nav>li.topbar-profile>.dropdown-menu>li:hover>a {
	color: #fff!important
}

.navbar-nav>li.topbar-profile>.dropdown-menu:before {
	border-bottom: 6px solid #7A868F
}

.navbar-form {
	margin: 0 0 10px;
	padding: 0;
	position: relative;
	border: none;
	box-shadow: none;
	border-bottom: 1px solid rgba(0, 0, 0, .03)
}

.navbar-form .search-button {
	background: 0 0;
	border: none;
	position: absolute;
	right: 5px;
	top: 0;
	color: #ccc;
	-webkit-box-shadow: 0 0!important;
	box-shadow: 0 0!important;
	-webkit-border-radius: 0;
	border-radius: 0;
	-webkit-transition: all .1s ease-in;
	-moz-transition: all .1s ease-in;
	-ms-transition: all .1s ease-in;
	-o-transition: all .1s ease-in;
	transition: all .1s ease-in
}

.navbar-form .form-control, .navbar-form .search-button:hover {
	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	-ms-transition: all .3s ease-in;
	-o-transition: all .3s ease-in
}

.navbar-form .search-button:hover {
	color: #777!important;
	transition: all .3s ease-in
}

.navbar-form .form-control:focus+.search-button {
	color: #ccc
}

.navbar-form .form-group {
	display: block
}

.navbar-form .form-control {
	background-color: transparent!important;
	border: none;
	color: #aaa;
	box-shadow: none;
	display: block;
	width: 100%;
	-webkit-border-radius: 0;
	border-radius: 0;
	transition: all .3s ease-in
}

.navbar-form .form-control:focus {
	background-color: #f2f2f2!important;
	border-color: #888;
	color: #888;
	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	-ms-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	transition: all .3s ease-in
}

.widget .additional-btn>a, .widget .additional-btn>a:hover, .widget .widget-header .additional-btn .btn-group>a, .widget .widget-header:hover .additional-btn>a {
	-webkit-transition: All .4s ease;
	-moz-transition: All .4s ease;
	-o-transition: All .4s ease
}

.navbar-form .form-control::-webkit-input-placeholder {
	color: #ccc!important;
	text-overflow: ellipsis
}

.navbar-form .form-control:-moz-placeholder {
	color: #ccc!important;
	text-overflow: ellipsis
}

.navbar-form .form-control::-moz-placeholder {
	color: #ccc!important;
	text-overflow: ellipsis
}

.navbar-form .form-control:-ms-input-placeholder {
	color: #ccc!important;
	text-overflow: ellipsis
}

.enlarged .navbar-form .form-control {
	color: transparent
}

.enlarged .navbar-form .form-control:focus, .enlarged .navbar-form .form-control:hover {
	color: #aaa
}

.enlarged .navbar-form .form-control::-webkit-input-placeholder {
	color: transparent!important;
	text-overflow: ellipsis
}

.enlarged .navbar-form .form-control:-moz-placeholder {
	color: transparent!important;
	text-overflow: ellipsis
}

.enlarged .navbar-form .form-control::-moz-placeholder {
	color: transparent!important;
	text-overflow: ellipsis
}

.enlarged .navbar-form .form-control:-ms-input-placeholder {
	color: transparent!important;
	text-overflow: ellipsis
}

.rounded-image {
	-webkit-border-radius: 100px;
	border-radius: 100px;
	overflow: hidden;
	display: inline-block
}

.scroll-x, .scroll-y {
	-webkit-overflow-scrolling: touch
}

.rounded-image img {
	width: 35px;
	height: 35px;
}

.navbar-nav .glyphicon.glyphicon-th {
	margin-top: 2px;
}

.profile-image {
	border: 4px double rgba(0, 0, 0, .2)
}

.profile-info {
	width: 100%;
	float: left;
	padding-top: 8px;
	background: #fff;
	text-align: center;
}

.profile-text {
	color: #4A525F;
	margin-top: 8px
}

.profile-buttons {
	margin-top: 5px;
}

.side-menu.profile-info .profile-buttons {
	text-align: left;
}

.profile-buttons a {
	color: #606b7c;
	font-size: 13px;
	line-height: 22px;
	padding: 4px 10px 6px;
	display: inline-block
}

.profile-buttons a i {
	font-size: 16px;
	line-height: 25px
}

.profile-buttons a:hover {
	color: #fff;
	background: rgba(0, 0, 0, .2);
	-webkit-border-radius: 3px;
	border-radius: 3px
}

.profile-status i {
	color: #444;
	font-size: 14px;
	float: right;
	margin-top: -14px
}

i.online {
	color: #00AC65
}

hr.divider {
	border-color: rgba(255, 255, 255, .1);
	width: 90%;
	margin: 10px 5%;
	display: block
}

.greeting {
	color: #fff
}

.the-timeline {
	margin-bottom: 40px
}

.the-timeline .post-to-timeline {
	margin: 15px 0
}

.the-timeline .post-to-timeline textarea {
	height: 50px;
	resize: none;
	margin-bottom: 10px
}

.the-timeline ul {
	padding: 0;
	list-style: none;
	margin: 0 15px 0 30px;
	border-left: 2px solid #ddd;
}

.the-timeline ul li.the-year {
	background: 0 0;
	height: 100px;
	line-height: 90px;
	min-height: 100px;
	left: -32px;
	border-left: 4px solid transparent!important;
	text-align: center;
	font-size: 50px;
	font-weight: 700
}

.the-timeline ul li.the-year p {
	width: 20%;
	margin-left: 41%
}

.the-timeline ul li.the-year:before {
	display: block;
	border: 0;
	width: 40%;
	top: 50px;
	border-top: 2px solid #ddd!important
}

.the-timeline ul li.the-year:after {
	display: block;
	border: 0;
	right: -32px;
	content: " ";
	top: 50px;
	position: absolute;
	left: auto;
	width: 40%;
	border-top: 2px solid #ddd
}

.fill, .page, .pane, .rows, .topbar {
	right: 0;
	left: 0
}

.the-timeline ul li:before {
	width: 10px;
	height: 10px;
	border-style: solid;
	content: " ";
	position: absolute;
	left: -14px;
	top: 19px;
	border-width: 7.5px 8px 7.5px 0;
	border-color: transparent #efefef transparent transparent;
	display: block
}

.the-timeline ul li {
	padding: 5px 15px;
	display: block;
	min-height: 54px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin: 20px 0 20px 40px;
	background: #efefef;
	position: relative;
	border-left: 4px solid transparent
}

.the-timeline ul li:hover {
	border-left-color: #4A525F
}

.the-timeline ul li:hover:before {
	border-color: transparent #4A525F transparent transparent
}

.the-timeline ul li p {
	margin: 0;
	padding: 0
}

.the-timeline ul li .the-date {
	position: absolute;
	left: -69px;
	top: 0;
	width: 50px;
	height: 50px;
	background: #EB5055;
	border-radius: 50%;
	text-align: center;
	line-height: 130%
}

.videoWrapper iframe, iframe {
	border: none;
	width: 100%
}

.the-timeline ul li .the-date span {
	color: #fff;
	font-size: 18px;
	display: block;
	margin-top: 8px
}

.the-timeline ul li .the-date small {
	color: #fff;
	font-size: 12px;
	display: block
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0;
	margin-bottom: 15px
}

.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%
}

.breadcrumb {
	font-size: 12px;
	margin: 0
}

.progress.progress-xs {
	height: 5px;
	margin-top: 25px;
	margin-bottom: 20px;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none
}

.progress.progress-xs.for-modal {
	margin-top: 10px;
	margin-bottom: 20px
}

.progress.progress-xs .progress-bar {
	font-size: 11px;
	line-height: 16px;
	color: #fff;
	-webkit-box-shadow: inset 0 -1px 0 transparent;
	box-shadow: inset 0 -1px 0 transparent
}

.progress.progress-xs.progress-striped .progress-bar {
	background-size: 10px 10px
}

.progress.progress-sm {
	height: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none
}

.progress.progress-sm.progress-striped .progress-bar {
	background-size: 15px 15px
}

.table>thead>tr>th {
	border: 1px solid #9D9898;
	background-color: #7A868F;
	color: #FFF;
	text-align: left;
}

.table>thead>tr>th a {
	color: #FFF!important;
	text-align: left;
}

.form-control {
	font-size: 13px;
	border-radius: 0;
	border-color: #ddd;
	-webkit-box-shadow: inset 0 1px 1px transparent;
	box-shadow: inset 0 1px 1px transparent
}

.form-control:focus {
	border-color: #dadada;
	-webkit-box-shadow: inset 0 1px 1px transparent, 0 0 8px rgba(102, 175, 233, 0);
	box-shadow: inset 0 1px 1px transparent, 0 0 8px rgba(102, 175, 233, 0)
}

.form-group .checkbox {
	margin-left: 0;
	padding-left: 0
}

.btn {
	border-radius: 2px
}

.list-group-item:last-child {
	border-bottom-left-radius: 0
}

.alert {
	border-radius: 0
}

#wrapper {
	width: 100%;
	height: 100%;
	background: #f3f3f3;
	position: relative
}

.topbar, .topbar .topbar-left {
	background: #424a55;
	height: 50px
}

.page {
	top: 0;
	bottom: 0
}

.col, .page, .rows {
	position: absolute
}

.topbar {
	top: 0;
	z-index: 99;
	position: fixed;
}

.modal-header .close {
	margin-top: -8px;
}

.topbar .topbar-left {
	float: left;
	position: relative;
	z-index: 1;
	width: 240px
}

.logo h1 {
	margin: 0 auto;
	height: 50px;
	text-align: center
}

.fill, .pane, .side-menu.right .tab-inner {
	height: 100%
}

.logo h1 img {
	width: 170px!important
}

.topbar-profile .topbar-profile-image {
	position: relative;
	margin-right: 5px;
	margin-top: -15px;
	margin-bottom: -14px;
	border: 1px solid rgba(0, 0, 0, .2)
}

.navbar-right .iconify>a:focus>i, .navbar-right .iconify>a>i {
	font-size: 18px;
	color: #fff;
	line-height: 17px
}

.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
	color: #fff
}

.right-opener {
	border-left: 1px solid rgba(0, 0, 0, .1)
}

.right-opener i {
	color: rgba(255, 255, 255, .8)
}

.right-opener .fa-angle-double-right {
	display: none
}

.open-right-sidebar .right-opener .fa-angle-double-right {
	display: inline-block
}

.left-footer, .open-right-sidebar .right-opener .fa-angle-double-left, .pane {
	display: none
}

.col {
	top: 0;
	bottom: 0
}

.scroll-x {
	overflow-x: auto
}

.scroll-y {
	overflow-y: auto
}

.fill, .pane {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%
}

.side-menu {
	width: 240px;
	top: 0;
	bottom: 0;
	z-index: 200;
}

.side-menu.left {
	background: #fff;
	position: absolute;
	top: 50px;
	border-right: 1px solid #eee
}

body.fixed-left .side-menu.left {
	margin-top: 0;
	position: fixed;
	height: 100%;
	bottom: 50px;
	margin-bottom: -50px;
	padding-bottom: 50px
}

.side-menu.left .scroll-y {
	direction: rtl;
	overflow-x: visible
}

body.mobile .slimscroller, body.mobile .slimscrollleft {
	overflow-y: scroll
}

.side-menu.left .scroll-y .sidebar-inner {
	direction: ltr
}

.content-page {
	margin-left: 240px;
	position: relative
}

.content-page>.content {
	padding: 0 20px 20px;
	position: relative
}

.side-menu.right {
	width: 240px;
	right: -240px;
	position: fixed;
	z-index: 15;
	background: #fff
}

#wrapper.open-right-sidebar {
	padding-right: 240px
}

.open-right-sidebar .topbar {
	margin-right: 240px
}

.open-right-sidebar .right {
	right: 0!important
}

.header.rows, .header.rows-content-header {
	height: 50px
}

.header.left.side-menu {
	background: #343838
}

.header.content {
	background: #FFF;
	border-bottom: 1px solid #E5E9EC
}

.body.rows {
	top: 0;
	bottom: 50px
}

.body.content.rows {
	top: 50px;
	bottom: 0;
	background: #f3f3f3;
	padding: 20px;
	font-size: 13px
}

body.fixed-left .left-footer {
	bottom: 50px
}

.left-footer {
	height: 50px;
	bottom: 0;
	position: absolute;
	width: 100%;
	background: rgba(0, 0, 0, .3);
	color: #E8EAED;
	padding: 15px
}

.left-footer .progress.progress-xs {
	margin: 9px 70px 9px 0;
	overflow: visible;
	position: relative
}

.left-footer .progress.progress-xs .progress-precentage {
	display: block;
	position: absolute;
	right: -20px;
	top: -12px;
	padding: 7px 5px;
	border-radius: 50%;
	background: #555;
	color: #f3f3f3
}

.left-footer .progress.progress-xs {
	background: rgba(0, 0, 0, .6)
}

.left-footer .progress.progress-xs .btn {
	display: block;
	position: absolute;
	right: -70px;
	top: -14px;
	background: #555;
	color: #f3f3f3;
	border: none
}

.button-menu-mobile {
	position: absolute;
	right: 0;
	float: left;
	top: 0;
	z-index: 2;
	padding: 10px 18px;
	height: 50px;
	font-size: 21px;
	background: 0 0;
	color: #fff;
	border: none
}

.button-menu-mobile:hover {
	color: #aaa
}

button.navbar-toggle {
	padding: 5px 20px
}

.breadcrumb {
	top: 50px;
	line-height: 30px;
	padding: 0 15px;
	background: rgba(0, 0, 0, .05);
	position: relative;
	-webkit-border-radius: 0!important;
	-moz-border-radius: 0!important;
	border-radius: 0!important
}

.breadcrumb li a {
	color: #9dabab
}

.breadcrumb li.active {
	color: #7A868F
}

.breadcrumb>li+li:before {
	color: #9dabab;
	padding: 0 10px;
	content: "";
	font-family: FontAwesome
}

#sidebar-menu, #sidebar-menu ul ul a, .accordion-toggle .panel-title a, .side-menu.right .nav-tabs>li>a {
	font-family: "Open Sans"
}

.sidebar-inner {
	height: 100%
}

#sidebar-menu, #sidebar-menu a, #sidebar-menu li, #sidebar-menu ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	font-weight: 400;
	text-decoration: none;
	line-height: 1;
	font-size: 13px;
	position: relative
}

#sidebar-menu a {
	line-height: 1.3
}

#sidebar-menu {
	width: 100%
}

#sidebar-menu>ul>li {
	background: #fff;
	display: block
}

#sidebar-menu>ul>li>a {
	font-size: 13px;
	display: block;
	color: #555;
	padding: 10px 22px 10px 10px
}

#sidebar-menu>ul>li>a:hover {
	color: #555;
	background: #fff;
	padding-left: 10px;
	text-decoration: none
}

#sidebar-menu>ul>li>a>i {
	color: rgba(0, 0, 0, .4);
	display: inline-block;
	font-size: 15px;
	line-height: 17px;
	margin-left: 3px;
	margin-right: 7px;
	text-align: center;
	width: 20px
}

#sidebar-menu>ul>li>a>i.i-right {
	margin: 3px 0 0;
	float: right
}

#sidebar-menu>ul>li>a.subdrop {
	background: #fff
}

#sidebar-menu>ul>li>a.active, #sidebar-menu>ul>li>a.active.subdrop {
	color: #fff;
	background: #7eccad!important;
	font-weight: 600;
	border-left: 0 solid rgba(0, 0, 0, .3)
}

#sidebar-menu>ul>li>a.active i, #sidebar-menu>ul>li>a.active.subdrop i {
	color: #fff
}

#sidebar-menu>ul>li>a span.label {
	float: right
}

#sidebar-menu>ul>li>a span.label.span-left {
	float: none;
	margin-left: 5px
}

#sidebar-menu span.cnt {
	position: absolute;
	top: 8px;
	right: 15px;
	padding: 0;
	margin: 0;
	background: 0 0
}

#sidebar-menu ul ul {
	display: none;
	background: #ebebeb
}

#sidebar-menu ul ul ul {
	border-top: 1px solid rgba(0, 0, 0, .1);
	background: rgba(0, 0, 0, .2)
}

#sidebar-menu ul ul li {
	border-top: 0
}

#sidebar-menu ul ul a {
	padding: 10px 25px;
	display: block;
	color: #555;
	font-size: 12px
}

#wrapper.enlarged #sidebar-menu>ul>li:hover>a.active:after, #wrapper.enlarged #sidebar-menu>ul>li:hover>a.open:after, #wrapper.enlarged .left.side-menu #sidebar-menu ul>li>ul, #wrapper.enlarged .left.side-menu .widget, #wrapper.enlarged .profile-text {
	display: none
}

#sidebar-menu ul ul ul a {
	padding-left: 35px
}

#sidebar-menu ul ul ul ul a {
	padding-left: 45px
}

#sidebar-menu ul ul a:hover {
	color: #222;
	background: #d9d9d9
}

#sidebar-menu ul ul li a.active {
	color: #222;
	background: #dedede
}

#sidebar-menu ul ul a i {
	margin-right: 5px
}

#wrapper.enlarged #sidebar-menu ul ul {
	border: none
}

#wrapper.enlarged .profile-info .col-xs-4 {
	width: 100%;
	padding: 0
}

#wrapper.enlarged .profile-info .col-xs-8 {
	width: 100%;
	padding: 0 7px
}

#wrapper.enlarged .left.side-menu {
	width: 50px;
	z-index: 200
}

#wrapper.enlarged .content-page {
	margin-left: 50px
}

#wrapper.enlarged .left.side-menu .navbar-form input::-webkit-input-placeholder {
	color: transparent!important
}

#wrapper.enlarged .left.side-menu .navbar-form input:-moz-placeholder {
	color: transparent!important
}

#wrapper.enlarged .left.side-menu .navbar-form input::-moz-placeholder {
	color: transparent!important
}

#wrapper.enlarged .left.side-menu .navbar-form input:-ms-input-placeholder {
	color: transparent!important
}

#wrapper.enlarged .left.side-menu .navbar-form:hover {
	width: 240px;
	position: relative;
	z-index: 5
}

#wrapper.enlarged .topbar .topbar-left {
	width: 50px!important
}

#wrapper.enlarged .topbar .topbar-left .logo {
	opacity: 0;
	display: none
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul>li:hover>a {
	background: #fff
}

#wrapper.enlarged #sidebar-menu ul ul li a.active {
	background: #dedede!important
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul>li:hover>ul {
	position: absolute;
	left: 50px;
	width: 190px;
	display: block
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul ul li:hover>a, #wrapper.enlarged .left.side-menu #sidebar-menu ul ul li:hover>a i {
	background: #ababab!important;
	color: #fff
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul ul li:hover>ul {
	position: absolute;
	left: 190px;
	margin-top: -36px;
	width: 190px;
	display: block
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul>li:hover>ul a {
	background: #ebebeb;
	padding-left: 10px;
	border: none;
	width: 190px;
	box-shadow: none;
	z-index: 6;
	position: relative
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul ul li>a span.pull-right {
	position: absolute;
	right: 10px;
	top: 12px;
	-ms-transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg)
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul>li>a span {
	display: none;
	padding-left: 10px
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul>li:hover>a span.pull-right {
	position: absolute;
	right: 10px;
	top: 12px
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul>li:hover>a {
	width: 240px;
	position: relative
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul>li {
	white-space: nowrap;
	position: relative
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul>li:hover a span {
	display: inline
}

#wrapper.enlarged .left.side-menu .navbar-form .search-button {
	right: 7px
}

.side-menu.right .nav-tabs {
	background: rgba(0, 0, 0, .4);
	border: none
}

.side-menu.right .nav-tabs li {
	text-align: center
}

.side-menu.right .nav-tabs>li>a {
	border-radius: 0!important;
	margin: 0!important;
	padding: 14px 15px 15px;
	font-size: 13px;
	color: rgba(255, 255, 255, .9);
	border-bottom: 1px solid transparent
}

.side-menu.right .nav>li>a:focus, .side-menu.right .nav>li>a:hover {
	background: rgba(255, 255, 255, .1);
	color: rgba(255, 255, 255, .7);
	border-color: rgba(255, 255, 255, 0)
}

.side-menu.right .nav-tabs>li.active>a {
	color: #777
}

.side-menu.right .nav-tabs>li.active>a, .side-menu.right .nav-tabs>li.active>a:focus, .side-menu.right .nav-tabs>li.active>a:hover {
	background: #fff;
	border-color: #fff;
	border-radius: 0
}

.side-menu.right .right-toolbar {
	margin: 5px 15px 15px
}

.side-menu.right .right-toolbar a {
	color: #777;
	font-size: 12px
}

.side-menu.right .panel-group .panel {
	border-radius: 0;
	border: none;
	color: #f3f3f3;
	background: 0 0
}

.side-menu.right .panel-default>.panel-heading {
	background: 0 0;
	border: none;
	border-radius: 0
}

.side-menu.right .panel-default>.panel-heading+.panel-collapse .panel-body {
	border-top: none
}

.side-menu.right .panel-title>a {
	color: #fff
}

.side-menu.right .panel-title>a .label {
	margin-top: 2px
}

.side-menu.right .tab-content, .side-menu.right .tab-content>.tab-pane, .side-menu.right .tab-content>.tab-pane.active {
	height: 100%;
	padding-bottom: 20px
}

.accordion-toggle .panel-heading {
	padding: 0
}

.accordion-toggle .panel-title a {
	color: #fff;
	font-size: 14px;
	display: block;
	line-height: 22px;
	padding: 9px 35px 9px 20px;
	position: relative
}

.accordion-toggle .panel-title a:after {
	content: "\f106";
	display: block;
	font-family: FontAwesome;
	font-size: 10px;
	line-height: 36px;
	position: absolute;
	top: 3px;
	right: 15px
}

#chat-list a, #inbox-list a .datetime, #inbox-list a .sender, #notification-list li, #updates-list a, .full-content-center h1, .widget .nav-tabs>li>a, .widget .text-box .maindata {
	font-family: "Open Sans"
}

.accordion-toggle .panel-title a.collapsed:after {
	content: "\f107"
}

.accordion-toggle .panel.panel-default .panel-title a {
	color: #555
}

.panel-group .panel {
	border-radius: 3px
}

.not-logged-avatar {
	width: 100px;
	margin: 0 auto 20px;
	display: block;
	text-align: center;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, .1)
}

.search-right {
	padding: 10px 15px
}

.search-right input {
	background: rgba(0, 0, 0, .1);
	border: none;
	color: #eee
}

#notification-list a {
	color: #555;
	font-size: 13px;
	font-weight: 600;
	vertical-align: text-top
}

#notification-list li {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(0, 0, 0, .1)
}

#notification-list a .muted {
	display: block;
	font-size: 12px;
	font-weight: 300;
	color: rgba(0, 0, 0, .5)
}

#notification-list .icon-wrapper {
	border-radius: 150px;
	font-size: 20px;
	width: 35px;
	line-height: 29px;
	text-align: center;
	height: 35px;
	margin-right: 10px;
	float: left;
	color: #555;
	display: inline-block;
	border: 2px solid #4EA6A6
}

#inbox-list li {
	margin-bottom: 15px
}

#inbox-list a {
	color: #555
}

#inbox-list a .datetime {
	font-size: 12px;
	font-weight: 400;
	color: rgba(0, 0, 0, .4);
	float: right
}

#inbox-list a .sender {
	font-size: 13px;
	display: block;
	float: left;
	font-weight: 600
}

#inbox-list a .title {
	display: block;
	font-size: 12px;
	font-weight: 600;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 15px;
	color: rgba(0, 0, 0, .6)
}

#inbox-list a .content {
	display: block;
	font-size: 11px;
	font-weight: 300;
	overflow: hidden;
	color: rgba(0, 0, 0, .5)
}

#chat-list .chat-user-avatar, #updates-list .icon-wrapper {
	border-radius: 50px;
	display: inline-block;
	float: left;
	margin-right: 10px
}

#updates-list li {
	margin-bottom: 10px
}

#updates-list a {
	color: #555;
	font-size: 13px
}

#updates-list .icon-wrapper {
	font-size: 14px;
	width: 24px;
	line-height: 25px;
	text-align: center;
	height: 24px;
	color: #555
}

#chat-panel .panel-body {
	padding: 0
}

#chat-list li {
	height: 55px;
	opacity: .9;
	padding: 7px 15px 10px
}

#chat-list li:hover {
	background: rgba(0, 0, 0, .1);
	opacity: 1
}

#chat-list a {
	font-size: 13px;
	color: #555
}

#chat-list a.online .chat-user-avatar {
	box-shadow: 0 0 0 2px #68C39F
}

#chat-list a.away .chat-user-avatar {
	box-shadow: 0 0 0 2px orange
}

#chat-list a.offline .chat-user-avatar img {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	filter: gray;
	-webkit-filter: grayscale(100%)
}

#chat-list .chat-user-avatar {
	width: 34px;
	height: 34px;
	margin-top: 3px;
	border: 2px solid transparent;
	box-shadow: 0 0 0 2px #555;
	overflow: hidden
}

#chat-list .chat-user-avatar img {
	width: 100%;
	height: 100%
}

#chat-list .chat-user-msg {
	font-size: 12px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	color: rgba(0, 0, 0, .3);
	display: block
}

#settings .tab-inner {
	color: rgba(0, 0, 0, .8)
}

#settings .tab-inner h3 {
	color: rgba(0, 0, 0, .6);
	margin-bottom: 20px
}

#settings .tab-inner h4 {
	color: rgba(0, 0, 0, .6);
	margin-bottom: 15px
}

#settings .tab-inner .row {
	margin-bottom: 10px;
	font-size: 12px
}

.page-heading {
	margin: 0 0 20px;
	padding: 5px 0
}

.page-heading h1 {
	margin: 0;
	padding: 0;
	font-weight: 400;
	font-size: 24px
}

.page-heading h3 {
	font-size: 15px;
	margin-top: 0
}

.widget {
	position: relative;
	background: #fff;
	color: #5b5b5b;
	margin-bottom: 20px;
	margin-top: 20px;
	display: inline-block;
	width: 100%;
}

.widget-content, .widget-header {
	display: inline-block;
	width: 100%;
	clear: both;
	margin-top: 5px;
}

.portlets {
	min-height: 50px
}

.portlets .widget-header {
	cursor: move
}

.widget-footer {
	-webkit-border-radius: 0 0 2px 2px;
	border-radius: 0 0 2px 2px;
	overflow: hidden
}

.widget-header.transparent {
	background: 0 0;
	border: none
}

.widget-header.centered {
	text-align: center
}

.widget-header .left-btn {
	position: absolute;
	left: 10px;
	top: 6px
}

.widget-content {
	-webkit-border-radius: 0 0 2px 2px;
	border-radius: 0 0 2px 2px
}

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

.widget-content.padding-sm {
	padding: 10px
}

.widget-content.padding-xs {
	padding: 1%
}

.widget.maximized {
	position: fixed;
	-webkit-border-radius: 0;
	border-radius: 0;
	top: 50px;
	left: 240px;
	right: 0;
	bottom: 0;
	z-index: 10;
	margin: 0
}

#wrapper.enlarged .widget.maximized {
	left: 50px
}

#wrapper.open-right-sidebar .widget.maximized {
	right: 240px
}

.widget.modal-widget {
	position: absolute;
	display: block;
	z-index: 10;
	box-shadow: 0 0 2px rgba(0, 0, 0, .2), 0 10px 15px rgba(0, 0, 0, .2)
}

.widget .additional-box, .widget .additional-btn, .widget .left-toolbar {
	z-index: 2;
	position: absolute;
	top: 10px
}

.widget.modal-widget.modalize .widget-header {
	background: #efefef
}

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

.widget .des-thumbnail {
	padding: 20px
}

.widget .img-wrap {
	width: 100%;
	height: auto;
	overflow: hidden
}

.widget .img-wrap img {
	width: 100%
}

.widget .widget-header {
	height: 43px;
	display: block
}

.widget .widget-header h2 {
	padding: 4px 13px;
	margin: 0;
	font-weight: 400;
	font-size: 16px;
	display: block;
	color: #5b5b5b
}

.widget .widget-header h2.no-style {
	padding: 0;
	margin: 20px 0 10px;
	font-size: 30px;
	border-bottom: none
}

.widget.box-messages {
	margin-top: -50px
}

.widget.box-messages h2 {
	border-bottom: none
}

.widget .statistic-chart {
	padding: 0
}

.widget .statistic-chart .toolbar {
	padding: 0 10px 10px
}

.widget.full {
	padding: 0
}

.widget.full .box-footer {
	padding: 20px 20px 15px
}

.widget.full .box-footer a, .widget.full .box-footer a:hover {
	color: #1B1E24;
	text-decoration: none
}

.widget .nav-tabs>li>a {
	line-height: 1.428571429;
	border: none;
	margin-right: 6px;
	background: rgba(0, 0, 0, .04);
	color: #555;
	font-size: 13px
}

.widget .tab-content {
	padding-top: 10px;
}

.widget .tab-boxed {
	padding: 10px;
	border: 1px solid #ddd;
	border-top: 0
}

.widget .nav-tabs>li>a i {
	color: #555
}

.widget .media-list {
	margin-top: 30px
}

.widget .media-list a {
	color: #1B1E24
}

.widget .media-list a:hover {
	color: #212121;
	text-decoration: none
}

.widget .media-list .media {
	padding: 5px 20px;
	border-bottom: 1px solid #eaeaea
}

.widget .media-list li:last-child.media {
	border-bottom: none
}

.widget .media-list .media .media-heading a {
	font-size: 14px;
	font-weight: 600;
	color: #1B1E24;
	margin-right: 5px
}

.widget .media-list .media .media-heading small {
	color: #65BD77;
	font-size: 11px
}

.widget .media-list .media p {
	color: #909090
}

.widget .media-list .media .media-object {
	width: 50px
}

.widget .nav-tabs>li.active>a, .widget .nav-tabs>li.active>a:focus, .widget .nav-tabs>li.active>a:hover {
	cursor: default;
	border-top: none;
	border-right: none;
	border-left: none;
	border-bottom: none;
	background-color: #7A868F;
	color: #fff
}

.widget .nav-tabs>li.active>a i, .widget .nav-tabs>li.active>a:focus i, .widget .nav-tabs>li.active>a:hover i {
	color: #fff
}

.widget .nav-tabs.nav-simple li a {
	background: 0 0
}

.widget .nav-tabs.nav-simple>li.active>a, .widget .nav-tabs.nav-simple>li.active>a:focus, .widget .nav-tabs.nav-simple>li.active>a:hover {
	border: 1px solid #ddd;
	border-bottom: 1px solid #fff;
	background: 0 0;
	color: #555
}

.widget .nav-tabs.nav-simple>li.active>a i, .widget .nav-tabs.nav-simple>li.active>a:focus i, .widget .nav-tabs.nav-simple>li.active>a:hover i {
	color: #555
}

.widget .additional-box {
	right: 15px
}

.widget .additional-btn {
	right: 13px
}

.widget .left-toolbar {
	left: 13px
}

.widget:hover .additional-btn>a.hidden {
	display: inline-block!important;
	visibility: visible!important
}

.widget .additional-btn>a.nevershow, .widget:hover .additional-btn>a.hidden.nevershow, .widget:hover .additional-btn>a.nevershow {
	display: none!important
}

.widget .widget-header:hover .additional-btn>a, .widget.modal-widget.modalize .widget-header .additional-btn>a {
	color: #909090
}

.widget .btn-group, .widget table .btn-group {
	z-index: 1
}

.widget .additional-btn .dropdown-menu {
	z-index: 2
}

.widget .widget-close, .widget .widget-toggle {
	font-size: 15px
}

.widget .widget-close:hover {
	color: #EB5055!important
}

.widget .additional-btn>a, .widget .widget-header .additional-btn .btn-group>a {
	color: #ccc;
	margin-left: 7px;
	margin-right: 0;
	cursor: pointer
}

.widget .additional-btn>a:hover {
	text-decoration: none
}

.ui-sortable-placeholder {
	background: #cdcdcd!important;
	display: block;
	visibility: visible!important;
	min-height: 100%;
	-webkit-box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, .1);
	box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, .1)
}

.widget.ui-sortable-placeholder * {
	visibility: hidden
}

.transparent {
	background: rgba(0, 0, 0, 0);
	color: #fff
}

.white {
	background: #fff;
	color: #555
}

.widget.success {
	background: #65BD77;
	color: #fff
}

.widget.success h2 {
	color: #2C7439;
	border-bottom-color: #3B934B
}

.widget.success:hover {
	color: #DEFFE5
}

.widget.success .additional-btn a.additional-icon {
	color: #3B934B
}

.widget.success .additional-btn a:hover.additional-icon {
	color: #2C7439
}

.widget.success .text-box h3, .widget.success i.success {
	color: #215F2E
}

.widget.success .progress-bar-success {
	background-color: #215F2E
}

.widget.danger {
	background: #D9534F;
	color: #fff
}

.widget.danger h2 {
	color: #791C1A;
	border-bottom-color: #791C1A
}

.widget.danger:hover {
	color: #fff
}

.widget.danger .additional-btn a.additional-icon, .widget.danger .additional-btn a:hover.additional-icon, .widget.danger .text-box h3, .widget.danger i.danger {
	color: #791C1A
}

.widget.danger .progress-bar-danger {
	background-color: #791C1A
}

.widget.info {
	background: #4393D8;
	color: #fff
}

.widget.info h2 {
	color: #15558B;
	border-bottom-color: #15558B
}

.widget.info:hover {
	color: #DEFFE5
}

.widget.info .additional-btn a.additional-icon, .widget.info .additional-btn a:hover.additional-icon, .widget.info .text-box h3, .widget.info i.info {
	color: #15558B
}

.widget.info .progress-bar-info {
	background-color: #15558B
}

.widget.warning {
	background: #F7CB17;
	color: #fff
}

.widget.warning h2 {
	color: #9D5D03;
	border-bottom-color: #9D5D03
}

.widget.warning:hover {
	color: #DEFFE5
}

.widget.warning .additional-btn a.additional-icon, .widget.warning .additional-btn a:hover.additional-icon, .widget.warning .text-box h3, .widget.warning i.warning {
	color: #9D5D03
}

.widget.warning .progress-bar-warning {
	background-color: #9D5D03
}

.widget .progress-bar-semi-transparent {
	background-color: rgba(255, 255, 255, .4)
}

.widget .additional {
	padding: 0 15px;
	background: #fff;
	color: #909090;
	margin: 15px -15px -15px
}

.widget .additional .list-box-info {
	margin: 0 -15px
}

.widget .additional .list-box-info ul {
	list-style: none;
	margin: 0;
	padding: 0
}

.widget .additional .list-box-info ul li {
	background: #fff;
	padding: 15px 20px;
	color: #909090;
	border-bottom: 1px solid #ddd
}

.widget .additional .list-box-info ul li span.label {
	float: right;
	font-size: 13px
}

.widget .additional .list-box-info ul li:last-child {
	border-bottom: 1px solid #fff
}

.left .widget {
	margin: 10px
}

.left .widget-header h2 {
	color: #fff;
	padding: 4px
}

.left .widget .additional-btn {
	right: 4px
}

.widget.full h2 {
	padding: 15px;
	margin: 5px 0 20px
}

.widget table {
	margin: 0
}

.widget table tr td, .widget table tr th {
	padding-left: 15px;
	padding-right: 15px
}

.widget .widget-icon {
	font-size: 50px;
	position: absolute;
	right: 4%;
	top: 10px;
	color: #fff
}

.widget .text-box h2 {
	padding: 0;
	margin: 0;
	font-weight: 300;
	font-size: 32px;
	display: block;
	color: #fff
}

.widget .text-box .maindata {
	font-size: 11px;
	color: #fff
}

.widget .text-box .maindata b {
	font-size: 12px
}

.top-summary .widget .progress {
	margin: 0;
	background: rgba(0, 0, 0, .2)
}

.top-summary .widget .widget-footer {
	background: rgba(0, 0, 0, .1);
	padding: 4px 15px;
	font-size: 12px;
	color: rgba(255, 255, 255, .9)
}

.top-summary .widget .widget-footer .rel-change {
	font-size: 14px;
	color: #fff;
	margin-right: 7px
}

.flip {
	perspective: 600px;
	perspective-origin: 50% 50%;
	position: relative
}

.flip.hover .widget-flip, .flip:hover .widget-flip {
	transform: rotateY(180deg)
}

.flip, .widget-back, .widget-front {
	width: 100%;
	height: 110px
}

.widget-flip {
	transition: all .6s ease 0s, opacity .2s ease 0s;
	transform-style: preserve-3d;
	position: relative
}

.widget-back, .widget-front {
	backface-visibility: hidden;
	transform-origin: 50% 50% 0;
	position: absolute;
	top: 0;
	left: 0
}

.widget-front {
	z-index: 2;
	background: red
}

.widget-back {
	background: #333;
	transform: rotateY(180deg)
}

.dropdown-toggle.btn-sm {
	padding-right: 6px
}

.dropdown-toggle.btn-xs {
	padding-right: 3px
}

.btn-default {
	background-color: #ABB7B7;
	border-color: #ABB7B7;
	color: #fff
}

.btn-default.active, .btn-default:active, .btn-default:focus, .btn-default:hover, .open .dropdown-toggle.btn-default, .submit input[type=submit]:active, .submit input[type=submit]:focus, .submit input[type=submit]:hover {
	background-color: #98A3A3;
	border-color: #98A3A3;
	color: #fff
}

.btn-primary {
	background-color: #4A525F;
	border-color: #4A525F;
	color: #FFF
}

.btn-primary.active, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open .dropdown-toggle.btn-primary {
	background-color: #3E444F;
	border-color: #3E444F;
	color: #FFF
}

.btn-success {
	background-color: #68C39F;
	border-color: #68C39F;
	color: #FFF
}

.btn-success.active, .btn-success:active, .btn-success:focus, .btn-success:hover, .open .dropdown-toggle.btn-success {
	background-color: #5CAD8D;
	border-color: #5CAD8D;
	color: #FFF
}

.btn-info {
	background: #68C39F;
	border-color: #68C39F;
	color: #FFF;
	font-size: 15px;
	text-transform: capitalize;
}

.btn-warning {
	background-color: #FFC052;
	border-color: #FFC052;
	color: #FFF
}

.btn-warning.active, .btn-warning:active, .btn-warning:focus, .btn-warning:hover, .open .dropdown-toggle.btn-warning {
	background-color: #F5B84F;
	border-color: #F5B84F;
	color: #FFF
}

.label.label-success {
	background: #68C39F
}

.label.label-warning {
	background: #FFC052
}

.label.label-info {
	background: #65BBD6
}

.label.label-danger {
	background: #E15554
}

p.quick-post {
	margin: 10px 5px
}

p.quick-post i {
	color: #909090;
	margin: 5px;
	cursor: pointer
}

p.quick-post.message i {
	margin: 0 2px
}

p.quick-post.message {
	margin: 3px 0;
	padding: 0;
	text-align: right
}

.chat-widget {
	height: 300px;
	margin-bottom: 20px
}

form.input-chat {
	margin-top: 20px
}

.chat-widget .media-list {
	margin: 0
}

.chat-widget .media-list .media {
	border-bottom: none
}

.chat-widget .media-list .media .media-object {
	width: 50px;
	padding: 4px;
	border: 1px solid #eaeaea
}

.chat-widget .media-list .media .media-body {
	background: #f7f7f7;
	border-radius: 3px;
	padding: 10px;
	color: #677179
}

.chat-widget .media-list .media .media-body p.time {
	text-align: right;
	color: #909090;
	font-size: 11px;
	font-style: italic
}

.chat-widget .media-list .media .media-body.success {
	background: #EDFFED
}

.chat-widget .media-list .media .media-body.warning {
	background: #FFFCE0
}

.chat-widget .media-list .media .media-body.danger {
	background: #FFE8E8
}

.chat-widget .media-list .media .media-body.info {
	background: #E5F5FF
}

.selectpicker {
	border-radius: 0;
	font-size: 13px
}

.icon-showcase i {
	margin-right: 5px
}

.bs-glyphicons {
	padding-left: 0;
	padding-bottom: 1px;
	margin-bottom: 20px;
	list-style: none;
	overflow: hidden
}

.bs-glyphicons li {
	float: left;
	width: 25%;
	height: 115px;
	padding: 10px;
	margin: 0 -1px -1px 0;
	font-size: 12px;
	line-height: 1.4;
	text-align: center;
	border: 1px solid #ddd
}

.bs-glyphicons .glyphicon {
	margin-top: 5px;
	margin-bottom: 10px;
	font-size: 24px
}

.bs-glyphicons .glyphicon-class {
	display: block;
	text-align: center;
	word-wrap: break-word
}

.bs-glyphicons li:hover {
	background-color: rgba(86, 61, 124, .1)
}

@media (min-width:768px) {
	.bs-glyphicons li {
		width: 12.5%
	}
}

.search-box.has-feedback .form-control-feedback {
	right: 5px
}

.btn-toolbar .rows-check-cont {
	margin-top: 6px;
	margin-right: 15px
}

.mail-list {
	background: #fff;
	color: #777;
	box-shadow: 0 0 3px rgba(0, 0, 0, .1)
}

.mail-reply {
	font-size: 13px;
	color: #777
}

.sender-photo {
	height: 30px;
	margin-top: 5px;
	float: left;
	margin-right: 10px
}

.menu-message {
	margin: 20px 0
}

.menu-message .list-group-item {
	border: 0;
	border-left: 4px solid transparent;
	background: rgba(255, 255, 255, .8);
	margin-bottom: 0;
	color: #666
}

.menu-message .list-group-item.active {
	background: rgba(255, 255, 255, .4);
	border-left: 4px solid #68C39F;
	color: #666
}

.menu-message .list-group-item.active .badge {
	color: #fff;
	background: #7A868F
}

.menu-folders {
	margin: 20px 0
}

.menu-folders .list-group-item {
	border: 0;
	background: rgba(255, 255, 255, .8);
	margin-bottom: 0;
	color: #666;
	font-size: 13px
}

.menu-folders .list-group-item i {
	font-size: 14px;
	margin-right: 5px
}

.table-message tr.unread, .table-message tr.unread a {
	font-weight: 500
}

.table-message>tbody>tr>td {
	border-bottom: 1px solid #f3f3f3!important
}

.table-message>tbody>tr>td>a {
	display: block;
	font-weight: 300;
	color: #5b5b5b
}

.table-message>tbody>tr>td>a:hover {
	text-decoration: none
}

.data-table-toolbar span.paging-status {
	font-weight: 700;
	margin: 10px 10px 0 0
}

.input-message {
	margin-top: -1px
}

.new-message-btns {
	width: 100%
}

hr.dashed {
	height: 1px;
	background: 0 0;
	border-top: none;
	border-bottom: 1px dashed #ddd
}

.data-table-toolbar {
	margin: 0;
	padding: 15px;
	background: rgba(0, 0, 0, .03)
}

.data-table-toolbar-footer {
	margin-top: 15px;
	padding: 0
}

.toolbar-btn-action {
	text-align: right
}

.gallery-wrap {
	margin: 10px -10px
}

.gallery-wrap:after, .gallery-wrap:before {
	display: table;
	content: " "
}

.gallery-wrap .column {
	float: left;
	width: 20%;
	margin: 0;
	padding: 0
}

.gallery-wrap .column-4 {
	float: left;
	width: 25%;
	margin: 0;
	padding: 0
}

.gallery-wrap .column-3 {
	float: left;
	width: 33.33333333333333%;
	margin: 0;
	padding: 0
}

.gallery-wrap .column .inner, .gallery-wrap .column-3 .inner, .gallery-wrap .column-4 .inner {
	margin: 10px;
	position: relative;
	overflow: hidden;
	-webkit-transition: All .4s ease;
	-moz-transition: All .4s ease;
	-o-transition: All .4s ease
}

.gallery-wrap .column .inner:hover, .gallery-wrap .column-3 .inner:hover, .gallery-wrap .column-4 .inner:hover {
	-webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .25);
	-moz-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .25);
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .25)
}

.gallery-wrap .column .inner a .img-wrap, .gallery-wrap .column-3 .inner a .img-wrap, .gallery-wrap .column-4 .inner a .img-wrap {
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in
}

.gallery-wrap .column .inner .img-wrap {
	height: 140px;
	overflow: hidden;
	background: #ddd
}

.gallery-wrap .column-3 .inner .img-wrap {
	height: 200px;
	overflow: hidden;
	background: #ddd
}

.gallery-wrap .column-4 .inner .img-wrap {
	height: 180px;
	overflow: hidden;
	background: #ddd
}

.gallery-wrap .column .inner .img-frame, .gallery-wrap .column-3 .inner .img-frame, .gallery-wrap .column-4 .inner .img-frame {
	padding: 5px;
	background: #fff;
	display: block;
	position: relative;
	-webkit-transition: All .4s ease;
	-moz-transition: All .4s ease;
	-o-transition: All .4s ease
}

.gallery-wrap .column .inner:hover .img-frame, .gallery-wrap .column-3 .inner:hover .img-frame, .gallery-wrap .column-4 .inner:hover .img-frame {
	background: #fff
}

.gallery-wrap .column .inner:hover .img-frame.success, .gallery-wrap .column-3 .inner:hover .img-frame.success, .gallery-wrap .column-4 .inner:hover .img-frame.success {
	background: #65BD77
}

.gallery-wrap .column .inner:hover .img-frame.warning, .gallery-wrap .column-3 .inner:hover .img-frame.warning, .gallery-wrap .column-4 .inner:hover .img-frame.warning {
	background: #FFCE00
}

.gallery-wrap .column .inner:hover .img-frame.danger, .gallery-wrap .column-3 .inner:hover .img-frame.danger, .gallery-wrap .column-4 .inner:hover .img-frame.danger {
	background: #D73D3D
}

.gallery-wrap .column .inner:hover .img-frame.info, .gallery-wrap .column-3 .inner:hover .img-frame.info, .gallery-wrap .column-4 .inner:hover .img-frame.info {
	background: #428BCA
}

.gallery-wrap .column .inner .img-wrap img, .gallery-wrap .column-3 .inner .img-wrap img, .gallery-wrap .column-4 .inner .img-wrap img {
	width: 100%
}

.gallery-wrap .column .inner .caption-hover, .gallery-wrap .column-3 .inner .caption-hover, .gallery-wrap .column-4 .inner .caption-hover {
	position: absolute;
	bottom: -100px;
	left: 0;
	right: 0;
	text-align: center;
	color: #909090;
	padding: 10px;
	background: #fff;
	-webkit-transition: All .4s ease;
	-moz-transition: All .4s ease;
	-o-transition: All .4s ease
}

.gallery-wrap .column .inner .caption-hover.success, .gallery-wrap .column-3 .inner .caption-hover.success, .gallery-wrap .column-4 .inner .caption-hover.success {
	color: #2C7439;
	background: #65BD77
}

.gallery-wrap .column .inner .caption-hover.danger, .gallery-wrap .column-3 .inner .caption-hover.danger, .gallery-wrap .column-4 .inner .caption-hover.danger {
	color: #790D0D;
	background: #D73D3D
}

.gallery-wrap .column .inner .caption-hover.warning, .gallery-wrap .column-3 .inner .caption-hover.warning, .gallery-wrap .column-4 .inner .caption-hover.warning {
	color: #B27C05;
	background: #FFCE00
}

.gallery-wrap .column .inner .caption-hover.info, .gallery-wrap .column-3 .inner .caption-hover.info, .gallery-wrap .column-4 .inner .caption-hover.info {
	color: #0A487C;
	background: #428BCA
}

.gallery-wrap .column .inner:hover .caption-hover, .gallery-wrap .column-3 .inner:hover .caption-hover, .gallery-wrap .column-4 .inner:hover .caption-hover {
	bottom: 0
}

.gallery-wrap .column .inner .caption-static, .gallery-wrap .column-3 .inner .caption-static, .gallery-wrap .column-4 .inner .caption-static {
	position: absolute;
	text-align: left;
	font-weight: 300;
	font-size: 12px;
	color: #fff;
	padding: 10px;
	left: 0;
	bottom: 0;
	width: 100%;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .34) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, .34)));
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .34) 100%);
	background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .34) 100%);
	background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .34) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .34) 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#57000000', GradientType=0);
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
	margin: 0
}

.gallery-wrap .column .inner a:hover, .gallery-wrap .column-3 .inner a:hover, .gallery-wrap .column-4 .inner a:hover {
	text-decoration: none
}

.gallery-wrap .column .inner .caption-static.success, .gallery-wrap .column-3 .inner .caption-static.success, .gallery-wrap .column-4 .inner .caption-static.success {
	color: #2C7439;
	background: #65BD77
}

.gallery-wrap .column .inner .caption-static.danger, .gallery-wrap .column-3 .inner .caption-static.danger, .gallery-wrap .column-4 .inner .caption-static.danger {
	color: #790D0D;
	background: #D73D3D
}

.gallery-wrap .column .inner .caption-static.warning, .gallery-wrap .column-3 .inner .caption-static.warning, .gallery-wrap .column-4 .inner .caption-static.warning {
	color: #B27C05;
	background: #FFCE00
}

.gallery-wrap .column .inner .caption-static.info, .gallery-wrap .column-3 .inner .caption-static.info, .gallery-wrap .column-4 .inner .caption-static.info {
	color: #0A487C;
	background: #428BCA
}

.btn-facebook {
	background: #45619D
}

.btn-facebook:hover {
	background: #395289
}

.btn-twitter {
	background: #00ACEE
}

.btn-twitter:hover {
	background: #03A0DE
}

.btn-gplus {
	background: #D54636;
	border-color: #B22E21
}

.btn-gplus:hover {
	background: #BF392E;
	border-color: #B22E21
}

.btn-vimeo {
	background: #1BB6EC
}

.btn-vimeo:hover {
	background: #12ADE3
}

.btn-pinterest {
	background: #CD1F28
}

.btn-pinterest:hover {
	background: #C9121A
}

.btn-instagram {
	background: #4E3D35;
	border-color: #392C24
}

.btn-instagram:hover {
	background: #483931;
	border-color: #392C24
}

.btn-dribbble.active, .btn-dribbble:active, .btn-dropbox.active, .btn-dropbox:active, .btn-facebook.active, .btn-facebook:active, .btn-flickr.active, .btn-flickr:active, .btn-foursquare.active, .btn-foursquare:active, .btn-github.active, .btn-github:active, .btn-google-plus.active, .btn-google-plus:active, .btn-linkedin.active, .btn-linkedin:active, .btn-pinterest.active, .btn-pinterest:active, .btn-tumblr.active, .btn-tumblr:active, .btn-twitter.active, .btn-twitter:active, .btn-vimeo.active, .btn-vimeo:active, .open .dropdown-toggle.btn-dribbble, .open .dropdown-toggle.btn-dropbox, .open .dropdown-toggle.btn-facebook, .open .dropdown-toggle.btn-flickr, .open .dropdown-toggle.btn-foursquare, .open .dropdown-toggle.btn-github, .open .dropdown-toggle.btn-google-plus, .open .dropdown-toggle.btn-linkedin, .open .dropdown-toggle.btn-pinterest, .open .dropdown-toggle.btn-tumblr, .open .dropdown-toggle.btn-twitter, .open .dropdown-toggle.btn-vimeo {
	background-image: none
}

i.success {
	color: #65BD77
}

i.warning {
	color: #F39C12
}

i.info {
	color: #3498DB
}

i.danger {
	color: #E85344
}

.btn-facebook {
	background-color: #4B66A0;
	border-color: #4B66A0;
	color: #fff
}

.btn-facebook.active, .btn-facebook:active, .btn-facebook:focus, .btn-facebook:hover, .open .dropdown-toggle.btn-facebook {
	background-color: #3B5A98;
	border-color: #3B5A98;
	color: #fff
}

.btn-facebook.disabled, .btn-facebook.disabled.active, .btn-facebook.disabled:active, .btn-facebook.disabled:focus, .btn-facebook.disabled:hover, .btn-facebook[disabled], .btn-facebook[disabled].active, .btn-facebook[disabled]:active, .btn-facebook[disabled]:focus, .btn-facebook[disabled]:hover, fieldset[disabled] .btn-facebook, fieldset[disabled] .btn-facebook.active, fieldset[disabled] .btn-facebook:active, fieldset[disabled] .btn-facebook:focus, fieldset[disabled] .btn-facebook:hover {
	background-color: #6C89C1;
	border-color: #6C89C1;
	color: #fff
}

.btn-facebook .badge {
	color: #3B5A98
}

.btn-twitter {
	background-color: #55ACEE;
	border-color: #55ACEE;
	color: #fff
}

.btn-twitter.active, .btn-twitter:active, .btn-twitter:focus, .btn-twitter:hover, .open .dropdown-toggle.btn-twitter {
	background-color: #3490D3;
	border-color: #3490D3;
	color: #fff
}

.btn-twitter.disabled, .btn-twitter.disabled.active, .btn-twitter.disabled:active, .btn-twitter.disabled:focus, .btn-twitter.disabled:hover, .btn-twitter[disabled], .btn-twitter[disabled].active, .btn-twitter[disabled]:active, .btn-twitter[disabled]:focus, .btn-twitter[disabled]:hover, fieldset[disabled] .btn-twitter, fieldset[disabled] .btn-twitter.active, fieldset[disabled] .btn-twitter:active, fieldset[disabled] .btn-twitter:focus, fieldset[disabled] .btn-twitter:hover {
	background-color: #7CC1F5;
	border-color: #7CC1F5;
	color: #fff
}

.btn-twitter .badge {
	color: #3490D3
}

.btn-google-plus {
	background-color: #D24333;
	border-color: #D24333;
	color: #fff
}

.btn-google-plus.active, .btn-google-plus:active, .btn-google-plus:focus, .btn-google-plus:hover, .open .dropdown-toggle.btn-google-plus {
	background-color: #BC2C1F;
	border-color: #BC2C1F;
	color: #fff
}

.btn-google-plus.disabled, .btn-google-plus.disabled.active, .btn-google-plus.disabled:active, .btn-google-plus.disabled:focus, .btn-google-plus.disabled:hover, .btn-google-plus[disabled], .btn-google-plus[disabled].active, .btn-google-plus[disabled]:active, .btn-google-plus[disabled]:focus, .btn-google-plus[disabled]:hover, fieldset[disabled] .btn-google-plus, fieldset[disabled] .btn-google-plus.active, fieldset[disabled] .btn-google-plus:active, fieldset[disabled] .btn-google-plus:focus, fieldset[disabled] .btn-google-plus:hover {
	background-color: #F0675A;
	border-color: #F0675A;
	color: #fff
}

.btn-google-plus .badge {
	color: #BC2C1F
}

.btn-dribbble {
	background-color: #E04C86;
	border-color: #E04C86;
	color: #fff
}

.btn-dribbble.active, .btn-dribbble:active, .btn-dribbble:focus, .btn-dribbble:hover, .open .dropdown-toggle.btn-dribbble {
	background-color: #D33471;
	border-color: #D33471;
	color: #fff
}

.btn-dribbble.disabled, .btn-dribbble.disabled.active, .btn-dribbble.disabled:active, .btn-dribbble.disabled:focus, .btn-dribbble.disabled:hover, .btn-dribbble[disabled], .btn-dribbble[disabled].active, .btn-dribbble[disabled]:active, .btn-dribbble[disabled]:focus, .btn-dribbble[disabled]:hover, fieldset[disabled] .btn-dribbble, fieldset[disabled] .btn-dribbble.active, fieldset[disabled] .btn-dribbble:active, fieldset[disabled] .btn-dribbble:focus, fieldset[disabled] .btn-dribbble:hover {
	background-color: #F571A5;
	border-color: #F571A5;
	color: #fff
}

.btn-dribbble .badge {
	color: #D33471
}

.btn-flickr {
	background-color: #0162DB;
	border-color: #0162DB;
	color: #fff
}

.btn-flickr.active, .btn-flickr:active, .btn-flickr:focus, .btn-flickr:hover, .open .dropdown-toggle.btn-flickr {
	background-color: #0555BF;
	border-color: #0555BF;
	color: #fff
}

.btn-flickr.disabled, .btn-flickr.disabled.active, .btn-flickr.disabled:active, .btn-flickr.disabled:focus, .btn-flickr.disabled:hover, .btn-flickr[disabled], .btn-flickr[disabled].active, .btn-flickr[disabled]:active, .btn-flickr[disabled]:focus, .btn-flickr[disabled]:hover, fieldset[disabled] .btn-flickr, fieldset[disabled] .btn-flickr.active, fieldset[disabled] .btn-flickr:active, fieldset[disabled] .btn-flickr:focus, fieldset[disabled] .btn-flickr:hover {
	background-color: #2983F7;
	border-color: #2983F7;
	color: #fff
}

.btn-flickr .badge {
	color: #0555BF
}

.btn-pinterest {
	background-color: #CC2127;
	border-color: #CC2127;
	color: #fff
}

.btn-pinterest.active, .btn-pinterest:active, .btn-pinterest:focus, .btn-pinterest:hover, .open .dropdown-toggle.btn-pinterest {
	background-color: #B70F12;
	border-color: #B70F12;
	color: #fff
}

.btn-pinterest.disabled, .btn-pinterest.disabled.active, .btn-pinterest.disabled:active, .btn-pinterest.disabled:focus, .btn-pinterest.disabled:hover, .btn-pinterest[disabled], .btn-pinterest[disabled].active, .btn-pinterest[disabled]:active, .btn-pinterest[disabled]:focus, .btn-pinterest[disabled]:hover, fieldset[disabled] .btn-pinterest, fieldset[disabled] .btn-pinterest.active, fieldset[disabled] .btn-pinterest:active, fieldset[disabled] .btn-pinterest:focus, fieldset[disabled] .btn-pinterest:hover {
	background-color: #E53B3E;
	border-color: #E53B3E;
	color: #fff
}

.btn-pinterest .badge {
	color: #B70F12
}

.btn-youtube {
	background-color: #D92623;
	border-color: #D92623;
	color: #fff
}

.btn-youtube.active, .btn-youtube:active, .btn-youtube:focus, .btn-youtube:hover, .open .dropdown-toggle.btn-youtube {
	background-color: #C91212;
	border-color: #C91212;
	color: #fff
}

.btn-youtube.active, .btn-youtube:active, .open .dropdown-toggle.btn-youtube {
	background-image: none
}

.btn-youtube.disabled, .btn-youtube.disabled.active, .btn-youtube.disabled:active, .btn-youtube.disabled:focus, .btn-youtube.disabled:hover, .btn-youtube[disabled], .btn-youtube[disabled].active, .btn-youtube[disabled]:active, .btn-youtube[disabled]:focus, .btn-youtube[disabled]:hover, fieldset[disabled] .btn-youtube, fieldset[disabled] .btn-youtube.active, fieldset[disabled] .btn-youtube:active, fieldset[disabled] .btn-youtube:focus, fieldset[disabled] .btn-youtube:hover {
	background-color: #F04343;
	border-color: #F04343;
	color: #fff
}

.btn-youtube .badge {
	color: #C91212
}

.btn-dropbox {
	background-color: #1473C3;
	border-color: #1473C3;
	color: #fff
}

.btn-dropbox.active, .btn-dropbox:active, .btn-dropbox:focus, .btn-dropbox:hover, .open .dropdown-toggle.btn-dropbox {
	background-color: #0864B2;
	border-color: #0864B2;
	color: #fff
}

.btn-dropbox.disabled, .btn-dropbox.disabled.active, .btn-dropbox.disabled:active, .btn-dropbox.disabled:focus, .btn-dropbox.disabled:hover, .btn-dropbox[disabled], .btn-dropbox[disabled].active, .btn-dropbox[disabled]:active, .btn-dropbox[disabled]:focus, .btn-dropbox[disabled]:hover, fieldset[disabled] .btn-dropbox, fieldset[disabled] .btn-dropbox.active, fieldset[disabled] .btn-dropbox:active, fieldset[disabled] .btn-dropbox:focus, fieldset[disabled] .btn-dropbox:hover {
	background-color: #2E90E3;
	border-color: #2E90E3;
	color: #fff
}

.btn-dropbox .badge {
	color: #0864B2
}

.btn-foursquare {
	background-color: #0086BE;
	border-color: #0086BE;
	color: #fff
}

.btn-foursquare.active, .btn-foursquare:active, .btn-foursquare:focus, .btn-foursquare:hover, .open .dropdown-toggle.btn-foursquare {
	background-color: #0571A0;
	border-color: #0571A0;
	color: #fff
}

.btn-foursquare.disabled, .btn-foursquare.disabled.active, .btn-foursquare.disabled:active, .btn-foursquare.disabled:focus, .btn-foursquare.disabled:hover, .btn-foursquare[disabled], .btn-foursquare[disabled].active, .btn-foursquare[disabled]:active, .btn-foursquare[disabled]:focus, .btn-foursquare[disabled]:hover, fieldset[disabled] .btn-foursquare, fieldset[disabled] .btn-foursquare.active, fieldset[disabled] .btn-foursquare:active, fieldset[disabled] .btn-foursquare:focus, fieldset[disabled] .btn-foursquare:hover {
	background-color: #2CA0CE;
	border-color: #2CA0CE;
	color: #fff
}

.btn-foursquare .badge {
	color: #0571A0
}

.btn-github {
	background-color: #3B3B3B;
	border-color: #3B3B3B;
	color: #fff
}

.btn-github.active, .btn-github:active, .btn-github:focus, .btn-github:hover, .open .dropdown-toggle.btn-github {
	background-color: #212121;
	border-color: #212121;
	color: #fff
}

.btn-github.disabled, .btn-github.disabled.active, .btn-github.disabled:active, .btn-github.disabled:focus, .btn-github.disabled:hover, .btn-github[disabled], .btn-github[disabled].active, .btn-github[disabled]:active, .btn-github[disabled]:focus, .btn-github[disabled]:hover, fieldset[disabled] .btn-github, fieldset[disabled] .btn-github.active, fieldset[disabled] .btn-github:active, fieldset[disabled] .btn-github:focus, fieldset[disabled] .btn-github:hover {
	background-color: #5F5F5F;
	border-color: #5F5F5F;
	color: #fff
}

.btn-github .badge {
	color: #212121
}

.btn-linkedin {
	background-color: #0085AE;
	border-color: #0085AE;
	color: #fff
}

.btn-linkedin.active, .btn-linkedin:active, .btn-linkedin:focus, .btn-linkedin:hover, .open .dropdown-toggle.btn-linkedin {
	background-color: #036C8E;
	border-color: #036C8E;
	color: #fff
}

.btn-linkedin.disabled, .btn-linkedin.disabled.active, .btn-linkedin.disabled:active, .btn-linkedin.disabled:focus, .btn-linkedin.disabled:hover, .btn-linkedin[disabled], .btn-linkedin[disabled].active, .btn-linkedin[disabled]:active, .btn-linkedin[disabled]:focus, .btn-linkedin[disabled]:hover, fieldset[disabled] .btn-linkedin, fieldset[disabled] .btn-linkedin.active, fieldset[disabled] .btn-linkedin:active, fieldset[disabled] .btn-linkedin:focus, fieldset[disabled] .btn-linkedin:hover {
	background-color: #24A7D3;
	border-color: #24A7D3;
	color: #fff
}

.btn-linkedin .badge {
	color: #036C8E
}

.btn-tumblr {
	background-color: #3E5A70;
	border-color: #3E5A70;
	color: #fff
}

.btn-tumblr.active, .btn-tumblr:active, .btn-tumblr:focus, .btn-tumblr:hover, .open .dropdown-toggle.btn-tumblr {
	background-color: #2E485D;
	border-color: #2E485D;
	color: #fff
}

.btn-tumblr.disabled, .btn-tumblr.disabled.active, .btn-tumblr.disabled:active, .btn-tumblr.disabled:focus, .btn-tumblr.disabled:hover, .btn-tumblr[disabled], .btn-tumblr[disabled].active, .btn-tumblr[disabled]:active, .btn-tumblr[disabled]:focus, .btn-tumblr[disabled]:hover, fieldset[disabled] .btn-tumblr, fieldset[disabled] .btn-tumblr.active, fieldset[disabled] .btn-tumblr:active, fieldset[disabled] .btn-tumblr:focus, fieldset[disabled] .btn-tumblr:hover {
	background-color: #586F81;
	border-color: #586F81;
	color: #fff
}

.btn-tumblr .badge {
	color: #2E485D
}

.btn-vimeo {
	background-color: #1BB6EC;
	border-color: #1BB6EC;
	color: #fff
}

.btn-vimeo.active, .btn-vimeo:active, .btn-vimeo:focus, .btn-vimeo:hover, .open .dropdown-toggle.btn-vimeo {
	background-color: #0D9DD1;
	border-color: #0D9DD1;
	color: #fff
}

.btn-vimeo.disabled, .btn-vimeo.disabled.active, .btn-vimeo.disabled:active, .btn-vimeo.disabled:focus, .btn-vimeo.disabled:hover, .btn-vimeo[disabled], .btn-vimeo[disabled].active, .btn-vimeo[disabled]:active, .btn-vimeo[disabled]:focus, .btn-vimeo[disabled]:hover, fieldset[disabled] .btn-vimeo, fieldset[disabled] .btn-vimeo.active, fieldset[disabled] .btn-vimeo:active, fieldset[disabled] .btn-vimeo:focus, fieldset[disabled] .btn-vimeo:hover {
	background-color: #4BCBFA;
	border-color: #4BCBFA;
	color: #fff
}

.btn-vimeo .badge {
	color: #0D9DD1
}

.icon-facebook, a .icon-facebook {
	color: #4B66A0
}

a:focus .icon-facebook, a:hover .icon-facebook {
	text-decoration: none;
	color: #3B5A98
}

.icon-twitter, a .icon-twitter {
	color: #55ACEE
}

a:focus .icon-twitter, a:hover .icon-twitter {
	text-decoration: none;
	color: #3490D3
}

.icon-google-plus, a .icon-google-plus {
	color: #D24333
}

a:focus .icon-google-plus, a:hover .icon-google-plus {
	text-decoration: none;
	color: #BC2C1F
}

.icon-dribbble, a .icon-dribbble {
	color: #E04C86
}

a:focus .icon-dribbble, a:hover .icon-dribbble {
	text-decoration: none;
	color: #D33471
}

.icon-flickr, a .icon-flickr {
	color: #0162DB
}

a:focus .icon-flickr, a:hover .icon-flickr {
	text-decoration: none;
	color: #0555BF
}

.icon-pinterest, a .icon-pinterest {
	color: #CC2127
}

a:focus .icon-pinterest, a:hover .icon-pinterest {
	text-decoration: none;
	color: #B70F12
}

.icon-youtube, a .icon-youtube {
	color: #D92623
}

a:focus .icon-youtube, a:hover .icon-youtube {
	text-decoration: none;
	color: #C91212
}

.icon-dropbox, a .icon-dropbox {
	color: #1473C3
}

a:focus .icon-dropbox, a:hover .icon-dropbox {
	text-decoration: none;
	color: #0864B2
}

.icon-foursquare, a .icon-foursquare {
	color: #0086BE
}

a:focus .icon-foursquare, a:hover .icon-foursquare {
	text-decoration: none;
	color: #0571A0
}

.icon-github, a .icon-github {
	color: #3B3B3B
}

a:focus .icon-github, a:hover .icon-github {
	text-decoration: none;
	color: #212121
}

.icon-linkedin, a .icon-linkedin {
	color: #0085AE
}

a:focus .icon-linkedin, a:hover .icon-linkedin {
	text-decoration: none;
	color: #036C8E
}

.icon-tumblr, a .icon-tumblr {
	color: #3E5A70
}

a:focus .icon-tumblr, a:hover .icon-tumblr {
	text-decoration: none;
	color: #2E485D
}

.icon-vimeo, a .icon-vimeo {
	color: #1BB6EC
}

a:focus .icon-vimeo, a:hover .icon-vimeo {
	text-decoration: none;
	color: #0D9DD1
}

.full-content-center h1, .maintenance h1 i {
	font-size: 150px;
	color: #252932
}

.mfp-fade.mfp-bg {
	opacity: 0;
	-webkit-transition: all .4s ease-out;
	-moz-transition: all .4s ease-out;
	transition: all .4s ease-out
}

.la-pricing-table .la-col-4, .mfp-fade.mfp-wrap .mfp-content {
	-webkit-transition: all .4s ease-out;
	-moz-transition: all .4s ease-out
}

.mfp-fade.mfp-bg.mfp-ready {
	opacity: .8
}

.mfp-fade.mfp-bg.mfp-removing {
	opacity: 0
}

.mfp-fade.mfp-wrap .mfp-content {
	opacity: 0;
	transition: all .4s ease-out
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0
}

.login-page, .signup-page {
	background: #7A868F
}

.lock-page {
	background: #252932
}

.lock-page .container {
	background: #7A868F
}

.internal-error h1 {
	-ms-transform: rotate(10);
	-webkit-transform: rotate(10deg);
	-moz-transform: rotate(10deg);
	transform: rotate(10deg);
	-o-transform: rotate(10deg)
}

.internal-error h2 {
	-ms-transform: rotate(-185);
	-webkit-transform: rotate(-185deg);
	-moz-transform: rotate(-185deg);
	transform: rotate(-185deg);
	-o-transform: rotate(-185deg)
}

.internal-error .backbtn, .internal-error .searchbtn {
	-ms-transform: rotate(-44);
	-webkit-transform: rotate(-44deg);
	-moz-transform: rotate(-44deg);
	transform: rotate(-44deg);
	-o-transform: rotate(-44deg)
}

.full-content-center {
	width: 100%;
	padding: 5px 0;
	max-width: 500px;
	margin: 6% auto;
	text-align: center
}

.full-content {
	background: #E5E9EC
}

.full-content-center h1 {
	line-height: 150px;
	font-weight: 700
}

.maintenance h1 {
	font-size: 50px;
	line-height: 100px;
	color: #fff;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .1)
}

.login-wrap {
	margin: 20px 10%;
	text-align: left;
	background: rgba(0, 0, 0, .1);
	padding: 20px;
	color: #fff
}

.login-wrap a {
	color: #fff
}

.login-wrap i {
	margin-right: 5px
}

.login-wrap .checkbox {
	margin-left: 0;
	padding-left: 0
}

.login-wrap .btn-block {
	margin: 5px 0
}

.login-wrap .login-input {
	position: relative
}

.login-wrap .login-input .text-input {
	padding-left: 30px
}

.login-wrap .login-input i.overlay {
	position: absolute;
	left: 10px;
	top: 10px;
	color: #aaa
}

.widget .media-list.search-result .media a {
	color: #46C45F
}

.widget .media-list.search-result .media .media-heading a {
	color: #1279D1
}

.widget .media-list.search-result .media .media-heading span {
	font-size: 12px;
	font-weight: 400;
	padding: 3px 5px
}

.widget .media-list.search-result .media .media-object {
	width: 100px
}

ul.faq {
	list-style: none;
	padding-left: 10px;
	margin: 20px 0 50px
}

ul.faq li i {
	margin-right: 5px
}

ul.faq li {
	margin: 10px 0
}

ul.faq li a.faq-question {
	cursor: pointer;
	display: block;
	font-size: 14px
}

ul.faq li .faq-answer {
	margin: 10px 15px
}

table.pricing-table-style-1 {
	text-align: center;
	background: #fff
}

table.pricing-table-style-1 thead tr th {
	padding: 15px;
	font-size: 18px;
	font-weight: 600;
	text-align: center
}

table.pricing-table-style-1 thead tr th.best-choice {
	color: #A2A7B7;
	background: #0F1215;
	border-bottom-color: #000
}

table.pricing-table-style-1 tbody tr td.best-choice {
	background: #1B1E24;
	font-weight: 600;
	font-size: 15px;
	color: #fafafa;
	border-top-color: #000
}

table.pricing-table-style-1 tbody tr td.td-success {
	background: #65BD77;
	font-weight: 600;
	color: #2C7439;
	text-align: right;
	border-top-color: #55AD67
}

table.pricing-table-style-1 thead tr th.th-success {
	color: #65BD77;
	background: #55AD67;
	border-bottom-color: #55AD67
}

.la-pricing-table {
	margin: 30px 0;
	text-align: center
}

.la-pricing-table:after, .la-pricing-table:before {
	display: table;
	content: " "
}

.la-pricing-table .la-col-4 {
	float: left;
	margin: 20px 0;
	padding: 0;
	width: 25%;
	border: 3px solid transparent;
	transition: all .4s ease-out;
	position: relative;
	overflow: hidden
}

.la-pricing-table .la-col-4:hover {
	border-color: #434D58
}

.la-pricing-table .la-col-4 i.bg-big {
	position: absolute;
	font-size: 210px;
	opacity: .05;
	top: 20%;
	left: 0;
	right: 0;
	-webkit-transition: all .4s ease-out;
	-moz-transition: all .4s ease-out;
	transition: all .4s ease-out
}

.la-pricing-table .la-col-4:hover i.bg-big {
	-webkit-transform: scale(2);
	-moz-transform: scale(2);
	-o-transform: scale(2);
	-ms-transform: scale(2);
	transform: scale(2);
	opacity: 0
}

.la-pricing-table .la-col-4 ul {
	list-style: none;
	padding: 0;
	margin: 0;
	background: #fff
}

.la-pricing-table .la-col-4 ul li {
	padding: 10px 20px;
	display: block;
	font-size: 13px
}

.la-pricing-table .la-col-4 ul li.la-package {
	font-size: 24px;
	font-weight: 600;
	background: #121515;
	color: #fff
}

.la-pricing-table .la-col-4 ul li.la-price {
	font-size: 18px;
	font-weight: 600;
	color: #8E98AD;
	background: #434D58;
	margin: 0 20px
}

.la-pricing-table .la-col-4 ul li.la-price i {
	font-size: 13px
}

.la-pricing-table .la-col-4:hover.success {
	border-color: #2C7439
}

.la-pricing-table .la-col-4.success ul {
	background: #65BD77
}

.la-pricing-table .la-col-4.success ul li {
	color: #fff
}

.la-pricing-table .la-col-4.success ul li.la-package {
	color: #BCF5C6;
	background: #2C7439
}

.la-pricing-table .la-col-4.success ul li.la-price {
	color: #fff;
	background: #3E984D
}

.la-pricing-table .la-col-4:hover.danger {
	border-color: #B42424
}

.la-pricing-table .la-col-4.danger ul {
	background: #D73D3D
}

.la-pricing-table .la-col-4.danger ul li {
	color: #fff
}

.la-pricing-table .la-col-4.danger ul li.la-package {
	color: #FFB4B4;
	background: #B42424
}

.la-pricing-table .la-col-4.danger ul li.la-price {
	color: #fff;
	background: #C42E2E
}

.la-pricing-table .la-col-4:hover.info {
	border-color: #1F6AAA
}

.la-pricing-table .la-col-4.info ul {
	background: #529DDE
}

.la-pricing-table .la-col-4.info ul li {
	color: #fff
}

.la-pricing-table .la-col-4.info ul li.la-package {
	color: #C6E5FF;
	background: #1F6AAA
}

.la-pricing-table .la-col-4.info ul li.la-price {
	color: #fff;
	background: #2E71AD
}

.la-pricing-table .la-col-4:hover.warning {
	border-color: #F08600
}

.la-pricing-table .la-col-4.warning ul {
	background: #FFCE00
}

.la-pricing-table .la-col-4.warning ul li {
	color: #fff
}

.la-pricing-table .la-col-4.warning ul li.la-package {
	color: #FFF5C9;
	background: #F08600
}

.la-pricing-table .la-col-4.warning ul li.la-price {
	color: #fff;
	background: #FA0
}

.invoice .widget-content.padding {
	padding: 70px 30px;
	color: #7A868F
}

.bill-to, .company-column {
	padding: 15px;
	margin-bottom: 20px
}

.payment-methods {
	font-size: 30px
}

.company-column address {
	color: #7A868F
}

.bill-to {
	margin-top: 20px;
	border: 1px dashed #E5E9EC
}

.btn-default.active[disabled], .btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
	background-color: #ABB7B7;
	border-color: #ABB7B7;
	color: #fff
}

#calculator {
	height: auto;
	font: 700 17px "Open Sans", Arial, sans-serif;
	padding: 20px
}

.easyWizardSteps li, .popover .popover-title {
	font-family: "Open Sans"
}

#calculator .col-xs-3, #calculator .col-xs-9 {
	padding: 0 2%
}

.calc-top .calc-screen {
	height: 47px;
	width: 100%;
	overflow: hidden;
	padding: 0 10px;
	background: rgba(0, 0, 0, .2);
	border-radius: 2px;
	box-shadow: inset 0 4px rgba(0, 0, 0, .1);
	margin-bottom: 10px;
	font-size: 21px;
	line-height: 47px;
	color: #fff;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, .8);
	text-align: right;
	letter-spacing: 1px
}

.calc-keys, .calc-top {
	overflow: hidden
}

.calc-keys span, .calc-top span.calc-clean {
	float: left;
	position: relative;
	top: 0;
	cursor: pointer;
	width: 100%;
	margin-bottom: 10px;
	height: 46px;
	background: #fff;
	border-radius: 2px;
	color: #666;
	line-height: 46px;
	text-align: center;
	user-select: none;
	transition: all .2s ease
}

.calc-keys span.calc-operator {
	background: #999;
	margin-right: 0;
	color: #fff;
	font-size: 22px
}

.calc-keys span.calc-eval {
	background: #f1ff92;
	color: #888e5f
}

.calc-top span.calc-clean {
	background: #EB5055;
	color: #fff
}

.calc-keys span:hover {
	background: #9c89f6;
	color: #fff
}

.profile-banner {
	width: 100%;
	height: 300px;
	background-position: center center;
	background-size: cover;
	position: relative;
	background-color: #252932;
	border-bottom: 4px solid #fff;
	box-shadow: 2px 0 4px rgba(0, 0, 0, .1);
	margin-top: 20px;
}

.profile-avatar1 {
	position: relative;
	margin: 0px auto;
	margin-top: 196px;
	border: 4px solid #f3f3f3;
	width: 200px;
	height: 200px;
}

.nav-justified .fa-pencil {
	margin-right: 10px;
}

.avatar-container {
	height: 300px;
	text-align: center
}

.profile-avatar {
	width: 200px;
	position: relative;
	margin: 196px auto 0;
	border: 4px solid #f3f3f3
}

.profile-actions {
	position: absolute;
	bottom: 20px
}

.user-profile-2 {
	margin-top: 50px
}

.user-profile-sidebar {
	margin: 0 0 20px
}

.user-profile-sidebar .user-identity {
	margin: 20px 0 0
}

.user-profile-sidebar img {
	width: 90px
}

.account-status-data {
	text-align: center;
	padding: 10px 0;
	border-top: 1px dashed #ddd;
	border-bottom: 1px dashed #ddd;
	margin: 10px 0 20px
}

.account-status-data h5 {
	font-size: 11px;
	line-height: 150%;
	color: #909090
}

.user-button {
	margin: 15px 0
}

.user-button .btn {
	margin: 5px 0
}

#social {
	padding: 10px;
	background: #E5E9EC;
	text-align: center
}

#social a:hover {
	text-decoration: none
}

.fa-circle.facebook {
	color: #5471AE
}

.fa-circle.twitter {
	color: #4EC6F6
}

.fa-circle.gplus {
	color: #E24E3E
}

.fa-circle.tumblr {
	color: #4D77A3
}

.fa-circle.linkedin {
	color: #3097CE
}

.user-profile-content {
	margin: 30px 15px
}

.easyWizardSteps {
	list-style: none;
	width: 100%;
	overflow: hidden;
	margin: 0 0 20px;
	padding: 0;
	border-bottom: 0 solid rgba(0, 0, 0, .1);
	background: #7A868F
}

.easyWizardSteps li {
	font-size: 18px;
	display: inline-block;
	padding: 10px 20px;
	color: #eee;
	border-right: 1px solid rgba(0, 0, 0, .1);
	margin-right: 0
}

.easyWizardSteps li:last-child {
	border-right: 0
}

.easyWizardSteps li span {
	font-size: 15px;
	padding: 2px 9px;
	border-radius: 50%;
	margin-top: -5px;
	color: #eee;
	font-weight: 700;
	margin-right: 5px;
	border: 2px solid #eee
}

.easyWizardSteps li.current span {
	border: 2px solid #68C39F;
	color: #68C39F
}

.easyWizardSteps li.current {
	color: #38464A;
	background: #fff
}

.easyWizardButtons {
	overflow: hidden;
	padding: 10px
}

.easyWizardButtons .submit, .easyWizardButtons button {
	cursor: pointer
}

.easyWizardButtons .prev {
	float: left
}

.easyWizardButtons .next, .easyWizardButtons .submit {
	float: right
}

.notes {
	padding: 15px;
	border: 1px dashed #ddd
}

section.step {
	padding: 0 30px
}

.the-notes {
	padding: 15px 15px 15px 30px;
	border-left: 4px solid #909090;
	margin-bottom: 20px
}

.the-notes.default {
	background: #fff
}

.the-notes.success {
	background: #fff;
	border-left-color: #65BD77
}

.the-notes.warning {
	background: #fff;
	border-left-color: #F7CB17
}

.the-notes.danger {
	background: #fff;
	border-left-color: #D9534F
}

.the-notes.info {
	background: #fff;
	border-left-color: #4393D8
}

.the-notes.success h4 {
	color: #65BD77
}

.the-notes.warning h4 {
	color: #F7CB17
}

.the-notes.danger h4 {
	color: #D9534F
}

.the-notes.inf h4 {
	color: #4393D8
}

.popover {
	border-radius: 3px;
	box-shadow: none;
	opacity: .9;
	border: none
}

.pagination li.active a, .pagination li.current a {
	box-shadow: 0 3px 5px rgba(0, 0, 0, .125) inset
}

.popover .arrow {
	border-top: none
}

.popover .popover-title {
	background: rgba(0, 0, 0, .025)
}

.popover .popover-content {
	padding: 6px 11px;
	font-family: Helvetica, Arial;
	font-size: 12px
}

#chat_groups li a, #recent_tickets li a, #weather .w-region, #website-statistic3 .stock-status, .bic_calendar, .status-data, .todo-list .todo-tags {
	font-family: "Open Sans"
}

.modal {
	direction: rtl;
	overflow-y: auto
}

.modal .modal-dialog {
	direction: ltr
}

.modal-open {
	overflow: auto
}

.mini-stats {
	font-size: 12px;
	color: #555
}

#website-statistics1 .widget-footer {
	border-top: 1px solid #eee
}

#website-statistics1 .widget-footer>.col-sm-4 {
	padding-top: 25px;
	padding-bottom: 20px;
	font-size: 13px
}

.status-data {
	font-size: 12px;
	color: rgba(255, 255, 255, .5);
	padding-left: 30px
}

.status-data .animate-number {
	color: rgba(255, 255, 255, .85);
	font-size: 14px;
	font-weight: 700
}

#website-statistic2 h4, #website-statistic3 h2 {
	color: #fff
}

.status-data .right-border {
	border-right: 1px solid rgba(0, 0, 0, .2)
}

#home-chart-2 {
	margin-top: 24px
}

.morris-chart svg {
	width: 100%!important
}

#website-statistic2 .progress {
	background: rgba(0, 0, 0, .2)
}

#website-statistic3 {
	color: #fff;
	padding: 20px
}

#website-statistic3 .stock-status {
	font-size: 21px;
	line-height: 35px;
	display: block;
	margin: 10px 0
}

#note-text, #notes-list ul li {
	line-height: 31px
}

.sales-report-data {
	padding: 20px
}

#chat_groups h2, #recent_tickets h2 {
	color: rgba(0, 0, 0, .7);
	border-top: 1px solid rgba(0, 0, 0, .1);
	margin-bottom: 0;
	padding: 0 15px
}

#chat_groups h2 {
	font-size: 13px;
	font-weight: 600
}

#chat_groups li a, #recent_tickets li a {
	display: block;
	padding: 5px 15px;
	font-size: 13px;
	color: rgba(0, 0, 0, .5)
}

#chat_groups li a i {
	margin-right: 5px;
	font-size: 12px
}

#recent_tickets {
	display: none
}

#recent_tickets h2 {
	font-size: 13px;
	font-weight: 400
}

#recent_tickets li a i {
	margin-right: 5px
}

#recent_tickets li a span {
	display: block;
	color: rgba(0, 0, 0, .4);
	font-size: 12px
}

#stock-widget .widget-content h4 {
	position: absolute;
	left: 15px;
	top: 40px
}

#note-data, #notes-app.new-item #notes-list {
	left: -100%;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out
}

#stock-widget #stock-chart svg {
	margin-top: -20px
}

#stock-widget .stock-options {
	margin-right: 15px
}

#notes-app {
	background: #fdfdbe;
	overflow: hidden
}

#note-data {
	width: 100%;
	position: absolute;
	padding-left: 55px;
	transition: all .3s ease-in-out
}

#notes-app.new-item #notes-list {
	transition: all .3s ease-in-out
}

#notes-list {
	left: 0;
	padding-left: 60px;
	width: 100%;
	height: 340px;
	overflow: hidden;
	padding-top: 7px;
	position: absolute;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

#notes-list a {
	color: #555
}

#note-text {
	min-height: 300px;
	height: 100%;
	background: 0 0!important;
	border: none!important;
	resize: none
}

#notes-app .status-indicator {
	position: absolute;
	bottom: 15px;
	right: 15px;
	background: rgba(0, 0, 0, .4);
	color: #fff;
	opacity: 0;
	-webkit-transition: all .8s ease-in-out;
	-moz-transition: all .8s ease-in-out;
	-o-transition: all .8s ease-in-out;
	transition: all .8s ease-in-out;
	padding: 1px 6px 2px
}

.jvectormap-zoomin, .jvectormap-zoomout {
	bottom: 10px;
	top: auto
}

#notes-app.saved .status-indicator {
	-webkit-transition: all .8s ease-in-out;
	-moz-transition: all .8s ease-in-out;
	-o-transition: all .8s ease-in-out;
	transition: all .8s ease-in-out;
	opacity: 1
}

#notes-app .widget-content {
	background: repeating-linear-gradient(0deg, transparent, transparent 30px, #f3f3f3 30px, #f3f3f3 31px);
	height: 342px;
	padding-top: 0
}

#notes-app .notes-line {
	border-left: 3px double rgba(238, 150, 122, .55);
	position: absolute;
	z-index: 0;
	display: block;
	height: 100%;
	left: 50px
}

#notes-app.new-item #note-data {
	left: 0;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

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

.todo-list li {
	list-style: none;
	padding: 10px;
	text-overflow: ellipsis;
	width: 100%;
	position: relative;
	white-space: nowrap;
	margin-bottom: 4px;
	border-left: 4px solid rgba(0, 0, 0, .04);
	background: #f8f8f8
}

.todo-list li.done {
	opacity: .5
}

.todo-list li.done .todo-item {
	text-decoration: line-through
}

.todo-list li>span {
	line-height: 24px;
	height: 25px;
	display: inline-block;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 70%;
	vertical-align: middle
}

.todo-list .check-icon {
	width: 30px;
	margin-top: -2px;
	display: inline-block
}

.todo-list .todo-item {
	font-size: 12px;
	border-bottom: 1px dashed transparent!important
}

.todo-list .todo-item:hover {
	border-bottom: 1px dashed rgba(0, 0, 0, .2)!important
}

.todo-list .todo-options {
	font-size: 16px;
	display: none
}

.todo-list .editable-buttons {
	display: inline-block
}

.todo-list .todo-tags {
	display: inline;
	line-height: auto;
	position: absolute;
	top: 9px;
	right: 9px
}

.todo-list .todo-options a {
	color: #888
}

.todo-list li:hover .todo-tags {
	display: none
}

.todo-list li:hover .todo-options {
	display: inline;
	position: absolute;
	top: 9px;
	right: 9px
}

.todo-list li.done .todo-tags {
	display: inline!important
}

.todo-list li.done .todo-options {
	display: none!important
}

.todo-list li .editable-container.editable-inline {
	margin-top: -4px;
	overflow: visible
}

.todo-list li.high {
	border-left: 4px solid #EB5055
}

.todo-list li.medium {
	border-left: 4px solid #E27A3F
}

.todo-list li.low {
	border-left: 4px solid #FFC052
}

#contextMenu {
	position: absolute;
	display: none;
	z-index: 1000
}

#weather-widget {
	background: url(../../images/weather/weather-bg.jpg);
	background-size: cover;
	min-height: 364px
}

#weather-widget h2 {
	color: #fff
}

#weather h2 {
	position: absolute;
	top: 60px;
	right: 30px;
	font-size: 50px
}

#weather .w-region {
	position: absolute;
	top: 100px;
	left: 20px;
	font-size: 30px;
	color: rgba(255, 255, 255, .9)
}

#weather .w-currently {
	display: block;
	font-size: 20px;
	color: rgba(255, 255, 255, .8)
}

#weather .w-temp2 {
	font-size: 24px;
	color: rgba(255, 255, 255, .8)
}

.bic_calendar {
	border: none;
	background: 0 0
}

.bic_calendar a {
	color: #fff
}

.bic_calendar .table tbody>tr>td {
	padding: 2px 0;
	border: none!important;
	line-height: 2.429
}

.bic_calendar td>div {
	padding: 4px
}

.bic_calendar .button-month-next, .bic_calendar .button-month-previous {
	padding: 5px 15px!important
}

.bic_calendar .days-month td {
	background: rgba(0, 0, 0, .1);
	font-weight: 600
}

.cluster, .percent {
	font-weight: 700;
	text-align: center
}

.fc-event {
	border: 0;
	padding: 1px 4px
}

.dataTables_length, div.dataTables_info {
	margin-left: 15px
}

.dataTables_filter, .dataTables_paginate {
	margin-right: 15px!important
}

.dataTables_filter input {
	margin-left: 6px
}

.pagination li a, .pagination li.disabled a {
	background-color: #abb7b7;
	border-color: #abb7b7;
	border-radius: 2px!important;
	color: #fff
}

.pagination li.active a, .pagination li:hover a, .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
	background-color: #98a3a3!important;
	border-color: #98a3a3!important;
	color: #fff
}

.pagination li.disabled a {
	color: #ddd
}

.streetview {
	height: 300px
}

.cluster {
	color: #FFF;
	font-family: 'Arial,Helvetica';
	font-size: 11px
}

.cluster-1 {
	background-image: url(../img/gmap/m1.png);
	line-height: 53px;
	width: 53px;
	height: 52px
}

.cluster-2 {
	background-image: url(../img/gmap/m2.png);
	line-height: 53px;
	width: 56px;
	height: 55px
}

.cluster-3 {
	background-image: url(../img/gmap/m3.png);
	line-height: 66px;
	width: 66px;
	height: 65px
}

.modal-content {
	-webkit-border-radius: 2px;
	border-radius: 2px
}

.notification-positions {
	border: 2px dashed #ddd;
	padding: 2px
}

.notification-positions a, .notification-positions div {
	height: 50px;
	margin-bottom: 20px;
	display: block
}

.notification-positions .row:last-child, .notification-positions .row:last-child div, .notification-positions .row:last-child div a {
	margin-bottom: 0!important
}

.jqstooltip {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	border-color: rgba(0, 0, 0, .1)!important;
	background: rgba(0, 0, 0, .5)!important
}

.rickshaw_graph .detail .x_label {
	color: #333
}

.echart {
	position: relative;
	display: inline-block
}

.echart canvas, .percent {
	display: block
}

.percent {
	position: absolute;
	width: 100%;
	line-height: 0;
	height: 100%;
	left: 0;
	top: 50%;
	z-index: 2;
	font-family: "Open Sans"
}

.percent:after {
	content: '%';
	color: rgba(255, 255, 255, .7);
	font-weight: 400;
	margin-left: .1em;
	margin-right: -5px;
	font-size: 9px
}

.jvectormap-zoomin, .jvectormap-zoomout {
	width: 18px;
	height: 18px;
	background: #68C39F
}

.jvectormap-zoomin:hover, .jvectormap-zoomout:hover {
	background: #5CAD8D
}

.jvectormap-zoomout {
	left: 30px
}

.grid-example [class*=col-] {
	background: #fff;
	border: 1px solid #f3f3f3;
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: center;
	transition: all .3s ease 0s
}

span.i-code {
	display: none
}

.icon-showcase p {
	font-size: 14px;
	line-height: 30px
}

.icon-showcase p i {
	font-size: 24px;
	line-height: 30px;
	text-align: center;
	width: 24px
}

#icons .the-icons i {
	font-size: 24px;
	line-height: 30px;
	position: relative;
	top: auto;
	right: auto
}

#icons .the-icons .i-name {
	font-size: 14px;
	line-height: 30px
}

.ios-switch-default .on-background {
	background: #ABB7B7
}

.ios-switch-primary .on-background {
	background: #2980B9
}

.ios-switch-success .on-background {
	background: #68C39F
}

.ios-switch-warning .on-background {
	background: #E27A3F
}

.ios-switch-info .on-background {
	background: #7A868F
}

.ios-switch-danger .on-background {
	background: #EB5055
}

.ios-switch-lg {
	height: 45px;
	width: 75px
}

.ios-switch-lg .handle {
	height: 41px;
	width: 41px
}

.ios-switch-lg.on .handle {
	-o-transform: translate3d(30px, 0, 0);
	-ms-transform: translate3d(30px, 0, 0);
	-moz-transform: translate3d(30px, 0, 0);
	-webkit-transform: translate3d(30px, 0, 0);
	transform: translate3d(30px, 0, 0)
}

.ios-switch-sm {
	height: 25px;
	width: 45px
}

.ios-switch-sm .handle {
	height: 21px;
	width: 21px
}

.ios-switch-sm.on .handle {
	-o-transform: translate3d(20px, 0, 0);
	-ms-transform: translate3d(20px, 0, 0);
	-moz-transform: translate3d(20px, 0, 0);
	-webkit-transform: translate3d(20px, 0, 0);
	transform: translate3d(20px, 0, 0)
}

footer {
	padding: 20px 0;
	font-size: 12px;
	border-top: 1px solid #B9C1CB;
	margin-top: 40px;
	color: #7A868F
}

footer .footer-links a {
	color: #7A868F;
	padding: 1px 10px;
	border-right: 1px solid rgba(0, 0, 0, .1)
}

footer .footer-links a:hover {
	color: #4A525F
}

footer .footer-links a:last-child {
	border: none
}

.padTop30 {
	padding-top: 30px
}

.dashboard-cal {
	padding: 0 15px
}

.btn-primary a, .btn-primary a:hover {
	color: #FFF;
	text-decoration: none
}

.index table.table a, .view table.table a {
	text-decoration: underline
}

#calendar1 .nav {
	padding: 5px 5px 0
}

.cal-month-box {
	margin-top: 10px
}

label[for=DashboardPeriodId] {
	float: left;
	margin: 0 5px 0 10px;
	line-height: 2.5em
}

.cal-month-day {
	height: 46px
}

.cal-month-box [class*=cal-cell], .cal-year-box [class*=span] {
	min-height: 1px
}

.cal-row-head [class*=cal-cell]:first-child {
	border-right: 1px solid #ccc
}

.padLeft0 {
	padding-left: 0
}

.padLeft20 {
	padding-left: 20px
}

.pad20 {
	padding: 20px
}

.padLeft30 {
	padding-left: 30px
}

.padRight30 {
	padding-right: 30px
}

.padLeft10 {
	padding-left: 10px
}

.pad5 {
	padding: 5px
}

.pad10 {
	padding: 10px!important
}

.padTop10 {
	padding-top: 10px
}

.padTop5 {
	padding-top: 5px
}

.padBottom5 {
	padding-bottom: 5px
}

.padBottom10 {
	padding-bottom: 10px
}

.marginTop5 {
	margin-top: 5px
}

.marginTop10 {
	margin-top: 10px
}

.marginLeft5 {
	margin-left: 5px
}

.marginLeft15 {
	margin-left: 15px
}

.marginLeft20 {
	margin-left: 20px
}

.marginLeft10 {
	margin-left: 10px
}

.marginBottom10 {
	margin-bottom: 10px
}

.marginBottom15 {
	margin-bottom: 15px
}

.marginTop25 {
	margin-top: 25px
}

.padTop25 {
	padding-top: 25px
}

.allleft dd, .allleft dt {
	float: left
}

.del-warning-link a {
	color: #fff
}

.attachments.sm li {
	list-style: none
}

.list-group-horizontal .list-group-item {
	display: inline-block;
	margin-bottom: 0;
	margin-left: -4px;
	margin-right: 0;
	border-right: 0
}

.list-group-horizontal .list-group-item:first-child {
	border-top-right-radius: 0;
	border-bottom-left-radius: 4px
}

.list-group-horizontal .list-group-item:last-child {
	border-top-right-radius: 4px;
	border-bottom-left-radius: 0;
	border-right: 1px solid #ddd
}

.menu .actions .list-group-item {
	padding: 3px 10px;
	background-color: #EAEAEA!important;
	border: 1px solid #F2F2F2
}

.menu .actions .list-group-item a {
	color: #5F5F5F;
	font-size: 12px;
	text-decoration: underline
}

.menu.pull-left .list-group-item, .menu.pull-right .list-group-item {
	padding: 7px 12px
}

.menu.top .form:first-child {
	padding-top: 15px
}

.content-page>.content {
	margin-top: 0
}

#rem-post-date, #task-rem-options, .ByDepartmentList, .ByUserList, .starthidden {
	display: none
}

.bydaterange {
	display: inline-block;
	width: 50%;
	padding-right: 2%
}

.bydaterange input, .bydaterange label {
	display: inline
}

.system-action {
	text-align: center;
	margin-top: 0;
	background-color: #FFED8E;
	color: #000;
	font-size: 13px;
	text-shadow: 1px 0 1px #FFF;
	letter-spacing: 2px;
	position: fixed;
	display: block;
	width: 100%;
	z-index: 888;
	padding-right: 16%
}

.system-action .alert-danger {
	padding: 2px
}

.content-page {
	padding-top: 50px
}

.content-page .menu {
	margin-top: 30px;
	padding-left: 20px;
	float: left;
	position: relative
}

.cake-debug-output {
	padding-top: 50px;
	z-index: 999;
	background: #FFF;
	margin-left: 239px
}

.dashboard-cal .frm-dashboard, .itembox-outer .itembox-inner {
	padding: 15px;
	background: #FFF
}

.index table.table, table.table {
	background: #FFF;
	color: #5B5B5B;
	font-size: 13px;
}

.index h2, .view h3, h2 {
	font-weight: 400;
	font-size: 22px
}

.index table.table a {
	font-weight: 600
}

.well {
	background: #fff;
	border-radius: 0;
	border: none;
	color: #5B5B5B;
	box-shadow: none;
	padding: 15px;
}

.upcoming-controls .table {
	background: #FFF
}

.index .well .filters legend {
	font-weight: 700;
	color: #5B5B5B;
	font-size: 16px;
	border: none;
	padding: 8px
}

.submit input[type=submit] {
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	background-color: #ABB7B7;
	color: #FFF;
	border: 1px solid transparent
}

.form form {
	background: #FFF;
	border-radius: 0;
	border: none;
	color: #5B5B5B
}

.table>tbody>tr>td, .table>thead>tr>th {
	white-space: nowrap
}

.log-entries-table>tbody>tr>td, .log-entries-table>thead>tr>th, .white-space-wrap>tbody>tr>td, .wordwrapnormal {
	white-space: normal!important
}

.form form legend {
	font-weight: 700;
	color: #5B5B5B;
	font-size: 16px;
	border: none;
	padding-top: 8px
}

#TaskCompletionCompleteForm, .courses.form form, .logs.form form, .questions.form form .controls.form form, .quizzes.form form, .tasks.form form, .users.form form {}

.controls .submit, .courses .submit, .logs .submit, .tasks .submit {
	padding: 8px 7px 8px 2px;
}

.controls.index .submit, .courses.index .submit, .logs.index .submit, .tasks.index .submit {
	padding: 0
}

span[data-cal-date] {
	opacity: 1
}

table.table .btn {
	padding: 1px 5px;
	margin-top: 3px;
	margin-right: 3px
}

.syslogs.index .col-md-2 {
	width: 13.666667%
}

.syslogs.index .col-x55 {
	width: 28.666667%
}

.syslogs.index .col-x55 .submit {
	display: inline;
	float: left;
	padding-right: 13px;
	margin-top: 10px
}

.date-w, .td_ac {
	display: block
}

a.p_right {
	padding-right: 7px
}

.clients.form form, .departments.form form {
	padding: 8px 7px 8px 13px
}

.date-w {
	width: 77px
}

.td_ac, .td_ac_h {
	width: 100px
}

.users a.fa.fa-bars {
	padding-right: 11px
}

.users .td_ac_h {
	width: 120px
}

th.actions.text-right {
	width: 93px
}

.view h2 {
	font-weight: 400;
	font-size: 24px
}

form#AuditFindingCompletionCompleteForm, form#TaskCompletionCompleteForm {
	padding: 8px 7px 8px 13px;
	background: #FFF;
	border-radius: 0;
	border: none
}

.col-xs-14.col-md-10.well, .quizzes.index form {
	padding: 8px 7px 8px 13px
}

.courses.view .col-md-12 {
	padding-right: 0;
	padding-left: 0
}

.courses.view h2 {
	padding-left: 0
}

.view table.table {
	background: #FFF;
	font-size: 13px;
	margin-bottom: 0;
}

.error, .warning {
	color: #FF7C7C
}

#AssignFormWrapper, form#QuestionAdminEditForm {
	padding: 8px 11px 0 10px
}

.controls.view .padTop30 {
	padding-top: 0
}

.courses.view .col-xs-16.col-md-12, form#QuizAttemptRequestunlockForm {
	padding: 8px 7px 8px 13px;
	background: #FFF
}

.que .info {
	background-color: #eee;
	border: 1px solid #dcdcdc;
	border-radius: 2px;
	float: left;
	margin-bottom: 1.8em;
	padding: .5em;
	width: 7em
}

.que h3.no {
	font-size: .8em;
	line-height: 1;
	margin: 0
}

.que .info>div {
	font-size: .8em;
	margin-top: .7em
}

.que .content {
	margin: 0 0 0 8.5em
}

.que .comment, .que .formulation, .que .outcome {
	background-color: #fcf8e3;
	border: 1px solid #fbeed5;
	border-radius: 4px;
	color: #c09853;
	margin-bottom: 20px;
	padding: 8px 35px 8px 14px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .5)
}

.que .ablock {
	margin: .7em 0 .3em
}

.que .formulation {
	background-color: #d9edf7;
	border-color: #bce8f1;
	color: #333
}

.formulation .incorrect {
	background-color: #f2dede
}

.que.multichoice .answer div.r0, .que.multichoice .answer div.r1 {
	padding: .3em 0 .3em 4px
}

.formulation .correct {
	background-color: #dff0d8
}

.que.multichoice.deferredfeedback.incorrect {
	padding-left: 11px
}

.iradio_square-aero {
	margin-right: 10px
}

.questions.form .submit input[type=submit] {
	margin-bottom: 11px
}

.loginPadding {
	padding: 19px!important
}

.accesshide {
	font-size: 1em;
	font-weight: 400;
	left: -10000px;
	position: absolute
}

.clients.view dl, .controlTypes.view dl, .departments.view dl, .keyTypes.view dl, .priorities.view dl {
	padding: 8px 7px 8px 9px;
	background: #fff
}

.paging a {
	padding: 6px 12px;
	background-color: #ABB7B7;
	border-color: #ABB7B7;
	border-radius: 2px!important;
	color: #FFF
}

.pagination li, .paging li {
	display: inline-block
}

.clients.index .actions a, .controlTypes.index .actions a, .keyTypes.index .actions a, .priorities.index .actions a {
	margin-right: 6px
}

.actions, .actions ul.paddLeft0 {
	padding-left: 0
}

.col-md-3 img {
	width: 100%
}

.keyTypes.form .submit, .priorities.form .submit {
	margin-top: 9px
}

.comments form {
	width: 24%;
	background: #FFF;
	padding: 8px
}

form#ControlCompletionCompleteForm {
	background: #fff;
	padding: 8px 8px 42px
}

.controls .not-deleted td.actions a, .departments td.actions a, .tasks .not-deleted td.actions a, .td_ac a, .td_action a {
	font-size: 14px;
	text-decoration: none!important;
	padding-right: 8px;
	color: #5B5B5B
}

.padding-rightt {
	padding-right: 6px;
	font-size: 14px
}

table .checkbox {
	margin-top: 0
}

.controls .pagination {
	display: block
}

.log-columns {
	overflow: auto
}

.file-input-wrapper {
	text-decoration: none!important;
	color: #fff!important
}

.file-input-wrapper .file-input-name, .file-input-wrapper label {
	color: #5B5B5B!important
}

.logs .file-input-wrapper label {
	padding-right: 10px
}

.table a.glyphicon {
	max-width: 14px;
	overflow: hidden;
	margin-right: 8px
}

.actions a {
	color: #5B5B5B !important;
}

a.btn.btn-info {
	font-size: 10px
}

/*tr.overdue td{background:#FFE7E7!important;color:red}tr.completed td{background:#BBFFBF!important}*/

.table .table {
	background-color: #FFF
}

.log-columns a, .log-entries a, .logs.index a {
	color: #5B5B5B;
	text-decoration: underline
}

tr.deleted td {
	background-color: #f7f7f7!important;
	color: #A3A3A3;
	text-decoration: line-through
}

tr.deleted td .undelete {
	text-decoration: underline
}

.childtable {
	position: relative;
}

.subtask-td {
	padding-left: 45px !important;
}

.childtable:before {
	position: absolute;
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	left: -18px;
	top: 3px
}

.parenttd {
	padding: 0!important;
	border-top: 2px solid #575757!important
}

.parenttable>thead>tr>th {
	padding: 3px!important
}

.parenttable>tbody>tr>td {
	padding: 5px!important
}

.childtable>tbody>tr>td, .childtable>thead>tr>th {
	padding: 1px!important
}

/*.table tr.parent {
	font-weight: 700
}*/

.parenttable {
	margin-bottom: 1px
}

.childtable {
	margin-bottom: 5px
}

.childtable>thead>tr>th {
	background-color: #A6A6A6;
	color: #FFF
}

.table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>th {
	padding: 3px !important;
}

.table>tbody>tr>td, .table>tfoot>tr>td, .table>thead>tr>td {
	padding: 3px
}

.content-page .dropdown-menu {
	margin-left: 20px
}

#calendarDayView .cal-row-head .cal-cell1 {
	width: 100%
}

#calendarDayView span[data-cal-date], #calendarMonthView span[data-cal-date], #calendarWeekView span[data-cal-date] {
	margin-top: 0;
	margin-left: 5px;
	width: 100%
}

#calendarDayView ul.list-unstyled, #calendarMonthView ul.list-unstyled, #calendarWeekView ul.list-unstyled {
	padding: 0 2px
}

#calendarDayView ul.list-unstyled, #calendarWeekView ul.list-unstyled {
	float: left;
	width: 100%
}

#calendarDayView ul.list-unstyled li, #calendarMonthView ul.list-unstyled li, #calendarWeekView ul.list-unstyled li {
	background-color: #8DBDFC;
	line-height: .75em;
	padding: 0 5px 1px 3px;
	margin: 1px;
	max-height: 18px;
	overflow: hidden;
	position: relative
}

#calendarDayView ul.list-unstyled li {
	margin: 1px 10px;
	line-height: 18px;
	padding: 0 5px;
	max-height: 20px
}

#calendarDayView ul.list-unstyled li a, #calendarMonthView ul.list-unstyled li a, #calendarWeekView ul.list-unstyled li a {
	font-size: 80%;
	color: #000;
	margin-top: 1px;
	position: absolute;
	display: inline-block;
	width: 98%
}

#calendarDayView ul.list-unstyled li a {
	font-size: 100%;
	margin-top: 0
}

#calendarDayView ul.list-unstyled li.status-1, #calendarDayView ul.list-unstyled li.status-2, #calendarMonthView ul.list-unstyled li.status-1, #calendarMonthView ul.list-unstyled li.status-2, #calendarWeekView ul.list-unstyled li.status-1, #calendarWeekView ul.list-unstyled li.status-2 {
	border: 2px solid #64707D
}

#calendarDayView ul.list-unstyled li.status-3, #calendarMonthView ul.list-unstyled li.status-3, #calendarWeekView ul.list-unstyled li.status-3, #viewMoreListModel ul.list-unstyled li.status-3 {
	background-color: #E1E1E1!important;
	border: none!important
}

#calendarMonthView ul.list-unstyled li.status-3 a, #calendarWeekView ul.list-unstyled li.status-3 a {
	color: #989898!important
}

#calendarDayView ul.list-unstyled li.status-4, #calendarMonthView ul.list-unstyled li.status-4, #calendarWeekView ul.list-unstyled li.status-4 {
	border: 2px solid #E52C00
}

#calendarDayView .week-day-view .cal-cell, #calendarWeekView .week-day-view [class*=cal-cell] {
	min-height: 400px!important
}

.compedit {
	color: red
}

pre:first-of-type {
	margin-top: 55px
}

#addEntry .form-control {
	width: 85%!important;
	display: inline-block!important
}

.remove_entry, .remove_field {
	padding-left: 5px
}

#addEntry .form-group div {
	display: inline
}

.modal-content .form-group div {
	display: inline-block
}

.modal-content .form-control {
	width: inherit;
	height: 28px;
	padding: 2px 12px
}

.modal-content #addEntry .form-control {
	width: inherit!important
}

.modal-content .form-group, .modal-content legend {
	margin-bottom: 5px
}

.cal-cell .glyphicon {
	margin-right: 2px
}

.cal-cell .glyphicon-dashboard {
	color: #FF851F
}

.cal-cell .glyphicon-briefcase {
	color: #740073
}

.cal-cell .view-all-link {
	position: absolute;
	bottom: 0;
	display: inline-block;
	right: 0;
	top: auto
}

#UserRememberMe, .cal-cell {
	position: relative
}

.filters .form-control {
	padding: 2px 3px
}

#wrapFullEvents ul.list-unstyled li {
	margin: 5px
}

#wrapFullEvents ul.list-unstyled li.status-1, #wrapFullEvents ul.list-unstyled li.status-2 {
	border: 2px solid #64707D
}

#wrapFullEvents ul.list-unstyled li.status-3 {
	border: 2px solid #35AE00
}

#wrapFullEvents ul.list-unstyled li.status-4 {
	border: 2px solid #E52C00
}

#wrapFullEvents .glyphicon {
	margin-right: 2px
}

#wrapFullEvents .glyphicon-dashboard {
	color: #FF851F
}

#wrapFullEvents .glyphicon-briefcase {
	color: #740073
}

#UserRememberMe {
	width: auto;
	margin: 0;
	padding: 0;
	float: left;
	height: 19px
}

.attempt-default {
	background-color: #DDFBBF!important
}

.attempt-archived {
	background-color: #faebd7!important
}

.res {
	background-color: #ABB7B7;
	color: #FFF
}

.res:hover {
	background-color: #98A3A3;
	border-color: #98A3A3;
	color: #FFF
}

.system-action .alert {
	margin-bottom: 0!important
}

#pasteImageDiv {
	-moz-appearance: textfield-multiline;
	-webkit-appearance: textarea;
	border: 1px solid gray;
	font: medium -moz-fixed;
	font: -webkit-small-control;
	background: #fff;
	min-height: 250px;
	overflow: auto;
	padding: 2px;
	resize: both;
	min-width: 400px;
	width: 100%;
	margin-bottom: 20px
}

#pasteImageDiv .remove_image {
	color: red;
	vertical-align: top;
	right: -318px;
	cursor: pointer!important
}

#dashboardEventFilter .pull-left .select-control .checkbox {
	margin-left: 20px;
	margin-top: 10px;
	min-width: 168px;
}

#dashboardEventFilter .pull-left .select-control .checkbox .icheckbox_square-aero {
	margin-right: 0
}

#calendar-nav .btn {
	padding: 0
}

#calendar-nav .btn-group a {
	display: block;
	background-color: #3E444F;
	border-color: #3E444F;
	color: #FFF;
	border-radius: 3px;
	padding: 7px 12px;
	margin: 4px
}

#changeDueDate .form-group, #checkDueDate .form-group {
	margin-left: 0!important
}

#editchangeDueDate .form-group {
	margin-left: 15px!important
}

#controlListFilters .submit, #taskListFilters .submit {
	float: left;
	margin-right: 10px
}

.control-info, .task-info {
	color: #31708f;
	background-color: #E4EFF5;
	border-color: #bce8f1
}

.modal-dialog {
	z-index: 99999;
}

.file-input-wrapper input[type=file], .file-input-wrapper input[type=file]:focus, .file-input-wrapper input[type=file]:hover {
	opacity: 1;
	display: inline-block;
	top: inherit;
	left: inherit;
	position: relative
}

.current-day {
	background: #EDEDED
}

/* [ifgtIE7]><![endif] */

.procedure-review {
	padding: 20px 20px 50px
}

.pp-link {
	margin-top: -13px;
	display: inherit;
	margin-bottom: 10px
}

#wrapRecentReportFrom .form-control {
	width: 100%
}

.course-index>tbody>tr>th, .course-index>tfoot>tr>th, .course-index>thead>tr>th {
	text-align: none!important;
	white-space: normal!important;
	vertical-align: top!important;
	padding: 4px 2px 0 4px
}

.course-index p {
	margin: 0
}

.course-index a {
	font-weight: 400
}

#customPaginationForm .select {
	display: inline;
	border-color: #000!important
}

.log-entries-table>thead>tr>th {
	border: 1px solid #fff!important
}

@media (min-width:1024px) {
	.modal .enrol-users-multicourse {
		width: 900px
	}
}

.import.users label.form-control {
	border: 0
}

.import.users #ZipFiles, .import.users #ZipFiles input {
	display: none
}

.users .td_ac {
	display: table-cell
}

.maintenance.form #MaintenanceMode legend {
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: 600;
	margin-bottom: 5px
}

.maintenance.form label {
	border: none
}

.inline_labels label {
	display: inline-block
}

td.inline_labels label {
	width: 50%;
	float: left
}

.convert-file {
	margin-top: 22px
}

.conversion-processing img {
	height: 40px;
	width: 40px;
	margin-top: 15px
}

.lesson-model .modal-dialog {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0
}

.lesson-model .modal-content {
	height: auto;
	min-height: 100%;
	border-radius: 0
}

.lesson-model .item div {
	margin: 0 auto
}

.nopadding {
	padding: 0!important;
	margin: 0!important
}

.noborder {
	border: none !important;
}

div#myCarousel .carousel-control {
	z-index: 99
}

.listchkbox {
	height: 340px;
	float: left;
	width: 100%;
	overflow: scroll
}

.filter-head:after {
	font-family: fontAwesome;
	content: "\f107";
	float: right;
	margin-left: 15px
}

.filter-head.collapsed:after {
	content: "\f105"
}

.section-filter {
	border-bottom: 1px solid #c2c2c2;
	padding: 7px 10px;
}

.section-filter a {
	color: #000;
}

.no-min-height {
	min-height: 0
}

.medium-size-loader-img {
	height: 35px;
	width: 35px
}

.fa-sign-in:before {
	content: "\f090";
	font-size: 17px
}

#CourseLessonAttachmentArea .progress-bar-initial, #trainingProgress .progress-bar-initial {
	width: 25%;
	border: 1px solid #fff;
	background-color: #9f9f9f
}

#trainingProgress .progress-bar-success #CourseLessonAttachmentArea .progress-bar-success {
	border: 1px solid #fff
}

input[type=checkbox], input[type=radio] {
	margin: 4px 4px 0
}

.checkbox label, .radio label {
	padding-left: unset
}

.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
	margin-top: -4px
}

.gp-checkbox {
	padding: 0 24px
}

.gp-padding-unset {
	padding: unset
}

.gp-padding-left-unset {
	padding-left: unset
}

.gp-padding-right-unset {
	padding-right: unset
}

.modal-body {
	width: 100%;
	float: left
}

img.ajax-preloader {
	width: 45px;
	height: 45px
}

img.ajax-preloader-35 {
	width: 35px;
	height: 35px
}

#flashMessage.error {
	color: #a94442
}

.submit input[type=submit]:not(.btn) {
	padding: 6px 12px
}

.log-entries-table>tbody>tr>td.deleted {
	text-decoration: line-through
}

.hide {
	display: none
}

.mb-20 {
	margin-bottom: 20px;
}

#overdue-section .overdue-tabs-cols {
	border-radius: 4px;
}

#overdue-section .nav-pills>li.active>a, #overdue-section .nav-pills>li.active>a:focus, #overdue-section .nav-pills>li.active>a:hover {
	color: #fff;
	background-color: #3E444F;
	border-radius: 2px;
}

#overdue-section .nav-pills>li>a {
	border-radius: 2px;
	color: #555;
	font-size: 14px;
}

.side-lines {
	position: relative;
	z-index: 1;
	overflow: hidden;
	text-align: center;
}

.side-lines:before, .side-lines:after {
	position: absolute;
	top: 51%;
	overflow: hidden;
	width: 50%;
	height: 1px;
	content: '\a0';
	background-color: #666;
}

.side-lines:before {
	margin-left: -50%;
	text-align: right;
}

.side-lines span {
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
}

.side-lines.line-gray:before, .side-lines.line-gray:after {
	background-color: #ccc;
}

.color-red {
	color: #ff6363;
}

.nav-graybg {
	background-color: #f5f5f5;
}

.ml30 {
	margin-left: 1rem !important;
}

.ulink a {
	text-decoration: underline !important;
}

.input-inline .form-group, .input-inline>div {
	display: inline;
	margin-left: 15px;
	float: left;
}

.view-with-filters {
	padding: 8px 7px 8px 13px;
	background: #FFF;
}

.line-center-head:after {
	content: "";
	position: absolute;
	top: 51%;
	left: 0;
	right: 0;
	border-top: solid 1px #ccc;
	z-index: -1;
}

.radio-inline-cl label {
	margin-right: 12px;
}

/*.list-col-2 li {
	width: 50%;
    float:left;
}*/

.listchkbox200 {
	height: 200px;
}

.cl-disabled {
	color: #C8C8C8 !important;
}

.take-training-box {
	margin-bottom: 10px;
	padding: 8px 12px;
	width: 555px !important;
	background-color: #7a868f;
}

.take-training-box a {
	color: #fff;
}

.cl-align-center {
	display: inline-block;
	vertical-align: middle;
}

.take-training-box span i {
	font-size: 22px;
	padding-left: 16px;
	color: #ffffff;
}

.bg-blue-4 {
	background-color: #45acb3;
}

.cl-text-white {
	color: #fff;
}

.cl-cursor-pointer {
	cursor: pointer;
}

.cl-mt-15 {
	margin-top: 15px;
}

.cl-inline-block {
	display: inline-block !important;
}

.take-quiz-box-action, .take-quiz-box-action a {
	margin: auto 6px auto 5px;
}

.cl-position-relative {
	position: relative !important;
}

.take-training-box .cl-inline-block:last-child span {
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
}

.label-success-1 {
	color: #68C39F !important;
	background: #fff !important;
	border: 1px solid #68C39F;
}

.label-success-1 a {
	color: #68C39F !important;
}

.label-danger-1 a {
	color: #E15554 !important;
}

.label-danger-1 {
	color: #E15554 !important;
	background: #fff !important;
	border: 1px solid #E15554;
}

.label-warning-1 {
	color: #FFC052 !important;
	background: #fff !important;
	border: 1px solid #FFC052;
}

.label-warning-1 a {
	color: #FFC052 !important;
}

.label-clear-1 {
	color: #5b5b5b !important;
	background: #fff !important;
	border: 1px solid #5b5b5b;
}

.label-clear-1 a {
	color: #5b5b5b !important;
}

.table-striped>tbody>tr:nth-of-type(odd) {
	background-color: #f9f9f9;
}

/*---    tree-table-css  ---*/

.table-connect-lines {
	position: relative;
	min-width: 1200px;
	z-index: -0000;
}

.table-connect-lines:last-child:before {
	background: #fff;
	height: auto;
	top: 35px;
	bottom: 10px;
}

.table-connect-lines:before {
	display: block;
	width: 0;
	position: absolute;
	top: 0;
	bottom: -18px;
	left: 37px;
	border-left: 2px solid #000;
	z-index: -00;
}

.table-connect-lines .icheckbox_square-aero:first-child:before {
	position: inherit !important;
}

.table-connect-lines .actions:last-child:before {
	bottom: 10px !important;
}

.table-connect-lines .childtable {
	margin-bottom: 0 ! important;
}

.table-connect-lines .not-deleted, .table-connect-lines .process_users {
	position: relative;
}

.table-connect-lines .process_users tr:before {
	content: "";
	display: block;
	width: 0;
	position: absolute;
	top: -12px;
	bottom: 10px;
	left: 5px;
	border-left: 2px solid #000;
	z-index: 1;
}

.table-connect-lines .process_users tr:after {
	content: "";
	display: block;
	width: 30px;
	height: 0;
	border-top: 2px solid #000;
	margin-top: 15px;
	position: absolute;
	left: 5px;
}

.table-connect-lines .process_users .glyphicon-th-list {
	margin-top: 5px;
}

.tasks .not-deleted td.actions a {
	z-index: 99;
}

.table-connect-lines .subprocess_users .childtable tr:before {
	content: "";
	display: block;
	width: 38px;
	height: 0;
	border-top: 2px solid #000;
	margin-top: 9px;
	position: absolute;
	left: -34px;
}

.table-connect-lines th.actions {
	width: 110px !important;
}

.table-connect-lines th:before {
	position: inherit !important;
}

.table-connect-lines .not-deleted .icheckbox_square-aero, .table-connect-lines .not-deleted .iradio_square-aero {
	margin-right: 8;
}

.table-connect-lines .in-progress td:last-child {
	/*position: inherit !important;*this code giving css error on occ user table*/
}

.table-connect-lines .td-labels {
	padding-left: 0px !important;
}

.table-connect-lines .childtable tr {
	margin-left: 1em;
	position: relative
}

.table-connect-lines .actions tr td:last-child {
	position: inherit;
}

.table-connect-lines .process_users .childtable {
	margin-left: 30px !important;
	width: calc(100% - 25px);
}

.table-connect-lines .td-users {
	padding-left: 42px !important;
}

.table-connect-lines .process_users {
	position: relative;
}

.table-connect-lines .starthidden .childtable {
	position: relative;
}

.table-connect-lines .process_users:before, .table-connect-lines .actions tr:first-child::before, .table-connect-lines .completed tr:first-child::before {
	left: 38px;
}

.table-connect-lines .test {
	text-align: right;
}

.table-connect-lines .childtable td:last-child:before {
	background: #f9f9f9;
	height: auto;
	top: 1em;
	bottom: 0
}

.table-connect-lines .glyphicon-th-list {
	background: #fff;
	border: 1px solid #fff;
	color: #7eccad!important;
	z-index: 9;
}

.table-connect-lines tr th {
	padding: 4px 4px 4px 0px !important;
}

.table-connect-lines .user-actions .glyphicon-th-list {
	color: orange !important;
	z-index: 1;
}

.td-labels {
	padding-right: 15px;
}

.table-connect-lines .date {
	width: 140px !important;
	text-align: left;
}

.childtd.starthidden.subtask-td.td-main-subtask-wrapper {
	padding: 0;
}

.table-connect-lines .last-td {
	width: 70px !important;
	text-align: left;
	padding: 6px 3px 0px !important
}

.table-connect-lines .table-tr-subtask:last-of-type:after {
	bottom: 15px;
}

.table-connect-lines .table-tr-subtask td:last-of-type:after {
	bottom: 12px;
}

.table-connect-lines .process_users .close tr td:first-child:before {
	bottom: 14px !important;
}

.table-connect-linesqedwqrewr .table-subtask .process_users_box:last-of-type:after {
	content: "";
	position: absolute;
	width: 18px;
	left: -18px;
	height: 13px;
	background: #fff;
	bottom: 0px;
	border-top: 2px solid #000;
	z-index: 9;
}

.table-connect-lines .table-tr-subtask tr:last-child tr:after {
	bottom: 37px;
}

.responsible-width, .table-connect-lines th:nth-last-child(3) {
	width: 210px !important;
}

.table-connect-lines .table-tr-subtask:before {
	content: "";
	display: block;
	width: 16px;
	height: 100%;
	border-top: 2px solid #000;
	margin-top: 8px;
	position: absolute;
	left: -7px;
}
.table-connect-lines .table-tr-subtask::not(:first-child)::before {
	display:none
}
td.process_users tr:first-child td, td.subprocess_users tr:first-child td, .table-tr-subtask:first-child td {
	border-top: 0;
}

.index table.table .glyphicon {
	font-weight: 400 !important;
}

.table-connect-lines .checkbox-width {
	width: 20px !important;
}

.table-connect-lines .table-tr-subtask:first-child td:after {
	content: "";
	display: block;
	position: absolute;
	top: -16px;
	left: -7px;
	border-left: 2px solid #000;
	z-index: 9;
	height: 100%;
	bottom: 0;
}

.table-connect-lines .subprocess_users-table .childtable {
	margin-left: 69px !important;
	width: calc(100% - 69px);
	position: relative;
}

.table-connect-lines .sub_task_users td:before {
	content: "";
	display: block;
	width: 0;
	position: absolute;
	top: -12px;
	bottom: 0px;
	left: -35px;
	border-left: 2px solid #000;
	z-index: 1;
}

.table-connect-lines .sub_task_users tr:last-child:after {
	content: "";
	display: block;
	width: 5px;
	position: absolute;
	background: #fff;
	height: 11px;
	bottom: 0;
	left: -36px;
	z-index: 99;
}

.OccurenceUsers-table .table-striped>tbody>tr:nth-of-type(odd) {
	background-color: #fff;
}

.OccurenceUsers-table .date {
	width: 180px !important;
	text-align: left;
}

.OccurenceUsers-table .resp-user {
	padding-left: 38px !important;
}

.occurrence-item td:first-child {
	width: 20px !important;
}

.occurrence-item .glyphicon.glyphicon-edit {
	z-index: 9999;
	position: relative;
	background: #fff;
}

.occurrence-item .glyphicon {
	margin-right: 0 !important;
}

.tree-sturcher tr:before {
	content: "";
	display: block;
	width: 49px;
	height: 0;
	border-top: 2px solid #000;
	margin-top: 10px;
	position: absolute;
	left: -40px;
}

.tree-sturcher td:after {
	content: "";
	display: block;
	position: absolute;
	top: -13px;
	left: -41px;
	border-left: 2px solid #000;
	z-index: 99;
	height: 100%;
	bottom: 0;
}

.responsible-user-tree tr:before {
	content: "";
	display: block;
	width: 38px;
	height: 0;
	border-top: 2px solid #000;
	margin-top: 10px;
	position: absolute;
	left: -34px;
}

.responsible-user-tree tr::after {
	content: "";
	display: block;
	position: absolute;
	top: -13px;
	left: -34px;
	border-left: 2px solid #000;
	z-index: 0;
	height: 100%;
	bottom: 0;
}

.oc_process_users .table>tbody>tr:first-child>td {
	border-top: 0px solid #ddd;
}

.icheckbox_square-aerorwq3, .iradio_square-aero {
	margin-right: 5px;
}

.tasks.form form, .users.form form,.userscustomfield.form form {
	padding: 25px;
}

.padLeft-0 {
	padding-left: 0px;
}

.well .icheckbox_square-aero {
	margin-right: 10px;
}

.stat-row-wrap .label .glyphicon {
	margin-right: 5px;
}

#calendar-nav h4 {
	font-size: 14px;
}

.sub-menu {
	max-height: 200px;
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul>li:hover>ul {
	max-height: 200px;
	overflow-y: scroll;
}

.upcoming h4 {
	font-size: 16px;
}

.pad-col {
	padding: 0px 20px;
}

.pad-col .label {
	padding: 0;
}

.pad-col .label-circle {
	padding: 4px;
}

.p-0 {
	padding: 0px;
}

.search-field .form-group {
	float: left;
	width: calc(100% - 71px);
}

.OccurenceUsers-table .right-buttons .submit {
	padding: 0px 7px 0px 0px;
}

.OccurenceUsers-table .right-buttons {
	margin-top: 10px;
}

.right-buttons form {
	background: transparent !important;
}

.responsible-users {
	clear: both;
}

.OccurenceUsers-table .form form {
	background: transparent !important;
}

.CertifiedTrainings.form form {
	padding: 15px;
	margin: 10px 0px;
}

#post-comments .comments h3 {
	font-size: 14px;
}

#post-comments .comments form {
	width: 100%;
	padding: 15px;
}

u {
	font-size: 18px;
	font-weight: 600;
}

.ml-3 {
	margin-left: 15px;
}

.pr-0 {
	padding-right: 0px;
}

.min-select-width {
	min-width: 200px;
	margin-bottom: 10px;
}

.modeltable input, .modeltable select, .modeltable textarea {
	width: 100%;
	border: 1px solid #ccc;
	font-size: 14px;
	margin-top: 7px;
	padding: 5px 10px;
	border-radius: 3px;
}

#appendices_pnp {
	margin-left: 10px;
	color: #424242;
}

.audit .toggle-subtasks {
	color: #424242;
}

/*.widget a {
	color: #000;
	text-decoration: underline;
}*/

/*.widget .modal-content .form-control {
	width: 100%;
}*/

/*.widget a{
	color: #000;
	text-decoration: underline;
}*/

/*.widget .modal-content .form-control {
	width: 100%;
}*/

.widget-header a {
	color: #f2f2f2;
	text-decoration: underline;
}

.widget-header a:hover {
	color: #fff;
	text-decoration: underline;
}

.listchkbox {
	padding-left: 0;
}

#MemoAttestationInstructions {
	margin-bottom: 10px;
	width: 100% !important;
}

.table-lines-without-actions .subtask-td {
	padding-left: 15px !important;
}

#ControlAdminAddForm, #ControlImportForm, form#LogColumnsCustomListAddForm {
	padding: 20px;
}

#TaskAdminAddForm .col-xs-1.pad-left {
	padding-left: 0px;
}

.install h1 {
	font-size: 24px;
}

.widget .nav-tabs {
	margin: 10px 0px;
}

#LogAddForm {
	padding: 20px;
	margin: 10px 0px;
}

.content .references.form.col-xs-16.col-md-12, .content .memos.form.col-xs-16.col-md-12, .procedures.form.col-xs-16.col-md-12 {
	padding: 0;
}

.clone_ multi_app .form-group.col-xs-6.col-md-6.col-sm-6.col-lg-6.add_multiple, .procedures.index.col-xs-18.col-md-12 {
	padding: 0;
}

.dl-horizontal .dl-horizontal dd {
	margin-bottom: 5px;
}

.courses .table>tbody>tr>th {
	padding: 5px 10px !important;
}

#CourseCopyMasterCoursesForm .form-group {
	margin-bottom: 0;
}

dl.dl-horizontal {
	padding: 10px 0px;
	margin-top: 10px;
	margin-right: 5px;
}

input#TaskTaskToImport {
	margin-left: 10px;
}

button#dropdownMenu1 {
	margin-bottom: 10px;
}

form#UsersCustomFieldAdminAddForm, form#AuditFindingAdminImportForm, #AuditFindingAdminAddForm {
	padding: 25px;
}

ul.tree-block {
	padding: 0;
}

input#MemoVersionMemoversionsToImport {
	margin-left: 10px;
}

.clone_ multi_app .add_multiple {
	padding: 0 !important;
}

.button .fa-pencil:before {
	margin-right: 5px;
}

.memo-hide-text-div .col-sm-4 {
	width: 100%;
	max-width: 380px;
	float: right;
}

.memo-hide-text-div>div:nth-last-of-type() {
	display: none;
}

@media (max-width:767px) {
	.content-page>.content {
		margin-top: 0;
	}
}

/*.multiselect-native-select .multiselect-container .dropdown-menu {
    margin-left: 0;
    padding: 0;
}

.multiselect-native-select .multiselect-container .dropdown-menu>.active {
    color: #000;
    background-color: #f7f7f7;
    padding: 1px 8px;
    width: 100%;
    margin: 0;
}

.multiselect-native-select .multiselect-container  .dropdown-menu>li>a:hover {
   color: #898989 !important; 
}*/

.multiselect-native-select .btn-group .dropdown-menu>li>a {
	padding: 1px 8px;
}

.multiselect-native-select .btn-group .dropdown-menu {
	margin-left: 0px;
}

.multiselect-native-select .btn-group .dropdown-menu {
	min-width: 100%;
}

.multiselect-native-select .btn-light {
	background-color: #fff;
	border: 1px solid #ddd;
	height: 34px;
}

.multiselect-native-select .btn-group.open .dropdown-toggle {
	box-shadow: none;
}

.multiselect-native-select .multiselect-selected-text {
	float: left;
	font-size: 13px;
}

.multiselect-native-select .btn-group .multiselect .caret {
	float: right;
	margin-top: 9px;
}

.multiselect-native-select li {
	padding: 3px 8px;
}

.multiselect-native-select li a label {
	margin-top: 6px;
	margin-bottom: 6px;
}


.memoattestationaser .table-connect-lines .table-tr-subtask td:after {
	content: "";
	display: block;
	position: absolute;
	top: -12px;
	left: -19px;
	border-left: 2px solid #000;
	z-index: 9;
	height: 100%;
	bottom: 0;
}

.memoattestationaser .table-connect-lines .table-tr-subtask:before {
	width: 0;
}

.memoattestationaser .table-connect-lines .table-tr-subtask tr:before {
	content: "";
	display: block;
	width: 22px;
	height: 0;
	border-top: 2px solid #000;
	margin-top: 9px;
	position: absolute;
	left: -19px;
}

.memoattestationaser a {
	color: #5B5B5B !important;
}

.memoattestationaser .table-connect-lines .memoattestationaser-child .glyphicon-th-list {
	color: orange !important;
}

.memoattestationaser .subtask-td {
	padding-left: 25px !important;
}
.memoattestationaser .table>tbody>tr>td, .memoattestationaser .table>tfoot>tr>td, .memoattestationaser .table>thead>tr>td{
	padding-left: 10px !important;
}


.subaudit .table-connect-lines .table-tr-subtask td:after {
	content: "";
	display: block;
	position: absolute;
	top: -12px;
	left: -91px;
	border-left: 2px solid #000;
	z-index: 9;
	height: 100%;
	bottom: 0;
}

.subaudit .table-connect-lines .table-tr-subtask:before {
	width: 0;
}

.subaudit .table-connect-lines .table-tr-subtask tr:before {
	content: "";
	display: block;
	width: 22px;
	height: 0;
	border-top: 2px solid #000;
	margin-top: 9px;
	position: absolute;
	left: -90px;
}

.subaudit a {
	color: #5B5B5B !important;
}

.subaudit .table-connect-lines .subaudit-child .glyphicon-th-list {
	color: orange !important;
}

.subaudit .subtask-td {
	padding-left: 25px !important;
}
.subaudit .table>tbody>tr>td, .subaudit .table>tfoot>tr>td, .subaudit .table>thead>tr>td{
	padding-left: 10px !important;
}
.table-connect-lines .table-subchildtask .table-tr-subtask:before {
    content: "";
    display: block;
    width: 8px;
    height: 100%;
    border-top: 2px solid #000;
    margin-top: 8px;
    position: absolute;
    left: -5px;
}
.table-connect-lines .table-subchildtask .table-tr-subtask td:after {
   display:none;
}
.table-connect-lines .table-subchildtask  .process_users tr:before {
	display:none;
}
.table-connect-lines .table-subchildtask .subprocess_users .childtable tr:before {
	display:none;
}
.table-connect-lines .table-subchildtask {
	margin-left: 2em;
	margin-left: 9px;
}
/*.table-connect-lines .table-subchildtask .process_users tr:before {
    content: "";
    display: block;
    width: 2px;
    position: absolute;
    top: -18px;
    bottom: 10px;
    left: -72px;
    border-left: 2px solid #000 !important;
    z-index: 1;
    height: 100%;
}*/
.table-connect-lines .table-subchildtask .process_users tr:after {
    content: "";
    display: block;
    width: 38px;
    height: 0;
    border-top: 2px solid #000;
    margin-top: 15px;
    position: absolute;
	left: -77px;
}
.td-main-subtask-wrapper table.table.childtable.table-subtask.outer-child-wrap:before {
	content: "";
    display: block;
    width: 0;
    position: absolute;
    top: 2px;
    bottom: 10px;
    left: 5px;
    border-left: 2px solid #000;
    z-index: 1;
}
td.childtd.td-users.processuserswrap.subprocess_users {
    padding-left: 41px !important;
}