/*
 * Colours
 *
 * Dark blue: #1e32fa
 * Middle blue: #879db9
 * Light blue: #e6ecf1
 * Highlight blue: #028fd7
 * 
 * Dividing grey: #f1f5f6
 *
 * Red: #d30509
 * Orange: #ff9327
 * Green: #65b109
 */

@font-face {
    font-family: AktivGrotesk;
    src: url(fonts/AktivGrotesk_Rg.ttf);
}

/*
 * Skype Override
 */
span.skype_pnh_container { display: none !important; }
span.skype_pnh_print_container { display: inline !important; }

/*
 * App Offline Notice
*/

.app-online {
    background: #900000; color: #fff; display: block; font-size: 16px; font-weight: bold; left: 0; padding: 0.5em 0; position: absolute; text-align: center; top: 0; width: 100%;
}

.app-online a{color: #fff;text-decoration: underline;margin-left: 2em;}

.query-switch-notice {
    z-index: 2; background: #ff9327; color: #fff; display: block; font-size: 16px; font-weight: bold; left: 1%; padding: 0.5em 0; position: absolute; text-align: center; top: 0; width: 98%;
}

.query-switch-notice p { padding: 0 1em; }

.query-switch-notice a, .query-switch-notice a:hover{color: #fff;text-decoration: underline;}

.website-notice {
    z-index: 10; background: #fac832; color: #333; display: block; font-size: 16px; font-weight: bold; left: 1%; padding: 0.5em 0; position: absolute; text-align: center; top: 0; width: 98%;
}

.website-notice p { padding: 0 1em; }

.website-notice a, .website-notice a:hover{color: #000;text-decoration: underline;}

.website-notice .notice-dismiss { }

.schedules-not-available {
    background: #fac832; color: #333; display: block; font-size: 16px; font-weight: bold; left: 1%; padding: 0.5em 0; text-align: center; top: 0;margin-top: 0.5em;
}


/* adverts */

.advert-leader { width: 728px; margin: 0 auto; }

.advert-rhs  { width: 250px; margin: 0 auto; }

h4.home-updates{
    text-align: center;
    margin: 0.8em 0 0.4em;
}

/*
 * Site styles
 * - based on HTML5 Boilerplate styles (h5bp.com)
 */
html, button, input, select, textarea { font-family: AktivGrotesk, Arial, sans-serif; color: #333; }
html { font-size: 1em; line-height: 1.4; background: #777; }
body { min-width: 980px; max-width: 1440px; margin: 0 auto; background: #fff; }
::-moz-selection { background: #1e32fa; color: #fff; text-shadow: none; }
::selection { background: #1e32fa; color: #fff; text-shadow: none; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
audio, canvas, img, video { vertical-align: middle; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
a { text-decoration: none; color: #3333FF; }
a:hover,
a:focus { text-decoration: underline; color: #3333FF; }
u { text-decoration: none; padding: 0 1px 2px; border-bottom: 1px dashed; }
u a:hover,
u a:focus { text-decoration: none; }
nav ul { margin: 0; padding: 0; }
ol.alpha { list-style-type: lower-alpha; }
ol.roman { list-style-type: lower-roman; }
p.collapsed { margin: 0; }
p.collapsed-top { margin-top: 0; }
p.collapsed-bottom { margin-bottom: 0; }
a[class|="btn"],
button,
.ui-button,
.ui-button+.ui-state-hover{ display: inline-block; padding: 0.3em 1.75em 0.0em 0.4em; border: 0; line-height: 1.6; background: #f04632; color: #fff; position: relative; text-align: left; font-weight: normal; }
a[class|="btn"]::after, button:not([class="destructive"])::after {
    content: "";
    position: absolute;
    bottom: 3px;
    right: 3px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 20px 20px;
    border-color: transparent;
    border-bottom-color: #FFFFFF;
}

.mce-btn button::after {
    border-width: 0;
    border-color: transparent;
}

.ui-widget button, .ui-widget input, .ui-widget select, .ui-widget textarea { font-family: AktivGrotesk, Arial, sans-serif; border: none; background: #F04632; }
.ui-widget select { background: #fff }
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: none;
    background: #999;
    font-weight: normal;
    color: #fff;
}
.nav-global button[role="link"]::after, .ui-dialog .ui-dialog-titlebar-close::after, button.text::after { border: none; }

a[class|="btn"]:hover,
a[class|="btn"]:focus,
button:hover,
button:focus { text-decoration: none; background: #999; }

a.btn-no-hover[class|="btn"]:hover,
a.btn-no-hover[class|="btn"]:focus{ background: #F04632; }

button[role="link"] { padding: 0; text-decoration: underline; font-size: 1em; background: none; color: #333; }
a.btn-confirm:hover,
a.btn-confirm:focus,
button.confirm:hover,
button.confirm:focus { background: #65b109; }
button.text { padding: 0; border: 0; background: transparent; color: #1e32fa; }
button.text:hover,
button.text:focus { outline: 0; text-decoration: underline; color: #028fd7; }
table { width: 100%; }
thead tr { border-bottom: 1px solid #777; }
tbody { font-size: 0.875em; }
tbody tr + tr,
tbody + tbody tr { border-top: 1px dotted #777; }
tbody.alt,tr.alt { background: #e6ecf1; }
th { text-align: left; }
th,
td { padding: 0.5em 0.2em; vertical-align: top; }
th + th,
th + td,
td + td { padding-left: 20px; }
table .col-action { width: 24px; }
table .col-action button { margin: 0; }
table .col-icon { width: 24px; }
table .col-date { width: 7em; text-align: right; white-space: nowrap; }
table .col-numeric { text-align: right; }
table.ratesresults .col-numeric,table.ratesresults .col-rate-date{white-space: nowrap;}
table .col-highlight{color: green;}
::-moz-placeholder { font-style: italic; }
::-webkit-input-placeholder { font-style: italic; }
:-ms-input-placeholder { font-style: italic; }
table.table-plain tr {
    border-top: 0;
}

.home-page .overview_main { width: 60%; }

/* TinyMCE fixes */
.mce-container-body input { width: auto; padding: 0 4px; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
.mce-container-body button { display: inline; width: auto !important; height: auto !important; background: none; }
.mce-container-body button:hover,
.mce-container-body button:focus { background: none; }
.mce-formitem .mce-abs-layout { padding: 1px; }

/*
 * jQuery UI
 */
.ui-corner-all { border-radius: 0; }

.ui-widget { font-size: 1em; }

.ui-autocomplete { max-height: 20em; overflow-x: hidden; overflow-y: auto; z-index: 101; }

.ui-button { padding: 1px 0 0; vertical-align: top; }

.ui-datepicker { width: 14em; }
.ui-datepicker table { width: 100%; }
.ui-datepicker tr { border: 0; }
.ui-datepicker th,
.ui-datepicker td { width: 14.285%; }
.ui-datepicker td span,
.ui-datepicker td a { text-align: center; }

.ui-dialog .ui-dialog-buttonpane { padding-right: 0.4em; }
.ui-dialog-content a { color: #1e32fa; }
.ui-dialog-content a:hover,
.ui-dialog-content a:focus { color: #028fd7; }

.ui-progressbar-failed { background: #ECA39D url(jqueryui-custom/images/static-overlay.png) 50% 50% repeat-x; }

.ui-dialog { z-index: 100 !important ;}

.no-titlebar .ui-dialog-titlebar {
    display: none;
}

.custom-combobox-input,
[class|="field"] .custom-combobox input.custom-combobox-input { width: 80%; border-bottom-color: #ddd; }
.custom-combobox .custom-combobox-toggle { height: 2em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/* icons */
[class|="ico"] { overflow: hidden; display: inline-block; text-indent: -9999px; background: url(img/spr-icons-2.png) 0 0 no-repeat; }

button [class|="ico"],
a[class|="btn"] [class|="ico"]{ display: none; }

[data-field-note-contained] button [class|="ico"],
[data-field-note-contained] a[class|="btn"] [class|="ico"]{ display: block; }

[class|="ico-24"] { width: 24px; height: 24px; }
[class|="ico-26"] { width: 16px; height: 16px; }
.ico-24-left { background-position: 0 0; }
.ico-24-right { background-position: -24px 0; }
.ico-24-up { background-position: -48px 0; }
.ico-24-down { background-position: -72px 0; }
.ico-24-plus { background-position: -96px 0; }
.ico-24-minus { background-position: -120px 0; }
.ico-16-minus { background-position: -232px 0; }
.ico-24-start { background-position: -144px 0; }
.ico-24-end { background-position: -168px 0; }
.ico-24-question { background-position: -192px 0; }
button.lnk:hover .ico-24-left, a:hover .ico-24-left, .ico-24-left-w { background-position: 0 -24px; }
button.lnk:hover .ico-24-right, a:hover .ico-24-right, .ico-24-right-w { background-position: -24px -24px; }
button.lnk:hover .ico-24-up, a:hover .ico-24-up, .ico-24-up-w { background-position: -48px -24px; }
button.lnk:hover .ico-24-down, a:hover .ico-24-down, .ico-24-down-w { background-position: -72px -24px; }
button.lnk:hover .ico-24-plus, a:hover .ico-24-plus, .ico-24-plus-w { background-position: -96px -24px; }
button.lnk:hover .ico-24-minus, a:hover .ico-24-minus, .ico-24-minus-w { background-position: -120px -24px; }
button.lnk:hover .ico-16-minus, a:hover .ico-16-minus, .ico-16-minus-w { background-position: -232px -24px; }
button.lnk:hover .ico-24-start, a:hover .ico-24-start, .ico-24-start-w { background-position: -144px -24px; }
button.lnk:hover .ico-24-end, a:hover .ico-24-end, .ico-24-end-w { background-position: -168px -24px; }
button.lnk:hover .ico-24-question, a:hover .ico-24-question, .ico-24-question-w { background-position: -192px -24px; }

.ico-24-save { background-position: 0 -48px; }
.ico-24-search { background-position: -24px -48px; }
.ico-24-export { background-position: -48px -48px; }
.ico-24-export-b { background-position: -48px -72px; }
.ico-24-warning-w { background-position: -72px -48px; }
.ico-24-warning { background-position: -72px -72px; }
.ico-24-edit { background-position: -96px -48px; }
.ico-24-cross { background-position: -120px -48px; }
.ico-24-hourglass { background-position: -144px -48px; }
.ico-24-multiple { background-position: -168px -48px; }
.ico-24-stop-w { background-position: -192px -48px; }
.ico-24-stop, .ico-24-error { background-position: -192px -72px; }
.ico-24-tick-w { background-position: -216px -48px; }
.ico-24-tick { background-position: -216px -72px; }
.ico-24-return-w { background-position: -240px -48px; }
.ico-24-return { background-position: -240px -72px; }
.ico-24-grouped { background-position: -264px -48px; }
.ico-24-grouped-b { background-position: -264px -72px; }
.ico-24-pivot { background-position: -290px -48px; }
.ico-24-pivot-b { background-position: -290px -72px; }

[class|="ico-16"] { width: 16px; height: 16px; }
.ico-16-delete { background-position: -216px 0; }
button:hover .ico-16-delete, a:hover .ico-16-delete { background-position: -216px -24px; }

/**/

.filing-review-warning {
    font-size: 0.8em;
    color: #fff;
    text-align: right;
    display: block;
    position: absolute;
    top: 0;
    left: 100%;
    float: left;
    margin-left: -497px;
    margin-top: 0.8em;
    width: 400px;
}

.filing-review-warning a {
    color: #fff;
}

/* shipping icons */
[class|="shippingico"] { overflow: hidden; display: inline-block; width: 24px; height: 24px; text-indent: -9999px; background: url(img/spr-shipping-warnings.png?v2) 0 0 no-repeat; }
.shippingico-temp { background-position: 0 0; }
.shippingico-date { background-position: -24px 0; }
.shippingico-sph { background-position: -48px 0; }
.shippingico-dgr { background-position: -72px 0; }
.shippingico-priority { background-position: -96px 0; }
.shippingico-all-in { background-position: -120px 0; }

/* generic layout */
.l-colgroup { letter-spacing: -0.333em; }
.l-colgroup:before,
.l-colgroup:after { content: " "; display: table; }
.l-colgroup:after { clear: both; }
[class|="l-col"] { display: inline-block; vertical-align: top; letter-spacing: normal; }
.l-col-1-1 { width: 100%; }
.l-col-1-2 { width: 45%; }
.l-col-1-2 + .l-col-1-2 { margin-left: 10%; }
.l-col-1-3 { width: 30%; }
.l-col-1-3 + .l-col-1-3 { margin-left: 5%; }
.l-col-2-3 { width: 65%; }
.l-col-2-3 + .l-col-1-3 { margin-left: 5%; }
.l-col-1-4 { width: 22%; }
.l-col-2-4 { width: 46%; }
.l-col-1-4 + .l-col-1-4, .l-col-2-4 + .l-col-1-4, .l-col-1-4 + .l-col-2-4  { margin-left: 4%; }

/* header */
header[role="banner"] { padding: 0 20px; background: #fff; }
header[role="banner"]{ background: #1e32fa; position: relative; }
header[role="banner"]:before,
header[role="banner"]:after { content: " "; display: table; }
header[role="banner"]:after { clear: both; }
header[role="banner"] h1 { float: left; height: 2.425em; margin: 0; padding: 0.4825em 0 0.8425em; font-size: 1em; line-height: 1; }
header[role="banner"] h1 a { display: block; }
header[role="banner"] form,
header[role="banner"] p,
header[role="banner"] li { display: inline-block; margin: 0; }
header[role="banner"].securehead h1 { margin-top: 1.37em; border-top: 1px solid transparent; }
header[role="banner"].securehead h1 { margin-top: 0.17em; }

header[role="banner"] [data-switch-carrier] { position: absolute; top: 44px; margin-left: 10px; }

.nav-global { margin: 0 -20px; padding: 0.3em 20px; text-align: right; font-size: 0.625em; background: #1e32fa; color: #fff; }
.nav-global nav { display: inline-block; }
.nav-global a,
.nav-global button[role="link"] { border-bottom: 1px solid #808080; text-decoration: none; color: #fff; }
.nav-global a:hover,
.nav-global a:focus,
.nav-global button[role="link"]:hover,
.nav-global button[role="link"]:focus { border-color: #fff; }
.nav-global .logout h2 { margin: 0; }
.nav-global .logout button,
.nav-global nav a { margin-left: 2em; }
.nav-site { margin-right: -0.235em; padding: 0.824em 0 0.706em; text-align: right; font-size: 1.0625em; }
.nav-site { text-align: left; }
.nav-site a { display: inline-block; padding: 0.235em; text-decoration: none; color: #000; font-weight: 500; }
.nav-site a::before{
    content: "|";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    padding: .2em 0;
    color: #000;
}
.nav-site li { display: inline-block; margin: 0; }
.nav-site li:first-child a::before,
.nav-site li ul li a::before {
    content: "";
}
.dropdown-nav ul li { display: block; }
.nav-site a[aria-selected="true"] { color: #f04632; }
.nav-site a:hover,
.nav-site a:focus { border-color: #e6ecf1; }
.nav-site li + li a { margin-left: 0.25em; }

.nav-logon { float: right; }
.nav-logon a.btn { margin-top: 0.76em; font-size: 0.9em; text-transform: uppercase; padding: 0.75em 2.45em 0.45em 1.4em; }

.area-logon {
    float: right;
    background: url("img/logon-avatar.png") no-repeat 100%;
    color: #fff;
    background-size: 34%;
    padding: 2em 4em 1em 1em;
    margin-top: 0.4em;
    font-size: 0.8em;
    margin-right: 2em;
}
.area-logon a { color: #fff; }
/*.area-logon a.btn { margin-top: 0.76em; font-size: 0.9em; text-transform: uppercase; padding: 0.75em 2.45em 0.45em 1.4em; }*/

html.js .area-logon { cursor: pointer; }
html.js .area-logon .account-details { display: none; }

html.js .init-hide-js-on { display: none; }

.area-logon .account-details {
    right: 0;
    min-width: 20em;
    cursor: auto;
    position: absolute;
    z-index: 4;
    top: 0;
    margin-top: 5em;    background: #e6e6e6;
}

.area-logon .account-details ul {
    margin: 2em 3em 1em 0;
    padding: 0;
}

.area-logon .account-details li {
    display: block;
    text-align: right;
    font-size: 1.2em;
}

.area-logon .account-details a { color: #000; }

.area-logon .account-details a[data-close-button] {
    background: red;
    padding: 0.8em 0.8em 0.5em;
    color: #fff;
    font-weight: bold;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    margin: 0.4em;
}

.area-logon .account-details h2 {
    position: relative;
    background: #fac832;
    margin: 0;
    padding: 0.7em 2.2em 0.5em 0.6em;
    color: #000;
    text-align: center;
    font-weight: normal;
    white-space: nowrap;
}

.area-logon .account-details h2::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 11.5px 0 11.5px;
    border-color: #fac832 transparent transparent transparent;
    bottom: 0;
    margin: auto auto -15px;
}

.area-logon form.logout {
    position: relative;
    right: 0;
    margin: 0.6em 3em 2em 10em;
    float: right;
}

.area-logon form.logout button {
    padding: 0.8em 2.25em 0.6em 1.3em;
}

.title-note-small {
    font-size: 0.625em;
    vertical-align: super;
}
.title-note-small::before{content: "("}
.title-note-small::after{content: ")"}
/* Dropdowns */
.dropdown-nav ul {
    position: absolute;
    top: 2.1em;
    display: none;

    min-width: 150px;
    z-index: 4;
    background: #e6e6e6;
    border: none;
    border-bottom: 3px solid #F04632;
}

.dropdown-nav ul ul {
    top: 0;
    left: 0;
    margin-left: 100%;
    border-top: 1px solid #c1d1de;
}

.dropdown-nav ul ul li {
    font-size: 0.9em;
}

.dropdown-nav li, .nav-site li {
    position: relative;
    padding: 0 0.45em;
    text-align: left;
}
.dropdown-nav li.child-selected > a { color: #F04632; }

/* Top level hover state, preserve hover state when hovering dropdown  */
.dropdown-nav li > a:hover,
.dropdown-nav li > a:focus,
.dropdown-nav li:focus > a,
.dropdown-nav li:hover > a {
    /* text shadow just makes reading more difficult in my opinion */
    /* text-shadow: 0 1px 0 rgba(0,0,0,0.4), 0 -1px 0 rgba(255,255,255,0.2); */
    outline: 0;
    color: #F04632;
}

.dropdown-nav li:focus,
.dropdown-nav li:hover
{
    background: #fff;
}

.dropdown-nav li:hover > ul,
.dropdown-nav li:focus > ul,
ul.show-menu {
    left: 0;
    display: block;
}

.dropdown-nav>li:last-child > ul{
    left: auto;
    right: 0;
}

.dropdown-nav li:hover > ul ul,
.dropdown-nav li:focus > ul ul,
ul.show-menu {
    right: auto;
}

.dropdown-nav li.menu-left ul ul {
    width: 99%;
    margin-left: -100%;
}

.dropdown-nav ul li {
    display: block;
    position: relative;
    border-bottom: 1px solid #FFFFFF;
}

.dropdown-nav ul li {
    padding: 0 0.85em;
}

.dropdown-nav ul li a {
    display: block;
    margin-left: 0;
    white-space: nowrap;
    font-size: 0.9em;
}

.dropdown-nav li.show-more > span {
    display: none;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #1e32fa;
    right: 0.25em;
    position: absolute;
    top: 0;
    margin-top: 0.75em;
}

/* toast messages */
#toast-message {position: absolute; top: 0; left: 0; z-index: 10000; width: 100%; height: auto; padding: 5px 0; background: #65b109; color: #fff; text-align: center; font-size: 1.6em; font-weight: bold;}
#toast-message.error {background: #d30509;}

/* footer */
footer[role="contentinfo"] { padding: 2em 3em 1em; border-top: 1px solid #c1d1de; font-size: 0.75em; background: #525252; color: #fff; }
footer[role="contentinfo"]:before,
footer[role="contentinfo"]:after { content: " "; display: table; }
footer[role="contentinfo"]:after { clear: both; }
footer[role="contentinfo"] nav { width: 50%; padding: 2em 0 0; }

footer[role="contentinfo"] nav a { text-decoration: none; color: #fff; }
footer[role="contentinfo"] nav a:hover,
footer[role="contentinfo"] nav a:focus,
footer[role="contentinfo"] nav a[aria-selected="true"] { border-bottom: 1px solid; }
footer[role="contentinfo"] .legal { margin-top: 4em; }

footer[role="contentinfo"] .logo { width: 112px; }
footer[role="contentinfo"] .row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
}

footer[role="contentinfo"] .col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
}

footer[role="contentinfo"] h2 {
    font-size: 2.3333333333rem;
    line-height: 35px;
    font-weight: 400;
}

footer[role="contentinfo"] hr {
    border-top: 3px solid #CCCCCC;
    margin-top: 2em;
    margin-bottom: 3em;
}

/* main area */
main { padding: 0 20px 60px; border-top: 1px solid #c1d1de;; }
main { padding: 0 20px 60px; border-top: 3px solid #ff3333; }
body.unsecure main { border-top: none; }
main h1 { margin: 0.209em 0 0; font-size: 3em; font-weight: normal; color: #1e32fa; }
main h2 { margin-bottom: 0.5em; font-size: 1.5em; font-weight: normal; }

/* forms */
main form:before,
main form:after { content: " "; display: table; }
main form:after { clear: both; }
main form button,
#popup form button { float: right; }
.ui-dialog.no-overflow{ overflow: visible; }
[class|="field"] + [class|="field"],
[class|="field"] + input[type="hidden"] + [class|="field"] { margin: 1em 0 0; }
[class|="field"] label { display: block; margin: 0 0 0.5em; }
.field--compact label { font-size: 10px; color: #1e32fa; font-weight: bold; }
[class|="field"] input[type="text"],
[class|="field"] input[type="number"],
[class|="field"] input[type="password"],
[class|="field"] textarea,
[class|="field"] select { display: inline-block; width: 100%; height: 2em; margin: 0 -0.2em; padding: 0.2em; border: 1px solid #bbb; border-bottom: 3px solid #ff9327; background: #fff;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
[class|="field"] input[type="file"]{ background: #fff;}
html.js [class|="field"] textarea[data-autogrow] { overflow: hidden; resize: none; }
[class|="field"] input[type="text"]:focus,
[class|="field"] input[type="password"]:focus,
[class|="field"] textarea:focus,
[class|="field"] select:focus { border-color: #ddd; }
[class|="field"] input.short,
[class|="field"] textarea.short,
[class|="field"] select.short { width: 50%; }
[class|="field"] input[type="text"][aria-invalid="true"],
[class|="field"] input[type="number"][aria-invalid="true"],
[class|="field"] input[type="password"][aria-invalid="true"],
[class|="field"] textarea[aria-invalid="true"],
[class|="field"] select[aria-invalid="true"] { border-bottom-color: #d30509; }
[class|="field"] input[type="text"][aria-invalid="false"],
[class|="field"] input[type="password"][aria-invalid="false"],
[class|="field"] textarea[aria-invalid="false"],
[class|="field"] select[aria-invalid="false"] { border-bottom-color: #65b109; }
[class|="field"] input[disabled],
[class|="field"] textarea[disabled],
[class|="field"] select[disabled] { background: #eee; border-color: #ccc !important; }
.field_note { font-size: 0.8125em; }
.carrier_check_note { padding-left: 1.9em }
.field-checkbox { padding-left: 1.5em; }
.field-checkbox > input { float: left; margin: 0.25em 0 0 -1.5em; }
.field-checkbox label,
.checkbox-array.horizontal label { display: inline-block; margin: 0 0.5em 0 0; }

div[data-account-select] { margin-top: -0.5em; margin-bottom: 0.5em; }
.carrier-check {padding: 0; padding-left: 1.5em;}
.carrier-check > input { margin: 0.25em 0 0 }
.carrier-check label{margin: 0.15em 0.5em 0 0.25em}
.field-checkenabled label { padding-left: 1.5em; }
.field-checkenabled label input { float: left; margin: 0.25em 0 0 -1.5em; }
.field-optionlist { line-height: 1; }
.field-optionlist .optionlist_heading { display: block; margin: 0.1875em 0 0.75em; font-weight: normal; }
.field-optionlist .optionlist_item { display: inline-block; white-space: nowrap; }
[class|="field"].field-image-select input { width: 80%; }
.field-readonly,
[class|="field"] + .field-readonly { /*margin: -1em 0 0;*/ text-align: right; color: #999; }
.field-readonly .field_value { font-weight: bold; }
.field-singleaction input[type="text"],
.field-singleaction select { width: 85%; }
.field-singleaction button, .field-singleaction .btn { float: right; padding-top: 0.2em; padding-bottom: 0.2em; }
.btngroup { margin: 1em 0 0; padding: 1em 0 0; border-top: 2px solid #bbb; }
.btngroup a[class|="btn"],
.btngroup2 a[data-entity-edit],
.btngroup button { float: right; margin-left: 0.5em; }
.btngroup .btn-dropdown { float: right; }
.btngroup a[aria-disabled],.tablist a[aria-disabled]{background: #ccc; cursor: not-allowed;}
main form .btngroup { padding: 0; border-top: 0; }
a[class|="btn"] [class|="ico"],
button [class|="ico"] { vertical-align: top; }
button.destructive,a.btn-destructive { float: left; margin: -0.2em 0 0; padding: 0.5em 0; white-space: nowrap; font-size: 1em; background: none; color: #d30509; }
button.destructive [class|="ico"] { margin: 0 0 0.05em; vertical-align: text-bottom; }
button.secondary { background: #F04632; }

fieldset + fieldset { margin-top: 1em; }
legend { font-weight: bold; font-size: 1.1em;margin: 0.5em 0; }

html.js button.hide-js { display: none; }

button.tertiary { background: #f04632; }
button.tertiary:focus,
button.tertiary:hover { background: #999; }

button[aria-disabled="true"] { background: #ccc; cursor: not-allowed; }
button[aria-disabled="true"].destructive { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); color: #ccc; }

div[data-checkbox-array] { display: none; }

input[type='text'][aria-disabled="true"]{background: #eee}

fieldset[data-extract-options] { margin: 2em 0 0; }

form[role="search"] { margin: 0 0 0.5em; padding: 0.5em; border-bottom: 1px solid #bbb; background: #f3f3f3; }
form[role="search"].homepage { padding: 0; }
form[role="search"].homepage fieldset { padding: 0.5em; }
.rates-tab-container { background: #fff; padding-bottom: 0.01em; border-top: 1px solid #bbb; }
#rates-tab-list{ margin-bottom: 20px; margin-top: 0.2em; }
#rates-tab-list li { padding-top: 0.5em; }
form[role="search"]:before,
form[role="search"]:after { content: " "; display: table; }
form[role="search"]:after { clear: both; }
form[role="search"] .fieldgroup { clear: both; }
form[role="search"] [class|="field"], form.horz [class|="field"] { float: left; }
form[role="search"] [class|="field"] label,form[role="action"] [class|="field"] label,form.horz [class|="field"] label { display: inline-block; margin: 0 0.5em 0 0; }
form[role="search"].homepage [class|="field"] label { display: block; }
form[role="search"].homepage [class="field-checkbox"] label { display: inline-block; }
form[role="search"].homepage [class|="field"] .checkbox-array.horizontal label { display: inline-block; }
form[role="search"] [class|="field"] input[type="text"],
form.horz [class|="field"] input[type="text"],
form[role="search"] [class|="field"] select { width: auto; margin: 0; }
input[type="text"].is-searching,
.overview_panel.is-searching { background-image: url(img/loading.gif); background-position: 97% 50%; background-repeat: no-repeat; }
.overview_panel.is-searching { background-image: url(img/loading_65B109.gif); }
form[role="search"] input[type="text"],
form[role="search"] select,
form[role="filter"] input[type="text"],
form[role="filter"] select { border-color: #ccc; }
/*form[role="search"] > [class|="field"] { margin: 0.5em 0 0; }*/
form[role="search"] [class|="field"] + [class|="field"],
form.horz [class|="field"] + [class|="field"]{ margin: 0 0 0 1em; }
form[role="search"] .field-checkbox { padding: 0.25em 0 0 1.5em; }
form[role="search"] .field-date input[type="text"] { width: 6em; }

html.js form[data-folded-location-lookup] input[data-query-auto-complete-target] { display: none; }

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

.validation-summary-errors { background: #fbe0de; }
.validation-summary-warnings { background: #ff9327; color: #fff; }
.validation-summary-errors > span, .validation-summary-warnings > span { display: block; padding: 0.5em; background: #d30509; color: #fff; }
.validation-summary-errors > ul, .validation-summary-warnings > ul { margin: 0 0 1em; padding: 0.5em 0.5em 0.5em 1.5em; }

[class|="message"] { padding: 0.5em; background: #999; color: #fff; }
[class|="message"] a { color: #fff; }
[class|="message"] a [class|="ico"] { vertical-align: middle; }
.message-stop { background: #d30509; }
.message-warning { background: #ff9327; }
.message-success { background: #65B109; }

html.js [data-warning-accepted] { display: none; }

html.js form[data-auto-submit] button { display: none; }

/* rich text field */
[class|="field"] .mce-tinymce { margin: 0px -0.2em; }
html.js [class|="field"] textarea[data-full-editor][required] { display: block !important; height: 0px; padding: 0; border: 0; }

/* ajax form specific */
form[data-editor-form] .validation-summary-errors > ul, form[data-editor-form] .validation-summary-warnings > ul { padding-left: 0.5em; }
form[data-editor-form] .validation-summary-errors li, form[data-editor-form] .validation-summary-warnings li { list-style: none; }
.validation-summary-errors li.close, .validation-summary-warnings li.close { list-style: none; float: right; font-size: 10px; }
.validation-summary-errors li.close a, .validation-summary-warnings li.close a { color: #000; }

/*dont think this is needed - was causing issues*/
/*form[data-editor-form] [class|="field"] + [class|="field"]{clear: both;}*/

div[data-editor-status] { background: none repeat scroll 0 0 #65B109; color: #FFFFFF; font-weight: bold; margin: 1em 0 0; padding: 0.5em 0.5em 0.1em 0.5em; }
div[data-editor-status].status-problem{background: #d30509;}

div[data-editor-loading-message] { background: #E6ECF1; color: #000000; font-weight: bold; margin: 1em 0; padding: 0.5em 0; text-align: center; }
div[data-editor-loading-message].status-problem{background: #d30509;color: #fff;}

input[data-inline-editor]{width: 95% !important;margin-right: 0.4em !important;}
.inline-editor-add { cursor: pointer; position: absolute;margin-top: 3px; }

/*query form specific*/

html.js form[data-export-filing-form]{ display: none; }

html.js form[data-query-form] { display: none; }

div.autocomplete-note { font-size: 0.8em; }
div.autocomplete-note[aria-disabled="true"] { display: none; }
div.autocomplete-note span { display: block; margin: 0.5em 0 0; cursor: pointer; }
div.autocomplete-note span:before, a[data-visual-delete]:before { content: ""; display: inline-block; width: 16px; height: 16px; margin-right: 0.5em; vertical-align: text-bottom; background: url(img/spr-icons-2.png) -232px 0 no-repeat; }
div.autocomplete-note span.no-remove:before{ background: none; display: none; }
div.autocomplete-note span:hover:before, a[data-visual-delete]:hover:before { background-position: -232px -24px; }

.loading { position: fixed; z-index: 1000; border: 1px solid #1e32fa; top: 50%; left: 50%; width: 50%; height: 6em; margin: -2em 0 0 -25%; padding: 1em 10px; text-align: center; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.loading_message { margin: 0 0 0.5em; }
.loading_cancel
{
    display: block;
    cursor: pointer;
    font-size: 10pt;
    font-weight: bold;
    position: absolute;
    right: 20px;
    top: 18px;
}
.loading_bar { border-radius: 0.5em; }

div.textarea-length-guide { font-size: 0.6em; padding-right: 0.5em;text-align: right; }
div.textarea-length-guide-warning{color: #d30509;font-weight: bold;}

div.drilldown
{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    height: 400px;
    left: 50%;
    margin-left: -200px;
    padding: 10px;
    position: absolute;
    top: 0;
    width: 400px;
    z-index: 200;
}

div.drilldown .display-label
{
    font-weight: bold;
}

div.drilldown a
{
    display: block;
    font-size: 10px;
    font-weight: normal;
    line-height: 10px;
    text-align: center;
}
div.drilldown>div
{
    width: 100%;
    height: 96%;
    overflow: auto;
}

tbody[data-constructed-rate],tbody[data-constructed-rate] tr { background: #eeffee; }
tbody[data-constructed-rate].alt,tbody[data-constructed-rate] tr.alt { background: #eeffee; }

/* badges */
.status-problem { color: #d30509; }
.status-warning { color: #ff9327; }
.status-okay { color: #65b109; }
.status-pending { color: #ccc; }

.status-todays-date{ background-color: #EAFFFF;}
.status-todays-date-high{ background-color: #FFF075;}

div[data-field-notes] { display: none; width: 90%; margin: 0.2em 0 0; padding: 0.5em; border-left: 3px solid #c1d1de; background: #e6ecf1; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
div[data-field-notes] > p { margin: 0; }
div[data-field-notes] > p + p { margin-top: 0.5em; }
div[data-field-notes].visiblenote { display: block; }
div[data-field-notes].force-hide { display: none !important; }
[class|="field"] div[data-field-note-contained] input[type="text"],
[class|="field"] div[data-field-note-contained] input[type="number"],
[class|="field"] div[data-field-note-contained] input[type="password"],
[class|="field"] div[data-field-note-contained] select { width: 90%; }
button.field-note-control { float: right; margin: 0.2em 0 0; border: 1px solid #fff; background: none; }
button.field-note-control.force-hide { display: none; }

[data-order-form] button.field-note-control{ width: 24px; height: 24px; }
[data-order-form] button.field-note-control>span{ display: inline-block; }

[data-order-form] [data-product-description].active-help >div,
[data-order-form] [data-product-description] .data-product-details{ width: 90%; float: left;}


/* components */
.logon, .contact, .trials { margin: 0 -20px -60px; padding: 1px 20px 60px; background: #f8f8f8; }
.logon_header { position: relative; margin: 0 -20px 2rem; padding: 12% 30px 4%; border-bottom: 3px solid #1e32fa; background-image: url(img/login-header.jpg?v1); background-position: 0 0%; background-size: cover; background-repeat: no-repeat; }
.logon_header h1 { background-color: #1e32fa; color: #fff;display: inline-block; padding: 0.2em 20px 0;}
.logon a , .contact a { text-decoration: underline; }
.logon .lede, .contact .lede , .trials .lede { margin: 1em 0; font-size: 1.5em; }
.contact .lede{font-size: 1em;}
.logon .lede p,.trials .lede p { margin: 0.5em 0; }
.logon form, .trials form, .contact form { width: 50%; margin: 1em 0; }
.logon-invite form  { width: auto; }
.logon [class|="field"] label,.trials [class|="field"] label { font-weight: bold; }
.logon .field input[type="text"],.trials .field input[type="text"],
.logon .field input[type="number"],.trials .field input[type="number"],
.logon .field input[type="password"],.trials .field input[type="password"] { margin: 0; padding: 0.2em 0.5em; font-size: 1.5em; }
.logon .field-checkbox label,.trials .field-checkbox label { display: inline-block; margin-left: 1em; }
.logon_passwordless { position: absolute; margin: -3em 0 0; }
.logon h2,.trials h2 { font-size: 1.8em;font-weight: bold; }

.logon .field input[type="text"],
.logon .field input[type="number"],
.logon .field input[type="password"] { border: 1px solid #ccc; }


.logon .launch-login {float: right; margin: 0px; width: 45%; padding: 0 1em; min-height: 380px;}
form.logon-form {
    padding-bottom: 1.6em;
    width: 33%;
    background: #e6e6e6;
    margin: 4em auto 0;
}
form.logon-form h2 {
    position: relative;
    background: #fac832;
    margin: 0 0 1.6em;
    text-align: center;
    padding: .4em 0 0.2em;
}

form.logon-form h2::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -15px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 11.5px 0 11.5px;
    border-color: #fac832 transparent transparent transparent;
    margin: auto;
}

form.logon-form div, form.logon-form div[class|='field'] { width: 74%; margin: 1em auto; }

form.logon-form p.field_note { text-align: right; margin: 0; }

form.logon-form button { margin-left: 0.4em; }

.overview { margin: 0 -20px; padding: 0 20px; border-bottom: 1px solid #bbb; background: #f2f2f2; }
.overview:before,
.overview:after { content: " "; display: table; }
.overview:after { clear: both; }
.overview_main { float: left; width: 40%; padding: 0 0 1em; }
.overview_mid{ float: left; width: 50%; padding: 0 0 1em; }
.overview_wide{ width: 60% }
.overview_main h1 { margin-bottom: 0; }
.overview_main .p-category { display: block; font-size: 0.5em; color: #333; }
.overview_main .p-summary { margin: 1em 0 0; font-size: 0.875em; }
.submenu .h-entry .p-archived{color:#bd4149}
.overview_meta,.overview_panel { float: right; width: 40%; margin: 1.625em 0 0; text-align: right; }
.overview_meta_nr{ margin: 0.325em 0 0; }
.overview_meta form{ text-align: left}
.overview_meta form[data-switch-carrier]{ text-align: right}
.overview_meta form .field-singleaction label{float: left;display: block;width: 20%;line-height: 2em;}
.overview_meta form .field-singleaction select{width: 70%; }
.overview_meta p { margin: 0; text-align: left; }
.overview_meta p > span { float: left; width: 50%; padding-top: 0.143em; font-size: 0.875em; }
.overview_meta p > strong { float: left; width: 50%; }
.overview_meta.four_row{ margin-top: 0.235em; }

.overview_panel,.overview_panel>div{background: #65B109;padding: 0;position: relative;width: 30%;}
.overview_panel,.overview_panel>div a{color: #fff;text-decoration: underline;}
.overview_panel h2 {margin: 0;padding: 0.2em;text-align: left;}
.overview_panel h2 a{color: #FFFFFF;}

.overview_panel>div{position: absolute;right: 0;text-align: left;width: 100%;display: none;}
.overview_panel.expanded>div{    display: block;max-height: 173px;overflow: auto;z-index: 200;}
.overview_panel.expanded>div p{padding: 0.2em;margin: 0;}

.tablist{  border-bottom: 6px solid #E6E6E6; margin-bottom: 30px; padding: 0; display: flex; list-style: none}
.tablist.no-title{margin-bottom: 0;}
.tablist li{ list-style: none; }
.tablist a{
    display: block;
    text-decoration: none;
    border: none;
    text-transform: uppercase;
    padding: 0 15px;
    height: 34px;
    font-size: 1rem;
    font-weight: 600;
    line-height: 40px;
    color: #000000;
    background: transparent;
    position: relative;
}
.tablist a::after {
    content: "";
    position: absolute;
    right: -3px;
    width: 2px;
    background: #e6e6e6;
    height: 20px;
    top: 9px;
}

.tablist a[aria-selected='true']::after, .tablist a:hover::after, .tablist a:focus::after {
    content: "";
    left: 0;
    right: 0;
    top: inherit;
    height: 6px;
    bottom: -6px;
    width: 100%;
    background: #1E32FA;
}
.tablist a[aria-selected="true"]::before, .tablist a:hover::before, .tablist a:focus::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -15px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 11.5px 0 11.5px;
    border-color: #1E32FA transparent transparent transparent;
    margin: auto;
}
.tablist a[aria-selected="true"], .tablist a:hover, .tablist a:focus { background: #1E32FA; color: #fff; }
.tablist li.back-tab a:hover, .tablist li.back-tab a:focus { background: transparent; color: #000; }
.tablist li.back-tab a:hover::before, .tablist li.back-tab a:focus::before { content: none; }

.tablist + .tabpanel,
.overview + .tabpanel { margin-top: 1.1875em; }

[role="tabpanel"] { display: none; }
[role="tabpanel"][aria-hidden="false"] { display: block; }

.paging { position: relative; padding: 0.5em 0.2em; }
.paging:before,
.paging:after { content: " "; display: table; }
.paging:after { clear: both; }
.paging ul { display: inline-block; margin: 0; padding: 0; list-style: none; letter-spacing: -0.333em; white-space: nowrap; }
.paging li { display: inline-block; letter-spacing: normal; vertical-align: middle; }
.paging li + li { margin-left: 0.2em; }
.paging a { display: inline-block; width: 1.5em; padding: 0.1em; border: 1px solid transparent; text-align: center; text-decoration: none; }
.paging a[aria-selected="true"] { border-color: #879db9; background-color: #fff; color: #1e32fa; }
.paging a:hover,
.paging a:focus { background-color: #1e32fa; color: #fff; }
.paging a[rel] { background-color: transparent; padding: 0; }
.paging a[rel] [class|="ico"] { vertical-align: middle; }
.paging_links { float: left; }
.paging_size { float: right; text-align: right; white-space: nowrap; }
.paging_size > p { display: inline-block; margin: 0 0.2em; }

.listactions { position: relative; z-index: 1; float: left; padding: 0.3em 3em 0.3em 0; }
.listactions button { float: none; line-height: normal; padding: 0 }
.listactions button::after{ content: none}
.listactions button span { display: inline-block }

.submenu > h2 { margin: 0.8em 0 0.2em; }
.submenu > p { margin: 0; font-weight: bold; }
.submenu > p a { position: relative; display: block; padding: 0.5em 1.2em 0.5em 0.2em; }
.submenu > p a [class|="ico"] { position: absolute; top: 50%; right: 0.2em; margin: -12px 0 0; }
.submenu_list { margin: 0; padding: 0; border-top: 1px solid #777; list-style: none; }
.submenu .h-entry { position: relative; display: block; padding: 0.5em 1.2em 0.5em 0.2em; text-decoration: none; }
.submenu li + li .h-entry { border-top: 1px dotted #777; }
.submenu .h-entry:after { content: ""; position: absolute; top: 50%; right: 0.2em; width: 24px; height: 24px; margin: -12px 0 0; background: url(img/spr-icons-2.png) -24px 0 no-repeat; }
.submenu .h-entry .p-summary { display: block; font-size: 0.8125em; color: #333; }
.submenu .h-entry .p-summary.p-archived{color:#bd4149;}
.submenu .h-entry[aria-selected="true"] { background: #e6ecf1; }
.submenu .h-entry:hover:after,
.submenu .h-entry:focus:after { background-position: -24px -24px; }
.submenu_list .submenu_list { position: relative; margin-left: 1em; padding-left: 1em; border-top: 0; }
.submenu_list .submenu_list:before { position: absolute; content: ""; top: 0; bottom: 0.25em; left: 0; width: 3px; background: #ccc; }
.submenu_list .submenu_list li:first-child { border-top: 1px dotted #777; }

.filter { position: relative; }
.filter > h2 small { display: block; font-size: 0.667em; }
.filter > p { position: absolute; top: 0; right: 0; margin: 0.2em 0; }
.filter > p a { display: block; padding: 0.2em 0 0; }
.filter > p a [class|="ico"] { margin: -0.2em 0 0; vertical-align: middle; }
.filter > .btngroup { padding: 0; border: 0; }
.filter > .btngroup a { display: inline-block; }
.filter > .btngroup a + a { margin-left: 1em; }

.btn-dropdown { position: relative; display: inline-block; vertical-align: middle; }
.btn-dropdown li [aria-disabled="true"] { color: grey; cursor: not-allowed; }
.dropup .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 5px; }
.open > .dropdown-menu { display: block; }
.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1; border: 1px solid #c1d1de; display: none; float: left; min-width: 120px; padding: 5px 8px; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; }
.dropdown-menu > li > a { display: block; padding: 3px 20px; text-decoration: none; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap;border-bottom: solid 2px transparent; }
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus { border-color: #e6ecf1; outline: 0; }
.dropdown-menu a [class|="ico"] { vertical-align: top; }
.dropdown-menu-right { right: 0; left: auto; }

form.multi-column fieldset { margin: 0 0 1em; }
form.multi-column fieldset + fieldset { padding-top: 0.75em; border-top: 1px dotted #bbb; }
form.multi-column [class|="field"] + [class|="field"] { margin-left: 2%; }
form.multi-column [class|="field"] select,
form.multi-column [class|="field"] input[type="text"], form.multi-column [class|="field"] input[type="file"], form.multi-column .checkbox-array { display: block; width: 100%; margin: 0.5em 0 0; }
form.multi-column [class|="field"] input.short,
form.multi-column [class|="field"] textarea.short,
form.multi-column [class|="field"] select.short { width: 50%; }

form.multi-column[role="search"] .field-short,
form.multi-column[role="search"] .field-checkbox { padding: 0; }
form.multi-column[role="search"] .field-checkbox input[type="checkbox"] { float: none; margin: 0; }
form.multi-column[role="search"] .field-checkbox input[type="text"] { display: block; }
form.multi-column[role="search"] .field-checkbox .lookup { display: none; position: relative; }

form.multi-column[role="search"] .field-wide{ width: 49%;}

form.three-column [class|="field"] { width: 31.9%; }

form.multi-column[role="search"] .field-very-wide{ width: 98%;}
form.multi-column[role="search"] .field-quite-wide,
.ratessearch form .field-quite-wide{ width: 74.5%;}

form.three-column .field-short,
form.three-column .field-date { width: 10.75%; }

form.four-column [class|="field"] { width: 23.5%; }

form.four-column .field-short,
form.four-column .field-date { width: 10.75%; }

.ratessearch form fieldset { margin: 0 0 1em; }
.ratessearch form fieldset + fieldset { padding-top: 0.75em; border-top: 1px dotted #bbb; }
form.homepage fieldset.ratessearch_actions{ border-top: 1px dotted #bbb; }
form.homepage fieldset.ratessearch_actions { margin: 0; padding: 1em 0.5em; }
.ratessearch form [class|="field"] { width: 23.5%; }
form.homepage .additional-fields [class|="field"] { width: 23.5%; }
form.homepage .additional-fields .field-checkbox { width: 21.7%; padding-top: 2em; }
.ratessearch form [class|="field"] + [class|="field"],
form.homepage .additional-fields [class|="field"] + [class|="field"] { margin-left: 2%; }
.ratessearch form [class|="field"] select,
.ratessearch form [class|="field"] input[type="text"] { display: block; width: 100%; margin: 0.5em 0 0; }
form.homepage .additional-fields select,
form.homepage .additional-fields input[type="text"] { display: block; width: 100%; margin: 0.5em 0 0; }
.ratessearch form [class|="field"] input.short,
.ratessearch form [class|="field"] textarea.short,
.ratessearch form [class|="field"] select.short { width: 50%; }

form.homepage .field-wide{ width: 49%;}

.ratessearch form[role="search"] .field-short,
.ratessearch form[role="search"] .field-date { width: 10.75%; }
.ratessearch form[role="search"] .field-date input { position: relative; z-index: 5; }
.ratessearch form[role="search"] .field-checkbox { padding: 0; }
.ratessearch form[role="search"] .field-checkbox input[type="checkbox"] { float: none; margin: 0; }
.ratessearch form[role="search"] .field-checkbox input[type="text"] { display: block; }
.ratessearch form[role="search"] .field-checkbox .lookup,
form[role="action"] .field-checkbox .lookup { display: none; position: relative; }
.ratessearch form[role="search"] .field-checkbox input:checked ~ .lookup,
form[role="action"] .field-checkbox input:checked ~ .lookup { display: block; }
.ratessearch form[role="search"] .application-padded-checkboxes .field-checkbox { padding-top: 2.3em; padding-left: 4em; box-sizing: border-box; }
.ratessearch form[role="search"] .search-for-charge-types strong { float: left; margin-right: 2%; }
.ratessearch form[role="search"] .search-for-charge-types .field-checkbox { width: auto; }
.ratessearch form[role="search"] .field-optionlist.optionlist-days { width: 100%;margin-top: 1em; }
.ratessearch form[role="search"] .optionlist_heading { display: inline-block; font-weight: bold;margin-right: 10px; }
.ratessearch .inline-checkboxes .field-checkbox { width: auto; }
.ratessearch .inline-description {float: left; margin-right: 2%;font-weight: bold; }
.ratessearch_actions:after { content: " "; display: table; clear: both; }
.ratessearch_actions .field { margin: 0.4em 0 0; }
.ratessearch_actions .field label { cursor: pointer; font-weight: bold; }
.ratessearch_actions .field label > span:before { content: ""; float: left; width: 24px; height: 24px; background-image: url(img/spr-icons-2.png); }
.ratessearch_actions .field label > input { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.ratessearch_actions .field label > input:checked + span { color: #1e32fa; }
.ratessearch_actions .field .ratessearch_displayandgo_pivot > span:before { background-position: -290px -48px; }
.ratessearch_actions .field .ratessearch_displayandgo_pivot > input:checked + span:before { background-position: -290px -72px; }
.ratessearch_actions .field .ratessearch_displayandgo_grouped > span:before { background-position: -264px -48px; }
.ratessearch_actions .field .ratessearch_displayandgo_grouped > input:checked +  span:before { background-position: -264px -72px; }
.ratessearch_actions a, .btn-group a { float: right; margin: 0.4em 0 0 1em; }
.ratessearch_actions button, .btn-group button { float: right; margin-left: 1em; }
.ratessearch_actions .btn-dropdown { float: right; }
.ratessearch_actions .dropdown-menu { z-index: 6; }
.ratessearch_actions .dropdown-menu a { padding: 0; }
.ratessearch_actions + .ratessearch_actions { margin: 1em 0 0; }
.ratessearch_summary { float: left; width: 50%; }
.ratessearch_summary .inlinesummary { margin: 0; }

.ratessearch-oneline .ratessearch_actions { margin: 1.75em 0 0; }

.ratessearch-tabs form[role="search"] { padding-top: 0; }
.ratessearch-tabs form[role="search"] fieldset { margin: 0; border: 0; }
.ratessearch-tabs form[role="search"] .tablist { margin: 0 -0.5em; border-top: 0; background: none; }
.ratessearch-tabs form[role="search"] .tabpanel { min-height: 8.625em; margin: -1px -0.5em 0; padding: 0.5em; border: 1px solid #bbb; background: #f1f5f6; }
.ratessearch-tabs_fields { margin: 0 0.5em 1em; }

.ratessearch-toggles .bulkaction_list { box-sizing: border-box; position: relative; z-index: 1; width: 8em; margin: 0; }
.ratessearch-toggles .bulkaction_list li + li { margin-top: 3px; }
.ratessearch-toggles .bulkaction_list li label { display: block; cursor: pointer; }
.ratessearch-toggles .bulkaction_list li label > input { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.ratessearch-toggles .bulkaction_list li label > span { display: block; padding: 0 0.5em; border: 1px solid #bbb; border-width: 1px 1px 3px 1px; line-height: 1.3333em; color: #000; }
.ratessearch-toggles .bulkaction_list li label > input:checked + span { padding-bottom: 2em; border-color: #808080; background: #bbb; color: #fff; }
.ratessearch-toggles .bulkaction_details { position: relative; margin: 0 0 0 -8em; padding-left: 8em; }
.ratessearch-toggles .bulkaction_details .bulkaction_field { position: relative; display: block !important; overflow: hidden; height: 1.3333em; margin: 0; padding: 0 0 0 1em; border: solid transparent; border-width: 1px 1px 3px 0; }
.ratessearch-toggles .bulkaction_details .bulkaction_field[aria-hidden="false"] { height: 3.3333em; }
.ratessearch-toggles .bulkaction_details .bulkaction_field[aria-hidden="false"]:before,
.ratessearch-toggles .bulkaction_details .bulkaction_field[aria-hidden="false"]:after { content: ""; position: absolute; left: -1em; width: 1em; border-top: 1px solid #808080; }
.ratessearch-toggles .bulkaction_details .bulkaction_field[aria-hidden="false"]:before { top: 0; }
.ratessearch-toggles .bulkaction_details .bulkaction_field[aria-hidden="false"]:after { bottom: 0; }
.ratessearch-toggles .bulkaction_details .bulkaction_field[aria-hidden="true"] [class|="field"] { visibility: hidden; }
.ratessearch-toggles .bulkaction_details .bulkaction_field [class|="field"] label { margin: 0; }
.ratessearch-toggles .bulkaction_details .bulkaction_field [class|="field"] select,
.ratessearch-toggles .bulkaction_details .bulkaction_field [class|="field"] input[type="text"] { margin: 0; }
.ratessearch-toggles .bulkaction_details .bulkaction_field + .bulkaction_field { margin-top: 3px; }

.ratessearch_popup-container { position: relative; }
.ratessearch_result-details { border-top: 0; }
.ratessearch_result-details td { padding: 0; }
.searchrates_details-empty-column { display: none !important; }

form[role="search"] .search-for-contact-types strong { float: left; margin-right: 2%; }
form[role="search"] .search-for-contact-types .field-checkbox { width: auto; }

.ratesresults th + th,
.ratesresults th + td,
.ratesresults td + td { padding-left: 15px; }
.ratesresults .uld { color: #028fd7;
    background: -moz-linear-gradient(top, rgba(2,143,215,0) 95%, rgba(2,143,215,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(95%,rgba(2,143,215,0)), color-stop(100%,rgba(2,143,215,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(2,143,215,0) 95%,rgba(2,143,215,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(2,143,215,0) 95%,rgba(2,143,215,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(2,143,215,0) 95%,rgba(2,143,215,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(2,143,215,0) 95%,rgba(2,143,215,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00028fd7', endColorstr='#028fd7',GradientType=0 ); /* IE6-9 */ }
.ratesresults table table th,
.ratesresults table table td { padding: 0.5em; }
.ratesresults th.group-heading { border: 0 solid #000; text-align: center; padding-left: 0.2em; }
.ratesresults.net-rates th.group-heading { text-align: left; }
.ratesresults th.group-heading + th.group-heading { border-width: 0 0 0 1px; }

.ratesresults.net-rates thead .sub-head-row th + th:not(.start-section),
.ratesresults.net-rates tbody td+td {border: 0 dotted #4A7EBB; border-width: 0 0 0 1px;}

.ratesresults.net-rates th.group-heading + th.group-heading,
.ratesresults.net-rates td.start-section,.ratesresults.net-rates th.start-section{ border: 0 solid #4A7EBB; border-width: 0 0 0 2px;}

.ratesresults th.carrier-details,
.ratesresults td.carrier-details { padding: 0.5em 0; text-align: center; }

.ratesresultspanel-tabbed { padding: 0 20px; border: 1px solid #bbb; }
.filing-results-panel { padding-bottom: 20px; }
.ratesresultspanel-tabbed h3 { margin-bottom: 0; }
.ratesresultspanel-tabbed .ratesresults { margin: 1em 0; border-top: 0; }
.ratesresultspanel-tabbed .ratesresults td,
[data-query-results] .ratesresults td { padding-bottom: 0; line-height: 2.4em; }
.ratesresultspanel-tabbed .ratesresults th + th,
.ratesresultspanel-tabbed .ratesresults th + td,
.ratesresultspanel-tabbed .ratesresults td + td { padding-left: 0.5em; }
.ratesresultspanel-tabbed .ratesresults thead { font-size: 0.875em; }
.ratesresultspanel-tabbed .ratesresults tbody tr { position: relative; }
.ratesresultspanel-tabbed .paging { padding: 1em 0; border-top: 0; }
.ratesresultspanel-tabbed .ui-dialog { left: 0 !important; right: 0 !important; width: auto !important; }

.routedetails { display: table; width: 100%; }
.routedetails .l-col-1-3 { display: table-cell; width: 33.3333%; }
.routedetails .l-col-1-3:nth-child(1) { padding-right: 2.5%; }
.routedetails .l-col-1-3:nth-child(2) { padding-left: 2.5%; padding-right: 2.5%; }
.routedetails .l-col-1-3:nth-child(3) { padding-left: 2.5%; }
.routedetails .l-col-1-3 + .l-col-1-3 { margin: 0; border-left: 1px solid #bbb; }
.routedetails section > h2 { clear: left; margin: 0; font-size: 1.125em; font-weight: bold; }
.routedetails section > dl { margin: 0; }
.routedetails section > dl:after { content: ""; display: table; clear: both; }
.routedetails section > dl > dt { float: left; clear: left; width: 12em; }
.routedetails section > dl > dd { min-height: 1.4em; margin: 0;float: left; }
.routedetails section > dl > dd p { margin-top: 0; }
.routedetails section > ul { margin: 0;padding: 0; }
.routedetails section > ul li { list-style-type: none; }
.routedetails section > ol { margin: 0;padding: 0; }
.routedetails section > ol li { list-style-type: none; }
.routedetails section + section { margin-top: 1em; }
.routedetails .display-label { float: left; clear: both; width: 49%; overflow-x: hidden; }
.routedetails .display-field { float: right; width: 49%; }
.routedetails-notes {border-bottom: 1px solid #bbb;margin-bottom: 1em; }

.routedetails .surcharges dl{ margin: .5em 0; border-top: 1px solid #bbb; padding-top: 0.5em; }

.routedetails .surcharges dl:first-of-type { border: none; margin: 0;}

.day-of-week-active { font-weight: bold; }
.day-of-week-inactive { color: #bbb; }

.netratesfiling-edit {
    margin-top: 1em;
}

.manage-rates_routing-option--hidden {
    display: none;
}

.u-comma-separated-list li { display: inline; }
.u-comma-separated-list li:after { content: ', '; }
.u-comma-separated-list li:last-child:after { content: ''; }

.cargorate .cargorate_core [class|="field"] { float: left; width: 31.3333%; }
.cargorate .cargorate_core [class|="field"] + [class|="field"] { clear: none; margin: 0 0 0 2%; }
.cargorate .cargorate_core .field-date { width: 15.6666%; }
.cargorate .cargorate_core .field-date input { position: relative; /*z-index: 101;*/ } /* found that when bringing up the product code dialog on the filing page #general tab the date box was coming up higher. This would be the case on any page with a dialog and the date field, so whatever this was fixing, needs to be done differently. */
.cargorate .cargorate_core + .cargorate_core { margin: 1em 0 0; padding: 0 0 2em; border-bottom: 2px solid #bbb; }
.cargorate_weights table .col-action { width: auto; white-space: nowrap; text-align: right; }
.cargorate_weights table tr { border: none; }
.cargorate_weights table td { padding-top: 0; }
[data-collected-commodities] { margin-bottom: 0.75em; }
/*.cargorate_weights button { float: none; }*/

.cargorate_uldcharges tbody { font-size: 1em; }
.cargorate_uldcharges h3 { margin: 0.5em 0;}
.cargorate_uldcharges .destructive { float: right; padding: 0; }
.cargorate_uldcharges > table > tbody h3 { margin: 0; }
.cargorate_uldcharges > table > tbody > tr { border-left: 0; }
.cargorate_uldcharges > table > tbody > tr > td { padding-left: 0; }
.cargorate_uldcharges > table > tbody > tr > td [class|="ico-24"] { vertical-align: middle; }
.cargorate_uldcharges .cargorate_uldcharges_commodities > td { padding: 0.5em 1em; background: #f1f5f6; }
.cargorate_uldcharges .cargorate_uldcharges_commodities h4 { margin: 0 0 0.5em; }
.cargorate_uldcharges .cargorate_uldcharges_charge { }
.cargorate_uldcharges .cargorate_uldcharges_charge [data-commodity-uld-title] a { display: block; }
.cargorate_uldcharges .cargorate_uldcharges_charge h4 { margin: 0; }
.cargorate_uldcharges .cargorate_uldcharges_charge + .cargorate_uldcharges_charge { border-top: 1px dotted #777; }
.cargorate_uldcharges .cargorate_uldcharges_charge tr { border: 0; }
.cargorate_uldcharges .cargorate_uldcharges_generic { margin: 0.5em 0 0; }
html.js .cargorate_uldcharges > table > tbody > tr + tr { display: none; }

.cargorate_basiccharge { margin-bottom: 1em; }

.collapsible_head { margin: 0;position: relative; }
.collapsible_head a { display: block; padding: 0.5em 0.5em 0.5em 40px; border-top: 1px solid #f9f9f9; border-bottom: 1px solid #f9f9f9; background: #f9f9f9; }
.collapsible_head a:focus { outline: 0; }
.collapsible_head a[aria-selected="true"] { border-color: #bbb; background: #f3f3f3; color: #333; }
.collapsible_head + [class|="field"] { margin: 2em 0 0; }
.collapsible_head a:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 24px;
    height: 24px;
    margin: -13px 0 0;
    background: url("img/spr-icons-2.png") -24px 0;
}
.collapsible_head a[aria-expanded="true"]:before,
.collapsible_head a[aria-selected="true"]:before {
    background-position: -72px 0;
}
.collapsible [class|="field"] input[type="text"],
.collapsible [class|="field"] input[type="password"],
.collapsible [class|="field"] textarea,
.collapsible [class|="field"] select { margin: 0; }
.collapsible + .collapsible { margin: 2em 0 0; }
form.homepage .collapsible_head { padding-left: 0.5em; }
html.js [data-collapsible="collapsed"] > * { display: none !important; }
html.js [data-collapsible] .collapsible_head { display: block !important; }

.query-form-collapse .collapsible_head { padding: 1em 0; border-top: 1px solid #bbb; font-size: 1em; }
.query-form-collapse .collapsible_head a { position: relative; padding: 0 0 0 32px; border: 0; background: none; color: #000 }
.query-form-collapse .collapsible_head a:hover { color: #3333FF;   }
.query-form-collapse .collapsible_head a:before { content: ""; position: absolute; top: 50%; left: 0; width: 24px; height: 24px; margin: -12px 0 0; background: url("img/spr-icons-2.png") -24px 0; }
.query-form-collapse .collapsible_head a:hover:after,
.query-form-collapse .collapsible_head a:focus:after { background-position: -24px -24px; }
.query-form-collapse .collapsible_head a[aria-expanded="true"]:before,
.query-form-collapse .collapsible_head a[aria-selected="true"]:before { background-position: -72px 0; }
.query-form-collapse .collapsible_head a[aria-expanded="true"]:hover:after,
.query-form-collapse .collapsible_head a[aria-expanded="true"]:focus:after,
.query-form-collapse .collapsible_head a[aria-selected="true"]:hover:after,
.query-form-collapse .collapsible_head a[aria-selected="true"]:focus:after { background-position: -72px -24px; }
.query-form-collapse.collapsible + .collapsible { margin: 0; }
.query-form-collapse.collapsible .collapsible { margin-left: 1em; }
.query-form-collapse.collapsible .collapsible .collapsible { margin-left: 2em; }
.query-form-collapse.collapsible .collapsible .collapsible .collapsible { margin-left: 3em; }
.query-form-collapse.collapsible .collapsible .collapsible .collapsible .collapsible { margin-left: 4em; }

.back-to-top { display: block; margin: -1em 0 1em 32px; padding-top:16px; }
.back-to-top > a { border-bottom: 1px dotted; font-size: 0.75em; color: #999; }
.back-to-top > a:focus,
.back-to-top > a:hover { text-decoration: none; }

.workflow:before,
.workflow:after { content: " "; display: table; }
.workflow:after { clear: both; }
.workflow_stages { float: left; width: 14em; margin: 0; padding-left: 30px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.workflow_stages li { margin: 0.83em 0; font-size: 1em; }
.workflow_stages li.active { font-weight: bold; }
.workflow_details { margin-left: 14em; }
.workflow_details button { float: none; display: block; margin: 1em 0 0; }

.workflow_details .btngroup button { float: right;
    margin-left: 0.5em; }

.fixedpicker_existing ul { padding: 0; list-style: none; }
.fixedpicker_existing li { display: inline-block; padding-right: 1em; }
.fixedpicker_existing li:after { content: ","; }
.fixedpicker_existing li:last-child:after { content: ""; }
.fixedpicker_existing li button { float: none !important; white-space: nowrap; }

.fixedpicker-with-remove_existing ul { padding: 0; list-style: none; }
.fixedpicker-with-remove_existing li { }
.fixedpicker-with-remove_existing button { float: none; position: relative; top: 5px; }

.inlinesummary { padding: 0; list-style: none; }
.inlinesummary li { display: inline-block; padding-right: 0.3em; }
.inlinesummary li:after { content: ","; margin: 0 0.2em 0 -0.2em; }
/*bug #489: fixed issue of item floating above line-height of row*/
.inlinesummary li:after{display: inherit;}
.inlinesummary li:last-child:after { content: ""; }

.savedrates .col-summary { width: 60%; font-size: 0.8571em; }
.savedrates .col-summary ul { margin: 0; }
.savedrates .col-action button { padding: 0; }

.bulkaction:before,
.bulkaction:after { content: " "; display: table; }
.bulkaction:after { clear: both; }
.bulkaction_list { position: relative; float: left; width: 14em; padding: 0; list-style: none; }
.bulkaction_list input { vertical-align: middle; }
.bulkaction_list label span { color: #777; }
.bulkaction_list label input:checked + span { color: #333; }
.bulkaction_details { float: left; width: 100%; margin: 1em 0 0 -14em; padding: 0 0 0 14em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.bulkaction_details button { float: none; }
.bulkaction .bulkaction_field { margin: 0 0 1em; padding: 0 0 1em 14em; border-bottom: 1px dotted #777; }
.bulkaction .bulkaction_field h2 { float: left; margin: 0.2em 0 0 -14em; font-size: 1em; font-weight: bold; }
.bulkaction .bulkaction_field .field label { margin-top: 0.2em; }
.bulkaction .bulkaction_field .field + .field > label { margin-top: 0; }
.bulkaction .bulkaction_field div[data-field-note-contained] label { display: block; }
.bulkaction .bulkaction_field div[data-field-note-contained] input { width: 95%; }

#tab_application > div + div { border-top: 2px solid #bbb; padding-top: 1em;margin-top: 1em; }

.edit-filing fieldset { margin-bottom: 1em; }
.edit-filing fieldset + fieldset { border-top: solid 1px #bbb; margin-top: 1em;padding-top: 1em; }
.edit-filing fieldset .l-colgroup + .l-colgroup { margin-top: 1em; }
.edit-filing fieldset legend { float: left; width: 100%; padding: 0; font-weight: bold;margin-top: 0;}
.edit-filing .edit-filing_add-on-direction { border-top: none; margin-top: 0; padding: 0; }
.surcharge-type-row { border-bottom: solid 1px #bbb; margin-bottom: 1em; padding-bottom: 1em; }
.surcharge-type-row label { font-weight: bold;font-size: 1.1em; }
.surcharge-filing-local-charge input { width: 90% !important; }
.edit-filing [aria-hidden="true"] { display: none; }
.edit-filing thead h3 { margin-top: 0;}
.edit-filing th { font-weight: normal; }
.edit-filing_uld-charges table tbody { font-size: 1em; }
.edit-filing_uld-charges table input[type="text"] { height: 2em; padding: 0.2em; }

.filing-standard-fields_grouped:after { content: ""; display: table; clear: both; }
.filing-standard-fields_grouped .field { width: 50%; box-sizing: border-box; float: left; margin-top: 0; }
.filing-standard-fields_grouped .field:nth-child(odd) { padding-right: 10px;  }
.filing-standard-fields_grouped .field + .field + .field { margin-top: 1em; }

.filing-standard-fields_effective-date:after { content: ""; display: table; clear: both; }
.filing-standard-fields_effective-date .field { padding-right: 10px; }
.filing-standard-fields_effective-date .field,
.filing-standard-fields_effective-date .field-date { width: 50%; box-sizing: border-box; float: left; margin-top: 0; }
.filing-standard-fields_effective-date .field + .field + .field { margin-top: 1em; }

.filing-standard-fields_rates:after { content: ""; display: table; clear: both; }
.filing-standard-fields_rates .field-checkbox { float: left;width: 20%;box-sizing: border-box;padding-right: 10px;margin-top: 0; }

.filing-standard-fields_daysofweek .field > label { margin-right: 1em; font-weight: bold;font-size: 1.1em; }
.filing-standard-fields_daysofweek label { display: inline-block; padding-right: 3px; }
.filing-standard-fields_daysofweek .optionlist-days { display: inline-block; }

.weight-charges--kgs .charge-weight-type--lb { display: none; }
.weight-charges--lbs .charge-weight-type--kg { display: none; }

table.field-custom-ulds{ margin-top: 8px;}
table.field-custom-ulds tbody{
    font-size: 1em;}

.admin-tabs { padding-top: 0; }
.admin-tabs { margin: 0; border: 0; }
.admin-tabs .tablist { margin: 0 -0.5em; border-top: 0; background: none; }
.admin-tabs .tabpanel { min-height: 8.625em; margin: -1px -0.5em 0; padding: 0.5em; border: 1px solid #bbb; background: #f1f5f6; }
.ratessearch-tabs_fields { margin: 0 0.5em 1em; }

.filing-dgr-field .field { margin-top: 0.5em; }
.is-contract-rate .field {  }

.build-rules-import-ftp {
    margin-bottom: 1em;
}

.drag-handle-cell { width: 25px; }
.drag-handle {
    border: solid 1px black;
    padding: 5px;
    display: inline-block;
    background-color: white;
    cursor: pointer;
}

div[data-display-extended-tooltip]{}

a.sort-link{font-size: 12px;
    vertical-align: 0.3em;}

a.sort-link:before{content: "("}
a.sort-link:after{content: ")"}

/* Distribution Jobs */

.rate-search-option { display: none;margin: 1em 0; }
.rate-search-option--active { display: block; }

.schedule-type-option { display: none;margin: 1em 0;}
.schedule-type-option--active { display: block; }

.distribution-saved-search--active .distribution-saved-search_saved-search-details { display: block; }
.distribution-saved-search_saved-search-details { display: none; margin-top: 1em; }
.saved-search-details_distribution-date-used { color: #ff9327;font-weight: bold; }
.distribution-job_ftp-details-missing {display: none; color: red;font-weight: bold; }
.distribution-job_ftp-details-missing a { color: red; text-decoration: underline; }

.distribution-job_delivery--ftp .distribution-job_ftp-details-missing { display: block; }

.closed-filing-search--active .closed-filing-search_filing-details { display: block; }
.closed-filing-search_filing-details { display: none; margin-top: 1em; }


.distribution-agent-search--active .distribution-saved-search_agent-details { display: block; }
.distribution-saved-search_agent-details { display: none; margin-top: 1em; }

.closed-filing-search--loading,
.distribution-agent-search--loading,
.distribution-saved-search--loading { padding-bottom: 30px; background-image: url(img/loading.gif); background-position: left bottom; background-repeat: no-repeat; }

.distribution-job_state .distribution-job_edit-active { display: none; }
.distribution-job_state input:checked ~ .distribution-job_edit-active { display: block; }
.distribution-job_state input:checked ~ .distribution-job_edit-inactive { display: none; }

.distribution-job_edit-inactive,
.distribution-job_edit-active { margin: 10px 0 10px -1.5em;padding: 10px; }
.distribution-job_edit-inactive { background: #fbe0de; }
.distribution-job_edit-active { background: #c2eac2; }


table[data-distribution-admin] tbody tr + tr { border-top: none; }
table[data-distribution-admin] tbody tr + tr:nth-child(odd) { border-top: 1px dotted #777; }

/* agents screen */

.agent-search-form .field { margin-bottom: 0.5em; }

.agent-search-form[role="search"] [class|="field"] + [class|="field"] { margin-left: 0; }
.agent-search-form[role="search"] [class|="field"] label { min-width: 3em; }

.agent-export-message { font-size: 1.5em; }

.agent-details section > h3 { clear: left; margin: 0; font-size: 1.125em; font-weight: bold; }
.agent-details section > dl { margin: 0; }
.agent-details section > dl:after { content: ""; display: table; clear: both; }
.agent-details section > dl > dt { padding-bottom: 3px; float: left; width: 40%; clear: left; color: #777; }
.agent-details section > dl > dd { padding-bottom: 3px; float: left; width: 60%; margin: 0; }
.agent-details section > ul { margin: 0;padding: 0; }
.agent-details section > ul li { list-style-type: none; }
.agent-details section + section { margin-top: 1em; }

.agent-group-details section > h3 { clear: left; margin: 0; font-size: 1.125em; font-weight: bold; }
.agent-group-details section > dl { margin: 0; }
.agent-group-details section > dl:after { content: ""; display: table; clear: both; }
.agent-group-details section > dl > dt { padding-bottom: 3px; float: left; width: 40%; clear: left; color: #777; }
.agent-group-details section > dl > dd { padding-bottom: 3px; float: left; width: 60%; margin: 0; }
.agent-group-details section > ul { margin: 0;padding: 0; }
.agent-group-details section > ul li { list-style-type: none; }
.agent-group-details section + section { margin-top: 1em; }

/* reports screen */

.reporting-form {
    margin: 1em 0;
}

.reporting-form form[role="search"] [class|="field"] label, form[role="action"] [class|="field"] label {
    display: block;
}

.reporting-form form[role="search"] [class|="field"] input[type="text"],
.reporting-form form[role="search"] [class|="field"] select {
    width: 100%;
}

.reporting-form form[role="search"] [class|="field"] + [class|="field"] {
    margin-left: 2em;
}

.reporting-form .field {
    width: 25%;
}

/* query by example screen */

abbr[data-tooltip-text] {
    border-bottom: 1px dotted;
}

abbr[data-has-icon] {
    border-bottom: none;
}

abbr[data-tooltip-text] img {
    height: 2.2em;
    width: 2.2em;
    display: inline-block;
}

/* component combinations */
.overview + .tablist { margin-top: -1px; }
.overview + .submenu { margin-top: 1em; }
table + .paging,
.paging + table,
.submenu_list + .paging,
.paging + .submenu_list { border-top: 1px solid #777; }


.public-directory-search form fieldset { margin: 0 0 1em; }
.public-directory-search form fieldset + fieldset { padding-top: 0.75em; border-top: 1px dotted #bbb; }
.public-directory-search form [class|="field"] { width: 40%; }
.public-directory-search form .field-short,
.public-directory-search form .field-checkbox{ width: 25%; }
.public-directory-search form [class|="field"] + [class|="field"] { margin-left: 2%; }
.public-directory-search form [class|="field"] select,
.public-directory-search form [class|="field"] input[type="text"] { display: block; width: 100%; margin: 0.5em 0 0; }
.public-directory-search form [class|="field"] input.short,
.public-directory-search form [class|="field"] textarea.short,
.public-directory-search form [class|="field"] select.short { width: 50%; }
.public-directory-search form[role="search"] .field-checkbox input[type="text"] { display: block; }

.public-directory-search_actions:after { content: " "; display: table; clear: both; }
.public-directory-search_actions a { float: right; margin: 0.4em 1em 0 0; }
.public-directory-search_actions button { float: right; margin-left: 1em; }
.public-directory-search_actions + .public-directory-search_actions { margin: 1em 0 0; }

.publicdirectorypanel-tabbed { padding: 0 20px; border: 1px solid #bbb; border-width: 0 1px 1px; }
.publicdirectorypanel-tabbed .directoryresults { margin: 1em 0; border-top: 0; }
.publicdirectorypanel-tabbed .directoryresults th + th,
.publicdirectorypanel-tabbed .directoryresults th + td,
.publicdirectorypanel-tabbed .directoryresults td + td { padding-left: 0.5em; }
.publicdirectorypanel-tabbed .directoryresults thead { font-size: 0.875em; }
.publicdirectorypanel-tabbed .directoryresults tbody tr { position: relative; }
.publicdirectorypanel-tabbed .paging { padding: 0 0 1em 0; border-top: 0; }
.publicdirectorypanel-tabbed .ui-dialog { left: 0 !important; right: 0 !important; width: auto !important; }

.directory-result { margin-bottom: 1em; }

.directory-result .directory-logo::after{ content: ""; display: table; }
.directory-result h3 {margin: 0; font-size: 1.5em; }
.directory-result > div {
    margin-left: 5em;
}
.directory-result .directory-logo {
    float: left;
    margin-left: 0;
    margin-right: 0.6em;
}
.directory-result + .directory-result h3 { margin-top: 0.8em; }
.directory-result section h4 { margin: 0.2em 0;font-size: 1em; }
.directory-result .l-col-1-3 { box-sizing: border-box; }
.directory-result .l-col-1-3:nth-child(1) { width: 38%; padding-right: 2.5%; }
.directory-result .l-col-1-3:nth-child(2) { width: 31%; padding-left: 2.5%; padding-right: 2.5%; }
.directory-result .l-col-1-3:nth-child(3) { width: 26%; padding-left: 2.5%; }
.directory-result .l-col-1-2:nth-child(2) { width: 36%; }
.directory-result .l-col-1-3 + .l-col-1-3 { margin: 0; }
.directory-result section > h2 { clear: left; margin: 0; font-size: 1.125em; font-weight: bold; }
.directory-result section > dl { margin: 0; }
.directory-result section > dl > dt { float: left; clear: left; width: 10em; }
.directory-result section > dl > dd { min-height: 1.4em; margin: 0 0 0 10em; }
.directory-result section > ul { margin: 0;padding: 0; }
.directory-result section > ul li { list-style-type: none; }
.directory-result section > ol { margin: 0;padding: 0; }
.directory-result section > ol li { list-style-type: none; }
.directory-result section + section { margin-top: 1.5em; }
.directory-result + .directory-result { border-top: solid 1px #bbb; }
.directory-result .no-address { color: #bbb; }

.directory-result .l-col-1-3:nth-child(3) a { font-weight: bold; }


table.internal-directory-view th[scope='row'] {
    width: 30%;
}

table.internal-directory-view tbody tr { border-top: none; }

[data-directory-root] h2 {
    margin-top: 0;
}

/*
 * Banner admin styles
 */

.conflicting-banners {
    margin-bottom: 1em;
    color: white;
    padding: 7px 10px;
}

.conflicting-banners p {
    margin-top: 0;
}

.conflicting-banners ul {
    padding-left: 30px;
}

/*
 * Subscription-only styles
 */

.subsite footer[role="contentinfo"] .subsite_related { width: 80%; }

.cookie-notice { clear: both; margin: 0 1em -1.0308em; padding: 1.2308em 0 0; font-size: 0.8125em; }

.cookie-notice-dialog { border: 0; padding: 1em 0; background: #FAC832; height: 240px; }
.cookie-notice-dialog #popup {
    max-width: 1440px;
    margin: 0 auto;
}

.subsite main { position: relative; }
.subsite main a { color: #028fd7; }
.subsite main a:focus,
.subsite main a:hover { color: #879db9; }
.subsite main .tablist a,
.subsite main .page_menu a,
.subsite main .ratessearch a,
.subsite main form.homepage a{ color: #1e32fa; }
.subsite main .collapsible_head a { color: #000; }
.subsite main .tablist a:focus,
.subsite main .tablist a:hover { color: #fff; }
.subsite main .page_menu a:focus,
.subsite main .page_menu a:hover,
.subsite main .ratessearch a:focus,
.subsite main .ratessearch a:hover { color: #879db9; }
.subsite main .collapsible_head a:focus,
.subsite main .collapsible_head a:hover { color: #3333FF }
.subsite .tablist a[aria-selected="true"],
.subsite .tablist a:hover,
.subsite .tablist a:focus { background: #1E32FA; color: #fff; }
.subsite .page:before,
.subsite .page:after { content: " "; display: table; }
.subsite .page:after { clear: both; }
.subsite .page_menu { box-sizing: border-box; float: left; width: 16em; margin: 1.5em 0 0 -20px; padding: 0.5em 1em; border: 1px solid #bbb; border-left: 0; background: #f9f9f9; }
.subsite .page_menu h3 { margin: 1.5em 0 1em; font-size: 1em; }
.subsite .page_menu ul { margin: 0; padding: 0; list-style: none; }
.subsite .page_menu li { margin: 0.5em 0; }
.subsite .page_menu li a { display: inline-block; padding: 0 0 0.235em; border-bottom: 2px solid transparent; text-decoration: none; }
.subsite .page_menu li a[aria-selected="true"] { border-color: #1e32fa; }
.subsite .page_menu li a:hover,
.subsite .page_menu li a:focus { border-color: #e6ecf1; }
.subsite .page_menu ul + ul { margin: 1em 0 0; }
.subsite .page_main { margin-left: 16em; }
.subsite .page_main p a,
.subsite .page_main li a,
.subsite .page_main td a { color: #028fd7; }
.subsite .page_main p a:hover,
.subsite .page_main p a:focus,
.subsite .page_main li a:focus,
.subsite .page_main li a:hover,
.subsite .page_main td a:focus,
.subsite .page_main td a:hover { color: #879db9; }

.subsite .siteSearch { position: absolute; right: 20px; margin: -4.9em 0 0; padding: 0; border: 0; background: none; }
.subsite .siteSearch input { box-sizing: border-box; height: 2.1875em; padding: 0 0.5em; border: 1px solid #bbb; }
.subsite .siteSearch button { margin: 0.1em; }
.subsite .page_main .ratessearch > form { font-size: 0.75em; }

.breadcrumb { margin: 0.5em 0 0; padding: 0; list-style: none; }
.breadcrumb li { display: inline-block; font-size: 0.75em; }
.breadcrumb li + li:before { content: ">"; display: inline-block; margin-right: 0.3333em; }
.breadcrumb li a { color: #1e32fa; }
.breadcrumb li a:hover,
.breadcrumb li a:focus { color: #028fd7; }

.subsite .rules h2 { margin-top: 0; }
.subsite .rules h2 > small { display: block; }
.subsite .rules h5 { font-size: 1em; text-transform: uppercase; }
.subsite .rules h5.collapsible_head { text-transform: none; }
.subsite .rules table { width: auto; margin: 1em 0 0; table-layout: fixed; }
.subsite .rules thead { background: #e6ecf1; }
.subsite .rules thead tr { border-bottom: none; }
.subsite .rules tbody { font-size: 1em; }
.subsite .rules tbody tr + tr,
.subsite .rules tbody + tbody tr { border-top: none; }
.subsite .rules th,
.subsite .rules td { padding: 0.2em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.subsite .rules th + th,
.subsite .rules th + td,
.subsite .rules td + td { padding-left: 0; }
.subsite .rules .col-fill-to-end { position: relative; overflow: hidden; }
.subsite .rules .col-fill-to-end span { margin-left: -0.2em; padding: 0 0.2em; }
.subsite .rules .col-fill-to-end:after { content: ""; position: absolute; bottom: 0.25em; width: 99%; height: 1px; border-bottom: 1px dotted; }
.subsite .rules ul.flat { padding: 0; list-style: none; }
.subsite .rules li + li { margin-top: 0.5em; }
.subsite .rules dl { margin-top: 0.5em; }
.subsite .rules dt { display: inline-block; width: 20%; margin-top: 0.5em; margin-right: 2%; vertical-align: top; }
.subsite .rules dd { display: inline-block; width: 78%; margin-top: 0.5em; margin-left: -0.333em; vertical-align: top; }
.subsite .rules img { max-width: 100%; }
.subsite .rules img.centred { display: block; margin: 0 auto; }
.subsite .rules .h-card p { margin: 0; }
.subsite .rules .note { margin: 1em 0; font-size: 0.75em; }
.subsite .rules .numberedpara { padding-left: 3em; }
.subsite .rules .numberedpara_num { float: left; width: 2em; margin-left: -3em; }
.subsite .rules_quickselect { width: 50%; }
.subsite .rules_quickselect .field { display: inline-block; width: 90%; }
.subsite .rules_quickselect button { padding: 0.2em 0.4em; }

.subsite .rulestable-airportstatus64 { font-size: 0.5em; }
.subsite .rulestable-cities tbody td { font-size: 0.75em; }
.subsite .rulestable-trafficAgreements tbody td { font-family: Courier New, Courier, monospace; }

.subsite [class^="rulestable-countryFacilities"] colgroup + tbody tr:first-child td:first-child,
.subsite [class^="rulestable-countryFacilities"] tbody:first-child tr:first-child td:first-child { background: #e6ecf1; }
.subsite [class^="rulestable-LoadingCharts"] colgroup + tbody tr:first-child { background: #e6ecf1; }
.subsite [class^="rulestable-LoadingCharts"] td,
.subsite [class^="rulestable-Aircraft_Dimensions"] td { border: 1px solid #ccc; font-size: 0.75em; }
.subsite [class^="rulestable-LoadingCharts"] td.ph,
.subsite [class^="rulestable-Aircraft_Dimensions"] td.ph { padding: 0; border: 0; background: #fff; }

.subsite .rulestable-55pttext { font-size: 0.625em; }
.subsite .rulestable-6pttext { font-size: 0.75em; }
.subsite .rulestable-7pttext { font-size: 0.875em; }



.subsite .homepage_top { text-align: center; margin: 5px 0;height: 1px; }
.subsite .homepage_rhs { position: absolute; right: 10px; }
.subsite .homepage_rhs img { display: block; }
.subsite .homepage_rhs img + img { margin-top: 10px; }

.subsite .rates-banner-top { text-align: center; margin: 5px 0; }
.subsite .schedule-banner-top { text-align: center; margin: 5px 0; }

.subsite .text-page-banner-top { text-align: center; margin: 5px 0; }
.subsite .text-page-banner-rhs { position: absolute; right: 10px; }
.subsite .text-page-banner-rhs img { display: block; }
.subsite .text-page-banner-rhs img + img { margin-top: 10px; }

.subsite .country-rules-banner-lhs {
    box-sizing: border-box;
    clear: left;
    float: left;
    width: 16em;
    margin: 1.5em 0 0 -20px;
    text-align: center;
}
.subsite .country-rules-banner-lhs  img { display: block;margin: 0 auto; }
.subsite .country-rules-banner-lhs  img + img { margin-top: 10px; }

.subsite .printFooter { display: none; }
/*
 * Helper classes
 */

.ir { background-color: transparent; border: 0; overflow: hidden; /* IE 6/7 fallback */ *text-indent: -9999px; }
.ir:before { content: ""; display: block; width: 0; height: 150%; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before,
.clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

span[data-highlight-result]{background: yellow;}

/* shipper-request styles */

.shipment-pieces--uld [data-piece-type="bulk"] {
    display: none;
}

.shipment-pieces--bulk [data-piece-type="uld"] {
    display: none;
}

.shipment-pieces-table th {
    font-size: 10px;
    color: #1e32fa;
    font-weight: bold;
}

.shipment-pieces--imperial .shipment-piece_metric-label,
.shipment-pieces--metric .shipment-piece_imperial-label {
    display: none;
}

.shipment-piece_commodity {
    min-width: 300px;
}
.shipment-piece_pieces,
.shipment-piece_weight,
.shipment-piece_volume,
.shipment-piece_dimension {
    width: 60px;
}

[data-sort] {
    padding-right: 18px;
    position: relative;
    cursor: pointer;
}

[data-sort]:before,
[data-sort]:after {
    border: 5px solid transparent;
    content: "";
    display: block;
    height: 0;
    right: 5px;
    top: 50%;
    position: absolute;
    width: 0;
    opacity: 0.5;
}

[data-sort]:before {
    border-bottom-color: #666;
    margin-top: -10px;
}

[data-sort]:after {
    border-top-color: #666;
    margin-top: 2px;
}

.sort-asc:before {
    border-bottom-color: black;
    opacity: 1;
}

.sort-desc:after {
    border-top-color: black;
    opacity: 1;
}


.ui-slider-horizontal {
    background: #D7D7D7;
    border: 1px solid #BABABA;
    border-radius: 6px;
    box-shadow: 0 1px 0 #FFF, 0 1px 0 #CFCFCF inset;
    clear: both;
    height: 8px;
    margin: 8px 0;
}
.ui-slider {
    position: relative;
    text-align: left;
}
.ui-slider .ui-slider-range {
    background: #fff;
}

.ui-slider a:focus {
    outline:none;
}

.sliders_step1 .ui-slider .ui-slider-handle {
    display: block;
    width: 15px;
    height: 15px;
    border: 2px solid #fff;
    border-radius: 50%;
    background: #1e32fa;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .5);
}

/* DENIED PARTIES */


.sanction-wrapper {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
    padding: 20px 20px 0px;
    border-style: solid;
    border-width: 1px;
    border-color: #e2e2e2;
    border-radius: 6px;
    background-color: #f8f8f8;
}


.sanction-name {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: -20px -20px 10px;
    padding: 10px 20px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #777;
    color: #fff;
}

.sanction-name-and-alert {
    margin-bottom: 10px;
}

.sanction-alerts {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.light {
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.last-refreshed .light {
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0.1em;
    text-transform: none;
}

.gauge {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: -1px;
    margin-left: -1px;
}

.gauge-box {
    height: 5px;
    border: 1px solid #fff;
}

.gauge-box.active {
    background-color: #fff;
}

.gauge-box-wrapper {
    padding-right: 1px;
    padding-left: 1px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}


.match-card-column {
    padding: 0px 10px 5px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
}

.match-card-column.wider {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.match-card-column.wider.hidden {
    display: none;
}

.match-card-column.narrow {
    -webkit-box-flex: 0;
    -webkit-flex: 0 40%;
    -ms-flex: 0 40%;
    flex: 0 40%;
}

.match-card-column.half {
    width: 50%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
}

.match-card-button-wrapper {
    width: 100%;
    margin-bottom: 10px;
    padding-right: 10px;
    padding-left: 10px;
    text-align: right;
}

.match-row {
    padding-bottom: 15px;
}

.match-row.last {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 3px solid #ccc;
}

.match-label-small {
    font-weight:bold;
    font-size:12px;
    color: #919191;
}

.match-data-small {
    font-size:12px;
    color: #919191;
}

.match-label {
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #ccc;
    color: #919191;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.match-data {
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 1.25em;
    font-weight: 300;
}

.match-data.normal {
    margin-bottom: 10px;
    line-height: 1.25em;
    /* white-space: break-spaces; */
}

.match-data.normal.id-type,
.match-data.normal.id-info {
    margin-bottom: 0px;
}

.match-data.normal.id-info + .match-data.normal.id-type {
    margin-top: 10px;
}

.match-data.smaller {
    font-size: 14px;
}

.sanction-header {
    padding: 10px 10px 0;
    border-radius: 6px;
    background-color: #f04632;
    color: #fff;
    font-size: 24px;
    font-weight: 300;
}

.sanction-header + .sanction-header {
    margin-left: 5px;
}

.sanction-header a {
    color: #fff !important;
}

.match-card {
    position: -webkit-sticky;
    position: sticky;
    top: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
    padding: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 40%;
    -ms-flex: 1 0 40%;
    flex: 1 0 40%;
    border-radius: 6px;
    box-shadow: 0 10px 17px 0 rgba(0, 0, 0, 0.3);
}

.match-card-column {
    padding: 0px 10px 5px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
}

.match-card-column.wider {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.match-card-column.wider.hidden {
    display: none;
}

.match-card-column.narrow {
    -webkit-box-flex: 0;
    -webkit-flex: 0 40%;
    -ms-flex: 0 40%;
    flex: 0 40%;
}

.match-card-column.half {
    width: 50%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
}

.match-card-button-wrapper {
    width: 100%;
    margin-bottom: 10px;
    padding-right: 10px;
    padding-left: 10px;
    text-align: right;
}

.matched-name,
.matched-aka,
.matched-address {
    display: flex;
    flex-direction: column;
}

.highlight-name,
.highlight-aka,
.highlight-line {
    background-color: #fefee0;
    display: block;
    flex-grow: 0;
    align-self: flex-start;
}

.highlight-name del,
.highlight-aka del,
.highlight-line del {
    background-color: #f8f8f8;
}

.icon-font.green {
    color: green;
}

.icon-font.grey {
    color: grey;
}

.icon-font.amber {
    color: #ff7a00;
}

.address-details.open .more-less.top {
    display: none;
}

.show-detail {
    margin: 0 0 1em;
    display: block;
}

/* TOAST STYLES */
.toast-title {
    font-weight: bold;
}
.toast-message {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}
.toast-message a,
.toast-message label {
    color: #FFFFFF;
}
.toast-message a:hover {
    text-decoration: underline;
}
.toast-close-button {
    position: relative;
    right: -0.3em;
    top: -0.3em;
    float: right;
    font-size: 20px;
    font-weight: bold;
    color: #FFFFFF;
    -webkit-text-shadow: 0 1px 0 #ffffff;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
    line-height: 1;
}
.toast-close-button:hover,
.toast-close-button:focus {
    color: #000000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.4;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40);
}
.rtl .toast-close-button {
    left: -0.3em;
    float: left;
    right: 0.3em;
}

button.toast-close-button::after { content: none; }

[data-custom-settings]{}

[data-custom-settings] th,
[data-custom-settings] td {
    width: 25%;
}

[data-custom-settings] th.wide,
[data-custom-settings] td.wide {
    width: 45%;
}

[data-custom-settings] input,
[data-custom-settings] select{
    width: 100%;
}

[data-agent-initialise] h2 {
    margin-bottom: 0;
}

[data-agent-initialise] p {
    margin-top: 0;
}

span.dir-include-public {
    color: #51A351;
}
span.dir-exclude-public {
    color: #F89406;
}

[data-agent-initialise] > div {
    float: right;
    position: relative;
    right: 10em;
    top: 17px;
}

/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}
.toast-top-center {
    top: 0;
    right: 0;
    width: 100%;
}
.toast-bottom-center {
    bottom: 0;
    right: 0;
    width: 100%;
}
.toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%;
}
.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%;
}
.toast-top-left {
    top: 12px;
    left: 12px;
}
.toast-top-right {
    top: 12px;
    right: 12px;
}
.toast-bottom-right {
    right: 12px;
    bottom: 12px;
}
.toast-bottom-left {
    bottom: 12px;
    left: 12px;
}
#toast-container {
    position: fixed;
    z-index: 999999;
    pointer-events: none;
    /*overrides*/
}
#toast-container * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#toast-container > div {
    position: relative;
    pointer-events: auto;
    overflow: hidden;
    margin: 0 0 6px;
    padding: 15px 15px 15px 50px;
    width: 300px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    background-position: 15px center;
    background-repeat: no-repeat;
    -moz-box-shadow: 0 0 12px #999999;
    -webkit-box-shadow: 0 0 12px #999999;
    box-shadow: 0 0 12px #999999;
    color: #FFFFFF;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
}
#toast-container > div.rtl {
    direction: rtl;
    padding: 15px 50px 15px 15px;
    background-position: right 15px center;
}
#toast-container > div:hover {
    -moz-box-shadow: 0 0 12px #000000;
    -webkit-box-shadow: 0 0 12px #000000;
    box-shadow: 0 0 12px #000000;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    cursor: pointer;
}
#toast-container > .toast-info {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
}
#toast-container > .toast-error {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
}
#toast-container > .toast-success {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
}
#toast-container > .toast-warning {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
}
#toast-container.toast-top-center > div,
#toast-container.toast-bottom-center > div {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
}
#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
}
.toast {
    background-color: #030303;
}
.toast-success {
    background-color: #51A351;
}
.toast-error {
    background-color: #BD362F;
}
.toast-info {
    background-color: #2F96B4;
}
.toast-warning {
    background-color: #F89406;
}
.toast-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background-color: #000000;
    opacity: 0.4;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40);
}

.long-comment{ word-break: break-word; }

@media all and (max-width: 240px) {
    #toast-container > div {
        padding: 8px 8px 8px 50px;
        width: 11em;
    }
    #toast-container > div.rtl {
        padding: 8px 50px 8px 8px;
    }
    #toast-container .toast-close-button {
        right: -0.2em;
        top: -0.2em;
    }
    #toast-container .rtl .toast-close-button {
        left: -0.2em;
        right: 0.2em;
    }
}

table.tws-search-parameters th {
    width: 10%;
}
table.tws-search-parameters ul {
    margin: 0;
    padding: 0;
}

@media all and (min-width: 241px) and (max-width: 480px) {
    #toast-container > div {
        padding: 8px 8px 8px 50px;
        width: 18em;
    }
    #toast-container > div.rtl {
        padding: 8px 50px 8px 8px;
    }
    #toast-container .toast-close-button {
        right: -0.2em;
        top: -0.2em;
    }
    #toast-container .rtl .toast-close-button {
        left: -0.2em;
        right: 0.2em;
    }
}

@media all and (min-width: 481px) and (max-width: 768px) {
    #toast-container > div {
        padding: 15px 15px 15px 50px;
        width: 25em;
    }
    #toast-container > div.rtl {
        padding: 15px 50px 15px 15px;
    }
}

div.activation-scrollable {
    /* background: red; */
    max-height: 736px;
    scroll-behavior: smooth;
    overflow-y: auto;
}

/*
 * Print styles
 */

@media print {
    * { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; }
    a,
    a:visited { text-decoration: underline; }
    pre,
    blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; }
    tr,
    img { page-break-inside: avoid; }
    img { max-width: 100% !important; }
    @page { margin: 0.5cm; }
    p,
    h2,
    h3 { orphans: 3; widows: 3; }
    h2,
    h3 { page-break-after: avoid; }

    /* site specific */
    html { background: #fff; }
    main { padding-bottom: 20px; border: 0; background: none; }

    .query-form-collapse .collapsible_head a::before { content: "▶"; background: none; }
    .query-form-collapse .collapsible_head a[aria-expanded="true"]::before,
    .query-form-collapse .collapsible_head a[aria-selected="true"]::before { content: "▼"; background: none; }

    .subsite .tablist { display: none; }
    .subsite .siteSearch { display: none; }
    .subsite .breadcrumb { display: none; }
    .subsite .page_menu { display: none; }
    .subsite .page_main { margin-left: 0; }

    .subsite header[role="banner"] { display: none; }
    .subsite footer[role="contentinfo"] > * { display: none; }
    .subsite footer[role="contentinfo"] .printFooter { display: block; }
}

.subsite .query-form-collapse {
    position: relative;
}

.subsite .query-form-collapse .ratessearch_actions {
    position: absolute;
    top: 0;
    right: 0;
    display: block !important;
}

.subsite .query-form-collapse .ratessearch_actions.shown { position: static;  }