/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the 
 * later versions of this theme. 
 * 
 * We advise that you use use this CSS to override 
 * SmartAdmin styles. 
 * 
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */

/*
 * INDEX
 * 
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */  

/*WAFFENKARTEI - HIDE ELEMENTS*/
#input-license-waffenkartei-id,
#section-form-waffenkarti-partner,
#section-form-waffenkarti-private,
#section-form-waffenkartei-partner,
#section-nwr-input-waffenkartei,
/*#34860*/
#partner-modul-partner-nwr-input,
#partner-modul-private-person-nwr-input,
#form-partner-private-person #section-form-waffenkartei-private,
#section-waffenkartei-input-birthday,
#section-waffenkartei-input-birthplace,
#section-waffenkartei-input-nwr{
  display:none !important;
}

#section-revision {
	margin-top: 15px;
}

ul.lang>li>a {
	color: #fff;
}

.no-padding-right{
	padding-right:0px!important;
}

.no-padding-left{
	padding-left:0px!important;
}

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

.no-padding-bottom{
  padding-bottom:0px!important;
}

.no-padding-both{
	padding-right:0px!important;
	padding-left:0px!important;
}

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

.no-margin-right{
  margin-right:0px !important;
}

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

.no-margin-left{
  margin-left:0px !important;
}

.no-border-right{
	border-right:none !important;
}

.no-border-left{
	border-left:none !important;
}

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

.no-border-top{
	border-top:none !important;
}

.no-vertical-align{
	vertical-align:baseline !important;
}

.col-space-bottom{
	margin-bottom:14px;	
}

.col-space-top{
	margin-top:14px;	
}

.inline-element{
	display:inline;
}

.gap-top{
	margin-top:18px;
}

.gap-bottom{
  margin-bottom:18px;
}

.icon-gap-right{
	width:20px; 
	display:inline-block;
}

.icon-gap-left{
	width:20px; 
	display:inline-block;
	text-align:right;
}

.btn-align-top{
	border-radius: 0px 0px 2px 2px;
  border-top: none;
}

.btn-align-bottom{
  border-radius: 2px 2px 0px 0px;
  border-bottom: none;
}

/*.btn-primary,.btn-default,.btn-warning,.btn-danger{*/
.btn{
	border-radius:0px !important;
}

.btn-dummy{
  color:#222222;
  background-color:#c1af9b;
}

.btn-option{
	height:32px;
	color:#404040;
	background-color:#f7f7f7;
}

.btn-option:disabled,.btn-option[disabled]{
	color:#999999;
	background-color:#fafafa;
	opacity:1 !important;
}

/*37164 - Small sub information*/
.txt-subinfo{
	color:#777777 !important;
	font-style:italic !important;
}

.ribbon-button-alignment {
	padding-top: 15px;
}

#ribbon .breadcrumb {
	padding-top: 15px !important;
}

html#tte-login
{
	background-position: center center !important;
	background-position: center center !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  background-size:cover !important;
}

body{
	background:none !important; 
}

/*#34961*/
#nav-wrapper{
	width:100%;
	height:auto;
	overflow:hidden;
	border-bottom:1px solid #302c2a;
}

#nav-wrapper nav{
	width:100%;
	height:100% !important;
	overflow-y:scroll;
}

#nav-wrapper nav ul li.active > a::before {
	right:-17px;
}
	
/*#35210 - START SCROLLBAR STYLE */
.tte-scrollbar-slider{
  width: 4px;
  height: 0px;
  position: absolute;
  background-color: #efefef;
  top:0px;
  left: 0px;
  opacity:0.2;
  z-index:100;
}

/*Scrollbar animation by hovering*/
.slider-active{
  animation:showSlider 0.5s forwards;
}

@keyframes showSlider{
  from{
    opacity:0.2;
  }
  to{
    opacity:0.7;
  }
}

#tte-scrollbar-nav-slider-area{
  width:100% !important;
}

/*We have to set the width to 109%, so that the html scrollbar is hide from the view*/ 
nav#nav-slider-area{
   width:109%;
}

/*Hide the visuel scrollbar, if the main menu is collapsed */
body.minified #tte-scrollbar-bar-nav-slider-area{
  display:none;
}
/*#35210 - END SCROLLBAR STYLE */


body.minified #tte-scrollbar-nav-slider-area{
	width:auto !important;
	overflow:initial !important;
}

body.minified #nav-wrapper, body.minified #nav-wrapper nav
{
  width:auto !important;
  overflow:initial !important;
}

body.minified #nav-wrapper nav
{
	width:100% !important;
	overflow:initial !important;
}

/*#32310*/
body#login{
	min-height:0px!important;
}
  
#section-login-logo-area{
  background-color:rgba(255,255,255,0.8);	
  margin-top:60px;
  padding-bottom:15px;
  border-radius:3px 3px 0px 0px;
}

#lbl-current-user{
  font-size: 14px;
  color: #a8a8a8;
  font-weight: 400;	
}

#img-product-logo{
	width:100%;
	max-width:400px;
	margin-top:35px;
}

#txt-tte-slogan{
	font-size:23px;
	color:#7F7F7F;
	margin-top:15px;
}

#section-login-form{
	margin-bottom:0px !important;
}

#btn-status i{
	color:rgb(49,118,177);
}

#section-login-footer{
	width:100%;
	padding-top:18px;
  position:absolute;
  bottom:0px;
  height:55px;
}

#section-login-sub-menu{
  background-color:rgba(255,255,255,0.8);
  margin-bottom:50px;
  padding-top:5px;
  padding-bottom:5px;
  border-radius:0px 0px 3px 3px;
}

#section-login-sub-menu ul li{
	margin:0px 7px 0px 7px;
}

#section-login-sub-menu ul li:first-child{
	margin:0px 7px 0px 0px;
}

#section-login-sub-menu ul li a{
	color:#3c3c3c;
	text-decoration:none !important;
}

#section-login-sub-menu ul li a:hover{
	text-decoration:underline !important;
}

#header{
	top:0px;
}

header#header-main{
	height:49px;
	background:#f4f4f4; 
	border-bottom:1px solid #eeeeee;
}

header#header-main #section-login-contacts{
  margin-top:5px;
}

#section-login-form #header-form-login{ 
	padding:10px 13px 10px 13px;
}

#logo-img {
	padding: 10px 5px 20px 10px;
	width: 100%;
}

#logo img{
	width:auto !important;
	max-width:170px !important;
	height:22px !important;
}

ul#list-main-navigation ul{
	padding:0px;
}

ul#list-main-navigation li a{
	width:100%;
	min-height:38px;
	height:auto;
	display:inline-block;
}

ul#list-main-navigation li a span.menu-item-area-left{
  width:15%;
  display:inline-block;
  float:left;
}

ul#list-main-navigation li a span.menu-item-area-right{
	width:78%;
	display:inline-block;
	word-wrap: break-word;
	padding-top:2px;
}

ul>li.last {
	border-bottom: 1px solid #ccc !important;
}

/*#38349*/
ul.pagination >li.last {
	display:inline-block !important;
}

/* #34334 - User info hover effect by smaller resolution then 1025 or menu minified*/
.login-info span.menu-item-area-right{
	width: 188px;
	height: auto;
	font-size: 1.2em;
	text-align: left;
	line-height: 1.5em;
	color: #333333;
	background-color: whiteSmoke;
	display: none;
	padding: 10px 12px 7px 12px;
	position: absolute;
	left: 45px;
	top: 0px;
	-webkit-box-shadow: 2px 1px 2px 0 rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 2px 1px 2px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 2px 1px 2px 0 rgba(0, 0, 0, 0.2);
	border-left: 1px solid #bfbfbf;
	border-top: 1px solid #D8D4D4;
	border-bottom: 1px solid #ffffff;
	z-index: 3;
}

.login-info:hover #section-login-info-user #lbl-login-info-user-image{
	background-color: #ffffff;
}

.login-info:hover span.menu-item-area-right{
  display:block;
}

.login-info .lbl-company{
	font-size: 0.8em;
  color: #555;
  margin-top: 5px;
}

/*#23832 START*/
body.minified ul#list-main-navigation li ul{
	left:45px;
	width:213px;
}

body.minified ul#list-main-navigation li a span.menu-item-area-right{
	width:200px;
	display:none;
	margin-left:5px;
}

body.minified ul#list-main-navigation li:hover a span.menu-item-area-right{
  display:block;
}

.minified nav > ul > tour > li {
	border-bottom: 1px solid #1A1817;
  border-top: 1px solid #525151;
  /*position:relative;*/
}

.minified nav > ul > tour > li > a{
	/*position:relative;*/
}

/*
.minified nav ul#list-main-navigation > tour >li:hover a span.menu-item-area-right{
	display:block;
}*/

.minified nav > ul tour > li:hover > a > .menu-item-parent{
	display:block;
}

.minified nav > ul > tour > li > a > .menu-item-parent {
  display:none;
  position: absolute;
  left: 40px;
  width: 186px;
  height: 38px;
  line-height: 38px;
  background-color: whiteSmoke;
  color: #333333;
  z-index: 3;
  -webkit-box-shadow: 2px 1px 2px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 1px 2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 2px 1px 2px 0 rgba(0, 0, 0, 0.2);
  border-left: 1px solid #bfbfbf;
  border-top: 1px solid #D8D4D4;
  border-bottom: 1px solid #ffffff;
  padding-left: 12px;
  margin-top:-11px;
}

body.minified ul#list-main-navigation li a span.menu-item-area-right span.menu-item-parent{
	width:200px;
	display:block;
}

body.minified ul#list-main-navigation li ul li{
	width:200px;
	display:inline-block;
	margin-left:5px;
}

body.minified ul#list-main-navigation li ul li a span.menu-item-area-right{
	width:80%;
	display:inline-block;
	text-align:left;
}

/*#23832 END*/

.excluded {
	text-decoration: line-through;
}

.bootstrapWizard li {
	width: 20% !important;
}

.nestable {
	height: 300px !important;
	overflow: auto !important;
}

.nestable button{
	width:5%!important;
}
/* for the status of sample in the process receipt of goods */
div#sampling-status-area {
	text-align: center;
}

div#sampling-status-area span {
	font-size: 50px;
}

.wizard-memory-btn {
	width: 100%;
	height: 60px;
}

.table tr.default {
	background-color: #EEEEEE;
	font-size: 12px;
	font-weight: bold !important;
}

.dd-no-handle {
	background: none repeat scroll 0 0 #FBFBFB;
	border: 1px solid #CFCFCF;
	color: #333333;
	display: block;
	font-size: 15px;
	margin: 5px 0;
	padding: 6px 10px 8px 40px;
	text-decoration: none;
}

.tteLogo {
	margin-top: 25px;
	margin-left: 90px;
	width: 200px;
}

.fa-8x {
	font-size: 10em;
}

.jarvismetro-tile.big-cubes {
	height: 176px;
	width: 176px;
}

.jarvismetro-tile.big-cubes-logo {
	height: 176px;
	width: 367px;
}

.jarvismetro-tile.big-cubes-width2x {
	height: 176px;
	width: 367px;
}

#shortcut ul li .jarvismetro-tile {
	margin: 0 12px 12px 0px;
}

.jarvismetro-tile .iconbox i {
	height: 135px;
}

#section-overlay-tiles {
	height: 100%;
	min-width: 825px;
	max-width: 1223px;
	margin-left: auto;
	margin-right: auto;
}

#shortcut {
	height: 100%;
}

#shortcut #section-overlay-tiles ul {
	padding: 10px 0px 0px 0px;
}

#section-dashboard-box {
	height: 100%;
	min-width: 825px;
	max-width: 1223px;
	margin-left: auto;
	margin-right: auto;
	list-style: none;
}

#section-dashboard-tiles {
	height: 100%;
	list-style: none;
}

#section-dashboard-tiles #section-dashboard-box ul {
	padding: 15px 0px 0px 0px;
	list-style: none;
}

#section-dashboard-tiles #section-dashboard-box ul li a {
	text-decoration: none;
}

#section-dashboard-tiles #section-dashboard-box ul li a:hover {
	color: white;
}

#left-panel{
	z-index:1000 !important;
}

.hidden-menu #left-panel {
	left: -220px;
}

.hidden-menu #main {
	margin-left: 0px;
	left: 0px;
}

#main {
	left: 210px;
}

.rotate {
	text-align: center;
	vertical-align: middle;
	width: 20px;
	margin: 0px;
	padding: 0px;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 10px;
	white-space: nowrap;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90.0deg);
}

#project-context>*:first-child {
	color: #000000;
}

.sticky{
	position: fixed;
	width: 900px;
	top: 89px;
	z-index: 1001;
	border-top: 0;
}

/*Bug #16296 change btn-danger color red to grey with attribute disabled*/
.btn-danger[disabled=disabled] {
	background-color: #989898;
	border-color: transparent;
}

/* Bug #16427 placeholder container, if edit nav is set sticky */
.stickyNavPlaceholderContainer {
	width: 100%;
	height: 93px;
	display: none;
}

/* Bugfix for the datapicking */
.datepicker {
	margin-top: 0px;
	/* #17261 */
	padding-left: 12px;
}

/*Bug #16296 change btn danger color red to grey with attribute disbaled*/
.btn-danger[disabled=disabled] {
	background-color: 717777;
	border-color: transparent;
}

/*Input Files Multi-Lang*/
.btn-file {
	position: relative;
	overflow: hidden;
}

.btn-file input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	min-width: 100%;
	min-height: 100%;
	font-size: 100px;
	text-align: right;
	filter: alpha(opacity = 0);
	opacity: 0;
	background: red;
	cursor: inherit;
	display: block;
}

input[readonly] {
	background-color: white !important;
	cursor: text !important;
}

table tr td.wordwrap {
	max-width: 0;
	word-wrap: break-word;
}

.hidden-unless-LHS {
	display: none;
	visibility: hidden;
}

/*#34543 - Close button in modalbox - Top-Right corner*/
.modal .modal-header .close{  
  position: absolute;
  right: -8px;
  top: -5px;
  background-color:#ffffff;
  opacity: 1;
  width: 24px;
  height: 24px;
  border-radius: 12px;
  font-size: 14px;
  color:#367db9;
}

.modal .modal-header button.close:hover{
  box-shadow: 0px 1px 1px 0px #919191;  
  top: -4px;
}

/* #42943 - dont scroll top when opening modal */
.modal-open {
	overflow: initial;
}

/*  #15015 modal-dialog-table for tables with large content
    created with 3 media queries breakpoints
*/
.modal-dialog-table {
	width: auto;
	width: 100%;
}

@media screen and(min-width:768px){
	.modal-dialog-table, .modal-dialog {
		width: 90% !important;
	}
}

@media screen and (min-width: 1200px) {
	.modal-dialog-table,modal-dialog {
		width: 70% !important;
	}
}

/*
@media screen and (min-width: 1600px) {
	.modal-dialog-table,modal-dialog {
		max-width: 70%;
	}
}*/

.col-lg-6-100percent {
	width: 100%
}

.scroll {
	overflow-y: auto;
}

.no-margin-trbl
{
	margin:-13px;
}

a.orderRollback{
	padding:0;
	color:#ffffff !important;
	background: #D0807D !important;
	box-shadow:none;
	margin-top:10px;
}

a.orderRollback:hover{
	background:#D9534F !important;	
}

a.orderPosRollback{
  padding:0;
  color:#ffffff !important;
  background: #D0807D !important;
  box-shadow:none;
  margin-top:10px;
}

a.orderPosRollback:hover{
  background:#D9534F !important;  
}


.dropdownFurtherActionLink{
      position:absolute;
      color:#333333;
      top:35px;
      right:1px;  
      text-align:right;
      text-decoration:underline;
      cursor:pointer;
}

.inboxAlertLabelSpace40{
	width:40%; 
	float:left;
}

.inboxAlertLabelSpace45{
	width:45%; 
	float:left;
}

.inboxAlertLabelOutputSpace55{
	font-weight:900; 
	width:55%; 
	word-wrap:break-word; 
	float:left; 
}

.inboxAlertLabelOutputSpace60{
	font-weight:900; 
	width:60%; 
	word-wrap:break-word; 
	float:left; 
}

#inbox-table tbody tr.tr-collapseable{
	cursor:pointer;
}

#inbox-table tbody tr td span.label{
	
	margin-top:4px;
	line-height:1.3;
	white-space: normal !important;
}

#inbox-table .inbox-detail-headline{
	float:left;	
}

#inbox-table tr.open-article-group{
	cursor:pointer;
}

#section-tc-button{
	padding-left:0px;
	padding-right:0px;
}

#link-sync-tc{
	margin-right:30px;	
}

#section-chb-finish
{
	margin-top:4px;
}

.popover {
	width:300px;
}

/* #18423 */
.modal-dialog{
	transform: none !important;
}

span.label {
	font-size:90% !important;
	font-weight: 100 !important;
}


.releaseNoteRow{
	cursor:pointer;
}

.releaseNoteContent{
	display:none;
}

.releaseNoteContent table tbody tr td:nth-child(2),.releaseNotesTable tbody tr td:nth-child(3){
    text-align:center;
    vertical-align: top;
}
.link-disabled{
   pointer-events: none;
   cursor: default;
}

/*
* #21846 
* Input Dropdown Elemente START  
*/
ul.dropdownMenu{
	min-width:150px;
	width:100%;
	max-width:200%; 
	max-height:250px; 
	overflow-y:scroll; 
	position:absolute;
	top:36px; 
	z-index:999999;
	display:none;
	background:#ffffff;
	padding:0px;
	margin:0px;
	box-shadow: 2px 3px 5px #cccccc;	
}

ul.dropdownMenu-lg{
	min-width:150px;
	width:100%; 
	max-width:200%; 
	max-height:250px; 
	overflow-y:scroll; 
	position:absolute;
	top:45px; 
	z-index:999999;
	display:none;
	background:#ffffff;
	padding:0px;
	margin:0px;
	box-shadow: 2px 3px 5px #cccccc;
}

ul.dropdownMenu li{
	font-weight:100;
	text-align:left;
	color:#333;
	height: 25px;
	list-style:none;
	padding:4px 10px 4px 10px;
	cursor:pointer;
	overflow:hidden;
	/*#27524*/ 
	word-break: break-all;
}

ul.dropdownMenu-lg li{
	font-weight:100;
	text-align:left;
	font-size:16px;
	color:#333;
	height: 32px;
	list-style:none;
	padding:6px 10px 0px 10px;
	cursor:pointer;
	overflow:hidden;
}

ul.dropdownMenu li i,ul.dropdownMenu-lg li i{
	margin-right:10px;
	color:#555555;
}

/*#22239*/
ul.dropdownMenu li:hover{
	color:#333333 !important;
	background:#EDEDED;
}

ul.dropdownMenu-lg li:hover{
  color:#333333 !important;
  background:#EDEDED;
}

ul li.dropdown-element-hover{
	color:#ffffff !important;
	background:#3276b1;
}

ul li.dropdown-element-hover i{
  color:#ffffff !important;
}

/*#22239*/
ul li.dropdown-element-hover:hover{
	color:#ffffff !important;
	background:#3276b1 !important;
	cursor:default;
}

ul li.dropdown-element-disabled{
	color: #aaaaaa !important;
	cursor: no-drop;
	background-color:#ffffff !important;
}	
ul li.dropdown-element-disabled:hover{
	color: #aaaaaa !important;
}

ul li.dropdown-element-disabled.dropdown-element-hover{
	background-color:#efefef !important;
}

ul li.dropdown-element-disabled.dropdown-element-hover i{
	color:#aaaaaa !important;
}

.dropdown_btn
{
	height:32px; 
  padding:0px; 
  margin:0px;
  border-left: 0px;
  background-color: #fefefe;
  border-radius:0px 0px 0px 0px !important;
  box-shadow: -1px 0px 1px 0px #efefef;
}

.dropdown_btn-lg{ 
	height:44px; 
	padding:0px; 
	margin:0px;
	border-radius:0px 4px 4px 0px !important;
}

.input-dropdown-field-fullsize{
	width:100% !important;
}
 
.input-dropdown-field{
  border-radius:0px; 
  padding-right:0px; 
  border-right:0px;
}

.input-dropdown-field-ie{
  border-radius:0px; 
  padding-right:0px; 
  border-right:0px;
}

.input-dropdown-field-without-btn{
	width:100% !important;
	border-right-width:1px !important;
}


.dropdown-input-loader{
  background-color:#ffffff;
  box-shadow:-1px 0px 1px 0px #efefef;
  border-left:none;
}

/*#27931 Dropdown list with diffrent size*/
.drowdown-input-size-small{
  width: 96% !important;
}

.drowdown-btn-size-small{
  width: 4% !important;
}

.drowdown-input-size-normal{
  width: 90% !important;
}

.drowdown-btn-size-normal{
	width: 10% !important;
}

.drowdown-input-size-huge{
  width: 80% !important;
}

.drowdown-btn-size-huge{
  width: 20% !important;
}

.dropdown_btn-small{
  width:4% !important;
}

.input-dropdown-small{
	width:96% !important;
}

.input-dropdown{
	color : transparent !important;
  text-shadow : 0 0 0 #555555 !important;
}

.input-dropdown[readonly]{
	cursor:default !important;	
}

.input-dropdown:focus{
	outline : none;
}

.input-dropdown-no-result{
	border:1px solid #D9534F !important;
}

.input-dropdown-no-result:focus{
	border:1px solid #D9534F !important;
}

.dropdown-no-result{
	color: #ffffff !important;
	background: #D9534F !important; 	
}
.dropdown-no-result:hover{
	color: #ffffff !important;
	background: #D9534F !important;
	cursor:default !important;;
}

ul.dropdownMenu div.tooltip{
  position:fixed;
  z-index:999999;
  visibility: visible;
}
/*#29844*/
ul.dropdownMenu div.tooltip-arrow{
  border-bottom-color:#3276B1 !important;
}

ul.dropdownMenu div.tooltip-inner{
    background-color:#3276B1;
}

.tooltip .tooltip-inner{
	  background-color:#3276B1;
	  
}

.tooltip .tooltip-arrow{
	border-color:transparent !important;
}

/*
* Input Dropdown Elemente END
*/


/*jquery calender icon cursor*/
.ui-datepicker-header .ui-datepicker-prev,.ui-datepicker-header .ui-datepicker-next{
	cursor:pointer !important;
}

/* #21617 */
#section-overlay-tiles ul{
	border-bottom:none !important;
	box-shadow:none !important;
}

input.backupInput[readonly]{
	border:none;
	padding-left:0px;
	background-color:transparent !important;
}

input.backupInput [readonly]{
	background-color:transparent !important;
} 

#lbl-stock-percentage-num{
	width:100%;
	text-align:center;
	padding-top:3px;
	position:absolute;
	left:0px;
	top:0px;
}

/*#21949*/
.icon-arrow-right-top{
       width:15px;
       height:20px;
       display:inline-block;
       margin-left:4px; 
       background: url('../img/arrow-direction-right-top.svg') no-repeat 0px 7px;
}



/* Hierarchy build up CSS - START*/

.child-parent{
	width:auto;
	clear:both;
}

.child-parent:hover > .hierachy-child{
	background-color:#fddfb3;
}
.hierachy-child{
	width:100%;
	/*height:39px;*/
	height:auto;
	min-height:39px;
	background-color:#FBFBFB;
	border:1px solid #CFCFCF;
	border-radius:2px;
	margin-bottom:4px;
	padding-top:5px;
	padding-bottom:2px;
	clear:both;
}

.child-button-area{
	width:3%;
	text-align:center;
	display:block;
	padding-top:4px;
	float:left;
}

.hierachy-small-btn{
	width:7%  !important;;	
}

.child-button-area i{
	color:#0091D9;
	cursor:pointer;
	font-size:120%;
}

.item-button-area{
	width:2%;
	text-align:center;
	display:block;
	padding-top:4px;
	float:left;
}

.child-description{
	/*#26995*/
	width:65%;
	font-size:120%;
	font-style:italic;
	color:#333333;
	padding-top:2px;
	float:left;
}

.item-description-area{
	width:65%;
	font-size:120%;
	font-style:italic;
	color:#333333;
	padding-top:2px;
	float:left;
}

.hierachy-small-description{
	font-size:100% !important;
	width:50% !important;
	padding-top:5px !important;
}

.child-uom{
	/*#26995*/
	width:30%;
	text-align:right;
	padding-right:10px;
	padding-top:3px;
	float:right;
}

.hierachy-small-uom{
	width:37% !important;
}

.child-uom .label-info{
	margin-right:5px;
}

.ul-child-list{
	margin:0px 0px 0px 20px;
}
/* Hierarchy build up CSS - END*/

/*#22774*/
.summary-list{
	width:330px;
	display:inline-block;
	margin-right:15px;
	float:right;
	padding-right:15px;
	border-right:1px solid #cccccc;
}

.summary-new{
	width:220px;
	display:inline-block;
	float:right;
}

.header-unit-summary{
	background:#EAF5E6;
	padding:3px 8px;
	border:1px solid #cccccc;
	margin-left:5px;
	border-radius:2px;
}

/*#23568 show scrollable list of not allowed for reimport HUs in inbox*/
#inbox-table .popover {
	max-width:none !important;
	width:405px !important;
}

#inbox-table .popover-content {
    height:auto;
    max-height:400px;
    width:400px;
    overflow-y:scroll;
    overflow-x:hidden;
}
/*end #23568*/

/*DataTable Pagination styling*/
.dataTables_paginate{
	margin:15px 15px 15px 0px !important;
	float:right;
}

.dataTables_paginate .paginate_button, .dataTables_paginate .ellipsis{
	width:35px;
	height:35px;
	color:#337AB7;
	background-color:#ffffff;
	display:inline-block;
	text-align:center;
	padding-top:8px;
	border-left:1px solid #dddddd;
	border-top:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
	text-decoration:none;
	cursor:pointer;
}

.dataTables_paginate .paginate_button:hover{
	background-color:#F0F0F0;
}

.dataTables_paginate .current{
	background-color:#337AB7;
	color:#ffffff;
}

.dataTables_paginate .current:hover{
	background-color:#337AB7;
	cursor:default;
}

.dataTables_paginate .previous{
	border:0px 0px 2px 2px;
}

.dataTables_paginate .next{
	border:2px 2px 0px 0px;
}

.dataTables_paginate .last{
	border-right:1px solid #dddddd;
}

.dataTables_paginate .disabled{
	background-color:#F0F0F0;
	color:#C1C1C1;
	cursor:default;
}

.dataTables_paginate .ellipsis{
	cursor:default;
}

.dataTables-changeSize{
	width:130px;
	margin-top:15px;
	text-align:center;
}

.dataTables-changeSize input{
	text-align:center;
}

.dataTables-infoPanel{
	margin-top:25px;
	float:right;
}

/*Guided Order edit color*/
.bg-edit-color td{
	color:#ffffff;
	background-color:#739E73 !important;
}

.bg-danger-color{
  background-color:#F2DEDE !important;
}

.bg-warning-color,tr.bg-warning-color > td{
  background-color:#f8ea9d !important;
}

.table-striped>tbody>tr.bg-warning-color:nth-child(odd)>td
{
background-color: #fff9db !important;
}

.color-state-danger{
  background-color:#ce492a;
}

.color-state-inprogress{
  background-color:#2884b0;
}

.color-state-success{
  background-color:#578c19;
}

.color-state-warning{
  background-color:#E6A11F;
}

.label{
	font-size:0.9em;
	padding:3px 6px 4px 6px;
	border-radius:0px !important;
	color: #ffffff !important;
}

.label-disabled{
  color: #999999 !important;
}

.label-success, .btn-success{
	background-color:#578c19 !important;
	
}

.label-warning, .btn-warning{
  background-color:#E6A11F !important;
}

.btn-warning{
	border:1px solid #CE901A !important;
}

.label-danger, .btn-danger{
  background-color:#ce492a;
}

.btn-danger{
  border:1px solid #bb3c1e !important;
}

.btn-success{
  border:1px solid #3d791b !important;
}

.label-info, .btn-primary, .pagination li.active a{
  background-color:#2884b0 !important; 
}

.label-default{
  background-color:#8a8a8a !important;
}

.btn[disabled=disabled],.btn.disabled{
	 border:1px solid #cccccc !important;
}

.btn-success:hover{
  background-color:#457b07 !important;
}

.btn-primary:hover{
  background-color:#157aaa !important;
}

.btn-warning:hover{
  background-color:#D98E02 !important;
}

.btn-danger:hover{
 background-color:#c43412 !important;
}

/*Color animation guided order added or update row successfully*/
@keyframes highlighting {
    0%   {background-color: #ffffff;}
    50%  {background-color: #a5d087;}
    100% {background-color: #ffffff;}
}

.row-highlighting{
	animation-name: highlighting;
    animation-duration: 3s;
}

/*#24524*/
#section-current-site-name{
	font-weight:100 !important;
	font-size:110% !important;
	text-transform:none !important;
}

#lbl-current-site-name{
	font-weight:900 !important;
}

/*#23646*/
.csv-upload-area{
	margin-bottom:10px;
}

.csv-upload-area label{
	margin-bottom:0px;
}

.csv-upload-area .input-group-addon{
	/*width:42px;
	dispaly:inline-block;*/
}

.csv-upload-area .input-choose-file{
	color:#000000;
	border-right:none;
}

.btn-file{
	border-radius:0px;
}

#btn-csv-import{
	margin-bottom:25px;
}

.menu-expiring-feature {
    background-color: #606468 !important;
    color: #eeeeee;  
}

.section-widget-frame{
	padding-top:0px !important;
}

#section-process-steps{
	/*background-color: #efefef;*/ 
	padding-top:20px; 
	padding-bottom: 33px;  
	/*border-bottom:1px solid #bbbbbb;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	box-shadow: 0 2px 4px #bbbbbb;
	border-radius:0px 0px 2px 2px;*/
	margin-left: 0px;
    margin-right: 0px;
}

#section-process-steps h3{
	margin:10px 0px 0px 0px;
}

#section-process-tab{
	margin-top:15px;
}

#process-point-guide-area .step{
	box-shadow:0px 2px 2px #666666;
}

#process-point-guide-area .title{
	color:#919396;
}

#process-point-guide-area li.active .step, #process-point-guide-area li.complete .step{
	box-shadow:none;
}

#process-point-guide-area li.active .title, #process-point-guide-area li.complete .title{
	color:#2b3d53;
}

#section-process-tab .form-actions .btn-lg:active{
	padding: 11px 16px 9px 16px;
}

#hierachy_included .item-description-area , #hierachy_result .item-description-area,
#hierachy_included .child-description, #hierachy_result .child-description{
	width:57% !important;
}

#hierachy_included .child-uom  , #hierachy_result .child-uom  {
	width:40% !important;
}

.hierarchy-element-disabled-look{
	opacity:0.5;
}


/* #26415 -Process controls*/
.btn-process-control-align-center{
	border-radius:4px !important; 
	padding:10px 16px !important;
}

.btn-process-control-align-right{
	border-radius:4px 0px 0px 4px !important; 
	padding:10px 16px !important;
}

.btn-process-control-align-left{
	border-radius:0px 4px 4px 0px !important; 
	padding:10px 16px !important;
}

#section-wizard-loading a{
	border-radius:4px !important;
}

.has-pointer{
	cursor:pointer !important;
}

.dropdown-menu li a{
	border-radius:0px !important;
	box-shadow:none !important;
}

.dropdown-menu li a:active{
	 padding: 3px 20px !important;
}

/*#27302*/
button.btn-lg:active{
	padding: 11px 16px 9px 16px;
	
}

button.btn-xs:active{
	padding:1px 5px;
}

a.btn-xs:active{
  padding:1px 5px;
}

/*#17221*/
.word-wrap {
	word-wrap: break-word !important;
}

ul.nav-tabs li a{
	color:#ffffff !important;
}

ul.nav-tabs li.active a,ul.nav-tabs li:hover a{
  color:#000000 !important;
}

.btn-check-hierarchy i{
	cursor:pointer;
	font-size:1.2em;
	margin-top: 2px;
}

.btn-toggle-hierarchy i{
	cursor:pointer;
	color:#337AB7;
	font-size:1.2em;
	margin-top: 2px;
}

.child-background, tr.child-background > td{
	background-color:#F1F2F4 !important;
}

.warning-child, tr.warn-child > td{
  background-color: #eae7d4 !important;
}

.danger-child, tr.danger-child > td{
  background-color: #e3cece  !important; 
}

.section-load-process{
	width:200px;
	height:auto;
	font-size:1.2em;
	background-color:#3276B1;
	border:1px solid #cccccc;
	color:#ffffff;
	text-align:center;
	padding:15px 7px;
	position:fixed;
	top:0px;
	left:0px;
	z-index:1000;
	box-shadow:2px 2px 5px #999999;
	border-radius:3px;
	display:none;
}

.header-page-options{
	border-bottom:1px solid #dddddd;
	padding-bottom:7px;
}

.header-page-options .more-filter{
	font-size:1.1em;
	text-decoration:none;
}
	
.header-page-options button{
	margin-left:7px;
}

.table-fiexd{
	table-layout: fixed;
}

.ng-table-counts{
	margin-bottom:18px;
}

/*#29812*/
table.ng-table th,table.ng-table td{
	word-wrap: break-word;
}

/*Style for ng table sort arrows*/
.ng-table th.sortable span{
	width:80%;
	display:inline-block;
	float:left;
}

/*Style for ng table sort arrows*/
.ng-table th.sortable span.sort-indicator{
	display: table-caption;
	bottom:7px;
	float: right;
}

/*#29839*/
.ng-table-header-information{
	display:none;
}

.arrow-direction-right-bottom{
	width:15px;
    height:18px;
    display:inline-block;
	background: url('../img/arrow-direction-right-bottom.svg') no-repeat;
}

/* #29708 GUI-Auffälligkeiten in der 3.12 RC1 */
.modal-size-lg {
  width:80% !important;   
}

.modal-size-md {
  width:60% !important;   
}

.modal-size-sm {
  width:40% !important;   
}

.modal-size-xl {
  width:90% !important;   
}

.page-loader-hide{
	display:none !important;
}

/*#29910*/
td.row-reloader-first-child{
	background-color: #e7e7e7;
	border-right:none !important;
	border-bottom: 1px solid #DBDBDB !important;
	padding:0px !important;
	box-shadow:inset 2px 1px 3px #bbbbbb;
  -moz-box-shadow: inset 2px 1px 3px #bbbbbbb; /* Firefox */
  -webkit-box-shadow: inset 2px 1px 3px #bbbbbb; /* Safari, Chrome, etc. */
}

td.row-reloader{
  background-color: #F1F2F4;
  border-bottom: 1px solid #DBDBDB !important;
  border-left:none !important;
  padding:0px !important;
}

.row-reloader div.gap{
	background-color: #e7e7e7 !important;
	height:22px !important;
	padding-top:1px !important;
  padding-bottom:2px !important;
  display:inline-block;
  float:left;
  box-shadow:inset -4px 1px 3px #bbbbbb !important;
  -moz-box-shadow: inset -4px 1px 3px #bbbbbb; /* Firefox */
  -webkit-box-shadow: inset -4px 1px 3px #bbbbbb; /* Safari, Chrome, etc. */
}

.row-reloader div.more-items-link{
	color:#ffffff;
	height:22px !important;
	display:inline-block !important;
	padding-right:5px !important;
	padding-left:6px !important;
	border-radius:11px 3px 3px 11px !important;
	background-color:#3276B1 !important;
	cursor:pointer;
	margin-left:-10px;
	border:1px solid #efefef;
	float:left;
	box-shadow: 2px 2px 3px #bbbbbb;
	-moz-box-shadow: 2px 2px 3px #bbbbbb; /* Firefox */
  -webkit-box-shadow: 2px 2px 3px #bbbbbb; /* Safari, Chrome, etc. */
}

.row-reloader div.more-items-link:hover{
	background-color:#296191 !important;
}

.row-reloader div.is-loading{
  background-color:#79A5CC !important;
}

.input-box-invisible {
	border-width: 0px;
}

.input-box-highlighted {
	border-width: 2px;
}

.inner-cell-space-ng-table{
	height:20px; 
	display:block; 
	padding-top:3px; 
	margin-right:7px;
}

.highlightRed{
  display: inline-block;
  background-color: #fb606b;
  border-radius:2px;
}

.highlightGreen{
  display: inline-block;
  background-color: #9deb48;
  border-radius:2px;
}

.highlightYellow{
  display: inline-block;
  background-color: #F7FE2E;
  border-radius:2px;
}

.link{
	color:#3276B1;
	text-decoration:none;
	cursor:pointer;
}
.link:hover{
	text-decoration:underline;
}

.border-none{
	border-width:0px;
}

.border-success{
	border-color:#739e73;
  border-width:1px;
}

.border-danger{
  border-color:#A90329;
  border-width:1px;
}

.label-no-border-radius{
	border-radius:0px;
}
	
.label-bordered{
  background-color:#eeeeee;
  border:1px solid #CCCCCC;
}

.btn-input-copy{
	cursor:pointer;
}
.btn-input-copy:hover{
	background-color:#ffffff;
}

.container-inset{
	background-color:#f0f0f0; 
	padding:20px 12px; 
	margin-bottom:20px; 
	box-shadow:inset 0px 0px 5px 0px #cccccc;
}


.legend {
	padding: 15px;
	margin-top: 20px;
	background: #fbfbfb;
  border: 1px solid #ddd;
  box-shadow: 0 1px 1px #ececec;
  -webkit-box-shadow: 0 1px 1px #ececec;
  position: relative;
}
.legend ul li{
  margin-bottom:10px;
  margin-right:7px;
  padding-left:0px;
}

#section-site-information label.control-label{
	word-wrap:break-word;
  display:block;  
}

/*START - Angular JS Select2 border handling for success and error validation*/
.select2-container{
	border: 1px solid #cccccc;
}

.select2-container ul.select2-choices{
	border:none !important;
}

.has-error .select2-container{
	border:1px solid #b94a48;
}

.mark-red{
	border:1px solid #b94a48;
}

.has-success .select2-container{
	border:1px solid #468847;
}
/*END - Angular JS Select2 border handling for success and error validation*/

table{
	width:100% !important;
	table-layout: fixed;
}

table th,table td{
	white-space:normal !important;
	word-wrap:break-word !important;
}


/* TOUR GUIDE SETTINGS */

#btn-main-start-tour-guide{
	height:40px;
	color:#bbbbbb;
  background-color:#525252;
  border:1px solid #626262;
  border-left:5px solid #CE544D;	
  border-radius:1px;
  margin-right:13px;
}



#btn-main-start-tour-guide:hover{
  color:#cccccc;
	background-color:#5f5f5f;
}

#btn-main-start-tour-guide i{
  margin-right:5px;	
}

#section-wrapper-tour-guide{
	width:100%;
	height:100%;
	top:0px;
	left:0px;
  position:fixed;
  z-index:1000000;
  background-color:rgba(0,0,0,0.5);	
}

#section-wrapper-tour-guide #section-tour-guide{
	width:75%;
	background-color:#ffffff;
	margin:25px auto;
	border-radius:3px;
	box-shadow:0 1px 2px 2px #666666;
	border:1px solid #efefef;
}

#section-wrapper-tour-guide #section-header-tour-guide{
	background-color: #ececec;
  border-radius: 3px 3px 0px 0px;
  padding: 1px;
  border-left: 10px solid #CE544D;
  line-height: 23px;
  box-shadow: 0px 1px 1px 1px #bbb;
  border-bottom:1px solid #cccccc;
}

#section-wrapper-tour-guide #section-header-tour-guide #tour-corner-icon{
  width: 47px;
  height: 39px;
  background: #CE544D;
  color: #ffffff;
  padding: 6px 6px 6px 11px;
  border-radius: 0px 3px 0px 0px;
  border: 1px solid #c23a31;
  float: right;	
}

#section-wrapper-tour-guide #section-header-tour-guide img{
  height:23px;
}

#section-wrapper-tour-guide #section-header-tour-guide img#img-tour-guide{
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 6px;
	display: inline-block;
}

#section-wrapper-tour-guide #section-tour-guide-tour{ 
  padding:9px 20px 8px 10px;
  border-bottom:1px solid #cccccc;
  background-color: #f5f5f5;
  box-shadow: inset 0px 0px 7px -1px #bbbbbb;
}

#section-wrapper-tour-guide #section-tour-guide-tour h4{
	color:#666666;
	font-weight:900;
}

#section-wrapper-tour-guide #section-content-tour-guide{
	line-height: 23px;
	font-size:14px;
  padding:13px 20px 15px 20px;
}

#section-wrapper-tour-guide #section-content-tour-guide ul{
	display:flex;
	flex-wrap: wrap;
}

#section-wrapper-tour-guide #section-content-tour-guide ul li{
  display:flex;
  margin-right:15px;
}
	
#section-wrapper-tour-guide #section-footer-tour-guide{
  text-align:center;
  padding:20px;
}

#section-tour-guide-popover .section-header-popover{
	background-color:#ececec !important;
	border-left: 4px solid #CE544D;
	box-shadow: 0px 0px 2px 1px #bbb;
}

#section-tour-guide-popover .section-txt-title{
	width:90%;
}

#section-tour-guide-popover .section-txt-title h3{
	color:#333333;
	font-weight:900;
	font-size:14px;
	background-color:#ececec !important;
}

#section-tour-guide-popover .section-btn-cancel{
	width:10%;
}

#section-tour-guide-popover .section-btn-cancel button{
	color:#333333;
	border-radius:0px 3px 0px 0px;
	background-color:#ececec;
	margin-right:7px;
	margin-top: 5px;
  border: 1px solid #dedede !important;
	border:none;
}

#section-tour-guide-popover .btn-next{
	margin-left:3px;
}

/*START - TAB control focus styling*/
ul#list-main-navigation a:focus{
	background-color:#4c4744 !important;
	border:none !important;  
}

/*.smart-form .checkbox input:focus + i,*/
input[type=text]:focus,
input[type=password]:focus, 
input[type=checkbox]:focus,
input[type=radio]:focus,
textarea:focus,
select:focus
{
	border:3px solid #4da6ca !important;
}

/*#36312*/
.smart-form .radio input:focus + i,
.smart-form .checkbox input:focus + i
{
    box-shadow:0px 0px 0px 2px #4da6ca;
}

.btn:focus, button:focus, a:focus{
  box-shadow:inset 0px 0px 0px 3px #4da6ca !important;
  border-color:transparent !important;
}

ul.nav-tabs li:not(.active) a:focus{
	color:#000000 !important;
}

/*END - TAB control focus styling*/

#process-child-container-header{
	margin-bottom:5px;
}

#process-child-container-header .col-xs-10{
	margin-top:25px;
}

/* #33965 START - USER AND SITE NAV OUTPUT */
.login-info{
	width:auto;
	height:auto !important;
	background-color: #474544;
	line-height:1.4em;
  border-left:4px solid #CE544D;
  padding:7px 0px 7px 8px;
  box-shadow: inset 2px -2px 2px 0px #333333;
}

.login-info #section-login-info-user{
	display:flex;
	margin-bottom:3px;
}

.login-info #section-login-info-user #lbl-login-info-user-image{
	color: #333333;
	font-size: 1.4em;
	width: 22px;
	height: 20px;
	border-radius: 14px;
	background-color: #cccccc;
	text-align: center;
	display: block;
	padding: 2px 0px 0px 0px;
	border-bottom: none;
	margin-top: 4px;
}

.login-info #section-login-info-user #lbl-login-info-username{
  display:none;
}

.login-info #section-login-info-company{
  display:none;
}


.login-info #section-login-info-company span{
	padding:none;
	height:auto !important;
	border:none !important;
}
	
.login-info #section-login-info-company-details{
	display:none;
	margin-top:7px;
	padding:7px 12px 0px 0px;
}

/* END - USER AND SITE NAV OUTPUT */

/* #33006 - USER PASSWORD PROGRESS BAR */
#section-user-pw-with-progressbar .progress{
	margin-bottom:0px !important;
}

.cell-soll{
	height:32px;
	padding-top:5px;
	background-color:#e9e9e9;
	border-bottom: 1px solid #dddddd;
}

.cell-have{
	height:32px;
	padding-top:5px;
	background-color:#e9e9e9;
	border-left:1px solid #dddddd;
	border-bottom: 1px solid #dddddd;	
}

.cell-danger{
	box-shadow:inset 0px 0px 4px 0px #e61a1a;
}

.text-red{
  color: #b94a48;
}

.text-yellow{
  color: #7d5b15;
} 

.text-green{
	color:#659C66
}

.tile-btn{
	box-shadow:0px 2px 7px 0px #aaaaaa;
	cursor:pointer;	
	position:relative;
	top:0px;
}

.tile-btn:hover{
	box-shadow:0px 0px 0px 0px #999999;
	top:1px;	
}

.tile-state {
	border: 1px solid #cccccc;
	text-align:center;
	color:white;
	display: inline-block
}

.tile-state-xs {
	width:32px;
	height:32px;	
	font-size:1em;
	padding-top:3px
}

.tile-state-sm {
  width:64px;
  height:64px;
  font-size:1.5em;

}

.tile-state-md {
  width:100px;
  height:100px;
  font-size:4.5em;
  padding-top:5px
}

.tile-state-lg {
  width:128px;
  height:128px;
  font-size:2em; 
  padding-top:25px 
}

.tr-canceled-top
{
	background-color:#d8c0c0;
}

.tr-canceled-child
{
  background-color:#e3cece;
}

.row-danger
{
    background-color: #d9473d;
    border-style: solid;
    border-color: #d9473d;
    color: white;
    border-left: none;
    border-right: none;
}

.tr-danger
{
	background-color: #ce492a !important;
	color:white
}

.tr-warning
{
	background-color: #e6a11f !important;
	color:white
}

/*#39153 - DRAG AND DROP*/

/**
 * For the correct positioning of the placeholder element, the dnd-list and
 * it's children must have position: relative
 */
tr[dnd-list],
tr[dnd-list] > th {
  position: relative;
}

/**
 * The dnd-list should always have a min-height,
 * otherwise you can't drop to it once it's empty
 */
tr[dnd-list] {
    min-height: 42px;
    padding-left: 0px;
}

/**
 * The dndDraggingSource class will be applied to
 * the source element of a drag operation. It makes
 * sense to hide it to give the user the feeling
 * that he's actually moving it.
 */
tr[dnd-list] .dndDraggingSource {
    display: none;
}

/**
 * An element with .dndPlaceholder class will be
 * added to the dnd-list while the user is dragging
 * over it.
 */
 
tr[dnd-list] .dndPlaceholder {
    background-color: #0091D9;
    display: block;
    min-height: 42px;
}


tr[dnd-list]  th{
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/**
 * Show selected elements in green
 */

tr[dnd-list] th.selectedColumn {
    background-color: #efefef;
    color: #3c763d;
}

tr[dnd-list] th div.handle{
	width:10%;
	height:30px;
	padding-top:8px;
	text-align:center;
	cursor: move;
  	position: absolute;
}
/*#43622 NSeb
*#095484 , #275b89
*/
link1{
 	margin-bottom:15px;
	color: #275b89;
}
link1.pointer {
 	cursor: pointer;
}
link1:hover {
 	text-decoration: underline;
}

.bold-text {
  font-weight: bold !important;
}

.tile-widget-body{
	display: inline-block;
}