@import 'https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900';
@import 'https://fonts.googleapis.com/css?family=Oswald:400|Roboto:400,400i,700';
/*Theme Colors*/
/*bootstrap Color*/
/*Light colors*/
/*Normal Color*/
/*Extra Variable*/
/*Preloader*/
.preloader {
    width: 100%;
    height: 100%;
    top: 0px;
    position: fixed;
    z-index: 99999;
    background: #fff;
}

    .preloader .cssload-speeding-wheel {
        position: absolute;
        top: calc(50% - 3.5px);
        left: calc(50% - 3.5px);
    }

/*******************
/*Top bar
*******************/
.topbar {
    background: #34495E;
    /* Old browsers */
    /*background: -moz-linear-gradient(left, #318f94 0%, #5ec58c 100%);*/
    /*!* FF3.6-15 *!*/
    /*background: -webkit-linear-gradient(left, #318f94 0%, #5ec58c 100%);*/
    /*!* Chrome10-25,Safari5.1-6 *!*/
    /*background: linear-gradient(to right, #318f94 0%, #5ec58c 100%);*/
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

    .topbar .top-navbar .navbar-header .navbar-brand .dark-logo {
        display: none;
    }

    .topbar .top-navbar .navbar-header .navbar-brand .light-logo {
        display: inline-block;
        height: 45px;
    }

    .topbar .navbar-light .navbar-nav .nav-item > a.nav-link {
        color: rgba(255, 255, 255, 0.8) !important;
    }

        .topbar .navbar-light .navbar-nav .nav-item > a.nav-link:hover, .topbar .navbar-light .navbar-nav .nav-item > a.nav-link:focus {
            color: #ffffff !important;
        }

/*******************
/*General Elements
*******************/
a {
    color: #55ce63;
}

    a.link:hover, a.link:focus {
        color: #55ce63 !important;
    }

.bg-theme {
    background-color: #55ce63 !important;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: #55ce63;
    border-color: #55ce63;
}

.right-sidebar .rpanel-title {
    background: #55ce63;
}

.stylish-table tbody tr:hover, .stylish-table tbody tr.active {
    border-left: 4px solid #55ce63;
}

.text-themecolor {
    color: #55ce63 !important;
}

.profile-tab li a.nav-link.active,
.customtab li a.nav-link.active {
    border-bottom: 2px solid #55ce63;
    color: #55ce63;
}

.profile-tab li a.nav-link:hover,
.customtab li a.nav-link:hover {
    color: #55ce63;
}

/*******************
/*Buttons
*******************/
.btn-themecolor,
.btn-themecolor.disabled {
    background: #55ce63;
    color: #ffffff;
    border: 1px solid #55ce63;
}

    .btn-themecolor:hover,
    .btn-themecolor.disabled:hover {
        background: #55ce63;
        opacity: 0.7;
        border: 1px solid #55ce63;
    }

    .btn-themecolor.active, .btn-themecolor:focus,
    .btn-themecolor.disabled.active,
    .btn-themecolor.disabled:focus {
        background: #028ee1;
    }

/*******************
/*sidebar navigation
*******************/
.sidebar-nav {
    background: #fff;
}

    .sidebar-nav ul li a {
        color: #54667a;
    }

        .sidebar-nav ul li a.active, .sidebar-nav ul li a:hover {
            color: #55ce63;
        }

        .sidebar-nav ul li a.active {
            color: #263238;
        }

    .sidebar-nav ul li.nav-small-cap {
        color: #90a4ae;
    }

    .sidebar-nav > ul > li.active > a, .sidebar-nav > ul > li:hover > a {
        color: #55ce63;
    }

        .sidebar-nav > ul > li.active > a i, .sidebar-nav > ul > li:hover > a i {
            color: #55ce63;
        }

    .sidebar-nav > ul > li > a.active i, .sidebar-nav > ul > li > a:hover i {
        color: #55ce63;
    }

    .sidebar-nav > ul > li > a i {
        color: #a6b7bf;
    }

    .sidebar-nav > ul > li > a.active {
        font-weight: 400;
        background: #ffffff;
        color: #55ce63;
    }

#transportation-type-accordion .card-header {
    background-color: #fff;
    border: none;
}

#transportation-type-accordion .card-block {
    padding: 0 40px;
}

#transportation-type-accordion .card-header img {
    height: 30px;
}

#transportation-type-accordion .card-header h5 a {
    color: #000;
}

    #transportation-type-accordion .card-header h5 a.collapsed.grouped-options::before {
        content: "+"
    }

#transportation-type-accordion .card .collapse.show ~ #transportation-type-accordion .card-header h5 a.collapsed.grouped-options::before {
    content: "-"
}

#transportation-type-accordion .card-header h5 a.grouped-options::before {
    content: "-"
}

.navbar-header span.title {
    font-family: 'Oswald', sans-serif;
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    line-height: 1.42857143;
    font-size: 39px;
    position: relative;
    top: 8px;
}

#loadlink-login .form-control, #loadlink-reset.reset-pwd .form-control {
    background: rgba(255,255,255,.3);
    color: #fff;
}

#loadlink-register .form-control {
    background: rgba(255,255,255,.3);
    color: #fff;
}

#loadlink-login .form-control, #loadlink-register .form-control, #loadlink-reset.reset-pwd .form-control {
    box-shadow: none;
    border-color: transparent;
    font-size: 14px;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s,background ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,background ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,background ease-in-out .15s;
}

    #loadlink-login .form-control.input-lg, .input-lg, #loadlink-register .form-control.input-lg, .input-lg,
    #loadlink-reset .form-control.input-lg, .input-lg {
        font-size: 16px
    }

    #loadlink-login .form-control:focus, #loadlink-register .form-control:focus, #loadlink-reset .form-control:focus {
        border-color: #007aff;
        outline: 0;
        box-shadow: 0 0 0 2px rgba(102,175,233,.6)
    }

    #loadlink-login .form-control.input-inverse, #loadlink-register .form-control.input-inverse, #loadlink-reset .form-control.input-inverse {
        border-color: rgba(255,255,255,.5);
        color: #fff
    }

    #loadlink-login .form-control.input-outline, #loadlink-register .form-control.input-outline, #loadlink-reset .form-control.input-outline {
        background: 0 0
    }

    #loadlink-login .form-control.no-border, #loadlink-register .form-control.no-border, #loadlink-reset .form-control.no-border {
        border-color: transparent
    }

loadlink-login .form-control:focus, loadlink-register .form-control:focus, loadlink-reset .form-control:focus {
    box-shadow: 0 0 0 2px rgba(102,175,233,1)
}

/*.login-header { margin: 0 0 50px 30px;}*/

.login-header h3, l {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    color: #fff;
    font-size: 60px;
    position: relative;
    top: 9px;
    left: 9px;
}

.login-header img {
    height: 60px;
}

#loadlink-login.login-register {
    background: url('/images/background/login-bg.jpg'); 
/*    padding: 5% 0;    */
}

#loadlink-register.login-register {
    background-size: cover;
    background-repeat: no-repeat;
    overflow: auto;  
} 

#loadlink-login.login-register, #loadlink-reset.reset-pwd {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 100%;
    overflow: auto;
    position: absolute;
}

#loadlink-register, #loadlink-reset.reset-pwd {
    background-image: url('/images/background/register-bg1.jpg');
}

#loadlink-reset.reset-pwd label.control-label { color: #ffab00; }

#loadlink-register span.text-danger {
    font-weight: bold;
}

.login-box, .register-box, .payment-box.card {
    margin: 0 auto
}

.login-box {
    width: 440px;
}

.register-box, .payment-box.card {
    width: 75%;
}

.login-box #rememberMeRow {
    color: #fff;
    padding: 16px 0px;
}

.login-box #login-reg-form {
    margin-top: 85px;
}

#login-logo {
    background-image: url('../images/logo-icon.png');
    background-repeat: no-repeat;
    background-size: cover;
}

#login-logo-text {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    color: #fff;
}

/* iPhone 5 */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px){
    .login-box {
        width: 100%;
    }

    .login-box .medium {
        margin-top: -10px;
    }

    .login-box #login-logo {
        height: 35px;
        width: 35px;
    }

    .login-box #login-logo-text {
        font-size: 30px;
        position: relative;
        left: 41px;
        top: -8px;
    }

    .login-box #logo-container {
        width: 50%;
        margin: 0 auto
    }

    .login-box #login-reg-form {
        margin-top: 55px;
    }

    .login-box #btnLogin {
        font-size: 1rem;
        padding: 5px;
    }

    footer { display: none; }
}

/* iPhone 6/7/8 */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px)
{
    .login-box {
        width: 90%
    }

        .login-box #btnLogin {
            font-size: 1rem;
            padding: 5px;
        }

        .login-box #rememberMeRow {
            color: #fff;
        }


    .register-box, .payment-box.card {
        width: 90%
    }

    .login-box .medium {
        margin-top: -15px;
    }

    .login-box #login-reg-form {
        margin-top: 75px;
    }

    .login-box #login-logo {
        height: 45px;
        width: 45px;
    }

    .login-box #logo-container {
        width: 60%;
        margin: 0 auto
    }

    .login-box #login-logo-text {
        font-size: 35px;
        position: relative;
        left: 50px;
        top: -8px;
    }

    footer {
        display: block;
    }

}

/* iPhone 6/7/8 Plus */
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) {
    .login-box {
        width: 90%
    }

    .login-box #btnLogin {
        font-size: 1rem;
        padding: 5px;
    }

    .login-box #rememberMeRow {
        color: #fff;
    }


    .register-box, .payment-box.card {
        width: 90%
    }

    .login-box .medium {
        margin-top: -5px;
    }

    .login-box #login-reg-form {
        margin-top: 75px;
    }

    .login-box #login-logo {
        height: 50px;
        width: 50px;
    }

    .login-box #logo-container {
        width: 65%;
        margin: 0 auto
    }

    .login-box #login-logo-text {
        font-size: 40px;
        position: relative;
        left: 58px;
        top: -8px;
    }

    footer {
        display: block;
    }

}

/* iPhone 10 */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px)
and (-webkit-device-pixel-ratio : 3) {
    .login-box {
        width: 90%
    }

    .login-box #btnLogin {
        font-size: 1rem;
        padding: 5px;
    }

    .login-box #rememberMeRow {
        color: #fff;
    }


    .register-box, .payment-box.card {
        width: 90%
    }

    .login-box .medium {
        margin-top: -5px;
    }

    .login-box #login-reg-form {
        margin-top: 60px;
    }

    .login-box #login-logo {
        height: 50px;
        width: 50px;
    }

    .login-box #logo-container {
        width: 65%;
        margin: 0 auto
    }

    .login-box #login-logo-text {
        font-size: 40px;
        position: relative;
        left: 58px;
        top: -8px;
    }
}


#loadlink-register label.field-label {
    color: #FFAB00
}

#loadlink-login label.field-label {
    color: #FFAB00
}

.login-header span.header {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    color: #fff;
    font-size: 60px;
    position: relative;
    top: 16px;
    left: 9px;
}

.radio label::before {
    border: 1px solid rgba(120,130,140,1.13);
}

.login-header.text-center.hidden-xs-only span.registration, .login-header.text-center.visible-xs-only.hidden-md-up span.registration {
    color: #FFAB00;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
}

.login-header.text-center.hidden-xs-only span.registration {
    font-size: 60px;
    position: relative;
    top: 17px;
    left: 20px
}

.login-header.text-center.visible-xs-only.hidden-md-up span.registration {
    font-size: 50px;
    font-weight: 800;
}

#loadlink-register label {
    display: inline;
}

#loadlink-register .radio label::before {
    height: 20px;
}

#loadlink-load-form label.control-label {
    font-weight: 500;
}

li.loadlink.nav-item {
    margin: 5px;
}

    li.loadlink.nav-item a {
        color: #fff;
    }

        li.loadlink.nav-item a:hover {
            color: #FFAB00;
        }

ul.navbar-nav.loadlink {
    flex-direction: initial;
    margin: 0 auto;
}

.loadlink-search-panel.card-block {
    padding: 15px 25px 0px 25px;
}


.truck-bg4-background {
    background: url('../../../assets/images/background/truck-bg4.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 100%;
    width: 100%;
    position: fixed;
}

#loadlink-search .btn-lg {
    padding: .45rem 1.15rem;
}

#loadlink-register div.form-check  label span.custom-control-indicator {
    top: 0.15rem;
    right: 11.5rem;
}

#loadlink-register div.form-check label span.custom-control-description {
    font-size: 18px;
    top: 21px;
    color: #FFAB00;
}

#loadlink-register div.form-check label .custom-control-input:checked ~ .custom-control-indicator {
    color: #fff;
    background-color: #FFAB00;
}


#loadlink-register .payment-box .payments.card {
    margin: 5px 15px;
}

#paymentForm div.ribbon.ribbon-bookmark.ribbon-right.ribbon-warning {
    padding: 0 10px;
}

#paymentForm div.card-block p {
    text-align: center;
    margin: 35px 0 10px 0;
}

/*.onoffswitch .onoffswitch-inner:before { padding-left: 0px; }*/
.social-widget .soc-header {
    padding: 8px;
    font-size: 32px;
}

#editDisabledPayment:hover, #editPrices:hover {
    cursor: pointer;
}

.pricing {
    padding-left: 25px;
}

.pricing-dollar {
    position: relative;
    left: 18px;
}

#loadlink-register .error, #loadlink-login .error {
    color: #d9534f;
}