/* FONTS */
@font-face { font-family:SamsungOne400; src:url(SamsungOne-400_v1.0.eot); src:url(SamsungOne-400_v1.0.eot?#iefix) format("embedded-opentype"),url(SamsungOne-400_v1.0.woff) format("woff"),url(SamsungOne-400_v1.0.ttf) format("truetype"),url(SamsungOne-400_v1.0.svg#interpolis-icons) format("svg");font-weight:400;font-style:normal; }
@font-face { font-family:SamsungOne800; src:url(SamsungOne-800_v1.0.eot); src:url(SamsungOne-800_v1.0.eot?#iefix) format("embedded-opentype"),url(SamsungOne-800_v1.0.woff) format("woff"),url(SamsungOne-800_v1.0.ttf) format("truetype"),url(SamsungOne-800_v1.0.svg#interpolis-icons) format("svg");font-weight:800;font-style:normal; }

/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }

/* ELEMENTS */
html, body { background:#e6e6e6; margin:0; padding:0; font-family:'SamsungOne400'; font-size:14px; }
a { color:#000; text-decoration:none; }
a:hover { color:#000; text-decoration:underline; }
input[type="text"], input[type="password"], textarea, select { border:1px solid #d9d9d9;  padding:6px; font-size:15px; width:calc(100% - 6px - 6px - 2px); margin:0 0 20px 0; }
textarea, input, select { font-family:'SamsungOne400'; }
select { width:100%; height:31px; }
input[type="submit"], input[type="button"], button, .blueButton { background:#000; color:#ffffff; padding:0 18px; font-size:14px; text-decoration:none; text-transform:uppercase; border:0; cursor:pointer; }
input[type="submit"]:hover, input[type="button"]:hover, button:hover, .blueButton:hover { color:#ffffff; background:#555; }
input[type="submit"], input[type="button"] { line-height:42px; }
input[type="submit"].greyButton, input[type="button"].greyButton { background:#a1a1a1; color:#ffffff; }
ul.optionList, ol.optionList { list-style-type:none !important; margin:0 0 12px 0 !important; padding:0; }
.optionList li { margin:0; padding:0; width:100%; text-align:left; }
.optionList li input[type="radio"], .optionList li input[type="checkbox"] { display:inline-block; padding:0; margin:5px 7px 5px 0; }
.optionList li label.item { display:inline-block; margin:0; padding:0; width:auto; }
.blueButton.small, .greyButton.small { text-transform:none; font-size:12px; padding:5px 12px; }
.errorMessages { color:red; padding:0; margin:0 0 20px 0; }
.errorMessages .subMessages { margin:0; }
.errorMessages .subMessages li { color:red; font-size:0.8em; }
a.blueButton { display:inline-block; padding:8px 22px; }
a.greyButton { display:inline-block; background:#a1a1a1; color:#ffffff; padding:8px 22px; text-decoration:none; text-transform:uppercase; border:0; cursor:pointer; }
a.greyButton:hover { background:#929292; text-decoration:underline; }
input[type="submit"].fullWidth, input[type="button"].fullWidth, button.fullWidth { padding:0; }
h1, h2, h3, h4, h5 { font-family:'SamsungOne800'; font-weight:bold; margin:0 0 20px 0; color:#000; }
h1 { font-size:24px; }
h2 { font-size:20px; }
p { margin:0 0 12px 0; }
ul, ol { margin:0 0 12px 0; }
ul li, ol li { margin:0 0 0 15px; }
label { display:block; width:100%; }
strong { font-weight:bold; }
td { vertical-align:top; }
.minHeight100 { min-height:100px; }
.clear { clear:both; }
.centerText { text-align:center; }
.fullWidth { width:100%; }
.floatRight { float:right; }

.rightArrow:after { content:'>'; margin:0 0 0 5px; display:inline-block; }
.leftArrow:before { content:'<'; margin:0 5px 0 0; display:inline-block; }
.nextButton, .prevButton { color:transparent; font-size:0.0001em; background:#000; display:inline-block; margin:0; padding:4px 8px; }
.nextButton:hover, .prevButton:hover { background:#555; text-decoration:none; }
.nextButton:after, .prevButton:after { color:#ffffff; font-size:20px; }
.nextButton:after { content:'>'; }
.prevButton:after { content:'<'; }

.infoIcon { display:inline-block; width:18px; height:18px; background:#000; border-radius:9px; color:#fff; text-align:center; line-height:18px; font-weight:bold; }
.infoIcon:hover { background:#555; color:#fff; text-decoration:none; }

/* LAYOUT */

header { background:#ffffff;  }
nav#secondary { width:100%; height:47px; position:relative; z-index:2; }
nav#secondary ul { list-style:none; float:right; margin:0; }
nav#secondary ul li { float:left; line-height:47px; margin:0; }
nav#secondary ul li a { color:#777777; margin:0 10px; }
nav#secondary ul li.search { margin:1px 20px 0 0; position:relative; }
nav#secondary ul li.search input[type="text"] { background:#ffffff url(../Images/Sprites.png) no-repeat -310px 7px; background-size:500px 500px; }
nav#secondary ul li.search .clickArea { position:absolute; top:8px; right:0; width:30px; height:30px; cursor:pointer; }
nav#secondary ul li.language { margin-top:15px; }
nav#secondary ul li.language ul { clear:both; }
nav#secondary ul li.language ul li { display:none; clear:both; line-height:normal; margin:0; width:35px; }
nav#secondary ul li.language ul li.active { display:block; }
nav#secondary ul li.language ul li a { display:block; }
nav#secondary ul li.language:hover ul li { display:block; background:#ffffff; padding:0 0 10px 0; }
nav#primary { background:#000; height:75px; width:100%; position:relative; }
nav#primary .logo { display:block; position:absolute; left:20px; top:28px; width:132px; height:23px; color:transparent; font-size:0.0001em; background:url(../Images/Sprites.png) no-repeat 0 0; background-size:790px 790px; }
nav#primary .mobileMenu { display:none; }
nav#primary ul { list-style:none; position:absolute; right:0; margin:0; }
nav#primary ul li { float:left; line-height:74px; margin:0; padding:0 12px; }
nav#primary ul li.active { background:#555; }
nav#primary ul li a, nav#primary ul li span { color:#ffffff; text-transform:uppercase; font-size:17px; }
nav#primary ul li.account { border-left:1px solid #ffffff; padding-left:25px; padding-right:10px; cursor:pointer; }
nav#primary ul li.account span:after { color:#ffffff; content:'>'; z-index:2; margin:0 0 0 10px; }
nav#primary ul li.account ul { display:none; margin:0; }
nav#primary ul li.account:hover ul { display:block; z-index:999; width:250px; background:#e6e6e6; margin:0 0 0 0; border-left:1px solid #cecece; border-right:1px solid #cecece; }
nav#primary ul li.account ul li { line-height:1em; width:100%; border-bottom:1px solid #cecece; margin:0; padding:0; }
nav#primary ul li.account ul li:first-child { padding-top:5px; }
nav#primary ul li.account ul li a { color:#777777; display:inline-block; padding:10px 0 10px 10px; width:calc(100% - 10px); text-transform:none; }
#moodbar { width:100%; height:427px; background-size:contain; position:relative; }
#moodbar .overlay {  position:absolute; top:0; left:0; width:100%; height:100%; background:#ffffff; opacity:0.6; }
#moodbar .contentBackground { width:350px; height:380px; background:#ffffff; opacity:0.8; position:absolute; top:22px; left:50%; margin:0 0 0 -175px; }
#moodbar .contentBackground.b2b { left:auto; right:20px; }
#moodbar .contentContainer { padding:40px; width:calc(350px - 40px - 40px); height:calc(380px - 40px - 40px); position:absolute; top:22px; left:50%; margin:0 0 0 -175px; }
#moodbar .contentContainer.b2b { left:auto; right:20px; }
#moodbar .contentContainer h2 { color:#000000; }
section#mainSection { background:#ffffff; padding:0; min-height:500px; }
section#mainSection article { padding:40px; }
section#mainSection article.noTopPadding { padding-top:0; }
section#mainSection article.noVerticalPadding { padding-top:0; padding-bottom:0; }
section#mainSection article section { background:transparent; }
section#mainSection article section article { padding:0; }
footer { background: #777777; height:90px; line-height:90px; }
footer ul { list-style:none; margin:0 30px; }
footer ul li { float:left; color:#ffffff; }
footer ul li.copyright { float:right; }
footer ul li a, footer ul li a:hover { color:#ffffff; }

/* LISTS */

section.list { display:inline-block; width:100%; margin:0 0 20px 0; }
section.list article { display:inline-flex; width:calc(100% - 2px); border-bottom:1px solid #e6e6e6; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; text-align:left; font-size:0; }
section.list article:nth-child(odd) { background:#fafafa; }
section.list article:hover { border-left:5px solid #555; margin-left:-4px; }
section.list article.head { background:#000; color:#ffffff; font-weight:bold; }
section.list article.head a { color:#fff; }
section.list article.head:hover  { border-left:1px solid #e6e6e6; margin-left:0; }
section.list article .col { display:inline-block; padding:8px; font-size:14px; }
section.list article .w5 { width:calc(5% - 8px - 8px); }
section.list article .w7 { width:calc(7% - 8px - 8px); }
section.list article .w10 { width:calc(10% - 8px - 8px); }
section.list article .w12 { width:calc(12% - 8px - 8px); }
section.list article .w15 { width:calc(15% - 8px - 8px); }
section.list article .w18 { width:calc(18% - 8px - 8px); }
section.list article .w20 { width:calc(20% - 8px - 8px); }
section.list article .w25 { width:calc(25% - 8px - 8px); }
section.list article .w28 { width:calc(28% - 8px - 8px); }
section.list article .w30 { width:calc(30% - 8px - 8px); }
section.list article .w35 { width:calc(35% - 8px - 8px); }
section.list article .w40 { width:calc(40% - 8px - 8px); }
section.list article .w50 { width:calc(50% - 8px - 8px); }
section.list article .w60 { width:calc(60% - 8px - 8px); }
section.list article .w70 { width:calc(70% - 8px - 8px); }
section.list article .w80 { width:calc(80% - 8px - 8px); }
section.list article .w85 { width:calc(85% - 8px - 8px); }
section.list article .w90 { width:calc(90% - 8px - 8px); }
section.list article .col.noOverflow { overflow:hidden; white-space: nowrap; text-overflow: ellipsis; }
section.list article .col.deleteButtonContainer { float:right; padding:4px 8px;}
section.list article.fakeLinks .col{ cursor:pointer; }
section.list article.disabled .col { color:#bbbbbb; }

/* COLUMNS */

.columnContainer { display:inline-block; width:100%; }
.columnContainer .col { float:left; }
.columnContainer .col.verticalMarginRight { margin-right:10%; }
.columnContainer .w2 { width:2%; }
.columnContainer .w10 { width:10%; }
.columnContainer .w15 { width:15%; }
.columnContainer .w20 { width:20%; }
.columnContainer .w25 { width:25%; }
.columnContainer .w30 { width:30%; }
.columnContainer .w35 { width:35%; }
.columnContainer .w40 { width:40%; }
.columnContainer .w49 { width:49%; }
.columnContainer .w50 { width:50%; }
.columnContainer .w60 { width:60%; }
.columnContainer .w70 { width:70%; }
.columnContainer .w80 { width:80%; }
.columnContainer .w85 { width:85%; }
.columnContainer .w90 { width:90%; }

/* LOADING */

.loadingContainer { position:absolute; top:0; left:0; width:100%; height:100%; background:transparent; z-index:99990; }
.loadingContainer .background { position:absolute; top:0; left:0; width:100%; height:100%; background:#ffffff; opacity:0.8; z-index:99991; }
.loadingContainer .icon { position:absolute; top:50%; left:50%; width:100px; height:100px; margin:-50px 0 0 -50px; z-index:99992; background:url(../Images/Sprites.png) no-repeat -125px -125px; background-size:1500px 1500px; }
.loadingContainer .icon.small { width:25px; height:25px; margin:-12px 0 0 -25px; background-size:375px 375px; background-position:-31px -31px; }
.loadingContainer .icon { -webkit-animation:spin 2s linear infinite; -moz-animation:spin 2s linear infinite; animation:spin 2s linear infinite; }
@-moz-keyframes spin { 100% { -moz-transform:rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform:rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg); } }

/* POPUP */

.popupBackground {position:fixed;top:0;left:0;width:100%;height:100%;background:transparent;}
.popupBackground .opaque {position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.4;}
.popupWindow { position:absolute;background-color:#fff;border:1px solid #777;box-shadow:3px 3px 8px #777; top:20%; left:50%; width:50%; min-height:200px; margin-top:0; margin-right:0; margin-bottom:-25%; margin-left:-25%; }
.popupWindow .popupTitle {float:left;width:calc(100% - 14px);padding:6px 4px 4px 10px;background-color:#000;color:#fff;font-weight:bold;border-bottom:1px solid #dce0e0;}
.popupWindow .popupContent {position:relative;float:left;width:calc(100% - 2rem);height:calc(100% - 60px);padding:1rem;overflow:auto;line-height:1.3rem;}
.popupWindow .popupContent ul {list-style-type:disc;margin:1rem 0 1rem 2rem;}
.popupWindow .popupContent ul li {font-size:1rem;line-height:1.3rem;}
.popupWindow.noTitle .popupContent { height:calc(100%);}
.popupWindow .closeButton {width:calc(100% - 10px);padding:5px 10px 5px 0;background-color:#000;color:#fff;font-weight:bold;cursor:pointer;text-align:right;}
.popupWindow .title {display:block;margin-bottom:1vw;}
.popupWindow.errors { width:500px; top:0; margin:25% 0 0 -250px; }
.popupWindow.languages { width:450px; height:200px; top:0; margin:25% 0 0 -250px; }

/* PAGE SPECIFIC */

.loginContainer .rightArrow, .loginContainer input[type="submit"] { display:block; margin:0 0 20px 0; }
#dealerSelectionContainer { height:500px; overflow:auto; }
.addressContainer .field { float:left; width:100%; }
.addressContainer .field.streetname { width:60%; }
.addressContainer .field.housenumber { width:calc(15% - 15px); margin-left:calc(10% + 15px); }
.addressContainer .field.housenumberaddition { width:calc(15% - 15px); margin-left:15px; }
.addressContainer .field.postalcode { width:20%; }
.addressContainer .field.city { width:calc(40% - 15px); margin-left:15px; }
.addressContainer .field.country { width:calc(30% - 15px); margin-left:calc(10% + 15px); }
.addressContainer .field.telephonenumber { width:calc(50% - 15px); }
.addressContainer .field.emailaddress { width:calc(50% - 15px); margin-left:30px; }
.addressContainer.registrationContainer .field.companyname { width:60%; }
.addressContainer.registrationContainer .field.companyemail { width:60%; }
.addressContainer.registrationContainer .field.productGroups { width:calc(30% - 15px); margin-left:15px; float:right; }
.addressContainer.registrationContainer .field.retailDealerType { width:calc(30% - 15px); margin-left:15px; float:right; }
section.list.users .WaitingForApproval { color:red; }
section.list.users .NotApproved { color:#bbbbbb; }
section.list.users .InActive { color:#bbbbbb; }
section.list.users .Administrator { font-weight:bold; }
.largeLanguageSelection { display:none; }
.largeLanguage { display:block; float:left; width:160px; text-align:center; margin:15px 25px 0 25px; }
.largeLanguage .flag { margin:0 0 5px 0; display:block; font-size:0.0001em; color:transparent; width:150px; height:100px; background:url(../Images/Sprites.png) no-repeat; background-size:3000px 3000px; }
.largeLanguage .flag.nl { background-position:0 -200px; }
.largeLanguage .flag.en { background-position:0 -320px; }
.largeLanguage .flag.fr { background-position:0 -440px; }
.largeLanguage .flag.de { background-position:0 -560px; }

.caseForm {  }
.caseForm .row { width:100%; padding:0; margin:0; }
.caseForm .row .column { float:left; display:block; padding:0; margin:0; }
.caseForm .row .column:last-child { margin-right:0; }
.caseForm .row .column .section { width:calc(100% - 2px); margin:0 0 20px 0; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; }
.caseForm .row .column .section h2 { margin:0; padding:1% 2%; width:calc(100% - 4%); font-size:1.2em; color:#000000; background:#e6e6e6; }
.caseForm .row .column .section .field { width:calc(100% - 4%); padding:2% 2%; border-bottom:1px solid #e6e6e6; clear:both; }
.caseForm .row .column .section .field .fieldLabel { float:left; display:block; width:40%; padding:0; margin:0; }
.caseForm .row .column .section .field .fieldContainer { float:left; display:block; width:60%; padding:0; margin:0; position:relative; }
.caseForm .row .column .section .field .isMandatory:after { content:'*'; color:red; font-size:0.8em; margin:-3px 0 0 0; }
.caseForm.isReadOnly .row .column .section .field .isMandatory:after { display:none; }
.caseForm .row .column .section .field input, .caseForm .row .column .section .field select, .caseForm .row .column .section .field textarea, .caseForm .row .column .section .field .optionList { margin-bottom:0 !important; }
.caseForm .row .column .section .field textarea { height:125px; }
.caseForm .row .column .section .field input[type="button"] { line-height:24px !important; }
.caseForm .row .column .section .field .dateContainer select { margin:0 15px 0 0; }
.caseForm .row .column .section .field .dateContainer select.day { width:60px; }
.caseForm .row .column .section .field .dateContainer select.month { width:120px; }
.caseForm .row .column .section .field .dateContainer select.year { width:70px; }
.caseForm .row .column .section .field .subSelection { width:calc(100% - 23px); margin-left:23px;  }
.caseForm .row .column .section .field .attachmentInfoContainer { height:35px; }
.caseForm .row .column .section .field .deleteAttachmentButton { margin-bottom:5px !important; }
.caseForm .row .column .section .field .hint { clear:both; margin-top:5px; font-size:0.8em; font-style:italic; }
.caseForm .row .column .section .field .attachmentList { margin-top:40px; display:none; }
.caseForm .row .column .section .field .attachmentList .deleteMultiAttachmentButton { float:none; margin:0; }
.caseForm .row .column .section .field .attachmentList article { display:block; }
.caseForm .row .column .section .field .attachmentList article .col { vertical-align:top; }
.caseForm .row .column .section .field .skipSerialNumber.disabled { color:#ccc; }
.caseForm .row .column .section .field.RepairServiceType li input[type="radio"] { display:none; }
.caseForm .row .column .section .field.RepairServiceType li { display:none; }
.caseForm .row .column .section .field .dealerAddressSelection { width:90%; display:inline-block; }
.caseForm .row .column .section .field li.DealerLocation .dealerAddressSelection { width:83%; }
.caseForm .row .column .section .field .addressAddButton { width:28px; height:31px; background:#000; display:inline-block; color:#fff; text-align:center; line-height:33px; vertical-align:top; font-size:2.2em; }
.caseForm .row .column .section .field .addressAddButton:hover { text-decoration:none; background:#555; }
.caseForm .row .column .section .field .noValueHint { display:block; font-style:italic; }

.uploadify, .uploadifive { display:block; position:relative; margin:0; padding:0; float:right; width:30px !important; margin:0 0 0 10px; }
.attachmentInfoContainer { float:left; display:block; width:calc(100% - 30px - 10px - 30px - 10px); }
.deleteAttachmentButton, .deleteMultiAttachmentButton, .deleteCommentAttachmentButton, .deleteClaimAttachmentButton, .deletePurchasedPartButton { float:right; display:block; width:30px; height:30px; margin:0 0 0 10px; padding:0 !important; border-radius:15px; color:transparent !important; font-size:0.0001em !important; background:#000 url(../Images/Sprites.png) no-repeat -45px -136px !important; background-size:600px 600px !important; }
.deleteClaimAttachmentButton, .deletePurchasedPartButton { float:none; clear:both; }
.uploadify-button, .uploadifive-button { cursor:pointer; display:block; width:30px !important; height:30px !important; margin:0; padding:0; border-radius:15px; color:transparent; font-size:0.0001em; background:#000 url(../Images/Sprites.png) no-repeat -45px -104px; background-size:600px 600px; }
.uploadify-queue, .uploadifive-queue { position:absolute; top:18px; left:0; width:200px; height:20px; overflow:none; }
.uploadify-queue a.close, .uploadifive-queue a.close { display:none; }
.uploadify-queue-item, .uploadifive-queue-item { overflow:hidden; margin-top:14px; }
.uploadify-queue-item .fileName, .uploadifive-queue-item .fileName { display:none; }
.uploadify-queue-item .data, .uploadifive-queue-item .data { display:block; margin-left:-9px; }
.uploadify-queue-item .cancel, .uploadifive-queue-item .cancel { display:none; }
.uploadify-queue-item.complete, .uploadifive-queue-item.complete { display:none; }
.claimAttachmentColumn .uploadify-queue, .claimAttachmentColumn .uploadifive-queue { display:none; left:180px;top:65px;  background:#ffffff; border:1px solid #777777; border-radius:4px; box-shadow:1px 1px 5px #aaaaaa; width:200px; height:40px; padding:10px; }
#selectPurchasedPartsButton { float:right; display:block; width:30px; height:30px; margin:0 0 0 10px; padding:0 !important; border-radius:15px; color:transparent !important; font-size:0.0001em !important; background:#000 url(../Images/Sprites.png) no-repeat -45px -166px !important; background-size:600px 600px !important; }
.exportPdfButton, .exportExcelButton { float:right; display:block; width:30px; height:30px; margin:0 0 0 10px; padding:0 !important; border-radius:15px; color:transparent !important; font-size:0.0001em !important; background:#000 url(../Images/Sprites.png) no-repeat 0 0 !important; background-size:600px 600px !important; }
.exportPdfButton { background-position:-45px -196px !important; }
.exportExcelButton { background-position:-45px -226px !important; margin-top:-50px; }

.pagingContainer { width:100%; height:30px; margin:20px 0; position:relative; }
.pagingContainer .prevButton { position:absolute; left:0; top:0; }
.pagingContainer .nextButton { position:absolute; right:0; top:0; }
.pagingContainer .pageNumbers { position:absolute; width:calc(100% - 50px); top:0; left:50%; margin:0 0 0 calc(-50% + 25px); text-align:center; }
.pagingContainer .pageNumbers .page { display:inline-block; padding:2px 4px; width:auto; text-align:center; border:1px solid #000; }
.pagingContainer .pageNumbers .page.current { background:#000; color:#ffffff; }
.pagingContainer .pageNumbers .delimiter { display:inline-block; }

.tabControl { width:100%; }
.tabControl .tabItems { width:100%; border-bottom:2px solid #000; margin:0 0 20px 0; }
.tabControl .tabItems .tabItem { border:1px solid #000; border-bottom:1px solid #ffffff; font-size:1.2em; padding:5px 10px; display:inline-block; border-top-left-radius:6px; border-top-right-radius:6px; cursor:pointer; }
.tabControl .tabItems .tabItem.active { background:#000; color:#ffffff; border-bottom:1px solid #000;  }
.tabControl .tabContent { width:100%; display:none; }
.tabControl .tabContent.active { display:block; }

.caseComments {  }
.caseComments article { margin:20px 0 0 0; width:100%; border:1px solid #e6e6e6; }
.caseComments article .head { background:#e6e6e6; padding:10px; width:calc(100% - 20px); }
.caseComments article .head .author, .caseComments article .head .date, .caseComments article .head .time { font-weight:bold; }
.caseComments article .body { padding:10px; }
.caseComments article .commentAttachments { margin:20px 0 0 0; }
.caseComments article .commentAttachments h3 { margin:0 0 5px 0; font-size:0.9em; }
.caseComments article .commentAttachments ul li { font-size:0.8em; }

#addCommentContainer { margin:30px 0 0 0; }
#addCommentContainer textarea { height:100px; }
#commentAttachments { margin:30px 0 0 0; display:none; }
#commentAttachments h3 { margin:0 0 10px 0; }
#commentAttachments .attachment { width:100%; }
#commentAttachments .attachment .deleteCommentAttachmentButton { float:left; margin:0; }
#commentAttachments .attachment span { float:left; margin:5px 0 0 15px; width:calc(100% - 50px); min-height:30px; }

#countrySelection { width:30%; position:absolute; left:50%; margin:0 0 0 -15%; }
#countrySelection .flag { display:block; width:20px; height:14px; font-size:0.0000em; color:transparent; background:url(../Images/Sprites.png) no-repeat; background-size:400px 400px; }
#countrySelection .flag.nl { background-position:0 -26px; }
#countrySelection .flag.en { background-position:0 -42px; }
#countrySelection .flag.fr { background-position:0 -58px; }
#countrySelection .flag.de { background-position:0 -74px; }

.readOnlyDetails { display:block; margin:0 0 30px 0; }
.readOnlyDetails .field { display:block; width:100%; padding:3px 0; }
.readOnlyDetails .field .label { display:inline-block; width:35%; font-weight:bold; }
.readOnlyDetails .field .value { display:inline-block; width:63%; }

.listFilterContainer { z-index:9; position:relative; display:inline-block; margin:0 0 20px 20px; background:#fff; border:1px solid #000; width:250px; height:32px; }
.listFilterContainer:first-child { margin-left:0; }
.listFilterContainer label { font-weight:bold; position:absolute; top:7px; left:7px; width:40%; }
.listFilterContainer span, .listFilterContainer ul { width:60%; }
.listFilterContainer span { position:absolute; top:7px; right:0; height:22px; overflow:hidden; }
.listFilterContainer ul { z-index:10; display:none; list-style-type:none; margin:0; padding:7px; position:absolute; top:31.5px; right:-1px; background:#fff; border-left:1px solid #000; border-bottom:1px solid #000; border-right:1px solid #000; }
.listFilterContainer ul li { width:calc(100% - 11px); padding:0 5px 5px 6px; margin:0; background:#fff; }
.listFilterContainer .textSearchField { position:absolute; top:0; right:0; width:57%; border:0; height:30px; padding:1px 0 0 10px; background:#ffffff url(../Images/Sprites.png) no-repeat -355px 7px; background-size:500px 500px; }
.listFilterContainer .clickArea { position:absolute; top:8px; right:0; width:30px; height:30px; cursor:pointer; }
.listFilterContainer:hover { z-index: 10; }
.listFilterContainer:hover ul { display:block; }

.listFilterContainer.ModelCode { width: 270px; }
.listFilterContainer.ModelCode .textSearchField { background-position: -344px 7px; }

.listFilterContainer.SerialNumber { width:300px; }
.listFilterContainer.SerialNumber .textSearchField { background-position: -328px 7px; }

.listFilterContainer.TextSearch { width:350px; }
.listFilterContainer.TextSearch .textSearchField { background-position: -300px 7px; }

.listFilterContainer.Dealer label { width:25%; }
.listFilterContainer.Dealer span, .listFilterContainer.Dealer ul { width:75%; }

.listFilterContainer.Status { width:205px; }
.listFilterContainer.Status label { width:50%; }
.listFilterContainer.Status span, .listFilterContainer.Status ul { width:50%; }

.listFilterContainer.RequestType { width:350px; }
.listFilterContainer.RequestType label { width:35%; }
.listFilterContainer.RequestType span, .listFilterContainer.RequestType ul { width:65%; }


.sortColumn.asc:after, .sortColumn.desc:after { content:' '; margin:0 0 0 5px; display:inline-block; width:0; height:0; border-style:solid; }
.sortColumn.asc:after { border-width:0 5px 10px 5px; border-color:transparent transparent #fff transparent;  }
.sortColumn.desc:after { border-width:10px 5px 0 5px; border-color:#fff transparent transparent transparent;  }

.dynamic-field { position: relative; width:100%; min-height:30px; }
.dynamic-field .skipSerialNumber { display:none !important; }
.dynamic-field.FinalText { border-bottom: 1px solid #e6e6e6; }
.dynamic-field.FinalText p { margin:20px 0 20px 10px; }
.dynamic-field .is-loading { margin:0 0 0 0; width:25px; height:25px; background:url(../Images/Sprites.png) no-repeat -125px -125px; background-size:375px 375px; background-position:-31px -31px; -webkit-animation:spin 2s linear infinite; -moz-animation:spin 2s linear infinite; animation:spin 2s linear infinite; }
@-moz-keyframes spin { 100% { -moz-transform:rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform:rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg); } }
#dynamicReturnFormContainer .submit-button { margin-top:30px; }