/*
	ben.css 01.2018
    BITUMINA

	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
    #70A9DA20 rgba(113, 169, 218, 0.2) - lightblue - 20%
    #f5f5f5 80% Transparenz rgba(245, 245, 245, 0.8)
	#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
    #FB8634 - Orange, circlebtn 
    
    VesselBridgeLogo
    Blau   #243186
    Orange #ED6C05
    Grau   #D7D8D8
     
*/


body {
    position: relative;
    color: #5a5a5a;
    font-size: initial;
}

    body.wait, body.wait * {
        cursor: wait !important;
    }

body, .btn, .btn-sm, .dropdown-menu, input, legend, .form-control-sm, h5 {
    font-size: .8rem !important;
}
    /*NEU*/
    body > .container {
        padding: 85px 1rem 0;
    }

.starter .col-md-4 {
    margin-bottom: 1.5rem;
    text-align: center;
}

input {
    border-radius: .2rem;
    background-image: none;
    color: #55595c;
}
/*  padding: .25rem .5rem;
    background-color: #fff; */

input, .form-control-sm {
    padding: .25rem .25rem;
    line-height: 1.4;
    min-height: 1.64rem;
}

select.form-control-sm:not([size]):not([multiple]) {
    height: calc(1.8125rem - 2px);
    padding: .15rem .125rem;
}

[disabled], .disabled {
    background-color: #e9ecef;
}

.wait, .wait * {
    cursor: wait;
}

/* Button */
.btn-primary {
    background-color: #003C71;
    border-color: #55595c;
}

.btn-primary, .btn-secondary {
    color: inherit;
    background-color: inherit;
}

    .btn-secondary:hover {
        color: initial;
        background-color: #e6e6e6;
        border-color: #adadad;
    }

    .btn-secondary:not([disabled]):not(.disabled):active, .show > .btn-secondary.dropdown-toggle {
        color: initial;
        background-color: #e6e6e6;
        border-color: #adadad;
        box-shadow: 0 0 0 0.2rem rgba(134,142,150,.5);
    }

.btn:not([disabled]):not(.disabled):active {
    background-image: initial;
}

.btn-secondary.disabled, :disabled.btn-secondary {
}
/*background-color: white;*/

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    .btn-primary, .btn-secondary, .btn-secondary:hover,
    .btn-secondary:not([disabled]):not(.disabled):active, .show > .btn-secondary.dropdown-toggle {
        color: #55595c;
        background-color: white;
    }
}



.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;
    padding-left: 1.5rem;
}

.iBtnPure {
    background-position-x: center;
    padding: .25rem 0;
    width: 1.9rem;
}

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

.btnAccept, .btnAccept:hover, .btnAccept:active, .btnAccept:focus {
    background-image: url('../images/fapng/fa_save_12.png') !important;
}

.btnBan, .btnBan:hover, .btnGlobe:active, .btnGlobe:focus {
    background-image: url('../images/fapng/fa_ban_13.png') !important;
}

    .btnGlobe, .btnGlobe:hover, .btnBan:active, .btnBan:focus {
        background-image: url('../images/fapng/fa_globe_13.png') !important;
    }

.btnCheck, .btnCheck:active {
    background-image: url('../images/fapng/fa_check-square-o_12.png') !important;
}

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

.btnCog, .btnCog:active {
    background-image: url('../images/fapng/fa_cog_11.png') !important;
}

.btnContinue {
    background-image: url('../images/fapng/fa_cog_11.png') !important;
}

a.btnCog:link {
    background-image: url('../images/fapng/fa_cog_11_0275d8.png') !important;
}

a.btnCog:hover {
    background-image: url('../images/fapng/fa_cog_11_014c8c.png') !important;
}

.btnDownload, .btnDownload:active {
    background-image: url('../images/fapng/fa_download_11.png') !important;
}

.btnEdit, .btnEdit:active {
    background-image: url('../images/fapng/fa_edit_11.png') !important;
}

.btnEllipsis-h, .btnEllipsis-h:active {
    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 {
    background-image: url('../images/fapng/fa_ellipsis-v_11.png') !important;
}
/*.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle*/
.btnExchange, .btnExchange:active {
    background-image: url('../images/fapng/fa_exchange_11.png') !important;
}

.btnFiles, .btnFiles:active {
    background-image: url('../images/fapng/fa_files-o_12.png') !important;
}

.btnFileText, .btnFileText:active {
    background-image: url('../images/fapng/fa_file-text-o_12.png') !important;
}

.btnFloppy, .btnFloppy:active {
    background-image: url('../images/fapng/fa_floppy-o_12.png') !important;
}

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

.btn-primary.btnPlus, .btn-primary.btnPlus:active {
    background-image: url('../images/fapng/fa_plus_11_ffffff.png') !important;
}

.btnRefresh, .btnRefresh:active {
    background-image: url('../Images/fapng/fa_refresh_11.png') !important;
}
/*
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');
}
    */
.btnGrid, .btnGrid:active {
    background-image: url('../images/fapng/fa_table_11.png') !important;
}

.btnCopy, .btnCopy:active {
    background-image: url('../images/fapng/fa_files-o_12.png') !important;
}

.btnSum, .btnSum:active {
    background-image: url('../images/fapng/fa_calculator_11.png') !important;
}

.btnSend, .btnSend:active {
    background-image: url('../images/fapng/fa_share_11.png') !important;
}

.btnFile1, .btnFile1:active {
    background-image: url('../images/fapng/fa_file-o_11.png') !important;
}

.btnRemove, .btnRemove:active {
    background-image: url('../images/fapng/fa_remove_11.png') !important;
}

.btnSearch, .btnSearch:active {
    background-image: url('../images/fapng/fa_search_11.png') !important;
}

.btnShare, .btnShare:active, .btnShare:hover {
    background-image: url('../images/fapng/fa_share_12_ffffff.png') !important;
    background-position: .5rem !important;
}

.btnSignout, .btnSignout:active {
    background-image: url('../images/fapng/fa_sign-out_11.png') !important;
}

.btnSquare, .btnSqare:active {
    background-image: url('../images/fapng/fa_square_12.png') !important;
}

a.btnSignout:link {
    background-image: url('../images/fapng/fa_sign-out_11_0275d8.png') !important;
}

a.btnSignout:hover {
    background-image: url('../images/fapng/fa_sign-out_11_014c8c.png') !important;
}

.btnTimes, .btnTimes:active {
    background-image: url('../images/fapng/fa_times_11.png') !important;
    background-position-y: .8rem !important;
}

.btnTimesOrder, .btnTimesOrder:active {
    background-image: url('../images/fapng/fa_times_11.png') !important;
    background-position-y: .75rem !important;
}

.btnTracking, .btnTracking:active {
    background-image: url('../images/fapng/fa_external-link_13.png') !important;
    padding-left: 1.7rem !important;
}

.btnUndo, .btnUndo:hover {
    background-image: url('../images/fapng/fa_undo_11.png') !important;
}

.btnUser, .btnUser:active {
    background-image: url('../images/fapng/fa_user_11.png') !important;
}

a.btnUser:link {
    background-image: url('../images/fapng/fa_user_11_0275d8.png') !important;
}

a.btnUser:hover {
    background-image: url('../images/fapng/fa_user_11_014c8c.png') !important;
}

.btnTelematic, .btnTelematic:active, .btnTelematic:hover {
    background-image: url('../images/fapng/fa_paper_plane_16.png') !important;
}

.btnLabel, .btnLabel:active {
    background-image: url('../Images/fapng/fa_barcode_11_373a3c.png') !important;
}

.btnPrint, .btnPrint:active {
    background-image: url('../Images/fapng/fa_print_11_373a3c.png') !important;
}

.btnAufBest, .btnAufBest:active {
    background-image: url('../Images/fapng/fa_print_11_70a9da.png') !important;
}

.btnStorno, .btnStorno:active {
    background-image: url('../Images/fapng/fa_trash-o_11_373a3c.png') !important;
}

.btnNew, .btnNew:hover, .btnNew:active, .btnNew:focus {
    background-image: url('../images/fapng/fa_plus_16_ffffff.png') !important;
}

.btnSaveOrder, .btnSaveOrder:hover {
    background-image: url('../Images/fapng/fa_floppy-o_11.png') !important;
}

.btn-primary.btnSaveOrder, .btn-primary.btnSaveOrder:hover {
    background-image: url('../Images/fapng/fa_floppy-o_11_ffffff.png') !important;
}

.btnGlobeOrder, .btnGlobeOrder:hover {
    background-image: url('../Images/fapng/fa_globe_12_373a3c.png') !important;
}

.btnAcceptReturn, .btnAcceptReturn:hover {
    background-image: url('../Images/fapng/fa_exchange_11.png') !important;
}

.btnMailTrack, .btnMailTrack:hover {
    background-image: url('../Images/fapng/fa_envelope_11_ffffff.png') !important;
}

.iBtnDel {
    background-repeat: no-repeat;
    background-position: .45rem !important;
    padding: 0.2rem .75rem !important;
}

.iBtnInForm {
    color: #6c757d;
    border: 1px solid #ced4da;
    height: 100%;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    .iBtnInForm {
        height: 100%;
    }
}

.btn-sm {
    padding-top: .25rem;
    padding-bottom: .25rem;
}
    /*
.btnPure {
	border-width: 0 ;
	background-color:transparent;
} 
.btnPure i {
	display:block;
}
.btn-menutop {
	position:relative;
	z-index: 1001;
} 
.btn-menutop >.btnPure {
	font-size:.65rem;
	color:white;
	margin:0 .7rem 0 .7rem;
}
*/
    .divZeitraum {
        position: relative;
        left: -.2rem;
    }

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

    .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_sisWebSelected .imgRO {
        background-image: url('images/dlr-ro_ffffff.png');
    }

    .ig_sisWebSelected .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 {
		min-width:12rem;
    }

    #divOptColumn.dropdown-menu {
        overflow: scroll;
        max-height: 50vH;
    }

        #divOptColumn.dropdown-menu table tr td input,
        #divOptColumn.dropdown-menu table tr td label {
            min-height: inherit;
            margin: 0 .25rem;
        }

    legend, h5 {
        font-weight: 700;
        margin-bottom: 1rem;
        padding-top: .5rem;
        color: #003C71;
    }

    legend-pre {
        color: lightsteelblue;
    }

    .transparent legend {
        color: transparent;
    }

    .ig_sisWebControl-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;
        }
    /* BIT */
    #divContent h1 {
        line-height: 3rem;
        font-size: 1.7rem;
        color: #003375;
    }

    #divContent2 h1 {
        margin: .30rem 0;
    }

    #divContent h2 {
    }
    /*
line-height: 2rem;
    font-size: 1.3rem;
  */

    #divContent h3 {
    }

    #divContent h4 {
    }

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

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

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

    .nav.nav-tabs.rowGrey {
        padding-left: 15px;
        margin-left: -15px;
    }

.divOrder .nav.nav-tabs.rowGrey {
    padding-left: notset;
    margin-left: notset;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover,
.nav-tabs.rowGrey .nav-link:focus,
.nav-tabs.rowGrey .nav-link:hover {
    color: initial;
    background-color: #e6e6e6;
    border-color: #adadad #adadad #dee2e6;
}

.nav-tabs .nav-link:not([disabled]):not(.disabled):active,
.nav-tabs.rowGrey .nav-link:not([disabled]):not(.disabled):active {
    color: initial;
    background-color: #e6e6e6;
    border-color: #adadad #adadad #dee2e6;
    box-shadow: 0 0 0 0.2rem rgba(134,142,150,.5);
}

    fieldset span, .form-inline {
    }

    fieldset div {
        height: unset !important;
    }

    .main-fieldset {
        padding-bottom: .5rem;
    }

    table {
    }
    /* border-collapse: inherit; */
    .table td, .table th {
        padding: .3rem;
        vertical-align: middle;
        line-height: 1.75rem;
    }

    .table thead th {
        font-weight: 600;
    }


    /* Navigation */
    .sisWebNav {
        padding: 0 .75rem;
        background-color: #f8f9fa!important;
    }

        /* BIT */
        .sisWebNav .navbar-brand {
        }
        /*
    padding-bottom: 0 !important;
    position: relative;
    left: -1.95rem;
    top: -.15rem;
    height: 42px;
    z-index: 1;
  */


        .sisWebNav .navbar-toggler {
            padding: 0;
        }

    .nav-pills .nav-link {
        padding: .72rem .77rem !important;
    }
    /*padding: .77rem 1rem !important;*/

    .nav-link.disabled {
        background-color: inherit;
    }

    /* BIT */
    .sisWebNav .navbar-nav .nav-item .nav-link, .nav-item a {
        color: #003375;
        white-space: nowrap;
    }

    #divLogNav .nav-item a {
        color: #014c8c;
    }

        #divNav .nav-item a:hover,
        #divLogNav .nav-item a:hover {
            background-color: #D8D8D8;
            color: #014c8c;
            transition: background-color .3s;
        }

        #divNav .nav-item a:active,
        #divLogNav .nav-item a:active {
            background-color: #003C71;
            color: white;
        }

    .navbar-light .navbar-nav .show > .nav-link,
    .navbar-light .navbar-nav .active > .nav-link,
    .navbar-light .navbar-nav .nav-link.active,
    .navbar-light .navbar-nav .nav-link.show,
    .navbar-light .navbar-nav .nav-link.navSel {
        background-color: #003C71;
        color: white;
    }

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


    /* Order.Master */
    #divContent {
        min-height: 84vh;
    }
    /* BIT */
    #mainTitel {
        height: 62px;
        background-color: #003375;
        position: relative;
        top: -.2rem;
    }

        #mainTitel h1 {
            color: white;
        }



    #ContactUs {
        background-color: #f7f7f9;
        margin-top: 5rem;
        padding: 3rem 0 3rem 2rem;
    }

    #hypLiRegisternow {
        color: #70A9DA !important;
    }

    /* Main, Content, Footer */
    main {
        min-height: 92vH;
        position: relative;
        padding-bottom: 16.5rem;
    }

    /* Höhe Footer unterhalb main */
    /* SM */
    @media (min-width: 576px) {
        main {
            padding-bottom: 16.5rem;
        }
    }

    /* MD */
    @media (min-width: 768px) {
        main {
            padding-bottom: 6rem;
        }
    }

    /* LG */
    @media (min-width: 992px) {
        main {
            padding-bottom: 7.5rem;
        }
    }

    /* XL */
    @media (min-width: 1200px) {
        main {
            padding-bottom: 7.5rem;
        }
    }

    .mainLogin {
    }

        .mainLogin, .mainLogin input {
        }
            /*font-size: initial !important;*/
            .mainLogin .row {
            }
    /*padding: 2rem;*/

    .mainContent {
    }

    /* Layout Login */
    .contentHeroBG {
        background: url(../images/ben-bg-head.jpg) no-repeat center .3rem;
		background-size: contain;
		width: 100vW;
		max-width: 100vW;
		height: auto;
		padding-top: 25vW;
    }
	/* XXL */
    @media (min-width: 1500px) {
        .contentHeroBG {
			background-size: auto;
			padding-top: 360px;
        }
    }

.contentLogin {
    background-color: rgba(245, 245, 245, 0.8);
}

    .contentContact {
        background-color: #70A9DACC;
    }

    .contentSpace {
        min-height: 5rem;
    }

    .divSignIn a {
        color: #003366;
    }

	footer, footer .sisWebNav, footer nav.bg-dark {
        background-color: #5a5a5a!important;
        color: #f5f5f5;
        padding: initial;
    }
 
	footer a, footer nav a.nav-link, footer nav .nav-link {
		color: #f5f5f5;
		margin: 0  .25rem;
	}

	footer a:hover, footer a:focus,
	footer .nav-link:hover, footer .nav-link:focus {
		color: #adadad;
		text-decoration: none;
	}

    .footer {
        position: absolute;
        bottom: 0;
        width: 100%;
        background-color: #5a5a5a!important;
        color: #f5f5f5;
    }

    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        /* IE10+ CSS styles go here */
        .footer .container {
            position: relative;
        }
    }
/*top: -2rem;*/

/* BFix AdrImport */
div.clearfooter {
    height: 6rem;
}


    /* Login Hello */
    #SignIn h2, #SignIn p,
    #SignIn a, #SignIn a:link, #SignIn a:hover, #SignIn a:active, #SignIn a:visited,
    .contentContact, .contentContact a, .contentContact a:link, .contentContact a:hover, .contentContact a:active, .contentContact a:visited {
    }
        /* color: white; */

        #SignIn a, #SignIn a:link, #SignIn a:hover, #SignIn a:active, #SignIn a:visited,
        .mainsisWeb a, .mainsisWeb a:link, .mainsisWeb a:hover, .mainsisWeb a:active, .mainsisWeb a:visited {
            text-decoration: none;
        }

.card-deck.sisWeb .card {
    max-width: 15rem;
    min-width: 15rem;
}

.card-deck.sisWeb img.card-img-top {
    background-color: rgba(113, 169, 218, 0.2);
    height: 7.7rem;
}

    .card-deck.sisWeb a .imgHoverZoom {
        -webkit-transition: -webkit-transform .3s; /* Safari */
        transition: transform .3s ease;
    }

        .card-deck.sisWeb a .imgHoverZoom:hover {
            webkit-transform: scale(1.02); /* Safari */
            transform: scale(1.02);
        }

    .card-deck.sisWeb a {
        color: inherit;
    }

        .card-deck.sisWeb a:hover, .card-deck.sisWeb a:active {
            text-decoration: none;
            color: #003375;
        }



    /* Position Footers */
    /*
#divContWrap {
     height: calc(100vh - 69px);
    
.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;
    }

    .pflicht:after, .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;
    }
    /*.veb_CheckBox {
	margin-bottom: 0rem !important;
}*/
    .form-check {
        top: .4rem;
        margin-bottom: 0;
    }

        .form-check label {
            margin-bottom: 0rem !important;
        }

    .form-check-float {
        top: unset;
        display: inline-block;
        padding: 0 .5rem;
        line-height: 1.7rem;
    }
    /*
top: .2rem;
    display: inline-block;
    padding: 0 .5rem;

  */

    .form-check-allone {
        margin-bottom: .75rem;
    }

    .form-check input {
        margin-right: .5rem;
        position: relative;
    }
    /* top: 2px ;*/

    .form-control-plaintext {
        padding-top: .2rem;
        padding-bottom: .2rem;
        width: unset;
    }

    .btn-1char {
        padding: 0 !important;
    }
    /*	position:relative;
	left:-20px; */


    .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 !important;
        top: 2rem !important;
    }

    #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 !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 {
        display: block;
        width: 100%;
        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 !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;
        padding: .05rem .5rem .2rem .5rem !important;
        font-weight: 200;
        width: 88px !important;
        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;
        }

    .TDzeit {
        display: inline-block;
    }


    /* 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, .heightFull {
        min-height: 100vh;
        height: 100vh;
    }

    .height75 {
        min-height: 75vh;
        height: 75vh;
    }

    .height25 {
        min-height: 25vh;
        height: 25vh;
    }

.height-part1 {
    min-height: 190px;
    height: 71.5vh;
}

.height-part4 {
    min-height: 17vh;
    height: 17vh;
}

.height-part5 {
    min-height: 190px;
    height: 12vh;
}

    @media (max-width: 767px) {
        .height-sm-part5 {
            /*min-height: 12vh !important;*/
            min-height: 190px !important;
            height: 12vh !important;
        }
    }

    .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: 190px !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;
        padding: 0 0 4.5rem 0;
        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;*/

    .dropzone .dz-preview .dz-error-message {
        color: white !important;
    }


    .uppercase {
        text-transform: uppercase;
    }

    .invisible {
        display: none !important;
    }


    @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;
        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_sisWebControl {
        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 */

    .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_sisWebInner > .form-control:disabled,
    .WebDate > .igte_sisWebInner > .form-control[readonly], .WebDate .igte_sisWebEditInContainer {
        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;
    }

.grd-View {
    min-height: 65vH;
}
.grd-Gefahrgut {
    min-height: 185px;
}



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

    /* ENDE WebSpedApp */

    /*
    sisWeb.Order
*/

    .imgOrder, .imgOrderAvis {
        position: relative;
        right: 1rem;
        top: -7rem;
        float: right;
    }
    /*background-image: ();*/

    .tabAuftrag, .tabOption, .tabDokumente, .tabAdressen, .tabGefahrgut {
        overflow: initial !important;
    }

    /* Breite Modal erweitern */
    .modal-sislg {
        max-width: 95vW;
    }

    /* (MS) Upoad - Höhe des Inputfeldes */
    .dropzone div div input.form-control-sm {
        max-height: 1.7rem;
    }

    /*
    sisWeb.Track
*/
    .StatView {
        border-radius: .2rem;
        text-align: center;
        background-color: #fff;
    }

    .StatTrue, .StatFalse {
    }

    h1 .StatTrue, h1 .StatFalse {
        font-size: 2.5rem;
        vertical-align: unset;
        margin: unset;
    }

    .StatTrue {
        color: #003375;
    }

    .StatFalse {
        color: #D8D8D8;
    }
    /*Sonderstatus Einzel
button .dispo.StatTrue {
    color: #003375;
} */

    .StatView.default {
        background-color: #fff !important;
    }

    .StatView.success {
        background-color: #c3e6cb !important;
    }

    .StatView.warning {
        background-color: #ffeeba !important;
    }

    .StatView.danger {
        background-color: #f5c6cb !important;
    }

    StatView.info {
        background-color: #bee5eb !important;
    }

/*
    sisWeb.Order - Historie - Updates
*/
.StatWarn {
    color: #FB8634; /* orange circlebtn */
}

.StatDefault {
    color: inherit;
}


/* Workaround Bootstrap Safari Bugs: issue #14868, WebKit Bug #138192 04.2017 */
@media print {
    .container {
    width: auto;
    }
}

.w-30 {
	width: 30% !important;
}

.w-45 {
	width: 45% !important;
}

.w-55 {
	width: 55% !important;
}

.w-70 {
	width: 70% !important;
}

/* sisWeb.Order - AddressImportFromFile */

.btn-file::-webkit-file-upload-button {
    visibility: hidden;
}

.btn-file::before {
    content: 'Datei auswählen';
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    border-radius: .25rem;
    border: 1px solid #6c757d;
    background-color: inherit;
    line-height: 1.5 !important;
    padding: .25rem .5rem !important;
    font-size: .8rem;
}

.btn-file:hover::before {
    background-color: #e6e6e6;
    border-color: #adadad;
}

.btn-file:active::before {
    background-color: #e6e6e6;
    border-color: #adadad;
}

.form-check-file {
    margin-bottom: 0;
    line-height: 1.5rem;
    display: inline-flex;
    padding-left: .5rem;
}

.form-check-file input[type=checkbox],
.form-check-file input[type=radio] {
    margin: 0 .5rem 0 0;
}

.card-body.bgcol {
    background-color: rgba(113, 169, 218, 0.2);
}

/* Internet Explorer unset bug */

@media all and (-ms-high-contrast:none) {
    .form-check-float {
        top: auto!important;
    }

    .form-control-plaintext {
        width: auto!important;
    }
}
	/* Infotext orderview und hello */
    .infotext {
        margin-bottom: 1rem;
        padding-top: .5rem;
    }

    .infotexttitle {
        font-weight: 700;
        margin-bottom: 1rem;
        padding-top: .5rem;
        color: #003C71;
		font-size: .8rem;
    }