: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; }
input:focus,textarea:focus,select:focus { outline:none; }
#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; 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; }
}
#wb_requestlink { background-color:transparent; background-image:none; border:0px solid #1A1A1A; border-radius:0px; padding:0; margin:8px 0 5px 0; text-align:right; }
#wb_requestlink { color:#1A1A1A; font-family:"Segoe UI Symbol"; font-weight:normal; font-size:16px; }
#wb_requestlink div { text-align:right; }
#wb_requestlink { display:block; margin:8px 0 5px 0; box-sizing:border-box; width:100%; }
#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; 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:0px solid #C5C5C5; border-radius:14px; background-color:#E5E5E5; background-image:none; color:#454545; font-family:"Quicksand Book"; font-weight:normal; font-style:normal; font-size:16px; box-sizing:border-box; text-align:left; box-sizing:border-box; width:100%; padding:17px 10px 17px 10px; }
#input_username:focus { outline:0; }
#wb_input_username { position:relative; margin:15px 0 2px 0; }
#input_username::placeholder { color:#808080; opacity:1; }
#input_username::-ms-input-placeholder { color:#808080; }
#input_username-label { display:flex; align-items:center; position:absolute; top:50%; transform:translateY(-50%); left:0; height:100%; pointer-events:none; box-sizing:border-box; border:1px solid transparent; color:#808080; font-family:"Quicksand Book"; font-weight:normal; font-size:16px; margin-left:10px; transform-origin:0 0; transition:opacity .1s ease-in-out,transform .1s ease-in-out; }
#input_username::-moz-placeholder { color:transparent; }
#input_username::placeholder { color:transparent; }
#input_username:not(:-moz-placeholder-shown) { padding-top:25px; padding-bottom:9px; }
#input_username:focus,#input_username:not(:placeholder-shown) { padding-top:25px; padding-bottom:9px; }
#input_username:-webkit-autofill { padding-top:25px; padding-bottom:9px; }
#input_username:not(:-moz-placeholder-shown)~label { opacity:.65; transform:scale(.85) translateY(calc(-50% - 0.8em)); }
#input_username:focus~label,#input_username:not(:placeholder-shown)~label { opacity:.65; transform:scale(.85) translateY(calc(-50% - 0.8em)); }
#input_username:-webkit-autofill~label { opacity:.65; transform:scale(.85) translateY(calc(-50% - 0.8em)); }
#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:12px; margin-top:0.25rem; width:100%; }
#input_username.is-invalid ~ .invalid-feedback { display:block; }

#input_password { border:0px solid #C5C5C5; border-radius:14px; background-color:#E5E5E5; background-image:none; color:#454545; font-family:"Quicksand Book"; font-weight:normal; font-style:normal; font-size:16px; box-sizing:border-box; text-align:left; box-sizing:border-box; width:100%; padding:17px 10px 17px 10px; }
#input_password:focus { outline:0; }
#wb_input_password { position:relative; margin:15px 0 2px 0; }
#input_password::placeholder { color:#808080; opacity:1; }
#input_password::-ms-input-placeholder { color:#808080; }
#input_password-label { display:flex; align-items:center; position:absolute; top:50%; transform:translateY(-50%); left:0; height:100%; pointer-events:none; box-sizing:border-box; border:1px solid transparent; color:#808080; font-family:"Quicksand Book"; font-weight:normal; font-size:16px; margin-left:10px; transform-origin:0 0; transition:opacity .1s ease-in-out,transform .1s ease-in-out; }
#input_password::-moz-placeholder { color:transparent; }
#input_password::placeholder { color:transparent; }
#input_password:not(:-moz-placeholder-shown) { padding-top:25px; padding-bottom:9px; }
#input_password:focus,#input_password:not(:placeholder-shown) { padding-top:25px; padding-bottom:9px; }
#input_password:-webkit-autofill { padding-top:25px; padding-bottom:9px; }
#input_password:not(:-moz-placeholder-shown)~label { opacity:.65; transform:scale(.85) translateY(calc(-50% - 0.8em)); }
#input_password:focus~label,#input_password:not(:placeholder-shown)~label { opacity:.65; transform:scale(.85) translateY(calc(-50% - 0.8em)); }
#input_password:-webkit-autofill~label { opacity:.65; transform:scale(.85) translateY(calc(-50% - 0.8em)); }
#input_password.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_password.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_password.is-valid:focus { border-color:#28A745  !important; box-shadow:0 0 0 4px rgba(40, 167, 69, 0.25)  !important; }
#input_password.is-invalid:focus { border-color:#DC3545  !important; box-shadow:0 0 0 4px rgba(220, 53, 69, 0.25) !important; }
#wb_input_password .invalid-feedback { color:#DC3545; display:none; font-family:Quicksand; font-weight:normal; font-size:12px; margin-top:0.25rem; width:100%; }
#input_password.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:hover { background-color:#008000; -webkit-transition:background-color 500ms linear 0ms; 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_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%; z-index:2; }
#footer_Container { width:1250px; position:relative; margin-left:auto; margin-right:auto; text-align:left; }
#wb_input_password { display:inline-block; width:100%; z-index:3; }
#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; -webkit-align-content:center; -webkit-align-items:center; align-content:center; align-items:center; -webkit-justify-content: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; -webkit-align-content:center; -webkit-align-items:center; align-content:center; align-items:center; -webkit-justify-content: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; -webkit-align-content:flex-start; -webkit-align-items:flex-start; align-content:flex-start; align-items:flex-start; -webkit-justify-content:center; 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; -webkit-align-content:center; -webkit-align-items:center; align-content:center; align-items:center; -webkit-justify-content: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; }
#input_username { line-height:43px; }
#wb_input_password { width:100%; visibility:visible; display:block; margin:6px 0 6px 0; }
#input_password { padding:6px 6px 6px 6px; text-align:left; }
#input_password { 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:normal; 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:normal; font-size:15px; margin:0; padding:0; text-align:left; }
#wb_requestlink { visibility:visible; display:block; }
#wb_requestlink { font-family:Quicksand; font-weight:400; font-size:16px; margin:8px 0 5px 0; padding:0; text-align:right; }
}