/* Minification failed. Returning unminified contents.
(2,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-active-background-color'
(6,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-inactive-background-color'
(8,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-border-color'
(42,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-background-color'
(46,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(51,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-width-large'
(62,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-width-mid'
(75,18): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-height-normal'
(78,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-active-background-color'
(84,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-font-text-transform'
(85,21): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-font-size'
(86,23): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-font-family'
(87,23): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-font-weight'
(88,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-active-background-color'
(90,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-border-color'
(101,18): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-height-normal'
(102,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-width-short'
(106,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-font-text-transform'
(107,21): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-font-size'
(108,23): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-font-family'
(109,23): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-font-weight'
(113,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-on-hover-color'
(117,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-inactive-background-color'
(118,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-menu-dropdown-color'
(119,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-menu-dropdown-color'
(123,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-inactive-background-color'
(125,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-border-color'
(136,18): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-height-normal'
(137,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-width-short'
(141,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-active-background-color'
(146,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-invert-inactive-color'
(150,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-invert-color'
(154,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-inactive-background-color'
(158,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-active-background-color'
(163,16): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-active-color'
(167,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-active-color'
(171,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-invert-inactive-background-color'
(175,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-invert-active-background-color'
(179,16): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-invert-inactive-color'
(183,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-invert-inactive-color'
(187,16): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-invert-color'
(191,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-invert-color'
(195,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-invert-background-inactive-color'
(197,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-invert-inactive-color'
(201,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-invert-background-only-active-color'
(217,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-invert-on-hover-color'
(221,16): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-invert-on-hover-color'
(230,16): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-on-hover-color'
(234,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-on-hover-color'
(241,16): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-invert-inactive-color'
(250,18): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-height-normal'
(260,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-width-normal'
(262,18): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-height-normal'
(272,18): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-height-normal'
(282,18): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-height-normal'
(290,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-width-large'
(292,18): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-height-normal'
(298,21): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-font-size'
(299,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-inactive-color'
(303,16): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-inactive-color'
(309,18): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-height-normal'
(314,21): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-font-size'
(332,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-width-normal'
(334,18): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-height-normal'
(344,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-width-short'
(346,18): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-height-normal'
(356,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-width-short'
(358,18): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-height-normal'
(372,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-width-short'
(374,18): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-height-normal'
(388,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-width-mid'
(390,18): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-height-normal'
(399,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(404,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-inactive-color'
(408,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-invert-inactive-background-color'
(409,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-menu-dropdown-color'
(413,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-menu-dropdown-color'
(429,18): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-height-normal'
(430,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-width-normal'
(439,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(444,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-inactive-color'
(448,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-invert-inactive-background-color'
(449,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-menu-dropdown-color'
(453,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-menu-dropdown-color'
(465,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-width-normal'
(467,18): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-height-normal'
(476,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-width-ultralarge'
(477,18): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-height-normal'
(482,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(486,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-inactive-color'
(494,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-invert-inactive-background-color'
(498,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-menu-dropdown-color'
(502,16): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-inactive-background-color'
(506,16): run-time error CSS1039: Token not allowed after unary operator: '-theme-menu-dropdown-color'
(514,18): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-height-normal'
(515,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-width-ultralarge'
(535,18): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-height-normal'
(536,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-width-ultralarge'
(554,18): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-height-normal'
(555,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-width-ultralarge'
(576,18): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-height-normal'
(577,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-width-normal'
(594,18): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-height-normal'
(595,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-width-normal'
(614,18): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-height-normal'
(628,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-width-normal'
(629,18): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-height-normal'
(652,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-width-ultralarge'
(654,18): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-height-normal'
(658,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-download-inactive-background-color'
(662,16): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-download-inactive-color'
(666,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-download-inactive-color'
(670,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-download-active-background-color'
(674,16): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-download-active-color'
(678,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-download-active-color'
(684,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-width-normal'
(686,18): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-height-normal'
(694,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-width-ultralarge'
(696,18): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-height-normal'
(713,18): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-height-normal'
(720,18): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-height-normal'
(730,18): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-height-normal'
(733,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-documents-inactive-background-color'
(737,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-documents-active-background-color'
(742,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-documents-inactive-color'
(746,16): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-documents-active-color'
(750,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-documents-active-color'
(759,18): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-height-normal'
(760,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-width-large'
(766,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-addreceiver-inactive-background-color'
(770,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-inactive-background-color'
(811,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-inactive-background-color'
(815,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-addreceiver-inactive-background-color'
(838,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-inactive-background-color'
(842,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-addreceiver-inactive-background-color'
(873,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-deletelist-inactive-background-color'
(877,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-inactive-background-color'
(903,18): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-height-normal'
 */
.ui-button {
    background-color: var(--theme-btn-active-background-color);
}
.theme-button {
    display: flex;
    background-color: var(--theme-btn-inactive-background-color);
    border-style: solid;
    border-color: var(--theme-btn-border-color);
    border-width: 1px;
    border-radius: 4px;
    align-items: center;
    box-sizing: border-box;
    padding: 2px;
    column-gap: 4px;
    /*margin: 1px;*/
    margin: 0 1px 0 2px;
    /*justify-content: flex-start;*/
    justify-content: center;
}

.theme-button {
    line-height: 12px;
}

.theme-button svg.icon, .theme-button img.icon {
    height: 95%;
}

.btn-swap {
    cursor: pointer;
    float: right;
    color: black;
    margin-top: -3px;
    margin-right: 10px;
    font-size: 13px;
    font-family: 'Roboto Condensed';
    font-weight: 900;
    border: 1px solid black;
    border-radius: 4px;
    padding: 1px 10px;
    height: 17px !important;
    background-color: var(--theme-background-color);
}

.btn-swap:hover {
    background-color: var(--theme-primary-color);
    color: rgb(255,255,255);
}

.btn-custom-long-width {
    width: var(--theme-btn-width-large) !important;
}

.fileupload-custom{
    display: flex;
    flex-direction:row;
    gap: 5px;
    align-items: center;
}

.fileupload-custom .btn-fileupload-custom {
    width: var(--theme-btn-width-mid) !important;
}

.fileupload-custom .lbl-fileupload-custom {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*custom pager*/
li.pager-item input {
    padding: 5px 10px 5px 10px !important;
    margin-top: 5px !important;
    height: var(--theme-btn-height-normal) !important;
}
button.ui-button.ui-widget.ui-button-icon-only {
    background-color: var(--theme-btn-active-background-color);
    font-size: 0;
    margin-right: 5px;
}

button.ui-button.ui-widget:not(.ui-button-icon-only) {
    text-transform: var(--theme-btn-font-text-transform);
    font-size: var(--theme-btn-font-size);
    font-family: var(--theme-btn-font-family);
    font-weight: var(--theme-btn-font-weight);
    background-color: var(--theme-btn-active-background-color);
    border-style: solid;
    border-color: var(--theme-btn-border-color);
    border-width: 1px;
    border-radius: 4px;
    align-items: center;
    box-sizing: border-box;
    padding: 2px;
    column-gap: 4px;
    /*margin: 1px;*/
    margin: 0 1px 0 2px;
    /*justify-content: flex-start;*/
    justify-content: center;
    height: var(--theme-btn-height-normal);
    width: var(--theme-btn-width-short);
}

.theme-button .button-text {
    text-transform: var(--theme-btn-font-text-transform);
    font-size: var(--theme-btn-font-size);
    font-family: var(--theme-btn-font-family);
    font-weight: var(--theme-btn-font-weight);
}

.ui-button.ui-widget.ui-corner-all:focus:not(:hover) {
    color: var(--theme-btn-on-hover-color);
}

.ui-button.ui-widget.ui-corner-all:hover {
    background-color: var(--theme-btn-inactive-background-color);
    border: 1px solid var(--theme-menu-dropdown-color);
    color: var(--theme-menu-dropdown-color);
}

.ui-button.ui-widget.ui-corner-all.invert {
    background-color: var(--theme-btn-inactive-background-color);
    border-style: solid;
    border-color: var(--theme-btn-border-color);
    border-width: 1px;
    border-radius: 4px;
    align-items: center;
    box-sizing: border-box;
    padding: 2px;
    column-gap: 4px;
    /*margin: 1px;*/
    margin: 0 1px 0 2px;
    /*justify-content: flex-start;*/
    justify-content: center;
    height: var(--theme-btn-height-normal);
    width: var(--theme-btn-width-short);
}

.ui-button.ui-widget.ui-corner-all.invert:hover {
    background-color: var(--theme-btn-active-background-color);
    border: 1px solid black;
}

.ui-button.ui-widget.ui-corner-all.invert {
    color: var(--theme-btn-invert-inactive-color);
}

.ui-button.ui-widget.ui-corner-all.invert:hover {
    color: var(--theme-btn-invert-color);
}

.ui-button:hover {
    background-color: var(--theme-btn-inactive-background-color);
    border: 1px solid black;
}
.theme-button:hover {
    background-color: var(--theme-btn-active-background-color);
    cursor: pointer;
}

.theme-button.hover use {
    fill: var(--theme-btn-active-color);
}

.theme-button:hover, .ui-button.ui-widget:hover {
    color: var(--theme-btn-active-color);
}

.theme-button.invert {
    background-color: var(--theme-btn-invert-inactive-background-color);
}

.theme-button.invert:hover { 
    background-color: var(--theme-btn-invert-active-background-color);
}

.theme-button.invert use {
    fill: var(--theme-btn-invert-inactive-color);
}

.theme-button.invert {
    color: var(--theme-btn-invert-inactive-color);
}

.theme-button.invert:hover use {
    fill: var(--theme-btn-invert-color);
}

.theme-button.invert:hover {
    color: var(--theme-btn-invert-color);
}

.theme-button.invert-background {
    background-color: var(--theme-btn-invert-background-inactive-color);
    /*color: var(--theme-menu-dropdown-hover-color);*/
    color: var(--theme-btn-invert-inactive-color);
}

.theme-button.invert-background:hover {
    background-color: var(--theme-btn-invert-background-only-active-color);
}

.theme-button.invert-background:hover { /*, .theme-button.invert.invert-background:hover {*/
    color: initial;
}

/*.theme-button.invert.invert-background {
    background-color: var(--theme-btn-invert-background-inactive-color);
}

.theme-button.invert.invert-background:hover {
    background-color: var(--theme-btn-invert-background-active-color);
}*/

.theme-button.invert-on-hover:hover {
    color: var(--theme-btn-invert-on-hover-color);
}

.theme-button.invert-on-hover:hover use {
    fill: var(--theme-btn-invert-on-hover-color);
}

.theme-button.text-only {
    justify-content: center;
}

.theme-button:hover use {
    /*fill: var(--theme-menu-dropdown-hover-color);*/
    fill: var(--theme-btn-on-hover-color);
}
.theme-button:hover, .ui-button {
    /*color: var(--theme-menu-dropdown-hover-color);*/
    color: var(--theme-btn-on-hover-color);
}
.theme-button.invert-background:hover, .ui-button:hover {
    color: initial;
}
.theme-button.invert-background use {
    /*fill: var(--theme-menu-dropdown-hover-color);*/
    fill: var(--theme-btn-invert-inactive-color);
}
.theme-button.invert-background:hover use {
    fill: initial;
}

.theme-button.myaddress {
    width: 109px;
    /*height: 27px;*/
    height: var(--theme-btn-height-normal);
}

.theme-button.myaddress {
    font-size: small;
    /*line-height: 10px;*/
    line-height: 12px;
}

.theme-button.addaddress {
    width: var(--theme-btn-width-normal);
    /*height: 41px;*/
    height: var(--theme-btn-height-normal);
}

.theme-button.addaddress svg.icon {
    height: 90%;
}

.theme-button.clearaddress {
    width: 77px;
    /*height: 27px;*/
    height: var(--theme-btn-height-normal);
}

.theme-button.clearaddress {
    font-size: small;
}

.theme-button.saveaddress {
    width: 69px;
    /*height: 27px;*/
    height: var(--theme-btn-height-normal);
}

.theme-button.saveaddress {
    font-size: small;
}

.theme-button.freight {
    width: var(--theme-btn-width-large);
    /*height: 27px;*/
    height: var(--theme-btn-height-normal);
    float: right;
}

.theme-button.freight {
    /*font-size: 13px;*/
    font-size: var(--theme-btn-font-size);
    color: var(--theme-btn-inactive-color);
}

.theme-button.freight use {
    fill: var(--theme-btn-inactive-color);
}

.theme-button.package {
    width: 117px;
    /*height: 27px;*/
    height: var(--theme-btn-height-normal);
}

.theme-button.package {
    /*font-size: small;*/
    font-size: var(--theme-btn-font-size);
}

.theme-button.removegoods {
    visibility: hidden;
    float: left;
    width: 62px;
    justify-content: center;
}

.theme-button.removegoods {
    font-size: x-small;
}

.theme-button.quote-all {
    visibility: hidden;
    float: right;
    /*width: 87px;*/
    width: var(--theme-btn-width-normal);
    /*height: 27px;*/
    height: var(--theme-btn-height-normal);
    margin-right: 31px;
}

.theme-button.quote-all {
    /*font-size: 12px;*/
    /*color: black;*/
}

.theme-button.book {
    width: var(--theme-btn-width-short);
    /*height: 27px;*/
    height: var(--theme-btn-height-normal);
    float: right;
}

.theme-button.book {
    /*font-size: xx-small;*/
}

.theme-button.bookpdf {
    /*width: 87px;*/
    width: var(--theme-btn-width-short);
    /*height: 27px;*/
    height: var(--theme-btn-height-normal);
    float: right;
}

.theme-button.bookpdf svg.icon use path.st3 {
    fill: #EC1C24;
}

.theme-button.bookpdf {
    /*font-size: xx-small;*/
}

.theme-button.quote {
    /*width: 87px;*/
    width: var(--theme-btn-width-short);
    /*height: 27px;*/
    height: var(--theme-btn-height-normal);
    float: right;
    margin: 1px;
}

.theme-button.quote svg.icon {
    width: 19px;
}

.theme-button.quote {
    font-size: 13px;
}

.theme-button.import {
    width: var(--theme-btn-width-mid);
    /*height: 41px;*/
    height: var(--theme-btn-height-normal);
    float: right;
}

.theme-button.import svg.icon {
    height: 90%;
}

.theme-button.import.background {
    background-color: var(--theme-primary-color);
    /*color: var(--theme-btn-inactive-color);*/
}

.theme-button.import.background {
    color: var(--theme-btn-inactive-color);
}

.theme-button.import.background:hover {
    background-color: var(--theme-btn-invert-inactive-background-color);
    color: var(--theme-menu-dropdown-color);
}

.theme-button.import.background:hover {
    color: var(--theme-menu-dropdown-color);
}

.theme-button.import.background use {
    /*fill: var(--theme-btn-inactive-background-color);*/
    fill: white;
}

.theme-button.import.background:hover use {
    /*fill: var(--theme-btn-invert-active-color);*/
    fill: black;
}

.theme-button.search {
    /*width: 127px;*/
    /*height: 41px;*/
    height: var(--theme-btn-height-normal);
    width: var(--theme-btn-width-normal);
    float: right;
}

.theme-button.search svg.icon{
    height: 92%;
}

.theme-button.search.background {
    background-color: var(--theme-primary-color);
    /*color: var(--theme-btn-inactive-color);*/
}

.theme-button.search.background {
    color: var(--theme-btn-inactive-color);
}

.theme-button.search.background:hover {
    background-color: var(--theme-btn-invert-inactive-background-color);
    color: var(--theme-menu-dropdown-color);
}

.theme-button.search.background:hover{
    color: var(--theme-menu-dropdown-color);
}

.theme-button.search.background use {
    fill: white;
}

.theme-button.search.background:hover use {
    fill: black;
}

.theme-button.download {
    width: var(--theme-btn-width-normal);
    /*height: 41px;*/
    height: var(--theme-btn-height-normal);
    float: right;
    margin-top: 5px;
    margin-right: 10px;
}



.theme-button.download_csv {
    width: var(--theme-btn-width-ultralarge);
    height: var(--theme-btn-height-normal);
}


.theme-button.download_csv.background {
    background-color: var(--theme-primary-color);
}

.theme-button.download_csv.background {
    color: var(--theme-btn-inactive-color);
}

.theme-button.download_csv svg.icon {
    height: 90%;
}

.theme-button.download_csv.background:hover {
    background-color: var(--theme-btn-invert-inactive-background-color);
}

.theme-button.download_csv.background:hover {
    color: var(--theme-menu-dropdown-color);
}

.theme-button.download_csv.background use {
    fill: var(--theme-btn-inactive-background-color);
}

.theme-button.download_csv.background:hover use {
    fill: var(--theme-menu-dropdown-color);
}



.theme-button.sharetrackinglink, .theme-button.viewcar {
    /*width: 132px;*/
    /*height: 27px;*/
    height: var(--theme-btn-height-normal);
    width: var(--theme-btn-width-ultralarge);
    float: right;
    margin-right: 10px;
}

.theme-button.sharetrackinglink, .theme-button.viewcar {
    /*font-size: xx-small;
    line-height: 8px;*/
    color: black;
}

    .theme-button.sharetrackinglink:hover, .theme-button.viewcar:hover {
        /*font-size: xx-small;
    line-height: 8px;*/
        color: white;
    }

.theme-button.viewdetails {
    /*width: 132px;*/
    /*height: 27px;*/
    height: var(--theme-btn-height-normal);
    width: var(--theme-btn-width-ultralarge);
    float: right;
}

.theme-button.viewdetails {
    /*font-size: xx-small;
    line-height: 8px;*/
    color:black;
}

.theme-button.viewdetails:hover {
    /*font-size: xx-small;
    line-height: 8px;*/
    color: white;
}

.theme-button.parcel-delivery-options {
    /*height: 27px;*/
    height: var(--theme-btn-height-normal);
    width: var(--theme-btn-width-ultralarge);
    float: right;
    margin-right: 10px;
}

.theme-button.parcel-delivery-options {
    /*font-size: xx-small;
    line-height: 8px;*/
    color:black;
}

.theme-button.parcel-delivery-options:hover {
    /*font-size: xx-small;
line-height: 8px;*/
    color: white;
}

.theme-button.trackjob {
    float: none;
    display: flex;
    /*width: 108px;*/
    height: var(--theme-btn-height-normal);
    width: var(--theme-btn-width-normal);
    justify-content: center;
}

.theme-button.trackjob {
    /*font-size: x-small;*/
    color:black;
}

.theme-button.trackjob:hover {
    /*font-size: x-small;*/
    color: white;
}

.theme-button.bookagain {
    /*width: 86px;*/
    /*height: 27px;*/
    height: var(--theme-btn-height-normal);
    width: var(--theme-btn-width-normal);
    float: right;
    margin-left: 6px;
}

.theme-button.bookagain {
    /*font-size: x-small;*/
    color:black;
}

.theme-button.bookagain:hover {
    /*font-size: x-small;*/
    color: white;
}

.theme-button.printconnote,
.theme-button.pdfconnote {
    width: 115px;
    /*height: 27px;*/
    height: var(--theme-btn-height-normal);
    float: right;
    margin-left: 6px;
}

.theme-button.printconnote,
.theme-button.pdfconnote {
    line-height: 12px;
}

.theme-button.printlabels,
.theme-button.pdflabels {
    /*width: 86px;*/
    /*height: 27px;*/
    width: var(--theme-btn-width-normal);
    height: var(--theme-btn-height-normal);
    float: right;
    margin-left: 6px;
}

.theme-button.printlabels,
.theme-button.pdflabels,
.theme-button.printconnote,
.theme-button.pdfconnote {
    /*font-size: x-small;*/
    color:black;
}

.theme-button.printlabels:hover,
.theme-button.pdflabels:hover,
.theme-button.printconnote:hover,
.theme-button.pdfconnote:hover {
    /*font-size: x-small;*/
    color: white;
}

.theme-button.collection_preadvice {
    /*width: 175px;*/
    width: var(--theme-btn-width-ultralarge);
    /*height: 41px;*/
    height: var(--theme-btn-height-normal);
}

.theme-button.download {
    background-color: var(--theme-btn-download-inactive-background-color);
}

.theme-button.download use {
    fill: var(--theme-btn-download-inactive-color);
}

.theme-button.download {
    color: var(--theme-btn-download-inactive-color);
}

.theme-button.download:hover {
    background-color: var(--theme-btn-download-active-background-color);
}

.theme-button.download:hover use {
    fill: var(--theme-btn-download-active-color);
}

.theme-button.download:hover {
    color: var(--theme-btn-download-active-color);
}

.theme-button.upload_p_download,
.theme-button.applypackage {
    /*width: 185px;*/
    width: var(--theme-btn-width-normal);
    /*height: 41px;*/
    height: var(--theme-btn-height-normal);
    /*background-color: var(--theme-btn-p-download-inactive-background-color);*/
}

.theme-button.picklist,
.theme-button.process_download,
.theme-button.process_email {
    /*width: 155px;*/
    width: var(--theme-btn-width-ultralarge);
    /*height: 41px;*/
    height: var(--theme-btn-height-normal);
    float: right;
}

.theme-button.picklist,
.theme-button.process_download,
.theme-button.process_email {
    /*line-height: 14px;*/
}

.theme-button.process_email svg.icon{
    height: 98%;
}

.theme-button.upload {
    width: 83px;
    /*height: 27px;*/
    height: var(--theme-btn-height-normal);
    float: right;
}

.theme-button.addotherdoc {
    width: 42px;
    /*height: 27px;*/
    height: var(--theme-btn-height-normal);
    float: left;
    clear: both;
    margin-left: 4px;
    margin-top: 4px;
}

.theme-button.btndocuments {
    width: 96px;
    /*height: 27px;*/
    height: var(--theme-btn-height-normal);
    margin-left: 6px;
    float: right;
    background-color: var(--theme-btn-documents-inactive-background-color);
}

.theme-button.btndocuments:hover {
    background-color: var(--theme-btn-documents-active-background-color);
}

.theme-button.btndocuments {
    font-size: x-small;
    color: var(--theme-btn-documents-inactive-color);
}

.theme-button.btndocuments:hover use {
    fill: var(--theme-btn-documents-active-color);
}

.theme-button.btndocuments:hover {
    color: var(--theme-btn-documents-active-color);
}

.theme-button.addreceiver,
.theme-button.updateref1,
.theme-button.updateref2,
.theme-button.deletelist {
    /*width: 127px;*/
    /*height: 41px;*/
    height: var(--theme-btn-height-normal);
    width: var(--theme-btn-width-large);
    float: right;
    margin-right: 4px;
}

.theme-button.addreceiver {
    background-color: var(--theme-btn-addreceiver-inactive-background-color);
}

.theme-button.addreceiver:hover {
    background-color: var(--theme-btn-inactive-background-color);
}

.theme-button.addreceiver {
    color: white;
}

.theme-button.addreceiver:hover {
    color: black;
}

.theme-button.addreceiver use {
    fill: white;
}

.theme-button.addreceiver:hover use {
    fill: black;
}

.theme-button.addreceiver svg.icon {
    height: 96%;
}



/*.theme-button.updateref1 {
    background-color: var(--theme-btn-updateref1-inactive-background-color);
}

.theme-button.updateref1:hover {
    background-color: var(--theme-btn-updateref1-active-background-color);
}

.theme-button.updateref2 {
    background-color: var(--theme-btn-updateref2-inactive-background-color);
}

.theme-button.updateref2:hover {
    background-color: var(--theme-btn-updateref2-active-background-color);
}*/
.theme-button.updateref1 {
    background-color: var(--theme-btn-inactive-background-color);
}

.theme-button.updateref1:hover {
    background-color: var(--theme-btn-addreceiver-inactive-background-color);
}

.theme-button.updateref1 {
    color: black;
}

.theme-button.updateref1:hover {
    color: white;
}

.theme-button.updateref1 use {
    fill: black;
}

.theme-button.updateref1:hover use {
    fill: white;
}

.theme-button.updateref1 svg.icon {
    height: 96%;
}
.theme-button.updateref2 {
    background-color: var(--theme-btn-inactive-background-color);
}

.theme-button.updateref2:hover {
    background-color: var(--theme-btn-addreceiver-inactive-background-color);
}

.theme-button.updateref2 {
    color: black;
}

.theme-button.updateref2:hover {
    color: white;
}

.theme-button.updateref2 use {
    fill: black;
}

.theme-button.updateref2:hover use {
    fill: white;
}

.theme-button.updateref2 svg.icon {
    height: 96%;
}

/*.theme-button.deletelist {
    background-color: var(--theme-btn-deletelist-inactive-background-color);
}

.theme-button.deletelist:hover {
    background-color: var(--theme-btn-deletelist-active-background-color);
}*/
.theme-button.deletelist {
    background-color: var(--theme-btn-deletelist-inactive-background-color);
}

.theme-button.deletelist:hover {
    background-color: var(--theme-btn-inactive-background-color);
}

.theme-button.deletelist {
    color: white;
}

.theme-button.deletelist:hover {
    color: black;
}

.theme-button.deletelist use {
    fill: white;
}

.theme-button.deletelist:hover use {
    fill: black;
}

.theme-button.deletelist svg.icon {
    height: 96%;
}

.theme-button.savequote {
    width: 69px;
    /*height: 27px;*/
    height: var(--theme-btn-height-normal);
    float: left;
}