/*
 * Skin: Custom
 * ----------
 */
.green {
	color: #3c763d;
}
.red {
	color: #a94442;
}
.skin .staging-warning {
	position: relative;
	border-radius: 0;
	z-index: 2000;
}
.skin .btn {
	padding-left: 20px;
	padding-right: 20px;
}
.skin .btn-primary {
	background: #4a4a4a;
	border: 1px solid #4a4a4a;
}
.skin .btn-info {
	background: #85c875;
	border: 1px solid #85c875;
}
.skin label {
	min-width: 200px;
}
.skin input[type=text],
.skin input[type=number],
.skin input[type=email],
.skin input[type=password],
.skin input[type=file],
.skin input[type=tel],
.skin input[type=color],
.skin textarea {
	background: #fbfbfb;
	box-shadow: inset 1px 1px 1px rgba(210, 214, 222, 0.9);
	margin-left: 10px;
	display: inline-block;
	width: 80%;
}
.skin .main-header .navbar {
  background-color: #074e70;
  background: #074e70 url(/img/layout/header-background-overlay.png) no-repeat 350px 0;
}
.skin .main-header .navbar .nav > li > a {
  color: #ffffff;
}
.skin .main-header .navbar .nav > li > a:hover,
.skin .main-header .navbar .nav > li > a:active,
.skin .main-header .navbar .nav > li > a:focus,
.skin .main-header .navbar .nav .open > a,
.skin .main-header .navbar .nav .open > a:hover,
.skin .main-header .navbar .nav .open > a:focus,
.skin .main-header .navbar .nav > .active > a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
}
.skin .main-header .navbar .sidebar-toggle {
  color: #ffffff;
}
.skin .main-header .navbar .sidebar-toggle:hover {
  color: #f6f6f6;
  background: rgba(0, 0, 0, 0.1);
}
.skin .main-header .navbar .sidebar-toggle {
  color: #fff;
}
.skin .main-header .navbar .sidebar-toggle:hover {
  background-color: #367fa9;
}

.form-control {
	display: inline-block;
}

select.form-control {
	width: 80%;
	margin-left: 10px;
}

.form-group.checkbox {
	left: 200px;
	margin-left: 10px;
}
.select2-container,
.datetime .form-inline {
	margin-left: 10px;
}

.box-tools label {
	min-width: auto;
}

.skin .box-tools input,
.skin .box-tools select {
	margin-left: 0;
	margin-right: 0;
}

.navbar .navbar-external-menu {
  display: inline-block;
  vertical-align: middle;
  margin: 14px 0 0 10px;
}

.navbar .navbar-external-menu ul.list-inline {
  margin: 0;
}

.navbar .navbar-external-menu ul.list-inline li {
  margin: 0 5px;
}

.navbar .navbar-external-menu ul.list-inline a {
  color: #fff;
  font-size: 15px;
}

.navbar .navbar-external-menu ul.list-inline a:hover {

}

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li {
	position: relative;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li {
    color: #444444;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 10px;
    display: block;
    white-space: nowrap;
    border-bottom: 1px solid #f4f4f4;
	padding-right: 30px;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > .notification-content,
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > .notification-content,
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > .notification-content {
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a,
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a,
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a {
	display: inline-block;
    border: none;
    width: auto;
    position: absolute;
    top: 3px;
    right: 0;
	padding: 10px 0 10px 5px;
}
@media (max-width: 767px) {
  .skin .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .skin .main-header .navbar .dropdown-menu li a {
    color: #fff;
  }
  .skin .main-header .navbar .dropdown-menu li a:hover {
    background: #367fa9;
  }
  .main-header .navbar-custom-menu {
    position: absolute;
    right: 0;
    top: -50px;
  }
  .navbar .navbar-external-menu ul.list-inline a {
    font-size: 14px;
  }
  .navbar .navbar-external-menu ul.list-inline li {
    margin: 0;
    padding-right: 3px;
  }
}
.skin .main-header .logo {
  background-color: #074e70;
  color: #ffffff;
  border-bottom: 0 solid transparent;
  text-align: left;
}
.skin .main-header .logo:hover {
  background-color: #357ca5;
}
.skin .main-header li.user-header {
  background-color: #074e70;
}
.skin .content-header {
  background: transparent;
}
.skin .wrapper,
.skin .main-sidebar,
.skin .left-side {
  background: #fff url(/img/layout/main-navigation-background-overlay.png) no-repeat 0 400px;
}
.skin .content-wrapper,
.skin .right-side {
    background-color: #eceef2;
}
.skin .content-wrapper.content-wrapper-full {
	margin-left: 0;
}
.skin .user-panel > .info,
.skin .user-panel > .info > a {
  color: #fff;
}
.skin .sidebar-menu {
	margin-top: 30px;
}
.skin .sidebar-menu > li.header {
  color: #4b646f;
  background: #d1d1d1;
}
.skin .sidebar-menu > li > a {
  border-left: 3px solid transparent;
}
.skin .sidebar-menu > li:hover > a,
.skin .sidebar-menu > li.active > a {
  color: #2c3039;
  font-weight: bold;
  border-left-color: #074e70;
  background: #f7f7f7;
}
.skin .sidebar-menu > li > .treeview-menu {
  margin: 0 1px;
  background: #f7f7f7;
}
.skin .sidebar a {
  color: #7f7f7f;
}
.skin .sidebar a:hover {
  text-decoration: none;
}
.skin .treeview-menu > li > a {
  color: #7f7f7f;
}
.skin .treeview-menu > li.active > a,
.skin .treeview-menu > li > a:hover {
  color: #2c3039;
}
.skin .sidebar-form {
  border-radius: 3px;
  border: 1px solid #d1d1d1;
  margin: 10px 10px;
}
.skin .sidebar-form input[type="text"],
.skin .sidebar-form .btn {
  box-shadow: none;
  background-color: #d1d1d1;
  border: 1px solid transparent;
  height: 35px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.skin .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}
.skin .sidebar-form input[type="text"]:focus,
.skin .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}
.skin .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}
.skin .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}
.skin.layout-top-nav .main-header > .logo {
  background-color: #074e70;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}
.skin.layout-top-nav .main-header > .logo:hover {
  background-color: #3b8ab8;
}
.skin .box {
	border: 2px solid #d2d6de;
	box-shadow: none;
}
.skin .content.filters {
	min-height: 0;
	padding-bottom: 0;
}
.skin .content.filters h4 {
	text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    color: #777777;
	margin-top: 9px;
}
.skin .content.filters .box {
	margin: 0;
	padding: 10px;
}
.skin .box-tools .form-group {
	margin-right: 10px;
}
.skin .box-tools label {
	margin-bottom: 0;
	display: block;
}
.skin .box-tools label:after {
	content: ":";
	margin-right: 10px;
}
.skin .box-tools input,
.skin .box-tools select {
	width: 100%;
	margin-right: 10px;
}
.skin .box-tools select {
	min-width: 200px;
	max-width: 250px;
}
.skin .box-tools .input-group-btn {
	margin-top: 20px;
    display: block;
}
.skin .box-tools .input-group-btn .btn {
	margin-left: 10px;
}
.skin .box-tools .form-inline .form-group {
	margin: 3px 0;
}
.delete-link {
	color: #777;
	display: inline-block;
	line-height: 22px;
	font-size: 22px;
	margin: 0 5px 0 0;
}
.delete-link .fa {
	vertical-align: middle;
}
.table th,
.table th a {
	text-transform: uppercase;
	color: #777777;
	vertical-align: middle!important;
}
.table .actions {
	text-align: right;
}
.table .actions a {
	margin: 3px 3px 0;
}
.table tr.inactive > td,
.table tr.inactive > th {
    background-color: #f5f5f5;
	color: #999;
}
.table tr.inactive > td .relation-link,
.table tr.inactive > th .relation-link {
	background-color: #bbb;
}
.media-iframe {
	height: 350px;
	border: 1px solid #ddd;
}
.dashboard-panel {
	text-align: center;
}
.dashboard-panel .font-icon-svg {
	background-size: 60% 60% !important;
}
.dashboard-panel a {
	display: block;
	color: #303337;
}
.dashboard-panel-icon {
	display: block;
	color: #303337;
    background: #f0f2f5;
	font-size: 80px;
    line-height: 95px;
    border-radius: 50px;
    height: 100px;
    width: 100px;
    margin: 0 auto;
}
.dashboard-panel-title {
	display: block;
	margin-top: 20px;
}
/*.sidebar-menu > li > a > .fa,
.sidebar-menu > li > a > .glyphicon,
.sidebar-menu > li > a > .ion,*/
.sidebar-menu > li > a > .fa-user-times,
.sidebar-menu > li > a > .font-icon {
	width: 30px;
	font-size: 20px;
}
.login-form {

}
.login-form h3 {
	margin: 30px 0 30px 0;
	text-align: center;
}
.login-form input[type=text],
.login-form input[type=email],
.login-form input[type=password] {
	height: 50px;
	margin-left: 0;
	width: 100%;
}
.login-form .form-group.checkbox {
    left: 0;
}
.login-form button {
	height: 50px;
	text-transform: uppercase;
	width: 100%;
}
.login-form .forgot-password-link {
	margin-top: 10px;
}
/**
* Cake table sort classes
*
**/
.asc:after,
.desc:after {
	display: inline-block;
    font: normal normal normal 12px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	margin-left: 5px;
}
.asc:after {
    content: " \f077";
}
.desc:after {
    content: " \f078";
}

/**
*
* Building list
*
**/
.building-in-list {
	text-align: center;
	margin-bottom: 20px;
}
	.building-in-list .building-header {
		position: relative;
		z-index: 1;
	}
		.building-in-list .building-header img {
			width: 100%;
		}
		.building-in-list .building-header .fa {
			display: inline-block;
			width: 50px;
			height: 50px;
			line-height: 50px;
			border-radius: 25px;
			color: #fff;
			background: #0bc4df;
			/** An attempt to vertically centre the icon **/
			margin: auto;
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
		}
	.building-in-list .delete-building {
		position: absolute;
		top: 0;
		right: 15px;
		z-index: 10;
	}
		.building-in-list .delete-building a {
			color: red;
		}
	.building-in-list .building-content {
		position: relative;
		background: #fff;
		height: 90px;
		padding: 15px 10px;
	}
		.building-in-list .building-content a {
			color: #777;
		}
		.building-in-list .building-content .building-details {
			display: table;
			width: 100%;
			height: 100%;
		}
		.building-in-list .building-content .building-details-inner {
			display: table-cell;
			vertical-align: middle;
		}
		.building-in-list .building-content .building-name {
			text-transform: uppercase;
			font-weight: bold;
		}
		.building-in-list .building-content .client-name {
			font-size: 12px;
			text-decoration: underline;
		}
		.building-in-list .building-content .building-id-wrapper {
			position: absolute;
			top: -15px;
			left: 0;
			text-align: center;
			width: 100%;
			line-height: 30px;
			z-index: 10;
		}
			.building-in-list .building-content .building-id-wrapper .building-id {
				display: inline-block;
				padding: 0 25px;
				background: #fff;
				height: 30px;
				line-height: 30px;
				border: 1px solid #d9d5d5;
				border-radius: 15px;
			}

a.toggle-table {
	color: inherit;
}

.relation-link {
	color: #fff;
	background-color: #f39c12;
    border-color: #985f0d;
	padding: 0 10px;
	display: inline-block;
	border-radius: 10px;
}
	.relation-link:hover,
	.relation-link:active,
	.relation-link:focus {
		background-color: #d58512;
		color: #fff;
	}
	.relation-link.relation-link-building {

	}

.box-header > .box-tools {
	position: static;
	float: right;
}

.tree-level {
	/*background-color: #00c0ef;*/
	background-color: black;
	display: inline-block;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: .25em;
	height: 15px;
    width: 2px;
    margin-left: 15px;
    margin-right: 5px;
}
.tree-level-blank {
	background-color: #ddd;
}

.table-filters {
	margin-top: 5px;
}

.skin .datepicker table tr td.disabled,
.skin .datepicker table tr td.disabled:hover {
    color: #aaa;
}

/*
 * Custom UI tweaks
 */

.skin .box-tools select.active-filter {
	min-width: 70px;
	max-width: 70px;
}

.greenText {
	color: green;
}

.rightAlign{
	text-align: right;
}
.scrolling {
	/*overflow: scroll;*/
	float:left;

}
.scrolling img {
	padding: 10px;
}

.main-header {
	max-height: 124px;
}

.main-header .logo {
	/*max-width: 124px;*/
	height: auto;
}


.sidebar-menu > li > a {
	padding-left: 30px;
}

.main-sidebar,
.left-side {
	padding-top: 0;
}

.client-logo-style {
	text-align: center;
	padding: 10px 0;
	margin:0 auto;
	padding-left: 10px;
}

.content-wrapper {
	margin-left: 215px;
}

.skin .sidebar-menu > li > .treeview-menu {
	margin-left: 17px;
}

.building-header a {
	display: block;
	height: 122px;
	overflow: hidden;
}

.building-in-list .building-header img {
	width: 100%;
	height: auto !important;
}

.required > label:after {
	content: ' *';
	color: #C3232D;
}

.error {
	color: #C3232D;
}
/*
.order-number-group input#order-number-prefix,
.order-number-group input#order-number-postfix {
	width: 100px;

}
.order-number-group {
	margin-bottom: 15px;
}

.order-number-group input#order-number-prefix {
	margin-left: 200px;
}
.order-number-group > .form-group {
	display: inline-block;
	width: 24%;
}
.order-number-group > .form-group > label {
	min-width: 15%;
}
.order-number-group-post,
.order-number-group-post .form-group {
	display: inline-block;
}

.order-number-group-post label {
	min-width: 0;

}
.order-number-group-post input {
	left: 0;
}
*/
/*
.order-number-group {
	width: 80%;
}

.order-number-group input#order-number-prefix,
.order-number-group input#order-number-postfix {
	display: inline-block;
	width: 100px;
}

.order-number-group .input {

}
.order-number-group .form-group {
	display: inline-block;
	min-width: 15%;
}

.order-number-group input#order-number-prefix {

	left: 15%;
}
*/

#cost-breakdown {
	background: #f1f1f1;
	padding: 15px;
	border: 1px solid #d2d6de;
	margin: 20px 0;
	display: none;
}

#cost-breakdown .asset-category-cost {
	display: inline-block;
	width: 270px;
	vertical-align: top;
	margin: 10px 0 0;
	padding-right: 10px;
}

#cost-breakdown .cost-cat-name {
	font-weight: bold;
}

.textarea label {
	vertical-align: top;
}

.asset-image {
    max-height: 250px;
    max-width: 250px;
    width: auto;
    height: auto;
}

.custom-date-fields {
	display: none;
}
.custom-date-fields input.custom-start-date,
.custom-date-fields input.custom-end-date {
	display: inline-block;
	width: 30%;
	margin-top: 10px;

}
.skin input.custom-start-date {
	margin-left: 0!important;
}