body{
    margin:0;
    font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    background:#1c2023
}
code{
    font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace
}
nav{
    min-width:240px
}
p{
    margin:0
}
.login-wrapper{
    background:#000;
    padding:1px 10px;
    border:0px solid #000
}
.login-wrapper .fields{
    margin:12px auto 0;
    width:90%
}
.login-wrapper .user-type-btn-wrapper{
    width:100%;
    text-align:center
}
.login-wrapper .title h2{
    color:#85bd42;
    font-weight:300;
    font-size:16px;
    text-align:left;
    padding:10px
}
.login-wrapper .login-uloggi-btn{
    width:10pc;
    background:#85bd42;
    color:#333;
    border:none;
    text-align:center;
    font-size:14px;
    padding:8px;
    cursor:pointer;
    margin:40px auto;
    border-radius:5px;
    outline:none
}
.login-wrapper .user-type-btn{
    background:transparent;
    cursor:pointer;
    padding:5px 0
}
.login-wrapper .user-selected,.login-wrapper .user-type-btn{
    color:#85bd42;
    font-size:12px;
    width:7pc;
    display:inline-block;
    outline:none;
    margin:40px 0
}
.login-wrapper .user-selected{
    border-bottom:3px solid #85bd42;
    padding-bottom:15px
}
.login-wrapper .sm-uloggi-btn{
    width:7pc;
    background:transparent;
    color:#fff;
    border:2px solid #85bd42;
    border-radius:50px;
    text-align:center;
    font-size:14px;
    padding:6px auto 3px;
    margin:20px auto;
    cursor:pointer
}
.login-wrapper .reset-password-btn{
    color:#85bd42;
    text-align:center;
    cursor:pointer;
    font-size:12px;
    outline:none
}
.login-wrapper .reset-password{
    cursor:pointer;
    color:#fff;
    font-size:14px;
    margin-left:19px
}
.login-wrapper .register{
    cursor:pointer;
    color:#fff;
    width:100%;
    text-align:center;
    font-size:14px;
    outline:none
}
.login-wrapper .text{
    margin:40px
}
.login-wrapper .text p{
    color:#fff;
    text-align:center
}
.login-wrapper .login-error-msg{
    color:red;
    width:100%;
    text-align:center;
    padding-top:18px
}
.login-wrapper .reset-password-msg{
    color:green
}
.login-wrapper .uloggi-input label{
    font-size:12px
}
.login-wrapper .title h2{
    font-size:20px;
    margin:0
}
/*visualsat*/
@media (min-width:768px){
    .login-wrapper{
        background-color:rgba(0, 0, 0, 0.644);
        width:375px;
        margin:0 auto;
        border-radius:5px
    }
    .login-wrapper .login-uloggi-btn{
        margin:24px auto
    }
    .login-wrapper .text{
        margin:27px;
        font-size:12px
    }
}
@media only screen and (min-width:1824px){
    .login-wrapper{
        top:5pc;
        right:30pc
    }
}
.uloggi-dropdown label,.uloggi-input label{
    color:#fff;
    width:100%;
    font-size:14px;
    margin:0;
    padding:22px 0 10px
}
.uloggi-dropdown .dropdown *,.uloggi-input label *{
    background:#323d46;
    color:#fff;
    border-radius:unset;
    border:none;
    
}
.uloggi-dropdown .dropdown{
    background:#323d46
}
.uloggi-input input{
    height:45px;
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.4);
    
}
.uloggi-textarea{
    height:200px
}
.form-control:focus{
    background: rgba(0, 0, 0, 0.7);
    color:#fff
}
.save-uloggi-btn,.sm-uloggi-btn{
    width:7pc;
    background:transparent;
    color:#fff;
    border:2px solid #85bd42;
    border-radius:50px;
    text-align:center;
    font-size:14px;
    padding:4px;
    cursor:pointer;
    margin:10px auto 5%
}
.save-uloggi-btn{
    margin-top:15px;
    width:20pc;
    padding:17px;
    font-size:18px;
    align-content:center
}
.save-uloggi-btn-wrapper{
    width:100%;
    text-align:center;
    align-content:center;
    height:100px
}
.error-msg{
    background:red
}
.error-msg,.succes-msg{
    width:100%;
    margin:0 auto;
    padding:4px 30px;
    color:#fff
}
.succes-msg{
    background:#19c482
}
.simple-error-msg{
    color:red
}
.title h2{
    color:#85bd42;
    border-bottom:1px solid #85bd42;
    font-weight:300;
    font-size:22px;
    text-align:left;
    padding:10px
}
.interaction{
    color:#19c482;
    float:left;
    width:100%;
    margin-left:1pc
}
.ok-bar{
    background-color:#19c482;
    height:15px;
    width:54px;
    float:right;
    border-radius:110px;
    font-size:10px;
    text-align:center;
    color:#000
}
.signup-wrapper{
    background-color:rgba(0,0,0,.8);
    padding:10px 5px;
    min-width:260px;
    font-family:Open Sans,sans-serif
}
.signup-wrapper .success-title h1{
    font-size:20px;
    text-align:center;
    color:#85bd42
}
.signup-wrapper .success-list p{
    color:#85bd42;
    font-size:14px;
    padding:15px
}
.signup-wrapper .success-account-icon{
    font-size:15pc;
    color:#85bd42;
    text-align:center
}
.signup-wrapper .selected-wrapper{
    width:100%;
    text-align:center
}
.signup-wrapper .simple-error-msg{
    color:#fff;
    background-color:red;
    width:100%
}
.signup-wrapper .carrier-selected,.signup-wrapper .shipper-selected{
    width:100%;
    color:#85bd42;
    padding:15px 0 0;
    font-size:25px
}
.signup-wrapper p{
    color:#fff;
    width:100%;
    text-align:center
}
.signup-wrapper label{
    color:#85bd42;
    margin:0;
    font-size:14px;
    padding:22px 0 0
}
.signup-wrapper .sm-field{
    background:#323d46;
    border-radius:unset;
    border:none;
    height:40px;
    color:#fff;
    margin-bottom:5px
}
.signup-wrapper .uloggi-input{
    text-align:left
}
.signup-wrapper .sign-up-uloggi-btn,.signup-wrapper .sign-up-uloggi-btn-disabled{
    width:10pc;
    background:#85bd42;
    color:#2f4f4f;
    border:none;
    text-align:center;
    font-size:14px;
    padding:8px;
    cursor:pointer;
    margin:40px auto;
    border-radius:100px;
    outline:none
}
.signup-wrapper .sign-up-uloggi-btn-disabled{
    background:#2f4f4f;
    color:grey;
    cursor:auto
}
.signup-wrapper .sm-uloggi-btn{
    width:7pc;
    background:transparent;
    color:#fff;
    border:2px solid #85bd42;
    border-radius:50px;
    text-align:center;
    font-size:14px;
    padding:6px auto 3px;
    margin:20px auto;
    cursor:pointer
}
.signup-wrapper .user-type-btn{
    background:transparent;
    padding:5px 0
}
.signup-wrapper .user-selected,.signup-wrapper .user-type-btn{
    cursor:pointer;
    color:#85bd42;
    font-size:18px;
    width:10pc;
    display:inline-block;
    outline:none;
    margin:9px 0
}
.signup-wrapper .user-selected{
    border-bottom:3px solid #85bd42;
    padding-bottom:15px
}
.signup-wrapper .reset-password{
    cursor:pointer;
    padding:10px;
    color:#85bd42;
    font-size:12px
}
.signup-wrapper .fields{
    margin:12px auto 0;
    width:90%
}
.signup-wrapper .user-type-btn-wrapper{
    width:100%;
    text-align:center
}
.signup-wrapper .uloggi-input label{
    font-size:12px
}
.signup-wrapper .login-link{
    cursor:pointer;
    color:#6495ed;
    text-align:center;
    font-size:17px;
    float:right;
    margin-top:3px;
    outline:none
}
.signup-wrapper .terms{
    color:#fff;
    margin:20px 10px
}
.signup-wrapper .terms .link{
    color:#6495ed;
    background:transparent;
    border:none;
    margin-left:10px
}
@media (min-width:768px){
    .signup-wrapper .login-uloggi-btn{
        width:100%
    }
    .signup-wrapper{
        width:100%;
        text-align:center;
        margin:0 auto;
        padding-top:10px
    }
    .signup-wrapper .sm-custom-wrapper{
        display:inline-block;
        vertical-align:top;
        width:30%
    }
    .signup-wrapper .md-custom-wrapper{
        display:inline-block;
        vertical-align:top;
        width:40%
    }
    .signup-wrapper .md-custom-wrapper.cel-number,.signup-wrapper .md-custom-wrapper.cuit{
        width:25%
    }
    .signup-wrapper .md-custom-wrapper.company-name,.signup-wrapper .md-custom-wrapper.email{
        width:55%
    }
    .signup-wrapper .md-custom-wrapper.company-name p{
        margin-top:47px;
        color:#85bd42
    }
    .signup-wrapper .lg-custom-wrapper{
        width:80%;
        margin:0 auto
    }
    .signup-wrapper .fields{
        margin:12px auto
    }
    .signup-wrapper .uloggi-input{
        margin:0 10px
    }
    .signup-wrapper .section-one-wrapper,.signup-wrapper .section-three-wrapper,.signup-wrapper .section-two-wrapper{
        margin:5px;
        padding:12px 5px;
        border-radius:11px
    }
    .signup-wrapper .section-three-wrapper p{
        padding:2px
    }
    .signup-wrapper .user-type-btn{
        color:#85bd42;
        background:transparent
    }
    .signup-wrapper .user-selected,.signup-wrapper .user-type-btn{
        cursor:pointer;
        display:inline-block;
        padding:10px;
        outline:none;
        border-radius:50px;
        margin:0 30px;
        border:1px solid #85bd42
    }
    .signup-wrapper .user-selected,.signup-wrapper .user-type-btn:hover{
        color:#333;
        background:#85bd42
    }
}
@media (min-width:1224px){
    .signup-wrapper{
        width:66pc;
        margin:0 auto;
        height:100vh
    }
    .signup-wrapper .fields{
        margin:12px auto;
        width:78%
    }
}
@-webkit-keyframes fadeIn{
    0%{
        opacity:0
    }
    to{
        opacity:1
    }
}
@keyframes fadeIn{
    0%{
        opacity:0
    }
    to{
        opacity:1
    }
}
@-webkit-keyframes bounce{
    0%{
        bottom:4pc
    }
    to{
        bottom:5pc
    }
}
@keyframes bounce{
    0%{
        bottom:4pc
    }
    to{
        bottom:5pc
    }
}
.landing-page{
    background:#1c2023;
    font-family:Open Sans,sans-serif
}
.landing-page .section-one{
    background:url(/static/media/mobile.1c8ce426.jpg) fixed;
    background-position:bottom;
    height:40pc;
    -webkit-animation:fadeIn 5s;
    animation:fadeIn 5s
}
.landing-page .landing-logo{
    float:right;
    width:140px;
    margin:20px 30px
}
.landing-page .phrase-wrapper{
    position:absolute;
    margin:5pc 1pc 0;
    right:0;
    text-align:right;
    -webkit-animation:fadeIn 9s;
    animation:fadeIn 9s
}
.landing-page h1.phrase{
    font-family:Merriweather Sans,sans-serif;
    color:#fff;
    font-size:24px
}
.landing-page h2.sub-phrase{
    font-family:Merriweather Sans,sans-serif;
    color:#fff;
    font-size:14px
}
.landing-page .arrow-wrapper{
    display:none
}
.landing-page .arrow-icon{
    position:absolute;
    color:#fff;
    font-size:40px;
    bottom:6pc
}
.landing-page .uloggi-btn-wrapper{
    position:absolute;
    width:200px;
    margin:10pc 1pc 0;
    right:0
}
.landing-page .uloggi-btn{
    width:164px;
    cursor:pointer;
    float:right;
    text-align:center;
    padding:7px;
    border:1px solid #85bd42;
    color:#fff;
    margin:8px;
    border-radius:50px;
    outline:none
}
.landing-page .login-landing-wrapper{
    width:100%;
    margin:0 auto
}
.landing-page .section-two .phrase{
    text-align:center;
    padding:20px;
    background:#1c2023;
    color:#85bd42
}
.landing-page .items h4{
    color:#85bd42;
    font-size:20px;
    text-align:center
}
.landing-page .items{
    padding:10px;
    color:#1c2023;
    background:#fff;
    font-size:24px
}
.landing-page .items p{
    font-size:16px;
    color:#1c2023;
    text-align:center
}
.landing-page .items .item{
    padding:25px;
    width:97%;
    margin:28px auto;
    height:290px
}
.landing-page .section-two .truck-img{
    display:none
}
.landing-page .items .item .img-wrapper{
    width:120px;
    margin:0 auto
}
.landing-page .items .item .img-wrapper img{
    width:100%;
    padding:18px 0
}
.landing-page .section-three .phrase{
    text-align:center;
    padding:20px;
    color:#85bd42
}
.landing-page .section-three .img-wrapper{
    width:200px;
    margin:0 auto
}
.landing-page .section-three .img-wrapper img{
    width:100%
}
.landing-page .section-three .phrase h3{
    color:#85bd42
}
.landing-page .section-three .item-icon{
    display:inline-block;
    width:10%;
    color:#85bd42;
    vertical-align:top;
    margin-top:42px
}
.landing-page .section-three .user-type{
    background:#85bd42;
    color:#333;
    text-align:center;
    padding:12px;
    font-size:20px
}
.landing-page .section-three .carrier-section p,.landing-page .section-three .shipper-section p{
    display:inline-block;
    width:90%;
    color:#1c2023;
    text-align:left;
    margin:40px 0
}
.landing-page .footer{
    height:50px
}
.landing-page .footer p{
    margin-top:36px
}
.landing-page .footer .footer-logo-wrapper{
    width:180px;
    margin:20px auto
}
.landing-page .register-items,.landing-page .section-three .laptop-img{
    display:none
}
.landing-page .landing-sign-up-title-wrapper{
    background:url(/static/media/registrate.15bea5f6.jpg) fixed;
    background-size:cover;
    background-position:top;
    height:4pc;
    -webkit-animation:fadeIn 5s;
    animation:fadeIn 5s;
    text-align:center
}
.landing-page .landing-sign-up-title-wrapper h2{
    padding-top:10px
}
.landing-page .option{
    border-radius:5px;
    color:#85bd42;
    border:1px solid
}
.landing-page .option,.landing-page .option-selected{
    display:inline-block;
    font-size:14px;
    cursor:pointer;
    padding:14px;
    width:40%;
    margin:0 10px;
    text-align:center;
    outline:none
}
.landing-page .option-selected{
    background:#85bd42;
    color: #333;
    border-radius:5px
}
.landing-page .section-three .landing-buttons-wrapper{
    display:block;
    width:100%;
    text-align:center;
    margin-bottom:40px
}
.landing-page .section-three .landing-buttons-wrapper .landing-btn{
    display:inline-block;
    border-radius:50px;
    cursor:pointer;
    color:#85bd42;
    padding:14px;
    width:30%;
    margin:0 10px;
    text-align:center;
    outline:none;
    border:1px solid
}
.landing-page .hidden-input{
    visibility:hidden
}
.landing-page .uloggi-btn-list{
    padding:10px;
    display:inline
}
.landing-page .footer p{
    color:#85bd42
}
@media (min-width:768px){
    .landing-page .login-landing-wrapper{
        position:absolute;
        top:9pc
    }
    .landing-page .sign-up-landing-wrapper{
        background:url(/static/media/bgRegister.2d2bdc97.jpg) fixed;
        background-size:cover;
        background-position:top;
        -webkit-animation:fadeIn 5s;
        animation:fadeIn 5s
    }
    .landing-page .section-one{
        background:url("images/banner1.jpg") fixed;
        background-size:cover;
        background-position:50%;
        height:62pc
    }
    .landing-page .section-three,.landing-page .section-two{
        background:#fff
    }
    .landing-page .section-three .items{
        width:45%;
        display:inline-block;
        padding:30px
    }
    .landing-page .section-three .item-icon{
        width:6%;
        margin-right:10px
    }
    .landing-page .section-three .shipper-section{
        width:95%;
        margin:0 auto
    }
    .landing-page .section-three .carrier-section p,.landing-page .section-three .shipper-section p{
        width:90%
    }
    .landing-page .section-three .laptop-img{
        display:block;
        width:44%;
        float:right;
        padding-top:12pc
    }
    .landing-page .section-three .laptop-img img{
        width:100%
    }
    .landing-page .landing-logo{
        float:left;
        width:120px;
        margin:20px 30px
    }
    .landing-page .uloggi-btn-wrapper{
        position:absolute;
        width:42pc;
        margin:20px 13pc 0 0;
        text-align:center
    }
    .landing-page .arrow-wrapper{
        display:block;
        cursor:pointer;
        bottom:10px;
        position:absolute;
        width:100%;
        text-align:center
    }
    .landing-page .items{
        background:transparent
    }
    .landing-page .phrase-wrapper{
        width:100%;
        text-align:center
    }
    .landing-page .section-three .content{
        width:48pc;
        margin:0 auto
    }
    .landing-page .section-three .user-type{
        color:#333;
        background:transparent;
        text-align:center;
        padding:12px;
        font-size:5pc
    }
}
@media only screen and (min-width:1224px){
    .landing-page .phrase-wrapper{
        width:50%;
        text-align:right;
        left:0;
        top:10pc
    }
    .landing-page .login-landing-wrapper{
        right:0;
        padding-top:0;
        width:50%
    }
    .landing-page .section-two{
        background:url("images/banner2.jpg") fixed -1000px;
        background-size:cover;
        background-position:50%;
        height:62pc;
        margin:0 auto
    }
    .landing-page .section-two h1{
        font-size:50px;
        font-weight:bolder;
        width:100%;
        text-align:center
    }
    .landing-page .items{
        width:100%;
        margin:0 auto;
        text-align:center;
        padding-top:100px
    }
    .landing-page .items .item{
        display:inline-grid;
        
        margin:10px;
        height:400px;
        background:rgba(255, 255, 255, 0.849);
        width:270px;
        box-shadow:-8px 5px 10px #000;
        border-radius: 5px;
    }
    .landing-page .items .item .img-wrapper{
        width:120px;
        margin:0 auto
    }
    .landing-page .items .item .img-wrapper img{
        width:100%;
        padding:18px 0
    }
    .landing-page .items .item h4{
        height:41px;
        text-align:center;
        padding:10px;
        font-size:22px
    }
    .landing-page .items .item p{
        color:grey
    }
    .landing-page .uloggi-btn-desktop{
        display:block
    }
    .landing-page .uloggi-btn{
        display:none
    }
    .landing-page h1.phrase,.landing-page h2.sub-phrase{
        font-size:40px
    }
    .landing-page .register-items{
        display:block;
        width:48%;
        padding-top:12pc;
        float:right
    }
    .landing-page .register-items p{
        color:#fff;
        display:inline-block;
        width:90%;
        font-size:22px
    }
    .landing-page .register-items .item-icon{
        color:#b64deb;
        display:inline-block;
        width:10%;
        font-size:20px
    }
    .landing-page .option,.landing-page .option-selected{
        width:30%
    }
}
@media only screen and (min-width:1824px){
    .landing-page .section-one h1.phrase,.landing-page .section-one h2.sub-phrase{
        font-size:50px;
        width:45pc
    }
    .landing-page .items{
        padding-top:9pc
    }
}
ul{
    margin:0;
    padding:0;
    list-style:none;
    overflow:hidden
}
li a{
    display:block;
    padding:20px;
    text-decoration:none;
    color:#d3d3d3;
    font-family:Reem Kufi,sans-serif
}
.menu-btn:hover,li a:hover{
    background-color:grey
}
.menu-btn:checked~.menu{
    max-height:240px
}
@media (min-width:48em){
    .menu{
        padding:0
    }
    .logo{
        width:10pc
    }
    .landing-items li{
        float:left
    }
    .landing-items li a{
        padding:20px 30px
    }
    .menu{
        clear:none;
        float:right;
        max-height:none
    }
    .menu-icon{
        display:none
    }
    .menu-btn:hover,li a:hover{
        background-color:#000
    }
}
@media (min-width:768px){
    nav{
        height:50px
    }
}
.uloggi-selection-button ul li{
    display:block
}
.uloggi-selection-button .option{
    cursor:pointer;
    background:#2f3345;
    border:1px solid #2f3345;
    border-radius:40px;
    color:#fff;
    font-size:14px;
    padding:8px 14px;
    margin:10px;
    width:90%;
    text-align:center
}
.uloggi-selection-button .option:hover{
    border:1px solid grey
}
.uloggi-selection-button .option-selected{
    cursor:pointer;
    background:#2f3345;
    border-radius:40px;
    border:1px solid #85bd42;
    color:#85bd42;
    font-size:14px;
    padding:8px 14px;
    margin:10px;
    width:90%;
    text-align:center
}
.uloggi-selection-button input{
    display:none
}
@media (min-width:768px){
    .uloggi-selection-button ul li{
        display:inline-block
    }
    .uloggi-selection-button .option,.uloggi-selection-button .option-selected{
        padding:3px 14px;
        width:unset
    }
}
.loading-wrapper{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
    min-height:100vh
}
.success-screen{
    background:#1c2023;
    width:100%;
    height:100vh;
    text-align:center
}
.success-screen .message h2{
    color:#85bd42;
    font-size:23px;
    text-align:center
}
.success-screen .icon-wrapper{
    width:100%;
    text-align:center
}
.success-screen .icon{
    font-size:14pc;
    color:#19c482;
    margin:65px 0
}
.success-screen .options-wrapper label .message-one-button,.success-screen .options-wrapper label .message-two-button{
    background:#85bd42;
    width:172px;
    outline:none;
    text-align:center;
    border-radius:30px;
    font-size:16px;
    padding:7px;
    cursor:pointer;
    color:#1c2023;
    margin:20px 0
}
@media (min-width:1366px){
    .success-screen .message h2{
        font-size:40px;
        padding-top:60px
    }
    .success-screen .options-wrapper label .message-one-button,.success-screen .options-wrapper label .message-two-button{
        margin:20px 50px
    }
}
.ant-form-item{
    margin-bottom:5px
}
.shipment{
    background:#000;
    border-top:1px solid;
    margin:0 10px;
    padding:2px 10px
}
.shipment p{
    font-size:14px;
    display:inline-block;
    margin-right:10px;
    color:#a9a9a9
}
.shipment .address-card-icon,.shipment .cellphone-icon,.shipment .user-icon{
    color:grey;
    margin:0 17px;
    font-size:22px
}
.shipment .company-name{
    width:190px;
    vertical-align:middle;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap
}
.shipment .user-icon-cancelled{
    color:red;
    font-size:10px;
    padding-right:10px
}
.shipment .address-card-icon,.shipment .cellphone-icon{
    font-size:15px
}
.shipment .trucker-name{
    width:150px;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
    vertical-align:middle
}
.shipment .truck-make,.shipment .truck-type{
    width:155px
}
.shipment .trucker-cellphone{
    width:127px
}
.shipment .trailer-patent,.shipment .trucker-patent{
    border:1px solid #d3d3d3;
    border-top:5px solid #09f;
    border-radius:3px;
    text-align:center;
    width:90px;
    margin-bottom:5px
}
.shipment .trucker-cuit{
    width:82px
}
.shipment .folder-icon,.shipment .premium-doc{
    cursor:pointer;
    color:grey;
    padding:0 10px
}
.shipment .folder-icon:hover,.shipment .premium-doc:hover{
    color:#6495ed
}
.shipment .imgs-popup{
    width:90%
}
.shipment .doc-premium{
    display:flex;
    flex-direction:row;
    align-items:center;
    height:600px;
    background:grey
}
.shipment .doc-premium div{
    width:100%;
    height:100%;
    overflow-y:auto
}
.shipment .loading{
    height:600px;
    background:grey
}
.shipment .doc-premium .no-photo{
    text-align:center;
    display:table
}
.shipment .doc-premium .no-photo p{
    color:#fff;
    font-size:xx-large;
    display:table-cell;
    vertical-align:middle
}
.shipment .doc-premium img{
    width:300px;
    height:100%;
    margin:80px
}
.shipment .doc-premium span:first-of-type{
    margin-left:0
}
span:last-of-type{
    margin-right:0
}
.point-record-table-wrapper{
    background:#1c2023
}
.point-record-table-wrapper table thead{
    background:#343a40
}
.point-record-table-wrapper table thead tr th{
    color:#85bd42;
    font-weight:300;
    padding:3px 20px;
    text-align:left;
    font-size:14px
}
.point-record-table-wrapper table tbody tr td{
    color:#fff;
    font-size:12px
}
.point-record-table-wrapper table tbody tr.record-shipment td{
    padding:0
}
.point-record-table-wrapper table tbody tr.record-shipment td .shipment{
    border-top:unset;
    background:#1c2023;
    margin-left:60px
}
.pagination-wrapper{
    position:fixed;
    width:100%;
    text-align:center;
    background:#343a40
}
.pagination-wrapper .page-number{
    width:171px;
    float:left
}
.pagination-wrapper .page-number p{
    color:#85bd42;
    display:inline-block;
    margin:10px
}
.pagination-wrapper .page-number input{
    width:60px;
    display:inline-block;
    background:#343a40;
    border:none;
    color:#85bd42;
    padding:10px;
    outline:none;

}
.pagination-wrapper .page-counter p{
    color:#85bd42;
    float:left;
    padding:10px 0 0
}
.pagination-wrapper .pagination-button{
    display:inline-block;
    padding:10px 40px
}
.pagination-wrapper .pagination-rows-btn p{
    color:#fff
}
.pagination-wrapper .pagination-btn-wrapper{
    width:50%;
    margin:0 auto
}
.pagination-wrapper .pagination-rows-btn{
    color:#85bd42;
    background:#343a40;
    vertical-align:top;
    padding:5px;
    border:none;
    border-radius:0;
    float:right;
    margin-top:14px;
    cursor:pointer
}
@media only screen and (min-device-width:768px){
    .point-record-table-wrapper table{
        width:100%;
        margin:0
    }
}
@media only screen and (min-device-width:1224px){
    .point-record-table-wrapper table{
        width:100%;
        margin:0
    }
}
.point-record-view-wrapper{
    background:#1c2023
}
.point-record-view-wrapper table tbody tr td{
    text-align:left;
    padding:5px 17px;
    border-bottom:1px solid grey
}
.point-record-view-wrapper table tbody tr td .open,.point-record-view-wrapper table tbody tr td .opened{
    color:#85bd42;
    font-size:17px;
    cursor:pointer;
    margin:0
}
.point-record-view-wrapper table tbody tr td .no-shipments{
    color:#b64eec;
    font-size:12px;
    cursor:pointer;
    outline:none;
    margin:0
}
.point-record-view-wrapper .with-shipments{
    outline:none
}
.point-record-view-wrapper .with-shipments .icon{
    display:inline-block;
    color:#85bd42;
    outline:none;
    font-size:18px;
    margin:3px 10px
}
.point-record-view-wrapper .with-shipments .icon:hover{
    color:#fff
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px){
    .point-record-view-wrapper table tbody tr td{
        padding:10px
    }
}
.menu,nav{
    background:#000
}
.menu{
    clear:both;
    max-height:0;
    transition:max-height .2s ease-out
}
nav ul{
    margin:0;
    padding:0;
    list-style:none;
    overflow:hidden;
    background:#000
}
nav li a{
    display:block;
    padding:20px;
    text-decoration:none;
    color:#d3d3d3;
    font-family:Reem Kufi,sans-serif
}
.menu-btn:hover,nav li a:hover{
    color:#85bd42;
    text-decoration:none
}
.logo{
    display:block;
    float:left;
    padding:0;
    text-decoration:none;
    width:8pc;
    margin:14px
}
.logo-img{
   
    height: 75px;
}
.menu-icon{
    cursor:pointer;
    float:right;
    padding:28px 20px;
    position:relative;
    -webkit-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.menu-icon .navicon{
    background:#85bd42;
    display:block;
    height:2px;
    position:relative;
    transition:background .2s ease-out;
    width:18px
}
.menu-icon .navicon:after,.menu-icon .navicon:before{
    background:#85bd42;
    content:"";
    display:block;
    height:100%;
    position:absolute;
    transition:all .2s ease-out;
    width:100%
}
.menu-icon .navicon:before{
    top:5px
}
.menu-icon .navicon:after{
    top:-5px
}
.menu-btn{
    display:none
}
.menu-btn:checked~.menu{
    max-height:340px
}
.menu-btn:checked~.menu-icon .navicon{
    background:transparent
}
.menu-btn:checked~.menu-icon .navicon:before{
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.menu-btn:checked~.menu-icon .navicon:after{
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
.menu-btn:checked~.menu-icon:not(.steps) .navicon:after,.menu-btn:checked~.menu-icon:not(.steps) .navicon:before{
    top:0
}
@media (min-width:840px){
    .menu{
        padding:0
    }
    .landing-items li{
        float:left
    }
    .landing-items li a{
        padding:20px 30px
    }
    .menu{
        clear:none;
        float:right;
        max-height:none
    }
    .menu-icon{
        display:none
    }
    .menu-btn:hover,li a:hover{
        background-color:#000
    }
}
@media (min-width:768px){
    nav{
        height:66px
    }
}
.carrier-record-table-wrapper table{
    margin:0 auto 2pc
}
.carrier-record-table-wrapper{
    background:#1c2023;
    position:absolute;
    overflow-y:scroll;
    width:100%
}
.carrier-record-table-wrapper .loading{
    width:100%;
    margin-left:50%;
    border-bottom:2px solid #85bd42
}
.carrier-record-table-wrapper table thead{
    background:#343a40
}
.carrier-record-table-wrapper table thead tr th{
    color:#85bd42;
    font-weight:300;
    font-size:12px;
    padding:15px 20px;
    text-align:left;
    vertical-align:top
}
.carrier-record-table-wrapper table thead tr th .filter-input input{
    background:#343a40;
    border:none;
    border-bottom:1px solid #85bd42;
    outline:none;
    width:100px;
    color:#fff
}

.carrier-record-table-wrapper table tbody tr td{
    color:#fff;
    font-size:12px;
    padding:10px 20px;
    border-bottom:1px solid #343a40
}
.carrier-record-billing-table-wrapper{
    background:#1c2023;
    width:100%;
    padding-bottom:45px
}
.carrier-record-billing-table-wrapper table{
    width:100%
}
.carrier-record-billing-table-wrapper table thead{
    background:#343a40;
    color:grey
}
.carrier-record-billing-table-wrapper table thead tr th{
    color:grey;
    font-weight:400;
    padding:5px 0;
    text-align:left;
    font-size:12px
}
.carrier-record-billing-table-wrapper table tbody tr td{
    color:#fff;
    font-size:12px
}
.carrier-record-billing-table-wrapper table tbody tr.record-shipment td{
    padding:0
}
.carrier-record-billing-table-wrapper table tbody tr.record-shipment td .shipment{
    border-top:unset;
    background:#1c2023;
    margin-left:60px
}
.carrier-record-billing-view-wrapper{
    overflow-y:auto;
    width:100%
}
.carrier-record-billing-view-wrapper .file-download-icon{
    margin:0 10px
}
.carrier-record-billing-view-wrapper table tbody tr td{
    background:#1c2023;
    text-align:left;
    padding:5px 17px 5px 0;
    border-bottom:1px solid grey
}
.carrier-record-billing-view-wrapper table tbody tr td .open,.carrier-record-billing-view-wrapper table tbody tr td .opened{
    color:#85bd42;
    font-size:14px;
    text-align:right;
    cursor:pointer;
    margin:0
}
.settlement-shipment-header{
    padding:5px 10px 0;
    border-bottom:1px solid #000
}
.settlement-shipment-header .amounts,.settlement-shipment .amounts{
    text-align:right
}
.settlement-shipment-header p{
    display:inline-block;
    padding:0 10px;
    color:#85bd42;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap
}
.settlement-shipment{
    padding:2px 10px;
    border-bottom:1px solid #000
}
.settlement-shipment p{
    display:inline-block;
    padding:0 10px;
    color:#a9a9a9;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
    vertical-align:bottom
}
.settlement-shipment-header p.fit-lg-content,.settlement-shipment p.fit-lg-content{
    width:12pc
}
.settlement-shipment-header p.fit-md-content,.settlement-shipment p.fit-md-content{
    width:7pc
}
.settlement-shipment-header p.fit-sm-content,.settlement-shipment p.fit-sm-content{
    width:5pc
}
.carrier-record-billing-table-wrapper table{
    width:130pc
}
.carrier-record-billing-view-wrapper table tbody tr td .documents-icon{
    color:#6495ed;
    cursor:pointer
}
.carrier-record-billing-table-wrapper .doc-settlements{
    z-index:1000;
    position:absolute;
    top:84px;
    left:5%;
    width:90%;
    height:85vh;
    background:#1c2023;
    overflow:auto;
    border-radius:20px;
    border:1px solid #85bd42
}
.carrier-record-billing-table-wrapper .doc-settlements h3{
    color:#85bd42;
    padding:3px 23px;
    cursor:pointer;
    text-align:right;
    font-weight:300px
}
.carrier-record-billing-table-wrapper .pdf-list-wrapper{
    background:#fff;
    overflow:auto;
    margin:0 3%;
    height:74vh
}
.carrier-record-billing-table-wrapper .pdf-list-wrapper p{
    width:100%;
    background:#343a40;
    color:#85bd42;
    padding:6px 10px
}
.carrier-record-billing-table-wrapper .settlement-wrap{
    height:36pc;
    overflow:auto
}
.carrier-record-billing-table-wrapper .pdf-list-wrapper .pdf-icon{
    margin:0 5px;
    color:red
}
.verify-account-wrapper{
    background:#000;
    padding:5px;
    margin:4px 10px;
    cursor:pointer;
    color:#fff;
    border-spacing:0
}
.password-reset-wrapper{
    background:#000
}
.password-reset-wrapper .title p{
    color:#ffffff;
    font-size:14
}
/*# sourceMappingURL=main.c8895afa.chunk.css.map */

svg:not(:root).svg-inline--fa {
    overflow: visible;
    }
    .svg-inline--fa {
    display: inline-block;
    font-size: inherit;
    height: 1em;
    overflow: visible;
    vertical-align: -0.125em;
    }
    .svg-inline--fa.fa-lg {
    vertical-align: -0.225em;
    }
    .svg-inline--fa.fa-w-1 {
    width: 0.0625em;
    }
    .svg-inline--fa.fa-w-2 {
    width: 0.125em;
    }
    .svg-inline--fa.fa-w-3 {
    width: 0.1875em;
    }
    .svg-inline--fa.fa-w-4 {
    width: 0.25em;
    }
    .svg-inline--fa.fa-w-5 {
    width: 0.3125em;
    }
    .svg-inline--fa.fa-w-6 {
    width: 0.375em;
    }
    .svg-inline--fa.fa-w-7 {
    width: 0.4375em;
    }
    .svg-inline--fa.fa-w-8 {
    width: 0.5em;
    }
    .svg-inline--fa.fa-w-9 {
    width: 0.5625em;
    }
    .svg-inline--fa.fa-w-10 {
    width: 0.625em;
    }
    .svg-inline--fa.fa-w-11 {
    width: 0.6875em;
    }
    .svg-inline--fa.fa-w-12 {
    width: 0.75em;
    }
    .svg-inline--fa.fa-w-13 {
    width: 0.8125em;
    }
    .svg-inline--fa.fa-w-14 {
    width: 0.875em;
    }
    .svg-inline--fa.fa-w-15 {
    width: 0.9375em;
    }
    .svg-inline--fa.fa-w-16 {
    width: 1em;
    }
    .svg-inline--fa.fa-w-17 {
    width: 1.0625em;
    }
    .svg-inline--fa.fa-w-18 {
    width: 1.125em;
    }
    .svg-inline--fa.fa-w-19 {
    width: 1.1875em;
    }
    .svg-inline--fa.fa-w-20 {
    width: 1.25em;
    }
    .svg-inline--fa.fa-pull-left {
    margin-right: 0.3em;
    width: auto;
    }
    .svg-inline--fa.fa-pull-right {
    margin-left: 0.3em;
    width: auto;
    }
    .svg-inline--fa.fa-border {
    height: 1.5em;
    }
    .svg-inline--fa.fa-li {
    width: 2em;
    }
    .svg-inline--fa.fa-fw {
    width: 1.25em;
    }
    .fa-layers svg.svg-inline--fa {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    }
    .fa-layers {
    display: inline-block;
    height: 1em;
    position: relative;
    text-align: center;
    vertical-align: -0.125em;
    width: 1em;
    }
    .fa-layers svg.svg-inline--fa {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    }
    .fa-layers-counter, .fa-layers-text {
    display: inline-block;
    position: absolute;
    text-align: center;
    }
    .fa-layers-text {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    }
    .fa-layers-counter {
    background-color: #ff253a;
    border-radius: 1em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    height: 1.5em;
    line-height: 1;
    max-width: 5em;
    min-width: 1.5em;
    overflow: hidden;
    padding: 0.25em;
    right: 0;
    text-overflow: ellipsis;
    top: 0;
    -webkit-transform: scale(0.25);
    transform: scale(0.25);
    -webkit-transform-origin: top right;
    transform-origin: top right;
    }
    .fa-layers-bottom-right {
    bottom: 0;
    right: 0;
    top: auto;
    -webkit-transform: scale(0.25);
    transform: scale(0.25);
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    }
    .fa-layers-bottom-left {
    bottom: 0;
    left: 0;
    right: auto;
    top: auto;
    -webkit-transform: scale(0.25);
    transform: scale(0.25);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    }
    .fa-layers-top-right {
    right: 0;
    top: 0;
    -webkit-transform: scale(0.25);
    transform: scale(0.25);
    -webkit-transform-origin: top right;
    transform-origin: top right;
    }
    .fa-layers-top-left {
    left: 0;
    right: auto;
    top: 0;
    -webkit-transform: scale(0.25);
    transform: scale(0.25);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    }
    .fa-lg {
    font-size: 1.3333333333em;
    line-height: 0.75em;
    vertical-align: -0.0667em;
    }
    .fa-xs {
    font-size: 0.75em;
    }
    .fa-sm {
    font-size: 0.875em;
    }
    .fa-1x {
    font-size: 1em;
    }
    .fa-2x {
    font-size: 2em;
    }
    .fa-3x {
    font-size: 3em;
    }
    .fa-4x {
    font-size: 4em;
    }
    .fa-5x {
    font-size: 5em;
    }
    .fa-6x {
    font-size: 6em;
    }
    .fa-7x {
    font-size: 7em;
    }
    .fa-8x {
    font-size: 8em;
    }
    .fa-9x {
    font-size: 9em;
    }
    .fa-10x {
    font-size: 10em;
    }
    .fa-fw {
    text-align: center;
    width: 1.25em;
    }
    .fa-ul {
    list-style-type: none;
    margin-left: 2.5em;
    padding-left: 0;
    }
    .fa-ul > li {
    position: relative;
    }
    .fa-li {
    left: -2em;
    position: absolute;
    text-align: center;
    width: 2em;
    line-height: inherit;
    }
    .fa-border {
    border: solid 0.08em #eee;
    border-radius: 0.1em;
    padding: 0.2em 0.25em 0.15em;
    }
    .fa-pull-left {
    float: left;
    }
    .fa-pull-right {
    float: right;
    }
    .fa.fa-pull-left,
    .fas.fa-pull-left,
    .far.fa-pull-left,
    .fal.fa-pull-left,
    .fab.fa-pull-left {
    margin-right: 0.3em;
    }
    .fa.fa-pull-right,
    .fas.fa-pull-right,
    .far.fa-pull-right,
    .fal.fa-pull-right,
    .fab.fa-pull-right {
    margin-left: 0.3em;
    }
    .fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
    }
    .fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8);
    }
    @-webkit-keyframes fa-spin {
    0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    }
    100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    }
    }
    @keyframes fa-spin {
    0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    }
    100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    }
    }
    .fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    }
    .fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    }
    .fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    }
    .fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1);
    }
    .fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    -webkit-transform: scale(1, -1);
    transform: scale(1, -1);
    }
    .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    -webkit-transform: scale(-1, -1);
    transform: scale(-1, -1);
    }
    :root .fa-rotate-90,
    :root .fa-rotate-180,
    :root .fa-rotate-270,
    :root .fa-flip-horizontal,
    :root .fa-flip-vertical,
    :root .fa-flip-both {
    -webkit-filter: none;
    filter: none;
    }
    .fa-stack {
    display: inline-block;
    height: 2em;
    position: relative;
    width: 2.5em;
    }
    .fa-stack-1x,
    .fa-stack-2x {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    }
    .svg-inline--fa.fa-stack-1x {
    height: 1em;
    width: 1.25em;
    }
    .svg-inline--fa.fa-stack-2x {
    height: 2em;
    width: 2.5em;
    }
    .fa-inverse {
    color: #fff;
    }
    .sr-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    }
    .sr-only-focusable:active, .sr-only-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    }
    .svg-inline--fa .fa-primary {
    fill: var(--fa-primary-color, currentColor);
    opacity: 1;
    opacity: var(--fa-primary-opacity, 1);
    }
    .svg-inline--fa .fa-secondary {
    fill: var(--fa-secondary-color, currentColor);
    opacity: 0.4;
    opacity: var(--fa-secondary-opacity, 0.4);
    }
    .svg-inline--fa.fa-swap-opacity .fa-primary {
    opacity: 0.4;
    opacity: var(--fa-secondary-opacity, 0.4);
    }
    .svg-inline--fa.fa-swap-opacity .fa-secondary {
    opacity: 1;
    opacity: var(--fa-primary-opacity, 1);
    }
    .svg-inline--fa mask .fa-primary,
    .svg-inline--fa mask .fa-secondary {
    fill: black;
    }
    .fad.fa-inverse {
    color: #fff;
    }