/* FONTS **************************************************/
@font-face {
	font-family: 'Roboto';
	src: url('../Fonts/Roboto/roboto-italic-webfont.eot');
	src: url('../Fonts/Roboto/roboto-italic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../Fonts/Roboto/roboto-italic-webfont.woff2') format('woff2'),
		 url('../Fonts/Roboto/roboto-italic-webfont.woff') format('woff'),
		 url('../Fonts/Roboto/roboto-italic-webfont.ttf') format('truetype');
	font-weight: 400;
	font-style: italic;
}

@font-face {
	font-family: 'Roboto';
	src: url('../Fonts/Roboto/roboto-light-webfont.eot');
	src: url('../Fonts/Roboto/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../Fonts/Roboto/roboto-light-webfont.woff') format('woff'),
		 url('../Fonts/Roboto/roboto-light-webfont.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Roboto';
	src: url('../Fonts/Roboto/roboto-medium-webfont.eot');.
	src: url('../Fonts/Roboto/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../Fonts/Roboto/roboto-medium-webfont.woff') format('woff'),
		 url('../Fonts/Roboto/roboto-medium-webfont.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Roboto';
	src: url('../Fonts/Roboto/roboto-bold-webfont.eot');
	src: url('../Fonts/Roboto/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../Fonts/Roboto/roboto-bold-webfont.woff') format('woff'),
		 url('../Fonts/Roboto/roboto-bold-webfont.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'Roboto';
	src: url('../Fonts/Roboto/roboto-regular-webfont.eot');
	src: url('../Fonts/Roboto/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../Fonts/Roboto/roboto-regular-webfont.woff') format('woff'),
		 url('../Fonts/Roboto/roboto-regular-webfont.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}


/* GLOBAL **************************************************/
* {
	outline: none !important;
}

html,body {
	min-height: 100%;
	height: 100%;
}

body {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 14px;
	line-height: 21px;
	color: #64696c;
	opacity: 0;

	-webkit-transition: opacity .15s;
	   -moz-transition: opacity .15s;
		-ms-transition: opacity .15s;
		 -o-transition: opacity .15s;
			transition: opacity .15s;
}

body > div:not(.modal) {
	margin: 0;
}

*::-webkit-input-placeholder {
	color: #aaa !important;
}
*:-moz-placeholder {
	color: #aaa !important;
}
*::-moz-placeholder {
	color: #aaa !important;
}
*:-ms-input-placeholder {
	color: #aaa !important;
}



/* Set padding to keep content from hitting the edges */
.body-content {
	padding-left: 15px;
	padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
	white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
	max-width: 280px;
}

input::-ms-clear {
	display: none;
}

.loader {
	border: 16px solid #f3f3f3; /* Light grey */
	border-top: 16px solid #3498db; /* Blue */
	border-radius: 50%;
	width: 120px;
	height: 120px;
	animation: spin 2s linear infinite;
}

.contentLoading {
	min-height: 200px;

}
.contentLoading:after {
	position: absolute;
	content: "";
	left: 50%;
	top: 50%;
	margin-top: -20px;
	margin-left: -20px;
	border: 4px solid #f3f3f3; /* Light grey */
	border-top: 4px solid rgb(110,167,179); /* Blue */
	border-radius: 50%;
	width: 40px;
	height: 40px;
	animation: spin 1s linear infinite;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.modal .modal-body .contentLoading {
	opacity: 1 !important;
}

.resources .contentLoading {
	min-height: 0;
}


.contentLoading.mainLoad {

}

.contentLoading .grid, .contentLoading .hideWhenLoading > *, .contentLoading .hideWhenLoading, .modal-body .contentLoading.resultslist, .modal .contentLoading * {
	opacity: 0 !important;
	pointer-events: none;

	-webkit-transition: opacity .25s;
	   -moz-transition: opacity .25s;
		-ms-transition: opacity .25s;
		 -o-transition: opacity .25s;
			transition: opacity .25s;
}

.contentLoadingError {
	background-color: #FF0000;
	opacity: 0.2;
}

a,
a:hover,
a:active,
a:visited {
	text-decoration: none;
	color: inherit;
}

a {
	-webkit-transition: all .25s;
	   -moz-transition: all .25s;
		-ms-transition: all .25s;
		 -o-transition: all .25s;
			transition: all .25s;
}

a:hover {
	color: #5ca2bb;
}

li {
	list-style: none;
}

menu {
	padding: 0;
}

.pagination {
	display: block;
	text-align: center;
}

label {
	font-weight: normal;
}

.field-validation-error {
	color: #ea6052;
}

.modal .modal-body .field-validation-error ul {
	margin-bottom: 0;
}

.modal-body #automaticallyPlanValidation
{
    margin-left: 0;
    width: 100%;
}
.modal .modal-body .field-validation-error ul li {
	display: block;
	width: 100%;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #FFCDCD;
}

.modal .modal-body .field-validation-error ul li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

body > h2 {
	margin: 0;
	padding: 10px;
	padding-left: 202px;
	font-size: 24px;
	font-weight: 300;
	background: #5598a6;
	color: #fff;
}

body > h2 > a {
	float: right;
}


body > h2 a.home:hover:after {
	color: #ccc;
}

body.gantt-chart-view {
    overflow: hidden;
}

    body.gantt-chart-view .options {
        display: inline-block;
    }

body.gantt-chart-view .options .show-toolbox a:hover {
    color: #fff;
}

body.gantt-chart-view #replan i {
    position: relative;
    top: 3px;
}

    body.gantt-chart-view #replanForm .field-validation-error{
        margin-left: 0;
    }

body.gantt-chart-view .options .show-toolbox a i:before {
    content: "\e178";
    font-family: 'Glyphicons Halflings';
    position: relative;
    top: 3px;
}
body.OrdersGanttController .options li.show-toolbox {
    display: none;
}
body > .footer 
{
    display: block;
    opacity: 0;
    width: 100%;
    height: 28px;
    padding: 3px 10px;
    background: #f1f1f1;
    border-top: 1px solid #ddd;
    font-size: 12px;
    text-align: right;
}

body > .footer.visible 
{
    opacity: 1;
}

body.gantt-chart-view > .footer {
    display: none;
}


@media screen and (max-width: 991px) {
    body.gantt-chart-view {
        overflow: auto;
    }
    
    body > .footer {
        text-align: center;
    }
}


/* TABLES **************************************************/
table {
	width: 100%;
}

table tr th, table tr td {
	text-align: center;
}

.grid-wrapper {
	overflow: hidden;

	-webkit-transition: opacity .15s;
	   -moz-transition: opacity .15s;
		-ms-transition: opacity .15s;
		 -o-transition: opacity .15s;
			transition: opacity .15s;
}

table.grid {
  width: 100%;
  border-radius: 3px;
}

.hover {
	background: #f7f7f7 !important;  
}

table.grid tr th,
table.grid tr td {
  border-bottom: 1px solid #eee;
  padding: 6px 16px;
  text-align: center;
  position: relative;
}

table.grid tr td span.dataTypeString 
{
  display: block;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

table.grid tr td span {
    cursor: default;
}

table.grid tr:hover td {
  background: #f5f5f5;
}

table.grid tr th {
	font-weight: 600;
	background: #f2f2f2;
	border-bottom: 1px solid #ddd;
}

table.grid tr th a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}

table.grid tr th a:after {
  content: "";
  display: block;
  position: absolute;
  right: -12px;
  top: 0;
  height: 100%;
  width: 10px;
  background: url('../Images/asc.png') center center no-repeat;
  opacity: 0;
}

table.grid tr th a.orderAscending:after {
  background: url('../Images/asc.png') center center no-repeat;
  opacity: 0.3;
}

table.grid tr th a.orderDescending:after {
  background: url('../Images/desc.png') center center no-repeat;
  opacity: 0.3;
}

table.grid tr th a:hover::after {
  opacity: 1;
}

table.grid tr th:first-child,
table.grid tr td:first-child,
table.grid tr td.actions,
table.grid tr th:last-child {
  border-left: none;
}

table.grid tr:last-child td {
	border-bottom: none;
}

table tr td.actions > menu {
	width: 0;
	margin: 0;
}

table.grid tr td ul {
	margin-bottom: 0;
	padding-left: 0;
}

table.grid tr td.actions {
	position: relative;
	width: 1px;
	overflow: visible;
	padding: 0;
	padding-left: 30px;
	padding-right: 30px;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	font-size: 0;
	cursor: pointer;
}

table.grid tr td.actions menu {
    position: absolute;
    right: -780px;
    top: 0;
    width: auto;
    white-space: nowrap;
    font-family: 'Roboto', sans-serif;
    height: auto;
    font-size: 0;
    background: #5598a6;
    -o-transition: right linear 0.2s;
    -webkit-transition: right linear 0.2s;
    -moz-transition: right linear 0.2s;
    transition: right linear 0.2s;
    }

table.grid tr td.actions menu li {
	margin: 0;
}

table.grid tr td.actions menu li, table.grid tr td.actions menu li a {
	height: 100%;  
}

table.grid tr td.actions menu li a,
table.grid tr td.actions menu li label {
	display: inline-block;
	align-items: center;
	justify-content: center;
	line-height: 1;
	border-radius: 0;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

table.grid tr td.actions menu li label {
	font-size: 14px;
}

table.grid tr td.actions menu li {
    border-right: 1px solid #65ACBB;
    display: inline-table;
}

table.grid tr td.actions menu li:last-child {
	border-right: none;
}

table.grid tr td.actions:after {
	content: "\e235";
	color: #ccc;
	font-size: 14px;
	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-ms-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
	z-index: 99999;
}

table.grid tr:hover td.action {
	border: none !important;
	background: #fff !important;
}

table.grid tr:hover td.actions:after {
	color: #5598a6; 
}

tr.slideRow > *:not(.actions) {
	opacity: 0.3;
}

tr.slideRow .additional-info {
	display: none !important;
}

table.grid tr td div {
	position: relative;
}

table.grid tr th.selectable {
	width: 40px;
}

table.grid tr.slideRow td.actions:after {
	position: relative;
	z-index: 9;
	color: #fff;
}

.grid .actions menu menu {
	display: none;
	z-index: 9;
}

.grid .actions menu li.up menu {
	top: initial !important;
	bottom: 100%;
}

.grid .actions menu li {
	position: relative;
}

.grid .actions menu li menu {
	position: absolute;
	left: 0 !important;
	top: 100% !important;
	right: initial !important;
	white-space: normal;
	padding-right: 0 !important;
	height: auto !important;
}

.grid .actions menu li menu li {
	display: block;
}

.grid .actions menu li menu li a, .grid .actions menu li menu li {
    line-height: 40px !important;
    height: 40px !important;
}

.grid .actions menu li menu li a, .actions menu li menu li a {
	padding: 11px 12px !important;
}

.grid .actions menu li menu li a {
	display: block !important;
	text-align: left !important;
}

.no-results-grid{
    position: relative;
    width: 250px;
    margin: 0 auto;
    font-size: 24px;
    padding: 20px 20px 20px 40px;
}
.no-results-grid::before{
    content:"";
    background:url('../Images/noresults-line.png') repeat-x;
    width:1000px;
    height:40px;
    position:absolute;
    left:-1000px;
    top:10px;
    text-align:right;
    opacity:0.2;
}
.no-results-grid::after{
    content:"\f002";
    font-family: 'FontAwesome';
    color:#5598a6;
    width:40px;
    height:40px;
    position:absolute;
    left:-16px;
    top:20px;
    text-align:right;

}


.dataValueTrue, .dataValueFalse {
	font-size: 1px;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	color: #fff;
}

.dataValueTrue:after {
	content: "\f058";
	font-family: FontAwesome;
	font-size: 20px;
	color: #8dc96b;
	position: relative;
	top: 2px;
}

.dataValueFalse:after {
	font-size: 20px;
	content: "\f057";
	font-family: FontAwesome;
	color: #EA6F52;
	position: relative;
	top: 2px;
}

.grid td .fa-chevron-circle-down {
	margin-left: 5px;
	color: #aaa; 
}

.grid td .fa-chevron-circle-down:hover {
	color:#5598a6;
}

.grid .additional-info {
	pointer-events: none;
	display: inline-block;
	position: relative;
    float: right;
    left: inherit !important;
    left: initial !important;
    min-height: 0;
}

.grid i.fa-caret-down {
    position: absolute;
    color: #888;
    font-size: 12px;
    opacity: 0.7;
    right: -10px;
    top: 50%;
    margin-top: -5px;
}

.grid .additional-info-content {
	visibility: hidden;
	display: block;
	position: absolute;
	z-index: 9999;
	right: -12px;
	top: calc(100% + 16px);
	background: #fff;
	border: 1px solid #ccc;
	padding: 5px 10px;
	min-width: 250px;
	left: inherit !important;
	left: initial !important;
}

.grid .additional-info-content table tr td {
    background: none;
    font-size: 12px;
    padding: 3px 0;
    text-align: left;
    vertical-align: top;
    border-bottom: 1px solid #eee;
}

.grid .additional-info-content table tr td:last-child {
    padding-left: 5px;
    font-weight: bold;
    width: 220px;
}

.grid .additional-info-content table tr:last-child td {
    border-bottom: none;
}

.ResourcesController .grid .additional-info-content,
.ResourcesController .grid .additional-info-content,
.ResourcesController .grid .additional-info-content {
    width: 200px;
}

.ResourcesController .grid .additional-info-content table tr td:last-child,
.ResourcesController .grid .additional-info-content table tr td:last-child,
.ResourcesController .grid .additional-info-content table tr td:last-child {
    width: 100px;
}


.grid .additional-info-content table tr td:first-child {
    width: 190px;
    font-weight: normal;
}

.grid .additional-info-content table tr td span {
    white-space: normal;
} 


.grid td:hover i.fa-caret-down {
    opacity: 1;
}

.grid .additional-info-content span {
	display: block;
	white-space: nowrap;
	color: #555;
}

.grid td .additional-info .additional-info-content i.fa-caret-down {
    display: none;
}

.grid td .additional-info .additional-info-content .additional-info .additional-info-content {
    display: block !important;
    right: -11px;
    padding: 0 10px;
    top: 0;
    border-top: none;
    border-bottom: none;
    max-width: 100%;
}

.grid td .additional-info .additional-info-content .additional-info .additional-info-content table tr td span.dataTypeString 
{
    display: block;
    max-width: 120px;

}

.grid td .additional-info .additional-info-content td span span {
	display: inline-block;
}

.grid td:hover .additional-info .additional-info-content .additional-info .additional-info-content table tr:last-child td {
    border-bottom: none;
}

body.ProductionReportsController tr th:nth-child(7),
body.ProductionReportsController tr td:nth-child(7)
{
    max-width: 100px;
    overflow: auto;
}
    

@media screen and (max-width: 991px) {
	.grid .actions {
		white-space: nowrap;
	}

	.grid tr th a:after {
		right: -12px;
	}
}

@media screen and (min-width: 992px) {
	table.grid tr td.actions {
		padding-right: 30px;
	}

	table.grid tr td.actions:after {
		display: block;
	}


    /* if show by js */
	table.grid tr td.actions menu {
		position: absolute;
		right: -780px;
        z-index: 99;
        transition: none !important;
	}

    /* if show on row hover */
    /*table.grid tr td.actions menu {
		position: absolute;
		right: -780px;
	}
    table.grid tr:hover td.actions menu {
        right: 0px;
    }*/
}

@media screen and (max-width: 991px) {
	.grid-wrapper {
		overflow: auto;
        height: auto !important;
	}
	
	.grid .additional-info,
	.grid .additional-info .additional-info-content,
	.grid i.fa-caret-down
	{
	    display: none;
	}
	
	body > div:not(.modal)
	{
	    margin-left: 0 !important;
	}
	
	body > .menu-toggle
	{
	    left: 0 !important;
	}

	table.grid tr td.actions menu {
		padding-right: 0;
	}

	.grid .actions .button {
		font-size: 0;
	}

	table.grid tr td.actions {
		padding-right: 0;
	}

	table.grid tr td.actions:after {
		display: none;
	}

	table.grid tr td.actions menu {
		position: relative;
		right: 0 !important;
	}

	.grid {
	   border: none;
	}

	.hideOnMobile {
		display: none;
	}

	.grid .actions .button:before {
		font-size: 14px;
		margin-right: 0;
		line-height: 0;
		vertical-align: middle;
		top: 0;
	}
}


/* BUTTONS **************************************************/
.button, .removeFromList, .ReportsController .modal-body content ul li a {
  display: inline-block;
  padding: 8px 14px;
  border: none;
  font-size: 14px;
  line-height: 18px;
  cursor: pointer;
  color: #ffffff !important;
  background: #5598A6;

  -webkit-transition: all .25s;
  -moz-transition: all .25s;
  -ms-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s;
}

.modal-footer .button {
    max-height: 34px;
}

.button:hover, .button.activeFilter, .ReportsController .modal-body content ul li a:hover {
  background: #67ABB9;
}

.button:hover span{
	color: #fff;
}

.button.small {
  padding: 2px 8px;
  font-size: 12px;
}

.button.big {
  padding: 10px 20px;
  font-size: 14px;
}

.button.save, .button.clear, .modal-footer .button, .button.blue, .pagination li.selected a, table.grid tr td.actions menu .button, .toolbar menu.default > li:first-child > .button,
.toolbar menu.default > li:first-child label, .toolbar menu.default menu li .button, button.add, .quickSearchBoxAdd, .ReportsController .modal-body content ul li a, .button.add {
  background: #8dc96b;
}

.button[disabled="disabled"] 
{
    opacity: 0.8;
    pointer-events: none;
}

.bootstrap-select.readonly .dropdown-toggle[disabled="disabled"] 
{
    opacity: 1;
}

.bootstrap-select.readonly .dropdown-toggle,
.bootstrap-select.readonly:hover .dropdown-toggle 
{
    box-shadow: none;
    border-color: #ddd;
    background: #f1f1f1;
}

.bootstrap-select.readonly .dropdown-toggle .bs-caret 
{
    display: none;
}

.bootstrap-select.btn-group.inParentView .dropdown-menu{
    padding-top:0;
    padding-bottom:0;
}
.bootstrap-select.btn-group.inParentView .dropdown-menu li{
    width:100%;
    margin-right: 0;
    margin-bottom: 0;
}
.bootstrap-select.btn-group.inParentView .dropdown-menu li span {
    padding-top:5px;
    padding-bottom:5px;
}

.AppSettingsController .mainLoad .bootstrap-select {
    width: 100%;
}

table.grid tr td.actions menu .button {
    background: none;
    line-height: 46px;
    display: table-cell;
    vertical-align: middle;
}

table.grid tr td.actions menu .button.download {
    max-height: 1000px;
    vertical-align: initial;
}

table.grid tr td.actions menu .button.download:before {
    font-size: 17px !important;
    margin-right: 5px;
    top: 1px;
}

table.grid tr td.actions menu .button:hover, table.grid tr td.actions menu menu .button {
    background: rgba(255,255,255,0.2) !important;
}

table.grid tr td.actions menu menu .button:hover {
    background: #5598a6 !important;
}

.toolbar menu.default menu li .button {
	background: #5598A6;
}

.toolbar menu.default menu li .button:hover {
	background: rgba(255,255,255,0.2) !important;
}

.toolbar button.save, .toolbar .button.clear, .toolbar .button.blue, .toolbar menu.default > li:first-child label, .toolbar menu.default > li:first-child > a,
.toolbar button.add, .toolbar menu.MultiSelect li .button, .toolbar button.add, .toolbar menu.ImportExport li .button,
.gantt-chart-view .toolbar .actions > a.button, 
.toolbar .actions .button {
    border: 2px solid #fff;
    background: #5598a6 !important;
    padding: 4px 12px;
}

.toolbar button.save:hover, .toolbar .button.clear:hover, .toolbar .button.blue:hover, .toolbar menu.default > li:first-child label:hover, .toolbar menu.default > li:first-child > a:hover,
.toolbar button.add:hover, .toolbar menu.MultiSelect li .button:hover, .toolbar button.add:hover, .toolbar menu.ImportExport li .button:hover,
.gantt-chart-view .toolbar .actions > a.button:hover,
.toolbar .actions .button:hover {
    background: rgba(255,255,255,0.2) !important;
}

.toolbar .actions > menu > li > a.button.deleteAll:before {
	content: "\f1f8";
    font-family: FontAwesome;
    font-size: 17px;
    position: relative;
    top: 0px;
    color: #fff;
}

.toolbar .actions > menu > li > a#prnLabel:before {
	content: "\f016";
    font-family: FontAwesome;
    font-size: 16px;
    position: relative;
    top: 1px;
    color: #fff;
}

.toolbar .actions > menu > li > a.button[href*="ManagePermissions"]:before {
	content: "\f06e";
    font-family: FontAwesome;
    font-size: 17px;
    position: relative;
    top: 1px;
    color: #fff;
}

.toolbar .toggle-filter i {
	margin-right: 5px;
}

body.filters-visible .toolbar .button.toggle-filter, menu.default > li:first-child:hover > label.actionsSubmenu,
body.gantt-chart-view.filters-visible .toolbar .toggle-filter, body.gantt-chart-view.filters-visible .toolbar .toggle-filter:hover{
    background: #fff !important;
    color: #5598a6 !important;
}

.ConfigurationController .toggle-filter {
	display: none;
}

body.filters-visible .toolbar .toggle-filter i, .toolbar menu.default > li:first-child:hover >label.actionsSubmenu:before, .toolbar menu.default > li:first-child:hover >label.actionsSubmenu:after {
	color: #5598a6 !important;
}

.toolbar menu.MultiSelect li .button:hover,  .toolbar menu.ImportExport li .button:hover {
	    background: rgba(255,255,255,0.2) !important;
}

.TasksController .toolbar menu.MultiSelect li:nth-child(1) button:before {
	content: "\f1f8";
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 16px;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	top: 0px;
}

.TasksController .toolbar menu.MultiSelect li:nth-child(2) button:before {
	content: "\f02f";
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 16px;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	top: 0px;
}


.toolbar menu.MultiSelect li .button:before, .toolbar menu.ImportExport li .button:before, .toolbar .toggle-filter i, .gantt-chart-view .toolbar .button i {
    color: #fff !important;
}

.gantt-chart-view .toolbar .button i {
    margin-right: 5px;
}


.toolbar menu.MultiSelect li .button:hover:before, .toolbar menu.ImportExport li .button:hover:before, .toolbar .toggle-filter:hover i, .gantt-chart-view .toolbar .button:hover i {
    color: #fff !important;
}

.button.save:hover, .button.clear:hover, .modal-footer .button:hover, .pagination li.selected a:hover, .button.blue:hover, table.grid tr td.actions menu .button:hover,
.toolbar menu.default > li:first-child > .button:hover, .toolbar menu.default > li:first-child label:hover, .toolbar menu.default menu li .button:hover, .button.add:hover, .quickSearchBoxAdd:hover,
.gantt-chart-view .toolbar .actions .button:hover, .ReportsController .modal-body content ul li a:hover {
    background: #9ad17d;
}

.button.cancel, .button.remove, .removeFromList {
  background: #EA6F52;
}

.button.cancel:hover, .toolbar menu.MultiSelect li:first-child .button:hover, .button.remove:hover, .removeFromList:hover {
  background: #F97C67;
}

.button.small:before {
  font-size: 10px;
}

.button:before, menu label:before, .removeFromList:before {
	position: relative;
	margin-right: 5px;
	top: 2px;
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	color: #989c9f;
	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-ms-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
}

.currentResult.show-details, .currentResult.hide-details{
    -webkit-transition: all .75s;
	-moz-transition: all .75s;
	-ms-transition: all .75s;
	-o-transition: all .75s;
	transition: all .75s;
    
}
.currentResult.hide-details .sub-text-item{
    margin-top:10px;
    font-size:12px;
}
.currentResult .toggle-subitem {
    content: "";
    display: none;
    position: absolute;
    left: calc(50% - 10px);
    bottom: -10px;
    height: 20px;
    width: 20px;
    opacity: 1;
    border: 1px solid #ddd;
    border-radius: 10px;
}

.currentResult .toggle-subitem:hover{
    background-color:#fff;
}
.currentResult.show-details .toggle-subitem {
    background: url(../Images/desc.png) center center no-repeat #f8f8f8;
}
.currentResult.hide-details .toggle-subitem {
    background: url(../Images/asc.png) center center no-repeat #f8f8f8;
}
.currentResult.show-details .toggle-subitem, .currentResult.hide-details .toggle-subitem{display:block}
.currentResult.show-details .sub-text-item{display:none;}
.currentResult.hide-details .sub-text-item{display:block;}

.button.clear:before {
	content: "\e221";
}

.button.save:before, .button.clear:before, .modal-footer .button:before, .button.blue:before, table.grid tr td.actions menu .button:before, .toolbar menu.default > li:first-child > .button:before, .toolbar menu.default > li:first-child label:before, .toolbar menu.default > li:first-child label:after, .button.add:before, .quickSearchBoxAdd:before {
  color: #fff;
}

.button.cancel:before, .toolbar menu.MultiSelect li:first-child .button:before, .button.remove:before, .removeFromList:before {
  color: #fff;
}

.actions .button:hover:before, .button.save:hover:before, .button.cancel:hover:before, .button.clear:hover:before, .modal-footer .button:hover:before, .button.blue:hover:before, .button:hover:before, menu label:hover:before, .toolbar menu.default > li:first-child label:hover:after, .button.remove:hover:before, .removeFromList:hover:before, .activeFilter:before {
	color: #fff !important;
}

.button.save:before {
	content: "\e013";
}

.button.add:before, .quickSearchBoxAdd:before {
	content: "\2b";
}

.button.change:before {
	content: "\2a";
}

.button.cancel:before {
	content: "\e014";
}

.button.edit:before {
	content: "\f044";
	font-family: 'FontAwesome';
	font-size: 18px;
}

.button.back:before {
	content: "\e079";
}

.button.duplicate:before {
	content: "\f24d";
	font-family: 'FontAwesome';
	font-size: 17px;
	top: 1px;
}

.button.print:before {
	content: "\f02f";
	font-family: 'FontAwesome';
	font-size: 18px;
}

.button.remove:before, .removeFromList:before {
	content: "\f1f8" !important;
	font-family: 'FontAwesome';
	font-size: 17px;
	top: 1px;
}

.grid .button.remove:before {
	font-size: 18px;
	top: 1px;
}

.actions label:before {
	content: "\f1de";
	font-family: 'FontAwesome';
	font-size: 18px;
	top: 1px;
}

.quickSearchBoxAdd, .removeFromList {
	font-size: 0;
	max-height: 34px;
	vertical-align: top;
}

.quickSearchBoxAdd:before, .removeFromList:before {
	font-size: 14px;
	margin-right: 0;
}

.download {
	font-size: 14px;
	max-height: 34px;
	vertical-align: top;
}

.download:before 
{
    content: "\f019" !important;
	font-size: 14px !important;
	margin-right: 0;
	font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    color: #fff;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#contributedOrdersList .removeFromList {
	float: right;
}

.filter button[type="submit"]:before,
.gantt-chart-view .timelineHeader form button[type="submit"]:before {
    content: "\e003";
}

.filter button[type="submit"] {
	margin-left: 5px !important;
}

.filter button.showMore:before {
	content: "\e138";
}

.filter #exportOrdersButton:before,
.toolbar #exportOrdersButton:before {
    content: "\e170";
    position: relative;
    margin-right: 5px;
    top: 2px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 0;
    color: #fff;
}

.optionalWrapper {
	position: relative;
}

.filter fieldset.optional {
	display: none;
	position: absolute;
	background: #fff;
	box-shadow: 0 0 5px #ddd;
	border-radius: 3px;
	border: 1px solid #ccc;
	z-index: 100;
	padding: 10px;
	top: 35px;
	left: 0;
}

.optional div:last-of-type label {
	margin-bottom: 0;
}

.optional label {
	display: block;
	white-space: nowrap;
}

.closeSmallModal {
	display: none !important;
	position: absolute;
	right: -7px;
	top: -7px;
	background: #fff;
	z-index: 9;
	width: 16px;
	height: 16px;
	text-align: center;
	line-height: 16px;
	border-radius: 50%;
	border: 1px solid #ccc;
	color: #50595e;
	cursor:pointer;
	font-size: 9px;
}

.closeSmallModal:hover {
	color: #50595e;
	background: #EA6F52;
}

.ganttChart .optional .closeSmallModal {
	display: none;
}

@media screen and (max-width: 769px) {
	.quickSearchBoxAdd {
		float: left;
	}
}


/* FORMS **************************************************/
input,
select, div.bootstrap-select button,
textarea {
  height: 34px;
  padding-left: 10px;
  border: 1px solid #bbb;
  border-radius: 0;
  background: #fff;
  width: 80%;
  color: #64696c !important;
  font-weight: 400;
  max-width: 100%;
  -webkit-transition: all .25s;
  -moz-transition: all .25s;
  -ms-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s;
}

div.bootstrap-select button.btn.dropdown-toggle {
  outline: 0 !important;
}

.filter input, filter select, .filter div.bootstrap-select button {
	height: 30px;
}

.filter .button {
	padding: 6px 12px;
}

input [type="datetime"], input [type="text"] {
	background: #fff;
}

textarea {
	resize: none;
}

input:hover,
select:hover, div.bootstrap-select:hover button,
textarea:hover {
  border: 1px solid #7d8387;
}

div.bootstrap-select button:focus 
{
    background: #fff;
}

input:hover,
select:hover, div.bootstrap-select:hover button,
textarea:hover,
input:focus, 
select:focus, .open > .dropdown-toggle.btn-default,
textarea:focus {
  border: 1px solid #7d8387;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  background: #fff;
}

input[type="file"],  input[type="file"]:hover, input[type="file"]:focus {
	border: none;
	box-shadow: none;
	padding-left: 0;
    border-radius: 0;
}

input[disabled="disabled"],
select[disabled="disabled"],
textarea[disabled="disabled"],
input[readonly="readonly"],
select[readonly="readonly"],
textarea[readonly="readonly"],
input[type="checkbox"][disabled="disabled"] + label,
input[type="checkbox"][disabled="disabled"] ~ label,
input[type="radio"][disabled="disabled"] + label,
input[type="radio"][disabled="disabled"] ~ label {
    opacity: 0.75;
    cursor: default;
}

input[disabled="disabled"]:hover,
input[disabled="disabled"]:focus,
select[disabled="disabled"]:hover,
select[disabled="disabled"]:focus,
textarea[disabled="disabled"]:hover,
textarea[disabled="disabled"]:focus,
input[readonly="readonly"]:hover,
input[readonly="readonly"]:focus,
select[readonly="readonly"]:hover,
select[readonly="readonly"]:focus,
textarea[readonly="readonly"]:hover,
textarea[readonly="readonly"]:focus  {
    border: 1px solid #bbb;
    box-shadow: none;
}

input.has-label-on {
    padding-right: 70px;
}

.xdsoft_datetimepicker {
	margin: 0 !important;
	margin-top: 3px !important;
	z-index: 9999999999;
	border: 1px solid #7d8387;
}

.xdsoft_datetimepicker .xdsoft_label {
	color: #64696c;
}

input[type="date"]::-webkit-calendar-picker-indicator,
input[type="date"]::-webkit-inner-spin-button,
input[type="datetime"]::-webkit-calendar-picker-indicator,
input[type="datetime"]::-webkit-inner-spin-button,
input[type="time"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-clear-button,
input[type="datetime"]::-webkit-clear-button,
input[type="time"]::-webkit-clear-button { 
	display: none;
	visibility: hidden !important;
}

div.bootstrap-select .dropdown-menu {
  border: 1px solid #7d8387;
  border-radius: 0;
}

div.bootstrap-select .dropdown-menu .glyphicon {
  color: #5598a6;
}

.bootstrap-select.open {
	z-index: 99999;
}

textarea {
  height: 100px;
  padding-top: 10px;
}

input[type="radio"],
input[type="checkbox"] {
  width: auto;
  height: auto;
}

input[type="radio"]:hover,
input[type="radio"]:hover,
input[type="radio"]:hover,
input[type="radio"]:focus,
input[type="radio"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:hover,
input[type="checkbox"]:hover,
input[type="checkbox"]:hover,
input[type="checkbox"]:focus,
input[type="checkbox"]:focus,
input[type="checkbox"]:focus {
  border: none;
  box-shadow: none;
}

.modal-body .button.small {
  margin-top: 3px;
}

input[type="radio"],
input[type="checkbox"] {
  display: none;
}

input[type="radio"] ~ label,
input[type="radio"] + label {
  width: auto;
  padding-left: 30px;
  line-height: 20px !important;
  height: 20px;
  cursor: pointer;
  position: relative;
  top: -4px;
}



.modal-body input[type="radio"] ~ label,
.modal-body input[type="radio"] + label,
.modal-body input[type="checkbox"] ~ label,
.modal-body input[type="checkbox"] + label {
  padding-top: 1px !important;
}

input[type="checkbox"] ~ label,
input[type="checkbox"] + label {
  position:relative;
  width: auto;
  padding-left: 25px;
  line-height: 20px !important;
  height: 20px;
  cursor: pointer;
}
input[type="radio"] ~ label,
input[type="radio"] + label 
{
    min-width: 120px;
}

input[type="checkbox"].readonly ~ label,
input[type="checkbox"].readonly + label,
input[type="radio"].readonly ~ label,
input[type="radio"].readonly + label 
{
    opacity: 0.7;
    pointer-events: none;
    cursor: default;
}


input[type="checkbox"] ~ label:before,
input[type="checkbox"] + label:before,
input[type="radio"] ~ label:before,
input[type="radio"] + label:before {
	content: "\f096";
	position: absolute;
	left: 1px;
	top: 2px;
	font: normal normal normal 16px/1 FontAwesome;
	font-size: 18px;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


input[type="radio"] ~ label:before,
input[type="radio"] + label:before
{
    content: "\f10c";
    font-size: 20px;
    top: 1px;
}

input[type="checkbox"]:checked ~ label:before,
input[type="checkbox"]:checked + label:before,
input[type="radio"]:checked ~ label:before,
input[type="radio"]:checked + label:before {
	content: "\f046";
	color: #8DC96B;
}

input[type="radio"]:checked ~ label:before,
input[type="radio"]:checked + label:before 
{
    content: "\f192";
    font-size: 20px;
    top: 1px;
}

.yesno input[type="checkbox"] ~ label,
.yesno input[type="checkbox"] + label {
  width: 58px;
  height: 20px;
  margin-top: 5px;
  padding-left:25px;
  font-size: 0;
  text-indent: 0;
}

.yesno input[type="checkbox"] ~ label:before,
.yesno input[type="checkbox"] + label:before {
	content: "\f204";
	position: absolute;
	left: 1px;
	top: 0;
	font: normal normal normal 16px/1 FontAwesome;
	font-size: 24px;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.yesno input[type="checkbox"]:checked ~ label:before,
.yesno input[type="checkbox"]:checked + label:before {
	content: "\f205";
	color: #8DC96B;
}

.modal-body input[type="checkbox"] ~ label[for="IsCritical"],
.modal-body input[type="checkbox"] + label[for="IsCritical"],
.modal-body input[type="checkbox"] ~ label[for="IsWorking"],
.modal-body input[type="checkbox"] + label[for="IsWorking"] {
	font-size: 0;
	top: 4px
}

.grid input[type="checkbox"] ~ label,
.grid input[type="checkbox"] + label {
	top: 5px;
}

.radio > div,
.check > div {
  display: inline-block;
  margin-right: 10px;
}



.bootstrap-select {
  vertical-align: top;
  width: 80%;
  z-index: 999999999 !important;
}

body.modal-open .bootstrap-select{
    z-index: 9999999999 !important;
}

.bootstrap-select.btn-group .btn .filter-option {
	margin-top: 0;
}

.list-right .dropdown-menu {
  left: inherit;
  right: 0;
}

.timeRange, .timeMask, .dateMask, .dateRange {
	display: block;
	width: 80%;
	white-space: nowrap;
	font-size: 0;
	position: relative;
	margin-bottom: 5px;
}

.timeRange input, .timeMask input, .dateMask input, .dateRange input {
	position: relative;
	display: inline-block;
	width: 28%;
	font-size: 14px;
	text-align: center;
}

.timeRange input, .timeMask input, .dateMask input, .dateRange input {
	text-align: left;
}

.timeRange input, .timeMask input, .dateRange input {
	width: 47%;
}

.timeRange input:first-child, .timeMask input:first-child, .dateRange input:first-child {
	margin-right: calc(6% + 1px); 
}

.dateMask input:nth-child(2) {
	margin-left: 8%;
	margin-right: 8%;
}

.timeRange:after, .timeMask:after, .dateRange:after {
	content: "-";
	position: absolute;
	top: 4px;
	left: 50%;
	font-size: 14px;
	margin-left: -2px;
	color: #aaa;
}

.dateMask:after {
	content: "x";
	position: absolute;
	top: 6px;
	left: 31%;
	font-size: 14px;
	margin-left: -1px;
	color: #aaa;
}

.dateMask:before {
	content: "x";
	position: absolute;
	top: 6px;
	left: 67%;
	font-size: 14px;
	margin-left: -1px;
	color: #aaa;
}

.dateMask:before, .dateMask:after  {
	content: "-";
	margin-left: 1px;
}

.col-sm-18 input[type="radio"] ~ label, .col-sm-18 input[type="radio"] + label {
	top: 4px;
}

.dimension3d input:hover, .dimension2d input:focus {
	z-index: 999;   
}

.dimension2d, .dimension3d, .measure 
{
    z-index: 1;
}

.dimension3d {
	display: block;
	width: 100%;
	white-space: nowrap;
	font-size: 0;
	position: relative;
	margin-bottom: 5px;
}

.dimension3d input {
	position: relative;
	display: inline-block;
	width: 16%;
	font-size: 14px;
	text-align: center;
	padding-left: 0;
}

.dimension3d input:nth-child(2){
	margin-left: 6%;
	margin-right: 6%;
}

.dimension3d .bootstrap-select {
	width: calc(20% - 5px);
	margin-left: 5px !important;
}

.dimension3d:after {
	content: "x";
	position: absolute;
	left: 18%;
	color: #999;
	z-index: 9999;
	font-size: 14px;
	top: 5px;
}

.dimension3d:before {
	content: "x";
	position: absolute;
	left: 40%;
	color: #999;
	z-index: 9999;
	font-size: 14px;
	top: 5px;
}

.dimension2d {
	display: block;
	width: 100%;
	white-space: nowrap;
	font-size: 0;
	position: relative;
	margin-bottom: 5px;
}

.dimension2d input {
	position: relative;
	display: inline-block;
	width: 27%;
	font-size: 14px;
	text-align: center;
	padding-left: 0;
}

.dimension2d input:nth-child(1){
	margin-right: 6%;
}

.dimension2d .bootstrap-select {
	width: calc(20% - 5px);
	margin-left: 5px !important;
}

.dimension2d:after {
	content: "x";
	position: absolute;
	left: 29%;
	color: #999;
	z-index: 9999;
	font-size: 14px;
	top: 5px;
}

.bootstrap-select.QuantityUnit {
	width: 80%;
}

input[type="date"], input[type="datetime"] {
	background: #fff url("../Images/cal.png") 97% 50% no-repeat;
}

input[type="time"] {
	background: url("../Images/clock.png") 97% 50% no-repeat;
}

label[for="IsDayOff_True"] {
	margin-right: 10px;
}

@media (max-width: 767px) {
	input,
	select, div.bootstrap-select,
	textarea, .dimension2d, .dimension3d, .dateMask, .timeRange, .timeMask {
		width: 95%;
	}

	.bootstrap-select.QuantityUnit {
		width: 95%;
	}

	.dimension3d input {
		width: 22%;
	}

	.dimension3d input:nth-child(2){
		margin-left: 7%;
		margin-right: 7%;
	}

	.dimension3d:after {
		 left: 25%;    
	}

	.dimension3d:before {
		left: 54%;      
	}

	.dimension2d input {
		width: 36%;
	}

	.dimension2d input:nth-child(1){
		margin-right: 8%;
	}

	.dimension2d:after {
		 left: 40%;    
	}
}


/* UNITS OF MEASUREMENT */
.mass, .length, .force 
{
    position: relative;
	font-size: 0;
}

.mass input, .length input, .force input {
	width: 60%;
	margin-right: 5px;
	vertical-align: middle;
	font-size: 14px;
}

.mass select, .mass .bootstrap-select, .length select, .length .bootstrap-select, .force select, .force .bootstrap-select {
	width: calc(20% - 5px);
	vertical-align: top;
}

.measure .field-validation-error {
	display: none;
}

@media (max-width: 767px) {
	.mass input, .length input, .force input {
		width: 75%;
	}

	.mass select, .mass .bootstrap-select, .length select, .length .bootstrap-select, .force select, .force .bootstrap-select {
		vertical-align: top;
	}
}


/* MODAL BOX **************************************************/
body.modal-open 
{
    overflow: hidden;
    padding-right: 0 !important;
}

.modal {
	z-index: 9999999999;
	padding-right: 0 !important;
}
.modal-backdrop {
  opacity: 0.4 !important;
  background-color: #000 !important;
}

.modal-backdrop {
  max-height: 100%;
}

.modal-dialog 
{
    margin-bottom: 0;   
}

.modal-content {
  border: none;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
  border-radius: 0;
  overflow: hidden;
}

.modal-header {
  padding: 0;
  background: #5598A6;
  border-bottom: none;
}

.closeModal {
	display: inline-block;
	position: absolute;
	right: 10px;
	top: 5px;
	z-index: 9;
	text-align: center;
	color: #fff !important;
	cursor: pointer;
	font-size: 16px;
}

.closeModal:hover {
	color: #8dc96b !important;
}

.modal-footer {
  background: #fff;
  padding: 0;
  margin: 15px;
  margin-top: 0;
  padding-top: 15px;
  border-top: 1px solid #ddd;
}

.modal-footer .button:last-child {
	margin-right: 0;
}

.modal-footer > span, .modal-footer footer {
 display: inline-block;
}

.modal-footer > span > footer > *, .modal-footer > * {
 vertical-align: bottom;
}

.modal-footer .button {
	margin-right: 2px;
}

.modal-footer .button.remove 
{
    margin-left: 10px;
}

.modal-footer footer:first-child {
	margin-right: 5px;
}

.modal-footer footer:last-child {
	margin-right: 0;
}

.modal-header:after {
  content: "";
  display: block;
  clear: both;
}

.modal-header .button {
  margin-left: 5px;
}

.modal-header .button:first-child {
  margin-left: 0;
}

.modal-title {
  font-size: 26px;
  font-weight: 300;
  color: #fff;
  height: 46px;
  line-height: 46px;
}

.modal-header .close {
  font-size: 26px;
}

.modal-body {
  overflow-y: auto;
 
}

.modal-body .tab-content {
	min-height: 100px;
}

.modal .grid tr td:nth-child(2) label {
    white-space: -moz-pre-wrap;
    white-space: -hp-pre-wrap;
    white-space: -o-pre-wrap;
    white-space: -pre-wrap;
    white-space: pre-wrap;
    white-space: pre-line;
    word-wrap: break-word;
    word-break: break-all;
}

.modal form[id*="removeEntityForm"] > p {
    text-align: center;
}

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

.aboveDrop {
	display: none;
  height: 10px;
  position: relative;
  top: -15px;
  background: #f1f1f1;
  margin: 0 -15px;
}

.drop .dropdown-toggle {
	margin-right: 10px;
}

.drop .dropdown-menu {
	right: 10px;
}

.modal-body > div {
  margin-bottom: 3px;
  vertical-align: top;
}

.modal-body > div label {
    font-weight: normal;
    display: inline-block;
    vertical-align: top;
    padding-top: 5px;
    word-break: break-word;
}

.modal-body > div label.required:after {
    content: "*";
    color: #EA6F52;
    margin-top: -5px;
    font-weight: bold;
    font-size: 18px;
    margin-left: 3px;
    margin-right: -8px;
}

.modal {
  -webkit-transition: opacity .25s;
	 -moz-transition: opacity .25s;
	  -ms-transition: opacity .25s;
	   -o-transition: opacity .25s;
		  transition: opacity .25s;
}

.modal .modal-body > div div.col-sm-6:not(.text-left),
.modal .modal-body > div div.col-sm-8:not(.text-left),
.modal .modal-body > div div.col-xs-6:not(.text-left) {
    text-align: right;
}

.modal .modal-body legend {
	font-size: 18px;
	font-weight: 600;
	color: #64696c;
	padding-bottom: 5px;
}

.modal .modal-body legend .button {
	float: right;
	position: relative;
	top: -10px;
}

.modal .modal-body legend .button:before {
	margin-right: 0;
	left: 1px;
} 

.modal .modal-body legend .button:before {
	margin-right: 0;
	left: 1px;
} 

.modal .modal-body fieldset:not(.tab-pane) {
	margin-top: 20px;
    word-wrap:break-word;
}

.modal .modal-body fieldset:first-of-type {
	margin-top: 0;
}

.modal ul {
	padding-left: 0;
}

.modal .modal-body ul li {
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
}

.modal .modal-body .row {
	margin-bottom: 5px;
}

.modal .modal-header > div > span {
	display: inline-block;
}

.modal-header, .modal-footer {
	text-align: center !important;
}

.modal p {
	margin-bottom: 20px;
	font-weight: normal;
}

.modal .checkbox {
	margin: 0 !important;
}

.modal .checkbox label {
	text-indent: -9999px;
	margin-top: 5px;
}

.modal table tr td, .modal table tr th {
	padding-right: 5px;
	padding-bottom: 5px;
	vertical-align: top;
}

.modal table tr td, .modal table tr th, .modal table tr td:last-child, .modal table tr th:last-child {
	border-left: none;
}

.modal.loading .modal-content > * {
	opacity: 0;
}

#productionOrderRelated .orderRelations .field-validation-error,
#productionOrderRelated #contributedForecastsList .field-validation-error {
    margin-left: 0;
}
#productionOrderRelated .quickSearchBox {
    position:relative;
}
@media (max-width: 767px){
    #productionOrderRelated input[type="text"] {
        width:80%;
    }
}

.modal.loading .modal-content {
	height: 150px;
}

.modal.loading .modal-content {
}

.modal p.success, .modal p.fail {
	text-align: center;
	margin-top: 10px;
}

p.fail {
	display: block;
}
.modal-footer ul {
	margin-bottom: 0;
}

.modal .dateMonth {
	display: block;
	width: 80%;
	font-size: 0;
	vertical-align: top;
}

.modal .dateMonth .bootstrap-select {
	vertical-align: top;
	width: 60%;
	margin-right: 5px;
}

.modal .dateMonth input {
	vertical-align: top;
	display: inline-block;
	width: calc(40% - 5px);
	max-width: 600px !important;
	font-size: 14px;
}

body > .modal.modalRight .modal-backdrop 
{
    opacity: 0.5;
}

body > .modal.modalRight .modal-dialog 
{
    opacity: 0;
}

.modal.modalLeft div[role="tabpanel"] .nav-tabs li a,
.modal.modalRight div[role="tabpanel"] .nav-tabs li a {
	padding: 10px 8px;
}

body .modal .modal-dialog.modal-fullscreen,
body.gantt-chart-view .modal .modal-dialog.modal-fullscreen {
	width: 100%;
    max-width: 100%;
}

body.gantt-chart-view .modal.modal-big.modal-no-border .modal-body {
    margin-bottom: 14px;
}

@media (min-width: 1420px) {
	.modal.modalRight {
		overflow: visible;
	}

	.modal.modalRight .modal-dialog {
		margin-top: 0;
	}

	.modal-dialog {
		left: 0;
		-webkit-transition: left 0.3s;
		-moz-transition: left 0.3s;
		-ms-transition: left 0.3s;
		-o-transition: left 0.3s;
		transition: left 0.3s;
	}
}

@media (min-width: 992px) {
    body > .modal.modalRight .modal-dialog 
    {
        left: 0px;
    }    
}

@media (max-width: 769px) {
	.modal-footer .button {
		margin-bottom: 5px;
	}

	.modal-content input {
		margin-bottom: 10px;
		margin-top: 0;
	}

	.modal .dateMonth {
		width: 100%;
	}
}


/* VALIDATION **************************************************/
.field-validation-error, .fail, .validation-summary-errors ul li {  
	position: relative;
	display: inline-block;
	margin: 5px 0;
	padding: 5px 10px;
	background: #FBDEDC;
	min-width: 50%;
    max-width: 100%;
	font-weight: 400;
	color: #EF6B55;
	border: 1px solid #EF6B55;
}

.modal .field-validation-error {
    margin-left: calc(25% + 5px);
}

.validation-summary-errors ul li {
	display: block;
	text-align: center;
}

.field-validation-error:before, .fail:before, .validation-summary-errors ul li:before {
	content: "\f12a";
	margin-right: 10px;
	top: 50%;
	margin-top: -9px;
	left: 14px;
	font-size: 18px;
	color: #EF6B55;
	font-family: 'FontAwesome';
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

.validation-summary-errors {
	display: none;
}

.validation-summary-errors ul {
	display: block;
	margin: 0;
	padding: 0;
	border-radius: 4px;
	font-weight: 400;
	color: #EF6B55;
	text-align: center;
}

.field-validation-valid:empty,
.validation-summary-errors:empty
{
    display: none;
}

#automaticallyPlanValidation
{
    display: none;
}

.success {
	position: relative;
	display: block;
	margin: 0 0 5px;
	padding: 5px 10px;
	background: #DFFFCC;
	min-height: 25%;
	white-space: nowrap;
	color: #6CAD5A;
	border: 1px solid #6CAD5A;
}
.modal-content .success{
    white-space:normal;
}

.success:before {
	content: "\f00c";
	position: relative;
	margin-right: 10px;
	top: 1px;
	color: #4B9133;
	font-family: 'FontAwesome';
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	font-size: 18px;
	-webkit-font-smoothing: antialiased;
}

div[role="tabpanel"] .nav-tabs li a.error,
content[role="tabpanel"] .nav-tabs li a.error,
div[role="tabpanel"] .nav-tabs li.active a.error,
content[role="tabpanel"] .nav-tabs li.active a.error {
	color: #ea6052 !important;
	background: none;
}

div[role="tabpanel"] .nav-tabs li.active a.error {
	background: #fff;
}

.panel-title a.error {
	color: #ea6052 !important;
	background: none;
}

.nav-tabs,
.nav-pills {
  position: relative;
}

.drop.error .dropdown > .dropdown-toggle .caret {
	color: red;
}

table tr td .field-validation-error {
  margin-top: 0;
  display: block;
  white-space: normal;
}

@media (max-width: 767px) {
	.field-validation-error {
		width: 100%;
		margin-bottom: 0;
	}
}

/*NAV Tabs Configuration ***********************/
.container-fluid > #config-menu{
    margin-left: -10px;
    margin-right:-10px;
}
#config-menu {
    background: #f2f2f2;
    overflow: hidden;
}
#config-menu .nav > li.active{
    color: #5598a6;
    font-weight: bold;
}
#config-menu .nav > li:hover, .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    background: #5598a6;
    color: #fff;
}
#config-menu .nav > li.hovered {
    background: #7bba57;
    color: #fff;
}
.nav-pills > li:hover {
    background: #ddd;
}
.nav-pills > li > a:hover{
    color: #fff;
}

#config-menu .nav-pills > li > a:focus {
    color: #fff;
}

#head-menu {
    background: #f2f2f2;
    overflow: hidden;
    margin-left: 0px;
    transition: margin-left linear 0.3s;
    border-bottom: none;
}
.nav > li > span {
    position: relative;
    display: block;
    padding: 10px 15px;
    cursor:pointer;
}
.nav-pills > li > a {
    border-radius: 0;
    border-bottom: 1px solid transparent;
    color:#fff;
}
.nav-pills > li.active > a {
    background: none;
    color: #fff;;
    font-weight: bold;
    
}
.subnav {
    background: #7bba57;
    border-bottom: none;
    display: none;
}
.subnav.active{
    display:block;
}

/* HEADER **************************************************/
body > nav {
    position: fixed;
    top: 0;
    left: -150px;
    z-index: 9999999999;
    width: 150px;
    height: 100%;
    background: #54595D;
}

body.lock-menu > nav {
	left: 0 !important;
}

body.lock-menu > h2, body.lock-menu > div > ul.nav {
	padding-left: 348px !important; 
}

body .mainLoad 
{
    position: relative;
    z-index: 1;
}

body:not(.AppSettingsController):not(.TechnologyOperationCategoriesController):not(.DashboardController):not(.RelationsBrowserController) .mainLoad.container-fluid.mainContent {
    padding-left: 0;
    padding-right: 0;
}

body.lock-menu .mainLoad, body.lock-menu > div > .tab-content {
	margin-left: 150px !important; 
}

body.lock-menu ul.options {
	padding-left: 150px !important;
}

body.lock-menu .mainLoad .options-content {
	margin-left: 150px;
	width: calc(100% - 150px);
}

body > nav {
  font-size: 0;
  vertical-align: top;
}

body > nav:after {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: 10px;
	height: 100%;
	opacity: 0.3;
	background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
	background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 );
}

body > nav .no-border 
{
    border-bottom: none;
}

body > nav .sep
{
    display: block;
    margin: 15px 0;
    text-align: center;
    line-height: 0;
}

body > nav .sep:after 
{
    content: "";
    display: inline-block;
    width: 50px;
    border-top: 1px solid #616161;
}

body > .menu-toggle,
body > .auto-plan {
	position: absolute;
	z-index: 999999999;
	top: 0;
	left: 0;
	width: 188px;
	height: 46px;
	background: #54595d;
	text-align: center;
	color: #fff;
	font-size: 20px;
	line-height: 28px;
	border-right: 1px solid #4A93AB;
	cursor: pointer;
}

body > .menu-toggle span,
body > .auto-plan span 
{
    display: none;
}
    body > .menu-toggle img {
        padding: 8px 10px 6px 11px;
        margin: 0;
        line-height: 59px;
        display: block;
        float: left;
    }
    body > .menu-toggle i {
        padding: 13px 14px;
        display: inline-block;
        border-left: 1px solid #45484a;
        background: #54595d;
    }

body > .auto-plan 
{
    display: none;
    border-top: 1px solid rgba(255,255,255,0.25)!important;
}
body > .menu-toggle img:hover,
body.gantt-chart-view > .auto-plan:hover,
body > .menu-toggle i:hover {
    background: #686c6f;
}

body.lock-menu .menu-toggle {
    left: 150px !important;
}

body.PanelController .menu-toggle 
{
    display: block !important;
}

body.PanelController .login.login-pin{
    background: #5598a6;
    height: 100%;
    position: absolute;
    width: 100%;
}

body .menu-toggle i, body.lock-menu .options .menu-toggle i {
	position: relative;
}

body.gantt-chart-view > .menu-toggle {
    /*display: none !important;*/
}

body.lock-menu .menu-toggle i:after, body.lock-menu .options .menu-toggle i:after {
	content: "\f023";
	font-size: 11px;
	width: 15px;
	height: 15px;
	text-align: center;
	line-height: 15px;
	border-radius: 50%;
	position: absolute;
	right: 0px;
	bottom: 0px;
    color: #8dc96b;
}

body .menu-toggle.active, body .menu-toggle:hover, body.lock-menu .menu-toggle {
	color: #fff;
}

body > nav ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

body > nav > ul > li {
  position: relative;
  z-index: 99;
  color: #fff;
  font-size: 14px;
  border-bottom: 1px solid #616161;
}

body > nav > ul > li.hover
{
    background: #54595D !important;
}

body > nav > ul.menu.user > li {
    text-align: center;
}

body > nav > ul > li:last-child {
	border-bottom: none;
}

body > nav ul li > a,
body > nav ul li > span {
  display: block;
  width: 100%;
  height: 100%;
  padding: 12px 0;
  cursor: pointer;
}

body > nav ul li:hover > a,
body > nav ul li:not(.hover):hover > span {
  background: #6A7277;
  color: #fff;
}

body > nav ul li:hover > a i,
body > nav ul li:hover > span i {
  color: #fff !important;
}

body > nav ul li.sub a {
	padding-left: 35px !important;
}

body > nav ul li a i.menu-icon,
body > nav ul li span i.menu-icon {
  display: block;
  margin-bottom: 10px;
  color: #989c9f;
  font-size: 18px;

  -webkit-transition: all .25s;
	 -moz-transition: all .25s;
	  -ms-transition: all .25s;
	   -o-transition: all .25s;
		  transition: all .25s;
}

body > nav ul:not(.user) li a i.menu-icon,
body > nav ul:not(.user) li span i.menu-icon {
  float: left;
  margin-bottom: 0;
  margin-top: 2px;
  margin-right: 10px;
  margin-left: 15px;
}

body > nav ul.user {
 border-top: 1px solid #616161;
}

body > nav ul li em {
	font-style: normal;    
}

body > nav ul li ul li > span {
    padding:12px 20px;
}
body > nav ul li ul li.hover > span {
    background: #54595D;
}

body > nav ul.menu {
  display: block;
  vertical-align: top;
}


body > nav ul.menu li.add a,
body > nav ul.menu li.add > span {
  background: #5ca2bb;
}

body > nav ul.menu li.add a:hover,
body > nav ul.menu li.add > span:hover {
  background: #71767a;
}

body > nav ul.menu li.add .menu-icon {
  color: #ADDAEA;
}

body > nav ul.menu li ul {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  background: #6A7277;
  text-align: left;
}

body > nav ul.menu li ul li:hover a,
body > nav ul.menu li ul li:hover a.bg-special {
	background: #54595D;
}

body > nav ul li.hover > ul {
	display: block;
}

body > nav ul.menu li ul li a {
    padding-left: 20px;
    padding-right: 20px;
    border-top: 1px solid #6a7277;
    border-left:1px solid #616161;
}

body > nav ul.menu li ul li.hover > ul > li:not(.hover) a {
    background: #6A7277;
}
body > nav ul.menu li ul li.hover > ul > li:not(.hover):hover a {
    background: #54595D;
}

body > nav ul.menu li ul li a.bg-special {
    background:#64696d;
    border-top: 1px solid #64696d;
}

body > nav ul.menu li ul li a.line-top{
    border-top: 1px solid #aaa;
}

body > nav ul.menu li ul li{
    position:relative;
}

body > nav ul.menu li ul li > span.menu-special-title{
   position: absolute;
    font-size: 9px;
    top: 0px;
    right: 0px;
    width: 100px;
    text-align: right;
    height: 20px;
    border: none;
    padding: 0 5px 0 0;
    margin: 0;
    background: none;
    text-transform: uppercase;
    color: #adf189;
}
body > nav ul.menu li.add ul li {
  border-top: 1px solid #8EB7C5;
}

body > nav ul.menu li ul li a {
  white-space: nowrap;
}

ul.user {
  position: absolute;
  bottom: 0;
  width: 100%;
}

ul.user li ul {
	top: initail !important;
	top: inherit !important;
	bottom: 0;
}

ul.user li {
	border-bottom: none;
}

body > nav > .fa-times,
body > nav ul.menu li.has-submenu:after
{
    display: none;
}

body > nav ul.menu li.has-submenu.group-menu li{
    width:250px;
}
body > nav ul.menu li.has-submenu.group-menu ul{
    display:block;
    float:left;
    position:static;
    height:100%;

}

body > nav .tiny-text{
    font-size: 11px;
    line-height: 18px;
}

body > nav .tiny-text hr {
	width: 60%;
	margin: 5px auto;
	opacity: 0.15;
}

body > nav .tiny-text a {
    padding: 0 0 10px;
    line-height: 1;
}

body > nav .tiny-text a:hover {
	background: none;
	color: #8dc96b;
}

body > nav .tiny-text:hover a {
	background: none;
}

@media screen and (min-width: 992px) 
{
    body > nav 
    {
        display: block !important;
    }
    
}

@media screen and (max-width: 991px) 
{
    body > nav
    {
        display: none;
        left: 0 !important;
        position: relative;
        width: 100%;
        height: auto;
    }
    
    body > nav:after 
    {
        display: none;
    }

    body > nav ul.menu:not(.user) {
        padding-bottom: 60px;
        width: 100%;
        z-index: 9;
        position: relative;
    }
    
    body > nav ul.menu.user 
    {
        position: relative;
    }
    
    body.lock-menu .menu-toggle
    {
        left: 0 !important;
    }
    
    body > .menu-toggle span,
    body > .auto-plan span 
    {
        display: inline-block;
    }
    
    body.lock-menu .mainLoad, body.lock-menu > div > .tab-content
    {
        margin-left: 0 !important;
    }
    
    body > nav ul.menu li ul
    {
        left: 0;
        position: relative;
    }
    body > nav ul.menu li li li a, body > nav ul.menu li li li span {
        padding-left: 30px;
    }
    body > nav ul.menu li li li li a {
        padding-left: 40px;
    }

    body > nav ul.menu li.has-submenu:after {
        display: block;
        content: "\f078";
        font-family: FontAwesome;
        font-size: 12px;
        position: relative;
        color: #989c9f;
        position: absolute;
        right: 10px;
        top: 12px;
        pointer-events: none
    }
    
    body > nav ul.menu.user li.has-submenu:after
    {
        top: 20px;
    }
    
    body > nav ul.menu li.has-submenu.hover:after
    {
        content: "\f077";           
    }

    body > nav > .fa-times {
        position: absolute;
        right: 0px;
        top: 0px;
        display: block;
        font-size: 20px;
        color: #989c9f;
        cursor: pointer;
        z-index: 12;
        padding: 12px 15px;
        background: #54595D;
    }
    
    body > nav > .fa-times:hover
    {
        color: #EA6F52;
        background:rgba(0,0,0, 0.2);
    }

    body.gantt-chart-view > .menu-toggle,
    body.gantt-chart-view > .auto-plan {
        display: block !important;
    }

    body.gantt-chart-view .options {
        display: none !important;
    }
    
    .ganttChart .toolbar .actions {
        margin-top: -30px !important;
    }
}


/* OPTIONS BOX **************************************************/
.options {
  display: none;
  float: left;
  height: 46px;
  line-height: 46px;
  overflow: hidden;
  margin-right: 15px;
  padding-left: 0;
  font-size: 0;
}

.options:after {
  content: "";
  display: block;
  clear: both;
}

.options li {
  display: inline-block;
  white-space: nowrap;
  height: 46px;
  line-height: 40px;
  cursor: pointer;
  padding: 0 0 0 7px;
  font-size: 20px;
  color: #fff;
}
.options li.menu-toggle {
    background:#54595d;
    white-space: normal;
}
.options li.menu-toggle:hover {
    background: #686c6f;
}
.options li.menu-toggle img {
    display:inline-block;
    margin:8px 11px 5px 11px;
}
.options li.menu-toggle i {
    display:block;
    padding:13px 14px 12px 14px;
    float:right;
    border-left:1px solid #45484a
}
.options li.show-toolbox 
{
    padding: 0;
    margin-left: 17px;
}

.options li.show-toolbox a 
{
    display: block;
    padding: 4px 12px;
    border:2px solid #fff;
    background:#8dc96b;
}
.options li.show-toolbox a:hover{
    background:#a2da82;
}

.options li.show-toolbox i {
	margin-right: 2px;
}

.options li.not-ready {
	cursor: default;
}

.options li.not-ready {
	opacity: 0.2;
}

.options li.not-ready:hover {
	background: #5598a6;
}

.options li.not-ready:hover span {
	color: #D3EEF7;
}

.options li > span:hover {
  background: none;
}

.options li.menu-toggle:hover, .options li.menu-toggle.active {

}

.options li:hover span, .options li.active span {
  color: #ffffff;
}

header > .options-content .ui-resizable-handle {
	display: none !important;
}

.options-content {
  position: relative;
  display: none;
  z-index: 9999;
  height: 250px;;
  background: none;
  border-bottom: 3px solid #9ad17d;
}

.options-content > div {
  width: 100%;
  height: calc(100% - 30px);
}

.column-content {
  height: calc(100% - 30px);
  width: 330px;
  overflow-x: auto; 
}

.options-content > div > div:first-child {
  margin-left: 10px;
}

/*.options-content > div > div {
  display: inline-block;
  border-right: 1px solid rgba(102, 105, 107, 0.8);
  padding-right: 15px;
  margin-right: 15px;
  width: 300px;
  min-width: 300px;
  height: 100%;
  overflow: hidden;
}*/

.options-content > div > div:last-child {
  border-right: none;
  padding-right: 0;
  margin-right: 0;
}

.options-content span.glyphicon-remove {
  position: fixed;
  z-index: 999;
  right: 5px;
  top: 10px;
  cursor: pointer;
  font-size: 14px;
  padding: 6px 10px;
  background: #5598a6;
  vertical-align: top;
  color: #D3EEF7;

  -webkit-transition: all .25s;
	 -moz-transition: all .25s;
	  -ms-transition: all .25s;
	   -o-transition: all .25s;
		  transition: all .25s;
}

.options-content span.glyphicon-remove:hover {
	color: #fff;
	background: #49a6c3;
}

.options-content .ui-resizable-e,
.options-content .ui-resizable-s,
.options-content .ui-resizable-se {
  display: none !important;
}

.wide #toolbox-mirror.options-content .ui-resizable-s {
  display: block !important;
  position: absolute;
  cursor: s-resize;
  width: 20px;
  height: 30px;
  bottom: -15px;
  left: 50%;
  margin-left: -10px;
  font-family: 'Glyphicons Halflings';
  text-align: center;
  font-size: 16px;
  overflow: hidden;
  padding: 0;
  padding-top: 6px;
}

.wide #toolbox-mirror.options-content .ui-resizable-s:after {
	position: relative;
	z-index: 999;
}

.wide #toolbox-mirror.options-content .ui-resizable-s:before {
	content: "";
	display: block;
	position: absolute;
	background: #5598A6;
	width: 20px;
	height: 16px;
	top: 5px;
    border-radius: 3px 3px;
}

.wide .options-content .ui-resizable-s:after {
  content: "\e119";
  color: #8DC96B;
}

.options-content > div.tools > div:first-child {
  width: 70%;
  min-width: 600px;
}

.options-content > div.tools > div:last-child {
  width: 25%;
}

.slide-content span.glyphicon-remove:hover {
  color: #fff;
}

.hide-text .options li > span {
  padding-right: 0;
}

.toolbox .search-box {
	position: absolute;
	z-index: 9999;
	top: 10px;
	right: 50px;
	width: 200px;
}

.toolbox .search-box > input:focus, .toolbox .search-box > input:hover {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3)
}

.toolbox .search-box > input {
	background: #fff;
	border-color: #49a6c3;
	height: 27px;
	width: 100%;
	color: #eee !important;
}

.toolbox .search-box:before {
  content: "\e003";
  position: absolute;
  margin-right: 10px;
  top: 6px;
  right: 0px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  color: #49a6c3;
}

@media (max-width: 1100px) {
  .options li > span {
	padding-right: 0;
	margin-right: 0 !important;
  }

}

@media (max-width: 991px) {
    .gantt-chart-view .options {
        display: block;
        width: 100%;
        margin-left: 0;
        border-radius: 0;
        height: 35px;
    }

  .options li {
	width: 100%;
	height: 35px;
	line-height: 35px;
	text-align: center;
  }

  .options li em {
	display: inline-block;
  }

  header li .menu-icon, .options li span {
	padding-right: 10px;
  }

  header li em {
	display: inline-block;
  }

  header nav {
	height: auto;
  }

  ul.settings {
	top: 70px;
  }
}


/* LOGIN PAGE **************************************************/
.UserController > div {
	margin: 0;
	height: 100%;
}

.UserController .login {
	height: 100%;
	background: rgb(110,167,179);
	background: -moz-radial-gradient(center, ellipse cover,  rgba(110,167,179,1) 0%, rgba(85,152,166,1) 100%);
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(110,167,179,1) 0%,rgba(85,152,166,1) 100%);
	background: radial-gradient(ellipse at center,  rgba(110,167,179,1) 0%,rgba(85,152,166,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6ea7b3', endColorstr='#5598a6',GradientType=1 );
}

#loginForm {
	position: absolute;
	left: 50%;
	top: 45%;
	margin-left: -150px;
	margin-top: -200px;
	width: 300px;
	padding: 10px;
}

.UserController > div footer {
	text-align: center;
	margin-top: 20px;
}

.UserController > div h1 {
	text-align: center;
	font-size: 24px;
	color: #fff;
	margin-top: 0;
	font-weight: 300;
	margin-bottom: 20px;
}

.UserController > div .row {
	margin-bottom: 5px;
}

.UserController > div label {
	line-height: 30px;
	margin-top: 10px;
	color: #fff;
}

.UserController > div input {
	width: 100%;
	padding: 8px 0 8px 40px;
	height: auto;
}

.UserController > div.contentLoading * {
	opacity: 0 !important;
}

#loginForm i {
	position: absolute;
	font-size: 18px;
	color: #ccc;
	left: 24px;
	top: 11px; 
}

#loginForm button {
	padding: 8px 16px;
	background: none;
	border: 2px solid #fff;
}

#loginForm button:hover {
	background: #5598a6;
}

#loginForm .button:before {
	content: "\f090" !important;
	position: relative;
	top: 1px;
	color: #fff !important;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 18px;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#loginForm input[type="checkbox"] ~ label:before,
#loginForm input[type="checkbox"] + label:before {
	color: #fff;
}


@media (max-width: 480px) {
	#loginForm {
		width: 300px;
	}
}


/* FILTERS **************************************************/
.filter {
	display: none;
	position: relative;
	padding: 0;
	padding-left: 10px;
	border-bottom: 1px solid #ddd;
	background: #f1f1f1;
}

.filters-visible .filter {
    display: block;
}

.filter > fieldset:last-child {
	display:none;
}

.filter > fieldset, .filter > div, .filter > .button.save {
	margin-bottom: 10px;
	margin-top: 10px;
}

.filter > .button.save {
	position: relative;
	top: -1px;
}

.filter fieldset {
	display: inline-block;
	margin-right: 10px;
}

.filter fieldset:last-child {
	margin-right: 0;
}

.filter fieldset label[for="Query"] {
	margin-right: 0;
}

.filter fieldset label[for="OrderDate"] {
	margin-right: 5px;
}

.filter fieldset label {
	margin-right: 10px;
	margin-bottom: 10px;
}

.filter input[type="checkbox"] ~ label,
.filter input[type="checkbox"] + label {
	margin-top: 5px;
}

.filter input#Query {
	margin-left: 5px;
	width: 70%;
}

.filter div {
	display: inline-block;
}
.filter-gantt.filter div{
    display:block;
}
.filter-gantt.filter .quickSearchBox{

}
.filter-gantt.filter .resultslist, .filter-gantt.filter .currentResult{
    display:none;
}
.filter fieldset label, .filter span.dateRange {
	margin-bottom: 0;
}
.filter-gantt.filter .resultslist li strong{
    margin-right:15px;
    word-wrap: break-word;
}
span.dateMonth select {
	width: auto;
}

span.dateMonth input {
	width: 100px;
}

span.dateMonth select, .bootstrap-select.dateMonthMonth {
	width: 160px;
}

span.dateMonth input[type='number'] {
	max-width: 80px;    
}

.filter label[for='DatesRange'] {
	margin-left: 0;
	margin-right: 5px;
}

.filter .btn-group .dropdown-menu {
	display: none !important;
}

.filter span.dateRange {
  width: auto;
  display: inline-block;
  margin-right: 15px;
}

.filter fieldset .bootstrap-select {
	width: auto;
	min-width: 100px;
	vertical-align: middle;
	top: -1px;
}

.filter button[type="submit"] {
	margin-left: 0;
	vertical-align: top;
}

@media (max-width: 991px) {
    .filter input[type="checkbox"] ~ label,
    .filter input[type="checkbox"] + label {
	    margin-top: 10px;
    }
}


@media (max-width: 767px) {
	.filter {
		padding-top: 10px;
	}
}

/* TOOLBAR **************************************************/
.toolbar {
	display: block;
}

.toolbar:after {
   content: "";
   display: block;
   clear: both;   
}

.toolbar .actions > menu, .toolbar .actions > menu> li {
	display: inline-block;
	margin: 0;
}

.toolbar .actions > fieldset {
	position: relative;
	display: inline-block !important;
	width: 170px;
}

.toolbar .actions > fieldset > i {
	position: absolute;
	right: 10px;
	top: 8px;
	color: #aaa;
	cursor: pointer;
}

.toolbar .actions > fieldset > i:hover {
	color: #8dc96b;
}

.toolbar .actions > fieldset label {
	display: none;
}

.toolbar .actions > fieldset input {
	height: 30px;
	width: 100%;
	border: none;
}

.toolbar .actions > fieldset input#Query 
{
    padding-right: 30px;
}

.toolbar .actions > fieldset,
.toolbar .actions > .button {
    vertical-align: top;
}

.toolbar .actions .button {
    height: 30px;
}

.toolbar .actions li menu li .button {
    height: auto;
    border: none;
}

.toolbar .actions li menu li {
    border-bottom: 2px solid #fff;
}

.toolbar .actions li menu li:last-child {
    border-bottom: none;
}

.toolbar .button i.fa {
    margin-right: 5px;
    font-size: 110%;
}

.toolbar .button.active, .toolbar .button.active:hover {
	background: #fff !important;
    color: #5598a6 !important;
}

.toolbar .actions > menu> li {
	margin-bottom: 4px;
}

td.actions > menu li {
	display: inline-block;
	margin-top: 5px;
	margin-bottom: 5px;
}

.toolbar a.back {
	float: left;
}

.toolbar menu.group label {
  display: inline-block;
  padding: 6px 12px;
  border: none;
  font-size: 14px;
  line-height: 18px;
  cursor: pointer;
  color: #ffffff !important;
  font-weight: 300;
  background: rgba(38, 49, 55, 0.8);

  -webkit-transition: all .25s;
  -moz-transition: all .25s;
  -ms-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s;
}

.toolbar menu.group label:hover, .toolbar menu.group menu .button:hover {
  background: #71767a;
}

.toolbar menu.group label:after {
	content: "\e114";
	display: inline-block;
	position: relative;
	top: -2px;
	margin-left: 5px;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	font-size: 6px;
	color: #989c9f;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-ms-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
}

.toolbar menu.group label:hover:after {
	color: #fff;
}

.toolbar menu.group menu {
	display: none;
	position: absolute;
	z-index: 999;
	margin: 0;
	margin-top: 4px;
	border: 2px solid #fff;
    background: #5598A6;
}

.toolbar menu.group menu li .button {
	display: block;
	border-radius: 0;
	border-radius: 0;
}

.toolbar menu.group menu li:first-child {
	border-top: none;
}

.toolbar menu.group menu:after {
	content: "";
	display: block;
	position: absolute;
	top: -7px;
	left: 20px;
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #fff;
}

.toolbar menu.MultiSelect {
	display: none;
}

.toolbar menu.default > li:first-child > .button:before, .toolbar menu.default > li:first-child label:before {
	content: "\f067";
	font-family: FontAwesome;
	font-size: 17px;
	position: relative;
	top: 2px;
}

.WarehouseDocumentsController menu.group.MultiSelect > li:first-child .button:before {
	content: "\f02f";
	font-family: FontAwesome;
	font-size: 17px;
	position: relative;
	top: 1px;
}
.WarehouseDocumentsController .modal-footer-placeholder footer,
.ShippingsController .modal-footer-placeholder footer
{
    float: left;
    margin-left: 4px;
}
.WarehouseDocumentsController .button.closeDoc:before {
    content: "\f046";
    font-family: 'FontAwesome';
    font-size: 18px;
}

.in-package-container .panel-collapse{
    padding-left: 20px;
}

.toolbar menu.MultiSelect li:first-child .button:before, .button.remove:before {
	content: "\e020";
}

.toolbar menu.ImportExport li:first-child .button:before {
	content: "\e169";
}

.toolbar menu.ImportExport li:last-child .button:before {
	content: "\e170";
}

@media (min-width: 992px) {
	.toolbar .actions {
		float: right;
		margin-top: -39px;
		margin-right: 10px;
        white-space: nowrap;
	}

    .ProductionReportsController .toolbar .actions {
        margin-top: -34px;
    }

	.toolbar .actions > menu > li {
		position: relative;
	}

	.toolbar .actions > menu > li menu {
		right: 0;
		white-space: nowrap;
	}


	.toolbar menu.group menu:after {
		left: inherit;
		right: 10px;
	}
}

@media (max-width: 991px) {
	body > h2 {
		border-bottom: none;
	}

	.ConfigurationController .toolbar {
		background: none;
		border: none;
		padding-bottom: 0;
		padding-top: 10px;
	}

    body > .menu-toggle,
    body.gantt-chart-view > .auto-plan {
        display: block;
        position: relative;
        border: none;
        width: 100%;
        height: 40px;
        line-height: 40px;
    }
    body.gantt-chart-view > .auto-plan {
        background: #8dc96b;
    }
    body.gantt-chart-view > .auto-plan:hover {
        background:#9dde79;
    }
    body > .menu-toggle img {
        display: inline-block;
        float: none;
        margin: 0px 5px 3px;
        padding: 0;
    }
    body > .menu-toggle img:hover,
    body > .menu-toggle i:hover
    {
        background:none;
    }
    body > .menu-toggle i{
        padding: 10px 10px 9px 14px;
    }
	
	body > h2 
	{
	    padding-left: 10px !important;
	}
	
	body .toolbar 
	{
	    padding-left: 0 !important;
	}
}


/* PAGINATION **************************************************/
.pagination {
	padding: 20px 0 10px;
	margin-top: 0;
	white-space: nowrap;
	overflow: auto;
    margin-bottom: 0;
}

.pagination li {
	display: inline-block;
	margin-right: 5px;
}


/* TABS **************************************************/
body > div[role="tabpanel"] ul.nav-tabs {
	font-weight: 300;
	padding: 0;
	padding-left: 74px;
	background: #5598a6;
	border-bottom: none;
}


div[role="tabpanel"] .nav-tabs li {
	font-size: 16px;
	margin-bottom: 0;
	position: relative;
}

div[role="tabpanel"] .nav-tabs li:after {
	content: "";
	position: absolute;
	right: 10px;
	top: 7px;
	display: block;
	width: 1px;
	background: #fff;
	height: 32px;
	opacity: 0.2;
}

div[role="tabpanel"] .nav-tabs li:last-child:after {
	display: none;
}

div[role="tabpanel"] .nav-tabs li a {
	opacity: 0.6;
}

div[role="tabpanel"] .nav-tabs li a:hover, div[role="tabpanel"] .nav-tabs li.active a {
	opacity: 1;
}

div[role="tabpanel"] .nav-tabs li a {
	padding: 10px 20px;
	margin-right: 20px;
	font-weight: 300;
	color: #fff;
	line-height: 1.1;
	font-size: 24px;
}

div[role="tabpanel"] .nav-tabs li:first-child a {
	padding-left: 0;
}

body > div[role="tabpanel"] ul.nav-tabs li a {
	border: none;
}

body > div[role="tabpanel"] ul.nav-tabs li.active a {
	border: none;
	border-radius: 0;
	background: none;
	color: #fff !important;
	font-weight: 300;
}

body > div[role="tabpanel"] ul.nav-tabs li.active a:hover {
	font-weight: 300;
}

.modal-body ul.nav-tabs {
	background: none;
	padding: 0;
	background: #fff;
}

.modal-body ul.nav-tabs {
	float: left;
	width: 25%;
	border-bottom: none;
	margin-top: -15px;
	margin-left: -15px;
}

.modal-body .tab-content {
	float: left;
	width: 75%;
	padding-left: 10px;
}

.modal-body ul.nav-tabs li, .modal-body ul.nav-tabs li a {
	display: block;
	width: 100%;
	margin: 0 !important;
	padding: 0;
	font-size: 18px;
	color: #64696c;
	background: #fff;
	opacity: 1;
	border-radius: 0;
}

.modal-body ul.nav-tabs li a {
	padding: 15px 10px !important;
	border-bottom: 1px solid #ddd !important;
	border-right: 1px solid #ddd;
}

.modal-body ul.nav-tabs li:last-child a {
	border-bottom: none !important;
}

.modal-body ul.nav-tabs li.active a, .modal-body ul.nav-tabs li:hover a {
	color: #5598a6 !important;
	background: #f2f2f2;
	border-right: 1px solid #ddd !important;
}

.modal-body ul.nav-tabs li.active a {
	font-weight: 400;
}

.modal-body ul.nav-tabs li.active a {
  border-radius: 0;
}


/* PANELS *****************************************************/
.panel-default > .panel-heading {
  color: #64696c;
  background-color: #f2f2f2;
  border-color: #dddddd;
  border: 1px solid #ddd;
  border-radius: 0;
  padding: 0;
}

.panel-group .panel {
	border: none;
	box-shadow: none;
}


.panel-group .panel + .panel {
    margin-top: 25px;
}

.panel-title {
	position: relative;
}
.panel-title br {display: none;}

.panel-title:after {
	content: "";
	display: block;
	clear: both;
}

.panel-title > a:not(.button) {
  padding: 15px;
  line-height: 1.4;
  display: block;
  width: calc(100% - 180px);
  min-height: 52px;
}

.panel-title > a.has-invalid-fields {
    color: #ea6052;
}

.panel-title > a.has-invalid-fields:before {
    content: "\f12a";
    margin-right: 3px;
    top: 1px;
    position: relative;
    margin-top: 1px;
    font-size: 18px;
    color: #EF6B55;
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.panel-title > a:not(.button):after {
    content: "\f077";
    font-family: 'FontAwesome';
    font-size: 10px;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 50%;
    margin-left: -10px;
    bottom: -10px;
    background: #fff;
    border-radius: 50%;
    border: 1px solid #ccc;
    line-height: 18px;
    text-align: center;
    color: #666;
}

.ProductsController .panel-title > a:not(.button):after {
    bottom: -8px;
}

.panel-title > a.collapsed:not(.button):after {
    content: "\f078";    
}

.panel-heading .panel-title .button, .panel-heading .panel-title .removeFromList {
    background: none;
    color: #64696c;
    position: absolute;
    right: 0;
    top: 8px;
}

.panel-heading .panel-title .removeFromLis {
    top: 2px;
}

.panel-heading .panel-title .button:before, .panel-heading .panel-title .button span, .panel-heading .panel-title .removeFromList:before {
    color: #64696c;
    font-size: 18px;
}

.panel-heading .panel-title .button:hover:before, .panel-heading .panel-title .button:hover span, .panel-heading .panel-title .removeFromList:hover:before {
    color: #5598A6 !important;
}

.panel-body {
	margin: 0 -15px;
	border: none !important;
}
.panel.welcome-logo-container {
    position:relative
}
.panel-body.welcome-logo {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex; 
    justify-content: center;
    align-items: center; 
}
.modal-body fieldset table {
	margin-bottom: 10px;
	position: relative;
}

.modal-body fieldset table th, .modal-body fieldset table td  {
	padding: 10px 10px 10px 0;
	text-align: left !important;
	vertical-align: top;
}

.modal-body fieldset table td:last-child {
	padding-right: 0;
	text-align: right !important;
}

.modal-body fieldset table th, .modal-body fieldset table tr:first-of-type td {
	padding-top: 0;
} 

.modal-body fieldset table td {
	border-bottom: 1px solid #ddd;
}

.modal-body fieldset table tr:last-child td {
	border-bottom: none;
}

.modal-body fieldset table td input {
	width: 100%;
}

.modal-body fieldset table td input.number {
	max-width: 100px;
}

.modal-body fieldset table td input {
	margin-bottom: 0;
}

.modal-body fieldset table td .bootstrap-select {
	max-width: 80px;
}

.modal-body #exportForm table td .bootstrap-select {
	max-width: 100%;
	width: 100%;
}

.panel-heading button {
	float: right;
	margin-left: 5px;
	position:relative;
	z-index: 9999;
}

.panel-heading button span {
	color: #fff;
}

.moveDown span {
	top: 2px;
}

.moveUp span {
	top: 1px;
}

@media (min-width: 768px) {
	.modal-body fieldset table td {
		white-space: nowrap;
	}
}

@media (max-width: 767px) {
	.modal-body fieldset table tr td input[type="number"] {
		margin-bottom: 5px;
		max-width: 150px;
	}

	.modal-body fieldset table td {
		white-space: normal;
	}

	.modal-body fieldset table tr td .resultslist {
		margin-top: 5px;
	}

	.modal .modal-body > div div.col-sm-6, .modal .modal-body > div div.col-xs-6 {
		text-align: left;
	}
}


/* QUICK SEARCH **************************************************/
.currentResult {
	position: relative;
	width: 80%;
	padding: 5px 10px;
	background: #f1f1f1;
	border: 1px solid #ddd;
	margin-bottom: 0;
	min-height: 30px;
	white-space: normal;
}

.currentResult > span.clearButton {
	position: absolute;
	top: 50%;
	right: 15px;
	margin-top: -7px;
	font-size: 0;
	cursor: pointer;
	opacity: 0.9;
	width: 14px;
	height: 14px;
	background: url('../Images/times.png') center center no-repeat;
	background-size: 14px 14px;
}

.currentResult > span.clearButton:hover {
	opacity: 1;
}

.currentResult strong {
	color: #5598a6;
	font-weight: 400;
}

.currentResult br {
	display: none;
}

.currentResult div span {
	font-size: 12px;
}

.currentResult div span:not(:empty) {
	padding-right: 5px;
}

.resultslist {
	position: absolute;
	z-index: 9999999999;
	width: calc(80% - 15px);
	margin-top: 5px;
}

.resultslist br {
	display: none;
}

.resultslist ul {
	margin-bottom: 0;
	max-height: 216px;
	overflow: auto;
}

.resultslist li {
	display: block !important;
	position: relative;
	background: #54595D;
	padding: 6px 10px;
	margin: 0 !important;
	color: #eee;
	cursor: pointer;
	border-bottom: 1px solid #5f6467;
}

.resultslist ul li > div > label {
    display: none;
}


.ToolsController #compilantWorkStationsList .currentResult > div,
.production-stage-forms .currentResult > div {
    padding-left: 35px;
}

.TechnologiesController .production-stage-forms .currentResult > div,
.ProductsController .production-stage-forms .currentResult > div,
.TechnologyOperationsController .production-stage-forms .currentResult > div,
.WorkstationsController .production-stage-forms .currentResult > div,
.ToolsController .production-stage-forms .currentResult > div {
    padding-left: 0;
}

#productionStages.tab-pane {
    position: relative;
}

.ToolsController #compilantWorkStationsList .currentResult > div > label,
.production-stage-forms .currentResult > div > label {
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -9px;
    padding-top: 0;
}

.ToolsController #compilantWorkStationsList .currentResult > div > label span,
.production-stage-forms .currentResult > div > label span {
    display: block;
    cursor: pointer;
}

.ToolsController #compilantWorkStationsList .currentResult > div > label input[type="radio"],
.production-stage-forms .currentResult > div > label input[type="radio"] {
    display: none !important;
}

.ToolsController #compilantWorkStationsList .currentResult > div > label span:after,
.production-stage-forms .currentResult > div > label span:after {
    content: "\e006";
    font-size: 18px;
    color: #bbb;
    cursor: pointer;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
    
.ToolsController #compilantWorkStationsList .currentResult > div > label input[type="radio"]:checked + span:after,
.ToolsController #compilantWorkStationsList .currentResult > div > label input[type="radio"]:checked ~ span:after,
.production-stage-forms .currentResult > div > label input[type="radio"]:checked + span:after,
.production-stage-forms .currentResult > div > label input[type="radio"]:checked ~ span:after {
    color: #FFB220;
}

.TasksController .production-stage-tools tr td:last-child {
    width: 45px;
}

.TasksController #workstationQuickSearchBox .quickSearchBoxAdd {
    display: none;
}

.TasksController #workstationQuickSearchBox .quickSearchBoxAdd:before {
    content: "\270f";
}

.TasksController #workstationQuickSearchBox.hasSelected .quickSearchBoxAdd {
    display: inline-block;
}

.TasksController .production-stage-tools .field-validation-error {
    margin-left: 0;
}

.require-tool {
    display: none !important;
}

.req .require-tool {
    display: inline-block !important;
}

.resultslist li:not(.empty) div:before {
	content: "\2b";
	position:  absolute;
	right: 10px;
	top: 50%;
	margin-top: -7px;
	font-size: 12px;
	color: #989c9f;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-ms-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
}

.resultslist li span {
	color: #989c9f;
	font-size: 12px;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: color .25s;
	-moz-transition: color .25s;
	-ms-transition: color .25s;
	-o-transition: color .25s;
	transition: color .25s;
}

    .resultslist li span.progress-span {
        color: #8dc96b;
        margin-left: 5px;
    }

.resultslist li span:only-child 
{
    color: #eee;
    font-size: 14px;
}

.resultslist li:last-child {
	border-bottom: none;
}

.resultslist li:hover:not(.no-results) div:before, .resultslist li:hover:not(.no-results) span {
	color: #fff; 
}

.resultslist.contentLoading {
	background: none !important;
}

.resultslist li:hover:not(.empty):not(.no-results) {
	background: #6A7277;
	color: #fff;
}

.resultslist:after {
	content: "";
	display: block;
	position: absolute;
	top: -5px;
	left: 20px;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #50595e;
}

.resultslist li.no-results div:before 
{
    display: none;    
}

.resultslist li.no-results 
{
    cursor: default;
    text-align: center;
}

.resultslist li strong {
	display: block;
	font-weight: 400;
	cursor: pointer;
}

.resultslist, .currentResult {
	display:none;
}

.quickSearchBox.hasSelected .currentResult {
	display: inline-block;
    margin-bottom: 10px;
}

.quickSearchBox.hasResults .resultslist {
	display: block;
}

.quickSearchBox.loadingResults .quickSearchBoxInput
{
    background: url(../Images/loader.gif) 97% 54% no-repeat;
    background-size: 18px 18px;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}
.quickSearchBox[readonly="readonly"] .currentResult > span.clearButton{
    display:none;
}

.resultslist li.empty {
	color: #bbb;
}

.currentResult br:first-of-type {
	display: block;
}

table tr td .currentResult, table tr td .resultslist {
	width: 100%;
}

.quickSearchBox.hasSelected .quickSearchBoxInput {
	display: none;
}
.qsb-with-button .quickSearchBox{
    display:inline-block;
    width:80%;
}

.qsb-with-button .quickSearchBoxInput,
.qsb-with-button .currentResult{
    width: 100%;
}

.quickSearchBox {
    position: relative;
    width: 100%;
}

.quickSearchBox .currentResult,
.quickSearchBox .resultslist,
.quickSearchBox .quickSearchBoxInput {
    width: 100%;
}

.quickSearchBox .quickSearchBoxInput {
    padding-left: 10px !important;
}

.quickSearchBox .resultslist {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.modal .col-sm-18 .quickSearchBox,
.modal .col-sm-16 .quickSearchBox {
    width: 80%;
    white-space: nowrap;
}

    .modal .col-sm-18 .quickSearchBox * {
        white-space: normal;
    }

.select-product .quickSearchBox {
    width: calc(80% - 3px);
}

@media (max-width: 767px) {
    .modal .col-sm-18 .quickSearchBox,
    .modal .col-sm-16 .quickSearchBox,
    .modal p.annotation {
        width: 95%;
    }

    .modal .modal-body > div div.col-sm-6, .modal .modal-body > div div.col-sm-8, .modal .modal-body > div div.col-xs-6 {
        text-align: left !important;
    }

	.resultslist {
		width: calc(100% - 20px);
		margin-top: -5px;
	}
    .qsb-with-button .quickSearchBox,
    .qsb-with-button input{
        width: 80%;
    }
	.currentResult {
		width: 95%;
	}

}


/* COMPLIANT TOOLS */
#compliantToolsList, #compilantWorkStationsList {
	position: relative;
}

#compliantToolsList > div:last-of-type hr, #compilantWorkStationsList > div:last-of-type hr,
#compliantToolsList:last-of-type hr, #compliantToolsList:last-of-type hr  {
	border-top: 1px solid #fff;
}

#compliantToolsList .quickSearchBox, #compilantWorkStationsList .quickSearchBox {
	display: inline-block;
	width: 85%;
}

#compliantToolsList .quickSearchBox input[type="text"], #compilantWorkStationsList .quickSearchBox input[type="text"],
#compliantToolsList .quickSearchBox .currentResult, #compilantWorkStationsList .quickSearchBox .currentResult {
	width: 100%;
}

#compliantToolsList .quickSearchBox .resultslist, #compilantWorkStationsList .quickSearchBox .resultslist {
	width: 85%;
}

@media (max-width: 767px) {
	#compliantToolsList .quickSearchBox, #compilantWorkStationsList .quickSearchBox {
		width: 100%;
	}
	#compliantToolsList .quickSearchBox .resultslist, #compilantWorkStationsList .quickSearchBox .resultslist {
		width: 100%;
	}
}

/* REPORTS */
.ReportsController .mainLoad {
    height: auto !important;
}
.ReportsController .reportType, .ReportsController #reportParameters {
	width: 400px;
	margin: auto;
	margin-top: 20px;
	padding-top: 15px;
}

.ReportsController #reportParameters:not(:empty) {
	border-top: 1px solid #ddd;
}

.ReportsController .bootstrap-select {
	width: 100%;
}

.reportDate > div:first-child {
	margin-bottom: 10px;
	margin-right: 4%;
	width: 48%;
	float: left;
}

.reportDate > div input {
	width: 100%;
	margin-top: 5px;
}

.reportDate > div:last-child {
	margin-bottom: 10px;
	width: 48%;
	float: left;
}

.reportDate:after {
	content: "";
	display: block;
	clear: both;
}

.ReportsController .modal-body {
	line-height: 30px;
}

.ReportsController .modal-body a {
	font-weight: bold;
}

#reportParameters .bootstrap-select, .ReportsController .modal-body .bootstrap-select {
	margin-bottom: 10px;
	margin-top: 5px;
}

.ReportsController .mainLoad hr {
	border-top: 1px solid #ddd;
	margin: 20px 0;
}

.ReportsController .mainLoad h3 {
	font-size: 24px;
	font-weight: 300;
	color: #5598a6;
	margin: 20px 0;
    background: #f1f1f1;
    margin: 0;
    margin-left: -10px;
    padding: 15px 10px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.ReportsController .mainLoad form, .ReportsController .mainLoad .download {
	display: inline-block;
	vertical-align: top;
}

.ReportsController .mainLoad form {
	padding-right: 10px;
	margin-right: 20px;
	margin-bottom: 10px;
}

.ReportsController .mainLoad .download button {
	display: inline-block;
	margin-right: 10px;
	line-height: 30px;
	border: none;
	background: none;
	cursor: pointer;
}

.ReportsController .mainLoad .download button:hover {
    color: #5598A6;
}

.ReportsController .mainLoad .download button i {
	font-size: 30px;
	line-height: 1;
	margin-right: 5px;
}

.ReportsController .mainLoad .download button i.fa-file-html-o:before 
{
    content: "\f1c9";
}

.ReportsController .mainLoad .download button i.fa-file-xml-o:before 
{
    content: "\f0f6";
}

.ReportsController .mainLoad form > div {
	display: inline-block;
	width: 160px;
	margin-right: 10px;
	margin-bottom: 10px;
	vertical-align: top;
}
.ReportsController .mainLoad form > div.filterList {
    display:block;
    width: 100%;
}
.ReportsController .mainLoad form > div.filterList > div{
    position:relative;
} 
.ReportsController .mainLoad form > div.filterList button.button{
    position: absolute;
    top: 0px;
    left: 10px;
    padding: 5px 0px 6px 6px;
    overflow: hidden;
    width: 24px;
    height: 30px;
    line-height: 19px;
}
.ReportsController .mainLoad form > div.filterList button.add:before {
    height:100px;
}
.ReportsController .mainLoad form > div.filterList > div:hover button.button {
    width:195px;
    width: calc(100% - 20px);
}
.ReportsController .mainLoad form > div.filterList label{
    border-bottom: 1px solid #8dc96b;
    min-height: 30px;
    padding-left: 28px;
    font-size: 12px;
    line-height: 29px;
    padding-bottom: 0px;
}
.ReportsController .mainLoad form > div.filterList .resultslist ul{
    padding-left:0;
}
.ReportsController .mainLoad form > div.filterList .quickSearchBox .currentResult {
    margin-top: 8px;
}
.ReportsController .mainLoad form > div:last-child {
	vertical-align: bottom;
	width: auto;
}

.ReportsController .mainLoad form label, .ReportsController .mainLoad .download label {
	display: block;
}

.ReportsController .mainLoad form input, .ReportsController .mainLoad form select {
	width: 100%;
}

ul.aside-menu {
	padding-left: 0;
	margin-left: -10px;
}

ul.aside-menu li a {
	display: block;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	font-size: 18px;
	font-weight: 300;
	padding: 10px;
    position: relative;
}


ul.aside-menu li.active a, ul.aside-menu li:hover a {
	color: #5598a6;
}

ul.aside-menu li.active a:after {
    content: "";
    position: absolute;
    right: -10px;
    top: 50%;
    margin-top: -10px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #ddd;
}

ul.aside-menu li.active a {
	font-weight: 400;
}

ul.aside-menu li:last-child a {
	border-bottom: none;
}

.ReportsController .modal-body content {
    display: block;
    text-align: center;
    font-size: 16px;
}

.ReportsController .modal-body content ul li {
    display: block;
    text-align: left;
    margin-top: 10px;
    font-size: 14px;
}

.ReportsController .modal-body content ul li a {
    font-size: 0;
    line-height: 0;
    float: left;
    margin-right: 10px;
}

.ReportsController .modal-body content form#userDetailsForm {
	font-size: 14px;
	text-align: left;
	line-height: 21px;
}

.ReportsController .modal-body content ul li a:before {
    content: "\f019";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    margin-right: 5px;
}

.ReportsController .modal-body content ul li a:after {
    content: "Pobierz";
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
}

.ReportsController .report-config > h3 {
    display: none;
}

.ReportsController .report-config {
    padding-top: 20px;
}

.ReportsController #reportContentContainer #reportDownloadParameters {
    display: none;
}

.ReportsController .report-config .download {
    display: none;
    max-height: 150px;
}

.ReportsController .report-config .download:before {
    display: none;
}

.ReportsController .report-config .download:last-child {
    display: inline-block;
}

#reportContentContainer {
    max-width: 100%;
    overflow: auto;
}

#reportContentContainer td.a4, #reportContentContainer td.a3 {
    font-weight: 300;
    padding-left: 0;
    font-family: Roboto;
}

#reportContentContainer td.a13, #reportContentContainer td.a12 {
    padding-left: 0;
}

#reportContentContainer .a12 > span, #reportContentContainer .a11 > span {
    color: #64696c;
    font-weight: normal;
    font-size: 16px;
    font-family: Roboto;
}

#reportContentContainer .a12 > span.a7, #reportContentContainer .a12 > span.a11, 
#reportContentContainer .a11 > span.a6, #reportContentContainer .a11 > span.a10 {
    font-weight: 400;
}

#reportContentContainer .a71 tr td div, #reportContentContainer .a71 tr td,
#reportContentContainer .a66 tr td div, #reportContentContainer .a66 tr td,
#reportContentContainer .a130 tr td div, #reportContentContainer .a130 tr td,
#reportContentContainer .a68 tr td div, #reportContentContainer .a68 tr td {
    text-align: center;
    padding: 2px 5px;
    font-family: Roboto;
}

#reportContentContainer .a71 tr:nth-child(2) td div,
#reportContentContainer .a66 tr:nth-child(2) td div,
#reportContentContainer .a68 tr:nth-child(2) td div,
#reportContentContainer .a130 tr:nth-child(2) td div {
    font-weight: 400;
}

#reportContentContainer .a68 tr td div, #reportContentContainer .a68 tr td div {
    font-size: 11pt;
    font-family: Roboto;
}

.ReportsController #reportConfigContainer table td {
    position: relative;
    text-align: left;
}

.ReportsController .reportsExpendableList .resultslist ul {
    padding-left: 0;
    text-align: left;
}

.ReportsController .reportsExpendableList {
    width: 230px !important;
    position: relative;
}

.ReportsController .reportsExpendableList .quickSearchBox strong {
    white-space: -moz-pre-wrap;
    white-space: -hp-pre-wrap;
    white-space: -o-pre-wrap;
    white-space: -pre-wrap;
    white-space: pre-wrap;
    white-space: pre-line;
    word-wrap: break-word;
    word-break: break-all;
}

.ReportsController .reportsExpendableList .quickSearchBox .currentResult,
.ReportsController .reportsExpendableList .quickSearchBox .resultslist {
    width: 100%;
}

.ReportsController .reportsExpendableList .quickSearchBox .resultslist {
	margin-left: 0 !important;
	padding: 0 !important;
 }

.ReportsController .reportsExpendableList .quickSearchBox.hasSelected .currentResult strong {
    display: block;
    max-width: 142px;
    overflow: hidden;
}

.ReportsController .reportsExpendableList table tr td {
    padding-bottom: 5px;
}

.ReportsController .reportsExpendableList table tr td:last-child {
    vertical-align: top;
    width: 46px;
}

.ReportsController .reportsExpendableList table tr td:last-child {
    max-width: 186px;
}

.ReportsController .reportsExpendableList td .removeFromList {
    margin-left: 5px;
}

.ReportsController .reportsExpendableList.wareGroupList + div {
    vertical-align: top !important;
}

.ReportsController .reportsExpendableList.wareGroupList + div .button {
    margin-top: 26px;
}
@media (max-width: 1200px) 
{
    .ReportsController #reportsView,
    .ReportsController .mainLoad
    {
        height: auto !important;
    }
    
    .ReportsController .mainLoad h3 
    {
        border-right: none;
        margin-right:-10px;
    }
    
	ul.aside-menu {
		margin-right: -10px;
	}
				  
	ul.aside-menu li a {
		border-right: none;
	} 
	
	#reportContentContainer {
        height: auto !important;
    }
    
    .report-config .download 
    {
        max-height: 100px;
    }
    
    .report-config .download:before 
    {
        display: none;    
    }
    
    .aside-menu a:after 
    {
        display: none;
    }
}

@media (max-width: 767px)  {
    .ReportsController .mainLoad form > div:last-child {
        display: block;
    }
}


/* FIXES */
.error {
	background-color: #ea6052;
}

#contributedOrdersList table {
	margin-top: 10px;
}

#contributedOrdersList > div {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e5e5e5;
}

#contributedOrdersList > div:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

#calculateSimulation table.infoTable tr td {
	white-space: normal;
	text-align: left !important;
}

#relations table {
	margin-bottom: 10px;
}

#relations table tr td, #relations table tr th {
	position: relative;
	text-align: left;
}

.InfluencesController #relations table tr td:first-child input {
	width: 100%;
}

.InfluencesController #relations table tr td .resultslist {
	width: calc(100% - 5px);
}

@media (max-width: 767px) {
    .ganttChart .toolbar {
        background: none;
        border: none;
    }
}
.ganttChart .filter-gantt input.quickSearchBoxInput {
    width: 100%;
    padding: 16px 5px;
}
.ganttChart .filter-gantt .removeFromList {
    padding: 5px;
    margin-bottom: 2px;
    vertical-align: middle;
    line-height: 34px;
    margin-top: 1px;
    width: 100%;
}
.ganttChart .filter-gantt .quickSearchBox.hasSelected .currentResult {
    margin-bottom: 0px;
    padding: 6px 5px 6px 5px;
    background: #fff;
}
.ganttChart .filter-gantt .quickSearchBox.hasSelected .currentResult strong {
    font-size: 12px;
    line-height: 12px;
}
.ganttChart .filter-gantt .currentResult > span.clearButton {
    display: none;
}
.ganttChart .filter-gantt .fliter-box td:first-child {
    width: 85%;
}
.ganttChart .filter-gantt td:nth-child(2) {
    /*background-color:#EA6F52;*/
}
.ganttChart .filter input[type="checkbox"] ~ label, .gantt-chart-view .filter input[type="checkbox"] + label {
    margin-top: 0px;
    font-size: 12px;
}

.ganttChart .filter-gantt .fliter-box {
    margin-bottom: 10px;
}
@media screen and (max-width: 991px){
    .filter-gantt .filterQSB{
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        padding-top:10px;
        padding-bottom:10px;
        margin-top:10px;
        margin-bottom:10px
    }
}


#calculateEndDateQuantityValue {
	margin-bottom: 5px;
}

/*#calculateEndDateQuantityButton {
	display: none;
}*/
.ResourcesController .modal #influencesList .quickSearchBox {
    display: inline;
}

.ResourcesController .modal #influencesList .removeFromList {
	float: right;
}

#contributedOrdersList table thead tr th {
	white-space: nowrap;
}

.annotation, .gantt-chart-view .modal #workstationConfiguration .annotation {
    position: relative;
    background: #d8ecf5;
    display: inline-block;
    padding: 5px;
    border-radius: 3px;
    color: #5189A3;
    padding-left: 35px;
    padding-right: 10px;
    margin-top: 10px;
}

.modal .annotation {
    width: 100%;
}

body.gantt-chart-view .modal #workstationConfiguration .annotation {
    max-width: 100%;
    font-size: 14px;
    line-height: 20px;
    right: auto;
}
    body.gantt-chart-view .modal #workstationConfiguration .annotation:before {
        margin-left: 10px
    }

.annotation:before {
	content: "\e086";
	position: absolute;
	margin-right: 10px;
	top: 50%;
	margin-top: -5px;
	left: 10px;
	color: #5189A3;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

#calculateSimulation .infoTable tr.problem td {
	color: #FD9630;
}

#calculateSimulation .infoTable tr.criticalProblem td {
	color: #E04E3C;
}

#loginForm div.alignCenter {
	margin-top: 10px;
	padding: 0 15px;
	text-align: center;
}

#loginForm div.alignCenter > div {
	padding-top: 15px;
}

#contributedOrdersList table tr td:first-child, #contributedForecastsList table tr td:first-child {
	white-space: normal;
}

#contributedOrdersList table tr td:last-child {
	text-align: left !important;
}

#contributedOrdersList table tr td:last-child input {
	max-width: 80px;
}

div.currentResult {
	padding-right: 30px;
}

#productionStages table.production-stage-forms tr td:first-child,
#productionStages table.production-stage-resources tr td:first-child {
	white-space: normal;
}

#productionStages table.production-stage-forms tr td:nth-child(2) {
	width: 65px;
}

#productionStages table.production-stage-forms tr td:nth-child(3),
#productionStages table.production-stage-forms tr td:nth-child(4),
#productionStages table.production-stage-forms tr td:nth-child(5) {
	width: 100px;
}

#productionStages table.production-stage-forms tr td:last-child,
#productionStages table.production-stage-resources tr td:last-child {
	width: 40px;
}

#productionStages table.production-stage-resources tr td:nth-child(2) {
	width: 165px;
}

#productionStages table.production-stage-resources tr td:nth-child(2) input {
	width: 75px;
}

.unit > div:last-child {
	font-size: 0;
}

.unit input {
	margin-right: 5px;
	font-size: 14px;
}

.unit > div:last-child label {
	font-size: 14px;
	width: 70px;
	padding: 0 12px;
	border-left: 1px solid #dedede;
	height: 24px;
	line-height: 24px;
	margin-left: -70px;
	margin-top: 5px;
}

@media (max-width: 767px) {
	.unit input {
		width: 75%;
	}
}

.print-tasks {
	line-height: 35px;
}

.print-tasks a {
	line-height: 35px;
	display: block;
	height: 35px;
	min-height: 35px !important;

	-webkit-transition: all .0s;
	-moz-transition: all .0s;
	-ms-transition: all .0s;
	-o-transition: all .0s;
	transition: all .0s;
}

.print-tasks td {
	width: 50%;
}

.tab-pane#issues input.datetime {
	width: 125px;
}

.tab-pane#issues input.number {
	width: 70px;
}

.tab-pane#issues table tr td:first-child > * {
	max-width: 170px;
}

.gantt-chart-view .toolbar .checkbox-wrapper {
	display: inline-block;
	vertical-align: top;
}


.gantt-chart-view .toolbar .actions .button.actionsSubmenu:before {
	font-size: 13px;
	top: 1px;
	margin-right: 5px;
}

.gantt-chart-view label[for="followDate"] {
	padding: 0;
	display: inline-block;
	padding: 6px 12px;
	border: none;
	cursor: pointer;
	background: #5598a6;
	height: auto;
	line-height: 0 !important;
}

.gantt-chart-view label[for="followDate"]:before {
	content: "\f09c";
	position: relative;
	width: 14px;
	text-align: center;
	top: 0;
	display: inline-block;
	font-family: "FontAwesome";
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 18px;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-ms-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
}

.gantt-chart-view label[for="followDate"]:hover {
	background: #67ABB9;
}

.gantt-chart-view input[type="checkbox"]:checked ~ label[for="followDate"]:before, 
.gantt-chart-view input[type="checkbox"]:checked + label[for="followDate"]:before {
	color: #fff !important;
	content: "\f023";
}

.gantt-chart-view .toolbar .actions input[type="checkbox"]:checked ~ label, 
.gantt-chart-view .toolbar .actions input[type="checkbox"]:checked + label {
	background: #5598a6;
}


.gantt-chart-view .toolbar .actions input[type="checkbox"]:checked ~ label:hover, 
.gantt-chart-view .toolbar .actions input[type="checkbox"]:checked + label:hover {
	background: #49a6c3; 
}

.gantt-chart-view .lower {
	height: 70px;
	position: fixed;
	width: 100%;
	bottom: 0;
}

.gantt-chart-view .upper {
	height: 70px;
	position: absolute;
	width: 100%;
	top: 40px;
}

.gantt-chart-view .toLeft {
	width: 70px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 200px;
}

.gantt-chart-view .toRight {
	height: 100%;
	width: 70px;
	position: absolute;
	top: 0;
	right: 0;
}

.upper, .lower, .toLeft, .toRight {
	z-index: -999;
}

.gantt-chart-view .mainContent {
	position: relative;
}


/* ukrywanie przycisku filtrowania tam gdzie nie jest potrzebny */
.TechnologiesController .toolbar .toggle-filter,
.TechnologyOperationsController .toolbar .toggle-filter,
.ClientsController .toolbar .toggle-filter,
.TaskTypesController .toolbar .toggle-filter,
.TaskIssueReasonsController .toolbar .toggle-filter,
.InfluencesGroupsController .toolbar .toggle-filter,
.WorkstationIssueReasonsController .toolbar .toggle-filter,
.ToolIssueReasonsController .toolbar .toggle-filter,
.ToolsController .toolbar .toggle-filter,
.WarehousePlacesController .toolbar .toggle-filter,
.WarehouseDocumentTypesController .toolbar .toggle-filter {
	display: none !important;
}

/* szerokie modale z zakladkami */

.modal .modal-dialog {
	-webkit-transition: width .25s;
	   -moz-transition: width .25s;
		-ms-transition: width .25s;
		 -o-transition: width .25s;
			transition: width .25s;
}

.modal.has-tabs .modal-dialog,
.modal.modal-big .modal-dialog {
	width: 1000px;
}

.modal.modal-no-border .modal-body 
{
    padding: 0;
}

.modal.modal-no-border .validation-summary-valid ul 
{
    margin-bottom: 0;
}

.modal.modal-no-border .validation-summary-valid li:empty 
{
    margin-bottom: 0;
}

.modal.has-tabs form > .validation-summary-errors
{
    margin-bottom: 25px;
    margin-top: -10px;
}

.modal .modal-dialog {
	margin-top: 0;
    width: 100%;
}

.modal.has-tabs .modal-body {
	min-height: 350px;
}

.modal-body .tab-pane ul.nav-tabs {
    display: block;
    float: none;
    width: 100%;
    margin: 0;
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
    clear: both;
}

.modal-body .tab-pane .panel-collapse ul.nav-tabs {
    margin-top: 15px;
}

.modal-body .tab-pane ul.nav-tabs li {
    display: inline-block;
    width: auto;
    border: 1px solid transparent;
}

.modal-body .tab-pane ul.nav-tabs li.active {
    border: 1px solid #ddd;
    border-bottom: 1px solid #fff;
    top: 1px;
}

.modal-body .tab-pane ul.nav-tabs li.active a {
    background: #fff;
}

.modal-body div[role="tabpanel"] .nav-tabs li:after {
    content: none;
}

.modal-body .tab-pane ul.nav-tabs li a {
    border: none !important;
}

.modal-body .panel .tab-content {
    width: 100%;
    float: none:
}

.modal-body .panel:after {
    content: "";
    display: block;
    clear: both;
}

#automaticallyPlanButton:before {
    content: "\e178";
    color: #fff;
}

.placeholder {
    padding-top: 5px;
}

.placeholder a:hover {
    text-decoration: underline;
}

#ProductionTaskAccordion #workstationQuickSearchBox .quickSearchBoxAdd:before,
#ProductionTaskAccordion #technologyOperationQuickSearchBox .quickSearchBoxAdd:before,
#productionOrderConfiguration #technologyQuickSearchBox .quickSearchBoxAdd:before {
    content: "\270f";
}

#productionOrderConfiguration #technologyQuickSearchBox .quickSearchBoxAdd,
#ProductionTaskAccordion #technologyOperationQuickSearchBox .quickSearchBoxAdd {
    visibility: hidden;
}

.ProductionOrdersController .modal.has-tabs .modal-footer-placeholder footer,
.gantt-chart-view .modal.has-tabs .modal-footer-placeholder footer {
	display: inline-block;
}

.ProductionOrdersController .modal.has-tabs .modal-footer-placeholder footer:first-child,
.gantt-chart-view .modal.has-tabs .modal-footer-placeholder footer:first-child {
	margin-right: 3px;
}

.ProductionOrdersController .modal.has-tabs #planTarget > .row,
.gantt-chart-view .modal.has-tabs #planTarget > .row {
	margin-bottom: 0;
}

.ProductionOrdersController .modal.has-tabs fieldset .annotation,
.gantt-chart-view .modal.has-tabs fieldset .annotation {
    display: block;
    margin: 0;
    font-size: 12px;
    background: none;
    padding: 0;
    padding-left: 15px;
    position: absolute;
    right: 20px;
    margin-top: 8px;
    line-height: 1.2;
    max-width: 185px;
}

.ProductionOrdersController .modal.has-tabs fieldset p.annotation:last-of-type,
.gantt-chart-view .modal.has-tabs fieldset p.annotation:last-of-type 
{
    margin-top: 28px;
}

.ProductionOrdersController .modal.has-tabs fieldset p.annotation.single,
.gantt-chart-view .modal.has-tabs fieldset p.annotation.single
{
    margin-top: 18px;
}

.ProductionOrdersController .modal.has-tabs fieldset .annotation:before,
.gantt-chart-view .modal.has-tabs fieldset .annotation:before {
    left: 0;
    margin-right: 3px;
}
.ProductionOrdersController .modal-body .tab-content{

}
.ProductionOrdersController .modal .modal-body #planTarget.contentLoading{
    position: absolute;
    width: calc(100% - 10px);
    z-index: 1;
    background-color: rgba(255,255,255,0.6);
    height: 100%;
    top: 0px;
    left: 0px;
}
/* Panel */

body.PanelController .button,
.login-pin .button
{
    position: relative;
    
    -webkit-transition: all .1s;
	   -moz-transition: all .1s;
		-ms-transition: all .1s;
		 -o-transition: all .1s;
			transition: all .1s;
}

body.PanelController .button:active,
.login-pin .button:active
{   
    
    -webkit-transform: scale(0.85);
	   -moz-transform: scale(0.85);
		-ms-transform: scale(0.85);
		 -o-transform: scale(0.85);
			transform: scale(0.85);
}

body.PanelController .button:active:after,
.login-pin .button:active:after 
{
    content: "";
    display: block;
    position: absolute;
    left: -7px;
    right: -7px;
    top: -7px;
    bottom: -7px;
}

.body, .login-pin
{
    min-height: 450px;
}

.login-pin #loginForm
{
    margin-top: 0;
    top: 10px;
}

.login-pin .validation-summary-errors li,
.login-pin span.field-validation-error
{
    padding: 15px 10px;
    font-size: 18px;
    text-align: center;
}

.login-pin .validation-summary-errors li:before,
.login-pin span.field-validation-error:before
{
    display: none;
}

.login-pin #Pin 
{
    padding: 0 10px;
    text-align: center;
    font-size: 24px;
    line-height: 50px;
    border-color: #fff;
    height: 50px;
}
 
.login-pin .fa-lock 
{
    display: none;
}

.login-pin .button:before 
{
    display: none;
}

.login-pin table
{
    width: 100%;
}

.login-pin table td 
{
    width: 33.333%;
    padding: 10px;
}

.login-pin table td .button 
{
    display: block;
    width: 100%;
    padding: 20px 0 !important;
    font-size: 24px;
}

.login-pin table td.text .button 
{
    font-size: 15px;
    text-transform: uppercase;
}

.login-pin table td .button.cancel
{
    background: #EA6F52 !important;
}

.login-pin table td .button.cancel:hover {
    background: #F97C67 !important;
}

.login-pin table td .button.primary
{
    background: #8dc96b !important;
}

.login-pin table td .button.primary:hover {
    background: #9ad17d !important;
}
body.PanelController 
{
    color: #444;
}

body.PanelController > h2 {
    text-align: center;
    padding-right: 74px;
    font-weight: bold;
    color: #444;
    background: #fff;
    font-size: 20px;
}

body.PanelController > h2 img{
    margin-top: -10px;
    margin-bottom: -8px;
    padding-right: 17px;
    border-right: 1px dashed #ccc;
    margin-right: 20px;
}

body.PanelController .mainLoad {
    padding: 20px 10px;
}

body.PanelController .mainLoad > hr {
    margin: 10px 0 20px;
}

body.PanelController .panel-actions .button 
{
    margin-right: 10px;
    margin-bottom: 10px;
}

body.PanelController .grid-wrapper
{
    overflow: auto;
    height: auto !important;
}

body.PanelController .modal-body .grid-wrapper 
{
    margin: 0 10px;
}

body.PanelController .grid 
{
    border: 1px solid #ccc;
}

body.PanelController .grid tr th,
body.PanelController .grid tr td
{
    border-right: 1px solid #ccc; 
    border-bottom: 1px solid #ccc;
    padding: 10px 15px;
}

body.PanelController .mainLoad .grid tr td:last-child 
{
    border-right: none;  
}

body.PanelController .mainLoad .grid tbody tr:last-child  td
{
    border-bottom: none;  
}

body.PanelController .mainLoad .grid thead tr td 
{
 background: #eee;
 font-weight: bold;   
}
    
body.PanelController .button.cancel:before {
    display: none;
}

body.PanelController .modal-header,
body.PanelController .modal-footer,
body.PanelController .closeModal
{
    display: none;
}

body.PanelController .modal-backdrop 
{
    background: #fff !important;
    opacity: 1 !important;
}

body.PanelController .modal-content 
{
    box-shadow: none;
}

body.PanelController .modal-dialog 
{
    width: 100%;
}

body.PanelController .modal-dialog 
{
    margin-bottom: 0px;
}

body.PanelController .modal,
body.PanelController .modal-dialog,
body.PanelController .modal-content,
body.PanelController .modal-body 
{
    height: 100%;
    padding: 0 !important;
    margin: 0 !important;
}

body.PanelController .resultslist ul 
{
    max-height: 10000px;
}

body.PanelController .modal-body 
{
    overflow-x: hidden;
    padding: 0;
    max-height: 10000px !important;
}

body.PanelController .modal-body form 
{
    width: 70%;
    margin: auto;
}

body.PanelController .modal-body form#addReportsForm 
{
    width: 100%;
    padding: 0;
}

body.PanelController .modal-body form#addReportsForm .grid tr th,
body.PanelController .modal-body form#addReportsForm .grid tr td 
{
    padding: 10px 15px;
}

body.PanelController .modal-body form#addReportsForm .panel-modal-buttons 
{
    padding-left: 15px;
    padding-right: 15px;
}

body.PanelController .modal-body .row 
{
    margin-bottom: 10px;
}

body.PanelController .modal-body h2 
{
    display: block;
    width: 100%;
    height: auto;
    min-height: 45px;
    line-height: 34px;
    text-align: center;
    color: #444;
    background: #fff;
    font-size: 20px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 20px;
    padding: 10px 15px;
}

body.PanelController .modal-body .col-sm-18 input[type="checkbox"] ~ label,
body.PanelController .modal-body .col-sm-18 input[type="checkbox"] + label 
{
    font-size: 14px;
    top: 4px;
}

body.PanelController .modal-body .col-sm-18 input[type="checkbox"] ~ label:before,
body.PanelController .modal-body .col-sm-18 input[type="checkbox"] + label:before 
{
    top: 3px;
}

body.PanelController .panel-modal-buttons 
{
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
}

body.PanelController .panel-modal-buttons .button:before 
{
    display: none;
}

body.PanelController .panel-modal-info 
{
    margin-top: -20px;
    overflow: hidden;
    text-align: center;
}

body.PanelController .panel-modal-info > span 
{
    display: inline-block;
    margin: 10px;
}

body.PanelController .panel-modal-info .files a
{
    display: block;
    padding: 10px 20px;
    padding-left: 0;
    margin-right: 10px;
    margin-bottom: 10px;
    text-decoration: underline;
}

body.PanelController .panel-modal-info .files a:first-child
{
    margin-top: -10px;
}

body.PanelController .panel-modal-info .files a:before
{
    content: "\f0f6";
    position: relative;
    top: 2px;
	font-size: 24px !important;
	margin-right: 5px;
	font-family: FontAwesome;
	line-height: 1;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body.PanelController .panel-modal-info .files a:hover
{
    text-decoration: none;
}

body.PanelController .panel-modal-info .row 
{
    padding: 5px;
}

body.PanelController .panel-modal-info .col-md-12:first-child
{
    text-align: right !important;
    font-weight: bold;
}

body.PanelController .panel-modal-info .col-md-12:last-child 
{
    text-align: left;
}

body.PanelController .panel-modal-info .col-md-12 label 
{
    margin: 0;
    padding: 0;
}

body.PanelController .panel-modal-info .header
{
    display: block;
    background: #eee;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    text-align: center;
    padding: 10px 0;
    text-transform: uppercase;
    font-weight: bold;
}

body.PanelController > .menu-toggle
{
    border-right: none;
}

body.PanelController .no-work 
{
    padding: 0 15px;
    text-align: center;
}

body.PanelController .no-work .no-work-info
{
    padding-bottom: 20px;
}

body.PanelController .no-work .col-md-24
{
   font-size: 18px;
   font-weight: bold;
   padding: 10px 0;
}

body.PanelController .field-validation-error 
{
    min-width: auto;
    margin-bottom: 15px;
}

body.PanelController .panel-list
{
 padding-left: 10px;   
}

body.PanelController .panel-list li 
{
    margin-bottom: 5px;
}

body.PanelController .grid tr:not(.selectedRow) { 
    cursor: default;
}

body.PanelController .grid tr.selectedRow {
    color: #5598A6;
}

body.PanelController .grid tr.selectedRow:hover td 
{
    background: #fff;
}


@media all and (max-width: 1200px) 
{
    body.PanelController h4 
    {
        font-size: 22px;
    }
    
    body.PanelController .panel-list li 
    {
        font-size: 18px;
        margin-bottom: 10px;
    }
    
    body.PanelController .modal-body form 
    {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    
    body.PanelController .currentResult 
    {
        padding: 10px 15px;
    }
    
    body.PanelController .modal-body .col-sm-18 input[type="checkbox"] ~ label:before,
    body.PanelController .modal-body .col-sm-18 input[type="checkbox"] + label:before 
    {
        top: -1px;
    }
    
    body.PanelController .currentResult > span:after 
    {
        right: 15px;
        margin-top: -10px;
        font-size: 20px;
    }
    
    body.PanelController .modal-body .col-sm-18 input[type="checkbox"] ~ label, body.PanelController .modal-body .col-sm-18 input[type="checkbox"] + label 
    {
        font-size: 18px;
        padding-left: 35px;
    }
    
    body.PanelController .panel-actions,
    body.PanelController .panel-modal-buttons
    {
        font-size: 0;
        padding: 0;
    }
    
    body.PanelController .panel-modal-buttons 
    {
        padding-top: 15px;
        padding-left: 15px;
        padding-right: 15px;
    }
    
    body.PanelController form .panel-modal-buttons 
    {
        padding: 0;
    }
    
    
    body.PanelController .panel-actions .button,
    body.PanelController .panel-modal-buttons .button
    {
        width: calc(50% - 10px);
        padding: 20px 10px;
        font-size: 26px;
        text-align: center;
        margin-right: 20px;
        margin-bottom: 20px;
        line-height: 1.2;
    }
    
    body.PanelController .panel-actions .button:nth-child(even),
    body.PanelController .panel-modal-buttons .button:last-child 
    {
        margin-right: 0;
    }
    
    body.PanelController .mainLoad > hr {
        margin: 0 0 20px;
    }
    
    body.PanelController .modal-body .col-sm-18 input[type="checkbox"] ~ label:before,
    body.PanelController .modal-body .col-sm-18 input[type="checkbox"] + label:before 
    {
        font-size: 28px;
    }

    body.PanelController .modal-body {
        font-size: 24px;
    }   
   
    
    body.PanelController .modal-body > div label 
    {
        padding-top: 12px;
    }
    
    body.PanelController input, body.PanelController select, body.PanelController div.bootstrap-select button, body.PanelController textarea 
    {
        min-height: 50px;
        border: 2px solid #888;
    }
    
    body.PanelController input:focus, body.PanelController select:focus, body.PanelController div.bootstrap-select button:focus, body.PanelController textarea:focus 
    {
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
    }
    
    body.PanelController .field-validation-error 
    {
        display: block;
        font-size: 16px;
        margin-bottom: 20px;
        padding: 10px;
        padding-left: 35px;
    }
}
    
    
@media all and (max-width: 991px) 
{
    body.PanelController .panel-actions .button,
    body.PanelController .panel-modal-buttons .button
    {
        display: block;
        margin-right: 0;
        width: 100%;
    }
    
    body.PanelController input, body.PanelController select, body.PanelController div.bootstrap-select, body.PanelController textarea, body.PanelController .currentResult
    {
        width: 100%;
    }
    
    body.PanelController .panel-modal-info .col-md-12:first-child,
    body.PanelController .no-work .col-md-12:first-child,
    body.PanelController .panel-modal-info
    {
        text-align: left !important;
    }
    
    body.PanelController .panel-modal-info .col-md-12:first-child
    {
        padding-bottom: 10px;
    }
    
    body.PanelController .panel-modal-info .files a
    {
        margin: 15px;
        margin-top: 0 !important;
        padding-left: 0;
    }
}

@media all and (max-width: 767px)  {
    .modal .field-validation-error 
    {
        margin-left: 0;
    }
}



/* Small screens fixes */

@media screen and (max-width: 1100px) 
{
    .modal.has-tabs .modal-dialog,
    .modal.modal-big .modal-dialog 
    {
        width: 100%;
        margin: 0;
    }
    
    .modal.modal-big .modal-dialog .modal-body 
    {
        overflow: auto;
    }
}

@media screen and (max-width: 991px) 
{
    body:not(.gantt-chart-view) > h2, body > div > ul.nav,
    body> div[role="tabpanel"] .nav-tabs
    {
        text-align: center;
    }
    
    body.PanelController > h2 
    {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    
    body> div[role="tabpanel"] .nav-tabs li 
    {
        display: inline-block;
        float: none;
    }
    
    body> div[role="tabpanel"] .nav-tabs li a 
    {
        padding: 10px 0;
    }
    
    body> div[role="tabpanel"] .nav-tabs li:last-child a 
    {
        margin-right: none;
    }
    
    body.lock-menu:not(.gantt-chart-view) > h2, body.lock-menu:not(.gantt-chart-view) > div > ul.nav 
    {   
        padding-left: 10px !important;
    }
    
    body:not(.gantt-chart-view) .toolbar 
    {
        float: none;
        margin: 0;
        padding: 0;
        padding-top: 5px;
        padding-bottom: 5px;
        text-align: center;
        background: #5598a6;
        min-height: 46px;
        padding-left: 55px;
        border-bottom: none;
    }
    
    body:not(.gantt-chart-view) .toolbar menu 
    {
        text-align: left;
    }
    
    body:not(.gantt-chart-view) .toolbar .actions 
    {
        float: none;
        margin-top: 0;
        margin-right: 0;
    }
}

@media screen and (max-width: 767px) 
{
    .modal .modal-dialog 
    {
        width: 100%;
        margin: 0;
    }
    
    .modal-body ul.nav-tabs 
    {
        float: none !important;
        width: calc(100% + 30px) !important;
        margin-bottom: 15px !important;
        display: block;
        margin: 0;
        padding: 0;
        margin-top: -15px;
        margin-left: -15px;
        text-align: center;
    }
    
    .unit input 
    {
        width: 95%;
    }
    
    .modal-body ul.nav-tabs li,
    .modal-body ul.nav-tabs li > a, .modal-body ul.nav-tabs li > a:hover, .modal-body ul.nav-tabs li.active > a
    {
        border-right: none !important;
    }
    
    .modal-body ul.nav-tabs 
    {
        float: none;
        width: 100%;
        margin-bottom: 15px;
        border-right: none;
    }
    
    .modal-body .tab-content 
    {
        float: none;
        padding-left: 0;
        width: 100%;
    }
}

@media screen and (max-width: 700px) 
{
    body:not(.gantt-chart-view) .toolbar .actions > fieldset 
    {
        width: 110px;
    }
}

#productionOrderTasksList .panel-heading 
{
    position: relative;
}

#productionOrderTasksList .panel-heading .problem-counter
{
    position: absolute;
    top: -12px;
    left: 15px;
}

#productionOrderTasksList .panel-heading .problem-counter > div 
{
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    text-align: center;
    line-height: 20px;
    border-radius: 50%;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.15);
}

#productionOrderTasksList .panel-heading .problem-counter > div:empty 
{
    display: none;
}

#productionOrderTasksList .panel-heading .problem-counter .problem-not-critical
{
    background: #FD9630;
}

#productionOrderTasksList .panel-heading.has-problem
{
    border-color: #FD9630;
}

#productionOrderTasksList .panel-heading .problem-counter .problem-critical
{
    background: #E04E3C;
}

#productionOrderTasksList .panel-heading.has-critical-problem,
#productionOrderTasksList .panel-heading.has-other-problem
{
    border-color: #E04E3C;
}

table.files-list tr td:first-child
{
    width: 80%;
}

table.files-list .file-item
{
    display: inline-block;
    padding: 8px 14px;
    width: 100%;
    color: #5598a6;
    font-weight: 400;
    background: #f1f1f1;
    border: 1px solid #ddd;
    line-height: 16px;
}

table.files-list .button 
{
    margin-left: 5px;
}

table.files-list tr td 
{
    border-bottom: none;
}

table.files-list tr td:last-child 
{
    white-space: nowrap;
}

.choose-workstation 
{
    display: block !important;
    background: #fff;
}

.choose-workstation .col-sm-6
{
    text-align: right;
}

.choose-workstation label 
{
    vertical-align: top;
    padding-top: 5px;    
}


@media screen and (max-width: 767px) 
{
   .choose-workstation .col-sm-6
    {
        text-align: left;
        margin-bottom: 10px;
    } 
}

.version 
{
    position: fixed;
    color: #fff;
    bottom: 0;
    text-align: center;
    width: 100%;
    font-size: 11px;    
}

body.ProductionOrderTypesController .toolbar .toggle-filter,
body.PrioritiesController .toolbar .toggle-filter
{
    display: none;
}


/* Technology operations tree in technology edit/add modal */
#nodes-list #productionStagesAccordion
{
    min-height: 70px;
}

#nodes-list .main-tree-options label
{
    display: block;
}

#nodes-list .main-tree-options label 
{
    
}

#nodes-list .main-tree-options .bootstrap-select.CategoryFilter
{
    display: inline-block;
    width: 45% !important;
}

#nodes-list .main-tree-options .quickSearchBoxInput
{
    width: calc(100% - 8px);
}

#nodes-list .main-tree-options label[for="Technology"] 
{
    padding-top: 0px;
}

#nodes-list .main-tree-options .resultslist 
{
    top: initial;
    bottom: calc(100% + 7px);
}

#nodes-list .main-tree-options .row 
{
    margin-bottom: 10px;
}

#nodes-list .main-tree-options .resultslist:after 
{
    top: initial;
    bottom: -5px;
    border-bottom: none;
    border-top: 5px solid #50595e;
}

#nodes-list .button.duplicate 
{
    margin-right: 5px;
}

#technologyOperations .quickSearchBox.hasSelected .button.duplicate 
{
    display: inline-block !important;
}

#nodes-list .technology-operations-tree-actions .button 
{
    margin-bottom: 5px;
}

#nodes-list .add-new-operation 
{
    position: relative;
    z-index: 1;
    text-align: left;
}

#nodes-list .add-new-operation .button 
{
    white-space: nowrap;
}

#nodes-list .main-tree-options .bootstrap-select 
{
    width: calc(100% - 87px);
}

#nodes-list.technology-operations-tree .col-sm-24 .field-validation-error 
{
    margin-left: 0;
}

#nodes-list.technology-operations-tree .node-attr
{
    display: none;   
}

#nodes-list.technology-operations-tree .quickSearchBox.hasSelected .currentResult
{
    padding-bottom: 40px;
    width: 100%;  
}

#nodes-list.technology-operations-tree .quickSearchBox .quickSearchBoxInput {
    width: 100%;
    max-width: 100%;
}

#nodes-list.technology-operations-tree .quickSearchBox.hasSelected + .node-attr
{
    display: block !important;   
    float: left;
    margin-top: -40px;
}

#nodes-list .button.with-label 
{
    font-weight: 300;    
}

#nodes-list .button.with-label:before 
{
    margin-right: 5px;
}

#nodes-list .technology-operations-tree-actions 
{
    text-align: right; 
    padding-right: 10px;   
}

#nodes-list .technology-operations-tree-actions .button 
{
    min-width: 42px;
}

#nodes-list .quickSearchBox .duplicate 
{
    display: none !important;
}

#nodes-list .technology-operations-tree-actions .duplicate 
{
    margin-right: 0;
}

#nodes-list .technology-operations-tree-actions .duplicate:before 
{
    font-size: 14px;
}

.level-1 { padding-left: 15px; }
.level-2 { padding-left: 30px; }
.level-3 { padding-left: 45px; }
.level-4 { padding-left: 60px; }
.level-5 { padding-left: 75px; }
.level-6 { padding-left: 90px; }
.level-7 { padding-left: 105px; }
.level-8 { padding-left: 120px; }
.level-9 { padding-left: 135px; }
.level-10 { padding-left: 150px; }
.level-11 { padding-left: 165px; }
.level-12 { padding-left: 180px; }
.level-13 { padding-left: 195px; }
.level-14 { padding-left: 210px; }
.level-15 { padding-left: 225px; }
.level-16 { padding-left: 240px; }
.level-17 { padding-left: 255px; }
.level-18 { padding-left: 270px; }
.level-19 { padding-left: 285px; }
.level-20 { padding-left: 300px; }

@media screen and (max-width: 767px) 
{  
    
    #nodes-list .technology-operations-tree-actions .duplicate 
    {
        float: none;
        margin-top: 0 !important;
    }
    
    #nodes-list .technology-operations-tree-actions 
    {
        padding-top: 0 !important;
        white-space: nowrap;
    }

    #nodes-list .main-tree-options label[for="Technology"],
    #nodes-list .main-tree-options label[for="CategoryFilter"] {
        text-align: left;
        margin-top: 10px;
    }
    
    #nodes-list .quickSearchBox.hasSelected + .node-attr 
    {
        float: none;
        margin-top: -35px;
    }
    
    #nodes-list .technology-operations-tree-actions 
    {
        padding-top: 10px;
    }
    
    #nodes-list #operationSearchBoxes 
    {
        margin-bottom: 5px;
    }
    
    #nodes-list .button.duplicate 
    {
        margin-top: 5px;
    }
    #nodes-list .main-tree-options .quickSearchBoxInput 
    {
        width: 95% !important;
    }
    #nodes-list .main-tree-options .bootstrap-select 
    {
        width: 95%;
        margin-bottom: 5px;
    }
    #nodes-list .main-tree-options .bootstrap-select.CategoryFilter
    {
        width: calc(100% - 86px) !important;
    }
    
}


/* Autoplan Orders on Gantt */

.modal .modal-body .contentLoading form#autoplanOrdersForm
{
    display: none;
}

.gantt-chart-view .modal.modal-big .modal-dialog{
    max-width:1700px;
    width:auto;
}

.gantt-chart-view .modal-no-border .modal-body ul li
{
    margin-right: 0px;
}

.gantt-chart-view .modal-no-border .bootstrap-select 
{
    width: 90px;
}

.gantt-chart-view .modal-no-border table tr td:nth-of-type(8) .bootstrap-select 
{
    width: 120px;
}

.gantt-chart-view .modal-no-border p.success, .gantt-chart-view .modal-no-border p.fail 
{
    margin-left: 15px;
    margin-right: 15px;
}

.gantt-chart-view .modal-no-border table 
{
    width: 100%;
}

.gantt-chart-view .modal-no-border table tr td:last-child 
{
    white-space: nowrap;
}

.gantt-chart-view .modal-no-border table tr td input.datetime
{
    min-width: 121px;
    padding-left: 5px;
    padding-right: 5px;
}

.gantt-chart-view .modal-no-border .modal-footer .button#mergePlansButton:before{
    content: "\e097";
}

.gantt-chart-view .modal-no-border .modal-footer .button 
{
    margin-right: 0;
}
table tr th .sortButton {
    position:relative;
    display:inline-block;
    padding: 0px;
}
table tr th .sortButton .actionBtn{
    padding: 5px 0px 5px 17px;
}
table tr th .sortButton .active  {
    color:#8dc96b;
}
table tr th .sortButton .glyphicon{
    position: absolute;
    display:block;
    top:-2px;
    left:0px;
    font-size: 12px;
}
table tr th .sortButton .glyphicon:hover{
    color:#5598a6;
}
table tr th .sortButton .glyphicon.glyphicon-chevron-down{
    bottom: -2px;
    top: auto;
}

table tr td.sort-list 
{
    padding: 0;
}

table tr td.sort-list i
{
    display: block;
    padding: 15px;
    color: #777;
    cursor: move;
}

table tr td.sort-list i:hover
{
    color: #444;
}


body > .auto-plan .fa-bars:before {
    content: "\e178";
    font-family: 'Glyphicons Halflings';
    position: relative;
    top: 3px;
}



/* Technology operation categories */

body.TechnologyOperationCategoriesController .jstree-default .jstree-anchor 
{
    font-size: 16px;
}

body.TechnologyOperationCategoriesController .jstree-default .jstree-wholerow 
{
    height: 36px;
    margin-top: -6px;
}

body.TechnologyOperationCategoriesController .jstree-default .jstree-wholerow-hovered 
{
    background: #eee;
}

body.TechnologyOperationCategoriesController .jstree-default .jstree-wholerow-clicked 
{
    background: #eee;   
    border: 1px solid #8dc96b;
}

body.TechnologyOperationCategoriesController .jstree-default .jstree-icon:empty 
{
    height: 36px;
    line-height: 36px;
}
body.TechnologyOperationsController #technologyOperationWareResources .quickSearchBox,
body.TechnologiesController #technologyOperationWareResources .quickSearchBox {
    min-width: 200px;
    position: relative;
}
body.TechnologyOperationsController #technologyOperationConfiguration .bootstrap-select.Category 
{
    width: 80%;
}

body.TechnologyOperationCategoriesController .jstree-rename-input 
{
    height: 24px !important;
    line-height: 24px !important;
}
.TechnologyOperationsController .modal-body fieldset table td {
    white-space: normal;
}
.TechnologyOperationsController .modal-body fieldset table td .resultslist li strong {
    word-break:break-word;
    padding-right: 20px;
}

@media screen and (max-width: 767px)  
{
    .TechnologyOperationsController #technologyOperationConfiguration .bootstrap-select.Category 
    {
        width: 95%;
    }
    .TechnologyOperationsController .modal-body fieldset table td {
        white-space: normal;
    }
}

#autoplanOrdersTable tr td a 
{
    text-decoration: underline;
}

#autoplanOrdersTable tr td a:hover
{
    text-decoration: none;
}


/* Settings view */

.AppSettingsController .mainLoad label 
{
    margin-top: 7px;
}
.AppSettingsController .mainLoad h3 
{
    margin-top: 24px;
}
.AppSettingsController .mainLoad h4 {
    margin-top: 18px;
}
.AppSettingsController .row, .LicenseController .row 
{
    margin-bottom: 5px;
}
.AppSettingsController .resultslist {
    width: 100%;
    padding: 0 10px;
}
.AppSettingsController .resultslist ul{
    padding-left:0px;
}
.AppSettingsController .currentResult {
    width:100%;
}
.AppSettingsController .mainLoad #settingsTableForm input[type='text'],
.AppSettingsController .mainLoad #settingsTableForm input[type='number'],
.AppSettingsController .mainLoad #settingsTableForm input[type='password'],
.AppSettingsController .mainLoad #settingsTableForm input[type='email'],
.AppSettingsController .mainLoad #settingsTableForm input[type='phone'],
.AppSettingsController .mainLoad #settingsTableForm textarea {
    width: 100%;
}

.AppSettingsController .validation-summary-errors 
{
    display: block !important;
    margin-top: 10px;
}

.AppSettingsController .validation-summary-errors li 
{
    text-align: left;
}

.label-info 
{
    font-size: 12px;
    margin-top: -5px;
    font-style: italic;
    color: #888;
    background: none;
}

table tr td.warning{
    background: #fff5c2;
    padding: 3px;
    border-bottom: 1px solid #ffe873;
}
td.warning:before{
    font-family: 'Glyphicons Halflings';
    content:"\e107";
    margin: 0 10px;
    display:inline-block;
    color: #ffda1f;
}

.palette-color-picker-button 
{
    top: 2px !important; 
    border: none !important;   
}

.palette-color-picker-bubble 
{
    z-index: 99999999 !important;
}

.no-price-show .price-to-hide,
.has-opposite-document .price-to-hide
{
    display: none;
}

.has-opposite-document footer:last-child .button.save {
	display: none;
}

.closed footer .button.remove,
.closed footer .button.save {
	display: none;
}


/* Interactive list */
.interactive-list-container .panel
{
    margin-top: 0 !important;
}

.interactive-list-container .panel-heading
{
    display: none;
}

.interactive-list-container .panel-collapse 
{
    display: block;
    visibility: visible;
    padding-bottom: 0;
}

.interactive-list-container .header label
{
    display: block;
    font-weight: bold;
    text-align: left;
}

.interactive-list-container .panel-collapse input,
.interactive-list-container .panel-collapse .currentResult
{
    width: 100%;
}

.interactive-list-container .panel-collapse .panel-body 
{
    padding: 5px 15px;    
}

.interactive-list-container .panel-collapse .panel-body .unit
{
    text-align: right;
}

.interactive-list-container .panel-collapse .panel-body .unit div:last-child 
{
    position: relative;
}

.interactive-list-container .panel-collapse .unit > div:last-child label 
{
    position: absolute;
    top: 0;
    text-align:center;
}

.interactive-list-container .not-valid 
{
    animation: blinkerError 0.5s;
}

.interactive-list-container .valid 
{
    animation: blinkerOk 0.5s;
}

.interactive-list-container .not-valid-field,
.interactive-list-container .input-validation-error  
{
    border-color: #EA6F52;
}

.interactive-list-container .panel-collapse .panel-body .field-validation-error 
{
    margin-left: 0;
    margin-top: 0;
    text-align: left;    
}

.interactive-list-container .panel-collapse .panel-body .product .button.add 
{
    display: none;
    position: absolute;
    top: 2px;
    right: 12px;
    padding: 6px 10px;
    
    -webkit-transition: background .25s;
    -moz-transition: background .25s;
    -ms-transition: background .25s;
    -o-transition: background .25s;
    transition: background .25s;
}

.interactive-list-container .panel-collapse .panel-body .product .button.add:before {
    margin-right: 0;
}

.interactive-list-container .annotation 
{
    display: none;
    margin-bottom: 10px;
    width: 100%;
}


@keyframes blinkerOk {  
  50% { background: #adde92; }
}

@keyframes blinkerError {  
  50% { background: #FBDEDC; }
}


/* New color themes */
body.purple-theme .toolbar,
body.purple-theme h2,
body.purple-theme .toolbar .actions .button,
body.purple-theme .grid .actions menu,
body.purple-theme .modal-header,
body.purple-theme .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, 
body.purple-theme .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, 
body.purple-theme .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current 
{
    background: #9565a0 !important;
}

body.purple-theme .toolbar .actions .button:hover 
{
    background: rgba(255,255,255,0.2) !important;
}

body.purple-theme.filters-visible .toolbar .button.toggle-filter 
{
    background: #fff !important;
    color: #9565a0 !important;
}

body.purple-theme table.grid tr:hover td.actions:after,
body.purple-theme div.bootstrap-select .dropdown-menu .glyphicon,
body.purple-theme.filters-visible .toolbar .button.toggle-filter i
{
    color: #9565a0 !important;
}

body.purple-theme > .menu-toggle 
{
    border-right: 1px solid #9565a0;
}

body.purple-theme table.grid tr td.actions menu li 
{
    border-right: 1px solid #aa79b5;
}

body.roseate-theme .toolbar,
body.roseate-theme h2,
body.roseate-theme .toolbar .actions .button,
body.roseate-theme .grid .actions menu,
body.roseate-theme .modal-header,
body.roseate-theme .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, 
body.roseate-theme .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, 
body.roseate-theme .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current 
{
    background: #c75f86 !important;
}

body.roseate-theme .toolbar .actions .button:hover 
{
    background: rgba(255,255,255,0.2) !important;
}

body.roseate-theme.filters-visible .toolbar .button.toggle-filter 
{
    background: #fff !important;
    color: #c75f86 !important;
}

body.roseate-theme table.grid tr:hover td.actions:after,
body.roseate-theme div.bootstrap-select .dropdown-menu .glyphicon,
body.roseate-theme.filters-visible .toolbar .button.toggle-filter i
{
    color: #c75f86 !important;
}

body.roseate-theme > .menu-toggle 
{
    border-right: 1px solid #9565a0;
}

body.roseate-theme table.grid tr td.actions menu li 
{
    border-right: 1px solid #d46e94;
}

body.custom-theme .toolbar,
body.custom-theme h2,
body.custom-theme .toolbar .actions .button,
body.custom-theme .grid .actions menu,
body.custom-theme .modal-header,
body.custom-theme .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, 
body.custom-theme .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, 
body.custom-theme .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current 
{
    background: #f1805e !important;
}

body.custom-theme .toolbar .actions .button:hover 
{
    background: rgba(255,255,255,0.2) !important;
}

body.custom-theme.filters-visible .toolbar .button.toggle-filter 
{
    background: #fff !important;
    color: #f1805e !important;
}

body.custom-theme table.grid tr:hover td.actions:after,
body.custom-theme div.bootstrap-select .dropdown-menu .glyphicon,
body.custom-theme.filters-visible .toolbar .button.toggle-filter i
{
    color: #f1805e !important;
}

body.custom-theme > .menu-toggle 
{
    border-right: 1px solid #f1805e;
}

body.custom-theme table.grid tr td.actions menu li 
{
    border-right: 1px solid #f1805e;
}

body.QualityControlsController .modal-footer-placeholder footer{
    display: inline-block;
    margin-left: 3px;
}

/*VIEW ProductCuttingController */
body.ProductCuttingController .search-area{
    margin:10px 0;
}

body.ProductCuttingController table.production-stage-forms td:nth-child(1), body.ProductCuttingController table.production-stage-forms th:nth-child(1){
    width:5%;
}
body.ProductCuttingController table.production-stage-forms td:nth-child(2), body.ProductCuttingController table.production-stage-forms th:nth-child(2){
    width:28%;
}
body.ProductCuttingController table.production-stage-forms td:nth-child(3), body.ProductCuttingController table.production-stage-forms th:nth-child(3){
    width:21%;
}
body.ProductCuttingController table.production-stage-forms td:nth-child(4), body.ProductCuttingController table.production-stage-forms th:nth-child(4){
    width:14%;
}
body.ProductCuttingController table.production-stage-forms td:nth-child(5), body.ProductCuttingController table.production-stage-forms th:nth-child(5){
    width:25%;
}
body.ProductCuttingController table.production-stage-forms td:nth-child(6), body.ProductCuttingController table.production-stage-forms th:nth-child(6){
    width:7%;
}
body.ProductCuttingController .button.print:before {
    color:#fff;
}
body.ProductCuttingController .modal-body .tab-content {
    width:100%;
}
body.ProductCuttingController .resultslist ul{padding-left:0;}
body.ProductCuttingController .toolbar .resultslist {padding: 0;}
body.ProductCuttingController .resultslist {width:100%; padding: 0px 10px; left: 0px;}
body.ProductCuttingController .disabled input{background:#eee;}
body.ProductCuttingController input[readonly]:hover{ border-color: #bbb; box-shadow:none;}
body.ProductCuttingController #cutOrderForm tr th{text-align:left;}
body.ProductCuttingController .toolbar .actions > fieldset > i{display:none;}
body.ProductCuttingController .resultslist li{text-align:left;}
body.ProductCuttingController .disabled .clearButton {display:none;}
body.ProductCuttingController tr td input{margin:0;}
body.ProductCuttingController tr.disabled td{opacity:0.75;}
body.ProductCuttingController tr.disabled td:last-child{opacity:1;}
body.ProductCuttingController .disabled label{color:#aaa; cursor:default;}
body.ProductCuttingController table.production-stage-forms input{width:100%;}
body.ProductCuttingController .alert{
    width:100%;
    padding:5px 10px;
    margin-right: 0px !important;
}

body.ProductCuttingController  .added-form td:nth-child(2) .currentResult br:first-of-type{
    display:none;
}
body.ProductCuttingController  .added-form td:nth-child(2) .currentResult strong{
    display:none;
}
body.ProductCuttingController .quickSearchBox.hasSelected .currentResult {
    text-align: left;
    line-height: 32px;
}
body.ProductCuttingController .toolbar .actions > fieldset {
    width: 220px;
}
body.ProductCuttingController .toolbar .quickSearchBox .currentResult{margin:0px;}
body.ProductCuttingController .toolbar .quickSearchBox .quickSearchBoxInput{background-color:#fff;}
body.ProductCuttingController .button.settings{
    border: 2px solid #fff;
    background-color: rgba(255, 255, 255, 0.0);
    padding: 4px 12px;
}
body.ProductCuttingController .button.settings:hover{
   background-color:rgba(255, 255, 255, 0.2);
}
body.ProductCuttingController .button.settings::before{
    content: "\f1de";
    font-family: FontAwesome;
    font-size: 17px;
    position: relative;
    top: 2px;
    color:#fff;
}
body.ProductCuttingController .button-panel{
    padding:10px 15px;
}
body.ProductCuttingController .quickSearchBox .currentResult{
    margin:0px;
    padding:0px 10px;
    line-height:28px;
    min-height: auto;
    width:100%;
}
body.ProductCuttingController .toolbar .quickSearchBox .currentResult br{
    display:none;
}
body.ProductCuttingController .quickSearchBox .currentResult > div{padding-left:0;}
body.ProductCuttingController form#cutOrderForm {padding-top:20px; }

body.ProductCuttingController form#cutOrderForm > div fieldset{min-width:640px;}
body.ProductCuttingController .quickSearchBox .currentResult strong{
   display:inline-block;
   padding-right:5px;
   margin-right:5px;
}
body.ProductCuttingController .searchBoxesSection{
    padding-bottom:10px;
}
body.ProductCuttingController .searchBoxesSection > .row > div{
    margin-top:10px;
}
body.ProductCuttingController .searchBoxesSection .col-xs-20{
    position:relative;
    padding-right:0px;
     
}
body.ProductCuttingController .searchBoxesSection botton.removeFromList{
    position: absolute;
}
body.ProductCuttingController .searchBoxesSection .quickSearchBox{

}
body.ProductCuttingController .searchBoxesSection .quickSearchBox input{
    width:100%;
}
body.ProductCuttingController .cutSettings input{
    width:100%;
}
.disabled input[type="checkbox"]:checked ~ label:before,
.disabled input[type="checkbox"]:checked + label:before,
.disabled input[type="radio"]:checked ~ label:before,
.disabled input[type="radio"]:checked + label:before {
    color:#ccc;
}
body.ProductCuttingController #productionOrderCuts thead tr th,
body.ProductCuttingController .production-stage-forms thead tr th {
    padding-bottom: 5px;
}
body.ProductCuttingController #productionOrderCuts tr td,
body.ProductCuttingController .production-stage-forms tr td {
    vertical-align: top;
    padding-bottom: 10px;
}
body.ProductCuttingController #productionOrderCuts tr td:first-child,
body.ProductCuttingController .production-stage-forms tr td:first-child {
    padding-top: 5px;
    vertical-align: middle;
}
body.ProductCuttingController .modal .field-validation-error {
    margin-left: 0;
    margin-bottom: 3px;
}
@media (max-width: 767px){
 body.ProductCuttingController .resultslist{
     margin-top:5px;
 }
}
@media (max-width: 424px){
    body.ProductCuttingController .toolbar .quickSearchBox{
        margin-bottom:10px;
    }
}
@media (max-width: 640px){
    body.ProductCuttingController form#cutOrderForm > div {overflow-x: auto;}
    body.ProductCuttingController .button-panel { text-align:center;}
    body.ProductCuttingController .button-panel button{ margin-bottom:10px;}
}

.search-for-grid{
    background: #f2f2f2;
    padding-top:20px;
    padding-bottom:20px;
    border-bottom:1px solid #ccc;
}

#workShiftsPerDay .grid tr td:first-child div {
    min-height: 29px;
}

body.ProductsController #manHours .quickSearchBox,
body.OrderPacksController  #orderPackItemsList .quickSearchBox
{position:relative;}
body.ProductsController #manHours .quickSearchBox .resultslist,
body.OrderPacksController  #orderPackItemsList .quickSearchBox .resultslist
{
    padding:0;
    margin-left:0;
}
body.ProductsController #manHours .quickSearchBox .resultslist ul, body.OrderPacksController #orderPackItemsList .quickSearchBox .resultslist ul {width: 100%;}
body.ProductsController #manHours .quickSearchBox .resultslist li strong,
body.OrderPacksController #orderPackItemsList .quickSearchBox .resultslist li strong{
     white-space: normal;
    word-wrap: break-word;
    margin-right: 15px;
}

/*body.simulate-app {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}*/

body.CarriageOrdersController .container-items .panel-item {
    border-radius: 0px;
    box-shadow: none;
    border-bottom: 1px solid #f2f2f2;
    opacity:0.7;
}
body.CarriageOrdersController .container-items .panel-item.active{
    opacity:1;
}
body.CarriageOrdersController input[disabled] {
    box-shadow:none;
    background:#ddd;
}
body.CarriageOrdersController .item-panel-ele{
    border-bottom:1px solid #bbb;
}
body.CarriageOrdersController .items-ware-container{
    font-size:12px;
}
body.CarriageOrdersController .item-panel-ele .dataTypeBoolean{
     display:block;
 }
body.CarriageOrdersController .modal .modal-body > div div.col-xs-6{
    text-align:left;
}
body.CarriageOrdersController .row-head{
    border-bottom: 1px dashed #ccc;
}
body.simulate-app .toolbar, body.simulate-app h2, body.simulate-app .toolbar .actions .button, body.simulate-app .grid .actions menu, body.simulate-app .modal-header,
body.simulate-app .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, body.simulate-app .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
body.simulate-app .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current
{
    background-color: #64696c !important;
}
body.simulate-app > .menu-toggle {
    border-right: 1px solid #45484a;
}
/* radio button in results list in quicksearch boxes */
.resultslist .resultRadioButton {
    display: none;
}

.currentResult .resultRadioButton 
{
    float: left;
    margin-top: 8px;
}

.currentResult .resultRadioButton label 
{
    min-width: 0;
    margin-bottom: 15px;
}

.currentResult .resultRadioButton input[type="checkbox"] ~ label:before, .currentResult .resultRadioButton input[type="checkbox"] + label:before
.currentResult .resultRadioButton input[type="radio"] ~ label:before, .currentResult .resultRadioButton input[type="radio"] + label:before {
	font-size: 18px;
}
.ReportsController .resultslist li {
    padding-right: 25px;
}
div.info-box{
    padding: 10px 15px;
}
div.info-box p {
    background: #edfcff;
    min-width: 250px;
    padding: 10px 15px;
    border:1px solid #ccf7ff;
}
div.info-box i{
    margin-right:10px;
}
/*Fix za bardzo wystający select list z-index */
body.QualityControlConfigsController fieldset .bootstrap-select, body.ImportExportController .bootstrap-select, body.ProductionHallController .bootstrap-select{
     z-index: 9999999 !important;
}
body.ProductionHallController .filter {margin:0px;}
body.ProductionHallController .filter .bootstrap-select{width:50%;}
body.ProductionHallController .workstation-container{margin: 10px 0;}
body.ProductionHallController .workstation-container > div{background: #f5f5f5; padding:10px; border:#fafafa 1px solid; box-shadow: 0px 0px 3px 2px #ddd; min-height: 320px;}
body.ProductionHallController .workstation-container > div:hover{background: #fafafa; box-shadow: 0px 0px 3px 2px #ccc;}
body.ProductionHallController .workstation-container h3{color: #f14a4a; overflow: hidden; text-overflow: ellipsis; min-height: 52px; font-size: 22px;}
body.ProductionHallController .workstation-container ul{ padding-left: 15px;}
body.ProductionHallController .workstation-container ul li span:nth-child(1){min-width:45%; display: inline-block; float:left;}
body.ProductionHallController .workstation-container ul li span:nth-child(2){color:#5598a6; font-weight: bold; overflow: hidden; text-overflow: ellipsis; width: 55%; display: inline-block; line-height: 16px;}

body.WorkstationsController  .modal #compliantToolsConfiguration .field-validation-error{
    margin-left:0;
}
@media (max-width: 424px){
	body.ProductionHallController .filter{text-align: center;}
	body.ProductionHallController .filter .bootstrap-select{width: 100%; padding-right: 10px;}
    body.ProductionHallController .filter button#changeFilter{margin-top:10px;}
}
.progress{
    border-radius:0px;
    display: inline-block;
    min-width: 100%;
    margin: 0;
    position:relative;
}
.progress span {
    position: absolute;
    display: block;
    width: 100%;
    color: black;
    text-align:center;
}
.progress-bar {
    background-color: #8bc86b;
    color: #646980;
    position: static!important;
}



.choose-workstation .menu-toggle {
    display: none !important;
}

.choose-workstation .workstation-list .workstation-list-ele{
    border:1px solid #ccc;
    padding:20px;
    margin-bottom:10px;
    font-size: 18px;
    line-height:24px;
    cursor:pointer;
    text-align: center;
}

.choose-workstation .workstation-list .workstation-list-ele:hover{
    background:#fafafa;
}

@media (min-width: 992px) {
    body:not(.gantt-chart-view) > h2 {
        position: fixed;
        z-index: 100;
        top: 0;
        width: 100%;
    }

    body:not(.gantt-chart-view) .toolbar {
        position: fixed;
        right: 0px;
        width: 60%;
        top: 0px;
        z-index: 100;
        background: none !important;
    }

    body:not(.gantt-chart-view) .toolbar .actions {
        margin-top: 8px;
    }

    body:not(.gantt-chart-view) .mainLoad {
        padding-top: 46px;
        position: static;
    }


    body:not(.gantt-chart-view) span.menu-toggle {
        position: fixed;
        right: 0;
    }
    body:not(.gantt-chart-view) span.filter, body:not(.gantt-chart-view) div.filter, body:not(.gantt-chart-view) form.filter {
        position: fixed;
        top: 46px;
        z-index: 100;
        width: 100%;
        padding-right: 140px;
    }
    body:not(.gantt-chart-view) > div.footer {
        position: fixed;
        bottom: 0;
    }
    body:not(.gantt-chart-view) .mainLoad div.bootstrap-select {
        position: relative;
        z-index: 1 !important;
    }
    body.ReportsController .mainLoad {
        margin-top: 0px !important;
        padding-top: 46px;
        position: static;
        margin-bottom: 28px;
    }
    body.ReportsController .bootstrap-select.btn-group.bs-container{
        z-index:5 !important;
    }
    body.ReportsController .mainLoad ul.aside-menu {
        margin-bottom:0px;
    }
}
ul.user li.client-menu-logo {
    border-bottom: 1px solid #616161;
}
.client-menu-logo img {
    width: 100%;
    padding: 10px;
    max-width: 150px;
}


/*********TREE VIEW***********/
.tree-view [data-tree-open] .tree-btn {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background: #f1f1f1;
    top: calc(50% - 10px);
    left: 0px;
    margin: 10px 0 10px;
    cursor: pointer;
    border-radius: 5px;
    border: 1px solid #ccc;
    font-size: 10px;
    text-align: center;
}

    .tree-view [data-tree-open] .tree-btn:hover {
        background: #ddd;
    }

    .tree-view [data-tree-open] .tree-btn::after {
        position: relative;
        bottom: 0px;
        display: inline-block;
        font-family: 'Glyphicons Halflings';
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        content: "\002b";
        color: #64696c;
    }

.tree-view [data-hidden="True"] .tree-btn {
    background: #f1f1f1;
    bottom: 4px;
}


.tree-view [data-hidden="True"] .quickSearchBox .currentResult div span,
.tree-view [data-hidden="True"] .quickSearchBox .clearButton {
    display: none;
}

#productionStagesAccordion .tree-view [data-hidden="True"] .currentResult {
    background: #e2f2d1;
    padding-bottom: 33px;
}

.tree-view [data-tree-open="1"] .tree-btn::after {
    content: "\2212";
}

.tree-view [data-tree-visible="0"] {
    height: 0px;
    overflow: hidden;
}

.tree-view .hover-tree{
    background:#eee;
}

#productionStagesAccordion .tree-view .hover-tree {
    background: #e9f0f1 !important;
}
#productionStagesAccordion .tree-view .node{
    padding-right:5px;
    background-color:#fff;
    transition: background-color linear 0.2s;
}
#productionStagesAccordion .tree-view .node.level-0 {
    padding-left: 5px;
}
#productionStagesAccordion .tree-view .row {
    margin-bottom: 0px;
}

.tree-view [data-tree-visible="0"] .tree-btn {
    display: none;
}

#productionStagesAccordion .tree-view [data-tree-open] .tree-btn {
    bottom: 5px;
    left: calc(50% - 10px);
    margin: 0;
    top: auto;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.alert-span {
    color: #f00;
    font-weight: bold;
}

.full-quick-search-box .quickSearchBox,
.full-quick-search-box .quickSearchBox .currentResult,
.full-quick-search-box .quickSearchBox .quickSearchBoxInput{
    width: 100%;
}
.full-quick-search-box .quickSearchBox .resultslist{
    width: 100%;
    padding-right:20px;
}

#productionStagesExpandableList > div > div[data-control-expandablelist-item] {
    border-radius: 0px;
    padding: 20px 10px;
    background: #fafafa;
    border: #ccc 1px solid;
    margin-top:10px;
}
#productionStagesExpandableList > div > div[data-control-expandablelist-item]:nth-child(2n+1) {
    background:#f5f5f5;
}
.col-xs-4, .col-xs-8 {
    word-wrap:break-word;
}
.warehouses-list {
    border: 1px solid #ccc;
    background: #fff;
    font-size: 14px;
    position: absolute;
    width: 250px;
    height: auto;
    display: none;
    z-index: 99999;
    top: 25px;
    right: 0;
    margin-right: -100px;
}
.warehouses-status {
    display: table-footer-group;
}
.warehouses-list ul {
    margin:0;
    padding:0;
}
.warehouses-list ul li {
    width:100%;
    font-size:12px;
    border-bottom:1px solid #ddd;
    padding:5px 10px;
    margin-bottom:0 !important;
    display:block !important;
}
.warehouses-list ul li:last-child {
    border-bottom:0;
}
.filters-box {
    width: 100%;
    padding:10px;
    padding-left: 0;
    position: relative;
}
.filters-switcher {
    background: #ddd;
    color: #777;
    border: none;
    padding: 8px 14px;
    font-size:14px;
    line-height:18px;
    width:100px;
    display:block;
    cursor:pointer;
    text-align:center;
}
#reportConfigSubmit {
    position: absolute;
    left: 110px;
    top:-34px;
}
#reportConfigContainer {
    width:100%;
}

.empty-list {
	margin: 20px 0;
	color: #888;
	text-align: center;
}

.modal #documentItems .field-validation-error {
    margin-left: 0;
    margin-top: 5px;
    text-align: left;
}

.modal #documentItems .unit div:last-child {
    position: relative;
}

.modal-filter-box .resultslist {
    width: auto;
    min-width: 80%;
}

.modal-filter-box .resultslist ul {
    width: calc(100% + 30px);
}

.modal-filter-box .quickSearchBoxInput,
.modal-filter-box .currentResult,
.modal-filter-box #term,
.modal-filter-box .bootstrap-select {
    width: 100%;
}

.quickSearchBox.hasSelected .currentResult > div {
    text-overflow: ellipsis;
    overflow: hidden;
}

.WorkShiftsController div:not(.app) #config-menu .active a[href*="ShiftCalendar"],
.WorkShiftsController div.app #config-menu .active a[href="/Administration/WorkShifts"] {
    font-weight: normal;
}

/* Ralations Browser Tree */
#ralationsBrowserTreeQsb .quickSearchBox {
    padding-bottom: 21px;
}

    #ralationsBrowserTreeQsb .quickSearchBox.hasSelected {
        padding-bottom: 0;
    }

#ralationsBrowserTreeQsb .quickSearchBoxInput {
    width: 100%;
    height: auto;
    padding: 10px 20px;
    font-size: 16px;
    max-width: 100%;
}

#ralationsBrowserTreeQsb .currentResult {
    width: 100%;
}

.tree-title {
    padding-bottom: 5px;
    border-bottom: 1px solid #ddd;
    margin-top: 0;
}

#ralationsBrowserTree .currentResult {
    max-width: 100%;
    width: 900px;
    margin-bottom: 0;
}

#ralationsBrowserTree .currentResult {
    padding-right: 10px;
    min-height: 56px;
}

#ralationsBrowserTree .currentResult > div {
    float: left;
    padding-right: 15px;
}

#ralationsBrowserTree .currentResult > div.more-info {
    float: right;
    padding-right: 0;
}

#ralationsBrowserTree .currentResult:after {
    content: "";
    display: block;
    clear: both;
}

#ralationsBrowserTree .currentResult .button {
    margin-top: 5px;
    margin-bottom: 5px;
}

#ralationsBrowserTree .currentResult a:not(.button) {
    display: block;
    cursor: pointer;
}

#ralationsBrowserTreeQsb .currentResult strong {
    font-size: 16px;
}

#ralationsBrowserTreeQsb .resultslist ul {
    padding-left: 0;
}

#ralationsBrowserTree .currentResult strong i {
    font-size: 10px;
    margin-right: 5px;
}

#ralationsBrowserTree > li > ul {
    padding-left: 0;
}

#ralationsBrowserTree > li > ul ul {
    padding-left: 30px;
}

#ralationsBrowserTree .button.add:before {
    display: none;
}

#ralationsBrowserTree .annotation {
    width: 100%;
    padding: 10px;
    padding-left: 35px;
}

#ralationsBrowserTree .annotation:before {
    margin-top: -8px;
}

@media screen and (max-width: 1300px) {
    #ralationsBrowserTree .currentResult {
        width: 700px;
    }
}

@media screen and (max-width: 991px) {
    #ralationsBrowserTree .currentResult {
        width: 600px;
    }
}

body.OffersController .panel-heading .currentResult {
    /*background: #fff;*/
    min-height: 34px;
}

body.OffersController .panel-heading hr {
    margin: 5px 0;
    border-color: #e5e5e5;
}

body.OffersController .product-item-heading a[data-toggle="collapse"] {
    padding-left: 0;
    display: inline-block;
}

body.OffersController .panel-title.product-item-heading {
    font-size: 14px;
}

/*body.OffersController .prod-content .panel-heading a[data-toggle="collapse"].button:after {
    content: "Ukryj szczegóły"
}

body.OffersController .prod-content .panel-heading a[data-toggle="collapse"].button.collapsed:after {
    content: "Pokaż szczegóły"
}*/

body.OffersController .singleProd--item > h5 {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 7px;
    margin-top: 10px;
    color: #5ca2bb;
}

body.OffersController .singleProd--item > .row:first-of-type {
    margin-top: -29px;
}

body.OffersController .product-stage-details {
    padding-left: 0;
}

body.OffersController .singleProd--item:not(:first-of-type) > h5 {
    margin-top: 30px;
}

body.OffersController .singleProd--item h5 {
    margin-top: 3px;
    margin-bottom: 3px;
    font-weight: bold;
}

body.OffersController .singleProd--item .row {
    margin-right: 0;
    margin-left: 0;
}

body.OffersController .singleProd--item .row:not(:first-of-type):hover {
    background: #fff;
}

body.OffersController .prod-content .panel-heading {
    padding: 7px 0;
    background: none;
    border-left: none;
    border-right: none;
}

body.OffersController .prod-content .panel:last-child .panel-heading {
    border-bottom: none;
}

body.OffersController .prod-content .panel-heading .unit > div:last-child label {
    width: 40px;
    padding: 0 0 0 7px;
    margin-left: -40px;
    margin-top: 5px;
}

body.OffersController .prod-content .panel-heading input.has-label-on {
    padding-right: 40px;
}

body.OffersController .prod-content .panel-heading .stage-inline-info {
    margin-bottom: 0;
}

body.OffersController .prod-content .panel-heading .stage-inline-info .text-right {
    padding-right: 0;
}

body.OffersController .prod-content .panel-heading .stage-inline-info .removeFromList {
    background: none;
    max-width: 100%;
    margin-right: -10px;
    padding: 5px 0;
    width: 100%;
}

body.OffersController .prod-content .panel-heading .stage-inline-info .removeFromList:hover {
    background: none;
}

body.OffersController .prod-content .panel-heading .stage-inline-info .removeFromList:hover:before {
    color: #EA6F52 !important; 
}

body.OffersController .prod-content .panel-heading .stage-inline-info .removeFromList:before {
    color: #444;
    font-size: 18px;
}

body.OffersController .prod-content .panel-heading .stage-inline-info .unit {
    width: calc(100% + 20px);
}

    body.OffersController .prod-content .panel-heading .stage-inline-info .quickSearchBox {
        width: calc(100% + 10px);
    }

body.OffersController .prod-content .panel-heading .stage-inline-info .border-left {
    padding-left: 20px;
}

body.OffersController .prod-content .panel-heading.error {
    color: inherit;
}


body.OffersController .prod-content .panel-heading.error .field-validation-error {
    margin-left: 0;
    width: calc(100% + 10px);
    max-width: calc(100% + 10px);
}

/*body.OffersController #stage-boxes .prod-content .panel-body.error,
body.OffersController .product-container.error,
body.OffersController .order-item.error {
    border-color: #ea6052 !important;
}*/

body.OffersController #stage-boxes {
    padding-top: 0 !important;
}

body.OffersController #stage-boxes .prod-content .panel-body {
    border-top: 1px solid #ddd !important;
    padding-bottom: 0;
    border-width: 2px !important;
    border-top-width: 1px !important;
    background: #f9f9f9;
    margin-bottom: 5px;
}

body.OffersController #stage-boxes .prod-content .panel-body .annotation {
    margin-bottom: 10px;
}

body.OffersController #stage-boxes .prod-content .panel:last-child .panel-body {
    border-top-width: 2px !important;
}

body.OffersController #stage-boxes .prod-content .panel-collapse {
    position: relative;
}

body.OffersController #stage-boxes .prod-content .panel-collapse.in:before {
    content: "";
    display: block;
    position: absolute;
    top: -10px;
    left: 3%;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ddd;
}

body.OffersController .prod-content .panel-heading .stage-inline-info .stage-name {
    margin-top: 5px;
    padding-left: 0;
}

body.OffersController .prod-content .panel-heading .stage-inline-info .stage-name:hover {
    color: #5ca2bb;
}

body.OffersController .prod-content .panel-heading .stage-inline-info .stage-name:hover a:first-child:after {
    opacity: 1
}

body.OffersController .prod-content .panel-heading .stage-inline-info .stage-name a {
    display: block;
}

body.OffersController .prod-content .panel-heading.error .stage-inline-info .stage-name a:before {
    display: none;
}

body.OffersController .prod-content .panel-heading .stage-inline-info .stage-name a:before {
    content: "\f077";
    display: inline-block;
    position: relative;
    top: -2px;
    margin: 0 5px;
    opacity: 0.6;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 12px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body.OffersController .prod-content .panel-heading .stage-inline-info .stage-name a.collapsed:before {
    content: "\f078";
}

body.OffersController .prod-content .panel-heading .stage-inline-info .stage-name a:not(.collapsed) {
    color: #5ca2bb;
}

body.OffersController .prod-content .panel-heading .stage-inline-info .stage-name a:not(.collapsed):before {
    opacity: 1;
}

body.OffersController .prod-content .panel-heading .stage-inline-info .stage-name a:first-child {
    font-size: 15px;
}

body.OffersController .prod-content .panel-heading .stage-inline-info .row:last-child {
    margin-bottom: 0;
}

body.OffersController .prod-content .panel-heading .stage-inline-info .quickSearchBox {
    line-height: initial;
}

body.OffersController .prod-content .panel-heading .stage-inline-info .quickSearchBox .currentResult {
    margin-bottom: 0;
}

body.OffersController .prod-content .grid-heading label {
    font-weight: bold;
}

body.OffersController .prod-content .panel {
    margin-bottom: 0;
    margin-top: -1px;
}

body.OffersController .prod-content .panel:not(:first-of-type) .grid-heading {
    display: none;
}

body.OffersController .prod-content .grid-heading {
    padding-bottom: 5px;
}

body.OffersController .prod-content .grid-heading label {
    display: block;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-left: 10px;
}

body.OffersController .prod-content .grid-heading > div {
    position: static;
}

body.OffersController .prod-content .grid-heading > div.col-xs-3 {
    padding-right: 0;
}

body.OffersController .prod-content .grid-heading label:before {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    margin-left: -10px;
    height: 100%;
    background: #ddd;
    top: 0;
}

body.OffersController .prod-content .panel-heading input.has-label-on {
    width: calc(100% - 10px);
}

body.OffersController .prod-content .panel-heading.error .field-validation-error[data-valmsg-for*="Quantity"] {
    width: calc(100% + 10px);
    max-width: calc(100% + 10px);
}

.panel-body.error {
    background: inherit;
}

body.OffersController .product-container.show .prod-content {
    overflow: visible;
}

body.OffersController .prod-content .panel:last-of-type .panel-heading .resultslist 
{
    top: initial;
    bottom: calc(100% + 7px);
}

body.OffersController .prod-content .panel:last-of-type .panel-heading .resultslist:after 
{
    top: initial;
    bottom: -5px;
    border-bottom: none;
    border-top: 5px solid #50595e;
}

body.OffersController .product-container .prod-header .col-sm-20 {
    font-size: 16px;
}

body.OffersController .order-item-name.error:after,
body.OffersController .product-container .prod-header.error .col-sm-20:after {
    content: "\f06a";
    display: inline-block;
    margin: 0 5px;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

##orderItems.contentLoading {
    max-height: 400px;
}

body.OffersController .prod-content .panel-body {
    background: #fff;
    z-index: 9;
    position: relative;
}

body.OffersController #stage-boxes .prod-content {
    margin-left: 10px;
}

body.OffersController .order-item .order-list-items {
    padding-left: 0;
    padding-right: 0;
    overflow: visible;
}

body.OffersController .order-item .order-list-items:empty:before {
    content: "Brak dodanych produktów dla tego etapu. Skorzystaj z pola wyszukiwania powyżej, aby dodać produkt.";
    display: block;
    width: 100%;
    padding: 30px 0 20px;
    text-align: center;
    color: #555;}

body.OffersController .order-item .delete-stage-order {
    margin-right: -10px;
    margin-top: 0;
}

body.OffersController #stage-boxes .order-item {
    padding-top: 0;
    border: none;
    padding: 0;
    background: none;
}

body.OffersController #stage-boxes .order-item:before {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #bbb;
    position: absolute;
    top: 27px;
}

body.OffersController #stage-boxes .order-item .select-product .quickSearchBox {
    display: inline-block;
    margin-top: 0;
    width: calc(100% - 37px);
}

body.OffersController #stage-boxes .order-item .order-item-name {
    margin-left: -10px;
    margin-top: 16px;
    font-size: 18px;
    background: #fff;
    padding-right: 10px;
}

body.OffersController .order-item .order-item-progress {
    display: none;
}

body.OffersController .order-item .product-container {
    padding-bottom: 0;
}

body.OffersController .order-item .product-container.show {
    padding-bottom: 10px;
    margin-bottom: 0;
    border-bottom: none;
    margin-top: 0;
}

body.OffersController .order-item .product-container.show:first-child {
    margin-bottom: 0;
    border-bottom: none;
    margin-top: 10px;
}

body.OffersController .order-item .product-container.show {
    padding-bottom: 0;
}

body.OffersController .order-item .product-container.show:not(:first-child) .grid-heading {
    font-size: 0;
    padding: 0;
}

body.OffersController .order-item .product-container.show:not(:first-child) .prod-content .panel > .clearfix {
    display: none;
}

body.OffersController .order-item .product-container.show:not(:first-child) .grid-heading > div{
    height: 0;
}

body.OffersController .order-item .product-container.show:not(:first-child) .grid-heading label {

}

body.OffersController .order-item .product-container.show:last-child,
body.OffersController .order-item .product-container.last {
    padding-bottom: 0;
    border-bottom: 1px solid #ddd !important;
}

body.OffersController .order-item .product-container .prod-header {
    background: #f1f1f1;
    border-bottom: 1px solid #ddd;
    z-index: 99;
    padding: 5px 10px !important;
}

body.OffersController .order-item .product-container .prod-header div > span {
    position: relative;
    top: 7px;
    font-weight: bold;
}

body.OffersController .toggle-product-show {
    display: inline-block;
    padding-left: 0 !important;
    width: 40px;
    margin-right: 8px !important;
    padding-top: 0 !important;
}

body.OffersController #stage-boxes .prod-header > div > div:not(.delete-product) {
    padding-top: 0;
}

@media screen and (max-width: 1199px) {
    body.OffersController .aside:before {
        display: none;
    }
}

.product-container.show .prod-header .toggle-product-show:before,
.order-item.show > div > .toggle-product-show:before {
    content: "\f077";
}

body.OffersController .add-order-item-container:last-child {
    display: none;
}

body.OffersController .add-order-item-container {
    background:#fff;
}

@media screen and (max-width: 991px) {
    body.OffersController #stage-boxes .order-item:before {
        display: none;
    }

    body.OffersController #stage-boxes .order-item-name {
        display: block;
        text-align: center;
        padding-right: 0;
    }

    body.OffersController #stage-boxes .order-item .add-order-item-container {
        padding-left: 0;
    }
}

@keyframes blink { 
   30% {     box-shadow: 0 0 20px rgba(0,0,0,.5); } 
}

.blink{ /*or other element you want*/
    animation: blink 0.6s;
}

.none-height {
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden;
    padding: 0 !important;
    margin: 0 !important;
}