/* DOP/Avtalefront styles */ /* HTML selectors */
/* General attributes for body elements */
body {
font-family: verdana;
font-size: 11px !important;
color: #4C4C4C;
padding: 0px;
margin: 0px;
background: url(../images/body_background.jpg) repeat-x top;
}
#insurancePriceId{
float: right;
}
.productTfaPrice{
width: 335px;
}
.productTfaPrice p {
margin-left: 0;
font-size:14px;
margin-bottom: 0;
}
p.productTfaOnlyPrice {
margin-left: 0;
text-decoration: underline;
text-underline-offset: 5px;
margin-bottom: 1rem;
text-decoration-thickness: 2px;
}
#tfaPriceId {
float: right;
}
#tfaTextId {
text-decoration: none;
float: right;
}
.price-summary {
display: grid;
width: 500px;
float: right;
margin-right: 50px;
}
.header-row, .price-row {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 10px;
align-items: center;
}
.grid-header {
display: grid;
grid-template-columns: repeat(2, auto);
text-align: center;
}
.label-heading {
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #cc4444;
display: inline-block;
font-weight: bold;
}
.annual-heading {
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: grey;
display: inline-block;
}
.header {
font-weight: bold;
background-color: #f0f0f0;
padding: 10px;
text-align: center;
}
.header-row .header {
grid-column: span 2;
}
.price-row > :nth-child(2){
text-align: right;
}
.price-row > :nth-child(3) {
text-align: right;
justify-self: right;
}
.rebate-and-price {
text-align: right;
}
#toggleButton {
cursor: pointer;
border: 1px solid #ccc;
background: white;
width: 18px;
height: 18px;
}
.dropdown-search-container {
display: inline-block;
}
#offerOverviewFormUnion.dropdown-search-container.dropDownMenuLargeUnion {
padding-right: 0;
}
.dropdown-search-input {
margin-top: 4px;
margin-left: 3px;
box-sizing: border-box;
border: 1px solid #ccc;
width: 100%;
}
.dropdown-search-input.with-arrow {
background-image: url(../images/buttons/down-arrow.png);
background-repeat: no-repeat;
background-position: right 4px center;
background-size: 9px 7px;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
z-index: 1;
max-height: 200px;
overflow-y: auto;
border: 1px solid #ddd;
}
.dropdown-search-container .dropdown-item {
padding: 0;
cursor: pointer;
}
.dropdown-search-container .dropdown-item:hover {
background-color: grey;
color: white;
}
/*Unfortunately have to use important styling as the input tag is globally set with !important*/
#offerOverviewFormUnion input[type="text"].dropdown-search-input.with-arrow {
padding-right: 18px !important;
padding-left: 2px !important;
}
/* KVM */
.kvmSubmitButton{
font-size:12px;
color: white;
display: flex;
flex-direction: row;
align-items: center;
padding: 10px 40px;
gap: 10px;
background: #CE0303 ;
border-radius: 4px;
}
a.kvmCancelButton{
display: flex;
flex-direction: column;
align-items: flex-end;
margin-right:5px;
margin-top: 0px;
margin-bottom:1px;
color: black !important;
}
/* KVM ERROR */
.KVMWarningPopup{
text-align: center;
}
.KVMWarningPopup h1{
font-size: 16px;
font-weight: lighter;
}
.KVMWarningIcon{
font-size: 40px;
color: #d3d31b;
}
/* KVM ERROR END*/
/* KVM HARD NUDGE */
.KVMSliderNudgeContainer, .kvmSliderNudgeAcceptedContainer {
display: none;
background-color: #FFF5DC;
border: 2px solid #D57500;
text-align: center;
padding-top: 15px !important;
margin-top: 10px;
}
.KVMWarning {
background-color: #FFF5DC;
border: 2px solid #D57500;
text-align: center;
padding: 5px;
font-weight: bold;
}
.KVMHNTitle{
font-weight: bolder;
font-size: 16px;
}
.kvm-slider-label-container {
display: inline-flex;
grid-auto-flow: column;
align-items: center;
justify-items: center;
}
div>a.button.KVM-btn-accept#discountForm_accept{
margin-top: 15px;
background-color: #CE0303;
padding: 10px;
border-radius: 5px;
color: white !important;
font-weight: bold;
border: none;
}
div>a.button.KVM-btn-accept#discountForm_accept:hover{
background-color: #9C0202;
text-decoration: none;
}
.KVMHNButton{
display: flex;
justify-content: center;
align-items: center;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 10px;
border: none;
background-color: inherit;
}
.KVMHNButton:hover{
text-decoration-thickness: 1.5px;
text-decoration-color: red;
}
.KVMHNCompareText{
border-radius: 5px;
background-color: #DEF2FF;
border: 2px solid #81B5DE;
padding: 10px;
display: inline-block;
}
.kvmInfoIcon {
width: 17px;
}
.KVMHNSuggestNumeric{
margin-top: 20px;
margin-bottom: 20px;
font-size: 16px;
}
.KVMSliderDisplayValue {
/* Display-2 / Variant */
margin: 30px 0px;
text-align: center;
font-weight: 700;
font-size: 40px;
line-height: 55px;
/* or 138% */
}
.kvmButtonBar{
display: grid;
grid-auto-flow: column;
align-items: center;
justify-items: center;
}
.kvmNudgeButtonBar {
display: flex;
justify-content: center;
margin: 5px 0px;
}
.KVMSliderNudgeButton {
margin: 4px;
}#kvmSlider {
width: 600px;
}
.disableAcceptDiscount {
cursor: not-allowed;
opacity: 0.5;
pointer-events: none;
cursor: default;
text-decoration: none;
}
#KVMZeroLabel {
margin-left: 4px;
}
.slider-label {
display: flex;
flex-direction: column;
justify-content: space-between;
position: absolute;
margin-top: 16px;
margin-right: 0px;
width: 10px;
font-size: 9px;
}
.kvm-slider-label-container{
display: inline-flex;
grid-auto-flow: column;
align-items: center;
justify-items: center;
}
.sliderInput[type="range"] {
-webkit-appearance: none;
width: 100%;
height: 10px;
background: #ddd;
border-radius: 5px;
opacity: 0.7;
-webkit-transition: .2s;
transition: opacity .2s;
}
.sliderInput[type="range"]::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
border-radius: 50%;
width: 15px;
height: 15px;
background: black;
cursor: pointer;
}
.sliderInput[type="range"]::-moz-range-thumb {
width: 20px;
height: 20px;
background: #4caf50;
cursor: pointer;
}
/* KVM END*/
.notification-box {
position: absolute;
left: 40%;
opacity: 90%;
text-align: center;
border-radius: 4px;
box-shadow: 0 2px 4px rgba(0,0,0,.2);
}
.notification-box p {
color: #1d252d;
padding: 15px 5px 0 5px;
font-size: 13px;
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.notification-box {
opacity: 1;
display: block;
animation: fadeOut 5s ease-out forwards;
}
.notification-success {
background-color: #dfd;
}
.notification-error {
background-color: #f2dede;
}
li.winBackCheckbox{
margin-left: 14px;
}
.productDiscountImage {
margin-top: 0px;
}
.discount_list_container{
margin-top: 3em;
}
.discount_list_item_checkmark {
font-size: 1.2em;
}
.discount_list_item_crossmark {
font-size: 1.2em;
opacity: 0.4;
filter: alpha(opacity=55);
}
.discount_list_checkmark{
background-image: url(../images/slider/discount_list_check.png);
width: 24px;
height: 24px;
float: left;
margin-right: 0.5em;
}
.discount_list_crossmark{
background-image: url(../images/slider/discount_list_cross.png);
width: 24px;
height: 24px;
float: left;
margin-right: 0.5em;
}
/* General attributes for link elements when hovered */
a:link, a:hover, a:visited {
text-decoration: none;
color: #F20403;
}
/* General attributes for paragraph elements */
p {
margin-top: 0px;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 10px;
padding: 0px;
}
/* General attributes for image elements */
img {
border: none;
}
/* General attributes for div elements */
div {
padding-top: 0px;
padding-bottom: 5px;
padding-left: 1px !important;
// padding-right: 0px !important;
}
/* General ul elements */
ul {
list-style-type: none;
}
/* General list elements */
li {
margin-left: -40px;
list-style-type: none;
}
/* General input element */
input{
font-family: verdana;
font-size: 11px;
color: #4C4C4C;
}
/* General input element IE7+. */
*:first-child+html input{
margin-left: 5px;
}
/* text area */
textarea {
margin-right:10px;
}
/* Drop down menu */
select {
font-family: verdana;
font-size: 11px;
color: #4C4C4C;
border-width: 1px;
border-color: #dddddd;
border-style: solid;
background-color: white;
}
/* General label attributes related to a field */
label {
margin-top: 5px;
}
/* General table */
table {
border-collapse: collapse;
padding: 0px;
margin: 0px;
width: 100%;
}
/* General table header (column header) */
thead {
color:#A9A38D;
font-weight: bold;
text-align: left;
}
/* Table header */
th {
color: #FFFEFE;
background-color: #A9A38D;
/* background: url(../images/th_background.jpg) repeat bottom; */
text-align: left;
}
th a:link, th a:visited, th a:hover {
color: #FFFEFE;
}
/* General table row */
tr {
text-align: left;
}
tr a:link, tr a:visited, tr a:hover {
color: #FFFEFE;
text-decoration: none;
}
td a:link, td a:visited, td a:hover {
color: #F20403;
text-decoration: none;
}
/* General table data */
td {
color: #4C4C4C;
text-align: left;
}
/* General form element */
form {
margin: 0px;
padding: 0px;
}
/* General fieldset */
fieldset {
border: 1px solid #BEBEBE !important;
}
/* General fieldset legend */
legend {
font-weight:bold;
color: #4C4C4C;
width: auto !important;
max-width: 100%;
font-size: 11px !important;
}
/* End General attributes for body elements */
/******** LABELS. ********/
.labelNoFloat
{
float: none;
width: 140px;
margin: 0px;
margin-top: 2px;
}
.labelNoMargin {
float: left;
width: 90px;
padding: 0px;
margin-left: 2px;
margin-right: 3px;
}
/* smallmedium label */
label.smallmedium {
float: left;
text-align: left;
width: 90px;
margin-left: 10px;
margin-top: 5px;
}
/* Label attributes for medium ranged labels related to a field */
label.medium {
float: left;
text-align: left;
width: 160px;
margin-left: 10px;
margin-top: 2px;
}
/* xSmall label */
label.xSmall {
float: left;
text-align: left;
width: 41px;
margin-left: 5px;
margin-top: 5px;
}
/* small label */
label.small {
float: left;
text-align: left;
width: 80px;
margin-left: 10px;
margin-top: 5px;
}
label.mediumSmall {
float: left;
text-align: left;
width: 95px;
margin-left: 10px;
margin-top: 5px;
}
label.mediumLarge
{
float: left;
text-align: left;
width: 140px;
margin-left: 10px;
margin-top: 5px;
}
label.large {
float: left;
text-align: left;
width: 110px;
margin-left: 0px;
margin-top: 5px;
}
label.largeXlarge{
float: left;
text-align: left;
width: 182px;
margin-left: 5px;
margin-top: 3px;
}
label.xlargeLarge {
float: left;
text-align: left;
width: 220px;
margin-left: 5px;
margin-top: 3px;
}
label.xlarge {
float: left;
text-align: left;
width: 420px;
margin-left: 10px;
margin-top: 5px;
}
label.xxlarge {
float: left;
text-align: left;
width: 520px;
margin-left: 10px;
margin-top: 20px;
}
label.marginTop {
float: left;
text-align: left;
width: 110px;
margin-left: 10px;
margin-top: 12px !important;
}
label.xlargetab {
float: left;
text-align: left;
width: 200px;
margin-left: 30px;
margin-top: 3px;
}
label.largetab {
float: left;
text-align: left;
width: 182px;
margin-left: 30px;
margin-top: 3px;
}
label.smalltab {
float: left;
text-align: left;
width: 182px;
margin-left: 0px;
margin-top: 3px;
}
/****** END LABELS. ******/
/******* FIELDS ******/
.smallField {
text-align: left;
width: 50px;
margin-left: 5px;
margin-top: 0px;
}
.postalCodeField {
width: 50px;
margin-top: 0px;
margin-left: 0px;
}
.smallMediumField {
text-align: left;
width: 70px;
margin: 0px;
}
.mediumField {
text-align: left;
width: 90px;
margin-left: 0px;
margin-top: 0px;
}
.largeField {
text-align: left;
width: 110px;
margin-left: 0px;
margin-top: 0px;
}
.largeXLargeField {
text-align: left;
width: 150px;
margin-left: 2px;
margin-top: 0px;
}
.extraLargeField {
text-align: left;
width: 220px;
margin-left: 0px;
margin-top: 0px;
}
.calendarField {
float: left;
text-align: left;
width: 130px;
margin-left: 3px;
margin-top: 0px;
}
.calendarFieldMyOffers {
float: none;
text-align: left;
width: 125px;
margin-left: 0px;
margin-top: 0px;
}
.xlargeField {
text-align: left;
width: 300px;
margin: 0px;
padding: 0px;
float: left;
}
/******* FIELDS END ******/
/****** DROP DOWN MENUS. ******/
.dropDownMenu {
text-align: left;
width: 100px;
margin-left: 3px;
margin-top: 3px;
}
html>body .dropDownMenu {
margin-top: 1px;
}
.dropDownMenuVariant {
text-align: left;
width: 100px;
margin-left: 3px;
margin-top: 3px !important;
}
html>body .dropDownMenuVariant {
margin-top: -3px !important;
}
html>body .dropDownMenuVariant, x:-moz-any-link, x:default {
margin-top: 3px !important;
}
.dropDownMenuChanged {
text-align: left;
width: 100px;
margin-left: 3px;
margin-top: 0px;
margin-right: 0px;
float: left;
}
html>body .dropDownMenuChanged {
margin-right: 3px;
}
.dropDownMenuSmall {
text-align: left;
width: 85px;
margin-left: 15px;
margin-top: 2px;
}
.dropDownMenuMedium {
text-align: left;
width: 157px;
margin-left: 5px;
margin-top: 5px;
}
.dropDownMenuLarge {
text-align: left;
margin-left: 3px;
margin-top: 5px;
width: 200px;
}
.dropDownMenuXLarge {
text-align: left;
width: 250px;
margin-left: 5px;
margin-top: 5px;
}
.disabledOption {
color: #CCCCCC;
}
/****** DROP DOWN MENUS END ******/
/****** TABLES. ******/
/* Display table */
#srow thead {
display: none;
}
.displayTable {
width: 98%;
margin: 10px;
}
/* Table header */
.tableHeader {
color:#4C4C4C;
font-weight: bold;
margin: 5px;
width: 600px;
}
.headerClassXSmall {
width: 16px;
border-collapse: separate;
}
.headerClassSmall {
width: 40px;
border-collapse: separate;
}
.headerClassNull {
display: none;
border-collapse: separate;
}
.headerClassXMedium {
width: 60px;
border-collapse: separate;
}
.headerClassMedium {
width: 80px;
border-collapse: separate;
}
.headerClassLarge {
width: 120px;
border-collapse: separate;
}
.headerClassXLarge {
width: 160px;
border-collapse: separate;
}
.headerClassXXLarge {
width: 200px;
border-collapse: separate;
}
.headerClassXXXXLarge {
width: 242px;
border-collapse: separate;
}
.headerClassXXXLarge {
width: 40%;
border-collapse: separate;
}
.headerClassXXXXLarge {
width: 60%;
border-collapse: separate;
}
.headerClassSegment {
width: 120px;
border-collapse: separate;
color: #4c4c4c;
background-color:#FFFFFF;
font-size: 11px;
padding: 0px;
}
.headerClassXSmallSegment {
width: 16px;
border-collapse: separate;
background-color:#FFFFFF;
}
.needsAnalysisHeaderClassXSmall {
width: 2.2% !important;
}
.needsAnalysisHeaderClassSmall {
width: 2% !important;
}
.needsAnalysisHeaderClassMedium {
width: 11% !important;
}
.needsAnalysisHeaderClassLarge {
width: 23% !important;
}
table#multiObjectChangeVehicle, table#multiObjectNewVehicle {
width: 98%;
margin-left: 1%;
}
/* Alternating colors in table rows, odd ros */
tr.odd {
background-color:#FFFFFF;
text-align: left;
}
/* Alternating colors in table rows, even rows */
tr.even {
background-color:#F5F5EF;
text-align: left;
}
/*NEVER move those above tr.odd and tr.even!!!*/
tr.alternativeOdd {
background-color:#FFFFFF;
}
tr.alternativeEven {
background-color:#F5F5EF;
}
/* Display table paging and sorting text*/
.displayTagPageBanner {
margin-top: 5px;
text-align: center;
color: red;
}
/* Display table paging and sorting text*/
.displayTagPageLinks {
margin-top: 5px;
text-align: center;
}
.columnHeader {
font-weight: bold;
background-color:#315E73;
}
td.trashcan {
text-align: center;
}
td.numberFields {
text-align: right;
}
th.headerCenterAlign {
text-align: center;
}
td.tdlabel {
padding: 0px;
margin: 0px;
width: 110px;
text-align: left;
}
td.tdtext {
padding: 3px;
margin: 0px;
width: 80px;
text-align: left;
}
td.tdlabelsmall {
padding: 1px;
margin: 0px;
width: 90px;
text-align: left;
}
td.tdlabelicon {
padding: 0px;
margin: 0px;
width: 20px;
text-align: left;
}
td.tdtextsmall {
padding: 3px;
margin: 0px;
width: 60px;
text-align: left;
}
td.tdlabellarge {
padding: 0px;
margin: 0px;
width: 165px;
text-align: left;
}
td.tdlabelmedium {
padding: 3px;
margin: 0px;
width: 140px;
text-align: left;
}
.thHidden {
color: #A9A38D;
margin-left: 10px;
margin-top: 5px;
}
/******* END TABLES. ********/
/******* GENERAL CLASSES. **********/
span.right {
width: 80px;
float: right;
}
.left {
float: left;
}
.right {
float: right;
margin-right: 40px;
text-align: right;
}
.bold{
font-weight: bold;
}
.hidden {
display:none;
}
.hiddenDropDownMenu {
visibility: hidden;
}
.invisible {
visibility: hidden;
}
.invisibleHidden {
visibility: hidden;
display:none;
}
.indent{
padding-left: 40px;
}
.inputFocus {
background: #F4FEE7;
}
/* check box */
.checkbox {
background: #EEEEEE;
outline: none;
}
.link {
color: #F20403;
text-decoration: none;
}
.link:visited, .link:hover {
color: #F20403;
text-decoration: none;
}
.udfLink, .udfLink:visited, .udflink:hover {
color: #F20403 !important;
text-decoration: none !important;
padding-left: 0px !important;
padding-bottom: 5px;
}
.nitoLink, .nitoLink:visited, .nitoLink:hover {
color: #00734E !important;
text-decoration: none !important;
padding-left: 0px !important;
padding-bottom: 5px;
}
/* General class for all list headers */
div.listHeader, span.listHeader, label.listHeader, li.listHeader {
font-weight: bold;
width: 100%;
padding-bottom: 0px;
}
div.listText {
width: 100%;
padding-bottom: 0px;
margin-left: 38px;
}
li.listHeader {
font-weight: normal;
}
label.popUpTitle {
font-weight: bold;
width: 100%;
margin-left:2px;
padding-bottom: 10px;
padding-top: 10px;
}
label#popupTitleOwnerSearch {
width: 95%;
float: left;
}
.listHeader {
font-weight: bold;
}
.rightAlign {
text-align: right;
}
.rightFloat {
float: right !important;
}
.leftFloat {
float: left;
}
.leftFloatMargin {
float: left;
margin-left: 15px;
margin-top: -5px;
}
.noneFloat {
float: none;
}
.centerAlign {
text-align: center;
}
input.smallNumbers {
width: 60px;
text-align: right;
}
.inputSmall {
width: 30px;
}
.calendar {
cursor: pointer;
border: 1px solid red;
}
.wait {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 101;
}
.fadedBackground {
position: absolute;
top: 0px;
padding-top:1%;
padding-right:1.6%;
padding-bottom: 5%;
left: 0px;
width: 98%;
height:1%;
background-color: white;
filter:alpha(opacity=70);
opacity: 0.1;
z-index: 100;
visibility: hidden;
}
*:first-child+html .fadedBackground {
padding-top:1%;
opacity: 0.1;
}
* html .fadedBackground {
padding-top:1%;
opacity: 0.1;
}
html>body .fadedBackground {
position: absolute;
top: 0px;
padding-top: 2%;
padding-right:1.6%;
padding-bottom: 5%;
left: 0px;
width: 98%;
height:1%;
background-color: white;
filter:alpha(opacity=70);
opacity: 0.7;
z-index: 100;
-ms-transform: translateZ(0px);
}
.fadedBackgroundHide {
position: absolute;
top: 0;
padding-top:66%;
padding-right:1.6%;
padding-bottom: 5%;
left: 0px;
width:100%;
height:100%;
background-color: white;
filter:alpha(opacity=70);
opacity: 0.2;
z-index: 98;
display: none;
}
.fadedText {
color: lightgrey;
}
.visible {
position: absolute;
width: 450px;
top: 200px;
margin-left: 300px;
background-color: #E4E4CF;
border-color:#878756;
border-width:2px;
border-style:solid;
display:block;
z-index: 99;
}
.changedFieldIndicator {
border-style: solid;
border-width: 2px;
border-color: lightblue;
outline-width: 2px;
outline-color: lightblue;
outline-style: solid;
}
/******** GENERAL CLASSES END. **********/
/****** LOGOS, BANNERS AND MENUS ********/
/* application logo */
#applicationLogo {
width: 130px;
height: 33px;
top: 34px;
right: 0px;
position: absolute;
padding-top: 0px;
padding-right: 12px;
}
html>body #applicationLogo {
padding-right: 8px;
top: 24px;
}
#applicationLogoEnter {
width: 130px;
height: 33px;
top: 34px;
right: 0px;
position: absolute;
padding-top: 0px;
padding-right: 12px;
}
html>body #applicationLogoEnter {
padding-right: 8px;
top: 27px;
}
#applicationLogoMyOrders {
width: 130px;
height: 33px;
top: 34px;
right: 0px;
position: absolute;
padding-top: 0px;
padding-right: 12px;
}
html>body #applicationLogoMyOrders {
top: 30px;
}
#applicationLogoBoth {
width: 225px;
height: 33px;
top: 18px;
right: 0px;
position: absolute;
padding-top: 0px;
padding-right: 0px;
}
#applicationLogoBoth input[type="radio"] {
float: left;
margin-top: 15px;
}
#applicationLogoBoth #enterLogo, #applicationLogoBoth #trygLogo {
float: left;
}
#applicationLogoBoth #trygLogo {
margin-top: 5px;
}
#nitoLogoTable {
width: 130px;
height: 33px;
top: 34px;
right: 0px;
position: absolute;
padding-top: 0px;
padding-right: 12px;
}
/* Utility menu on top of application */
#utilityMenu {
padding: 10px;
left: 50%;
height: 30px;
width: 400px;
position: relative;
text-decoration: none;
z-index: 100;
}
#processMenu {
padding: 1px;
height: 20px;
width: 87%;
margin: 4px;
margin-bottom: 5px;
}
*:first-child+html #processMenu{
margin-top: 0px;
}
* html #processMenu{
margin-top: 0px;
}
html>body #processMenu {
padding: 1px;
height: 20px;
width: 87%;
margin: 0px;
margin-bottom: 5px;
margin-top: 30px;
}
.infoBanner
{
padding:3px;
margin: 6px;
padding-top: 0px;
padding-bottom: 0px;
height:20px;
font-size: 11px;
border: solid #D4D0C8 1px;
background: url(../images/infobanner_background.jpg) repeat top;
}
html>body .infoBanner {
padding-bottom: 2px;
padding-top: 2px;
}
.loginHelp a:link, .loginHelp a:hover, .loginHelp a:visited{
color: #F20403;
text-decoration: none;
}
.bannerItem {
border-width:0px !important;
color: #4C4C4C !important;
font-size: 11px !important;
font-weight: bold !important;
margin-left: 2px !important;
width: 110px;
background-color: transparent !important;
float: left !important;
}
.bannerItemSmall {
width: 45px !important;
}
.bannerItemMediumSmall {
width: 90px !important;
}
.bannerItemMedium {
width: 100px !important;
}
.bannerItemLarge
{
width: 170px !important;
}
.bannerItemXLarge
{
width: 200px !important;
}
.titleBanner {
text-align: left;
margin-left: 5px;
padding: 12px;
margin-top: 27px;
width: 81%;
height:10px;
display: block;
color: #FFFFFF;
font-size: 14px;
font-weight: bold;
line-height: 5px;
background-color: #F20403;
filter: Alpha(Opacity = 100, FinishOpacity = 0, Style = 1, StartX = 0,
StartY =
0, FinishX = 90, FinishY = 0)
}
.titleBannerBackOfficeTaskList {
text-align: left;
margin-left: 5px;
padding: 12px;
margin-top: 27px;
width: 900px;
height:10px;
display: block;
color: #FFFFFF;
font-size: 14px;
font-weight: bold;
line-height: 5px;
background-color: #F20403;
filter: Alpha(Opacity = 100, FinishOpacity = 0, Style = 1, StartX = 0,
StartY =
0, FinishX = 90, FinishY = 0)
}
.titleBannerLogin {
position: absolute;
text-align: left;
left: 5px;
padding: 8px;
top: 31px;
width: 83%;
height:10px;
display: block;
color: #FFFFFF;
font-size: 14px;
font-weight: bold;
background-color: #F20403;
filter: Alpha(Opacity = 100, FinishOpacity = 0, Style = 1, StartX = 0,
StartY =
0, FinishX = 90, FinishY = 0)
}
.titleBannerLoginCardealer{
position: absolute;
text-align: left;
left: 5px;
padding: 8px;
top: 38px;
width: 83%;
height:10px;
display: block;
color: #FFFFFF;
font-size: 14px;
font-weight: bold;
background-color: #888888;
filter: Alpha(Opacity = 100, FinishOpacity = 0, Style = 1, StartX = 0,
StartY =
0, FinishX = 90, FinishY = 0);
}
.titleBannerProductTip {
margin-top: 0px;
margin-left: 0px;
width: 97.5%;
filter: none;
font-size: 13px;
padding-top: 0px;
}
*:first-child+html .titleBannerProductTip {
padding-bottom: 0px;
}
* html .titleBannerProductTip {
padding-bottom: 0px;
}
html>body .titleBannerProductTip {
padding-bottom: 15px;
width: 96.5%;
}
.flagBanner {
display: block;
color: #F20403;
padding:3px;
margin:6px;
position: relative;
border: 1px solid red;
width: 99%;
float: left;
}
.referralBanner {
display: block;
color: #F20403;
padding:3px;
margin:6px;
position: relative;
border: 1px solid red;
width: 97%;
}
.flagBannerLogin {
display: block;
color: #F20403;
padding:3px;
margin:6px;
position: relative;
border: 1px solid red;
margin-top: 75px;
}
.flagBannerInfo {
display: block;
color: #F20403;
padding: 3px !important;
margin: 9px 6px !important;
position: relative;
border: 1px solid #0099FF;
}
.flagBannerInfoPopup {
margin-left: 1px;
margin-top: 15px;
margin-right: 1px;
}
.flagBannerPopup {
margin-left: 1px;
margin-top: 15px;
margin-right: 1px;
}
.infoText {
color: #0099FF;
}
.groupFields {
display: block;
padding:2px;
margin:5px;
border: 1px solid #999999;
width: 96%;
}
/* Utility menu item */
.utilityMenuItem {
color: #F20403;
text-decoration: none;
}
/* Utility menu separator */
.utilityMenuSeparator{
color: #F20403;
text-decoration: none;
}
/* Utility menu separator mouse over */
a.utilityMenuSeparator:hover {
color: #F20403;
text-decoration: none;
}
/* Tools menu item */
.menu ul ul li a.toolsMenuItem,.menuBackoffice ul ul li a.toolsMenuItem, .menuBackofficeTaskOffice ul ul li a.toolsMenuItem{
color: #FFFFFF;
text-decoration: none;
}
/* Tools menu item that is not available to the user */
.menu ul ul li a.toolsMenuItemDisabled,.menuBackoffice ul ul li a.toolsMenuItemDisabled, .menuBackofficeTaskOffice ul ul li a.toolsMenuItemDisabled {
color: #FF5555;
text-decoration: none;
}
/* Info banner item including label and field */
.infoBannerItem{
padding:0px;
margin-left: 0px;
float: left;
}
/* Info banner field */
.infoBannerField{
font-weight: bold;
float: left;
}
.infoBannerBankField {
font-weight: bold;
float: left;
padding: 0px;
margin-top: -2px;
}
/* Info banner label */
.infoBannerLabel{
width: 95px;
padding-left: 5px;
margin: 0px;
float: left;
}
*:first-child+html .infoBannerLabel {
display: inline-block;
}
* html .infoBannerLabel {
display: inline-block;
}
html>body .infoBannerLabel {
display: inline;
}
/* Info banner label small */
.infoBannerLabelSmall{
width: 55px;
display: inline-block;
padding-left: 2px;
margin: 0px;
float: left;
}
.infoBannerLabelMedium {
width: 90px;
display: inline-block;
padding-left: 2px;
margin: 0px;
float: left;
}
/* Process menu item */
.processMenuItem, .processMenuItem:link, .processMenuItem:visited{
color: #FFFFFF;
text-align: center;
font-size:12px;
display: -moz-inline-box;
display: inline-block;
width: 170px;
padding-top: 2px;
height: 20px;
margin-right: 0px;
background-repeat: no-repeat;
font-weight: bold;
}
.processMenuItem:hover,
.processMenuItem:active,
.processMenuItem:focus
{
text-decoration: underline;
color: lightyellow;
}
/* Different style for process menu item selected */
.processMenuItemSelected, .processMenuItemSelected:link, .processMenuItemSelected:visited{
color: #FFFFFF;
text-decoration: none;
text-align:center;
font-size:12px;
display: -moz-inline-box;
display: inline-block;
width: 170px;
padding-top: 2px;
height: 20px;
margin-right: 0px;
background-repeat: no-repeat;
font-weight: bold;
}
.processMenuItemSelected:hover {
color: #FFFFFF;
}
.processMenuItemSelected:hover,
.processMenuItemSelected:active,
.processMenuItemSelected:focus
{
text-decoration: underline;
color: lightyellow;
}
/* Different style for process menu item inactive */
.processMenuItemInactive, .processMenuItemInactive:visited {
color: #999999;
text-decoration: none;
text-align:center;
font-size:12px;
display: -moz-inline-box;
display: inline-block;
width: 170px;
padding-top: 2px;
height: 20px;
margin-right: 0px;
background-repeat: no-repeat;
font-weight: bold;
}
.processMenuNeedsOverview {
position:absolute;
left: 170px;
top: 40px;
width: 170px;
}
.processMenuDiv {
position:absolute;
top: 40px;
width: 170px;
}
.processMenuOfferOverview {
left: 340px;
}
.processMenuCustomer {
left: 0px;
}
.processMenuAdditionalInfo {
left: 510px;
}
.processMenuSummary {
left: 680px;
}
/****** LOGOS, BANNERS AND MENUS END ********/
/****** ERROR PRESENTATION ********/
.errorMessagePopup {
display: block;
color: #F20403;
padding:6px;
margin:6px;
margin-top: 0px;
position: relative;
border: 1px solid red;
}
.errorMessage {
margin-left: 20px;
color: red;
}
/* General error page styles */
#generalErrorPage {
margin-left:20%;
margin-right:20%;
margin-top:10%;
}
#generalErrorMessage {
float: left;
}
#generalErrorMessageGraphic {
float: left;
}
#generalErrorMessageText {
position: absolute;
margin-top: 40px;
margin-left: 20px;
width:600px;
}
#optimisticLockMessageText {
position: absolute;
margin-top: 30px;
margin-left: 20px;
width:600px;
}
#stackTrace {
padding:20px;
position: absolute;
border: solid 1px lightgrey;
top:290px;
left:12%;
}
#productionStackTrace {
padding:10px;
position: absolute;
border: solid 1px lightgrey;
top:290px;
left:35%;
}
.messageDetails {
width: auto;
margin-left: 6%;
margin-right: 6%;
background-color: #F2F2F2;
border-color:#6E5541;
color: #4C4C4C;
padding: 10px;
margin-top: 5px;
}
.toggleLink:hover {
cursor: pointer;
color: #0174DF;
}
.warning {
color: red;
border: 0px;
background-color: transparent;
font-size: 11px;
width: 400px;
}
*:first-child+html .warning {
margin-top: 7px;
}
#errorMessageManualLookup {
margin-left: 1px;
}
/****** ERROR PRESENTATION END ********/
/********** BEGIN LOGIN ************************/
.login {
position: relative;
width: 280px;
top: 160px;
margin-left: 35%;
}
.login div {
padding-top: 5px;
}
.changePasswordDiv {
position: relative;
width: 280px;
top: 160px;
margin-left: 35%;
}
.changePasswordDivError {
position: relative;
width: 280px;
top: 160px;
margin-left: 35%;
}
#loginBank {
position: relative;
width: 350px;
top: 90px;
margin-left: 35%;
}
.loginHelp{
margin-left: 5px;
margin-top: 5px;
}
.loginButtonBar {
text-align: left;
float:right;
position: relative;
margin-right: 15px;
margin-bottom: 10px;
}
#loginButton, #loginButtonDisabled, #changePasswordStyleId, #changePasswordStyleIdDisabled {
position: relative;
left: 168px;
}
.loginButtonBarBank {
text-align: left;
float:left;
position: relative;
margin-left: 5px;
margin-bottom: 5px;
width: 100%;
}
.loginButtonMargin {
margin-right: 10px;
}
.loginFieldset {
width: 270px;
padding: 10px;
}
.changePasswordBarBank {
text-align: left;
float:right;
position: relative;
margin:0px;
margin-right: 49px;
margin-top: 3px;
margin-bottom: 10px;
width: 90px;
}
/********** END LOGIN ************************/
/********** CHOOSE DOPA ROLE *******************/
#chooseDopaRoleDiv {
position: relative;
width: auto;
top: 160px;
margin-left: 25%;
}
.chooseDopaRoleLabel {
width: 99%;
margin-top: 10px;
}
/********** END DOPA ROLE *********************/
/********** CUSTOMER ************************/
.customer {
width: 450px;
margin-top: 20px;
margin-left: 30%;
padding: 10px;
}
.customer div {
padding-top: 5px !important;
}
.dropDownMenuMediumLeft {
text-align: left;
width: 157px;
margin-top: 5px;
margin-left: -1px;
}
.rightMarginText {
margin-right: 3px;
}
.extraLargeFieldCustomer {
text-align: left;
width: 220px;
margin-left: 0px;
margin-top: 0px;
margin-right: 3px;
}
/********** END CUSTOMER ************************/
/******** NEEDS OVERVIEW. ********/
/* Left menu on needs overview page */
#needsOverview_leftMenu{
float: left;
margin-top: 0px;
margin-left: 3px;
margin-right: 3px;
padding-top: 6px;
width: 200px;
}
/* A div to place the dialog products to the left menu */
#productsMenu {
border-style:solid;
border-width: 1px;
border-color: #D3D3D3;
float: left;
margin-top: 0px;
padding-right: 6px;
padding-left: 6px;
width: 190px;
min-width: 190px;
}
/* NACE info in left menu on needs overview page */
#needsOverview_naceInfo{
border-style: solid;
border-width: 1px;
border-color: #D3D3D3;
float: left;
height:100px;
margin-top: 5px;
margin-right: 0px;
padding-right: 6px;
padding-left: 6px;
width: 190px;
}
/* Segment info in left menu on needs overview page */
#needsOverview_segmentInfo{
border-style: solid;
border-width: 1px;
border-color: #D3D3D3;
float: left;
margin-top: 5px;
margin-right: 0px;
padding-right: 6px;
padding-left: 6px;
width: 190px;
}
#needsOverview_naceDescription{
background-color: white;
background: url(../images/body_background.jpg) repeat-x top;
z-index: 100;
top:400px;
left:200px;
padding: 10px;
width: 400px;
border: solid 1px #D3D3D3;
position:absolute;
}
#needsOverview_naceDescriptionText{
margin-top:10px;
border: solid 1px #eeeeee;
height: 200px;
overflow: auto;
padding: 5px;
}
#needsOverviewRightBox {
position: absolute;
left: 210px;
margin-left: 6px;
padding: 13px;
margin-right: 6px;
width: 78%;
}
html>body #needsOverviewRightBox {
position: relative;
left: 0px;
margin-top: 6px;
float: left;
padding: 0px;
margin-left: 7px;
}
#totalNeeds {
border: 1px solid #D3D3D3;
padding: 0px;
}
*:first-child+html #totalNeeds{
margin-top: 6px;
}
* html #totalNeeds{
margin-top: 6px;
}
html>body #totalNeeds {
border: 1px solid #D3D3D3;
padding: 0px;
padding-bottom: 5px;
float: left;
}
#totalNeeds .checkbox {
margin-bottom: 1.4rem !important;
}
#totalNeeds .webOrderedNeed {
padding-right: 1.4rem;
}
#needsTable {
margin-bottom: 0px;
}
.rightMedium {
width: 150px;
float: right;
}
.noticeLink {
color: #F20403;
cursor:pointer;
}
/* Products menu item including icon and text */
.productsMenuItem {
padding: 6px;
}
.productsMenuItem a {
text-decoration: none;
color: #4C4C4C;
}
.productsMenuItem {
text-decoration: none;
}
.productsMenuItem:focus {
border:solid 3px #FF0000;
}
/* A products text */
.productsMenuItemText, .productsMenuItemText:visited, a.productsMenuItemText {
margin-bottom:4px;
color: #4C4C4C;
text-decoration: none;
font-weight:normal;
height: 20px;
}
.productsMenuItemText:hover {
color: #4C4C4C;
text-decoration: none;
font-weight:bold;
height: 20px;
margin-bottom:4px;
}
/* A products Icon */
.productsMenuItemIcon {
text-decoration: none;
}
.productsMenuItemIcon:hover {
text-decoration: none;
}
/******** END NEEDS OVERVIEW. ********/
/******* NEEDS ANALYSIS *********/
.needsAnalysisPopup {
position: absolute;
width: 550px;
top: 95px;
padding: 0px;
margin: 0px;
left: 200px;
background-color: #FFFFFF;
border-color:#6E5541;
border-width:1px;
border-style:solid;
z-index: 99;
display: none;
}
*:first-child+html .needsAnalysisPopup {
width: 500px;
}
* html .needsAnalysisPopup {
width: 500px;
}
html>body .needsAnalysisPopup {
width: 545px;
}
.needsAnalysisPopupCorporate {
position: absolute;
width: 550px;
top: 95px;
padding: 0px;
margin: 0px;
left: 200px;
background-color: #FFFFFF;
border-color:#6E5541;
border-width:1px;
border-style:solid;
z-index: 99;
display: none;
}
*:first-child+html .needsAnalysisPopupCorporate {
width: 525px;
}
* html .needsAnalysisPopupCorporate {
width: 525px;
}
html>body .needsAnalysisPopupCorporate {
width: 514px;
}
.needsAnalysisProductUl{
width:91%;
list-style:none;
float: left;
margin: 0px;
padding: 0px;
}
*:first-child+html .needsAnalysisProductUl {
margin-left: 0px;
}
html>body .needsAnalysisProductUl {
margin-left: 20px;
}
*:first-child+html .needsAnalysisDiv{
width: 430px;
padding-right: 0px;
}
* html .needsAnalysisDiv{
width: 430px;
padding-right: 0px;
}
html>body .needsAnalysisDiv{
width: 446px;
padding-right: 20px;
}
html>body .needsAnalysisDiv,x:-moz-any-link,x:default {
width: 401px;
padding-right: 20px;
}
*:first-child+html .needsAnalysisEvaluationDiv{
width: 425px;
padding-right: 20px;
}
* html .needsAnalysisEvaluationDiv{
width: 425px;
padding-right: 20px;
}
html>body .needsAnalysisEvaluationDiv{
width: 416px;
padding-right: 20px;
}
#needsAnalysisPopup .listHeader {
margin-left: 2px;
}
.elDocCheckBox > div.offerOverviewDiv {
width: 120px;
}
.elDocInput > div.offerOverviewDiv {
width: 260px;
}
.offerOverviewDiv {
padding-top: 1px;
margin-top: 1px;
width: 100%;
}
#groupProductPrice .col-md-9 {
width: 69.4% !important;
}
.needsAnalysisDivProduct{
text-align: left;
padding-top: 1px;
margin-top: 1px;
}
*:first-child+html .needsAnalysisDivProduct {
width: 480px;
}
* html .needsAnalysisDivProduct {
width: 480px;
}
html>body .needsAnalysisDivProduct {
width: auto;
}
html>body .needsAnalysisDivProduct, x:-moz-any-link {
width: 496px;
}
.calendarDivProduct {
margin-top: 1px;
}
*:first-child+html .needsAnalysisUl {
margin-left: 17px;
}
* html .needsAnalysisUl {
margin-left: 17px;
}
html>body .needsAnalysisUl {
margin-left: -17px;
}
.needsAnalysisStartObjectUl{
border: 1px solid red;
float: left;
margin-bottom: 10px;
margin-left: 0px;
padding-left: 0px;
}
*:first-child+html .needsAnalysisStartObjectUl {
padding-bottom: 5px;
}
* html .needsAnalysisStartObjectUl {
padding-bottom: 5px;
}
html>body .needsAnalysisStartObjectUl{
padding-bottom: 5px;
}
.needsAnalysisVehicleObjectUl{
border: 1px solid orange;
float: left;
margin-bottom: 10px;
margin-left: 0px;
padding: 0px;
padding-bottom: 10px;
width: 100%;
}
.needsAnalysisChildrenObjectUl {
border: 1px solid red;
float: left;
margin-bottom: 10px;
margin-left: 0px;
padding: 0px;
padding-bottom: 10px;
}
.needsAnalysisRedUl {
border: 1px solid red;
float: left;
margin-bottom: 10px;
margin-left: 0px;
padding: 0px;
padding-bottom: 10px;
width: 100%;
}
.needsAnalysisHomeObjectUl{
float: left;
margin-bottom: 10px;
margin-left: 0px;
padding: 0px;
border: 1px solid green;
width: 100%;
}
*:first-child+html .needsAnalysisHomeObjectUl {
float: left;
margin-bottom: 10px;
margin-left: 0px;
padding: 0px;
border: 1px solid green;
padding-bottom: 0px;
}
* html .needsAnalysisHomeObjectUl {
padding-bottom: 0px;
}
html>body .needsAnalysisHomeObjectUl{
padding-bottom: 0px;
margin-right: 0px;
padding-right: 0px;
}
.needsAnalysisYellowObjectUl {
border: 1px solid yellow;
float: left;
margin-bottom: 10px;
margin-left: 0px;
padding: 0px;
padding-bottom: 10px;
width: 100%;
}
.needsAnalysisGreyObjectUl{
border: 1px solid #000066;
float: left;
margin-bottom: 10px;
margin-left: 0px;
padding: 0px;
padding-bottom: 10px;
}
*:first-child+html .needsAnalysisGreyObjectUl {
padding-bottom: 30px;
}
.needsAnalysisNLPrivateObjectUl {
border: 1px solid #BD8636;
float: left;
margin-bottom: 10px;
padding: 0px;
margin-right: 10px;
padding-bottom: 10px;
width: 100%;
}
.needsAnalysisYoungObjectUl{
border: 1px solid #DDDDDD;
float: left;
margin-bottom: 10px;
margin-left: 0px;
padding: 0px;
padding-bottom: 10px;
width: 100%;
}
.needsAnalysisNordeaUl {
border: 1px solid #005284;
float: left;
margin-bottom: 10px;
margin-left: 0px;
padding: 0px;
padding-bottom: 10px;
width: 100%;
}
.needsAnalysisYoungNordeaObjectUl {
border: 1px solid #005284;
float: left;
margin-bottom: 10px;
margin-left: 0px;
padding: 0px;
padding-bottom: 10px;
width: 100%;
}
.needsAnalysisNitoUl {
border: 1px solid #00734E;
float: left;
margin-bottom: 10px;
margin-left: 0px;
padding: 0px;
padding-bottom: 10px;
width: 100%;
border-radius: 5px;
}
.needsAnalysisNoProductObjectUl{
border: 1px solid #000066;
float: left;
margin-bottom: 10px;
padding: 0px;
padding-bottom: 10px;
width: 100%;
}
.needsAnalysisLabelDiv{
width: 340px;
float: left;
margin: 0px;
border: 0px;
margin-left: 10px;
}
*:first-child+html .needsAnalysisLabelDiv {
width: 340px;
}
.needsAnalysisYoungNordeaObjectUl > li > div > div.needsAnalysisLabelDiv {
width: 250px;
float: left;
margin: 0px;
border: 0px;
margin-left: 10px;
}
.needsAnalysisYoungLabelDiv {
width: 200px;
float: left;
margin: 0px;
border: 0px;
margin-left: 10px;
}
html>body .needsAnalysisYoungLabelDiv {
width: 185px;
}
.needsAnalysisSmallLabel{
width: 20px;
}
/********** NEEDS ANALYSIS END *********/
/******* COMPARECUSTOMER *********/
.compareCustomerPopup {
position: absolute;
width: 550px;
top: 95px;
padding: 0px;
margin: 0px;
left: 200px;
background-color: #FFFFFF;
border-color:#6E5541;
border-width:1px;
border-style:solid;
z-index: 99;
display: none;
}
*:first-child+html .compareCustomerPopup {
width: 500px;
}
* html .compareCustomerPopup {
width: 500px;
}
html>body .compareCustomerPopup {
width: 510px;
}
/********** COMPARECUSTOMER END *********/
/******** OFFER OVERVIEW. ********/
.priceAndOffer .noPaddingOrMargin label {
height: 15px;
}
.priceAndOffer .noPaddingOrMargin div {
padding-bottom: 0px;
padding-top: 0px;
}
.priceAndOfferDisplayTable {
margin-top: 0px;
padding-top: 0px;
float: left;
margin-left: 4px;
margin-right: 4px;
}
.priceAndOfferNoMargin {
margin-top: 0px;
padding-top: 0px;
}
div.priceAndOfferLeftTopChange > label.mediumLabel {
margin-top: 5px;
}
div.priceAndOfferRightTop > label.mediumLabel {
margin-top: 5px;
}
div.priceAndOffer > div.noPaddingOrMargin {
margin: 0px;
padding: 0px;
}
html>body div.priceAndOffer > div.noPaddingOrMargin {
margin: 0px;
padding: 0px;
margin-top: 0px;
}
.priceAndOfferTextFieldDiv {
padding: 0px;
margin: 0px;
margin-left: 1px;
margin-right: 2px;
}
html>body .priceAndOfferTextFieldDiv {
margin-left: 3px;
}
.dropDownMenuMediumLarge {
text-align: left;
width: 170px;
margin-left: 5px;
margin-top: 5px;
}
.labelAlignedWithDropdown {
padding-left: 0px !important;
}
.priceAndOffer .right{
float: right;
right: 6%;
text-align: right;
}
.rightAlignChangeIcon {
margin-right: -5px;
margin-top: 5px;
float: right;
width: 10px;
padding-top: 5px;
}
.changeIconNace {
float: left;
margin-left: 3px;
margin-top: 0px;
}
html>body .changeIconNace {
float: left;
margin-left: 60px;
margin-top: 0px;
}
html>body .changeIconNace, x:-moz-any-link {
margin-left: 25px;
}
.changeIconDown {
margin-bottom: -3px;
}
.changeIconDownRight {
float: right;
margin-right: -5px;
margin-top: 12px;
}
html>body .changeIconDownRight {
float: right;
margin-right: 10%;
margin-top: 0px;
}
.changeIconDownRightTop {
float: left;
margin-top: 0px;
}
.rightSmall {
width: 80px;
float: left;
margin-left: 20%;
}
*:first-child+html .rightSmall {
margin-top: -5px;
}
* html .rightSmall {
margin-top: -5px;
}
html>body .rightSmall,x:-moz-any-link {
width: 70px;
}
.rightXSmall {
width: 80px;
float: left;
margin-left: 15%;
}
.centerSmall {
margin-top: -3px;
float: left;
text-align: right;
width: 33%;
}
*:first-child+html .centerSmall {
margin-right: 0px;
}
html>body .centerSmall {
margin-right: -20px;
}
.priceAndOffer {
padding: 5px;
padding-right: 0px;
padding-top: 0px;
margin-top: 0px;
margin-left: 5px;
margin-right: 5px;
}
.priceAndOfferLeftAggregate {
float: left;
width: 60%;
padding-top: 0px;
}
*:first-child+html .priceAndOfferLeftAggregate {
margin-left: 5px;
padding: 0px;
margin-top: 0px;
}
* html .priceAndOfferLeftAggregate {
margin-left: 5px;
padding: 0px;
margin-top: 0px;
}
html>body .priceAndOfferLeftAggregate {
float: left;
width: 60%;
margin-left: 6px;
margin-top: 0px;
}
.priceAndOfferLeftTop {
float: left;
width: 45%;
padding-top: 0px;
padding-bottom: 0px;
}
.priceAndOfferLeftTopChange {
width: 52%;
}
.priceAndOfferRightTop {
float: right;
width: 54%;
padding-top: 0px;
padding-bottom: 0px;
}
.priceAndOfferLabelDivTextField {
float:left;
width:110px;
padding-top: 2px;
}
html>body .priceAndOfferLabelDivTextField {
padding-top: 0px;
}
.priceAndOfferLabelDivDropDown {
float:left;
width:110px;
padding-top: 5px;
}
html>body .priceAndOfferLabelDivDropDown {
padding-top: 0px;
}
.priceAndOfferUnionLabelDiv {
float:left;
width:135px;
margin-top:0px;
padding-top: 2px;
padding-bottom: 0px;
}
.priceAndOfferLabelDivOther {
float:left;
width:110px;
margin-top:0px;
}
#priceAndOfferStreetAddressLi {
margin-top: 8px;
padding-bottom: 0px;
}
html>body #priceAndOfferStreetAddressLi {
margin-top: 6px;
}
/*#offerOverviewFormAgreementStreetAddressId {
// margin-left: 3px;
// width: 108px;
//} */
#offerOverviewFormConcept {
margin-left: 0px;
}
#priceAndOfferUnion {
margin-top: 0px;
}
#priceAndOfferNaceDiv {
float:left;
width:45%;
margin-top:0px;
padding-bottom:0px;
}
#priceAndOfferPostalCodeLabelDiv {
float: left;
width: 115px;
padding-top: 4px;
}
#priceAndOfferPostalCodeDiv {
float:left;
width:180px;
padding-top:2px;
}
#priceAndOfferMainConceptDiv {
float: left;
width: 180px;
padding-top: 0px;
padding-bottom: 0px;
}
html>body #priceAndOfferMainConceptDiv {
margin-top: -6px;
}
#priceAndOfferAgreementIdDiv {
float: left;
width: 55%;
padding-top: 0px;
padding-bottom: 5px;
margin-top: 2px;
}
html>body #priceAndOfferAgreementIdDiv {
margin-top: 0px;
padding-bottom: 23px;
}
html>body #priceAndOfferAgreementIdDiv, x:-moz-any-link, x:default {
margin-top: 0px;
padding-bottom: 5px;
}
#priceAndOfferMainUnionDiv {
float: left;
width: 205px;
padding-top: 0px;
padding-bottom: 0px;
}
#priceAndOfferConceptDiv {
float:left;
width: 180px;
padding-top: 0px;
padding-bottom: 0px;
}
#priceAndOfferUnionDiv {
float:left;
width:205px;
padding-top: 0px;
padding-bottom: 0px;
}
.priceAndOfferChangeIconDiv {
float:left;
width:6%;
margin-top: 4px;
padding-top: 0px;
margin-left: 2px;
}
html>body .priceAndOfferChangeIconDiv {
float: right;
}
html>body .priceAndOfferChangeIconDiv, x:-moz-any-link, x:default {
float: left;
}
#priceAndOfferChangeIconDivNace {
float:left;
width:10%;
margin-top:0px;
}
#priceAndOfferChangeIconPostalCode {
float:left;
width:10%;
}
#lastResponsibleSeller{
float: left;
margin-left: 5px;
margin-bottom: 0px;
margin-top: 4px;
padding-bottom: 0px;
padding-top:0px;
width: 100%;
}
#offerOverviewNACE {
padding-bottom: 0px;
margin-top: 0px;
}
.priceAndOffer #customerGrossPremiumLi {
margin-top: 6px;
}
#offerOverviewFormCustomerGrossPremium {
margin-top: 3px;
}
.priceAndOfferRightAggregate {
float: right;
width: 37%;
padding-top: 0px;
}
*:first-child+html .priceAndOfferRightAggregate {
padding: 0px;
margin-top: 0px;
}
* html .priceAndOfferRightAggregate {
padding-bottom: 0px;
padding-top: 0px;
}
html>body .priceAndOfferRightAggregate {
padding-bottom: 0px;
padding-top: 0px;
}
#priceAndOfferRightAggregateMiddle {
padding-top: 5px;
}
.priceAndOfferRight {
float: right;
width: 39%;
}
*:first-child+html .priceAndOfferRight {
margin-right: 0px;
}
* html .priceAndOfferRight {
margin-right: 0px;
}
html>body .priceAndOfferRight {
margin-right: 0px;
width: 39%;
margin-top: -3px;
}
.priceAndOfferCenter {
float: left;
width: 33%;
margin-left: 1px;
margin-top: -3px;
}
html>body .priceAndOfferCenter {
width: 34%;
margin-top: 5px;
}
html>body .priceAndOfferCenterChildDiv {
width: 90%;
float: left;
margin-top: -8px;
}
.priceAndOfferLeft {
float: left;
width: 25%;
margin-left: 10px;
}
.priceAndOfferCheckbox {
width: 150px;
margin-left: 14%;
float: left;
}
.priceAndOfferCheckboxNL {
width: 150px;
/* float: left; */
margin-left: 85%;
}
#priceAndOfferConsentElDoc {
float: left;
width: 70%;
}
.priceAndOfferFieldset {
margin-right: 15px;
float: left;
width:95%;
}
#offerOverviewFormLastUpdated{
margin-left: 5px;
}
#offerOverviewFormPerformAddressUpdate{
padding-top: 1px;
}
#offerOverviewConcept {
margin-top: 0px;
padding-bottom: 0px;
padding-top: 0px;
margin-bottom: 10px;
}
html>body #offerOverviewConcept {
margin-bottom: 0px;
}
#offerOverviewAgreementId {
padding-bottom: 5px;
margin-top: 0px;
margin-bottom: 10px;
}
html>body #offerOverviewAgreementId {
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;
}
#offerOverviewUnion {
margin-top: 0px;
}
html>body #offerOverviewUnion {
padding-bottom: 0px;
padding-top: 0px;
margin-top: 0px;
margin-left: -40px;
}
.changeCustomerDiv {
float: left;
margin-left: 0px;
margin-top: 0px;
margin-left: 0px;
}
/* Offer overview css */
.priceAndOffer .smallLabel {
float: left;
text-align: left;
width: 87px;
margin-left: 0px;
margin-top: 5px;
}
.priceAndOffer .mediumLabel {
float: left;
text-align: left;
width: 110px;
margin-left: 0px;
margin-top: 2px;
}
.priceAndOffer .mediumLargeLabel {
float: left;
text-align: left;
width: 112px;
margin-left: 0px;
margin-top: 2px;
}
html>body .priceAndOffer .mediumLargeLabel {
width: 115px;
}
.priceAndOfferLi {
margin-top: 5px;
padding-bottom: 5px;
width: 100%;
height: 21px;
}
*:first-child+html .priceAndOfferLi {
margin-left: -30px;
}
* html .priceAndOfferLi {
margin-left: -40px;
}
html>body .priceAndOfferLi {
margin-left: -40px;
float: left;
}
.postalCodeLi {
margin-top: 38px;
padding-bottom: 5px;
}
*:first-child+html .postalCodeLi {
margin-left: -40px;
}
* html .postalCodeLi {
margin-left: -40px;
}
html>body .postalCodeLi {
margin-left: -30px;
}
.priceAndOfferPostalCode {
width: 330px;
padding-bottom: 0px;
margin-top: 0px;
}
.priceAndOfferRadio {
margin-left: -40px;
margin-top: 5px;
float: left;
width:70%;
height: 15px;
padding-top: 7px;
padding-bottom: 1px;
}
*:first-child+html .priceAndOfferPostalCode {
margin-left: -20px;
margin-top: 0px;
float: left;
}
* html .priceAndOfferPostalCode {
margin-left: -20px;
margin-top: 0px;
float: left;
}
html>body .priceAndOfferPostalCode {
margin-left: -109px;
margin-top: 20px;
float: left;
width: 350px;
}
.priceAndOffer .largeLabel {
float: left;
text-align: left;
width: 135px;
margin-left: 2px;
margin-top: 6px;
}
.priceAndOffer .xlargeLabel {
float: left;
text-align: left;
width: 180px;
margin-left: 0px;
margin-top: 5px;
}
.priceAndOffer .top {
margin-left: 5px;
float: left;
width: 60%;
padding-bottom: 0px;
padding-top: 0px;
}
.priceAndOffer .regulationAgreementCheckbox {
float: left;
width: 35%;
}
.priceAndOffer .regulationAgreementDate {
float: left;
}
#offerOverviewFormAgreementPostalCodeId {
margin-right: 10px;
}
.labelDiv{
width: 59%;
float:left;
margin: 0px;
border: 0px;
margin-left: 2px;
}
.productLi{
width:49%;
float: left;
margin: 0px;
padding: 0px;
list-style-type: none;
height: 35px;
}
.needsAnalysisMain > ul > li.productLi {
height: auto;
}
.productLiSendReferral {
width: 90%;
float: left;
margin: 0px;
padding: 0px;
list-style-type: none;
}
.productLiDelayPayment {
width:85%;
float: left;
margin: 0px;
padding: 0px;
list-style-type: none;
}
.commercialPaymentContainer{
background-color: rgba(229, 229, 227, 1);
border-radius: 0.5em;
width: 100%;
}
.commercialPaymentCheckboxContainer{
display: flex;
justify-content: left;
margin: 1em 0em 0em 1em;
gap: 1.5em;
}
.commercialPaymentCheckboxContainerItem{
display: flex; !important;
align-items: center;!important;
margin-left: 1em;
}
.commercialPaymentCheckboxContainerItem input[type="checkbox"]{
width: 1.50em;
height:1.50em;
margin: 1em;
}
.commercialEpostFakturaContainer {
display: flex;
align-items: center;
margin-bottom: 1em;
gap: 1.5em;
}
.commercialPaymentHeader{
margin: 1.5em 0em 0em 1em;!important;
font-size: 12px;
}
.commercialPaymentInfoIcon{
width: 1.75em;
height: 1.65em;
margin: 0.5em;
}
.commercialPaymentInfoText{
display: flex;!important;
align-items: center;!important;
margin-left: 1em;
margin-top: 1em;
margin-bottom: 1em;
width: 81%;
padding: 0.5em 1em 0.5em 1em;
font-weight: bold;
background-color: rgba(245, 245, 239, 1);
}
.commercialElmaServiceDownInfo{
display: flex;
flex-direction: column;
}
.commercialElmaServiceDownInfo a{
color: #0000EE;
text-decoration: underline;
}
.groupProductPaymentInfoText{
margin-left: -15px; !important;
}
.delayPaymentLabelDiv {
width: 50%;
float: left;
margin: 0px;
border: 0px;
margin-left: 10px;
}
.referralCompareLabelDiv {
border: 0 none;
float: left;
margin: 5px 0 0 11px;
width: 30%;
}
.referralLabelDiv {
width: 30%;
float:left;
margin: 0px;
border: 0px;
margin-left: 2px;
}
.referralVerificationLabelDiv {
width: 95%;
float:left;
margin: 0px;
border: 0px;
margin-left: 13px;
margin-top: 20px;
}
.productUl{
width:99%;
list-style:none;
float: left;
margin: 0px;
padding: 0px;
}
label.priceAndOfferCenterLabel {
float: left;
text-align: left;
width: 190px;
margin-left: 5px;
margin-top: 3px;
}
.largeCheckBoxLabel {
width: 90%;
float: left;
}
/******** END OFFER OVERVIEW. ********/
/******** ADDITIONAL INFORMATION. ********/
.mediumDiv {
width: 400px;
}
/* Additional Info css */
.additionalInfo {
border: 1px solid lightgrey;
border-radius: 5px;
padding: 1% !important;
margin-top: 0px;
margin-left: 10px;
margin-right: 4%;
position: absolute;
width: 96%;
float: left;
}
html>body .additionalInfo {
position: relative;
}
.additionalInfoWrapperSeller {
float: left;
text-align: left;
width: 675px;
margin-left: 0px;
padding: 0px;
}
.additionalInfoWrapperBO {
float: left;
text-align: left;
width: 655px;
margin-left: 0px;
padding: 0px;
}
.additionalInfoWrapperOwner
{
float: left;
text-align: left;
width: 60%;
margin-left: 5px;
padding: 0px;
}
.additionalInfoLeft
{
float: left;
text-align: left;
width: 51%;
margin-left: 0px;
margin-right: 0px;
padding: 0px;
margin-top: 20px;
}
.additionalInfoLeftOwner
{
float:left;
margin-left:0px;
margin-right:0px;
text-align:left;
width: 70%;
}
.payerAddressCssClass
{
float:left;
margin-left:0px;
margin-right:0px;
text-align:left;
width: 70%;
display: block;
}
.additionalInfoMiddle
{
float:right;
text-align: left;
width: 49%;
margin-left: 0px;
margin-right: 0px;
margin-top: 20px;
padding: 0px;
}
.additionalInfoMiddleOwner
{
float:right;
text-align: left;
width: 30%;
margin-top: 29px;
margin-left: 0px;
margin-right: 0px;
}
.additionalInfoRight
{
float: right;
text-align: left;
width: 280px;
margin-left: 0px;
margin-right: 0px;
margin-top: 5px;
}
.additionalInfoRightOwner
{
float: right;
text-align: left;
width: 36%;
margin-left: 2px;
margin-right: 0px;
margin-top: 6px;
}
.additionalInfoFieldset
{
float: left;
width: 100%;
margin-right: 0px;
margin-left: 0px;
margin-top: 0px;
}
.additionalInfoCoverageFieldset {
float: left;
width: 98%;
margin-top: 10px;
}
.additionalInfoDiv {
margin-left: 10px;
width: 450px;
}
.additionalInfoLabelDiv {
width: 59%;
float:left;
margin: 0px;
border: 0px;
}
/******** END ADDITIONAL INFORMATION. ********/
/******** PRODUCT **********/
/******** PRODUCT END *******/
/****** SUMMARY ********/
/* div class for summary page */
.summary {
margin-left: 10px;
margin-right: 10px;
}
#summaryKeywords {
margin-top: 5px;
}
.summaryLinks {
text-align: right;
float: right;
position: relative;
margin: 0px;
margin-bottom: 10px;
margin-right: 5px;
width: 60%;
top: 3px;
right: 2px;
}
.summaryUl {
margin-left: 25px;
}
.summaryUl li {
list-style-type: disc !important;
}
.summaryLeftPanel {
margin-top: 0px;
margin-left: 8px;
padding: 2px;
width: 31%;
float: left;
background-color: #F5F5EF;
}
.summarycheckbox {
margin-left: 80%;
margin-top: 10px;
float: right;
}
.summaryRadio {
margin-left: 60%;
margin-right: 12px;
margin-top: 10px;
float: right;
}
.historicTaskClass {
color: lightgrey;
}
.verticalAlignTop {
vertical-align: text-top;
}
.summaryConsentEldok {
float: left;
width: 99%;
margin-top: 0px;
}
.summaryConsentEldokNotification {
float: left;
width: 50%;
margin-top: 0px;
}
.summaryConsentEldokLabel {
float: left;
width: 18%;
margin-left: 0px;
margin-top: 1px;
height: 10px;
}
.summaryConsentEldokWarning {
float: left;
width: 80%;
margin-left: 1%;
margin-top: 1px;
}
.summaryFullWidth {
text-align: right;
width: 94%;
float: right;
margin-top: 10px;
}
#summaryForm table#row tbody tr td div textarea {
width: 280px;
height: 60px;
font-family: verdana;
font-size: 11px;
margin: 0;
}
#summaryForm table#row {
margin-bottom: 10px;
}
.summaryTable {
margin-left: 10px;
width: 99%;
}
.summaryTable tr:nth-child(even) {
background-color:#F5F5EF;
}
.summaryTable tr:nth-child(odd) {
background-color:#FFFFFF;
}
/****** SUMMARY END ********/
/****** PRINT **************/
#print .buttonBar {
right: 15px;
}
/****** END PRINT **********/
/****** INQUIRY ********/
#inquiryInfoAddNewComment a:visited
{
color: #F20403;
text-decoration: none;
}
#inquiryInfoAddNewComment a
{
color: #F20403;
text-decoration: none;
}
#inquiryInfoAddNewComment a:hover
{
color: #F20403;
text-decoration: none;
}
.inquiryInfoBefore {
width: 80%;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
top: 200px;
display: none;
}
.inquiryInfoHeader {
top: 200px;
left:10px;
width: 160px;
}
.inquiryInfoCentered {
}
#inquiryInfoAddComment a {
color: #F20403;
text-decoration: none;
}
#inquiryInfoAddComment:visited, #inquiryInfoAddComment:hover {
color: #F20403;
text-decoration: none;
}
/****** INQUIRY END ********/
/****** BACKOFFICE TASK LIST CLASSES START ********/
/* Display table for backoffice task list */
.taskList {
margin-top: 25px;
margin-left: 10px;
}
.displayTableTaskList {
width: 100%;
table-layout: fixed;
}
.dropDownMenuBackOfficeTaskList {
margin-left: 3px;
}
.calendarBackOfficeTaskList {
margin-left: 3px;
}
.dropDownMenuLargeBackOfficeTaskList
{
text-align: left;
margin-left: 3px;
margin-top: 5px;
width: 200px;
}
#boTaskCommentDiv {
width: 96%;
}
/****** BACKOFFICE TASK LIST CLASSES END ********/
/****** MY ORDERS, MY OFFERS ********/
.myOffers {
margin-left: 10px;
margin-right: 5px;
margin-top: 20px;
}
.myOrders {
margin-left: 10px;
margin-right: 5px;
margin-top: 20px;
}
.leftPanel
{
margin-left: 0px;
margin-right: 0px;
padding: 0px;
width: 45%;
float: left;
}
.rightPanel
{
margin-left: 0px;
margin-right: 0px;
padding: 0px;
margin-top: 3px;
width: 55%;
float: right;
}
#rightPanelMyOrders {
width: 54%;
margin-top: 0px;
}
#leftPanelMyOrders {
margin-top: 5px;
margin-left: 2px;
}
.myOffersSearchResults
{
margin-left: 3%;
margin-right: 3%;
margin-top: 5px;
}
.myOrdersSearchResults
{
margin-left: 3%;
margin-right: 3%;
margin-top: 5px;
}
.myOffersSmallLabel
{
padding: 0px;
margin: 0px;
float: none;
width: 20px;
}
.myOffersMediumLabel
{
float: left;
width: 90px;
padding: 0px;
margin-left: 2px;
margin-right: 3px;
}
.myOffersLargeLabel
{
float: left;
width: 132px;
padding: 0px;
margin-left: 2px;
margin-right: 3px;
}
.myOffersFieldset{
width: 980px;
margin-top: 15px;
}
.myOrdersLargeLabel
{
float: left;
width: 132px;
padding: 0px;
margin-left: 2px;
margin-right: 3px;
}
.myOrdersFieldset {
width: 980px;
margin-top: 15px;
}
/****** MYOFFERS, MYORDERS END ********/
/********* PRINT POPUP PAGE *********/
.printDraftPopUpTitle {
color: #F20403;
}
.fieldsetPrint {
height: 268px;
}
.documentLeft {
float: left;
width: 35%;
margin-right: 5px;
margin-left: 5px;
}
.documentRight {
float: right;
width: 60%;
margin-right: 5px;
}
.marginLeftMedium {
margin-left: 40px;
}
/****** END PRINT POPUP PAGE ******/
/****** CHANGE PRICE POPUP ******/
.displayTableChangedLocation {
margin-left: 80px;
width: 720px;
margin-top: 10px;
}
.displayTableOldLocation {
margin-top: 10px;
margin-left: 10px;
margin-right: 5px;
width: 800px;
}
div.tableContainer {
clear: both;
height: 235px;
overflow: auto;
width: 835px;
}
#changedPriceNoChanges {
margin-top: 30px;
margin-left: 10px;
}
/****** CHANGE PRICE POPUP END ******/
/****** BANK POPUP ******/
.displayTableBankReports {
width: 95%;
margin: 10px;
}
#bankReportPopup {
width: 650px;
}
#bankReport {
width: 650px;
}
/****** BANK POPUP END ******/
/******** AVTALEGIRO POPUP ***************/
.avtaleGiroPopup {
position: absolute;
width: 640px;
top: 45px;
left: 150px;
background-color: #FFFFFF;
border-color:#6E5541;
border-width:1px;
border-style:solid;
display: block;
z-index: 99;
font-size: 10px;
margin: 10px;
}
.avtaleGiroContent {
margin: 10px;
}
.avtaleGiroLeft {
float: left;
width: 23%;
}
.avtaleGiroKID {
float: left;
width: 28%;
}
.avtaleGiroBottomLeft {
float: left;
width: 40%;
}
.avtaleGiroBottomRight {
float: right;
width: 55%;
}
.avtaleGiroBottomMain {
width: 98%;
}
.avtaleGiroBottom {
width: 45%;
float: left;
}
.avtaleGiroAccountNum {
width: 15px;
padding-left: 0px;
padding-right: 0px;
margin-left: -4px;
margin-right: 0px;
}
.avtaleGiroLi {
margin-bottom: 10px;
}
.avtaleGiroLiAmount {
margin-bottom: 5px;
}
.avtaleGiroAmountLi {
margin-left: 12px;
}
.avtaleGiroLargeField {
width: 240px;
}
.avtaleGiroLeftLi {
margin-top: 15px;
}
.avtaleGiroLeftLiBottom {
margin-top: 30px;
}
/******** AVTALEGIRO POPUP END ***************/
/******** FREETEXT POPUP/PRODUCT PAGE ***************/
.freeTextPopup {
position: absolute;
width: 600px;
top: 110px;
left: 300px;
background-color: #DDDDDD;
border-color:#6E5541;
border-width:1px;
border-style:solid;
display: none;
z-index: 99;
}
.freeTextNLPopup {
width: 575px;
z-index: 101;
}
.freeTextNL {
float: right;
width: 0px;
margin-left: 220px;
position: relative;
margin-top: 3px;
padding-left: 28px !important;
}
.freeTextGroup {
float: right;
width: 25px;
margin-left: 140px;
position: relative;
margin-top: 2px;
}
#freeTextHelpText {
margin-left: 10px;
margin-right: 10px;
}
.freeText {
margin-left: 2px;
margin-right: 0px;
height: auto;
width: 130px;
overflow-y: scroll;
overflow-x: auto;
}
*:first-child+html .freeText {
margin-left: 2px;
margin-right: 0px;
width: 130px;
}
* html .freeText {
margin-left: 2px;
margin-right: 0px;
width: 130px;
}
html>body .freeText {
margin-left: 0px;
margin-right: 0px;
position: absolute;
width: 140px;
z-index: 98;
}
html>body .freeText, x:-moz-any-link {
margin-left: 0px;
margin-right: 0px;
position: absolute;
width: 230px;
z-index: 98;
}
html>body #sendReferral > div > #sendReferralCompare {
height: 50px;
margin-left: -180px;
margin-top: 22px;
overflow-x: auto;
overflow-y: scroll;
width: 300px;
}
html>body #sendReferral textarea {
width: 310px;
height: 50px;
margin-left: -157px;
margin-top: 22px;
}
/* Referral fieldset */
.fieldsetReferral {
margin-top: 15px;
}
/******** FREETEXT POPUP END ***************/
/******** REINSTATE / RESTART AGREEMENT POPUP ********/
#reinstateAgreementPopup {
height: 90px;
}
#restartAgreementPopup {
height: auto;
}
#restartAgreement {
padding-bottom: 0px;
padding-top: 0px;
padding-right: 10px;
}
#reactivateAvtalegiroPopup {
height: 90px;
}
#regretReactivateAvtalegiroPopup {
height: 90px;
}
/******** REINSTATE / RESTART AGREEMENT POPUP END ****/
/******** PRODUCT TIP POPUP ****************/
#productTipPopup {
padding-top: 0px;
height: auto;
overflow-y: visible;
width: 460px;
}
#productTipHeaderSegment {
width: 43%;
}
#productTipHeaderProduct {
width: 65%;
}
*:first-child+html #productTipHeaderProduct {
width: 54%;
}
* html #productTipHeaderProduct {
width: 54%;
}
html>body #productTipHeaderProduct {
width: 53%;
}
.productTipUl {
width:99%;
list-style:none;
margin: 0px;
padding: 0px;
}
.productTipLi {
float: left;
margin-right: 5px;
margin-top: 10px;
margin-bottom: 5px;
margin-left: 15px;
width: 90%;
}
.competitorLinkUl {
width: 39%;
margin-left: 0px;
margin-right: 5px;
margin-top: 5px;
margin-bottom: 5px;
}
.competitorInfoLi {
width: 90%;
margin-left: 5px;
margin-right: 5px;
margin-top: 5px;
margin-bottom: 5px;
float: left;
}
.competitorInfoInnerLi {
float: left;
margin-top: 5px;
margin-bottom: 5px;
width: 90%;
}
.competitorTextArea {
overflow: visible;
border: 0px;
margin-bottom: 5px;
background-color: #dddddd;
font-family: verdana;
font-size: 11px;
margin-left: 0px;
}
.collapseProductTip {
margin-left: 120px;
float: left;
margin-top: 5px;
}
/******** PRODUCT TIP POPUP END ************/
/******** DISCOUNT POPUP *********/
div.popupParentDiv {
width: 98%;
}
/******** DISCOUNT POPUP END *****/
div #ownerSearchPopup {
width: 1200px;
left: 6px;
height: 500px;
overflow-y: scroll;
}
#ownerSearchPopup input {
border: 0px !important;
}
/****** WIDGETS/TAGS ******/
.cursorPointer {
cursor: pointer;
}
.cursorDefault {
cursor: default;
}
.commentLink a, .commentLink a:hover, .commentLink a:visited {
color: #F20403;
text-decoration: none;
}
.hiddenObjectLink {
color: red;
margin-left: 10px;
padding: 0px;
float: left;
width: 95%;
height: 14px;
}
.calendarImage {
cursor: pointer;
border: 1px solid red;
}
.calendarImage:hover, .calendarImage:active, .calendarImage:focus {
background-color: red;
}
.optionAutoCompleter {
position: absolute;
}
*:first-child+html .optionAutoCompleter {
margin-left: 150px;
margin-top: 2px;
}
* html .optionAutoCompleter {
margin-left: 150px;
margin-top: 2px;
}
html>body .optionAutoCompleter {
margin-left: 140px;
margin-top: 0px;
}
html>body .optionAutoCompleter, x:-moz-any-link, x:default {
margin-left: 5px;
margin-top: 0px;
margin-left: 5px;
}
.evaluationImgProduct {
margin-left: 20px;
margin-top: 4px;
width: 30px;
}
/* IE 7 */
*:first-child+html .evaluationImgProduct {
margin-left: 20px;
}
/* IE 6 and earlier */
* html .evaluationImgProduct {
margin-left: 20px;
}
/* firefox */
html>body .evaluationImgProduct {
margin-left: 10px;
}
div.evaluation{
width: 51.5%;
float: left;
margin-left: 5px;
margin-right: 6px;
}
/* IE 7 */
*:first-child+html div.evaluation {
width: 45.5%;
}
/* IE 6 and earlier */
* html div.evaluation {
width: 45.5%;
}
/* IE 8 */
html>body div.evaluation {
width: 45.5%;
float: left;
margin-left: 5px;
margin-right: 6px;
}
/* firefox */
html>body div.evaluation, x:-moz-any-link {
width: 51.5%;
float: left;
margin-left: 5px;
margin-right: 6px;
}
.evaluationImg {
margin-left: 20px;
margin-top: 4px;
width: 30px;
}
.evaluationImg {
margin-left: 20px;
margin-top: 4px;
width: 30px;
}
/* IE 7 */
*:first-child+html .evaluationImg {
margin-left: 20px;
}
/* IE 6 and earlier */
* html .evaluationImg {
margin-left: 20px;
}
html>body .evaluationImg {
margin-left: 10px;
}
.optionWithAutoLi {
width: 80%;
height: 24px;
float: left;
margin-left: 0px;
}
.optionWithAutoLabelDiv {
width: 166px;
float: left;
margin: 0px;
border: 0px;
margin-left: 10px;
}
*:first-child+html .optionWithAutoLabelDiv {
width: 258px;
}
* html .optionWithAutoLabelDiv {
width: 258px;
}
html>body .optionWithAutoLabelDiv{
width: 166px;
}
html>body .optionWithAutoLabelDiv, x:-moz-any-link {
width: 266px;
}
.optionWithAutoProductDiv {
width: 475px;
}
html>body .optionWithAutoProductDiv {
width: 492px;
}
html>body .optionWithAutoProductDiv, x:-moz-any-link {
width: 475px;
}
.optionWithAutoElementDiv {
width: 605px;
}
*:first-child+html .optionWithAutoElementDiv {
width: 625px;
}
* html .optionWithAutoElementDiv {
width: 625px;
}
html>body .optionWithAutoElementDiv{
width: 620px;
}
/****** WIDGETS/TAGS END ******/
/****** GENERAL POPUPS ********/
ul.needsAnalysisPopup {
padding: 0px;
}
ul.needsAnalysisPopupCorporate {
padding: 0px;
}
ul.compareCustomerPopup {
padding: 0px;
}
ul.modalPopup {
list-style-type: disc;
}
li.modalPopup {
margin-left: 0px;
float: left;
width: 370px;
}
.freeTextPopup {
position: absolute;
width: 600px;
top: 110px;
left: 10px;
background-color: #DDDDDD;
border-color:#6E5541;
border-width:1px;
border-style:solid;
border-radius: 5px;
display: none;
z-index: 99;
padding: 15px !important;
}
.freeTextNLPopup {
width: 575px;
z-index: 101;
}
.menuPopup,.twoColumnSmallPopup, .twoColumnMediumPopup, .stopProductPopup, .twoColumnLargePopup, .alertPopup, .refreshCustomerPopup, .menuPopupDiscount,
.compareAgeGenderPopup {
position: absolute;
width: 520px;
top: 110px;
left: 10px;
background-color: #DDDDDD;
border-color:#6E5541;
border-width:1px;
border-style:solid;
border-radius: 5px;
display: none;
z-index: 99;
padding: 15px !important;
}
.discountPopup{
background-color: #f8faf6;
position: absolute;
border-color:#6E5541;
border-width:1px;
border-style:solid;
border-radius: 5px;
top: 110px;
left: 10px;
display: none;
z-index: 99;
padding: 15px !important;
}
.discountPopupContent{
justify-content: center;
}
.discountPopup-nonKvm {
width: 400px;
}
.menuPopup div,.twoColumnSmallPopup div, .twoColumnMediumPopup div, .stopProductPopup div, .twoColumnLargePopup div,
.alertPopup div, .refreshCustomerPopup div, .menuPopupDiscount div, .discountPopup div, .menuPopupDiscount div,
.menuPopupScroll div, .menuPopupPrint div, .compareAgeGenderPopup div {
padding-top: 0px;
}
.menuPopupScroll {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-height: 80vh;
max-width: 80vw;
width: auto;
overflow: auto;
background-color: #DDDDDD;
border-color:#6E5541;
border-width:1px;
border-style:solid;
border-radius: 5px;
display: none;
z-index: 99;
padding: 0.5rem !important;
}
.menuPopupDiscount{
left: 10px;
top: 300px;
}
.menuPopupDiscount .productLi {
width: 90% !important;
}
/* PRINT PAGE POPUP*/
.menuPopupPrint {
position: absolute;
width: 650px;
top: 180px;
min-height: 400px;
left: 10px;
background-color: #DDDDDD;
border-color: #6E5541;
border-width: 1px;
border-style:solid;
border-radius: 5px;
display: none;
z-index: 99;
padding: 1% !important;
}
.alertPopup {
width: 200px;
}
.twoColumnSmallPopup {
width: 230px;
}
.twoColumnMediumPopup {
width: 250px;
}
.stopProductPopup {
width: 450px;
}
.twoColumnLargePopup {
width: 580px;
}
.refreshCustomerPopup {
width: 300px;
vertical-align: middle;
text-align: center;
}
.modalDialoguePopup {
position: absolute;
width: 450px;
top: 220px;
left: 250px;
background-color: #D4D0C8;
border-color: #6E5541;
border-width: 1px;
border-style:solid;
border-radius: 5px;
z-index: 99;
padding: 1% !important;
}
.modalDialoguePopupHide {
position: absolute;
width: 450px;
top: 220px;
margin-left: 25%;
background-color: #E4E4CF;
border-color:#878756;
border-width:2px;
border-style:solid;
border-radius: 5px;
display:none;
z-index: 99;
padding: 1% !important;
}
.popupTitle {
font-weight: bold;
color: black;
top: -10px;
position:relative;
}
#freetextAgreementPopup .popupTitle {
margin-left: 5px;
top: -3px;
width: 200px;
float: left;
}
#freetextAgreementPopup .freetextPopup textArea {
width: 485px;
margin-left: 5px;
}
#freetextAgreementPopup .buttonMedium {
margin-top: 215px;
margin-left: 233px;
}
#freetextAgreementPopup li.xbutton {
float: right;
width: 10px;
}
#freetextAgreementPopup li.xbutton div {
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
width: auto;
}
#freetextAgreementPopup .changedIcon {
margin-right: -50px;
margin-top: 218px;
padding-right: 0px;
}
textArea.textAreaPrint {
width: 75%;
height: 100px;
margin-left: 0px;
}
.checkboxPrint {
width: 67%;
height: 25px;
}
.popupClose{
float: right;
position: relative;
top: 1px;
left: -2px;
}
.widePopup {
position: absolute;
width: 950px;
top: 160px;
background-color: #DDDDDD;
border-color: #6E5541;
border-width: 1px;
border-style:solid;
border-radius: 5px;
display: none;
z-index: 99;
padding: 1% !important;
left:0;
right: 0;
margin-left: auto !important;
margin-right: auto !important;
}
/********* GENERAL POPUPS END *********/
/******* BUTTONS ***********/
.buttonEnabledLarge {
font-size:11px;
font-family:verdana;
font-weight:bold;
color:white;
background-color: #999999;
border-style: solid;
border-width: 1px;
border-color: #676767;
text-decoration: none;
padding-top:2px;
padding-bottom: 2px;
padding-left: 5px;
padding-right: 5px;
margin-right: 10px;
margin-bottom: 10px;
text-align:center;
width: 160px;
}
.buttonEnabledMedium {
font-size:11px;
font-family:verdana;
font-weight:bold;
color:white;
background-color: #999999;
border-style: solid;
border-width: 1px;
border-color: #676767;
text-decoration: none;
padding-top:2px;
padding-bottom: 2px;
padding-left: 5px;
padding-right: 5px;
margin-right: 10px;
margin-bottom: 10px;
text-align:center;
width: 62px;
}
.buttonEnabledSmall {
font-size:11px;
font-family:verdana;
font-weight:bold;
color:white;
background-color: #999999;
border-style: solid;
border-width: 1px;
border-color: #676767;
text-decoration: none;
padding-top:2px;
padding-bottom: 2px;
padding-left: 5px;
padding-right: 5px;
margin-right: 10px;
margin-bottom: 0px;
text-align:center;
width: 20px;
}
.buttonEnabledLarge:hover, .buttonEnabledLarge:visited, .buttonEnabledMedium:hover,
.buttonEnabledMedium:visited, .buttonEnabledSmall:hover, .buttonEnabledSmall:visited {
text-decoration: underline;
color:lightyellow;
border-color:lightyellow;
cursor: pointer;
}
.buttonEnabledHover {
text-decoration: underline;
color:lightyellow;
border-color:lightyellow;
cursor: pointer;
}
.buttonBar {
text-align: right;
float: right;
position: relative;
margin: 0px;
margin-bottom: 10px;
margin-right: 5px;
width: 70%;
top: 3px;
right: 2px;
}
.buttonBarFlex {
display: flex;
justify-content: flex-end;
gap: var(--spaces-16);
padding: var(--spaces-8) var(--spaces-16);
}
.updateStatusPopup {
position: absolute;
width: 420px;
top: 110px;
left: 300px;
background-color: #DDDDDD;
border-color:#6E5541;
border-width:1px;
border-style:solid;
display: none;
z-index: 99;
}
a.buttonUpdateStatusPopupConfirmation {
font-size:10px;
font-family:Arial,Helvetica,sans-serif;
font-weight:normal;
color:#676767 !important;
border-style: solid;
border-width: 1px;
border-color: #BBBBBB;
text-decoration: none;
padding-top:2px;
padding-bottom: 2px;
padding-left: 5px;
padding-right: 5px;
margin-right: 10px;
margin-bottom: 10px;
text-align:center;
/*background: url(../images/buttons/button_background.jpg) repeat-x bottom;*/
background-color: #CCCCCC;
width: 15px;
float: right;
}
.updateStatusPopupConfirmation {
text-align: left;
font-size : 10px;
float: left;
position: relative;
margin: 0px;
margin-bottom: 10px;
margin-right: 5px;
width: 280px;
}
.buttonBarOfferOverview {
text-align: right;
float: right;
position: relative;
margin: 0px;
margin-bottom: 10px;
margin-right: 5px;
width: 29%;
top: 3px;
right: 2px;
margin-top: 5px;
}
.buttonBarReferral {
text-align: right;
float: right;
position: absolute;
margin: 0px;
margin-bottom: 10px;
margin-right: 5px;
width: 43%;
top: 240px;
right: 2px;
}
.buttonBarSummary {
margin: 0px;
}
.buttonBarAdvancedSearch {
text-align: right;
float: right;
margin: 0px;
margin-bottom: 10px;
margin-right: 5px;
width: 70%;
top: 3px;
right: 2px;
}
.fullWidthButtonBar {
width: 100%;
float: left;
}
.popupButtonBar {
text-align: center;
float: right;
position: relative;
margin: 0px;
margin-bottom: 10px;
margin-right: 5px;
width: 92%;
top: 3px;
right: 2px;
}
.discountPopupButtonBar {
text-align: center;
float: right;
position: relative;
margin: 0px;
margin-bottom: 10px;
margin-right: 5px;
width: 25%;
top: 3px;
right: 2px;
}
*:first-child+html .discountPopupButtonBar {
margin-left: 420px;
}
* html .discountPopupButtonBar {
margin-left: 420px;
}
/* Button to be used down to the right of a view */
/* Exists in fixed sizes */
a.button,a.buttonSmall,a.buttonMedium,a.buttonLarge,a.buttonXLarge, a.buttonExternal,
a.button:visited,a.buttonSmall:visited,a.buttonMedium:visited,a.buttonLarge:visited,a.buttonXLarge:visited, a.buttonExternal:visited, .KVMMidNudgeButton, .KVMMidNudgeButton:visited{
font-size:12px;
font-family:Arial,Helvetica,sans-serif;
font-weight:normal;
color:#676767 !important;
border-style: solid;
border-width: 1px;
border-color: #BBBBBB;
text-decoration: none;
padding-top:2px;
padding-bottom: 2px;
padding-left: 5px;
padding-right: 5px;
margin-right: 10px;
margin-bottom: 10px;
text-align:center;
/*background: url(../images/buttons/button_background.jpg) repeat-x bottom;*/
background-color: #CCCCCC;
}
a.button:hover,a.buttonSmall:hover,a.buttonMedium:hover,a.buttonLarge:hover,a.buttonXLarge:hover, a.buttonExternal:hover,
a.button:focus,a.buttonSmall:focus,a.buttonMedium:focus,a.buttonLarge:focus,a.buttonXLarge:focus, a.buttonExternal:focus,
a.button:active,a.buttonSmall:active,a.buttonMedium:active,a.buttonLarge:active,a.buttonXLarge:active, a.buttonExternal:active,
.KVMMidNudgeButton:active, .KVMMidNudgeButton:hover, .KVMMidNudgeButton:hover{
text-decoration: underline;
color: #6A7B95 !important;
border-color:lightyellow;
}
a.linkImage:focus, a.linkImage:hover, a.linkImage:active {
border: 1px solid lightyellow;
}
a.buttonSmall {
width: 30px;
}
a.buttonMedium {
width: 60px;
} /* This is to be used by default */
a.buttonLarge {
width: 110px;
}
a.buttonXLarge {
width: 120px;
}
a.buttonExternal {
width: 60px;
margin-left: 92px;
}
html>body a.buttonExternal,x:-moz-any-link {
margin-left: 0px;
}
/* Buttons associated to a field (placed to the right of the field i.e. floated left) */
a.fieldButton,a.fieldButtonSmall,a.fieldButtonMedium,a.fieldButtonLarge,a.fieldButtonXLarge
{
font-size:12px;
font-family:arial;
font-weight:normal;
color:#676767;
background-color: #CCCCCC;
border-style: solid;
border-width: 1px;
border-color: #BBBBBB;
text-decoration: none;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 5px;
padding-right: 5px;
margin-left: 10px;
text-align: center;
float: left;
}
a.fieldButtonSmall {
width: 30px;
}
a.fieldbuttonMedium {
width: 60px;
}
a.fieldbuttonLarge {
width: 90px;
}
a.fieldbuttonXLarge {
width: 120px;
}
a.fieldbutton:hover,a.fieldbuttonSmall:hover,a.fieldbuttonMedium:hover,a.fieldbuttonLarge:hover,a.fieldbuttonXLarge:hover,
a.fieldbutton:focus,a.fieldbuttonSmall:focus,a.fieldbuttonMedium:focus,a.fieldbuttonLarge:focus,a.fieldbuttonXLarge:focus,
a.fieldbutton:active,a.fieldbuttonSmall:active,a.fieldbuttonMedium:active,a.fieldbuttonLarge:active,a.fieldbuttonXLarge:active
{
text-decoration: underline;
color:lightyellow;
border-color:lightyellow;
}
/* Disabled buttons */
/* Button to be used down to the right of a view */
/* Exists in fixed sizes */
.buttonDisabled,.buttonSmallDisabled,.buttonMediumDisabled,.buttonLargeDisabled,.buttonXLargeDisabled,
.KVMMidNudgeButtonDisabled {
font-size:12px;
font-family:arial;
font-weight:normal;
color:#BBBBBB;
background-color: #CCCCCC;
border-style: solid;
border-width: 1px;
border-color: #BBBBBB;
text-decoration: none;
padding-top:2px;
padding-bottom: 2px;
padding-left: 5px;
padding-right: 5px;
margin-right: 10px;
margin-bottom: 10px;
float:none;
text-align:center;
cursor: default;
background: url(../images/buttons/button_background.jpg) repeat-x bottom;
}
.buttonDisabled:hover,.buttonSmallDisabled:hover,.buttonMediumDisabled:hover,.buttonLargeDisabled:hover,.buttonXLargeDisabled:hover
{
text-decoration: none;
}
.buttonSmallDisabled {
width: 30px;
}
.buttonMediumDisabled {
width: 60px;
} /* This is to be used by default */
.buttonLargeDisabled {
width: 90px;
}
.buttonXLargeDisabled {
width: 120px;
}
/* End disabled buttons */
.button {
font-size:11px;
font-family:verdana;
font-weight:bold;
color:white;
background-color: #999999;
border-style: solid;
border-color: #676767;
}
.smsButtonDisabled {
cursor: not-allowed;
pointer-events: none;
}
.button:hover {
text-decoration: underline;
}
.linkUnderline {
text-decoration: underline;
color: #F20403;
}
a.xbutton, a.xbutton:link, a.xbutton:visited {
float:right;
margin-right:5px;
margin-top: 0px;
margin-bottom:1px;
font-size:12px;
font-family:verdana;
font-weight:bold;
color:#6E5541;
background-color: transparent;
border-style: none;
text-decoration: none;
border-style: none;
padding-right: 4px;
padding-left: 2px;
padding-top: 0px;
}
a.xbutton:hover {
margin-bottom:0px;
border-style: solid;
border-color: #D3D3D3;
border-radius: 5px;
text-decoration: none;
border-width: 1px;
padding-right: 3px;
padding-left: 3px;
padding-top: 0px;
}
.xbuttonProductTip, .xbuttonProductTip:link, .xbuttonProductTip:visited {
float:right;
margin-right:0px;
margin-top: 0px;
margin-bottom:1px;
font-size:12px;
font-family:verdana;
font-weight:bold;
color:#FFFFFF;
background-color: transparent;
border-style: none;
text-decoration: none;
border-style: none;
padding-right: 0px;
padding-left: 2px;
padding-top: 0px;
}
.xbuttonProductTip:hover {
margin-bottom:0px;
border-style: solid;
border-color: #FFFFFF;
text-decoration: none;
border-width: 1px;
padding-right: 0px;
padding-left: 0px;
padding-top: 0px;
padding-bottom: 0px;
}
/******* BUTTON END ***********/
/****** UTILITY MENU/TOOLS MENU. ******/
/* ================================================================
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any
way to fit your requirements.
=================================================================== */
.menu {
left: 50%;
width: auto;
font-size: 0.85em;
position: relative;
z-index: 98;
}
*:first-child+html .menu {
width: 390px;
}
* html .menu {
width: 390px;
}
html>body .menu {
width: auto;
white-space: nowrap;
flex-wrap: nowrap;
}
.menuBackoffice {
left: 50%;
width: 390px;
font-size:0.85em;
position:relative;
z-index:90;
}
*:first-child+html .menuBackoffice {
width: 390px;
}
* html .menuBackoffice {
width: 390px;
}
html>body .menuBackoffice {
left: 50%;
width: auto;
font-size:0.85em;
position:relative;
z-index:90;
white-space: nowrap;
}
.menuBackofficeTaskList {
left: 630px;
width: 460px;
font-size:0.85em;
position:relative;
z-index:90;
white-space: nowrap;
}
*:first-child+html .menuBackofficeTaskList {
left: 630px;
}
* html .menuBackofficeTaskList {
left: 630px;
}
html>body .menuBackofficeTaskList {
left: 50%;
width: auto;
font-size:0.85em;
position:relative;
z-index:90;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul,.menuBackoffice ul, .menuBackofficeTaskList ul {
padding:0px;
margin:0px;
list-style-type:none;
}
.menu ul ul,.menuBackoffice ul ul,.menuBackofficeTaskList ul ul {
width:60px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu position */
.menu li,.menuBackoffice li,.menuBackofficeTaskList li {
float:left;
position:relative;
}
/* style the links for the top level */
.menu a, .menu a:link, .menu a:visited,.menuBackoffice a, .menuBackoffice:link, .menuBackoffice a:visited,.menuBackofficeTaskList a, .menuBackofficeTaskList:link, .menuBackofficeTaskList a:visited{
display:table;
font-size:11px;
text-decoration:none;
width: 80px;
height:30px;
padding-left: 0px;
padding-right: 43px;
line-height:29px;
margin-left: 5px;
margin-right: -6px;
}
.menu a.toolsMenuTop, .menu a.toolsMenuTop:link,.menu a.toolsMenuTop:hover,.menu a.toolsMenuTop:visited,.menuBackoffice a.toolsMenuTop,.menuBackoffice a.toolsMenuTop:link, .menuBackoffice a.toolsMenuTop:hover,.menuBackoffice a.toolsMenuTop:visited,
.menuBackofficeTaskList a.toolsMenuTop,.menuBackofficeTaskList a.toolsMenuTop:link, .menuBackofficeTaskList a.toolsMenuTop:hover,.menuBackofficeTaskList,
.menu a.toolsMenuTopGuarantee, .menu a.toolsMenuTopGuarantee:link,.menu a.toolsMenuTopGuarantee:hover,.menu a.toolsMenuTopGuarantee:visited {
color: #F20403;
}
.menu ul a.noLink:hover,.menu ul a.noLink:visited,.menuBackoffice ul a.noLink:hover,.menuBackoffice ul a.noLink:visited,
.menuBackofficeTaskList ul a.noLink:hover,.menuBackofficeTaskList ul a.noLink:visited {
cursor: pointer;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited, * html .menuBackoffice a, * html .menuBackoffice a:visited,
* html .menuBackofficeTaskList a, * html .menuBackofficeTaskList a:visited {
width:100px;
w\idth:100px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a.large, .menu a.large:link, .menu a.large:visited, * html .menuBackoffice a.large,.menuBackoffice a large:link,.menuBackoffice a.large:visited,
* html .menuBackofficeTaskList a.large,.menuBackofficeTaskList a large:link,.menuBackofficeTaskList a.large:visited {
width: 150px;
w\idth: 150px;
}
/* Fix for firefox. */
html>body .menu a.large, .menu a.large:link, .menu a.large:visited, * html .menuBackoffice a.large,.menuBackoffice a large:link,.menuBackoffice a.large:visited,
html>body .menuBackoffice a.large, html>body .menuBackofficeTaskList a.large,.menuBackofficeTaskList a large:link,.menuBackofficeTaskList a.large:visited {
width: 150px;
w\idth: 150px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a.mediumLarge, .menu a.mediumLarge:link, .menu a.mediumLarge:visited, * html .menuBackoffice a.mediumLarge, .menuBackoffice a.mediumLarge:link,
.menuBackoffice a.mediumLarge:visited, * html .menuBackofficeTaskList a.mediumLarge, .menuBackofficeTaskList a.mediumLarge:link,
.menuBackofficeTaskList a.mediumLarge:visited {
width: 130px;
w\idth: 130px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a.medium, .menu a.medium:link, .menu a.medium:visited, * html .menuBackoffice a.medium, .menuBackoffice a.medium:link,
.menuBackoffice a.medium:visited, * html .menuBackofficeTaskList a.medium, .menuBackofficeTaskList a.medium:link,
.menuBackofficeTaskList a.medium:visited {
width: 106px;
w\idth: 106px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a.small,.menu a.small:link,.menu a.small:visited, * html .menuBackoffice a.small,.menuBackoffice a.small:link,.menuBackoffice a.small:visited,
* html .menuBackofficeTaskList a.small,.menuBackofficeTaskList a.small:link,.menuBackofficeTaskList a.small:visited {
width: 70px;
w\idth: 70px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a.xsmall,.menu a.xsmall:link,.menu a.xsmall:visited, * html .menuBackoffice a.xsmall,.menuBackoffice a.xsmall:link,.menuBackoffice a.xsmall:visited,
* html .menuBackofficeTaskList a.xsmall,.menuBackofficeTaskList a.xsmall:link,.menuBackofficeTaskList a.xsmall:visited {
width: 30px;
w\idth: 30px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a.smallmedium,.menu a.smallmedium:link,.menu a.smallmedium:visited, * html .menuBackoffice a.smallmedium, .menuBackoffice a.smallmedium:link, .menuBackoffice a.smallmedium:visited,
* html .menuBackofficeTaskList a.smallmedium, .menuBackofficeTaskList a.smallmedium:link, .menuBackofficeTaskList a.smallmedium:visited {
width: 90px;
w\idth: 90px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a.mediumlarge,.menu a.mediumlarge:link,.menu a.mediumlarge:visited, * html .menuBackoffice a.mediumlarge, .menuBackoffice a.mediumlarge:link,.menuBackoffice a.mediumlarge:visited,
* html .menuBackofficeTaskList a.mediumlarge, .menuBackofficeTaskList a.mediumlarge:link,.menuBackofficeTaskList a.mediumlarge:visited {
width: 136px;
w\idth: 136px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a.separator,.menu a.separator:link, .menu a.separator:visited, * html .menuBackoffice a.separator,.menuBackoffice a.separator:link, .menuBackoffice a.separator:visited,
* html .menuBackofficeTaskList a.separator,.menuBackofficeTaskList a.separator:link, .menuBackofficeTaskList a.separator:visited {
width: 50px;
w\idth: 50px;
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:link, .menu ul ul ul a:visited, .menuBackoffice ul ul ul a,.menuBackoffice ul ul ul a:link, .menuBackoffice ul ul ul a:visited,
.menuBackofficeTaskList ul ul ul a,.menuBackofficeTaskList ul ul ul a:link, .menuBackofficeTaskList ul ul ul a:visited {
background:#F20403;
}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul, .menuBackoffice ul ul, .menuBackofficeTaskList ul ul {
visibility:hidden;
position:absolute;
height:0;
top:31px;
left:0;
width:150px;
}
/* another hack for IE5.5 */
* html .menu ul ul, * html .menuBackoffice ul ul, * html .menuBackofficeTaskList ul ul {
top:30px;
t\op:31px;
}
/* style the table so that it takes no part in the layout - required for IE to work */
.menu table, .menuBackoffice table, .menuBackofficeTaskList table {
position:absolute;
top:0;
left:0;
}
/* style the second level links */
.menu ul ul a, .menu ul ul a:link, .menu ul ul a:visited,.menuBackoffice ul ul a,.menuBackoffice ul ul a:link,.menuBackoffice ul ul a:visited,
.menuBackofficeTaskList ul ul a,.menuBackofficeTaskList ul ul a:link,.menuBackofficeTaskList ul ul a:visited {
background:#F20403;
height:auto;
line-height:1em;
padding:5px 3px;
width:115px;
margin-left: 20px;
}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menuBackoffice ul ul a, * html .menuBackofficeTaskList ul ul a {
width:129px;
w\idth:129px;
}
/* style the top level hover */
.menu a:hover, .menuBackoffice a:hover, .menuBackofficeTaskList a:hover {
color:#F20403;
background-color: transparent;
}
/* style the top level hover */
.menu ul ul a:hover, .menuBackoffice ul ul a:hover, .menuBackofficeTaskList ul ul a:hover {
background:#F3A6A6;
color: #FFFFFF;
}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,.menu ul a:hover ul, .menuBackoffice ul li:hover ul,.menuBackoffice ul a:hover ul,
.menuBackofficeTaskList ul li:hover ul,.menuBackofficeTaskList ul a:hover ul {
visibility:visible;
}
/* Tools menu item */
.menu ul ul a.toolsMenuItem, .menu ul ul a.toolsMenuItem:hover, .menuBackoffice ul ul a.toolsMenuItem, .menuBackoffice ul ul a.toolsMenuItem:hover,
.menuBackofficeTaskList ul ul a.toolsMenuItem, .menuBackofficeTaskList ul ul a.toolsMenuItem:hover {
color: #FFFFFF;
text-decoration: none;
white-space: normal;
}
/* Tools menu item that is not available to the user */
.menu ul ul a.toolsMenuItemDisabled, .menu ul ul a.toolsMenuItemDisabled:hover,
.menuBackoffice ul ul a.toolsMenuItemDisabled, .menuBackoffice ul ul a.toolsMenuItemDisabled:hover,
.menuBackofficeTaskList ul ul a.toolsMenuItemDisabled, .menuBackofficeTaskList ul ul a.toolsMenuItemDisabled:hover{
color: #FF5555;
text-decoration: none;
cursor: default;
white-space: normal;
}
#header ul {
list-style: none;
padding: 0px;
margin: 0px;
margin-left: 20px;
margin-top: 5px;
}
#header li {
display: inline;
margin: 0px 0px 0px 0px;
padding: 5px;
border-right: 1px solid lightgrey;
border-left: 1px solid lightgrey;
border-top: 1px solid lightgrey;
border-bottom: 1px solid lightgrey;
}
#header a {
padding: 0em 1em;
text-decoration: none;
color: darkblue;
background: transparent;
}
#header a:hover {
background: transparent;
color: #540;
}
#header #selected {
border-right: 1px solid lightgrey;
border-left: 1px solid lightgrey;
border-top: 1px solid lightgrey;
border-bottom: 0px;
}
#header #selected a {
padding-bottom: 2px;
font-weight: bold;
color: #315E73;
background: transparent;
}
#header #inactive a {
padding-bottom: 0px;
font-weight: bold;
color: #F20403;
background: transparent;
}
#header #inactive a:hover {
padding-bottom: 0px;
font-weight: bold;
color: #F20403;
background: transparent;
}
/****** UTILITY MENU/TOOLS MENU END. ******/
/****** AUTOCOMPLETE *****/
/* An autocomplete example */ /* Autocomplete div class */
div.autocomplete {
position: absolute;
width: auto !important;
background-color: #FFFFFF;
border: 1px solid #888;
margin: 0px;
padding: 0px;
z-index: 2;
}
#newdomesticLocation > ul > li > div > div.autocomplete, #changedomesticLocation > ul > li > div > div.autocomplete {
left: 183px !important;
}
html>body #newdomesticLocation > ul > li > div > div.autocomplete, html>body #changedomesticLocation > ul > li > div > div.autocomplete {
left: 183px !important;
}
html>/**/body .autocomplete pre {
font: inherit;
margin: 0;
padding: 0;
}
div.autocomplete ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
div.autocomplete ul li.selected {
background-color: grey;
overflow: hidden;
}
*:first-child+html div.autocomplete ul li.selected {
margin-bottom: 1px;
}
div.autocomplete ul li {
list-style-type: none;
display: block;
margin: 0px;
margin-bottom: -18px;
padding: 0px;
cursor: pointer;
}
html>body div.autocomplete ul li {
list-style-type: none;
display: block;
margin: 0px;
padding: 0px;
cursor: pointer;
}
.autocompleteOther {
margin-top : 20px !important;
}
div #industryLocationPopup > ul > li > div > div.autocomplete {
left: 170px !important;
}
/****** AUTOCOMPLETE END *****/
/****** MARGIN AND PADDING ******/
.NoMargins {
text-align: left;
float: right;
position: relative;
margin: 0px;
margin-top: -5px;
margin-bottom: -5px;
margin-right: 0px;
width: 100%;
top: 0px;
right: 0px;
}
.noMargins {
text-align: left;
float: right;
position: relative;
margin: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px;
width: 100%;
top: 0px;
right: 0px;
}
.noPadding {
padding: 0px;
margin-top: -5px;
}
.noPaddingOrMargin {
padding: 0px;
margin: 0px;
}
*:first-child+html .noPaddingOrMargin {
padding: 0px;
margin: 0px;
}
* html .noPaddingOrMargin {
padding: 0px;
margin: 0px;
}
html>body .noPaddingOrMargin {
padding-bottom: 5px;
margin-top: 5px;
}
/****** MARGIN AND PADDING END ******/
/****** READONLY ******/
/* Input text field which is read only. */
.readOnly {
border: 0px;
width: 130px;
background-color: transparent;
font-size: 11px;
color: #4C4C4C;
}
.readOnly input[type="radio"] {
width: auto;
}
.visibleReadOnly {
border: 0px;
width: 130px;
background-color: transparent;
font-size: 11px;
color: #4C4C4C;
}
.readOnlyMarginTop {
border: 0px;
width: 55%;
background-color: transparent;
font-size: 11px;
color: #4C4C4C;
margin-top: 12px;
margin-left: 10px;
}
.readOnly20Small {
border: 0px;
width: 18px;
background-color: transparent;
font-size: 11px;
color: #4C4C4C;
margin-top:0px;
}
.readOnlySmall {
border: 0px;
width: 50px !important;
background-color: transparent;
font-size: 11px;
color: #4C4C4C;
margin-top:0px;
}
#offerOverviewPriceSection .readOnlySmall {width: 70px!important;}
#offerOverviewPriceSection .agentCommission {width: 33.3333333%!important; margin-top: 5px;}
.readOnlyLarge {
border: 0px;
width: 150px;
background-color: transparent;
font-size: 11px;
color: #4C4C4C;
margin-top:0px;
}
.readOnlyXLarge {
border: 0px;
width: 165px;
background-color: transparent;
font-size: 11px;
color: #4C4C4C;
margin-top:0px;
}
.readOnlyLongName {
border: 0px;
width: 320px;
background-color: transparent;
font-size: 11px;
color: #4C4C4C;
margin-top:1px;
}
.readOnlyReferralName {
width: 300px;
border: 0px;
background-color: transparent;
font-size: 11px;
color: #4C4C4C;
}
.readOnlyEmail {
border: 0px;
width: 220px;
background-color: transparent;
font-size: 11px;
color: #4C4C4C;
margin-top:1px;
}
.readOnlyLocation {
border: 0px;
width: 500px;
background-color: transparent;
font-size: 11px;
color: #4C4C4C;
margin-top:1px;
}
.readOnlyProductTipProduct {
border: 0px;
width: 65%;
background-color: transparent;
font-size: 12px;
color: #FFFFFF;
}
.readOnlyProductTipSegment {
border: 0px;
width: 60%;
background-color: transparent;
font-size: 12px;
color: #FFFFFF;
}
/****** READONLY END ******/
/****** POPUP ELEMENTS ****/
.popupListElement {
width: 120px;
float: left;
margin: 0px;
padding: 0px;
list-style-type: none;
height: auto;
margin-left: 10px;
}
html>body .popupListElement {
width: 120px;
}
.popupListElementShort {
width: 110px;
float: left;
margin: 0px;
padding: 0px;
list-style-type: none;
height: auto;
margin-left: 10px;
}
html>body .popupListElementShort {
width: 110px;
}
.popupListElementWide {
width: 180px;
float: left;
margin: 0px;
padding: 0px;
list-style-type: none;
height: auto;
margin-left: 5px;
}
html>body .popupListElementWide {
width: 180px;
}
.popupListElementIcon {
width: 20px;
float: left;
margin: 0px;
padding: 0px;
list-style-type: none;
height: 25px;
margin-left: 10px;
}
html>body .popupListElementIcon {
width: 20px;
}
/********** END POPUP ELEMENTS *******/
/********** EXPANDABLE DROP DOWN MENUS ***************/
.noPadding select {
position: absolute;
}
.priceAndOfferLi select {
position: absolute;
}
*:first-child+html .priceAndOfferLi select {
position: absolute;
}
* html .priceAndOfferLi select {
position: absolute;
}
html>body .priceAndOfferLi select {
position: absolute;
}
html>body .priceAndOfferLi select, x:-moz-any-link, x:default {
position: relative;
}
.dropDownMenu select {
position: absolute;
right: 0px;
}
*:first-child+html .dropDownMenu select {
position: absolute;
right: 0px;
}
* html .dropDownMenu select {
position: absolute;
right: 0px;
}
html>body .dropDownMenu select {
position: absolute;
}
html>body .dropDownMenu select, x:-moz-any-link, x:default {
position: relative;
}
html>body .productVariantDropDownDiv {
margin-left: 5px;
}
*:first-child+html .productVariantDropDownDiv select {
position: relative;
}
* html .productVariantDropDownDiv select {
position: absolute;
}
.productVariantDropDownDiv select {
position: absolute;
}
html>body .productVariantDropDownDiv select {
position: absolute;
}
html>body .productVariantDropDownDiv select, x:-moz-any-link, x:default {
position: relative;
}
.productLi select {
position: absolute;
}
*:first-child+html .productLi select {
position: absolute;
}
* html .productLi select {
position: absolute;
}
html>body .productLi select {
position: absolute;
}
html>body .productLi select, x:-moz-any-link, x:default {
position: relative;
}
.optionWithAutoLi select {
position: absolute;
}
*:first-child+html .optionWithAutoLi select {
position: absolute;
}
* html .optionWithAutoLi select {
position: absolute;
}
html>body .optionWithAutoLi select {
position: absolute;
}
html>body .optionWithAutoLi select, x:-moz-any-link, x:default {
position: relative;
}
.backOfficeTaskSearchTaskType select
{
position: absolute;
}
*:first-child+html .backOfficeTaskSearchTaskType select {
position: absolute;
}
* html .backOfficeTaskSearchTaskType select {
position: absolute;
}
html>body .backOfficeTaskSearchTaskType select {
position: absolute;
}
html>body .backOfficeTaskSearchTaskType select, x:-moz-any-link, x:default {
position: relative;
}
.backOfficeTaskSearchProcessStep select {
position: absolute;
}
*:first-child+html .backOfficeTaskSearchProcessStep select {
position: absolute;
}
* html .backOfficeTaskSearchProcessStep select {
position: absolute;
}
html>body .backOfficeTaskSearchProcessStep select {
position: absolute;
}
html>body .backOfficeTaskSearchProcessStep select, x:-moz-any-link, x:default {
position: relative;
}
.needsAnalysisDivProduct select {
position: absolute;
width: 135px;
}
*:first-child+html .needsAnalysisDivProduct select {
position: absolute;
width: 135px;
}
* html .needsAnalysisDivProduct select {
position: absolute;
width: 135px;
}
html>body .needsAnalysisDivProduct select {
position: absolute;
}
html>body .needsAnalysisDivProduct select, x:-moz-any-link, x:default {
position: relative;
}
.mileageProductDiv select {
position: absolute;
width: 135px;
}
*:first-child+html .mileageProductDiv select {
position: absolute;
width: 135px;
}
* html .mileageProductDiv select {
position: absolute;
width: 135px;
}
html>body .mileageProductDiv select {
position: absolute;
}
html>body .mileageProductDiv select, x:-moz-any-link, x:default {
position: relative;
}
.secondaryCoverageDivProduct select {
position: absolute;
}
*:first-child+html .secondaryCoverageDivProduct select {
position: absolute;
}
* html .secondaryCoverageDivProduct select {
position: absolute;
}
html>body .secondaryCoverageDivProduct select {
position: absolute;
}
html>body .secondaryCoverageDivProduct select, x:-moz-any-link, x:default {
position: relative;
}
.p285 .needsAnalysisDivProduct select {
position: absolute;
width: 135px !important;
}
.needsAnalysisDivProduct .largeLabel{
display:inline;
}
*:first-child+html .optionWithAutoElementDiv select {
position: absolute;
width: 135px;
}
* html .optionWithAutoElementDiv select {
position: absolute;
width: 135px;
}
html>body .optionWithAutoElementDiv select {
position: absolute;
width: 135px;
}
html>body .optionWithAutoElementDiv select, x:-moz-any-link, x:default {
position: relative;
}
*:first-child+html .optionWithAutoProductDiv select {
position: absolute;
width: 135px;
}
* html .optionWithAutoProductDiv select {
position: absolute;
width: 135px;
}
html>body .optionWithAutoProductDiv select, x:-moz-any-link, x:default {
position: relative;
}
html>body .optionWithAutoProductDiv select {
position: absolute;
width: 135px;
}
/********** EXPANDABLE DROP DOWN MENUS END ***************/
/****** CSS CLASSES SET IN JAVASCRIPT ******/
.marginLeftSmall {
margin-left: 10px;
width: 500px;
}
#select-free {
position:absolute;
z-index:106;/*any value*/
overflow:hidden;/*must have*/
width:33em;/*must have for any value*/;
background-color: #FFFFCC;
border: 1px solid #4C4C4C;
color: black;
}
#backOfficeTaskListSearch{
top: 20px;
}
/****** CSS CLASSES SET IN JAVASCRIPT END ******/
/*********** CSS classes used in Product Editor *******/
.css1 {
float: left;
width: 120px;
border: 1px solid green;
margin-right: 115px;
padding-right: 363px;
}
.css2 {
width: 254px;
margin-top: 26px;
border: 1px solid green;
padding-right: 230px;
}
.css3 {
float: left;
width: 230px;
margin-top: 90px;
border: 1px solid green;
padding-right: 254px;
}
.css4 {
width: 240px;
float: left;
margin-top: 50px;
border: 1px solid green;
padding-right: 244px;
}
.needsAnalysisCheckbox {
width: 31%;
margin-left: 5px;
}
/********** CSS classes used in Product Editor END ********/
/********* UNUSED? ***********/
.linkDisabled {
color:lightgrey;
}
.negativeMarginLeft {
margin-left: -5px;
}
.preserveWhiteSpace {
white-space: nowrap;
}
.needsAnalysisRadio {
width: 15px;
margin-left: 15px;
margin-top: 5px;
}
/* Process menu item text due to positioning the text correctly inside the gif */
.processMenuItemText {
}
/* Different style for process menu item text selected */
.processMenuItemTextSelected {
}
/* Process navigation button */
.processNavButton {
background-color: red;
color: #FFFFFF;
padding: 3px;
}
.processNavButton:hover {
}
.processNavButtonDisabled {
}
.radioButton {
}
.stepDiscountDiv {
margin-top: 10px;
}
/* For showing postal code in an narrow column */
.postalcode {
width: 60px;
}
#validationTest {
width: 200px;
padding: 5px;
border: 1px solid red;
float: left;
top: 10px;
}
#existingNeeds {
border: 1px solid #D3D3D3;
width: 90%;
padding-top: 10px;
padding-bottom: 10px;
margin-left: 5px;
}
#newNeeds {
border: 1px solid #D3D3D3;
width: 90%;
margin-left: 5px;
margin-bottom: 10px;
}
.printBottom {
margin-top: 180px;
}
/* Agreement status text with different style depending on status value */
.agreementStatusText {
}
/* For larger icon used in product view */
.productMainIcon
{
margin-top: 5px;
margin-left: 5px;
}
.formPopup {
border: 1px solid black;
padding: 3px;
width: 400px;
display: none;
background: transparent;
position: absolute;
top: 30%;
left: 15%;
z-index: 99;
}
/********** PRODUCT OUTSIDE SN POPUP ******/
html>body #productOutsideSN div.fullWidthLi {
width: 100%;
}
html>body #productOutsideSN .productDropDownMenuDiv {
margin-top: 0px;
}
li.popupListElementShort > div.needsAnalysisDivProduct > div.productLabelDiv {
margin-left: 0px;
}
li.popupListElementIcon > div.needsAnalysisDivProduct > div.productLabelDiv {
margin-left: 0px;
}
li.popupListElement > div.needsAnalysisDivProduct > div.productLabelDiv {
margin-left: 0px;
}
li.popupListElementWide > div.needsAnalysisDivProduct > div.productLabelDiv {
margin-left: 0px;
}
li.popupListElementShort > div.needsAnalysisDivProduct > input[type=checkbox] {
margin-top: 0px;
}
html>body li.popupListElementShort > div.needsAnalysisDivProduct > div.productLabelDiv {
margin-left: 0px;
}
html>body li.popupListElementIcon > div.needsAnalysisDivProduct > div.productLabelDiv {
margin-left: 0px;
}
html>body li.popupListElement > div.needsAnalysisDivProduct > div.productLabelDiv {
margin-left: 0px;
}
html>body li.popupListElementWide > div.needsAnalysisDivProduct > div.productLabelDiv {
margin-left: 0px;
}
html>body li.popupListElementShort, li.popupListElementIcon > div.needsAnalysisDivProduct > input[type=checkbox] {
margin-top: 0px;
}
html>body li.popupListElementShort, li.popupListElementIcon > div.needsAnalysisDivProduct > input[type=checkbox],x:-moz-any-link {
margin-top: -1px;
}
html>body li.fullWidthLi {
width: 100%;
float: left;
margin-left: 5px;
}
/********** END PRODUCT OUTSIDE SN POPUP ******/
/********** MANUAL LOOKUP SN POPUP ******/
#manualLookupPopup .xbutton {
width: 20px;
float: right;
margin-right: 0px;
margin-top: -5px;
}
#manualLookupPopup .listHeader {
width: 400px;
float: left;
}
#manualLookupPopup .buttonBar {
width: 40%;
}
#manualLookupPopup .buttonMedium {
width: 45px;
}
/********** END MANUAL LOOKUP SN POPUP ******/
html>body li.buttonMedium div {
margin-left: 10px;
}
#manualPrice {
float: none !important;
text-align: right;
padding-right: 5px !important;
}
/******** DISCOUNT POPUP. ********/
#errorMessagePopupDiscount.flagBannerInfo {
display: inline-block !important;
margin-left: 5px;
margin-right: 5px;
min-width: 96%;
margin-top: 0px !important;
}
#discount li.productLi, .menuPopupDiscount li.productLi {
margin-left: 5px;
}
#discount li.productLiSlider > div.needsAnalysisDivProduct,
.menuPopupDiscount li.productLiSlider > div.needsAnalysisDivProduct {
width: 100%;
}
html>body #discount li.listHeader,
html>body .menuPopupDiscount li.listHeader {
margin-left: 0px;
list-style: none;
}
html>body li.productLiSlider {
width: 280px;
margin-left: 5px;
}
html>body #discount div.productLiSlider {
width: 100px;
}
html>body #discount li.readOnly20Small {
width: 30px;
}
html>body #discount input.readOnly20Small {
width: 30px;
margin-top: 5px;
}
#discount input.readOnly {
margin-top: 4px;
width: 40px;
}
html>body div.labelHidden {
display: none;
}
#discount input, .menuPopupDiscount input {
text-align: right;
}
#discount li.listHeader, .menuPopupDiscount li.listHeader {
width: 80%;
}
#discount div.listHeader, .menuPopupDiscount div.listHeader {
padding-bottom: 10px;
}
#discount span.changedIcon {
margin-right: 0px;
}
#discount span.changedIconDropDown {
margin-right: 0px;
margin-top: 0px;
}
.menuPopupDiscount div.listHeader {
margin-left: 10px;
}
/********* END DISCOUNT POPUP. *******/
/* DEPRECATED 16.05.2007 */ /* Tools menu under the utility menu */
.toolsMenu {
top: 50px;
height: 45px;
width: 160px;
display: none;
position: absolute;
text-decoration: none;
margin-left: 58%;
background-color: #F20403;
z-index: 98;
}
/*#additionalInformationStyleId {
// margin-top: 10px;
// float: left;
// width: auto;
//}*/
.ageDistributionTable th, .ageDistributionTable td {
text-align: end;
}
#compareAgeGenderForm .buttonBar {
margin-top:20px;
}
.printDialogButtons {
margin-top: 30px;
position: unset;
}
.coverageFieldset table li{
margin-left: 0px!important;
}
.smiley{
width: 50px;
stroke: currentcolor;
stroke-linecap: round;
stroke-linejoin: round;
display:none;
position: relative;
top: 3px;
left: 5px;
}
#meh {
fill: orange;
}
#smile {
fill:#25a325;
}
#frown {
fill: red;
}
.style-discount-value {
font-size: 20px;
margin-top: -8px !important;
position: relative;
}
.style-discount-prc {
float: left;
margin-top: -6px !important;
margin-left:3px;
}
.KVMMidNudgeButton {
background-color: #f8faf6;
text-align: center !important;
float: left;
clear: both;
padding: 10px;
}
.KVMMidNudgeButtonDisabled {
width: 120px;
text-align: center !important;
float: left;
clear: both;
}
.warningDiscount{
display: none;
font-size: 14px;
text-align: left;
position: relative;
float: left;
clear: both;
margin-left: 0px;
border: 1px solid;
padding: 3px;
margin-top: 5px;
}
/* TFA POPOUT START*/
.newProductsTFAtext{
margin-left: 15px;
text-align: center;
border-radius: 10px;
outline: 1px dashed #000000FF;
width: 40px;
height: 14px;
}
.newProductsSeasontext{
text-align: center;
font-size: 20px;
height: 14px;
margin-bottom: 10px;
}
.TFAHoverInfo {
color: #B22300FF;
font-weight: bolder;
}
.newProductsTFAHoverPopOut {
margin: 15px;
display: none;
border-style: ridge;
background: #f3f3ee;
padding: 1px;
position: absolute;
z-index: 1000;
width:235px;
height:60px;
}
.newProductsSeasonHoverPopOut {
margin: 15px;
display: none;
border-style: ridge;
background: #f3f3ee;
padding: 1px;
position: absolute;
z-index: 1000;
}
.newProductsTFAtext:hover + .newProductsTFAHoverPopOut, .newProductsSeasontext:hover + .newProductsSeasonHoverPopOut{
display: block;
}
\/* TFA POPOUT END*
.modal-content {
background-color: #fefefe;
margin: 3% auto;
padding: 20px;
border: 1px solid #888;
width: 80%;
}
.close:hover,
.close:focus {
color: black;
text-decoration: none;
cursor: pointer;
}
.modal {
display: none;
position: fixed;
z-index: 1000;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.4);
}
.close {
color: #aaa;
float: right;
font-size: 28px;
font-weight: bold;
}