@media screen {
	#PBFPageHeader {
		height: 40px;
		background-image: url(/i/SDL.png);
		background-position: 60px 0;
		background-repeat: no-repeat;
		background-color: #333333;
		color: #FFFFFF;
		align: right;
		font-size: 11px;
	}
	/**
	Menu
	**/
	* html #PBFMenu {
		background-color: #FFFFFF;
		height: 100%;
		border-color: #666666;
		border-style: solid;
		border-width: 0 1px 0 0;
		overflow-x: hidden;
		overflow-y: auto;
		font-size: 12px;
	}
	html>body #PBFMenu {
		background-color: #FFFFFF;
		position: absolute;
		overflow: auto;
		border-color: #666666;
		border-style: solid;
		border-width: 0 1px 0 0;
		overflow-x: hidden;
		overflow-y: auto;
		float: left;
		font-size: 12px;
	}
	.PBFMenuHeader {
		-webkit-border-radius: 2px 2px 2px 2px;
		-moz-border-radius: 2px 2px 2px 2px;
		border-radius: 2px 2px 2px 2px;
		margin: 10pt 10pt 2pt 10pt;
		padding: 2px 5px;
		border: 0 solid #bbbbbb;
		border-bottom-width: 1px;
		text-align: right;
		font-size: 14px;
	}
	#PBFMenu a {
		border: solid 1px #ffffff;
		border-right-width: 3px;
		/*		width: 168px; */
		display: block;
		margin: 1px 25px;
		padding: 2pt 3pt;
		text-decoration: none;
		overflow: hidden;
	}
	#PBFMenu a:hover {
		border: solid 1px #666666;
		border-right-width: 3px;
	}
	.PBFMenuLink {
		text-align: right;
	}

	/**
	Footer
	**/
	* html #PBFFooter {
		-webkit-border-radius: 4px 4px 0px 0px;
		-moz-border-radius: 4px 4px 0px 0px;
		border-radius: 4px 4px 0px 0px;
		border: 1px solid #777777;
		background-color: #ffffff;
		line-height: 15pt;
		height: 100%;
		overflow-x: hidden;
		overflow-y: auto;
		padding: 4px;
		border-bottom-width: 0px;
	}
	html>body #PBFFooter {
		-webkit-border-radius: 4px 4px 0px 0px;
		-moz-border-radius: 4px 4px 0px 0px;
		border-radius: 4px 4px 0px 0px;
		border: 1px solid #777777;
		background-color: #ffffff;
		position: absolute;
		line-height: 15pt;
		left: 50px;
		right: 50px;
		bottom: 0px;
		overflow: auto;
		overflow-x: hidden;
		overflow-y: auto;
		float: left;
		padding: 8px 20px;
		border-bottom-width: 0px;
	}
	#PBFPageFooterLogo {
		position: relative;
		right: 10pt;
		float: right;
	}
	#PBFPageFooterContent {
		padding-top: 4pt;
		float: left;
	}
	* html #PBFContent {
		background-color: #ffffff;
		overflow: scroll;
	}
	html>body #PBFContent {
		background-color: #ffffff;
		overflow-x: auto;
		overflow-y: auto;
		min-height: 100%;
	}
	* html #PBFPageContent {
		float: right;
	}
	#PBFContent {
		padding: 15px;
	}
	.twitter-typeahead .tt-hint {
		display: block;
		height: 34px;
		padding: 6px 12px;
		font-size: 14px;
		line-height: 1.428571429;
		border: 1px solid transparent;
		border-radius: 4px;
	}
	.twitter-typeahead .hint-small {
		height: 30px;
		padding: 5px 10px;
		font-size: 12px;
		border-radius: 3px;
		line-height: 1.5;
	}
	.twitter-typeahead .hint-large {
		height: 45px;
		padding: 10px 16px;
		font-size: 18px;
		border-radius: 6px;
		line-height: 1.33;
	}
}

@media screen , print {
	body {
		margin: 0;
		font-size: 13px;
		font-family: 'Open Sans', sans-serif, Verdana;
		overflow: hidden;
		line-height: normal;
	}
	table {
		vertical-align: top;
	}
	td {
		vertical-align: top;
	}
	a {
		color: #005599;
	}
	.small td {
		font-size: 10px;
	}
	/**
	Header
	**/
	.PageHeaderButton {
		position: fixed;
		left: 4px;
		top: 4px;
		display: block;
		background-color: #0E0E0E;
		background-image: linear-gradient(to bottom, #151515, #040404);
		background-repeat: repeat-x;
		border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
		color: #FFFFFF;
		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
		box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0
			rgba(255, 255, 255, 0.075);
		padding: 5px 10px;
		-moz-border-bottom-colors: none;
		-moz-border-left-colors: none;
		-moz-border-right-colors: none;
		-moz-border-top-colors: none;
		border-image: none;
		border-radius: 4px 4px 4px 4px;
		border-style: solid;
		border-width: 1px;
		cursor: pointer;
		font-size: 14px;
		line-height: 20px;
		text-align: center;
		vertical-align: middle;
	}
	.PageUserButton {
		position: fixed;
		right: 4px;
		top: 4px;
		display: block;
		background-color: #0E0E0E;
		background-image: linear-gradient(to bottom, #151515, #040404);
		background-repeat: repeat-x;
		border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
		color: #FFFFFF;
		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
		box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0
			rgba(255, 255, 255, 0.075);
		padding: 5px 10px;
		-moz-border-bottom-colors: none;
		-moz-border-left-colors: none;
		-moz-border-right-colors: none;
		-moz-border-top-colors: none;
		border-image: none;
		border-radius: 4px 4px 4px 4px;
		border-style: solid;
		border-width: 1px;
		cursor: pointer;
		font-size: 14px;
		line-height: 20px;
		text-align: center;
		vertical-align: middle;
	}

	/**
	Content
	**/
	#PBFLoginBox {
		padding: 15px;
	}
	.PBFBox {
		border-radius: 4px 4px 4px 4px;
		border: solid 1px #999999;
		/*background-color: #EEEEEE;*/
		border-shaddow: 0 1px 1px rgba(0, 0, 0, 0, .05) inset;
		display: table;
		width: 100%;
	}
	.PBFHoverBox {
		margin: 2px;
		border: solid 1px #999999;
		background-color: #EEEEEE;
	}
	.PBFRBoxTitle {
		border-radius: 4px 4px 0px 0px;
		border-bottom: 1px solid #777777;
		background-color: #dddddd;
		color: #777777;
		padding: 3px;
		font-weight: normal;
		margin: 1px;
		padding-left: 7px;
		font-size: 20px;
	}
	.PBFSBoxTitle {
		border-radius: 4px 4px 0px 0px;
		border-bottom: 1px solid #777777;
		background-color: #333333;
		color: #ffffff;
		padding: 3px;
		font-weight: normal;
		margin: 1px;
		padding-left: 7px;
		font-size: 14px;
	}
	.PBFBoxTitle {
		background-color: #003366;
		color: #ffffff;
		padding: 3px;
		font-weight: 100;
		margin: 1px;
		padding-left: 7px;
	}
	.PBFBoxErrorTitle {
		border-radius: 4px 4px 0px 0px;
		border-bottom: 1px solid #777777;
		background-color: #990000;
		color: #ffffff;
		padding: 3px;
		font-weight: bold;
		margin: 1px;
		padding-left: 7px;
	}
	.PBFBoxContent {
		margin: 5px;
	}
	.PBFHoverBoxContent {
		margin: 0px;
	}
	.PBFBoxContentError {
		margin: 5px;
		padding: 5px;
		border: solid 1px #999999;
		background-color: #DDDDDD;
		color: #FF0000;
	}
	#PBFHoverInfo {
		position: absolute;
		top: -1px;
		left: -1px;
		z-index: 100;
		border: solid 1px #999999;
		background-color: #DDDDDD;
	}
	.pointer {
		cursor: pointer;
	}
	.listBorder {
		padding: 0 3px;
	}
	.navheader {
		padding: 2px 15px;
		border-radius: 4px 4px 0 0;
		background-color: #777777;
		color: #ffffff;
		font-weight: bold;
	}
	.navbody {
		padding: 2px 15px;
		border-radius: 0;
		border: solid 1px #999999;
		background-color: #ffffff;
		color: #333333;
	}
	.st-font-i-grey, .st-font-i-grey td {
		color: #999999;
		font-style: italic;
	}
	.st-font-red, .st-font-red td {
		color: #FF0000;
		font-weight: bold;
	}
	.st-font-wait, .st-font-wait td {
		color: #AA7700;
	}
	.st-font-ok, .st-font-ok td {
		color: #009900;
	}
	.st-font-done, .st-font-done td {
		color: #009900;
		font-weight: bolder;
	}
	.st-font-default, .st-font-default td {
		color: #000000;
	}
	.st-font-bold, .st-font-bold td {
		color: #000000;
		font-weight: bolder;
	}
	.st-font-blue, .st-font-blue td {
		color: #1947A3;
		font-weight: bolder;
	}
	.st-font-red1, .st-font-red1 td {
		color: #FF0000;
		font-weight: bolder;
	}
	.st-font-wait1, .st-font-wait1 td {
		color: #AA7700;
	}
	.st-font-ok1, .st-font-ok1 td {
		color: #009900;
	}
	.st-font-done1, .st-font-done1 td {
		color: #009900;
		font-weight: bolder;
	}
	.st-font-default1, .st-font-default1 td {
		color: #000000;
		padding: 1px 5px;
	}
	.st-font-red2, .st-font-red2 td {
		color: #FF0000;
		font-weight: bolder;
	}
	.st-font-wait2, .st-font-wait2 td {
		color: #AA7700;
	}
	.st-font-ok2, .st-font-ok2 td {
		color: #009900;
	}
	.st-font-done2, .st-font-done2 td {
		color: #009900;
		font-weight: bolder;
	}
	.st-font-default2, .st-font-default2 td {
		color: #000000;
	}
	.bright {
		background-color: #FFFFFF;
	}

	/* ************* */
	/* Choosen Fixes */
	/* ************* */
	/* @group XS Input Style */
	.chosen-xs {
		font-size: 11px;
		margin: 4px 5px 4px 2px;
	}
	.chosen-xs .chosen-container {
		height: 20px;
		line-height: 20px;
	}
	.chosen-xs .chosen-single {
		height: 20px;
		line-height: 20px;
	}
	.chosen-xs.chosen-container-single .chosen-single {
		border-radius: 3px;
	}
	.chosen-xs.chosen-container-single .chosen-single div b {
		background: url('chosen-sprite.png') no-repeat 0px 0px;
	}
	.chosen-xs.chosen-container-single .chosen-single abbr {
		background: url('chosen-sprite.png') no-repeat -42px 0px;
		top: 5px;
		height: 10px;
	}
	.chosen-xs .chosen-single span {
		
	}
	.chosen-xs .chosen-single-with-deselect span {
		
	}
	.chosen-xs .chosen-single div {
		
	}
	.chosen-xs .chosen-single abbr {
		
	}
	.chosen-xs .chosen-choices li {
		
	}
	.chosen-xs .chosen-choices li.search-field input[type="text"] {
		
	}
	.chosen-xs .chosen-choices li.search-choice {
		
	}
	.chosen-xs .chosen-choices li.search-choice .search-choice-close {
		
	}
	.chosen-xs.chosen-container-single-nosearch .chosen-search, .chosen-xs .chosen-drop
		{
		
	}
	.chosen-xs.chosen-container-single .chosen-container {
		height: 19px;
		line-height: 19px;
	}
	.chosen-xs.chosen-container-single .chosen-results {
		
	}
	.chosen-xs .chosen-results li.group-option {
		
	}
	.chosen-xs.chosen-container-active.chosen-with-drop .chosen-single div {
		
	}
	.chosen-xs .chosen-search input[type="text"] {
		
	}
	.chosen-xs.chosen-container-single .chosen-single div b {
		
	}
	.chosen-xs.chosen-container-single.chosen-with-drop .chosen-single div b
		{
		
	}
	.datePickerFix {
		position: static !important;
	}
	.close {
		float: right;
		font-size: 13px;
		font-weight: bold;
		line-height: 13px;
		color: #000000;
		text-shadow: 0 1px 0 #ffffff;
		opacity: 0.2;
		filter: alpha(opacity = 20);
	}
	.close:hover {
		color: #000000;
		text-decoration: none;
		cursor: pointer;
		opacity: 0.4;
		filter: alpha(opacity = 40);
	}
	button.close {
		padding: 0;
		cursor: pointer;
		background: transparent;
		border: 0;
		-webkit-appearance: none;
	}

	/* @end */

	/* *************** */
	/* Bootstrap Fixes */
	/* *************** */
	.input-xs, .form-group-xs .form-control {
		border-radius: 3px;
		font-size: 12px;
		height: 20px;
		line-height: 20px;
		padding: 1px 4px;
	}
	select.input-xs, select.form-group-xs .form-control {
		height: 20px;
		line-height: 19px;
		padding: 0px 2px;
	}
	select, textarea, input[type="text"], input[type="password"], input[type="datetime"],
		input[type="datetime-local"], input[type="date"], input[type="month"],
		input[type="time"], input[type="week"], input[type="number"], input[type="email"],
		input[type="url"], input[type="search"], input[type="tel"], input[type="color"],
		.uneditable-input {
		margin-bottom: auto;
		/*	height: auto;
    	line-height: normal;*/
	}
	form {
		margin: 0;
	}
	.control-group {
		margin-bottom: 10px;
	}
	.control-group:last-child {
		height: normal;
		line-height: normal;
		min-height: normal;
		margin: 0;
	}
	.row-fluid [class*="xspan"] {
		display: block;
		float: left;
		margin-left: 2.5641%;
		min-height: 30px;
		width: auto;
	}
	.btn-file {
		position: relative;
		overflow: hidden;
	}
	.btn-file input[type=file] {
		position: absolute;
		top: 0;
		right: 0;
		min-width: 100%;
		min-height: 100%;
		font-size: 100px;
		text-align: right;
		filter: alpha(opacity = 0);
		opacity: 0;
		outline: none;
		background: white;
		cursor: inherit;
		display: block;
	}
	.addon-xs {
		font-size: 12px;
		line-height: 5px;
	}
	.modal-content {
		border: 2px solid #CCC;
		height: 100%;
	}
	.modal-body {
		min-height: calc(100% - 180px);
		max-height: calc(100% - 180px);
		overflow-y: auto;
		padding: 0;
		background-color: white;
	}
	.well-mini {
		padding: 3px 10px;
	}
	.wmax {
		width: 100%;
	}
	.w200 {
		width: 200px;
	}
	.w250 {
		width: 250px;
	}
	.w300 {
		width: 300px;
	}
	dl {
		margin-bottom: 10px;
	}
	.tt-input {
		height: 20px;
		font-size: 11px;
		padding: 0px 2px;
	}
	.s-input {
		height: 20px;
		font-size: 11px;
		padding: 0px 2px;
	}
	.s-input-mini {
		height: 20px;
		width: 60px;
		font-size: 11px;
	}
	.s-input-small {
		height: 20px;
		width: 90px;
		font-size: 11px;
	}
	.s-input-medium {
		height: 20px;
		width: 150px;
		font-size: 11px;
	}
	.s-input-large {
		height: 20px;
		width: 210px;
		font-size: 11px;
	}
	.s-input-xlarge {
		height: 20px;
		width: 270px;
		font-size: 11px;
	}
	.s-input-xxlarge {
		height: 20px;
		width: 530px;
		font-size: 11px;
	}
	.dataTables_length {
		float: none;
		clear: both;
	}
	.dataTables_length label {
		font-size: 11px;
		margin-right: 5px;
	}
	.dataTables_length label select {
		height: 20px;
		padding: 0px;
		width: 50px;
	}
	.table .middleright {
		text-align: right;
		vertical-align: middle;
	}
	table.dataTable tr.odd td.s1 {
		background-color: #D3D6FF;
	}
	table.dataTable tr.even td.s1 {
		background-color: #EAEBFF;
	}
	table.dataTable tr.odd td.s2 {
		background-color: #E3E6FF;
	}
	table.dataTable tr.even td.s2 {
		background-color: #FAFBFF;
	}
	.itembox {
		margin: 15px;
		padding: 4px;
		text-align: left;
		vertical-align: top;
		border: solid 1px #999999;
	}
	.AddItem {
		background-image: url('/img/icons/delete_small.gif');
		background-repeat: no-repeat;
		background-position: 10px 50%;
		display: inline-block;
		color: #000000;
		margin: 2px;
		padding: 1px 5px 1px 25px;
		text-align: left;
		vertical-align: middle;
		border: solid 1px #999999;
		cursor: pointer;
	}
	.AddListItem {
		background-image: url('/img/icons/delete_small.gif');
		background-repeat: no-repeat;
		background-position: 10px 50%;
		display: block;
		background-color: #BBBBBB;
		color: #000000;
		margin: 2px;
		padding: 1px 5px 1px 25px;
		text-align: left;
		vertical-align: middle;
		border: solid 1px #999999;
		cursor: pointer;
	}
	.showitem {
		display: inline-block;
		background-color: #BBBBBB;
		color: #000000;
		margin: 2px;
		padding: 1 5 1 25px;
		text-align: left;
		vertical-align: middle;
		border: solid 1px #999999;
	}
	.showlistitem {
		display: block;
		background-color: #BBBBBB;
		color: #000000;
		margin: 2px;
		padding: 1 5 1 25px;
		text-align: left;
		vertical-align: middle;
		border: solid 1px #999999;
	}
	.AddItemBox {
		background-color: #DDDDDD;
		color: #000000;
		margin: 2px;
		padding: 1 5 1 5px;
		text-align: left;
		vertical-align: middle;
		border: solid 1px #999999;
	}
	.sitem {
		margin-bottom: 3px;
		min-height: 20px;
	}
	.row-fluid [class*="span"] {
		min-height: 20px;
	}
	.table-head-small {
		border-radius: 4px 4px 0 0;
		border-color: #777777;
		background-color: #777777;
		color: #ffffff;
		line-height: 10px;
		padding: 8px 2px;
	}
	.table-head-small tr td, .table thead.table-head-small tr td {
		border-radius: 4px 4px 0 0;
		border-color: #777777;
		padding: 2px 8px;
	}
	.modal-popover {
		border: 1px solid #777777;
		border-radius: 0 4px 4px 0;
		background-color: #ffffff;
		top: 34px;
		bottom: 36px;
		z-index: 1000;
		position: absolute;
		float: left;
		min-height: 150px;
		padding: 5px;
	}
	[class^="option-icon-"], [class*=" option-icon-"] {
		background-repeat: no-repeat;
		height: 14px;
		line-height: 14px;
		margin-top: 1px;
		padding-left: 18px;
		vertical-align: text-top;
		color: #00000;
	}
	.option-icon-road {
		background-image: url("/img/icons/x/icon-road.png");
		background-position: 0px 0px;
	}
	.option-icon-home {
		background-image: url("/img/icons/x/icon-home.png");
		background-position: 0px 0px;
	}
	.option-icon-user {
		background-image: url("/img/icons/x/icon-user.png");
		background-position: 0px 0px;
	}
	input .error {
		border-color: #B94A48;
		color: #B94A48;
	}
	.ui-autocomplete {
		max-height: 200px;
		overflow-y: auto;
		/* prevent horizontal scrollbar */
		overflow-x: hidden;
	}
	/* IE 6 doesn't support max-height
	* we use height instead, but this forces the menu to always be this tall
	*/
	* html .ui-autocomplete {
		height: 200px;
	}
	.twitter-typeahead .tt-query, .twitter-typeahead .tt-hint {
		margin-bottom: 0;
	}
	.tt-hint {
		display: block;
		width: 100%;
		height: 38px;
		padding: 8px 12px;
		font-size: 14px;
		line-height: 1.428571429;
		color: #999;
		vertical-align: middle;
		background-color: #ffffff;
		border: 1px solid #cccccc;
		border-radius: 4px;
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		-webkit-transition: border-color ease-in-out 0.15s, box-shadow
			ease-in-out 0.15s;
		transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	}
	.tt-dropdown-menu {
		min-width: 160px;
		margin-top: 2px;
		padding: 5px 0;
		background-color: #ffffff;
		border: 1px solid #cccccc;
		border: 1px solid rgba(0, 0, 0, 0.15);
		border-radius: 4px;
		-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
		box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
		background-clip: padding-box;
	}
	.tt-suggestion {
		display: block;
		padding: 3px 20px;
	}
	.tt-suggestion.tt-is-under-cursor {
		color: #fff;
		background-color: #428bca;
		cursor: pointer;
	}
	.tt-suggestion.tt-is-under-cursor a {
		color: #fff;
		background-color: #428bca;
		cursor: pointer;
	}
	.tt-suggestion p {
		margin: 0;
	}
	.table thead tr td.invalid, .table tbody tr td.invalid, .table tfoot tr td.invalid,
		.table thead tr th.invalid, .table tbody tr th.invalid, .table tfoot tr th.invalid,
		.table thead tr.invalid td, .table tbody tr.invalid td, .table tfoot tr.invalid td,
		.table thead tr.invalid th, .table tbody tr.invalid th, .table tfoot tr.invalid th
		{
		background-color: #F6CECE;
	}
	.table thead tr td.outoftime, .table tbody tr td.outoftime, .table tfoot tr td.outoftime,
		.table thead tr th.outoftime, .table tbody tr th.outoftime, .table tfoot tr th.outoftime,
		.table thead tr.outoftime td, .table tbody tr.outoftime td, .table tfoot tr.outoftime td,
		.table thead tr.outoftime th, .table tbody tr.outoftime th, .table tfoot tr.outoftime th
		{
		background-color: #F3E2A9;
	}
	.pbfbar div.progress-bar {
		box-shadow: inset 0 2px 3px rgba(255, 255, 255, 0.3), inset 0 -2px 3px
			rgba(0, 0, 0, 0.3), 0 1px 1px rgba(255, 255, 255, 0.9);
	}
}

@media print {
	#PBFPageContent {
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
	}
	#PBFContent {
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
	}
	#PBFPageHeader {
		display: none;
	}
	#PBFPageHeaderUserDataInner {
		display: none;
	}
	#PBFPageHeaderUserData {
		display: none;
	}
	#PBFMenu {
		display: none;
	}
	#PBFPageHeaderTR {
		background-color: #ff0066;
		height: 90pt;
		display: none;
	}
	#PBFPageHeader {
		display: block;
		width: 100%;
		height: 100%;
		background-color: #ff0066;
	}
	#PBFPrintPageHeaderTR {
		background-color: #ff0066;
		height: 90pt;
		display: block;
	}
	#PBFPrintPageHeader {
		display: block;
		width: 100%;
		height: 100%;
		background-color: #ff0066;
	}
	<<<<<<<
	HEAD
	

}

/* xs was not implemented */
.input-group-xs input, .input-group-xs button, .input-group-xs .btn,
	.input-group-xs .input-group-addon {
	font-size: 12px;
	height: 20px;
	padding: 1px 5px;
}

.input-group-xs .chosen-addon {
	padding: 0;
	border: none;
}

.chosen-addon .chosen-single {
	line-height: 16px;
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

.chosen-addon:not (:first-child ) .chosen-single {
	border-radius: 0 !important;
}

.input-group-xs .chosen-addon .chosen-xs {
	margin: 0 !important;
}

/* *********************** */
/* Panel to Modal wrapping */
/* *********************** */
.wrappable {
	margin-bottom: 0;
}

.wrappable .panel-heading:first-child, .wrappable .modal-header:first-child
	{
	padding: 0 0 0 15px;
	line-height: 35px;
	background-color: #f5f5f5;
	background-image: linear-gradient(to bottom, #f5f5f5 0px, #e8e8e8 100%);
}

.wrappable .panel-heading:first-child button:hover, .wrappable .panel-heading:first-child button:focus,
	.wrappable .modal-header:first-child button:hover, .wrappable .modal-header:first-child button:focus
	{
	box-shadow: 0px 0px 15px rgba(33, 62, 83, 0.7) inset;
	border-right: #000 1px solid;
}

.wrappable .panel-heading:first-child button, .wrappable .modal-header:first-child button
	{
	font-size: 18px;
	line-height: 35px;
	padding: 0 10px;
	margin-top: 0;
	margin-left: -1px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-left: #000 1px solid;
	border-right: #f5f5f5 1px solid;
}

.wrappable .modal-body {
	margin: 5px;
}

/* *********************** */
/* Treelist 			   */
/* *********************** */
.treelist {
	overflow: auto;
	height: 650px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05)
}

.treelist>ul {
	padding: 5;
}

.treelist li {
	list-style-type: none;
	margin: 0;
	padding: 4px 4px 0 0px;
	position: relative;
}

.treelist li::before, .treelist li::after {
	content: '';
	left: -29px;
	position: absolute;
}

.treelist li::before {
	border-left: 1px solid #999;
	bottom: 50px;
	height: 100%;
	top: 0px;
	width: 1px padding: 10px;
}

.treelist li::after {
	border-bottom: 1px solid #999;
	height: 17px;
	top: 0px;
	width: 30px
}

.treelist>ul>li::before, .treelist>ul>li::after {
	border: 0
}

.treelist li:last-child::before {
	height: 17px
}

.treelistSearch.panel-heading {
	padding: 0;
	line-height: 35px;
}

.treelistSearch>.searchElements {
	float: left;
	width: 40%;
	margin-right: 6px;
}

.treelistSearch>.searchElements>*:first-child {
	left: 22px;
	top: 1px;
	width: 20px;
	padding: 0;
	margin: 0;
	border: none;
	position: absolute;
	z-index: 2000;
	font-size: 15px;
}

.treelistSearch>.searchElements>*:first-child:hover, .treelistSearch>.searchElements>*:first-child:focus
	{
	border: none;
	box-shadow: none;
}

.treelistSearch>.searchElements>input:not (:first-child ) {
	float: left;
	padding-left: 30px;
	border: none;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
	border-right: 1px solid #ddd;
}

.form-group.no-gutter {
	margin-left: 0;
	margin-right: 0;
}

.form-group.no-gutter [class*='col-']:not (:first-child ), .form-group.no-gutter [class*='col-']:not
	(:last-child ) {
	padding-right: 0;
	padding-left: 0;
}
=======
}
>>>>>>>
a50eedd31499850a831af14ea67ab36f5884eb43