/* You can add global styles to this file, and also import other style files */


::-webkit-input-placeholder {
    color: #979797 !important;
}

:-ms-input-placeholder {
    color: #979797 !important;
}

::placeholder {
    color: #979797 !important;
}

.form-group .clr-input::placeholder {
    color: #979797 !important;
}

.form-group {
    width: 100%;
    float: left;
    position: relative;
    margin-bottom: 5px;
}

.filter-form .form-group .clr-form-control {
    display: block !important;
    width: 100%;
    margin: 0 !important;
}

    .filter-form .form-group .clr-form-control label {
        width: 100% !important;
        max-width: 100%;
        margin: 0 0 5px !important;
        padding: 0 !important;
        flex: 100% !important;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .filter-form .form-group .clr-form-control .clr-input {
        padding: 0;
        width: 100%;
        max-width: 100%;
        flex: 100% !important;
        height: 29px;
        min-height: 30px;
        margin: 0 !important;
        border: 0 !important;
        background: none !important;
    }

        .filter-form .form-group .clr-form-control .clr-input .clr-input-group {
            border: 0;
            outline: none;
            line-height: 26px;
            height: 26px;
            max-height: 26px;
            background: none;
        }

        .filter-form .form-group .clr-form-control .clr-input .clr-input-wrapper {
            padding: 0 10px !important;
            border: 1px solid #d3d3d3;
            border-radius: 2px;
            line-height: 28px;
            height: 30px;
            max-height: 30px;
            margin: 0;
        }

.action-button .btn {
    color: #052973;
}

.form-group .clr-form-control .clr-input button.clr-input-group-icon-action {
    box-shadow: none;
    outline: none;
}

.action-button {
    width: 100%;
    position: relative;
    text-align: right;
}

    .action-button .btn {
        outline: none;
        box-shadow: none;
    }

    .action-button .btn-group {
        margin: 0;
    }

.form-group .clr-form-control .clr-input .clr-input-wrapper .clr-input-group {
    width: 100%;
}

.form-group.autocomplete label.clr-control-label {
    width: 100% !important;
    max-width: 100%;
    margin: 0 0 5px !important;
    padding: 0 !important;
}

.form-group.autocomplete .ng-value-container {
    padding: 0;
    margin: 0;
    border: 0 !important;
}

.form-group.autocomplete .ng-select {
    padding: 0 !important;
    min-height: 28px;
    margin: 0;
}

    .form-group.autocomplete .ng-select .ng-select-container {
        padding: 0px 10px;
        line-height: 28px;
        min-height: 30px;
        border: 0;
        box-shadow: none;
        border: 1px solid #d3d3d3;
        border-radius: 2px;
    }

        .form-group.autocomplete .ng-select .ng-select-container:after {
            display: none;
        }

        .form-group.autocomplete .ng-select .ng-select-container .ng-value-container {
            padding: 0 !important;
        }

            .form-group.autocomplete .ng-select .ng-select-container .ng-value-container input[type="text"] {
                min-height: 26px;
                height: 26px;
                max-height: 26px;
            }

.filter-form .form-group .clr-control-container {
    width: 100% !important;
    max-width: 100%;
    margin: 0 0 5px !important;
    padding: 0 !important;
    flex: 100% !important;
}

.form-group.autocomplete .ng-select .ng-select-container .ng-value-container .ng-value {
    padding: 0px 5px;
    margin: 0 2px 2px 0;
    height: 20px;
    display: flex;
    align-items: center;
    background-color: #052973;
    border-radius: 2px;
    color: #fff;
}

    .form-group.autocomplete .ng-select .ng-select-container .ng-value-container .ng-value span {
        font-size: 12px;
        line-height: 15px;
    }

    .form-group.autocomplete .ng-select .ng-select-container .ng-value-container .ng-value .ng-value-icon.left {
        font-size: 16px;
        height: 14px;
    }

.form-group.autocomplete .ng-select .ng-select-container span.ng-clear-wrapper {
    height: 26px;
    min-height: 26px;
    border: 0;
    bottom: 0;
    line-height: 26px;
}

.form-group.autocomplete .ng-select .ng-select-container span.ng-arrow-wrapper {
    height: 28px;
    min-height: 28px;
    border: 0;
}

.form-group.autocomplete .ng-select .ng-dropdown-panel.ng-select-bottom {
    top: 32px;
    font-size: 14px;
}

.tracking-detail {
    width: 100%;
    float: left;
    position: relative;
    display: flex;
}

    .tracking-detail .form-group {
        margin-bottom: 20px;
        border: 1px solid #dedede;
        padding: 10px;
        border-radius: 10px;
        width: 100%;
        float: none;
        position: relative;
        display: inline-block;
        vertical-align: top;
        margin-right: 25px;
    }

        .tracking-detail .form-group .clr-control-label {
            min-width: 100%;
            float: left;
            color: #000;
            padding: 0px;
        }

            .tracking-detail .form-group .clr-control-label.label-data {
                color: #818181;
            }

.table-theme {
    width: 100%;
    display: inline-block;
    position: relative;
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}

    .table-theme th {
        border-right: 1px solid #ccc !important;
        font-size: 13px !important;
        background: #fafafa !important;
        text-align: left !important;
        padding: 8px 14px !important;
        color: #27272b !important;
        vertical-align: top !important;
    }

    .table-theme tbody tr td {
        border-right: 1px solid #ccc !important;
        border-top: 1px solid #ccc !important;
        vertical-align: middle !important;
        font-size: 13px !important;
        text-align: left;
        padding: 9px 14px !important;
    }

    .table-theme th:last-child,
    .table-theme td:last-child {
        border-right: 0 !important;
    }

    .table-theme td .branding {
        float: right;
    }

        .table-theme td .branding .nav-link {
            width: 20px;
            height: 20px;
            display: inline-block;
            vertical-align: top;
        }

            .table-theme td .branding .nav-link img {
                width: 100%;
            }

.form-group.autocomplete .ng-value-container .ng-placeholder {
    line-height: 30px;
    height: 34px;
    font-size: 15px;
}

.form-group.autocomplete .ng-select .ng-select-container .ng-input {
    top: 0;
    line-height: 24px;
    height: 24px;
}

.datagrid a:visited,
.datagrid a:link,
.clr-input-group .clr-input-group-icon-action {
    color: #052973 !important;
}

.btn-group .btn {
    border-color: #052973 !important;
    color: #052973 !important;
    outline: none !important;
    height: 30px;
    line-height: 28px;
}

    .btn-group .btn:active {
        box-shadow: 0 2px 0 0 #021e56 inset !important;
    }

    .btn-group .btn:hover {
        background-color: #d8e5ff !important;
        color: #052973 !important;
    }

.btn-primary .btn,
.btn.btn-primary {
    border-color: #052973 !important;
    background-color: #052973 !important;
    color: #fff !important;
    outline: none;
}

    .btn-primary .btn:active,
    .btn.btn-primary:active {
        box-shadow: 0 2px 0 0 #052973 inset !important;
    }

.card {
    margin-top: 0px !important;
}

.header-theme .branding {
    min-width: auto;
    width: 230px;
    padding: 0;
}

    .header-theme .branding a.nav-link img {
        width: auto;
        height: 100%;
    }


.theme-left-menu .sidenav {
    width: 100%;
    border: none;
}

    .theme-left-menu .sidenav .nav-group {
        margin: 0px;
    }

    .theme-left-menu .sidenav .collapsible label:after {
        float: right;
        position: absolute;
        right: 10px;
        top: 18px;
        -webkit-transform: inherit;
        transform: inherit;
    }

    .theme-left-menu .sidenav .nav-group label {
        display: inline-block;
        width: 100%;
        height: 36px !important;
        font-size: 14px;
        min-height: 36px !important;
        padding: 0px 15px 0px 10px !important;
        line-height: 36px;
        position: relative;
        margin: 0;
    }

    .theme-left-menu .sidenav .nav-group .nav-list .nav-link {
        padding: 0px !important;
        height: 36px !important;
        line-height: 36px !important;
        min-height: 36px !important;
        font-size: 12px;
    }

    .theme-left-menu .sidenav .nav-group .nav-list {
        padding: 0;
    }

        .theme-left-menu .sidenav .nav-group .nav-list li {
            font-size: 14px;
        }

.theme-left-menu .nav-link {
    height: 36px !important;
    line-height: 36px !important;
    font-size: 14px;
    padding: 0px 15px 0px 10px !important;
    min-height: 36px !important;
}

    .theme-left-menu .nav-link:hover {
        background-color: #fff !important;
    }

    .theme-left-menu .nav-link.active {
        background-color: #fff;
    }

        .theme-left-menu .nav-link.active .nav-icon,
        .theme-left-menu .nav-link:hover .nav-icon {
            fill: #052973 !important;
        }

.theme-left-menu .nav-icon {
    min-width: 30px !important;
    margin: 0px !important;
    text-align: center;
}


.datagrid-table .datagrid-column .datagrid-column-title {
    font-size: 13px;
    line-height: 18px;
    color: #27272b !important;
}

.datagrid-table .datagrid-cell {
    line-height: 18px !important;
    word-break: break-word;
}

.theme-table {
    width: 100%;
}

    .theme-table th {
        background: #eeece6 !important;
    }

    .theme-table .acccde-td {
        min-width: 120px !important;
    }

    .theme-table .accname-td {
        min-width: 170px !important;
    }

    .theme-table .trkno-td {
        min-width: 140px !important;
    }

    .theme-table .shipdate-td {
        min-width: 170px !important;
    }

    .theme-table .contact-td {
        min-width: 50px;
    }

    .theme-table .mobno-td {
        min-width: 50px;
    }

    .theme-table .email-td {
        min-width: 50px;
    }

    .theme-table .addrtype-td {
        min-width: 120px !important;
    }

    .theme-table .companyname-td {
        min-width: 140px !important;
    }

    .theme-table .address-td {
        min-width: 50px;
    }

    .theme-table .city-td {
        min-width: 50px;
    }

    .theme-table .stare-td {
        min-width: 50px;
    }

    .theme-table .postcde-td {
        min-width: 50px;
    }

    .theme-table .country-td {
        min-width: 50px;
    }

    .theme-table .courtycde-td {
        min-width: 140px !important;
    }

.form-horizontal-theme {
    width: 100%;
    position: relative;
    float: none;
    display: inline-block;
    vertical-align: top;
    padding: 0px !important;
}

.nodata-display {
    width: 100%;
    float: none;
    padding: 250px 0px 50px 0px;
    text-align: center;
    position: relative;
    color: #052973;
    font-size: 18px;
    display: inline-block;
    vertical-align: top;
    margin-top: 25px;
}

    .nodata-display:before {
        content: "";
        background-image: url(../Images/nodata-display.png);
        position: absolute;
        top: 30px;
        width: 200px;
        height: 200px;
        left: 50%;
        margin-left: -100px;
        background-size: 200px;
    }

.tracking-page {
    width: 100%;
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 10px 0px;
}

    .tracking-page .form-group.autocomplete {
        margin-bottom: 20px;
        padding: 10px;
        border-radius: 10px;
        width: 100%;
        float: none;
        position: relative;
        display: inline-block;
        vertical-align: top;
        max-width: 350px;
    }

    .tracking-page .tracking-page-left {
        width: 100%;
        float: left;
        display: flex;
        margin-bottom: 0px;
    }

    .tracking-page .tracking-page-right {
        width: 100%;
        position: relative;
        display: inline-block;
        vertical-align: top;
    }

.table-title {
    position: relative;
    vertical-align: top;
    padding: 0.4rem 0;
    padding-left: 12px;
    font-size: 14px !important;
    font-weight: 600 !important;
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 15px !important;
}

    .table-responsive .table-theme {
        margin-bottom: 0px !important;
    }

.datagrid-group {
    width: 100%;
    position: relative;
    display: inline-block;
    vertical-align: top;
}

    .datagrid-group .datagrid {
        width: 100%;
        position: relative;
        display: inline-block;
        vertical-align: top;
        margin: 0px !important;
    }

.form-theme {
    width: 100%;
    float: none;
    position: relative;
    margin: 0 0 10px;
    display: inline-block;
}

.form-group .clr-input-wrapper {
    width: 100%;
    line-height: 28px;
    height: 28px;
    max-height: 28px;
}

.form-group .clr-radio-wrapper,
.clr-control-container {
    width: 100%;
}

.form-group .clr-input-wrapper .clr-input {
    width: 100%;
    border: 1px solid #d3d3d3;
    border-radius: 2px;
    line-height: 26px;
    height: 28px;
    max-height: 28px;
    background-color: #fafafa;
}

.form-group .clr-form-control {
    margin: 0 !important;
    width: 100%;
    align-items: center;
}

    .form-group .clr-form-control label {
        padding: 0;
        margin: 0;
        text-align: left;
    }

.form-group .clr-control-container .clr-radio-wrapper label {
    padding-left: 0.916667rem;
}

.form-group .select-custum {
    position: relative;
}

    .form-group .select-custum select {
        border: 1px solid #d3d3d3;
        border-radius: 2px;
        line-height: 26px;
        height: 28px;
        max-height: 28px;
        margin-right: 5px;
        color: #000;
        width: 100%;
        outline: none;
    }

.form-group.textarea-group .clr-form-control .clr-input-wrapper {
    max-height: initial;
    height: auto;
    line-height: 22px;
}

.form-group .clr-input-wrapper textarea {
    width: 100%;
    float: left;
    border: 1px solid #d3d3d3;
    border-radius: 2px;
    min-height: 50px;
}

.form-group.date-input .clr-input-wrapper .clr-input-group {
    width: 100%;
    padding: 0;
    max-width: 100%;
}

    .form-group.date-input .clr-input-wrapper .clr-input-group button.clr-input-group-icon-action {
        position: absolute;
        right: 0;
        outline: none;
        box-shadow: none;
    }

.error {
    margin: 3px 0 0 0 !important;
    border: 0 !important;
    background-color: transparent !important;
    color: #c72100 !important;
    font-size: 12px !important;
    line-height: 0.5rem !important;
}

.upload-image {
    width: 100%;
    float: left;
    position: relative;
    text-align: center;
    margin-bottom: 40px;
}

.profile-image {
    width: 160px;
    float: none;
    height: 160px;
    position: relative;
    display: inline-block;
}

    .profile-image .upload-user-photo {
        width: 160px;
        float: left;
        height: 160px;
        overflow: hidden !important;
        border-radius: 50% !important;
        position: relative;
        top: 0px;
        border: 1px solid #d2d6f1;
    }

        .profile-image .upload-user-photo img {
            max-width: 100%;
            max-height: 100%;
            width: auto !important;
            height: auto !important;
            position: absolute;
            bottom: auto;
            top: 50%;
            left: 50%;
            -webkit-transform: translateY(-50%) translateX(-50%);
            -ms-transform: translateY(-50%) translateX(-50%);
            transform: translateY(-50%) translateX(-50%);
            text-align: center;
            -webkit-transition: all 0.7s ease-out;
            -moz-transition: all 0.7s ease-out;
            -o-transition: all 0.7s ease-out;
            transition: all 0.7s ease-out;
            padding: 10px !important;
            border-radius: 50%;
        }

    .profile-image .fileupload {
        position: absolute;
        top: 0px;
        left: 0px;
        height: 100%;
        padding: 0px;
        z-index: 1;
        width: 100%;
        float: left;
        text-align: center;
    }

        .profile-image .fileupload .btn-file {
            max-width: 40px !important;
            text-align: center;
            -webkit-transition: all 0.7s ease-out;
            -moz-transition: all 0.7s ease-out;
            -o-transition: all 0.7s ease-out;
            transition: all 0.7s ease-out;
            padding: 0px;
            height: 40px;
            background: #052973;
            line-height: 32px;
            color: #ffffff;
            border-radius: 50%;
            border: 4px solid #fff;
            float: none;
            text-align: center;
            margin: 0;
            display: inline-block;
            top: 136px;
        }

            .profile-image .fileupload .btn-file > input {
                position: absolute;
                top: 0;
                right: 0;
                margin: 0;
                opacity: 0;
                font-size: 22px;
                cursor: pointer;
                width: 100%;
            }

.clr-form {
    padding: 0 !important;
}

.accordion-theme {
    margin: 0 !important;
}

    .accordion-theme .clr-accordion-header .clr-accordion-header-button {
        padding: 0 !important;
        border: 0;
        position: relative;
        border-left: none;
        background-color: #052973;
        color: #fff;
    }

        .accordion-theme .clr-accordion-header:focus,
        .accordion-theme .clr-accordion-header .clr-accordion-header-button:focus {
            outline-color: #052973 !important;
        }

        .accordion-theme .clr-accordion-header .clr-accordion-header-button .clr-accordion-status {
            padding-top: 0.4rem;
            padding-bottom: 0.4rem;
            padding-left: 12px;
        }

    .accordion-theme .clr-accordion-panel-open .clr-accordion-header .clr-accordion-header-button .clr-accordion-angle {
    }

    .accordion-theme .clr-accordion-inner-content {
        padding: 5px 15px !important;
        overflow-y: auto;
    }

.filter-form .action-button .btn-group {
    margin-left: 0.5rem;
}

.clr-dropdown-menu.dropdown-menu a {
    outline: none;
    box-shadow: none;
}

    .clr-dropdown-menu.dropdown-menu a:focus {
        outline: none;
        box-shadow: none;
    }

.login-wrapper .login {
    padding: 20px !important;
}

    .login-wrapper .login label {
        padding-left: 0;
    }

    .login-wrapper .login .clr-checkbox-wrapper label {
        padding: 0 0 0 25px;
    }

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

.btn.add-plan {
    margin: 0 !important;
}

.datagrid-fixed-column {
    display: none !important;
}

.switch-btn {
    margin: 0 !important;
}

.mt-b {
    margin: 30px 0 10px;
}

.btn-mb {
    margin: 0;
}

.measurement-label {
    margin-bottom: 10px;
}

.form-group .clr-input-wrapper.measurement {
    position: relative;
}

    .form-group .clr-input-wrapper.measurement span.cm {
        position: absolute;
        right: 18px;
        height: 32px;
        line-height: 32px;
        top: 0;
    }

    .form-group .clr-input-wrapper.measurement input {
        padding-right: 25px;
    }

.tracking-number-detail {
    width: 100%;
    position: relative;
    float: left;
}

    .tracking-number-detail .top-header {
        width: 100%;
        float: left;
        position: relative;
    }

        .tracking-number-detail .top-header .title {
            float: left;
            margin: 0 !important;
        }

    .tracking-number-detail .top-header {
        padding-bottom: 5px;
    }

.tab-theme {
    width: 100%;
    position: relative;
    float: left;
}

    .tab-theme ul.nav {
        height: 46px;
    }

        .tab-theme ul.nav li.nav-item {
            height: 46px;
            margin-right: 1px;
            margin-bottom: -2px;
            z-index: 1;
        }

            .tab-theme ul.nav li.nav-item .nav-link {
                padding: 0px 30px;
                font-size: 15px;
                font-weight: 500;
                color: #052973;
                outline: none;
                line-height: 46px;
                height: 46px;
                background-color: #fafafa;
                border-radius: 2px 2px 0 0;
                border: 1px solid #ccc;
            }

                .tab-theme ul.nav li.nav-item .nav-link.active {
                    box-shadow: none;
                    border: 1px solid #ccc;
                    border-radius: 2px 2px 0 0;
                    color: #454545;
                    height: 46px;
                    background-color: #fff;
                    border-bottom: 1px solid #fff;
                    margin-bottom: 0px;
                }

                .tab-theme ul.nav li.nav-item .nav-link:hover {
                    box-shadow: none;
                }

    .tab-theme .tab-content {
        width: 100%;
        position: relative;
        float: left;
    }

.form-data {
    width: 100%;
    position: relative;
    padding: 5px 10px;
    display: inline-block;
    border: 1px solid #ccc !important;
    border-radius: 2px;
}

    .form-data .form-group {
        margin-bottom: 5px;
    }

        .form-data .form-group .clr-control-label {
            line-height: 16px;
        }

            .form-data .form-group .clr-control-label.label-p0 {
                padding: 0;
            }

        .form-data .form-group .input-data {
            color: #454545;
            background-color: #fafafa;
            padding: 0 5px;
            border: 1px solid #d3d3d3;
            border-radius: 2px;
            height: 28px;
            line-height: 26px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            font-size: 13px;
        }

            .form-data .form-group .input-data.address-data {
                min-height: 60px;
                white-space: inherit;
                overflow: inherit;
                text-overflow: inherit;
                height: auto;
            }

.action {
    width: 100%;
    position: relative;
    text-align: right;
    float: left;
}

    .action a.link {
        font-size: 12px;
        font-weight: 500;
        text-decoration: none;
        color: #052973;
    }

        .action a.link cds-icon {
            margin-right: 2px;
        }

.tab-theme .form-data .coming-soon {
    font-size: 20px;
    text-align: center;
    min-height: 360px;
    line-height: 360px;
    font-weight: 600;
}

.tracking-number-detail .right-section {
    position: relative;
    float: right;
    padding-top: 46px;
}

.tracking-number-detail .top-action {
    width: auto;
    position: relative;
    float: right;
}

    .tracking-number-detail .top-action ul {
        position: relative;
        float: left;
    }

        .tracking-number-detail .top-action ul li {
            position: relative;
            display: inline-block;
            margin-right: 5px;
        }

            .tracking-number-detail .top-action ul li .btn {
                border-color: #052973 !important;
                color: #052973 !important;
                margin: 0;
                font-size: 10px !important;
                padding: 0 5px;
                outline: none;
            }

            .tracking-number-detail .top-action ul li .dropdown .dropdown-toggle.btn {
                padding: 0 25px 0 5px;
            }

            .tracking-number-detail .top-action ul li .btn .btn-icon {
                margin-right: 5px;
            }

    .tracking-number-detail .top-action .btn-group {
        float: right;
        margin: 0;
    }

.tracking-number-detail .tracking-table-theme {
    margin-top: 0 !important;
    display: inline-block;
    float: none;
}

    .tracking-number-detail .tracking-table-theme .clr-accordion-panel {
        margin: 0 0 10px;
    }

    .tracking-number-detail .tracking-table-theme .clr-accordion .clr-accordion-inner-content .datagrid {
        margin-top: 0;
    }

        .tracking-number-detail .tracking-table-theme .clr-accordion .clr-accordion-inner-content .datagrid .datagrid-table .datagrid-column {
        }

.tracking-table-theme .clr-accordion-header {
    border-bottom: 1px solid #ccc !important;
}

.tracking-table-theme .clr-accordion-content {
    border-bottom: 1px solid #ccc !important;
    border-top: 0 !important;
}

.tracking-number-detail .tracking-number-detail-filter {
    width: 100%;
    float: left;
    position: relative;
    margin-bottom: 10px;
}

.tracking-number-detail .right-section .form-data {
    min-height: 494px;
}

.error {
    float: left;
    width: 100% !important;
}

.terms-condition {
    width: 100%;
    float: left;
    position: relative;
}

    .terms-condition .terms-condition-title {
        width: 100%;
        float: left;
        position: relative;
        margin-bottom: 10px;
    }

        .terms-condition .terms-condition-title label {
            width: 100%;
            float: left;
            position: relative;
            color: #454545;
            font-size: 13px;
            font-weight: 600;
            line-height: 14px;
        }

    .terms-condition clr-checkbox-wrapper {
        width: 100%;
        float: left;
        position: relative;
    }

        .terms-condition clr-checkbox-wrapper label {
            font-size: 13px;
            color: #575757;
            margin-right: 0 !important;
        }

    .terms-condition .terms-condition-list {
        width: 100%;
        float: left;
        position: relative;
        padding: 0;
        margin: 10px 0;
        padding-left: 0.916667rem;
    }

        .terms-condition .terms-condition-list li {
            width: 100%;
            float: left;
            position: relative;
            font-size: 13px;
            color: #575757;
            list-style: none;
        }

.tracking-number-detail .tracking-table-theme .clr-accordion .clr-accordion-inner-content .panel-top-action {
    width: 100%;
    float: left;
    position: relative;
    text-align: right;
    margin-bottom: 10px;
}

.tracking-number-detail .tracking-table-theme .panel-top-action .icon {
    float: none;
    width: 26px;
    height: 26px;
    background-color: #eeece6 !important;
    margin: 0 5px;
    line-height: 26px;
    text-align: center;
    border-radius: 50%;
    color: #052973;
    display: inline-block;
}

.tracking-number-detail .tracking-table-theme .clr-accordion .clr-accordion-inner-content clr-datagrid {
    width: 100%;
    position: relative;
}

.address-book {
    width: 100%;
    position: relative;
}

    .address-book .form-data {
        padding: 0;
        border: 0 !important;
        float: none;
    }

.btn.btn-outline {
    border-color: #052973 !important;
    color: #052973 !important;
}

.customers-page .datagrid-table .datagrid-column,
.customers-page .datagrid-table .datagrid-cell {
    min-width: 260px;
}

    .customers-page .datagrid-table .datagrid-column:first-child,
    .customers-page .datagrid-table .datagrid-cell:first-child {
        min-width: 100px;
    }

    .customers-page .datagrid-table .datagrid-column:nth-child(4),
    .customers-page .datagrid-table .datagrid-cell:nth-child(4) {
        min-width: 150px;
    }

    .customers-page .datagrid-table .datagrid-column:nth-child(5),
    .customers-page .datagrid-table .datagrid-cell:nth-child(5) {
        min-width: 180px;
    }

    .customers-page .datagrid-table .datagrid-column:last-child,
    .customers-page .datagrid-table .datagrid-cell:last-child {
        min-width: 180px;
    }

.shipment-page .datagrid-table .datagrid-column,
.shipment-page .datagrid-table .datagrid-cell {
    min-width: 180px;
    cursor: pointer;
}


.fileupload {
    width: 100%;
    float: left;
    position: relative;
}

    .fileupload .drag-drop-box {
        width: 100%;
        border-radius: 24px;
        float: left;
        padding: 10px;
        border: 2px dashed #d3d2d2 !important;
        background: #fff;
        max-height: 100px;
        font-size: 14px !important;
        line-height: 76px !important;
        vertical-align: middle;
        position: relative;
        top: 0px;
        text-align: center;
    }

        .fileupload .drag-drop-box > input {
            position: absolute;
            top: 0;
            right: 0;
            margin: 0;
            opacity: 0;
            font-size: 23px;
            width: 100%;
            cursor: pointer;
            height: 100%;
        }

        .fileupload .drag-drop-box .fileupload-new {
            font-size: 16px;
            color: #052973;
        }

.dummy-file {
    float: left;
    width: 100%;
    position: relative;
    margin-top: 20px;
    font-size: 13px;
    color: #000000;
    line-height: 26px;
    font-weight: 600;
}

    .dummy-file .download-dummy-csv {
        color: #052973;
        text-decoration: none;
        cursor: pointer !important;
    }

p.description {
    font-size: 16px;
    width: 100%;
    float: left;
    position: relative;
    margin: 0;
    padding: 20px;
    color: #000;
}

app-admin-header {
    display: block;
    padding: 0 25px;
    background-color: #052973;
}

.header-theme {
    height: 80px;
    display: flex;
    flex-direction: row;
    align-items: center;
    background-color: transparent;
}

    .header-theme .header-actions > .dropdown .dropdown-toggle.nav-text {
        margin-left: 20px;
        outline: none;
        display: flex;
    }

header .header-actions > .dropdown > .dropdown-toggle:before {
    height: auto !important;
}

header .header-actions {
    padding-top: 10px;
}

.dropdown-menu .dropdown-item:focus {
    outline: none;
}

.page-main {
    display: block;
    background-color: #fff;
    padding: 12px 18px;
    border-radius: 16px;
    box-shadow: 0 0 10px rgba(4, 14, 40, 0.1);
}

.title {
    margin: 0px 0 !important;
    font-weight: 500 !important;
    color: #000;
    font-size: 20px;
    letter-spacing: normal;
    line-height: 30px;
}

.clr-vertical-nav .nav-trigger:focus {
    outline: #052973 auto 3px !important;
}

.action-bottom {
    width: 100%;
    display: block;
    margin-top: 20px;
}

    .action-bottom .btn,
    .btn-border {
        border-color: #052973 !important;
        color: #052973;
        outline: none;
    }

.btn-border {
    color: #052973 !important;
    outline: none;
}

    .action-bottom .btn:hover,
    .btn-border:hover,
    .tracking-number-detail .top-action ul li .btn:hover {
        background-color: #9bbaf9;
        color: #052973;
    }

.btn.btn-primary:disabled {
    color: #575757 !important;
    background-color: #ccc !important;
    border-color: #ccc !important;
}

.alert {
    margin: 10px 0;
}

.clr-input:not([readonly]).clr-focus,
.clr-input:not([readonly]):focus {
    border-bottom: 1px solid #9bbaf9 !important;
}

.form-group .clr-input:not([readonly]) {
    background: linear-gradient(to bottom, transparent 95%, #9bbaf9 95%) no-repeat;
    background-size: 0 100%;
    transition: background-size 0.2s ease;
}

.form-group .clr-form-control label.required:after {
    content: " *";
    color: red;
}

form .clr-row {
    align-items: center;
}


.clr-toggle-wrapper input[type="checkbox"]:checked + label::before {
    border-color: #052973 !important;
    background-color: #052973 !important;
}

.datagrid-table .datagrid-column .datagrid-column-title {
    outline: none;
}

.clr-checkbox-wrapper input[type="checkbox"],
.clr-radio-wrapper input[type="radio"] {
    outline: none !important;
}

.header-theme .header-actions > .dropdown .dropdown-toggle.nav-text.userprofile img {
    width: 20px;
    height: 20px;
}

.modal-body.modal-form {
    overflow: hidden;
    max-height: 100%;
}

    .modal-body.modal-form .form-data {
        max-height: 70vh;
        overflow-y: auto;
        overflow-x: hidden;
        padding: 32px 5px 5px 15px;
    }

    .modal-body.modal-form .modal-footer {
        width: 100%;
        float: left;
        position: relative;
    }

.col-full .clr-input-wrapper {
    padding-left: 8px;
}

.col-thrice .clr-input-wrapper {
    padding-left: 16px;
}

    .col-full .clr-input-wrapper.select-custum .clr-input-wrapper,
    .col-thrice .clr-input-wrapper.select-custum .clr-input-wrapper {
        padding: 0;
    }

.measurement-label .label-field {
    width: 100%;
    padding: 10px 30px !important;
    background-color: #ebf1f0;
}

.customercode-section {
    padding: 0px 21px;
}

.create-shipment-form {
    width: 100%;
    position: relative;
}

    .create-shipment-form form.clr-form {
        max-width: 900px !important;
        margin: 0 auto;
    }

.clr-form-compact .clr-checkbox-wrapper {
    height: auto !important;
}

.customercode-section {
    padding: 0px 35px;
}

.clr-date-theme {
    width: 100%;
    float: left;
}

    .clr-date-theme .clr-input-group {
        padding: 0px;
        max-width: 100%;
        width: 100%;
        border-bottom: 0px;
        position: relative;
    }

    .clr-date-theme .clr-input {
        width: 100%;
        border: 1px solid #d3d3d3;
        border-radius: 2px;
        line-height: 26px;
        height: 28px;
        max-height: 28px;
    }

    .clr-date-theme .clr-input-group-icon-action {
        position: absolute;
        right: 10px;
        top: 0px;
        margin: 0px !important;
    }

.alert.alert-fixed {
    margin: 0px !important;
    border-radius: 0px !important;
    position: fixed !important;
    width: 100% !important;
    top: 80px !important;
    left: 0px !important;
    z-index: 2001 !important;
}

.filter-form .form-group .clr-form-control.date-format .clr-col-12 {
    padding: 0 !important;
}

    .filter-form .form-group .clr-form-control.date-format .clr-col-12 .clr-input {
        padding: 0 10px !important;
        border: 1px solid #d3d3d3 !important;
        border-radius: 2px;
        line-height: 26px;
        height: 28px;
        max-height: 28px;
    }

.form-group .clr-form-control input[type="date"] {
    position: relative;
    padding: 10px;
}

    .form-group .clr-form-control input[type="date"]::-webkit-calendar-picker-indicator {
        color: transparent;
        background: none;
        z-index: 1;
    }

    .form-group .clr-form-control input[type="date"]:before {
        color: transparent;
        background: none;
        display: block;
        font-family: "FontAwesome";
        content: "\f073";
        width: 26px;
        height: 26px;
        position: absolute;
        top: 0;
        right: 0;
        text-align: center;
        color: #052973;
    }

.clr-input-spinner {
    width: 100%;
    float: left;
    position: relative;
}

    .clr-input-spinner .spinner {
        position: absolute;
        top: 6px;
        right: -18px;
        margin: 0px 0px 0px 0px;
    }

.action-spinner {
    display: inline-block;
    vertical-align: top;
    padding-right: 30px;
    position: relative;
}

    .action-spinner .spinner {
        margin: 8px;
        position: absolute;
        right: 0px;
        top: 0px;
    }

.packages-main-group {
    width: 100%;
    float: none;
    display: inline-block;
    vertical-align: top;
}

    .packages-main-group .clr-accordion-inner-content {
        padding: 0px !important;
    }

.packages-group {
    width: 100%;
    float: none;
    display: inline-block;
    vertical-align: top;
}

    .packages-group .single-package {
        width: 100%;
        float: none;
        display: inline-block;
        vertical-align: top;
    }

        .packages-group .single-package .measurement-label {
            margin-bottom: 0px;
        }

            .packages-group .single-package .measurement-label .label-field {
                width: 100%;
                padding: 10px 30px !important;
                background-color: #ebf1f0;
                margin: 0px;
            }

        .packages-group .single-package .form-group {
            margin: 0px 0px 01px 0px;
            padding: 10px;
        }

.form-data .form-group .clr-row {
    align-items: center;
}

.datagrid-table .datagrid-placeholder .datagrid-placeholder-image {
    display: none;
}

.address-book {
    width: 100%;
    position: relative;
}

    .address-book .clr-checkbox-wrapper .clr-control-label {
        display: block;
        color: #454545;
        font-size: 13px;
        font-weight: 600;
        margin: 0;
    }

.tracking-table-theme .clr-accordion-header clr-accordion-title {
    width: 100%;
}

.border-space {
    width: 100%;
    float: none;
    position: relative;
    margin: 0px 0px 5px;
    padding-top: 1px;
    border-top: 1px solid #d3d3d3;
    display: inline-block;
}

.packages-group .datagrid {
    margin: 0;
}

    .packages-group .datagrid .datagrid-table .datagrid-column {
        background-color: #ebf1f0;
    }

        .packages-group .datagrid .datagrid-table .datagrid-column:nth-child(3),
        .packages-group .datagrid .datagrid-table .datagrid-column:nth-child(4),
        .packages-group .datagrid .datagrid-table .datagrid-column:nth-child(5),
        .packages-group .datagrid .datagrid-table .datagrid-column:nth-child(6) {
            width: 80px !important;
            min-width: 80px !important;
        }

    .packages-group .datagrid .datagrid-table .datagrid-cell:nth-child(3),
    .packages-group .datagrid .datagrid-table .datagrid-cell:nth-child(4),
    .packages-group .datagrid .datagrid-table .datagrid-cell:nth-child(5),
    .packages-group .datagrid .datagrid-table .datagrid-cell:nth-child(6) {
        width: 80px !important;
        min-width: 80px !important;
    }

.packages-group .datagrid {
    border: 0 !important;
}

.autocomplete-search .ng-arrow-wrapper {
    bottom: 0 !important;
}

.address-list {
    width: 100%;
    float: left;
    position: relative;
    max-height: 400px;
    overflow-y: auto;
}

    .address-list .address-list-item {
        width: 100%;
        float: left;
        position: relative;
        margin-bottom: 10px;
        border: 1px solid #d3d3d3;
        border-radius: 4px;
    }

        .address-list .address-list-item:hover {
            background-color: #ededed;
        }

        .address-list .address-list-item .address-list-check {
            float: left;
            width: 100%;
            padding-left: 0 !important;
            overflow-x: auto;
            overflow-y: hidden;
        }

        .address-list .address-list-item .address-list-detail {
            width: 100%;
            float: left;
            position: relative;
            font-size: 13px;
            color: #575757;
        }

.signature {
    width: 100%;
    position: relative;
    padding: 10px;
    border: 1px solid #d7d7d7;
    border-radius: 2px;
    margin-bottom: 0.5rem !important;
}

    .signature .signature-body {
        width: 100%;
        position: relative;
        padding-left: 100px;
        margin-bottom: 10px;
    }

        .signature .signature-body .signature-label {
            color: #454545;
            font-size: 13px;
            font-weight: 600;
            width: 100px;
            margin-left: -100px;
            display: inline-block;
        }

        .signature .signature-body .signature-image {
            float: none;
            width: 100%;
            position: relative;
            display: inline-block;
        }

            .signature .signature-body .signature-image .signature-show {
                width: 160px;
            }

.selected-address {
    border-color: #052973;
    background-color: linen;
}

.clr-checkbox-wrapper input[type="checkbox"]:checked + label::before {
    background: #052973 !important;
}

.radio-theme {
    padding-left: 25px !important;
}

    .radio-theme label {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        cursor: pointer;
        margin-bottom: 0px;
        line-height: 20px;
        float: left;
        font-size: 13px;
        color: #575757;
        padding-left: 5px;
    }

        .radio-theme label::before {
            content: "";
            position: absolute;
            width: 18px;
            height: 18px;
            line-height: 18px;
            font-size: 11px;
            left: 0;
            margin-left: -25px;
            border: 1px solid #bdbdbd;
            border-radius: 50%;
            background-color: transparent;
            text-align: center;
            color: #fff;
        }

    .radio-theme input[type="radio"].styled:checked + label:after {
        content: "";
        position: absolute;
        width: 8px;
        height: 8px;
        line-height: 18px;
        font-size: 11px;
        left: 5px;
        top: 5px;
        margin-left: -25px;
        border-radius: 50%;
        background-color: #052973;
        text-align: center;
        color: #fff;
    }

    .radio-theme input[type="radio"] {
        opacity: 0;
        z-index: 1;
        margin: 0px 0px 0px -22px;
        cursor: pointer;
        position: absolute;
    }

.col-two .form-group .clr-input-wrapper {
    padding-left: 18px;
}

.country-phone-code {
    width: 100%;
    position: relative;
}

    .country-phone-code .country-code {
        width: 80px;
        border: 1px solid #d3d3d3;
        border-radius: 2px;
        line-height: 26px;
        height: 28px;
        max-height: 28px;
        margin-right: 5px;
        color: #000;
    }

    .country-phone-code .country-phone {
        width: calc(100% - 85px);
        display: inline-block;
    }

        .country-phone-code .country-phone .alert {
            display: block;
        }

            .country-phone-code .country-phone .alert div {
                width: 100%;
                display: block;
            }

.address-book-filter {
    padding-right: 100px;
    display: flex;
    align-items: flex-end;
}

    .address-book-filter .btn-group {
        margin-right: -100px;
        float: right;
        width: 100px;
        text-align: right;
        display: block;
        margin-top: 15px;
    }

        .address-book-filter .btn-group .btn {
            height: 30px;
            line-height: 28px;
        }

.clr-datagrid {
    flex: none !important;
    height: auto !important;
}

.datagrid-table .datagrid-placeholder-container .clr-placeholder {
    width: 100%;
    text-align: left;
}

.filter-form .form-group .clr-form-control.date-format .error-message {
    font-size: 12px;
    width: 100%;
    position: absolute;
    bottom: -20px;
}

my-date-pic {
}

my-date-picker {
    width: 100%;
    float: left;
    line-height: 26px;
    height: 28px !important;
    max-height: 28px;
    min-height: 28px;
}

    my-date-picker .mydp {
        line-height: 26px;
        height: 28px !important;
        max-height: 28px;
        min-height: 28px;
        border: 0;
    }

        my-date-picker .mydp .selectiongroup {
            line-height: 28px;
            height: 30px !important;
            max-height: 30px;
            min-height: 30px;
            border: 0 !important;
            width: 100%;
        }

            my-date-picker .mydp .selectiongroup input.selection {
                line-height: 28px;
                height: 30px !important;
                max-height: 30px;
                min-height: 30px;
                padding: 0 10px !important;
                border: 1px solid #d3d3d3;
                border-radius: 2px;
            }

            my-date-picker .mydp .selectiongroup .selbtngroup {
                height: 28px !important;
                position: absolute;
                width: auto;
                right: 1px;
                top: 1px;
            }

                my-date-picker .mydp .selectiongroup .selbtngroup button {
                    height: 28px !important;
                    color: #052973;
                    background-color: transparent;
                }

        my-date-picker .mydp .selectorarrow {
            z-index: 999;
        }

            my-date-picker .mydp .selectorarrow .daycell .datevalue {
                border-radius: 5px !important;
                border: 1px solid #d6dee9 !important;
                background: #ffffff;
                text-align: center;
                color: #292f4c;
                padding: 0px 3px;
                line-height: 18px;
                width: 100%;
                float: left;
                font-size: 12px;
                font-weight: 600;
            }

        my-date-picker .mydp .disabled .datevalue {
            background: #ececec !important;
            cursor: no-drop;
        }

        my-date-picker .mydp .disabled {
            background-color: #f6f6f6;
        }

        my-date-picker .mydp .selectorarrow .weekdaytitle {
            color: #585858;
            font-weight: 600;
            background-color: #fff;
        }

        my-date-picker .mydp .selectorarrow .currmonth.selectedday .datevalue {
            border-color: #052973 !important;
            background-color: #052973 !important;
            color: #fff;
        }

.references-table {
    width: 100%;
    position: relative;
    padding: 10px;
    border: 1px solid #d7d7d7;
    border-radius: 2px;
    float: left;
    margin-bottom: 0.5rem !important;
}

    .references-table .table {
        margin: 0;
    }

        .references-table .table tr th,
        .references-table .table tr td {
            text-align: left;
            width: 50%;
        }

.datagrid-table .datagrid-column .datagrid-filter-toggle cds-icon {
    color: #575757;
}

.geolocation {
    color: #052973;
    cursor: pointer !important;
}

.address-cell {
    cursor: pointer !important;
}

.main-loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: rgb(0 0 0 / 11%);
}

    .main-loader .spinner {
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -32px;
        margin-top: -32px;
        display: block;
        color: #2675b4;
        height: 35px;
        width: 35px;
    }

.clr-input-spinner.address-book-spinner {
    padding-right: 36px;
}

    .clr-input-spinner.address-book-spinner .spinner {
        position: absolute;
        right: 0;
    }

.delivery-address {
    padding: 12px 15px;
    display: inline-block;
    background: #efefef;
    max-width: 700px;
    margin-bottom: 20px;
    margin-top: 20px;
    border-radius: 10px;
    padding-left: inherit !important;
}

    .delivery-address li {
        width: 100%;
        position: relative;
        list-style: none;
        color: #000000;
        font-size: 16px;
        line-height: 22px;
        text-align: left;
        margin-bottom: 15px;
    }

.confirmation-header {
    width: 100%;
    display: inline-block;
    position: relative;
}

    .confirmation-header .form-group {
        margin: 0;
    }

.readonly-input {
    cursor: no-drop;
}

.address-list .address-list-item .address-list-check label {
    width: 100%;
    padding: 10px 10px 10px 44px;
}

    .address-list .address-list-item .address-list-check label:before {
        left: 36px;
        top: 12px;
    }

s .address-list .address-list-item .address-list-check.radio-theme input[type="radio"] {
    left: 14px;
    margin: 0;
    top: 14px;
}

.address-list .address-list-item .address-list-check label:after {
    left: 16px !important;
    top: 17px !important;
    margin: 0 !important;
}

.country-phone-code .country-validation {
    margin-left: -85px !important;
}

.package-details {
    color: #c72100 !important;
    font-size: 12px !important;
    line-height: 0.5rem !important;
    margin-top: 5px;
}

.drop-down-menu {
    z-index: 9999 !important;
}

.form-group.editor .clr-form-control {
    align-items: inherit;
}

    .form-group.editor .clr-form-control .clr-input-wrapper {
        height: auto;
        max-height: inherit;
        line-height: 20px;
    }

.clr-form-compact .clr-textarea-wrapper {
    height: auto;
    max-height: initial;
    display: block;
}

.address-book .bottom-action {
    width: 100%;
    position: relative;
}

    .address-book .bottom-action .btn {
        margin-right: 0;
        margin-top: 0;
        margin-left: 0.5rem;
    }

.main-container .content-container {
    overflow-x: hidden;
}

.tracking-number-detail .form-data .form-group {
    margin-bottom: 5px;
}

.clr-form-compact .clr-textarea-wrapper textarea {
    width: 100%;
    border: 1px solid #d3d3d3;
    outline: none;
    box-shadow: none;
}

.form-group .address-book-field select {
    width: calc(100% - 33px);
}

.form-group .address-book-field .address-book-icon {
    width: 28px;
    height: 28px;
    max-height: 28px;
    display: inline-block;
}

    .form-group .address-book-field .address-book-icon img {
        width: 100%;
        height: 28px;
    }

.clr-form-control .action-bottom {
    margin: 0;
}

.action-bottom .btn.address-book-icon {
    border: 0 !important;
    background-color: #ffffff !important;
    color: #454545 !important;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: normal;
    padding: 0;
    margin: 0;
    box-shadow: none !important;
}

    .action-bottom .btn.address-book-icon img {
        height: 27px;
        margin-top: -2px;
        margin-right: 5px;
    }

.packages-group .top-action {
    width: 100%;
    display: block;
    padding: 10px 10px;
}

.col-full .clr-textarea-wrapper {
    padding-left: 8px;
}

.maximum-number {
    width: 100%;
    float: none;
    padding-left: 150px;
    position: relative;
    min-height: 36px;
    display: inline-block;
    vertical-align: top;
}

    .maximum-number .btn {
        position: absolute;
        left: 0px;
        top: 0px;
    }

    .maximum-number p {
        width: 100%;
        float: left;
        margin: 0px !important;
        padding-top: 12px !important;
    }

        .maximum-number p strong {
            font-weight: 600;
        }

.cursor-pointer {
    cursor: pointer !important;
}

.tracking-number-detail .form-data .form-group.goods-description .input-data {
    min-height: 40px;
    max-height: 135px;
    overflow-y: auto;
    overflow-x: hidden;
    white-space: inherit;
    padding: 5px;
    line-height: 14px;
}

.tracking-number-detail .form-data .form-group.goods-description .clr-control-label {
    margin-bottom: 5px;
}

.upload-section {
    width: 100%;
    display: inline-block;
    border: 1px solid #d3d2d2;
    padding: 15px;
    border-radius: 6px;
}

    .upload-section .fileupload {
        width: 100%;
        display: inline-block;
        text-align: center;
        position: relative;
        margin-bottom: 15px;
    }

        .upload-section .fileupload .drag-drop-box {
            width: 500px;
            border-radius: 24px;
            float: none;
            padding: 10px;
            border: 2px dashed #d3d2d2;
            background: #fff;
            max-height: 120px;
            font-size: 14px !important;
            line-height: 100px !important;
            display: inline-block;
            max-width: 100%;
            vertical-align: middle;
            position: relative;
            top: 0px;
        }

            .upload-section .fileupload .drag-drop-box .fileupload-new {
                width: 100%;
                float: left;
                font-size: 16px;
                color: #052973;
            }

    .upload-section .action-button {
        display: inline-block;
    }

    .upload-section .btn-group {
        margin-left: 10px;
    }

clr-accordion.upload-bulk .clr-accordion-header {
    background-color: transparent;
    display: inline-block;
    width: 100%;
    text-align: right;
    border: 0 !important;
}

    clr-accordion.upload-bulk .clr-accordion-header .clr-accordion-header-button {
        padding: 0;
        text-align: right;
        width: auto;
        display: inline-block;
    }

        clr-accordion.upload-bulk .clr-accordion-header .clr-accordion-header-button span {
            display: none;
        }

        clr-accordion.upload-bulk .clr-accordion-header .clr-accordion-header-button clr-accordion-title {
            width: auto;
            display: inline-block;
            min-width: auto;
        }

            clr-accordion.upload-bulk .clr-accordion-header .clr-accordion-header-button clr-accordion-title .btn {
                margin: 0;
            }

clr-accordion.upload-bulk .clr-accordion-header {
    border: 0 !important;
}

clr-accordion.upload-bulk .clr-accordion-content {
    width: 100%;
    display: inline-block;
    border: 0 !important;
}

    clr-accordion.upload-bulk .clr-accordion-content .clr-accordion-inner-content {
        width: 100%;
        display: inline-block;
        padding: 0;
        margin-top: 15px;
    }

        clr-accordion.upload-bulk .clr-accordion-content .clr-accordion-inner-content clr-accordion-content {
            width: 100%;
            display: inline-block;
        }

.bulk-shippment-page .datagrid {
    margin: 0;
}

    .bulk-shippment-page .datagrid .collapse-data {
        display: none;
    }

        .bulk-shippment-page .datagrid .collapse-data.active {
            display: block;
        }

    .bulk-shippment-page .datagrid .datagrid-cell:nth-child(6),
    .bulk-shippment-page .datagrid .datagrid-cell:nth-child(7) {
        cursor: pointer;
    }

    .bulk-shippment-page .datagrid cds-icon.active {
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
    }

.recod-list-page .datagrid-table .datagrid-column,
.recod-list-page .datagrid-table .datagrid-cell {
    min-width: 180px;
    cursor: pointer;
}

    .recod-list-page .datagrid-table .datagrid-column:nth-child(13),
    .recod-list-page .datagrid-table .datagrid-cell:nth-child(13),
    .recod-list-page .datagrid-table .datagrid-column:nth-child(5),
    .recod-list-page .datagrid-table .datagrid-cell:nth-child(5) {
        min-width: 280px;
    }

.recod-list-page .filter .form-group {
    margin: 0;
}

.recod-list-page .filter .clr-form-control .select-custum select {
    padding: 0 10px !important;
    border: 1px solid #d3d3d3;
    border-radius: 2px;
    line-height: 26px;
    height: 28px;
    max-height: 28px;
}

.bulk-shippment-page .upload-bulk {
    width: 100%;
    display: block;
    margin-bottom: 1rem;
    text-align: right;
}

.records-error .table-theme .datagrid-table .Failed-record cds-icon {
    color: red;
}

.records-error .table-theme .datagrid-table .record-error-info {
    border: 0;
}

.bulk-records-link {
    border-color: #052973 !important;
    color: #052973 !important;
    margin: 0;
    font-size: 12px !important;
    outline: none;
    cursor: pointer !important;
}

.sample-file-note {
    font-size: 11px;
    color: gray;
}

.bulk-shippment-page .filter-form .btn-group .btn {
    height: 30px;
    line-height: 30px;
    outline: none;
}

.bulk-shippment-page .filter-form .btn-group {
    margin-top: -2px;
    outline: none;
}

.bulk-shippment-page .filter-form .form-group {
    margin-bottom: 28px;
}

.header-theme .header-actions > .dropdown .dropdown-toggle.nav-text span {
    padding-right: 5px;
}

.form-group.subject-loader .clr-input-wrapper {
    padding-right: 40px;
}

.terms-condition-anchor {
    color: #052973 !important;
}

.terms-and-conditions {
    width: 100%;
    display: inline-block;
    position: relative;
}

    .terms-and-conditions .terms-conditions-inner {
        width: 100%;
        position: relative;
        display: inline-block;
        margin-bottom: 10px;
    }

        .terms-and-conditions .terms-conditions-inner .title {
            width: 100%;
            display: inline-block;
            margin: 0 !important;
            color: #052973;
            font-size: 18px;
            font-weight: 500 !important;
        }

        .terms-and-conditions .terms-conditions-inner .content {
            width: 100%;
            display: inline-block;
            position: relative;
            color: #000000;
            font-size: 16px;
            line-height: 22px;
            text-align: left;
            margin-bottom: 6px;
        }

            .terms-and-conditions .terms-conditions-inner .content a {
                color: #052973;
            }

        .terms-and-conditions .terms-conditions-inner ul.list {
            width: 100%;
            position: relative;
            display: inline-block;
            margin: 5px 0;
            padding: 0;
        }

            .terms-and-conditions .terms-conditions-inner ul.list li {
                width: 100%;
                position: relative;
                color: #000000;
                font-size: 16px;
                line-height: 22px;
                display: inline-block;
                padding-bottom: 5px;
                padding-left: 40px;
            }

                .terms-and-conditions .terms-conditions-inner ul.list li:before {
                    position: absolute;
                    content: "";
                    top: 8px;
                    left: 20px;
                    width: 7px;
                    height: 7px;
                    border-radius: 50%;
                    background-color: #052973;
                }

    .terms-and-conditions .company-address {
        width: 100%;
        position: relative;
        display: inline-block;
        margin-bottom: 10px;
    }

        .terms-and-conditions .company-address h2 {
            width: 100%;
            display: inline-block;
            margin: 0 !important;
            color: #000000;
            line-height: 22px;
            font-size: 18px;
            font-weight: 500 !important;
        }

        .terms-and-conditions .company-address p {
            width: 100%;
            display: inline-block;
            position: relative;
            color: #000000;
            font-size: 16px;
            line-height: 22px;
            text-align: left;
            margin: 0 0 6px;
        }

    .terms-and-conditions .terms-copy {
        width: 100%;
        display: inline-block;
        position: relative;
        color: #000000;
        font-size: 16px;
        line-height: 22px;
        text-align: right;
        font-weight: 500 !important;
    }

.bulk-shippment-steps .shippment-steps {
    width: 100%;
    display: inline-block;
}

.bulk-shippment-steps .clr-timeline {
    margin: 0 auto;
    border: none;
    padding: 0px;
    width: 100%;
    max-width: 1060px;
}

    .bulk-shippment-steps .clr-timeline li.clr-timeline-step {
        text-align: center;
    }

        .bulk-shippment-steps .clr-timeline li.clr-timeline-step cds-icon {
            margin-left: calc(50% - 18px);
        }

    .bulk-shippment-steps .clr-timeline .clr-timeline-step:not(:last-of-type) .clr-timeline-step-body::before {
        -webkit-transform: translate(5.99rem, -0.96rem);
        transform: translate(5.99rem, -0.96rem);
        position: absolute;
        left: 22px;
        bottom: 38px;
    }

.bulk-shippment-steps .upload-step {
    width: 100%;
    padding: 10px 0;
    text-align: center;
    max-width: 1000px;
    margin: 0 auto;
    display: inline-block;
}

    .bulk-shippment-steps .upload-step .fileupload {
        text-align: center;
        max-width: 600px;
        display: inline-block;
        float: none;
    }

        .bulk-shippment-steps .upload-step .fileupload .drag-drop-box {
            max-width: 600px;
            display: inline-block;
            float: none;
            margin-bottom: 10px;
        }

.bulk-shippment-steps .action-button .btn-group {
    margin-left: 0.5rem;
}

.bulk-shippment-steps .clr-timeline li.clr-timeline-step cds-icon[shape="dot-circle"] {
    color: #052973 !important;
}

.bulk-shippment-steps .clr-timeline li.clr-timeline-step clr-spinner {
    margin-left: calc(50% - 18px);
}

.step-loader {
    position: relative;
    width: 100%;
    display: inline-block;
    text-align: center;
    margin: 20px 0;
}

    .step-loader .loader-msg {
        position: relative;
        width: initial;
        display: inline-block;
        background-color: #ffffff;
        padding: 30px;
        border-radius: 24px !important;
        border: 2px dashed #d3d2d2 !important;
        text-align: left;
    }

        .step-loader .loader-msg .title {
            font-size: 18px;
            color: #052973;
            margin: 0 !important;
            line-height: 24px;
        }

        .step-loader .loader-msg p {
            color: #373737;
            font-size: 14px;
            margin: 0;
        }

@keyframes blink {
    0% {
        opacity: 0.2;
    }

    20% {
        opacity: 1;
    }

    100% {
        opacity: 0.2;
    }
}

.step-loader .loader-msg span {
    animation-name: blink;
    animation-duration: 1.4s;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
    font-size: 25px;
}

    .step-loader .loader-msg span:nth-child(2) {
        animation-delay: 0.2s;
    }

    .step-loader .loader-msg span:nth-child(3) {
        animation-delay: 0.4s;
    }

.bulk-shippment-steps .clr-timeline li.clr-timeline-step .clr-timeline-step-body {
    position: relative;
}

.address-step .hide-table {
    display: none;
}

.bulk-shippment-steps .datagrid .datagrid-header .datagrid-column clr-checkbox-container.clr-form-control {
    margin: 0;
}

.bulk-shippment-steps .datagrid .datagrid-header .datagrid-column .clr-checkbox-wrapper .clr-control-label {
    font-size: 13px;
    color: #27272b !important;
    font-weight: 600;
}

.bulk-shippment-steps.bulk-shippment-step1 {
    display: inline-block;
    width: 100%;
    text-align: center;
}

.bulk-shippment-steps .upload-step .fileupload .dummy-selected-file {
    width: 100%;
}

.bulk-shippment-steps .selected-file {
    float: left;
    width: 50%;
    position: relative;
    text-align: left;
    margin-top: 10px;
}

.bulk-shippment-steps.bulk-shippment-step1 .dummy-file {
    width: 100%;
    margin: 0;
    font-size: 15px;
}

.bulk-shippment-steps.bulk-shippment-step1 .action-button {
    width: 50%;
    display: inline-block;
    float: right;
    margin-top: 10px;
}

.bulk-shippment-steps .table-title {
    padding: 6px 0;
}

.bulk-shippment-steps .action-button {
    padding: 0;
}

.bulk-shippment-steps clr-datagrid {
    margin-top: 15px;
}

.bulk-shippment-page .datagrid .success-standard {
    border: 0;
    color: #61b715;
}

.bulk-shippment-steps .nav .nav-item {
    margin-right: 5px;
    height: 60px;
}

.nav .nav-link.active,
.nav .nav-link:hover {
    box-shadow: 0 -3px 0 #052973 inset !important;
    outline: none;
}

.error-message-title {
    position: relative;
    vertical-align: top;
    padding: 0.4rem 0;
    padding-left: 12px;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-align: center !important;
}

.disabled-printlabel {
    color: #575757 !important;
    background-color: #ccc !important;
    border-color: #ccc !important;
}


.bulk-shippment-steps .datagrid-table clr-dg-row.disabled-row .datagrid-cell {
    opacity: 0.5;
    cursor: not-allowed;
}

.clr-checkbox-wrapper input[type="checkbox"]:disabled + label:before {
    background-color: #ccc;
    background-color: var(--clr-forms-checkbox-disabled-background-color, #ccc);
    border: none;
    cursor: not-allowed;
}

.date-range {
    position: static;
}

    .date-range .clr-control-label {
        width: 100% !important;
        max-width: 100%;
        margin: 0 0 5px !important;
        padding: 0 !important;
        flex: 100% !important;
    }

    .date-range input {
        padding: 0 10px !important;
        border: 1px solid #d3d3d3;
        border-radius: 2px;
        line-height: 28px;
        height: 30px;
        max-height: 30px;
        margin: 0;
        width: 100%;
    }

    .date-range .md-drppicker .ranges ul li button.active {
        border-color: #052973 !important;
        background-color: #052973 !important;
        color: #fff !important;
        text-align: center;
    }

    .date-range .md-drppicker .btn {
        border-color: #052973 !important;
        background-color: #052973 !important;
        color: #fff !important;
        text-align: center;
    }

    .date-range .md-drppicker .btn-default.clear {
        color: #000 !important;
        background-color: #dcdcdc !important;
    }

        .date-range .md-drppicker .btn-default.clear svg {
            display: none;
        }

    .date-range .md-drppicker td.active,
    .date-range .md-drppicker td.active:hover {
        background-color: #052973 !important;
    }

.clr-date-theme input {
    width: 100%;
    border: 1px solid #d3d3d3;
    border-radius: 2px;
    line-height: 26px;
    height: 28px;
    max-height: 28px;
    padding: 0 0.25rem;
    color: #000;
    font-size: 13px;
    outline: none;
}

.clr-date-theme ngx-daterangepicker-material .md-drppicker td.active,
.clr-date-theme ngx-daterangepicker-material .md-drppicker td.active:hover {
    background-color: #052973;
}

.clr-date-theme ngx-daterangepicker-material .md-drppicker .btn {
    background-color: #052973;
}

.bulk-shippment-steps .nav .nav-item button {
    height: 50px;
    line-height: 50px;
}

.bulk-shippment-steps.bulk-shippment-step3 .top-tab-action {
    position: absolute;
    right: 0;
    top: -10px;
    width: auto;
}

.bulk-successful-modal .modal-dialog {
    width: 384px !important;
}

.bulk-successful-modal .modal-content {
    padding: 10px !important;
}

    .bulk-successful-modal .modal-content .description {
        padding: 0 !important;
    }

    .bulk-successful-modal .modal-content .modal-header {
        padding: 10px 0 20px !important;
    }

.form-group .clr-input-wrapper.invalid input {
    padding-right: 25px;
    border: 1px solid #c92100;
}

.form-group .clr-input-wrapper.invalid .tooltip {
    position: absolute;
    right: 13px;
    width: 25px;
    text-align: center;
    top: 0;
}

    .form-group .clr-input-wrapper.invalid .tooltip cds-icon {
        color: #c92100;
    }

    .form-group .clr-input-wrapper.invalid .tooltip .tooltip-content {
        background-color: #c92100;
        padding: 5px 10px;
        bottom: 14px;
        width: 240px;
        font-size: 12px;
    }

        .form-group .clr-input-wrapper.invalid .tooltip .tooltip-content:before {
            border-right: 0;
            border-top: 0;
            border: 6px solid;
            border-color: #c92100 #c92100 transparent transparent;
        }

.form-group .clr-input-wrapper.invalid.select-custum select {
    padding-right: 35px;
    border: 1px solid #c92100;
}

.form-group .clr-input-wrapper.invalid.select-custum .tooltip {
    right: 35px;
}

.form-group .clr-input-wrapper.invalid.address-book-field .tooltip {
    right: 58px;
}

.country-phone-code .country-phone.invalid input {
    padding-right: 25px;
    border: 1px solid #c92100;
}

.country-phone-code .country-phone.invalid .tooltip {
    position: absolute;
    right: 0;
    width: 25px;
    text-align: center;
}

    .country-phone-code .country-phone.invalid .tooltip cds-icon {
        color: #c92100;
    }

    .country-phone-code .country-phone.invalid .tooltip .tooltip-content {
        background-color: #c92100;
        padding: 5px 5px;
        bottom: 14px;
        width: auto;
        white-space: nowrap;
    }

        .country-phone-code .country-phone.invalid .tooltip .tooltip-content:before {
            border-right: 0;
            border-top: 0;
            border: 5px solid;
            border-color: #c92100 #c92100 transparent transparent;
        }

.create-shipment-form .form-group {
    margin-bottom: 5px;
}

.modal-body.modal-form .form-data .form-group {
    margin-bottom: 5px;
}

.form-group .clr-input-wrapper.invalid .clr-input-spinner .tooltip {
    right: 13px;
}

.modal-body.modal-form .form-data .form-group .clr-input-wrapper.invalid .tooltip .tooltip-content {
    width: auto;
    white-space: nowrap;
}

.text-capitalize {
    text-transform: capitalize;
}

.filter-form .action-button .btn-group .btn {
    height: 30px;
    line-height: 28px;
}

.store-location-group {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    padding-left: 300px;
    position: relative;
    height: 500px;
}

    .store-location-group .store-search {
        width: 300px;
        display: inline-block;
        vertical-align: top;
        padding-right: 20px;
        float: left;
        margin-left: -300px;
        position: relative;
        height: 100%;
    }

.track-search {
    width: 100%;
    float: none;
    display: inline-block;
    vertical-align: top;
    margin: 0px 0px 5px 0px;
    position: relative;
}

.store-search .form-control {
    display: block;
    width: 100%;
    border-radius: 2px !important;
    padding: 0px 34px 0 10px;
    margin-right: 20px;
    font-size: 14px;
    margin-bottom: 0;
    font-weight: 400;
    height: 28px;
    line-height: 26px;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #d3d3d3;
}

.track-search .fa {
    position: absolute;
    top: 5px;
    right: 10px;
    line-height: 28px;
    text-align: center;
    font-size: 16px;
    color: #212527;
}

.store-list {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    padding: 0px;
    margin: 0px;
    position: relative;
    left: 0px;
    padding-right: 0px;
    height: calc(100% - 51px);
    overflow: auto;
}

    .store-list .store.selected {
        border: 1px solid #052973;
        background-color: #ededed;
    }

    .store-list .store {
        padding: 5px 8px;
        border: 1px solid #d3d3d3;
        width: 100%;
        display: inline-block;
        vertical-align: top;
        background: #ffffff;
        margin-bottom: 5px;
        border-radius: 4px;
        cursor: pointer;
    }

        .store-list .store .title {
            color: #4d504f;
            font-size: 14px;
            font-weight: 600;
            width: 100%;
            display: inline-block;
            vertical-align: top;
            margin: 0 !important;
            line-height: 20px;
        }

        .store-list .store .address {
            color: #4d504f;
            width: 100%;
            display: inline-block;
            vertical-align: top;
            font-size: 13px;
            line-height: 18px;
        }

.store-location-group .store-map-group {
    width: calc(100% - 280px);
    position: absolute;
    height: 100%;
    left: 290px;
}

    .store-location-group .store-map-group agm-map {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
    }

.store-map-group iframe {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    border: none;
    height: 400px;
}

.clr-accordion-content {
    border: 1px solid #ccc;
}

.store-list .store.selected .title {
    color: #052973;
}

.main-container .content-container .admin-shipment-report-page .datagrid-group #mainGrid,
.clr-datagrid,
.datagrid-group #PackageGrid,
.datagrid-group #AddressGrid,
.table-theme #BulkGrid,
.bulk-shippment-steps #bulkshippment2Grid,
.bulk-shippment-steps .allrecordGrid {
    overflow-y: auto !important;
}

.tracking-number-detail .form-data .form-group.status-height .clr-control-label {
    line-height: 28px;
}

    .tracking-number-detail .form-data .form-group.status-height .clr-control-label span {
        padding-left: 15px;
        font-weight: normal;
    }

.invoice-details {
    margin-top: 12px !important;
}

.title-invoice {
    margin: 10px !important;
    font-weight: 600 !important;
    color: #000;
    font-size: 17px;
    letter-spacing: normal;
}

.nav-list.nav-text {
    display: block !important;
}

.filter-form .btn-group .btn {
    padding: 0 6px;
}

.form-group.autocomplete select {
    padding: 0 10px !important;
    border: 1px solid #d3d3d3;
    border-radius: 2px;
    line-height: 28px;
    height: 30px;
    max-height: 30px;
    margin: 0;
    width: 100%;
    outline: none;
    box-shadow: none;
}

.filter-form .form-group .clr-form-control {
    display: block !important;
    width: 100%;
    margin: 0 !important;
}

.filter-form .form-group .clr-control-container .clr-select-wrapper {
    width: 100%;
}

.theme-left-menu .sidenav .nav-group label .nav-text {
    color: #575757;
    line-height: 36px !important;
    font-size: 14px;
    font-weight: 400;
}

.theme-left-menu .sidenav .nav-group.collapsible ul li {
    background: #d8e3e9;
}

.theme-left-menu .sidenav .nav-group .nav-list li .nav-link {
    padding: 0px 15px 0px 5px !important;
}

.theme-left-menu .sidenav .nav-group label:before {
    content: "";
    float: left;
    height: .416667rem;
    width: .416667rem;
    -webkit-transform: translateX(-.333333rem) translateY(.291667rem);
    transform: rotate(270deg);
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2012%22%3E%0A%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3Cstyle%3E.cls-1%7Bfill%3A%239a9a9a%3B%7D%3C%2Fstyle%3E%0A%20%20%20%20%3C%2Fdefs%3E%0A%20%20%20%20%3Ctitle%3ECaret%3C%2Ftitle%3E%0A%20%20%20%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M6%2C9L1.2%2C4.2a0.68%2C0.68%2C0%2C0%2C1%2C1-1L6%2C7.08%2C9.84%2C3.24a0.68%2C0.68%2C0%2C1%2C1%2C1%2C1Z%22%2F%3E%0A%3C%2Fsvg%3E%0A);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    float: right;
    position: absolute;
    right: 10px;
    top: 13px;
}

.theme-left-menu .sidenav .collapsible label:before {
    display: none;
}

.bulk-error-log-icon {
    color: red;
}

.form-group .clr-input-wrapper.ngx-timepicker-field .ngx-timepicker {
    width: 100%;
    border: 1px solid #d3d3d3;
    border-radius: 2px;
    line-height: 26px;
    height: 28px;
    max-height: 28px;
    background-color: #fafafa;
}

    .form-group .clr-input-wrapper.ngx-timepicker-field .ngx-timepicker input {
        font-size: 14px;
        color: #000;
    }

    .form-group .clr-input-wrapper.ngx-timepicker-field .ngx-timepicker .ngx-timepicker-control__arrows span {
        line-height: 14px;
    }

    .form-group .clr-input-wrapper.ngx-timepicker-field .ngx-timepicker ngx-timepicker-time-control {
        width: 50%;
        height: 26px;
    }

        .form-group .clr-input-wrapper.ngx-timepicker-field .ngx-timepicker ngx-timepicker-time-control .ngx-timepicker-control {
            height: 26px;
        }

.form-group .clr-input-wrapper.ngx-timepicker-field, .form-group .clr-ellipsis {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .form-group .clr-input-wrapper.ngx-timepicker-field cds-icon, .form-group .clr-ellipsis cds-icon {
        width: 25px;
        cursor: pointer;
    }

    .form-group .clr-input-wrapper.ngx-timepicker-field ngx-timepicker-field, .form-group .clr-ellipsis ngx-timepicker-field {
        width: 100%;
    }

    .form-group .clr-ellipsis select {
        margin: 0;
    }

.form-group .clr-input-wrapper .file-select {
    width: 100%;
    border: 1px solid #d3d3d3;
    border-radius: 2px;
    line-height: 26px;
    height: 28px;
    max-height: 28px;
    background-color: #fafafa;
    position: relative;
}

    .form-group .clr-input-wrapper .file-select .file-select-name {
        display: inline-block;
        height: 26px;
        padding: 0 .25rem;
        width: 100%;
        font-size: 12px;
        line-height: 26px;
        color: #000;
        text-align: center;
    }

    .form-group .clr-input-wrapper .file-select .clr-input {
        z-index: 100;
        cursor: pointer;
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .form-group .clr-input-wrapper .file-select .tooltip {
        right: 0;
        z-index: 991;
    }

.form-group .clr-input-wrapper.invalid .file-select .file-select-name {
    padding-right: 25px;
    border: 1px solid #c92100;
}

.filter-form .form-group .clr-control-container .clr-checkbox-wrapper {
    display: inline-block;
}

    .filter-form .form-group .clr-control-container .clr-checkbox-wrapper .clr-control-label {
        padding-left: 22px !important;
        color: #454545;
        font-size: .541667rem;
        font-weight: 600;
        line-height: 24px;
    }

    .filter-form .form-group .clr-control-container .clr-checkbox-wrapper input[type=checkbox] {
        position: relative;
        top: 28px;
        outline: none !important;
        box-shadow: none;
    }

        .filter-form .form-group .clr-control-container .clr-checkbox-wrapper input[type=checkbox]:focus {
            outline: none !important;
            box-shadow: none !important;
        }

.close:focus, .clr-checkbox-wrapper input[type=checkbox]:focus + label::before {
    outline: none !important;
    box-shadow: none !important;
}

.ng-select .ng-arrow-wrapper {
    bottom: 2px !important;
}

.no-popup-header {
    margin-bottom: 18px !important;
}

.shippment-overflow .clr-accordion-content {
    overflow: visible !important;
}

    .shippment-overflow .clr-accordion-content .clr-accordion-inner-content {
        overflow: visible;
    }

.invoice-details .title-invoice {
    margin: 0 !important;
    padding: 0 10px;
    width: 100%;
    display: inline-block;
}

.address-book .clr-form .action-button {
    margin-top: 18px;
}

.timeline-steps .shippment-steps {
    width: 100%;
    display: inline-block;
    padding: 0px 0px 0px;
}

.timeline-steps .clr-timeline {
    margin: 0 auto;
    border: none;
    padding: 0px;
    width: 100%;
    max-width: 800px;
    justify-content: center;
}

    .timeline-steps .clr-timeline li.clr-timeline-step {
        text-align: center;
        margin-left: 0;
        min-width: auto;
        position: relative;
    }

        .timeline-steps .clr-timeline li.clr-timeline-step cds-icon {
            margin: 0 auto;
            z-index: 1;
            background-color: #fff;
        }

    .timeline-steps .clr-timeline .clr-timeline-step:not(:last-of-type) .clr-timeline-step-body::before {
        -webkit-transform: inherit;
        transform: inherit;
        position: absolute;
        left: 55%;
        top: 27%;
        width: calc(100% - 1.4rem);
    }

.timeline-steps .upload-step {
    width: 100%;
    padding: 10px 0;
    text-align: center;
    max-width: 1000px;
    margin: 0 auto;
    display: inline-block;
}

    .timeline-steps .upload-step .fileupload {
        text-align: center;
        max-width: 600px;
        display: inline-block;
        float: none;
    }

        .timeline-steps .upload-step .fileupload .drag-drop-box {
            max-width: 600px;
            display: inline-block;
            float: none;
            margin-bottom: 10px;
        }

.timeline-steps .action-button .btn-group {
    margin-left: 0.5rem;
}

.timeline-steps .clr-timeline li.clr-timeline-step cds-icon[shape="dot-circle"] {
    color: #052973 !important;
}

.timeline-steps .clr-timeline li.clr-timeline-step clr-spinner {
    margin-left: calc(50% - 22px);
}

.clear-invoice {
    position: absolute;
    right: 0;
    top: 13px;
    z-index: 1;
    padding: 0 !important;
    width: auto;
}

    .clear-invoice .btn {
        margin: 0 10px;
        border-color: #fff;
        color: #fff;
        padding: 2px 5px;
        font-size: 12px;
        line-height: 26px;
        height: auto;
        min-height: auto;
    }

.timeline-steps .action-button {
    padding: 10px 0 0;
}

.form-group .clr-form-control label.required:after {
    content: " *";
    color: red;
}

.modal-body.modal-form.commodity-item-popup-body {
    overflow: inherit;
}

    .modal-body.modal-form.commodity-item-popup-body .form-data {
        display: inline-block;
    }

    .modal-body.modal-form.commodity-item-popup-body .modal-footer {
        display: inline-block;
        text-align: right;
        float: inherit;
    }

    .modal-body.modal-form.commodity-item-popup-body .clr-datagrid {
        overflow-y: inherit !important;
        max-height: 300px;
    }

.clr-form-compact .form-group.autocomplete label.clr-control-label {
    width: auto !important;
    max-width: inherit !important;
    min-width: auto !important;
    margin: 0 !important;
}

.form-data .form-textarea .clr-input-wrapper.popup-commodity-description {
    padding-left: 5.4%;
    height: auto;
    max-height: initial;
}

.form-group .select-custum.invalid .ng-select .ng-select-container {
    border-color: #c92100;
}

.form-group .clr-input-wrapper.invalid textarea {
    padding-right: 25px;
    border: 1px solid #c92100;
}

.form-group.autocomplete .tooltip cds-icon {
    color: #c92100;
}

.form-group.autocomplete .tooltip .tooltip-content {
    background-color: #c92100;
    padding: 5px 10px;
    bottom: 14px;
    width: 240px;
    font-size: 12px;
}

    .form-group.autocomplete .tooltip .tooltip-content:before {
        border-right: 0;
        border-top: 0;
        border: 6px solid;
        border-color: #c92100 #c92100 transparent transparent;
    }

.filter-form .form-group.autocomplete label.clr-control-label {
    width: 100% !important;
    max-width: 100%;
    margin: 0 0 5px !important;
    padding: 0 !important;
    flex: 100% !important;
}

.form-group label.required:after {
    content: " *";
    color: red;
}

form-group.autocomplete .ng-select.invalid .ng-select-container {
    border: 1px solid #c92100;
}

.form-group.autocomplete .tooltip .tooltip-content {
    background-color: #c92100;
    padding: 5px 10px;
    bottom: 14px;
    width: 176px !important;
    font-size: 12px;
}

.form-group.autocomplete .tooltip {
    position: absolute;
    right: 25px;
    width: 25px;
    text-align: center;
    bottom: 0;
    height: 30px;
    line-height: 30px;
}

.form-group.autocomplete .ng-select.invalid .ng-select-container {
    border: 1px solid #c92100;
}

.commodity-step-2 .datagrid .collapse-data {
    display: none;
}

    .commodity-step-2 .datagrid .collapse-data.active {
        display: block;
    }

.commodity-step-2 .datagrid cds-icon.active {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}

.timeline-steps .form-data {
    display: inline-block;
    float: none;
    margin-bottom: 10px;
    padding-bottom: 0;
    margin-top: 0 !important;
}

.timeline-steps .tracking-table-theme.table-theme {
    margin: 0 !important;
}

    .timeline-steps .tracking-table-theme.table-theme .datagrid {
        margin: 0 !important;
    }

.timeline-steps .form-data .title-invoice {
    margin: 0 !important;
    padding: 0 0 2px 0 !important;
}

.record-error-icon {
    color: red;
}

.timeline-steps .package-table-theme.table-theme {
    margin: 0px 0px 10px 0px !important;
    display: inherit;
}

    .timeline-steps .package-table-theme.table-theme .datagrid {
        margin: 0 !important;
    }

.timeline-steps .commodity-shipment-grid {
    max-height: 400px;
}

.form-group.autocomplete-inner .invalid .tooltip {
    right: 30px !important;
}

.form-data .form-textarea .clr-input-wrapper.popup-commodity-description {
    padding-left: 1%;
}

.additional-commodity-code .datagrid-table .datagrid-column.action-clm, .additional-commodity-code .datagrid-table .datagrid-cell.action-clm {
    width: 60px;
    max-width: 60px;
    min-width: 60px;
}

.additional-commodity-code .datagrid-table .datagrid-cell.action-clm {
    cursor: pointer;
}

.clr-input[readonly] {
    background-color: #efefef;
}

.additional-commodity-code .datagrid-table .datagrid-cell.date-range-disabled {
    position: relative;
}

    .additional-commodity-code .datagrid-table .datagrid-cell.date-range-disabled:after {
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }

.additional-commodity-code .datagrid-table .datagrid-cell.date-range-disabled {
    position: relative;
}

    .additional-commodity-code .datagrid-table .datagrid-cell.date-range-disabled:after {
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }

.additional-commodity-code .datagrid-table .datagrid-cell .ng-select {
    padding: 0;
}

    .additional-commodity-code .datagrid-table .datagrid-cell .ng-select .ng-select-container {
        min-height: auto;
        width: 100%;
        padding: 0 3px !important;
        border: 1px solid #d3d3d3;
        border-radius: 2px;
        line-height: 26px;
        height: 28px;
        max-height: 28px;
        margin: 0;
        outline: none;
    }

        .additional-commodity-code .datagrid-table .datagrid-cell .ng-select .ng-select-container .ng-value-container {
            margin: 0;
            border: 0;
            padding: 0;
        }

            .additional-commodity-code .datagrid-table .datagrid-cell .ng-select .ng-select-container .ng-value-container .ng-input {
                bottom: 0;
            }

        .additional-commodity-code .datagrid-table .datagrid-cell .ng-select .ng-select-container .ng-arrow-wrapper, .additional-commodity-code .datagrid-table .datagrid-cell .ng-select .ng-select-container .ng-clear-wrapper {
            bottom: 0;
        }

        .additional-commodity-code .datagrid-table .datagrid-cell .ng-select .ng-select-container:after {
            border: 0;
        }

    .additional-commodity-code .datagrid-table .datagrid-cell .ng-select.ng-select-disabled {
        background-color: #efefef;
    }

.additional-commodity-code .datagrid-table .datagrid-cell .invalid {
    position: relative;
    width: 100%;
}

    .additional-commodity-code .datagrid-table .datagrid-cell .invalid .tooltip {
        position: absolute;
        right: 0;
        width: 25px;
        text-align: center;
        top: 3px;
    }

        .additional-commodity-code .datagrid-table .datagrid-cell .invalid .tooltip cds-icon {
            color: #c92100;
        }

        .additional-commodity-code .datagrid-table .datagrid-cell .invalid .tooltip .tooltip-content {
            background-color: #c92100;
            padding: 5px 10px;
            bottom: 14px;
            width: 150px;
            font-size: 12px;
            line-height: 12px;
        }

            .additional-commodity-code .datagrid-table .datagrid-cell .invalid .tooltip .tooltip-content::before {
                border-right: 0;
                border-top: 0;
                border: 6px solid;
                border-color: #c92100 #c92100 transparent transparent;
            }

    .additional-commodity-code .datagrid-table .datagrid-cell .invalid input {
        padding-right: 20px !important;
        border: 1px solid #c92100;
        padding-left: 5px !important;
    }

.additional-commodity-code .commodity-row-active {
    background-color: #e3f5fc47;
}

    .additional-commodity-code .commodity-row-active .action-clm cds-icon {
        color: green;
    }

.xxl .modal-dialog {
    width: 100%;
}

.clr-datagrid.datagrid-description .datagrid-table .datagrid-column.fixed-column-description, .clr-datagrid.datagrid-description .datagrid-table .datagrid-row .datagrid-cell.fixed-column-description, .manifest-page .datagrid-description .datagrid-table .datagrid-column.fixed-column-description, .manifest-page .datagrid-description .datagrid-table .datagrid-row .datagrid-cell.fixed-column-description, .timeline-steps .datagrid-description .datagrid-table .datagrid-column.fixed-column-description, .timeline-steps .datagrid-description .datagrid-table .datagrid-row .datagrid-cell.fixed-column-description, .invalid-commodity-page .datagrid-description .datagrid-table .datagrid-column.fixed-column-description, .invalid-commodity-page .datagrid-description .datagrid-table .datagrid-row .datagrid-cell.fixed-column-description {
    width: 420px !important;
    min-width: 420px !important;
    max-width: 420px !important;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.clr-datagrid.datagrid-description .datagrid-table .datagrid-column.action-col, .clr-datagrid.datagrid-description .datagrid-table .datagrid-row .datagrid-cell.action-col, .manifest-page .datagrid-description .datagrid-table .datagrid-column.action-col, .manifest-page .datagrid-description .datagrid-table .datagrid-row .datagrid-cell.action-col, .timeline-steps .datagrid-description .datagrid-table .datagrid-column.action-col, .timeline-steps .datagrid-description .datagrid-table .datagrid-row .datagrid-cell.action-col, .invalid-commodity-page .datagrid-description .datagrid-table .datagrid-column.action-col, .invalid-commodity-page .datagrid-description .datagrid-table .datagrid-row .datagrid-cell.action-col {
    width: 70px !important;
    min-width: 70px;
    max-width: 70px;
}

.invalid-commodity-page .datagrid-table .datagrid-cell input,
.datagrid-table .datagrid-cell input {
    width: 100%;
    padding: 0 3px !important;
    border: 1px solid #d3d3d3;
    border-radius: 2px;
    line-height: 26px;
    height: 28px;
    max-height: 28px;
    margin: 0;
    outline: none;
}

.datagrid-table .datagrid-cell input {
    padding: 0 10px !important
}

.commodity-item-popup-body .additional-commodity-code .datagrid-table .datagrid-column, .commodity-item-popup-body .additional-commodity-code .datagrid-table .datagrid-cell {
    width: 130px !important;
}

.md-drppicker .btn {
    border-color: #052973 !important;
    background-color: #052973 !important;
    color: #fff !important;
    outline: none;
}

    .md-drppicker .btn.btn-default.clear {
        border: 1px solid #052973 !important;
        color: #052973 !important;
        line-height: 34px !important;
        height: 36px !important;
        background-color: transparent !important;
    }

        .md-drppicker .btn.btn-default.clear svg {
            display: none;
        }

.modal-body.modal-form.commodity-item-popup-body .clr-datagrid .datagrid {
    overflow: inherit;
}

.modal-form.commodity-item-popup-body .form-group .clr-input-wrapper textarea {
    min-height: 80px;
}

.commodity-step-3 .datagrid .collapse-data {
    display: none;
}

    .commodity-step-3 .datagrid .collapse-data.active {
        display: block;
    }

.commodity-step-3 .datagrid cds-icon.drop {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.commodity-step-3 .datagrid cds-icon.no-drop {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}

.commodity-step-3 .commodity-shipment-grid .datagrid-row .datagrid-header {
    z-index: 1 !important;
}

.package-item-error {
    color: red;
    text-align: center;
}

.tracking-number-detail .datagrid .collapse-data {
    display: none;
}

    .tracking-number-detail .datagrid .collapse-data.active {
        display: block;
    }

.tracking-number-detail .datagrid cds-icon.drop {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.tracking-number-detail .datagrid cds-icon.no-drop {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}

.tracking-number-detail .package-details-grid {
    max-height: 400px;
}

    .tracking-number-detail .package-details-grid .datagrid-row .datagrid-header {
        z-index: 1 !important;
    }

.clr-datagrid.package-details-grid .datagrid-table .datagrid-column.action-col, .clr-datagrid.package-details-grid .datagrid-table .datagrid-row .datagrid-cell.action-col {
    width: 70px !important;
    min-width: 70px;
    max-width: 70px;
}

.clr-datagrid.package-details-grid .datagrid-table .datagrid-column.fixed-column-description, .clr-datagrid.package-details-grid .datagrid-table .datagrid-row .datagrid-cell.fixed-column-description {
    width: 420px !important;
    min-width: 420px !important;
    max-width: 420px !important;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

p {
    margin-top: 0 !important;
}

.main-container .content-container .content-area {
    padding: 0.3rem 0.3rem 0.3rem 0.3rem !important;
}

.datagrid .datagrid-column, .datagrid .datagrid-cell {
    padding: 0.1rem 0.6rem 0.1rem !important;
}

.datagrid-table .datagrid-column .datagrid-column-separator {
    height: 80% !important;
}

.datagrid {
    margin-top: 10px !important;
}

.datagrid-cell {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.datagrid-table .datagrid-column.action,
.datagrid-table .datagrid-cell.action {
    min-width: 70px !important;
    max-width: 70px !important;
}

.datagrid-table .datagrid-column.status,
.datagrid-table .datagrid-cell.status {
    min-width: 120px !important;
    max-width: 120px !important;
}

.filter-form .form-group .clr-form-control .clr-textarea {
    width: 100%;
    max-width: 100%;
    flex: 100% !important;
    margin: 0 !important;
    border: 0 !important;
    background: none !important;
    outline: none;
}

    .filter-form .form-group .clr-form-control .clr-textarea.search-textarea {
        height: 31px;
        max-height: 90px !important;
        min-height: 30px !important;
    }

    .filter-form .form-group .clr-form-control .clr-textarea .clr-textarea-group {
        padding: -1px;
        border: 0;
        outline: none;
        background: none;
    }

    .filter-form .form-group .clr-form-control .clr-textarea .clr-textarea-wrapper {
        border: 1px solid #d3d3d3;
        border-radius: 2px;
        margin: 0;
        background: white;
    }

.toggle-btn-row {
    align-items: self-end !important;
    justify-content: flex-end;
}

.search-textarea-toggle {
    padding-right: 0.5px !important;
    padding-left: 0 !important;
    text-align: end;
}

.required {
    color: red;
}

.select-bulk-file-type {
    text-align: left;
}

.dropdown-toggle.dropdown-toggle-bulk {
    border-radius: 2px !important;
}

.required-column {
    color: #61b715;
}

.optional-column {
    color: red;
}

.support-description {
    margin-top: 15px;
}

.search-textarea-toggle .clr-toggle-wrapper {
    margin-right: 0;
}

.shipment-page .clr-textarea {
    border: 1px solid #d3d3d3;
    border-radius: 2px;
    margin: 0;
    background: white !important;
}

.add-address-popup {
    overflow-y: hidden !important;
}

.modal-body.modal-form .form-data.add-edit-comment {
    padding: 35px 10px 10px 10px;
}

    .modal-body.modal-form .form-data.add-edit-comment .clr-form-control {
        height: auto;
        margin: 0 0 20px;
        position: relative;
    }

        .modal-body.modal-form .form-data.add-edit-comment .clr-form-control .clr-input-wrapper {
            max-height: initial;
        }

            .modal-body.modal-form .form-data.add-edit-comment .clr-form-control .clr-input-wrapper .clr-textarea {
                width: 100%;
                min-height: 100px;
            }

            .modal-body.modal-form .form-data.add-edit-comment .clr-form-control .clr-input-wrapper.invalid .tooltip {
                position: absolute;
                right: 18px;
                width: 25px;
                text-align: center;
                top: 0px;
            }

                .modal-body.modal-form .form-data.add-edit-comment .clr-form-control .clr-input-wrapper.invalid .tooltip cds-icon {
                    color: #c92100;
                }

                .modal-body.modal-form .form-data.add-edit-comment .clr-form-control .clr-input-wrapper.invalid .tooltip .tooltip-content {
                    background-color: #c92100;
                    padding: 5px 10px;
                    bottom: 14px;
                    width: 240px;
                    font-size: 12px;
                    line-height: 12px;
                }

                    .modal-body.modal-form .form-data.add-edit-comment .clr-form-control .clr-input-wrapper.invalid .tooltip .tooltip-content:before {
                        border-right: 0;
                        border-top: 0;
                        border: 6px solid;
                        border-color: #c92100 #c92100 transparent transparent;
                    }

            .modal-body.modal-form .form-data.add-edit-comment .clr-form-control .clr-input-wrapper.invalid .clr-textarea {
                padding-right: 25px;
                border: 1px solid #c92100;
            }

label.required:after {
    content: " *";
    color: red;
}

.view-log-icon {
    cursor: pointer;
    color: #052973 !important;
}

.modal-body.arrival-log {
    overflow: inherit;
}

    .modal-body.arrival-log .datagrid-host {
        height: 60vh !important;
        overflow: auto;
    }

.left-align-text {
    text-align: left;
}

.condensed-form {
    max-width: 900px !important;
    margin: 0 auto;
}

.commodity-step-4 .delivery-address {
    max-width: none !important;
    margin-bottom: 20px;
}

    .commodity-step-4 .delivery-address li {
        margin-left: 15px;
    }

.commodity-step-4 .border-space {
    border-top: 1px solid #d3d3d300;
}

.commodity-step-4 a {
    color: #052973;
}

.details-description {
    margin-right: -2.6% !important;
    padding-right: 3% !important;
}

.document-upload .border-space {
    border-top: 1px solid #d3d3d300;
}

.fixed-height-grid .datagrid-table-wrapper {
    max-height: 300px;
    overflow: auto;
}

.datagrid-table .datagrid-cell a {
    cursor: pointer;
    color: #052973;
    text-decoration: underline;
}

.form-group .input-data {
    color: #454545;
    background-color: #fafafa;
    padding: 0 5px;
    border: 1px solid #d3d3d3;
    border-radius: 2px;
    height: 28px;
    line-height: 26px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
}

.eod-manifest .action-button {
    margin-top: 22px;
}

.pudo-activity-summary .clr-form .action-button {
    margin-top: 22px;
}

.pudo-return-activity-summary .clr-form .action-button {
    margin-top: 22px;
}

.tracking-address {
    margin: 10px 0px 0px 0px;
}

.create-eod-manifest .record-grid {
    max-height: 400px !important;
}

.create-eod-manifest .action-button {
    margin-top: 22px;
}

.address-import-steps .clr-timeline {
    max-width: 524px !important;
}

.address-uploader .hide-table {
    display: none;
}

.address-uploader .top-tab-action {
    position: absolute;
    right: 0;
    top: -10px;
    width: auto;
}

.hide-table {
    display: none;
}

.nodata-note {
    font-size: 12px;
    color: grey;
}

.invalid-shipment {
    padding: 12px 15px;
    margin-bottom: 20px;
    margin-top: 20px;
    border-radius: 10px;
    border: 1px solid;
    padding-left: 15px !important;
    border-color: #052973;
}

    .invalid-shipment li {
        width: 100%;
        position: relative;
        list-style: none;
        color: #000000;
        font-size: 16px;
        line-height: 22px;
        text-align: left;
        margin-bottom: 15px;
    }

    .invalid-shipment .error-title {
        font-size: 24px;
        font-weight: 500;
        color: #052973;
    }

    .invalid-shipment .error-line {
        font-size: 14px !important;
        color: #c92100;
    }

.row-center {
    justify-content: center;
}

.upload-form {
    max-width: 750px !important;
    margin: 0 auto;
    padding: 20px;
}

.row-right {
    justify-content: right;
    padding: 10px;
}

.package-card-section {
    padding: 10px;
}

.commodity-form .action-button .btn-group {
    margin: 2px;
}

.package-card-section .card {
    box-shadow: none !important;
}

.accordion-theme .clr-accordion-header .clr-accordion-header-button:disabled {
    background-color: #eaeaea !important;
}

.valid-accordian .clr-accordion-header-button {
    background-color: #1b9810 !important;
}

.commodity-item-popup-body form.clr-form {
    max-width: none !important;
}

.tracking-number-detail .datagrid cds-icon.active {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}

.card-header, .card-block, .card-footer {
    padding: 0.6rem 0.6rem !important;
}

.package-card-section .clr-col-12 {
    padding-right: 0.3rem !important;
    padding-left: 0.3rem !important;
}

.white-text {
    color: #fff;
}

.deliverd-date-time .form-data {
    min-height: 50vh;
}

.reprintlabel-footer {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.fixed-commodity-grid .datagrid-table-wrapper {
    max-height: 300px;
    overflow: auto;
}

.icon-down {
    transform: rotate(180deg) !important;
}

.internal-grid {
    max-height: 200px;
    overflow: auto;
}

.datagrid-table .datagrid-cell:focus {
    outline: none !important;
    outline-offset: 0 !important;
}

.datagrid-spinner {
    background-color: transparent !important;
}

clr-dg-page-size {
    display: flex;
}

.pagination-size label {
    margin-bottom: 0px;
    padding-top: 5px;
}

header .branding > a, header .branding > .nav-link, .header .branding > a, .header .branding > .nav-link {
    display: inline-flex;
    align-items: center;
    height: 3rem;
    text-decoration: none;
    padding: 0 !important;
}

.clr-accordion-panel {
    margin-top: 10px !important;
    border-bottom: var(--cds-global-space-1) solid var(--clr-accordion-border-color);
}

.map-company-name {
    color: #d8127d !important;
    font-weight: 600;
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
}

.map-subttitle {
    color: #d8127d !important;
    font-weight: 600;
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
}

.map-sub-name {
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
}

.map-company-address {
    font-weight: 600;
}

.clr-datagrid .datagrid-table .datagrid-column.package-col, .clr-datagrid .datagrid-table .datagrid-row .datagrid-cell.package-col {
    width: 200px !important;
}

.address-search-btn {
    padding-bottom: 5px;
    justify-content: center;
    display: flex;
}

.address-select-title:focus-visible {
    outline: transparent !important;
}

.title .action-button {
    width: auto;
    float: right;
    margin-top: 3px;
}

.action-button.multiple .btn-group {
    margin-left: 5px;
}

.filter-form .clr-form .action-button {
    margin-top: 18px;
}