/*
*	Colors:
*	#9B0000; Bordo Red;
*	#7F0000; Dark Bordo Red;
*	#A7A7A7; Dark Gray;
*	#D2D2D2; Gray;
*	#E7E7E7; Light Gray
*	#ECECEC; Very Light Gray
*
*	Fonts:
*	Font family offi;
* Font familiy Verdana;
*/
@font-face {
	font-family: 'offi';
	src: url('/internal/fonts/osn45.eot');
	src: url('/internal/fonts/osn45.woff') format('woff'), url('/internal/fonts/osn45.ttf') format('truetype');
}
html, body{font-family: Verdana; font-size: 14px;}
.clear{clear: both;}
.clear-inner-info{clear: both; width: 100%; border-top: 1px solid #999; margin:15px 0;}
.left{float: left;}

/*  NAVIGATION  */
.navbar-default{background-color: #9B0000; color:#fff; border:0;}
.navbar-default .navbar-nav>.active>a{background-color: #fff; color: #9B0000;}
.navbar-default .navbar-nav>li{border-left:1px solid #fff; border-right:1px solid #fff;}
.navbar-default .navbar-nav>li>a{background-color: #7f0000; color: #fff;}
.navbar-default .navbar-nav>li>a:hover{color: #fff; text-decoration: underline;}
.navbar-default .navbar-brand{padding-left: 40px; padding-right: 40px; color: #fff; font-size: 16px; font-weight: 700;}
.navbar-default .navbar-brand:hover{color: #fff;}
.navbar-default .navbar-right>li{padding:12px 6px; border:0;}
.navbar-default .navbar-right>li span{font-style: italic;}
.navbar-default .navbar-right>li>a{background: #9B0000; padding: 0px 10px; border-left: 1px solid #fff; }


/* UPLOAD TABLE */

.upload_table td{
	padding:0 7px 5px 0;
	vertical-align:top;
	
}
.form-control {
   
    height: 29px !important;
    padding: 6px 8px !important;
    
}
.up_label {
	padding-top:5px;
	margin-right:5px;
	font: 14px offi;
	color: #666666;
	white-space:nowrap;
}
.up_lang {
	font-size: 14px;
    font-weight: normal;
    float: right;
}
.up_title {
	font-size:16px;
	margin-bottom:10px;
	color: #666666;
}


/*  LOGIN FORM  */
.login{max-width: 666px; margin: 60px auto; border-radius:0; border: 2px solid #666666; }
/*-webkit-box-shadow: 0px 1px 5px 1px rgba(0,0,0,0.3); -moz-box-shadow: 0px 2px 10px 1px rgba(0,0,0,0.3); box-shadow: 0px 2px 10px 1px rgba(0,0,0,0.3);*/
.login .panel-heading{background-color: #9B0000;   color: #fff; border-radius:0;font:16px offi;}
.login .panel-body{padding: 10px 20px;}
.login h3{margin-top: 0; margin-bottom: 20px;}
.login .help-block a{color: #9B0000;}
.bb{border-radius: 0; border:0; border-bottom: 2px solid #7f0000; background-color: rgb(212,212,212); padding: 3px 23px;}
.bb a{color: #9b0000;}

/*  CONTENT  */
.container{margin-left: 0;}
.wrapper{margin-top: 50px;}
.form-group{ border-top: 1px solid #f1f1f1; margin-bottom: 0px; padding: 5px 0;}
.profile input{height: 30px;}
.profile label{color: #666; font-weight: 400; font-size: 16px;}
.profile .form-horizontal .control-label{text-align: left;}
.new-pass-fields{padding: 10px; background-color: rgb(212,212,212); margin-bottom: 5px; display: none;}
.new-pass-fields .form-group{border-top: 0;}
.offer-nr span{text-transform: uppercase; color: #111; font-size: 22px; font-weight: 500;}
.project-info p, .sender p{margin: 0;}
.project-info span, .sender span{font-weight: 700;}
.bb-pdf{padding-left: 26px; background-image: url('../img/pdf-icon.png'); background-repeat: no-repeat; background-position: 3px 2px;}
.bb-plain{padding: 3px 6px;}
.bb-comments{padding-left: 28px; background-image: url('../img/comments-small.png'); background-repeat: no-repeat; background-position: 5px 4px;}

.comments-header{border-top:1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; padding: 15px 0px;}
.comments-header p{    font-size: 14px;}
.bb-send{padding-left: 28px; background-image: url('../img/send-icon.png'); background-repeat: no-repeat; background-position: 5px 2px;}
.sender{text-align: right;}
.send-history{border-left: 1px solid #ececec;}
.send-history-select{width: 150px;}
.comments-table{width: 100%;}
.comments-table th, .comments-table td{padding: 5px; border-bottom: 1px solid #ececec}
.comments-table td{min-width: 100px;}
.comments-table a{color: #9B0000; text-decoration: underline;}

.popover-title{background-color: transparent; border: 0;}
.popover-title .close{display: block; font-weight: 400; color: #fff; background-color: #9B0000; padding: 0px 10px 4px 10px;}


/*  TABS NAVIGATION  */
.tabs{padding:15px 15px 0 15px;}
.nav-tabs{background-color: #D2D2D2;}
.nav-tabs>li>a{padding:4px 15px; border-right: 1px solid #A7A7A7; color: #333; border-radius: 0px;}
.nav-tabs>li>a:hover{background-color: #D2D2D2; text-decoration: underline; border: 1px solid #d2d2d2; border-right: 1px solid #a7a7a7;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus{border-top: 2px solid #9B0000; margin-top: -2px; padding-bottom: 6px; font-weight: 600;}
.nav-tabs>li.active>a:hover{border-top: 2px solid #9B0000; margin-top: -2px;}

.nav-tabs > li > a {margin-right:0 !important;}
/*  TAB CONTENT PANELS  */
.tab-pane{padding: 10px 5px 10px 0;}

.positions-header{padding: 10px 0px 15px 0px; border-bottom: 1px solid #A7A7A7;}
.inner-content-positions{width: 100%; background-color: #ececec; /*margin-top: 1px;*/ border-left: 1px solid #a7a7a7; padding: 10px; min-height: 400px;}
.inner-content-positions h4{margin: 0; margin-top: 3px; font-weight: 600; display: block; float: left; line-height: normal;}
.inner-header-positions span{margin: 0 10px;}
.positions-body h4{font-weight: 600;}
#pos-panel ul.nav-pills{cursor: pointer;width: 85%;}
#pos-panel .nav-pills > li + li{margin-left: 0px;}
#pos-panel ul.nav-pills li{ margin-bottom: 0; background-color: #d2d2d2;}
#pos-panel ul.nav-pills>li>a{border-radius: 0px; color: #333; border: 1px solid #a7a7a7; padding: 3px 15px; margin-right: 0px;}
#pos-panel ul.nav-pills li.active{border-top:2px solid #9B0000;margin-top: -2px;}
#pos-panel ul.nav-pills li.active a{background-color: #e7e7e7; font-weight: 400; color: #333;}
#pos-overview, #pos-glass, #pos-hardware, #pos-wood, #pos-coating, #pos-holzprofile, #pos-kommentar{background-color: #fff;}
.positions-tab-content{padding: 15px; }
.positions-tab-content a{color: #9B0000; text-decoration: underline;}
.positions-tab-content p{margin-bottom: 0;}
.positions-tab-content span{font-weight: 600;}
.positions-tab-content h5{font-weight: 600; font-size: 18px;}

.gray{background-color: #e7e7e7; border: 1px solid #d2d2d2; margin-left:-3px; padding: 0 5px 10px 5px;}
.white{background-color: #fff; display:none;}
.white>li{margin-left: -3px;}
.white>li>a{border:1px solid #a7a7a7; border-bottom: transparent; margin-bottom: -2px;}
.white>li>a:hover{background-color: #fff; border-bottom:0px;}
.white>li.active>a, .white>li.active>a:focus{background-color: #d2d2d2; border: 1px solid #a7a7a7; border-bottom: transparent; margin-top: 0; font-weight: 600;}
.white>li.active>a:hover{border: 1px solid #a7a7a7; border-bottom:transparent; margin-top: 0; background-color: #d2d2d2; text-decoration: none;}

.nav-pills{width: 15%;}
.nav-pills>li{margin-bottom: -3px;}
.nav-pills>li>a{border-radius: 0px; color: #333; border: 1px solid #a7a7a7; border-left: transparent; border-right: transparent; margin-right: -2px; padding: 3px 10px;}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{background-color: #fff; color: #9B0000; font-weight: 600;}
.inner-content{width: 85%; background-color: #fff; margin-top: 1px; border-left: 1px solid #a7a7a7; padding: 10px; padding-top: 0;}
.inner-content h4{margin: 0; margin-top: 3px; font-weight: 600; display: block; float: left; line-height: normal;}
.inner-header span{margin: 0 10px;}
.inner-header a{}
.see-positions{padding:10px 5px;}

.inner-info{padding:0; margin-top: 15px;}
.inner-info-columns{padding:0;}
.inner-info-details{padding-left:0; margin-bottom: 15px;}
.inner-info-details span{font-weight: 600;}
.inner-info-details p{margin-bottom: 0;}
.inner-info-construction{border:1px solid #999; margin-bottom: 15px; padding: 10px;}

.glass-layers hr{margin:5px 0;}
.glass-layers a{color: #9B0000; float: right;}
.glass-layers img{margin-bottom: 15px;}
.layer-other, .layer-glass, .layer-gas{padding-left:30px; padding-top:3px; background-repeat: no-repeat; background-position: 3px 8px; margin-bottom: 0;}
.layer-other{background-image: url('../img/layer-other.jpg'); color:#322E98;}
.layer-glass{background-image: url('../img/layer-glass.jpg'); color:#005FFF;}
.layer-gas{background-image: url('../img/layer-gas.jpg'); color:#322E98;}

.pdf-link{padding: 10px 26px; display: block; margin:5px 0; background-color: #e7e7e7; border: 1px solid #a7a7a7; background-image: url('../img/pdf-icon.png'); background-repeat: no-repeat; background-position: 3px 8px;}
.pdf-link a{color: #9B0000;}
.pdf-constructions{width: 100%; margin-bottom: 5px;}
.content-wrap{margin-bottom: 15px;}
.tab-content-table{width: 100%;}
.tab-content-table tr{border-bottom: 2px solid #ccc;}
.tab-content-table td{padding: 8px 0;}
.tab-content-table tfoot tr{border-bottom: 0; font-weight: 600;}
.tab-content-table thead tr{font-weight: 600;}

.panel-comment{border-radius: 0; border: 0; margin-top: 0px;}
.panel-comment .panel-heading{padding-left: 46px; border-radius: 0; border-top:4px solid #9B0000; background-image: url('../img/comments.png'); background-repeat: no-repeat; background-position: 6px 6px; background-color: #d2d2d2;}
.panel-comment .panel-body{padding-left: 0; padding-right: 0; border: 0;}
/*.panel-comment .panel-body .commentsShowed{border: 1px solid #e7e7e7; padding: 15px; margin:10px 0;}*/
.panel-comment .panel-body a{color: #9B0000; text-decoration: none;}
.no-close .ui-dialog-titlebar-close { display: none;}
.ui-dialog{ background-color: #a7a7a7; padding:15px; min-width: 350px; }

.price-table{width: 60%; margin-bottom: 30px;}
.price-table tr{border-bottom: 1px solid #ececec;}
.price-table-right-td{text-align: right;}
.price-table td{padding: 3px;}

.einzelpreis{text-align: center;}
.gesamtpreis{text-align: right;}
.menge{text-align: center;}

/* List & Grid */
.glyphicon { margin-right:5px; }

.thumbnail
{
    margin-bottom: 0px;
    padding: 15px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: 0;
    border-right: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    min-height: 390px;
}
.thumbnail h5{color: #9b0000; font-weight: 600; margin-top: 0; float: left;}
.comments-link{display: inline-block; float: right;}
#products{padding: 0 15px;}
.item{padding: 0;}
.caption span{font-weight: 600; color:#9B0000;}

.item.list-group-item
{
    float: none;
    width: 100%;
    background-color: #fff;
    padding:0;
    margin:0;
    border: 0;
    border-bottom: 1px solid #e7e7e7;
}

.item-body:hover {
    background: #eac9c9;
}

.item.list-group-item .list-group-image
{
    margin-right: 10px;
}
.item.list-group-item .thumbnail
{
    margin-bottom: 0px;
}
.item.list-group-item .caption
{
    padding: 9px 9px 0px 9px;
}

.item.list-group-item:before, .item.list-group-item:after
{
    display: table;
    content: " ";
}

.item.list-group-item img
{
    float: left;
}
.item.list-group-item:after
{
    clear: both;
}
.list-group-item-text
{
    margin: 0 0 11px;
}

.list-group-item .thumbnail{display: none;}
.grid-group-item .list-view{display: none;}
.list-group-item .list-view{display: initial; padding:5px 0;}
.btn-group-holder{text-align: left; padding: 10px;}
.btn-group-holder .glyphicon{color: #9B0000;}
.title-row{font-weight: 600;}
.list-view .comments-link{float: left;}
.list-view a{color: #9B0000;}
.hegiht300 { height: 200px; margin-bottom: 10px;}
.sub_content .zoomable {width: 50%; float: right; padding: 30px;}
.zoomable { margin:0 auto; max-height: 100%; max-width: 100%;  vertical-align: middle;}

#contact_holder {
		position:absolute;
		width:300px;
		background:#fff;
		border-radius:4px;
		border:1px solid #ccc;
		padding:10px;
		text-align:left;
		z-index:1000;
}
#close_contact {
	display:block; text-align:right;
}
.reg_font {
	font-weight:normal !important;
}
.overview_table td{
	border:1px solid #ccc;
	padding:5px;
	 white-space: nowrap;
	vertical-align:top;
}
.description-tab {
  border:1px solid #000; padding:10px; width:100%; margin-top:20px;
}
.addition-info {
  position: fixed;
  top:0px;
  width: 60%;
  left:26%;
  background: #fff;
  border:1px solid #646464;
  z-index:20000;
  padding:10px;
}
.wichtig {
	background:#333;
}
.wichtig a {
	color:#fff !important;
}
.wichtig.active > a {
	color:#333 !important;
}
.wichtig.active > a:hover {
	color:#333 !important;
	background:#fff !important;
	border-top: 2px solid #9B0000 !important;
	border-bottom: 0 !important;
	margin-top: -3px !important;
	padding-bottom: 6px !important;

}

.wichtig > a:hover {
	background:#333 !important;
	border:1px solid #333 !important;
	border-right:1px solid #A7A7A7 !important;
}
.gap {
	 width:10px; 
	 background:#fff; 
	 padding: 5px 0;
}
.auch_wichtig {
	background:#E3E3E3;
}
.auch_wichtig a {
	color:#333 !important;
}
.auch_wichtig.active > a {
	color:#333 !important;
}
.auch_wichtig.active > a:hover {
	color:#333 !important;
	background:#fff !important;
	border-top: 2px solid #9B0000 !important;
	border-bottom: 0 !important;
	margin-top: -2px !important;
	padding-bottom: 6px !important;

}

.auch_wichtig > a:hover {
	background:#E3E3E3 !important;
	border:1px solid #E3E3E3 !important;
	border-right:1px solid #A7A7A7 !important;
}

.inner-info-details h5 {
	font-weight:bold;
}


 
 #offers-table_length{
	right: -568px !important;
	margin-top: -29px;
	position:absolute;
 }
 #offers-table_filter {
	 left: -332px !important	;
	position: absolute;
	z-index: 100000;

 }
 #offers-table {
	 margin-top: 30px;
 }
 
 h4 {
	 margin-left:10px;
 }
 
 .panel_slim {}
 
 .panel_slim header {
	 padding:4px;
	 background:#e0dcdc;
 }
 .panel_slim div {
	 padding:5px;
	 border:1px solid #e0dcdc;
 }
  .panel_slim p {
	 margin-bottom:1px;
 }
 
 .comment_holder p {
	 color:#1919da;
	 margin-bottom:1px;
 }
 hr {
	 border-top: 1px solid #c8c8c8;
 }
 .color_table td {
	 
	 padding:2px 2px;
 }
 .active_paint td{
	 background:#ffd4d4;
 }
.note-editable p {
	margin-bottom:1px;
	
}
.content_holder .note-editable {
	font-size:13px;
}
#orderArea .note-editable {
	font-size:14px;
}

#saveComment {
	color: #fff;
	background: #5ab35c;
	font-weight: bold;
	letter-spacing:1px;
	float: left;
}
.sub_images img{
	width:130px !important;
}
.artikel_photos img{
	width:60px !important;
}
::selection {
 
  background: #d3d3d3;
}
.form-control:focus {
    border-color: #333;
    outline: 0 !important; 
	    -webkit-box-shadow: none !important;
	    -moz-box-shadow: none !important;
    box-shadow: none !important;

}
#submit_button_id {
	display:block !important;
}