body{background-color:#fff}nav{display:none}.native-app-home{color:#831b3b;position:absolute;right:10px;top:25px}.native-app-home:hover{color:#831b3b;text-decoration:none}.native-app-back{color:#831b3b;margin-left:20px;position:absolute;top:25px}.native-app-back:hover{color:#831b3b;text-decoration:none}.page-logo{display:table;width:100%}.page-logo a{border-bottom:none!important;display:table-cell;width:100%}.page-logo a img{max-width:320px}#content{margin-bottom:30px;margin-top:60px!important}div.grey-divider{background-color:#f6f6f6;height:auto;left:0;min-height:400px;position:absolute;top:0;width:100%;z-index:-1}#auth-wrapper{font-family:Lato,sans-serif;font-size:1em;margin:auto;text-align:center}@media (max-width:767.98px){#auth-wrapper{font-size:1.1em}}#auth-wrapper h5~a button{margin-top:30px}@media (min-width:576px){#auth-wrapper h5~a button{max-width:50%}}#auth-wrapper .register-block{border-top:1px solid #ecf0f1;margin:2rem 0 0;padding:2rem 0 0}#auth-wrapper .register-block h2{font-family:Lato,sans-serif;font-size:1.3rem}#auth-wrapper .register-block a{display:inline-block}#auth-wrapper .auth-block{background-color:#fff;border:1px solid #ecf0f1;border-radius:6px;box-shadow:0 0 10px 3px #f3f3f3;margin:auto;max-width:610px;padding:20px}#auth-wrapper .auth-block div.alert-danger,#auth-wrapper .auth-block div.warn{background-color:#cd0935;border:2px solid #cd0935;border-radius:4px;color:#fff;font-weight:700;margin:20px auto;max-width:610px;overflow:hidden;padding:11px}#auth-wrapper .auth-block div.alert-danger:after,#auth-wrapper .auth-block div.warn:after{color:#fff;content:"Questions or problems? Email helpdesk@dispatchlive.co.za or call 0860 52 52 00.";display:block;margin-top:10px}#auth-wrapper .auth-block div.alert-danger a,#auth-wrapper .auth-block div.warn a{border-color:#007ba2;color:#007ba2}#auth-wrapper .auth-block div.alert-danger a:hover,#auth-wrapper .auth-block div.warn a:hover{text-decoration:none}#auth-wrapper .auth-block .password-input{padding-right:0}#auth-wrapper .auth-block .show-hide{padding-left:0}#auth-wrapper .auth-block .auth-block-divider{height:30px;margin:30px 0;position:relative;width:100%}#auth-wrapper .auth-block .auth-block-divider span{background-color:#fff;display:inline-block;font-family:Lato,sans-serif;font-size:18px;font-weight:700;height:100%;padding:0 16px;text-transform:uppercase;z-index:2}#auth-wrapper .auth-block .auth-block-divider span,#auth-wrapper .auth-block .auth-block-divider:after{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}#auth-wrapper .auth-block .auth-block-divider:after{background-color:#e0e0e0;content:"";height:1px;width:100%;z-index:1}#auth-wrapper .info p{color:#fff;margin-bottom:15px;text-align:left}#auth-wrapper div.alert-danger,#auth-wrapper div.warn{background-color:#cd0935;border:2px solid #cd0935;border-radius:4px;color:#fff;font-weight:700;margin:20px auto;max-width:610px;overflow:hidden;padding:11px}#auth-wrapper div.alert-danger:after,#auth-wrapper div.warn:after{color:#fff;content:"Questions or problems? Email helpdesk@dispatchlive.co.za or call 0860 52 52 00.";display:block;margin-top:10px}#auth-wrapper div.alert-danger a,#auth-wrapper div.warn a{border-color:#fff;color:#fff}#auth-wrapper div.alert-danger a:hover,#auth-wrapper div.warn a:hover{text-decoration:none}#auth-wrapper form{margin:25px 0 5px}#auth-wrapper form.loading .bar-loader{display:inline-block}#auth-wrapper form #comms{display:inline}#auth-wrapper form #comms a{border-bottom:1px #000 solid}#auth-wrapper form .newsletter-container{padding:92px 0}#auth-wrapper form .newsletter-container .newsletter-col{padding:15px 0 0}@media (max-width:767.98px){#auth-wrapper form .newsletter-container{padding:20px 0}}@media (max-width:991.98px){#auth-wrapper form .newsletter-container{padding:85px 0}}#auth-wrapper form .unbundled-container{padding:15px 0 0}#auth-wrapper form .unbundled-container .unbundled{display:inline-block;padding:15px 0 0}#auth-wrapper form .submit-container{padding:10px 0 0}#auth-wrapper form .terms{padding:5px 0 0}#auth-wrapper form #reset-password{font-size:12px;margin-top:1.8em}@media (max-width:991.98px){#auth-wrapper form #reset-password{font-size:8px;margin-top:2.3em}}#auth-wrapper form .reset-btn{margin:24px 0 0!important;min-height:42px!important}#auth-wrapper form input[type=checkbox]{display:inline-block;width:auto}#auth-wrapper form .email-address{height:44px;padding:5px;width:100%}#auth-wrapper form .password{height:44px;padding:5px;width:100%}#auth-wrapper form .form-item{display:block;margin-top:15px;padding:5px}#auth-wrapper form .form-item:first-of-type{margin-top:0}#auth-wrapper form .form-item [class*=col-]{padding:0}#auth-wrapper form .form-item p{margin-top:15px;text-align:right}@media (max-width:575.98px){#auth-wrapper form .form-item p{text-align:center}}@media (max-width:575.98px){#auth-wrapper form .form-item #rc-imageselect,#auth-wrapper form .form-item .g-recaptcha div{transform:scale(.8);transform-origin:20% 0}}#auth-wrapper form .form-item.buy-register{display:-ms-flexbox;display:flex}#auth-wrapper form label{color:#555;display:block;font-family:Lato,sans-serif;font-size:.9em;letter-spacing:1px;margin:0 1em 0 0;padding:0 0 3px;text-align:left;text-transform:uppercase}#auth-wrapper form input{border:1px solid #ecf0f1;border-radius:6px;font-family:Lato,sans-serif}#auth-wrapper form input:active,#auth-wrapper form input:focus{outline:0}#auth-wrapper form input.password{border-radius:6px 0 0 6px;border-right:none}#auth-wrapper i.fa-envelope-o{font-size:65px;margin-bottom:20px;opacity:.3}#auth-wrapper h5{font-family:Lato,sans-serif;font-size:1.3em}#auth-wrapper p{color:#5f5e5e;margin:0}#auth-wrapper p a{border:none;color:inherit;text-decoration:underline;transition:all .3s ease}#auth-wrapper p a:hover{color:#007ba2}#auth-wrapper .show-password{font-size:.8em;height:44px;width:100%}#auth-wrapper .show-password i{color:#007ba2;font-size:14px;vertical-align:text-bottom}#auth-wrapper .show-password .show-pass{background-color:#f9f9f9;border:1px solid #ecf0f1;border-radius:0 6px 6px 0;color:#555;height:100%;padding:5px 10px;width:100%}#auth-wrapper .show-password .show-pass:active,#auth-wrapper .show-password .show-pass:focus{outline:0}#auth-wrapper div.page-logo{margin:0 auto 35px;max-width:320px;text-align:center}#auth-wrapper div.page-logo img{max-width:300px;width:80%}#auth-wrapper div.form-item{position:relative}@media (min-width:576px){#auth-wrapper div.form-item .col-sm-4{padding-left:0}}#auth-wrapper .auth-bottom-info{line-height:2em;margin-top:20px}#auth-wrapper .email-resend a{text-decoration:underline}#auth-wrapper .btn-default,#auth-wrapper .btn-provider{background-color:#f9f9f9;border:1px solid #ecf0f1;border-radius:6px;color:#007ba2;font-family:Lato,sans-serif;font-size:12px;padding:10px 20px;text-transform:uppercase;transition:all .3s ease;width:100%}#auth-wrapper .btn-default:hover,#auth-wrapper .btn-provider:hover{box-shadow:0 0 10px 3px #f3f3f3}#auth-wrapper .btn-default:active,#auth-wrapper .btn-default:focus,#auth-wrapper .btn-provider:active,#auth-wrapper .btn-provider:focus{outline:0}@media (max-width:575.98px){#auth-wrapper .btn-default,#auth-wrapper .btn-provider{font-size:16px}}#auth-wrapper .btn-default.btn-provider-google,#auth-wrapper .btn-provider.btn-provider-google{background-color:#de5246;color:#fff}#auth-wrapper .btn-default.btn-provider-facebook,#auth-wrapper .btn-provider.btn-provider-facebook{background-color:#3b5998;color:#fff}#auth-wrapper .btn-provider{border:none;margin:5px 0;position:relative}#auth-wrapper .btn-provider i{font-size:22px;height:30px;left:15px;position:absolute;top:50%;transform:translate(0,-50%);width:30px}#auth-wrapper .btn-provider i:before{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}#auth-wrapper .btn-provider:hover{opacity:.9}#auth-wrapper .prodiver-sign-in a{border:none}div.copyright{color:#000;font-family:Lato,sans-serif;font-size:12px;padding-top:30px;text-align:center;width:100%}@media (max-width:767.98px){div.copyright{font-size:11px}}div.copyright p{margin:0}div.copyright p a{color:#000;text-decoration:underline}.bar-loader{background-color:#fff;display:none;height:2px;left:0;overflow:hidden;position:relative;width:100%}.bar-loader:before{animation:barloading 2s linear infinite;background-color:#007ba2;content:"";display:block;height:2px;left:-200px;position:absolute;width:200px}@keyframes barloading{from{left:-200px;width:30%}50%{width:30%}70%{width:70%}80%{left:50%}95%{left:120%}to{left:100%}}
