body {
	padding-top: 51px;
	height: 100%;
	background-color: #ccc;
}

body.modal-open {
	overflow: visible;
}

.nobr {
	white-space:nowrap;
}

.btn-legend {
	/*margin-top: -5px;*/
	/*height: 34px;*/
	padding-top: 7px;
	padding-bottom: 7px;
}

/* For Angular UI Bootstrap compatibility with Bootstrap */
.nav, .pagination, .carousel, .panel-title a {
	cursor: pointer;
}

/* Header we use in the ops screens */
.header {
	background-color: #ccc;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}

.header>.panel-body{
	padding: 10px;
}

.header h4 {
	margin-top: 0; margin-bottom: 0;
}

/* Fixed blocks need to be sized correctly */
.container-fluid [fixed] {
	left: 15px; right: 15px;
	z-index: 1000;
}

/* We want our fixed masks to match the body background color */
.fixed-mask {
	background-color: #ccc;
}

.title {
	font-size: 20px;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 10px;
}

.btn-fixed {
	width: 100px;
}

.btn-fixed-sm {
	width: 75px;
}

.form-login {
	max-width: 400px;
	padding: 19px 29px 29px;
	margin: 0 auto 20px;
	background-color: #fff;
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
	box-shadow: 0 1px 2px rgba(0,0,0,.05);
}

.error {
	color: red;
}

/*
Forms have margin on the bottom, which we don't want if they're the last
child in a well, because a .well already has padding.
*/
/*.well form:last-child {*/
.well form {
	margin-bottom: 0;
}

.logbook-entry-content {
	/*border-bottom:1px solid #ccc;*/
}

.comment{
	/*:not(:first-child) {*/
	border-top:1px solid #ccc;
	/*border-bottom:1px solid #ccc;*/
	margin-top: 10px;
	/*padding-bottom: 10px;	*/
}

.opview-logbook-header {
	/*top: 0;*/
	/*width: 100%;*/
}
.opview-logbook-entries {
	margin-top: 240px;
	position: absolute;
	top: 0;
	left: 0; right: 0;
	bottom: 0;
	overflow: auto;
}

.opview-new-comment {
	/*border-top:1px solid #ccc;*/
	margin-top: 10px;
	padding-top: 10px;
}

.panel-primary > .panel-heading small {
	color: black;
	font-weight: inherit;
}

.panel-danger > .panel-heading {
	background-image: none;
	background-color: darkred;
	color: white;
}

.panel-primary > .panel-heading {
	background-image: none;
	/*background-color: blue;*/
}

.panel-warning > .panel-heading {
	background-image: none;
	background-color: yellow;
}

.loading-popup {
	/*border: thin solid black; */
	position: fixed;
	bottom: 0;
	left: 10px;
	right: 10px;
	padding: 5px;
	background-color: #ccc;
}

.category.label {
	cursor: pointer;
}

.label-light {
	font-size: 11px;
	font-weight: normal;
	background-color: #B4B4B4;
	/*color: #FF0000;*/
}

#label-list {
	margin:15px;
}

.label-list {
	list-style-type: none;
	margin: 0px;
	margin-top: -20px;
	margin-left: -35px;
}

.label-lg {
	display: inline-block;
	font-size: 14px;
	line-height: normal;
	margin: 4px;
	padding: 8px;
}

.ui-match {
	background: yellow;
	color: black;
}

.list-inline>li>h5 {
	margin-top: 0px;
	margin-bottom: 0px;
}

.headerBackBtn{
	margin-top: -5px;
}

/*chat custom css*/

#chatroom{
	/*height: 400px;*/
	/*overflow: auto;*/
	padding-top: 40px;
	/*padding-bottom: 110px;*/
	padding-bottom: 35px;
}

.alert-red {
	color: white;
	background-color: red;
	/*border: solid 1px rgb(255, 105, 105); */
}

.panel-body.chatEntryBody{
	padding: 10px;
}

.panel.chatEntry{
	margin-bottom: 5px;
}

.panel.chatEntry p {
	margin: 0 0 5px;
}

.mutedBG{
	background-color: rgb(235, 235, 235) !important;
}

.fixed-top {
	position: fixed;
	width: 100%;
	padding: 10px 0px;
	top: 41px;
	z-index: 100;
}

.fixed-bottom {
	position: fixed;
	width: 100%;
	bottom: -20px;
	left: 0px;
	z-index: 100;
}


.col-xs-2.unpadleft {
	padding-left: 0px;
}

p.breakhere {
	page-break-before: always
}

.printButton {
	float: right;
}

.btn-icon {
	padding: 0px 0px;
	font-size: 15px;
	line-height: 1;
	border-radius: 0px;
	background-color: transparent;
}

#loading-bar .bar, #loading-bar .peg {
  height: 6px;
}

.attachment{
	font-size:12px;
	background-color: white;
	border-radius: 5px;
}

.leftLogo {
	float: left;
	height: 40px;
}
.rightLogo {
	float: right;
	height: 35px;
}

.btn-filter {
	background-color: rgb(237, 240, 240);
	padding: 5px;
	margin-bottom: 3px;
	/* font-size: 11px; */
}

li.icons {
	margin: 10px;
	width: 5%;
	text-align: center;
}

li.icons a:hover {
	color: black;
}

li.icons a {
	color: darkgray;
}

.assigned-to-box {
	padding: 6px;
	margin: 0px;
}

.radio-padding {
	padding-top: 5px;
	padding-bottom: 5px;
	white-space: nowrap;
}

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
/* XSmall devices (phones, 500px and up) */
@media (min-width: 500px) {

}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.leftLogo {
		height: 45px;
	}
	.rightLogo {
		float: right;
		height: 40px;
	}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}

hr {
	display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #C0C0C0;
    margin: 1em 0;
    padding: 0;
}

.input-spacing {
	margin-bottom: 5px;
}

.cell-padding {
	padding-top: 3px;
	padding-bottom: 3px;
}

.addon {
	cursor: pointer;
	background-image: linear-gradient(to bottom, #428bca 0%, #2d6ca2 100%);
	color: white;
}

.addon-danger {
	cursor: pointer;
	background-image: linear-gradient(to bottom, #C4332F 0%, #D64E4A 100%);
	color: white;
}

.addon-default {
	cursor: pointer;
	background-image: linear-gradient(to bottom, #EEEEEE 0%, #EEEEEE 100%);
	color: white;
}

.addon-success {
	cursor: pointer;
	background-image: linear-gradient(to bottom, #59B459 0%, #439943 100%);
	color: white;
}

.addon-disabled {
	opacity: 0.5;
}

.input-error {
	border-color: #a94442;
}

.input-message-danger {
	padding-left: 1px;
	padding-top: 3px;
	padding-bottom: 3px;
	color: #C4332F;
}

.padding-top {
	padding-top: 10px;
}

.padded {
	padding-top: 4px;
	padding-bottom: 4px;
}

.selected-facility {
	cursor: pointer;
}

.chat-entry-attachments {
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.chat-attachment-image {
	margin: 0px;
	width: 100px;
	height: 100px;
	text-align: center;
	overflow: hidden;
}

.chat-attachment-file {
	margin: 0px;
	width: 230px;
	height: 60px;
	text-align: left;
	overflow: hidden;
}

.chat-attachment-file-icon {
	font-size: 2em;
	padding: 10px;
	padding-top: 12px;
}

.chat-attachment-file-name {
	width: 160px;
	height: 20px;
	overflow: hidden;
}

.chatroom-entry-content {

}

.attachment-card {
	width: 100%;
	height: 34px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 6px;
	border: 1px solid #cccccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #686868;
}

.attachment-card-upload {
	cursor: pointer;
}

.attachment-icon {
	padding-right: 5px;
}

.log-comment-form {
	border: 1px solid #cccccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background-color: #eeeeee;
	margin: 0px;
	margin-top: 15px;
	padding-top: 0px;
	padding-bottom: 15px;
	padding-right: 15px;
	padding-left: 15px;
}

.btn {
    margin-right: 8px;
}

.angular-ui-tree-handle {
    background: #f8faff;
    border: 1px solid #dae2ea;
    color: #7c9eb2;
    padding: 10px 10px;
}

.angular-ui-tree-handle:hover {
    color: #438eb9;
    background: #f4f6f7;
    border-color: #dce2e8;
}

.angular-ui-tree-placeholder {
    background: #f0f9ff;
    border: 2px dashed #bed2db;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

tr.angular-ui-tree-empty {
    height: 100px;
}

.group-title {
    background-color: #687074 !important;
    color: #FFF !important;
}

/* --- Tree --- */
.tree-node {
    border: 1px solid #dae2ea;
    background: #f8faff;
    color: #7c9eb2;
}

.nodrop {
    background-color: #f2dede;
}

.tree-node-content {
    margin: 10px;
}

.tree-handle {
    padding: 10px;
    background: #428bca;
    color: #FFF;
    margin-right: 10px;
}

.angular-ui-tree-handle:hover {

}

.angular-ui-tree-placeholder {
    background: #f0f9ff;
    border: 2px dashed #bed2db;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.faded {
	color: grey;
}

.menu-tree-node {
	cursor: pointer;
	border: 0;
	margin: 1px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: transparent;
}

.menu-tree-node-content {
	margin: 1px;
	background-color: transparent;
}

.menu-tree-node-text {
	color: #333333;
	font-weight: normal;
}

.menu-tree-node-text:hover {
	text-decoration: none;
	color: black;
}

@media (max-width: 767px) {
   .menu-tree-node-text {
		color: #858585;
	}
}