/* Återställ vissa foundation.css inställningar */
img { max-width: initial;}

/* OBS efter uppdatering skall versionsnr i querystring ändras för att rensa klientcache */
html, body { height: 100%; margin: 0; padding: 0; }
body { background: white; background-position: 0 150px; color: #333; font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 11px; line-height: 1.3em; text-align: left; }

/* main layout */
#body-authorized { margin: 0; text-align: left; }
#body-authorized #content_top { background: url('/App_Themes/Default/headLogo.png') no-repeat; clear: both; height: 85px; max-width: 980px; position: relative; }
#body-authorized #content { clear: both; max-width: 1240px; min-height: 600px; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
#body-authorized #contentplaceholder { margin: 1.2% 2% 0 2%; width: auto; -webkit-box-sizing: border-box; box-sizing: border-box; }
#body-authorized #content_bottom { padding: 10px 2% 10px 2%; clear: both; max-width: 980px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: right; }
p, h1, h2, h3, #contentplaceholder > ul { max-width: 980px; -webkit-box-sizing: border-box; box-sizing: border-box; }

/* Wide pages */
body.Internal #body-authorized #content, body.Admin #body-authorized #content { max-width: 1900px; }

/* page header layout with menu */
#login_status { bottom: 4px; font-size: 9px; max-width: 980px; position: absolute; right: 0; text-align: right; }
#menu { background: url('/App_Themes/Default/headMenuBar.png') top right repeat-x; float: left; margin: 84px 0 0; width: 100%; }
#homelink { height: 80px; position: absolute; width: 180px; z-index: 1; }
.topLevelControl { position: relative; z-index: 10; }
.changeSupplier { margin: 2px 0 1px 0; }

/* login / logout pages */
#not-authorized .login-page { font-size: 12px; line-height: 1.5em; width:100%; max-width: 400px; display: block; margin: 5% auto; padding: 90px 24px 25px 22px; background:none repeat scroll 0 0 #fff; border: 1px solid #cccccc;
-o-border-radius:10px;-icab-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:3px;border-radius:10px;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;
background: url('/App_Themes/Default/headLogo.png') no-repeat; /*-moz-box-shadow: 0 0 15px 0px #888;-webkit-box-shadow: 0 0 15px 0px #888;box-shadow: 0 0 15px 0px #888;*/}
#not-authorized .login-page .inputs, #not-authorized .login-page .login-button { margin-top: 5px; margin-bottom: 5px; }
#not-authorized .login-page input[type="text"], #not-authorized .login-page input[type="password"] { font-size: 12px; width: 100%; padding: 8px; margin: 2px 0 8px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box; }
#not-authorized .login-button input { width: 170px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box; }
#not-authorized .logout-page { width: 100%; max-width: 400px; margin: 10% auto; padding: 15px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box; }
.manual-link { margin-right: 8px; }
.icon-link { text-decoration: none;     margin: 0px 0px 0px 0px;}   
.video-icon-small, .pdf-icon-small { vertical-align: text-bottom; }
.video-link-text { }
.messageBox { max-width: 940px; padding: 10px 0; }

/* Notification */
.notification {display: none;  max-width: 940px;margin: 35px 0 5px 0;padding:0; border-radius: 2px 10px 10px 2px;}
.notification p { margin: 0 0 0 30px;padding: 5px 74px 5px 10px;position: relative;background-color: #fff;border-top: 1px;border-right: 1px;border-bottom: 1px;border-left: 0px;
                  border-color: #d5d5d5;border-style: solid;border-radius: 0 2px 2px 0;cursor: default!important;}

.notification .notification-icon {display: inline-block;position: absolute;top: 50%;width: 18px;height: 19px;left: -24px;margin-top: -9px;overflow: hidden;text-indent: -9999px;vertical-align: middle;background-repeat: no-repeat;background-color: rgba(0, 0, 0, 0)}
.notification.type-info { background-color: #61d64f; }
.notification.type-info .notification-icon { background-image: url("/media/images/notification-info.png"); }
.notification.type-news { background-color: #61d64f; }
.notification.type-news .notification-icon { background-image: url("/media/images/notification-flash.png"); }
.notification.type-payment { background-color: #61d64f; }
.notification.type-payment .notification-icon { background-image: url("/media/images/notification-money.png"); }
.notification.type-warning { background-color: #d6b64f; }
.notification.type-warning .notification-icon { background-image: url("/media/images/notification-warning.png"); }
.notification.type-technical { background-color: #d6b64f; }
.notification.type-technical .notification-icon { background-image: url("/media/images/notification-connection.png"); }
.notification.type-security { background-color: #d6b64f; }
.notification.type-security .notification-icon { background-image: url("/media/images/notification-security.png"); }
.notification.type-settings { background-color: #d6b64f; }
.notification.type-settings .notification-icon { background-image: url("/media/images/notification-settings.png"); }
.notification.type-report { background-color: #4fb8d6; }
.notification.type-report .notification-icon { background-image: url("/media/images/notification-accounting.png"); }
.notification.type-accounting { background-color: #4fb8d6; }
.notification.type-accounting .notification-icon { background-image: url("/media/images/notification-bill.png"); }
.notification.type-receival { background-color: #4f50d6; }
.notification.type-receival .notification-icon { background-image: url("/media/images/notification-pallet.png"); }
.notification.type-order { background-color: #4f50d6; }
.notification.type-order .notification-icon { background-image: url("/media/images/notification-location.png"); }

.notification-button, .notification-inline-button {height: 16px;width: 16px;
    display: inline-block;background-repeat: no-repeat;background-color: rgba(0, 0, 0, 0);overflow: hidden;text-indent: -9999px;vertical-align: middle;}
.notification-button { position: absolute;left: auto;right: 5px;top: 4px;}
.notification-button.read {background-image: url("/media/images/checkmark-16.png"); height: 16px;width: 16px;right: 25px;}
.notification-button.badge {margin: 0 0 0 8px;right: 47px;}
.notification-button.close {background-image: url("/media/images/close-15.png"); height: 15px;width: 15px;top: 5px;}
.notification-inline-button.ellipsis {background-image: url("/media/images/comment-16.png"); margin:0 2px 0 2px;}
.ellipsis { vertical-align: text-bottom;}

.badge {display: inline-block;height: 16px;line-height: 16px;padding: 0 5px 0 6px;vertical-align: text-top;width: auto;font-size: 11px;
    font-family:arial,​sans-serif;text-decoration: none;background-color: #f15e34;border-radius: 8px;color: #fff;text-align: center;text-indent: 0;}
.badge:link, .badge:visited { color: #fff;}
.badge.noMessages {background-color: #bfbfbf;}

.unread { font-weight: bold; }

.qtip {max-width: 600px;min-width: 200px;line-height: 16px;}
.grid .gridRow td, .grid th {border-width: 1px 0; border-color: #CCCCCC;padding: 2px 4px;}

/* Narrow desktop or portrait tablet */
@media (max-width: 950px) {
    /*#body-authorized #contentplaceholder { margin: 12px 6px 0 8px; }*/
}
/* Mobile or tablet */
@media (max-width: 700px) and (max-height: 700px) {
    #body-authorized #contentplaceholder { margin: 2px 3px 0 3px; }
}
/* Mobile narrow portrait */
@media (max-width: 400px) {
    #body-authorized #login_status, #homelink { display: none; }
    #body-authorized #menu { margin: 0; }
    #body-authorized #content_top { height: auto; }
    #not-authorized .login-page { font-size: 14px; border: none !important; margin: 0 !important; padding-top: 70px !important; background-position: 0 -5px !important; }
    #not-authorized .login-page .inputs { margin-bottom: 0 !important; }
    #not-authorized .login-page .login-button input { width: 100%!important; font-size: 1.4em; }
}
/* Prevent font scaling in landscape while allowing user zoom */
html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
@media print {
    .no-print, .no-print *, .freshwidget-button, .freshwidget-button * {display:none!important}
}

/* Link styles */
a:link, a:hover { color: #ed8530; }
a:visited { color: #bf6c28; }
a:active:not(.dxbDisabled_Office2010Blue) { color: #cd3112 !important; }
#menu a:link, #menu a:hover { color: #528fbd !important; }
#menu a:visited { color: #2c475d; }

/* Plain tag styles */
h1 { color: #528fbd; font-size: 2em; margin: 0 20px 1.3% 0; padding: 1% 0 0 0; border-bottom: 1px solid #DCDCDC; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; width: 100%; max-width: 930px; }
h2 { color: #528fbd; font-size: 1.8em; margin: 0; padding: 0.8em 0 0.2em 0; }
h3 { color: #528fbd; font-size: 1.6em; margin: 0; padding: 0.8em 0 0.2em 0; }
h4 { font-size: 1.15em; margin: 0; padding: 0.6em 0 0.3em 0; }
h5 { font-size: 1.075em; margin: 0; padding: 0.8em 0 0.2em 0; }
h1, h2, h3 { font-family: Garamond, Georgia, Times; }
h1, h2, h3, h4, h5, h6 { line-height: 1.2em; }
p { margin: 6px 0; padding: 0; }
ul { margin: 0 0 11px 0; padding-left: 4%; }
select { border-radius: 0; -webkit-border-radius: 0; min-height: 22px; } /* Safari square corners and adjusted height (padding does not work in safari) */
input, select, textarea { font-family: Verdana; font-size: 11px; padding: 3px; }
input[type="submit"], input[type="button"], select, a.dxbButtonSys { background: url('/App_Themes/Office2010Blue/Web/mItemBack.png') repeat-x #dae5f2; padding: 3px; border-color: #8ba0bc; border-style: solid; border-width: 1px; color: #1e395b; font-size: 11px; }
 a.dxbButton_Office2010Blue.dxbButtonSys { padding: 5px 12px; font-weight: bold; }
input[type="submit"]:hover, input[type="button"]:hover, a.dxbButtonSys:hover:not(.dxbDisabled_Office2010Blue) { background: #fcf9df; }
input[type="submit"], input[type="button"], button, .button { cursor: pointer; }
input[type="radio"] { margin-right: 6px; }
input, select { background: White; border-color: #8ba0bc; border-style: solid; border-width: 1px; }
a.dxbButtonSys { display: inline-block; text-decoration: none !important; margin-top: 0 !important; font-family: Arial; }
a.dxbButtonSys:not(.dxbDisabled_Office2010Blue) { color: #1e395b !important; }
label { color: #4d4d92; cursor: pointer; max-width: 100%; }

/* Call to action */
.call-to-action, input.call-to-action, a.call-to-action, a.call-to-action:link, a.call-to-action:visited { border: 1px solid #51297d; background: initial; background-color: #a672e0; color: #fff !important; transition: background-color 300ms ease-out; font-weight: bold; }
.call-to-action:hover, input.call-to-action:hover, a.call-to-action:hover { background: initial; background-color: #7e47bb; }

/* Plain lists in body */
#contentplaceholder > ol, #contentplaceholder > ul { margin-bottom: 0.6em; margin-top: 0.4em; }
#contentplaceholder > ul > li, .dxrpControl_Office2010Blue li { padding-bottom: 3px; }

/* Grid export etc */
.grid-actions { display: block; clear: both; overflow: auto; padding-top: 8px; }
.layout-control div { float: left; min-height: 22px; padding-right: 5px; padding-bottom: 1px; vertical-align: middle; } /* mobile: float: none; display: block; clear: both; */
.grid-actions, .grid-actions input, .grid-actions select { font-family: Arial; font-size: 11px; }
.grid-actions input, .grid-actions select { margin: 0; }

.Msg { background-color: #f8fbdc; border: 1px solid #576080; clear: both; margin: 9px; padding: 10px; }

div.infobox { border: solid 1px #e6e6e6; margin: 8px 0; padding: 10px; width: 600px; }

.alertText { background: none repeat scroll 0 0 #fff; background-color: #FFF2F2; border: solid 2px #bb0000; border-radius: 6px; color: #bb0000; display: block; font-size: 0.8em; padding: 6px; }

/* util */
.captchatextbox { width: 170px; }
.red { color: #ff0000; }
.left { text-align: left; }
.center { text-align: center; }
.right, .text-right { text-align: right; }
.inline-icon {vertical-align: text-bottom;}
.inline-block { display: inline-block;}
.clear { clear: both; }
.fleft { float: left; }
.fright { float: right; }
.inline { display: inline; }
.block { display: block; }
.bold { font-weight: bold; }
.smaller { font-size: smaller; }
.b { font-weight: 700; }
.i { font-style: italic; }
.n { font-style: normal; font-weight: 400; }
input.xlarge, textarea.xlarge { width: 500px; }
input.large, textarea.large { width: 400px; }
input.medium, textarea.medium { width: 300px; }
input.small, textarea.small { width: 200px; }
input.xsmall, textarea.xsmall { width: 100px; }
input.xxsmall, textarea.xxsmall { width: 50px; }
input[type="submit"].bigButton, input[type="button"].bigButton, div.bigButton, a.button, input.button { padding: 10px 30px!important; margin: 6px 0; font-size: 11px; }
a.button.small, input.button.small { padding: 5px 10px; margin: 6px 0; font-size: 10px; }
.nowrap { white-space: nowrap; }
.truncated { overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
.word-break { word-break: break-all; }
/* Css trick on span to limit vertical height */
.truncate-vertical-3 { max-height: 3.8em; display: block; overflow: hidden; font: inherit; }

/* Visa mig länk */
/*h1.show-me { padding-right: 0; }*/
h1 span.link-group { display: inline-block; float: right; vertical-align: baseline; }
h1 a { display: block; float: right; padding: 0px 8px; margin-left: 6px; margin-top: 0px; margin-bottom: 5px; 
    font-size: 12px; font-family: sans-serif; text-decoration: none; text-align: center;
    transition: background-color 300ms ease-out; }
h1 a, h1 a:link { border: 1px solid #849dbe; background-color: #b3c9e2; color: #1e395b; }
h1 a:hover { background-color: #849dbe; }
h1 a.manual { border: 1px solid #65ab46; background-color: #a3d78b; color: #225b1e; }
h1 a.manual:hover { background-color: #65ab46; }
h1 a.show-me { border: 1px solid #783e6e; background-color: #e072cd; color: #fff; }
h1 a.show-me:hover { background-color: #c440ad; }

/* Manualer */
div.infoBox { border: 1px solid #BDD7E5; margin: 5px 10px 5px 0; padding: 10px; width: 600px; }
div.infoBox h3 { margin: 0; padding: 0; }
div.infoBox h3 > a { color: #528FBD; text-decoration: none; }
div.infoBox img { float: right; padding: 0 0 0 5px; }

/* Mobile or tablet */
@media (max-width: 700px) and (max-height: 700px) {
    select { height: 30px; } /* Safari square corners and adjusted height (padding does not work in safari) */
    input, select, input[type="button"], input[type="submit"] { font-size: 12px !important; padding: 6px !important; }
}

/* Bootstrap media queries (a subset) */
@media (max-width: 767px) {
    .hidden-xs { display: none !important; }
}
@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm { display: none !important; }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md { display: none !important; }
}

/* Bootstrap picks */
.form-group { margin-bottom: 15px; }
.form-group > label { margin-bottom: 5px; }
.form-control { display: block; width: 100%; font-size: 14px; line-height: 1.42857143; color: #555; }
.form-control .dxic .dxeEditAreaSys { padding: 5px!important; }

/* Responsivt formulär */
/* Lite större formulärfält */
.form { font-size: 12px; }
.form select { height: 30px; } /* Safari square corners and adjusted height (padding does not work in safari) */
.form input, .form select, .form textarea, .form input[type="button"], .form input[type="submit"] { font-size: inherit !important; padding: 6px; }
/* Mobile or tablet */
@media (max-width: 700px) and (max-height: 700px) {
    .form { font-size: 16px; line-height: 1.2em; }
    .form input, .form select, .form textarea, .form input[type="button"], .form input[type="submit"] { font-size: inherit !important; padding: 12px!important; }
}

.form .form-group { margin: 0; }
.form-group { padding: 10px 0 0 0; clear: both; }
.form-label, .form-group > label { width: 35%; height: 100%; padding: 8px 0 0 0; float:left; display: block; font-weight: bold; }
.form-field { width: 62%; margin: 0 0 0 3%; float: left; }
.form-field > * { width: 100%; }
.form-field span { display: inline-block; }
@media (max-width: 700px), (max-height: 700px) {
    .form-label, .form-group > label { width: 100%!important; float: none; }
    .form-field { width: 100%!important; margin: 6px 0 0 0; float: none; }
}

/* DevExpress ASPxMenu */
.dxm-main { font: 8pt Verdana, Geneva; }
.dxmLite_Office2010Blue .dxm-popup .dxm-content { padding-right: 12px!important; padding-left: 6px!important; }

.inline-block { display: inline-block; }

/* DevExpress ASPxTabControl */
.dxtcLite_Office2010Blue { max-width: 930px; }
/* Större tabbar (se även .skin) */
.dxtc-tab .dxtc-link, .dxtc-activeTab .dxtc-link { padding: 6px 12px; }
/* Rundade hörn */
.dxtc-tab, .dxtc-activeTab { -icab-border-radius: 5px; -khtml-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -o-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
/* Dölj vänster indentering */
.dxtc-leftIndent { display: none !important; }

/* DevExpress ASPxRoundPanel */
.dxrpControl_Office2010Blue { max-width: 930px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 8px 0; }
.dxrpHeader_Office2010Blue { font-weight: bold; }
.dxrpHeader_Office2010Blue:hover { color: #ed8530; }
.dxrpHeader_Office2010Blue:active { color: #cd3112; }
.dxrpControl_Office2010Blue > tbody > tr.dxrpCR > .dxrpcontent { background-image: none; background: inherit; }

/* DevExpress ASPxPivotGrid */
.dxpgControl_Office2010Blue, .dxpgCustForm_Office2010Blue { font-size: 10px; }

/* DevExpress ASPxGridView */
/* Titel lite större */
.dxgvTitlePanel_Office2010Blue { font-size: 11px; }
.dxgvTitlePanel_Office2010Blue, .dxgvTable_Office2010Blue caption { padding: 5px; }
/* Gruppfot */
.dxgvGroupFooter_Office2010Blue td.dxgv { padding: 3px; }
/* Hack: inline-block to make margin right work */
/* When we add zoom:1 and *display:inline (star hack to target IE6 & 7) to the <li>s, we make IE 7 display them as if they were inline-block */
.dxgvControl_Office2010Blue, .dxgvDisabled_Office2010Blue { font-size: 9px; }
.dxgvControl_Office2010Blue, .dxgvDisabled_Office2010Blue { margin-right: 4px; display: inline-block; zoom: 1; *display: inline; }
.dxeHyperlink_Office2010Blue { font: inherit; }
/* Knappar: "Ändra" */
.dxgvCommandColumn_Office2010Blue { padding: 0 6px !important; }
@media (max-width: 767px) {
    /* Reduce margin on mobile */
    .dxgvHeader_Office2010Blue, .dxgvDataRow_Office2010Blue td.dxgv, .dxgvFooter_Office2010Blue td.dxgv { padding: 4px 3px; }
    .dxgvCommandColumn_Office2010Blue { padding: 0 !important; }
}
.dxeBase_Office2010Blue { font: inherit; }
/* Tydlig spara knapp */
.dxgvStatusBar_Office2010Blue.dxgvCommandColumn_Office2010Blue .dxbButton_Office2010Blue.dxbButtonSys { padding: 5px 12px;font-family: inherit;font-weight: bold;}
.dxgvStatusBar_Office2010Blue.dxgvCommandColumn_Office2010Blue .dxbButton_Office2010Blue.dxbButtonSys:not(.dxbDisabled_Office2010Blue) { color: black !important;}
.dxgvStatusBar_Office2010Blue.dxgvCommandColumn_Office2010Blue .dxbButton_Office2010Blue.dxbButtonSys:not(.dxbDisabled_Office2010Blue):first-child {background: rgb(191, 244, 183); }
/* Batch edit textstorlek */
.dxgvBatchEditCell_Office2010Blue .dxeEditAreaSys, .dxgvBatchEditCell_Office2010Blue .dxeMemoEditAreaSys, .dxgvBatchEditCell_Office2010Blue input[type="text"].dxeEditAreaSys { font-size: 9px; }
/*.dxgvDataRow_Office2010Blue td.dxgv { }*/
/*.dxeTextBoxSys, .dxeButtonEditSys { width: auto; }
.dxeButtonEditSys .dxeEditAreaSys, .dxeButtonEditSys td.dxic, .dxeTextBoxSys td.dxic, .dxeMemoSys td, .dxeEditAreaSys { width: auto; }*/

/* DevExpress calendar */
.dxeCalendarDayDisabled_Office2010Blue { color: #C00000 !important; }

/* DevExpress popups */
.popupWarning, .popupInfo { background-position: 10px center; background-repeat: no-repeat; border: 1px solid; margin: 10px 10px 10px 10px; text-align: center; }
.popupInfo { background-color: #BDE5F8; color: #00529B; }
.popupWarning table td { background-color: #FFBABA; border: 0 !important; color: #D8000C; }
.popupWarning { background-color: #FF003F; color: #D8000C; }

/* DevExpress token */
.dxeToken_Office2010Blue { background: #cde4ff; }

/* Page specific */
.product-chooser { margin: 5px 0 0 0; font-weight: bold; }
.adlibris-list { margin-bottom: 15px;}
.adlibris-option, .amazon-option { margin: 8px; font-size: 12px; }
.section-box { margin: 15px 0; padding: 6px 15px; border: 1px solid #cfddee; max-width: 940px; }

/* Column minimum width where style is inapplicable */
.min-width-10 { min-width: 10px; }
.min-width-20 { min-width: 20px; }
.min-width-30 { min-width: 30px; }
.min-width-40 { min-width: 40px; }
.min-width-50 { min-width: 50px; }
.min-width-60 { min-width: 60px; }
.min-width-70 { min-width: 70px; }
.min-width-80 { min-width: 80px; }
.min-width-90 { min-width: 90px; }
.min-width-100 { min-width: 100px; }
.min-width-110 { min-width: 110px; }
.min-width-120 { min-width: 120px; }
.min-width-150 { min-width: 150px; }
.min-width-200 { min-width: 200px; }
.min-width-250 { min-width: 250px; }
.min-width-300 { min-width: 300px; }

.max-width-300 { max-width: 300px; }
.max-width-400 { max-width: 400px; }

/* Freshdesk */
.freshwidget-theme { font-weight: normal !important; }
/* Fix Widget overwritten style */
.ie10.fd-btn-right{ right: 0px; }
/* Nedan gammalt, behövs ej i FreshChat? /MF 20190911 */
/* Fix mobile chat top padding */
/*@media only screen and (max-width: 720px) {
    #lc_chat_layout #lc_chat_container, #lc_chat_layout .lc-pre-form { padding-top: 25px !important; }
}*/

/*** "UR" ***/
table.urHeader { width: 100%; }
table.mainContainer { width: 100%; }
.mainContainer hr { background: url('/App_Themes/Default/headerBg.gif'); border: 0; height: 2px; }
.mainContainer h2 { font-size: 1.5em; }
.fieldInput { padding-right: 10px; }
/* Orderrader */
.mainContainer .dxgv { padding: 2px !important; }
.popupWarning hr { background: none !important; border: 2px !important; }

/* Legacy styles, do not use */
table.list { clear: both; width: 100%; }
table.list tr th { background-color: #cfddee; border-right: 1px solid #ffffff; color: #1e395b; padding: 2px 5px; }
table.list tr td { border-bottom: 1px solid #ffffff; border-right: 1px solid #ffffff; padding: 2px 5px; }
.listrow { background-color: #e4eaf1; }
.listalt { background-color: #eef1f5; }

/* skapa/uppdatera designtabell */
table.edittable { width: 100%; }
table.edittable tr th { background-color: #cfddee; border-right: 1px solid #ffffff; color: #1e395b; padding: 2px 5px; }
table.edittable tr td { background-color: #E7E7FF; border-bottom: 1px solid #ffffff; padding: 2px 5px; }

/* nästlad edit tabell */
table.edittable table tr th { border: 0; font-size: 1em; }
table.edittable table tr td { border: 0; }
table.edittable .innertable { border-bottom: 2px solid #999999; border-left: 2px solid #f3f3f3; border-right: 2px solid #999999; border-top: 2px solid #f3f3f3; margin-bottom: 10px; }
table.edittable .innertable tr td { padding: 2px 4px; width: 50%; }
table.edittable .innertable tr td table tr td { border-bottom: 1px solid #ffffff; }

/* filtreringsruta */
div.filter { background-color: #F7F7FF; border: 1px solid #8f8fd0; margin-bottom: 5px; padding: 5px; }
/*div.filter table { }*/
div.filter table tr td { padding: 0 2px 0 0; }