/* Helper Classes */
/*----------------*/
.relative { position: relative; }
.inline-block { display: inline-block; }
.no-margin { margin: 0 !important; }
.no-wrap { white-space: nowrap; }
.text-center { text-align: center; }
.text-right { text-align: right; }

.selectize-control .selectize-input.disabled {
	opacity: 1;
	background-color: #eee;
	cursor: not-allowed !important;
}

th.vertical-text, td.vertical-text {
	/*height:80px;*/
	/*white-space: nowrap;*/
	position:relative;
}

th.vertical-text > div, td.vertical-text > div {
	transform-origin: 0 50%;
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-webkit-transform-origin: 0 50%;
	white-space: nowrap;
	display: block;
	position: absolute;
	bottom: 5%;
	left: 50%;
}

.table > thead > tr > td.expiry-orange,
.table > tbody > tr > td.expiry-orange,
.table > tfoot > tr > td.expiry-orange,
.table > thead > tr > th.expiry-orange,
.table > tbody > tr > th.expiry-orange,
.table > tfoot > tr > th.expiry-orange,
.table > thead > tr.expiry-orange > td,
.table > tbody > tr.expiry-orange > td,
.table > tfoot > tr.expiry-orange > td,
.table > thead > tr.expiry-orange > th,
.table > tbody > tr.expiry-orange > th,
.table > tfoot > tr.expiry-orange > th {
	background-color: #ffcc99;
	color: #3f3f76;
}

.table-hover > tbody > tr > td.expiry-orange:hover,
.table-hover > tbody > tr > th.expiry-orange:hover,
.table-hover > tbody > tr.expiry-orange:hover > td,
.table-hover > tbody > tr:hover > .expiry-orange,
.table-hover > tbody > tr.expiry-orange:hover > th {
	background-color: #FEEDDF;
}

/*Overrides for font awesome*/
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
	position: absolute;
	bottom: 8px;
	right: 8px;
	display: block;
	font-family: 'Font Awesome 5 Pro';
	opacity: 0.5;
}

table.dataTable thead .sorting:after {
	opacity: 0.2;
	content: "\f0dc";
	/* sort */
}
table.dataTable thead .sorting_asc:after {
	content: "\f0de";
	/* sort-by-attributes */
}
table.dataTable thead .sorting_desc:after {
	content: "\f0dd";
	/* sort-by-attributes-alt */
}

.slider.slider-horizontal{
	margin-bottom: 20px !important;
}

/*Red*/
.label-expiry-danger{
	background-color: #ffc7ce;
	color: #9c0006;
}

/*Orange*/
.label-expiry-orange {
	background-color: #ffcc99;
	color: #3f3f76;
}

/*Yellow*/
.label-expiry-warning {
	background-color: #ffeb9c;
	color: #9c573e;
}

.js_status_icon{
	width: 14%;
	/*border: 1px solid #999;*/
	/*border-radius: 4px;*/
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
	/*background-color: #f5f5f5;*/
	/*box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);*/
	position: relative;
}

.status_arrow{
	margin: 37px 9px 0 9px;
}

i.status_wizard_number{
	font-family: 'Open Sans', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

div.dataTables_wrapper div.dataTables_processing{
	position:fixed !important;
}

tr.end-total-row + tr>td{
	border-top-color: white;
}

table.dataTable.fixedHeader-floating{
	table-layout: auto !important;
}

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

.margin-top-sm{
	margin-top: 10px;
}

.no-break{
	white-space: nowrap;
}

.disabled-hover{
	cursor:not-allowed !important;
	pointer-events: all !important;
}

.no-padding-top{
	padding-top: 0 !important;
}

.no-margin-top{
	margin-top: 0 !important;
}

.no-margin-bottom {
	margin-bottom: 0 !important;
}

.table > thead > tr > th {
	vertical-align: top;
}

textarea{
	resize: vertical;
}

.competency_form_table td.input_cell{
	vertical-align:  middle;
}

.selectize-control.loading::before {
	-moz-transition: opacity 0.2s;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
	content: ' ';
	z-index: 2;
	position: absolute;
	display: block;
	top: 50%;
	right: 34px;
	width: 16px;
	height: 16px;
	margin: -8px 0 0 0;
	background: url('/img/spinner-selectize.gif');
	background-size: 16px 16px;
	/*opacity: 0;*/
}

/*----------*/
/* Defaults */
/*----------*/
body {
	font-family: 'Open Sans', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
nav.navbar { margin: 0; z-index: 10; min-height: 25px;}
nav.navbar.navbar-inverse{
	background-color: #003478;
}
nav.navbar .navbar-toggle {
	margin: 0;
	height: 50px;
	width: 50px;
	padding: 9px 12px;
	background: #CCC;
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
nav.navbar.navbar-inverse .navbar-toggle {
	background: #555;
}
nav.navbar .navbar-toggle .icon-bar { width: 100%; }

nav.navbar.navbar-inverse .link-icon { color: #CCC; }
nav.navbar .user-circle {
	position: relative;
	display: inline-block;
	width: 22px;
	height: 22px;
	margin-right: 5px;
	background: #999;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	text-align: center;
	overflow: hidden;
	top: 5px;
}
nav.navbar.navbar-inverse .user-circle {
	background: #FFF;
}
nav.navbar i.fa-user {
	position: relative;
	top: 6px;
	font-size: 18px;
	color: #F8F8F8;
}

nav.navbar.navbar-inverse i.fa-user {
	color: #555;
}
nav.navbar li.user-menu > a { margin-top: -7px; color: #000; }
nav.navbar.navbar-inverse li.user-menu > a { color: #FFF; }
nav.navbar .navbar-brand-img  { float: left; }
nav.navbar .navbar-brand {
	font-family: 'Questrial', sans-serif;
}
nav.navbar .navbar-brand {
	color: #000;
}
nav.navbar.navbar-inverse .navbar-brand {
	color: #FFF;
}

a.navbar-brand {
	padding-top: 14px;
}

a.navbar-brand-secure {
	padding-top: 17px;
}

.nav-spacer { width: 100%; height: 135px; }

/*a.navbar-brand {
	padding-top: 13px;
}*/

.header {
	position: absolute;
	top: 80px;
	z-index: 3;
	width: 100%;
	background: #FFF;
	padding: 10px 0 0;
	border-bottom: 1px solid #F7F7F7;
}
.header.scrolled {
	position: fixed;
	top: 38px;
	border-bottom: 1px solid #DDD;
	box-shadow: 0 2px 3px rgba(0,0,0,0.1);
}
.header h2 {
	float: left;
	margin: 0 0 10px;
	font-size: 2em;
	font-weight: 300;
}
.header .header-actions {
	position: relative;
	float: right;
	margin: 0 0 10px;
	z-index: 3;
}
.header .surprise-logo {
	position: absolute;
	left: -70px;
	text-align: right;
	opacity: 0;
}

.nav-spacer {
	position: relative;
	z-index: 0;
}

.dropdown-menu {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.page { margin-top: 50px; }
.page-description { margin: 1em 0 2em; }
.required-reminder{
	margin-bottom: 20px;
	color: red;
}

.page-actions { display: inline-block; }

.page-well {
	padding: 20px;
	margin-bottom: 20px;
	background: #EFEFEF;
}
.page .page-well > h3 { margin: 0 0 15px; }

/*.page h3 { margin: 20px 15px; }*/
.page label { font-weight: 600; }
.page .required { color: red; }

/*.page .form-group, .page .form-control, .page .radio, .page .checkbox { margin-bottom: 20px; }*/

.page .field-description { margin-top: 5px; font-size: 13px; color: #777; }

.page .input-prepend .prepend { color: #777; }
.page input.has-prepend { width: auto; display: inline-block; }

/*.page select { width: auto; }*/

.page .form-label { font-weight: 600; }

.page .checkbox-group, .page .radio-group { margin-bottom: 20px; }
.page .checkbox-group .checkbox, .page .radio-group .radio { margin-bottom: 10px; }

.page .checkbox label, .page .radio label { font-weight: 400; }
.page .checkbox-inline label, .page .radio-inline label { font-weight: 400; }

.page h3.section-heading { margin: 25px 0 20px; padding: 7px 15px; background: #EFEFEF; border-bottom: 1px solid #E3E3E3; font-size: 20px; }
.page .field-group { margin-bottom: 20px; }
.page .field-heading { margin-bottom: 5px; font-weight: 600; color: #000; }
.page .field-value { color: #555; }

.table thead tr th.actions {
	color: #CCC;
}
.table tbody tr td.actions {
	text-align: center;
}

.table tbody  tr td {
	font-size: 12px;
	/*cursor: pointer;*/
}

.table.big-font-table tbody  tr td {
	font-size: 14px;
}

/*http://stackoverflow.com/questions/13771101/centering-a-button-vertically-in-table-cell-using-twitter-bootstrap*/
.table tbody>tr>td.vert-align,
.table tbody>tr>th.vert-align,
.table thead>tr>th.vert-align{
	vertical-align: middle;
}

footer {
	margin: 50px 0 0;
	padding: 30px 0 20px;
	background-color: #777;
	background: url('../img/concrete_wall.png');
	color: #FFF;
}
footer.fixed {
	position: fixed;
	bottom: 0;
	width: 100%;
}
footer .footer-left { float: left; margin-bottom: 10px; }
footer .footer-right { float: right; }
footer .footer-links { margin-top: 5px; }
footer .footer-links li { display: inline-block; margin-left: 20px; }
footer .footer-links li:first-child { margin-left: 0; }
footer .footer-links li a { color: #FFF; }

footer .scroll-to-top {
	position: fixed;
	bottom: -50px;
	right: 30px;
	width: 50px;
	height: 50px;

	padding-top: 2px;

	background-color: #CCC;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	color: #555;
	font-size: 30px;
	text-align: center;
	cursor: pointer;
}
footer .scroll-to-top:hover { color: #333; }

.btn { font-weight: 200; }

.logo_display_img{
	max-height: 100px;
	display:block;
	max-width: 150px;
}

/*-------------------*/
/* Media Query Rules */
/*-------------------*/

/* Large desktop */
@media (min-width: 1200px) { }

/* Portrait tablet to landscape and large desktop */
@media (min-width: 768px) {
	nav.compressed .navbar-nav > li > a,
	nav.compressed a.navbar-brand {
		padding-top: 10px;
		padding-bottom: 5px;
		height: auto;
	}
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
	.header .surprise-logo { display: none !important; }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	nav.navbar { border: none; }
	.header h2 {
		font-size: 1.5em;
		padding-top: 5px;
	}
	.header-actions .btn {
		padding: 5px 10px;
		font-size: 12px;
		line-height: 1.5;
		border-radius: 3px;
	}
	.header.scrolled { top: 50px; }
	footer { padding: 10px 0 5px; text-align: center; }
	footer .footer-left { width: 100%; }
	footer .scroll-to-top { display: none; }
}

/* Landscape phones and down */
@media (max-width: 480px) {
	nav.navbar { border: none; }
	.header h2 {
		font-size: 1.2em;
		padding-top: 3px;
		width: 100%;
		text-align: center;
	}
	.header-actions {
		width: 100%;
		text-align: center;
	}
	.header-actions .btn {
		padding: 5px 10px;
		font-size: 12px;
		line-height: 1.5;
		border-radius: 3px;
	}
	.header.scrolled { top: 50px; }
	.page-actions { width: 100%; text-align: center; }
	footer { padding: 10px 0 5px; }
	footer .scroll-to-top { display: none; }
}

.row-menu {
	position: fixed;
	bottom: -40px;
	width: 100%;
	height: 40px;
	background: #FFF;
	background: rgba(255, 255, 255, 0.95);
	border-top: 1px solid #CCC;
}
.row-menu .row-identifier {
	display: inline-block;
	width: 60%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 16px;
}



/*---------*/
/* Custom  */
/*---------*/

.nav-project-logo {
	position: relative;
	top: 8px;
	height: 35px;
	margin: -15px 10px 0 0;
	border: 2px solid #FFF;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}
.navbar.compressed .nav-project-logo {
	height: 30px;
	margin: -13px 5px 0 0;
}
@media (max-width: 480px) {
	.navbar.compressed .nav-project-logo {
		margin: 2px 0 0 0;
	}
}

.waste {
	height: 400px;
}
.table th i.fa { margin-left: 3px; }

#code { min-height: 1200px; }

.pco-label {
	font-size: 100%;
	line-height: 2;
}

.pco-label-remove {
	cursor: pointer;
}

/*--------------*/
/* Alert Box    */
/*--------------*/

@media (min-width: 768px) {
	/*Responsive styling for the alert box*/
	div.js_alert_box{
		width: 262px; /*Got this from span4*/
		position:fixed;
		z-index: 3;
		margin-left: 506px;
	}

	div.js_alert_box div.alert{
		width: 85%;
	}
}

@media (min-width: 992px) {
	/*Responsive styling for the alert box*/
	div.js_alert_box{
		width: 340px; /*Got this from span4*/
		position:fixed;
		z-index: 3;
		margin-left: 652px;
	}

	div.js_alert_box div.alert{
		width: 85%;
	}
}

@media (min-width: 1200px) {
	/*Responsive styling for the alert box*/
	div.js_alert_box{
		width: 370px; /*Got this from span4*/
		position:fixed;
		z-index: 3;
		margin-left: 830px;
	}

	div.js_alert_box div.alert{
		width: 85%;
	}
}

@media (max-width: 767px) {
	div.js_alert_box{
		width: 100%; /*Got this from span4*/
		position:relative;
		display: block;
		z-index: 3;
	}

	div.js_alert_box div.alert{
		width: 100%;
	}
}

/*--------------------------------*/
/* Table overrides			      */
/*--------------------------------*/

/*.table tbody td.success {
  background-color: #5cb85c !important;
  color: white !important;
}

.table tbody td.danger, span.label.label-danger.aim_colours {
  background-color: #b94a48 !important;
  color: white !important;
}

.table tbody td.warning, span.label.label-warning.aim_colours {
  background-color: #FFFF00 !important;
  color: black !important;
}

.table tbody td.info, span.label.label-info.aim_colours {
  background-color: #3a87ad !important;
  color: white !important;
}*/

.center-text{
	text-align: center !important;
}

.pricing-table td, .pricing-table th {
   text-align: center;
   font-size: 14px !important;
}

.table > thead > tr > td.highlight-gray,
.table > tbody > tr > td.highlight-gray,
.table > tfoot > tr > td.highlight-gray,
.table > thead > tr > th.highlight-gray,
.table > tbody > tr > th.highlight-gray,
.table > tfoot > tr > th.highlight-gray,
.table > thead > tr.highlight-gray > td,
.table > tbody > tr.highlight-gray > td,
.table > tfoot > tr.highlight-gray > td,
.table > thead > tr.highlight-gray > th,
.table > tbody > tr.highlight-gray > th,
.table > tfoot > tr.highlight-gray > th {
  background-color: #999999;
}

.table > thead > tr > td.highlight-light-gray,
.table > tbody > tr > td.highlight-light-gray,
.table > tfoot > tr > td.highlight-light-gray,
.table > thead > tr > th.highlight-light-gray,
.table > tbody > tr > th.highlight-light-gray,
.table > tfoot > tr > th.highlight-light-gray,
.table > thead > tr.highlight-light-gray > td,
.table > tbody > tr.highlight-light-gray > td,
.table > tfoot > tr.highlight-light-gray > td,
.table > thead > tr.highlight-light-gray > th,
.table > tbody > tr.highlight-light-gray > th,
.table > tfoot > tr.highlight-light-gray > th {
  background-color: #D3D3D3;
}

/* Commented these out in favour of Yuhiro's styling above
/*table.ava_table_show tbody tr:first-child td{
	border-top-style: none !important;
}

a.js_collapse_toggle{
	outline: 0;
}

*/

/*--------------------------------*/
/* Collision styles			      */
/*--------------------------------*/
.form-control-static.collision{
	padding-left: 13px;
	width: 100%;
}


/*--------------------------------*/
/* Bootstrap Submenus		      */
/*--------------------------------*/
.dropdown-submenu {
	position:relative;
}
.dropdown-submenu>.dropdown-menu {
	top:0;
	left:100%;
	margin-top:-6px;
	margin-left:-1px;
	-webkit-border-radius:0 6px 6px 6px;
	-moz-border-radius:0 6px 6px 6px;
	border-radius:0 6px 6px 6px;
}
/*.dropdown-submenu:hover>.dropdown-menu {
	display:block;
}*/
.dropdown-submenu>a:after {
	display:block;
	content:" ";
	float:right;
	width:0;
	height:0;
	border-color:transparent;
	border-style:solid;
	border-width:5px 0 5px 5px;
	border-left-color:#cccccc;
	margin-top:5px;
	margin-right:-10px;
}
.dropdown-submenu:hover>a:after {
	border-left-color:#ffffff;
}
.dropdown-submenu.pull-left {
	float:none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
	left:-100%;
	margin-left:10px;
	-webkit-border-radius:6px 0 6px 6px;
	-moz-border-radius:6px 0 6px 6px;
	border-radius:6px 0 6px 6px;
}

/*--------------------------------*/
/* Misc overrides			      */
/*--------------------------------*/

.help-cursor{
	cursor: help;
}

a.no-link-underline {
	text-decoration: none !important
}

.text-ellipsis {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.status-success {
  color:#5cb85c
}

.status-current {
	color: #31708f
}

/*Making the Google org chart work with bootstrap*/
table.google-visualization-orgchart-table {
  border-collapse: separate;
}

.hoverimage {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}

.screenshot:hover .hoverimage {
	display: block;
}

/*http://stackoverflow.com/questions/18730116/twitter-bootstrap-3-0-how-do-i-badge-badge-important-now*/
.label-as-badge {
	border-radius: 1em;
	margin-top: 3px;
}

.margin-bottom-xs{
	margin-bottom: 5px;
}

.margin-bottom-sm{
	margin-bottom: 10px;
}

.jqplot-highlighter-tooltip {
	color: black;
}

.jqplot-data-label {
	color: black;
}

/*.jqplot-target {
	color: #c8c8c8;
}

.jqplot-axis {
	color: #c8c8c8;
}*/

table.jqplot-table-legend {
	background: none;
	border: none;
}

table.jqplot-table-legend > tbody > tr > td {
	padding-top: 0.5em;
}

div.jqplot-table-legend-swatch-outline {
	 border: none;
	 padding: none;
}

.dataTable > thead > tr > th.hide-sort-arrows:after{
	content: "" !important;
}

.dataTable > thead > tr > th.hide-sort-arrows{
	padding-right: 5px !important;
}

.dataTable > thead > tr > th.actions:after{
	content: "" !important;
}

.dataTable > thead > tr > th.actions{
	padding-right: 5px !important;
}

.visible-portrait-phone {
	display: none !important;
}

/* Landscape phones and down */
@media (max-width: 480px) {
  .hidden-portrait-phone {
	display: none !important;
  }
  .visible-portrait-phone {
	display: block !important;
  }
}

.selectize-input div.item + input { display: inline-block !important; }

/* Shade inputs */

.input-shade-blue {
	background-color: #d9edf7 !important;
}

.selectize-control.multi .selectize-input.input-shade-blue > div {
	background: #ffffff;
	color: #333333;
}

.panel-heading-buttons-right h3 {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: normal;
	width: 68%;
	padding-top: 6px;
}

/* Homepage panels and list groups */

.panel.panel-blue.panel-pps {
	border: 1px solid #337ab7;
}
.panel.panel-blue.panel-pps > .panel-heading,
.panel.panel-blue.panel-pps > .panel-body,
.panel.panel-blue.panel-pps > .panel-footer {
	background-color: #337ab7;
	color: #ffffff;
	border: none;
}

.panel.panel-yellow.panel-pps {
	border: 1px solid #f0ad4e;
}
.panel.panel-yellow.panel-pps > .panel-heading,
.panel.panel-yellow.panel-pps > .panel-body,
.panel.panel-yellow.panel-pps > .panel-footer {
	background-color: #f0ad4e;
	color: #ffffff;
	border: none;
}

.panel.panel-green.panel-pps {
	border: 1px solid #5cb85c;
}
.panel.panel-green.panel-pps > .panel-heading,
.panel.panel-green.panel-pps > .panel-body,
.panel.panel-green.panel-pps > .panel-footer {
	background-color: #5cb85c;
	color: #ffffff;
	border: none;
}

.panel.panel-red.panel-pps {
	border: 1px solid #d9534f;
}
.panel.panel-red.panel-pps > .panel-heading,
.panel.panel-red.panel-pps > .panel-body,
.panel.panel-red.panel-pps > .panel-footer {
	background-color: #d9534f;
	color: #ffffff;
	border: none;
}

.panel.panel-default.panel-pps {
	border: 1px solid #e5e5e5;
}
.panel.panel-default.panel-pps > .panel-heading,
.panel.panel-default.panel-pps > .panel-body,
.panel.panel-default.panel-pps > .panel-footer {
	background-color: #ffffff;
	color: #333333;
	border: none;
}

.panel.panel-pps > .panel-body {
	padding-top: 0;
	padding-bottom: 0;
}

.panel.panel-pps > .panel-heading .panel-title {
	font-size: 20px;
}
.panel.panel-pps > .panel-body h1 {
	margin: 0;
	font-size: 40px;
}

.panel.panel-pps > .panel-body h3 {
	margin: 0;
}

.list-group.list-group-pps .list-group-item {
	border-top-width: 0;
	border-left-width: 4px;
	border-bottom-width: 0;
	border-right-width: 0;
	margin-bottom: 10px;
	background-color: #f2f2f2;
}

.list-group.list-group-pps .list-group-item.list-group-item-green {
	border-left-color: #66c796;
}

.list-group.list-group-pps .list-group-item.list-group-item-red {
	border-left-color: #df6a78;
}

.navbar-brand img {
	height: 25px;
}

.compressed .navbar-brand img {
	height: 25px;
}

td.clickable-cell a,
th.clickable-cell a {
	display:block;
	width:100%;
	text-decoration:none;
	color:inherit;
}

tr.grand-total th {
  font-weight: bold;
  background-color: #e0e0e0;
  border-top-color: white !important;
}

table.table-plain-links a {
	color: #333;
	display:block;
	width:100%;
	/*color:inherit;*/
}

table.table-block-links a {
	display:block;
	width:100%;
	/*color:inherit;*/
}

hr.thin-hr {
	margin-top: 5px;
	margin-bottom: 5px;
}

table.table-super-condensed th {
	padding: 2px 3px !important;
	font-size: 12px !important;
	line-height: 15px !important;
}

table.table-super-condensed td {
	padding: 2px 3px !important;
	font-size: 11px !important;
	line-height: 14px !important;
}

table.table-super-condensed-body td {
	padding: 2px 3px !important;
	font-size: 11px !important;
	line-height: 14px !important;
}

/*--------------------------------*/
/* Employee Table			      */
/*--------------------------------*/
/*http://stackoverflow.com/questions/25626789/make-input-fields-look-like-table-cells-in-bootstrap-3*/
select.table-control:not(:disabled){
	display: block;
	padding: 0;
	margin: 0 !important;
	border: 0;
	width: 100%;
	background-color: #d9edf7;
}

select.table-control:disabled{
	display: block;
	padding: 0;
	margin: 0 !important;
	border: 0;
	width: 100%;
}

div.fake-input{
	display: block;
	padding: 2px 0 0 4px;
	margin: 0 !important;
	border: 0;
	width: 100%;
	height: 100%;
}

input.table-control:not(:disabled){
	display: block;
	padding: 2px 0 0 4px;
	margin: 0 !important;
	border: 0;
	width: 100%;
	height: 100%;
	background-color: #d9edf7;
}

input.table-control:disabled{
	display: block;
	padding: 2px 0 0 4px;
	margin: 0 !important;
	border: 0;
	width: 100%;
	height: 100%;
}

td.table-control:not(.disabled), th.table-control:not(.disabled){
	margin: 0; 
	padding-left:4px !important;
	padding-right: 4px !important;
	background-color: #d9edf7;
}

td.fake-input-cell, th.fake-input-cell{
	margin: 0;
	padding-left:4px !important;
	padding-right: 4px !important;
}

td.table-control div.selectize-control{
	height: 34px;
	border: 0;
}

td.table-control div.selectize-input{
	border: 0;
	padding-left: 4px;
	padding-right: 4px;
}

td.table-control > span{
	padding-left: 4px;
}

td.table-control > div > span{
	padding-left: 4px;
}

select.table-control-employee{
	display: block;
	padding: 0;
	margin: 0 !important;
	border: 0;
	width: 100%;
	background-color: #d9edf7;
}

input.table-control-employee{
	display: block;
	padding: 2px 0 0 4px;
	margin: 0 !important;
	border: 0;
	width: 100%;
	background-color: #d9edf7;
}

td.table-control-employee{
	margin: 0; 
	padding: 0 !important;
}

td.table-control-employee div.selectize-control{
	height: 34px;
	border: 0;
}

td.table-control-employee div.selectize-input{
	border: 0;
	padding-left: 4px;
	padding-right: 4px;
}

td.table-control-employee > span{
	padding-left: 4px;
}

td.table-control-employee > div > span{
	padding-left: 4px;
}

td.table-control-buttons {
	text-align: center;
	margin: 0;
	padding: 0 !important;
	white-space: nowrap;
}

.table-small-text tbody tr td,
.table-small-text tbody tr td input,
.table-small-text tbody tr td select
{
    font-size: 11px;
}

.table-small-text thead tr th{
    font-size: 12px;
}


.has-error .chosen-container-single a.chosen-single {
  border-color: #a94442 !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important;
}
.has-error .chosen-container-single a.chosen-single:focus {
  border-color: #843534 !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483 !important;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483 !important;
}

td.danger > select.table-control{
	background-color: #ffc7ce !important;
    /*color: white !important;*/
	color: #000000;
}

td.danger > input.table-control{
	background-color: #ffc7ce !important;
    /*color: white !important;*/
}

/*Fix for multiple row header border*/
table.table-bordered.dataTable tr:last-child th:last-child,
table.table-bordered.dataTable tr:last-child th:last-child,
table.table-bordered.dataTable tr:last-child td:last-child {
	border-right-width: 1px;
}

div.toggle-group .btn-xs {
	padding-top: 2px;
	padding-bottom: 0;
}

td.rich-text-cell>p{
	margin-bottom:0;
}

td p:first-child{
	margin-bottom: 0;
}

.popover{
    max-width: 500px; /* Max Width of the popover (depending on the container!) */
}

.no-border-bottom{
	border-bottom:0 !important;
}

/*Fix for weird title text */
label.fileinput-button input[type="file"] {
	position:absolute;
	top: -1000px;
}

label.fileinput-button{
	cursor: pointer;
	margin-bottom: 0;
	font-weight: normal;
}

.dropdown-menu li>label.fileinput-button{
	padding: 3px 20px;
	width: 100%;
}

.dropdown-menu li>label.fileinput-button:hover{
	color: #262626;
	text-decoration: none;
	background-color: #f5f5f5;
}

li.fileinput-button-dropdown{
	max-height: 26px;
}

.d-block{
	display:block;
}


.modal-xl {
	width: 1400px;
}

i.milestone_list_flag{
	margin-left: 2px;
	margin-right: 2px;
	cursor: help;
}

th.text-middle{
	vertical-align: middle !important;
}

.fw-normal{
	font-weight: normal;
}