/*
	ben.css 05.2022
    Göllner Spedition

	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
    
	
	MeyerJumbo Colors:
	Orange		Logo	#fead20
	Dunkelblau	Logo	#253067
	Dunkelgrau	Footer	#4a4d51
	Dunkelblau 	Button	#002664 		
	
	
	
	
    Göllner Colors:
    Rot         Highlight   #D32E2D
    Schwarz     Font H      #000000
    Dunkelgrau  Menu        #333333
    Dunkelgrau  Font P      #747474
    Mittelgrau  Button      #E5E5E5
    Dunkelgrau  Button      #939393
    Hellgrau    Header      #dddddd
    Helles BG   Menu        #F2EFEF
    
    Footer
    Background  Grau        #363839
    Background  Dunkelgrau  #282A2B
    Grau        p           #8C8989
    Hellgrau    p Copyright #686868
    Hellgrau    Header      #DDDDDD
    Hellgrau    Link        #BFBFBF
    Weiß        Link hover  #FFFFFF

    Rot         Buttonbackground-image: linear-gradient( to top, #991e1e, #bc2b2b );

    Blau Wrapper background-color: rgba(0,47,94,.98);
    Blau Footer  background-color: #002f5e;
    Dunkelblau Footer   background-color: #011b34;

*/
@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@400;500;700&family=Fira+Sans:wght@600&family=PT+Sans&display=swap');

/* Standardeinstellungen.css */
* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

:focus {
    outline: 0;
}

html {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

html, body {
    background-color: White;
}

html {
    width: 100%;
    margin: 0;
    padding: 0;
    font-family: Tahoma,Arial,Helvetica,sans-serif;
	/* font-family: 14px/1.54 'PT Sans',Arial,Helvetica,sans-serif;*/
}
/*      font-family: 'Exo 2',Arial,Helvetica,sans-serif;
        font-family: 'Fira Sans',Arial,Helvetica,sans-serif;
        font: 16px/1.58 "Fira",sans-serif;
*/

body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    position: relative;
    color: #333333;
}

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

body, .btn, .btn-sm, .dropdown-menu, input, legend, .form-control-sm, h5 {
    font: 14px/1.54 'PT Sans',Arial,Helvetica,sans-serif;
}/*font-size: .8rem;*/

    /*input, legend, .form-control-sm {
    font-size: .8rem;
}*/

/*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: #222222;
}
/*  padding: .25rem .5rem;
    background-color: #fff; */

input, .form-control-sm {
    min-height: 31.14px;
}/* padding: .25rem .25rem;
    line-height: 1.4;
    min-height: 27.8px;
     min-height: 1.64rem; */

select.form-control-sm:not([size]):not([multiple]) {
}
/* line-height: 1.4;
    min-height: 1.64rem;
    height: 2rem;
    padding: 0
     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; */
		background-color: #002664;
        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;
}
/* 2019.02 
.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;
}

#divSonstiges > fieldset > legend {
    padding-left: 15px;
}

/* KunM */
legend, h5 {
    color: #222222;
}



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;
    }
/* KunM evtl. 3rem */
#divContent h1 {
    font-size: 2rem;
    font-weight: 300;
}

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

#divContent h2,
.mainContent h2 {
    font-weight: 300;
}

#divContent h3 {
    font-weight: 400;
}

#divContent h4 {
    font-weight: 400;
}

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

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

.mainContent > p {
    font: 16px/1.58 "Open Sans",sans-serif;
    font-size: 1em;
    color: #333;
}

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

.nav.nav-tabs.rowGrey {
    padding-left: 15px;
    margin-left: -15px;
}
/* bootstrap Start */
/*
.nav-tabs {
    border-bottom: 1px solid #dee2e6;
}

    .nav-tabs .nav-item {
        margin-bottom: -1px;
    }

    .nav-tabs .nav-link {
        border: 1px solid transparent;
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem;
    }

        .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
            border-color: #e9ecef #e9ecef #dee2e6;
        }

        .nav-tabs .nav-link.disabled {
            color: #6c757d;
            background-color: transparent;
            border-color: transparent;
        }

        .nav-tabs .nav-link.active,
        .nav-tabs .nav-item.show .nav-link {
            color: #495057;
            background-color: #fff;
            border-color: #dee2e6 #dee2e6 #fff;
        }

    .nav-tabs .dropdown-menu {
        margin-top: -1px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }*/
/* bootstrap End */

/* Not KunM 
.nav.nav-tabs,
.nav.nav-tabs.rowGrey {
    padding-left: 15px;
    margin-left: -15px;
    background-color: #E6E6E6;
    border-bottom: 4px solid #6E0438;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    padding-left: 0;
    margin-left: 0;
    color: inherit;
    font-size: 1rem;
} 
 */
.divOrder .nav.nav-tabs.rowGrey {
    padding-left: notset;
    margin-left: notset;
}
/* 2019-01
.nav-tabs .nav-link:link,
.nav-tabs.rowGrey .nav-link:link {
    color: inherit;
}

.nav-tabs .nav-link:hover,
.nav-tabs.rowGrey .nav-link:hover {
    background-color: #002F5E;
    border-color: #adadad #adadad #ED6C05;
    color: white;
}

    color: initial;
    background-color: #e6e6e6;
    border-color: #adadad #adadad #dee2e6;


     background-color: #C45A04;
    border-color: #C45A04 #C45A04 #ED6C05;
    color: white;



.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);
}
*/
/* KundW */
/*
.nav-tabs .nav-link.active,
.nav-tabs .nav-link.active:hover,
.nav-tabs .nav-link.active:active {
    background-color: #6E0438;
    border-color: #6E0438;
    color: white!important ;
    font-weight: 600;
}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover,
.nav-tabs.rowGrey .nav-link:focus,
.nav-tabs.rowGrey .nav-link:hover {
    background-color: #002F5E;
    border-color: #adadad #adadad #6E0438;
    color: white;
}
.nav-tabs .nav-link:not([disabled]):not(.disabled):active,
.nav-tabs.rowGrey .nav-link:not([disabled]):not(.disabled):active {
    background-color: #e6e6e6;
    border-color: #adadad #adadad #6E0438;
    box-shadow: 0 0 0 0.2rem rgba(134,142,150,.5);
    color: inherit;
}
*/
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 5rem 0 1.5rem;*/

    /* KunM */
    .sisWebNav .navbar-brand {
        padding: 0 0.5rem;
        position: relative;
        /* top: -.5rem; */
        height: 42px;
        z-index: 1;
    }

        .sisWebNav .navbar-brand > img {
            max-width: 90%;
            height: auto;
        }


    .sisWebNav .navbar-collapse {
        background-color: transparent;
    }
    .sisWebNav .navbar-collapse.show {
        background-color: #F2EFEF;
    }

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

/* Heller BG, Farbe Toggler */
.navbar-dark .navbar-toggler {
    color: rgba(0,0,0,.5) !important;
    border-color: rgba(0,0,0,.1) !important;
    background-color: #999999!important;
}

#navWebOrder .nav-pills .nav-link {
    padding: .72rem .77rem !important;
}/*padding: .25rem .25rem !important;*/
.nav-pills .nav-link {
    padding: .72rem .77rem !important;
}
.navbar-collapse.show .nav-pills .nav-link {
    padding: .72rem .77rem !important;
    border-bottom: #DCDADB 1px solid;
}

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


#divNav.shadow {
    border-top: 3px solid #253067;
    box-shadow: 0 0 50px 0 rgb(0 0 0 / 15%), 0 0 0 0 rgb(0 0 0 / 0%);
    position: relative;
    z-index: 100;
}

#webLogin.sisWebNav {
    height: 5rem;
    padding-top: 1rem;
    background-color: transparent !important;
    background-image: url('../images/g-background.jpg');
    border-bottom: 1px solid #E5E5E5;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    margin-bottom: 0;
}
/*box-shadow: unset !important;*/

.sisWebNav {
    height: 5rem;
    padding-top: 1rem;
    background-color: transparent !important;
    background-image: url('../images/g-background.jpg');
    border-bottom: 1px solid #E5E5E5;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    margin-bottom: .75rem;
}

@media (max-width: 1675px) {
    .sisWebNav {
    }
        /* padding-right: 1rem;
        padding-left: 1rem;*/

    .sisWebNav .navbar-brand > img {
        max-width: 100%;
        height: auto;
    }
}

@media (max-width: 1199px) {
    .sisWebNav {
    }
       /* padding-right: 1rem;
        padding-left: 1rem;*/

        .sisWebNav .navbar-brand > img {
            max-width: 80%;
            height: auto;
            float: left !important;
        }
}

@media (max-width: 767px) {
    .sisWebNav {
    }
        /* padding-right: .25rem;
        padding-left: .25rem;*/

    .sisWebNav .navbar-brand > img {
        max-width: 80%;
        height: auto;
        float: left !important;
    }
}

.sisWebNav .dropdown-menu {
    background-color: #F2EFEF;
    border-top: 3px solid #253067;
}

}

.sisWebNav .dropdown-item {
    padding: 0 1.5rem;
} /* padding: 0 1.5rem; */

.sisWebNav .dropdown-divider {
    border-top: 1px solid #4b4c4d !important;
}


.sisWebNav .navbar-nav .nav-item .nav-link, .nav-item a {
    white-space: nowrap;
    border-radius: unset;
    color: #6d6d6d;
    font-weight: 300;
    font: 19px Arial,Helvetica,sans-serif;
    padding: .72rem .77rem !important;
}


#divLogNav .nav-item a {
    color: #3e3e3e;
    border-bottom: 2px solid transparent;
    display: inline-block;
    margin-left: 1.5rem;
    font-size: 1.2rem;
}
#divNav .nav-item a {
  position: relative;
  display: inline-block;
  text-decoration: none;
}

#divNav .nav-item a::before {
  content: "";
  position: absolute;
  bottom: -0.5px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #fead20;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease;
}

#divNav .nav-item a:hover::before,
#divNav .nav-item a.active::before {
  transform: scaleX(1);
}



    #divNav .nav-item a:hover,
    #divLogNav .nav-item a:hover {
        background-color: transparent;
        transition: background-color .3s;
        color: #253067;
    }
#divNav .nav-item dropdown-menu-right.show a:hover,
#divLogNav .nav-item dropdown-menu-right.show a:hover,
#divNav .navbar-collapse.show .nav-item a:hover,
#divLogNav .navbar-collapse.show.nav-item a:hover {
    background-color: white;
    transition: background-color .3s;
    color: #253067;
}


    #divNav .nav-item a:active,
    #divLogNav .nav-item a:active {
        background-color: transparent;
        color: #253067;
    }
        #divNav .navbar-collapse.show .nav-item a:active,
        #divLogNav .navbar-collapse.show .nav-item a:active {
            background-color: white;
            color: #253067;
        }

.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.navSel {
    background-color: transparent;
}

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

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: inherit;
    background-color: transparent;
} 
/* Order.Master */ /*CG22*/
#divContent {
    
}/*min-height: 84vh;*/



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

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

/*-----------------------*/
/* Layout Login */
/*-----------------------*/
/*.contentHeroBG {
    padding-top: 16rem;
    background: url('../images/ben-head.jpg') no-repeat center 0rem;
    background-size: contain;
}*/
/* Gö */
.contentHeroBG {
    padding-top: 20vH;
    background: url('../images/ben-head.jpg') no-repeat center center;
    background-size: cover;
}
/* LKW
    padding-top: 20vH;
    background: background: url('../images/ben-head.jpg') no-repeat center center; 
  Map  
    padding-top: 15vH;
    background: url(../images/g-background.jpg) no-repeat 0 0rem;
*/


/* Login */
.contentLogin {
}
#SignIn.justify-content-center {
    background-color: rgba(245, 245, 245, 0.9);
    padding: 1rem 1rem 0 1rem;
}
    #SignIn.justify-content-center .divSignIn h2 {
        background-color: #253067;
        color: white;
        padding: 1rem;
        margin: -1rem -1rem 1rem -1rem !important;
    }
/* Registrierung */
.divSignIn.col-10.col-xl-6 {
    background-color: rgba(245, 245, 245, 0.9);
    padding: 1rem 1rem 0 1rem;
}
    .divSignIn.col-10.col-xl-6  h2 {
        background-color: #253067;
        color: white;
        padding: 1rem;
        margin: -1rem -1rem 1rem -1rem;
    }

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

.contentSpace {
    min-height: 5rem;
}

/* Main, Content, Footer */
/*CG22*/
main {
    
    position: relative;
    min-height: 85vH;
}



    /* ----------- */

    .mainLogin {
    }

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

    .mainContent {
    }




    /*----------------*/
    /* Gö Link in Rot */  
    /*----------------*/
    .divSignIn a {
        color: #333333;
        text-decoration: underline!important;
    }

    .divSignIn input {
        font-size: 1rem;
    }

    footer {
    }

        footer nav .nav-link {
        }

        footer a, footer nav a.nav-link {
        }

            footer a:hover, footer a:focus,
            footer .nav-link:hover, footer .nav-link:focus {
            }

    .footer {
        position: absolute;
        bottom: 0;
        width: 100%;
    }

        .footer.order {
            position: relative;
            bottom: 0;
            width: 100%;
        }


    /* Gö */
    .footer {
        border-top: 1px solid #E5E5E5;
    }

    .footer, .footer > .sisWebNav {
        position: relative;
        bottom: 0;
        width: 100%;
        background-color: #363839!important;
        background-image: none;
        color: #8C8989 !important;
        margin-bottom: unset;
        height: unset;
    }
    /* Gö */
        .footer .nav.sisWebNav {
            background-color: #282A2B !important;
        }

    .footer .navbar-nav .nav-link,
    .footer .navbar-nav .nav-link.active {
        padding-right: 1rem;
        padding-left: 1rem;
        color: #BFBFBF;
        background-color: unset;
        text-decoration: unset;
    }

    .footer a:hover,
    .footer a:focus,
    .footer .nav-link:hover,
    .footer .nav-link:focus,
    .footer .navbar-dark .navbar-nav .nav-link:focus,
    .footer .navbar-dark .navbar-nav .nav-link:hover,
    .footer .navbar-nav .nav-link a:hover,
    .footer .navbar-nav .nav-link a:focus,
    .footer .navbar-nav .nav-link a:active,
    .footer .navbar-dark .navbar-nav .nav-link a:hover,
    .footer .navbar-dark .navbar-nav .nav-link a:focus,
    .footer .navbar-dark .navbar-nav .nav-link a:active {
        color: #FFFFFF;
        
    }/*text-decoration: underline;*/


    footer a:hover, footer a:focus,
    footer .nav-link:hover, footer .nav-link:focus {
        color: #FFFFFF;
        
        outline: unset;
    } /*text-decoration: underline;*/




    @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: #002f5e;
        }



    /* 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: " *";
    }
    .inpRequired  {
        border-width: 1px;
        border-left-width: 5px;
    }
    .inpRequired.novalid {
        border: 1px solid #f56969;
        border-left: 5px solid #f56969;
    }


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

    /* KundB Blau #003375 Grau #C5C7C9 */
    /* KundW Blau #002f5e */ 
    /* KundM Grau #999 und border #777 */
    .btn-primary {
        color: #333;
        background-color: rgba(0,0,0,.03);
        border-color: #6c757d;
    }

.btn-outline-primary {
    color: #fff;
    background-image: none;
    background-color: transparent;
    border-color: #777777;
}

    .btn-outline-primary:hover, .btn-outline-primary.active {
        color: #fff;
        background-color: #808080;
        border-color: #777777;
    }

    .btn-outline-primary.active, .btn-outline-primary:active, .show > .btn-outline-primary.dropdown-toggle {
        color: #fff;
        background-color: #999999;
        border-color: #777777;
    }

.btn-primary:hover {
    color: #fff;
    background-color: #002664;
    border-color: #FFF;
}

.btn-primary.active, .btn-primary:active,
.btn-primary:not([disabled]):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #002664;
    background-image: none;
    border-color: #FFF;
}

    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,
.btn-secondary.disabled, .btn-secondary:disabled,
.btn-primary.disabled:hover, .btn-primary:disabled:hover,
.btn-secondary.disabled:hover, .btn-secondary:disabled:hover {
    background-color: darkgray;
    border-color: dimgrey;
    color: #eee;
}
    /*CG22*/
    .grd-View {
        
        padding-top: .5rem;
    } /*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: #002f5e;
    }

    /* 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: #002f5e;
    }

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

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

    /* Workaround Infragistics WebDataGrid mit Width="100%" und Columns mit festen Breiten und breiter Darstellung > Summe der Column-Breiten 
    eigentlich ig_dataGrid.css
*/
    tbody.igg_sisWebItem > tr > td.grdDummy,
    tbody.igg_benItem > tr > td.grdDummy {
        display: none;
    }

    /* WebDataGrid Column Aligns*/
    .alLeft {
        text-align: left;
    }

    .alRight {
        text-align: right;
    }

    .alCenter {
        text-align: center;
    }


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

    /* Font SizeKundW @media */

    @media all and (min-width: 1921px) {
        html {
            font: 18px/1.58 "Open Sans",sans-serif;
        }
    }

    @media all and (max-width: 1199px) {
        html {
            font: 15px/1.58 "Open Sans",sans-serif;
        }
    }

    @media all and (max-width: 599px) {
        html {
            font: 14px/1.58 "Open Sans",sans-serif;
        }
    }

    /* KunW viewer.css */
    #toolbarSidebar, #toolbarContainer, .findbar, .secondaryToolbar {
        background-color: #002f5e !important;
    }


    /* KunM @media */
    /* 
    <link type="text/css" rel="stylesheet" href="//fonts.googleapis.com/css?family=Fira+Sans:100,400,700" id="avia-google-webfont">

*/
    @media all and (min-width: 1921px) {
        html {
            font: 16px/1.58 "Fira",sans-serif;
        }
    }

    @media all and (max-width: 1199px) {
        html {
            font: 14px/1.58 "Fira",sans-serif;
        }
    }

    @media all and (max-width: 599px) {
        html {
            font: 12px/1.58 "Fira",sans-serif;
        }
    }

    /* KunM viewer.css */
    #toolbarSidebar, #toolbarContainer, .findbar, .secondaryToolbar {
        background-color: #002f5e !important;
    }