html, html * {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
box-sizing: border-box;
background: none;
background-repeat: no-repeat;
background-position: left top;
border: 0;
outline: 0;
}
/* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after {
content: '';
content: none;
}
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
th, td {
vertical-align: top;
}
h1.red, h2.red, h3.red, h4.red {
color: #d04621;
}
.orange, em {
color: #e87722 !important;
}
.green, a.green {
color: #a0d181 !important;
}
.blue, a.blue {
color: #4d93d2 !important;
}
.grey, a.grey {
color: #6d6e71 !important;
}
.orange-block {
color: #fff !important;
background-color: #e87722;
padding-left: 4px;
padding-right: 4px;
}
a[name]:empty {
display: none;
}
a:not(.button) {
text-decoration: none;
color: #e87722;
cursor: pointer;
}
a:not(.button):visited {
color: #e87722;
}
a:not(.button):hover {
text-decoration: underline;
color: #e87722;
}
a:not(.button):active {
color: #e87722;
}
a:not(.button).back:before, a:not(.button).previous:before {
display: inline-block;
position: relative;
top: -1px;
content: "";
border-top: 2px solid #e87722;
border-right: 2px solid #e87722;
height: 6px;
width: 6px;
-webkit-transform: rotate(225deg);
-ms-transform: rotate(225deg);
-moz-transform: rotate(225deg);
-o-transform: rotate(225deg);
transform: rotate(225deg);
}
a:not(.button).forward:after, a:not(.button).next:after {
display: inline-block;
position: relative;
top: -1px;
content: "";
border-top: 2px solid #e87722;
border-right: 2px solid #e87722;
height: 6px;
width: 6px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
a:not(.button).remove {
display: inline-block;
position: relative;
width: 18px;
height: 18px;
background: red;
-webkit-border-radius: 100%;
-ms-border-radius: 100%;
-moz-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
text-indent: -9999%;
}
a:not(.button).remove:before {
display: block;
content: "";
position: absolute;
width: 10px;
height: 2px;
background: #fff;
top: 8px;
left: 4px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
a:not(.button).remove:after {
display: block;
content: "";
position: absolute;
width: 10px;
height: 2px;
background: #fff;
top: 8px;
left: 4px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
a:not(.button).eye:after {
display: inline-block;
content: "";
width: 18px;
height: 11px;
margin-left: 3px;
background: url(../images/icons/eye_symbol.svg) no-repeat;
}
a:not(.button).download:before {
display: inline-block;
content: "";
width: 18px;
height: 18px;
margin-right: -2px;
vertical-align: bottom;
position: relative;
left: -3px;
background: url(../images/icons/download_symbol.svg) no-repeat;
}
a:not(.button)[disabled], a:not(.button).disabled {
color: #aeaead !important;
cursor: default;
}
a:not(.button)[disabled]:before, a:not(.button).disabled:before, a:not(.button)[disabled]:after, a:not(.button).disabled:after {
border-color: #aeaead !important;
}
a:not(.button)[disabled]:hover, a:not(.button).disabled:hover {
text-decoration: none;
}
.content a[href] {
text-decoration: none;
}
.content a[href]:hover {
text-decoration: underline;
}
a[href].underline, .content a[href].underline {
text-decoration: underline;
}
body {
font-size: 14px;
line-height: 18px;
color: #6d6e71;
font-family: arial;
}
h1 {
font-size: 32px;
line-height: 36px;
color: #e87722;
font-weight: bold;
}
h2 {
font-size: 18px;
line-height: 22px;
color: #e87722;
font-weight: bold;
}
h3 {
font-size: 1.2em;
font-weight: bold;
}
h4 {
font-size: 1em;
}
hr {
width: 100%;
clear: both;
border: 0;
outline: 0;
background-color: transparent;
height: 1px;
}
span {
font-size: inherit;
}
b, strong {
font-weight: 700;
}
i {
font-style: italic;
}
small {
font-size: 0.8em;
}
big {
font-size: 1.2em;
}
.content ::selection, .popup-content ::selection {
color: #fff;
background: #007;
/* WebKit/Blink Browsers */
}
.content ::-moz-selection, .popup-content ::-moz-selection {
color: #fff;
background: #007;
/* Gecko Browsers */
}
.content h1, .popup-content h1 {
margin-bottom: 1em;
}
.content h1 span, .popup-content h1 span {
color: #6d6e71;
}
.content h2, .popup-content h2 {
margin-bottom: 0.6em;
}
.content h2 span, .popup-content h2 span {
color: #6d6e71;
}
.content h3, .popup-content h3 {
margin-bottom: 0.4em;
}
.content h1 a, .popup-content h1 a, .content h2 a, .popup-content h2 a, .content h3 a, .popup-content h3 a, .content h4 a, .popup-content h4 a, .content h5 a, .popup-content h5 a, .content h6 a, .popup-content h6 a, .content h1 a:visited, .popup-content h1 a:visited, .content h2 a:visited, .popup-content h2 a:visited, .content h3 a:visited, .popup-content h3 a:visited, .content h4 a:visited, .popup-content h4 a:visited, .content h5 a:visited, .popup-content h5 a:visited, .content h6 a:visited, .popup-content h6 a:visited {
color: inherit;
}
.content h1 small, .popup-content h1 small, .content h2 small, .popup-content h2 small, .content h3 small, .popup-content h3 small, .content h4 small, .popup-content h4 small, .content h5 small, .popup-content h5 small, .content h6 small, .popup-content h6 small {
font-size: 14px;
font-weight: normal;
}
.content p, .popup-content p, .content ul, .popup-content ul, .content ol, .popup-content ol, .content blockquote, .popup-content blockquote, .content code, .popup-content code, .content address, .popup-content address {
margin-bottom: 1em;
}
.content p, .popup-content p {
max-width: 450px;
}
.content p.intro, .popup-content p.intro {
font-weight: bold;
font-size: 16px;
line-height: 20px;
}
.content p.wide, .popup-content p.wide {
max-width: 100%;
}
.content ul, .popup-content ul {
padding-left: 1.4em;
}
.content ul li, .popup-content ul li {
list-style: disc;
}
.content ol, .popup-content ol {
padding-left: 1.4em;
}
.content ol li, .popup-content ol li {
list-style: decimal;
}
.content hr, .popup-content hr {
width: 100%;
clear: both;
border: 0;
outline: 0;
background-color: #6d6e71;
height: 1px;
margin: 24px 0;
}
input[type="text"], input[type="email"], input[type="password"], input[type="telephone"], input[type="tel"], input[type="search"], input[type="number"], input[type="date"], input[type="time"], textarea, select {
font-size: 16px;
font-weight: bold;
-webkit-appearance: none;
margin-bottom: 12px;
padding: 8px;
border: 1px solid #6d6e71;
-webkit-transition: box-shadow 0.3s ease-in-out;
-moz-transition: box-shadow 0.3s ease-in-out;
-ms-transition: box-shadow 0.3s ease-in-out;
-o-transition: box-shadow 0.3s ease-in-out;
transition: box-shadow 0.3s ease-in-out;
background: #fff;
}
input[type="text"].error, input[type="email"].error, input[type="password"].error, input[type="telephone"].error, input[type="tel"].error, input[type="search"].error, input[type="number"].error, input[type="date"].error, input[type="time"].error, textarea.error, select.error {
border: 1px solid #f00;
}
textarea {
resize: none;
height: 100px;
}
form:not(.inline) {
/*
.file-wrapper {
width: 100%;
max-width: $input_width;
label {
width: 100%;
}
}
*/
}
form:not(.inline).grey {
max-width: 350px;
background: #979797;
padding: 24px 24px 40px 24px;
color: #fff;
position: relative;
display: block;
margin-bottom: 40px;
}
form:not(.inline).grey button[type=submit] {
width: 100%;
max-width: 100%;
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin-bottom: 0;
text-align: right;
}
form:not(.inline).grey p {
font-weight: bold;
}
form:not(.inline).grey .select-wrapper label, form:not(.inline).grey .address-search-wrapper label, form:not(.inline).grey .select-wrapper .dropdown .option, form:not(.inline).grey .address-search-wrapper .dropdown .option {
color: #6d6e71;
}
form:not(.inline).grey .select-wrapper label.selected, form:not(.inline).grey .address-search-wrapper label.selected, form:not(.inline).grey .select-wrapper .dropdown .option.selected, form:not(.inline).grey .address-search-wrapper .dropdown .option.selected {
color: #fff;
}
form:not(.inline).grey label, form:not(.inline).grey p {
color: #fff;
}
form:not(.inline) label {
font-weight: bold;
}
form:not(.inline) label span.error {
font-size: 12px;
padding-left: 6px;
color: #f00;
}
form:not(.inline) input[type="text"], form:not(.inline) input[type="email"], form:not(.inline) input[type="password"], form:not(.inline) input[type="telephone"], form:not(.inline) input[type="tel"], form:not(.inline) input[type="search"], form:not(.inline) input[type="number"], form:not(.inline) input[type="date"], form:not(.inline) input[type="time"], form:not(.inline) textarea, form:not(.inline) button, form:not(.inline) a.button {
width: 100%;
max-width: 280px;
}
form:not(.inline) input[type="text"].orange-plus, form:not(.inline) input[type="email"].orange-plus, form:not(.inline) input[type="password"].orange-plus, form:not(.inline) input[type="telephone"].orange-plus, form:not(.inline) input[type="tel"].orange-plus, form:not(.inline) input[type="search"].orange-plus, form:not(.inline) input[type="number"].orange-plus, form:not(.inline) input[type="date"].orange-plus, form:not(.inline) input[type="time"].orange-plus, form:not(.inline) textarea.orange-plus, form:not(.inline) button.orange-plus, form:not(.inline) a.button.orange-plus {
width: auto;
}
form:not(.inline) .select-wrapper, form:not(.inline) .address-lookup, form:not(.inline) .address-search-wrapper {
width: 100%;
max-width: 280px;
}
form:not(.inline) .password-meter {
margin-bottom: 12px;
}
form:not(.inline) .password-meter .password-meter-message {
vertical-align: top;
display: block;
font-size: 16px;
line-height: 24px;
margin-bottom: 4px;
}
form:not(.inline) .password-meter .password-meter-bar {
width: 100%;
max-width: 280px;
background: #fff;
border: 1px solid #000;
height: 8px;
position: relative;
}
form:not(.inline) .password-meter .password-meter-bar:before {
display: inline-block;
position: absolute;
top: 0;
left: 0;
height: 100%;
content: "";
-webkit-transition: width 1s;
-ms-transition: width 1s;
-moz-transition: width 1s;
-o-transition: width 1s;
transition: width 1s;
}
form:not(.inline) .password-meter .password-meter-bar.password-meter-too-short:before, form:not(.inline) .password-meter .password-meter-bar.password-meter-very-weak:before {
background: red;
width: 20%;
}
form:not(.inline) .password-meter .password-meter-bar.password-meter-weak:before {
background: orange;
width: 40%;
}
form:not(.inline) .password-meter .password-meter-bar.password-meter-good:before {
background: yellow;
width: 60%;
}
form:not(.inline) .password-meter .password-meter-bar.password-meter-strong:before {
background: green;
width: 100%;
}
form.popup-form input[type="text"], form.popup-form input[type="email"], form.popup-form input[type="password"], form.popup-form input[type="telephone"], form.popup-form input[type="tel"], form.popup-form input[type="search"], form.popup-form input[type="number"], form.popup-form input[type="date"], form.popup-form input[type="time"], form.popup-form textarea {
width: 100%;
max-width: 100%;
border: 1px solid #d8d8d7;
}
form.popup-form button {
padding: 9px 14px;
width: auto;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="telephone"]:focus, input[type="tel"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="date"]:focus, input[type="time"]:focus, textarea:focus, select:focus {
box-shadow: 0 0 5px #6d6e71;
border: 1px solid #6d6e71;
-webkit-appearance: none;
}
input[type="text"]:focus.error, input[type="email"]:focus.error, input[type="password"]:focus.error, input[type="telephone"]:focus.error, input[type="tel"]:focus.error, input[type="search"]:focus.error, input[type="number"]:focus.error, input[type="date"]:focus.error, input[type="time"]:focus.error, textarea:focus.error, select:focus.error {
border: 1px solid #f00;
}
input[type='hidden'] {
speak: none;
}
label {
vertical-align: top;
display: block;
font-size: 16px;
line-height: 24px;
margin-bottom: 4px;
}
label.inline {
display: inline;
padding-right: 0.4em;
vertical-align: middle;
}
.select-wrapper {
display: inline-block;
position: relative;
margin-bottom: 12px;
z-index: 1;
cursor: pointer;
}
.select-wrapper label {
padding: 6px;
margin: 0;
border: 1px solid #6d6e71;
white-space: nowrap;
overflow-x: hidden;
cursor: pointer;
height: 36px;
display: inline-block;
width: 100%;
background: #fff;
}
.select-wrapper:before {
display: inline-block;
position: absolute;
content: "";
background: #e87722;
top: 0px;
right: 0px;
width: 34px;
height: 100%;
cursor: pointer;
z-index: 1;
}
.select-wrapper:after {
display: inline-block;
position: absolute;
content: "";
border-bottom: 2px solid #fff;
border-right: 2px solid #fff;
top: 50%;
right: 12px;
height: 8px;
width: 8px;
-webkit-transform: translateY(-65%) rotate(45deg);
-ms-transform: translateY(-65%) rotate(45deg);
-moz-transform: translateY(-65%) rotate(45deg);
-o-transform: translateY(-65%) rotate(45deg);
transform: translateY(-65%) rotate(45deg);
z-index: 2;
cursor: pointer;
}
.select-wrapper select {
opacity: 0;
height: 0;
width: 0;
top: 0;
left: 0;
padding: 0;
position: absolute;
}
.select-wrapper .dropdown {
margin-bottom: 0;
position: absolute;
top: 37px;
left: 0px;
background: #fff;
min-width: 100%;
border: 1px solid #6d6e71;
border-top: 0;
max-height: 5em;
overflow-y: auto;
display: none;
}
.select-wrapper .dropdown .option {
padding: 0 6px;
cursor: pointer;
}
.select-wrapper .dropdown .option:hover {
background: #d8d8d7;
}
.select-wrapper .dropdown .option.selected {
background: #e87722;
color: #fff;
}
.select-wrapper .dropdown .option.unread {
color: #000;
position: relative;
padding-left: 20px;
font-weight: 700;
}
.select-wrapper .dropdown .option.unread:before {
content: '';
display: block;
height: 9px;
width: 9px;
-webkit-border-radius: 100%;
-ms-border-radius: 100%;
-moz-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
background: #e87722;
position: absolute;
left: 6px;
top: 7px;
}
.select-wrapper.show {
z-index: 2;
}
.select-wrapper.show .dropdown {
display: block;
z-index: 8;
}
.select-wrapper.show.touch label {
cursor: default;
}
.select-wrapper.show.touch label:before {
position: fixed;
content: "";
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
background-color: rgba(109, 110, 113, 0.8);
}
.select-wrapper.show.touch .dropdown {
position: fixed;
top: 25px;
left: 25px;
right: 25px;
bottom: 25px;
width: auto;
border-top: 1px solid #6d6e71;
min-width: 0;
max-height: 100% !important;
height: auto !important;
}
.select-wrapper.show.touch .dropdown .option {
font-size: 18px;
padding: 12px 12px 12px 30px;
position: relative;
}
.select-wrapper.show.touch .dropdown .option:before {
position: absolute;
display: inline-block;
top: 12px;
left: 8px;
content: "";
background: #fff;
border: 1px solid #000;
height: 16px;
width: 16px;
content: "";
margin-right: 8px;
-webkit-border-radius: 100%;
-ms-border-radius: 100%;
-moz-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
}
.select-wrapper.show.touch .dropdown .option.selected:after {
position: absolute;
top: 21px;
left: 17px;
width: 6px;
height: 6px;
content: "";
border: 3px solid #e87722;
-webkit-border-radius: 100%;
-ms-border-radius: 100%;
-moz-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.select-wrapper.inline {
vertical-align: bottom;
}
.select-wrapper.inline label {
padding-right: 44px;
overflow-x: normal;
}
.select-wrapper.no-color label, .select-wrapper.no-color .dropdown {
border: 1px solid #fff;
}
.select-wrapper.no-color:before {
background: #fff;
}
.select-wrapper.no-color:after {
border-bottom: 2px solid #e87722;
border-right: 2px solid #e87722;
}
.select-wrapper.no-color.border {
border: 1px solid #d8d8d7;
}
.select-wrapper.no-color.border .dropdown {
border: 1px solid #d8d8d7;
}
.select-wrapper.no-dropdown {
margin-left: 10px;
}
.select-wrapper.no-dropdown label {
padding-right: 10px !important;
overflow: hidden;
border: 1px solid #fff;
}
.select-wrapper.no-dropdown .dropdown {
border: 1px solid #fff;
min-width: 60px;
}
.select-wrapper.no-dropdown:before, .select-wrapper.no-dropdown:after {
display: none;
}
.search-wrapper {
display: inline-block;
position: relative;
float: left;
margin-bottom: 12px;
z-index: 1;
cursor: pointer;
}
.search-wrapper:before {
display: inline-block;
position: absolute;
content: "";
background: #fff;
top: 0px;
right: 0px;
width: 34px;
height: 100%;
cursor: pointer;
z-index: 1;
}
.search-wrapper:after {
display: inline-block;
position: absolute;
content: "";
border-bottom: 2px solid #e87722;
border-right: 2px solid #e87722;
top: 50%;
right: 12px;
height: 8px;
width: 8px;
-webkit-transform: translateY(-65%) rotate(-45deg);
-ms-transform: translateY(-65%) rotate(-45deg);
-moz-transform: translateY(-65%) rotate(-45deg);
-o-transform: translateY(-65%) rotate(-45deg);
transform: translateY(-65%) rotate(-45deg);
z-index: 2;
}
.search-wrapper input[type=search] {
border: 0;
margin-left: 0 !important;
margin-bottom: 0;
}
.search-wrapper input[type=search]:focus {
box-shadow: none;
border: none;
}
.address-lookup .address-search-wrapper {
display: inline-block;
position: relative;
margin-bottom: 12px;
}
.address-lookup .address-search-wrapper input[type=text] {
padding-right: 34px;
margin: 0;
}
.address-lookup .address-search-wrapper button {
display: inline-block;
position: absolute;
background: #e87722;
top: 0px;
right: 0px;
width: 34px !important;
height: 100%;
cursor: pointer;
z-index: 1;
padding: 0;
}
.address-lookup .address-search-wrapper button:before {
display: none;
}
.address-lookup .address-search-wrapper button:after {
display: inline-block;
position: absolute;
content: "";
border-bottom: 2px solid #fff;
border-right: 2px solid #fff;
border-top: 0;
top: 50%;
right: 12px;
height: 8px;
width: 8px;
-webkit-transform: translateY(-65%) rotate(45deg);
-ms-transform: translateY(-65%) rotate(45deg);
-moz-transform: translateY(-65%) rotate(45deg);
-o-transform: translateY(-65%) rotate(45deg);
transform: translateY(-65%) rotate(45deg);
z-index: 2;
cursor: pointer;
}
.address-lookup .address-search-wrapper .dropdown {
margin-bottom: 0;
z-index: 4;
position: absolute;
top: 37px;
left: 0px;
background: #fff;
min-width: 100%;
border: 1px solid #6d6e71;
border-top: 0;
max-height: 5em;
overflow-y: auto;
display: none;
}
.address-lookup .address-search-wrapper .dropdown .option {
padding: 0 6px;
cursor: pointer;
}
.address-lookup .address-search-wrapper .dropdown .option:hover {
background: #d8d8d7;
}
.address-lookup .address-search-wrapper .dropdown .option.selected {
background: #e87722;
color: #fff;
}
.address-lookup .address-search-wrapper.show .dropdown {
display: block;
}
.address-lookup .address-manual {
height: 0;
overflow: hidden;
}
.address-lookup .address-manual.show {
height: auto;
overflow: visible;
}
.address-lookup .address-manual p.error {
color: #f00;
}
.inline .select-wrapper, .dataTables_length .select-wrapper {
vertical-align: middle;
margin-bottom: 0;
}
.inline .select-wrapper label, .dataTables_length .select-wrapper label {
padding-right: 44px;
overflow-x: normal;
}
.file-wrapper {
width: 100%;
max-width: 280px;
margin-bottom: 12px;
}
.file-wrapper input[type=file] {
display: inline-block;
width: 0.1px;
height: 0.1px;
opacity: 0;
}
.file-wrapper label {
display: inline-block;
background: #aeaead;
position: relative;
padding: 8px 48px 8px 14px;
margin-bottom: 12px;
color: #fff;
font-size: inherit;
line-height: 18px;
cursor: pointer;
}
.file-wrapper label:before {
display: inline-block;
position: absolute;
content: "";
background: #e87722;
top: 0px;
right: 0px;
width: 34px;
height: 100%;
cursor: pointer;
}
.file-wrapper label:after {
display: inline-block;
position: absolute;
content: "";
border-top: 2px solid #fff;
border-right: 2px solid #fff;
top: 50%;
right: 14px;
height: 8px;
width: 8px;
-webkit-transform: translateY(-50%) rotate(45deg);
-ms-transform: translateY(-50%) rotate(45deg);
-moz-transform: translateY(-50%) rotate(45deg);
-o-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
cursor: pointer;
}
.file-wrapper:hover label {
background: #6d6e71;
}
.radio-wrapper {
position: relative;
margin-bottom: 12px;
}
.radio-wrapper input[type="radio"] {
-webkit-appearance: none;
-ms-appearance: none;
-moz-appearance: none;
-o-appearance: none;
appearance: none;
height: 0.1em;
width: 0.1em;
opacity: 0;
}
.radio-wrapper input[type="radio"] + label:before {
background: #fff;
border: 1px solid #000;
display: inline-block;
position: relative;
height: 16px;
width: 16px;
top: 2px;
left: 0;
content: "";
margin-right: 8px;
-webkit-border-radius: 100%;
-ms-border-radius: 100%;
-moz-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
}
.radio-wrapper input[type="radio"]:checked + label:after {
position: absolute;
top: 11px;
left: 9px;
width: 6px;
height: 6px;
content: "";
border: 3px solid #e87722;
-webkit-border-radius: 100%;
-ms-border-radius: 100%;
-moz-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.checkbox-wrapper {
position: relative;
margin-bottom: 12px;
}
.checkbox-wrapper input[type="checkbox"] {
-webkit-appearance: none;
-ms-appearance: none;
-moz-appearance: none;
-o-appearance: none;
appearance: none;
height: 0.1em;
width: 0.1em;
opacity: 0;
}
.checkbox-wrapper input[type="checkbox"] + label:before {
background: #fff;
border: 1px solid #000;
display: inline-block;
position: relative;
height: 16px;
width: 16px;
top: 2px;
left: 0px;
content: "";
margin-right: 8px;
}
.checkbox-wrapper input[type="checkbox"]:checked + label:after {
position: absolute;
top: 9px;
left: 9px;
width: 4px;
height: 10px;
content: "";
border-right: 2px solid #000;
border-bottom: 2px solid #000;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.checkbox-wrapper input[type="checkbox"].no-click + label {
pointer-events: none;
}
.checkbox-wrapper input[type="checkbox"].no-click + label:before {
background: #f2f2f2;
pointer-events: none;
}
.checkbox-wrapper input[type="checkbox"].no-click + label:after {
content: 'x';
color: red;
left: 4px;
position: absolute;
top: -2px;
}
input[type="radio"] + label, input[type="checkbox"] + label {
position: relative;
display: inline-block;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
button, input[type=button], input[type=submit], a.button, .button {
display: inline-block;
position: relative;
padding: 9px 48px 9px 14px;
margin-bottom: 12px;
color: #fff;
font-weight: bold;
background: #aeaead;
cursor: pointer;
}
button[href], input[type=button][href], input[type=submit][href], a.button[href], .button[href] {
color: #fff;
}
button:before, input[type=button]:before, input[type=submit]:before, a.button:before, .button:before {
display: inline-block;
position: absolute;
content: "";
background: #e87722;
top: 0px;
right: 0px;
width: 34px;
height: 100%;
}
button:after, input[type=button]:after, input[type=submit]:after, a.button:after, .button:after {
display: inline-block;
position: absolute;
content: "";
border-top: 2px solid #fff;
border-right: 2px solid #fff;
top: 50%;
right: 14px;
height: 8px;
width: 8px;
-webkit-transform: translateY(-50%) rotate(45deg);
-ms-transform: translateY(-50%) rotate(45deg);
-moz-transform: translateY(-50%) rotate(45deg);
-o-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
}
button.back, input[type=button].back, input[type=submit].back, a.button.back, .button.back {
padding: 9px 14px 9px 48px;
}
button.back:before, input[type=button].back:before, input[type=submit].back:before, a.button.back:before, .button.back:before {
left: 0px;
right: auto;
width: 34px;
height: 100%;
}
button.back:after, input[type=button].back:after, input[type=submit].back:after, a.button.back:after, .button.back:after {
border-top: 2px solid #fff;
border-right: 2px solid #fff;
top: 50%;
left: 13px;
right: auto;
-webkit-transform: translateY(-50%) rotate(225deg);
-ms-transform: translateY(-50%) rotate(225deg);
-moz-transform: translateY(-50%) rotate(225deg);
-o-transform: translateY(-50%) rotate(225deg);
transform: translateY(-50%) rotate(225deg);
}
button.orange-plus, input[type=button].orange-plus, input[type=submit].orange-plus, a.button.orange-plus, .button.orange-plus {
background: #e87722;
}
button.orange-plus:after, input[type=button].orange-plus:after, input[type=submit].orange-plus:after, a.button.orange-plus:after, .button.orange-plus:after {
display: block;
content: '+';
-webkit-transform: none;
-ms-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
border: 0;
font-size: 20px;
font-weight: 400;
top: 10px;
}
button.orange-negative, input[type=button].orange-negative, input[type=submit].orange-negative, a.button.orange-negative, .button.orange-negative {
background: #e87722;
}
button.orange-negative:after, input[type=button].orange-negative:after, input[type=submit].orange-negative:after, a.button.orange-negative:after, .button.orange-negative:after {
display: block;
content: '-';
-webkit-transform: none;
-ms-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
border: 0;
font-size: 20px;
font-weight: 400;
top: 8px;
}
button.compare-btn, input[type=button].compare-btn, input[type=submit].compare-btn, a.button.compare-btn, .button.compare-btn {
background: #e87722;
width: auto;
padding: 2px 34px 2px 8px;
font-size: 12px;
display: inline-block;
margin-bottom: 0;
display: none;
margin-left: 10px;
}
button.compare-btn:before, input[type=button].compare-btn:before, input[type=submit].compare-btn:before, a.button.compare-btn:before, .button.compare-btn:before {
width: 24px;
}
button.compare-btn:after, input[type=button].compare-btn:after, input[type=submit].compare-btn:after, a.button.compare-btn:after, .button.compare-btn:after {
right: 10px;
width: 6px;
height: 6px;
}
button.compare-btn.no-click, input[type=button].compare-btn.no-click, input[type=submit].compare-btn.no-click, a.button.compare-btn.no-click, .button.compare-btn.no-click {
color: #d8d8d7;
background-color: #aeaead;
cursor: default;
pointer-events: none;
}
button.compare-btn.no-click:before, input[type=button].compare-btn.no-click:before, input[type=submit].compare-btn.no-click:before, a.button.compare-btn.no-click:before, .button.compare-btn.no-click:before, button.compare-btn.no-click:after, input[type=button].compare-btn.no-click:after, input[type=submit].compare-btn.no-click:after, a.button.compare-btn.no-click:after, .button.compare-btn.no-click:after {
background: #979797;
color: #aeaead;
}
button.compare-btn.no-click[href], input[type=button].compare-btn.no-click[href], input[type=submit].compare-btn.no-click[href], a.button.compare-btn.no-click[href], .button.compare-btn.no-click[href] {
color: #d8d8d7;
}
button.compare-btn.no-click:hover, input[type=button].compare-btn.no-click:hover, input[type=submit].compare-btn.no-click:hover, a.button.compare-btn.no-click:hover, .button.compare-btn.no-click:hover {
background: #aeaead;
}
button.orange-btn, input[type=button].orange-btn, input[type=submit].orange-btn, a.button.orange-btn, .button.orange-btn {
background: #e87722;
width: auto;
}
button.orange-btn:after, input[type=button].orange-btn:after, input[type=submit].orange-btn:after, a.button.orange-btn:after, .button.orange-btn:after, button.orange-btn:before, input[type=button].orange-btn:before, input[type=submit].orange-btn:before, a.button.orange-btn:before, .button.orange-btn:before {
display: none;
}
button button:hover, input[type=button] button:hover, input[type=submit] button:hover, a.button button:hover, .button button:hover, button input[type=button]:hover, input[type=button] input[type=button]:hover, input[type=submit] input[type=button]:hover, a.button input[type=button]:hover, .button input[type=button]:hover, button input[type=submit]:hover, input[type=button] input[type=submit]:hover, input[type=submit] input[type=submit]:hover, a.button input[type=submit]:hover, .button input[type=submit]:hover, button a.button:hover, input[type=button] a.button:hover, input[type=submit] a.button:hover, a.button a.button:hover, .button a.button:hover, button .button:hover, input[type=button] .button:hover, input[type=submit] .button:hover, a.button .button:hover, .button .button:hover, button button:focus, input[type=button] button:focus, input[type=submit] button:focus, a.button button:focus, .button button:focus, button input[type=button]:focus, input[type=button] input[type=button]:focus, input[type=submit] input[type=button]:focus, a.button input[type=button]:focus, .button input[type=button]:focus, button input[type=submit]:focus, input[type=button] input[type=submit]:focus, input[type=submit] input[type=submit]:focus, a.button input[type=submit]:focus, .button input[type=submit]:focus, button a.button:focus, input[type=button] a.button:focus, input[type=submit] a.button:focus, a.button a.button:focus, .button a.button:focus, button .button:focus, input[type=button] .button:focus, input[type=submit] .button:focus, a.button .button:focus, .button .button:focus {
background: #ccc;
background: #6d6e71;
text-decoration: none !important;
}
button button[disabled], input[type=button] button[disabled], input[type=submit] button[disabled], a.button button[disabled], .button button[disabled], button input[type=button][disabled], input[type=button] input[type=button][disabled], input[type=submit] input[type=button][disabled], a.button input[type=button][disabled], .button input[type=button][disabled], button input[type=submit][disabled], input[type=button] input[type=submit][disabled], input[type=submit] input[type=submit][disabled], a.button input[type=submit][disabled], .button input[type=submit][disabled], button a.button[disabled], input[type=button] a.button[disabled], input[type=submit] a.button[disabled], a.button a.button[disabled], .button a.button[disabled] {
color: #d8d8d7;
cursor: default;
}
button button[disabled]:before, input[type=button] button[disabled]:before, input[type=submit] button[disabled]:before, a.button button[disabled]:before, .button button[disabled]:before, button input[type=button][disabled]:before, input[type=button] input[type=button][disabled]:before, input[type=submit] input[type=button][disabled]:before, a.button input[type=button][disabled]:before, .button input[type=button][disabled]:before, button input[type=submit][disabled]:before, input[type=button] input[type=submit][disabled]:before, input[type=submit] input[type=submit][disabled]:before, a.button input[type=submit][disabled]:before, .button input[type=submit][disabled]:before, button a.button[disabled]:before, input[type=button] a.button[disabled]:before, input[type=submit] a.button[disabled]:before, a.button a.button[disabled]:before, .button a.button[disabled]:before, button button[disabled]:after, input[type=button] button[disabled]:after, input[type=submit] button[disabled]:after, a.button button[disabled]:after, .button button[disabled]:after, button input[type=button][disabled]:after, input[type=button] input[type=button][disabled]:after, input[type=submit] input[type=button][disabled]:after, a.button input[type=button][disabled]:after, .button input[type=button][disabled]:after, button input[type=submit][disabled]:after, input[type=button] input[type=submit][disabled]:after, input[type=submit] input[type=submit][disabled]:after, a.button input[type=submit][disabled]:after, .button input[type=submit][disabled]:after, button a.button[disabled]:after, input[type=button] a.button[disabled]:after, input[type=submit] a.button[disabled]:after, a.button a.button[disabled]:after, .button a.button[disabled]:after {
background: #979797;
color: #aeaead;
}
button button[disabled][href], input[type=button] button[disabled][href], input[type=submit] button[disabled][href], a.button button[disabled][href], .button button[disabled][href], button input[type=button][disabled][href], input[type=button] input[type=button][disabled][href], input[type=submit] input[type=button][disabled][href], a.button input[type=button][disabled][href], .button input[type=button][disabled][href], button input[type=submit][disabled][href], input[type=button] input[type=submit][disabled][href], input[type=submit] input[type=submit][disabled][href], a.button input[type=submit][disabled][href], .button input[type=submit][disabled][href], button a.button[disabled][href], input[type=button] a.button[disabled][href], input[type=submit] a.button[disabled][href], a.button a.button[disabled][href], .button a.button[disabled][href] {
color: #d8d8d7;
}
button button[disabled]:hover, input[type=button] button[disabled]:hover, input[type=submit] button[disabled]:hover, a.button button[disabled]:hover, .button button[disabled]:hover, button input[type=button][disabled]:hover, input[type=button] input[type=button][disabled]:hover, input[type=submit] input[type=button][disabled]:hover, a.button input[type=button][disabled]:hover, .button input[type=button][disabled]:hover, button input[type=submit][disabled]:hover, input[type=button] input[type=submit][disabled]:hover, input[type=submit] input[type=submit][disabled]:hover, a.button input[type=submit][disabled]:hover, .button input[type=submit][disabled]:hover, button a.button[disabled]:hover, input[type=button] a.button[disabled]:hover, input[type=submit] a.button[disabled]:hover, a.button a.button[disabled]:hover, .button a.button[disabled]:hover {
background: #aeaead;
}
.google-map button:before {
display: none;
content: none;
}
.google-map button:after {
display: none;
content: none;
}
.google-map label {
display: inline-block;
position: relative;
top: 2px;
font-size: inherit;
}
form.grey-box {
background: #6d6e71;
color: #fff;
padding: 24px;
width: 100%;
max-width: 400px;
}
form.grey-box button[type=submit], form.grey-box input[type=submit] {
width: 100%;
}
/*!
Function to return the width of a column. Calculates the size in pixels of the outer container, and of the column and returns a percentage
*//*!
Sets up the outer container for the site container divs
*//*!
Sets up an element to take up space in the grid.
ex: @include span-columns(4) - span 4 columns of the base grid
ex: @incluse span-columns(4, 9) - span 4 columns of a container that already spans 9 itself.
*//*!
Sets up an element to span a certain number of itself across, rather than a certain number of columns
ex: n-across(3) - elements will display with 3 across the page width
ex: n-across(3,9) - elements will display 3 across an element that is already spanning 9 columns
*//*!
Removes right hand margin if it is spuriously present - should *mostly* be unnecessary;
ex: @include span-last;
*//*!
Removes right hand margin of every nth item
*//*!
Resets original omega settings
*/.item {
margin-bottom: 20px;
}
.columns-6 .column, .columns-6 .item {
float: left;
width: 15.25423%;
margin-right: 1.69492%;
}
.columns-6 .column:last-child, .columns-6 .item:last-child {
margin-right: 0;
}
.columns-6 .column:nth-child(6n), .columns-6 .item:nth-child(6n), .columns-6 .column:nth-of-type(6n), .columns-6 .item:nth-of-type(6n) {
margin-right: 0;
}
.columns-6 .column:nth-child(6n+1), .columns-6 .item:nth-child(6n+1), .columns-6 .column:nth-of-type(6n+1), .columns-6 .item:nth-of-type(6n+1) {
clear: both;
}
.columns-5 .column, .columns-5 .item {
float: left;
width: 18.64406%;
margin-right: 1.69492%;
}
.columns-5 .column:last-child, .columns-5 .item:last-child {
margin-right: 0;
}
.columns-5 .column:nth-child(5n), .columns-5 .item:nth-child(5n), .columns-5 .column:nth-of-type(5n), .columns-5 .item:nth-of-type(5n) {
margin-right: 0;
}
.columns-5 .column:nth-child(5n+1), .columns-5 .item:nth-child(5n+1), .columns-5 .column:nth-of-type(5n+1), .columns-5 .item:nth-of-type(5n+1) {
clear: both;
}
.columns-5 .column:nth-child(5n), .columns-5 .item:nth-child(5n), .columns-5 .column:nth-of-type(5n), .columns-5 .item:nth-of-type(5n) {
margin-right: 0;
}
.columns-5 .column:nth-child(5n+1), .columns-5 .item:nth-child(5n+1), .columns-5 .column:nth-of-type(5n+1), .columns-5 .item:nth-of-type(5n+1) {
clear: both;
}
.columns-4 .column, .columns-4 .item {
float: left;
width: 23.7288%;
margin-right: 1.69492%;
}
.columns-4 .column:last-child, .columns-4 .item:last-child {
margin-right: 0;
}
.columns-4 .column:nth-child(4n), .columns-4 .item:nth-child(4n), .columns-4 .column:nth-of-type(4n), .columns-4 .item:nth-of-type(4n) {
margin-right: 0;
}
.columns-4 .column:nth-child(4n+1), .columns-4 .item:nth-child(4n+1), .columns-4 .column:nth-of-type(4n+1), .columns-4 .item:nth-of-type(4n+1) {
clear: both;
}
.columns-3:before, .columns-3:after {
content: " ";
display: table;
}
.columns-3:after {
clear: both;
}
.columns-3 .column, .columns-3 .item {
float: left;
width: 32.20338%;
margin-right: 1.69492%;
}
.columns-3 .column:last-child, .columns-3 .item:last-child {
margin-right: 0;
}
.columns-3 .column:nth-child(3n), .columns-3 .item:nth-child(3n), .columns-3 .column:nth-of-type(3n), .columns-3 .item:nth-of-type(3n) {
margin-right: 0;
}
.columns-3 .column:nth-child(3n+1), .columns-3 .item:nth-child(3n+1), .columns-3 .column:nth-of-type(3n+1), .columns-3 .item:nth-of-type(3n+1) {
clear: both;
}
.columns-3-1-1-1:before, .columns-3-1-1-1:after {
content: " ";
display: table;
}
.columns-3-1-1-1:after {
clear: both;
}
.columns-3-1-1-1 .column:nth-child(n), .columns-3-1-1-1 .item:nth-child(n) {
float: left;
width: 32.20338%;
margin-right: 1.69492%;
}
.columns-3-1-1-1 .column:nth-child(n):last-child, .columns-3-1-1-1 .item:nth-child(n):last-child {
margin-right: 0;
}
.columns-3-1-1-1 .column:nth-child(2n), .columns-3-1-1-1 .item:nth-child(2n), .columns-3-1-1-1 .column:nth-child(3n), .columns-3-1-1-1 .item:nth-child(3n), .columns-3-1-1-1 .column:nth-child(4n), .columns-3-1-1-1 .item:nth-child(4n) {
float: left;
width: 15.25423%;
margin-right: 1.69492%;
}
.columns-3-1-1-1 .column:nth-child(2n):last-child, .columns-3-1-1-1 .item:nth-child(2n):last-child, .columns-3-1-1-1 .column:nth-child(3n):last-child, .columns-3-1-1-1 .item:nth-child(3n):last-child, .columns-3-1-1-1 .column:nth-child(4n):last-child, .columns-3-1-1-1 .item:nth-child(4n):last-child {
margin-right: 0;
}
.columns-3-1-1-1 .column:nth-child(4n), .columns-3-1-1-1 .item:nth-child(4n) {
margin-right: 0 !important;
}
.columns-3-1-1-1 .column:nth-child(4n+1), .columns-3-1-1-1 .item:nth-child(4n+1) {
clear: both;
}
.columns-2:before, .columns-2:after {
content: " ";
display: table;
}
.columns-2:after {
clear: both;
}
.columns-2 .column, .columns-2 .item {
float: left;
width: 49.15253%;
margin-right: 1.69492%;
}
.columns-2 .column:last-child, .columns-2 .item:last-child {
margin-right: 0;
}
.columns-2 .column:nth-child(2n), .columns-2 .item:nth-child(2n), .columns-2 .column:nth-of-type(2n), .columns-2 .item:nth-of-type(2n) {
margin-right: 0;
}
.columns-2 .column:nth-child(2n+1), .columns-2 .item:nth-child(2n+1), .columns-2 .column:nth-of-type(2n+1), .columns-2 .item:nth-of-type(2n+1) {
clear: both;
}
.columns-8-4:before, .columns-8-4:after {
content: " ";
display: table;
}
.columns-8-4:after {
clear: both;
}
.columns-8-4 .column:nth-child(n), .columns-8-4 .item:nth-child(n) {
float: left;
width: 66.10168%;
margin-right: 1.69492%;
}
.columns-8-4 .column:nth-child(n):last-child, .columns-8-4 .item:nth-child(n):last-child {
margin-right: 0;
}
.columns-8-4 .column:nth-child(2n), .columns-8-4 .item:nth-child(2n) {
float: left;
width: 32.20338%;
margin-right: 1.69492%;
margin-right: 0 !important;
}
.columns-8-4 .column:nth-child(2n):last-child, .columns-8-4 .item:nth-child(2n):last-child {
margin-right: 0;
}
.columns-8-4 .column:nth-child(2n+1), .columns-8-4 .item:nth-child(2n+1) {
clear: both;
}
.columns-9-3 .column:nth-child(n), .columns-9-3 .item:nth-child(n) {
float: left;
width: 74.57626%;
margin-right: 1.69492%;
}
.columns-9-3 .column:nth-child(n):last-child, .columns-9-3 .item:nth-child(n):last-child {
margin-right: 0;
}
.columns-9-3 .column:nth-child(2n), .columns-9-3 .item:nth-child(2n) {
float: left;
width: 23.7288%;
margin-right: 1.69492%;
margin-right: 0 !important;
}
.columns-9-3 .column:nth-child(2n):last-child, .columns-9-3 .item:nth-child(2n):last-child {
margin-right: 0;
}
.columns-9-3 .column:nth-child(2n+1), .columns-9-3 .item:nth-child(2n+1) {
clear: both;
}
.columns-10-2 .column:nth-child(n), .columns-10-2 .item:nth-child(n) {
float: left;
width: 83.05084%;
margin-right: 1.69492%;
}
.columns-10-2 .column:nth-child(n):last-child, .columns-10-2 .item:nth-child(n):last-child {
margin-right: 0;
}
.columns-10-2 .column:nth-child(2n), .columns-10-2 .item:nth-child(2n) {
float: left;
width: 15.25423%;
margin-right: 1.69492%;
margin-right: 0 !important;
}
.columns-10-2 .column:nth-child(2n):last-child, .columns-10-2 .item:nth-child(2n):last-child {
margin-right: 0;
}
.columns-10-2 .column:nth-child(2n+1), .columns-10-2 .item:nth-child(2n+1) {
clear: both;
}
.columns-4-8 .column:nth-child(n), .columns-4-8 .item:nth-child(n) {
float: left;
width: 32.20338%;
margin-right: 1.69492%;
}
.columns-4-8 .column:nth-child(n):last-child, .columns-4-8 .item:nth-child(n):last-child {
margin-right: 0;
}
.columns-4-8 .column:nth-child(2n), .columns-4-8 .item:nth-child(2n) {
float: left;
width: 66.10168%;
margin-right: 1.69492%;
margin-right: 0 !important;
}
.columns-4-8 .column:nth-child(2n):last-child, .columns-4-8 .item:nth-child(2n):last-child {
margin-right: 0;
}
.columns-4-8 .column:nth-child(2n+1), .columns-4-8 .item:nth-child(2n+1) {
clear: both;
}
.columns-3-9 .column:nth-child(n), .columns-3-9 .item:nth-child(n) {
float: left;
width: 23.7288%;
margin-right: 1.69492%;
}
.columns-3-9 .column:nth-child(n):last-child, .columns-3-9 .item:nth-child(n):last-child {
margin-right: 0;
}
.columns-3-9 .column:nth-child(2n), .columns-3-9 .item:nth-child(2n) {
float: left;
width: 74.57626%;
margin-right: 1.69492%;
margin-right: 0 !important;
}
.columns-3-9 .column:nth-child(2n):last-child, .columns-3-9 .item:nth-child(2n):last-child {
margin-right: 0;
}
.columns-3-9 .column:nth-child(2n+1), .columns-3-9 .item:nth-child(2n+1) {
clear: both;
}
.columns-2-10 .column:nth-child(n), .columns-2-10 .item:nth-child(n) {
float: left;
width: 15.25423%;
margin-right: 1.69492%;
}
.columns-2-10 .column:nth-child(n):last-child, .columns-2-10 .item:nth-child(n):last-child {
margin-right: 0;
}
.columns-2-10 .column:nth-child(2n), .columns-2-10 .item:nth-child(2n) {
float: left;
width: 83.05084%;
margin-right: 1.69492%;
margin-right: 0 !important;
}
.columns-2-10 .column:nth-child(2n):last-child, .columns-2-10 .item:nth-child(2n):last-child {
margin-right: 0;
}
.columns-2-10 .column:nth-child(2n+1), .columns-2-10 .item:nth-child(2n+1) {
clear: both;
}
.grid-table {
font-size: 0;
border-top: 1px solid #000;
border-right: 1px solid #000;
width: 100%;
}
.grid-table .cell {
width: 100%;
display: inline-block;
font-size: 14px;
border-left: 1px solid #000;
border-bottom: 1px solid #000;
padding: 0;
vertical-align: top;
word-wrap: break-word;
padding: 15px;
width: 100%;
}
.table-wrapper .grid-table {
border-top: 0;
}
html, body {
height: 100%;
}
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
/* IE6 support */
}
.wrapper-spacer {
display: block;
width: 100%;
}
.content {
padding: 48px 0;
}
.downloads:before, .downloads:after {
content: " ";
display: table;
}
.downloads:after {
clear: both;
}
.downloads .file-icon {
float: left;
width: 20%;
padding-right: 10px;
}
.downloads .file-icon img {
width: 100%;
}
.downloads .file-info {
float: right;
width: 80%;
}
.author-info {
margin-bottom: 20px;
}
.author-info:before, .author-info:after {
content: " ";
display: table;
}
.author-info:after {
clear: both;
}
.author-info img.profile {
width: 30%;
float: left;
margin: 0 10px 10px 0;
}
.profile-image {
margin-bottom: 20px;
}
.profile-image img.profile {
float: none;
vertical-align: text-bottom;
margin-right: 10px;
}
.profile-image .file-wrapper {
display: inline-block;
vertical-align: text-bottom;
margin-bottom: 0;
}
.profile-image .file-wrapper label {
margin-bottom: 0;
}
form .columns-2 {
max-width: 600px;
}
.popup-wrapper {
display: none;
z-index: 100;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(109, 110, 113, 0.8);
padding-top: 20px;
}
.popup-wrapper .popup-box {
position: absolute;
top: 50%;
left: 50%;
width: 80%;
max-width: 800px;
background: #fff;
border: 1px solid #000;
-webkit-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
-moz-transform: translateY(-50%) translateX(-50%);
-o-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
}
.popup-wrapper .popup-box .popup-container {
padding: 40px;
overflow-y: auto;
}
.popup-wrapper .popup-box p {
margin-bottom: 20px;
}
.popup-wrapper .popup-close {
position: absolute;
display: inline-block;
right: 24px;
top: 18px;
background: orange;
margin: 0;
padding: 0;
width: 30px;
height: 30px;
-webkit-border-radius: 15px;
-ms-border-radius: 15px;
-moz-border-radius: 15px;
-o-border-radius: 15px;
border-radius: 15px;
}
.popup-wrapper .popup-close:before {
display: block;
content: "";
position: absolute;
width: 16px;
height: 3px;
background: #fff;
top: 14px;
left: 7px;
border: 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.popup-wrapper .popup-close:after {
display: block;
content: "";
position: absolute;
width: 16px;
height: 3px;
background: #fff;
top: 14px;
left: 7px;
border: 0;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.popup-wrapper .popup-modal h2 {
margin-bottom: 24px;
}
.popup-wrapper .popup-modal p {
margin-bottom: 12px;
}
.popup-wrapper .popup-modal p.orange {
color: #e87722;
}
.popup-wrapper .popup-modal button {
margin-right: 12px;
margin-top: 12px;
}
.popup-wrapper.popup-small .popup-box .popup-container {
padding: 20px;
}
.popup-wrapper.popup-small .popup-box .popup-close {
background: #fff;
z-index: 3;
}
.popup-wrapper.popup-small .popup-box .popup-close:before, .popup-wrapper.popup-small .popup-box .popup-close:after {
background: #e87722;
width: 24px;
height: 2px;
left: 4px;
}
.popup-wrapper.popup-small .popup-box .popup-content h2 {
padding-bottom: 10px;
border-bottom: 1px solid #d8d8d7;
margin-bottom: 1em;
}
.popup-wrapper.popup-small .popup-box .popup-content label, .popup-wrapper.popup-small .popup-box .popup-content input[type="text"], .popup-wrapper.popup-small .popup-box .popup-content input[type="email"], .popup-wrapper.popup-small .popup-box .popup-content input[type="password"], .popup-wrapper.popup-small .popup-box .popup-content input[type="telephone"], .popup-wrapper.popup-small .popup-box .popup-content input[type="tel"], .popup-wrapper.popup-small .popup-box .popup-content input[type="search"], .popup-wrapper.popup-small .popup-box .popup-content input[type="number"], .popup-wrapper.popup-small .popup-box .popup-content input[type="date"], .popup-wrapper.popup-small .popup-box .popup-content input[type="time"], .popup-wrapper.popup-small .popup-box .popup-content textarea {
font-size: 12px;
line-height: 24px;
}
img.profile {
width: 120px;
}
.landing-icons .item {
position: relative;
background-size: 40%;
background-position: 50% 43%;
-webkit-transition: background-size 0.2s ease-out;
-ms-transition: background-size 0.2s ease-out;
-moz-transition: background-size 0.2s ease-out;
-o-transition: background-size 0.2s ease-out;
transition: background-size 0.2s ease-out;
}
.landing-icons .item:before {
content: "";
display: block;
padding-top: 100%;
}
.landing-icons .item span {
position: absolute;
left: 0;
right: 0;
bottom: 0;
color: #6d6e71;
font-weight: bold;
padding: 12px;
}
.landing-icons .item:nth-of-type(10n+1), .landing-icons .item:nth-child(10n+1) {
background-color: #f49f5e;
}
.landing-icons .item:nth-of-type(10n+2), .landing-icons .item:nth-child(10n+2) {
background-color: #fbb876;
}
.landing-icons .item:nth-of-type(10n+3), .landing-icons .item:nth-child(10n+3) {
background-color: #f9d243;
}
.landing-icons .item:nth-of-type(10n+4), .landing-icons .item:nth-child(10n+4) {
background-color: #d1dd77;
}
.landing-icons .item:nth-of-type(10n+5), .landing-icons .item:nth-child(10n+5) {
background-color: #add79c;
}
.landing-icons .item:nth-of-type(10n+6), .landing-icons .item:nth-child(10n+6) {
background-color: #a6d4be;
}
.landing-icons .item:nth-of-type(10n+7), .landing-icons .item:nth-child(10n+7) {
background-color: #98d3db;
}
.landing-icons .item:nth-of-type(10n+8), .landing-icons .item:nth-child(10n+8) {
background-color: #adddf0;
}
.landing-icons .item:nth-of-type(10n+9), .landing-icons .item:nth-child(10n+9) {
background-color: #bdd3df;
}
.landing-icons .item:nth-of-type(10n+10), .landing-icons .item:nth-child(10n+10) {
background-color: #aeaead;
}
.landing-icons .item.my-account {
background-image: url(../images/icons/myaccount.svg);
}
.landing-icons .item.videos {
background-image: url(../images/icons/videos.svg);
}
.landing-icons .item.downloads-reports {
background-image: url(../images/icons/downloads_reports.svg);
}
.landing-icons .item.futures-prices {
background-image: url(../images/icons/futures_prices.svg);
}
.landing-icons .item.web-mail {
background-image: url(../images/icons/web_mail.svg);
}
.landing-icons .item.my-profile {
background-image: url(../images/icons/my_profile.svg);
}
.landing-icons .item.new-customer {
background-image: url(../images/icons/new_customer.svg);
}
.landing-icons .item.intranet-reports {
background-image: url(../images/icons/intranet_reports.svg);
}
.landing-icons .item.sage-pay {
background-image: url(../images/icons/sage_pay.svg);
}
.landing-icons .item.crm {
background-image: url(../images/icons/crm.svg);
}
.landing-icons .item.seed-selector {
background-image: url(../images/icons/seed_selector.svg);
}
.landing-icons .item.service-desk {
background-image: url(../images/icons/service_desk.svg);
}
.landing-icons .item.delivered-price-matrix {
background-image: url(../images/icons/dpm.svg);
}
.landing-icons .item.holidays {
background-image: url(../images/icons/holidays.svg);
}
.landing-icons .item.process-library {
background-image: url(../images/icons/process_library.svg);
}
.landing-icons .item.new-customer-form {
background-image: url(../images/icons/new_customer_form.svg);
}
.landing-icons .item.administrator {
background-image: url(../images/icons/administrator.svg);
}
.landing-icons .item.downloads-management {
background-image: url(../images/icons/download_management.svg);
}
.landing-icons .item.seed-selector-management {
background-image: url(../images/icons/seed_selector_management.svg);
}
.landing-icons .item.sql-utility {
background-image: url(../images/icons/sql_utility.svg);
}
.landing-icons .item.erp {
background-image: url(../images/icons/erp.svg);
}
.landing-icons .item.storage {
background-image: url(../images/icons/storage.svg);
}
.landing-icons .item.haulage-price-matrix {
background-image: url(../images/icons/hpm.svg);
}
.landing-icons .item.my-delivered-prices {
background-image: url(../images/icons/mdp.svg);
}
.landing-icons .item.warburtons {
background-image: url(../images/icons/warburtons-logo.svg);
}
.landing-icons .item.mills {
background-image: url(../images/icons/my_mills.svg);
}
.landing-icons .item.user-locator {
background-image: url(../images/icons/sample_locator.svg);
}
.landing-icons .item.ledger {
background-image: url(../images/icons/my_ledger.svg);
}
.landing-icons .item.seed-quotes {
background-image: url(../images/icons/seed_quotes.svg);
}
.landing-icons .item.haulage-management {
background-image: url(../images/icons/haulage_management.svg);
}
.landing-icons .item.diary-link {
background-image: url(../images/icons/diary_link.svg);
}
.landing-icons .item.required-response {
background-image: url(../images/icons/required_response.svg);
}
.landing-icons .item.custom-accounts {
background-image: url(../images/icons/custom_accounts.svg);
}
.landing-icons .item.fert-stock-management {
background-image: url(../images/icons/fert_stock_management.svg);
}
.landing-icons .item.fertiliser {
background-image: url(../images/icons/fertiliser.svg);
}
.landing-icons .item.clear-review{
background-image: url(../images/icons/clear_review.svg);
}
.landing-icons .item.moisture-meter{
background-image: url(../images/icons/moisture_meter.svg);
}
.landing-icons .item.banner-management {
background-image: url(../images/icons/banner_management.svg);
}
.landing-icons .item.chat-messages {
background-image: url(../images/icons/chat_messages.svg);
}
/* .landing-icons .item.chat-messages:hover {
background-size: 40%;
} */
.landing-icons .item.daily-market-updates {
background-image: url(../images/icons/daily_market_updates.svg);
}
.landing-icons .item.oxbury {
background-image: url(../images/icons/oxbury.svg);
}
.landing-icons .item.shipping {
background-image: url(../images/icons/shipping.svg);
}
.landing-icons .item.training {
background-image: url(../images/icons/training.svg);
}
.landing-icons .item.bob {
background-image: url(../images/icons/bob.svg);
}
.landing-icons .item.trinity {
background-image: url(../images/icons/trinity.svg);
}
.landing-icons .item.atlas {
background-image: url(../images/icons/atlas.svg);
}
.landing-icons .item.wellbeing {
background-image: url(../images/icons/wellbeing.svg);
}
.landing-icons .item.segmentation {
background-image: url(../images/icons/segmentation.svg);
}
.landing-icons .item.small-seed {
background-image: url(../images/icons/small_seed.svg);
}
.landing-icons .item.chat-messages:hover .unread-count, .landing-icons .item.required-response:hover .unresponded-count {
background: #6d6e71;
}
.landing-icons .item.chat-messages .unread-count, .landing-icons .item.required-response .unresponded-count {
display: block;
left: 30%;
bottom: 59%;
background: #000;
-webkit-border-radius: 100%;
-ms-border-radius: 100%;
-moz-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
border: 1px solid #fff;
color: #fff;
text-align: center;
padding: 5px 2px 5px 0;
font-size: 10px;
height: 30px;
width: 30px;
}
.landing-icons .item:hover {
background-size: 50%;
}
body > * {
-webkit-transition: filter 0.5s ease-in-out, -webkit-filter 0.5s ease-in-out, -ms-filter 0.5s ease-in-out, -moz-filter 0.5s ease-in-out, -o-filter 0.5s ease-in-out;
-ms-transition: filter 0.5s ease-in-out, -webkit-filter 0.5s ease-in-out, -ms-filter 0.5s ease-in-out, -moz-filter 0.5s ease-in-out, -o-filter 0.5s ease-in-out;
-moz-transition: filter 0.5s ease-in-out, -webkit-filter 0.5s ease-in-out, -ms-filter 0.5s ease-in-out, -moz-filter 0.5s ease-in-out, -o-filter 0.5s ease-in-out;
-o-transition: filter 0.5s ease-in-out, -webkit-filter 0.5s ease-in-out, -ms-filter 0.5s ease-in-out, -moz-filter 0.5s ease-in-out, -o-filter 0.5s ease-in-out;
transition: filter 0.5s ease-in-out, -webkit-filter 0.5s ease-in-out, -ms-filter 0.5s ease-in-out, -moz-filter 0.5s ease-in-out, -o-filter 0.5s ease-in-out;
}
body .loading-wrapper {
-webkit-transition: opacity 0.5s ease-in-out;
-ms-transition: opacity 0.5s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out;
-o-transition: opacity 0.5s ease-in-out;
transition: opacity 0.5s ease-in-out;
opacity: 0;
}
body.loading {
overflow: hidden;
}
body.loading > * {
-webkit-filter: blur(1px);
-ms-filter: blur(1px);
-moz-filter: blur(1px);
-o-filter: blur(1px);
filter: blur(1px);
}
body.loading .loading-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(170, 170, 170, 0.7);
text-align: center;
opacity: 1;
-webkit-filter: blur(0px);
-ms-filter: blur(0px);
-moz-filter: blur(0px);
-o-filter: blur(0px);
filter: blur(0px);
}
body.loading .loading-wrapper .loading-spinner {
position: absolute;
display: inline-block;
background: url(../images/default1.gif) no-repeat;
width: 100px;
height: 100px;
left: calc(50% - 50px);
top: calc(50% - 50px);
}
table.full {
width: 100%;
}
table tr th, table tr td {
padding: 8px;
border-left: 1px solid #6d6e71;
border-bottom: 1px solid #6d6e71;
}
table tr th:first-child, table tr td:first-child {
border-left: 0;
}
table tr th {
border-top: 1px solid #6d6e71;
}
table thead tr th {
background: #f2f2f2;
font-size: 14px;
font-weight: bold;
}
table.vertical th {
border-top: 0;
}
table.vertical th, table.vertical td {
border-left: 0;
}
table.vertical th:first-child, table.vertical td:first-child {
border-top: 1px solid #6d6e71;
}
table.vertical thead {
float: left;
vertical-align: top;
}
table.vertical thead tr th {
display: block;
background: #fff;
text-align: left;
}
table.vertical thead tr th:nth-child(even) {
background: #f2f2f2;
}
table.vertical tbody {
float: right;
vertical-align: top;
}
table.vertical tbody tr td {
display: block;
}
table.vertical tbody tr td:nth-child(even) {
background: #f2f2f2;
}
table.sortable, table.scrollable {
width: 100%;
}
table.sortable thead tr th, table.scrollable thead tr th {
background: #979797;
color: #fff;
position: relative;
text-align: left;
white-space: nowrap;
overflow: hidden;
}
table.sortable thead tr th.sorting, table.scrollable thead tr th.sorting, table.sortable thead tr th.sorting_asc, table.scrollable thead tr th.sorting_asc, table.sortable thead tr th.sorting_desc, table.scrollable thead tr th.sorting_desc {
padding-right: 28px;
cursor: pointer;
}
table.sortable thead tr th.sorting span, table.scrollable thead tr th.sorting span, table.sortable thead tr th.sorting_asc span, table.scrollable thead tr th.sorting_asc span, table.sortable thead tr th.sorting_desc span, table.scrollable thead tr th.sorting_desc span {
display: block;
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
background: #e87722;
height: 100%;
width: 20px;
}
table.sortable thead tr th.sorting span:before, table.scrollable thead tr th.sorting span:before, table.sortable thead tr th.sorting_asc span:before, table.scrollable thead tr th.sorting_asc span:before, table.sortable thead tr th.sorting_desc span:before, table.scrollable thead tr th.sorting_desc span:before {
display: inline-block;
position: absolute;
content: "";
border-top: 2px solid #fff;
border-right: 2px solid #fff;
top: 35%;
right: 8px;
height: 4px;
width: 4px;
-webkit-transform: translateY(-50%) rotate(-45deg);
-ms-transform: translateY(-50%) rotate(-45deg);
-moz-transform: translateY(-50%) rotate(-45deg);
-o-transform: translateY(-50%) rotate(-45deg);
transform: translateY(-50%) rotate(-45deg);
}
table.sortable thead tr th.sorting span:after, table.scrollable thead tr th.sorting span:after, table.sortable thead tr th.sorting_asc span:after, table.scrollable thead tr th.sorting_asc span:after, table.sortable thead tr th.sorting_desc span:after, table.scrollable thead tr th.sorting_desc span:after {
display: inline-block;
position: absolute;
content: "";
border-top: 2px solid #fff;
border-right: 2px solid #fff;
top: 65%;
right: 8px;
height: 4px;
width: 4px;
-webkit-transform: translateY(-50%) rotate(135deg);
-ms-transform: translateY(-50%) rotate(135deg);
-moz-transform: translateY(-50%) rotate(135deg);
-o-transform: translateY(-50%) rotate(135deg);
transform: translateY(-50%) rotate(135deg);
}
table.sortable thead tr th.sorting_asc span:after, table.scrollable thead tr th.sorting_asc span:after {
display: none;
}
table.sortable thead tr th.sorting_desc span:before, table.scrollable thead tr th.sorting_desc span:before {
display: none;
}
table.sortable.collapsed tbody tr[role=row] > td:first-child span, table.scrollable.collapsed tbody tr[role=row] > td:first-child span {
display: inline-block;
position: relative;
background: #e87722;
-webkit-border-radius: 14px;
-ms-border-radius: 14px;
-moz-border-radius: 14px;
-o-border-radius: 14px;
border-radius: 14px;
width: 14px;
height: 14px;
margin-right: 6px;
top: 1px;
cursor: pointer;
}
table.sortable.collapsed tbody tr[role=row] > td:first-child span:before, table.scrollable.collapsed tbody tr[role=row] > td:first-child span:before {
position: absolute;
display: block;
background: #fff;
content: "";
width: 2px;
height: 60%;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
-moz-transform: translateY(-50%) translateX(-50%);
-o-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
}
table.sortable.collapsed tbody tr[role=row] > td:first-child span:after, table.scrollable.collapsed tbody tr[role=row] > td:first-child span:after {
position: absolute;
display: block;
background: #fff;
content: "";
width: 60%;
height: 2px;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
-moz-transform: translateY(-50%) translateX(-50%);
-o-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
}
table.sortable.collapsed tbody tr.parent[role=row] > td:first-child span:before, table.scrollable.collapsed tbody tr.parent[role=row] > td:first-child span:before {
display: none;
}
table.sortable.collapsed tbody tr.child td ul, table.scrollable.collapsed tbody tr.child td ul {
margin-bottom: 0;
}
table.sortable.collapsed tbody tr.child td ul li, table.scrollable.collapsed tbody tr.child td ul li {
list-style: none;
padding: 0px 0px 8px 0px;
}
table.sortable.collapsed tbody tr.child td ul li span.dtr-title, table.scrollable.collapsed tbody tr.child td ul li span.dtr-title {
display: inline-block;
min-width: 50%;
font-weight: bold;
}
table.sortable.collapsed tbody tr.child td ul li span.dtr-title span:before, table.scrollable.collapsed tbody tr.child td ul li span.dtr-title span:before {
display: inline;
content: ":";
}
table.sortable.collapsed tbody tr.child td ul li span.dtr-data, table.scrollable.collapsed tbody tr.child td ul li span.dtr-data {
display: inline-block;
}
table.sortable.small-padding thead tr th, table.scrollable.small-padding thead tr th {
background: #fff;
color: #6d6e71;
border-top: 0;
}
table.sortable.small-padding thead tr th.sorting, table.scrollable.small-padding thead tr th.sorting, table.sortable.small-padding thead tr th.sorting_asc, table.scrollable.small-padding thead tr th.sorting_asc, table.sortable.small-padding thead tr th.sorting_desc, table.scrollable.small-padding thead tr th.sorting_desc {
padding-right: 0;
}
table.sortable.small-padding thead tr th.sorting span, table.scrollable.small-padding thead tr th.sorting span, table.sortable.small-padding thead tr th.sorting_asc span, table.scrollable.small-padding thead tr th.sorting_asc span, table.sortable.small-padding thead tr th.sorting_desc span, table.scrollable.small-padding thead tr th.sorting_desc span {
display: inline-block;
position: static;
background: #fff;
height: 0;
margin-left: 10px;
width: 10px;
}
table.sortable.small-padding thead tr th.sorting span:before, table.scrollable.small-padding thead tr th.sorting span:before, table.sortable.small-padding thead tr th.sorting_asc span:before, table.scrollable.small-padding thead tr th.sorting_asc span:before, table.sortable.small-padding thead tr th.sorting_desc span:before, table.scrollable.small-padding thead tr th.sorting_desc span:before {
display: none;
position: static;
border-top: 2px solid #e87722;
border-right: 2px solid #e87722;
}
table.sortable.small-padding thead tr th.sorting span:after, table.scrollable.small-padding thead tr th.sorting span:after, table.sortable.small-padding thead tr th.sorting_asc span:after, table.scrollable.small-padding thead tr th.sorting_asc span:after, table.sortable.small-padding thead tr th.sorting_desc span:after, table.scrollable.small-padding thead tr th.sorting_desc span:after {
display: inline-block;
position: static;
border-top: 2px solid #e87722;
border-right: 2px solid #e87722;
}
table.sortable.small-padding thead tr th.sorting_asc span:after, table.scrollable.small-padding thead tr th.sorting_asc span:after {
display: none;
}
table.sortable.small-padding thead tr th.sorting_asc span:before, table.scrollable.small-padding thead tr th.sorting_asc span:before {
display: inline-block;
}
table.sortable.small-padding thead tr th.sorting_desc span:before, table.scrollable.small-padding thead tr th.sorting_desc span:before {
display: none;
}
table.sortable.small-padding tr th, table.scrollable.small-padding tr th, table.sortable.small-padding tr td, table.scrollable.small-padding tr td {
background: #fff;
padding: 4px;
border-left: 0;
border-bottom: 1px solid #d8d8d7;
}
table.sortable.small-padding .checkbox-wrapper, table.scrollable.small-padding .checkbox-wrapper {
margin-bottom: 0;
}
table.sortable.small-padding .checkbox-wrapper label, table.scrollable.small-padding .checkbox-wrapper label {
margin-bottom: 0;
}
table.sortable.basic-sortable a, table.scrollable.basic-sortable a {
text-decoration: underline;
}
table.scrollable {
width: 100%;
}
table.scrollable thead tr th {
background: #f2f2f2;
text-align: left;
color: #6d6e71;
}
table.compare {
border-collapse: separate !important;
font-size: 12px;
}
table.compare thead tr th {
color: #e87722;
font-weight: 700;
text-align: left;
border-top: none;
font-size: 15px;
padding: 10px 0;
}
table.compare thead tr th:last-child {
text-align: right;
}
table.compare.popup-compare {
margin-top: 20px;
}
table.compare.popup-compare thead tr th {
background-color: #e87722;
color: #fff;
font-weight: 700;
text-align: left;
border-top: none;
font-size: 12px;
border-right: 1px solid #6d6e71;
}
table.compare.popup-compare thead tr td {
background-color: #fff;
}
table.compare.popup-compare tr th, table.compare.popup-compare tr td {
padding: 4px;
}
table.compare.popup-compare tr th:nth-child(2n), table.compare.popup-compare tr td:nth-child(2n) {
border-right: 1px solid #6d6e71;
}
table.compare.popup-compare tr th:last-child, table.compare.popup-compare tr td:last-child {
border-right: none !important;
}
table.compare.popup-compare tr:first-child td:nth-child(2n) {
border-right: none;
}
table.compare.popup-compare tr:first-child td:nth-child(2n+3) {
border-right: 1px solid #6d6e71;
}
table.compare.popup-compare tr td.vertical div {
left: 6px;
}
table.compare tr th, table.compare tr td {
border-left: 0;
border-bottom: 1px solid #6d6e71;
background-color: #f2f2f2;
}
table.compare td.bottle-img {
background-color: #fff;
text-align: center;
vertical-align: middle;
padding: 10px 0;
}
table.compare tbody:nth-child(odd) tr td {
background-color: #fff;
}
table.compare tbody tr:last-child td, table.compare tbody tr.last td {
border-bottom: 1px solid #6d6e71;
}
table.compare tr td {
padding: 2px;
border-bottom: 1px solid #d3d3d3;
}
table.compare tr td.vertical {
border-bottom: 1px solid #d3d3d3;
position: relative;
padding: 0 0 0 20px;
}
table.compare tr td.vertical div {
font-weight: 700;
vertical-align: middle;
overflow: hidden;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
margin-bottom: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
position: absolute;
bottom: -18px;
left: 0;
width: 100px;
text-align: center;
transform-origin: 0 0;
padding: 0 4px;
}
table.compare tr td span.right {
font-weight: 700;
border-right: 1px solid #d3d3d3;
padding-right: 8px;
}
table.compare tr.inner-td td {
position: relative;
padding-right: 2em;
border-right: 1px solid #d3d3d3;
}
table.compare tr.inner-td td:last-child {
border-right: 0px;
}
table.compare tr.inner-td td strong, table.compare tr.inner-td td span {
position: absolute;
top: 0;
right: 6px;
padding: 2px;
}
table.compare tr.inner-td td.vertical {
padding-right: 0;
border-right: 0;
}
table.compare .checkbox-wrapper {
margin-bottom: 0;
text-align: right;
display: inline-block;
}
table.compare .checkbox-wrapper input[type=checkbox] {
position: absolute;
}
table.compare .checkbox-wrapper input[type=checkbox] + label {
color: #6d6e71;
font-size: 13px;
margin-bottom: 0;
}
table.compare .checkbox-wrapper input[type=checkbox] + label:before {
height: 13px;
width: 13px;
margin-right: 3px;
border: 1px solid #d3d3d3;
}
table.compare .checkbox-wrapper input[type=checkbox]:checked + label:after {
top: 9px;
left: 8px;
width: 3px;
height: 6px;
border-right: 2px solid #e87722;
border-bottom: 2px solid #e87722;
}
table.fertiliser-compare {
border-spacing: 10px;
}
.popup-content table.fertiliser-compare {
border-spacing: 0;
}
table.fertiliser-compare tr th, table.fertiliser-compare tr td {
border-bottom: 0;
}
table.fertiliser-compare table {
border-spacing: 0;
border-top: 1px solid #6d6e71;
border-bottom: 1px solid #6d6e71;
}
table.fertiliser-compare table tr td {
padding: 8px 2px;
border-bottom: 1px solid #d3d3d3 !important;
}
table.fertiliser-compare table tr:nth-child(odd) td {
background-color: #f2f2f2;
}
table.fertiliser-compare table tr:nth-child(even) td {
background-color: #fff;
}
table.fertiliser-compare table tr:last-child td {
border-bottom: 1px solid #6d6e71 !important;
}
table.fertiliser-compare table tr td.white {
background-color: #fff;
}
table.fertiliser-compare tbody tr:last-child td, table.fertiliser-compare tbody tr.last td {
border-bottom: 0;
}
table.setup {
width: 100%;
margin-bottom: 24px;
}
table.setup thead tr th {
background-color: #e87722;
color: #fff;
border: 0;
text-align: left;
min-width: 80px;
}
table.setup tr td {
border-left: 0;
border-right: 0;
background: #fff;
}
table.matrix {
table-layout: fixed;
margin: 0px;
padding: 0px thead;
}
table.matrix tr:first-child th {
background-color: #e87722;
color: #fff;
border: 0;
text-align: left;
min-width: 80px;
}
table.matrix tr td {
border-left: 0;
border-right: 0;
background: #fff;
}
table.matrix.alt tbody tr td:nth-child(odd), table.matrix.alt thead tr td:nth-child(odd) {
background: #eeefef;
}
table.matrix.alt tbody tr td:nth-child(even), table.matrix.alt thead tr td:nth-child(even) {
background: #f8f9f9;
}
table.matrix.alt tbody tr td:first-child, table.matrix.alt thead tr td:first-child {
background: #fff;
}
table.matrix input[type=text] {
font-size: 14px;
padding: 2px 4px;
margin-bottom: 2px;
width: 42px;
font-weight: normal;
color: #6d6e71;
border-color: #000;
}
table.matrix input[type=text].w {
width: 64px;
}
table.matrix input[type=number] {
font-size: 14px;
padding: 2px 4px;
margin-bottom: 2px;
width: 70px;
font-weight: normal;
color: #6d6e71;
border-color: #000;
}
table.matrix a, table.matrix a:visited, table.matrix a[href] {
color: #6d6e71;
text-decoration: underline;
}
table.matrix label {
font-size: 14px;
margin-bottom: 0;
}
table.matrix .radio-wrapper {
margin-bottom: 0;
}
table.matrix .radio-wrapper input[type=radio] {
position: absolute;
}
table.matrix .radio-wrapper input[type=radio] + label {
z-index: 1;
}
table.matrix .radio-wrapper input[type=radio] + label:before {
height: 10px;
width: 10px;
background: transparent;
margin-right: 3px;
}
table.matrix .radio-wrapper input[type=radio]:checked + label:after {
top: 13px;
left: 6px;
width: 3px;
height: 3px;
border: 4px solid #4d93d2;
z-index: -1;
}
table.matrix .checkbox-wrapper {
margin-bottom: 0;
}
table.matrix .checkbox-wrapper input[type=checkbox] {
position: absolute;
}
table.matrix .checkbox-wrapper input[type=checkbox] + label:before {
height: 11px;
width: 11px;
margin-right: 3px;
}
table.matrix .checkbox-wrapper input[type=checkbox]:checked + label:before {
background-color: #4d93d2;
}
table.matrix .checkbox-wrapper input[type=checkbox]:checked + label:after {
top: 11px;
left: 7px;
width: 3px;
height: 6px;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
}
table.matrix .b {
background: #dff5f6;
}
table.matrix .o {
background: #fde4cc;
}
table.matrix .g {
background: #e0efd5;
}
table.matrix .h {
font-weight: bold;
}
table.matrix button, table.matrix input[type=button], table.matrix input[type=submit], table.matrix a.button, table.matrix .button {
padding: 2px 14px 2px 3px;
margin-bottom: 12px;
}
table.matrix button:before, table.matrix input[type=button]:before, table.matrix input[type=submit]:before, table.matrix a.button:before, table.matrix .button:before {
width: 11px;
}
table.matrix button:after, table.matrix input[type=button]:after, table.matrix input[type=submit]:after, table.matrix a.button:after, table.matrix .button:after {
height: 5px;
width: 5px;
right: 4px;
}
table.matrix button.back, table.matrix input[type=button].back, table.matrix input[type=submit].back, table.matrix a.button.back, table.matrix .button.back {
padding: 2px 3px 2px 14px;
}
table.matrix button.back:before, table.matrix input[type=button].back:before, table.matrix input[type=submit].back:before, table.matrix a.button.back:before, table.matrix .button.back:before {
width: 11px;
left: 0;
right: auto;
}
table.matrix button.back:after, table.matrix input[type=button].back:after, table.matrix input[type=submit].back:after, table.matrix a.button.back:after, table.matrix .button.back:after {
left: 4px;
right: auto;
}
table.message-list tr th, table.message-list tr td {
border: 0;
padding: 14px 0;
background: #f2f2f2;
}
table.message-list tr th {
text-align: left;
padding: 10px;
}
table.message-list tr td {
border-bottom: 1px solid #d8d8d7;
cursor: pointer;
background: ;
}
table.message-list tr:last-child td {
border-bottom: 0;
}
table.message-list tr.hide {
display: none;
}
table.message-list tr.filter-hide {
display: none;
}
table.message-list tr.filter-hide[data-chat-read="unread"] {
display: table-row;
}
table.message-list.show-all tr.hide {
display: table-row;
}
table.message-list td.time {
padding: 14px 10px;
text-align: right;
font-size: 11px;
width: 136px;
}
table.message-list td.dot {
width: 30px;
padding: 12px 10px 10px 10px;
font-size: 20px;
}
table.message-list td.dot span {
display: none;
color: #e87722;
}
table.message-list tr[data-chat-read="unread"] td {
background: #fff;
color: #000;
}
table.message-list tr[data-chat-read="unread"] td.dot span {
display: block;
}
table.message-list tr[data-chat-read="read"] a.button {
background: #979797;
}
table.message-list tr.mymessage td {
background: #fff;
}
table.message-list tr.no-conversation td {
padding: 28px 0;
}
table.message-list tr[chat-message-id]:hover td {
background: #d3d3d3;
}
.table-block-container {
margin-left: -1px;
border-bottom: 2px solid #eeeeef;
}
.table-block-container:before, .table-block-container:after {
content: " ";
display: table;
}
.table-block-container:after {
clear: both;
}
.table-block-container h2 {
margin: 0;
background: #e87722;
color: #fff;
padding: 8px;
font-size: 14px;
}
.table-block-container .cell {
border-left: 1px solid #6d6e71;
float: left;
}
.table-block-container .cell:first-child {
border-left: 0;
}
.table-block-container .cell .th, .table-block-container .cell .td {
padding: 8px;
}
.table-block-container .cell .th {
background: #f2f2f2;
font-size: 14px;
font-weight: bold;
}
.table-wrapper table.scrollable, .table-wrapper table.sortable, .table-wrapper table.scrollable, .table-wrapper table.vertical, .table-wrapper table.respo-vertical {
width: 100%;
}
.table-wrapper.full {
width: 100%;
}
.dataTables_length {
display: inline-block;
margin-right: 16px;
}
.dataTables_processing {
display: none !important;
}
.dataTables_filter {
display: inline-block;
}
.dataTables_filter input[type=search] {
margin-left: 8px;
}
.dataTables_info {
padding-top: 12px;
display: inline-block;
}
.dataTables_paginate {
padding-top: 12px;
display: inline-block;
float: right;
}
.dataTables_paginate span {
display: none;
}
.dataTables_paginate .previous {
padding-right: 12px;
}
.table-wrapper {
display: inline-block;
overflow: hidden;
}
.table-wrapper > h2 {
margin: 0;
background: #e87722;
color: #fff;
padding: 8px;
font-size: 14px;
}
.table-wrapper table th {
border-top: 0;
}
.table-wrapper table.vertical th:first-child, .table-wrapper table.vertical td:first-child {
border-top: 0;
}
.collapsible-wrapper {
display: block;
}
.collapsible-wrapper > h2 {
margin: 0;
background: #e87722;
color: #fff;
padding: 8px;
font-size: 14px;
position: relative;
cursor: pointer;
}
.collapsible-wrapper > h2:before {
display: inline-block;
content: "";
position: absolute;
top: 19px;
right: 15px;
width: 16px;
height: 2px;
background: #fff;
}
.collapsible-wrapper > h2:after {
display: inline-block;
content: "";
position: absolute;
top: 12px;
right: 22px;
width: 2px;
height: 16px;
background: #fff;
}
.collapsible-wrapper .collapsible {
display: none;
padding: 8px;
}
.collapsible-wrapper.open .collapsible {
display: block;
}
.collapsible-wrapper.open > h2:after {
display: none;
}
.toggle {
display: none;
}
table.DTFC_Cloned thead, table.DTFC_Cloned tfoot {
background-color: white;
}
div.DTFC_Blocker {
background-color: white;
}
div.DTFC_LeftWrapper table.dataTable, div.DTFC_RightWrapper table.dataTable {
margin-bottom: 0;
z-index: 2;
}
div.DTFC_LeftWrapper table.dataTable.no-footer, div.DTFC_RightWrapper table.dataTable.no-footer {
border-bottom: none;
}
.DTFC_LeftHeadWrapper {
z-index: 1;
}
.dataTables_scrollBody table {
position: relative;
}
.dataTables_scrollBody table thead, .dataTables_scrollBody table thead tr td {
height: 0px;
overflow: hidden;
border-bottom: 0;
}
.active_contracts-icon, .destination-icon, .futures-icon, .not_assigned-icon, .trader-icon {
display: inline-block;
width: 20px;
height: 20px;
background-position: left top;
background-repeat: no-repeat;
background-size: 100% 100%;
}
.active_contracts-icon.large, .destination-icon.large, .futures-icon.large, .not_assigned-icon.large, .trader-icon.large {
width: 40px;
height: 40px;
}
.active_contracts-icon {
background-image: url(../images/icons/dpm_active_contracts.svg);
}
.destination-icon {
background-image: url(../images/icons/dpm_destination.svg);
}
.futures-icon {
background-image: url(../images/icons/dpm_futures.svg);
}
.not_assigned-icon {
background-image: url(../images/icons/dpm_not_assigned.svg);
}
.trader-icon {
background-image: url(../images/icons/dpm_trader.svg);
}
dl.icon-definitions dt {
display: inline-block;
width: 60px;
vertical-align: top;
padding-bottom: 24px;
}
dl.icon-definitions dd {
display: inline-block;
width: calc(100% - 64px);
vertical-align: top;
padding-bottom: 24px;
padding-right: 42px;
}
dl.icon-definitions dd input[type=text] {
font-weight: normal;
}
dl.icon-definitions dd p {
max-width: 100%;
}
dl.contact-details dt {
display: inline-block;
width: 60px;
vertical-align: top;
padding-bottom: 0;
font-weight: 700;
}
dl.contact-details dd {
display: inline-block;
width: calc(100% - 64px);
vertical-align: top;
padding-bottom: 0;
padding-right: 42px;
}
dl.contact-details dd p {
max-width: 100%;
}
dl.contact-details dd p a[href] {
text-decoration: underline;
}
.linked-accounts {
position: relative;
}
.linked-accounts ul {
padding-left: 2px;
padding-top: 6px;
}
.linked-accounts ul li {
list-style-type: none;
margin-bottom: 4px;
position: relative;
padding-left: 14px;
}
.linked-accounts ul li:before {
content: '';
color: red;
height: 2px;
width: 10px;
position: absolute;
left: 0;
display: block;
top: 8px;
background: #d8d8d7;
}
.linked-accounts ul li a[href] {
text-decoration: underline;
}
.linked-accounts .spacer {
position: absolute;
left: 0;
top: 0;
bottom: 8px;
width: 2px;
background: #d8d8d7;
}
.sortable-container:before, .sortable-container:after {
content: " ";
display: table;
}
.sortable-container:after {
clear: both;
}
.sortable-container .sortable-column {
float: left;
width: 49.15253%;
margin-right: 1.69492%;
min-height: 1px;
}
.sortable-container .sortable-column:last-child {
margin-right: 0;
}
.sortable-container .sortable-column .sortable-block {
display: block;
background: #f2f2f2;
margin-bottom: 20px;
min-height: 200px;
padding: 10px;
font-size: 12px;
line-height: 16px;
position: relative;
}
.sortable-container .sortable-column .sortable-block .sortable-handle {
cursor: move;
position: absolute;
left: 0;
right: 0;
top: 0;
z-index: 2;
height: 34px;
}
.sortable-container .sortable-column .sortable-block .sortable-handle:after {
background-image: url(../images/icons/move_cursor.svg);
display: block;
position: absolute;
right: 5px;
top: 5px;
content: '';
height: 20px;
width: 20px;
}
.sortable-container .sortable-column .sortable-block label, .sortable-container .sortable-column .sortable-block input[type=search] {
font-size: 12px;
line-height: 24px;
}
.sortable-container .sortable-column .sortable-block .sortable-content p.title {
font-weight: 700;
color: #e87722;
border-bottom: 1px solid #d8d8d7;
max-width: 100%;
padding-bottom: 6px;
}
.sortable-container .sortable-column .sortable-block .sortable-content.two-col:before, .sortable-container .sortable-column .sortable-block .sortable-content.two-col:after {
content: " ";
display: table;
}
.sortable-container .sortable-column .sortable-block .sortable-content.two-col:after {
clear: both;
}
.sortable-container .sortable-column .sortable-block .sortable-content.two-col .col {
float: left;
width: 49.15253%;
margin-right: 1.69492%;
}
.sortable-container .sortable-column .sortable-block .sortable-content.two-col .col:last-child {
margin-right: 0;
}
.sortable-container .sortable-column .sortable-block .sortable-content .graph-container {
height: 200px;
background: #eaeaea;
}
.sortable-container .sortable-column .sortable-block .sortable-content form:before, .sortable-container .sortable-column .sortable-block .sortable-content form:after {
content: " ";
display: table;
}
.sortable-container .sortable-column .sortable-block .sortable-content form:after {
clear: both;
}
.sortable-container .sortable-column .sortable-block .sortable-content .search-wrapper, .sortable-container .sortable-column .sortable-block .sortable-content .select-wrapper {
margin-right: 10px;
margin-bottom: 10px;
}
.sortable-container .sortable-column .sortable-block .sortable-content .search-wrapper input[type=search], .sortable-container .sortable-column .sortable-block .sortable-content .select-wrapper input[type=search] {
padding: 5px;
}
.sortable-container .sortable-column .sortable-block .block-hide {
border-top: 1px solid #d8d8d7;
padding-top: 8px;
text-align: right;
}
.sortable-container .sortable-column .sortable-block .block-hide a, .sortable-container .sortable-column .sortable-block .block-hide a:visited {
color: #6d6e71;
}
.sortable-container .sortable-column .sortable-block hr {
background-color: #d8d8d7;
}
.sortable-container .sortable-column .sortable-block[data-visible='0'] {
display: none;
}
.sortable-container .sortable-column .sortable-placeholder {
background: #d6d6d6;
border: 1px dotted #979797;
margin: 0 0 20px;
}
.sortable-container.respo .sortable-column {
float: left;
width: 99.99999%;
margin-right: 1.69492%;
}
.sortable-container.respo .sortable-column:last-child {
margin-right: 0;
}
.sortable-show-list {
padding-bottom: 12px;
margin-bottom: 24px;
border-bottom: 1px solid #d8d8d7;
}
.sortable-show-list > label {
position: relative;
top: 8px;
}
.sortable-show-list .select-wrapper {
width: 184px;
}
.left-col {
float: left;
margin-right: 28px;
}
.left-col.fixed {
width: 170px;
}
.left-col label {
font-size: 12px;
line-height: 18px;
font-weight: 700;
}
.middle-col {
float: left;
width: calc(100% - 458px);
margin-right: 28px;
}
.right-col {
float: right;
}
.right-col.fixed {
width: 232px;
}
.slider-container {
margin: 8px 0 12px;
position: relative;
padding-bottom: 40px;
}
.slider-container label.number {
position: absolute;
width: 20px;
margin-left: -10px;
text-align: center;
margin-top: 20px;
font-weight: 400;
}
.slider-container label.number:before {
content: '';
display: block;
height: 8px;
width: 1px;
background-color: #6d6e71;
left: 9px;
position: absolute;
top: -10px;
}
.compare-gray-box {
padding: 0 16px;
background: #f2f2f2;
margin-bottom: 20px;
}
.compare-gray-box .cont-meta {
padding: 10px 0;
}
.compare-gray-box .cont-meta:before, .compare-gray-box .cont-meta:after {
content: " ";
display: table;
}
.compare-gray-box .cont-meta:after {
clear: both;
}
.compare-gray-box .cont-meta button {
margin-top: 10px;
}
.compare-gray-box .compare-hidden {
display: none;
}
.compare-gray-box .compare-hidden.show {
display: block;
}
.compare-gray-box table.compare tr td.vertical {
border-bottom: 1px solid #6d6e71;
}
.compare-gray-box.show table.compare tr {
display: table-row;
}
.compare-gray-box table.compare tr {
display: none;
}
.compare-gray-box table.compare tr:not(.hide) {
display: table-row;
}
.slider-cont {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #6d6e71;
}
.slider-cont:before, .slider-cont:after {
content: " ";
display: table;
}
.slider-cont:after {
clear: both;
}
.slider-cont:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.slider-cont .checkbox-wrapper {
margin-bottom: 0;
}
.twitter-feed {
padding: 16px;
background: #f2f2f2;
}
.twitter-feed .twitter-title {
padding-left: 40px;
background-image: url(../images/icons/twitter-orange.png);
background-repeat: no-repeat;
min-height: 32px;
border-bottom: 1px solid #6d6e71;
}
.twitter-feed .single-tweet {
border-bottom: 1px solid #d3d3d3;
margin-bottom: 10px;
padding-bottom: 10px;
}
.twitter-feed .single-tweet p {
margin-bottom: 0;
}
.twitter-feed .single-tweet:last-child {
border-bottom: 0;
margin-bottom: 0;
padding-bottom: 0;
}
.messages-container {
background: #f2f2f2;
margin-bottom: 10px;
position: relative;
}
.messages-container.a-height {
min-height: 0;
}
.messages-container.a-height .messages-feed {
overflow: inherit;
}
.messages-container.a-height .messages-meta {
position: static;
}
.messages-container .messages-meta {
position: absolute;
top: 0;
left: 0;
width: 100%;
background: #f2f2f2;
}
.messages-container .messages-feed {
max-height: 550px;
position: relative;
overflow: auto;
}
.messages-container .messages-feed button.orange-plus {
margin: 16px 32px 10px;
}
.messages-container.popup {
min-height: 0;
padding-top: 0;
}
.messages-container .messages-filter {
background: #6d6e71;
padding: 10px 10px 0;
}
.messages-container .messages-filter p, .messages-container .messages-filter h2 {
color: #fff;
}
.messages-container .messages-filter h2 {
border-bottom: 1px solid #fff;
padding-bottom: 12px;
}
.messages-container .messages-filter input[type="text"], .messages-container .messages-filter input[type="email"], .messages-container .messages-filter input[type="password"], .messages-container .messages-filter input[type="telephone"], .messages-container .messages-filter input[type="tel"], .messages-container .messages-filter input[type="search"], .messages-container .messages-filter input[type="number"], .messages-container .messages-filter input[type="date"], .messages-container .messages-filter input[type="time"], .messages-container .messages-filter textarea, .messages-container .messages-filter select {
border: 1px solid #fff;
}
.messages-container .messages-filter .select-wrapper, .messages-container .messages-filter .select-wrapper.show.touch {
width: 100%;
max-width: 280px;
}
.messages-container .messages-filter .select-wrapper label, .messages-container .messages-filter .select-wrapper.show.touch label {
border: 0;
}
.messages-container .messages-filter .select-wrapper:before, .messages-container .messages-filter .select-wrapper.show.touch:before {
background: #fff;
}
.messages-container .messages-filter .select-wrapper .dropdown .option, .messages-container .messages-filter .select-wrapper.show.touch .dropdown .option {
padding: 2px 6px 2px 20px;
margin: 4px 0;
}
.messages-container .messages-filter .select-wrapper.show.touch .dropdown .option {
padding: 12px 12px 12px 30px;
}
.messages-container .messages-label {
background: #e87722;
padding: 10px;
}
.messages-container .messages-label p {
color: #fff;
margin-bottom: 0;
}
.messages-container .messages-meta {
padding: 10px;
}
.messages-container .messages-meta:before, .messages-container .messages-meta:after {
content: " ";
display: table;
}
.messages-container .messages-meta:after {
clear: both;
}
.messages-container .messages-meta h2 {
float: left;
margin-bottom: 4px;
}
.messages-container .messages-meta .filter {
float: right;
}
.messages-container .messages-meta .filter, .messages-container .messages-meta .checkbox-wrapper {
margin-bottom: 0;
}
.messages-container .messages-meta input[type=checkbox] {
position: absolute;
}
.messages-container .messages-meta input[type=checkbox] + label {
font-weight: 400;
font-size: 13px;
}
.messages-container .messages-meta input[type=checkbox] + label:before {
height: 11px;
width: 11px;
margin-right: 3px;
}
.messages-container .messages-meta input[type=checkbox]:checked + label:before {
background-color: #4d93d2;
}
.messages-container .messages-meta input[type=checkbox]:checked + label:after {
top: 11px;
left: 7px;
width: 3px;
height: 6px;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
}
.messages-container .message-list .message-author, .messages-container .message-list .message-message, .messages-container .message-list .message-date, .messages-container .message-list .message-status {
display: block;
}
.messages-container .message-list .message-author {
font-weight: 700;
margin-bottom: 4px;
}
.messages-container .message-list .message-author span {
color: #e87722;
}
.messages-container .message-list .message-status {
color: #e87722;
font-weight: 700;
}
.messages-container .message-list .message-status .message-status-date {
position: relative;
padding-left: 14px;
}
.messages-container .message-list .message-status .message-status-date:before {
content: '';
display: block;
position: absolute;
left: 0;
top: 2px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
border-left: 1px solid #e87722;
border-bottom: 1px solid #e87722;
height: 4px;
width: 10px;
}
.messages-container .message-list a.button, .messages-container .message-list input[type="submit"] {
padding: 9px 10px;
display: block;
max-width: 100%;
width: 100%;
text-align: center;
margin-bottom: 0;
background: #e87722;
}
.messages-container .message-list a.button:before, .messages-container .message-list input[type="submit"]:before, .messages-container .message-list a.button:after, .messages-container .message-list input[type="submit"]:after {
display: none;
}
.messages-container .message-list textarea {
display: block;
width: 100%;
}
.contact-table-container {
margin-top: 20px;
background: #f2f2f2;
padding: 10px;
float: left;
/*width: 66.10168%;*/
width: 100%;
margin-right: 1.69492%;
position: relative;
}
.contact-table-container:last-child {
margin-right: 0;
}
.contact-table-container.half-width {
float: left;
width: 49.15253%;
margin-right: 1.69492%;
}
.contact-table-container.half-width:last-child {
margin-right: 0;
}
.contact-table-container.half-width:nth-child(2n), .contact-table-container.half-width:nth-of-type(2n) {
margin-right: 0;
}
.contact-table-container.half-width:nth-child(2n+1), .contact-table-container.half-width:nth-of-type(2n+1) {
clear: both;
}
.contact-table-container .dataTables_filter input[type=search] {
border: 0;
padding: 5px 8px;
font-weight: 400;
}
.contact-table-container .dataTables_length .select-wrapper label {
padding-right: 34px;
}
.contact-table-container .dataTables_length .select-wrapper:before {
background: #fff;
}
.contact-table-container .select-wrapper label {
border: 0;
}
.contact-table-container.full-list .dataTables_filter {
position: absolute;
right: 10px;
top: 12px;
}
.contact-table-container.full-list .dataTables_filter input[type=search] {
border: 0;
}
.contact-table-container.full-list h2 {
min-height: 40px;
padding-top: 8px;
}
.contact-table-container.full-list .dataTables_wrapper {
max-height: 400px;
overflow-y: scroll;
}
.contact-table-container .btn-group {
margin-top: 10px;
}
.theme-light-blue.popup-wrapper.popup-small .popup-box .popup-close:before, .theme-light-blue.popup-wrapper.popup-small .popup-box .popup-close:after, .theme-light-blue a.button, .theme-light-blue a.button:before, .theme-light-blue input[type="submit"], .theme-light-blue .select-wrapper:before, .theme-light-blue.messages-container .messages-label, .theme-light-blue button.orange-plus, .theme-light-blue button.orange-plus:before {
background: #76c9d1;
}
.theme-light-blue.popup-wrapper.popup-small .popup-box .popup-close:before:before, .theme-light-blue.popup-wrapper.popup-small .popup-box .popup-close:after:before, .theme-light-blue a.button:before, .theme-light-blue a.button:before:before, .theme-light-blue input[type="submit"]:before, .theme-light-blue .select-wrapper:before:before, .theme-light-blue.messages-container .messages-label:before, .theme-light-blue button.orange-plus:before, .theme-light-blue button.orange-plus:before:before {
background: #76c9d1;
}
.theme-light-blue table.sortable.small-padding thead tr th.sorting span:before, .theme-light-blue table.sortable.small-padding thead tr th.sorting_asc span:before, .theme-light-blue table.sortable.small-padding thead tr th.sorting_desc span:before, .theme-light-blue table.sortable.small-padding thead tr th.sorting span:after, .theme-light-blue table.sortable.small-padding thead tr th.sorting_asc span:after, .theme-light-blue table.sortable.small-padding thead tr th.sorting_desc span:after {
border-color: #76c9d1;
}
.theme-light-blue table.message-list .dot span, .theme-light-blue h1, .theme-light-blue h2, .theme-light-blue .message-author span, .theme-light-blue a, .theme-light-blue a:not(.button):visited, .theme-light-blue a:not(.button) {
color: #76c9d1;
}
.theme-light-blue.contact-table-container .select-wrapper:after {
border-color: #76c9d1;
}
.theme-light-blue a:not(.button).forward:after, .theme-light-blue a:not(.button).next:after, .theme-light-blue a:not(.button).back:before, .theme-light-blue a:not(.button).previous:before {
border-color: #76c9d1;
}
.theme-light-blue .message-list .message-status {
color: #76c9d1;
}
.theme-light-blue .message-list .message-status .message-status-date:before {
border-color: #76c9d1;
}
.theme-light-blue .message-list a.button, .theme-light-blue .message-list input[type="submit"] {
background: #76c9d1;
}
.theme-light-blue .message-list .message-author span {
color: #76c9d1;
}
.theme-light-blue .messages-filter .select-wrapper .dropdown .option.unread:before {
background: #76c9d1;
}
.theme-light-blue .messages-filter .select-wrapper:after {
border-bottom-color: #76c9d1;
border-right-color: #76c9d1;
}
.theme-dark-green.popup-wrapper.popup-small .popup-box .popup-close:before, .theme-dark-green.popup-wrapper.popup-small .popup-box .popup-close:after, .theme-dark-green a.button, .theme-dark-green a.button:before, .theme-dark-green input[type="submit"], .theme-dark-green .select-wrapper:before, .theme-dark-green.messages-container .messages-label, .theme-dark-green button.orange-plus, .theme-dark-green button.orange-plus:before {
background: #89cbad;
}
.theme-dark-green.popup-wrapper.popup-small .popup-box .popup-close:before:before, .theme-dark-green.popup-wrapper.popup-small .popup-box .popup-close:after:before, .theme-dark-green a.button:before, .theme-dark-green a.button:before:before, .theme-dark-green input[type="submit"]:before, .theme-dark-green .select-wrapper:before:before, .theme-dark-green.messages-container .messages-label:before, .theme-dark-green button.orange-plus:before, .theme-dark-green button.orange-plus:before:before {
background: #89cbad;
}
.theme-dark-green table.sortable.small-padding thead tr th.sorting span:before, .theme-dark-green table.sortable.small-padding thead tr th.sorting_asc span:before, .theme-dark-green table.sortable.small-padding thead tr th.sorting_desc span:before, .theme-dark-green table.sortable.small-padding thead tr th.sorting span:after, .theme-dark-green table.sortable.small-padding thead tr th.sorting_asc span:after, .theme-dark-green table.sortable.small-padding thead tr th.sorting_desc span:after {
border-color: #89cbad;
}
.theme-dark-green table.message-list .dot span, .theme-dark-green h1, .theme-dark-green h2, .theme-dark-green .message-author span, .theme-dark-green a, .theme-dark-green a:not(.button):visited, .theme-dark-green a:not(.button) {
color: #89cbad;
}
.theme-dark-green.contact-table-container .select-wrapper:after {
border-color: #89cbad;
}
.theme-dark-green a:not(.button).forward:after, .theme-dark-green a:not(.button).next:after, .theme-dark-green a:not(.button).back:before, .theme-dark-green a:not(.button).previous:before {
border-color: #89cbad;
}
.theme-dark-green .message-list .message-status {
color: #89cbad;
}
.theme-dark-green .message-list .message-status .message-status-date:before {
border-color: #89cbad;
}
.theme-dark-green .message-list a.button, .theme-dark-green .message-list input[type="submit"] {
background: #89cbad;
}
.theme-dark-green .message-list .message-author span {
color: #89cbad;
}
.theme-dark-green .messages-filter .select-wrapper .dropdown .option.unread:before {
background: #89cbad;
}
.theme-dark-green .messages-filter .select-wrapper:after {
border-bottom-color: #89cbad;
border-right-color: #89cbad;
}
.theme-orange.popup-wrapper.popup-small .popup-box .popup-close:before, .theme-orange.popup-wrapper.popup-small .popup-box .popup-close:after, .theme-orange a.button, .theme-orange a.button:before, .theme-orange input[type="submit"], .theme-orange .select-wrapper:before, .theme-orange.messages-container .messages-label, .theme-orange button.orange-plus, .theme-orange button.orange-plus:before {
background: #e87722;
}
.theme-orange.popup-wrapper.popup-small .popup-box .popup-close:before:before, .theme-orange.popup-wrapper.popup-small .popup-box .popup-close:after:before, .theme-orange a.button:before, .theme-orange a.button:before:before, .theme-orange input[type="submit"]:before, .theme-orange .select-wrapper:before:before, .theme-orange.messages-container .messages-label:before, .theme-orange button.orange-plus:before, .theme-orange button.orange-plus:before:before {
background: #e87722;
}
.theme-orange table.sortable.small-padding thead tr th.sorting span:before, .theme-orange table.sortable.small-padding thead tr th.sorting_asc span:before, .theme-orange table.sortable.small-padding thead tr th.sorting_desc span:before, .theme-orange table.sortable.small-padding thead tr th.sorting span:after, .theme-orange table.sortable.small-padding thead tr th.sorting_asc span:after, .theme-orange table.sortable.small-padding thead tr th.sorting_desc span:after {
border-color: #e87722;
}
.theme-orange table.message-list .dot span, .theme-orange h1, .theme-orange h2, .theme-orange .message-author span, .theme-orange a, .theme-orange a:not(.button):visited, .theme-orange a:not(.button) {
color: #e87722;
}
.theme-orange.contact-table-container .select-wrapper:after {
border-color: #e87722;
}
.theme-orange a:not(.button).forward:after, .theme-orange a:not(.button).next:after, .theme-orange a:not(.button).back:before, .theme-orange a:not(.button).previous:before {
border-color: #e87722;
}
.theme-orange .message-list .message-status {
color: #e87722;
}
.theme-orange .message-list .message-status .message-status-date:before {
border-color: #e87722;
}
.theme-orange .message-list a.button, .theme-orange .message-list input[type="submit"] {
background: #e87722;
}
.theme-orange .message-list .message-author span {
color: #e87722;
}
.theme-orange .messages-filter .select-wrapper .dropdown .option.unread:before {
background: #e87722;
}
.theme-orange .messages-filter .select-wrapper:after {
border-bottom-color: #e87722;
border-right-color: #e87722;
}
.ui-slider {
position: relative;
text-align: left;
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 12px;
height: 12px;
cursor: default;
-ms-touch-action: none;
touch-action: none;
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: 0.7em;
display: block;
border: 0;
background-position: 0 0;
background: #e87722;
}
/* support: IE8 - See #6727 */.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
filter: inherit;
}
.ui-slider-horizontal {
height: 6px;
}
.ui-slider-horizontal .ui-slider-handle {
top: -3px;
margin-left: -6px;
}
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0;
}
.ui-slider-vertical {
width: 0.8em;
height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
left: -0.3em;
margin-left: 0;
margin-bottom: -0.6em;
}
.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
top: 0;
}
.ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
border: 3px solid #6e6e70;
background: #fff;
font-weight: normal;
color: #454545;
-webkit-border-radius: 100%;
-ms-border-radius: 100%;
-moz-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button {
color: #454545;
text-decoration: none;
}
.ui-widget {
background: #c4c4c3;
}
.center, .cc, .cookie-bar .cookie-inner, .center-content {
clear: both;
margin: 0 auto;
width: 100%;
max-width: 1516px;
padding: 0 20px;
}
.center:before, .cc:before, .cookie-bar .cookie-inner:before, .center-content:before, .center:after, .cc:after, .cookie-bar .cookie-inner:after, .center-content:after {
content: " ";
display: table;
}
.center:after, .cc:after, .cookie-bar .cookie-inner:after, .center-content:after {
clear: both;
}
body.full .center, body.full .cc, body.full .cookie-bar .cookie-inner, .cookie-bar body.full .cookie-inner, body.full .center-content {
max-width: 100%;
}
.cc.wide, .cookie-bar .cookie-inner.wide {
min-width: 1516px;
}
.cc.narrow, .cookie-bar .cookie-inner.narrow {
max-width: 1225px;
}
.cc.wide-res, .cookie-bar .cookie-inner.wide-res {
max-width: 1516px;
}
body.full .center, body.full .cc, body.full .cookie-bar .cookie-inner, .cookie-bar body.full .cookie-inner, body.full .center-content, body.full .cc.wide-res, body.full .cookie-bar .cookie-inner.wide-res, .cookie-bar body.full .cookie-inner.wide-res, body.full .cc.wide, body.full .cookie-bar .cookie-inner.wide, .cookie-bar body.full .cookie-inner.wide {
max-width: 100%;
}
body.fixed .wrapper {
min-width: 1476px;
padding-top: 80px;
}
body.fixed.has-menu .wrapper {
padding-top: 126px;
}
body.fixed .header {
position: fixed;
top: 0px;
left: 0px;
right: 0px;
z-index: 100;
}
body.fixed .center, body.fixed .cc, body.fixed .cookie-bar .cookie-inner, .cookie-bar body.fixed .cookie-inner, body.fixed .center-content {
min-width: 1476px;
}
body.fixed .cc.wide, body.fixed .cookie-bar .cookie-inner.wide, .cookie-bar body.fixed .cookie-inner.wide {
max-width: 100%;
min-width: 1516px;
padding-left: 20px;
padding-right: 20px;
}
.left {
float: left;
}
.right {
float: right;
text-align: right;
}
.responsive-button {
display: none;
float: right;
}
.visuallyhidden, .visually-hidden, .vh, .ht {
position: absolute;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
}
.visuallyshown, .visually-shown, .vs {
clip: auto;
clip: rect(auto auto auto auto);
position: static;
overflow: visible;
margin: inherit;
width: auto;
height: auto;
}
.hide-text {
font-size: 0;
line-height: inherit;
color: transparent;
}
.image-cover {
background-size: cover;
/* The url is relative to the document, not to the css file! */
/* Prefer absolute urls to avoid confusion. */
-ms-behavior: url(/backgroundsize.min.htc);
}
.header {
width: 100%;
position: relative;
}
.header .logo {
position: relative;
display: block;
}
.header .logo a {
display: block;
font-size: 36px;
line-height: 40px;
background: url(../images/logos/openfield_insight_logo.svg) no-repeat left center;
text-indent: -9999%;
overflow: hidden;
width: 300px;
}
.header .main-menu-icon {
display: none;
position: absolute;
top: 8px;
left: 20px;
width: 30px;
height: 30px;
margin: auto;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.header .main-menu-icon:before, .header .main-menu-icon:after, .header .main-menu-icon span {
background: #fff;
-webkit-border-radius: 3px;
-ms-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
content: '';
display: block;
height: 2px;
margin: 6px 0;
-webkit-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
width: 100%;
text-indent: -9999px;
}
.header .open .main-menu-icon:before {
-webkit-transform: rotate(45deg) translate3d(2px, 6px, 0);
-ms-transform: rotate(45deg) translate3d(2px, 6px, 0);
-moz-transform: rotate(45deg) translate3d(2px, 6px, 0);
-o-transform: rotate(45deg) translate3d(2px, 6px, 0);
transform: rotate(45deg) translate3d(2px, 6px, 0);
}
.header .open .main-menu-icon span {
opacity: 0;
}
.header .open .main-menu-icon:after {
-webkit-transform: rotate(-45deg) translate3d(5px, -9px, 0);
-ms-transform: rotate(-45deg) translate3d(5px, -9px, 0);
-moz-transform: rotate(-45deg) translate3d(5px, -9px, 0);
-o-transform: rotate(-45deg) translate3d(5px, -9px, 0);
transform: rotate(-45deg) translate3d(5px, -9px, 0);
}
.header .header-upper {
height: 80px;
position: relative;
background: #e87722;
color: #fff;
}
.header .header-upper a[href], .header .header-upper a[href]:visited, .header .header-upper a[href]:hover {
color: #fff;
}
.header .header-upper .left, .header .header-upper .right {
padding-top: 18px;
}
.header .header-upper .left {
height: 80px;
float: left;
width: 99.99999%;
margin-right: 1.69492%;
}
.header .header-upper .left:last-child {
margin-right: 0;
}
.header .header-upper .landr .left {
float: left;
width: 32.20338%;
margin-right: 1.69492%;
}
.header .header-upper .landr .left:last-child {
margin-right: 0;
}
.header .header-upper .right {
display: none;
}
.header .header-upper .landr .right {
float: left;
width: 66.10168%;
margin-right: 1.69492%;
height: 80px;
display: block;
}
.header .header-upper .landr .right:last-child {
margin-right: 0;
}
.header .header-upper .landr .right .header-right-menu {
display: inline-block;
vertical-align: middle;
}
.header .header-upper .landr .right .header-right-menu ul li {
display: inline-block;
border-left: 1px solid #fff;
padding: 0 4px 0 6px;
}
.header .header-upper .landr .right .header-right-menu ul li:first-child {
border-left: 0px;
}
.header .header-upper .landr .right .header-right-menu ul li:last-child {
padding-right: 0px;
}
.header .account-state {
padding: 0;
position: relative;
display: inline-block;
vertical-align: middle;
}
.header .account-state .account-messages {
position: relative;
width: 64px;
height: 54px;
left: 0;
background-image: url(../images/icons/chat_messages.svg);
background-size: 100%;
}
.header .account-state .account-messages .unread-count {
display: block;
left: 0;
bottom: 54%;
background: #000;
-webkit-border-radius: 100%;
-ms-border-radius: 100%;
-moz-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
border: 1px solid #fff;
color: #fff;
text-align: center;
padding: 5px 2px 5px 0;
font-size: 10px;
height: 30px;
width: 30px;
position: absolute;
}
.header .header-lower {
background: #6d6e71;
color: #fff;
position: relative;
min-height: 46px;
}
.header .header-lower .cc, .header .header-lower .cookie-bar .cookie-inner, .cookie-bar .header .header-lower .cookie-inner {
background: #6d6e71;
}
.header .header-lower .account-state {
display: none;
}
.header .header-lower .account-state .account-messages {
position: relative;
top: 8px;
}
.header .main-menu ul {
width: 100%;
overflow: hidden;
white-space: normal;
font-size: 0;
}
.header .main-menu ul li {
position: relative;
display: inline-block;
width: auto;
}
.header .main-menu ul li.mobile {
display: none;
}
.header .main-menu ul li:first-child {
border-left: 0px;
padding-left: 0px;
}
.header .main-menu ul li:last-child {
padding-right: 0px;
}
.header .main-menu ul li a {
display: inline-block;
position: relative;
text-align: center;
background: inherit;
color: #00b;
text-decoration: none;
font-size: 14px;
margin: 0;
padding: 14px 8px 14px 10px;
}
.header .main-menu ul li a[href], .header .main-menu ul li a[href]:visited, .header .main-menu ul li a[href]:hover {
color: #fff;
}
/* .header .main-menu ul li a:before {
content: "";
display: block;
position: absolute;
left: 0;
top: 50%;
height: 14px;
border-left: 1px solid #fff;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.header .main-menu ul li:first-child a:before {
display: none;
} */
.header .main-menu ul li:hover, .header .main-menu ul li.active {
background: #aeaead;
}
.header .main-menu ul li:hover a:before, .header .main-menu ul li.active a:before {
display: none;
}
.header .main-menu ul li:hover + li a:before, .header .main-menu ul li.active + li a:before {
display: none;
}
.banner {
background-position: center center;
background-size: cover;
height: 400px;
}
.banner.full .cc, .banner.full .cookie-bar .cookie-inner, .cookie-bar .banner.full .cookie-inner {
position: relative;
}
.banner.full .cc .banner-block, .banner.full .cookie-bar .cookie-inner .banner-block, .cookie-bar .banner.full .cookie-inner .banner-block {
position: absolute;
bottom: -40px;
max-width: 392px;
width: calc(100% - 40px);
}
.banner.full .cc .banner-block h1, .banner.full .cookie-bar .cookie-inner .banner-block h1, .cookie-bar .banner.full .cookie-inner .banner-block h1 {
display: block;
background: #e87722;
color: #fff;
padding: 22px;
font-size: 36px;
line-height: 40px;
}
.banner.full .cc .banner-block p, .banner.full .cookie-bar .cookie-inner .banner-block p, .cookie-bar .banner.full .cookie-inner .banner-block p {
background: rgba(109, 110, 113, 0.8);
color: #fff;
padding: 22px;
font-size: 16px;
line-height: 24px;
font-weight: bold;
}
.banner.full .cc .banner-block .link, .banner.full .cookie-bar .cookie-inner .banner-block .link, .cookie-bar .banner.full .cookie-inner .banner-block .link {
background: rgba(109, 110, 113, 0.8);
}
.banner.full .cc .banner-block .link a, .banner.full .cookie-bar .cookie-inner .banner-block .link a, .cookie-bar .banner.full .cookie-inner .banner-block .link a {
display: inline-block;
position: relative;
background: #e87722;
color: #fff;
width: 55px;
height: 40px;
vertical-align: bottom;
}
.banner.full .cc .banner-block .link a:after, .banner.full .cookie-bar .cookie-inner .banner-block .link a:after, .cookie-bar .banner.full .cookie-inner .banner-block .link a:after {
display: inline-block;
position: absolute;
content: "";
border-top: 2px solid #fff;
border-right: 2px solid #fff;
top: 50%;
left: 50%;
height: 8px;
width: 8px;
-webkit-transform: translateY(-75%) translateX(-50%) rotate(135deg);
-ms-transform: translateY(-75%) translateX(-50%) rotate(135deg);
-moz-transform: translateY(-75%) translateX(-50%) rotate(135deg);
-o-transform: translateY(-75%) translateX(-50%) rotate(135deg);
transform: translateY(-75%) translateX(-50%) rotate(135deg);
}
.sub-banner {
padding-top: 24px;
text-align: center;
}
.footer {
z-index: 1;
position: relative;
padding-bottom: 14px;
}
.footer .footer-inner {
border-top: 1px solid #6d6e71;
padding-top: 14px;
}
.footer .footer-inner .right a {
display: inline-block;
background: url(../images/logos/openfield_footer_logo.svg) no-repeat;
text-indent: 9999%;
overflow: hidden;
width: 120px;
height: 30px;
}
.footer a {
color: inherit;
}
.footer .footer-menu ul li {
display: inline-block;
border-left: 1px solid #e87722;
padding: 0 5px 0 7px;
font-size: 12px;
line-height: 14px;
color: #6d6e71;
}
.footer .footer-menu ul li:first-child {
border-left: 0px;
padding-left: 0px;
}
.footer .footer-menu ul li:last-child {
padding-right: 0px;
}
body:not(.fixed) {
/* Convert respo-vertical tables into vertical */
}
@media screen and (max-height: 600px) {
}
@media screen and (max-width: 1504px) {
body:not(.fixed) .columns-3-1-1-1:before, body:not(.fixed) .columns-3-1-1-1:after {
content: " ";
display: table;
}
body:not(.fixed) .columns-3-1-1-1:after {
clear: both;
}
body:not(.fixed) .columns-3-1-1-1 .column:nth-child(n), body:not(.fixed) .columns-3-1-1-1 .item:nth-child(n) {
float: left;
width: 49.15253%;
margin-right: 1.69492%;
}
body:not(.fixed) .columns-3-1-1-1 .column:nth-child(n):last-child, body:not(.fixed) .columns-3-1-1-1 .item:nth-child(n):last-child {
margin-right: 0;
}
body:not(.fixed) .columns-3-1-1-1 .column:nth-child(2n), body:not(.fixed) .columns-3-1-1-1 .item:nth-child(2n), body:not(.fixed) .columns-3-1-1-1 .column:nth-child(3n), body:not(.fixed) .columns-3-1-1-1 .item:nth-child(3n), body:not(.fixed) .columns-3-1-1-1 .column:nth-child(4n), body:not(.fixed) .columns-3-1-1-1 .item:nth-child(4n) {
float: left;
width: 49.15253%;
margin-right: 1.69492%;
}
body:not(.fixed) .columns-3-1-1-1 .column:nth-child(2n):last-child, body:not(.fixed) .columns-3-1-1-1 .item:nth-child(2n):last-child, body:not(.fixed) .columns-3-1-1-1 .column:nth-child(3n):last-child, body:not(.fixed) .columns-3-1-1-1 .item:nth-child(3n):last-child, body:not(.fixed) .columns-3-1-1-1 .column:nth-child(4n):last-child, body:not(.fixed) .columns-3-1-1-1 .item:nth-child(4n):last-child {
margin-right: 0;
}
body:not(.fixed) .columns-3-1-1-1 .column:nth-child(2n), body:not(.fixed) .columns-3-1-1-1 .item:nth-child(2n) {
margin-right: 0 !important;
}
body:not(.fixed) .columns-3-1-1-1 .column:nth-child(2n+1), body:not(.fixed) .columns-3-1-1-1 .item:nth-child(2n+1) {
clear: both;
}
}
@media screen and (max-width: 1162px) {
body:not(.fixed) .landing-icons .item {
float: left;
width: 18.64406%;
margin-right: 1.69492%;
}
body:not(.fixed) .landing-icons .item:nth-child(n), body:not(.fixed) .landing-icons .item:nth-of-type(n) {
clear: none;
margin-right: 1.69492%;
}
body:not(.fixed) .landing-icons .item:last-child {
margin-right: 0;
}
body:not(.fixed) .landing-icons .item:nth-child(5n), body:not(.fixed) .landing-icons .item:nth-of-type(5n) {
margin-right: 0;
}
body:not(.fixed) .landing-icons .item:nth-child(5n+1), body:not(.fixed) .landing-icons .item:nth-of-type(5n+1) {
clear: both;
}
body:not(.fixed) .landing-icons .item:nth-child(5n), body:not(.fixed) .landing-icons .item:nth-of-type(5n) {
margin-right: 0;
}
body:not(.fixed) .landing-icons .item:nth-child(5n+1), body:not(.fixed) .landing-icons .item:nth-of-type(5n+1) {
clear: both;
}
}
body:not(.fixed) .mobile-only {
display: none;
}
@media screen and (max-width: 1024px) {
body:not(.fixed) .desktop-only {
display: none;
}
body:not(.fixed) .mobile-only {
display: inline-block;
}
body:not(.fixed) table.respo-vertical th {
border-top: 0;
}
body:not(.fixed) table.respo-vertical th, body:not(.fixed) table.respo-vertical td {
border-left: 0;
}
body:not(.fixed) table.respo-vertical th:first-child, body:not(.fixed) table.respo-vertical td:first-child {
border-top: 1px solid #6d6e71;
}
body:not(.fixed) table.respo-vertical thead {
float: left;
vertical-align: top;
}
body:not(.fixed) table.respo-vertical thead tr th {
display: block;
background: #fff;
text-align: left;
}
body:not(.fixed) table.respo-vertical thead tr th:nth-child(even) {
background: #f2f2f2;
}
body:not(.fixed) table.respo-vertical tbody {
float: right;
vertical-align: top;
}
body:not(.fixed) table.respo-vertical tbody tr td {
display: block;
}
body:not(.fixed) table.respo-vertical tbody tr td:nth-child(even) {
background: #f2f2f2;
}
body:not(.fixed) .middle-col {
width: calc(100% - 186px);
margin-right: 0;
padding-top: 40px;
}
body:not(.fixed) .left-col, body:not(.fixed) .middle-col, body:not(.fixed) .right-col {
width: 100%;
}
body:not(.fixed) .left-col fieldset {
float: left;
width: 49.15253%;
margin-right: 1.69492%;
}
body:not(.fixed) .left-col fieldset:last-child {
margin-right: 0;
}
body:not(.fixed) .left-col fieldset:nth-child(2n), body:not(.fixed) .left-col fieldset:nth-of-type(2n) {
margin-right: 0;
}
body:not(.fixed) .left-col fieldset:nth-child(2n+1), body:not(.fixed) .left-col fieldset:nth-of-type(2n+1) {
clear: both;
}
}
@media screen and (max-width: 980px) {
body:not(.fixed) .footer .footer-inner .left {
width: 100%;
padding-bottom: 12px;
}
body:not(.fixed) .footer .footer-inner .right {
width: 100%;
text-align: left;
}
body:not(.fixed) .footer .footer-inner .right a {
text-indent: -9999%;
}
body:not(.fixed) .sortable-container .sortable-column .sortable-content.two-col .col {
float: left;
width: 99.99999%;
margin-right: 1.69492%;
margin-bottom: 20px;
}
body:not(.fixed) .sortable-container .sortable-column .sortable-content.two-col .col:last-child {
margin-right: 0;
}
body:not(.fixed) .sortable-container .sortable-column .sortable-content.two-col .col:last-child {
margin-bottom: 0;
}
body:not(.fixed) .columns-3.message-columns .column:nth-child(n), body:not(.fixed) .columns-3.message-columns .column:nth-of-type(n) {
clear: none;
margin-right: 0;
width: 100%;
}
body:not(.fixed) .columns-3.message-columns .messages-container {
min-height: auto !important;
}
body:not(.fixed) .contact-table-container {
width: 100%;
}
}
@media screen and (max-width: 880px) {
body:not(.fixed) .landing-icons .item {
float: left;
width: 23.7288%;
margin-right: 1.69492%;
}
body:not(.fixed) .landing-icons .item:nth-child(n), body:not(.fixed) .landing-icons .item:nth-of-type(n) {
clear: none;
margin-right: 1.69492%;
}
body:not(.fixed) .landing-icons .item:last-child {
margin-right: 0;
}
body:not(.fixed) .landing-icons .item:nth-child(4n), body:not(.fixed) .landing-icons .item:nth-of-type(4n) {
margin-right: 0;
}
body:not(.fixed) .landing-icons .item:nth-child(4n+1), body:not(.fixed) .landing-icons .item:nth-of-type(4n+1) {
clear: both;
}
}
@media screen and (max-width: 774px) {
body:not(.fixed) .landing-icons .item {
float: left;
width: 32.20338%;
margin-right: 1.69492%;
}
body:not(.fixed) .landing-icons .item:nth-child(n), body:not(.fixed) .landing-icons .item:nth-of-type(n) {
clear: none;
margin-right: 1.69492%;
}
body:not(.fixed) .landing-icons .item:last-child {
margin-right: 0;
}
body:not(.fixed) .landing-icons .item:nth-child(3n), body:not(.fixed) .landing-icons .item:nth-of-type(3n) {
margin-right: 0;
}
body:not(.fixed) .landing-icons .item:nth-child(3n+1), body:not(.fixed) .landing-icons .item:nth-of-type(3n+1) {
clear: both;
}
body:not(.fixed) .columns-3 .item, body:not(.fixed) .columns-3 .column {
float: left;
width: 49.15253%;
margin-right: 1.69492%;
}
body:not(.fixed) .columns-3 .item:nth-child(n), body:not(.fixed) .columns-3 .column:nth-child(n), body:not(.fixed) .columns-3 .item:nth-of-type(n), body:not(.fixed) .columns-3 .column:nth-of-type(n) {
clear: none;
margin-right: 1.69492%;
}
body:not(.fixed) .columns-3 .item:last-child, body:not(.fixed) .columns-3 .column:last-child {
margin-right: 0;
}
body:not(.fixed) .columns-3 .item:nth-child(2n), body:not(.fixed) .columns-3 .column:nth-child(2n), body:not(.fixed) .columns-3 .item:nth-of-type(2n), body:not(.fixed) .columns-3 .column:nth-of-type(2n) {
margin-right: 0;
}
body:not(.fixed) .columns-3 .item:nth-child(2n+1), body:not(.fixed) .columns-3 .column:nth-child(2n+1), body:not(.fixed) .columns-3 .item:nth-of-type(2n+1), body:not(.fixed) .columns-3 .column:nth-of-type(2n+1) {
clear: both;
}
}
@media screen and (max-width: 588px) {
body:not(.fixed) .landing-icons .item {
float: left;
width: 49.15253%;
margin-right: 1.69492%;
}
body:not(.fixed) .landing-icons .item:nth-child(n), body:not(.fixed) .landing-icons .item:nth-of-type(n) {
clear: none;
margin-right: 1.69492%;
}
body:not(.fixed) .landing-icons .item:last-child {
margin-right: 0;
}
body:not(.fixed) .landing-icons .item:nth-child(2n), body:not(.fixed) .landing-icons .item:nth-of-type(2n) {
margin-right: 0;
}
body:not(.fixed) .landing-icons .item:nth-child(2n+1), body:not(.fixed) .landing-icons .item:nth-of-type(2n+1) {
clear: both;
}
body:not(.fixed) .columns-2 .item:nth-child(n), body:not(.fixed) .columns-3 .item:nth-child(n), body:not(.fixed) .columns-3-1-1-1 .item:nth-child(n), body:not(.fixed) .contact-table-container .item:nth-child(n), body:not(.fixed) .columns-2 .column:nth-child(n), body:not(.fixed) .columns-3 .column:nth-child(n), body:not(.fixed) .columns-3-1-1-1 .column:nth-child(n), body:not(.fixed) .contact-table-container .column:nth-child(n), body:not(.fixed) .columns-2.half-width:nth-child(n), body:not(.fixed) .columns-3.half-width:nth-child(n), body:not(.fixed) .columns-3-1-1-1.half-width:nth-child(n), body:not(.fixed) .contact-table-container.half-width:nth-child(n), body:not(.fixed) .columns-2 .item:nth-of-type(n), body:not(.fixed) .columns-3 .item:nth-of-type(n), body:not(.fixed) .columns-3-1-1-1 .item:nth-of-type(n), body:not(.fixed) .contact-table-container .item:nth-of-type(n), body:not(.fixed) .columns-2 .column:nth-of-type(n), body:not(.fixed) .columns-3 .column:nth-of-type(n), body:not(.fixed) .columns-3-1-1-1 .column:nth-of-type(n), body:not(.fixed) .contact-table-container .column:nth-of-type(n), body:not(.fixed) .columns-2.half-width:nth-of-type(n), body:not(.fixed) .columns-3.half-width:nth-of-type(n), body:not(.fixed) .columns-3-1-1-1.half-width:nth-of-type(n), body:not(.fixed) .contact-table-container.half-width:nth-of-type(n) {
clear: none;
margin-right: 0;
width: 100%;
}
body:not(.fixed) .sortable-container .sortable-column {
float: left;
width: 99.99999%;
margin-right: 1.69492%;
}
body:not(.fixed) .sortable-container .sortable-column:last-child {
margin-right: 0;
}
body:not(.fixed) .left-col fieldset {
float: left;
width: 99.99999%;
margin-right: 1.69492%;
}
body:not(.fixed) .left-col fieldset:last-child {
margin-right: 0;
}
body:not(.fixed) .left-col fieldset:nth-child(1n), body:not(.fixed) .left-col fieldset:nth-of-type(1n) {
margin-right: 0;
}
body:not(.fixed) .left-col fieldset:nth-child(1n+1), body:not(.fixed) .left-col fieldset:nth-of-type(1n+1) {
clear: both;
}
body:not(.fixed) .messages-container.popup table.message-list td.time {
width: 0;
}
}
@media screen and (max-width: 305px) {
body:not(.fixed) .landing-icons .item {
float: left;
width: 99.99999%;
margin-right: 1.69492%;
}
body:not(.fixed) .landing-icons .item:nth-child(n), body:not(.fixed) .landing-icons .item:nth-of-type(n) {
clear: none;
margin-right: 1.69492%;
}
body:not(.fixed) .landing-icons .item:last-child {
margin-right: 0;
}
body:not(.fixed) .landing-icons .item:nth-child(1n), body:not(.fixed) .landing-icons .item:nth-of-type(1n) {
margin-right: 0;
}
body:not(.fixed) .landing-icons .item:nth-child(1n+1), body:not(.fixed) .landing-icons .item:nth-of-type(1n+1) {
clear: both;
}
}
@media screen and (max-width: 1048px) {
body:not(.fixed) .header .main-menu-icon {
display: block;
}
body:not(.fixed) .header .header-lower {
height: 46px;
}
body:not(.fixed) .header .header-lower.open .cc, body:not(.fixed) .header .header-lower.open .cookie-bar .cookie-inner, .cookie-bar body:not(.fixed) .header .header-lower.open .cookie-inner {
position: absolute;
left: 0;
right: 0;
top: 0;
z-index: 1000;
}
body:not(.fixed) .header .header-lower .main-menu {
display: none;
padding-top: 38px;
}
body:not(.fixed) .header .header-lower .main-menu ul li {
display: block;
width: 100%;
border-top: 1px solid #fff;
border-left: 0;
padding-left: 0;
}
body:not(.fixed) .header .header-lower .main-menu ul li.mobile {
display: none;
}
body:not(.fixed) .header .header-lower .main-menu ul li:first-child {
border-top: 0;
}
body:not(.fixed) .header .header-lower .main-menu ul li.menu-item-has-children > a.sub-menu-icon, body:not(.fixed) .header .header-lower .main-menu ul li.current_page_parent-has-children > a.sub-menu-icon {
display: block;
}
body:not(.fixed) .header .header-lower .main-menu ul li.open ul.sub-menu {
display: block;
}
body:not(.fixed) .header .header-lower .main-menu ul li a {
width: 100%;
padding: 0.8em 0 0.8em 0.8em;
text-align: left;
height: auto;
}
body:not(.fixed) .header .header-lower .main-menu ul li a:before {
display: none;
}
body:not(.fixed) .header .header-lower.open .main-menu {
display: block;
z-index: 900;
}
}
@media screen and (max-width: 580px) {
body:not(.fixed) .header .logo a {
font-size: 30px;
line-height: 36px;
width: 250px;
}
}
@media screen and (max-width: 540px) {
body:not(.fixed) .header .logo a {
font-size: 30px;
line-height: 36px;
width: 250px;
}
body:not(.fixed) .header .header-upper .landr .right .account-state {
padding: 0;
}
body:not(.fixed) .header .header-upper .landr .right .account-state .account-messages {
position: relative;
}
body:not(.fixed) .header .header-upper .landr .right .header-right-menu {
display: none;
}
body:not(.fixed) .header .header-lower .main-menu ul li.mobile {
display: block;
}
}
@media screen and (max-width: 450px) {
body:not(.fixed) .header .logo a {
font-size: 24px;
line-height: 34px;
width: 200px;
}
}
.browser-bar {
display: none;
}
html.old .browser-bar {
display: block;
width: 100%;
height: 200px;
background: #e3e3e3;
}
html.old .browser-bar .browser-inner {
background: #e3e3e3 url(../images/update-your-browser.jpg) no-repeat;
width: 740px;
height: 200px;
margin: 0 auto;
position: relative;
}
html.old .browser-bar .browser-inner a {
display: block;
position: absolute;
top: 130px;
width: 170px;
height: 50px;
text-indent: -99999px;
}
html.old .browser-bar .browser-inner a.chrome {
left: 22px;
}
html.old .browser-bar .browser-inner a.firefox {
left: 216px;
}
html.old .browser-bar .browser-inner a.ie {
left: 410px;
}
html.old .browser-bar .browser-inner a.safari {
left: 576px;
}
html.old .wrapper {
position: relative;
top: 0px;
}
.cookie-bar {
display: none;
width: 100%;
background: #e3e3e3;
position: fixed;
left: 0;
bottom: 0;
right: 0;
z-index: 100;
}
.cookie-bar .cookie-inner {
font-size: 14px;
font-family: arial;
line-height: 1.4em;
padding: 18px 160px 18px 20px;
position: relative;
min-height: 6em;
}
.cookie-bar .cookie-inner p a, .cookie-bar .cookie-inner p a:visited {
white-space: nowrap;
color: #2980b9;
}
.cookie-bar .cookie-inner a.button, .cookie-bar .cookie-inner a.button:visited {
display: inline-block;
position: absolute;
top: 18px;
right: 20px;
padding: 0.8em 2em;
margin: 0;
color: #fff;
background: #2980b9;
-webkit-border-radius: 4px;
-ms-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
@media screen and (max-width: 500px) {
.cookie-bar .cookie-inner {
text-align: center;
padding-right: 20px;
}
.cookie-bar .cookie-inner p {
padding-bottom: 12px;
}
.cookie-bar .cookie-inner p a {
white-space: pre;
}
.cookie-bar .cookie-inner p a:before {
content: '\A';
}
.cookie-bar .cookie-inner p strong {
white-space: pre;
}
.cookie-bar .cookie-inner p strong:after {
content: '\A';
}
.cookie-bar .cookie-inner a.button {
position: static;
}
}