/*
	VEB.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

    - bootstrap V4 Alpha 6 für VEB -
    - Anpassung viewpoint breakpoint für XL 
        @media (min-width: 1600px) von 1200px
            .col-xl-1 etc.
            .hidden-xl-up
        @media (min-width: 1599px) von 1199px 
            .hidden-lg-down 
*/

body {
	position: relative;
	color: #5a5a5a;
	}/*line-height:1.25;*/ 
body, .btn, .btn-sm, .dropdown-menu, input, legend, .form-control, .form-control-sm,
.input-group, .input-group-addon {
    font-size: .8rem !important;
    line-height: inherit;
}
:focus {
    outline-width: 0;
}
a:active, a:hover, a:focus {
    outline-width: 0;
}
.btn.active, .btn:active,
.btn:focus, .btn:hover,
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline-width: 0;
}
input { 
	border-radius:.2rem;
	background-image: none;
	background-color: #fff;
	color: #55595c;
} /* padding: .25rem .5rem; */

input, .form-control-sm {
	padding: .25rem .25rem;
}
[disabled],.disabled {background-color:#eceeef;}
.wait, .wait * { cursor: wait; }

/* Button */
.btn-primary {
	background-color: #003C71;
	border-color: #55595c;
}
.btn-alert {
    color: #fff;
    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!important;
    border-color: #5bc0de!important;
}
.iBtn, .iBtn:active, iBtn:hover {
	background-repeat: no-repeat;
	background-position: .5rem!important; 
	padding-left: 1.5rem!important;
}
.btnSave, .btnSave:hover, .btnSave:active, .btnSave:focus {
    text-shadow: none;
    background-image: url('images/fapng/fa_save_12_ffffff.png')!important;
	padding-left: 3rem!important;
	padding-right: 3rem!important;
}

.btnSave:hover {
    background-color: #D8D8D8;
    border-color: #adadad;
    background-image: url('images/fapng/fa_save_12.png')!important;
    color: #55595c;
}
.btnSave:active, .btnSave:focus {
    background-image: url('images/fapng/fa_save_12_ffffff.png') !important;
}
.btn.disabled.btnSave, .btn:disabled.btnSave {
    background-image: url('images/fapng/fa_save_12_999999.png') !important;
    color: #999999;
}
.btnAccept, .btnAccept:hover, .btnAccept:active, .btnAccept:focus {
    background-image: url('images/fapng/fa_save_12.png');
}
.btnBack, .btnBack:active {
	background-image: url('images/fapng/fa_angle-double-left_11.png');
}
.btnBan, .btnBan:hover, .btnGlobe:active, .btnGlobe:focus {
    background-image: url('images/fapng/fa_ban_13_ffffff.png');
    background-color: #ed6c05;
    color: white;
}
.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');
}

.btnCloudW, .btnCloudW:hover, .btnCloudW:active, .btnCloudW:focus {
    text-shadow: none;
    background-image: url('images/fapng/fa_cloud-upload_13_ffffff.png') !important;
    padding-left: 3rem !important;
    padding-right: 3rem !important;
}

.btnCloudW:hover {
    background-color: #D8D8D8;
    border-color: #adadad;
    background-image: url('images/fapng/fa_cloud-upload_13.png') !important;
    color: #55595c;
}

.btnCloudW:active, .btnCloudW:focus {
    background-image: url('images/fapng/fa_cloud-upload_13_ffffff.png') !important;
}






.btnCog, .btnCog:active {
	background-image: url('images/fapng/fa_cog_11.png');
}
.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');
    display: inline;
    padding: .25rem .5rem;
}

.btn-primary.btnEye, .btn-primary.btnEye:hover, .btn-primary.btnEye:active, .btn-primary.btnEye:focus {
    background-image: url('images/fapng/fa_eye_12_ffffff.png');
    padding-left: 2rem !important;
    padding-right: 2rem !important;
}
.btn-secondary.btnEye, .btn-secondary.btnEye:hover, .btn-secondary.btnEye:active, .btn-secondary.btnEye:focus {
    background-image: url('images/fapng/fa_eye_12_373a3c.png');
    padding-left: 3rem !important;
    padding-right: 3rem !important;
}
.btnHandshake, .btnHandshake:active:hover {
    background-image: url('images/fapng/fa_handshake_16_ffffff.png');
    background-color: #ed6c05;
    color: white;
    padding-left: 2rem !important;
    padding-right: .75rem;
}
.btnHandshake:hover {
    background-image: url('images/fapng/fa_handshake_16_ed6c05.png');
    background-color: white;
    color: #ed6c05;
}
.btnHandshake:active, .btnHandshake:focus {
    background-image: url('images/fapng/fa_handshake_16_ffffff.png');
    background-color: #003C71;
    color: white;
}

.btnEdit, .btnEdit:active {
    background-image: url('images/fapng/fa_edit_11.png');
}
.btnEllipsis-h, .btnEllipsis-h:active,
.btn-group-Ellipsis-h
{
    background-image: url('images/fapng/fa_ellipsis-h_11.png') !important;
}
/*.btnEllipsis-v, .open .btnEllipsis-v, .btnEllipsis-v:active, .btnEllipsis-v:focus, .btnEllipsis-v:hover,
.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
	background-image: url('images/fapng/fa_ellipsis-v_11.png');
}*/
.btnEllipsis-v, .btnEllipsis-v:active,
.btn-group-Ellipsis-v
{
    background-image: url('images/fapng/fa_ellipsis-v_11.png') !important;
}
.btnExchange, .btnExchange:active  {
	background-image: url('images/fapng/fa_exchange_11.png');
}
.btnFiles, .btnExchange:active {
	background-image: url('images/fapng/fa_files-o_12.png');
}
.btnFileText, .btnFileText:active {
    background-image: url('images/fapng/fa_file-text-o_12.png');
}
.btnFloppy, .btnFloppy:active {
	background-image: url('images/fapng/fa_floppy-o_12.png');
}
.btnTracking, .btnTracking:active {
	/*background-image: url('images/fapng/fa_floppy-o_12.png');*/ /*fa-globe*/
}
.btnPlus, .btnPlus:active {
	background-image: url('images/fapng/fa_plus_11.png');
}
.btnMail, .btnMail:active {
    background-image: url('images/fapng/fa_envelope_11_ffffff.png');
}
.btnRefresh, .btnRefresh:active {
	background-image: url('images/fapng/fa_refresh_11.png');
}
a.btnRefresh:link {
	background-image: url('images/fapng/fa_refresh_11_0275d8.png');
}
a.btnRefresh:hover, a.btnRefresh:active {
	background-image: url('images/fapng/fa_refresh_11_014c8c.png');
}
.btnRemove, .btnRemove:active {
	background-image: url('images/fapng/fa_remove_11.png');
}
.btnRefuse, .btnRefuse:active {
    background-image: url('images/fapng/fa-no-entry-16.svg');
    width: 5rem;
    background-position-y: .6rem !important;
}
.btnSearch, .btnSearch:active {
	background-image: url('images/fapng/fa_search_11.png');
}
.btnShare, .btnShare:active, .btnShare:hover {
    background-image: url('images/fapng/fa_share_12_ffffff.png');
    background-position: .5rem!important;
}
.btnSignout, .btnSignout:active {
	background-image: url('images/fapng/fa_sign-out_11.png');
}
.btnSquare, .btnSqare:active {
    background-image: url('images/fapng/fa_square_12.png');
}
a.btnSignout:link {
	background-image: url('images/fapng/fa_sign-out_11_0275d8.png');
}
a.btnSignout:hover {
	background-image: url('images/fapng/fa_sign-out_11_014c8c.png');
}
.btnTimes, .btnTimes:active {
	background-image: url('images/fapng/fa_times_11.png');
	background-position-y: .8rem!important;
}
.btnTop, .btnTop:active {
    background-image: url('images/fapng/fa-favorites-16.svg');
    width: 5rem;
    background-position-y: .6rem !important;
}
.btnTracking, .btnTracking:active {
    background-image: url('images/fapng/fa_external-link_13.png');
    padding-left: 1.7rem!important;
}
.btnUndo, .btnUndo:active {
	background-image: url('images/fapng/fa_undo_11.png');
}

.btnUser, .btnUser:active {
	background-image: url('images/fapng/fa_user_11.png');
}
a.btnUser:link {
	background-image: url('images/fapng/fa_user_11_0275d8.png');
}
a.btnUser:hover {
	background-image: url('images/fapng/fa_user_11_014c8c.png');
}
.btnTelematic, btnTelematic:active, btnTelematic:hover {
    background-image: url('images/fapng/fa_paper_plane_16.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 !important;
	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;
}

.btn-light {
    color: inherit;
    background-color: #fff;
    border-color: #70a9da !important;
}

    .btn-light:hover, .btn-grid:focus, .btn-grid.focus {
        color: #373a3c;
        /*color: #0275d8;*/
        /*text-decoration: underline;*/
        background-color: #fafafa;
        background-color: #F2F9FF;
        border-color: #e6e6e6;
    }

    .btn-light:active, .btn-light.active, btn-light:active:focus, .btn-light:active.focus, .btn-light.active:hover, .btn-light.active:focus, .btn-light.active.focus, .open > .btn-light.dropdown-toggle:hover, .open > .btn-light.dropdown-toggle:focus, .open > .btn-light.dropdown-toggle.focus {
        color: #373a3c;
        /*color: #0275d8;*/
        /*text-decoration: underline;*/
        background-color: #efefef;
        background-color: #C6DDF0;
        background-color: #EBEFF2;
        border-color: #adadad !important;
        outline: none;
    }

.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');
}

.img-Grid .fa-warn {
    font-size: 1.3em;
    text-align: center;
    width: 100%;
}

.fa-rated-star {
    color: #ffbc00;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}

<!-- -->
.fa-warn {
    color: darkorange;
}

.fa-sans-serif {
    font-style: normal;
    font-family: sans-serif;
}
.fa-1-5x {
    font-size: 1.5em;
}
.fa-1-7x {
    font-size: 1.7em;
}
.fa-top {
    position:relative;
    top:-3.5rem;
}



.veb-pub {
    color: #70a9da;
}
.veb-notpub {
    color: #ed6c05;
}

.divcenter {
	display:block;
	margin-left: auto;
	margin-right: auto;
	width:50%;
}
.dropdown-menu {}
legend, .legendStyle {
    font-weight: 700;
    margin-bottom: 1rem;
    padding-top: .5rem;
    color: #003C71;
    
} /*
/* VEB Test WebGroup Header Alternative - Cg, 2020-02
    font-weight: 400;
    font-size: 1.14rem !important;
    color: #71808e;
    border-bottom: 1px solid #73808c;
    /* VEB TenderManager Test - Cg, 2020-02 
    padding-top: 2rem;
    margin: 1rem 0;
    padding-left: 3rem;

  */
legend-pre {
	color:lightsteelblue;
}
.transparent legend {
	color: transparent;
}

.ig_VEBControl-pre {
	color:lightsteelblue !important;
}

#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;
}

.h2ship {
	font-size: inherit;
	font-weight:700; 
	color:#003C71;
}

.h3 {
	font-size:.9rem;
	color:#70A9DA;
}

.p-05 {
    padding: .5rem !important;
}
.p-t-05 {
    padding-top: .5rem !important;
}
.p-r-05 {
    padding-right: .5rem !important;
}
.p-b-05 {
    padding-bottom: .5rem !important;
}
.p-l-05 {
    padding-left: .5rem !important;
}
.p-x-05 {
    padding-right: .5rem !important;
    padding-left: .5rem !important;
}
.p-y-05 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
}
#myVEB .p-x-2 {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
}
.text-left {
    text-align: left !important;
}
.text-center {
    text-align: center !important;
}
.text-right {
    text-align: right !important;
}
.width-fill {
    width: -webkit-fill-available;
}
.w-50 {
    width: 50%!important;
}
.w-75 {
    width: 75%!important;
}
.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

.float-none {
    float: none !important;
}

.rowGrey, #divFurthDetails {
    background-color: #f5f5f5;
}

fieldset span, .form-inline {}
fieldset div {}
.main-fieldset { padding-bottom: .5rem; } 
table { border-collapse:inherit; }

.field-bg {
	padding: .5rem;
}
/*
	  background-color: rgba(112, 169, 218, .25);
      margin-bottom: 1rem;
      margin-right: 1rem;
      background: url(images/symseaside.png) no-repeat .45rem .45rem aliceblue;  */

/* Navigation */
.navbar-brand {
	padding-bottom: 0 !important;
} /*padding-top: 0 !important;*/
.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 !important;
}
#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 i.fa {font-size:initial!important;}
#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!important; }

/* 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;
	}


label {
	font-weight: 400;
}

.emptyline {
	height:1.3rem;
}

.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: #ED6C05;
	color: #fff;
	margin-bottom: .5rem;
	font-size: .75rem;
	padding: .25rem;
	/*border: 1px solid #cccccc;*/
}
.lblRequired:after {
	content: " *";
}

/* 
   Form 
*/
.form-control {}
.form-control-label {}

.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;
}
.chkBox {  
    vertical-align:middle;
}/* margin-bottom: 0rem !important;*/
 .chkBox-left>input[type=checkbox] { margin-left: .5rem; vertical-align:middle; }
 .chkBox-right>input[type=checkbox] { margin-right: .5rem;  vertical-align:middle; }

.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!important;
}
/*	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-plr5,
.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;*/

.col-md-2_5 {
	float: left;
	width: 20.83%;
} 

.row {
	margin-left: -5px;
	margin-right: -5px;
	
}/*border:2px dashed darkgreen;*/

.diaWin {
	z-index:100;
	left: 3rem!important;
	top: 2rem!important;
}

.TMOfferHov.hover, .TMOfferHov:hover {
    background-color: #70a9da50;
    border-radius: .5rem;
    box-shadow: 1px 1px rgba(0,0,0,.075);
}
.TMCarrierInfo {
    margin: .25rem;
    font-weight: 500;
    min-height: 6.25rem;
}
.TMCarriershort {
    text-align: center;

}
.VesPic {
    max-width: 160px;
    max-height: 90px;
    padding-left: .6rem;
    margin-bottom: .6rem;
}
.VesPic img {
        height: 6rem;
        margin: 0 auto;
    }

#divVebshipmenttimeline {
    position: absolute;
    left: 30%;
    top: 22px;
}

#divVebInquiryTimeline {
	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 !important;
    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 !important;
	font-weight:400;
}

.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 !important;
    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;
    font-weight: 200;
    display: inline-block;
    text-align: center;
    padding: .15rem 1.5rem;
    white-space: nowrap;
}
.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,#ed6c058a 0,#ed6c05 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
    background-repeat: repeat-x;
    border-color: #ed6c05;
    border-radius: .25rem;
    background-color: white;
}
.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 !important; */
.height25  {    min-height:25%;  padding-bottom:1rem; }
.heightFull {   min-height:100vh; } /* min-height: 100px !important; */
.height75vh {   min-height:75vh;  }
.height25vh {   min-height:25vh;  }
.borderBlue .dropzone    { border-color: #70A9DA!important; }
.borderBlue .dropzone .dz-message    { background: url(images/dropcloudblue.png) no-repeat center 30%; }
.borderRed .dropzone      { border-color: #da4141!important; }
.borderRed .dropzone .dz-message    { background: url(images/dropcloudred.png) no-repeat center 30%; }
.borderYellow .dropzone   { border-color: #fb8634!important; }
.borderYellow .dropzone .dz-message    { background: url(images/dropcloudyellow.png) no-repeat center 30%; }
.borderDarkblue .dropzone { border-color: #003C71!important; }
.borderDarkblue .dropzone .dz-message    { background: url(images/dropclouddarkblue.png) no-repeat center 30%; }
.borderGreen .dropzone    { border-color: #6e945e!important; }
.borderGreen .dropzone .dz-message    { background: url(images/dropcloudgreen.png) no-repeat center 30%; }
.dropzone {
	border: 3px dashed #70A9DA !important;
	background-color: White !important;
	padding: .5rem !important ;
	min-height: 100px !important;
	height:100%;
	}
	/*
	margin: 1rem;
	border: 2px dashed #70A9DA !important;
	background-color: #F5F5F5 !important;

	background-image: url(images/upload.png) !important;
	background-size: 150px !important;
	background-repeat: no-repeat !important;
	background-position: center !important;*/


.dropzoneCol {
	background-color: #F5F5F5;
	padding: .5rem;
}
.dropzone .dz-message {
	color: #55595c !important;
	padding:  0 0 4.5rem 0!important;
	background: url(images/dropcloud.png) no-repeat center 30%;
	background-size: 50px 33px;
	margin: 0 !important;
} /*background: url(images/dropcloud.png) no-repeat bottom center;*/

.uppercase
{
	text-transform: uppercase;
}

.invisible, .d-none {
	display: none !important;
}
.d-inline {
    display: inline;
}


@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!important;
}

.PubButton {
	background-repeat: no-repeat;
	background-position: .5rem;
	padding-left: 1.5rem!important;
	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);
}
.text-shadow {
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}

/*: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!important;
}
*/

.BuildingText {
    text-align: center;
}

.veb-Tarif,.veb-Option {
    border: 1px solid #FAFAFA;
	border-radius: .25rem;
	background-color:white;
}
.veb-Tarif-Head,.veb-Option-Head {
    line-height:3.5rem;
	font-size:1.7rem;
    color:White!important;
    display: inline-block;
    text-align: center;
    margin: auto;
    width: 100%;	
}
.veb-Tarif-Head {background-color: #ED6C05; }
.veb-Option-Head {background-color: #70A9DA; }

.veb-Tarif-Description,.veb-Option-Description {
    line-height:3rem;
	font-size:1rem;
    display: inline-block;
    text-align: center;
    margin: auto;
    width: 100%;
	color:#373a3c!important;
    
}
.veb-Tarif-Description-Tarif {
    line-height: 1.5rem;
    font-size: 1rem;
    display: inline-block;
    text-align: center;
    margin: auto;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    width: 100%;
    color: #373a3c !important;
}
.veb-Tarif-Description hr, .veb-Tarif-List hr, .veb-Option-Currency hr {
    margin: .5rem 1rem;
} /*color:#373a3c!important;*/

.veb-Tarif-Description-Price, .veb-Option-Descr {
    color: #243186!important;
    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, .veb-Tarif-Code {
    color: #243186;
    padding: .5rem 0;
    width: 100%;
    display: inline-flex;
} /*margin: 1rem 0;*/
.veb-Tarif-Submit,.veb-Option-Currency,.veb-Option-VoucherCode {
    text-align: center;
    margin: auto;
    padding-top: 1rem;
    width:80%
}
.veb-Tarif-Currency {width:100%;}
.veb-Tarif-List {
    margin: 1rem 0;
}
.veb-Option-Text {
    margin: 1rem auto;
    width:80%;
}
.tarif-info {
    margin-left: 1rem;
    margin-right: 1rem;
}
.remarks {
    color: inherit;
    font-size: inherit;
}
/*color:#adadad;
  font-size:.7rem; 
*/
    .veb-welcome {
        position: center;
        margin: 0 auto;
    }

.veb-dialog {
    Height: 200px;
    Width: 500px;
    line-height: normal;
}
.veb-diaHeader {
    text-align: center;
    position: relative;
    padding: 20px;
}
.veb-diaTitle {
    font-size: x-large;
    font-weight: 700;
}
.veb-diaContent {
    font-size: large;
}
.veb-diaButton {
    position: absolute;
    right: 5px;
    top: 75px;
    height: 23px;
}

.veb-cargo-frt {
	background-color: #eceeef !important;
	color: black !important;
}
.veb-border-top {
	border-top-style: solid;
	border-top-width: medium;
	border-top-color: lightgray;
	margin-top: 5px;
	padding-top: 5px;
}

.veb-modal-open {
	display: block;
}


#accordion .h6, #accordion h6 {
    font-size: .8rem;
    padding: .3rem;
}
#accordion .panel {
    border: solid 1px #D8D8D8;
    border-radius: .25rem;
}
#accordion a:focus, #accordion a:hover {
    text-decoration: none!important;
}

#accordion .panel-heading a.collapsed, #accordion .panel-heading a.collapsed:active, #accordion .panel-heading a.collapsed:hover {
	background-repeat: no-repeat;
	background-position: .5rem!important; 
	padding-left: 1.5rem!important;
	background-image: url('images/fapng/fa_arrow-down_0275d8.png');
}
#accordion .panel-heading a, #accordion .panel-heading a:active, #accordion .panel-heading a:hover, #accordion .panel-heading .collapsed a  {
	background-repeat: no-repeat;
	background-position: .5rem!important; 
	padding-left: 1.5rem!important;
	background-image: url('images/fapng/fa_arrow-up_0275d8.png'); 
}