/* Minification failed. Returning unminified contents.
(411,15): run-time error CSS1030: Expected identifier, found '.'
(411,41): run-time error CSS1031: Expected selector, found ')'
(411,41): run-time error CSS1025: Expected comma or open brace, found ')'
(1534,19): run-time error CSS1046: Expect comma, found '181'
(1534,25): run-time error CSS1046: Expect comma, found ')'
(1538,20): run-time error CSS1046: Expect comma, found '107'
(1538,25): run-time error CSS1046: Expect comma, found ')'
(1542,20): run-time error CSS1046: Expect comma, found '38'
(1542,25): run-time error CSS1046: Expect comma, found ')'
(1546,20): run-time error CSS1046: Expect comma, found '107'
(1546,25): run-time error CSS1046: Expect comma, found ')'
 */
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}

.pagination > li {
  display: inline;
}

.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.428571429;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #dddddd;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  background-color: #eeeeee;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #ffffff;
  cursor: default;
  background-color: #428bca;
  border-color: #428bca;
}

.pagination > .disabled > span,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #999999;
  cursor: not-allowed;
  background-color: #ffffff;
  border-color: #dddddd;
}

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.pager {
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none;
}

.pager:before,
.pager:after {
  display: table;
  content: " ";
}

.pager:after {
  clear: both;
}

.pager:before,
.pager:after {
  display: table;
  content: " ";
}

.pager:after {
  clear: both;
}

.pager li {
  display: inline;
}

.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 15px;
}

.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}

.pager .next > a,
.pager .next > span {
  float: right;
}

.pager .previous > a,
.pager .previous > span {
  float: left;
}

.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #999999;
  cursor: not-allowed;
  background-color: #ffffff;
}
.default-style .sidenav .app-brand.mcp-brand {
    height: 66px;
}

.material-style .sidenav .app-brand.mcp-brand {
    height: 70px;
}

.app-brand-logo.mcp-brand {
    display: -ms-flexbox;
    display: flex;
    /*width: 30px;
    height: 30px;
    border-radius: 50%;*/
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .app-brand-logo.mcp-brand img {
        /*width: 42px;*/
        height: 48px;
    }

.app-brand-text.mcp-brand {
    font-size: 1.1rem;
}

@media (min-width: 992px) {
    .app-brand-text.mcp-brand.company-name {
        max-width: 85px;
    }
}

@media (min-width: 1010px) {
    .app-brand-text.mcp-brand.company-name {
        max-width: 100px;
    }
}

@media (min-width: 1020px) {
    .app-brand-text.mcp-brand.company-name {
        max-width: 120px;
    }
}

@media (min-width: 1100px) {
    .app-brand-text.mcp-brand.company-name {
        max-width: 200px;
    }
}

@media (min-width: 1300px) {
    .app-brand-text.mcp-brand.company-name {
        max-width: 280px;
    }
}

@media (min-width: 1350px) {
    .app-brand-text.mcp-brand.company-name {
        max-width: 340px;
    }
}

@media (min-width: 1400px) {
    .app-brand-text.mcp-brand.company-name {
        max-width: 390px;
    }
}

@media (min-width: 1450px) {
    .app-brand-text.mcp-brand.company-name {
        max-width: 435px;
    }
}

@media (min-width: 1500px) {
    .app-brand-text.mcp-brand.company-name {
        max-width: 485px;
    }
}

@media (min-width: 1600px) {
    .app-brand-text.mcp-brand.company-name {
        max-width: 585px;
    }
}

.layout-1 .layout-sidenav .app-brand.mcp-brand,
.layout-1 .layout-sidenav .app-brand.mcp-brand + .sidenav-divider,
.layout-reversed .layout-2 .layout-sidenav .app-brand.mcp-brand {
    display: none;
}

.layout-1 .layout-navbar .app-brand.mcp-brand,
.layout-reversed .layout-2 .layout-navbar .app-brand.mcp-brand {
    display: -ms-flexbox !important;
    display: flex !important;
}

.layout-1 .layout-navbar .layout-sidenav-toggle,
.layout-reversed .layout-2 .layout-navbar .layout-sidenav-toggle,
.layout-offcanvas .layout-navbar .layout-sidenav-toggle,
.layout-fixed-offcanvas .layout-navbar .layout-sidenav-toggle {
    display: block !important;
}

@media (min-width: 992px) {
    .layout-offcanvas .layout-sidenav .layout-sidenav-toggle, .layout-fixed-offcanvas .layout-sidenav .layout-sidenav-toggle {
        display: none;
    }
}

.custom-control-label::before,
.form-control,
.input-group-text {
    border: 1px solid rgba(24, 28, 33, 0.2);
}

.custom-control.custom-checkbox.disabled .custom-control-input ~ .custom-control-label {
    color: #6c757d;
}

    .custom-control.custom-checkbox.disabled .custom-control-input ~ .custom-control-label::before {
        border-color: rgba(24, 28, 33, 0.1) !important;
        background-color: #f1f1f2 !important;
    }

.custom-control.custom-checkbox.disabled .custom-control-input:checked ~ .custom-control-label::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9.5 7.5'%3E%3Cpolyline points='0.75 4.35 4.18 6.75 8.75 0.75' style='fill:none;stroke:%23a3a4a6;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3E%3C/svg%3E");
}

.swal2-popup #swal2-content {
    text-align: left !important;
}

.overflow-initial {
    overflow: initial !important;
}

.popover {
    z-index: 1100 !important;
}

/* *****************************************************************************
 * Navbar
 */
.mcp-navbar-messages .dropdown-toggle,
.mcp-navbar-notifications .dropdown-toggle,
.mcp-navbar-user .dropdown-toggle,
.mcp-navbar-messages.b-nav-dropdown .nav-link,
.mcp-navbar-notifications.b-nav-dropdown .nav-link,
.mcp-navbar-user.b-nav-dropdown .nav-link {
    white-space: nowrap;
}

.mcp-navbar-user img {
    background-color: white;
}

.mcp-navbar-messages .dropdown-menu,
.mcp-navbar-notifications .dropdown-menu {
    overflow: hidden;
    padding: 0;
}

@media (min-width: 992px) {
    .mcp-navbar-messages .dropdown-menu,
    .mcp-navbar-notifications .dropdown-menu {
        margin-top: .5rem;
        width: 22rem;
    }

    .mcp-navbar-user .dropdown-menu {
        margin-top: .25rem;
    }
}

/* *****************************************************************************
 * Content
 */

html:not(.material-style) .material-style-only {
    display: none !important;
}

.rtl-only {
    display: none !important;
    text-align: left !important;
    direction: ltr !important;
}

[dir=rtl] .rtl-only {
    display: block !important;
}

/* ============================================================ */
/* MCP css                                                      */
/* ============================================================ */

.mcp-logo-header {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

    .mcp-logo-header img {
        height: 100px;
    }

    .mcp-logo-header .subtitle {
        color: #133766;
        font-size: 19.5px;
        display: block;
        margin: -7px 0px 0px 15px;
    }

.validation-summary-valid {
    display: none;
}

.validation-summary-errors.card {
    border: 1px solid #d9534f;
}

    .validation-summary-errors.card .card-header {
        border-bottom: 1px solid #d9534f;
    }

.validation-summary-errors ul {
    list-style: none;
    padding-left: 0;
}

.table-sm-text {
    font-size: 12px;
}

.table-col-sort {
    color: #1e70cd;
    font-size: 16px;
}

.mvc-grid:has(.mvc-grid-overflow-initial) {
    overflow: initial !important;
}

.mvc-grid .mvc-grid-table-sm {
    font-size: 12px;
}

    .mvc-grid .mvc-grid-table-sm th,
    .mvc-grid .mvc-grid-table-sm td {
        padding: 0.3125rem;
    }

.mvc-grid tr {
    border: 1px solid #dee2e6;
}

.mvc-grid th,
.mvc-grid td {
    border: none !important;
}

.mvc-grid .mvc-grid-table-striped tr:nth-child(odd) {
    background-color: #ffffff;
}

.mvc-grid .mvc-grid-table-striped tr:nth-child(even) {
    background-color: rgba(24, 28, 33, 0.025);
}

.fs-inherit {
    font-size: inherit;
}

.ajax-loading {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0px;
    right: 0px;
    background: url('../Images/ajax-loader.gif') no-repeat center center;
    background-color: gainsboro;
    z-index: 9999;
    opacity: .4;
}

.loading-img-sm {
    background: url('../Images/ajax-loader.gif') no-repeat center center;
    background-size: contain;
    opacity: .4;
    width: 100%;
    height: 32px;
    margin: 10px 0;
}

.loading-img-md {
    background: url('../Images/ajax-loader.gif') no-repeat center center;
    background-size: contain;
    opacity: .4;
    width: 100%;
    height: 64px;
    margin: 10px 0;
}

.loading-txt-md {
    opacity: .4;
    text-align: center;
    font-size: 18px;
}

dd {
    min-height: 21px;
}

.carrier-card {
    min-width: 280px;
    margin-bottom: 10px;
}

.carrier-driver-number,
.carrier-dispatcher-number {
    background-color: #ddd;
    width: 34px;
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    margin-top: 30px;
    border: solid 1px #555;
    padding: 5px;
}

.helptip {
    font-size: 18px;
}

    .helptip.helptip-sm {
        font-size: 16px;
    }

.tooltip > .tooltip-inner {
    font-size: 14px;
    text-align: left;
    max-width: 350px !important;
    min-width: 300px;
    white-space: normal;
}

.btn-file {
    position: relative;
    overflow: hidden;
}

    .btn-file input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        filter: alpha(opacity=0);
        opacity: 0;
        outline: none;
        background: white;
        cursor: inherit;
        display: block;
    }

.file-select .form-control[readonly] {
    cursor: default;
    background-color: white;
}

.file-select .company-logo {
    margin-bottom: 10px;
}

.company-logo-border {
    border: 1px solid #333
}

.ac-container {
    top: initial;
    left: initial;
}

    .ac-container.dropdown-menu > a {
        overflow: hidden;
        text-overflow: ellipsis;
    }

#boxShadowForm {
    -webkit-box-shadow: 0px 3px 6px -2px #666666;
    -moz-box-shadow: 0px 3px 6px -2px #666666;
    box-shadow: 0px 3px 6px -2px #666666;
}

#accordion > .card {
    border-radius: .5rem !important;
    border: none !important;
}

#accordion > .card .card-header {
    padding: 0;
    background-color: #343c44;
}

    #accordion > .card.card-alert .card-header {
        background-color: #d9534f;
    }

    #accordion > .card .card-header a {
        padding: 1rem;
    }

        #accordion > .card .card-header a:after {
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            content: "\f068";
            float: right;
            font-size: 12px;
            border: 2px solid white;
            border-radius: 50%;
            padding: 6px;
            margin-top: -3px
        }

        #accordion > .card .card-header a.collapsed:after {
            content: "\f067";
        }

    #accordion > .card .collapse {
        border-left: 1px solid #343c44;
        border-right: 1px solid #343c44;
        border-bottom: 8px solid #343c44;
    }

    #accordion > .card.card-alert .collapse {
        border-left: 1px solid #d9534f;
        border-right: 1px solid #d9534f;
        border-bottom: 8px solid #d9534f;
    }

.collapsible-list a.collapsed:before {
    transform: translateY(-50%) rotate( -135deg );
}

.collapsible-list a:before {
    right: 2rem;
}

.collapsible-list a:before {
    transition-duration: 0.2s;
    transition-property: -webkit-transform, transform;
}

.collapsible-list a:before {
    content: "";
    display: inline-block;
    width: 0.42em;
    height: 0.42em;
    border: 1px solid;
    border-top: 0;
    border-right: 0;
    margin: 0 .3em;
    transform: translateY(-50%) rotate( -45deg );
}

.grabbable {
    cursor: grab;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D'5px'%20height%3D'24px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%205px%2024px'%3E%3Cpath%20fill%3D'%23516f90'%20d%3D'M0%200h2v2H0V0zm0%208h2v2H0V8zm0%208h2v2H0v-2zM0%204h2v2H0V4zm0%208h2v2H0v-2zm0%208h2v2H0v-2zM3%200h2v2H3V0zm0%208h2v2H3V8zm0%208h2v2H3v-2zM3%204h2v2H3V4zm0%208h2v2H3v-2zm0%208h2v2H3v-2z'%2F%3E%3C%2Fsvg%3E");
    background-position: 9px calc(50% + 1px);
    background-repeat: no-repeat;
}

.form-control-embedded-icon .form-control {
    padding-right: 40px;
}

.form-control-embedded-icon .form-control-icon {
    bottom: 1px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 1px;
    color: #aaa;
    font-size: 14px;
    line-height: 14px;
    margin-left: 14px;
    margin-right: 14px;
    margin-top: 12px;
    padding-right: .75rem;
}

.intellivite-ad {
}

    .intellivite-ad img {
        width: 220px;
        margin-top: 10px;
    }

.slogan {
    margin-bottom: 10px;
    text-align: center;
    font-style: italic;
    font-size: 18px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    line-height: 1.1;
}

.slogan-header {
    margin-top: -15px;
    text-align: center;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
}

.cursor-pointer {
    cursor: pointer;
}

ul.leaders {
    overflow-x: hidden;
}

    ul.leaders li:after {
        float: left;
        width: 0;
        white-space: nowrap;
        content:
            ". . . . . . . . . . . . . . . . . . . . "
            ". . . . . . . . . . . . . . . . . . . . "
            ". . . . . . . . . . . . . . . . . . . . "
            ". . . . . . . . . . . . . . . . . . . . "
            ". . . . . . . . . . . . . . . . . . . . "
            ". . . . . . . . . . . . . . . . . . . . "
            ". . . . . . . . . . . . . . . . . . . . "
            ". . . . . . . . . . . . . . . . . . . . "
    }

    ul.leaders span:first-child {
        padding-right: 0.33em;
        background: white
    }

    ul.leaders span + span {
        float: right;
        padding-left: 0.33em;
        background: white;
        position: relative;
        z-index: 1
    }

.modal {
    overflow-y: auto;
}

.modal-full-screen {
    padding-right: 0 !important;
}
    .modal-full-screen .modal-dialog {
        max-width: 98% !important;
    }

.typeahead-menu.scrollable .dropdown-menu {
    max-height: 350px;
    overflow-y: auto;
    width: 465px;
}

.typeahead-menu.scrollable.typeahead-menu-sm .dropdown-menu {
    width: 250px;
}

.typeahead-menu .dropdown-menu {
    padding: 0;
}

.typeahead-menu .dropdown-item.tt-selectable {
    cursor: pointer;
}

.typeahead-menu .typeahead-header,
.typeahead-menu .typeahead-footer {
    background-color: rgba(24, 28, 33, 0.1);
}

.typeahead-menu .typeahead-header {
    border-bottom: 1px darkslategray solid !important;
}

.typeahead-menu .typeahead-footer {
    border-top: 1px darkslategray solid !important;
}

.ui-announcement-icon {
    width: 1.25rem;
    height: 1.25rem;
    border: 0;
    font-size: 0.75rem;
    line-height: 1.25rem;
}

.border-w1 {
    border-width: 1px !important;
}

.border-w2 {
    border-width: 2px !important;
}

.border-w3 {
    border-width: 3px !important;
}

.border-w4 {
    border-width: 4px !important;
}

.border-w5 {
    border-width: 5px !important;
}

.border-w6 {
    border-width: 6px !important;
}

.border-w7 {
    border-width: 7px !important;
}

.border-w8 {
    border-width: 8px !important;
}

@media (max-width:767px) {
    .checkbox-inline {
        display: block !important;
    }

        .checkbox-inline + .checkbox-inline {
            margin-left: 0px;
        }
}

@media (max-width: 1200px) {
    .slogan {
        margin-top: 0;
    }

    .slogan-header {
        margin-top: 0;
        margin-bottom: 5px;
    }
}

@media (max-width: 767px) {
    .mcp-logo-header {
        height: 100px;
        margin-bottom: 0;
    }

        .mcp-logo-header img {
            height: 75px;
        }

        .mcp-logo-header .title {
            font-size: 2rem;
        }

        .mcp-logo-header .subtitle {
            font-size: 14px;
            margin: -7px 0px 0px 15px;
        }
}

@media (max-width: 320px) {
    .mcp-logo-header {
        height: 86px;
        margin-bottom: 0;
    }

        .mcp-logo-header img {
            height: 66px;
        }

        .mcp-logo-header .title {
            font-size: 1.5rem;
        }

    h3.mcp-slogan {
        font-size: 1.2rem;
    }
}

@media (min-width: 768px) {
    .bg-white-opacity-lg-90 {
        background-color: rgba(255, 255, 255, .9);
    }
}

/* ============================================================ */
/* HERO                                                         */
/* ============================================================ */

.hero {
    position: relative;
}

    .hero .hero-bg {
        background-image: url("../Images/hero-mobile.jpg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 300px;
        position: absolute;
        left: 0;
        right: 0;
    }

    .hero .hero-overlay {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: rgb(89, 80, 76);
        opacity: .25;
        height: 300px;
    }

    .hero .hero-carousel {
        height: 300px !important;
    }

        .hero .hero-carousel .intellivite-logo {
            background-color: rgba(255,255,255,.3);
            border-radius: 5px;
        }

            .hero .hero-carousel .intellivite-logo img {
                max-width: 350px;
            }

        .hero .hero-carousel .carousel-indicators li {
            max-width: 15px;
            height: 15px;
            max-height: 15px;
            margin: 3px;
            background-color: rgba(0, 0, 0, 0.5);
            border: 2px solid #fff;
            border-radius: 50%;
            opacity: .9;
            transition: all .3s;
        }

        .hero .hero-carousel .carousel-indicators .active {
            background: #fff;
        }

        .hero .hero-carousel .carousel-control {
            top: 50%;
            width: 50px;
            height: 50px;
            margin-top: -1.5rem;
            font-size: 35px;
            background-color: rgba(0, 0, 0, 0.5);
            border: 2px solid #fff;
            border-radius: 50%;
            transition: opacity 0.2s ease;
        }

            .hero .hero-carousel .carousel-control.carousel-control-prev {
                left: 0;
                /*margin-left: 2.5rem;*/
            }

            .hero .hero-carousel .carousel-control.carousel-control-next {
                right: 0;
                /*margin-right: 2.5rem;*/
            }

            .hero .hero-carousel .carousel-control:hover {
                background: #1b1b1b;
                color: #fff;
                opacity: 1;
            }

@media (max-width: 991px) {
    .hero .hero-carousel .intellivite-logo img {
        max-width: 230px;
    }

    .hero .hero-carousel .display-1 {
        font-size: 3rem;
    }

    .hero .hero-carousel .display-3 {
        font-size: 2rem;
    }

    .hero .hero-carousel .display-4 {
        font-size: 1.5rem;
    }
}

@media (max-width: 767px) {
    .hero .hero-carousel .intellivite-logo img {
        max-width: 230px;
    }

    .hero .hero-carousel .display-1 {
        font-size: 2rem;
    }

    .hero .hero-carousel .display-3 {
        font-size: 1.5rem;
    }

    .hero .hero-carousel .display-4 {
        font-size: 1rem;
    }

    .hero .hero-carousel .carousel-control {
        top: auto;
        bottom: 1rem;
        margin-bottom: 0;
    }
}

@media (max-width: 543px) {
    .hero .hero-carousel .carousel-item-content {
        margin: 0 0 !important;
    }

    .hero .hero-carousel .carousel-control {
        width: 35px;
        height: 35px;
    }

    .hero .hero-carousel .carousel-indicators {
        display: none;
    }

    .hero .hero-carousel .display-1 {
        font-size: 1.5rem;
    }

    .hero .hero-carousel .display-3 {
        font-size: 1rem;
    }

    .hero .hero-carousel .display-4 {
        font-size: 1rem;
    }
}

@media (max-width: 320px) {
    .hero .hero-carousel .intellivite-logo img {
        max-width: 180px;
    }
}

@media (min-width: 768px) {
    .hero .hero-bg {
        background-image: url("../Images/hero-tablet.jpg");
        background-position: center;
        height: 400px;
    }

    .hero .hero-overlay {
        height: 400px;
    }

    .hero .hero-carousel {
        height: 400px !important;
    }
}

@media (min-width: 992px) {
    .hero .hero-bg {
        background-image: url("../Images/hero-desktop.jpg");
        background-position: bottom;
        height: 100%;
    }

    .hero .hero-overlay {
        height: 100%;
    }

    .hero .hero-carousel .carousel-item-content {
        margin: 0 10% !important;
    }

    .hero .hero-carousel {
        height: 100% !important;
    }

        .hero .hero-carousel .display-1 {
            font-size: 3rem;
        }

        .hero .hero-carousel .display-3 {
            font-size: 2rem;
        }
}

/* ============================================================ */
/* CARRIER QUESTIONS                                            */
/* ============================================================ */

.carrier-questions .preferred-lanes .preferred-lane-option,
.carrier-questions .regions .region-option,
.carrier-questions .states-container,
.carrier-questions .provinces-container {
    background-color: #fff;
    border-top: solid 1px #999;
    border-right: solid 1px #999;
    border-left: 5px #4c84ff solid;
    padding: 17px 0 2px 15px;
    -webkit-box-shadow: 0px 3px 6px 0px #666666;
    -moz-box-shadow: 0px 3px 6px 0px #666666;
    box-shadow: 0px 3px 6px 0px #666666;
}

    .carrier-questions .preferred-lanes .preferred-lane-option.row,
    .carrier-questions .regions .region-option.row,
    .carrier-questions .regions .states-container.row,
    .carrier-questions .provinces-container.row {
        margin-left: 0;
        margin-right: 0;
    }

    .carrier-questions .preferred-lanes .preferred-lane-option .form-control,
    .carrier-questions .regions .region-option .form-control,
    .carrier-questions .states-container .form-control,
    .carrier-questions .provinces-container .form-control {
        width: auto;
    }

.carrier-questions .regions,
.carrier-questions .states-container,
.carrier-questions .provinces-container {
    margin-left: 20px;
    display: none;
    -webkit-transition-property: visibility;
    -o-transition-property: visibility;
    transition-property: visibility;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
}

/* ============================================================ */
/* Testimonials                                                 */
/* ============================================================ */

.testimonial img {
    max-width: 300px;
    max-height: 200px;
}

@media (max-width: 400px) {
    .testimonial img {
        max-width: 100%;
        max-height: 100%;
    }
}

.video-wrapper {
    position: relative;
    cursor: pointer;
}

.video-popover {
    position: absolute;
    width: 100%;
    height: 100%;
}

    .video-popover:hover {
        background-color: rgba(255,255,255,.4);
    }

.video-play-btn {
    position: absolute;
    width: 70px;
    height: 70px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(255,255,255,.4);
    border-radius: 50px;
    border: 1px solid #fff;
    transition: all .2s ease;
    pointer-events: none;
}

.video-popover:hover .video-play-btn {
    background-color: rgba(84, 187, 255, 0.8);
    border: none;
}

.video-poster {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12) !important;
}

.video-play-btn-arrow {
    fill: rgb(255, 255, 255);
    height: 100%;
    left: 0px;
    stroke-width: 0px;
    top: 0px;
    width: 100%;
}

/* ============================================================ */
/* Testimonials Carousel                                        */
/* ============================================================ */

#testimonials ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#testimonials li {
    display: none;
}

#testimonials .blockquote {
    text-align: center;
}

    #testimonials .blockquote p {
        font-size: 24px;
        font-weight: normal;
        font-style: italic;
        color: #353535;
        line-height: 30px;
        margin-bottom: 10px;
    }

        #testimonials .blockquote p.sm-text {
            font-size: 20px;
            line-height: 26px;
        }

        #testimonials .blockquote p:before {
            content: '\201C';
        }

        #testimonials .blockquote p:after {
            content: '\201D';
        }

    #testimonials .blockquote cite {
        text-align: center;
        font-size: 14px;
        color: #898989;
    }

@media (max-width: 767px) {
    #testimonials .blockquote {
        min-height: 340px;
    }

        #testimonials .blockquote p {
            font-size: 20px;
            line-height: 26px;
        }
}

@media (min-width: 768px) {
    #testimonials .blockquote {
        min-height: 180px;
    }
}

@media (min-width: 992px) {
    #testimonials .blockquote {
        min-height: 150px;
    }
}

/* ============================================================ */
/* CENTER LINE WITH TEXT                                        */
/* ============================================================ */

@media only screen and (min-width: 993px) {
    .center-line {
        content: "";
        left: 50%;
        border-left: 1px solid #6e6e6e;
        height: 110px;
    }

    .center-line-text {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

@media screen and (max-width: 992px) {
    .center-line-holder {
        padding-top: 20px;
        padding-bottom: 20px;
    }

        .center-line-holder .row {
            margin-left: 0px;
            margin-right: 0px;
        }

    .center-line {
        border-top: 1px solid #6e6e6e;
        margin-top: 10px;
    }
}

.center-line-text {
    text-align: center;
    font-family: Arial;
    font-weight: bold;
    font-size: 16px;
}

/* ============================================================ */
/* SEND INVITATION                                              */
/* ============================================================ */

.invite-email-img {
    vertical-align: top;
}

    .invite-email-img.mcp {
        width: 38px;
        margin-right: 10px;
    }

    .invite-email-img.fmcsa {
        width: 38px;
        margin-right: 10px;
    }

.invite-email-no-img {
    width: 48px;
    display: inline-block;
}

.invite-email-info {
    display: inline-block;
}

.invite-email-desc {
    display: block;
    font-weight: bold;
}

.invite-email {
    display: block;
}

/* ============================================================ */
/* CARRIER RATING                                               */
/* ============================================================ */

.carrier-rating-box {
    display: inline-block;
    margin: 0 0 10px;
}

    .carrier-rating-box .rating {
        width: 95px;
        height: 14px;
        background: url(../Images/rating1.png) repeat-x;
        display: inline-block;
        margin-right: 6px;
    }

        .carrier-rating-box .rating div {
            height: 14px;
            background: url(../Images/rating2.png) repeat-x;
        }

.carrier-submit-rating li.label {
    margin: 0;
    font-size: 14px;
    padding: 0;
}

.carrier-submit-rating ul {
    vertical-align: middle;
}

.carrier-submit-rating li.first {
    color: #e4444c;
}

.carrier-submit-rating li.last {
    color: #4cb17c;
}

.carrier-submit-rating li {
    display: inline-block;
    margin: 0;
    cursor: default;
    vertical-align: middle;
    font-size: 14px;
}

    .carrier-submit-rating li.rating-options {
        padding-top: 2px;
    }

        .carrier-submit-rating li.rating-options input {
            vertical-align: baseline;
        }

.carrier-rating-edit .rating {
    height: 14px;
    padding: 0px;
    margin: 0px;
    display: inline-block;
}

    .carrier-rating-edit .rating li {
        list-style: none;
        float: left;
        width: 19px;
        height: 14px;
        padding: 0px;
        margin: 0px;
    }

        .carrier-rating-edit .rating li a {
            display: block;
            width: 19px;
            height: 14px;
            padding: 0px;
            margin: 0px;
            overflow: hidden;
            text-indent: -100px;
            background-image: url(../Images/rating1.png);
            background-repeat: no-repeat;
            text-decoration: none;
        }

            .carrier-rating-edit .rating li a:hover {
                background-color: transparent;
                text-decoration: none;
            }

        .carrier-rating-edit .rating li .hover {
            background-image: url(../Images/rating2.png);
        }

        .carrier-rating-edit .rating li .full {
            background-image: url(../Images/rating2.png);
        }

/* ============================================================ */
/* CARRIER TIN MATCHING                                         */
/* ============================================================ */

.carrier-tin-matching.card {
    border: 1px solid #e3e3e3;
    background-color: #f5f5f5;
}

    .carrier-tin-matching.card .table > thead > tr > th,
    .carrier-tin-matching.card .table > tbody > tr > th,
    .carrier-tin-matching.card .table > tfoot > tr > th,
    .carrier-tin-matching.card .table > thead > tr > td,
    .carrier-tin-matching.card .table > tbody > tr > td,
    .carrier-tin-matching.card .table > tfoot > tr > td {
        border: 1px solid #ddd;
    }

.carrier-tin-matching.issue.card {
    border: 1px solid red;
    background-color: rgba(255, 0, 0, .10);
    color: red;
}

    .carrier-tin-matching.issue.card .table > thead > tr > th,
    .carrier-tin-matching.issue.card .table > tbody > tr > th,
    .carrier-tin-matching.issue.card .table > tfoot > tr > th,
    .carrier-tin-matching.issue.card .table > thead > tr > td,
    .carrier-tin-matching.issue.card .table > tbody > tr > td,
    .carrier-tin-matching.issue.card .table > tfoot > tr > td {
        border: 1px solid red;
    }

    .carrier-tin-matching.issue.card p.message {
        font-size: large;
        margin-bottom: 0px;
        margin-top: 20px;
    }

.tin-matching-expand {
    cursor: pointer;
}

.tin-matching-invalid {
    color: red;
}

.tin-matching-status-valid {
    color: green;
    font-size: 18px;
}

.tin-matching-status-invalid {
    color: red;
    font-size: 18px;
}

.tin-matching-status-unknown {
    color: #ffdd00;
    font-size: 18px;
}

.font-icon {
    font-size: 18px;
}

.font-icon-lg {
    font-size: 22px;
}

/* ============================================================ */
/* STATUSES                                                     */
/* ============================================================ */

.status-valid {
    color: green;
}

.status-invalid {
    color: red;
}

.status-pending {
    color: #ffdd00;
}

.status-requeued {
    color: royalblue;
}

.status-incomplete {
    color: orange;
}

/* ============================================================ */
/* FREIGHTVALIDATE STATUSES                                     */
/* ============================================================ */
.fv-status-valid {
    color: rgb(57 181 75);
}

.fv-status-warning {
    color: rgb(255 107 0);
}

.fv-status-invalid {
    color: rgb(220 38 38);
}

.fv-status-review {
    color: rgb(255 107 0);
}

.fv-status-img {
    max-width: 30px;
}

/* ============================================================ */
/* SAFERWATCH                                                   */
/* ============================================================ */

.sw-ra {
    width: 48px;
    height: 20px;
    padding-left: 50px;
    padding-top: 2px;
}

.sw-ra-acceptable {
    background: url('../Images/SW-Green.png') no-repeat;
}

.sw-ra-moderate {
    background: url('../Images/SW-Yellow.png') no-repeat;
}

.sw-ra-unacceptable {
    background: url('../Images/SW-Red.png') no-repeat;
}

.sw-ra-notavailable {
    background: url('../Images/SW-Blank.png') no-repeat;
}

/* ============================================================ */
/* SOCIAL MEDIA                                                 */
/* ============================================================ */

.follow-us .social ul {
    margin: 15px 0 15px 0;
    padding: 0;
    font-size: 0;
}

.follow-us .social li {
    display: inline-block;
    margin: 0 5px 10px 5px;
}

.follow-us .social a {
    display: block;
    width: 32px;
    height: 32px;
    font-size: 0;
}

.follow-us .social .facebook a {
    background: url('../Images/facebook.png') no-repeat;
}

.follow-us .social .facebook2 a {
    background: url('../Images/facebook2.png') no-repeat;
    background-size: 32px 32px;
}

.follow-us .social .twitter a {
    background: url('../Images/twitter.png') no-repeat;
}

.follow-us .social .linkedin a {
    background: url('../Images/linkedin.png') no-repeat;
}

.follow-us .social .linkedin2 a {
    background: url('../Images/linkedin2.png') no-repeat;
    background-size: 32px 32px;
}

.follow-us .social .youtube a {
    background: url('../Images/youtube.png') no-repeat;
}

.follow-us .social .instagram a {
    background: url('../Images/instagram.png') no-repeat;
    background-size: 32px 32px;
}

.follow-us .social .phone a {
    background: url('../Images/phone.png') no-repeat;
    background-size: 32px 32px;
}

.follow-us .social .globe a {
    background: url('../Images/globe.png') no-repeat;
    background-size: 32px 32px;
}

/* ============================================================ */
/* Subscription FORM                                            */
/* ============================================================ */

.subscribe-section {
    overflow: hidden; /* clear the float */
    padding-bottom: 10px;
}

.subscribe-section-number {
    width: 34px;
    font-weight: bold;
    font-size: 20px;
    float: left;
}

.subscribe-section-title {
    font-size: 16px;
    margin-top: 6px;
}

.subscribe-section-input {
    margin-left: 34px;
}

.subscribe-pay-freq .table-responsive table {
    margin-bottom: 0;
}

.subscribe-pay-freq .table-responsive tbody tr {
    cursor: pointer;
}

    .subscribe-pay-freq .table-responsive tbody tr:last-child {
        border-bottom: 1px solid #dddddd;
    }

.subscribe-pay-freq .table-responsive .table thead tr th {
    padding-top: 15px;
    padding-bottom: 15px;
}

.subscribe-pay-freq .table-responsive .table tbody tr td {
    padding-top: 15px;
    padding-bottom: 10px;
}

.subscribe .credit-cards img {
    width: 45px;
    margin-right: 3px;
}

/* ============================================================ */
/* W9/W8 FORM                                                   */
/* ============================================================ */

.w9-section-number,
.w8-section-number {
    width: 34px;
    font-weight: bold;
    font-size: 20px;
    margin-top: -1px;
    float: left;
}

.w9-section-input,
.w8-section-input {
    margin-left: 34px;
}

/* ============================================================ */
/* FACTORING COMPANY                                            */
/* ============================================================ */

.fcOption {
    padding: 20px;
    border: 1px solid #999;
    border-radius: 5px;
}

/* ============================================================ */
/* PRINTABLE VERSION                                            */
/* ============================================================ */

@media print {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-11 {
        width: 91.66666666666666%;
    }

    .col-sm-10 {
        width: 83.33333333333334%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-8 {
        width: 66.66666666666666%;
    }

    .col-sm-7 {
        width: 58.333333333333336%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-5 {
        width: 41.66666666666667%;
    }

    .col-sm-4 {
        width: 33.33333333333333%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-2 {
        width: 16.666666666666664%;
    }

    .col-sm-1 {
        width: 8.333333333333332%;
    }

    a[href="/"]:after,
    a[href^="mailto:"]:after {
        content: "";
    }

    .page-header {
        padding-bottom: 0px;
    }

        .page-header h2 {
            margin-top: 10px;
            margin-bottom: 0px;
        }

    .carrier-packet-details h3 {
        border-bottom: solid 1px #000;
        padding-bottom: 8px;
    }
}

/* ============================================================ */
/* MCP Selection                                                */
/* ============================================================ */

.mcp-selection-wrapper input[type=radio]:checked + .mcp-selection__label {
    border: .125rem solid #4E5155;
}

.mcp-selection {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

    .mcp-selection + .mcp-selection {
        margin-top: .625rem;
    }

    .mcp-selection input[type=checkbox],
    .mcp-selection input[type=radio] {
        position: absolute;
        left: 0;
        top: 0;
        width: auto;
        opacity: 0;
    }

        .mcp-selection input[type=checkbox]:checked + label.mcp-selection__label,
        .mcp-selection input[type=radio]:checked + label.mcp-selection__label {
            padding: 1.5625rem 1.25rem;
            box-shadow: 0 2px 10px 1px rgba(0,0,0,.2);
            -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
            text-decoration: none;
        }

            .mcp-selection input[type=checkbox]:checked + label.mcp-selection__label.no-transform,
            .mcp-selection input[type=radio]:checked + label.mcp-selection__label.no-transform {
                padding: 1rem 1.3125rem;
                -webkit-transform: none;
                transform: none;
            }

            .mcp-selection input[type=checkbox]:checked + label.mcp-selection__label:after,
            .mcp-selection input[type=radio]:checked + label.mcp-selection__label:after {
                content: "";
                border-left: .25rem solid #02BC77;
                border-bottom: .25rem solid #02BC77;
                display: block;
                width: 1.125rem;
                height: .625rem;
                position: absolute;
                right: .9375rem;
                top: .625rem;
                -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
                z-index: 11;
            }

    .mcp-selection label {
        cursor: pointer;
        padding: 1rem 1.3125rem;
        width: 100%;
        border-radius: .5rem;
        box-shadow: 0 1px 2px 0 rgba(0,0,0,.2), 0 -1px 0 0 rgba(0,0,0,.05);
        transition: box-shadow .15s ease-in-out 0s,-webkit-transform .15s ease-in-out 0s;
        transition: box-shadow .15s ease-in-out 0s,transform .15s ease-in-out 0s;
        transition: box-shadow .15s ease-in-out 0s,transform .15s ease-in-out 0s,-webkit-transform .15s ease-in-out 0s;
        text-decoration: none;
    }

/* ============================================================ */
/* Large Checkboxes                                             */
/* ============================================================ */
.checkbox-lg .custom-control-label::before,
.checkbox-lg .custom-control-label::after {
    top: .8rem;
    width: 1.55rem;
    height: 1.55rem;
}

.checkbox-lg .custom-control-label {
    padding-top: 13px;
    padding-left: 6px;
    font-size: 1rem;
}

.checkbox-lg .field-validation-error {
    padding-left: 6px;
}

.checkbox-xl .custom-control-label::before,
.checkbox-xl .custom-control-label::after {
    top: 1.2rem;
    width: 1.85rem;
    height: 1.85rem;
}

.checkbox-xl .custom-control-label {
    padding-top: 23px;
    padding-left: 10px;
    font-size: 1rem;
}

.checkbox-xl .field-validation-error {
    padding-left: 10px;
}

/* ============================================================ */
/* Flags                                                        */
/* ============================================================ */
.united-states-flag-faded {
    background-image: linear-gradient( 160deg, transparent 10%, rgba(255,255,255,.9) 33%, rgba(255,255,255,1) 60%), url("../Images/Flag_of_the_United_States.png");
    background-repeat: no-repeat;
    width: 330px;
    height: 174px;
}

.canada-flag-faded {
    background-image: linear-gradient( 160deg, transparent 10%, rgba(255,255,255,.9) 33%, rgba(255,255,255,1) 60%), url("../Images/Flag_of_Canada.png");
    background-repeat: no-repeat;
    width: 330px;
    height: 174px;
}

@media (max-width: 575.98px) {
    .united-states-flag-faded {
        width: 264px;
        height: 139px;
    }

    .canada-flag-faded {
        width: 264px;
        height: 139px;
    }
}

/* ============================================================ */
/* Carrier Search                                               */
/* ============================================================ */
.search-criteria .criteria-label {
    font-weight: bolder;
    margin-right: 5px;
    white-space: nowrap;
}

    .search-criteria .criteria-label::after {
        content: ":"
    }

.search-criteria.criteria-label-text-wrap .criteria-label {
    white-space: initial;
}

.search-criteria .criteria-value {
    margin-right: 15px;
}

/* ============================================================ */
/* minicolor overrides                                          */
/* ============================================================ */
.default-style .minicolors-swatches .minicolors-swatch {
    margin-bottom: 2px;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
}

/* ============================================================ */
/* bootbox overrides                                            */
/* ============================================================ */
.form-check {
    display: block;
    min-height: 1.125rem;
    padding-left: 1.563rem;
    margin-bottom: 0.125rem;
}

    .form-check .form-check-input {
        float: left;
        margin-left: -1.5rem;
    }

.form-check-input {
    width: 1.125rem;
    height: 1.125rem;
    margin-top: 0.125rem;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0, 0, 0, 0.25);
    appearance: none;
    print-color-adjust: exact;
}

    .form-check-input[type="checkbox"] {
        border-radius: 0.25rem;
    }

    .form-check-input[type="radio"] {
        border-radius: 50%;
    }

    .form-check-input:active {
        filter: brightness(90%);
    }

    .form-check-input:focus {
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    }

    .form-check-input:checked {
        background-color: #0d6efd;
        border-color: #0d6efd;
    }

    .form-check-input[type="checkbox"]:checked {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
    }

    .form-check-input[type="radio"]:checked {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
    }

    .form-check-input[type="checkbox"]:indeterminate {
        background-color: #0d6efd;
        border-color: #0d6efd;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
    }

    .form-check-input:disabled {
        pointer-events: none;
        filter: none;
        opacity: 0.5;
    }

        .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
            cursor: default;
            opacity: 0.5;
        }

.form-check-inline {
    display: inline-block;
    margin-right: 1rem;
}

/* ============================================================ */
/* incident comments                                             */
/* ============================================================ */

.incident-comments {
    display: flex;
    flex-direction: column;
}

.incident-comment-left,
.incident-comment-right {
    display: flex;
    flex-shrink: 0;
}

.incident-comment-left {
    /*margin-right: auto;*/
    margin-right: auto;
}

.incident-comment-right {
    flex-direction: row-reverse;
    /*margin-left: auto;*/
    margin-left: auto;
}