:root {
    --navbgcolor: rgba(101,3,3,1);
    --navbghovercolor: rgba(0, 0, 0, 0.8);
    --navfontcolor: rgb(0, 0, 0);
    --navfonthovercolor: rgb(255, 255, 255);
}

body { color:#1A1A1A; font-family:Quicksand; font-weight:normal; font-size:17px; line-height:1.1; margin:0; padding:0; }
body:after { background-color:#1A1A1A; background-image:url('https://images.unsplash.com/photo-1666121636787-7023d9ba4c80?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=Mnw2ODk0MXwwfDF8cmFuZG9tfHx8fHx8fHx8MTY2ODc5OTY5Mg&ixlib=rb-4.0.3&q=80&w=1080'); background-position:center center; background-repeat:no-repeat; background-size:cover; content:""; height:100vh; left:0; position:fixed; right:0; top:0; z-index:-1; }
a { color:#4169E1; text-decoration:none; }
a:hover { color:#1A1A1A; text-decoration:underline; }
#wb_content { clear:both; position:relative; table-layout:fixed; display:table; text-align:center; width:100%; height:100vh; background-color:transparent; background-image:none; border:0px solid #CCCCCC; border-radius:0px; box-sizing:border-box; margin:0; }
#content { box-sizing:border-box; height:100vh; display:flex; flex-direction:row; flex-wrap:wrap; padding:0; margin-right:auto; margin-left:auto; }
#content > .col-1 { box-sizing:border-box; font-size:0; min-height:1px; padding-right:25px; padding-left:25px; position:relative; }
#content > .col-1 { flex:0 0 auto; }
#content > .col-1 { background-color:transparent; background-image:none; border:0px solid #FFFFFF; border-radius:0px; flex-basis:100%; max-width:100%; display:flex; flex-wrap:wrap; align-content:flex-start; align-self:stretch; align-items:flex-start; justify-content:center; text-align:center; }
@media (max-width: 480px) {
#content > .col-1 { flex-basis:100%  !important; max-width:100%  !important; }
}
#content-divider-top { overflow:hidden; position:absolute; top:0%; width:100%; height:250px; line-height:0; left:0; }
#content-divider-top svg { display:block; width:100%; height:100%; position:relative; left:50%; top:0; transform:translateX(-50%); }
#content-divider-top .divider-fill { fill:var(--navbgcolor); transform-origin:bottom; transform:rotateY(0deg); }
#wb_loginform { clear:both; position:relative; table-layout:fixed; display:table; text-align:center; width:100%; background-color:transparent; background-image:none; border:0px solid #CCCCCC; border-radius:0px; box-sizing:border-box; margin:0; }
#loginform { box-sizing:border-box; display:flex; flex-direction:row; flex-wrap:wrap; padding:120px 0 25px 0; margin-right:auto; margin-left:auto; }
#loginform > .col-1,#loginform > .col-2,#loginform > .col-3 { box-sizing:border-box; font-size:0; min-height:1px; padding-right:15px; padding-left:15px; position:relative; }
#loginform > .col-1,#loginform > .col-2,#loginform > .col-3 { flex:0 0 auto; }
#loginform > .col-1 { background-color:transparent; background-image:none; border:0px solid #FFFFFF; border-radius:0px; flex-basis:33.33333333%; max-width:33.33333333%; display:flex; flex-wrap:wrap; align-content:flex-start; align-self:stretch; align-items:flex-start; justify-content:center; text-align:center; }
#loginform > .col-1 > .col-1-padding { box-sizing:border-box; width:100%; padding:10px 10px 10px 10px; }
#loginform > .col-2 { background-color:#DCDCDC; background-image:none; border:0px solid #FFFFFF; border-radius:10px; flex-basis:33.33333333%; max-width:33.33333333%; display:flex; flex-wrap:wrap; align-content:flex-start; align-self:stretch; align-items:flex-start; justify-content:center; text-align:center; }
#loginform > .col-2 > .col-2-padding { box-sizing:border-box; width:100%; padding:15px 15px 15px 15px; }
#loginform > .col-3 { background-color:transparent; background-image:none; border:0px solid #FFFFFF; border-radius:0px; flex-basis:33.33333333%; max-width:33.33333333%; display:flex; flex-wrap:wrap; align-content:flex-start; align-self:stretch; align-items:flex-start; justify-content:center; text-align:center; }
#loginform > .col-3 > .col-3-padding { box-sizing:border-box; width:100%; padding:0; }
@media (max-width: 480px) {
#loginform > .col-1,#loginform > .col-2,#loginform > .col-3 { flex-basis:100%  !important; max-width:100%  !important; }
}
#input_username { border:1px solid #1A1A1A; border-radius:5px; background-color:rgba(255,255,255,0.00); background-image:none; color:#1A1A1A; font-family:Quicksand; font-weight:normal; font-style:normal; font-size:17px; box-sizing:border-box; line-height:43px; text-align:left; box-sizing:border-box; width:100%; padding:6px 6px 6px 6px; }
#input_username:focus { outline:0; }
#wb_input_username { margin:6px 0 6px 0; }
#input_username::placeholder { color:#1A1A1A; opacity:1; }
#input_username::-ms-input-placeholder { color:#1A1A1A; }
#input_username.is-valid { background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328A745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e")  !important; background-repeat:no-repeat  !important; background-position:center right calc(0.375em + 0.1875rem)  !important; background-size:calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)  !important; border-color:#28A745  !important; padding-right:calc(1.5em + 0.75rem)  !important; }
#input_username.is-invalid { background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23DC3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23DC3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E")  !important; background-repeat:no-repeat  !important; background-position:center right calc(0.375em + 0.1875rem)  !important; background-size:calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)  !important; border-color:#DC3545  !important; padding-right:calc(1.5em + 0.75rem)  !important; }
#input_username.is-valid:focus { border-color:#28A745  !important; box-shadow:0 0 0 4px rgba(40, 167, 69, 0.25)  !important; }
#input_username.is-invalid:focus { border-color:#DC3545  !important; box-shadow:0 0 0 4px rgba(220, 53, 69, 0.25) !important; }
#wb_input_username .invalid-feedback { color:#DC3545; display:none; font-family:Quicksand; font-weight:normal; font-size:13px; margin-top:0.25rem; width:100%; }
#input_username.is-invalid ~ .invalid-feedback { display:block; }
#wb_h1 { background-color:transparent; background-image:none; border:0px solid #1A1A1A; border-radius:0px; box-sizing:border-box; vertical-align:top; margin:15px 0 15px 0; padding:0; text-align:left; }
#h1 { color:#1A1A1A; font-family:Quicksand; font-weight:bold; font-style:normal; font-size:32px; margin:0; text-align:left; }
#success { border:1px solid #008000; border-radius:5px; background-color:rgba(0,128,0,0.51); background-image:none; color:#1A1A1A; cursor:pointer; font-family:Quicksand; font-weight:normal; font-style:normal; font-size:20px; padding:1px 6px 1px 6px; text-align:center; -webkit-appearance:none; margin:15px 0 0 0; }
#success:focus { outline:0; }
#success:hover { background-color:#008000; transition:background-color 500ms linear 0ms; }
#wb_logo { margin:0; vertical-align:top; }
#logo { border:0px solid #1A1A1A; border-radius:0px; box-sizing:border-box; padding:0; display:block; width:100%; height:auto; max-width:159px; margin-left:auto; margin-right:auto; vertical-align:top; }
#wb_version_footer { background-color:transparent; background-image:none; border:0px solid #1A1A1A; border-radius:0px; padding:0; margin:0; text-align:right; }
#wb_version_footer { color:#1A1A1A; font-family:Quicksand; font-weight:normal; font-size:15px; }
#wb_version_footer div { text-align:right; }
#footer { background-color:rgba(220,220,220,0.39); background-image:none; border-radius:0px; }
#wb_spedition_footer { background-color:transparent; background-image:none; border:0px solid #1A1A1A; border-radius:0px; padding:0; margin:0; text-align:left; }
#wb_spedition_footer { color:#1A1A1A; font-family:Quicksand; font-weight:normal; font-size:15px; }
#wb_spedition_footer div { text-align:left; }
#wb_desc { background-color:transparent; background-image:none; border:0px solid #1A1A1A; border-radius:0px; padding:0; margin:8px 0 5px 0; text-align:left; }
#wb_desc { color:#1A1A1A; font-family:Quicksand; font-weight:normal; font-size:16px; }
#wb_desc div { text-align:left; }
#wb_desc { display:block; margin:8px 0 5px 0; box-sizing:border-box; width:100%; }
#wb_spedition_footer { position:absolute; left:10px; top:5px; width:574px; height:21px; z-index:12; }
#footer { position:fixed; text-align:center; left:auto; right:0px; top:auto; bottom:0px; width:100%; height:31px; z-index:14; }
#wb_logo { display:inline-block; width:100%; height:auto; z-index:0; }
#success { display:block; width:100%; height:63px; z-index:4; }
#wb_input_username { display:inline-block; width:100%; height:57px; z-index:3; }
#footer_Container { width:1250px; position:relative; margin-left:auto; margin-right:auto; text-align:left; }
#wb_h1 { display:inline-block; width:100%; z-index:1; }
#wb_version_footer { position:absolute; left:959px; top:5px; width:272px; height:21px; text-align:right; z-index:11; }
@media only screen and (max-width: 1249px) {
body { background-color:#1A1A1A; background-image:url('https://images.unsplash.com/photo-1666121636787-7023d9ba4c80?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=Mnw2ODk0MXwwfDF8cmFuZG9tfHx8fHx8fHx8MTY2ODc5OTY5Mg&ixlib=rb-4.0.3&q=80&w=1080'); background-attachment:fixed; background-position:center center; background-repeat:no-repeat; background-size:cover; }
#wb_content { visibility:visible; display:table; }
#wb_content { height:100vh; margin-top:0px; margin-bottom:0px; }
#content { height:100vh; padding:0; }
#content > .col-1 { padding-right:25px; padding-left:25px; }
#content > .col-1 { display:flex; flex-basis:100%; max-width:100%; border:0px solid #FFFFFF; border-radius:0px; align-content:center; align-items:center; justify-content:center; text-align:center; }
#content-divider-top { height:250px; }
#content-divider-top { top:0%; left:0; }
#wb_loginform { visibility:visible; display:table; }
#wb_loginform { height:auto; margin-top:0px; margin-bottom:0px; }
#loginform { height:auto; padding:120px 0 25px 0; }
#loginform > .col-1,#loginform > .col-2,#loginform > .col-3 { padding-right:15px; padding-left:15px; }
#loginform > .col-1 { display:flex; flex-basis:100%; max-width:100%; border:0px solid #FFFFFF; border-radius:10px; align-content:center; align-items:center; justify-content:center; text-align:center; }
#loginform > .col-1 > .col-1-padding { width:100%; padding:0; }
#loginform > .col-2 { display:flex; flex-basis:100%; max-width:100%; border:1px solid #FFFFFF; border-radius:10px; align-content:flex-start; align-items:flex-start; justify-content:center; text-align:center; }
#loginform > .col-2 > .col-2-padding { width:100%; padding:10px 2px 10px 2px; }
#loginform > .col-3 { display:flex; flex-basis:100%; max-width:100%; border:0px solid #FFFFFF; border-radius:10px; align-content:center; align-items:center; justify-content:center; text-align:center; }
#loginform > .col-3 > .col-3-padding { width:100%; padding:10px 10px 10px 10px; }
#wb_input_username { width:100%; visibility:visible; display:block; margin:6px 0 6px 0; }
#input_username { padding:6px 6px 6px 6px; text-align:left; color:#1A1A1A; }
#input_username { line-height:43px; }
#wb_h1 { width:100%; visibility:visible; display:block; margin:15px 0 15px 0; padding:0; }
#success { width:100%; height:63px; visibility:visible; display:block; margin:15px 0 0 0; padding:1px 6px 1px 6px; }
#wb_logo { width:100%; visibility:visible; display:block; margin:0; padding:0; }
#wb_version_footer { left:167px; top:5px; width:272px; height:21px; visibility:visible; display:inline; }
#wb_version_footer { font-family:Quicksand; font-weight:400; font-size:15px; margin:0; padding:0; text-align:right; }
#footer { height:31px; visibility:visible; display:block; }
#footer { width:100%; }
#footer_Container { width:480px; }
#wb_spedition_footer { left:9px; top:5px; width:222px; height:21px; visibility:visible; display:inline; }
#wb_spedition_footer { font-family:Quicksand; font-weight:400; font-size:15px; margin:0; padding:0; text-align:left; }
#wb_desc { visibility:visible; display:block; }
#wb_desc { font-family:Quicksand; font-weight:400; font-size:16px; margin:8px 0 5px 0; padding:0; text-align:left; }
}