/* Minification failed. Returning unminified contents.
(622,38): run-time error CSS1046: Expect comma, found '0'
(622,42): run-time error CSS1046: Expect comma, found '/'
(626,38): run-time error CSS1046: Expect comma, found '0'
(626,42): run-time error CSS1046: Expect comma, found '/'
 */
/*
#region General
*/
/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 50px;
    padding-bottom: 20px;
}
/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}
/* Set widths on the form inputs since otherwise they're 100% wide */

html, body, form {
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 14px;
}

.body-content {
    min-height: 100%;
}

.container {
    width: 100%;
}

@charset "UTF-8";

@font-face {
    font-family: "socicon";
    src: url("../fonts/socicon.ttf");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TT Commons';
    src: url("../fonts/TT Commons Regular.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Aileron-Ultra-Light';
    src: local('☺'), url('../../fonts/aileron-ultralight-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/aileron-ultralight-webfont.woff') format('woff'), url('../../fonts/aileron-ultralight-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Aileron-Light';
    src: url('../../fonts/aileron-light-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/aileron-light-webfont.woff') format('woff'), url('../../fonts/aileron-light-webfont.ttf') format('truetype');
}

/*For mobile reduce the size of buttons and textboxes*/
/* Responsive: Portrait tablets and up */
@media screen and (max-width: 767px) {
    body {
        font-size: 10px !important;
    }

    .btn {
        font-size: 10px !important;
    }

    .btn-sm {
    }

    .form-control {
        font-size: 10px !important;
        height: 30px !important;
    }

    .input-group-addon {
        padding: 3px 6px !important;
        font-size: 10px !important;
    }

    .toggle.btn {
        min-height: 30px !important
    }

    .panel-title {
        font-size: 12px !important;
    }

    .form-group-sm .form-control {
        font-size: 10px !important;
    }

    .accordion .number {
        width: 30px !important;
        height: 30px !important;
        line-height: 30px !important;
    }

    #RatesTableArea .tab-pane.active {
        overflow-x: scroll !important;
    }

    #RatesTableArea .table {
        min-width: 450px !important;
    }

    #pnlAllPackages .spanPackagesSkidsTitle {
        font-size: 10px !important;
    }
    /*onhold page*/
    #mainHeader.onhold-page .form-group, #mainHeader.onhold-page .input-group {
        margin: 5px 0px 5px 0px !important;
    }

    #OptionsFilterArea .form-group, #OptionsFilterArea .input-group {
        margin: 5px 0px 5px 0px !important;
    }

    #divSearchFilters .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }

    .body-content {
        padding: 0;
    }

    .navbar-fixed-top-xs {
        margin-right: 15px;
        position: fixed;
        right: 0;
        left: 0;
        border-width: 0 0 1px;
        border-radius: 0;
        top: 0;
        z-index: 1030;
    }

    footer .container {
        width: 750px !important;
    }

    .pickup-dialog {
        width: 100% !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    footer .container {
        width: 970px !important;
    }

    .pickup-dialog {
        width: 900px !important;
    }
}

@media (min-width: 1200px) {
    footer .container {
        width: 1170px !important;
    }

    .pickup-dialog {
        width: 1100px !important;
    }

    .modal-lg {
        width: 1100px !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .pickup-dialog {
        width: 700px !important;
    }
}

@media (min-width: 1400px) {
    .pickup-dialog {
        width: 1300px !important;
    }

    .modal-lg {
        width: 1300px !important;
    }
}
/*@media (max-width: 1400px) {
    .pickup-dialog {
        width: 1380px;
    }
}*/
/*
.pickup-dialog {
    width: 1380px;
}*/

.col-equal {
    display: flex;
    flex-wrap: wrap;
}

    .col-equal > div[class*='col-'] {
        display: flex;
        flex-direction: column;
    }

.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}

.bs-callout-info {
    border-left-color: #1b809e;
}

.type--fine-print {
    font-size: 0.85em;
}

.list-inline li {
    padding: 0;
    padding: 0 1em;
    margin-left: 0;
}

    .list-inline li:first-child {
        padding-left: 0;
        padding-right: 0;
    }

.list-inline {
    margin-left: 0;
    display: inline-block;
}


    .list-inline li:not(:last-child) {
        margin-right: 1.85714286em;
    }

    .list-inline:not(:last-child) {
        margin-right: 1.85714286em;
    }

footer .container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

/*#endregion GENERAL*/

#logo {
    padding-left: 0px !important;
    background-color: #fff;
}

#menu {
    padding-right: 0px !important;
    background-color: #fff;
}

    #menu .navbar-default {
        background-color: #fff;
        border-color: transparent;
        font-size: 16px;
        margin-bottom: 0px;
    }

    #menu .dropdown-menu > .active > a,
    #menu .dropdown-menu > .active > a:hover,
    #menu .dropdown-menu > .active > a:focus {
        background-color: #325477;
        color: #fff;
        outline: 0 none;
        text-decoration: none;
    }

    #menu .navbar-default .navbar-nav > li > a {
        color: #333;
        font-weight: normal;
        text-transform: uppercase;
    }

    #menu .navbar-default .navbar-nav > .active > a,
    #menu .navbar-default .navbar-nav > .active > a:hover,
    #menu .navbar-default .navbar-nav > .active > a:focus {
        background-color: #325477;
        color: #fff;
    }

    #menu .navbar-default .navbar-nav > li > a:hover,
    #menu .navbar-default .navbar-nav > li > a:focus,
    #menu .navbar-default .navbar-nav > .open > a:focus,
    #menu .navbar-default .navbar-nav > .open > a:hover,
    /* added this*/ .dropdown.open:focus {
        background-color: #325477;
        color: #fff;
    }

    #menu #liHelp {
        background-color: #5cb85c !important;
        color: #fff;
    }

        #menu #liHelp:hover {
            color: #fff !important;
            background-color: #325477 !important;
        }

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    background-color: #325477 !important;
}

    .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
        color: #fff !important;
    }

.nav-pills > li > a {
    color: #325477 !important;
}

.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
    color: #325477;
    background-color: #fff;
}

.pagination a {
    background-color: #325477;
}

.pagination .active a:hover,
.pagination .active a {
    background-color: #325477;
    border-color: #325477;
}

.pagination > li > a,
.pagination > li > span {
    background-color: #fff;
    color: #337ab7;
    border-color: #ddd;
}

    .pagination > li > a:hover,
    .pagination > li > span:hover,
    .pagination > li > a:focus,
    .pagination > li > span:focus {
        z-index: 2;
        color: #23527c;
        background-color: #eee;
        border-color: #ddd;
    }

.btn-primary {
    background-color: #325477 !important; /* added the important */
}

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active,
    .btn-primary.active,
    .open > .dropdown-toggle.btn-primary {
        background-color: #233d57;
    }


.btn-group .btn-default {
    background-color: #e6e6e6 !important;
    border-color: #ccc !important;
    color: #333;
}


.btn-group > .btn-primary:not(.dropdown-toggle),
.btn-group > .btn-default:not(.dropdown-toggle) {
    background-color: #e6e6e6 !important;
    border-color: #ccc !important;
    color: #333;
}

.btn-group > .btn-primary.active,
.btn-group > .btn-default.active {
    background-color: #325477 !important;
    color: #fff;
}

.btn-group > .btn-default:hover,
.btn-group > .btn-default:focus,
.btn-group > .btn-primary:hover,
.btn-group > .btn-primary:focus {
    background-color: #337ab7 !important;
    color: #fff;
}
/*tab-panel*/

.tab-pane.active {
    padding: 15px;
    border: 1px solid #ddd;
    border-top: 0;
    border-radius: 0 0 4px 4px;
}

.nav-tabs > li > a {
    background-color: #fff;
    color: #555;
    border-color: #ddd;
}

    .nav-tabs > li > a,
    .nav-tabs > li > a:hover,
    .nav-tabs > li > a:focus {
        border: 1px solid #ddd;
    }

        .nav-tabs > li > a.tab-active,
        .nav-tabs > li > a:hover.tab-active,
        .nav-tabs > li > a:focus.tab-active {
            background-color: #5cb85c;
            color: #fff;
        }

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    background-color: #eee;
}

    .nav-tabs > li.active > a.tab-active,
    .nav-tabs > li.active > a:hover.tab-active,
    .nav-tabs > li.active > a:focus.tab-active {
        background-color: #5cb85c;
        color: #fff;
    }

.accordion .collapsed .number {
    background: #ccc;
}

.accordion .number {
    display: inline-block;
    border-radius: 50%;
    color: #fff;
    background: #1ca512;
    width: 40px;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    margin-right: 10px;
    font-weight: bold;
}

.my-circle {
    background-color: #337ab7;
    border-color: #2a70ac;
    display: inline-block;
    min-width: 10px;
    padding: 15px 20px;
    font-size: 24px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 30px;
}

.disabled .my-circle {
    background-color: #eee;
    border-color: #d9d8d8;
}

.valid .my-circle {
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.wizard-line {
    /* position: absolute; */
    border-top: 5px solid #337ab7;
    margin-top: -68px;
    width: 100%;
    margin-right: 65%;
    z-index: -1;
}

.wizard-first .wizard-line {
    /* position: absolute; */
    border-top: 5px solid #337ab7;
    margin-top: -68px;
    width: 50%;
    margin-left: 50%;
    z-index: -1;
}

.wizard-last .wizard-line {
    /* position: absolute; */
    border-top: 5px solid #337ab7;
    margin-top: -68px;
    width: 50%;
    margin-right: 50%;
    z-index: -1;
}

#shipWizard div.valid .wizard-line {
    border-top: 5px solid #5cb85c;
}

#shipWizard div.disabled .wizard-line {
    border-top: 5px solid #eee;
}

#profileWizard div.valid .wizard-line {
    border-top: 5px solid #5cb85c;
}

#profileWizard div.disabled .wizard-line {
    border-top: 5px solid #eee;
}

.text-success {
    color: #5cb85c;
}

a.disabled {
    /* Make the disabled links grayish*/
    color: gray;
    /* And disable the pointer events */
    pointer-events: none;
}

#shipWizard a:link {
    text-decoration: none;
}

#shipWizard a:hover {
    text-decoration: none;
}

#shipWizard a:visited {
    text-decoration: none;
}

.input-validation-error {
    border: 4px solid #a94442 !important;
    background-color: #ffbdbd !important;
}
/*Grid*/

.k-grid tr:hover {
    background-color: #e6e6e6 !important;
}

.k-selected {
    background-color: #5cb85c;
}

    .k-selected:hover .k-selected:focus, .k-selected:active {
        background-color: #5cb85c !important;
    }

.k-grid tr.k-selected:hover td, .k-grid tr:hover .k-selected {
    background-color: #5cb85c !important;
}

.k-draghandle.k-selected:hover,
.k-ghost-splitbar-horizontal,
.k-ghost-splitbar-vertical,
.k-list > .k-state-highlight,
.k-list > .k-selected,
.k-marquee-color,
.k-panel > .k-selected,
.k-scheduler .k-scheduler-toolbar .k-selected,
.k-scheduler .k-today.k-selected,
.k-selected,
.k-selected:link,
.k-selected:visited {
    color: #fff !important;
    background-color: #5cb85c !important;
    border-color: #5cb85c !important;
}

.carrier-service-line.highlighted {
    background-color: #A0E69E !important;
    color: #333;
    font-weight: bold;
}

.return-carrier-service-line.return-highlighted {
    background-color: #A0E69E !important;
    color: #333;
    font-weight: bold;
}

/*End Grid*/
.panel, .tab-pane {
    margin-bottom: 10px !important;
    box-shadow: 0 .3rem 1.5rem rgb(0 0 0 / 15%) !important;
}

.k-grid, .thumbnail, .jumbotron {
    box-shadow: 0 .3rem 1.5rem rgb(0 0 0 / 15%) !important;
}

.overlay-on-div {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #333;
    opacity: .35;
    z-index: 3;
}

.overlay-on-div-dark {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: white;
    opacity: 1.65;
    z-index: 3;
}

.overlay-on-div .overlay-on-div-text {
    color: grey;
    font-size: 130px;
    height: 100%;
    font-weight: bolder;
    display: flex;
    justify-content: center;
    align-items: center;
}

.overlay-on-div-dark .overlay-on-div-dark-text {
    padding-left: 20px;
    font-size: 60px;
    height: 100%;
    font-weight: bolder;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*Utilities*/
.modal-dialog-full {
    max-width: 95vw !important; /* using !important to override Bootstrap's defaults */
}

/* Small (sm) ≥576px */
@media (min-width: 576px) {
    .w-sm-max-content {
        width: max-content !important;
    }
}

/* Medium (md) ≥768px */
@media (min-width: 768px) {
    .w-md-max-content {
        width: max-content !important;
    }
}

/* Large (lg) ≥992px */
@media (min-width: 992px) {
    .w-lg-max-content {
        width: max-content !important;
    }
}

/* Extra Large (xl) ≥1200px */
@media (min-width: 1200px) {
    .w-xl-max-content {
        width: max-content !important;
    }
}

/* Extra Extra Large (xxl) ≥1400px */
@media (min-width: 1400px) {
    .w-xxl-max-content {
        width: max-content !important;
    }
}

/* Extra small (xs) <576px */
@media (max-width: 575.98px) {
    .w-xs-max-content {
        width: max-content !important;
    }
}

.timepicker span.glyphicon,
.timepicker span.bi
{
    background: #C0C0C0;
}

/*BTN Toggle colors fix for Bootstrap5 migration*/ 
.toggle.btn {
    color: #333333;
    background-color: #e6e6e6;
    border-color: #cccccc;
}

.toggle-handle {
    color: #333333;
    background-color: #ffffff;
    border-color: #cccccc;
}
/*End of - BTN Toggle colors fix for Bootstrap5 migration*/

/*bootstrap-select css overwrite*/

.bootstrap-select .dropdown-menu li a {
    color: #333333 !important;
}
html, body {
    font-family: 'Poppins', sans-serif, sans-serif !important;
}

a {
    color: #e20001;
}

/* #region DEFAULT */
.panel-default > .panel-heading {
    color: #333333;
    background-color: #f5f5f5;
    border-color: #cccccc;
}

.btn-default {
    color: #333333;
    background-color: #f5f5f5;
    border-color: #cccccc;
}

    .btn-default:focus,
    .btn-default.focus {
		color: #333333;
		background-color: #d4d4d4;
		border-color: #8c8c8c;
    }

    .btn-default:hover {
		color: #333333;
		background-color: #d4d4d4;
		border-color: #8c8c8c;
    }

    .btn-default:active,
    .btn-default.active,
    .open > .dropdown-toggle.btn-default {
		color: #333333;
		background-color: #d4d4d4;
		border-color: #8c8c8c;
    }

        .btn-default:active:hover,
        .btn-default.active:hover,
        .open > .dropdown-toggle.btn-default:hover,
        .btn-default:active:focus,
        .btn-default.active:focus,
        .open > .dropdown-toggle.btn-default:focus,
        .btn-default:active.focus,
        .btn-default.active.focus,
        .open > .dropdown-toggle.btn-default.focus {
			color: #333333;
			background-color: #d4d4d4;
			border-color: #8c8c8c;	
        }

    .btn-default:active,
    .btn-default.active,
    .open > .dropdown-toggle.btn-default {
        background-image: none;
    }

    .btn-default.disabled,
    .btn-default[disabled],
    fieldset[disabled] .btn-default,
    .btn-default.disabled:hover,
    .btn-default[disabled]:hover,
    fieldset[disabled] .btn-default:hover,
    .btn-default.disabled:focus,
    .btn-default[disabled]:focus,
    fieldset[disabled] .btn-default:focus,
    .btn-default.disabled.focus,
    .btn-default[disabled].focus,
    fieldset[disabled] .btn-default.focus,
    .btn-default.disabled:active,
    .btn-default[disabled]:active,
    fieldset[disabled] .btn-default:active,
    .btn-default.disabled.active,
    .btn-default[disabled].active,
    fieldset[disabled] .btn-default.active {
        background-color: #fff;
        color: #ccc;
    }

    .btn-default .badge {
        color: #fff;
        background-color: #333;
    }
/*#endregion DEFAULT*/

/* #region SUCCESS */
.panel-success > .panel-heading {
    color: #ffffff;
    background-color: #e20001;
    border-color: #a00002;
}

.alert-success {
    color: #ffffff;
    background-color: #e20001;
    border-color: #a00002;
}

.btn-success {
    color: #ffffff;
    background-color: #e20001;
    border-color: #a00002;
}

    .btn-success:focus,
    .btn-success.focus {
		color: #e20001;
		background-color: #ffffff;
		border-color: #a00002;
    }

    .btn-success:hover {
		color: #e20001;
		background-color: #ffffff;
		border-color: #a00002;
    }

    .btn-success:active,
    .btn-success.active,
    .open > .dropdown-toggle.btn-success {
		color: #e20001;
		background-color: #ffffff;
		border-color: #a00002;
    }

        .btn-success:active:hover,
        .btn-success.active:hover,
        .open > .dropdown-toggle.btn-success:hover,
        .btn-success:active:focus,
        .btn-success.active:focus,
        .open > .dropdown-toggle.btn-success:focus,
        .btn-success:active.focus,
        .btn-success.active.focus,
        .open > .dropdown-toggle.btn-success.focus {
			color: #e20001;
			background-color: #ffffff;
			border-color: #a00002;
        }

    .btn-success:active,
    .btn-success.active,
    .open > .dropdown-toggle.btn-success {
        background-image: none;
    }

    .btn-success.disabled,
    .btn-success[disabled],
    fieldset[disabled] .btn-success,
    .btn-success.disabled:hover,
    .btn-success[disabled]:hover,
    fieldset[disabled] .btn-success:hover,
    .btn-success.disabled:focus,
    .btn-success[disabled]:focus,
    fieldset[disabled] .btn-success:focus,
    .btn-success.disabled.focus,
    .btn-success[disabled].focus,
    fieldset[disabled] .btn-success.focus,
    .btn-success.disabled:active,
    .btn-success[disabled]:active,
    fieldset[disabled] .btn-success:active,
    .btn-success.disabled.active,
    .btn-success[disabled].active,
    fieldset[disabled] .btn-success.active {
		background-color: #ffffff;
		color: #a00002;
    }

    .btn-success .badge {
		background-color: #ffffff;
		border-color: #a00002;
    }

    .btn-success .glyphicon {
        color: #ffffff;
    }
        .btn-success:hover .glyphicon {
        color: #e20001;
    }
/* #endregion SUCCESS */

/*#region 
            PRIMARY
        */
.panel-primary {
    border-color: #000000;
}

    .panel-primary > .panel-heading {
		color: #fef200;
		background-color: #000000;
		border-color: #000000;
    }

.btn-primary {
    color: #fef200;
    background-color: #000000;
    border-color: #000000;
}

    .btn-primary:focus,
    .btn-primary.focus {
		color: #000000;
		background-color: #fef200;
		border-color: #000000;
    }

    .btn-primary:hover {
		color: #000000;
		background-color: #fef200;
		border-color: #000000;
    }

    .btn-primary:active,
    .btn-primary.active,
    .open > .dropdown-toggle.btn-primary {
		color: #000000;
		background-color: #fef200;
		border-color: #000000;
    }

        .btn-primary:active:hover,
        .btn-primary.active:hover,
        .open > .dropdown-toggle.btn-primary:hover,
        .btn-primary:active:focus,
        .btn-primary.active:focus,
        .open > .dropdown-toggle.btn-primary:focus,
        .btn-primary:active.focus,
        .btn-primary.active.focus,
        .open > .dropdown-toggle.btn-primary.focus {
			color: #000000;
			background-color: #fef200;
			border-color: #000000;
        }

    .btn-primary.disabled,
    .btn-primary[disabled],
    fieldset[disabled] .btn-primary,
    .btn-primary.disabled:hover,
    .btn-primary[disabled]:hover,
    fieldset[disabled] .btn-primary:hover,
    .btn-primary.disabled:focus,
    .btn-primary[disabled]:focus,
    fieldset[disabled] .btn-primary:focus,
    .btn-primary.disabled.focus,
    .btn-primary[disabled].focus,
    fieldset[disabled] .btn-primary.focus,
    .btn-primary.disabled:active,
    .btn-primary[disabled]:active,
    fieldset[disabled] .btn-primary:active,
    .btn-primary.disabled.active,
    .btn-primary[disabled].active,
    fieldset[disabled] .btn-primary.active {
		background-color: #fef200;
		color: #000000;
    }

    .btn-primary .badge {
		color: #fef200;
		background-color: #000000;
    }
/*#endregion 
            PRIMARY
        */

/*#region
            INFO
        */
.panel-info > .panel-heading {
    color: #fef200;
    background-color: #000000;
    border-color: #000000;
}

.alert-info {
    color: #fef200;
    background-color: #000000;
    border-color: #000000;
}

.btn-info {
    color: #fef200;
    background-color: #000000;
    border-color: #000000;
}

    .btn-info:focus,
    .btn-info.focus {
		color: #000000;
		background-color: #fef200;
		border-color: #000000;
    }

    .btn-info:hover {
		color: #000000;
		background-color: #fef200;
		border-color: #000000;
    }

    .btn-info:active,
    .btn-info.active,
    .open > .dropdown-toggle.btn-info {
		color: #000000;
		background-color: #fef200;
		border-color: #000000;
    }

        .btn-info:active:hover,
        .btn-info.active:hover,
        .open > .dropdown-toggle.btn-info:hover,
        .btn-info:active:focus,
        .btn-info.active:focus,
        .open > .dropdown-toggle.btn-info:focus,
        .btn-info:active.focus,
        .btn-info.active.focus,
        .open > .dropdown-toggle.btn-info.focus {
			color: #000000;
			background-color: #fef200;
			border-color: #000000;
        }

    .btn-info:active,
    .btn-info.active,
    .open > .dropdown-toggle.btn-info {
        background-image: none;
    }

    .btn-info.disabled,
    .btn-info[disabled],
    fieldset[disabled] .btn-info,
    .btn-info.disabled:hover,
    .btn-info[disabled]:hover,
    fieldset[disabled] .btn-info:hover,
    .btn-info.disabled:focus,
    .btn-info[disabled]:focus,
    fieldset[disabled] .btn-info:focus,
    .btn-info.disabled.focus,
    .btn-info[disabled].focus,
    fieldset[disabled] .btn-info.focus,
    .btn-info.disabled:active,
    .btn-info[disabled]:active,
    fieldset[disabled] .btn-info:active,
    .btn-info.disabled.active,
    .btn-info[disabled].active,
    fieldset[disabled] .btn-info.active {
		background-color: #fef200;
		color: #000000;

    }

    .btn-info .badge {
		color: #fef200;
		background-color: #000000;
    }
/*#endregion
            INFO
        */

/*#region WARNING */
.panel-warning > .panel-heading {
		color: #ffffff;
		background-color: #f0ad4e;
		border-color: #eea236;

}

.alert-warning {
		color: #ffffff;
		background-color: #f0ad4e;
		border-color: #eea236;
}

.btn-warning {
		color: #ffffff;
		background-color: #f0ad4e;
		border-color: #eea236;
}

    .btn-warning:focus,
    .btn-warning.focus {
		color: #ffffff;
		background-color: #ec971f;
		border-color: #d58512;
    }

    .btn-warning:hover {
		color: #ffffff;
		background-color: #ec971f;
		border-color: #d58512;
    }

    .btn-warning:active,
    .btn-warning.active,
    .open > .dropdown-toggle.btn-warning {
		color: #ffffff;
		background-color: #ec971f;
		border-color: #d58512;
    }

    .btn-warning.disabled,
    .btn-warning[disabled],
    fieldset[disabled] .btn-warning,
    .btn-warning.disabled:hover,
    .btn-warning[disabled]:hover,
    fieldset[disabled] .btn-warning:hover,
    .btn-warning.disabled:focus,
    .btn-warning[disabled]:focus,
    fieldset[disabled] .btn-warning:focus,
    .btn-warning.disabled.focus,
    .btn-warning[disabled].focus,
    fieldset[disabled] .btn-warning.focus,
    .btn-warning.disabled:active,
    .btn-warning[disabled]:active,
    fieldset[disabled] .btn-warning:active,
    .btn-warning.disabled.active,
    .btn-warning[disabled].active,
    fieldset[disabled] .btn-warning.active {
		color: #ffffff;
		background-color: #ec971f;
		border-color: #d58512;
    }

    .btn-warning:active,
    .btn-warning.active,
    .open > .dropdown-toggle.btn-warning {
        background-image: none;
    }
/*#endregion WARNING */

/* #region DANGER*/
.panel-danger > .panel-heading {
		color: #ffffff;
		background-color: #d9534f;
		border-color: #d43f3a;
}

.alert-danger {
		color: #ffffff;
		background-color: #d9534f;
		border-color: #d43f3a;
}

.btn-danger {
		color: #ffffff;
		background-color: #d9534f;
		border-color: #d43f3a;
}

    .btn-danger:focus,
    .btn-danger.focus {
		color: #ffffff;
		background-color: #c9302c;
		border-color: #ac2925;
    }

    .btn-danger:hover {
		color: #ffffff;
		background-color: #c9302c;
		border-color: #ac2925;
    }

    .btn-danger:active,
    .btn-danger.active,
    .open > .dropdown-toggle.btn-danger {
		color: #ffffff;
		background-color: #c9302c;
		border-color: #ac2925;
    }

        .btn-danger:active:hover,
        .btn-danger.active:hover,
        .open > .dropdown-toggle.btn-danger:hover,
        .btn-danger:active:focus,
        .btn-danger.active:focus,
        .open > .dropdown-toggle.btn-danger:focus,
        .btn-danger:active.focus,
        .btn-danger.active.focus,
        .open > .dropdown-toggle.btn-danger.focus {
			color: #ffffff;
			background-color: #c9302c;
			border-color: #ac2925;
        }

    .btn-danger:active,
    .btn-danger.active,
    .open > .dropdown-toggle.btn-danger {
        background-image: none;
    }

    .btn-danger.disabled,
    .btn-danger[disabled],
    fieldset[disabled] .btn-danger,
    .btn-danger.disabled:hover,
    .btn-danger[disabled]:hover,
    fieldset[disabled] .btn-danger:hover,
    .btn-danger.disabled:focus,
    .btn-danger[disabled]:focus,
    fieldset[disabled] .btn-danger:focus,
    .btn-danger.disabled.focus,
    .btn-danger[disabled].focus,
    fieldset[disabled] .btn-danger.focus,
    .btn-danger.disabled:active,
    .btn-danger[disabled]:active,
    fieldset[disabled] .btn-danger:active,
    .btn-danger.disabled.active,
    .btn-danger[disabled].active,
    fieldset[disabled] .btn-danger.active {
		background-color: #c9302c;
		color: #ac2925;
    }

    .btn-danger .badge {
		color: #ffffff;
		background-color: #d9534f;
    }
/*#endregion DANGER*/

/*#region Forms */
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px; /*border radius or default 4*/
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

    .form-control:focus {
        border-color: #e20001; /*FocusShadow*/
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #E20001 !important;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #E20001 !important;
    }

.form-group-sm .form-control {
    border-radius: 0px; /*border radius or default 3px*/
}

.form-group-lg .form-control {
    border-radius: 0px; /*border radius or default 6px*/
}

.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
    border-radius: 0px; /*border radius or default 3px*/
}

.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
    border-radius: 0px; /*border radius or default 6px*/
}

.input-groupg > .form-control,
.input-group > .input-group-addon,
.input-group > .input-group-btn > .btn {
    border-radius: 0px; /*border radius or default 4px*/
}

/*#endregion Forms */

/*#region BUTTON GRUPS primary colors*/
.btn-group .btn-default,
.btn-group > .btn-primary:not(.dropdown-toggle),
.btn-group > .btn-default:not(.dropdown-toggle) {
    color: #fef200;
    background-color: #000000 !important;
    border-color: #000000 !important;
}

.btn-group > .btn-primary.active,
.btn-group > .btn-default.active {
    color: #000000 !important;
    background-color: #fef200 !important;
    border-color: #000000 !important;
}

.btn-group > .btn-default:hover,
.btn-group > .btn-default:focus,
.btn-group > .btn-primary:hover,
.btn-group > .btn-primary:focus {
    color: #000000 !important;
    background-color: #fef200 !important;
    border-color: #000000 !important;
}
/*#endregion BTN GRUPS*/

/*#region TABS */

.nav-tabs > li > a {
    background-color: #fef200;
    color: #000000;
    border-color: #000000;
}

    .nav-tabs > li > a:hover,
    .nav-tabs > li > a:focus {
        background-color: #000000;
        color: #fef200;
        border: 1px solid #dddddd;
    }

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
	background-color: #000000;
	color: #fef200;
	border: 1px solid #dddddd;
    cursor: default;
    border-bottom-color: transparent;
}

.nav-tabs > li > a.tab-active,
.nav-tabs > li > a:hover.tab-active,
.nav-tabs > li > a:focus.tab-active {
    background-color: #fef200;
    color: #000000;
    border-color: #dddddd;
}

.nav-tabs > li.active > a.tab-active,
.nav-tabs > li.active > a:hover.tab-active,
.nav-tabs > li.active > a:focus.tab-active {
	background-color: #e20001;
	color: #ffffff;
	border-color: #dddddd;
}
/*#endregion TABS*/

/*#region MENIU*/
#logo {
    padding-left: 0px !important;
    background-color: #fef200; 
}

#menu {
    padding-right: 0px !important;
    background-color: #fef200;
}

    #menu .navbar-default {
        background-color: #fef200; 
        border-color: transparent;
        font-size: 16px;
        margin-bottom: 0px;
    }

    #menu .dropdown-menu > .active > a,
    #menu .dropdown-menu > .active > a:hover,
    #menu .dropdown-menu > .active > a:focus {
        background-color: #fef200; 
        color: #000000;
        outline: 0 none;
        text-decoration: none;
    }

    #menu .dropdown-menu {
        background-color: #fef200;
        color: #000000;
    }

        #menu .dropdown-menu > li > a:hover,
        #menu .dropdown-menu > li > a:focus {
            background-color: #fef200;
			color: #e20001;
            text-decoration: none;
            }

    #menu .navbar-default .navbar-nav > li > a {
        background-color: #fef200;
        color: #000000;
        font-weight: normal;
        text-transform: uppercase;
    }

    #menu .navbar-default .navbar-nav > .active > a,
    #menu .navbar-default .navbar-nav > .active > a:hover,
    #menu .navbar-default .navbar-nav > .active > a:focus {
		background-color: #fef200;
		color: #e20001;
    }

    #menu .navbar-default .navbar-nav > li > a:hover,
    #menu .navbar-default .navbar-nav > li > a:focus,
    #menu .navbar-default .navbar-nav > .open > a:focus,
    #menu .navbar-default .navbar-nav > .open > a:hover {
		background-color: #fef200;
		color: #e20001;
    }

    #menu #liHelp {
        background-color: #e20001 !important; 
        color: #ffffff !important;
    }

        #menu #liHelp:hover {
            color: #fef200 !important; /*Primarybackgroundcolor*/
            background-color: #e20001 !important;
        }
/*#endregion*/

/*#region CUSTOM*/
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
	background-color: #000000 !important; 
	color: #fef200 !important;
}

.nav-pills > li > a {
    background-color: #fef200 !important; 
    color:#000000 !important;
}

.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
    color: #000;
    background-color: #fff;
}

.pagination a {
    background-color: #e20001;
    color: #ffffff;
}

.pagination .active a:hover,
.pagination .active a {
    background-color: #ffffff;
    color: #e20001;
    border-color: #e20001;
}

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

.accordion .collapsed .number {
    background: #ccc;
}

.accordion .number {
    display: inline-block;
    border-radius: 50%;
    color: #ffffff;
    background: #e20001;
    width: 40px;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    margin-right: 10px;
    font-weight: bold;
}

/*Grid*/

.k-grid tr:hover {
        background-color: #e20001 !important;
    }
.k-selected {
    background-color: #e20001;
	}

    .k-selected:hover .k-selected:focus, .k-selected:active {
        background-color: #e20001 !important; 
    }

.k-grid tr.k-selected:hover td, .k-grid tr:hover .k-selected {
    background-color: #e20001 !important; 
}

.k-draghandle.k-selected:hover,
.k-ghost-splitbar-horizontal,
.k-ghost-splitbar-vertical,
.k-list > .k-state-highlight,
.k-list > .k-selected,
.k-marquee-color,
.k-panel > .k-selected,
.k-scheduler .k-scheduler-toolbar .k-selected,
.k-scheduler .k-today.k-selected,
.k-selected,
.k-selected:link,
.k-selected:visited {
    color: #fff !important;
    background-color: #e20001 !important; 
    border-color: #a00002 !important;
}
.carrier-service-line.highlighted {
    background-color: #e20001 !important;
    color: #ffffff;
    font-weight: bold;
}
.return-carrier-service-line.return-highlighted {
    background-color: #e20001 !important;
    color: #ffffff;
    font-weight: bold;
}

/*End Grid*/

/*Cicle*/
.my-circle {
    background-color: #000000;
    border-color: #000000;
    display: inline-block;
    min-width: 10px;
    padding: 15px 20px;
    font-size: 24px;
    font-weight: bold;
    line-height: 1;
    color: #fef200;;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 30px;
}

.disabled .my-circle {
    background-color: #eee;
    border-color: #d9d8d8;
}

.valid .my-circle {
    background-color: #e20001;
    border-color: #a00002;
    color:#ffffff;
}

.wizard-line {
    /* position: absolute; */
    border-top: 5px solid #000000; 
    margin-top: -68px;
    width: 100%;
    margin-right: 65%;
    z-index: -1;
}

.wizard-first .wizard-line {
    /* position: absolute; */
    border-top: 5px solid #000000; 
    margin-top: -68px;
    width: 50%;
    margin-left: 50%;
    z-index: -1;
}

.wizard-last .wizard-line {
    /* position: absolute; */
    border-top: 5px solid #000000; 
    margin-top: -68px;
    width: 50%;
    margin-right: 50%;
    z-index: -1;
}

#shipWizard div.valid .wizard-line {
    border-top: 5px solid #e20001;
}

#shipWizard div.disabled .wizard-line {
    border-top: 5px solid #eee;
}

a.disabled {
    /* Make the disabled links grayish*/
    color: gray;
    /* And disable the pointer events */
    pointer-events: none;
}

#shipWizard a:link {
    text-decoration: none;
}

#shipWizard a:hover {
    text-decoration: none;
}

#shipWizard a:visited {
    text-decoration: none;
}

.overlay-on-div {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #333;
    opacity: .35;
    z-index:3;
}

    .overlay-on-div .overlay-on-div-text {
        color: grey;
        font-size: 130px;
        height: 100%;
        font-weight: bolder;
        display: flex;
        justify-content: center;
        align-items: center;
    }
/*#endregion*/