﻿/*
	WebSpedApp.css 09.2016

	colors:
	#373a3c - Dunkelgrau - Schrift (bootstrap)
	#5a5a5a - Dunkelgrau - Schrift (VEB)
	#55595c - Dunkelgrau - Schrift Input (VEB)
	#112029 - Dunkelgrau - TH dataGrid, font-weight: 600;
	#70A9DA - lightblue - Hintergrund, H1
	#F9F9F9 - hellgrau - heller Hintergrund Zeilen
	#D8D8D8 - grau - zu hellem Hintergrund Zeilen
	#e6e6e6 - hellgrau - Hintergrund
	#adadad - grau  - Rahmen
	#000066 - dunkelblau - Schrift Label
	#003C71 - dunkelblau - Hintergrund NavbarButtons
	#66afe9 - blauer Rand um Input :focus
	#da4141 - Rot, kräftig
	#f56969 - Rot, mild
	#fb8634 - Gelb, kräftig
	#ffb37d - Gelb, mild
	#6e945e - Grün, kräftig
	#9ec78c - Grün, mild
	
	VesselBridgeLogo
	Blau   #243186
	Orange #ED6C05
	Grau   #D7D8D8
*/

body {
	position: relative;
	color: #5a5a5a; 
	cursor: pointer;
	/*font-size: initial-scale;*/
}/*line-height:1.25;*/ 
 
 body.wait, body.wait *{
 cursor: wait !important;   
}
body, .btn-sm, .dropdown-menu, input, legend, .form-control-sm {
	font-size:1rem;
	line-height:inherit;
} /* .form-control, */
input { 
	border-radius:.2rem;
	background-image: none;
	background-color: #fff;
	color: #55595c;
} /* padding: .25rem .5rem; */

input, .form-control-sm {
	padding: .25rem .25rem;
}
.disabled {background-color:#eceeef;}
.wait, .wait { cursor: wait; }


/* Button */
.btn-primary {
	background-color: #003C71;
	border-color: #55595c;
}
.btn-info {
	background-color: #70A9DA;
	border-color: #adadad;
}
.btn-info:hover {
	background-color: #4890bb;
	border-color: #adadad;
}
.btn-info:active {
	background-color: #e6e6e6;
	border-color: #adadad;
}
.btn-info:focus {
	background-color: #e6e6e6;
	border-color: #adadad;
}
.btn-info.disabled:hover, .btn-info:disabled:hover {
	background-color: #5bc0de;
	border-color: #5bc0de;
}
.iBtn, .iBtn:active, iBtn:hover {
	background-repeat: no-repeat;
	background-position: 10vw .95rem;
	
} /*background-position: .5rem; 
	padding-left: 1.5rem; */

.btnNew, .btnNew:hover, .btnNew:active, .btnNew:focus {
	background-image: url('../images/fapng/fa_plus_16_ffffff.png')!important;
}
.btnFile, .btnFile:hover, .btnFile:active, .btnFile:focus {
	background-image: url('../images/fapng/fa_file-text-o_16_ffffff.png')!important;
}

.btnSave, .btnSave:hover, .btnSave:active, .btnSave:focus {
	text-shadow: none;
	padding-left: 3rem;
	padding-right: 3rem;
}

.btnSave:hover {
	background-color: #D8D8D8;
	border-color: #adadad;
	color: #55595c;
}
.btnSave, .btnSave:hover, .btnSave:active, .btnSave:focus {
	background-image: url('../images/fapng/fa_save_12_ffffff.png') ;
}
.btnAccept, .btnAccept:hover, .btnAccept:active, .btnAccept:focus, .btnSave:hover {
	background-image: url('../images/fapng/fa_save_12.png');
}
.btnBan, .btnBan:hover, .btnGlobe:active, .btnGlobe:focus {
	background-image: url('../images/fapng/fa_ban_13.png');
}
.btnGlobe, .btnGlobe:hover, .btnBan:active, .btnBan:focus {
	background-image: url('../images/fapng/fa_globe_13.png');
}
.btnCheck, .btnCheck:active {
	background-image: url('../images/fapng/fa_check-square-o_12.png');
}
.btnCloud, .btnCloud:active {
	background-image: url('../images/fapng/fa_cloud-upload_13.png');
}
.btnCog, .btnCog:active .btnContinue {
	background-image: url('../images/fapng/fa_cog_11.png');
}
a.btnCog:link {
	background-image: url('../images/fapng/fa_cog_11_0275d8.png');
}
a.btnCog:hover {
	background-image: url('../images/fapng/fa_cog_11_014c8c.png');
}
.btnDownload, .btnDownload:active {
	background-image: url('../images/fapng/fa_download_11.png');
}

.btnEdit, .btnEdit:active {
	background-image: url('../images/fapng/fa_edit_11.png');
}

.btn-sm {
	padding-top: .25rem;
	padding-bottom: .25rem;
}
.btnPure {
	border-width: 0 ;
	background-color:transparent;
} /*.btnEdit*/
.btnPure i {
	display:block;
}
.btn-menutop {
	position:relative;
	z-index: 1001;
} /* top:-1rem;
	left:200px;*/
.btn-menutop >.btnPure {
	font-size:.65rem;
	color:white;
	margin:0 .7rem 0 .7rem;
}

.btn-grid {
	border: 1px solid #CCC ;
	border-radius: .2rem;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
/* .btn-grid :focus {
} border-color: #66afe9; */

.btn-grid {
  color: #373a3c;
  background-color: #fff;
  border-color: #ccc;
}

.btn-grid:hover {
  color: #373a3c;
  background-color: #e6e6e6;
  border-color: #adadad;
}

.btn-grid:focus, .btn-grid.focus {
  color: #373a3c;
  background-color: #e6e6e6;
  border-color: #adadad;
}

.btn-grid:active, .btn-grid.active,
.open > .btn-grid.dropdown-toggle {
  color: #373a3c;
  background-color: #e6e6e6;
  border-color: #adadad;
  background-image: none;
}

.btn-grid:active:hover, .btn-grid:active:focus, .btn-grid:active.focus, .btn-grid.active:hover, .btn-grid.active:focus, .btn-grid.active.focus,
.open > .btn-grid.dropdown-toggle:hover,
.open > .btn-grid.dropdown-toggle:focus,
.open > .btn-grid.dropdown-toggle.focus {
  color: #373a3c;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}

.imgRO, .imgEdit {
	background-repeat:no-repeat;
	background-position: center center;
	min-height:20px;
	width:35px;
}
.imgRO {
	background-image: url('../images/dlr-ro.png');
}
.imgEdit {
	background-image: url('../images/dlr-edit.png');
}
.ig_VEBSelected .imgRO {
	background-image: url('../images/dlr-ro_ffffff.png');
}
.ig_VEBSelected .imgEdit {
	background-image: url('../images/dlr-edit_ffffff.png');
}

.fa-warn {
	font-size: 1.3em;
	color: darkorange;
	text-align: center;
	width: 100%;
}

.divcenter {
	display:block;
	margin-left: auto;
	margin-right: auto;
	width:50%;
}
.dropdown-menu {}
legend {
	font-weight:700; 
	margin-bottom:1rem; 
	padding-top: .5rem;
	padding-left: 5px;
	color:#003C71;
}
legend-pre {
	color:lightsteelblue;
}
.transparent legend {
	color: transparent;
}

.ig_VEBControl-pre {
	color:lightsteelblue ;
}

#divVEBimg {
	margin-top:1.8rem;
}
#divVEBimg h1 {
	position:absolute;
	bottom:0;
	top:.75rem;
	height:67px;
	line-height:67px;
	font-size:1.7rem;
	margin:0;
	color:#fff;
}
#content h1 {
	line-height:2.2rem;
	font-size:1.7rem;
	margin:0 0 10px 0;
	color:#70A9DA;
	position:relative;
	top:.5rem;
}
#content h2 {  
}
#content h3 {  
}
#content h4 {  
}


.h2ship {
	font-size: inherit;
	font-weight:700; 
	color:#003C71;
}

.h3 {
	font-size:.9rem;
	color:#70A9DA;
}
.rowGrey, #divFurthDetails { background-color:#f5f5f5; }

fieldset span, .form-inline {}
fieldset div {}
.main-fieldset { padding-bottom: .5rem; } 
table { border-collapse:inherit; }

/* Navigation */
.navbar-brand {
	padding-bottom: 0 ;
} /*padding-top: 0 ;*/
.nav-pills .nav-item.open .nav-link, .nav-pills .nav-item.open .nav-link:focus, .nav-pills .nav-item.open .nav-link:hover, .nav-pills .nav-link.active, .nav-pills .nav-link.active:focus, .nav-pills .nav-link.active:hover {
	background-color: #003C71;
}
.nav-pills .nav-link {
	padding: .77rem 1rem ;
}
#VEBNavbar .nav-item a {} 

#divLogNav .nav-item a { 
	color:#70A9DA;
} 

#VEBNavbar .nav-item a:hover,
#divLogNav .nav-item a:hover {
	background-color: #D8D8D8;
	color:#014c8c;
	transition: background-color .3s;
}
#VEBNavbar .nav-item a:active,
#divLogNav .nav-item a:active {
	background-color: #70A9DA;
	color:#014c8c;
}
/*font-size:1rem; */

/* Padding im topNav Menue auf Hyperlink übertragen: */
ul #ulMyVes li.dropdown-item, ul #ulUser li.dropdown-item {
	padding: 0;
}
ul #ulMyVes li.dropdown-item a, ul #ulUser li.dropdown-item a, ul #ulUser #liUserMinutes {
	display:block;
	padding: 3px 20px;
}

#liUserMinutes {font-size:75%;}
#liUserMinutes .fa {font-size:initial;}
#ulUser.dropdown-menu {left:-120%;} /*left:-120%; left:-50%;*/

#divHeader { background-color:#fff;}
#divFooter { padding-top:2rem; }
/*#content { 
	margin-top:5rem; 
	min-height:72vh; 
}*/
/* Login.Master */
#logVEB {}
#divLogHeader {}
#divLogCont { min-height:45vh;}
#divFooter {}

#vebpic { z-index:100; width: 100%; } 
#veblogo1,#veblogo2,#veblogo3 { position:absolute; top:-1rem; z-index:101; }
.veblogo a.navbar-brand, .veblogo div.container-fluid { height:42px; }
.veblogo a.navbar-brand img { position: relative; left: 1rem; }

#logVEB .h1, #logVEB .h2, #divLogCont .h1, #divLogCont .h2 {color:#70A9DA;} /* color:#3f7bb1;   */
#ContactUs {
	background-color: #f7f7f9;
	margin-top:5rem;
	padding:3rem 0 3rem 2rem;
}

#hypLiRegisternow { color: #70A9DA; }

/* Add a dark background color to the footer */
footer {
	background-color: #5a5a5a;
	color: #f5f5f5;
	padding: 32px;
}

footer a {
	color: #f5f5f5;
} 

footer a:hover, footer a:focus {
	color: #adadad;
	text-decoration: none;
}

/* Position Footers */
#divContWrap { 
	 height: calc(100vh - 69px);
	/* height: calc(100vh - 69px); */ /* 69px - Höhe der Navbar */
}
.divLogCont { 
	width: 100vw; 
}
#divFooter {
	height: 20vh;
	width: 100vw;
	font-size:.8rem;
	line-height: 1.5;
	padding-top: 0;
}


label {
	font-weight: 400;
}

.emptyline {
	height:1.3rem;
}

 .chkBox>input[type=checkbox],.chkBox-right>input[type=checkbox] { margin-left: .5rem; vertical-align: middle; }
 .chkBox-left>input[type=checkbox] { margin-right: .5rem; vertical-align: middle; }
 

.btn-ghost {
	background-color: transparent;
	background-image: none;
	border: none;
	color: transparent;
	text-shadow: none;
	box-shadow: none;
}
.fo-inherit {color:inherit;}
.fo-white {color:white;}

.ErrTxt {
	display: inline-block;
}
/*background-color: darkorange;
		color: orangered;
	margin:.3rem 0 1rem 0;*/
/*span.ValErrTxt[style*="inline"] {
	display: block !Important;
	background-color: #003C71;
	color: #fff;
	border: 1px solid #cccccc;
	margin-bottom: .5rem;
	font-size: .75rem;
}*/

/* .ValErrTxt - Umgehen der ASP.NET Eigenschaften rote Schrift und display wenn display:inline gesetzt wird und nicht display:none */
span.ValErrTxt[style*="inline"] {
	display: block!important;
}
.lblRequired:after {
	content: " *";
}

/* 
   Form 
*/
.form-control { /*Alle Werte nochmals hier festgelegt und für Safari/iPhone zu testen */
	
	color: #464a4c;
	/*
	background-color: #fff!important;
	background-image: none!important;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid rgba(0,0,0,.15);
	border-radius: .25rem;
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	line-height: 1.25!important;
		*/
}

.form-group-sm {
	margin-bottom: .25rem;
}
.form-group {
	margin-bottom: .25rem;
}
.col-form-label {
	padding-top: .25rem; 
	padding-bottom: .25rem; 
}
form-control-sm {}

span.col-form-label {
	display: inline-block;
}
.form-check {
	top: .4rem;
	margin-bottom: 0;
}
.form-check-allone {
	margin-bottom: .75rem;
}
.form-check input {
	margin-right: .5rem;
	position: relative;
	top: 2px;
}
.btn-1char {
	padding: 0;
}
/*	position:relative;
	left:-20px; */

.btn-menutop, .zeitraum, .container-fluid.btn-group.btn-group-sm {
	margin-bottom: 1rem;
}/* margin-bottom: .5rem;*/

.btn-menutop {
	float:left;
}  /* margin-bottom: .5rem; */

.zeitraum {} /*position:relative;
	top:-5px;*/


.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	padding-right: 5px;
	padding-left: 5px;
	
}/*border:1px dashed magenta;*/
.row {
	margin-left: -5px;
	margin-right: -5px;
	
}/*border:2px dashed darkgreen;*/

.diaWin {
	z-index:100;
	left: 3rem;
	top: 2rem;
}

#divVebshipmenttimeline {  
	position: absolute;
	left: 30%;
	top: 22px;
 }

#divHeadInfo { margin-left: 11rem;}

.LegendDone {
	background-image: linear-gradient(to bottom,#5E9DD6 0,#9DC3E6 100%);
	background-repeat: repeat-x;
	background-color: #5E9DD6;
	border-color: White;
	color: #f5f5f5;
	padding: .05rem .5rem ;
	font-weight:400;
}
.LegendOpen {
	background-image: linear-gradient(to bottom,#A5A5A5 0,#C6C6C6 100%);
	background-repeat: repeat-x;
	background-color: #A5A5A5;
	border-color: White;
	color: #f5f5f5;
	padding: .05rem .5rem ;
	font-weight:400;
}

.alert {  
	display: block;  
    text-align:center;
}
.alert-done, .grid-ok {
	background-image: linear-gradient(to bottom,rgb(158, 199, 140) 0,#779867 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
	background-repeat: repeat-x;
	border-color: #1d440d;
	background-color: #6e945e;
}

.alert-open, .grid-danger {
	background-image: linear-gradient(to bottom,#f56969 0,#ab4141 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
	background-repeat: repeat-x;
	border-color: #f56969;
	background-color: #f56969;
}

.alert-warn, .grid-warn {
	background-image: linear-gradient(to bottom,#ED6C05 0,#dc884c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
	background-repeat: repeat-x;
	border-color: #ED6C05;
	background-color: #ED6C05;
}

.alert-warn, .alert-open, .alert-done {
	color: #f5f5f5;
	padding: .05rem .5rem ;
	border-radius: .25rem;
	font-weight:200;
	border:none;
	margin-bottom:0;
}

.grid-warn, .grid-danger, .grid-ok {
	border-radius: .25rem;
}

/*
Kräftige Farben
.state-alert {
	background-image: linear-gradient(to bottom,#da4141 0,#7b1818 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
	background-repeat: repeat-x;
	border-color: #7b1818;
	border-radius: .25rem;
	background-color: #da4141;
}
.state-warn {
	background-image: linear-gradient(to bottom,#fb8634 0,#b96021 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
	background-repeat: repeat-x;
	border-color: #b96021;
	border-radius: .25rem;
	background-color: #fb8634;
}
.state-done {
	background-image: linear-gradient(to bottom,#6e945e 0,#1d440d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
	background-repeat: repeat-x;
	border-color: #1d440d;
	border-radius: .25rem;
	background-color: #6e945e;
}

Milde Farben
Grün
background-image: linear-gradient(to bottom,#9ec78c 0,#779867 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);

Rot
background-image: linear-gradient(to bottom,#f56969 0,#ab4141 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);

Gelb
background-image: linear-gradient(to bottom,#ffb37d 0,#dc884c 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);

*/

.state-alert, .state-warn, .state-done {
	color: #f5f5f5;
	padding: .05rem .5rem .2rem .5rem ;
	font-weight:200;
	width: 88px;
	display: inline-block;
	text-align: center;
}
.state-alert {
	background-image: linear-gradient(to bottom,#f56969 0,#ab4141 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
	background-repeat: repeat-x;
	border-color: #7b1818;
	border-radius: .25rem;
	background-color: #da4141;
}
.state-warn  {
	background-image: linear-gradient(to bottom,#ffb37d 0,#dc884c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
	background-repeat: repeat-x;
	border-color: #b96021;
	border-radius: .25rem;
	background-color: #fb8634;
}
.state-done {
	background-image: linear-gradient(to bottom,#9ec78c 0,#779867 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
	background-repeat: repeat-x;
	border-color: #1d440d;
	border-radius: .25rem;
	background-color: #6e945e;
}

.divlblStatusHead {
	position: relative;
	display: inline;
	left: 0;
	top: .25rem;
}
.divlblStatus {

	position: absolute;
	display: inline;
	left: 13%;
	top: .5rem;
}/*
	position: relative;
	display: inline;
	left: 0;
	top: -2rem;

 */


.drpBL {
	position: absolute;
	display: inline;
	left: 10rem;
	top: -2.3rem;
}

#divZeitraum {
	position: relative;
	top:.2rem;
} 
.zeitraum_closed {
	position:relative;
	top: .5rem;
}
.zeitraum_closed input {
	 position: relative;
	 top: .1rem;
}
.zeitraum_closed label {
	padding-left: .5rem;
}


/* Fehlendes Alt-Attribut bei Bildern anzeigen, Fehlervermeidung */
/* img:not(:empty)[[alt]] { outline: 1px solid magenta; } */

.clearit {      clear: both;  }
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}
.height100 {  height:100vh; min-height:100%;  padding-bottom:1rem; } /* min-height: 150px ; */
.height25  {    min-height:25%;  padding-bottom:1rem; }
.heightFull {   min-height:100vh; } /* min-height: 100px ; */
.height75vh {   min-height:75vh;  }
.height25vh {   min-height:25vh;  }
.borderBlue .dropzone    { border-color: #70A9DA; }
.borderBlue .dropzone .dz-message { background: url(../../images/dropcloudblue.png) no-repeat center 30%; }
.borderRed .dropzone      { border-color: #da4141; }
.borderRed .dropzone .dz-message {  background: url(../../images/dropcloudred.png) no-repeat center 30%;  }
.borderYellow .dropzone   { border-color: #fb8634; }
.borderYellow .dropzone .dz-message {        background: url(../../images/dropcloudyellow.png) no-repeat center 30%; }
.borderDarkblue .dropzone { border-color: #003C71; }
.borderDarkblue .dropzone .dz-message {background: url(../../images/dropclouddarkblue.png) no-repeat center 30%;}
.borderGreen .dropzone    { border-color: #6e945e; }
.borderGreen .dropzone .dz-message {background: url(../../images/dropcloudgreen.png) no-repeat center 30%;}
.dropzone {
	border: 3px dashed #70A9DA ;
	background-color: White ;
	padding: .5rem  ;
	min-height: 100px ;
	height:100%;
	}
	/*
	margin: 1rem;
	border: 2px dashed #70A9DA ;
	background-color: #F5F5F5 ;

	background-image: url(../images/upload.png) ;
	background-size: 150px ;
	background-repeat: no-repeat ;
	background-position: center ;*/


.dropzoneCol {
	background-color: #F5F5F5;
	padding: .5rem;
}
.dropzone .dz-message {
	color: #55595c ;
	padding:  0 0 4.5rem 0;
	background: url(../images/dropcloud.png) no-repeat center 30%;
	background-size: 50px 33px;
	margin: 0 ;
} /*background: url(../images/dropcloud.png) no-repeat bottom center;*/

.uppercase
{
	text-transform: uppercase;
}

.invisible {
	display: none ;
}


@media (max-width: 991px) {
  .veb-md-down-left {
	z-index:200;position:absolute;left:0;text-align:left;padding-left:1rem;
  }
}
@media (min-width: 992px) {
  .veb-lg-up-right {
	z-index:200;position:absolute;right:0;text-align:right;padding-right:1rem;
  }
}
.pub-left {
	display:block;   
	position: absolute;
	left: 0;
	text-align: center;
	padding-left:1px;
	margin: auto;
	width: 11rem;
	height:4rem;
} /* z-index: 2000;display: block;*/

.pub-left table td table td {
	padding:0;
}

.PubButton {
	background-repeat: no-repeat;
	background-position: .5rem;
	padding-left: 1.5rem;
	background-image: url('../images/pubcheck0.png');
	z-index:2000;
}
.PubInfoText {
	color:transparent;
	/*border:0px solid transparent;*/
	background-color:transparent;
	z-index:2001;
} 

.PubInfoText:hover {
	z-index:3000;
	width:15rem;
	height:10rem;
	left:8rem;
	top:5rem;
	color:#5a5a5a;
	border: 1px solid #CCC ;
	border-radius: .25rem;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	background-color:white;
	opacity: 0.9;
	filter: alpha(opacity=90); /* For IE8 and earlier */
	cursor: default;
	text-align: left;
	padding: .25rem .5rem;
}

 
#divAddrCategories .igg_VEBControl
{
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
}


.shadow {
	box-shadow: 0 .5px 2px 0 rgba(0, 0, 0, 0.2), 0 .5px 2px 0 rgba(0, 0, 0, 0.19);
}

/*:focus {
	outline: -webkit-focus-ring-color auto 1px;
	outline: -ms-focus-ring-color auto 1px;
	outline: -moz-focus-ring-color auto 1px;
	outline: -o-focus-ring-color auto 1px;
}*/

/*
.dashboard-field {
	padding: .35em .625em .75em;
} 
#middleContent legend, #leftContent legend, #rightContent legend, #divCompany legend {
	padding-left:0;
	font-size:1.2rem;
}
*/

.BuildingText {
	text-align: center;
}

.veb-Tarif {
	border: 1px solid #FAFAFA;
	border-radius: .25rem;
	background-color:white;
}
.veb-Tarif-Head {
	line-height:3.5rem;
	font-size:1.7rem;
	color:White;
	display: inline-block;
	text-align: center;
	margin: auto;
	width: 100%;
	background-color: #ED6C05;
}
.veb-Tarif-Description {
	line-height:3rem;
	font-size:1rem;
	display: inline-block;
	text-align: center;
	margin: auto;
	width: 100%;
	color:#373a3c;
	
} 
.veb-Tarif-Description hr, .veb-Tarif-List hr {
	margin: .5rem 1rem;
	
} /*color:#373a3c;*/

.veb-Tarif-Description-Price {
	color: #243186;
	text-align: center;
	margin: auto;
}
.veb-Tarif-Price {
	color: #243186; 
	text-align: center;
	margin: auto;
}
.clsPrice {
	line-height: 4.5rem;
	font-size: 3rem;
	font-weight: 600;
}
.veb-Tarif-Amount, .veb-Tarif-Total { 
	color: #243186;
	padding: .5rem 0;
	margin:1rem 0;
}
.veb-Tarif-Submit {
	width:80%;
	text-align: center;
	margin: auto;
	padding-top: 1rem;
}
.veb-Tarif-List {
	margin: 1rem 0;
}
.remarks {
	color:#adadad;
	font-size:.7rem;
}

.veb-welcome {
	position: center;
	margin: 0 auto;
}


/* WebSpedApp */

/* Login */
.pSmall {
    font-size: .8rem;
}
.form-control-datetime-local {
	-webkit-flex-direction: inherit!important;
	-ms-flex-direction: inherit!important;
	flex-direction: inherit!important;
}/* padding: .6rem 1rem .6rem 1.5rem;
	font-size: 1.25rem;
	border-radius: .3rem;
	border-color: #0275d8;
	color: #0275d8;
	 
	 border: 1px solid rgba(0,0,0,.15);*/


/* Standard: font-size: inherit; */

/* BITUMINA Blau #003375 Grau #C5C7C9 */
.btn-primary {
	color: #fff;
	background-color: #003375;
	border-color: #003375;
}

.btn-outline-primary {
	color: #003375;
	background-image: none;
	background-color: transparent;
	border-color: #003375;
}

.btn-outline-primary:hover, .btn-outline-primary.active {
	color: #fff;
	background-color: #003375;
	border-color: #003375;
}

.btn-outline-primary.active, .btn-outline-primary:active, .show > .btn-outline-primary.dropdown-toggle {
	color: #fff;
	background-color: #003375;
	border-color: #003375;
}

.btn-primary:hover {
	color: #fff;
	background-color: #00214F;
	border-color: #003375;
}

.btn-primary.active, .btn-primary:active, .show > .btn-primary.dropdown-toggle {
	color: #fff;
	background-color: #00214F;
	background-image: none;
	border-color: #003375;
}
input.btn-right { font-style: italic;}
input.btn-right::after {
    content: " >>";
}
.btn-left::before {
    content: "<< ";
}

.navbar-toggler-left {
	top: 1rem;
}
/*.form-control-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn {
	padding: .75rem .5rem;
	height: inherit;
	font-size: 1.25rem;
}*/ /* Needless with Bootstrap 4 Beta 2 */
.WebDate>.igte_VEBInner>.form-control:disabled, 
.WebDate>.igte_VEBInner>.form-control[readonly], .WebDate .igte_VEBEditInContainer {
	background-color: inherit!important;
	border-color: transparent;
	font-size: 1.25rem;
}


.table-sm td, .table-sm th {
	padding: .1rem;
	font-size: 90%;
}
.btn-primary.disabled, .btn-primary:disabled {
	background-color: #eaeaea;
	border-color: darkgrey;
	color: darkgray;
}

/* START WebSpedApp */
.card-block {
	padding: 0.5rem;
}
.grd-kammer {
    color: #bec0c1;
}
.grd-Neu {
	color: #70a9da;
}
.grd-Frei {
	color: #9adb47;
}
.grd-Exportiert {
	color: #ff9900; 
}
 .grd-Fehler {
	color: #db1818;
}
 .d-flex .grd-Neu, .d-flex .grd-Frei, .d-flex .grd-Exportiert, .d-flex .grd-Fehler {
	vertical-align: sub;
 }

 /* Alert in frischeren Farben */
.alert-info {
	background-color: rgba(112, 169, 218, 0.5);
	border-color: rgba(112, 169, 218, .5);
	color: #39577d!important;
}
.alert-warning {
	background-color: rgba(255, 153, 0, 0.5);
	border-color: #f9be65;
	color: #a96500!important;
}
.alert-success {
	background-color: rgba(154, 219, 71, 0.5);
	border-color: #bce488;
	color: #537725!important;
}
.alert-danger {
	background-color: rgba(219, 24, 24, .5);
	border-color: #d27070;
	color: #800d0d!important;
}


.borderLow {
	border-top:1px solid #eceeef;
 }
.borderHigh {
	border-top:1px solid rgba(0, 51, 117, 0.32);
}
/* Chrome input type=date */
 /* Removes arrows */
/* Removes arrows */
input::-webkit-clear-button { /* Removes blue cross */
  -webkit-appearance: none;
  margin: 0;
}
/*input::-webkit-outer-spin-button,input::-webkit-inner-spin-button,  */

/*select {
	background-color:#fff!important;
	background-image:none!important;
	line-height:1.25rem!important;
	padding:.75rem .5rem!important;
}*/ /* Needless with Bootstrap 4 Beta 2 */

 .t-b { font-weight: 700; }
 .t-warn { color: orange; }
 .t-blue { color: #003375; }

 .kammerhalf {
    font-weight: 500;
    color: #abaaaa;
    font-size: 85%;
    line-height: 100%;
 }

/* ENDE WebSpedApp */